:root:has(>body:is(.page-sb,.page-pt)){--night:#12100d;--night-ink:#ede6d8;--night-ink-3:#ede6d894;--night-line:#ede6d81a}.band{z-index:2;background:var(--night);color:var(--night-ink);position:relative;overflow:hidden}.band>.wrap{padding-block:clamp(96px,15vh,190px)}.band:before{content:"";background:radial-gradient(closest-side, color-mix(in srgb, var(--accent) 16%, transparent), transparent);opacity:.55;pointer-events:none;width:min(1200px,120vw);height:70%;position:absolute;top:0;left:50%;transform:translate(-50%)}.band .kicker{color:var(--night-ink-3)}.band-title{letter-spacing:-.04em;text-wrap:balance;max-width:18ch;margin:0 0 clamp(40px,7vh,80px);font-size:clamp(32px,4.1vw,76px);font-weight:300;line-height:1.04}.band-note{letter-spacing:.18em;text-transform:uppercase;color:var(--night-ink-3);margin:18px 0 0;font-size:10.5px}html[lang=zh] .band-title{letter-spacing:.01em;word-break:keep-all;overflow-wrap:anywhere;max-width:16em;font-weight:340;line-height:1.22}.screen{aspect-ratio:16/9;width:100%;color:inherit;font:inherit;text-align:left;cursor:default;box-shadow:0 0 0 1px var(--night-line), 0 50px 140px -60px color-mix(in srgb, var(--accent) 55%, transparent);background:#000;border:0;border-radius:clamp(12px,1.3vw,20px);margin:0;padding:0;display:block;position:relative;overflow:hidden}[data-grow]{transform:scale(calc(.9 + .1 * var(--k,1)));transform-origin:50% 0;will-change:transform}.screen>img,.screen>video,.screen>picture,.screen>picture img{object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}.mac{background:var(--bg);box-shadow:0 0 0 1px var(--line), 0 2px 6px #2b26220d, 0 40px 100px -40px #2b262259;border-radius:12px;margin:0;position:relative;overflow:hidden}.mac-bar{border-bottom:1px solid var(--line);background:color-mix(in srgb, var(--ink) 4%, var(--bg));align-items:center;gap:7px;height:30px;padding:0 13px;display:flex}.mac-bar i{background:color-mix(in srgb, var(--ink) 18%, var(--bg));border-radius:50%;width:10px;height:10px}.mac-view{aspect-ratio:16/10;background:#f6f5f0;position:relative}.mac-view>img,.mac-view>video{object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}.band .mac{box-shadow:0 0 0 1px var(--night-line), 0 50px 140px -60px color-mix(in srgb, var(--accent) 55%, transparent);background:#15130f}.band .mac-bar{border-bottom-color:var(--night-line);background:#1d1a16}.band .mac-bar i{background:#3a352e}.theater{z-index:60;color:var(--night-ink);place-items:center;display:grid;position:fixed;inset:0}.theater[hidden]{display:none}.theater-backdrop{-webkit-backdrop-filter:blur(18px);opacity:0;transition:opacity .7s var(--ease);background:#0a0907f2;position:absolute;inset:0}.theater.is-open .theater-backdrop{opacity:1}.theater-frame{aspect-ratio:16/9;opacity:0;width:min(92vw,156.444vh);transition:opacity .7s var(--ease), transform .9s var(--ease);background:#000;border-radius:14px;position:relative;overflow:hidden;transform:scale(.96)}.theater.is-open .theater-frame{opacity:1;transform:none}.theater-video{background:#000;width:100%;height:100%}.theater-close{top:22px;right:var(--gutter);border:1px solid var(--night-line);height:40px;color:var(--night-ink);letter-spacing:.18em;text-transform:uppercase;cursor:pointer;background:0 0;border-radius:999px;padding:0 16px;font-size:11.5px;position:absolute}.theater-close kbd{font:inherit;color:var(--night-ink-3)}.theater-note{top:30px;left:var(--gutter);letter-spacing:.22em;text-transform:uppercase;color:var(--night-ink-3);margin:0;font-size:11px;position:absolute}.theater-open .nav,.theater-open main,.theater-open .site-foot{visibility:hidden}@media (width<=760px){.theater-frame{border-radius:0;width:100vw}}@media (prefers-reduced-motion:reduce){[data-grow]{transform:none}}.page-sb{--accent:var(--gold)}.ex-screen{cursor:pointer}.ex-screen .ex-play{letter-spacing:.2em;text-transform:uppercase;color:#fff;align-items:center;gap:14px;font-size:11.5px;display:inline-flex;position:absolute;bottom:22px;left:24px}.ex-screen .ex-play-ring{-webkit-backdrop-filter:blur(6px);width:44px;height:44px;transition:transform .5s var(--ease), background .5s;background:#0a090766;border:1px solid #fff6;border-radius:50%;position:relative}.ex-screen .ex-play-ring:after{content:"";border-top:8px solid #0000;border-bottom:8px solid #0000;border-left:12px solid #fff;position:absolute;top:14px;left:17px}.ex-screen:hover .ex-play-ring{background:color-mix(in srgb, var(--accent) 45%, #0a090766);transform:scale(1.08)}.ex-screen .ex-dur{color:#ffffff9e}