#room #chest{top:28%!important;left:76%!important}#room .stage-bottom{pointer-events:none}#room .stage-bottom button{pointer-events:auto}
.steps button{border:0;padding:5px 0;font-size:14px;white-space:nowrap;color:var(--muted)}.steps button.active{color:var(--gold)}.story-nav{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:10px 4.5%;border-bottom:1px solid var(--line);background:#182420;min-height:76px}.story-nav button{padding:7px 18px;white-space:nowrap;font-size:14px}.story-nav>span{text-align:center;font-family:serif;color:var(--gold)}.story-nav small{display:block;color:var(--muted);font:12px/1.6 system-ui}.story-nav~.stage{height:calc(100svh - 164px)}.story-nav~.intro{min-height:calc(100svh - 164px)}@media(max-width:800px){.steps button{font-size:12px}.story-nav{gap:8px;padding:9px 15px}.story-nav button{padding:7px 10px}.story-nav small{max-width:130px}.story-nav~.stage{height:calc(100svh - 206px)}}
:root{color-scheme:dark;--ink:#111b1a;--gold:#dfbd83;--cream:#f2eadb;--muted:#b3b8ae;--line:#ffffff25}*{box-sizing:border-box}body{margin:0;background:var(--ink);color:var(--cream);font:16px/1.7 system-ui,'Microsoft YaHei',sans-serif}button,a,input{font:inherit}button{cursor:pointer;color:inherit}button:disabled{cursor:not-allowed;opacity:.42}button:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--gold);outline-offset:5px}button{border:1px solid var(--line);background:transparent;padding:12px 24px;border-radius:3px}button:hover:not(:disabled){border-color:var(--gold);background:#dfbd8310}a{color:var(--gold)}h1,h2,h3,.serif{font-family:'Noto Serif SC','Songti SC',SimSun,serif;font-weight:400}header{height:88px;padding:0 4.5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:20px}.brand{display:flex;align-items:center;gap:14px;letter-spacing:3px;font-size:20px}.seal{border:1px solid var(--gold);color:var(--gold);padding:0 7px;font:24px/1.5 serif}.edition{font-size:12px;letter-spacing:3px;color:var(--muted)}.steps{display:flex;gap:32px;font-size:14px;color:#9ca59c}.steps span.active{color:var(--gold)}.steps b{font-size:12px;margin-right:8px;font-weight:400;opacity:.5}.shell{min-height:calc(100svh - 88px);position:relative}.intro{display:grid;grid-template-columns:46% 54%;min-height:calc(100svh - 88px)}.intro-copy{padding:9vh 9vw 5vh 4.5vw;position:relative;z-index:1}.eyebrow{color:var(--gold);font-size:12px;letter-spacing:4px;display:flex;align-items:center;gap:16px}.eyebrow:before{content:'';height:1px;width:32px;background:var(--gold)}h1{font-size:clamp(40px,4.1vw,64px);letter-spacing:.12em;line-height:1.4;margin:30px 0 24px}h1 small{font-size:16px;letter-spacing:8px;display:block;color:var(--gold);margin-bottom:16px}.intro-copy p{color:var(--muted);max-width:390px;font-size:16px;line-height:2}.primary{background:var(--gold);border-color:var(--gold);color:#19211b;padding:14px 30px}.primary:hover:not(:disabled){background:#e9cd9e;color:#19211b}.actions{display:flex;align-items:center;flex-wrap:wrap;gap:16px;margin:32px 0 20px}.text-btn{border:0;padding:10px 0;color:var(--muted)}.hint{font-size:13px;color:var(--muted)}.photo-scene{position:relative;min-height:610px;overflow:hidden;background:#19201c}.photo-scene img{width:100%;height:100%;position:absolute;object-fit:cover;object-position:center 48%;filter:brightness(.68) saturate(.55)}.photo-scene:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#111b1a 0%,transparent 28%),linear-gradient(0deg,#111b1aaa,transparent 40%);pointer-events:none}.vertical{position:absolute;right:35px;top:42px;writing-mode:vertical-rl;letter-spacing:8px;color:white;z-index:2;font:18px/2 serif}.photo-caption{position:absolute;bottom:40px;left:70px;z-index:2}.photo-caption strong{font:28px serif}.photo-caption p{font-size:13px;color:#dad7cb;letter-spacing:3px}.intro-bottom{border-top:1px solid var(--line);margin-top:50px;padding-top:22px;display:flex;gap:38px}.intro-bottom strong{font:24px serif;color:var(--gold)}.intro-bottom span{font-size:12px;color:var(--muted);display:block}.footnote{padding:15px 4.5%;font-size:12px;color:#a6aea5;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.stage{height:calc(100svh - 88px);min-height:600px;position:relative;overflow:hidden;background:#151914}.stage-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 52%;filter:brightness(.75) saturate(.65)}.stage-bg.moving{animation:breathe 15s ease-in-out infinite alternate}.shade{position:absolute;inset:0;background:linear-gradient(0deg,#111b1af0,transparent 45%,#111b1a90);pointer-events:none}.stage-top{position:absolute;left:4.5%;right:4.5%;top:30px;display:flex;align-items:flex-start;justify-content:space-between;gap:20px;z-index:5}.stage-top h2{font-size:32px;margin:0}.stage-top p{margin:5px 0;color:#ddd7ca}.stage-bottom{position:absolute;bottom:36px;left:4.5%;right:4.5%;z-index:5;display:flex;align-items:end;justify-content:space-between;gap:20px}.panel{background:#14201de8;border:1px solid var(--line);padding:26px;backdrop-filter:blur(18px);max-width:430px}.panel h3{font-size:26px;margin:0 0 10px}.panel p{color:var(--muted);margin:8px 0}.darkness{position:absolute;inset:0;background:radial-gradient(circle 155px at var(--x,50%) var(--y,50%),transparent 15%,#080c0ae0 70%,#050806fa 100%);touch-action:none;z-index:3}.light-button{position:absolute;z-index:6;top:48%;left:50%;transform:translate(-50%,-50%)}.hotspot{position:absolute;z-index:4;border:1px dashed #f2d496;background:#15241cd9;box-shadow:0 0 0 8px #dfbd8310;border-radius:50%;width:85px;height:85px;padding:5px;text-shadow:0 2px 5px black}.hotspot:hover{box-shadow:0 0 30px #dcb16d88}.inventory{display:flex;gap:10px}.inventory span{display:flex;align-items:center;justify-content:center;width:66px;height:66px;border:1px solid var(--line);font-size:13px;background:#15231edb;color:#98a499}.inventory .found{border-color:var(--gold);color:var(--gold)}dialog{background:#17221f;color:var(--cream);border:1px solid #7b735e;border-radius:4px;padding:34px;width:min(540px,90vw);max-height:85svh}dialog::backdrop{background:#000b;backdrop-filter:blur(5px)}dialog h2{font-size:30px;margin:0 0 18px}dialog p{color:#bdc5b9}dialog .close{position:absolute;right:12px;top:10px;border:0;padding:2px 10px}.toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);padding:12px 25px;border:1px solid var(--gold);background:#14251e;z-index:99}.room-image{position:absolute;inset:-15%;width:130%;height:130%;object-fit:cover;max-width:none;transform:translateX(var(--pan,0px)) scale(1.45);filter:brightness(.65);pointer-events:none}.pan-area{position:absolute;inset:0;touch-action:none;cursor:grab}.chest{border-color:var(--gold);color:var(--gold);animation:glow 2s infinite alternate}.content{max-width:1120px;margin:auto;padding:50px 30px}.content h2{font-size:40px;margin:10px 0 20px}.work-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:55px;margin-top:25px}.brick-view{min-height:350px;background:#091310;border:1px solid var(--line);position:relative;overflow:hidden}.brick-view img{width:100%;height:350px;object-fit:cover;object-position:50% 70%;filter:sepia(.65);transition:filter 1s,transform 1s}.brick-view[data-phase="0"] img{filter:blur(7px) sepia(1);transform:scale(1.2)}.brick-view[data-phase="1"] img{filter:blur(3px) sepia(1)}.brick-view[data-phase="2"] img{filter:sepia(.8)}.brick-view[data-phase="3"] img{filter:sepia(1) saturate(2)}.tools{display:grid;grid-template-columns:1fr 1fr;gap:12px}.tools .selected{border-color:var(--gold);color:var(--gold)}progress{width:100%;height:6px;accent-color:var(--gold)}.gesture-pad{margin-top:22px;min-height:115px;border:1px dashed var(--gold);padding:24px;text-align:center;touch-action:none;user-select:none}.quiz{max-width:800px;margin:auto;padding:48px 25px}.quiz h2{font-size:32px;margin:32px 0}.answers{display:grid;gap:12px}.answers button{text-align:left;padding:18px 22px}.answers button.correct{border-color:#a2c59a;background:#476e3430}.answers button.wrong{border-color:#d38b75;background:#8a322d20}.answer-feedback{margin-top:20px;border-left:2px solid var(--gold);padding-left:20px}.reward{text-align:center;max-width:760px;margin:auto;padding:60px 25px}.badge{width:160px;height:160px;border:1px solid var(--gold);border-radius:50%;display:grid;place-content:center;margin:30px auto;color:var(--gold);box-shadow:0 0 0 9px #dfbd8310;font:27px/1.6 serif}.reward h2{font-size:40px}.camera-preview{position:fixed;right:18px;bottom:18px;width:140px;border:1px solid var(--gold);transform:scaleX(-1);z-index:20}.film{position:absolute;inset:0;display:grid;place-content:center;text-align:center;background:#0006;z-index:4}.film h2{font-size:48px;letter-spacing:10px}.film p{font-family:serif;font-size:22px}.film-controls{position:absolute;bottom:28px;left:25%;right:25%;z-index:8}.camera-dot{position:fixed;pointer-events:none;z-index:100;width:18px;height:18px;border-radius:50%;background:var(--gold);box-shadow:0 0 25px var(--gold)}@keyframes breathe{to{transform:scale(1.09)}}@keyframes glow{to{box-shadow:0 0 30px #dfbd8370}}@media(prefers-reduced-motion:reduce){*{animation:none!important;scroll-behavior:auto!important}}@media(max-width:800px){header{height:auto;min-height:80px;padding:18px 22px;flex-wrap:wrap}.brand{font-size:18px}.edition{display:none}.steps{gap:16px;overflow:auto;width:100%;font-size:12px}.steps span{white-space:nowrap}.intro{display:flex;flex-direction:column-reverse}.photo-scene{min-height:38svh}.intro-copy{padding:30px 25px}.photo-scene:after{background:linear-gradient(0deg,#111b1a,transparent 60%)}h1{font-size:45px;line-height:1.3;margin:20px 0}.intro-bottom{margin-top:25px}.photo-caption{left:25px;bottom:20px}.vertical{font-size:14px}.stage{height:calc(100svh - 130px);min-height:650px}.stage-top{top:20px}.stage-top h2{font-size:25px}.stage-top p{font-size:14px}.stage-top button{padding:8px 12px;font-size:13px}.stage-bottom{flex-wrap:wrap;bottom:25px}.panel{padding:18px;width:100%;max-width:none}.panel h3{font-size:23px}.panel p{font-size:14px}.hotspot{width:65px;height:65px;font-size:13px}.inventory span{width:55px;height:48px}.work-grid{grid-template-columns:1fr;gap:24px}.content{padding:30px 22px}.content h2{font-size:32px}.brick-view,.brick-view img{min-height:220px;height:220px}.film h2{font-size:32px}.film-controls{left:8%;right:8%}.footnote{font-size:12px}.quiz h2{font-size:25px}}