@font-face{font-family:MuseumBrush;src:url('../../assets/fonts/MaShanZheng-Regular.ttf')}*{box-sizing:border-box}body{margin:0;background:#181917;color:#ecdfc6;font:20px/1.6 'PingFang SC','Microsoft Yahei',sans-serif;overflow:hidden}a,button,input,label{font:inherit}a{color:inherit;text-decoration:none}button,.import{cursor:pointer}button{border:1px solid #b6996650;background:transparent;color:inherit}button:hover,.import:hover{background:#b2945225}button:focus-visible,a:focus-visible,input:focus-visible,.import:focus-within{outline:3px solid #e9c77d;outline-offset:3px}button:disabled{opacity:.35;cursor:not-allowed}[hidden]{display:none!important}#stage{width:1920px;height:1080px;position:absolute;transform-origin:0 0;background:radial-gradient(ellipse at 68% 0,#64403930,transparent 65%),linear-gradient(112deg,#272821,#22211e 62%,#322824);border:9px double #9a815850;overflow:hidden}#stage:before{content:'';position:absolute;inset:0;pointer-events:none;opacity:.11;background:repeating-linear-gradient(113deg,transparent 0 5px,#baa787 6px,transparent 7px 15px)}header{height:100px;margin:0 56px;display:flex;align-items:center;border-bottom:1px solid #c9aa6350;gap:28px}.brand{font-size:22px;letter-spacing:4px}.brand small{display:block;font:10px/1.5 sans-serif;letter-spacing:3px;color:#9c977f}.division{border-left:1px solid #9a8158;padding-left:28px;font-size:16px;color:#a69c88}.back{margin-left:auto;border:1px solid #ab906955;padding:8px 17px;font-size:15px}.intro{position:absolute;left:56px;right:56px;top:130px;display:flex;align-items:center;justify-content:space-between}.eyebrow{font-size:13px;letter-spacing:4px;color:#bea470}h1{font:72px/1.2 MuseumBrush;margin:13px 0 10px;letter-spacing:9px;color:#f0e3c9}.gold-rule{width:70px;height:3px;background:#bca067}.intro div>p{font-size:20px;letter-spacing:3px;color:#bdb09a;margin:14px 0}.overview{width:600px;color:#c1b7a4;font-size:20px;line-height:1.9;border-left:2px solid #8d5848;padding-left:24px}.scene-area{position:absolute;left:56px;top:358px;width:1000px}.section-title{display:flex;justify-content:space-between;align-items:center;height:35px;margin-bottom:14px;letter-spacing:2px}.section-title>span{font-size:19px}.section-title small{font:13px sans-serif;color:#c6aa76}.section-title button{font-size:13px;padding:5px 12px}.projection{width:1000px;height:563px;position:relative;background:#100f0d;overflow:hidden;border:1px solid #927b53;box-shadow:0 22px 55px #0007}.projection video{width:100%;height:100%;object-fit:contain;background:#0b0c0b}.scene-title{position:absolute;left:32px;top:22px;pointer-events:none;text-shadow:0 2px 10px #000;display:flex;flex-direction:column}.scene-title small{font-size:12px;letter-spacing:4px;color:#ddc598}.scene-title strong{font:36px MuseumBrush;letter-spacing:4px;margin-top:8px}.scene-caption{position:absolute;bottom:0;left:0;right:0;display:flex;align-items:end;justify-content:space-between;background:linear-gradient(transparent,#100e0bec);padding:45px 28px 20px;font-size:16px;pointer-events:none}.scene-caption small{font-size:12px;color:#b3a88e}.corner{position:absolute;width:40px;height:40px;pointer-events:none;border-color:#d2ad6b;border-style:solid}.tl{left:10px;top:10px;border-width:2px 0 0 2px}.br{right:10px;bottom:10px;border-width:0 2px 2px 0}.screen-play{position:absolute;left:calc(50% - 35px);top:calc(50% - 35px);width:70px;height:70px;border-radius:50%;background:#302b20b8;border:1px solid #d2b179;backdrop-filter:blur(5px);font-size:22px;color:#e9d5a4}.scene-meta{display:flex;align-items:center;justify-content:space-between;font-size:13px;color:#b6a98d;margin-top:12px}.scene-meta i{display:inline-block;width:6px;height:6px;background:#a9694b;margin-right:8px;border-radius:50%}.scene-meta button{font-size:13px;padding:4px 12px}#screen-clock{font-variant-numeric:tabular-nums}.narrative{display:flex;align-items:center;gap:25px;font-size:16px;color:#d1c4aa;margin-top:9px}.narrative span{font-size:12px;color:#998c73;border:1px solid #9e82554d;padding:3px 10px}.narrative p{margin:0;letter-spacing:3px}.narrative b{color:#826646;font-weight:400}.tablet-area{position:absolute;right:56px;top:405px;width:724px}.tablet{width:100%;aspect-ratio:1.535;border:2px solid #716956;border-radius:25px;background:#171918;padding:17px 20px;position:relative;box-shadow:12px 25px 50px #0008}.camera{position:absolute;top:5px;left:50%;height:5px;width:5px;border-radius:50%;background:#51584e}.tablet-ui{height:100%;border-radius:9px;background:#e9e1ce;color:#3f3b31;overflow:hidden;display:flex;flex-direction:column;font-size:13px}.tablet-head{background:linear-gradient(120deg,#683b32,#442f2a);padding:13px 18px;color:#f0dec2;display:flex;justify-content:space-between;align-items:center}.tablet-head small{font-size:10px;color:#caaf8e;letter-spacing:2px}.tablet-head h2{font-size:19px;font-weight:500;margin:1px 0 0;letter-spacing:2px}.tablet-head>span{font-size:10px;color:#d4b98e}.tablet-body{padding:10px 19px;flex:1;min-height:0}.source-label{display:flex;align-items:center;justify-content:space-between;font-size:12px}.import{color:#7a4533;border-bottom:1px solid #b1986d;padding:2px 0}#sources{display:flex;gap:9px;margin:8px 0 10px}.source{display:flex;flex:1;align-items:center;gap:9px;text-align:left;background:#f5eddc;border:1px solid #beaf91;padding:9px;color:#514939;min-width:0}.source em{font:16px Georgia;color:#98805b}.source span{font-size:12px;white-space:nowrap}.source small{display:block;font-size:10px;opacity:.7;margin-top:3px}.source i{font-size:12px;font-style:normal;margin-left:auto}.source.active{color:#f3e4cb;background:#713e32;border-color:#916b48}.source.active em{color:#e2bf89}.now{display:flex;justify-content:space-between;align-items:center;gap:15px;font-size:12px}.now strong{font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.now>span{font-size:10px;color:#875943;white-space:nowrap}.timeline{display:flex;gap:10px;align-items:center;margin:5px 0 9px}.timeline output{font:10px sans-serif;color:#776954;min-width:80px;text-align:right}input[type=range]{accent-color:#824b39;flex:1;min-width:0;cursor:pointer;height:20px}.transport{display:flex;gap:8px}.transport button{font-size:12px;flex:1;border-color:#b3a181;min-height:36px;background:#f2e9d7}.transport .primary{background:#713e32;color:#f9e9cd;border-color:#713e32}.audio{display:flex;align-items:center;gap:12px;margin-top:8px}.audio button{font-size:10px;min-width:70px;height:28px;border:0}.audio output{font-size:10px;width:30px}.standby{border-top:1px solid #c9bfa7;margin-top:8px;padding-top:9px;display:flex;align-items:center;justify-content:space-between}.standby span{font-size:10px;color:#88765b}.standby button{font-size:11px;padding:5px 10px;background:#e1d4bc;color:#684635;border-color:#bdaa89}.tablet-foot{padding:9px 15px;display:flex;justify-content:space-between;gap:15px;border-top:1px solid #c7bba1;font-size:9px;color:#7f6a50;background:#dfd4bb}.tablet-foot #feedback{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;max-width:290px}.tablet-note{font-size:13px;color:#ae9c7e;text-align:center;margin:20px 0}.curtain{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 10%,#68463a,#181a17 80%);display:flex;flex-direction:column;align-items:center;justify-content:center;color:#d8c19b}.curtain span{letter-spacing:5px;font-size:15px}.curtain h2{font:58px MuseumBrush;letter-spacing:8px;margin:18px}.curtain p{font-size:20px;margin:10px}.curtain small{font-size:15px;color:#9f8c6c}.blackout{background:#000;z-index:5}.blackout span{opacity:.55;font-size:14px}.blackout p{opacity:.4;font-size:12px}footer{position:absolute;bottom:20px;left:56px;right:56px;display:flex;justify-content:space-between;align-items:center;border-top:1px solid #b69b6050;padding-top:12px;font-size:12px;color:#9c8b6d}footer>span{font:20px MuseumBrush;letter-spacing:4px;color:#c2a273}footer p{margin:0}.projection:fullscreen{width:100vw;height:100vh;border:0}.projection:fullscreen .scene-title{font-size:3vw}#stage.tablet-focus .tablet-area{top:90px;left:230px;right:auto;width:1440px}#stage.tablet-focus .tablet-area .tablet{aspect-ratio:1.535}#stage.tablet-focus .tablet-ui{font-size:26px}#stage.tablet-focus .tablet-head{padding:26px 36px}#stage.tablet-focus .tablet-head h2{font-size:38px}#stage.tablet-focus .tablet-head small{font-size:20px}#stage.tablet-focus .tablet-head>span{font-size:20px}#stage.tablet-focus .tablet-body{padding:20px 38px}#stage.tablet-focus .source-label{font-size:24px}#stage.tablet-focus #sources{gap:18px;margin:16px 0 20px}#stage.tablet-focus .source{padding:18px;gap:18px}#stage.tablet-focus .source em{font-size:32px}#stage.tablet-focus .source span{font-size:24px}#stage.tablet-focus .source small{font-size:20px}#stage.tablet-focus .source i{font-size:24px}#stage.tablet-focus .now{font-size:24px}#stage.tablet-focus .now>span{font-size:20px}#stage.tablet-focus .timeline{margin:10px 0 18px}#stage.tablet-focus .timeline output{font-size:20px;min-width:160px}#stage.tablet-focus input[type=range]{height:40px}#stage.tablet-focus .transport button{font-size:24px;min-height:72px}#stage.tablet-focus .audio{margin-top:16px}#stage.tablet-focus .audio button{font-size:20px;min-width:140px;height:56px}#stage.tablet-focus .audio output{font-size:20px;width:60px}#stage.tablet-focus .standby{margin-top:16px;padding-top:18px}#stage.tablet-focus .standby span{font-size:20px}#stage.tablet-focus .standby button{font-size:22px;padding:10px 20px}#stage.tablet-focus .tablet-foot{font-size:18px;padding:18px 30px}#stage.tablet-focus .tablet-foot #feedback{max-width:580px}#stage.tablet-focus .intro,#stage.tablet-focus .scene-area,#stage.tablet-focus footer,#stage.tablet-focus header,#stage.tablet-focus .tablet-note{visibility:hidden}
#stage.tablet-focus .tablet-area{top:50px;left:250px;width:1400px}

.scene-area{top:345px}footer{bottom:10px;padding-top:8px}

#exit-fullscreen{display:none;position:absolute;right:25px;top:25px;padding:10px 18px;font-size:18px;background:#201e18bb;border-color:#c6ab79}.projection:fullscreen #exit-fullscreen{display:block;z-index:8}