*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}:root{--ground:#07111d;--panel:#0c1e2c;--ink:#ccd7dc;--bright:#edf2f4;--muted:#8296a1;--gold:#c8a565;--line:rgba(199,213,224,.15);--nav:70px}html{scroll-behavior:smooth}body{background:var(--ground);color:var(--ink);font-family:"Noto Serif TC",serif;line-height:1.95;-webkit-font-smoothing:antialiased}body::before{content:"";position:fixed;inset:0;z-index:-2;background:radial-gradient(circle at 80% 8%,rgba(76,137,159,.18),transparent 30%),radial-gradient(circle at 10% 62%,rgba(200,165,101,.06),transparent 27%)}body::after{content:"";position:fixed;inset:0;z-index:-1;background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(to bottom,#000,transparent 90%)}button,select{font:inherit}.topbar{height:var(--nav);position:sticky;top:0;z-index:30;background:rgba(7,17,29,.9);backdrop-filter:blur(18px);border-bottom:1px solid var(--line);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 clamp(18px,4vw,48px)}.brand{display:flex;align-items:center;gap:13px;text-decoration:none;color:var(--bright);font-weight:700;letter-spacing:.11em}.brand i{width:29px;height:29px;border:1px solid var(--gold);border-radius:50%;display:grid;place-items:center;color:var(--gold);font:600 9px Inter,sans-serif}.top-meta{font:600 10px Inter,sans-serif;letter-spacing:.18em;color:#687e8a}.back{justify-self:end;color:#93a5ae;text-decoration:none;font:13px "Noto Sans TC",sans-serif}.back:hover{color:#fff}.layout{max-width:1280px;margin:auto;display:grid;grid-template-columns:280px minmax(0,780px);gap:clamp(40px,7vw,90px);padding:68px 24px 100px;justify-content:center}.sidebar{position:sticky;top:calc(var(--nav) + 28px);align-self:start;max-height:calc(100vh - var(--nav) - 55px);overflow:auto;padding-right:12px}.toc-kicker{color:var(--gold);font:700 11px Inter,sans-serif;letter-spacing:.2em;margin-bottom:10px}.sidebar h1{color:var(--bright);font-size:30px;line-height:1.35;letter-spacing:.08em;margin-bottom:9px}.sidebar>p{color:#718691;font:14px "Noto Sans TC",sans-serif;line-height:1.7;margin-bottom:24px}.toc{list-style:none;border-top:1px solid var(--line)}.toc button{width:100%;border:0;border-bottom:1px solid var(--line);background:transparent;color:#8195a0;text-align:left;padding:11px 8px;cursor:pointer;font:13px "Noto Sans TC",sans-serif;display:grid;grid-template-columns:28px 1fr;gap:5px}.toc button span{color:#506874;font:10px Inter,sans-serif;padding-top:3px}.toc button:hover,.toc button.active{color:#e0c184;background:rgba(200,165,101,.055);border-left:1px solid var(--gold)}.reader{min-height:76vh;background:linear-gradient(150deg,rgba(15,37,54,.97),rgba(8,23,35,.99));border:1px solid var(--line);box-shadow:0 28px 90px rgba(0,0,0,.32);padding:clamp(38px,7vw,78px)}.chapter{display:none}.chapter.active{display:block;animation:fade .3s ease}@keyframes fade{from{opacity:.25;transform:translateY(5px)}to{opacity:1;transform:none}}.part-label{color:var(--gold);font:700 11px "Noto Sans TC",sans-serif;letter-spacing:.2em;margin-bottom:18px}.chapter h2{color:var(--bright);font-size:clamp(31px,5vw,44px);line-height:1.3;letter-spacing:.07em;padding-bottom:26px;margin-bottom:31px;border-bottom:1px solid var(--line)}.prose p{font-size:18px;margin-bottom:1.5em;text-align:justify;text-justify:inter-ideograph}.prose p:first-child::first-letter{float:left;color:var(--gold);font-size:3.7em;line-height:.8;padding:12px 9px 0 0;font-weight:700}.prose blockquote{color:#d8c79f;border-left:2px solid var(--gold);padding:4px 0 4px 20px;margin:30px 0;font-size:19px}.chapter-nav{display:grid;grid-template-columns:1fr 1fr;gap:14px;border-top:1px solid var(--line);margin-top:45px;padding-top:24px}.chapter-nav button{border:1px solid var(--line);background:#091a27;color:#b7c5cc;padding:13px 16px;cursor:pointer}.chapter-nav button:last-child{grid-column:2}.chapter-nav button:hover{color:#e7c98f;border-color:var(--gold)}.chapter-nav button:disabled{visibility:hidden}.progress{position:fixed;left:0;top:0;z-index:50;height:3px;background:linear-gradient(90deg,#84b4c5,var(--gold));transition:width .25s}.mobile-toc{display:none}footer{text-align:center;color:#718590;font:13px "Noto Sans TC",sans-serif;padding:0 20px 42px}footer a{color:var(--gold);text-decoration:none}@media(max-width:850px){:root{--nav:56px}.topbar{grid-template-columns:1fr auto;padding:0 16px}.top-meta{display:none}.layout{display:block;padding:22px 12px 70px}.sidebar{display:none}.mobile-toc{display:block;width:100%;margin-bottom:12px;padding:12px;background:var(--panel);border:1px solid var(--line);color:var(--bright)}.reader{padding:34px 23px}.prose p{font-size:17px}.brand{font-size:14px}.back{font-size:12px}.chapter h2{font-size:31px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}