/* Gold landing page only. Shared material tokens copied from stackchan/guide.css. */
:root{color-scheme:light dark;--paper:#f3eee2;--surface:#fbf8f0;--ink:#101a26;--muted:#5f5646;--line:#d8cfbd;--soft:#ece4d2;--brass:#76581e;--focus:#314e69;--bg-top:#f6f1e6;--bg-bottom:#eee7d8;--glow-brass:rgba(200,163,90,.16);--glow-red:rgba(176,63,37,.035);--grid:rgba(200,163,90,.055);--edge:rgba(57,43,19,.04);--serif:'Noto Serif SC','Source Han Serif SC','Source Han Serif','Songti SC',serif}
*{box-sizing:border-box}html{background:var(--paper)}body{margin:0;min-height:100vh;position:relative;isolation:isolate;font-family:-apple-system,BlinkMacSystemFont,'PingFang SC','Hiragino Sans GB','Microsoft YaHei',sans-serif;color:var(--ink);background:radial-gradient(ellipse at 18% 8%,var(--glow-brass),transparent 32%),radial-gradient(ellipse at 84% 18%,var(--glow-red),transparent 28%),linear-gradient(180deg,var(--bg-top),var(--paper) 48%,var(--bg-bottom));background-attachment:fixed;-webkit-font-smoothing:antialiased}
body:before{content:'';position:fixed;inset:0;z-index:-1;pointer-events:none;background-image:linear-gradient(var(--grid) 1px,transparent 1px),linear-gradient(90deg,var(--grid) 1px,transparent 1px);background-size:88px 88px;mask-image:linear-gradient(#0008,#0002 46%,#0005)}
a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid var(--focus);outline-offset:5px}a:active{filter:brightness(.95)}.shell{max-width:1240px;padding:0 32px;margin:auto}.site-nav{display:flex;align-items:center;gap:16px;min-height:78px;border-bottom:1px solid var(--line);font-size:14px}.site-nav a{display:inline-flex;align-items:center;min-height:44px;min-width:44px}.site-nav [aria-current]{font-weight:600;text-decoration:underline;text-underline-offset:7px}.sep{color:var(--muted)}.skip{position:fixed;left:16px;top:16px;transform:translateY(-200%);padding:16px 24px;background:var(--surface);color:var(--ink);z-index:100}.skip:focus{transform:none}main:focus{outline:none}h1,h2,p{margin:0}h1,h2{font-family:var(--serif);font-weight:600}h1{font-size:clamp(38px,5vw,64px);line-height:1.3;letter-spacing:.035em}h2{font-size:27px;line-height:1.5}p{line-height:1.85}.hero{padding:48px 0 36px}.lead{font-size:18px;color:var(--muted);max-width:37em}.intro{margin-top:18px}.number{font:500 15px/1.6 ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--brass);font-variant-numeric:tabular-nums}.label{font-size:14px;color:var(--muted)}.copy{font-size:16px;color:var(--muted);line-height:1.85}.colophon{border-top:1px solid var(--line);margin-top:36px;padding:24px 0 32px;color:var(--muted);font-size:13px;line-height:1.8}
@media(hover:hover) and (pointer:fine){.site-nav a:hover{text-decoration:underline;text-underline-offset:7px}}
@media(prefers-color-scheme:dark){:root{--paper:#070e18;--surface:#0d1724;--ink:#e6dec5;--muted:#b6aa92;--line:#1e2836;--soft:#121f2d;--brass:#c8a35a;--focus:#d9b873;--bg-top:#08101b;--bg-bottom:#050a11;--glow-brass:rgba(200,163,90,.18);--glow-red:rgba(176,63,37,.10);--grid:rgba(200,163,90,.065);--edge:rgba(0,0,0,.20)}}
@media(max-width:699px){.shell{padding:0 20px}.site-nav{min-height:68px;gap:12px}.hero{padding:32px 0 28px}h1{font-size:38px}h2{font-size:24px}.lead{font-size:16px}.colophon{margin-top:28px;padding:24px 0}.copy{font-size:16px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}

.hero{display:flex;justify-content:space-between;align-items:center;gap:40px}.hero .lead{max-width:28em;margin:0}
.series-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(520px,1fr));gap:24px}
.series-card{min-width:0;background:var(--surface);border:1px solid var(--line);border-radius:10px;box-shadow:0 12px 28px #00000008;padding:16px}
.series-cover{width:100%;aspect-ratio:5/2;overflow:hidden;border-radius:5px;background:#080f18;align-self:center}
.series-cover img{display:block;width:100%;height:auto;aspect-ratio:5/2;object-fit:cover}
.series-copy{min-width:0;padding:20px 12px 8px}.series-copy h2{font-size:27px;line-height:1.5;margin:0 0 10px}.series-copy .copy{margin-bottom:20px}
.chapters{list-style:none;margin:0;padding:0}.chapters li{border-top:1px solid var(--line)}
.chapter-row{display:flex;align-items:center;gap:12px;min-height:60px;padding:12px 8px;font-size:15px;line-height:1.8;border-radius:3px;transition:background-color 150ms}
.chapter-title{flex:1;min-width:0}.chapter-row .number{flex:none}.arrow{display:inline-block;flex:none;font:24px/1 Georgia,serif;color:var(--brass);transition:transform 150ms}
.chapter-row:focus-visible{outline-offset:0;background:var(--soft)}
/* 篇目 >4 时：渲染前 3 行，再用 .chapter-more 链接显示「全部 N 篇 →」。
   当前仅 2 篇，不生成额外篇目或虚构链接。单件工具也用本卡，只保留一行篇目。 */
.chapter-more{color:var(--brass);font-weight:500}
.series-card:only-child{grid-column:1/-1;display:grid;grid-template-columns:55fr 45fr;align-items:center;gap:28px}
.series-card:only-child .series-copy{padding:12px 12px 12px 0}
@media(prefers-color-scheme:dark){.series-card{box-shadow:0 16px 36px #00000026}}
@media(hover:hover) and (pointer:fine){a.chapter-row:hover{background:var(--soft)}a.chapter-row:hover .arrow{transform:translateX(2px)}}
@media(max-width:1099px){.series-grid{grid-template-columns:1fr}.series-card:only-child{display:block}.series-card:only-child .series-copy{padding:20px 12px 8px}}
@media(max-width:699px){.hero{display:block}.hero .lead{margin-top:18px}.series-grid{gap:20px}.series-card{padding:12px}.series-copy,.series-card:only-child .series-copy{padding:20px 8px 8px}.series-copy h2{font-size:24px}.chapter-row{gap:10px;padding:12px 0}.chapter-title{font-size:15px}}