/* chronicle.css — 由 style.css 第 319-354 行切分（模块化②，保持原顺序）。link 顺序即层叠顺序，勿乱序。 */
/* ── 方舟编年史（小说式单栏阅读，视频在每章末尾）── */
.chapter-nav{display:grid; grid-template-columns:auto minmax(0,1fr) auto; align-items:center; gap:14px;
  margin-bottom:10px; min-height:42px; color:var(--text-reading-muted); flex:none}
.chapter-status{font-size:var(--fs-12); letter-spacing:.5px; white-space:nowrap}
.chapter-links{display:flex; align-items:center; gap:4px; min-width:0; overflow-x:auto}
.chapter-links button{flex:none; min-height:34px; padding:6px 12px; border:1px solid rgba(214,207,191,.12); border-radius:var(--r-sm);
  background:rgba(8,16,20,.76); color:var(--text-reading-muted); font:600 var(--fs-12) var(--sans); cursor:pointer; transition:background .15s,border-color .15s,color .15s,box-shadow .15s}
.chapter-links button:hover{color:var(--text-strong); background:rgba(30,48,53,.78); border-color:rgba(214,207,191,.3)}
.chapter-links button.on{color:var(--text-strong); border-color:rgba(214,207,191,.48); background:rgba(214,207,191,.13); box-shadow:inset 0 1px rgba(255,255,255,.08)}
.chapter-percent{font-size:var(--fs-11); font-variant-numeric:tabular-nums; color:var(--text-reading-muted)}
.reading-bar{height:3px; background:rgba(214,207,191,.08); border-radius:2px; margin-bottom:14px; overflow:hidden; flex:none}
.reading-fill{height:100%; width:0; background:linear-gradient(90deg,var(--green),var(--gold)); transition:width .15s linear}
.story-novel{flex:1; min-height:0; overflow-y:auto; padding:28px 24px 30vh;
  border:1px solid var(--line); border-radius:10px; background:rgba(6,12,15,.4); scroll-behavior:smooth}
.chapter{max-width:760px; margin:0 auto 4rem; position:relative}
.chapter:last-child{margin-bottom:18vh}
/* 每章末尾影像 */
.chapter-video{margin:2.4rem 0 0; padding:0; position:relative; width:100%; aspect-ratio:16/9; background:#000;
  border-radius:12px; overflow:hidden; box-shadow:0 10px 30px rgba(0,0,0,.5); border:1px solid var(--line)}
.chapter-video iframe{width:100%; height:100%; border:none; display:block}
.chapter-video figcaption{position:absolute; left:0; right:0; bottom:0; padding:6px 12px; font-size:var(--fs-12);
  letter-spacing:2px; color:var(--muted); background:linear-gradient(transparent,rgba(0,0,0,.7)); pointer-events:none}
.chapter-video.vph{display:flex; align-items:center; justify-content:center;
  color:var(--muted); font-size:var(--fs-14); letter-spacing:3px}
.chapter-badge{display:inline-block; padding:6px 12px; border-radius:20px; font-size:var(--fs-12);
  font-weight:600; margin-bottom:1rem; text-transform:uppercase; letter-spacing:1px}
.chapter h2{font-family:var(--serif); font-size:var(--fs-30); margin:0 0 1.2rem 0; line-height:1.3}
.chapter p{font-size:var(--fs-20); line-height:1.95; color:var(--text-reading); margin-bottom:1.2rem}
.chapter blockquote{border-left:4px solid var(--line); padding-left:1rem; margin:1.6rem 0;
  font-style:italic; color:var(--text-reading-muted)}
/* 章节主题色对齐站点 token：绿→--green、橙→--gold、红→--red；紫/蓝取更沉的暗调 */
.theme-island   .chapter-badge{background:rgba(111,207,79,.18); color:var(--green); border:1px solid rgba(111,207,79,.4)} .theme-island   h2{color:var(--green)}
.theme-scorched .chapter-badge{background:rgba(224,179,65,.18); color:var(--gold); border:1px solid rgba(224,179,65,.4)} .theme-scorched h2{color:var(--gold)}
.theme-aberration .chapter-badge{background:rgba(140,98,170,.18); color:#a07fc0; border:1px solid rgba(140,98,170,.4)} .theme-aberration h2{color:#a07fc0}
.theme-extinction .chapter-badge{background:rgba(232,71,59,.18); color:var(--red); border:1px solid rgba(232,71,59,.4)} .theme-extinction h2{color:var(--red)}
.theme-genesis  .chapter-badge{background:rgba(63,140,200,.18); color:#5e9fd4; border:1px solid rgba(63,140,200,.4)} .theme-genesis  h2{color:#5e9fd4}
/* 编年史正文（迷你 Markdown 渲染） */
.chapter .story-title{font-size:var(--fs-30); margin-bottom:1.2rem}
.story-md h3{font-family:var(--serif); font-size:var(--fs-20); color:var(--stone); letter-spacing:.6px; font-weight:700; margin:2.1rem 0 .8rem}
.story-md h4{font-size:var(--fs-20); color:var(--text-strong); margin:1.4rem 0 .6rem}
.story-md p{font-size:var(--fs-20); line-height:1.95; color:var(--text-reading); margin-bottom:1.15rem}
.story-md blockquote{border-left:3px solid var(--border-strong); padding:.4rem 0 .4rem 1.2rem; margin:1.6rem 0;
  font-size:var(--fs-16); line-height:1.85; font-style:italic; color:var(--text-reading-muted)}
.story-md ul,.story-md ol{display:grid; gap:10px; margin:1.2rem 0 1.6rem; padding-left:1.45rem;
  font-size:var(--fs-16); line-height:1.8; color:var(--text-reading)}
.story-md li::marker{color:var(--stone-dim)}
.story-md strong{color:#fff; font-weight:600}
.story-md hr{border:0; border-top:1px solid var(--line); margin:2rem 0}