:root{
  --bg:#fbfbfd; --fg:#1b1d22; --muted:#6b7280; --line:#e5e7eb; --card:#fff;
  --accent:#2b6cb0; --danger:#c53030; --warn:#b7791f; --ok:#2f855a;
}
@media (prefers-color-scheme:dark){
  :root{--bg:#141518; --fg:#e6e8eb; --muted:#9aa0a6; --line:#2a2d33; --card:#1b1d22; --accent:#7cb2e8; --danger:#f08a8a; --warn:#e0b15c;}
}
*{box-sizing:border-box}
body{margin:0;padding:28px 20px 60px;background:var(--bg);color:var(--fg);
  font:15px/1.75 -apple-system,"Segoe UI","Microsoft YaHei","PingFang SC",sans-serif;
  max-width:1000px;margin-inline:auto}
a{color:var(--accent);text-decoration:none}
a:hover{text-decoration:underline}
h1{font-size:30px;margin:0 0 4px;letter-spacing:-.02em}
h2{font-size:20px;margin:38px 0 10px;padding-bottom:8px;border-bottom:1px solid var(--line)}
h2 small,h3 small{font-size:12px;font-weight:400;color:var(--muted);margin-left:8px}
h3{font-size:16px;margin:24px 0 8px;color:var(--muted);font-weight:600}
.hero{text-align:left;margin-bottom:8px}
.hero .date{color:var(--muted);margin:0 0 10px;font-variant-numeric:tabular-nums}
.lead{font-size:15px;color:var(--fg);max-width:70ch}
.stat{color:var(--muted);font-size:13px;margin:6px 0 0}
.note{background:var(--card);border:1px solid var(--line);border-left:3px solid var(--warn);
  padding:10px 14px;border-radius:6px;font-size:13px;color:var(--muted);margin:14px 0}
.nav{position:sticky;top:0;background:var(--bg);padding:10px 0;margin:10px 0 4px;
  border-bottom:1px solid var(--line);z-index:5;display:flex;gap:18px;flex-wrap:wrap}
.nav a{font-size:14px;font-weight:600}
table{width:100%;border-collapse:collapse;margin:6px 0 4px;font-size:14px}
th{text-align:left;font-size:12px;color:var(--muted);font-weight:600;
  border-bottom:1px solid var(--line);padding:8px 8px}
td{padding:9px 8px;border-bottom:1px solid var(--line);vertical-align:top}
tr:hover td{background:rgba(127,127,127,.06)}
.rank{color:var(--muted);font-variant-numeric:tabular-nums;width:28px}
.num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
.delta{color:var(--ok);font-size:13px}
.nm{font-weight:600;word-break:break-word;min-width:180px}
.nm a{color:var(--fg)}
.nm a:hover{color:var(--accent)}
.ds{color:var(--muted);font-size:13px}
.badge{display:inline-block;font-size:12px;padding:2px 8px;border-radius:20px;
  border:1px solid var(--line);color:var(--muted);margin:0 6px 6px 0}
.badge.kind{border-color:var(--accent);color:var(--accent)}
.badge.danger{border-color:var(--danger);color:var(--danger)}
.badge.warn{border-color:var(--warn);color:var(--warn)}
.top{margin-bottom:20px}
.back{font-size:13px;display:inline-block;margin-bottom:14px}
.sub{color:var(--muted);margin:0 0 10px;max-width:75ch}
.facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1px;
  background:var(--line);border:1px solid var(--line);border-radius:8px;overflow:hidden;margin:18px 0}
.fact{background:var(--card);padding:10px 12px}
.fact .k{display:block;font-size:12px;color:var(--muted)}
.fact .v{font-weight:600;font-variant-numeric:tabular-nums}
.block{margin:26px 0}
.block h2{font-size:17px;border:none;margin:0 0 10px;padding:0}
.block ul{margin:0;padding-left:20px}
.block li{margin:6px 0}
.block p.lead{background:var(--card);border:1px solid var(--line);border-radius:8px;padding:14px 16px}
.cautions li::marker{color:var(--danger)}
.advice li::marker{color:var(--ok)}
.dangerbox{background:rgba(197,48,48,.07);border:1px solid rgba(197,48,48,.3);border-radius:8px;padding:14px 18px}
.dangerbox h2{color:var(--danger)}
.chips{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px}
.badge.cap{background:var(--card)}
.badge.cap.danger{border-color:var(--danger);color:var(--danger)}
.hint{font-size:13px;color:var(--muted)}
.code{background:var(--card);border:1px solid var(--line);border-radius:6px;
  padding:12px 14px;overflow-x:auto;font:13px/1.6 ui-monospace,Consolas,monospace;margin:0 0 10px}
.copy{font:13px inherit;padding:5px 14px;border-radius:6px;border:1px solid var(--line);
  background:var(--card);color:var(--fg);cursor:pointer}
.copy:hover{border-color:var(--accent);color:var(--accent)}
.links{margin-top:6px}
.foot{color:var(--muted);font-size:12px;border-top:1px solid var(--line);margin-top:48px;padding-top:14px}
.empty{color:var(--muted)}
.tips ul{padding-left:20px}
.dl{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}
.dl-btn{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border:1px solid var(--line);
  border-radius:8px;background:var(--card);font-size:13px;font-weight:600;color:var(--fg)}
.dl-btn:hover{border-color:var(--accent);color:var(--accent);text-decoration:none}
.dl-btn .tag{font-size:11px;font-weight:400;color:var(--muted)}
.dl-btn.global{border-left:3px solid var(--accent)}
.dl-btn.cn{border-left:3px solid var(--ok)}
.dl-btn.page{border-left:3px solid var(--muted)}
.cmdrow{margin:12px 0}
.cmdlbl{display:block;font-size:12px;color:var(--muted);margin-bottom:4px}
.cmdrow .code{margin:0 0 6px}
.doc{max-width:80ch}
.doc h2,.doc h3{font-size:18px;border:none;margin:26px 0 8px;padding:0}
.doc h4,.doc h5{font-size:15px;margin:18px 0 6px;color:var(--muted)}
.doc p{margin:10px 0}
.doc ul,.doc ol{padding-left:22px;margin:8px 0}
.doc li{margin:4px 0}
.doc code{background:rgba(127,127,127,.14);padding:1px 5px;border-radius:4px;font-size:13px}
.doc-code{background:var(--card);border:1px solid var(--line);border-radius:6px;padding:12px 14px;overflow-x:auto;font:13px/1.6 ui-monospace,Consolas,monospace}
.doc-code code{background:none;padding:0}
.doc-table{width:100%;border-collapse:collapse;font-size:14px;margin:12px 0}
.doc-table th,.doc-table td{border:1px solid var(--line);padding:6px 10px;text-align:left}
.doc blockquote{border-left:3px solid var(--line);margin:10px 0;padding:4px 14px;color:var(--muted)}
.doc a{word-break:break-word}
