/* 《剑来》深度分析 · 共享样式 */
:root {
  --paper:#f5efe6; --ink:#2b2620; --ink-soft:#5b5249;
  --vermillion:#9e2b25; --line:#d8cdba; --blockquote:#efe7d8;
  --card:#fbf7f0; --card-hover:#f0e3d2;
}
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body {
  margin:0; background:var(--paper); color:var(--ink);
  font-family:"Noto Serif SC","Source Han Serif SC","Songti SC",STSong,"SimSun",serif;
  line-height:1.9; font-size:17px;
}
a { color:var(--vermillion); text-decoration:none; }
a:hover { text-decoration:underline; }
.container { max-width:820px; margin:0 auto; padding:0 20px; }

/* 顶部导航条 */
.topbar {
  position:sticky; top:0; z-index:10;
  background:rgba(247,242,234,.94); backdrop-filter:blur(6px);
  border-bottom:1px solid var(--line);
}
.topbar .container { display:flex; align-items:center; justify-content:space-between; height:54px; }
.topbar .brand { font-weight:600; color:var(--vermillion); letter-spacing:1px; }
.topbar .navlink { color:var(--ink-soft); font-size:14.5px; }

/* 目录页 */
.index-hero { text-align:center; padding:46px 0 30px; border-bottom:2px solid var(--line); margin-bottom:30px; }
.index-hero h1 { font-size:30px; color:var(--vermillion); margin:0 0 8px; letter-spacing:3px; }
.index-hero p { color:var(--ink-soft); margin:4px 0; font-size:15px; }
.missing-note { color:#8a6d3b; font-style:italic; }

.chapter-list { list-style:none; margin:0; padding:0; display:grid; grid-template-columns:repeat(auto-fill,minmax(150px,1fr)); gap:14px; }
.chapter-list li a {
  display:block; padding:16px 14px; background:var(--card);
  border:1px solid var(--line); border-radius:10px; transition:.15s;
}
.chapter-list li a:hover { background:var(--card-hover); text-decoration:none; transform:translateY(-2px); }
.chapter-list .ch-no { display:block; font-size:13px; color:var(--vermillion); letter-spacing:1px; }
.chapter-list .ch-name { display:block; font-size:16px; color:var(--ink); margin-top:4px; }
.chapter-list .ch-missing { color:#a89c88; }

/* 章节页正文 */
.chapter-head { text-align:center; padding:40px 0 26px; border-bottom:2px solid var(--line); margin-bottom:26px; }
.chapter-head .eyebrow { color:var(--vermillion); font-size:14px; letter-spacing:2px; }
.chapter-head h1 { font-size:27px; color:var(--vermillion); margin:8px 0 0; letter-spacing:1px; }
.chapter-body { padding-bottom:30px; }
.chapter-body h1 { font-size:25px; color:var(--vermillion); margin:0 0 16px; padding-bottom:10px; border-bottom:1px solid var(--line); }
.chapter-body h2 { font-size:20px; color:#7a241f; margin:28px 0 10px; }
.chapter-body h3 { font-size:17px; color:var(--ink); margin:20px 0 8px; }
.chapter-body p { margin:12px 0; text-align:justify; }
.chapter-body blockquote {
  margin:14px 0; padding:10px 16px; background:var(--blockquote);
  border-left:4px solid #c9b48c; color:var(--ink-soft); font-size:15px; border-radius:0 6px 6px 0;
}
.chapter-body ul, .chapter-body ol { padding-left:26px; }
.chapter-body li { margin:6px 0; }
.chapter-body code { background:#ece3d2; padding:1px 6px; border-radius:4px; font-size:14px; }
.chapter-body hr { border:none; border-top:1px solid var(--line); margin:22px 0; }
.chapter-body table { border-collapse:collapse; width:100%; margin:14px 0; font-size:15px; }
.chapter-body th, .chapter-body td { border:1px solid var(--line); padding:8px 10px; }
.chapter-body th { background:#efe7d8; }

/* 上下章导航 */
.pager { display:flex; justify-content:space-between; gap:12px; margin:34px 0 60px; }
.pager a {
  flex:1; padding:14px 16px; background:var(--card); border:1px solid var(--line);
  border-radius:10px; transition:.15s;
}
.pager a:hover { background:var(--card-hover); text-decoration:none; }
.pager .dir { display:block; font-size:12.5px; color:var(--vermillion); letter-spacing:1px; }
.pager .ttl { display:block; font-size:15px; color:var(--ink); margin-top:3px; }
.pager .next { text-align:right; }
.pager .disabled { visibility:hidden; }
footer.site { text-align:center; color:var(--ink-soft); font-size:13px; padding:24px 0 40px; border-top:1px solid var(--line); }

@media (max-width:600px) {
  .chapter-list { grid-template-columns:repeat(2,1fr); }
  .pager { flex-direction:column; }
}
