/* 人选天选论 · 站内纸墨风格 */
:root{
  --ink:#3d362b; --ink-2:#6b6152; --ink-3:#8c8171;
  --paper:#f5f0e4; --paper-2:#efe7d6; --card:rgba(255,253,247,.92);
  --line:#e0d5bd; --line-2:#d2c4a5;
  --cinnabar:#a8483a; --cinnabar-deep:#8f3a2e; --gold:#9c7a38;
}
*{margin:0;padding:0;box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  font-family:"Noto Serif SC","Source Han Serif SC","Songti SC","STSong","SimSun",serif;
  color:var(--ink);
  background:
    radial-gradient(1100px 500px at 15% -10%, rgba(255,252,240,.9), transparent 60%),
    radial-gradient(900px 600px at 110% 15%, rgba(168,72,58,.06), transparent 55%),
    linear-gradient(180deg,var(--paper) 0%,var(--paper-2) 100%);
  background-attachment:fixed;
  min-height:100vh;
  line-height:2;
}
.page{max-width:760px;margin:0 auto;padding:2.6rem 1.3rem 3.4rem;position:relative;z-index:1}
.hero{text-align:center;margin-bottom:2.4rem}
.seal{
  width:64px;height:64px;margin:0 auto 1.1rem;border-radius:10px;
  background:linear-gradient(160deg,#3a5a78,#223a52);
  color:#f7efe2;font-size:2rem;font-weight:700;
  display:flex;align-items:center;justify-content:center;
  box-shadow:0 6px 18px rgba(34,58,82,.35), inset 0 0 0 3px rgba(247,239,226,.28);
}
.kicker{font-size:.78rem;letter-spacing:.55em;text-indent:.55em;color:var(--ink-3);margin-bottom:.5rem}
h1{font-size:1.9rem;font-weight:700;letter-spacing:.14em;text-indent:.14em}
.sub{color:var(--ink-2);margin-top:.7rem;font-size:.95rem}
.divider{width:180px;height:1px;margin:1.5rem auto 0;
  background:linear-gradient(90deg,transparent,var(--line-2),transparent)}
.shelf-note{text-align:center;color:var(--ink-3);font-size:.86rem;letter-spacing:.2em;margin-bottom:1.5rem}
.shelf-note::before,.shelf-note::after{content:"◆";color:var(--cinnabar);font-size:.6rem;vertical-align:2px;margin:0 .8em;letter-spacing:0}

/* 目录页章节列表 */
.chapters{display:grid;gap:.9rem}
.chapter{
  display:flex;align-items:center;gap:1rem;text-decoration:none;color:inherit;
  background:var(--card);border:1px solid var(--line);border-radius:12px;
  padding:1.05rem 1.3rem;box-shadow:0 3px 14px rgba(61,54,43,.07);
  transition:transform .2s ease, box-shadow .2s ease;
}
.chapter:hover{transform:translateY(-2px);box-shadow:0 10px 26px rgba(61,54,43,.14)}
.cno{
  flex:0 0 auto;font-size:.8rem;color:#f7efe2;letter-spacing:.2em;
  background:linear-gradient(160deg,#3a5a78,#223a52);
  border-radius:8px;padding:.45rem .8rem;
}
.cname{flex:1;font-size:1.08rem;font-weight:700;letter-spacing:.04em}
.myr{flex:0 0 auto;font-size:.85rem;color:var(--ink-3)}
.myr .lb-myrating.lb-rated{color:var(--gold)}

/* 正文页 */
.topnav{
  display:flex;justify-content:space-between;align-items:center;gap:.8rem;
  margin-bottom:1.8rem;font-size:.9rem;
}
.topnav a{color:var(--cinnabar);text-decoration:none;letter-spacing:.08em}
.topnav .side{display:flex;gap:1rem}
.article-head{text-align:center;margin-bottom:2.2rem}
.article-head .no{
  display:inline-block;font-size:.78rem;letter-spacing:.4em;text-indent:.4em;
  color:#f7efe2;background:linear-gradient(160deg,#3a5a78,#223a52);
  border-radius:99px;padding:.3rem 1.1rem;margin-bottom:1rem;
}
.article-head h1{font-size:1.55rem}
.article-head .sub{font-size:.85rem;color:var(--ink-3)}
.content{max-width:640px;margin:0 auto;font-size:1.02rem}
.content p{margin:0 0 1.4em;text-align:justify}
.content p.verse{text-align:center;color:var(--ink-2);font-size:.98rem}
.footnav{
  display:flex;justify-content:space-between;align-items:center;gap:.8rem;
  max-width:640px;margin:2.6rem auto 0;padding-top:1.4rem;
  border-top:1px solid var(--line);font-size:.9rem;
}
.footnav a{color:var(--cinnabar);text-decoration:none}
.footnav .toc{color:var(--ink-3);letter-spacing:.2em}
.foot{
  text-align:center;color:var(--ink-3);font-size:.8rem;letter-spacing:.12em;
  padding-top:2.6rem;
}
@media (max-width:560px){
  .page{padding:2rem .95rem 2.6rem}
  h1{font-size:1.55rem}
  .chapter{padding:.9rem 1rem}
}