:root { color-scheme: dark; --ink: #f2f0ec; --muted: #aaa7a0; }
* { box-sizing: border-box; }
body { margin: 0; background: #101010; color: var(--ink); font: 16px/1.9 -apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei", sans-serif; }
a { color: inherit; text-underline-offset: 5px; }
header { max-width: 1100px; margin: auto; padding: 28px 24px; display: flex; justify-content: space-between; font-size: 14px; }
main { max-width: 820px; margin: 38px auto 90px; padding: 0 24px; }
h1 { font-size: clamp(28px, 5vw, 46px); line-height: 1.4; font-weight: 400; margin: 12px 0 20px; }
h2 { font-size: 21px; font-weight: 400; margin-top: 32px; }
.meta, footer { color: var(--muted); font-size: 13px; }
.intro { color: var(--muted); margin-bottom: 36px; }
img { width: 100%; height: auto; display: block; border-radius: 6px; }
.cover { margin-bottom: 36px; }
.copy { white-space: pre-wrap; }
figure { margin: 32px 0; }
.links { display: flex; gap: 24px; flex-wrap: wrap; margin-top: 32px; }
footer { text-align: center; padding: 24px; border-top: 1px solid #292929; }