| 1 |
- @keyframes ringPulse-059e39fe{0%,to{transform:scale(1);opacity:.5}50%{transform:scale(1.1);opacity:1}}@keyframes titleShine-059e39fe{0%{background-position:0}to{background-position:200%}}@keyframes decoGlow-059e39fe{0%,to{opacity:.5}50%{opacity:1;filter:blur(1px)}}.screen-header[data-v-059e39fe]{position:relative;z-index:10;flex-shrink:0;width:100%;height:160px;display:flex;align-items:stretch;background:linear-gradient(180deg,rgba(4,18,52,.99),rgba(3,12,36,.97));border-bottom:1px solid rgba(30,144,255,.3);box-shadow:0 2px 30px rgba(0,80,220,.28),inset 0 1px 0 rgba(30,144,255,.15);font-family:PingFang SC,Microsoft YaHei,Noto Sans SC,sans-serif}.nav-left[data-v-059e39fe]{display:flex;align-items:center;padding:0 50px;width:950px;gap:30px}.nav-clock .time[data-v-059e39fe]{font-size:55px;font-weight:300;color:#ffd740;font-variant-numeric:tabular-nums;letter-spacing:4px;line-height:1}.nav-clock .date[data-v-059e39fe]{font-size:30px;color:rgba(110,165,210,.55);margin-top:5px}.nav-center[data-v-059e39fe]{flex:1;gap:30px}.nav-center[data-v-059e39fe],.nav-logo[data-v-059e39fe]{display:flex;align-items:center;justify-content:center;position:relative}.nav-logo[data-v-059e39fe]{width:100px;height:100px;border-radius:20px;flex-shrink:0;background:linear-gradient(135deg,#0d2d6b,#1565c0);box-shadow:0 0 40px rgba(30,144,255,.6),inset 0 0 20px hsla(0,0%,100%,.1);overflow:visible}.nav-logo[data-v-059e39fe]:after{content:"安";font-size:45px;font-weight:900;color:hsla(0,0%,100%,.95)}.nav-logo-ring[data-v-059e39fe]{position:absolute;inset:-10px;border-radius:25px;border:2px solid rgba(30,144,255,.5);animation:ringPulse-059e39fe 2s ease-in-out infinite}.nav-org[data-v-059e39fe]{font-size:30px;color:rgba(110,165,210,.55);line-height:1.4;margin-right:50px}.nav-org strong[data-v-059e39fe]{display:block;font-size:32px;color:#00d8ff}.nav-divider[data-v-059e39fe]{width:2px;height:80px;background:linear-gradient(180deg,transparent,rgba(30,144,255,.6),transparent);flex-shrink:0;margin-right:50px}.nav-title-wrap[data-v-059e39fe]{display:flex;flex-direction:column;align-items:center;position:relative}.nav-title[data-v-059e39fe]{font-size:65px;font-weight:700;letter-spacing:10px;background:linear-gradient(90deg,#1e90ff,#00d8ff,#ddf0ff,#00d8ff,#1e90ff);background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:titleShine-059e39fe 4s linear infinite;filter:drop-shadow(0 0 40px rgba(30,144,255,.5));white-space:nowrap}.nav-title-deco[data-v-059e39fe]{position:absolute;bottom:-5px;left:50%;transform:translateX(-50%);width:900px;height:2px;background:linear-gradient(90deg,transparent,#1e90ff,#00d8ff,#1e90ff,transparent);animation:decoGlow-059e39fe 3s ease-in-out infinite}.nav-right[data-v-059e39fe]{width:950px;display:flex;align-items:center;justify-content:flex-end;padding:0 50px;gap:50px}.nav-weather[data-v-059e39fe]{display:flex;align-items:center;gap:20px;font-size:32px;color:rgba(110,165,210,.55)}.nav-weather .icon[data-v-059e39fe]{font-size:45px}.nav-weather .weather-location[data-v-059e39fe]{color:rgba(110,165,210,.55)}.nav-weather .weather-detail[data-v-059e39fe]{font-size:28px;color:#ffd740;margin-top:4px}.lab-stats[data-v-923b52f2]{display:flex;flex-direction:column;position:relative;border-radius:15px;overflow:hidden;background:rgba(5,16,42,.95);border:1px solid rgba(30,144,255,.22)}.lab-stats[data-v-923b52f2]:before{content:"";background:linear-gradient(135deg,rgba(30,144,255,.05),transparent 50%,rgba(0,216,255,.03))}.border-beam[data-v-923b52f2],.lab-stats[data-v-923b52f2]:before{position:absolute;inset:0;pointer-events:none;border-radius:inherit}.border-beam[data-v-923b52f2]{overflow:hidden;z-index:2}.border-beam[data-v-923b52f2]:before{content:"";position:absolute;top:0;left:-100%;width:40%;height:3px;background:linear-gradient(90deg,transparent,rgba(30,144,255,.9),rgba(0,216,255,.7),transparent);animation:beamTop-923b52f2 5s linear infinite}.border-beam[data-v-923b52f2]:after{content:"";position:absolute;bottom:0;right:-100%;width:40%;height:3px;background:linear-gradient(90deg,transparent,rgba(0,216,255,.7),rgba(30,144,255,.9),transparent);animation:beamBottom-923b52f2 5s linear 2.5s infinite}@keyframes beamTop-923b52f2{0%{left:-40%}to{left:100%}}@keyframes beamBottom-923b52f2{0%{right:-40%}to{right:100%}}.pc[data-v-923b52f2]{position:absolute;width:35px;height:35px;z-index:3;pointer-events:none}.pc.tl[data-v-923b52f2]{top:0;left:0}.pc.tr[data-v-923b52f2]{top:0;right:0;transform:scaleX(-1)}.pc.bl[data-v-923b52f2]{bottom:0;left:0;transform:scaleY(-1)}.pc.br[data-v-923b52f2]{bottom:0;right:0;transform:scale(-1)}.panel-header[data-v-923b52f2]{display:flex;align-items:center;gap:25px;padding:20px 30px 18px;border-bottom:1px solid rgba(30,144,255,.22);background:linear-gradient(90deg,rgba(0,60,160,.18),transparent);flex-shrink:0}.panel-header-icon[data-v-923b52f2]{width:65px;height:65px;border-radius:12px;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:32px;background:linear-gradient(135deg,rgba(30,144,255,.25),rgba(0,216,255,.15));border:1px solid rgba(30,144,255,.35);animation:iconGlow-923b52f2 3s ease-in-out infinite}@keyframes iconGlow-923b52f2{0%,to{box-shadow:0 0 15px rgba(30,144,255,.3)}50%{box-shadow:0 0 35px rgba(30,144,255,.7),0 0 12px rgba(0,216,255,.3)}}.panel-title[data-v-923b52f2]{font-size:30px;font-weight:600;letter-spacing:2px;color:#00d8ff}.status-dot[data-v-923b52f2]{width:20px;height:20px;border-radius:50%;display:inline-block;margin-left:auto;animation:dotPulse-923b52f2 2s ease-in-out infinite}.status-dot.green[data-v-923b52f2]{background:#00e676;box-shadow:0 0 15px #00e676}@keyframes dotPulse-923b52f2{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.3);opacity:.7}}.upper-section[data-v-923b52f2]{flex:4;display:flex;min-height:0;overflow:hidden}.gauge-side[data-v-923b52f2]{flex:4;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;padding:25px 20px;border-right:1px solid rgba(30,144,255,.22);background:linear-gradient(180deg,rgba(30,144,255,.04),transparent)}.gauge-label[data-v-923b52f2]{text-align:center}.gauge-label-main[data-v-923b52f2]{font-size:30px;font-weight:700;color:#00d8ff;letter-spacing:4px}.gauge-label-sub[data-v-923b52f2]{font-size:22px;color:rgba(110,165,210,.55);margin-top:6px;letter-spacing:2px}.color-bar-wrap[data-v-923b52f2]{width:100%;padding:0 10px}.color-bar[data-v-923b52f2]{display:flex;gap:5px;height:12px;border-radius:6px;overflow:hidden}.color-bar-labels[data-v-923b52f2]{display:flex;gap:5px;margin-top:8px;font-size:22px;color:rgba(110,165,210,.55);text-align:center}.donut-side[data-v-923b52f2]{flex:6;display:flex;flex-direction:column;justify-content:center;padding:25px 25px 20px;gap:0}.donut-chart[data-v-923b52f2]{flex:0 0 340px;width:100%}.level-list[data-v-923b52f2]{display:flex;flex-direction:column;gap:10px;margin-top:10px}.level-item[data-v-923b52f2]{display:flex;justify-content:space-between;align-items:center;font-size:26px;padding:10px 16px;border-radius:8px;border-left:4px solid transparent}.level-item-left[data-v-923b52f2]{display:flex;align-items:center;gap:12px}.level-item-val[data-v-923b52f2]{font-weight:700;font-size:28px}.level-dot[data-v-923b52f2]{width:16px;height:16px;border-radius:3px;display:inline-block}.lower-section[data-v-923b52f2]{flex:1;display:flex;align-items:center;padding:0 25px 20px;border-top:1px solid rgba(30,144,255,.22);gap:15px;min-height:0}.status-row[data-v-923b52f2]{display:flex;gap:15px;width:100%}.status-badge[data-v-923b52f2]{flex:1;padding:15px 10px;border-radius:10px;text-align:center;background:rgba(7,22,54,.85);border:1px solid rgba(30,144,255,.22)}.status-badge.active[data-v-923b52f2]{border-color:#00e676;background:rgba(0,230,118,.07)}.status-badge.active .val[data-v-923b52f2]{color:#00e676}.status-badge.warning[data-v-923b52f2]{border-color:#f59e0b;background:rgba(245,158,11,.07)}.status-badge.warning .val[data-v-923b52f2]{color:#f59e0b}.status-badge.idle[data-v-923b52f2]{border-color:#4361ee;background:rgba(67,97,238,.07)}.status-badge.idle .val[data-v-923b52f2]{color:#4361ee}.status-badge .val[data-v-923b52f2]{font-size:48px;font-weight:700}.status-badge .lbl[data-v-923b52f2]{font-size:25px;color:rgba(110,165,210,.55);margin-top:5px}.safety-compliance[data-v-e51ea85c]{display:flex;flex-direction:column;height:100%}.chart-wrap[data-v-e51ea85c]{flex:1;min-height:0;padding:15px 20px}.chart-wrap .chart[data-v-e51ea85c]{width:100%;height:100%}.personnel-trend[data-v-6691250e]{display:flex;flex-direction:column}.panel-body[data-v-6691250e]{flex:1;min-height:0;display:flex;flex-direction:column;padding:20px 25px}.flip-counters[data-v-6691250e]{display:flex;gap:25px}.flip-counter[data-v-6691250e]{flex:1;text-align:center;padding:18px 15px;border-radius:10px;background:rgba(7,22,54,.85);border:1px solid rgba(30,144,255,.22)}.flip-counter .fc-label[data-v-6691250e]{font-size:25px;color:rgba(110,165,210,.55);margin-bottom:12px;letter-spacing:2px}.flip-counter .fc-digits[data-v-6691250e]{display:flex;gap:8px;justify-content:center}.flip-digit[data-v-6691250e]{width:50px;height:75px;border-radius:8px;background:linear-gradient(180deg,rgba(4,18,55,.9),rgba(2,10,32,.95));border:1px solid rgba(30,144,255,.3);display:flex;align-items:center;justify-content:center;font-size:45px;font-weight:700;color:#ffd740;font-variant-numeric:tabular-nums;position:relative;overflow:hidden}.flip-digit[data-v-6691250e]:after{content:"";position:absolute;left:0;right:0;top:50%;height:2px;background:rgba(0,0,0,.4)}.chart-wrap[data-v-6691250e]{flex:1;min-height:0;margin-top:12px}.chart-wrap .chart[data-v-6691250e]{width:100%;height:100%}.env-monitor-stats[data-v-2a2d7282]{position:relative;display:flex;flex-direction:column}.border-beam[data-v-2a2d7282]{position:absolute;inset:0;pointer-events:none;border-radius:inherit;overflow:hidden;z-index:2}.border-beam[data-v-2a2d7282]:before{content:"";position:absolute;top:0;left:-100%;width:40%;height:3px;background:linear-gradient(90deg,transparent,rgba(30,144,255,.9),rgba(0,216,255,.7),transparent);animation:beamTop-2a2d7282 5s linear infinite}.border-beam[data-v-2a2d7282]:after{content:"";position:absolute;bottom:0;right:-100%;width:40%;height:3px;background:linear-gradient(90deg,transparent,rgba(0,216,255,.7),rgba(30,144,255,.9),transparent);animation:beamBottom-2a2d7282 5s linear 2.5s infinite}@keyframes beamTop-2a2d7282{0%{left:-40%}to{left:100%}}@keyframes beamBottom-2a2d7282{0%{right:-40%}to{right:100%}}.pc[data-v-2a2d7282]{position:absolute;width:35px;height:35px;z-index:3;pointer-events:none}.pc.tl[data-v-2a2d7282]{top:0;left:0}.pc.tr[data-v-2a2d7282]{top:0;right:0;transform:scaleX(-1)}.pc.bl[data-v-2a2d7282]{bottom:0;left:0;transform:scaleY(-1)}.pc.br[data-v-2a2d7282]{bottom:0;right:0;transform:scale(-1)}.pc svg[data-v-2a2d7282]{width:100%;height:100%}.panel-header[data-v-2a2d7282]{display:flex;align-items:center;gap:25px;padding:20px 30px 18px;border-bottom:1px solid rgba(30,144,255,.22);background:linear-gradient(90deg,rgba(0,60,160,.18),transparent);flex-shrink:0}.panel-header-icon[data-v-2a2d7282]{width:65px;height:65px;border-radius:12px;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:32px;background:linear-gradient(135deg,rgba(30,144,255,.25),rgba(0,216,255,.15));border:1px solid rgba(30,144,255,.35);animation:iconGlow-2a2d7282 3s ease-in-out infinite}@keyframes iconGlow-2a2d7282{0%,to{box-shadow:0 0 15px rgba(30,144,255,.3)}50%{box-shadow:0 0 35px rgba(30,144,255,.7),0 0 12px rgba(0,216,255,.3)}}.panel-title[data-v-2a2d7282]{font-size:30px;font-weight:600;letter-spacing:2px;color:#00d8ff}.panel-body[data-v-2a2d7282]{padding:20px 25px}.device-online-row[data-v-2a2d7282]{display:flex;gap:18px;margin-bottom:18px}.device-stat-chip[data-v-2a2d7282]{flex:1;padding:15px;border-radius:10px;text-align:center;background:rgba(7,22,54,.85);border:1px solid rgba(30,144,255,.22)}.device-stat-chip.online[data-v-2a2d7282]{border-color:#00e676}.device-stat-chip.offline[data-v-2a2d7282]{border-color:#ff3b3b}.device-stat-chip .dv[data-v-2a2d7282]{font-size:50px;font-weight:700}.device-stat-chip.online .dv[data-v-2a2d7282]{color:#00e676}.device-stat-chip.offline .dv[data-v-2a2d7282]{color:#ff3b3b}.device-stat-chip .dl[data-v-2a2d7282]{font-size:25px;color:rgba(110,165,210,.55)}.device-middle[data-v-2a2d7282]{display:flex;gap:20px;align-items:center}.gauge-chart[data-v-2a2d7282]{flex:0 0 295px;height:295px}.device-list-row[data-v-2a2d7282]{flex:1;display:grid;grid-template-columns:1fr 1fr;gap:12px}.device-list-item[data-v-2a2d7282]{padding:15px;border-radius:10px;background:rgba(7,22,54,.85);border:1px solid rgba(30,144,255,.22);display:flex;flex-direction:column;align-items:center;gap:8px}.device-list-item .dli-icon[data-v-2a2d7282]{font-size:40px}.device-list-item .dli-num[data-v-2a2d7282]{font-size:38px;font-weight:700;color:#ffd740}.device-list-item .dli-name[data-v-2a2d7282]{font-size:22px;color:rgba(110,165,210,.55);text-align:center;line-height:1.3}.equipment-stats[data-v-2e965088]{position:relative;display:flex;flex-direction:column;height:100%}.border-beam[data-v-2e965088]{position:absolute;inset:0;pointer-events:none;border-radius:inherit;overflow:hidden;z-index:2}.border-beam[data-v-2e965088]:before{content:"";position:absolute;top:0;left:-100%;width:40%;height:3px;background:linear-gradient(90deg,transparent,rgba(30,144,255,.9),rgba(0,216,255,.7),transparent);animation:beamTop-2e965088 5s linear infinite}.border-beam[data-v-2e965088]:after{content:"";position:absolute;bottom:0;right:-100%;width:40%;height:3px;background:linear-gradient(90deg,transparent,rgba(0,216,255,.7),rgba(30,144,255,.9),transparent);animation:beamBottom-2e965088 5s linear 2.5s infinite}@keyframes beamTop-2e965088{0%{left:-40%}to{left:100%}}@keyframes beamBottom-2e965088{0%{right:-40%}to{right:100%}}.panel-header[data-v-2e965088]{display:flex;align-items:center;gap:25px;padding:20px 30px 18px;border-bottom:1px solid rgba(30,144,255,.22);background:linear-gradient(90deg,rgba(0,60,160,.18),transparent);flex-shrink:0}.panel-header-icon[data-v-2e965088]{width:65px;height:65px;border-radius:12px;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:32px;background:linear-gradient(135deg,rgba(30,144,255,.25),rgba(0,216,255,.15));border:1px solid rgba(30,144,255,.35);animation:iconGlow-2e965088 3s ease-in-out infinite}@keyframes iconGlow-2e965088{0%,to{box-shadow:0 0 15px rgba(30,144,255,.3)}50%{box-shadow:0 0 35px rgba(30,144,255,.7),0 0 12px rgba(0,216,255,.3)}}.panel-title[data-v-2e965088]{font-size:30px;font-weight:600;letter-spacing:2px;color:#00d8ff}.equip-layout[data-v-2e965088]{flex:1;display:flex;flex-direction:column;padding:15px 25px;gap:12px;min-height:0}.equip-section[data-v-2e965088]{min-height:0}.equip-top[data-v-2e965088]{flex:4}.equip-mid[data-v-2e965088]{flex:2;display:flex;align-items:center}.equip-bottom[data-v-2e965088]{flex:4}.pie-chart[data-v-2e965088],.ring-chart[data-v-2e965088]{width:100%;height:100%}.equip-mid-row[data-v-2e965088]{display:flex;gap:15px;width:100%}.equip-stat-item[data-v-2e965088]{flex:1;text-align:center;padding:15px 10px;border-radius:10px;background:rgba(7,22,54,.85);border:1px solid rgba(30,144,255,.22)}.equip-stat-item .ev[data-v-2e965088]{font-size:38px;font-weight:700;color:#ffd740}.equip-stat-item .el[data-v-2e965088]{font-size:22px;color:rgba(110,165,210,.55);margin-top:5px}.security-monitor[data-v-2d83695a]{display:flex;flex-direction:column;height:100%;min-height:0}.monitor-header[data-v-2d83695a]{padding:20px 30px;border-bottom:1px solid rgba(30,144,255,.22);flex-shrink:0;display:flex;align-items:center;gap:25px;background:linear-gradient(90deg,rgba(0,60,160,.18),transparent)}.monitor-title-cn[data-v-2d83695a]{font-size:32px;font-weight:600;color:#00d8ff;letter-spacing:2px}.monitor-title-en[data-v-2d83695a]{font-size:28px;color:rgba(110,165,210,.55);margin-left:10px}.monitor-status[data-v-2d83695a]{margin-left:auto;display:flex;align-items:center;gap:15px}.monitor-status-text[data-v-2d83695a]{font-size:28px;color:rgba(110,165,210,.55)}.monitor-inner[data-v-2d83695a]{flex:1;display:grid;grid-template-columns:575px 1fr;gap:0;min-height:0;overflow:hidden}.monitor-left[data-v-2d83695a]{display:flex;flex-direction:column;gap:15px;padding:20px;border-right:1px solid rgba(30,144,255,.22);min-height:0;overflow:hidden}.search-box[data-v-2d83695a]{display:flex;align-items:center;gap:18px;padding:15px 25px;border-radius:10px;background:rgba(7,22,54,.85);border:1px solid rgba(30,144,255,.22);flex-shrink:0}.search-box .search-icon[data-v-2d83695a]{font-size:32px;color:rgba(110,165,210,.55)}.search-box input[data-v-2d83695a]{flex:1;background:none;border:none;outline:none;color:#a8cce8;font-size:30px;font-family:inherit}.search-box input[data-v-2d83695a]::-moz-placeholder{color:rgba(110,165,210,.55)}.search-box input[data-v-2d83695a]::placeholder{color:rgba(110,165,210,.55)}.filter-select[data-v-2d83695a]{padding:12px 25px;border-radius:10px;width:100%;flex-shrink:0;background:rgba(7,22,54,.85);border:1px solid rgba(30,144,255,.22);color:#a8cce8;font-size:28px;font-family:inherit;outline:none;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='m0 0 6 8 6-8z' fill='rgba(30,144,255,0.6)'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 25px center}.tree-wrap[data-v-2d83695a]{flex:1;overflow-y:auto;overflow-x:hidden;min-height:0}.tree-wrap[data-v-2d83695a]::-webkit-scrollbar{width:8px}.tree-wrap[data-v-2d83695a]::-webkit-scrollbar-thumb{background:rgba(30,144,255,.22);border-radius:5px}[data-v-2d83695a] .tree-node-label{display:flex;align-items:center;gap:15px;padding:12px 20px;border-radius:8px;font-size:28px;color:#a8cce8;transition:all .2s;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:pointer}[data-v-2d83695a] .tree-node-label:hover{background:rgba(30,144,255,.14);color:#1e90ff}[data-v-2d83695a] .tree-node-label.selected{background:rgba(30,144,255,.15);color:#00d8ff;border-left:5px solid #1e90ff}[data-v-2d83695a] .tree-node-label .arrow{transition:transform .2s;font-size:25px;color:rgba(110,165,210,.55);flex-shrink:0}[data-v-2d83695a] .tree-node-label .arrow.open{transform:rotate(90deg)}[data-v-2d83695a] .tree-children{padding-left:35px;display:none}[data-v-2d83695a] .tree-children.open{display:block}.monitor-right[data-v-2d83695a]{padding:20px;display:flex;flex-direction:column;gap:15px;min-height:0}.camera-grid-header[data-v-2d83695a]{display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.camera-breadcrumb[data-v-2d83695a]{font-size:30px;color:rgba(110,165,210,.55)}.camera-breadcrumb span[data-v-2d83695a]{color:#00d8ff}.camera-pager[data-v-2d83695a]{display:flex;align-items:center;gap:15px}.pager-btn[data-v-2d83695a]{width:60px;height:60px;border-radius:8px;cursor:pointer;background:rgba(7,22,54,.85);border:1px solid rgba(30,144,255,.22);color:rgba(110,165,210,.55);font-size:32px;display:flex;align-items:center;justify-content:center;transition:all .2s}.pager-btn[data-v-2d83695a]:hover{border-color:#1e90ff;color:#1e90ff}.pager-info[data-v-2d83695a]{font-size:28px;color:rgba(110,165,210,.55)}.camera-grid[data-v-2d83695a]{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);gap:12px;flex:1;min-height:0}.camera-cell[data-v-2d83695a]{position:relative;border-radius:10px;overflow:hidden;background:#020810;border:1px solid rgba(30,144,255,.22);display:flex;align-items:center;justify-content:center}.camera-cell[data-v-2d83695a]:hover{border-color:#1e90ff}.camera-cell.ai-cam[data-v-2d83695a]{border-color:rgba(0,230,118,.4)}.camera-placeholder-text[data-v-2d83695a]{font-size:48px;color:rgba(110,165,210,.15);letter-spacing:8px;font-weight:700;-webkit-user-select:none;-moz-user-select:none;user-select:none}.camera-label[data-v-2d83695a]{bottom:10px;left:15px;color:hsla(0,0%,100%,.75)}.camera-label[data-v-2d83695a],.camera-rec[data-v-2d83695a]{position:absolute;font-size:25px;background:rgba(0,0,0,.5);padding:3px 10px;border-radius:5px}.camera-rec[data-v-2d83695a]{top:10px;right:15px;display:flex;align-items:center;gap:8px;color:#ff3b3b}.camera-rec[data-v-2d83695a]:before{content:"";width:12px;height:12px;border-radius:50%;background:#ff3b3b;animation:blinkRed-2d83695a 1s ease-in-out infinite}.camera-ai-badge[data-v-2d83695a]{position:absolute;top:10px;left:15px;font-size:25px;color:#00e676;background:rgba(0,30,15,.75);padding:3px 10px;border-radius:5px;border:1px solid rgba(0,230,118,.3);z-index:2}.ai-detection-box[data-v-2d83695a]{position:absolute;border:5px solid #ff3b3b;background:rgba(255,59,59,.1);border-radius:5px;animation:detBox-2d83695a 1.5s ease-in-out infinite}.ai-detection-label[data-v-2d83695a]{position:absolute;bottom:100%;left:0;white-space:nowrap;font-size:25px;background:#ff3b3b;color:#fff;padding:3px 10px;border-radius:5px;margin-bottom:5px}@keyframes blinkRed-2d83695a{0%,to{opacity:1}50%{opacity:.35}}@keyframes detBox-2d83695a{0%,to{border-color:#ff3b3b;box-shadow:0 0 20px rgba(255,59,59,.4)}50%{border-color:#fca5a5;box-shadow:0 0 45px rgba(255,59,59,.7)}}.lab-environment[data-v-004ad2d6]{position:relative;border-radius:15px;overflow:hidden;background:rgba(5,16,42,.95);border:1px solid rgba(30,144,255,.22);display:flex;flex-direction:column;height:100%}.lab-environment[data-v-004ad2d6]:before{content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;background:linear-gradient(135deg,rgba(30,144,255,.05),transparent 50%,rgba(0,216,255,.03))}.pc[data-v-004ad2d6]{position:absolute;width:35px;height:35px;z-index:3;pointer-events:none}.pc.tl[data-v-004ad2d6]{top:0;left:0}.pc.tr[data-v-004ad2d6]{top:0;right:0;transform:scaleX(-1)}.pc.bl[data-v-004ad2d6]{bottom:0;left:0;transform:scaleY(-1)}.pc.br[data-v-004ad2d6]{bottom:0;right:0;transform:scale(-1)}.pc svg[data-v-004ad2d6]{width:100%;height:100%}.border-beam[data-v-004ad2d6]{position:absolute;inset:0;pointer-events:none;border-radius:inherit;overflow:hidden;z-index:2}.border-beam[data-v-004ad2d6]:before{content:"";position:absolute;top:0;left:-100%;width:40%;height:3px;background:linear-gradient(90deg,transparent,rgba(30,144,255,.9),rgba(0,216,255,.7),transparent);animation:beamTop-004ad2d6 5s linear infinite}.border-beam[data-v-004ad2d6]:after{content:"";position:absolute;bottom:0;right:-100%;width:40%;height:3px;background:linear-gradient(90deg,transparent,rgba(0,216,255,.7),rgba(30,144,255,.9),transparent);animation:beamBottom-004ad2d6 5s linear 2.5s infinite}@keyframes beamTop-004ad2d6{0%{left:-40%}to{left:100%}}@keyframes beamBottom-004ad2d6{0%{right:-40%}to{right:100%}}.panel-header[data-v-004ad2d6]{display:flex;align-items:center;gap:25px;padding:20px 30px 18px;border-bottom:1px solid rgba(30,144,255,.22);background:linear-gradient(90deg,rgba(0,60,160,.18),transparent);flex-shrink:0}.panel-header-icon[data-v-004ad2d6]{width:65px;height:65px;border-radius:12px;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:32px;background:linear-gradient(135deg,rgba(30,144,255,.25),rgba(0,216,255,.15));border:1px solid rgba(30,144,255,.35);animation:iconGlow-004ad2d6 3s ease-in-out infinite}@keyframes iconGlow-004ad2d6{0%,to{box-shadow:0 0 15px rgba(30,144,255,.3)}50%{box-shadow:0 0 35px rgba(30,144,255,.7),0 0 12px rgba(0,216,255,.3)}}.panel-title[data-v-004ad2d6]{font-size:30px;font-weight:600;letter-spacing:2px;color:#00d8ff}.status-dot[data-v-004ad2d6]{width:20px;height:20px;border-radius:50%;display:inline-block}.status-dot.red[data-v-004ad2d6]{background:#ff3b3b;box-shadow:0 0 15px #ff3b3b;animation:blinkRed-004ad2d6 .8s ease-in-out infinite}.status-dot.green[data-v-004ad2d6]{background:#00e676;box-shadow:0 0 15px #00e676;animation:dotPulse-004ad2d6 2s ease-in-out infinite}@keyframes dotPulse-004ad2d6{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.3);opacity:.7}}@keyframes blinkRed-004ad2d6{0%,to{opacity:1}50%{opacity:.35}}.sensor-scroll-wrap[data-v-004ad2d6]{overflow:hidden;flex:1;min-height:0;padding:15px 20px}.sensor-scroll-inner[data-v-004ad2d6]{animation:scrollUp-004ad2d6 30s linear infinite}.sensor-scroll-inner[data-v-004ad2d6]:hover{animation-play-state:paused}@keyframes scrollUp-004ad2d6{0%{transform:translateY(0)}to{transform:translateY(-50%)}}.sensor-item[data-v-004ad2d6]{padding:18px 20px;border-radius:10px;margin-bottom:12px;background:rgba(7,22,54,.85);border:1px solid rgba(30,144,255,.22)}.sensor-item.alert[data-v-004ad2d6]{border-color:rgba(255,59,59,.6);background:rgba(255,30,30,.07);animation:alertGlow-004ad2d6 1.5s ease-in-out infinite}@keyframes alertGlow-004ad2d6{0%,to{box-shadow:0 0 12px rgba(255,59,59,.25)}50%{box-shadow:0 0 40px rgba(255,59,59,.6)}}.sensor-item-head[data-v-004ad2d6]{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.sensor-name[data-v-004ad2d6]{font-size:28px;font-weight:600;color:#ddf0ff}.sensor-unit[data-v-004ad2d6]{font-size:25px;color:rgba(110,165,210,.55)}.sensor-status[data-v-004ad2d6]{font-size:25px}.alarm-status[data-v-004ad2d6]{color:#ff3b3b;animation:blinkRed-004ad2d6 .8s ease-in-out infinite}.normal-status[data-v-004ad2d6]{color:#00e676}.sensor-metrics[data-v-004ad2d6]{display:flex;gap:10px;flex-wrap:wrap}.sensor-metric[data-v-004ad2d6]{padding:5px 15px;border-radius:5px;font-size:25px;background:rgba(4,16,45,.7);border:1px solid rgba(30,144,255,.2);display:flex;align-items:center;gap:8px;color:#a8cce8}.sensor-metric.alarm[data-v-004ad2d6]{background:rgba(255,0,30,.12);border-color:#ff3b3b;color:#ff3b3b;animation:blinkRed-004ad2d6 .8s ease-in-out infinite}.alarm-info[data-v-672d7d48]{position:relative;border-radius:15px;overflow:hidden;background:rgba(5,16,42,.95);border:1px solid rgba(30,144,255,.22);display:flex;flex-direction:column;height:100%}.alarm-info[data-v-672d7d48]:before{content:"";background:linear-gradient(135deg,rgba(30,144,255,.05),transparent 50%,rgba(0,216,255,.03))}.alarm-info[data-v-672d7d48]:before,.border-beam[data-v-672d7d48]{position:absolute;inset:0;pointer-events:none;border-radius:inherit}.border-beam[data-v-672d7d48]{overflow:hidden;z-index:2}.border-beam[data-v-672d7d48]:before{content:"";position:absolute;top:0;left:-100%;width:40%;height:3px;background:linear-gradient(90deg,transparent,rgba(30,144,255,.9),rgba(0,216,255,.7),transparent);animation:beamTop-672d7d48 5s linear infinite}.border-beam[data-v-672d7d48]:after{content:"";position:absolute;bottom:0;right:-100%;width:40%;height:3px;background:linear-gradient(90deg,transparent,rgba(0,216,255,.7),rgba(30,144,255,.9),transparent);animation:beamBottom-672d7d48 5s linear 2.5s infinite}@keyframes beamTop-672d7d48{0%{left:-40%}to{left:100%}}@keyframes beamBottom-672d7d48{0%{right:-40%}to{right:100%}}.panel-header[data-v-672d7d48]{display:flex;align-items:center;gap:25px;padding:20px 30px 18px;border-bottom:1px solid rgba(30,144,255,.22);background:linear-gradient(90deg,rgba(0,60,160,.18),transparent);flex-shrink:0}.panel-header-icon[data-v-672d7d48]{width:65px;height:65px;border-radius:12px;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:32px;background:linear-gradient(135deg,rgba(30,144,255,.25),rgba(0,216,255,.15));border:1px solid rgba(30,144,255,.35);animation:iconGlow-672d7d48 3s ease-in-out infinite}@keyframes iconGlow-672d7d48{0%,to{box-shadow:0 0 15px rgba(30,144,255,.3)}50%{box-shadow:0 0 35px rgba(30,144,255,.7),0 0 12px rgba(0,216,255,.3)}}.panel-title[data-v-672d7d48]{font-size:30px;font-weight:600;letter-spacing:2px;color:#00d8ff}.header-count[data-v-672d7d48]{display:flex;align-items:center;gap:10px;flex-shrink:0}.count-label[data-v-672d7d48]{font-size:25px;color:rgba(110,165,210,.55)}.count-value[data-v-672d7d48]{font-size:50px;font-weight:700;color:#f59e0b}.warn-scroll-wrap[data-v-672d7d48]{overflow:hidden;flex:1;min-height:0;padding:15px 20px}.warn-scroll-inner[data-v-672d7d48]{animation:scrollUp-672d7d48 22s linear infinite}.warn-scroll-inner[data-v-672d7d48]:hover{animation-play-state:paused}@keyframes scrollUp-672d7d48{0%{transform:translateY(0)}to{transform:translateY(-50%)}}.warn-item[data-v-672d7d48]{padding:18px 20px;border-radius:10px;margin-bottom:12px;background:rgba(245,158,11,.05);border:1px solid rgba(245,158,11,.2)}.warn-item-head[data-v-672d7d48]{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:10px;gap:15px}.warn-lab[data-v-672d7d48]{font-size:28px;font-weight:600;color:#fcd34d;flex:1}.warn-time[data-v-672d7d48]{font-size:25px;color:rgba(110,165,210,.55);white-space:nowrap}.warn-detail[data-v-672d7d48]{font-size:25px;color:rgba(110,165,210,.55);display:flex;align-items:center;gap:10px}.warn-metric-val[data-v-672d7d48]{color:#fb923c;font-weight:600}.screen-container[data-v-acbadc2c]{width:9600px;height:2800px;position:relative;overflow:hidden;display:flex;flex-direction:column;background:#030e1f}.bg-hex[data-v-acbadc2c]{position:absolute;inset:0;pointer-events:none;z-index:0;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='52'%3E%3Cpath fill='none' stroke='rgba(30,144,255,0.05)' d='m30 2 28 15v30l-28 5-28-5V17z'/%3E%3C/svg%3E");background-size:150px 130px}.bg-hex[data-v-acbadc2c]:after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 50% 50%,transparent 25%,#030e1f 85%)}.screen-content[data-v-acbadc2c]{flex:1;min-height:0;display:grid;grid-template-columns:1892px 1414px 4282px 1892px;-moz-column-gap:20px;column-gap:20px;padding:20px 30px;position:relative;z-index:2}.panel-col[data-v-acbadc2c]{display:flex;flex-direction:column;gap:18px;min-height:0}.center-col[data-v-acbadc2c]{display:flex;flex-direction:column;min-height:0;position:relative}.panel-col[data-v-acbadc2c]:first-child>:first-child{flex:956;min-height:0}.panel-col[data-v-acbadc2c]:first-child>:nth-child(2){flex:1017;min-height:0}.panel-col[data-v-acbadc2c]:first-child>:nth-child(3){flex:591;min-height:0}.panel-col[data-v-acbadc2c]:nth-child(2)>:first-child{flex:666;min-height:0}.panel-col[data-v-acbadc2c]:nth-child(2)>:nth-child(2){flex:1916;min-height:0}.col-right[data-v-acbadc2c]>:first-child{flex:1807;min-height:0}.col-right[data-v-acbadc2c]>:last-child{flex:775;min-height:0}
|
