:root{--p:#4f46e5;--p2:#6366f1;--bg:#f6f7fb;--c:#fff;--t:#111827;--m:#6b7280;--b:#e5e7eb;--ok:#059669;--err:#dc2626;--r:12px}
*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,"PingFang SC","Microsoft YaHei",sans-serif;background:var(--bg);color:var(--t);line-height:1.6}
a{color:var(--p);text-decoration:none}
nav{background:#fff;border-bottom:1px solid var(--b);position:sticky;top:0;z-index:9}
nav .in{max-width:1180px;margin:0 auto;display:flex;align-items:center;gap:22px;padding:12px 20px}
nav .logo{font-weight:800;font-size:18px;color:var(--t)}nav .logo b{color:var(--p)}nav .sp{flex:1}nav a.l{color:var(--m)}nav a.l.on,nav a.l:hover{color:var(--p)}
.wrap{max-width:1180px;margin:0 auto;padding:28px 20px}
.card{background:var(--c);border:1px solid var(--b);border-radius:var(--r);padding:20px;margin-bottom:18px}
.card h3{margin:0 0 14px;font-size:16px}
.btn{display:inline-flex;align-items:center;gap:6px;background:var(--p);color:#fff;border:0;border-radius:9px;padding:9px 16px;font-size:14px;cursor:pointer}
.btn:hover{background:var(--p2)}.btn.g{background:#fff;color:var(--t);border:1px solid var(--b)}.btn.d{background:#fff;color:var(--err);border:1px solid #fecaca}.btn.sm{padding:5px 10px;font-size:12px}
input,select,textarea{width:100%;border:1px solid var(--b);border-radius:9px;padding:10px 12px;font-size:14px;background:#fff;font-family:inherit}
input:focus,textarea:focus{outline:2px solid #c7d2fe;border-color:var(--p)}
.grid{display:grid;gap:16px}.g4{grid-template-columns:repeat(4,1fr)}.g3{grid-template-columns:repeat(3,1fr)}.g2{grid-template-columns:repeat(2,1fr)}
.stat .k{color:var(--m);font-size:13px}.stat .v{font-size:26px;font-weight:700;margin-top:4px}
table{width:100%;border-collapse:collapse;font-size:13px}th,td{text-align:left;padding:9px 8px;border-bottom:1px solid var(--b);vertical-align:top}th{color:var(--m);font-weight:500;background:#fafafa}
td.u{max-width:320px;word-break:break-all}
.tag{display:inline-block;font-size:12px;border-radius:6px;padding:1px 8px;background:#eef2ff;color:var(--p)}.tag.ok{background:#ecfdf5;color:var(--ok)}.tag.err{background:#fef2f2;color:var(--err)}.tag.m{background:#f3f4f6;color:var(--m)}
code,pre{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:13px}pre{background:#0f172a;color:#e2e8f0;padding:14px;border-radius:10px;overflow:auto}
.muted{color:var(--m);font-size:13px}.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.side{display:grid;grid-template-columns:200px 1fr;gap:22px}.menu a{display:block;padding:9px 12px;border-radius:8px;color:var(--t)}.menu a.on,.menu a:hover{background:#eef2ff;color:var(--p)}
.toast{position:fixed;top:70px;left:50%;transform:translateX(-50%);background:#111827;color:#fff;padding:10px 18px;border-radius:9px;display:none;z-index:99}
.hero{text-align:center;padding:56px 20px 28px}.hero h1{font-size:38px;margin:0}.hero p{color:var(--m);font-size:17px}
.keybox{background:#fefce8;border:1px solid #fde68a;padding:12px;border-radius:9px;word-break:break-all;font-family:monospace}
@media(max-width:860px){.g4,.g3{grid-template-columns:repeat(2,1fr)}.g2,.side{grid-template-columns:1fr}.hero h1{font-size:28px}nav .in{gap:12px;flex-wrap:wrap}}
.i18n-sw{display:inline-flex;gap:4px;flex:none}.i18n-sw select{width:auto;padding:4px 6px;font-size:13px;height:30px}
.dd{position:relative;font-size:13px}.dd-b{display:inline-flex;align-items:center;gap:4px;height:28px;padding:0 6px;border:1px solid #d0d5dd;border-radius:8px;background:#fff;color:inherit;cursor:pointer;font-size:13px;white-space:nowrap}.dd-b i{font-style:normal;font-size:10px;opacity:.6}
.flag{width:20px;height:15px;border-radius:2px;box-shadow:0 0 0 1px rgba(0,0,0,.12);flex:none;object-fit:cover}
.dd-m{display:none;position:absolute;top:calc(100% + 4px);inset-inline-start:0;z-index:1000;min-width:100%;max-height:60vh;overflow:auto;margin:0;padding:4px;list-style:none;background:#fff;border:1px solid #e4e7ec;border-radius:10px;box-shadow:0 8px 24px rgba(0,0,0,.12)}.dd.open .dd-m{display:block}
.dd-m li{display:flex;align-items:center;gap:8px;padding:6px 10px;border-radius:6px;cursor:pointer;white-space:nowrap}.dd-m li:hover,.dd-m li:focus{background:#f2f4f7;outline:0}.dd-m li[aria-selected=true]{font-weight:600;background:#eef4ff}
@media(max-width:640px){.dd-b{padding:0 4px}}
.fx{color:var(--m);font-size:.85em;margin-inline-start:4px}
[dir=rtl] .row,[dir=rtl] nav .in{direction:rtl}[dir=rtl] table{direction:rtl}[dir=rtl] th,[dir=rtl] td{text-align:right}[dir=rtl] code,[dir=rtl] .keybox,[dir=rtl] input[type=url]{direction:ltr;unicode-bidi:embed}