:root{color-scheme:dark;font-family:'Microsoft YaHei',sans-serif;color:#d6eaf2;background:#10283c}*{box-sizing:border-box}body{margin:0;overflow:hidden}button,select,input{font:inherit;color:inherit}button{background:#103d55;border:0;cursor:pointer;padding:0 10px;font-size:12px}button:hover,button[aria-pressed=true]{background:#0878a8;color:white}button:focus-visible,select:focus-visible{outline:2px solid #65d0e4}button:disabled{opacity:.45;cursor:default}[hidden]{display:none!important}#board{position:absolute;width:2048px;height:625px;transform-origin:top left;background:#082638;overflow:hidden}.box{position:absolute}.panel{background:#0b3045}.ui{z-index:3}.text{font-size:12px}.muted{color:#91b8c8}.cyan{color:#65d0e4}.company{font-size:20px;padding:7px 11px}.title{font-size:18px;text-align:center;line-height:43px}.title:before,.title:after{content:'';position:absolute;top:21px;height:1px;width:208px;background:#216078}.title:before{left:22px}.title:after{right:22px}.title span{display:inline-block;border-bottom:2px solid #32b8d4;height:43px}.select-head{font-size:11px;text-align:center;background:transparent;width:100%;height:100%}#selectorMenu{position:absolute;left:28px;top:85px;width:430px;z-index:8;background:#0b3045;padding:5px 6px}#selectorMenu button{display:block;width:100%;height:29px;font-size:12px;background:transparent}#selectorMenu button:hover,#selectorMenu button[aria-pressed=true]{background:#0878a8}video{width:100%;height:100%;object-fit:contain;background:#052033}#inlineVideo{cursor:pointer}#inlinePlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:50px;height:50px;border-radius:50%;font-size:23px;background:#062b40ca}#inlineFull{position:absolute;bottom:5px;right:5px;width:30px;height:28px;background:#07354ca0;font-size:22px}#inlineEmpty{position:absolute;inset:0;display:grid;place-items:center;font-size:14px;background:#0b3045}.task-grid{display:grid;grid-template-columns:160px 1fr;gap:9px 1px;padding:13px 11px;font-size:11px}.task-grid .task-title{grid-column:1/-1}.task-grid strong{font-size:15px;font-weight:400}.camera-card{padding:0;background:#082437;position:relative;text-align:left;overflow:hidden}.camera-card img{width:100%;height:calc(100% - 19px);object-fit:cover;opacity:.78}.camera-card footer{position:absolute;bottom:0;left:0;right:0;background:#16465d;height:19px;font-size:9px;padding:2px 6px}.camera-card footer em{float:right;color:#32e6c0;font-size:8px;font-style:normal}#webgl{position:absolute;inset:0;width:2048px;height:625px;z-index:1;pointer-events:none}.viewport{position:absolute;z-index:2;touch-action:none;cursor:grab}.viewport:active{cursor:grabbing}#sceneMarkers{position:absolute;inset:0;z-index:3;pointer-events:none}#sceneMarkers button{pointer-events:auto;position:absolute;transform:translate(-50%,-50%);min-width:40px;height:20px;padding:0 6px;font-size:11px;background:#07506dc9;border:1px solid #4c8b9d}#sceneMarkers button.selected{background:#168ab5;border-color:#69dbea}#tourEntry{border:2px solid #0878aa;box-shadow:inset 0 0 0 3px #063752;background:#07506d;font-size:12px}#tourEntry b{float:left;font-size:18px}#tourMenu{background:#062b40;padding:10px;z-index:8}#tourMenu strong{font-size:10px;display:block;margin-bottom:8px}#tourMenu button{width:100%;height:23px;font-size:11px;margin-bottom:5px}.kpi{background:#103d55;border-left:2px solid #32b8d4;padding:12px 15px}.kpi label{font-size:13px}.kpi strong{display:block;text-align:right;color:#65d0e4;font-size:25px;font-weight:400;line-height:34px;margin-top:0}#moreMenu{background:#0b3045;padding:8px;z-index:8}#moreMenu button{display:block;width:100%;height:32px;margin-bottom:6px;text-align:left;font-size:12px}.section-title{color:#61d9ff;font-size:15px}.fullscreen-view{position:absolute;right:12px;bottom:48px;width:36px;height:36px;font-size:25px;background:transparent}.control-footer{position:absolute;bottom:12px;left:14px;right:14px;display:flex;align-items:center;gap:14px;height:28px;font-size:12px}.control-footer button{height:26px;min-width:72px}.control-footer input{flex:1;min-width:0;accent-color:#65d0e4;height:12px}.control-footer small{white-space:nowrap}.station-panel{background:#092c3d}.station-panel h2{position:absolute;left:14px;top:8px;margin:0;font-size:15px;font-weight:400;color:#61d9ff}.station-panel .viewport{left:10px;top:37px;width:calc(100% - 20px);height:calc(100% - 82px)}#detailTitle{font-size:20px}#variant{font-size:11px;background:#103d55;border:1px solid #216078;height:26px}#loadMessage{display:grid;place-content:center;text-align:center;background:#062b40e8;gap:10px;z-index:5;font-size:16px}#loadMessage small{font-size:11px;color:#91b8c8}#loadMessage button{height:27px}#modalShade{z-index:10;background:#000b}#modal{z-index:12;background:#075273}#modal header{background:#078cc5;height:33px;padding:7px 14px;font-size:12px;font-weight:bold}#modalClose{position:absolute;right:9px;top:5px;width:24px;height:22px;padding:0;background:#07506d}#modalContent{position:absolute;inset:40px 14px 12px;overflow:auto}#board.modal-model #webgl{z-index:11}.metric-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;height:69px}.metric-cards article{background:#075b7b;text-align:center;padding-top:9px}.metric-cards b{font-size:18px;font-weight:400;display:block;color:white}.metric-cards label{font-size:8px}.data-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:7px}.data-card{background:#074765;padding:6px 13px;font-size:8px}.data-card h3{font-size:10px;font-weight:400;margin:0 0 10px}.data-card p{display:flex;justify-content:space-between;margin:5px 0}.data-card em{font-style:normal;color:#16d0a5}.data-card .warn{color:#f4b740}.bar{display:inline-block;width:155px;height:8px;background:#0a3146}.bar i{display:block;height:100%;background:#23b3e9}.chart{height:110px;display:flex;align-items:flex-end;justify-content:space-around;border-bottom:1px solid #508299;background:repeating-linear-gradient(to top,transparent 0,transparent 31px,#5794a31c 32px)}.chart i{width:20px;background:#23b3e9}.chart i:nth-child(2n){background:#f4b740}.popup-video{position:absolute;inset:0 0 42px}.media-toolbar{position:absolute;bottom:0;left:0;right:0;height:36px;display:flex;align-items:center;gap:12px}.media-toolbar button{height:30px;min-width:70px}.media-toolbar span{margin-right:auto;font-size:11px}.notice{color:#91b8c8;font-size:12px;line-height:1.8}.tour-label{background:#07354c;font-size:13px;padding:4px 12px}.tour-bar{background:#07354c;display:flex;gap:10px;align-items:center;padding:7px 10px;font-size:11px}.tour-bar button{height:26px;min-width:90px}.tour-bar span{margin-left:5px;font-size:11px}#portraitNotice{display:none}#toast{position:absolute;left:790px;bottom:12px;padding:8px 22px;background:#075273;border:1px solid #32b8d4;font-size:12px;z-index:20}@media(orientation:portrait){#board{display:none}#portraitNotice{display:flex;position:fixed;inset:0;align-items:center;justify-content:center;text-align:center;padding:40px;font-size:22px;line-height:1.7}}#board.expanded .overview-only,#board.expanded #header,#board.expanded #leftRail,#board.expanded #rightRail{visibility:hidden}#board.expanded #mainView{left:528px!important;top:82px!important;width:992px!important;height:558px!important}
#board.expanded{height:640px;overflow:visible}#board.expanded #sceneHint{display:none}#board.expanded #monitorEntry{visibility:hidden}#board.expanded #expandScene{left:1410px!important;width:100px!important}#board.expanded #topView,#board.expanded #zoomIn,#board.expanded #zoomOut,#board.expanded #saveCamera,#board.expanded #resetCamera{visibility:hidden}#board.expanded #floorTabs button{top:604px!important}#board.expanded .tour-bar,#board.expanded #tourStationPrev,#board.expanded #tourStationNext{top:588px!important}
.camera-card{position:absolute}

/* Readable browser sizing; retain the client page structure. */
:root{background:#0c2945;color:#edf7ff}#board{background:#0c2945}#webgl{height:100%}.panel,.station-panel{background:#123d60}.company,.title{background:#17496c}.title:before,.title:after{width:12%}button{background:#20587f;color:#f3faff;white-space:nowrap;font-size:calc(14px * var(--text-scale,1));border:1px solid #397ca3;border-radius:3px}button:hover,button[aria-pressed=true]{background:#087fc0;border-color:#53caff}button:focus-visible{outline:2px solid #a5eaff;outline-offset:2px}.text,.notice{font-size:calc(13px * var(--text-scale,1))}.muted,.notice{color:#b3ccdf}.cyan{color:#67d8ff}.company{font-size:calc(18px * var(--text-scale,1));display:flex;align-items:center}.title{font-size:calc(19px * var(--text-scale,1));font-weight:600}.select-head{font-size:calc(14px * var(--text-scale,1));border:0}.kpi{background:#1a5076;border:1px solid #33759c;border-left:3px solid #39c5fa;padding:16px 18px;display:flex;flex-direction:column;justify-content:space-between}.kpi label{font-size:calc(15px * var(--text-scale,1));color:#e8f4ff}.kpi strong{font:600 calc(30px * var(--text-scale,1))/1.2 'Segoe UI',sans-serif;color:#70dfff}.task-grid{font-size:calc(12px * var(--text-scale,1));grid-template-columns:1fr 1.6fr;align-content:center;gap:12px 8px}.task-grid strong{font-size:calc(17px * var(--text-scale,1))}.camera-card footer{font-size:calc(10px * var(--text-scale,1));padding:2px;height:24px}.camera-card footer em{font-size:calc(9px * var(--text-scale,1))}.camera-card img{height:calc(100% - 24px)}.responsive-toolbar{position:absolute;left:538px;width:972px;display:flex;align-items:center;gap:8px;flex-wrap:wrap;z-index:4}.responsive-toolbar>button,.responsive-toolbar #floorTabs button{position:static!important;width:auto!important;height:calc(32px * var(--text-scale,1))!important;padding:0 12px;font-size:calc(13px * var(--text-scale,1));flex-shrink:0}.responsive-toolbar #tourEntry{margin-left:auto;border:1px solid #63ceff;box-shadow:none;background:#057fc0;font-size:calc(13px * var(--text-scale,1))}.responsive-toolbar #tourEntry b{margin-right:10px}.responsive-toolbar #monitorEntry{background:#20618d}.responsive-toolbar #floorTabs{display:flex;gap:6px;margin-right:auto}#sceneBottomBar{justify-content:flex-end}#tourMenu{top:calc(148px * var(--text-scale,1))!important}#tourMenu button,#selectorMenu button,#moreMenu button{font-size:calc(14px * var(--text-scale,1));min-height:calc(30px * var(--text-scale,1))}#selectorMenu{top:100px;max-height:70vh;overflow:auto;border:1px solid #3c92be}#moreMenu{height:auto!important;background:#174d70;box-shadow:0 8px 30px #0008}#moreData{font-size:calc(14px * var(--text-scale,1))}#clock{font-size:calc(12px * var(--text-scale,1));white-space:nowrap}#exitApp{font-size:calc(12px * var(--text-scale,1))!important;width:52px!important;left:1977px!important;height:24px!important}#rightRail>strong{font-size:calc(18px * var(--text-scale,1))!important}#rightRail>span{font-size:calc(11px * var(--text-scale,1))!important}.station-panel h2,.control-footer{font-size:calc(14px * var(--text-scale,1))}.station-panel:has(#detailVideo)>.box{inset:45px 10px 52px!important;width:auto!important;height:auto!important}.control-footer button{height:calc(28px * var(--text-scale,1))}.metric-cards label,.data-card{font-size:calc(12px * var(--text-scale,1))}.data-card h3{font-size:calc(14px * var(--text-scale,1))}.metric-cards{height:auto;min-height:85px}.metric-cards b{font-size:calc(22px * var(--text-scale,1))}#modal header{font-size:calc(14px * var(--text-scale,1));height:40px}#modalContent{top:48px}.data-card p{gap:8px}#board.expanded .responsive-toolbar{width:972px}#board.expanded #homeTab,#board.expanded #productionTab,#board.expanded #tourEntry{display:none}#board.expanded #expandScene{margin-left:auto}#board.expanded #sceneBottomBar{display:none}
@media(max-width:1600px){.title:before,.title:after{display:none}.company{font-size:calc(15px * var(--text-scale,1))}.title{font-size:calc(17px * var(--text-scale,1))}.task-grid{grid-template-columns:1fr;gap:7px}.task-grid .task-title{grid-column:auto}.task-grid span:nth-last-child(-n+2){display:none}.responsive-toolbar{gap:7px}.responsive-toolbar #tourEntry{margin-left:0}.camera-card footer em{display:none}.control-footer{gap:8px}.control-footer span{font-size:calc(11px * var(--text-scale,1))}#motionLabel{font-size:calc(10px * var(--text-scale,1))}.kpi{padding:12px}}

.task-grid span:nth-last-child(-n+2){display:block}.cargo-marker{color:#ffd58a!important;border-color:#b89643!important;transform:translate(-105%,-180%)!important;opacity:1!important}

.data-card{height:auto!important;min-height:0;padding:12px 14px}.data-card p{line-height:1.5;margin:7px 0}.data-grid{align-items:stretch;gap:10px}.metric-cards article{padding:14px 8px}.metric-cards label{display:block;margin-top:6px}.data-card .bar{flex:1;max-width:155px;min-width:40px}.data-grid+.muted{display:block;margin-top:12px;font-size:calc(11px * var(--text-scale,1))!important}