/* 注册与审核。黑金柠檬(design/dark-neon/screens/63):颜色全部走 theme.css 的变量,
 * 这一页在 theme.css 之后加载,所以这里写死的颜色会盖过它 —— 以前大标题是 #552530,
 * 在纯黑底上对比度约 1.6:1,基本看不见。 */
.registration { min-height:100dvh; padding:calc(28px + var(--safe-t)) 20px calc(28px + var(--safe-b)); background:var(--bg,#0a0a0a); color:var(--ink,#fff); font-size:1rem; line-height:1.6; }
.registration-card { width:100%; max-width:520px; margin:0 auto; }
.registration-brand { display:flex; align-items:center; justify-content:space-between; gap:1rem; color:var(--ink,#fff); font-weight:750; font-size:1.2rem; margin-bottom:2rem; }
.registration-badge { color:var(--ink-2,#8a8a8a); border:1px solid var(--line,#242424); background:var(--surface-2,#1c1c1c); border-radius:999px; font-size:.875rem; padding:.2rem .65rem; font-weight:500; }
.registration-steps { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); list-style:none; gap:.6rem; padding:0; margin:0 0 1.7rem; font-size:.875rem; }
.registration-steps li { padding:.6rem 0; border-top:2px solid var(--line,#242424); color:var(--ink-2,#8a8a8a); }
.registration-steps [aria-current=step] { border-color:var(--neon,#e5ff3d); color:var(--ink,#fff); font-weight:700; }
.registration h1 { color:var(--ink,#fff); font-size:1.85rem; letter-spacing:-.03em; line-height:1.3; margin:0 0 .8rem; }
.registration-intro { color:var(--ink-2,#8a8a8a); margin:0 0 1.5rem; }
.registration-identity { display:flex; justify-content:space-between; gap:1rem; flex-wrap:wrap; padding:.8rem 0; border-top:1px solid var(--line,#242424); border-bottom:1px solid var(--line,#242424); margin-bottom:1.5rem; overflow-wrap:anywhere; }
.registration-identity span { color:var(--ink-2,#8a8a8a); font-size:.875rem; }
.registration-form,.registration-actions { display:grid; gap:1rem; }
.registration-form label { display:grid; gap:.5rem; font-size:.875rem; font-weight:650; }
.registration-form input { width:100%; min-width:0; border:0; border-radius:.9rem; background:var(--surface,#151515); color:var(--ink,#fff); padding:.8rem; font:inherit; font-size:1rem; }
.registration :is(input,button):focus-visible { outline:2px solid var(--neon,#e5ff3d); outline-offset:2px; }
.registration-help,.registration-privacy { font-size:.875rem; color:var(--ink-2,#8a8a8a); }
.registration-help { margin:0; }
.registration-privacy { margin-top:1.5rem; padding-top:1rem; border-top:1px solid var(--line,#242424); }
.registration-review { border-left:3px solid var(--neon,#e5ff3d); border-radius:0 .9rem .9rem 0; padding:.8rem 1rem; background:var(--surface-2,#1c1c1c); margin-bottom:1.2rem; font-size:.875rem; overflow-wrap:anywhere; }
.registration-review p { margin:.25rem 0 0; }
.registration-details { background:var(--surface,#151515); border:1px solid var(--line,#242424); border-radius:1.1rem; padding:.35rem 1rem; margin-bottom:1.5rem; }
.registration-details div { padding:.8rem 0; border-bottom:1px solid var(--line,#242424); }
.registration-details div:last-child { border:0; }
.registration-details dt { font-size:.875rem; color:var(--ink-2,#8a8a8a); }
.registration-details dd { margin:.2rem 0 0; font-weight:600; overflow-wrap:anywhere; }
.registration-feedback { font-size:.875rem; color:var(--bad,#ff5a5a); min-height:1.5em; margin:1rem 0 0; }
.registration .btn { min-height:48px; font-size:1rem; }
.registration [disabled] { opacity:.55; cursor:wait; }
.registration-loading { padding:2rem; text-align:center; }
@media (min-width:700px) { .registration { padding-top:4rem; }.registration-card { padding:2rem; background:#fffefc; border:1px solid #e1d0bf; border-radius:1.25rem; box-shadow:0 12px 40px #49132108; } }