:root{
  --bg:#fdfcf9;--text:#2b2b2b;--accent:#9a7b1e;--muted:#6b7280;
  --border:#e5e2d9;--surface:#f4f1ea;--code-bg:#f5f3ec;--code-text:#3f3f46;
  --ok:#2d7a4f;--warn:#b37a1e;--err:#a83232;
}
@media (prefers-color-scheme:dark){
  :root{
    --bg:#17161a;--text:#e6e3dc;--accent:#c9a84c;--muted:#9d978c;
    --border:#33313a;--surface:#201f25;--code-bg:#24232a;--code-text:#d7d3ca;
    --ok:#6fcf97;--warn:#e0b458;--err:#eb8787;
  }
}
*{box-sizing:border-box;margin:0;padding:0}
body{background:var(--bg);color:var(--text);font:16px/1.75 -apple-system,BlinkMacSystemFont,"PingFang SC","Noto Sans CJK SC",sans-serif;padding:0 20px 80px}
.wrap{max-width:860px;margin:0 auto}
header{padding:36px 0 20px;border-bottom:1px solid var(--border);margin-bottom:32px}
h1{font-size:28px;margin-bottom:6px}
h2{font-size:20px;margin:36px 0 12px;padding-top:20px;border-top:1px solid var(--border)}
.sub{color:var(--muted);font-size:14px}
nav a{color:var(--accent);text-decoration:none;margin-right:16px;font-size:14px}
code{background:var(--code-bg);color:var(--code-text);padding:2px 6px;border-radius:4px;font-size:.88em}
pre{background:var(--code-bg);border:1px solid var(--border);border-radius:8px;padding:14px;overflow-x:auto;font-size:13px;line-height:1.6}
pre code{background:none;padding:0}
table{width:100%;border-collapse:collapse;margin:16px 0;font-size:14px}
th,td{border:1px solid var(--border);padding:8px 10px;text-align:left}
th{background:var(--surface)}
.card{border:1px solid var(--border);background:var(--surface);border-radius:8px;padding:18px;margin:16px 0}
.tag{display:inline-block;padding:2px 9px;border-radius:99px;font-size:12px;font-weight:600}
.tag-ok{background:rgba(45,122,79,.14);color:var(--ok)}
.tag-warn{background:rgba(179,122,30,.14);color:var(--warn)}
.tag-err{background:rgba(168,50,50,.14);color:var(--err)}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;margin:16px 0}
.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px}