/* vigboard · design layer 2（可独立删除，不影响原样式） */
:root{--sans:-apple-system,BlinkMacSystemFont,"SF Pro Text","Inter","PingFang SC","Microsoft YaHei",sans-serif;
--mono:ui-monospace,SFMono-Regular,"SF Mono",Menlo,Consolas,monospace}
/* 1. 正文换无衬线，代码/数字保留等宽 */
body{font-family:var(--sans);letter-spacing:.01em}
code,pre,kbd,samp,.num,.meta,.tag,td:has(> .num){font-family:var(--mono)}
h1,h2,h3{font-family:var(--sans);letter-spacing:-.01em}
h1{line-height:1.25}
p,li{line-height:1.85}

/* 2. 首页数据条 */
.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:22px 0 6px}
.stat{background:var(--card,#111722);border:1px solid var(--line,#1f2836);border-radius:12px;padding:14px 16px}
.stat b{display:block;font-family:var(--mono);font-size:24px;color:var(--acc,#4f9cf9);line-height:1.1}
.stat span{display:block;color:var(--dim,#8794a8);font-size:12px;margin-top:6px}
@media(max-width:640px){.stats{grid-template-columns:1fr 1fr}}

/* 3. 文章目录（桌面 sticky / 移动折叠） */
.toc{margin:18px 0 26px;border:1px solid var(--line,#1f2836);border-radius:12px;background:var(--card,#111722);overflow:hidden}
.toc>summary{cursor:pointer;padding:12px 16px;font-size:13px;color:var(--dim,#8794a8);list-style:none;
display:flex;justify-content:space-between}
.toc>summary::-webkit-details-marker{display:none}
.toc ol{margin:0;padding:0 18px 14px 34px}
.toc li{margin:6px 0;font-size:13.5px;line-height:1.5}
.toc a{color:var(--txt,#e9eff7);text-decoration:none;border-bottom:1px dashed transparent}
.toc a:hover{border-bottom-color:var(--acc,#4f9cf9)}
@media(min-width:1000px){
  .toc{position:sticky;top:18px;float:right;width:250px;margin:0 0 18px 26px}
  .toc ol{max-height:70vh;overflow:auto}
}

/* 4. 作者框 */
.author{display:flex;gap:12px;align-items:flex-start;margin:34px 0 0;padding:16px;border:1px solid var(--line,#1f2836);
border-radius:12px;background:var(--card,#111722)}
.author .av{width:38px;height:38px;flex:0 0 38px;border-radius:50%;background:var(--grad,linear-gradient(135deg,#4f9cf9,#3ddc97));
display:flex;align-items:center;justify-content:center;font-family:var(--mono);font-size:15px;color:#04101f;font-weight:700}
.author b{display:block;font-size:13.5px}
.author p{margin:4px 0 0;font-size:12.5px;color:var(--dim,#8794a8);line-height:1.6}

/* 5. 插画与 FAQ */
.art{display:block;width:100%;height:auto;margin:20px 0 8px;border:1px solid var(--line,#1f2836);border-radius:14px;background:#0b1017}
.faq{margin:30px 0 0}
.faq details{border-bottom:1px solid var(--line,#1f2836);padding:12px 0}
.faq summary{cursor:pointer;font-weight:600;font-size:14.5px}
.faq p{margin:8px 0 0;color:var(--dim,#8794a8);font-size:13.5px;line-height:1.75}

/* 6. 语言切换按钮（每页都有，统一成一颗胶囊） */
a.lang{display:inline-flex;align-items:center;gap:5px;padding:4px 11px 4px 9px;border:1px solid #243044;
  border-radius:999px;background:#111722;color:#cfdcee!important;text-decoration:none;
  font-family:var(--sans,-apple-system,"PingFang SC",sans-serif);font-size:12.5px;font-weight:600;
  line-height:1.5;white-space:nowrap;vertical-align:middle;
  transition:border-color .15s,color .15s,background .15s}
a.lang:hover{border-color:var(--acc,#4f9cf9);color:#fff!important;background:#16243a}
a.lang svg{width:13px;height:13px;flex:0 0 13px;opacity:.85}
a.lang:focus-visible{outline:2px solid var(--acc,#4f9cf9);outline-offset:2px}
@media(max-width:640px){a.lang{padding:3px 9px 3px 7px;font-size:12px}}