/* 人生模拟实验室 · 全站主题（由 scripts/publish_site.py 注入每份报告） */
:root{
  --s-paper:#f6f1e8;--s-paper2:#efe8db;--s-card:#fffcf6;--s-ink:#1d2433;--s-muted:#6a6862;
  --s-line:#e0d7c7;--s-accent:#c0532d;--s-blue:#3d5a80;
  --s-serif:"Songti SC","Noto Serif SC","Source Han Serif SC","STSong",Georgia,serif;
  --s-sans:-apple-system,BlinkMacSystemFont,"PingFang SC","Hiragino Sans GB","Microsoft YaHei",system-ui,sans-serif;
  --s-mono:ui-monospace,"SF Mono",Menlo,monospace;
  --chapter:var(--s-accent);
}
html{scroll-behavior:smooth}
body.site{background:var(--s-paper);color:var(--s-ink);font-family:var(--s-sans);-webkit-font-smoothing:antialiased;font-feature-settings:"tnum"}
body.site h1,body.site h2{font-family:var(--s-serif);font-weight:700;letter-spacing:-.01em}
body.site h1{line-height:1.18}
body.site h3{font-weight:650}
body.site .panel,body.site .card{border-radius:10px;box-shadow:0 1px 0 rgba(29,36,51,.04),0 8px 24px -18px rgba(29,36,51,.35)}
body.site .controls{border-radius:10px;top:54px}
body.site select,body.site button{border-radius:6px}
body.site .warn{border-radius:0 8px 8px 0}
/* C2's distribution table keeps its bar scale and scrolls inside the page. */
body.site #drill #hist{overflow-x:auto}
body.site ::selection{background:#f2c9b6}
body.site a{text-underline-offset:3px}
body.site main>header{padding-top:28px}

.site-bar{position:sticky;top:0;z-index:50;display:flex;align-items:center;flex-wrap:nowrap;gap:16px;margin:0;min-height:54px;padding:11px max(20px,4vw);
  background:rgba(246,241,232,.92);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--s-line);font:13px/1.4 var(--s-sans)}
.site-bar a{color:var(--s-ink);text-decoration:none}
.site-bar .brand{font-family:var(--s-serif);font-weight:700;font-size:15px;letter-spacing:.02em;white-space:nowrap}
.site-bar .chap{color:var(--chapter);font-weight:600;white-space:nowrap}
.site-bar .crumb{color:var(--s-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0}
.site-bar .nx{margin-left:auto;display:flex;gap:14px;white-space:nowrap}
.site-bar .nx a{color:var(--s-muted)}.site-bar .nx a:hover{color:var(--chapter)}

.site-guide{margin:24px 0 14px;padding:18px 22px;background:var(--s-card);border:1px solid var(--s-line);border-left:3px solid var(--chapter);
  border-radius:7px;font:14px/1.8 var(--s-sans)}
.site-guide .route-context{margin:0;color:var(--s-ink)}
.site-guide details{padding:0;border:0;margin:10px 0 0}
.site-guide summary{cursor:pointer;color:var(--chapter);font-size:13px}
.site-guide details p{color:var(--s-muted);margin:10px 0}
.site-guide .read{display:flex;flex-wrap:wrap;gap:8px 18px}
.site-guide .read a{color:var(--chapter)}
body.site a:focus-visible,body.site summary:focus-visible{outline:2px solid var(--s-accent);outline-offset:4px}
@media(max-width:760px){.site-guide{padding:16px}.site-bar{position:static;gap:10px;padding:12px 16px;flex-wrap:wrap}.site-bar .crumb{display:none}.site-bar .brand{font-size:14px}.site-bar .chap{font-size:12px}.site-bar .nx{gap:12px;font-size:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.site-next{max-width:1200px;margin:60px auto 0;padding:0 24px 70px;display:grid;grid-template-columns:1fr 1fr;gap:18px;font-family:var(--s-sans)}
.site-next a{display:block;padding:22px 24px;background:var(--s-card);border:1px solid var(--s-line);border-radius:12px;text-decoration:none;color:var(--s-ink)}
.site-next a:hover{border-color:var(--chapter)}
.site-next small{display:block;color:var(--s-muted);font-size:12px;letter-spacing:.1em;margin-bottom:6px}
.site-next b{font-family:var(--s-serif);font-size:19px}
.site-next .r{text-align:right}
.site-next .home{grid-column:1/-1;text-align:center;padding:14px}
@media(max-width:760px){.site-next{grid-template-columns:1fr}}