[hidden]{display:none!important}
:root{color-scheme:light dark;--fg:#1d2330;--muted:#667085;--bg:#f5f6f8;--card:#fff;--line:#d9dde5;--accent:#2f6fed;--danger:#b42318;--ok:#067647}
@media (prefers-color-scheme:dark){:root{--fg:#e7eaf0;--muted:#98a2b3;--bg:#11141a;--card:#1a1f27;--line:#2c3340;--accent:#6b9bff;--danger:#f97066;--ok:#47cd89}}
*{box-sizing:border-box}body{margin:0;font:15px/1.55 system-ui,-apple-system,"PingFang SC","Microsoft YaHei",sans-serif;color:var(--fg);background:var(--bg)}
.top{display:flex;gap:.6rem;align-items:center;padding:.7rem 1rem;background:var(--card);border-bottom:1px solid var(--line)}.top .sub{color:var(--muted)}.sp{flex:1}
main{max-width:980px;margin:1rem auto;padding:0 1rem}.card{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:1rem 1.2rem;margin-bottom:1rem}
h1,h2{margin:.2rem 0 .8rem;font-size:1.25rem}h3{font-size:1rem;margin:1rem 0 .4rem}
label{display:flex;flex-direction:column;gap:.25rem;margin:.5rem 0}label.check{flex-direction:row;align-items:flex-start;gap:.5rem;font-weight:600}
input{font:inherit;padding:.5rem .6rem;border:1px solid var(--line);border-radius:8px;background:transparent;color:inherit}
button,.button{font:inherit;padding:.5rem .9rem;border-radius:8px;border:1px solid var(--accent);background:var(--accent);color:#fff;cursor:pointer;text-decoration:none;display:inline-block}
button.secondary,.secondary{background:transparent;color:var(--accent)}button:disabled{opacity:.5;cursor:not-allowed}
.row{display:flex;flex-wrap:wrap;gap:.6rem;align-items:flex-end;margin:.4rem 0}.hint,.muted{color:var(--muted);font-size:.9rem}.error{color:var(--danger)}
.chip{border:1px solid var(--line);border-radius:999px;padding:.1rem .6rem;font-size:.85rem}.otp{border-color:var(--accent)}
table{width:100%;border-collapse:collapse;font-size:.92rem}th,td{text-align:left;border-bottom:1px solid var(--line);padding:.35rem .3rem}
.result li[data-state=connected]{color:var(--ok)}.result li[data-state=rejected],.result li[data-state=unavailable]{color:var(--danger)}
.stale{color:var(--danger);font-weight:600}.list{padding-left:1.1rem}#toast{min-height:1.4em;color:var(--muted)}code{font-size:1rem}
