:root{--paper:#f2efe9;--ink:#1c1b19;--ink-soft:#1c1b198c;--ink-faint:#1c1b192e;--serif:"Noto Serif SC", "Source Han Serif SC", "Songti SC", "STSong", "SimSun", serif;--sans:"Inter", "Helvetica Neue", "PingFang SC", "Microsoft YaHei UI", system-ui, sans-serif;--ease:cubic-bezier(.22, 1, .36, 1)}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--paper);height:100%;color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;overflow:hidden}#scene{touch-action:none;cursor:grab;width:100%;height:100%;display:block;position:fixed;inset:0}#scene.is-hovering{cursor:pointer}.masthead{pointer-events:none;position:fixed;top:clamp(20px,4vh,40px);left:clamp(20px,4vw,48px)}.eyebrow{letter-spacing:.28em;text-transform:uppercase;color:var(--ink-soft);margin-bottom:10px;font-size:11px}.masthead h1{font-family:var(--serif);letter-spacing:.12em;font-size:clamp(22px,2.4vw,30px);font-weight:500}.rooms{flex-direction:column;gap:2px;display:flex;position:fixed;top:50%;right:clamp(20px,4vw,48px);transform:translateY(-50%)}.rooms button{appearance:none;font:inherit;color:var(--ink-soft);text-align:right;cursor:pointer;transition:color .4s var(--ease);background:0 0;border:0;justify-content:flex-end;align-items:baseline;gap:12px;padding:7px 0;display:flex}.rooms button .en{letter-spacing:.2em;text-transform:uppercase;opacity:0;transition:opacity .4s var(--ease), transform .4s var(--ease);font-size:10px;transform:translate(6px)}.rooms button .cn{font-family:var(--serif);letter-spacing:.14em;font-size:15px}.rooms button:after{content:"";transform-origin:100%;width:14px;height:1px;transition:transform .4s var(--ease);background:currentColor;align-self:center;transform:scaleX(.4)}.rooms button:hover,.rooms button.is-active{color:var(--ink)}.rooms button:hover .en,.rooms button.is-active .en{opacity:1;transform:none}.rooms button.is-active:after{transform:scaleX(1.6)}.caption{pointer-events:none;--cn-size:clamp(40px, 6vw, 76px);column-gap:calc(var(--cn-size) * .22);grid-template-columns:auto auto;justify-content:start;display:grid;position:fixed;bottom:clamp(24px,6vh,56px);left:clamp(20px,4vw,48px)}.caption-index{letter-spacing:.28em;color:var(--ink-soft);font-variant-numeric:tabular-nums;grid-column:1/-1;margin-bottom:14px;font-size:11px}.caption-cn,.caption-en{grid-column:1}.palette{margin-top:calc(var(--cn-size) * .07);height:calc(var(--cn-size) * .92);grid-area:2/2/span 2;grid-template-columns:calc(var(--cn-size) * .36) auto;grid-auto-rows:1fr;align-self:start;gap:1px 12px;list-style:none;display:grid}.chip{background:var(--c);flex:none;width:9px;height:9px;box-shadow:inset 0 0 0 1px #1c1b191a}.sw-cn{font-family:var(--serif);letter-spacing:.12em;color:var(--ink)}.sw-en{letter-spacing:.2em;text-transform:uppercase;color:var(--ink-soft);font-size:9px}.palette li{grid-column:1/-1;grid-template-columns:subgrid;align-items:center;display:grid}.palette .chip{transform-origin:0;width:100%;height:100%;transition:transform .2s var(--ease);transform:scaleX(0);box-shadow:inset 0 0 0 1px #1c1b1912}.palette .sw-cn{font-size:clamp(9px, calc(var(--cn-size) * .145), 11px);color:var(--ink-soft);white-space:nowrap;opacity:0;transition:opacity .18s var(--ease);line-height:1}.palette .sw-en{display:none}.caption.has-palette:not(.is-swapping) .palette .chip{transition:transform .9s var(--ease) calc(80ms + var(--i) * 50ms);transform:none}.caption.has-palette:not(.is-swapping) .palette .sw-cn{opacity:1;transition:opacity .7s var(--ease) calc(.35s + var(--i) * 50ms)}.caption-cn{font-family:var(--serif);letter-spacing:.08em;transition:opacity .35s var(--ease), transform .5s var(--ease);font-size:clamp(40px,6vw,76px);font-weight:400;line-height:1}.caption-en{letter-spacing:.24em;text-transform:uppercase;color:var(--ink-soft);margin-top:14px;font-size:12px}.caption.is-swapping .caption-cn{opacity:0;transform:translateY(8px)}.compass{border:1px solid var(--ink-faint);pointer-events:none;border-radius:50%;place-items:center;width:44px;height:44px;display:grid;position:fixed;top:clamp(20px,4vh,40px);right:clamp(20px,4vw,48px)}.compass span{letter-spacing:.2em;color:var(--ink-soft);font-size:10px;position:absolute;top:-18px}.compass i{background:linear-gradient(var(--ink) 50%, var(--ink-faint) 50%);width:1px;height:30px}.hint{letter-spacing:.18em;color:var(--ink-soft);pointer-events:none;transition:opacity .8s var(--ease);font-size:11px;position:fixed;bottom:clamp(24px,6vh,56px);right:clamp(20px,4vw,48px)}.loader{background:var(--paper);transition:opacity .9s var(--ease), visibility .9s;z-index:10;place-content:center;gap:16px;display:grid;position:fixed;inset:0}.loader p{font-family:var(--serif);letter-spacing:.4em;color:var(--ink-soft);text-align:center;font-size:13px}.loader .bar{background:var(--ink-faint);width:160px;height:1px;overflow:hidden}.loader .bar i{background:var(--ink);width:0;height:100%;transition:width .3s var(--ease);display:block}.loader.is-done{opacity:0;visibility:hidden}body.is-focused .masthead,body.is-focused .rooms,body.is-focused .caption,body.is-focused .hint{opacity:0;pointer-events:none}.masthead,.rooms,.caption,.hint{transition:opacity .5s var(--ease)}.panel{--panel-w:min(420px, 36vw);width:var(--panel-w);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-left:1px solid var(--ink-faint);transition:transform .7s var(--ease);z-index:5;scrollbar-width:thin;background:#f6f4eff0;padding:clamp(24px,4vh,40px) clamp(22px,2.4vw,36px) 40px;position:fixed;top:0;bottom:0;right:0;overflow-y:auto;transform:translate(104%)}.panel.is-open{transform:none}.panel-back{appearance:none;font:inherit;letter-spacing:.2em;color:var(--ink-soft);cursor:pointer;transition:color .3s var(--ease);background:0 0;border:0;margin-bottom:clamp(24px,5vh,48px);padding:4px 0;font-size:12px}.panel-back:hover{color:var(--ink)}.panel-index{letter-spacing:.28em;color:var(--ink-soft);font-variant-numeric:tabular-nums;font-size:11px}.panel-cn{font-family:var(--serif);letter-spacing:.08em;margin-top:14px;font-size:clamp(36px,3.6vw,52px);font-weight:400;line-height:1.05}.panel-en{letter-spacing:.26em;text-transform:uppercase;color:var(--ink-soft);margin-top:10px;font-size:11px}.panel-meta{border-top:1px solid var(--ink-faint);letter-spacing:.12em;color:var(--ink-soft);font-variant-numeric:tabular-nums;margin-top:22px;padding-top:16px;font-size:12px}.panel-note{font-family:var(--serif);letter-spacing:.04em;margin-top:10px;font-size:14px;line-height:1.9}.panel-palette{margin-top:26px}.panel-palette[hidden]{display:none}.panel-label{border-bottom:1px solid var(--ink-faint);letter-spacing:.22em;text-transform:uppercase;color:var(--ink-soft);justify-content:space-between;padding-bottom:12px;font-size:10px;display:flex}.panel-palette ul{grid-template-columns:22px auto 1fr auto;column-gap:14px;list-style:none;display:grid}.panel-palette li{grid-column:1/-1;grid-template-columns:subgrid;border-bottom:1px solid #1c1b1912;align-items:center;padding:11px 0;display:grid}.panel-palette .chip{width:22px;height:14px}.panel-palette .sw-cn{font-size:13px}.sw-hex{letter-spacing:.14em;color:var(--ink-soft);opacity:.7;font-variant-numeric:tabular-nums;font-size:10px}.panel-figure{margin-top:28px}.panel-figure[hidden]{display:none}.photo-frame,.axon-frame{cursor:zoom-in;background:#e9e5de;position:relative;overflow:hidden}.photo-frame img,.axon-frame img{width:100%;height:auto;transition:opacity .45s var(--ease);display:block}.axon-frame{background:#fff;padding:10px}.photo-frame img.is-loading{opacity:0}.photo-nav{width:36px;height:36px;color:var(--ink);cursor:pointer;opacity:0;transition:opacity .3s var(--ease);background:#f6f4efd9;border:0;border-radius:50%;margin-top:-18px;font-size:20px;line-height:1;position:absolute;top:50%}.photo-nav.prev{left:10px}.photo-nav.next{right:10px}.photo-frame:hover .photo-nav{opacity:1}.photo-nav[hidden]{display:none}.panel-figure figcaption{letter-spacing:.22em;text-transform:uppercase;color:var(--ink-soft);justify-content:space-between;margin-top:10px;font-size:10px;display:flex}.lightbox{opacity:0;visibility:hidden;transition:opacity .4s var(--ease), visibility .4s;z-index:20;cursor:zoom-out;background:#1c1b19e0;place-items:center;padding:4vmin;display:grid;position:fixed;inset:0}.lightbox.is-open{opacity:1;visibility:visible}.lightbox img{object-fit:contain;max-width:100%;max-height:100%}@media (width<=720px){.panel{border-left:0;border-top:1px solid var(--ink-faint);width:auto;height:52vh;padding:18px 20px calc(24px + env(safe-area-inset-bottom));top:auto;left:0;transform:translateY(104%)}.panel-back{margin-bottom:16px}.photo-nav{opacity:1}.rooms{padding:14px 20px calc(14px + env(safe-area-inset-bottom));scrollbar-width:none;background:linear-gradient(transparent, var(--paper) 40%);flex-direction:row;gap:20px;inset:auto 0 0;overflow-x:auto;transform:none}.rooms::-webkit-scrollbar{display:none}.rooms button{flex:none;padding:6px 0}.rooms button .en,.rooms button:after{display:none}.caption{bottom:calc(76px + env(safe-area-inset-bottom))}.palette{grid-template-columns:20px auto;grid-auto-rows:13px;column-gap:10px;height:auto}.palette .sw-cn{font-size:10px}.hint{display:none}}@media (hover:none){.palette{display:none}}.night-toggle{appearance:none;height:44px;font:inherit;color:var(--ink-soft);cursor:pointer;z-index:6;transition:color .4s var(--ease), right .7s var(--ease);background:0 0;border:0;align-items:center;gap:9px;padding:0 2px;display:flex;position:fixed;top:clamp(20px,4vh,40px);right:calc(clamp(20px,4vw,48px) + 66px)}.night-toggle i{border:1px solid;border-radius:50%;width:12px;height:12px;position:relative;overflow:hidden}.night-toggle i:after{content:"";transition:transform .7s var(--ease);background:currentColor;border-radius:50%;position:absolute;inset:0;transform:translate(105%)}.night-toggle .cn{font-family:var(--serif);letter-spacing:.14em;font-size:13px}.night-toggle .en{letter-spacing:.22em;text-transform:uppercase;font-size:10px}.night-toggle:hover,.night-toggle[aria-pressed=true]{color:var(--ink)}.night-toggle[aria-pressed=true] i:after{transform:translate(34%)}body.is-focused .night-toggle{right:calc(min(420px,36vw) + clamp(20px,2.4vw,36px))}body{transition:background-color .9s var(--ease), color .6s var(--ease)}body.is-night{--paper:#1a1815;--ink:#ede5d6;--ink-soft:#ede5d68f;--ink-faint:#ede5d629}body.is-night .panel{background:#1b1916e6}body.is-night .panel-palette li{border-bottom-color:#ece7dd12}body.is-night .chip{box-shadow:inset 0 0 0 1px #ece7dd24}body.is-night .photo-frame{background:#23201c}body.is-night .photo-nav{background:#1b1916d9}@media (width<=720px){.night-toggle{gap:7px;right:78px}.night-toggle .en{display:none}body.is-focused .night-toggle{right:78px}}@media (hover:none){.panel{-webkit-backdrop-filter:none;backdrop-filter:none;background:#f6f4eff7}body.is-night .panel{background:#1b1916f2}}