:root { --bg:#ffffff; --fg:#1b1f24; --muted:#5b6470; --line:#e3e6ea; --accent:#c8102e; }
@media (prefers-color-scheme: dark) { :root { --bg:#0f1318; --fg:#e8ebef; --muted:#9aa4b0; --line:#262d36; --accent:#ff4d5e; } }
* { box-sizing:border-box; }
body { margin:0; background:var(--bg); color:var(--fg); font:16px/1.7 -apple-system, "Segoe UI", "Noto Sans TC", sans-serif; }
header, main, footer { max-width:820px; margin:0 auto; padding:0 16px; }
header { display:flex; align-items:center; gap:12px; padding-top:28px; padding-bottom:12px; border-bottom:1px solid var(--line); flex-wrap:wrap; }
.logo { background:var(--accent); color:#fff; font-weight:800; padding:4px 10px; border-radius:6px; }
header nav { margin-left:auto; display:flex; gap:16px; }
a { color:var(--accent); }
h1 { font-size:28px; margin:28px 0 8px; }
h2 { font-size:20px; margin:28px 0 8px; }
.muted { color:var(--muted); }
ul { padding-left:22px; }
code { background:var(--line); padding:1px 5px; border-radius:4px; font-size:14px; }
footer { border-top:1px solid var(--line); margin-top:40px; padding-top:16px; padding-bottom:40px; color:var(--muted); font-size:14px; }