:root{--bg: #f2f5f9;--card: #ffffff;--ink: #1c2733;--muted: #64748b;--line: #dbe3ec;--brand: #2a5da8;--brand-ink: #244e8c;--ok: #1a7f4e;--err: #b3423a;--info: #58687d;--focus: rgba(42, 93, 168, .28)}@media(prefers-color-scheme:dark){:root{--bg: #0f1826;--card: #16233a;--ink: #dbe5f2;--muted: #90a3bb;--line: #2c3d57;--brand: #7fa9e4;--brand-ink: #9fc0ee;--ok: #59b98a;--err: #e08a83;--info: #9fb0c4;--focus: rgba(127, 169, 228, .32)}}*{box-sizing:border-box}body{margin:0;font-family:system-ui,PingFang SC,Microsoft YaHei,sans-serif;background:var(--bg);color:var(--ink);line-height:1.6}.page{min-height:100vh;display:grid;place-items:center;padding:24px}.card{width:min(400px,100%);background:var(--card);border:1px solid var(--line);border-radius:14px;padding:36px 32px 24px;box-shadow:0 12px 40px #0f1e3214}.brand{margin:0;font-size:1.7rem;letter-spacing:.02em;color:var(--brand-ink)}.tagline{margin:2px 0 22px;font-size:.85rem;color:var(--muted)}.tabs{display:grid;grid-template-columns:1fr 1fr;gap:6px;background:var(--bg);border-radius:9px;padding:4px;margin-bottom:22px}.tabs button{border:0;background:transparent;color:var(--muted);font-size:.95rem;padding:8px 0;border-radius:7px;cursor:pointer}.tabs button.active{background:var(--card);color:var(--ink);font-weight:600;box-shadow:0 1px 4px #0f1e321a}.form{display:grid;gap:16px}.form label{display:grid;gap:6px;font-size:.88rem;font-weight:600}.form input{width:100%;font-size:1rem;font-family:inherit;color:var(--ink);background:var(--bg);border:1px solid var(--line);border-radius:8px;padding:10px 12px}.form input:focus-visible{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px var(--focus)}.pw-wrap{position:relative;display:block}.pw-wrap input{padding-right:64px}.ghost{position:absolute;right:6px;top:50%;transform:translateY(-50%);border:0;background:transparent;color:var(--brand-ink);font-size:.82rem;cursor:pointer;padding:6px 8px}.hint{font-size:.78rem;font-weight:400;color:var(--muted);margin:0}.meter{height:4px;border-radius:2px;background:var(--line);overflow:hidden}.meter span{display:block;height:100%;transition:width .25s}.meter .w1{width:33%;background:var(--err)}.meter .w2{width:66%;background:#c9903a}.meter .w3{width:100%;background:var(--ok)}.primary{border:0;border-radius:8px;background:var(--brand);color:#fff;font-size:1rem;font-weight:600;padding:11px 0;cursor:pointer}.primary:disabled{opacity:.6;cursor:wait}.primary:focus-visible{outline:2px solid var(--brand-ink);outline-offset:2px}@media(prefers-color-scheme:dark){.primary{color:#0f1826}}.notice{margin:0;font-size:.87rem;border-radius:8px;padding:9px 12px;background:var(--bg)}.notice.ok{color:var(--ok)}.notice.err{color:var(--err)}.notice.info{color:var(--info)}.danger-link{position:static;text-align:left;color:var(--err);font-size:.82rem;padding:4px 0}.btn-danger{background:var(--err)}.foot{margin:22px 0 0;font-size:.75rem;color:var(--muted);text-align:center}