:root{--bg:#fdfdfc;--text:#1f2328;--muted:#6b7280;--border:#e5e7eb;--accent:#2f6f4e;--code-bg:#f3f4f6;--max-width:720px}@media (prefers-color-scheme:dark){:root{--bg:#111413;--text:#e6e8e7;--muted:#9aa3a0;--border:#2a2f2d;--accent:#7cc49b;--code-bg:#1c211f}}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;margin:0;font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Segoe UI,sans-serif;font-size:17px;line-height:1.8}a{color:var(--accent)}img{max-width:100%;height:auto}.container{max-width:var(--max-width);margin:0 auto;padding:0 20px}.site-header{justify-content:space-between;align-items:center;padding:32px 0 40px;display:flex}.site-title{color:var(--text);font-size:20px;font-weight:700;text-decoration:none}.site-header nav a{color:var(--muted);margin-left:20px;text-decoration:none}.site-header nav a:hover{color:var(--text)}.site-footer{border-top:1px solid var(--border);color:var(--muted);margin-top:80px;padding:24px 0 40px;font-size:14px}.post-list{margin:0;padding:0;list-style:none}.post-list li{border-bottom:1px solid var(--border);padding:24px 0}.post-list li:first-child{padding-top:0}.post-link{color:inherit;text-decoration:none}.post-link h2{margin:0 0 6px;font-size:21px;line-height:1.4}.post-link:hover h2{color:var(--accent)}.excerpt{color:var(--muted);margin:0 0 8px}.meta{color:var(--muted);flex-wrap:wrap;gap:4px 12px;font-size:14px;display:flex}.tag{color:var(--accent)}.empty{color:var(--muted)}.post header h1{margin:0 0 8px;font-size:30px;line-height:1.35}.post header{margin-bottom:32px}.cover{border-radius:8px;width:100%;margin-bottom:32px}.prose h2,.prose h3{margin:2em 0 .6em;line-height:1.4}.prose p{margin:0 0 1.2em}.prose blockquote{border-left:3px solid var(--border);color:var(--muted);margin:1.5em 0;padding:0 1em}.prose code{background:var(--code-bg);border-radius:4px;padding:.15em .4em;font-size:.9em}.prose pre{background:var(--code-bg);border-radius:8px;padding:16px;overflow-x:auto}@media (max-width:600px){body{font-size:16px}.site-header{padding:20px 0 28px}.post header h1{font-size:24px}.post-link h2{font-size:19px}}.post-list li:last-child{border-bottom:none}
