:root{
  --bg:#faf5ff;--card:#fff;--ink:#2b2240;--muted:#8a80a0;
  --brand:#6c4fd1;--brand-ink:#fff;--border:#e6def7;--radius:16px;
}
*{box-sizing:border-box;}
body{
  margin:0;
  font-family:-apple-system,"PingFang SC","Microsoft YaHei",system-ui,sans-serif;
  background:linear-gradient(160deg,var(--bg),#f3ecff);
  min-height:100vh;display:flex;align-items:center;justify-content:center;
  padding:24px;color:var(--ink);
}
.card{
  background:var(--card);width:100%;max-width:460px;border-radius:var(--radius);
  box-shadow:0 18px 50px rgba(108,79,209,.14);overflow:hidden;
}
.head{padding:22px 24px;background:var(--brand);color:var(--brand-ink);}
.head h1{font-size:17px;margin:0;}
.body{padding:24px;}
.row{margin-bottom:16px;}
.row .label{display:block;font-size:12px;color:var(--muted);margin-bottom:4px;}
.row .value{font-size:15px;line-height:1.5;word-break:break-word;}
.divider{height:1px;background:var(--border);margin:18px 0;}
.btn{
  display:block;width:100%;padding:13px;border:0;border-radius:12px;
  background:var(--brand);color:var(--brand-ink);font-size:15px;
  font-weight:600;cursor:pointer;
}
.btn:disabled{opacity:.6;cursor:not-allowed;}
.msg{text-align:center;padding:40px 20px;}
.msg .glyph{font-size:38px;}
.muted{color:var(--muted);font-size:13px;text-align:center;margin-top:14px;}