:root { --bg:#faf9f6; --fg:#222; --mute:#6b6b6b; --line:#e4e1da; --accent:#8a4b2a; --card:#fff; }
@media (prefers-color-scheme: dark) { :root { --bg:#1b1b1a; --fg:#ddd; --mute:#999; --line:#333; --accent:#d29a72; --card:#242423; } }
* { box-sizing: border-box; }
body { margin:0; background:var(--bg); color:var(--fg); font:16px/1.7 -apple-system,"Segoe UI",Roboto,"PingFang SC","Microsoft YaHei",sans-serif; }
main { max-width:680px; margin:0 auto; padding:32px 16px 64px; }
nav { display:flex; gap:20px; font-size:14px; margin-bottom:32px; }
nav a { color:var(--mute); text-decoration:none; }
nav a.on { color:var(--fg); border-bottom:1px solid var(--fg); }
a { color:var(--accent); }
h1 { font-size:22px; margin:0 0 4px; }
.sub { color:var(--mute); font-size:14px; margin-bottom:40px; }
h2 { font-size:15px; color:var(--mute); font-weight:600; border-top:1px solid var(--line); padding-top:16px; margin-top:32px; }
ul { padding-left:20px; }
textarea { width:100%; min-height:200px; padding:12px; font:inherit; color:var(--fg); background:var(--card); border:1px solid var(--line); border-radius:4px; resize:vertical; }
table { width:100%; border-collapse:collapse; margin-top:16px; font-size:15px; }
td { padding:8px 0; border-bottom:1px solid var(--line); }
td:last-child { text-align:right; font-variant-numeric:tabular-nums; }
code { font:14px ui-monospace,Menlo,Consolas,monospace; background:var(--card); border:1px solid var(--line); border-radius:3px; padding:0 4px; }