/* 文章页样式（posts/ 目录下所有文章共用） */
:root {
  --主色:#2563eb; --文字:#0f172a; --次要:#64748b; --背景:#f8fafc;
  --卡片:#fff; --边框:#e2e8f0; --宽度:720px;
}
@media (prefers-color-scheme: dark) {
  :root { --主色:#60a5fa; --文字:#e8edf7; --次要:#94a3b8; --背景:#0b1120;
          --卡片:#131c31; --边框:#243049; }
}
* { box-sizing:border-box; margin:0; padding:0; }
body {
  font-family:-apple-system,"Segoe UI","Microsoft YaHei","PingFang SC",sans-serif;
  background:var(--背景); color:var(--文字); line-height:1.9; font-size:17px;
  -webkit-font-smoothing:antialiased;
}
.顶栏 { position:sticky; top:0; background:var(--卡片); border-bottom:1px solid var(--边框); }
.顶栏内 { max-width:var(--宽度); margin:0 auto; padding:12px 20px;
          display:flex; justify-content:space-between; gap:12px; font-size:14px; }
.顶栏 a { color:var(--次要); text-decoration:none; }
.顶栏 a:hover { color:var(--主色); }
.正文 { max-width:var(--宽度); margin:0 auto; padding:38px 20px 80px; }
h1 { font-size:clamp(24px,4vw,31px); line-height:1.4; letter-spacing:-.5px; margin-bottom:10px; }
h2 { font-size:20px; margin:34px 0 12px; padding-left:12px; border-left:4px solid var(--主色); }
h3 { font-size:17px; margin:24px 0 8px; }
p { margin:12px 0; }
ul,ol { margin:12px 0 12px 24px; }
li { margin:5px 0; }
a { color:var(--主色); }
img { max-width:100%; }
.元 { color:var(--次要); font-size:13.5px; margin-bottom:26px; }
.元 span { margin-right:12px; }
hr { border:0; border-top:1px solid var(--边框); margin:32px 0; }
pre { background:#0f172a; color:#e2e8f0; padding:14px 16px; border-radius:10px;
      overflow-x:auto; font-size:14px; line-height:1.7; margin:16px 0; }
code { background:color-mix(in srgb,var(--主色) 10%,var(--卡片)); color:var(--主色);
       padding:2px 6px; border-radius:5px; font-family:Consolas,monospace; font-size:15px; }
pre code { background:none; color:inherit; padding:0; }
blockquote { border-left:4px solid var(--边框); padding:2px 0 2px 16px; color:var(--次要); margin:16px 0; }
.翻页 { display:flex; justify-content:space-between; margin-top:44px; padding-top:20px;
        border-top:1px solid var(--边框); font-size:15px; }
.翻页 a { text-decoration:none; }
@media (max-width:600px) { body { font-size:16px; } .正文 { padding:24px 16px 60px; } }