:root{
  --orange:#ff6a00;
  --orange-deep:#e25500;
  --ink:#1f1d1a;
  --ink-soft:#5c574f;
  --line:#ece7df;
  --bg:#fbf9f5;
  --card:#ffffff;
  --quote-bg:#fff4ea;
  --quote-border:#ff6a00;
  --maxw:780px;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  margin:0;background:var(--bg);color:var(--ink);
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;
  line-height:1.75;font-size:17px;
}
a{color:var(--orange-deep);text-decoration:none}
a:hover{text-decoration:underline}
.container{max-width:var(--maxw);margin:0 auto;padding:32px 22px 80px}

/* 封面 */
.cover{background:linear-gradient(135deg,#ff6a00,#ff9248);color:#fff;padding:72px 22px 60px;text-align:center}
.cover-inner{max-width:var(--maxw);margin:0 auto}
.kicker{letter-spacing:.18em;font-size:13px;opacity:.92;margin:0 0 14px}
.cover h1{font-size:38px;line-height:1.3;margin:0 0 18px;font-weight:800}
.cover .accent{opacity:.9}
.cover .sub{font-size:17px;opacity:.95;margin:0 auto 18px;max-width:620px}
.cover .byline{font-size:14px;opacity:.85;margin:0}

/* 阅读指南 */
.reading-guide{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:26px 28px;margin:34px 0}
.reading-guide h2{margin-top:0;color:var(--orange-deep)}
.reading-guide blockquote{border-left:4px solid var(--quote-border);background:var(--quote-bg);margin:16px 0;padding:12px 16px;border-radius:0 8px 8px 0;color:var(--ink-soft)}

/* 目录 */
.toc{margin-top:30px}
.toc h2{font-size:22px;border-bottom:3px solid var(--orange);display:inline-block;padding-bottom:6px}
.toc-part{margin:26px 0 8px;font-weight:800;color:var(--orange-deep);font-size:15px;letter-spacing:.04em}
.toc-list{list-style:none;margin:0;padding:0}
.toc-list li{margin:0}
.toc-list a{display:flex;gap:12px;align-items:baseline;padding:10px 12px;border-radius:8px;border:1px solid transparent}
.toc-list a:hover{background:#fff;border-color:var(--line);text-decoration:none}
.toc-num{flex:0 0 auto;font-variant-numeric:tabular-nums;color:var(--orange);font-weight:700;min-width:42px}

/* Part 横幅 */
.part-banner{display:flex;align-items:center;gap:12px;margin:8px 0 22px;padding:14px 18px;background:#fff;border:1px solid var(--line);border-left:5px solid var(--orange);border-radius:10px}
.part-no{font-weight:800;color:var(--orange);letter-spacing:.08em;font-size:14px}
.part-name{font-weight:700;color:var(--ink-soft)}

/* 章节正文 */
.chapter h2{font-size:27px;line-height:1.35;margin:6px 0 22px;font-weight:800;border-bottom:3px solid var(--orange);padding-bottom:10px}
.chapter h3{font-size:21px;margin:34px 0 12px;color:var(--ink);border-left:4px solid var(--orange);padding-left:12px}
.chapter h4{font-size:18px;margin:26px 0 10px;color:var(--ink-soft)}
.chapter p{margin:14px 0}
.chapter img{max-width:100%;height:auto;border:1px solid var(--line);border-radius:10px;margin:18px 0;display:block;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.06)}
.chapter ul,.chapter ol{padding-left:1.4em;margin:14px 0}
.chapter li{margin:6px 0}
.chapter blockquote{border-left:4px solid var(--quote-border);background:var(--quote-bg);margin:18px 0;padding:12px 18px;border-radius:0 8px 8px 0;color:var(--ink-soft)}
.chapter blockquote p{margin:8px 0}
.chapter code{background:#f3efe8;padding:2px 6px;border-radius:5px;font-size:14px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}
.chapter pre{background:#1f1d1a;color:#f4f0e8;padding:18px 20px;border-radius:10px;overflow:auto;font-size:14px;line-height:1.6}
.chapter pre code{background:none;padding:0;color:inherit}
.chapter table{border-collapse:collapse;width:100%;margin:18px 0;font-size:15px}
.chapter th,.chapter td{border:1px solid var(--line);padding:9px 12px;text-align:left}
.chapter th{background:#fff4ea;color:var(--orange-deep)}
.chapter tr:nth-child(even) td{background:#fcfaf6}

/* 翻页 */
.pager{display:flex;justify-content:space-between;gap:12px;margin:46px 0 10px}
.pager a{flex:1;text-align:center;padding:13px 10px;border:1px solid var(--line);border-radius:10px;background:#fff;font-weight:600;color:var(--ink)}
.pager a.next{background:var(--orange);color:#fff;border-color:var(--orange)}
.pager a:hover{text-decoration:none;opacity:.92}
.site-footer{margin-top:40px;padding-top:18px;border-top:1px solid var(--line);color:var(--ink-soft);font-size:14px;text-align:center}
.site-footer a{color:var(--orange-deep)}

@media (max-width:600px){
  body{font-size:16px}
  .cover h1{font-size:30px}
  .chapter h2{font-size:23px}
  .container{padding:22px 16px 64px}
}