:root{--accent:#3a8ee6;--accent-bright:#5ba8f5;--accent-dim:#2a6cb8;--accent-glow:#3a8ee640;--accent-subtle:#3a8ee60f;--bg-deep:#0b1437;--bg-mid:#111d45;--bg-panel:#10204899;--bg-panel-hover:#142855b3;--bg-panel-active:#183064bf;--border:#3a8ee626;--border-bright:#3a8ee659;--border-glow:#3a8ee614;--text-primary:#dce8fff2;--text-secondary:#a0b9e1b3;--text-dim:#7896c880;--title-gradient:linear-gradient(90deg, #6aadf0, #c8e0ff, #6aadf0);--alarm-high:#b85c5c;--alarm-high-bg:#a050501f;--alarm-high-border:#a0505040;--alarm-low:#b89040;--alarm-low-bg:#a082321f;--alarm-low-border:#a0823240;--alarm-abnormal:#a0943c;--alarm-abnormal-bg:#8c82321f;--alarm-abnormal-border:#8c823240;--safe-green:#50a06e80;--entry-green:#5aaa6a;--exit-red:#b06060}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{color:var(--text-primary);background:radial-gradient(80% 50% at 20% 10%,#1e3c8c2e 0%,#0000 60%),radial-gradient(70% 60% at 80% 85%,#14327824 0%,#0000 55%),radial-gradient(100% 80%,#0f1d4a 0%,#0b1437 45%,#060d24 100%);height:100vh;font-family:Microsoft YaHei,PingFang SC,system-ui,sans-serif;overflow:hidden}body:before{content:"";pointer-events:none;z-index:0;background-image:linear-gradient(#3a8ee605 1px,#0000 1px),linear-gradient(90deg,#3a8ee605 1px,#0000 1px);background-size:60px 60px;position:fixed;inset:0}#app{z-index:1;position:relative}.header{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);text-align:center;border-bottom:1px solid var(--border);background:linear-gradient(#0c1838f5 0%,#08102aeb 100%);flex-shrink:0;justify-content:center;align-items:center;height:60px;padding:12px 30px;display:flex;position:relative;box-shadow:0 1px #3a8ee60f,0 4px 40px #3a8ee61a,inset 0 -1px #3a8ee60d}.header:after{content:"";background:linear-gradient(90deg,#0000 0%,#3a8ee680 30%,#6aadf099 50%,#3a8ee680 70%,#0000 100%);height:1px;position:absolute;bottom:-1px;left:8%;right:8%}.header-logo{object-fit:contain;filter:drop-shadow(0 0 6px #3a8ee64d);border-radius:4px;flex-shrink:0;width:36px;height:36px;margin-right:16px}.header h1{letter-spacing:4px;background:var(--title-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:28px;font-weight:500}.clock{color:var(--text-secondary);letter-spacing:1px;font-family:Courier New,monospace;font-size:17px;position:absolute;right:30px}.container{box-sizing:border-box;gap:10px;height:calc(100vh - 106px);padding:10px 14px 10px 10px;display:flex}.left-panel,.right-panel{flex-direction:column;flex:0 0 24.5%;gap:10px;display:flex}.left-panel>:last-child,.right-panel>:last-child{flex:1.15}.center-panel{flex-direction:column;flex:0 0 50%;gap:10px;display:flex}.chart-box,.list-box,.panel{background:var(--bg-panel);border:1px solid var(--border);-webkit-backdrop-filter:blur(16px);border-radius:6px;flex-direction:column;flex:1;padding:10px;transition:border-color .4s,background .4s,box-shadow .4s;display:flex;position:relative;overflow:hidden}.chart-box:before,.list-box:before,.panel:before{content:"";background:linear-gradient(90deg,#0000 0%,#6aadf04d 30%,#c8e0ff66 50%,#6aadf04d 70%,#0000 100%);height:1px;position:absolute;top:0;left:0;right:0}.chart-box:after,.list-box:after,.panel:after{content:"";pointer-events:none;border-top:1px solid #6aadf059;border-left:1px solid #6aadf059;border-radius:6px 0 0;width:12px;height:12px;position:absolute;top:0;left:0}.chart-box:hover,.list-box:hover,.panel:hover{border-color:var(--border-bright);background:var(--bg-panel-hover);box-shadow:0 0 20px #3a8ee60f,inset 0 0 30px #3a8ee608}.box-title,.panel-title{color:var(--accent-bright);border-left:3px solid var(--accent-dim);letter-spacing:1px;margin-bottom:6px;padding:6px 10px 6px 12px;font-size:16px;font-weight:500;position:relative}.box-title:before,.panel-title:before{content:"";pointer-events:none;background:linear-gradient(90deg,#3a8ee60f 0%,#0000 100%);border-radius:0 3px 3px 0;width:100%;height:100%;position:absolute;top:0;left:0}.center-title{color:var(--accent-bright);letter-spacing:1px;text-shadow:0 0 8px #3a8ee64d;margin:0;font-size:18px;font-weight:500}.box-header,.list-box-header{flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.box-header .box-title,.list-box-header .box-title{margin-bottom:0}.box-header-row{justify-content:space-between;align-items:center;margin-bottom:4px;padding:0 2px;display:flex}.more-link{color:var(--accent-bright,#5ba8f5);background:#3a8ee61f;border:1px solid #3a8ee633;border-radius:3px;flex-shrink:0;padding:2px 8px;font-size:12px;text-decoration:none;transition:all .3s}.more-link:hover{color:#fff;background:#3a8ee640;transform:translate(2px)}::-webkit-scrollbar{width:3px;height:3px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#3a8ee633;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#3a8ee666}.event-table{border-collapse:collapse;width:100%;font-size:14px}.event-table thead{z-index:1;background:linear-gradient(#152a4a 0%,#132845 100%);position:sticky;top:0}.event-table th{text-align:center;color:var(--accent-bright);letter-spacing:.5px;border-bottom:1px solid #3a8ee61a;padding:8px 10px;font-size:14px;font-weight:500}.event-table td{text-align:center;color:var(--text-primary);border-bottom:1px solid #3a8ee60f;padding:8px 10px}.event-table tbody tr{transition:background .3s}.event-table tbody tr:hover{background:#3a8ee60f}.event-table tbody tr:nth-child(2n){background:#ffffff03}.no-event-cell{text-align:center;color:var(--safe-green);padding:40px;font-size:16px}.type-entry{color:var(--entry-green);font-weight:500}.type-exit{color:var(--exit-red);font-weight:500}.plate-number{color:var(--accent-bright);letter-spacing:1px;font-size:14px;font-weight:500}.video-grid{flex:1;grid-template-rows:1fr 1fr;grid-template-columns:1fr 1fr;gap:8px;display:grid}.video-box{border:1px solid var(--border);background:#060c2099;border-radius:4px;flex-direction:column;padding:6px;transition:border-color .4s,box-shadow .4s;display:flex;position:relative;overflow:hidden}.video-box:after{content:"";pointer-events:none;border-radius:4px;position:absolute;inset:0;box-shadow:inset 0 0 30px #0000004d}.video-box:hover{border-color:var(--border-bright);box-shadow:0 0 24px #3a8ee614}.video-header{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.video-title{color:var(--accent-bright);letter-spacing:.5px;background:#3a8ee60f;border-radius:2px;margin:0;padding:3px 8px;font-size:14px}.video-controls{gap:4px;display:flex}.fullscreen-btn{border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:3px;padding:2px 6px;font-size:14px;transition:color .3s,border-color .3s}.fullscreen-btn:hover{color:var(--accent-bright);border-color:var(--border-bright)}.video-container{background:#030818;border-radius:3px;flex:1;overflow:hidden}.video-box.fullscreen{z-index:9999;background:#000;border-radius:0;position:fixed;inset:0}.center-header{background:var(--bg-panel);border:1px solid var(--border);-webkit-backdrop-filter:blur(12px);border-radius:6px;flex-shrink:0;justify-content:space-between;align-items:center;padding:8px 14px;display:flex;position:relative}.center-header:after{content:"";background:linear-gradient(90deg,#0000,#3a8ee64d,#0000);height:1px;position:absolute;bottom:-1px;left:20%;right:20%}.alarm-tag{border-radius:3px;padding:2px 8px;font-size:13px;font-weight:500}.alarm-tag.high{background:var(--alarm-high-bg);color:var(--alarm-high);border:1px solid var(--alarm-high-border)}.alarm-tag.low{background:var(--alarm-low-bg);color:var(--alarm-low);border:1px solid var(--alarm-low-border)}.alarm-tag.abnormal{background:var(--alarm-abnormal-bg);color:var(--alarm-abnormal);border:1px solid var(--alarm-abnormal-border)}.scrollable-list{flex:1;overflow:hidden auto}.list-content{flex-direction:column;flex:1;display:flex;overflow:hidden}.tab-buttons{background:#3a8ee60d;border-radius:4px;gap:2px;padding:2px;display:flex}.tab-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:3px;padding:4px 14px;font-size:14px;transition:all .3s}.tab-btn.active{border-color:var(--border-bright);color:var(--accent-bright);text-shadow:0 0 4px #3a8ee64d;background:#3a8ee61f}.tab-btn:hover:not(.active){color:var(--text-primary);background:#3a8ee60d}.chart{flex:1;min-height:0}.empty{text-align:center;color:var(--text-dim);padding:40px 0;font-size:15px}.announcement-bar[data-v-09827825]{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff08;border-bottom:1px solid #3a8ee614;flex-shrink:0;align-items:center;gap:12px;height:40px;padding:0 16px;display:flex;overflow:hidden}.announcement-icon[data-v-09827825]{flex-shrink:0;font-size:18px}.announcement-viewport[data-v-09827825]{flex:1;position:relative;overflow:hidden}.announcement-track[data-v-09827825]{white-space:nowrap;gap:60px;display:flex}.announcement-item[data-v-09827825]{letter-spacing:.5px;border-radius:4px;align-items:center;gap:8px;padding:3px 12px;font-size:15px;display:inline-flex}.announcement-item.level-1[data-v-09827825]{color:#ffc8c8f2;background:#b832322e;border-left:3px solid #dc3c3ccc;font-size:18px;font-weight:700;animation:2s ease-in-out infinite pulse-1-09827825}@keyframes pulse-1-09827825{0%,to{background:#b832322e}50%{background:#b8323252}}.announcement-item.level-2[data-v-09827825]{color:#ffdca0f2;background:#b8822826;border-left:3px solid #c89632b3;font-size:16px;font-weight:600}.announcement-item.level-3[data-v-09827825]{color:#c8e0ffe6;background:#3a8ee614}.announcement-tag[data-v-09827825]{border-radius:3px;flex-shrink:0;padding:1px 8px;font-size:13px;font-weight:500}.tag-warning[data-v-09827825]{color:#fff;background:#c882324d;border:1px solid #c8823266;font-weight:600}.tag-danger[data-v-09827825]{color:#fff;background:#b8323259;border:1px solid #b8323280;font-weight:600}.tag-info[data-v-09827825]{color:#5ba8f5;background:#3a8ee626;border:1px solid #3a8ee640}.announcement-text[data-v-09827825]{color:inherit}.type-entry[data-v-7f51096a]{color:#5aaa6a;font-size:14px;font-weight:600}.type-exit[data-v-7f51096a]{color:#b06060;font-size:14px;font-weight:600}.scroll-area[data-v-7f51096a]{transition:none}.stats-row[data-v-590532a8]{justify-content:space-around;padding:6px 16px 4px;display:flex}.stat-item[data-v-590532a8]{text-align:center}.stat-value[data-v-590532a8]{font-size:22px;font-weight:700;display:block}.stat-value.park[data-v-590532a8]{color:#4ecdc4}.stat-value.remain[data-v-590532a8]{color:#5ba8f5}.stat-value.entry[data-v-590532a8]{color:#67c23a}.stat-label[data-v-590532a8]{color:#a0b9e199;font-size:12px}.period-row[data-v-590532a8]{justify-content:flex-end;gap:0;padding:0 8px 2px;display:flex}.period-btn[data-v-590532a8]{color:#c8e0ff99;cursor:pointer;background:#4ecdc414;border:1px solid #4ecdc440;padding:3px 16px;font-size:14px;font-weight:500;transition:all .2s}.period-btn[data-v-590532a8]:first-child{border-radius:4px 0 0 4px}.period-btn[data-v-590532a8]:last-child{border-radius:0 4px 4px 0}.period-btn[data-v-590532a8]:not(:first-child){border-left:1px solid #4ecdc440}.period-btn.active[data-v-590532a8]{color:#4ecdc4;z-index:1;background:#4ecdc440;border-color:#4ecdc4;font-weight:500;position:relative}.chart-area[data-v-590532a8]{flex:1;min-height:0}.chart[data-v-590532a8]{width:100%;height:100%}.dim-row[data-v-590532a8]{flex-wrap:wrap;justify-content:flex-end;gap:5px;padding:2px 8px 4px;display:flex}.dim-btn[data-v-590532a8]{color:#c8e0ff80;cursor:pointer;white-space:nowrap;background:#3a8ee614;border:1px solid #3a8ee633;border-radius:14px;padding:4px 16px;font-size:15px;font-weight:500;transition:all .2s}.dim-btn.active[data-v-590532a8]{color:#5ba8f5;background:#3a8ee633;border-color:#5ba8f5;font-weight:500}.video-grid[data-v-3380ca5f]{flex:1;grid-template-rows:1fr 1fr;grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.video-grid.no-video[data-v-3380ca5f]{grid-template-rows:1fr 1fr}.video-grid.no-video .video-box[data-v-3380ca5f]{background:linear-gradient(135deg,#0d1f35,#132743);border:1px solid #409eff26;border-radius:8px}.no-stream-tip[data-v-3380ca5f]{color:#ffffff40;letter-spacing:1px;z-index:1;justify-content:center;align-items:center;height:100%;font-size:15px;display:flex;position:absolute;inset:0}.stream-status-tip[data-v-3380ca5f]{z-index:2;color:#fff9;background:#00000080;justify-content:center;align-items:center;gap:8px;height:100%;font-size:14px;display:flex;position:absolute;inset:0}.stream-status-tip.error[data-v-3380ca5f]{color:#ff6b6b}.retry-btn[data-v-3380ca5f]{color:#fff;cursor:pointer;background:#409eff;border:none;border-radius:4px;padding:4px 12px;font-size:12px}.retry-btn[data-v-3380ca5f]:hover{background:#66b1ff}.fullscreen-toolbar[data-v-3380ca5f]{z-index:10;opacity:0;gap:8px;transition:opacity .3s;display:flex;position:absolute;top:12px;right:12px}.video-box.fullscreen:hover .fullscreen-toolbar[data-v-3380ca5f]{opacity:1}.toolbar-btn[data-v-3380ca5f]{color:#fff;cursor:pointer;background:#0009;border:1px solid #ffffff4d;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:18px;transition:background .3s;display:flex}.toolbar-btn[data-v-3380ca5f]:hover{background:#f009}.scroll-area[data-v-f929e273]{transition:none}.row-high[data-v-f929e273]{border-left:3px solid #ff3232e6;background:#dc282833!important}.row-low[data-v-f929e273]{border-left:3px solid #c8963299;background:#b8822840!important}.alarm-high[data-v-f929e273]{color:#e06060;font-weight:700}.alarm-low[data-v-f929e273]{color:#d2a03c;font-weight:600}.scroll-area[data-v-030b0216]{transition:none}.row-high[data-v-030b0216]{border-left:3px solid #ff3232e6;background:#dc282833!important}.row-low[data-v-030b0216]{border-left:3px solid #c8963299;background:#b8822840!important}.alarm-high[data-v-030b0216]{color:#e06060;font-weight:700}.alarm-low[data-v-030b0216]{color:#d2a03c;font-weight:600}.center-header-row[data-v-2b088250]{color:#5ba8f5;opacity:.85;background:#3a8ee614;align-items:center;gap:6px;padding:6px 10px;font-size:13px;font-weight:600;display:flex}.h-name[data-v-2b088250]{flex:2}.h-duty[data-v-2b088250]{text-align:center;flex:1.2}.h-head[data-v-2b088250]{text-align:center;flex:.8}.h-phone[data-v-2b088250]{text-align:right;flex:1}.center-row[data-v-2b088250]{border-bottom:1px solid #3a8ee614;align-items:center;gap:6px;padding:8px 10px;display:flex}.center-row[data-v-2b088250]:hover{background:#3a8ee60f}.center-name[data-v-2b088250]{color:var(--accent-bright,#5ba8f5);text-overflow:ellipsis;white-space:nowrap;flex:2;font-size:14px;font-weight:500;overflow:hidden}.center-duty[data-v-2b088250]{color:var(--text-secondary,#a0b9e1b3);text-align:center;text-overflow:ellipsis;white-space:nowrap;flex:1.2;font-size:13px;overflow:hidden}.center-head[data-v-2b088250]{color:var(--text-secondary,#a0b9e1b3);text-align:center;flex:.8;font-size:14px}.center-phone[data-v-2b088250]{color:#67c23a;text-align:right;flex:1;font-size:14px;font-weight:500}.container[data-v-6e4c8e39]{position:relative}.left-panel[data-v-6e4c8e39]:before{content:"";pointer-events:none;z-index:2;background:linear-gradient(#0000,#3a8ee61f,#0000);width:1px;position:absolute;top:20px;bottom:20px;left:25%}.right-panel[data-v-6e4c8e39]:before{content:"";pointer-events:none;z-index:2;background:linear-gradient(#0000,#3a8ee61f,#0000);width:1px;position:absolute;top:20px;bottom:20px;right:25%}