@font-face{font-family:MuseumBrush;src:url('../../assets/fonts/MaShanZheng-Regular.ttf')}*{box-sizing:border-box}body{margin:0;overflow:hidden;background:#183a30;color:#264d3d;font:22px/1.6 'PingFang SC',sans-serif}button,input,a{font:inherit}button,a,.import{cursor:pointer}button{border:1px solid #aca580;background:#ede8d5;color:#284c3c;min-height:40px}button:hover{background:#d9d4ba}button:focus-visible,input:focus-visible,a:focus-visible,.import:focus-within{outline:3px solid #c39240;outline-offset:3px}button:disabled{opacity:.4;cursor:default}[hidden]{display:none!important}#stage{width:1920px;height:1080px;position:absolute;transform-origin:0 0;border:12px double #aa9968;background:linear-gradient(90deg,#ece7d5ed,#e5e9d8eb),url('../../assets/backgrounds/1-10.png') center/cover}header{position:absolute;top:30px;left:52px;right:52px;display:flex;align-items:center;gap:38px;height:100px;border-bottom:1px solid #a9a785}.brand{font-size:23px;letter-spacing:3px}.brand small{display:block;font:10px/2 sans-serif;color:#7e8069;letter-spacing:3px}h1{font:64px MuseumBrush;margin:0 0 0 15px;letter-spacing:9px}header p{font:23px MuseumBrush;color:#857344;letter-spacing:4px}header a{margin-left:auto;color:inherit;text-decoration:none;font-size:17px;border:1px solid #ada17a;padding:10px 20px}.intro{position:absolute;top:164px;left:52px}.intro>span{font-size:13px;letter-spacing:3px;color:#9a8351}.intro h2{font:35px MuseumBrush;margin:9px 0}.intro p{font-size:19px;color:#64745d;margin:0}.display-area{position:absolute;left:52px;top:316px;width:1100px}.area-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.area-heading>span{font-size:22px;letter-spacing:3px}.area-heading small{font-size:14px;color:#8b8061}.screen{position:relative;width:1100px;height:619px;border:9px solid #20342c;outline:2px solid #a89868;background:#0b1713;box-shadow:0 20px 35px #233b3535;overflow:hidden}.screen video{width:100%;height:100%;object-fit:contain;background:#09100d}.screen-caption{position:absolute;left:0;right:0;bottom:0;padding:20px 23px 12px;color:#efdfb5;background:linear-gradient(transparent,#092319c9);display:flex;justify-content:space-between;align-items:center;pointer-events:none;font-size:16px}.screen-caption small{font-size:12px;color:#d0c7a9}.screen-base{height:8px;background:linear-gradient(90deg,#958966,#d2c094,#958966);width:98%;margin:auto}.screen-footer{display:flex;justify-content:space-between;margin-top:12px;font-size:14px;color:#6d7964}.screen-footer p{margin:0;font-variant-numeric:tabular-nums}.tablet-area{position:absolute;right:52px;top:393px;width:662px}.tablet{width:662px;aspect-ratio:1.535;position:relative;background:#202b27;border-radius:25px;padding:16px 19px;box-shadow:8px 17px 25px #253a352a;border:2px solid #686f60}.camera{position:absolute;width:5px;height:5px;border-radius:50%;background:#668076;top:5px;left:50%}.tablet-ui{height:100%;overflow:hidden;background:#e4e4d3;color:#294c3e;font:14px/1.4 'PingFang SC';display:flex;flex-direction:column;border-radius:11px}.tablet-header{padding:13px 18px;background:#224c40;color:#f1e6c6;display:flex;justify-content:space-between;align-items:center;font-size:18px}.tablet-header b{font-weight:400;color:#8caa8e;margin:0 10px}.tablet-header small{font-size:10px;color:#bdd3b2}.tablet-content{display:flex;flex:1;min-height:0}.tablet-content aside{width:102px;flex:none;border-right:1px solid #c0c6aa;padding:17px 9px;background:#d6dfc9}.tablet-content aside>small{font-size:11px;letter-spacing:3px;color:#899276;padding-left:8px}.room{display:block;width:100%;text-align:left;padding:12px 8px;margin-top:11px;font-size:17px;border:0}.room.selected{background:#315d4c;color:#f1e3bb}.room em{display:block;font:10px/1.5 sans-serif;color:#c0cead;margin-top:8px}.tablet-content aside p{font-size:11px;line-height:1.8;color:#7f8d72;margin-top:28px}.controls{flex:1;min-width:0;padding:13px 16px}.source-title{display:flex;align-items:center;justify-content:space-between}.source-title h3{font-size:16px;font-weight:500;margin:0}.import{font-size:11px;color:#7c704d;border-bottom:1px solid #aaa079;padding:5px}#sources{display:flex;gap:6px;margin:9px 0 14px}.source{position:relative;flex:1;min-width:0;text-align:left;border:1px solid #b1b897;padding:8px 9px;min-height:58px;font-size:12px;background:#f0eddc;line-height:1.5}.source small{display:block;font-size:10px;color:#8d947b}.source.active{background:#315e4d;color:#f4e7c7;border-color:#ad9460}.source.active small{color:#c1cfab}.now{display:flex;justify-content:space-between;font-size:13px;gap:6px}.now>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.now small{font-size:10px;color:#819475;white-space:nowrap}.timeline{display:flex;align-items:center;gap:8px;margin:9px 0 13px}input[type=range]{accent-color:#365e46;min-width:0;cursor:pointer;height:18px;flex:1}.timeline span{font:11px sans-serif;white-space:nowrap;color:#78836d}.transport{display:flex;gap:7px}.transport button{flex:1;font-size:12px;min-height:37px;padding:5px}.transport .primary{background:#315e4b;color:#f2e5bf;border-color:#315e4b}.volume{display:flex;align-items:center;gap:9px;margin-top:12px}.volume button{font-size:11px;border:0;background:transparent;min-height:30px;padding:0;min-width:56px}.volume output{font-size:11px;width:31px}.tablet-footer{display:flex;justify-content:space-between;font-size:10px;border-top:1px solid #b9c2a1;color:#7b896e;padding:8px 14px}.tablet-note{font-size:15px;line-height:1.9;color:#718168;margin:20px 8px}.tablet-area .area-heading>span{font-size:20px}footer{position:absolute;bottom:17px;left:52px;right:52px;display:flex;justify-content:space-between;align-items:center;font-size:14px;border-top:1px solid #b8b292;padding-top:13px;color:#5c745c}footer span{color:#7c856f;margin-left:14px;font-size:13px}footer small{font-size:11px}#screen-message{position:absolute;inset:0;display:grid;place-content:center;text-align:center;color:#d5c797;background:#122f27e8;font-size:19px}#screen-message h3{font:40px MuseumBrush;margin:0 0 15px}

.display-area{top:289px;width:1080px}.screen{width:1080px;height:607px}

/* Mapping：较大的平板控制区，独立设备操作带。 */
h1{font-size:58px;letter-spacing:5px}header p{font:21px 'PingFang SC';letter-spacing:2px}.intro{top:156px}.display-area{top:300px;width:900px}.screen{width:900px;height:562px;border-width:8px;background:#091b19}.tablet-area{right:52px;top:306px;width:820px}.tablet{width:820px;aspect-ratio:1.535;padding:16px 19px}.tablet-content aside{width:112px}.controls{padding:12px 18px}.source{min-height:47px}.source small{font-size:11px}#sources{margin:7px 0 9px}.tablet-header{font-size:18px}.tablet-content aside p{margin-top:25px}.transport button{min-height:35px}.volume{margin-top:6px}.timeline{margin:7px 0}.device-panel{margin-top:9px;border-top:1px solid #a6b392;padding-top:8px}.device-heading{display:flex;justify-content:space-between;align-items:center}.device-heading h3{font-size:14px;margin:0}.device-heading small{font-size:10px;color:#768768}.device-line{display:flex;align-items:center;gap:8px;margin-top:6px}.device-line>span{flex:1;font-size:13px}.device-line em{font:11px 'PingFang SC';color:#547658;margin-left:10px}.device-line button{font-size:12px;min-height:30px;padding:3px 16px}.power-actions{display:flex;gap:8px;align-items:center;margin-top:8px}.power-actions button{font-size:12px;min-height:32px;padding:3px 14px;background:#345d4b;color:#f2e6c5}.power-actions span{font-size:10px;color:#768568}.tablet-note{font-size:14px;margin:16px 8px}.screen-caption{font-size:14px}.screen-caption small{font-size:11px}#power-curtain{position:absolute;inset:0;display:grid;align-content:center;justify-items:center;background:#102620;color:#e4d7af;z-index:2}#power-curtain strong{font:48px MuseumBrush}#power-curtain span{font-size:18px;margin-top:18px}dialog{border:2px solid #af9966;background:#e9e5d2;color:#294c3d;padding:32px;width:min(560px,90vw);box-shadow:0 15px 80px #0006}dialog::backdrop{background:#10251ecc}dialog h2{font:32px MuseumBrush;margin-top:0}dialog p{font-size:17px;line-height:1.9}dialog>div{display:flex;justify-content:flex-end;gap:15px}dialog button{padding:8px 24px;font-size:17px}#confirm-power{background:#315c49;color:#f2e7c5}

/* 矿冶主题：铜金墙面投影与四台硬件控制。 */
#stage{background:linear-gradient(110deg,#e8e0cdea,#e4e4d3f0),url('../../assets/backgrounds/1-10.png') center/cover}header p{color:#927044}.screen{border:21px solid #b6ab8e;outline:1px solid #8b805e;box-shadow:inset 0 0 18px #413b28,0 16px 28px #30433430;background:#cec5a9}.screen video{background:#262e23;box-shadow:0 0 14px #cfbd8255}.screen-base{background:linear-gradient(90deg,#a39678,#c8bb98,#9c8c6b)}.tablet-area{top:306px}.tablet{aspect-ratio:1.535}.device-line{margin-top:4px}.device-line button{min-height:25px;padding:2px 14px}.device-panel{margin-top:5px;padding-top:5px}.power-actions{margin-top:6px}.controls{padding:10px 16px}.tablet-note{margin-top:12px}.source{min-height:41px}#sources{margin:5px 0 8px}.timeline{margin:5px 0}.volume{margin-top:3px}.transport button{min-height:31px}.tablet-footer{padding:6px 14px}