@property --season-canvas{syntax: "<color>"; inherits: true; initial-value: #f4ecdf;}@property --season-soft{syntax: "<color>"; inherits: true; initial-value: #eadbd2;}:root{color:#211913;background:#f4ecdf;font-family:PingFang SC,Noto Sans CJK SC,Microsoft YaHei,Arial,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--ink: #211913;--muted: #70645a;--paper: rgba(255, 252, 244, .74);--glass: rgba(255, 252, 244, .42);--glass-strong: rgba(255, 252, 244, .72);--line: rgba(56, 43, 32, .15);--shadow: 0 26px 80px rgba(48, 35, 23, .16);--shadow-tight: 0 12px 34px rgba(48, 35, 23, .12);--topbar-height: 74px}*{box-sizing:border-box}html{scroll-snap-type:y proximity}body{margin:0;min-width:960px;min-height:100dvh;overflow-x:hidden}button{font:inherit}button:focus-visible,a:focus-visible{outline:3px solid var(--season-accent, #9a1f24);outline-offset:3px}.gallery-shell{min-height:100dvh;color:var(--ink);background:linear-gradient(90deg,#fffcf4e6,#fffcf475 42%,#fffcf447),linear-gradient(130deg,var(--season-canvas, #f4ecdf),#f8f2e9 56%,var(--season-soft, #eadbd2));isolation:isolate;transition:--season-canvas 1s cubic-bezier(.16,1,.3,1),--season-soft 1s cubic-bezier(.16,1,.3,1),color .42s ease}.scene-layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none}.three-canvas{width:100%;height:100%}.grain-layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;opacity:.1;background-image:linear-gradient(rgba(86,60,35,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(86,60,35,.038) 1px,transparent 1px);background-size:44px 44px,44px 44px}.topbar{position:fixed;top:0;left:0;right:0;z-index:20;display:flex;align-items:center;justify-content:space-between;min-height:var(--topbar-height);padding:16px clamp(26px,4vw,64px);transition:opacity .22s ease}.brand-lockup,.topbar-actions,.lecture-progress,.lightbox-frame{border:1px solid rgba(255,255,255,.46);background:linear-gradient(135deg,#ffffffb8,#ffffff47),color-mix(in srgb,var(--season-soft, #eadbd2),transparent 58%);-webkit-backdrop-filter:blur(18px) saturate(1.12);backdrop-filter:blur(18px) saturate(1.12);box-shadow:var(--shadow-tight)}.exhibit-open{border:1px solid rgba(255,255,255,.5);background:#fffcf4b3;box-shadow:var(--shadow-tight)}.brand-lockup{display:inline-flex;align-items:center;gap:12px;min-height:50px;padding:8px 16px 8px 8px;border-radius:999px}.brand-logo-mark{display:block;width:46px;height:46px;border-radius:18px;object-fit:cover;background:#fffaf1;box-shadow:inset 0 0 0 1px #9a1f241f,0 10px 22px #3023171a}.brand-lockup strong,.brand-lockup em{display:block;line-height:1.1}.brand-lockup strong{font-size:15px}.brand-lockup em{margin-top:4px;color:var(--muted);font-size:12px;font-style:normal}.topbar-actions{display:flex;align-items:center;gap:10px;padding:5px;border-radius:999px}.page-counter{display:inline-flex;align-items:baseline;gap:5px;min-height:44px;padding:0 14px;border-radius:999px;font-variant-numeric:tabular-nums;background:#fffcf46b}.page-counter span{color:var(--season-accent, #9a1f24);font-size:18px;font-weight:800}.page-counter em{color:var(--muted);font-size:13px;font-style:normal}.topbar-actions button,.lecture-progress>button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:44px;min-height:44px;padding:0 15px;border-radius:999px;color:var(--ink);border:1px solid transparent;background:transparent;cursor:pointer;transition:transform .18s ease,background-color .18s ease,color .18s ease,opacity .18s ease}.topbar-actions button:hover,.topbar-actions button[aria-pressed=true],.lecture-progress>button:hover{color:#fffaf1;background:var(--season-accent, #9a1f24);transform:translateY(-1px)}.lecture-progress>button:disabled{cursor:not-allowed;opacity:.38;transform:none}.scroll-stage{position:relative;z-index:5}.chapter-panel{position:relative;height:100dvh;min-height:100dvh;overflow:hidden;display:grid;grid-template-columns:minmax(500px,.95fr) minmax(360px,.78fr);gap:clamp(42px,6vw,116px);align-items:center;padding:calc(var(--topbar-height) + 18px) clamp(72px,8vw,148px) 132px;scroll-snap-align:start;content-visibility:auto;contain-intrinsic-block-size:100dvh}.chapter-panel.is-nearby{content-visibility:visible}.chapter-panel:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,#faf7efeb,#faf7efb8 42%,#faf7ef3d 76%,#faf7ef14)}.chapter-panel.variant-1,.chapter-panel.variant-3{grid-template-columns:minmax(360px,.76fr) minmax(520px,.96fr)}.chapter-panel.variant-1 .chapter-copy,.chapter-panel.variant-3 .chapter-copy{grid-column:2}.chapter-panel.variant-1 .chapter-visual,.chapter-panel.variant-3 .chapter-visual{grid-column:1;grid-row:1}.chapter-panel.variant-1:before,.chapter-panel.variant-3:before{background:linear-gradient(270deg,#faf7efeb,#faf7efb3 42%,#faf7ef38 76%,#faf7ef14)}.chapter-panel.variant-2{grid-template-columns:minmax(620px,.88fr) minmax(320px,.62fr)}.chapter-panel.variant-2:before{background:linear-gradient(90deg,#faf7efcc,#faf7ef70 48%,#faf7ef14)}.chapter-panel.visual-empty{grid-template-columns:minmax(780px,1fr) minmax(220px,.36fr)}.chapter-panel.visual-empty.variant-1 .chapter-copy,.chapter-panel.visual-empty.variant-3 .chapter-copy{grid-column:1}.chapter-panel.visual-empty.variant-1 .chapter-visual,.chapter-panel.visual-empty.variant-3 .chapter-visual{grid-column:2}.chapter-panel.visual-illustration{grid-template-columns:minmax(520px,.86fr) minmax(720px,1.04fr)}.chapter-panel.visual-illustration.variant-1,.chapter-panel.visual-illustration.variant-3{grid-template-columns:minmax(520px,.86fr) minmax(760px,1.08fr)}.chapter-panel.visual-illustration .chapter-copy{max-width:940px}.chapter-panel.visual-illustration .chapter-copy h1{max-width:11em;font-size:clamp(46px,4vw,82px)}.chapter-panel.visual-illustration .chapter-subtitle,.chapter-panel.visual-illustration .chapter-body{max-width:760px}.chapter-panel.visual-empty .chapter-copy{max-width:min(1120px,76vw)}.chapter-panel.visual-empty .chapter-copy h1{max-width:15em;font-size:clamp(58px,5.8vw,108px);line-height:1.08}.chapter-panel.visual-empty .chapter-subtitle{max-width:880px;font-size:clamp(20px,1.55vw,30px)}.chapter-panel.visual-empty .chapter-body{max-width:840px}.chapter-panel.visual-empty .chapter-visual{min-height:44vh}.chapter-copy{max-width:780px;opacity:.88;transform:translateY(18px);transition:opacity .3s ease,transform .3s ease}.chapter-panel.is-active .chapter-copy{opacity:1;transform:translateY(0)}.chapter-kicker{display:flex;align-items:center;gap:14px;margin-bottom:clamp(14px,1.6vw,22px);color:var(--season-accent, #9a1f24);font-variant-numeric:tabular-nums}.chapter-kicker span{font-size:clamp(19px,1.9vw,30px);font-weight:900}.chapter-kicker em{color:color-mix(in srgb,var(--season-accent, #9a1f24),#211913 42%);font-size:12px;font-style:normal;font-weight:700}.chapter-copy h1{margin:0;max-width:12em;color:color-mix(in srgb,var(--season-accent, #9a1f24),#07150f 62%);font-family:Songti SC,STSong,SimSun,PingFang SC,serif;font-size:clamp(38px,4.25vw,72px);line-height:1.05;letter-spacing:0}.chapter-subtitle{margin:clamp(14px,1.5vw,22px) 0 0;max-width:720px;color:#3f352d;font-size:clamp(17px,1.25vw,22px);font-weight:650;line-height:1.5}.chapter-copy blockquote{margin:clamp(16px,1.8vw,26px) 0 0;max-width:700px;padding:14px 18px;border-left:4px solid var(--season-accent, #9a1f24);color:#382c24;background:linear-gradient(90deg,#fffcf4c7,#fffcf44d);font-size:clamp(16px,1.1vw,19px);font-weight:700;line-height:1.62}.chapter-body{display:grid;gap:9px;max-width:760px;margin-top:clamp(15px,1.6vw,24px)}.chapter-body p{margin:0;color:#332a24;font-size:clamp(17px,1.16vw,20px);line-height:1.68}.chapter-bullets{display:flex;flex-wrap:wrap;gap:10px;max-width:760px;margin:clamp(16px,1.8vw,26px) 0 0;padding:0;list-style:none}.chapter-bullets li{min-height:32px;padding:6px 12px;border:1px solid rgba(255,255,255,.42);border-radius:999px;color:color-mix(in srgb,var(--season-accent, #9a1f24),#2b211b 48%);background:#fffcf4ad;font-size:15px;font-weight:700;line-height:1.45}.chapter-visual{justify-self:stretch;align-self:center;opacity:.88;transform:translateY(16px);transition:opacity .3s ease,transform .3s ease}.chapter-panel.is-active .chapter-visual{opacity:1;transform:translateY(0)}.empty-visual{min-height:46vh}.identity-visual{position:relative;display:grid;place-items:center;min-height:min(72vh,690px);isolation:isolate}.illustration-visual{margin:0;width:min(690px,100%);justify-self:center}.chapter-panel.is-active .illustration-visual{filter:drop-shadow(0 20px 38px rgba(48,35,23,.13))}.illustration-visual img{display:block;width:100%;height:auto;object-fit:contain}.identity-character{width:min(34vw,520px);max-height:76vh;object-fit:contain;transform:translate(-4%) translateY(2%)}.chapter-panel.is-active .identity-character{filter:drop-shadow(0 24px 42px rgba(48,35,23,.17))}.identity-logo{position:absolute;right:4%;bottom:9%;width:min(15vw,220px);max-width:220px;border-radius:50%;opacity:.88;filter:drop-shadow(0 14px 26px rgba(48,35,23,.12))}.timeline-visual{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin:0;padding:72px 0 0;list-style:none}.timeline-visual:before{content:"";position:absolute;left:7%;right:7%;top:38px;height:2px;background:linear-gradient(90deg,var(--season-accent, #9a1f24),#0f766e);opacity:.9}.timeline-visual li{position:relative;min-height:210px;padding:0 4px}.timeline-visual li:before{content:"";position:absolute;top:-48px;left:18px;width:24px;height:24px;border:3px solid var(--season-accent, #9a1f24);border-radius:50%;background:#fffaf1;box-shadow:0 0 0 8px #fffaf1ad}.timeline-visual span{display:inline-grid;place-items:center;width:38px;height:38px;margin-bottom:16px;border-radius:50%;color:#fffaf1;background:var(--season-accent, #9a1f24);font-size:13px;font-weight:900;font-variant-numeric:tabular-nums}.timeline-visual strong,.timeline-visual em{display:block;font-style:normal}.timeline-visual strong{color:color-mix(in srgb,var(--season-accent, #9a1f24),#211913 32%);font-size:clamp(18px,1.4vw,24px);line-height:1.2}.timeline-visual em{margin-top:8px;color:#2d241e;font-size:clamp(15px,1.04vw,17px);font-weight:800}.timeline-visual p{margin:12px 0 0;color:#5a4d43;font-size:clamp(16px,1.02vw,18px);line-height:1.6}.exhibit-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.exhibit-grid.count-1{grid-template-columns:minmax(0,1fr)}.exhibit-grid.count-3{grid-template-columns:minmax(0,1.16fr) minmax(0,.84fr)}.exhibit-grid.count-3 .exhibit-card:first-child{grid-row:span 2}.exhibit-card{margin:0}.exhibit-open{position:relative;display:block;width:100%;min-height:44px;padding:10px;overflow:hidden;border-radius:18px;cursor:pointer}.exhibit-open img,.exhibit-open video{display:block;width:100%;aspect-ratio:16 / 10;border-radius:12px;object-fit:contain;transition:transform .24s ease;background:#fffaf1}.exhibit-grid.count-1 .exhibit-open img,.exhibit-grid.count-1 .exhibit-open video,.exhibit-grid.count-3 .exhibit-card:first-child .exhibit-open video{aspect-ratio:16 / 9}.exhibit-open:hover img,.exhibit-open:hover video{transform:scale(1.018)}.zoom-cue{position:absolute;right:18px;bottom:18px;display:inline-flex;align-items:center;gap:6px;min-height:34px;padding:0 10px;border:1px solid rgba(255,255,255,.44);border-radius:999px;color:#fffaf1;background:#1c140f94;font-size:14px}.exhibit-card figcaption{padding:9px 8px 0;color:#5f544c;font-size:16px;line-height:1.45}#page-13 .exhibit-grid.count-1 .exhibit-open img{height:min(52vh,560px);aspect-ratio:auto}#page-20 .exhibit-grid.count-3{grid-template-columns:repeat(2,minmax(0,1fr))}#page-20 .exhibit-grid.count-3 .exhibit-card:first-child{grid-column:1 / -1;grid-row:auto}#page-20 .exhibit-grid.count-3 .exhibit-card:first-child .exhibit-open img{aspect-ratio:16 / 6}#page-29 .chapter-copy h1{max-width:12em;font-size:clamp(46px,3.7vw,68px)}#page-31 .chapter-copy{max-width:min(1400px,84vw)}#page-31 .chapter-copy h1{max-width:16em;font-size:clamp(62px,4.7vw,88px)}.lecture-progress{position:fixed;left:50%;bottom:24px;z-index:20;display:grid;grid-template-columns:44px minmax(420px,560px) 44px;align-items:center;gap:12px;padding:8px;border-radius:999px;transform:translate(-50%)}.lecture-progress>button{padding:0}.progress-core{display:grid;gap:7px}.season-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.season-strip button{min-height:36px;border:0;border-radius:999px;color:#5f544c;background:transparent;cursor:pointer;transition:color .18s ease,background-color .18s ease}.season-strip button span{margin-right:5px;font-weight:900}.season-strip button em{font-size:13px;font-style:normal}.season-strip button.is-active{color:#fffaf1;background:var(--season-accent, #9a1f24)}.progress-track{height:3px;overflow:hidden;border-radius:999px;background:#2119131f}.progress-track span{display:block;width:100%;height:100%;border-radius:inherit;background:var(--season-accent, #9a1f24);transform-origin:left center;transition:transform .26s ease}.lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:grid;place-items:center;padding:64px}.lightbox-scrim{position:absolute;top:0;right:0;bottom:0;left:0;border:0;background:#14100d9e;cursor:pointer}.lightbox-frame{position:relative;z-index:1;display:grid;place-items:center;width:auto;max-width:min(1240px,calc(100vw - 128px));max-height:calc(100dvh - 128px);margin:0;padding:18px 18px 0;border-radius:24px}.lightbox-frame img,.lightbox-frame video{display:block;width:auto;max-width:min(1160px,calc(100vw - 168px));max-height:calc(100dvh - 194px);border-radius:16px;object-fit:contain;background:#fffaf1}.lightbox-frame video{width:min(1160px,calc(100vw - 168px));aspect-ratio:16 / 9}.lightbox-frame figcaption{justify-self:stretch;padding:12px 6px 15px;color:#4c4139;font-size:14px;line-height:1.45}.lightbox-close{position:fixed;top:28px;right:32px;z-index:2;display:grid;place-items:center;width:48px;height:48px;border:1px solid rgba(255,255,255,.55);border-radius:50%;color:#fffaf1;background:#1c140fb8;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.is-presenting .topbar,.is-presenting .lecture-progress{opacity:0}.is-presenting .topbar:hover,.is-presenting .topbar:focus-within,.is-presenting .lecture-progress:hover,.is-presenting .lecture-progress:focus-within{opacity:1}@media(max-width:1180px){body{min-width:900px}.chapter-panel{padding-inline:54px;gap:42px}.lecture-progress{grid-template-columns:44px minmax(360px,520px) 44px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.001ms!important}}
