:root{--bg:#070b18;--bg2:#0d1430;--card:rgba(255,255,255,.055);--line:rgba(255,255,255,.10);
--tx:#eaf0ff;--mut:#8a96c4;--acc:#5b8cff;--acc2:#9b6bff;--ok:#27d7a0;--warn:#ffb454;--err:#ff5d73;
--grad:linear-gradient(135deg,#5b8cff,#9b6bff 55%,#ff6bd6);}
*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}
body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"PingFang SC","Microsoft YaHei",sans-serif;
background:radial-gradient(1200px 700px at 80% -10%,rgba(155,107,255,.20),transparent),radial-gradient(900px 600px at -10% 110%,rgba(91,140,255,.18),transparent),var(--bg);
color:var(--tx);min-height:100vh;line-height:1.5;overflow-x:hidden}
.wrap{max-width:560px;margin:0 auto;padding:18px 16px 40px}
header{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}
.logo{display:flex;align-items:center;gap:10px;font-weight:800;font-size:19px;letter-spacing:.3px}
.dot{width:30px;height:30px;border-radius:9px;background:var(--grad);box-shadow:0 0 18px rgba(123,107,255,.6);display:grid;place-items:center;font-size:15px}
select.lang{background:var(--card);color:var(--tx);border:1px solid var(--line);border-radius:9px;padding:7px 10px;font-size:13px;appearance:auto;cursor:pointer}
select.lang option{background:#101527;color:#e8ecf7}
select.lang option:checked{background:#1d2742;color:#fff}
.card{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:18px;margin-bottom:14px;backdrop-filter:blur(8px)}
.hero{text-align:center;padding:26px 18px;position:relative;overflow:hidden}
.hero h1{font-size:23px;background:var(--grad);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:6px}
.hero p{color:var(--mut);font-size:13.5px}
.big{font-size:40px;font-weight:800;letter-spacing:-1px;margin:8px 0}
.mini{color:var(--mut);font-size:12px}
.btn{width:100%;border:0;border-radius:14px;padding:15px;font-size:16px;font-weight:700;cursor:pointer;transition:.18s;color:#fff;background:var(--grad);box-shadow:0 8px 26px rgba(123,107,255,.34)}
.btn:active{transform:scale(.975)}
.btn.ghost{background:var(--card);border:1px solid var(--line);color:var(--tx);box-shadow:none}
.btn:disabled{opacity:.45;cursor:not-allowed}
.row{display:flex;gap:10px}.row>*{flex:1}
.grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.stat{background:rgba(255,255,255,.04);border:1px solid var(--line);border-radius:13px;padding:12px}
.stat b{display:block;font-size:19px;margin-top:3px}
.stat span{color:var(--mut);font-size:11.5px}
.bar{height:7px;border-radius:6px;background:rgba(255,255,255,.09);overflow:hidden;margin-top:7px}
.bar i{display:block;height:100%;background:var(--grad);width:0;transition:width .5s}
.pill{display:inline-flex;align-items:center;gap:6px;font-size:12px;padding:4px 11px;border-radius:99px;border:1px solid var(--line);background:rgba(255,255,255,.04)}
.live{width:8px;height:8px;border-radius:50%;background:var(--mut)}
.live.on{background:var(--ok);box-shadow:0 0 0 0 rgba(39,215,160,.6);animation:pulse 1.6s infinite}
@keyframes pulse{70%{box-shadow:0 0 0 9px rgba(39,215,160,0)}100%{box-shadow:0 0 0 0 rgba(39,215,160,0)}}
.spin{width:120px;height:120px;margin:6px auto 14px;border-radius:50%;background:conic-gradient(from 0deg,#5b8cff,#9b6bff,#ff6bd6,#5b8cff);display:grid;place-items:center;animation:spin 3.4s linear infinite;opacity:.25;transition:opacity .4s;position:relative}
.spin.on{opacity:1;box-shadow:0 0 40px rgba(155,107,255,.45)}
.spin::after{content:"";width:96px;height:96px;border-radius:50%;background:var(--bg2);position:absolute}
.spin b{position:absolute;font-size:13px;color:var(--mut);z-index:2}
@keyframes spin{to{transform:rotate(360deg)}}
.addr{font-family:ui-monospace,Menlo,monospace;font-size:11.5px;color:var(--mut);word-break:break-all}
textarea,input{width:100%;background:rgba(0,0,0,.25);border:1px solid var(--line);border-radius:11px;color:var(--tx);padding:11px;font-size:13px;font-family:inherit}
.hide{display:none}
.toast{color:#eef1f6;position:fixed;left:50%;bottom:24px;transform:translateX(-50%) translateY(20px);background:#111a36;border:1px solid var(--line);padding:11px 18px;border-radius:12px;font-size:13.5px;opacity:0;transition:.3s;z-index:9;max-width:88vw;text-align:center}
.toast.show{opacity:1;transform:translateX(-50%) translateY(0)}
.lnk{color:var(--acc);text-decoration:none;font-size:13px}
footer{text-align:center;color:var(--mut);font-size:11.5px;margin-top:8px}
.tabs{display:flex;gap:8px;margin-bottom:14px}.tabs button{flex:1;padding:10px;border-radius:11px;border:1px solid var(--line);background:var(--card);color:var(--mut);font-weight:600;cursor:pointer;font-size:13.5px}
.tabs button.act{color:#fff;background:linear-gradient(135deg,rgba(91,140,255,.35),rgba(155,107,255,.35));border-color:rgba(155,107,255,.5)}

/* ---- professional polish ---- */
.wrap{max-width:600px}
header{position:sticky;top:0;z-index:6;background:rgba(7,11,24,.78);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);padding:10px 0;margin-bottom:14px;border-bottom:1px solid rgba(255,255,255,.06)}
.card{border-radius:20px;padding:20px;border-color:rgba(255,255,255,.08);box-shadow:0 12px 34px rgba(0,0,0,.28)}
.hero{padding:32px 20px}
.hero h1{font-size:26px}
.hero p{font-size:14px}
.big{font-size:46px}
.btn{border-radius:15px;padding:16px;font-size:16.5px}
.btn:hover{filter:brightness(1.07)}
.btn.ghost{background:rgba(255,255,255,.045)}
.btn.ghost:hover{background:rgba(255,255,255,.10)}
.stat{border-radius:15px;padding:14px}
.stat b{font-size:21px}
.seclabel{font-size:11px;letter-spacing:1px;text-transform:uppercase;color:var(--mut);margin:2px 0 8px}
:focus-visible{outline:2px solid var(--acc);outline-offset:2px}
.row .btn{font-size:14px;padding:13px}

[data-theme="light"]{--bg:#f4f6fb;--bg2:#ffffff;--card:rgba(12,18,45,.05);--line:rgba(12,18,45,.12);--tx:#101527;--mut:#535e73;--acc:#2f4bc7;--acc2:#6d3fd4;--ok:#0b7a4b;--warn:#8a5a00;--err:#c02642}

.u919690{color:inherit;text-decoration:none;padding:7px 10px;border:1px solid var(--line);border-radius:10px}
.u919690{color:inherit;text-decoration:none;padding:7px 10px;border:1px solid var(--line);border-radius:10px}
.u03b213{background:var(--surf,rgba(255,255,255,.06));border:1px solid var(--line);border-radius:10px;padding:7px 11px;cursor:pointer;color:inherit;font-size:15px}
.uba58d5{color:var(--mut);text-decoration:none;padding:7px 10px;border:1px solid var(--line);border-radius:10px;font-size:13px}
.uba58d5{color:var(--mut);text-decoration:none;padding:7px 10px;border:1px solid var(--line);border-radius:10px;font-size:13px}
.u991dec{display:flex;gap:16px;margin:-4px 0 14px;font-size:13px;flex-wrap:wrap}
.ua7409f{margin-bottom:10px}
.ud43169{margin-top:8px}
.ud43169{margin-top:8px}
.ua7409f{margin-bottom:10px}
.ua7409f{margin-bottom:10px}
.u002535{margin-top:12px}
.ucb4589{display:none}
.ue3ebcf{height:14px}
.ubc5e47{align-items:center;margin-bottom:12px}
.uda5cd6{flex:1}
.u885d8f{width:auto;padding:9px 14px;font-size:13px}
.u616ac6{height:12px}
.ue2b48c{margin-top:8px;display:block;text-align:center;text-decoration:none}
.ud51702{margin-bottom:8px}
.uda5cd6{flex:1}
.u885d8f{width:auto;padding:9px 14px;font-size:13px}
.ua7409f{margin-bottom:10px}
.ub2e01b{width:100%;font-size:12.5px;border-collapse:collapse}
.u5fe90d{text-align:left;color:var(--mut)}
.u5fe90d{text-align:left;color:var(--mut)}
.u5fe90d{text-align:left;color:var(--mut)}
.u5fe90d{text-align:left;color:var(--mut)}
.u5fe90d{text-align:left;color:var(--mut)}
.u5fe90d{text-align:left;color:var(--mut)}
.u5fe90d{text-align:left;color:var(--mut)}
.u7b4ece{line-height:1.9}
.ud51702{margin-bottom:8px}
.u44c58d{width:auto;padding:10px 16px}
.u9e3c4c{margin-top:6px}
.ud43169{margin-top:8px}
.u0cc002{color:var(--mut);margin-right:10px}
.fs12{font-size:12px}.fs11{font-size:11.5px}.mono12{font-family:ui-monospace,monospace;font-size:12px}.errtx{color:var(--err)}.oktx{color:var(--ok)}
.fs12{font-size:12px}.fs11{font-size:11.5px}.mono12{font-family:ui-monospace,monospace;font-size:12px}.errtx{color:var(--err)}.oktx{color:var(--ok)}

[data-theme="light"] .toast{background:#ffffff;color:#0e1428;border-color:rgba(12,18,45,.2)}
[data-theme="light"] textarea,[data-theme="light"] input{background:#ffffff;color:#0e1428;border-color:rgba(12,18,45,.18)}
[data-theme="light"] textarea::placeholder,[data-theme="light"] input::placeholder{color:#8a94a8}

html.ld-restoring body::before{content:"正在恢复登录状态,请稍候… / Restoring session…";position:fixed;inset:0;z-index:80;display:grid;place-items:center;background:rgba(5,6,10,.78);color:#eef1f6;font-size:15px;text-align:center;padding:20px}