@charset "UTF-8";
:root{color-scheme:dark;--ink:#ebe1cd;--dim:#a59d8d;--line:#81715142;--gold:#d5b776;--base:#121a1c;--panel:#172024}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 76% 2%,#31404760,transparent 50%),#11191b;color:var(--ink);font:14px/1.6 'Microsoft YaHei','PingFang SC',sans-serif}button,a,select{-webkit-tap-highlight-color:transparent}button,select{font:inherit}button{cursor:pointer}button:disabled{cursor:wait;opacity:.5}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,select:focus-visible{outline:2px solid var(--gold);outline-offset:4px}.masthead{height:92px;max-width:1480px;padding:0 48px;margin:auto;display:flex;align-items:center;border-bottom:1px solid var(--line);gap:28px}.brand{display:flex;gap:13px;align-items:center;font-family:'STSong','SimSun',serif;font-weight:700;font-size:20px;letter-spacing:1px}.brand small{display:block;font:9px/1.6 Georgia;letter-spacing:3px;color:var(--dim)}.brand-mark{display:grid;place-items:center;width:42px;height:45px;border:1px solid #c5ac79;color:#e6c689;font-size:29px;box-shadow:inset 0 0 0 4px #192323}.local-label{margin-left:auto;color:#b4c8ba;font-size:11px;letter-spacing:1px}.local-label i,.theater-heading i{display:inline-block;width:5px;height:5px;background:#b0c9af;border-radius:50%;margin-right:7px}.back-link{color:#d9c591;font-size:12px}main{max-width:1480px;margin:auto;padding:0 48px}.intro{display:flex;justify-content:space-between;align-items:center;padding:42px 0 38px;gap:20px}.eyebrow{font-size:10px;letter-spacing:2px;color:var(--gold);margin:0 0 12px}h1{font-family:'STSong','SimSun',serif;font-size:clamp(32px,4vw,51px);font-weight:500;line-height:1.25;letter-spacing:2px;margin:0 0 12px}h1 em{font-style:normal;color:var(--gold)}.intro-note{margin:0;color:var(--dim);font-size:12px;letter-spacing:1px}.tour-control{text-align:right}.tour-control button{background:#d9c08b;color:#202a2a;padding:12px 22px;border:1px solid #ead1a0;min-height:45px;font-weight:bold}.tour-control button span{font-size:10px;margin-right:8px}.tour-control>span{display:block;font-size:10px;margin-top:9px;color:var(--dim)}.exhibition{display:grid;grid-template-columns:220px minmax(300px,500px) minmax(230px,1fr);gap:32px;align-items:start;padding-bottom:38px}.catalog-heading{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding-bottom:14px;font-size:13px;letter-spacing:2px}.catalog-heading b{font:18px Georgia;color:var(--gold)}#groups{display:flex;flex-wrap:wrap;gap:4px;padding:13px 0}#groups button{border:0;background:transparent;color:#969e98;padding:5px 7px;font-size:10px;letter-spacing:1px}#groups button[aria-pressed=true]{color:#f2dbac;background:#aa86582b}#demo-list{max-height:626px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#655d48 transparent;padding-right:7px}#demo-list button{width:100%;text-align:left;background:transparent;color:var(--ink);display:flex;align-items:center;gap:10px;border:1px solid transparent;border-bottom-color:#81715121;padding:12px 7px;min-height:65px}#demo-list button:hover{background:#fff4d106}#demo-list button[aria-current=true]{border-color:#c7ac6770;background:linear-gradient(90deg,#ae8e5130,#ad8d5108)}.catalog-number{color:#718078;font:12px Georgia;width:19px}.catalog-icon{width:36px;height:36px;position:relative;overflow:hidden;border:1px solid #aa956a75;background:#28342e}.catalog-icon>i{position:absolute;inset:0;background-image:var(--image);background-size:var(--size);background-position:var(--position)}.catalog-copy{min-width:0}.catalog-copy b{display:block;font-size:12px;font-weight:500}.catalog-copy small{font-size:9px;color:var(--dim)}.mobile-picker{display:none}.theater{min-width:0;background:#101718;border:1px solid #8c7a5657;box-shadow:0 20px 45px #060b0e55}.theater-heading{height:38px;display:flex;align-items:center;justify-content:space-between;padding:0 14px;color:#cfbe98;font-size:10px;letter-spacing:1px}.theater-heading #stage-step{color:#9ba69d;letter-spacing:0}.stage-wrap{position:relative;width:100%;aspect-ratio:500/734;background:#211a10;overflow:hidden;border-block:1px solid var(--line)}iframe{display:block;border:0;width:100%;height:100%;pointer-events:none}#loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px;background:#142024;color:var(--gold)}#loading small{color:var(--dim)}#loading[hidden]{display:none}.loader{width:30px;height:30px;border:1px solid #927d48;border-top-color:#e5cc96;animation:load-spin 1.8s linear infinite;border-radius:50%;margin-bottom:12px}@keyframes load-spin{to{transform:rotate(360deg)}}.playback{display:flex;gap:7px;padding:13px 12px 8px}.playback button{min-height:38px;border:1px solid #89724980;color:#cdb88b;background:#202a28;font-size:10px;padding:8px}.playback .primary{flex:1;background:#d7bb81;color:#202a25;font-weight:700;border-color:#e1c89a}.playback #sound{font-size:10px}.mode-buttons{display:flex;padding:0 12px;gap:14px}.mode-buttons button{font-size:10px;padding:5px 0;color:#bdb19a;background:transparent;border:0;border-bottom:1px solid #8c775570}.stage-caption{font-size:9px;color:#818e86;margin:12px;text-align:center}.detail{padding:7px 0 0;max-width:310px;justify-self:center;width:100%}.detail h2{font:500 28px/1.3 'STSong','SimSun',serif;letter-spacing:1px;margin:0 0 10px}.detail #detail-lead{font-size:12px;color:#ada994;min-height:20px;margin:0 0 22px}#card-display{max-width:270px;margin:0 auto 24px}.detail #detail-note{font-size:12px;line-height:1.9;color:#c4bdac}.result{margin-top:22px;padding:17px 0;border-block:1px solid var(--line)}.result>span{font-size:9px;letter-spacing:2px;color:#b89b63}.result p{font-size:12px;line-height:1.9;color:#cfdbcd;margin:8px 0 0;white-space:pre-line}footer{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding:23px 0 35px;gap:15px;color:#79847e;font-size:10px}footer>span:first-child{font-family:Georgia;letter-spacing:2px}footer p{margin:0}.story-card{position:relative;aspect-ratio:3/4;background:url(../assets/story-frame-v15.webp) center/100% 100%;color:#36230f;isolation:isolate;filter:drop-shadow(0 8px 9px #0005)}.story-card.golden{background-image:url(../assets/story-frame-gold-v15-7.webp)}.story-card .art{position:absolute;inset:3.5% 4.8% 49.5%;overflow:hidden}.story-card .art::before{content:'';position:absolute;inset:0 auto auto 0;width:100%;aspect-ratio:1;background-image:var(--story-image);background-size:var(--story-size);background-position:var(--story-x) var(--story-y);background-repeat:no-repeat}.story-card h3{position:absolute;top:51.6%;left:8%;right:8%;height:10%;margin:0;display:flex;align-items:center;justify-content:center;font-size:21px;line-height:1.2;white-space:nowrap}.story-kind{position:absolute;top:62%;height:5.5%;left:17%;right:17%;display:flex;align-items:center;justify-content:center;color:#f0dbb5;font-size:11px;white-space:nowrap}.story-desc{position:absolute;left:9%;right:9%;top:69%;bottom:5%;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;font-size:12px;line-height:1.6;font-weight:600;margin:0}.story-desc strong{font-size:.9em;color:#6a441e;margin-bottom:5px}.story-cost{position:absolute;top:3%;left:3%;display:grid;place-items:center;width:29px;height:33px;background:#2c5a51;color:#fff0c4;border:2px solid #dbb678;border-radius:5px;font:bold 24px Georgia;z-index:5}.charge-badge-v16{position:absolute;right:6%;top:4%;padding:3px 7px;background:#1e6255;color:#fff7c8;border:1px solid #c9dbb2;font-size:10px;z-index:8}
@media(min-width:1450px){.exhibition{grid-template-columns:250px minmax(300px,510px) 1fr;gap:48px}.detail{max-width:330px}#card-display{max-width:290px}}
@media(max-width:1120px){main{padding:0 24px}.masthead{padding:0 24px}.exhibition{grid-template-columns:180px minmax(290px,440px) minmax(210px,1fr);gap:20px}.story-card h3{font-size:18px}.story-desc{font-size:11px}.story-kind{font-size:9px}.catalog-copy b{font-size:11px}.catalog-icon{display:none}}
@media(max-width:890px){.intro{padding:28px 0}.exhibition{grid-template-columns:minmax(300px,1fr) 250px}.catalog{grid-column:1/-1}.catalog-heading,#demo-list{display:none}#groups{padding:0 0 12px}.mobile-picker{display:flex;align-items:center;gap:14px}.mobile-picker label{font-size:11px;color:var(--dim)}.mobile-picker select{background:#1a2526;color:var(--ink);border:1px solid #8775508a;min-height:43px;flex:1;padding:6px 10px}.theater{grid-column:1}.detail{grid-column:2}.tour-control button{font-size:11px;padding:10px 12px}.intro-note{font-size:11px}footer{flex-wrap:wrap}}
@media(max-width:620px){main{padding:0 14px}.masthead{height:73px;padding:0 16px;gap:14px}.brand{font-size:15px;gap:9px}.brand-mark{width:34px;height:37px;font-size:24px}.brand small{font-size:7px;letter-spacing:2px}.local-label{font-size:9px}.back-link{display:none}.intro{display:block;padding:27px 0 24px}h1{font-size:33px}.intro-note{font-size:10px}.tour-control{margin-top:19px;display:flex;align-items:center;gap:12px;text-align:left}.tour-control>span{font-size:9px;margin:0;max-width:100px}.exhibition{display:flex;flex-direction:column;gap:20px}.catalog,.theater{width:100%}.stage-wrap{aspect-ratio:393/646}.detail{max-width:none;padding-top:12px;display:grid;grid-template-columns:42% 1fr;gap:0 20px}.detail .eyebrow,.detail h2,.detail #detail-lead{grid-column:1/-1}.detail h2{font-size:27px}#card-display{grid-column:1;grid-row:4/7;width:100%;margin:0}.detail #detail-note{grid-column:2;margin:0;font-size:11px}.result{grid-column:2;margin:13px 0 0;padding:11px 0;align-self:start}.result p{font-size:10px}.story-card h3{font-size:12px}.story-kind{font-size:7px}.story-desc{font-size:8px;line-height:1.45}.story-cost{width:22px;height:25px;font-size:18px}.charge-badge-v16{font-size:8px;padding:1px 3px}.playback button{font-size:10px}.detail #detail-lead{margin-bottom:17px}footer>span:last-child{display:none}.eyebrow{font-size:9px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;scroll-behavior:auto!important}}