:root{--bg:#08141f;--panel:#102331;--line:#294353;--text:#e9f1f4;--muted:#93aab6;--cyan:#3ed8ce;--orange:#f0a56a}*{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:var(--text);font:14px/1.45 "Segoe UI","Microsoft YaHei",sans-serif;height:100%;overflow:hidden}body{display:flex;flex-direction:column}header{height:88px;padding:16px 24px;display:flex;justify-content:space-between;align-items:center;background:#0b1c29;border-bottom:1px solid var(--line)}.brand span{font:11px/1 monospace;letter-spacing:2px;color:var(--cyan)}h1{font-size:22px;margin:7px 0 1px;font-weight:650}.brand p{margin:0;color:var(--muted);font-size:12px}.status{display:grid;grid-template-columns:auto 1fr;column-gap:8px;align-items:center;text-align:right}.status i{grid-row:1/3;width:8px;height:8px;border-radius:50%;background:#5de1a4;box-shadow:0 0 12px #5de1a4}.status small{color:var(--muted);font-size:11px}.toolbar{height:48px;padding:7px 18px;display:flex;gap:7px;align-items:center;background:#0e2330;border-bottom:1px solid var(--line)}button{border:1px solid #355363;background:#172f3d;color:#d9e8ed;border-radius:4px;padding:7px 11px;cursor:pointer;font:inherit}button:hover{border-color:var(--cyan);color:#fff}button.active{background:#0d7775;border-color:#4ce4da;color:#fff}.toolbar>span{width:14px}.check{margin-left:auto;color:var(--muted);font-size:12px}.check input{accent-color:var(--cyan);vertical-align:middle}main{min-height:0;flex:1;display:grid;grid-template-columns:minmax(0,1fr) 332px}.stage{position:relative;min-width:0;background:radial-gradient(ellipse at 50% 40%,#1b3641 0%,#07121c 72%)}canvas{width:100%;height:100%;display:block}.viewbadge{position:absolute;top:16px;left:18px;display:flex;gap:12px;align-items:center;background:#0a1a25d9;border:1px solid #355161;padding:8px 12px;border-radius:4px}.viewbadge b{color:var(--cyan)}.viewbadge span{color:#b7c9cf}.stagehint{position:absolute;bottom:15px;left:18px;color:#a9c0c8;font-size:12px;background:#07131ccc;padding:6px 9px;border-radius:3px}.stage #toast{position:absolute;top:60px;left:50%;transform:translateX(-50%);background:#163c43;color:#dffefa;border:1px solid #46bdb7;border-radius:4px;padding:7px 14px;opacity:0;transition:.2s;pointer-events:none}.stage #toast.show{opacity:1}aside{overflow:auto;background:#0b1a25;border-left:1px solid var(--line);padding:12px}.panel{background:#102532;border:1px solid #294756;border-radius:5px;padding:13px;margin-bottom:10px}.paneltitle{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.paneltitle small{color:var(--muted);font-size:11px}input#search{width:100%;background:#0a1b27;border:1px solid #365564;color:#fff;padding:8px;border-radius:3px;margin-bottom:9px;outline:none}.inventory{height:190px;overflow:auto;display:grid;gap:2px}.invitem{display:flex;align-items:center;gap:6px;padding:5px 7px;border-radius:3px;cursor:pointer;color:#cfe0e5;font-size:12px}.invitem:hover,.invitem.on{background:#164552;color:#fff}.invitem em{margin-left:auto;color:#718e99;font-style:normal;font-size:10px}.selected h2{font-size:18px;margin:0 0 4px;color:#fff}.selected p{color:var(--muted);font-size:12px;margin:0 0 12px}.range{display:block;color:#b6cbd1;font-size:12px}.range output{float:right;color:var(--cyan);font-family:monospace}.range input{width:100%;accent-color:var(--cyan);margin-top:5px}.actions{display:flex;gap:7px;margin-top:12px}.actions button{font-size:12px}.legend{font-size:12px;color:#b9cbd1}.legend b{display:block;margin-bottom:8px;color:#fff}.legend div{margin:5px 0}.swatch{display:inline-block;width:10px;height:10px;border-radius:2px;margin-right:8px;background:#d98153;vertical-align:-1px}.swatch.field{background:#557c62}.swatch.river{background:#3b9bb0}.swatch.source{background:#68777e}.note p{color:#9eb4bb;font-size:11px;margin:8px 0 0}@media(max-width:850px){header{height:76px;padding:11px 14px}h1{font-size:17px}.status{display:none}.toolbar{overflow-x:auto;white-space:nowrap}main{grid-template-columns:1fr 270px}.inventory{height:150px}}
.inventory{align-content:start}.invitem{min-height:27px}.stats{display:grid;grid-template-columns:1fr 1fr;gap:7px}.metric{background:#0a1b27;border:1px solid #2b4b58;border-radius:4px;padding:8px}.metric b{display:block;color:#eaf4f5;font-size:17px;line-height:1.1}.metric small{display:block;color:#87a5ad;font-size:10px;margin-top:3px}.metric.accent{border-color:#2d8d88}.metric.accent b{color:#72e2d6}

/* 科技运营侧屏 */
.dashboard{position:absolute;inset:0;z-index:5;pointer-events:none;color:#e9fbff;font-size:11px;background:linear-gradient(90deg,rgba(3,18,30,.78),transparent 28%,transparent 72%,rgba(3,18,30,.78));}.dashboard.hidden{display:none}.dash-top{position:absolute;top:12px;left:18px;right:18px;min-height:42px;padding:8px 12px;display:flex;justify-content:space-between;align-items:center;background:linear-gradient(90deg,rgba(5,28,45,.95),rgba(7,38,57,.72),rgba(5,28,45,.95));border:1px solid rgba(65,213,226,.55);box-shadow:0 0 18px rgba(30,201,220,.15),inset 0 0 18px rgba(28,141,168,.12);pointer-events:auto}.dash-title{display:flex;align-items:center;gap:9px}.dash-title>b{font-size:14px;letter-spacing:1px;text-shadow:0 0 12px #43d9e7}.dash-title small{color:#8ebbc8;margin-left:8px}.dash-mark{font:700 12px/1 monospace;color:#071b2a;background:#42e0e4;padding:8px 6px;box-shadow:0 0 12px rgba(66,224,228,.65)}.dash-chips{display:flex;align-items:center;gap:8px}.dash-chips>span{padding:5px 8px;border-left:1px solid rgba(73,193,209,.4);color:#8cb8c2}.dash-chips b{color:#eaffff;font-family:monospace}.dash-chips .dash-warn b{color:#ffd48a}.dash-chips button,.dash-modal-box>button{border:0;background:transparent;color:#8fc7d1;font-size:20px;line-height:1;padding:1px 5px;cursor:pointer}.dash-left,.dash-right{position:absolute;top:70px;bottom:53px;width:clamp(188px,22%,272px);display:flex;flex-direction:column;gap:8px}.dash-left{left:14px}.dash-right{right:14px}.dash-card{background:linear-gradient(135deg,rgba(5,29,45,.9),rgba(8,44,61,.72));border:1px solid rgba(65,194,211,.48);border-radius:3px;padding:10px 11px;box-shadow:0 0 12px rgba(18,157,181,.12),inset 0 0 18px rgba(31,124,151,.08);position:relative;overflow:hidden;pointer-events:auto}.dash-card h3{font-size:12px;margin:0 0 9px;display:flex;justify-content:space-between;align-items:center;color:#ddfaff;letter-spacing:1px}.dash-card h3:before{content:"";display:inline-block;width:3px;height:13px;background:#42e0e4;box-shadow:0 0 8px #42e0e4;margin-right:6px}.dash-card h3 em{font:10px monospace;color:#5fc0cd;letter-spacing:0;font-style:normal}.dash-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:5px}.dash-kpis div{background:rgba(3,23,36,.65);border:1px solid rgba(61,150,172,.28);padding:6px 3px;text-align:center}.dash-kpis b{display:block;color:#8ff4ee;font:700 17px/1.05 monospace;text-shadow:0 0 8px rgba(91,236,231,.38)}.dash-kpis small{display:block;color:#91b6bf;font-size:9px;margin-top:4px;white-space:nowrap}.dash-progress{margin-top:10px;color:#8ebdc7;font-size:10px}.dash-progress i{display:block;height:4px;margin-top:5px;background:#123545;border-radius:4px;overflow:hidden}.dash-progress i b{display:block;height:100%;width:70%;background:linear-gradient(90deg,#20c5d2,#7df3dc);box-shadow:0 0 8px #32e5e0;transition:width .3s}.ring{width:86px;height:86px;margin:0 auto 9px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;border:5px solid #36d5d0;border-left-color:#19536a;border-bottom-color:#227d86;box-shadow:0 0 14px rgba(54,213,208,.4),inset 0 0 12px rgba(55,206,213,.15)}.ring b{font:700 19px monospace;color:#bafff1}.ring small{color:#8dbcc4;font-size:9px}.dash-list{list-style:none;padding:0;margin:0;display:grid;gap:6px}.dash-list li{display:flex;align-items:center;color:#a3c4cb}.dash-list li b{margin-left:auto;font-weight:500;color:#72e4c6}.dash-list li i{width:6px;height:6px;border-radius:50%;margin-right:7px;background:#63e8c0;box-shadow:0 0 8px #63e8c0}.dash-list li i.info{background:#eac56c;box-shadow:0 0 8px #eac56c}.chart-card svg{width:100%;height:58px;display:block;margin:2px 0 6px}.chart-card path{fill:none;stroke:#58e9e0;stroke-width:2}.chart-card path.fill{fill:rgba(45,192,199,.14);stroke:none}.dash-card>small,.chart-card>small{color:#729ca7;font-size:9px}.alert-row{display:grid;grid-template-columns:8px 1fr auto;gap:7px;align-items:center;padding:7px 0;border-bottom:1px solid rgba(76,159,173,.18)}.alert-row:last-child{border-bottom:0}.alert-row .alert-dot{width:7px;height:7px;border-radius:50%;background:#63e8c0;box-shadow:0 0 8px #63e8c0}.alert-row.muted .alert-dot{background:#e7ba64;box-shadow:0 0 8px #e7ba64}.alert-row b{display:block;font-size:11px;color:#d7f5f5}.alert-row small{display:block;color:#78a3ad;font-size:9px;margin-top:2px}.alert-row strong{font-size:10px;color:#72e4c6;font-weight:500}.alert-row.muted strong{color:#eac56c}.weather{display:flex;gap:10px;align-items:center;padding:4px 0 9px}.weather-icon{font-size:28px;color:#8cdde6;text-shadow:0 0 10px #41bfd1}.weather b{display:block;color:#d8f7fa;font-size:11px}.weather small{display:block;color:#779faa;font-size:9px;margin-top:3px}.env-grid{display:grid;grid-template-columns:1fr 1fr;gap:5px}.env-grid span{padding:5px 6px;background:rgba(3,22,35,.6);color:#7fa9b2;font-size:9px}.env-grid b{display:block;color:#72e4c6;font-size:10px;margin-top:2px}.camera-grid{display:grid;grid-template-columns:1fr 1fr;gap:5px}.camera-grid button{padding:7px 6px;text-align:left;background:rgba(4,26,39,.8);border:1px solid rgba(64,160,178,.35);color:#bfe7eb;font-size:10px}.camera-grid button:hover{border-color:#5ce9e6;box-shadow:0 0 10px rgba(66,221,223,.25)}.camera-grid button small{display:block;color:#71a2ad;font-size:9px;margin-top:3px}.dash-bottom{position:absolute;left:50%;bottom:12px;transform:translateX(-50%);display:flex;gap:5px;padding:5px;background:rgba(4,26,40,.91);border:1px solid rgba(65,194,211,.5);pointer-events:auto;white-space:nowrap}.dash-tab{padding:7px 12px;border:0;border-radius:2px;background:transparent;color:#82adb7;font-size:10px}.dash-tab:hover,.dash-tab.active{color:#e8ffff;background:rgba(35,160,173,.35);box-shadow:inset 0 -2px #49e4df}.dash-modal{position:absolute;inset:0;z-index:20;display:grid;place-items:center;background:rgba(1,12,22,.64);pointer-events:auto}.dash-modal[hidden]{display:none}.dash-modal-box{width:min(520px,calc(100% - 40px));max-height:80%;overflow:auto;padding:20px;background:linear-gradient(145deg,#09263b,#0b1729);border:1px solid #49dae2;box-shadow:0 0 30px rgba(33,214,226,.3),inset 0 0 25px rgba(34,138,168,.12);position:relative}.dash-modal-box>button{position:absolute;right:9px;top:7px;font-size:24px}.dash-modal-box h2{margin:0 0 14px;color:#e2ffff;font-size:17px;letter-spacing:1px}.dash-modal-box p{color:#9ec4cd;margin:7px 0;font-size:12px}.dash-modal-box .modal-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.dash-modal-box .modal-tile{border:1px solid rgba(72,192,207,.35);padding:10px;background:rgba(5,30,45,.65)}.dash-modal-box .modal-tile b{display:block;color:#c5f8f7;font-size:12px}.dash-modal-box .modal-tile small{display:block;color:#7eaab4;font-size:10px;margin-top:4px}.dash-modal-box .modal-visual{height:150px;display:grid;place-items:center;margin:8px 0 12px;background:repeating-linear-gradient(135deg,rgba(61,194,208,.08) 0 2px,transparent 2px 9px),#071b2b;border:1px solid rgba(65,192,207,.35);color:#65ced4;letter-spacing:2px}.dash-modal-box .modal-note{padding:8px;background:rgba(220,175,80,.08);border-left:3px solid #d5ad5e;color:#e6c987}.dashboard button{font-family:inherit}@media(max-width:1050px){.dash-left,.dash-right{width:198px}.dash-card{padding:8px}.dash-kpis{grid-template-columns:repeat(2,1fr)}.dash-title small{display:none}.dash-chips>span{display:none}}@media(max-width:760px){.dash-left,.dash-right{width:156px;top:64px;bottom:49px;overflow:auto}.dash-card{font-size:10px}.dash-left{left:6px}.dash-right{right:6px}.dash-top{left:7px;right:7px}.dash-title>b{font-size:11px}.dash-bottom{max-width:calc(100% - 12px);overflow-x:auto}.dash-tab{padding:6px 8px;font-size:9px}.dashboard{background:linear-gradient(90deg,rgba(3,18,30,.86),transparent 32%,transparent 68%,rgba(3,18,30,.86))}}