@font-face{font-family:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;font-stretch:62% 125%;src:url(/assets/archivo-vietnamese-wdth-normal-rJmnGBSt.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;font-stretch:62% 125%;src:url(/assets/archivo-latin-ext-wdth-normal-7khWdh9v.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;font-stretch:62% 125%;src:url(/assets/archivo-latin-wdth-normal-DY7AcnAa.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--ink: #0c0a08;--paper: #efe7d6;--paper-dim: #b3a890;--gold: #d8a24a;--red: #c4332b;--cjk: "Noto Serif SC","Songti SC","STSong","SimSun","宋体",serif;--disp: "Archivo Variable","Archivo",system-ui,sans-serif;--ease: cubic-bezier(.22,1,.36,1)}*{margin:0;padding:0;box-sizing:border-box}html,body{background:var(--ink)}body{overflow-x:hidden;color:var(--paper);font-family:var(--disp);-webkit-font-smoothing:antialiased}::selection{background:var(--red);color:var(--ink)}#scene{position:fixed;inset:0;width:100vw;height:100vh;display:block;z-index:0;cursor:grab;touch-action:pan-y}body.is-looking #scene{cursor:grabbing}.grade{position:fixed;inset:0;z-index:1;pointer-events:none;background:radial-gradient(125% 105% at 50% 44%,transparent 52%,rgba(6,4,2,.55) 100%),radial-gradient(80% 60% at 50% 8%,rgba(216,162,74,.05),transparent 60%)}.scroll-spacer{position:relative;height:900vh;pointer-events:none}.sc-loader{position:fixed;inset:0;z-index:50;background:var(--ink);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.4rem;transition:opacity .9s var(--ease),visibility .9s}.sc-loader.done{opacity:0;visibility:hidden}.scl-mark{font-family:var(--cjk);font-weight:900;font-size:clamp(2.4rem,7vw,4.4rem);letter-spacing:.12em;color:var(--paper);text-shadow:0 0 40px rgba(216,162,74,.25)}.scl-bar{width:min(240px,60vw);height:1px;background:#efe7d629;overflow:hidden}.scl-bar span{display:block;height:100%;width:0%;background:var(--gold);transition:width .3s linear}.scl-pct{font-family:var(--disp);font-size:.7rem;letter-spacing:.34em;color:var(--paper-dim)}.sc-title{position:fixed;left:clamp(1.5rem,5vw,5rem);top:clamp(4rem,16vh,9rem);z-index:4;pointer-events:none;transition:opacity .7s var(--ease),transform .7s var(--ease)}.sc-title.gone{opacity:0;transform:translateY(-12px)}.sc-kicker{font-size:.72rem;letter-spacing:.34em;text-transform:uppercase;color:var(--gold);margin-bottom:1rem;text-shadow:0 1px 16px rgba(6,4,2,.8)}.sc-h1{display:flex;flex-direction:column;gap:.3rem}.sc-h1 .cn{font-family:var(--cjk);font-weight:900;font-size:clamp(3.2rem,11vw,8rem);line-height:.95;letter-spacing:.04em;text-shadow:0 4px 60px rgba(6,4,2,.7)}.sc-h1 .en{font-size:clamp(.9rem,1.4vw,1.15rem);letter-spacing:.42em;text-transform:uppercase;color:var(--paper-dim)}.caps{position:fixed;inset:0;z-index:3;pointer-events:none}.cap{position:absolute;left:clamp(1.5rem,5vw,5rem);bottom:clamp(4rem,12vh,8rem);max-width:32ch;opacity:0;transform:translateY(18px);transition:opacity .7s var(--ease),transform .7s var(--ease)}.cap.in{opacity:1;transform:none}.cap-cn{display:block;font-family:var(--cjk);font-weight:800;font-size:clamp(1.6rem,3.4vw,2.6rem);letter-spacing:.06em;color:var(--paper);text-shadow:0 2px 26px rgba(6,4,2,.85)}.cap-en{display:block;margin-top:.7rem;font-size:clamp(.85rem,1.1vw,1rem);line-height:1.65;color:var(--paper-dim);text-shadow:0 1px 14px rgba(6,4,2,.95)}.rail{position:fixed;right:clamp(1rem,2.5vw,2rem);top:50%;transform:translateY(-50%);z-index:5;display:flex;flex-direction:column;gap:.2rem}.rail button{display:flex;align-items:center;gap:.6rem;justify-content:flex-end;background:none;border:none;cursor:pointer;color:var(--paper-dim);font-family:var(--disp);font-weight:600;font-size:.7rem;letter-spacing:.18em;text-transform:uppercase;padding:.5rem 0;transition:color .3s}.rail button span{font-family:var(--cjk);font-size:1rem;width:1.4rem;text-align:center;border-right:1px solid rgba(239,231,214,.2);padding-right:.6rem}.rail button:hover,.rail button.active{color:var(--paper)}.rail button.active span{color:var(--gold);border-right-color:var(--gold)}.sc-home{position:fixed;left:clamp(1rem,2.5vw,2rem);bottom:clamp(1rem,2.5vh,1.6rem);z-index:5;font-family:var(--cjk);font-size:.95rem;color:var(--paper);opacity:.7;transition:opacity .3s;text-decoration:none}.sc-home:hover{opacity:1}.hint{position:fixed;left:50%;bottom:clamp(1.4rem,4vh,2.4rem);transform:translate(-50%);z-index:5;display:flex;gap:1.6rem;font-size:.72rem;letter-spacing:.26em;text-transform:uppercase;color:var(--paper-dim);transition:opacity .6s}.hint.gone{opacity:0}.hint-scroll{animation:hintbob 2s var(--ease) infinite}@keyframes hintbob{0%,to{transform:translateY(0)}50%{transform:translateY(5px)}}.hint kbd{font-family:var(--disp);font-size:.92em;letter-spacing:normal;padding:.04em .34em;border:1px solid rgba(179,168,144,.4);border-radius:3px;color:var(--paper)}.sc-skip{position:fixed;right:clamp(1rem,3vw,2.2rem);bottom:clamp(1.4rem,4vh,2.4rem);z-index:6;display:inline-flex;align-items:baseline;gap:.6rem;cursor:pointer;padding:.7rem 1.15rem;border-radius:999px;background:linear-gradient(180deg,#1c160f6b,#0c0a088c);border:1px solid rgba(216,162,74,.28);color:var(--paper);font-family:var(--disp);-webkit-backdrop-filter:blur(6px) saturate(1.1);backdrop-filter:blur(6px) saturate(1.1);box-shadow:0 2px 20px #06040280,inset 0 1px #ffeed20f;transition:border-color .35s,background .35s,transform .35s,opacity .4s}.sc-skip:hover{border-color:#d8a24a9e;background:linear-gradient(180deg,#261d128c,#100c099e);transform:translateY(-1px)}.sc-skip .cn{font-family:var(--cjk);font-weight:800;font-size:1rem;letter-spacing:.06em;color:var(--gold)}.sc-skip .en{font-size:.66rem;letter-spacing:.28em;text-transform:uppercase;color:var(--paper-dim)}.sc-skip:hover .en{color:var(--paper)}.sc-skip:focus-visible{outline:2px solid var(--gold);outline-offset:3px}.sc-fallback{position:relative;z-index:10;min-height:100vh;display:grid;place-items:center}.sc-fallback[hidden]{display:none}.sc-fallback img{position:fixed;inset:0;width:100%;height:100%;object-fit:cover;opacity:.55}.sc-fallback-copy{position:relative;z-index:1;max-width:40ch;padding:2rem;text-align:center;text-shadow:0 2px 20px rgba(6,4,2,.9)}.sc-fallback-copy h1{font-family:var(--cjk);font-size:clamp(2.2rem,8vw,4rem);margin-bottom:1rem}.sc-fallback-copy p{color:var(--paper-dim);line-height:1.7}.rail button:focus-visible,.sc-home:focus-visible{outline:2px solid var(--gold);outline-offset:3px;border-radius:2px}body.no-webgl #scene,body.no-webgl .grade,body.no-webgl .sc-title,body.no-webgl .caps,body.no-webgl .rail,body.no-webgl .sc-home,body.no-webgl .hint,body.no-webgl .sc-skip,body.no-webgl .sc-solar{display:none!important}.sc-solar{position:fixed;top:clamp(1.5rem,4.5vh,3rem);right:clamp(1.25rem,3.5vw,2.75rem);z-index:4;width:clamp(96px,11vw,150px);height:clamp(96px,11vw,150px);pointer-events:none;display:grid;place-items:center;opacity:.7;transition:opacity 1.6s var(--ease)}.sc-solar .solar-ring{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.solar-orbit{fill:none;stroke:#efe7d61f;stroke-width:1}.solar-ticks line{stroke:#efe7d621;stroke-width:1}.solar-ticks line.is-cardinal{stroke:#d8a24a4d;stroke-width:1.25}.solar-ticks line.is-today{stroke:var(--gold);stroke-width:1.6;opacity:1;filter:drop-shadow(0 0 3px rgba(216,162,74,.65))}.solar-progress{fill:none;stroke:var(--gold);stroke-width:1.25;stroke-linecap:round;opacity:.14;transform:rotate(-90deg);transform-origin:100px 100px}.solar-label{position:relative;z-index:1;display:grid;justify-items:center;gap:.05em;text-align:center;line-height:1;text-shadow:0 1px 14px rgba(6,4,2,.85)}.solar-term{font-family:var(--cjk);letter-spacing:.08em}.solar-cur{font-weight:800;font-size:clamp(.95rem,2.1vw,1.35rem);color:var(--paper);opacity:.92}.solar-prev,.solar-next{font-weight:500;font-size:clamp(.6rem,1.2vw,.78rem);color:var(--paper-dim);opacity:0}.solar-pinyin{margin-top:.35em;font-family:var(--disp);font-weight:600;font-size:.56rem;letter-spacing:.3em;text-transform:uppercase;color:var(--gold);opacity:.55}.sc-visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.sc-clock{position:fixed;z-index:4;pointer-events:none;top:calc(clamp(1.5rem,4.5vh,3rem) + clamp(96px,11vw,150px) + .95rem);right:clamp(1.25rem,3.5vw,2.75rem);display:grid;justify-items:end;gap:.25em;opacity:.72;text-shadow:0 1px 14px rgba(6,4,2,.85)}.sc-clock-time{font-family:var(--disp);font-variant-numeric:tabular-nums;font-weight:600;font-size:clamp(.95rem,2vw,1.2rem);letter-spacing:.22em;color:var(--paper)}.sc-clock-meta{font-family:var(--disp);font-weight:600;font-size:.5rem;letter-spacing:.24em;text-transform:uppercase;color:var(--gold);opacity:.72;white-space:nowrap}@media(max-width:720px){.sc-clock{top:calc(clamp(.85rem,3vh,1.5rem) + clamp(72px,22vw,110px) + .3rem);right:clamp(.7rem,3.2vw,1.25rem)}}@media(max-width:720px){.sc-solar{width:clamp(72px,22vw,110px);height:clamp(72px,22vw,110px);top:clamp(.85rem,3vh,1.5rem);right:clamp(.7rem,3.2vw,1.25rem)}}@media(prefers-reduced-motion:reduce){.sc-solar{transition:none}}@media(prefers-reduced-motion:reduce){.hint-scroll{animation:none}}@media(max-width:720px){.rail,.hint-drag{display:none}}