:root { color-scheme: light; --bg: #f7f8fa; --ink: #172033; --muted: #667085; --accent: #2563eb; --surface: #ffffff; }
@media (prefers-color-scheme: dark) {
  :root { color-scheme: dark; --bg: #111318; --ink: #f1f3f6; --muted: #b8bec8; --accent: #58a8f7; --surface: #20242c; }
}
* { box-sizing: border-box; }
body { max-width: 640px; margin: 48px auto; padding: 0 20px; background: var(--bg); color: var(--ink); font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei", sans-serif; line-height: 1.7; }
h1 { font-size: clamp(25px, 7vw, 28px); line-height: 1.25; }
a { display: inline-flex; min-height: 44px; align-items: center; color: var(--accent); text-decoration: none; }
.sub { color: var(--muted); }
.entry-note { margin-top: 24px; padding: 14px 16px; border-radius: 10px; background: var(--surface); color: var(--muted); }
a:focus-visible { outline: 2px solid var(--accent); outline-offset: 3px; border-radius: 4px; }