@font-face{font-family:LocalSong;src:local("Songti SC"),local("Noto Serif CJK SC"),local("Source Han Serif SC")}
:root{--forest:#142f28;--deep:#0b211c;--gold:#d9b67d;--paper:#eee9dc;--line:rgba(235,220,183,.48);font-family:"PingFang SC","Microsoft YaHei",sans-serif;color:#f5f0e4;background:var(--deep)}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;overflow:hidden}button,a{font:inherit}button{cursor:pointer}a{color:inherit}button:focus-visible,a:focus-visible{outline:2px solid #f5cc81;outline-offset:4px}.skip-link{position:fixed;top:-100px;left:20px;z-index:100;padding:10px;background:#fff;color:#102a22}.skip-link:focus{top:12px}
.exhibition{position:relative;height:100svh;min-height:520px;overflow:hidden;background:#112923}
.gallery-header{position:absolute;top:0;left:0;right:0;z-index:15;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:22px clamp(20px,3.5vw,58px);background:linear-gradient(180deg,rgba(6,19,17,.72),transparent);text-shadow:0 1px 10px #0c1a17}
.gallery-brand{display:flex;align-items:center;gap:11px;text-decoration:none;white-space:nowrap;font:600 18px/1.1 LocalSong,"Songti SC",serif;letter-spacing:.08em}.gallery-brand small{display:block;margin-top:5px;color:#dacdae;font:500 8px/1.2 Arial,sans-serif;letter-spacing:.27em}.brand-seal{display:grid;place-items:center;width:36px;height:36px;border:1px solid #d6ae6b;border-radius:50%;font:500 21px/1 LocalSong,serif;color:#d9bb82}
.exhibition[data-scene="0"] .gallery-brand{color:#1e392d;text-shadow:none}.exhibition[data-scene="0"] .gallery-brand small{color:#3f604f}.exhibition[data-scene="0"] .brand-seal{color:#2c5237;border-color:#597053}.exhibition[data-scene="0"] .scene-rail{color:#233c31;text-shadow:none}.exhibition[data-scene="0"] .rail-dots button{border-color:#4f695a}
.scene-nav{display:flex;align-items:center;gap:3px;padding:4px;border:1px solid rgba(235,223,197,.43);border-radius:30px;background:rgba(15,37,31,.66);backdrop-filter:blur(14px)}.scene-nav button{min-width:70px;padding:9px 13px;border:0;border-radius:24px;background:none;color:#f0ebdc;font-size:12px;white-space:nowrap}.scene-nav button[aria-current]{background:#d8b67a;color:#152d25;font-weight:700}.gallery-exit{white-space:nowrap;font-size:12px;text-decoration:none;border-bottom:1px solid rgba(233,218,179,.6);padding-bottom:5px}
.gallery-stage{position:absolute;inset:0}.gallery-scene{position:absolute;inset:0;overflow-y:auto;overflow-x:hidden;background-image:var(--scene-image);background-position:center center;background-size:cover;isolation:isolate;animation:scene-in .72s ease both}.gallery-scene[hidden]{display:none}.gallery-scene::before{content:"";position:absolute;inset:0;z-index:-1;background:var(--scene-image) center center/cover;animation:scene-photo 1.8s ease both}.scene-shade{position:absolute;inset:0;z-index:-1;pointer-events:none}.gallery-entrance .scene-shade{background:linear-gradient(90deg,rgba(230,221,199,.79) 0%,rgba(229,218,191,.6) 29%,rgba(15,32,27,.02) 70%),linear-gradient(0deg,rgba(6,22,18,.29),transparent 40%)}.gallery-foyer .scene-shade{background:linear-gradient(90deg,rgba(8,28,23,.87) 0%,rgba(9,31,25,.55) 43%,transparent 78%)}.gallery-hall .scene-shade{background:linear-gradient(180deg,rgba(6,20,16,.38) 0%,transparent 32%,rgba(6,23,18,.18) 57%,rgba(7,23,18,.79) 100%)}
@keyframes scene-in{from{opacity:.2}to{opacity:1}}@keyframes scene-photo{from{transform:scale(1.035)}to{transform:scale(1)}}
.scene-overline{font-size:11px;letter-spacing:.22em;font-weight:700}.entrance-copy{position:relative;z-index:1;width:min(580px,55%);min-height:100%;display:flex;align-items:flex-start;flex-direction:column;justify-content:center;margin-left:clamp(30px,5vw,90px);padding:120px 0 115px;color:#193329;text-shadow:none}.entrance-copy h1,.foyer-copy h2,.theme-board h2{font-family:LocalSong,"Songti SC",serif;font-weight:500}.entrance-copy h1{margin:22px 0;font-size:clamp(46px,5vw,75px);line-height:1.22;letter-spacing:.04em}.entrance-copy h1 em{font-style:normal;color:#8b6740}.entrance-copy>p{max-width:480px;font-size:16px;line-height:1.95}.entrance-copy>small{margin-top:45px;font-size:11px;color:#4e6053}.scene-actions{display:flex;align-items:center;gap:25px;margin-top:23px}.scene-actions a{font-size:13px;text-decoration:none;border-bottom:1px solid #4e6754;padding-bottom:5px}.button-gold{display:inline-flex;justify-content:space-between;gap:30px;align-items:center;padding:14px 19px;border:1px solid #ba9963;background:#d9b67d;color:#172d23;font-size:14px;font-weight:700;box-shadow:0 8px 30px rgba(28,34,23,.14)}.button-gold:hover{background:#ead09c}.button-gold span{font-size:20px;font-weight:400}
.foyer-copy{position:relative;z-index:1;width:min(520px,43%);margin-left:clamp(30px,5vw,90px);min-height:100%;padding:128px 0 115px;display:flex;flex-direction:column;justify-content:center}.foyer-copy h2{margin:20px 0;font-size:clamp(50px,5.2vw,73px);line-height:1.18}.foyer-copy>p{max-width:490px;font-size:15px;line-height:1.95;color:#e4e8dd}.foyer-route{display:grid;gap:0;width:min(420px,100%);padding:0;margin:24px 0 26px;list-style:none;border-top:1px solid var(--line)}.foyer-route li{display:flex;gap:25px;padding:13px 0;border-bottom:1px solid var(--line);font:500 19px/1.25 LocalSong,serif}.foyer-route span{font:600 12px/1.7 Arial,sans-serif;color:var(--gold)}.foyer-copy .button-gold{align-self:flex-start}
.hall-composition{position:relative;z-index:1;display:grid;grid-template-columns:minmax(180px,230px) minmax(0,1fr) minmax(170px,210px);align-items:end;gap:clamp(10px,1.6vw,25px);width:calc(100% - clamp(170px,14vw,225px));max-width:1570px;min-height:100%;margin-left:clamp(30px,3vw,54px);margin-right:auto;padding:125px 0 100px}.theme-board,.film-station,.exhibit{background:linear-gradient(145deg,rgba(14,48,38,.96),rgba(10,32,25,.91));color:#f6eee0;border:1px solid rgba(227,198,146,.75);box-shadow:0 20px 35px rgba(0,0,0,.28);backdrop-filter:blur(5px)}.theme-board{align-self:end;min-height:300px;padding:24px}.theme-board>span,.film-station>span:first-child{color:#dfbf87;letter-spacing:.18em;font-size:10px}.theme-board h2{margin:34px 0 20px;font-size:clamp(31px,3vw,43px);line-height:1.35;letter-spacing:.06em}.theme-board p{font-size:12px;line-height:1.8;color:#dce6da}.theme-board a{display:inline-block;margin-top:25px;padding-top:12px;border-top:1px solid rgba(229,212,171,.4);font-size:11px;text-decoration:none;color:#edd19c}
.exhibit-wall{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.exhibit{display:flex;flex-direction:column;text-align:left;padding:7px;min-width:0;min-height:300px;transition:transform .2s,border-color .2s}.exhibit:hover,.film-station:hover{transform:translateY(-5px);border-color:#e9ce98}.exhibit-frame{position:relative;display:grid;place-items:center;flex:1;min-height:160px;border:1px solid rgba(215,198,160,.58);background:radial-gradient(circle at 50% 45%,rgba(113,145,116,.34),rgba(20,53,40,.45) 57%,rgba(2,25,18,.5) 96%)}.exhibit-frame::after{content:"";position:absolute;inset:8px;border:1px solid rgba(216,192,144,.25)}.exhibit-frame b{font:400 clamp(36px,5vw,74px)/1 Georgia,serif;color:#d7bf87}.exhibit-frame small{position:absolute;right:13px;bottom:13px;font-size:10px;color:#c7d0bd}.exhibit-label{display:flex;flex-direction:column;align-items:flex-start;gap:7px;min-height:105px;padding:12px 7px 5px}.exhibit-label em{font-style:normal;font-size:10px;color:#cbb580}.exhibit-label strong{font:500 clamp(15px,1.5vw,20px)/1.25 LocalSong,serif}.exhibit-label small{margin-top:auto;font-size:10px;color:#e2c996}
.film-station{display:flex;flex-direction:column;text-align:left;min-height:300px;padding:15px;transition:transform .2s,border-color .2s}.film-screen{display:grid;place-items:center;flex:1;min-height:160px;margin:14px 0;border:1px solid rgba(223,199,152,.58);background:radial-gradient(circle,#385443,#091d18 71%)}.film-screen b{display:grid;place-items:center;width:52px;height:52px;border:1px solid #d9b77b;border-radius:50%;color:#d9b77b;font-weight:400;font-size:20px;text-indent:3px}.film-station strong{font:500 21px/1.3 LocalSong,serif}.film-station small{margin-top:8px;color:#e0cda7;font-size:10px}
.scene-rail{position:absolute;right:clamp(18px,2vw,35px);top:50%;transform:translateY(-50%);z-index:9;display:flex;align-items:center;flex-direction:column;gap:14px;font-size:10px;letter-spacing:.07em;text-shadow:0 1px 5px #162118}.rail-dots{display:flex;flex-direction:column;gap:12px}.rail-dots button{width:7px;height:7px;padding:0;border:1px solid #f7e8c4;border-radius:50%;background:transparent}.rail-dots button[aria-current]{background:#deb579;box-shadow:0 0 0 4px rgba(226,191,126,.23)}
.gallery-controls{position:absolute;bottom:27px;left:50%;z-index:12;transform:translateX(-50%);display:flex;align-items:center;gap:15px;padding:5px 7px;background:rgba(8,29,23,.78);border:1px solid rgba(215,192,152,.54);border-radius:40px;backdrop-filter:blur(7px)}.gallery-controls button{display:grid;place-items:center;width:33px;height:33px;border:0;border-radius:50%;background:#dfbd80;color:#173428;font-size:19px}.gallery-controls button:disabled{opacity:.38;cursor:default}.gallery-controls span{font-size:10px;white-space:nowrap;letter-spacing:.05em}
.gallery-tools{position:absolute;bottom:27px;right:clamp(18px,3.4vw,52px);z-index:12;display:flex;gap:7px}.gallery-tools button{min-height:43px;padding:0 13px;border:1px solid rgba(231,213,174,.58);background:rgba(10,35,26,.85);color:#f5e8c9;font-size:11px;backdrop-filter:blur(7px)}.gallery-tools button:hover{background:#25513d}
.gallery-map{position:absolute;right:clamp(18px,3.4vw,52px);bottom:79px;z-index:14;width:min(350px,calc(100% - 36px));padding:18px;background:#123127;border:1px solid #bfa270;box-shadow:0 16px 38px rgba(0,0,0,.43)}.gallery-map[hidden]{display:none}.map-head{display:flex;justify-content:space-between;gap:10px;padding-bottom:15px;border-bottom:1px solid var(--line)}.map-head span{display:block;margin-bottom:5px;color:#d9bb84;font-size:10px}.map-head strong{font:500 19px/1.3 LocalSong,serif}.map-head button{align-self:start;width:28px;height:28px;border:1px solid #967d5a;background:none;color:#f1e7d7;font-size:20px}.map-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:19px 0}.map-grid button{min-height:53px;padding:8px;border:1px solid #708a71;background:#1a4031;color:#eee7d9;font-size:12px}.map-grid button[aria-current]{background:#d7b57a;color:#183529}.map-grid button small{display:block;margin-top:5px;font-size:9px}.gallery-map p{margin:0;color:#d5dfd1;font-size:11px}.gallery-map p strong{color:#e5c385}
.gallery-dialog{width:min(1000px,calc(100% - 24px));max-height:min(90vh,900px);padding:0;border:1px solid #c4a873;background:#122f27;color:#f7f0e2;box-shadow:0 30px 90px rgba(0,0,0,.5)}.gallery-dialog::backdrop{background:rgba(5,18,15,.83);backdrop-filter:blur(6px)}.dialog-inner{display:grid;grid-template-columns:1.3fr 1fr;min-height:520px}.dialog-close{position:absolute;top:16px;right:16px;z-index:3;width:33px;height:33px;border:1px solid #c3ad85;background:rgba(8,26,20,.67);color:#f5ebd6;font-size:23px}.object-image-area{position:relative;display:grid;place-items:center;min-height:520px;overflow:hidden;border-right:1px solid #9b8b6b;background:radial-gradient(circle at 50% 42%,#41604a,#10281e 64%,#091b16)}.object-image-area>span{font:500 clamp(30px,3.6vw,49px)/1.3 LocalSong,serif;color:#c9d4bf}.object-image-area>img{max-width:90%;max-height:75vh;object-fit:contain;transform-origin:center;transition:transform .15s}.image-tools{position:absolute;bottom:17px;left:50%;transform:translateX(-50%);display:flex;gap:5px}.image-tools[hidden]{display:none}.image-tools button{padding:7px 13px;border:1px solid #c4ad7e;background:#113027;color:#f5ead2}.dialog-copy{display:flex;flex-direction:column;padding:65px 35px 32px}.dialog-copy>span,.media-inner>span,.guide-inner>span{color:#d4b47a;font-size:11px;letter-spacing:.16em}.dialog-copy h2,.media-inner h2,.guide-inner h2{font:500 clamp(29px,3.4vw,46px)/1.25 LocalSong,serif;margin:20px 0}.dialog-copy>p{color:#d8e4d5;font-size:14px;line-height:1.9}.dialog-copy dl{margin:16px 0}.dialog-copy dl div{display:grid;grid-template-columns:82px 1fr;padding:12px 0;border-top:1px solid #526e58;font-size:11px}.dialog-copy dt{color:#adbfaa}.dialog-copy dd{margin:0}.dialog-copy>a{align-self:flex-start;margin:8px 0;color:#eed09b;font-size:12px;text-decoration:none;border-bottom:1px solid #bfa478;padding-bottom:4px}.dialog-copy>a[hidden]{display:none}.dialog-copy>small{margin-top:auto;color:#aebcae;font-size:10px;line-height:1.5}
.media-dialog{width:min(790px,calc(100% - 24px))}.media-inner{position:relative;padding:29px}.media-inner h2{margin:13px 40px 20px}.media-screen{display:grid;place-items:center;aspect-ratio:16/9;border:1px solid #809477;background:radial-gradient(circle at 50% 40%,#35533e,#071c15 72%)}.media-screen>div{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;text-align:center}.media-screen>div>span{display:grid;place-items:center;width:70px;height:70px;border:1px solid #dabb83;border-radius:50%;color:#dabb83;text-indent:5px}.media-screen strong{font:500 25px/1.3 LocalSong,serif}.media-screen small{font-size:11px;color:#becab9}.media-screen video{width:100%;height:100%;object-fit:contain}.media-inner>p{font-size:13px;color:#dce7d8;line-height:1.8}.media-actions{display:flex;justify-content:space-between;margin-top:20px}.media-actions button{padding:9px 13px;border:1px solid #839783;background:none;color:#e6d6b7;font-size:11px}.media-actions button:disabled{opacity:.4}
.media-chapter-link{display:inline-block;margin-top:3px;color:#e6c88e;font-size:12px;text-decoration:none;border-bottom:1px solid #b79f72;padding-bottom:5px}
.guide-dialog{width:min(470px,calc(100% - 24px));margin-right:2vw}.guide-inner{position:relative;padding:34px}.guide-inner h2{margin:12px 40px 10px}.guide-inner>p,.guide-inner>small{font-size:12px;color:#c6d4c3;line-height:1.7}.guide-questions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:24px 0}.guide-questions button{min-height:55px;padding:10px;border:1px solid #8b9c7f;background:#234638;color:#f7efdf;font-size:12px;text-align:left}.guide-questions button[aria-pressed]{border-color:#e0c184;background:#375b44}.guide-answer{min-height:155px;padding:16px;background:#0b241d;border:1px solid #58705a}.guide-answer strong{font:500 20px LocalSong,serif}.guide-answer p{font-size:12px;line-height:1.8;color:#d8e2d5}.guide-answer a{font-size:11px;color:#e0c285}.guide-answer a[hidden]{display:none}.guide-speak{margin:16px 0;padding:9px 12px;border:1px solid #c5a570;background:none;color:#eddbb9;font-size:11px}.guide-speak:disabled{opacity:.5}.guide-inner>small{display:block}
@media(max-width:1050px){.gallery-header{gap:10px}.scene-nav button{min-width:59px;padding:8px}.gallery-exit{display:none}.hall-composition{grid-template-columns:175px minmax(0,1fr) 160px;gap:9px}.theme-board{padding:18px}.theme-board h2{font-size:29px}.film-station{padding:10px}.exhibit{min-height:280px}.film-station,.theme-board{min-height:280px}.exhibit-frame,.film-screen{min-height:135px}.exhibit-label{min-height:110px}.exhibit-label strong{font-size:15px}}
@media(max-width:760px){.exhibition{min-height:0}.gallery-header{padding:12px 15px;align-items:flex-start;flex-wrap:wrap;gap:9px;background:rgba(5,27,20,.83)}.gallery-brand{font-size:15px}.brand-seal{width:31px;height:31px;font-size:17px}.scene-nav{order:2;width:100%;overflow-x:auto;border-radius:0;background:transparent;border:0;padding:0}.scene-nav button{flex:1;min-width:60px;padding:8px 4px;font-size:11px}.gallery-scene{background-position:center top}.entrance-copy,.foyer-copy{width:auto;min-height:100svh;margin:0;padding:135px 24px 100px;justify-content:flex-end}.gallery-entrance .scene-shade{background:linear-gradient(0deg,rgba(233,225,204,.94) 0%,rgba(230,220,196,.78) 56%,rgba(8,30,24,.09) 100%)}.entrance-copy h1,.foyer-copy h2{font-size:43px}.entrance-copy>p,.foyer-copy>p{font-size:13px}.entrance-copy>small{margin-top:20px}.gallery-foyer .scene-shade{background:linear-gradient(0deg,rgba(7,29,22,.95),rgba(9,29,22,.78) 58%,rgba(7,29,22,.08))}.foyer-copy{padding-bottom:95px}.foyer-route{margin:13px 0}.foyer-route li{font-size:16px;padding:9px 0}.hall-composition{display:block;width:auto;min-height:100svh;margin:0;padding:235px 16px 105px}.gallery-hall .scene-shade{background:linear-gradient(180deg,rgba(4,22,15,.1) 0%,rgba(7,26,19,.44) 25%,#0c251b 49%)}.theme-board{min-height:0;margin-bottom:10px}.theme-board h2{margin:12px 0;font-size:28px}.theme-board h2 br{display:none}.theme-board a{margin-top:8px}.exhibit-wall{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.exhibit{min-height:223px}.exhibit:nth-child(3){grid-column:1/-1;min-height:0;display:grid;grid-template-columns:35% 1fr}.exhibit:nth-child(3) .exhibit-frame{min-height:90px}.exhibit-label{min-height:90px;padding:8px}.exhibit-frame{min-height:125px}.exhibit-frame b{font-size:43px}.film-station{min-height:0;margin-top:10px;display:grid;grid-template-columns:1fr 1fr;gap:5px 12px}.film-station>span:first-child{grid-column:1/-1}.film-screen{grid-row:2/4;min-height:115px;margin:0}.film-station strong{align-self:end}.film-station small{align-self:start}.scene-rail{display:none}.gallery-tools{right:12px;bottom:12px}.gallery-tools button{min-height:36px;padding:0 8px;font-size:10px}.gallery-controls{bottom:12px;left:12px;transform:none;gap:5px}.gallery-controls button{width:27px;height:27px}.gallery-controls span{display:none}.gallery-map{right:12px;bottom:56px}.dialog-inner{display:block;min-height:0}.object-image-area{min-height:220px;border-right:0;border-bottom:1px solid #9b8b6b}.dialog-copy{padding:22px}.dialog-copy>small{margin-top:25px}.media-inner{padding:19px}.media-screen small{max-width:250px}.guide-dialog{margin:auto}.guide-inner{padding:22px}.guide-questions{gap:6px}}
@media(max-width:400px){.hall-composition{padding-top:190px}.scene-nav button{min-width:55px}.entrance-copy h1,.foyer-copy h2{font-size:38px}.scene-actions{gap:13px}.scene-actions a{font-size:11px}}
.gallery-entrance .scene-shade{background:linear-gradient(90deg,rgba(11,36,28,.91) 0%,rgba(13,38,29,.72) 36%,rgba(13,38,29,.1) 76%),linear-gradient(0deg,rgba(6,22,18,.29),transparent 40%)}
.entrance-copy{color:#f4ead8}.entrance-copy h1 em{color:#e4bd7d}.entrance-copy>small{color:#d1dfd1}
.exhibition[data-scene="0"] .gallery-brand{color:#f4ead8;text-shadow:0 1px 8px #0c1a17}.exhibition[data-scene="0"] .gallery-brand small{color:#d4dcc9}.exhibition[data-scene="0"] .brand-seal{color:#e2c18b;border-color:#d2b474}.exhibition[data-scene="0"] .scene-rail{color:#f4ead8;text-shadow:0 1px 5px #162118}.exhibition[data-scene="0"] .rail-dots button{border-color:#f7e8c4}
@media(max-height:600px) and (min-width:761px){.exhibition{min-height:0}.gallery-header{padding-top:9px;padding-bottom:9px}.entrance-copy,.foyer-copy{padding-top:90px;padding-bottom:45px}.hall-composition{padding-top:90px;padding-bottom:55px}.gallery-controls,.gallery-tools{bottom:9px}.gallery-map{bottom:58px}}
@media(prefers-reduced-motion:reduce){.gallery-scene,.gallery-scene::before{animation:none}.exhibit,.film-station{transition:none}}