:root{color-scheme:light dark;--bg:#fff;--fg:#222;--muted:#666;--card:#f6f6f8;--link:#c2185b}
@media(prefers-color-scheme:dark){:root{--bg:#16161a;--fg:#e8e8ea;--muted:#9a9aa2;--card:#222228;--link:#ff80ab}}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--fg);font:16px/1.7 system-ui,-apple-system,"Noto Sans TC",sans-serif}
main{max-width:640px;margin:0 auto;padding:48px 20px}
h1{margin:0;font-size:2rem}h2{font-size:1.15rem;margin:2rem 0 .5rem}h3{margin:0 0 .3rem}
.sub,.meta,footer{color:var(--muted);font-size:.9rem}
.card{background:var(--card);border-radius:12px;padding:16px 20px}
a{color:var(--link)}footer{margin-top:3rem}