:root { --bg: #f5f5f3; --fg: #1d1f22; --muted: #6b7078; --line: rgba(20,24,30,.12); --link: #3d5a80; }
@media (prefers-color-scheme: dark) { :root { --bg: #08090b; --fg: #eeeeec; --muted: #8b9098; --line: rgba(230,235,245,.12); --link: #9db4d6; } }
* { box-sizing: border-box; }
body { margin: 0; background: var(--bg); color: var(--fg); font: 16px/1.7 system-ui, -apple-system, "Noto Sans TC", "PingFang TC", sans-serif; }
main { max-width: 42rem; margin: 0 auto; padding: 3rem max(16px, env(safe-area-inset-left)) 4rem; }
h1 { font-weight: 300; font-size: 2rem; line-height: 1.2; margin: 0 0 1rem; }
h1 span { display: block; font-size: 1rem; color: var(--muted); margin-top: .3rem; }
h2 { font-size: 1.05rem; font-weight: 600; margin: 2.5rem 0 .5rem; padding-top: 1.5rem; border-top: 1px solid var(--line); }
a { color: var(--link); }
.date, .back { color: var(--muted); font-size: .9rem; }
.back a { color: var(--muted); text-decoration: none; }
li { margin: .35rem 0; }