*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden}.nav{background:#0a102b;padding:8px 16px;height:40px}.nav a{color:#49bbff;margin-right:16px;text-decoration:none}.screen-container[data-v-3ac31229]{width:100%;height:calc(100vh - 40px);background:#0a102b;color:#e0efff;font-family:Microsoft YaHei,sans-serif;overflow:hidden!important;padding:8px;box-sizing:border-box}.system-title[data-v-3ac31229]{text-align:center;font-size:28px;font-weight:700;color:#49bbff;text-shadow:0 0 15px #2a82ff;padding:6px 0;letter-spacing:2px;margin:0 0 4px}.top-section[data-v-3ac31229]{height:48%;border:1px solid #1f4499;border-radius:8px;background:#081230bf;margin-bottom:6px;overflow:hidden;box-sizing:border-box}.top-inner[data-v-3ac31229]{display:flex;height:calc(100% - 40px);padding:6px 8px;gap:10px;box-sizing:border-box}.top-left[data-v-3ac31229]{flex:7;display:flex;flex-direction:column;gap:8px}.top-right[data-v-3ac31229]{flex:3;display:flex;flex-direction:column;gap:8px}.door-switch[data-v-3ac31229]{display:flex;align-items:center;height:36px;gap:10px}.door-switch label[data-v-3ac31229]{font-size:14px;color:#9cc9ff}.door-switch select[data-v-3ac31229]{height:32px;padding:0 8px;background:#081230cc;border:1px solid #2a5bda;color:#fff;border-radius:4px;width:280px}.time-box[data-v-3ac31229]{font-size:15px;color:#49bbff;font-weight:500;margin:auto;letter-spacing:1px}.video-double[data-v-3ac31229]{display:flex;flex:1;gap:8px}.video-item[data-v-3ac31229]{flex:1;border:1px solid #2255cc;border-radius:4px;background:#00000080;display:flex;flex-direction:column}.video-title[data-v-3ac31229]{height:30px;line-height:30px;padding-left:8px;font-size:13px;color:#9cc9ff;background:#1937804d}.video-box[data-v-3ac31229]{position:relative;width:100%;flex:1;overflow:hidden}.video-bg[data-v-3ac31229]{width:100%;height:100%;object-fit:cover;opacity:.9}.ai-mark[data-v-3ac31229]{position:absolute;border:2px solid;background:#ffffff0d}.danger-area[data-v-3ac31229]{width:35%;height:45%;top:22%;left:12%;border-color:#ff4757}.stop-area[data-v-3ac31229]{width:25%;height:30%;bottom:12%;right:12%;border-color:#ffa502}.detect-box[data-v-3ac31229]{position:absolute;border:2px solid}.person[data-v-3ac31229]{width:50px;height:90px;top:35%;left:18%;border-color:#32ff80}.car[data-v-3ac31229]{width:100px;height:50px;top:65%;right:18%;border-color:#32b5ff}.foreign[data-v-3ac31229]{width:40px;height:40px;top:50%;left:45%;border-color:#ff9500}.status-panel[data-v-3ac31229],.alarm-panel[data-v-3ac31229]{flex:1;border:1px solid #2255cc;border-radius:4px;background:#00000060;display:flex;flex-direction:column}.status-title[data-v-3ac31229],.alarm-title[data-v-3ac31229]{height:30px;line-height:30px;padding:0 8px;background:#1937804d;color:#9cc9ff;font-size:13px;display:flex;justify-content:space-between;align-items:center}.status-grid[data-v-3ac31229]{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr 1fr;gap:4px;padding:4px;flex:1}.status-item[data-v-3ac31229]{display:flex;flex-direction:column;align-items:center;justify-content:center;background:#1e418c33;border-radius:4px}.status-num[data-v-3ac31229]{font-size:20px;font-weight:700;color:#fff}.status-name[data-v-3ac31229]{font-size:11px;color:#9cc9ff;margin-top:2px}.alarm-badge[data-v-3ac31229]{display:inline-block;width:18px;height:18px;line-height:18px;text-align:center;background:#ff4757;border-radius:50%;font-size:11px;color:#fff;margin-right:6px}.alarm-scroll[data-v-3ac31229]{padding:4px;flex:1;overflow:hidden;position:relative}.alarm-item[data-v-3ac31229]{padding:4px 6px;margin-bottom:3px;border-radius:4px;font-size:11px;display:flex;gap:6px;align-items:center}.alarm-item.red[data-v-3ac31229]{background:#ff3c3c33;color:#f99;border-left:3px solid #ff4757}.alarm-item.orange[data-v-3ac31229]{background:#f903;color:#ffc37f;border-left:3px solid #ff9500}.alarm-item.yellow[data-v-3ac31229]{background:#ffe60033;color:#fff380;border-left:3px solid #ffcc32}.btn[data-v-3ac31229]{padding:5px 10px;background:#2a5bda4d;border:1px solid #2a5bda;color:#fff;border-radius:4px;cursor:pointer}.btn-primary[data-v-3ac31229]{background:#49bbff60;border-color:#49bbff}.btn-sm[data-v-3ac31229]{padding:3px 6px;font-size:11px}.btn-default[data-v-3ac31229]{background:#1e418c4d;border-color:#1f4499}.middle-section[data-v-3ac31229]{height:6%;border:1px solid #1f4499;border-radius:8px;background:#081230bf;margin-bottom:6px;display:flex;align-items:center;padding:0 15px;box-sizing:border-box}.search-panel[data-v-3ac31229]{display:flex;align-items:center;gap:15px;width:100%}.search-item[data-v-3ac31229]{display:flex;align-items:center;gap:6px}.search-item label[data-v-3ac31229]{font-size:13px;color:#9cc9ff}.search-input[data-v-3ac31229],.search-select[data-v-3ac31229]{height:30px;padding:0 6px;background:#081230cc;border:1px solid #2a5bda;color:#fff;border-radius:4px;width:160px}.split[data-v-3ac31229]{color:#9cc9ff;font-size:12px}.search-btn-group[data-v-3ac31229]{margin-left:auto;display:flex;gap:8px}.bottom-section[data-v-3ac31229]{height:44%;border:1px solid #1f4499;border-radius:8px;background:#081230bf;overflow:hidden;box-sizing:border-box}.content-wrap[data-v-3ac31229]{display:flex;height:100%;padding:8px;gap:10px;box-sizing:border-box}.img-list[data-v-3ac31229]{flex:2;display:flex;flex-wrap:wrap;gap:8px;overflow-y:auto;padding:4px}.img-item[data-v-3ac31229]{width:calc(25% - 6px);border:1px solid #2a5bda;border-radius:4px;background:#00000060;padding:4px;cursor:pointer;display:flex;flex-direction:column}.img-thumbnail[data-v-3ac31229]{width:100%;flex:1;object-fit:cover;border-radius:4px}.img-desc[data-v-3ac31229]{height:32px;margin-top:4px;display:flex;flex-direction:column;justify-content:center;gap:2px}.desc-line1[data-v-3ac31229]{font-size:10px;color:#9cc9ff;text-align:center;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.desc-line2[data-v-3ac31229]{font-size:11px;color:#e0efff;text-align:center;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.right-data-panel[data-v-3ac31229]{flex:1;display:flex;flex-direction:column;gap:6px}.tab-nav[data-v-3ac31229]{display:flex;height:32px;background:#19378033;border-radius:4px;overflow:hidden}.tab-item[data-v-3ac31229]{flex:1;line-height:32px;text-align:center;font-size:13px;color:#9cc9ff;cursor:pointer}.tab-item.active[data-v-3ac31229]{background:#49bbff40;color:#49bbff;border-bottom:2px solid #49bbff}.data-list[data-v-3ac31229]{flex:1;border:1px solid #2a5bda;border-radius:4px;background:#00000060;overflow:hidden;display:flex;flex-direction:column}.data-header[data-v-3ac31229]{display:flex;height:30px;line-height:30px;background:#1937804d;font-size:12px}.data-row[data-v-3ac31229]{display:flex;height:30px;line-height:30px;border-bottom:1px dashed #1f3e8a;font-size:11px;color:#a0d3ff}.data-col[data-v-3ac31229]{flex:1;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.data-col[data-v-3ac31229]:first-child{flex:0 1 50px}.严重[data-v-3ac31229]{color:#ff4757;font-weight:500}.一般[data-v-3ac31229]{color:#ff9500;font-weight:500}.img-modal[data-v-3ac31229]{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:9999}.modal-content[data-v-3ac31229]{background:#0a102b;border:2px solid #49bbff;border-radius:8px;width:700px;padding:12px}.modal-header[data-v-3ac31229]{display:flex;justify-content:space-between;margin-bottom:8px;font-size:15px;color:#49bbff}.close-btn[data-v-3ac31229]{background:none;border:none;color:#fff;font-size:20px;cursor:pointer}.modal-img[data-v-3ac31229]{width:100%;height:400px;object-fit:contain;background:#000;border-radius:4px}.modal-info[data-v-3ac31229]{text-align:center;margin-top:8px;font-size:13px;color:#e0efff}[data-v-3ac31229]::-webkit-scrollbar{width:6px;height:6px}[data-v-3ac31229]::-webkit-scrollbar-track{background:#19378033;border-radius:3px}[data-v-3ac31229]::-webkit-scrollbar-thumb{background:#49bbff;border-radius:3px}[data-v-3ac31229]::-webkit-scrollbar-thumb:hover{background:#6cccff}.img-list[data-v-3ac31229]::-webkit-scrollbar{width:6px}.img-list[data-v-3ac31229]::-webkit-scrollbar-track{background:#08123080}.img-list[data-v-3ac31229]::-webkit-scrollbar-thumb{background:#49bbff}@keyframes alarmFlash-3ac31229{0%{background:#49bbff66!important;transform:scale(1.02)}30%{background:#ff464680!important}60%{background:#49bbff66!important}to{background:initial!important;transform:scale(1)}}.alarm-item.new[data-v-3ac31229]{animation:alarmFlash-3ac31229 1.8s ease-out forwards;position:relative;z-index:10}@keyframes redAlarmBlink-3ac31229{0%{background:#ff3c3c33}50%{background:#ff3c3c80}to{background:#ff3c3c33}}@keyframes newAlarmFlash-3ac31229{0%{background:#49bbff66;transform:scale(1.02);box-shadow:0 0 8px #49bbffcc}30%{background:#ff8c2880;box-shadow:0 0 12px #ff8c28cc}60%{background:#49bbff66;box-shadow:0 0 8px #49bbffcc}to{background:initial;transform:scale(1);box-shadow:none}}.alarm-item.red[data-v-3ac31229]{animation:redAlarmBlink-3ac31229 1.2s infinite ease-in-out}.alarm-item.new[data-v-3ac31229]{animation:newAlarmFlash-3ac31229 1.8s ease-out forwards;position:relative;z-index:10}.screen-container[data-v-249d091d]{width:100%;height:calc(100vh - 40px);background:#0a102b;color:#e0efff;font-family:Microsoft YaHei,sans-serif;overflow:hidden!important;padding:8px;box-sizing:border-box}.system-title[data-v-249d091d]{text-align:center;font-size:28px;font-weight:700;color:#49bbff;text-shadow:0 0 15px #2a82ff;padding:6px 0;letter-spacing:2px;margin:0 0 4px}.top-section[data-v-249d091d]{height:48%;border:1px solid #1f4499;border-radius:8px;background:#081230bf;margin-bottom:6px;overflow:hidden;box-sizing:border-box}.top-inner[data-v-249d091d]{display:flex;height:calc(100% - 40px);padding:6px 8px;gap:10px;box-sizing:border-box}.top-left[data-v-249d091d]{flex:7;display:flex;flex-direction:column;gap:8px}.top-right[data-v-249d091d]{flex:3;display:flex;flex-direction:column;gap:8px}.fan-switch[data-v-249d091d]{display:flex;align-items:center;height:36px;gap:10px}.fan-switch select[data-v-249d091d]{height:32px;padding:0 8px;background:#081230cc;border:1px solid #2a5bda;color:#fff;border-radius:4px;width:280px}.time-box[data-v-249d091d]{font-size:15px;color:#49bbff;font-weight:500;margin:auto;letter-spacing:1px}.video-single[data-v-249d091d]{display:flex;flex:1;gap:8px}.video-item[data-v-249d091d]{flex:1;border:1px solid #2255cc;border-radius:4px;background:#00000080;display:flex;flex-direction:column;height:100%}.video-title[data-v-249d091d]{height:30px;line-height:30px;padding-left:8px;font-size:13px;color:#9cc9ff;background:#1937804d}.video-box[data-v-249d091d]{position:relative;width:100%;flex:1;overflow:hidden}.video-bg[data-v-249d091d]{width:100%;height:100%;object-fit:cover;opacity:.9}.alarm-video-replace[data-v-249d091d]{display:flex;flex-direction:column;height:100%}.alarm-title[data-v-249d091d]{height:30px;line-height:30px;padding:0 8px;background:#1937804d;color:#9cc9ff;font-size:13px;display:flex;justify-content:space-between;align-items:center}.alarm-scroll[data-v-249d091d]{flex:1;padding:4px;overflow:hidden;height:100%;max-height:100%}.alarm-item[data-v-249d091d]{padding:6px 8px;margin-bottom:4px;border-radius:4px;font-size:12px;border-left:3px solid transparent;display:block}.alarm-full-line[data-v-249d091d]{width:100%;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.alarm-time[data-v-249d091d],.alarm-fan[data-v-249d091d],.alarm-type[data-v-249d091d],.alarm-desc[data-v-249d091d]{margin-right:12px;line-height:24px}.alarm-desc[data-v-249d091d]{margin-right:0}.alarm-item.green[data-v-249d091d]{background:#00ff6426;color:#9cffcc;border-left-color:#0f6}.alarm-item.red[data-v-249d091d]{background:#ff3c3c33;color:#f99;border-left-color:#ff4757}.status-panel[data-v-249d091d],.area-stats-panel[data-v-249d091d]{flex:1;border:1px solid #2255cc;border-radius:4px;background:#00000060;display:flex;flex-direction:column}.status-title[data-v-249d091d]{height:30px;line-height:30px;padding:0 8px;background:#1937804d;color:#9cc9ff;font-size:13px}.status-grid[data-v-249d091d]{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr 1fr;gap:4px;padding:4px;flex:1}.status-item[data-v-249d091d]{display:flex;flex-direction:column;align-items:center;justify-content:center;background:#1e418c33;border-radius:4px}.status-num[data-v-249d091d]{font-size:20px;font-weight:700;color:#fff}.status-name[data-v-249d091d]{font-size:11px;color:#9cc9ff;margin-top:2px}.area-stats-list[data-v-249d091d]{flex:1;padding:8px;display:flex;flex-direction:column;gap:5px;overflow-y:auto}.area-stats-item[data-v-249d091d]{display:flex;justify-content:space-between;align-items:center;padding:6px 10px;background:#1e418c40;border-radius:6px;font-size:13px}.area-name[data-v-249d091d]{color:#9cc9ff;width:70px}.area-data[data-v-249d091d]{display:flex;gap:15px}.person-count[data-v-249d091d]{color:#32ff80;font-weight:700}.stay-time[data-v-249d091d]{color:#ffa502}.alarm-badge[data-v-249d091d]{display:inline-block;width:18px;height:18px;line-height:18px;text-align:center;background:#49bbff;border-radius:50%;font-size:11px;color:#fff;margin-right:6px}.btn[data-v-249d091d]{padding:5px 10px;background:#2a5bda4d;border:1px solid #2a5bda;color:#fff;border-radius:4px;cursor:pointer}.btn-primary[data-v-249d091d]{background:#49bbff60;border-color:#49bbff}.btn-sm[data-v-249d091d]{padding:3px 6px;font-size:11px}.btn-default[data-v-249d091d]{background:#1e418c4d;border-color:#1f4499}.middle-section[data-v-249d091d]{height:6%;border:1px solid #1f4499;border-radius:8px;background:#081230bf;margin-bottom:6px;display:flex;align-items:center;padding:0 15px;box-sizing:border-box}.search-panel[data-v-249d091d]{display:flex;align-items:center;gap:15px;width:100%}.search-item[data-v-249d091d]{display:flex;align-items:center;gap:6px}.search-item label[data-v-249d091d]{font-size:13px;color:#9cc9ff}.search-input[data-v-249d091d],.search-select[data-v-249d091d]{height:30px;padding:0 6px;background:#081230cc;border:1px solid #2a5bda;color:#fff;border-radius:4px;width:160px}.split[data-v-249d091d]{color:#9cc9ff;font-size:12px}.search-btn-group[data-v-249d091d]{margin-left:auto;display:flex;gap:8px}.bottom-section[data-v-249d091d]{height:44%;border:1px solid #1f4499;border-radius:8px;background:#081230bf;overflow:hidden;box-sizing:border-box}.content-wrap[data-v-249d091d]{display:flex;height:100%;padding:8px;gap:10px;box-sizing:border-box}.img-list[data-v-249d091d]{flex:2;display:flex;flex-wrap:wrap;gap:8px;overflow-y:auto;padding:4px;align-content:flex-start}.right-data-panel[data-v-249d091d]{flex:1;display:flex;flex-direction:column;gap:6px}.img-item[data-v-249d091d]{width:calc(25% - 6px);border:1px solid #2a5bda;border-radius:4px;background:#00000060;padding:4px;cursor:pointer;display:flex;flex-direction:column;height:160px}.img-thumbnail[data-v-249d091d]{width:100%;height:120px;object-fit:contain;border-radius:4px;background:#000}.img-desc[data-v-249d091d]{height:32px;margin-top:4px;display:flex;flex-direction:column;justify-content:center;gap:2px}.desc-line1[data-v-249d091d]{font-size:10px;color:#9cc9ff;text-align:center;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.desc-line2[data-v-249d091d]{font-size:11px;color:#e0efff;text-align:center;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tab-nav[data-v-249d091d]{display:flex;height:32px;background:#19378033;border-radius:4px;overflow:hidden}.tab-item[data-v-249d091d]{flex:1;line-height:32px;text-align:center;font-size:13px;color:#9cc9ff;cursor:pointer}.tab-item.active[data-v-249d091d]{background:#49bbff40;color:#49bbff;border-bottom:2px solid #49bbff}.data-list[data-v-249d091d]{flex:1;border:1px solid #2a5bda;border-radius:4px;background:#00000060;overflow:hidden;display:flex;flex-direction:column}.data-header[data-v-249d091d]{display:flex;height:30px;line-height:30px;background:#1937804d;font-size:12px}.data-row[data-v-249d091d]{display:flex;height:30px;line-height:30px;border-bottom:1px dashed #1f3e8a;font-size:11px;color:#a0d3ff}.data-col[data-v-249d091d]{flex:1;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.data-col[data-v-249d091d]:first-child{flex:0 1 50px}.handled[data-v-249d091d]{color:#32ff80;font-weight:700}.unhandled[data-v-249d091d]{color:#ff4757;font-weight:700}.img-modal[data-v-249d091d]{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:9999}.modal-content[data-v-249d091d]{background:#0a102b;border:2px solid #49bbff;border-radius:8px;width:700px;padding:12px}.modal-header[data-v-249d091d]{display:flex;justify-content:space-between;margin-bottom:8px;font-size:15px;color:#49bbff}.close-btn[data-v-249d091d]{background:none;border:none;color:#fff;font-size:20px;cursor:pointer}.modal-img[data-v-249d091d]{width:100%;height:400px;object-fit:contain;background:#000;border-radius:4px}.modal-info[data-v-249d091d]{text-align:center;margin-top:8px;font-size:13px;color:#e0efff}[data-v-249d091d]::-webkit-scrollbar{width:6px;height:6px}[data-v-249d091d]::-webkit-scrollbar-track{background:#19378033;border-radius:3px}[data-v-249d091d]::-webkit-scrollbar-thumb{background:#49bbff;border-radius:3px}@keyframes newAlarmFlash-249d091d{0%{background:#49bbff66;transform:scale(1.02)}to{background:initial;transform:scale(1)}}.alarm-item.new[data-v-249d091d]{animation:newAlarmFlash-249d091d 1.8s forwards}.screen-container[data-v-b2430ed8]{width:100%;height:calc(100vh - 40px);background:#0a102b;color:#e0efff;font-family:Microsoft YaHei,sans-serif;overflow:hidden!important;padding:8px;box-sizing:border-box}.system-title[data-v-b2430ed8]{text-align:center;font-size:28px;font-weight:700;color:#49bbff;text-shadow:0 0 15px #2a82ff;padding:6px 0;letter-spacing:2px;margin:0 0 4px}.top-section[data-v-b2430ed8]{height:48%;border:1px solid #1f4499;border-radius:8px;background:#081230bf;margin-bottom:6px;overflow:hidden;box-sizing:border-box}.top-inner[data-v-b2430ed8]{display:flex;height:calc(100% - 40px);padding:6px 8px;gap:10px;box-sizing:border-box}.top-left[data-v-b2430ed8]{flex:7;display:flex;flex-direction:column;gap:8px}.top-right[data-v-b2430ed8]{flex:3;display:flex;flex-direction:column;gap:8px}.log-panel[data-v-b2430ed8]{flex:0 0 35%!important;min-height:auto!important}.status-panel-large[data-v-b2430ed8]{flex:1!important;min-height:220px!important}.fan-switch[data-v-b2430ed8]{display:flex;align-items:center;height:36px;gap:10px}.fan-switch select[data-v-b2430ed8]{height:32px;padding:0 8px;background:#081230cc;border:1px solid #2a5bda;color:#fff;border-radius:4px;width:280px}.time-box[data-v-b2430ed8]{font-size:15px;color:#49bbff;font-weight:500;margin:auto;letter-spacing:1px}.video-single[data-v-b2430ed8]{display:flex;flex:1;gap:8px}.video-item[data-v-b2430ed8]{flex:1;border:1px solid #2255cc;border-radius:4px;background:#00000080;display:flex;flex-direction:column;height:100%}.video-title[data-v-b2430ed8]{height:30px;line-height:30px;padding-left:8px;font-size:13px;color:#9cc9ff;background:#1937804d}.video-box[data-v-b2430ed8]{position:relative;width:100%;flex:1;overflow:hidden}.video-bg[data-v-b2430ed8]{width:100%;height:100%;object-fit:cover;opacity:.9}.status-panel[data-v-b2430ed8]{flex:1;border:1px solid #2255cc;border-radius:4px;background:#00000060;display:flex;flex-direction:column}.status-title[data-v-b2430ed8]{height:30px;line-height:30px;padding:0 8px;background:#1937804d;color:#9cc9ff;font-size:13px}.status-grid[data-v-b2430ed8]{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr 1fr;gap:4px;padding:4px;flex:1}.status-item[data-v-b2430ed8]{display:flex;flex-direction:column;align-items:center;justify-content:center;background:#1e418c33;border-radius:4px}.status-num[data-v-b2430ed8]{font-size:22px;font-weight:700;color:#fff}.status-name[data-v-b2430ed8]{font-size:12px;color:#9cc9ff;margin-top:2px}.alarm-item[data-v-b2430ed8]{padding:4px 6px;margin-bottom:3px;border-radius:4px;font-size:12px;border-left:3px solid transparent;display:block}.alarm-full-line[data-v-b2430ed8]{width:100%;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.alarm-time[data-v-b2430ed8],.alarm-fan[data-v-b2430ed8],.alarm-type[data-v-b2430ed8],.alarm-desc[data-v-b2430ed8]{margin-right:10px;line-height:22px}.alarm-item.green[data-v-b2430ed8]{background:#00ff6426;color:#9cffcc;border-left-color:#0f6}.alarm-item.red[data-v-b2430ed8]{background:#ff3c3c33;color:#f99;border-left-color:#ff4757}.btn[data-v-b2430ed8]{padding:5px 10px;background:#2a5bda4d;border:1px solid #2a5bda;color:#fff;border-radius:4px;cursor:pointer}.btn-primary[data-v-b2430ed8]{background:#49bbff60;border-color:#49bbff}.btn-sm[data-v-b2430ed8]{padding:3px 6px;font-size:11px}.btn-default[data-v-b2430ed8]{background:#1e418c4d;border-color:#1f4499}.middle-section[data-v-b2430ed8]{height:6%;border:1px solid #1f4499;border-radius:8px;background:#081230bf;margin-bottom:6px;display:flex;align-items:center;padding:0 15px;box-sizing:border-box}.search-panel[data-v-b2430ed8]{display:flex;align-items:center;gap:15px;width:100%}.search-item[data-v-b2430ed8]{display:flex;align-items:center;gap:6px}.search-item label[data-v-b2430ed8]{font-size:13px;color:#9cc9ff}.search-input[data-v-b2430ed8],.search-select[data-v-b2430ed8]{height:30px;padding:0 6px;background:#081230cc;border:1px solid #2a5bda;color:#fff;border-radius:4px;width:160px}.split[data-v-b2430ed8]{color:#9cc9ff;font-size:12px}.search-btn-group[data-v-b2430ed8]{margin-left:auto;display:flex;gap:8px}.bottom-section[data-v-b2430ed8]{height:44%;border:1px solid #1f4499;border-radius:8px;background:#081230bf;overflow:hidden;box-sizing:border-box}.content-wrap[data-v-b2430ed8]{display:flex;height:100%;padding:8px;gap:10px;box-sizing:border-box}.img-list[data-v-b2430ed8]{flex:2;display:flex;flex-wrap:wrap;gap:8px;overflow-y:auto;padding:4px;align-content:flex-start}.right-data-panel[data-v-b2430ed8]{flex:1;display:flex;flex-direction:column;gap:6px}.img-item[data-v-b2430ed8]{width:calc(25% - 6px);border:1px solid #2a5bda;border-radius:4px;background:#00000060;padding:4px;cursor:pointer;display:flex;flex-direction:column;height:160px}.img-thumbnail[data-v-b2430ed8]{width:100%;height:120px;object-fit:contain;border-radius:4px;background:#000}.img-desc[data-v-b2430ed8]{height:32px;margin-top:4px;display:flex;flex-direction:column;justify-content:center;gap:2px}.desc-line1[data-v-b2430ed8]{font-size:10px;color:#9cc9ff;text-align:center;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.desc-line2[data-v-b2430ed8]{font-size:11px;color:#e0efff;text-align:center;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tab-nav[data-v-b2430ed8]{display:flex;height:32px;background:#19378033;border-radius:4px;overflow:hidden}.tab-item[data-v-b2430ed8]{flex:1;line-height:32px;text-align:center;font-size:13px;color:#9cc9ff;cursor:pointer}.tab-item.active[data-v-b2430ed8]{background:#49bbff40;color:#49bbff;border-bottom:2px solid #49bbff}.data-list[data-v-b2430ed8]{flex:1;border:1px solid #2a5bda;border-radius:4px;background:#00000060;overflow:hidden;display:flex;flex-direction:column}.data-header[data-v-b2430ed8]{display:flex;height:30px;line-height:30px;background:#1937804d;font-size:12px}.data-row[data-v-b2430ed8]{display:flex;height:30px;line-height:30px;border-bottom:1px dashed #1f3e8a;font-size:11px;color:#a0d3ff}.data-col[data-v-b2430ed8]{flex:1;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.data-col[data-v-b2430ed8]:first-child{flex:0 1 50px}.handled[data-v-b2430ed8]{color:#32ff80;font-weight:700}.unhandled[data-v-b2430ed8]{color:#ff4757;font-weight:700}.img-modal[data-v-b2430ed8]{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:9999}.modal-content[data-v-b2430ed8]{background:#0a102b;border:2px solid #49bbff;border-radius:8px;width:700px;padding:12px}.modal-header[data-v-b2430ed8]{display:flex;justify-content:space-between;margin-bottom:8px;font-size:15px;color:#49bbff}.close-btn[data-v-b2430ed8]{background:none;border:none;color:#fff;font-size:20px;cursor:pointer}.modal-img[data-v-b2430ed8]{width:100%;height:400px;object-fit:contain;background:#000;border-radius:4px}.modal-info[data-v-b2430ed8]{text-align:center;margin-top:8px;font-size:13px;color:#e0efff}[data-v-b2430ed8]::-webkit-scrollbar{width:6px;height:6px}[data-v-b2430ed8]::-webkit-scrollbar-track{background:#19378033;border-radius:3px}[data-v-b2430ed8]::-webkit-scrollbar-thumb{background:#49bbff;border-radius:3px}@keyframes newAlarmFlash-b2430ed8{0%{background:#49bbff66;transform:scale(1.02)}to{background:initial;transform:scale(1)}}.alarm-item.new[data-v-b2430ed8]{animation:newAlarmFlash-b2430ed8 1.8s forwards}.gate-monitor-container[data-v-c61f1e44]{width:100vw;height:100vh;background:#0a101f;color:#e0e6ff;overflow:hidden;font-family:Arial}.header[data-v-c61f1e44]{height:60px;background:#121a33;display:flex;align-items:center;justify-content:flex-end;padding:0 24px;gap:16px}.device-select[data-v-c61f1e44]{padding:8px 16px;font-size:15px;border-radius:8px;border:1px solid #2a3e75;background:#182242;color:#4fc3f7;outline:none;cursor:pointer;min-width:150px}.device-select option[data-v-c61f1e44]{background:#121a33;color:#fff}.status-online[data-v-c61f1e44]{background:#0f8;color:#000;padding:4px 10px;border-radius:12px;font-size:13px;font-weight:700}.status-online.offline[data-v-c61f1e44]{background:#f44;color:#fff}.body-content[data-v-c61f1e44]{display:flex;flex-direction:column;height:calc(100% - 60px);padding:10px;gap:10px}.top-panel-wrapper[data-v-c61f1e44]{display:flex;gap:10px}.top-panel-wrapper[data-v-c61f1e44]>*{flex:1}.bottom-panel-wrapper[data-v-c61f1e44]{display:flex;flex:1;gap:10px}.video-section[data-v-c61f1e44]{flex:2;display:flex;flex-direction:column}.video-box[data-v-c61f1e44]{flex:1;position:relative;background:#000;border-radius:6px;overflow:hidden;border:2px solid #2a3e75}.video-player[data-v-c61f1e44]{width:100%;height:100%;object-fit:contain}.detection-overlay[data-v-c61f1e44]{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:9999}.debug-panel[data-v-c61f1e44]{background:#121a33;padding:10px 12px;border-radius:6px;font-size:12px;color:#ccc;border:1px solid #2a3e75;height:120px;box-sizing:border-box}.panel-title[data-v-c61f1e44]{font-size:13px;font-weight:700;color:#4fc3f7;margin-bottom:8px;text-align:center}.coord-grid[data-v-c61f1e44]{display:grid;grid-template-columns:1fr 1fr;gap:8px 10px;font-size:12px}.coord-item[data-v-c61f1e44]{display:flex;flex-direction:column;white-space:nowrap;align-items:center;text-align:center}.coord-item .value[data-v-c61f1e44]{color:#4fc3f7;font-weight:500;margin-top:2px}.right-section[data-v-c61f1e44]{flex:1;display:flex;flex-direction:column}.log-section[data-v-c61f1e44]{flex:1;background:#121a33;border-radius:6px;padding:10px;border:1px solid #2a3e75;display:flex;flex-direction:column;gap:8px;box-sizing:border-box;min-height:0}.log-title[data-v-c61f1e44]{color:#4fc3f7;text-align:center;font-size:16px;font-weight:700;margin:0}.log-header[data-v-c61f1e44]{display:flex;justify-content:space-between;align-items:center;padding:6px 8px;background:#0f182e;border-radius:4px;font-weight:700;color:#87ceeb;flex-shrink:0}.log-list[data-v-c61f1e44]{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:6px;min-height:0}.log-item[data-v-c61f1e44]{background:#182242;padding:8px;border-left:3px solid #37477a;display:flex;justify-content:space-between;align-items:center;gap:6px;border-radius:4px;flex-shrink:0}.log-item.latest[data-v-c61f1e44]{background:#1f2d56;border-left:3px solid #00ff88;animation:flash-c61f1e44 .6s}.log-item.danger[data-v-c61f1e44]{background:#3d1f28!important;border-left:3px solid #ff4444!important}.log-item .time[data-v-c61f1e44],.log-item .position[data-v-c61f1e44]{font-size:13px;color:#e0e6ff;white-space:nowrap}.danger-tag.danger[data-v-c61f1e44]{color:#f44;font-weight:700;font-size:13px}.danger-tag.safe[data-v-c61f1e44]{color:#0f8;font-weight:700;font-size:13px}.log-item .target[data-v-c61f1e44],.log-item .confidence[data-v-c61f1e44]{font-size:13px;white-space:nowrap}.log-header>div[data-v-c61f1e44],.log-item>div[data-v-c61f1e44]{flex:1;text-align:center}.stats-section[data-v-c61f1e44]{height:120px;background:#121a33;border-radius:6px;padding:10px;border:1px solid #2a3e75;display:flex;flex-direction:column;gap:6px;box-sizing:border-box}.stats-title[data-v-c61f1e44]{color:#4fc3f7;font-size:14px;font-weight:700;text-align:center;margin:0}.stats-tabs[data-v-c61f1e44]{display:flex;gap:6px;justify-content:center}.stats-tab[data-v-c61f1e44]{padding:3px 10px;border-radius:4px;background:#182242;color:#ccc;border:none;outline:none;cursor:pointer;font-size:12px}.stats-tab.active[data-v-c61f1e44]{background:#4fc3f7;color:#000;font-weight:700}.stats-grid[data-v-c61f1e44]{display:flex;justify-content:space-between;gap:6px}.stats-item[data-v-c61f1e44]{flex:1;text-align:center}.stats-label[data-v-c61f1e44]{font-size:11px;color:#ccc}.stats-value[data-v-c61f1e44]{font-size:14px;font-weight:700;color:#4fc3f7}@keyframes fadeOut-c61f1e44{0%{opacity:1}to{opacity:0}}@keyframes flash-c61f1e44{0%{background:#2a3e75}50%{background:#3b5496}to{background:#1f2d56}}.log-list[data-v-c61f1e44]::-webkit-scrollbar{width:6px}.log-list[data-v-c61f1e44]::-webkit-scrollbar-track{background:#121a33;border-radius:3px}.log-list[data-v-c61f1e44]::-webkit-scrollbar-thumb{background:#2a3e75;border-radius:3px}.page-wrapper[data-v-15f6c469]{width:100vw;height:100vh;background:#040818;overflow:hidden;box-sizing:border-box}.gate-monitor-container[data-v-15f6c469]{width:100%;height:100%;background:#0a101f;border:1px solid #2a3e75;border-radius:12px;overflow:hidden;color:#e0e6ff;font-family:Microsoft YaHei,sans-serif;display:flex;flex-direction:column;box-sizing:border-box}.card[data-v-15f6c469]{background:#121a33;border:1px solid #2a3e75;border-radius:8px;padding:10px;box-sizing:border-box;height:100%}.header[data-v-15f6c469]{height:60px;background:#121a33;display:flex;align-items:center;justify-content:flex-end;padding:0 20px;gap:15px;position:relative;border-bottom:1px solid #2a3e75;box-sizing:border-box;flex-shrink:0}.system-title[data-v-15f6c469]{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:28px;font-weight:700;color:#49bbff;text-shadow:0 0 15px #2a82ff;white-space:nowrap}.device-select[data-v-15f6c469]{padding:6px 12px;font-size:14px;border-radius:8px;border:1px solid #2a3e75;background:#182242;color:#4fc3f7;outline:none;cursor:pointer;min-width:200px}.device-select option[data-v-15f6c469]{background:#121a33;color:#fff}.status-online[data-v-15f6c469]{background:#0f8;color:#000;padding:4px 10px;border-radius:12px;font-size:13px;font-weight:700}.status-online.offline[data-v-15f6c469]{background:#f44;color:#fff}.body-content[data-v-15f6c469]{flex:1;display:flex;flex-direction:column;padding:12px;gap:12px;box-sizing:border-box;overflow:hidden}.top-panel-wrapper[data-v-15f6c469]{display:flex;gap:12px;height:120px;flex-shrink:0}.top-panel-wrapper[data-v-15f6c469]>*{flex:1}.bottom-panel-wrapper[data-v-15f6c469]{display:flex;flex:1;gap:12px;box-sizing:border-box}.video-section[data-v-15f6c469]{flex:2;display:flex;flex-direction:column;gap:8px;box-sizing:border-box}.video-title[data-v-15f6c469]{text-align:center;font-size:20px;font-weight:700;color:#4fc3f7;text-shadow:0 0 10px #2a82ff;line-height:1;margin:0}.video-box[data-v-15f6c469]{flex:1;position:relative;background:#000;border-radius:6px;overflow:hidden;width:100%}.video-player[data-v-15f6c469]{width:100%;height:100%;object-fit:contain}.detection-overlay[data-v-15f6c469]{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:10}.stats-section[data-v-15f6c469]{display:flex;flex-direction:column;gap:6px}.stats-title[data-v-15f6c469]{color:#4fc3f7;font-size:18px;font-weight:700;text-align:center;line-height:1;margin:0}.stats-tabs[data-v-15f6c469]{display:flex;gap:6px;justify-content:center}.stats-tab[data-v-15f6c469]{padding:2px 8px;border-radius:4px;background:#182242;color:#ccc;border:none;cursor:pointer;font-size:12px}.stats-tab.active[data-v-15f6c469]{background:#4fc3f7;color:#000;font-weight:700}.stats-grid[data-v-15f6c469]{display:flex;justify-content:space-between;gap:6px;flex:1;align-items:center}.stats-item[data-v-15f6c469]{flex:1;text-align:center}.stats-label[data-v-15f6c469]{font-size:11px;color:#ccc;line-height:1.2}.stats-value[data-v-15f6c469]{font-size:16px;font-weight:700;color:#4fc3f7;line-height:1.5}.debug-panel[data-v-15f6c469]{display:flex;flex-direction:column;gap:8px}.panel-title[data-v-15f6c469]{font-size:16px;font-weight:700;color:#4fc3f7;text-align:center;line-height:1;margin:0}.coord-grid[data-v-15f6c469]{display:grid;grid-template-columns:1fr 1fr;gap:8px 10px;flex:1;align-items:center}.coord-item[data-v-15f6c469]{display:flex;flex-direction:column;align-items:center;text-align:center;font-size:12px}.coord-item .value[data-v-15f6c469]{color:#4fc3f7;font-weight:700;margin-top:2px;line-height:1.5}.right-section[data-v-15f6c469]{flex:1;box-sizing:border-box}.log-section[data-v-15f6c469]{height:100%;display:flex;flex-direction:column;gap:8px}.log-title[data-v-15f6c469]{color:#4fc3f7;text-align:center;font-size:18px;font-weight:700;line-height:1;margin:0}.log-header[data-v-15f6c469]{display:flex;justify-content:space-between;padding:6px 8px;background:#0f182e;border-radius:4px;font-weight:700;color:#87ceeb;flex-shrink:0}.log-list[data-v-15f6c469]{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:6px;padding-bottom:2px}.log-item[data-v-15f6c469]{background:#182242;padding:6px 8px;border-left:3px solid #37477a;display:flex;justify-content:space-between;align-items:center;border-radius:4px;flex-shrink:0}.log-item.latest[data-v-15f6c469]{background:#1f2d56;border-left:3px solid #00ff88;animation:flash-15f6c469 .6s}.log-item.danger[data-v-15f6c469]{background:#3d1f28!important;border-left:3px solid #ff4444!important}.danger-tag.danger[data-v-15f6c469]{color:#f44;font-weight:700}.danger-tag.safe[data-v-15f6c469]{color:#0f8;font-weight:700}.log-header>div[data-v-15f6c469],.log-item>div[data-v-15f6c469]{flex:1;text-align:center;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@keyframes flash-15f6c469{0%{background:#2a3e75}50%{background:#3b5496}to{background:#1f2d56}}.log-list[data-v-15f6c469]::-webkit-scrollbar{width:4px}.log-list[data-v-15f6c469]::-webkit-scrollbar-track{background:transparent}.log-list[data-v-15f6c469]::-webkit-scrollbar-thumb{background:#2a3e75;border-radius:2px}.log-list[data-v-15f6c469]::-webkit-scrollbar-corner{background:transparent}
