:root{--ink:#16252a;--ink-soft:#23363a;--gold:#e2b964;--gold-light:#f7e3a9;--vermilion:#b83d32;--jade:#5e9589;--paper:#f1eadc;--font-serif:"Songti SC", "STSong", "Source Han Serif SC", "Noto Serif CJK SC", "SimSun", serif;--font-sans:"PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans CJK SC", system-ui, sans-serif;--vh:1vh;--safe-t:env(safe-area-inset-top,0px);--safe-b:env(safe-area-inset-bottom,0px);--safe-l:env(safe-area-inset-left,0px);--safe-r:env(safe-area-inset-right,0px);--ease-out:cubic-bezier(.22, 1, .36, 1);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}html,body{background:var(--ink);color:var(--paper);font-family:var(--font-sans);overscroll-behavior:none;margin:0;padding:0}body{min-height:100vh;min-height:100dvh;overflow-x:hidden}::selection{color:var(--paper);background:#d4a24c52}#webgl{z-index:0;touch-action:pan-y;outline:none;width:100%;height:100%;display:block;position:fixed;top:0;bottom:0;left:0;right:0}#scrim{z-index:1;pointer-events:none;background:linear-gradient(#101b1f42 0%,#101b1f14 8%,#101b1f00 16%),linear-gradient(#101b1f00 50%,#101b1f0f 68%,#101b1f40 86%,#101b1f75 100%);position:fixed;top:0;bottom:0;left:0;right:0}@media (min-width:781px){#scrim{-webkit-mask-image:linear-gradient(90deg,#000 0% 38%,#0000008c 62%,#00000059 100%);mask-image:linear-gradient(90deg,#000 0% 38%,#0000008c 62%,#00000059 100%)}}#scroll{z-index:2;pointer-events:none;width:100%;position:relative}.chapter-section{width:100%;position:relative}.chapter-sticky{height:100vh;height:calc(var(--vh) * 100);padding:0 clamp(20px, 6vw, 96px) calc(96px + var(--safe-b));padding-left:calc(clamp(20px, 6vw, 96px) + var(--safe-l));padding-right:calc(clamp(20px, 6vw, 96px) + var(--safe-r));align-items:flex-end;display:flex;position:sticky;top:0}#ui{z-index:3;pointer-events:none;position:fixed;top:0;bottom:0;left:0;right:0}#ui>*{pointer-events:auto}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}:focus-visible{outline:2px solid var(--gold);outline-offset:3px}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.topbar{padding:calc(14px + var(--safe-t)) calc(18px + var(--safe-r)) 14px calc(18px + var(--safe-l));z-index:20;pointer-events:none;align-items:center;gap:14px;display:flex;position:fixed;top:0;left:0;right:0}.topbar>*{pointer-events:auto}.topbar__brand{font-family:var(--font-serif);letter-spacing:.34em;text-indent:.34em;color:var(--gold);text-shadow:0 0 22px #d4a24c59;-webkit-user-select:none;user-select:none;border-radius:2px;margin-right:auto;font-size:19px;text-decoration:none;transition:color .25s,text-shadow .25s}.topbar__brand:hover{color:var(--gold-light);text-shadow:0 0 26px #f2d79b80}.icon-btn{-webkit-appearance:none;appearance:none;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:var(--gold);width:40px;height:40px;font-family:var(--font-sans);cursor:pointer;-webkit-tap-highlight-color:transparent;transition:border-color .25s, color .25s, background .25s, transform .18s var(--ease-out);background:#1023289e;border:1px solid #d4a24c4d;border-radius:50%;place-items:center;font-size:15px;line-height:1;display:grid}.icon-btn:hover{border-color:var(--gold);background:#d4a24c24}.icon-btn:active{transform:scale(.92)}.icon-btn[aria-pressed=true]{color:var(--paper);border-color:var(--gold);background:#d4a24c38}.era{will-change:transform, opacity;max-width:min(560px,78vw)}.era__year{font-family:var(--font-sans);letter-spacing:.2em;color:var(--gold);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);font-variant-numeric:tabular-nums;background:#1023288f;border:1px solid #d4a24c57;border-radius:2px;margin-bottom:18px;padding:5px 12px;font-size:12px;display:inline-block}.era__dynasty{font-family:var(--font-serif);letter-spacing:.5em;color:#e8dfd0a8;margin:0 0 6px;font-size:clamp(13px,1.6vw,16px);font-weight:400}.era__title{font-family:var(--font-serif);letter-spacing:.08em;color:var(--paper);text-shadow:0 2px 40px #000c,0 0 60px #d4a24c2e;margin:0 0 22px;font-size:clamp(38px,8.4vw,96px);font-weight:500;line-height:1.04}.era__meta{color:#f7e3a9e0;font-family:var(--font-sans);letter-spacing:.18em;text-transform:uppercase;font-variant-numeric:tabular-nums;align-items:center;gap:10px;margin:-8px 0 18px;font-size:10px;display:inline-flex}.era__meta:before{content:"";background:var(--gold);opacity:.8;width:22px;height:1px}.era__context{color:#f1eadccc;letter-spacing:.05em;max-width:560px;margin:-4px 0 18px;font-size:13px;line-height:1.75}.era__summary{flex-direction:column;gap:11px;margin:0;padding:0;list-style:none;display:flex}.era__summary li{color:#e8dfd0d1;text-shadow:0 1px 14px #000000e6;padding-left:16px;font-size:clamp(13.5px,1.6vw,16px);line-height:1.78;position:relative}.era__summary li:before{content:"";background:var(--gold);opacity:.7;width:6px;height:1px;position:absolute;top:.78em;left:0}.era__observations{border-top:1px solid #f1eadc3d;max-width:590px;margin-top:24px;padding-top:13px}.era__observations-label{color:var(--gold-light);letter-spacing:.28em;margin-bottom:10px;font-size:10px;display:block}.era__observation-list{color:#f1eadca8;letter-spacing:.06em;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px 22px;font-size:11px;line-height:1.55;display:grid}.era__observation-list span:first-letter{color:var(--gold)}.era__line{opacity:0;transform:translateY(18px)}.timeline{right:calc(18px + var(--safe-r));z-index:20;transition:transform .52s var(--ease-out), opacity .3s;flex-direction:column;gap:2px;display:flex;position:fixed;top:50%;transform:translateY(-50%)}#ui.has-drawer .timeline{transform:translateY(-50%)translate(calc(-1*min(420px,92vw)))}.timeline__rail{background:#e8dfd024;border-radius:1px;width:1px;position:absolute;top:6px;bottom:6px;left:13px;overflow:hidden}.timeline__rail i{background:linear-gradient(to bottom, #d4a24c59, var(--gold));transform-origin:top;width:100%;height:100%;transform:scaleY(var(--p,0));display:block}.timeline__item{-webkit-appearance:none;appearance:none;cursor:pointer;color:#e8dfd073;font-family:var(--font-serif);letter-spacing:.16em;white-space:nowrap;transition:color .3s var(--ease-out);-webkit-tap-highlight-color:transparent;background:0 0;border:0;align-items:center;gap:10px;min-height:40px;padding:7px 4px 7px 14px;font-size:12.5px;display:flex}.timeline__tick{opacity:.5;width:16px;height:1px;transition:width .35s var(--ease-out), opacity .35s;background:currentColor;flex:none}.timeline__label{opacity:0;transition:opacity .3s, transform .35s var(--ease-out);transform:translate(6px)}.timeline__item:hover{color:var(--paper)}.timeline__item:hover .timeline__label,.timeline__item[aria-current=true] .timeline__label{opacity:1;transform:none}.timeline__item[aria-current=true]{color:var(--gold)}.timeline__item[aria-current=true] .timeline__tick{opacity:1;width:30px}.hint{left:50%;bottom:calc(26px + var(--safe-b));color:#e8dfd080;letter-spacing:.28em;z-index:18;opacity:0;flex-direction:column;align-items:center;gap:8px;font-size:11.5px;transition:opacity .8s;display:flex;position:fixed;transform:translate(-50%);pointer-events:none!important}.hint.is-on{opacity:1}.hint__line{width:1px;height:34px;animation:hint-drop 2.1s var(--ease-out) infinite;background:linear-gradient(#d4a24c00,#d4a24ce6)}@keyframes hint-drop{0%{opacity:0;transform:translateY(-10px)scaleY(.4)}40%{opacity:1}to{opacity:0;transform:translateY(10px)scaleY(1)}}.hint__keys{letter-spacing:.18em;opacity:.7;align-items:center;gap:6px;margin-top:2px;font-size:10.5px;display:none}@media (hover:hover) and (pointer:fine){.hint__keys{display:flex}}.hint__keys kbd{font-family:var(--font-sans);letter-spacing:0;color:#e8dfd0b3;border:1px solid #e8dfd042;border-radius:3px;padding:3px 6px;font-size:11px;line-height:1}.hint__keys em{margin-left:2px;font-style:normal}.toast{left:50%;top:calc(74px + var(--safe-t));-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--paper);letter-spacing:.06em;z-index:40;opacity:0;transition:opacity .4s, transform .4s var(--ease-out);text-align:center;background:#102328e6;border:1px solid #d4a24c4d;border-radius:3px;max-width:min(86vw,460px);padding:9px 16px;font-size:13px;line-height:1.6;position:fixed;transform:translate(-50%,-8px);pointer-events:none!important}.toast.is-on{opacity:1;transform:translate(-50%)}.hotspots{z-index:15;position:fixed;top:0;bottom:0;left:0;right:0;overflow:hidden;pointer-events:none!important}.hotspot{-webkit-appearance:none;appearance:none;cursor:pointer;pointer-events:auto;opacity:0;will-change:transform;-webkit-tap-highlight-color:transparent;background:0 0;border:0;width:44px;height:44px;margin:-22px 0 0 -22px;padding:0;transition:opacity .4s;position:absolute;top:0;left:0}.hotspot.is-on{opacity:1}.hotspot__fx{place-items:center;display:grid;position:absolute;top:0;bottom:0;left:0;right:0}.hotspot__dot{background:var(--gold-light);width:9px;height:9px;transition:transform .25s var(--ease-out), box-shadow .25s;border-radius:50%;box-shadow:0 0 12px 2px #f2d79bb3}.hotspot:hover .hotspot__dot{transform:scale(1.35);box-shadow:0 0 18px 4px #f2d79bd9}.hotspot:focus-visible .hotspot__dot{transform:scale(1.35);box-shadow:0 0 18px 4px #f2d79bd9}.hotspot.is-active .hotspot__dot{background:#fff;transform:scale(1.5);box-shadow:0 0 22px 5px #f2d79bf2}.hotspot__ring{width:26px;height:26px;animation:hs-pulse 2.4s var(--ease-out) infinite;border:1px solid #f2d79bcc;border-radius:50%;position:absolute}@media (prefers-reduced-motion:reduce){.hotspot__ring{display:none}}@keyframes hs-pulse{0%{opacity:.9;transform:scale(.5)}to{opacity:0;transform:scale(1.55)}}.hotspot__label{white-space:nowrap;font-family:var(--font-serif);letter-spacing:.12em;color:var(--paper);text-shadow:0 1px 10px #000,0 0 20px #000000e6;opacity:0;transition:opacity .3s, transform .3s var(--ease-out);pointer-events:none;font-size:13px;position:absolute;left:calc(50% + 16px);transform:translate(-4px)}.hotspot.is-flip .hotspot__label{left:auto;right:calc(50% + 16px);transform:translate(4px)}.hotspot:hover .hotspot__label,.hotspot.is-active .hotspot__label{opacity:1;transform:none}.hotspot:focus-visible .hotspot__label{opacity:1;transform:none}@media (hover:none){.hotspot__label{opacity:.78;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#1023289e;border-radius:2px;padding:2px 7px;font-size:12px;transform:none}.hotspot.is-active .hotspot__label{opacity:1;background:#102328db}}.drawer-scrim{z-index:25;opacity:0;transition:opacity .45s var(--ease-out);background:linear-gradient(90deg,#10232800 0%,#1023282e 45%,#1023287a 100%);position:fixed;top:0;bottom:0;left:0;right:0;pointer-events:none!important}.drawer-scrim.is-on{opacity:1}.drawer{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);width:min(420px,92vw);padding:calc(28px + var(--safe-t)) 28px calc(28px + var(--safe-b));padding-right:calc(28px + var(--safe-r));z-index:30;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;transition:transform .52s var(--ease-out);background:#142226f0;border-left:1px solid #e2b96457;flex-direction:column;gap:14px;display:flex;position:fixed;top:0;bottom:0;right:0;overflow-y:auto;transform:translate(100%)}.drawer.is-open{transform:none}.drawer[hidden]{display:none}.drawer.is-dragging{transition:none}.drawer:focus{outline:none}.drawer__grip{display:none}.drawer__close{top:calc(18px + var(--safe-t));right:calc(18px + var(--safe-r));-webkit-appearance:none;appearance:none;color:#e8dfd099;cursor:pointer;-webkit-tap-highlight-color:transparent;width:40px;height:40px;transition:color .25s, background .25s, transform .18s var(--ease-out);background:0 0;border:0;border-radius:50%;place-items:center;line-height:0;display:grid;position:absolute}.drawer__close:hover{color:var(--gold);background:#d4a24c1f}.drawer__close:active{transform:scale(.9)}.drawer__inner{flex-direction:column;gap:14px;display:flex}.drawer__inner.is-swap{animation:drawer-swap .34s var(--ease-out)}@keyframes drawer-swap{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.drawer__kicker{letter-spacing:.26em;color:var(--gold);opacity:.85;font-size:11.5px}.drawer__title{font-family:var(--font-serif);letter-spacing:.06em;margin:0;padding-right:44px;font-size:27px;font-weight:500;line-height:1.35}.drawer__rule{background:var(--gold);opacity:.6;width:40px;height:1px}.drawer__body{color:#e8dfd0d6;white-space:pre-line;margin:0;font-size:14.5px;line-height:1.92}.drawer__deep-toggle{-webkit-appearance:none;appearance:none;color:var(--gold);font-family:var(--font-sans);letter-spacing:.2em;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:1px solid #d4a24c61;border-radius:2px;align-self:flex-start;align-items:center;gap:9px;padding:9px 16px;font-size:12px;transition:background .25s,border-color .25s,color .25s;display:inline-flex}.drawer__deep-toggle:hover{border-color:var(--gold);color:var(--gold-light);background:#d4a24c1f}.drawer__deep-chev{transition:transform .3s var(--ease-out);font-size:11px;line-height:1;transform:rotate(90deg)}.drawer__deep-toggle[aria-expanded=true] .drawer__deep-chev{transform:rotate(-90deg)}.drawer__deep{flex-direction:column;gap:16px;padding-top:2px;display:flex}.drawer__deep[hidden]{display:none}.deep-label{letter-spacing:.3em;color:var(--gold-light);opacity:.72;font-size:10px}.deep-lead{font-family:var(--font-serif);letter-spacing:.02em;color:var(--paper);margin:0;font-size:16px;line-height:1.8}.deep-facts{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.deep-facts li{color:#e8dfd0cc;padding-left:15px;font-size:13px;line-height:1.88;position:relative}.deep-facts li:before{content:"";background:var(--gold);opacity:.7;width:6px;height:1px;position:absolute;top:.8em;left:0}.deep-source{background:#d4a24c0d;border-left:2px solid #d4a24c8c;border-radius:0 3px 3px 0;margin:0;padding:12px 14px}.deep-source blockquote{font-family:var(--font-serif);letter-spacing:.03em;color:#f7e3a9eb;margin:0;font-size:13.5px;line-height:1.9}.deep-source figcaption{letter-spacing:.08em;color:#e8dfd085;margin-top:9px;font-size:11px;line-height:1.7}.deep-query{color:#e8dfd0b8;margin:0;font-size:13px;line-height:1.85}.deep-links{flex-direction:column;gap:8px;display:flex}.deep-links button,.deep-links a{-webkit-appearance:none;appearance:none;text-align:left;width:100%;color:var(--gold-light);font-family:var(--font-sans);letter-spacing:.05em;cursor:pointer;background:#10232880;border:1px solid #d4a24c47;border-radius:3px;padding:10px 13px;font-size:12.5px;line-height:1.6;text-decoration:none;transition:border-color .25s,background .25s,color .25s;display:block}.deep-links button:hover,.deep-links a:hover{border-color:var(--gold);color:var(--paper);background:#d4a24c1f}@media (max-width:780px){.timeline{width:100%;padding:10px calc(12px + var(--safe-r)) calc(10px + var(--safe-b)) calc(12px + var(--safe-l));background:linear-gradient(#0000,#102328cc);flex-direction:row;justify-content:space-between;gap:0;top:auto;bottom:0;left:0;right:auto;transform:none}#ui.has-drawer .timeline{transform:none}.timeline__rail{left:calc(12px + var(--safe-l));right:calc(12px + var(--safe-r));width:auto;height:1px;top:6px;bottom:auto}.timeline__rail i{transform-origin:0;transform:scaleX(var(--p,0));background:linear-gradient(to right, #d4a24c59, var(--gold))}.timeline__item{letter-spacing:.06em;flex-direction:column;flex:1;justify-content:flex-end;gap:6px;padding:8px 2px;font-size:11px}.timeline__tick{width:1px;height:12px}.timeline__item[aria-current=true] .timeline__tick{width:1px;height:22px}.timeline__label{opacity:.75;transform:none}.chapter-sticky{padding-bottom:calc(104px + var(--safe-b));align-items:flex-end}.era{max-width:100%}.hint{bottom:calc(84px + var(--safe-b))}.drawer-scrim{background:#10232861}.drawer{width:100%;max-height:76vh;padding:26px 22px calc(26px + var(--safe-b));border-top:1px solid #d4a24c3d;border-left:0;border-radius:14px 14px 0 0;padding-top:20px;top:auto;left:0;right:0;transform:translateY(100%)}.drawer.is-open{transform:none}.drawer__grip{background:#e8dfd042;border-radius:2px;flex:none;width:38px;height:4px;margin:0 auto 4px;display:block}.drawer__close{top:14px;right:calc(14px + var(--safe-r))}.drawer__title{font-size:23px}.topbar__brand{letter-spacing:.28em;text-indent:.28em;font-size:16px}}.reader{z-index:5;max-width:720px;padding:calc(96px + var(--safe-t)) 24px calc(120px + var(--safe-b));margin:0 auto;position:relative}.reader__hd{text-align:center;margin-bottom:74px}.reader__brand{font-family:var(--font-serif);letter-spacing:.2em;color:var(--gold);margin:0 0 14px;font-size:clamp(40px,12vw,74px);font-weight:500}.reader__note{color:#e8dfd080;margin:0;font-size:13px;line-height:1.8}.reader__era{border-left:1px solid #d4a24c42;padding:0 0 54px 30px;scroll-margin-top:28px;position:relative}.reader__era:before{content:"";background:var(--gold);border-radius:50%;width:7px;height:7px;position:absolute;top:8px;left:-4px}.reader__era:last-child{border-left-color:#0000}.reader__year{letter-spacing:.2em;color:var(--gold);font-size:12px}.reader__title{font-family:var(--font-serif);letter-spacing:.05em;margin:6px 0 14px;font-size:29px;font-weight:500}.reader__title small{letter-spacing:.4em;color:#e8dfd08c;margin-bottom:5px;font-size:12.5px;font-weight:400;display:block}.reader__era p{color:#e8dfd0d1;margin:0 0 9px;font-size:14.5px;line-height:1.95}.reader__spots{background:#d4a24c0a;border:1px solid #d4a24c29;border-radius:3px;margin:16px 0 0;padding:14px 16px;list-style:none}.reader__spots li{color:#e8dfd0b8;padding:6px 0;font-size:13.5px;line-height:1.85}.reader__spots b{color:var(--gold);font-weight:500;font-family:var(--font-serif);letter-spacing:.06em}.reader__deep{background:#d4a24c08;border:1px solid #d4a24c29;border-radius:3px;flex-direction:column;gap:14px;margin:12px 0 6px;padding:14px 16px;display:flex}.reader__deep .deep-links a{width:auto;color:var(--gold);cursor:pointer;background:0 0;border:0;border-bottom:1px solid #d4a24c59;padding:0;font-size:13px;text-decoration:none;display:inline}.reader__deep .deep-links a:hover{color:var(--gold-light);border-bottom-color:var(--gold);background:0 0}.reader__optin{-webkit-appearance:none;appearance:none;color:var(--gold);font-family:var(--font-sans);letter-spacing:.16em;cursor:pointer;background:0 0;border:1px solid #d4a24c6b;border-radius:2px;margin-top:22px;padding:11px 26px;font-size:12.5px;transition:background .25s,color .25s,border-color .25s}.reader__optin:hover{border-color:var(--gold);color:var(--paper);background:#d4a24c1f}.reader__toc{border-top:1px solid #d4a24c24;border-bottom:1px solid #d4a24c24;flex-wrap:wrap;justify-content:center;gap:8px;margin:0 0 58px;padding:18px 0;display:flex}.reader__toc a{font-family:var(--font-serif);letter-spacing:.12em;color:#e8dfd099;border-radius:2px;padding:7px 12px;font-size:13px;text-decoration:none;transition:color .22s,background .22s}.reader__toc a:hover{color:var(--gold);background:#d4a24c1a}.reader__top{text-align:center;letter-spacing:.22em;color:#e8dfd080;margin-top:12px;padding:14px;font-size:12.5px;text-decoration:none;transition:color .22s;display:block}.reader__top:hover{color:var(--gold)}#boot .enter{-webkit-appearance:none;appearance:none;color:var(--gold);letter-spacing:.42em;text-indent:.42em;cursor:pointer;opacity:0;pointer-events:none;background:0 0;border:1px solid #d4a24c80;border-radius:2px;margin-top:6px;padding:13px 40px;font-family:inherit;font-size:.95rem;transition:opacity .7s,transform .7s cubic-bezier(.22,1,.36,1),background .3s,color .3s,box-shadow .4s;transform:translateY(10px)}#boot .enter.is-ready{opacity:1;pointer-events:auto;transform:none}#boot .enter:hover{color:var(--paper);background:#d4a24c1f;box-shadow:0 0 34px #d4a24c38}#boot .bar,#boot .pct{transition:opacity .5s,width .4s}#boot.is-ready .bar,#boot.is-ready .pct{opacity:0}#boot.is-gone{opacity:0;pointer-events:none;transition:opacity .9s,transform 1.2s cubic-bezier(.22,1,.36,1);transform:scale(1.04)}#boot .fail{text-align:center;opacity:.66;letter-spacing:.04em;max-width:min(80vw,420px);font-size:.86rem;line-height:2}