:root{--bg:#f6f1e7;--paper:#fffaf0;--ink:#2b2118;--muted:#7a6b5d;--accent:#8a4b25;--line:#eadfcb;--shadow:0 20px 50px rgba(58,36,16,.12)}
[data-theme="dark"]{--bg:#15120f;--paper:#211b16;--ink:#eadfcb;--muted:#aa9a87;--accent:#d59b62;--line:#3b3028;--shadow:0 20px 50px rgba(0,0,0,.35)}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at top,#fff6df,var(--bg) 42%);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",serif;min-height:100vh}.app{display:grid;grid-template-columns:310px 1fr;min-height:100vh}.side{border-right:1px solid var(--line);padding:24px;background:rgba(255,250,240,.7);backdrop-filter:blur(10px);position:sticky;top:0;height:100vh;overflow:auto}[data-theme="dark"] .side{background:rgba(33,27,22,.78)}.brand h1{font-size:25px;line-height:1.25;margin:0 0 8px}.brand p{color:var(--muted);margin:0 0 18px;font-size:13px}.search{width:100%;padding:11px 12px;border:1px solid var(--line);border-radius:12px;background:var(--paper);color:var(--ink);outline:none}.toc{margin-top:16px;display:flex;flex-direction:column;gap:6px}.toc button{border:0;text-align:left;padding:10px 12px;border-radius:10px;background:transparent;color:var(--ink);cursor:pointer;line-height:1.35}.toc button:hover,.toc button.active{background:rgba(138,75,37,.13);color:var(--accent)}.main{padding:38px 20px 70px}.reader{max-width:850px;margin:0 auto;background:var(--paper);box-shadow:var(--shadow);border:1px solid var(--line);border-radius:24px;padding:42px 54px}.meta{color:var(--muted);font-size:14px;margin-bottom:18px}.title{font-size:30px;margin:0 0 24px;border-bottom:1px solid var(--line);padding-bottom:20px}.content{font-size:var(--font,19px);line-height:var(--lh,1.95);letter-spacing:.02em;white-space:pre-wrap}.content p{text-indent:2em;margin:0 0 1em}.toolbar{display:flex;gap:8px;flex-wrap:wrap;margin:0 auto 18px;max-width:850px}.toolbar button{border:1px solid var(--line);background:var(--paper);color:var(--ink);border-radius:999px;padding:9px 14px;cursor:pointer}.empty{color:var(--muted);padding:18px}.footer-nav{display:flex;justify-content:space-between;gap:12px;margin-top:30px}.footer-nav button{flex:1;border:0;border-radius:14px;padding:13px;background:var(--accent);color:white;cursor:pointer}.footer-nav button:disabled{opacity:.35;cursor:not-allowed}@media(max-width:820px){.app{grid-template-columns:1fr}.side{position:relative;height:auto;border-right:0;border-bottom:1px solid var(--line)}.toc{max-height:260px;overflow:auto}.main{padding:18px 10px 45px}.reader{padding:28px 20px;border-radius:18px}.title{font-size:24px}.content{font-size:var(--font,18px)}}