:root{--bg:#f0eee7;--surface:#fff;--border:#e2ded2;--ink:#1c2430;--muted:#5b6472;--subtle:#8a7a5c;--accent:#0f6e56}
@media(prefers-color-scheme:dark){:root{--bg:#14181f;--surface:#1c2430;--border:#2c3542;--ink:#ede9df;--muted:#a8b0bc;--subtle:#b8a78a;--accent:#4fb39a}}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:"IBM Plex Sans","Noto Sans TC","PingFang TC",system-ui,sans-serif;line-height:1.7}
main{max-width:720px;margin:0 auto;padding:40px 20px 80px}h1{font-size:28px;letter-spacing:-.01em;margin:0 0 6px}h2{font-size:18px;margin:28px 0 8px}
.kicker{font-size:13px;color:var(--subtle)}p,li{font-size:15px;color:var(--muted)}a{color:var(--accent)}nav{display:flex;gap:16px;font-size:13px;margin-bottom:28px;flex-wrap:wrap}
.card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:18px 20px;margin:16px 0}footer{font-size:12px;color:var(--subtle);margin-top:40px}code{font-family:ui-monospace,Menlo,monospace;font-size:13px}