.panel[data-v-5cd4eee3]{background:rgba(0,21,41,.8);margin-bottom:10px}[data-v-5cd4eee3]{margin:0;padding:0;box-sizing:border-box}body[data-v-5cd4eee3]{font-family:Microsoft YaHei,sans-serif;background:#001529;color:#fff;overflow:hidden;background-image:linear-gradient(180deg,#001529,#002140)}.container[data-v-5cd4eee3]{width:100vw;height:100vh;padding:10px;display:flex;flex-direction:column}header[data-v-5cd4eee3]{display:flex;justify-content:space-between;align-items:center;padding:5px 0;margin-bottom:10px;position:relative;height:50px;background:rgba(0,33,64,.3)!important;border-radius:4px;border:1px solid rgba(10,82,153,.3)}.header-right[data-v-5cd4eee3]{gap:20px;position:absolute;right:20px;top:50%;transform:translateY(-50%)}.org-select[data-v-5cd4eee3]{background:rgba(0,21,41,.8);border:1px solid #0a5299;color:#fff;padding:5px 10px;border-radius:4px;font-size:14px;min-width:180px;cursor:pointer}.org-select option[data-v-5cd4eee3]{background:#001529}.fullscreen-btn[data-v-5cd4eee3]{background:rgba(0,21,41,.3);border:1px solid #0a5299;cursor:pointer;width:30px;height:30px;display:flex;align-items:center;justify-content:center;padding:0;border-radius:4px;transition:all .3s;position:relative}.fullscreen-btn[data-v-5cd4eee3]:hover{background:rgba(10,82,153,.3);border-color:#00f0ff}.fullscreen-icon[data-v-5cd4eee3]{width:16px;height:16px;position:relative}.fullscreen-icon[data-v-5cd4eee3]:after,.fullscreen-icon[data-v-5cd4eee3]:before{content:"";position:absolute;width:6px;height:6px;border:2px solid #fff}.fullscreen-icon[data-v-5cd4eee3]:before{top:0;left:0;border-right:none;border-bottom:none}.fullscreen-icon[data-v-5cd4eee3]:after{bottom:0;right:0;border-left:none;border-top:none}.container.fullscreen .fullscreen-icon[data-v-5cd4eee3]:before{top:2px;left:2px;border:2px solid #00f0ff;border-left:none;border-top:none}.container.fullscreen .fullscreen-icon[data-v-5cd4eee3]:after{bottom:2px;right:2px;border:2px solid #00f0ff;border-right:none;border-bottom:none}.container.fullscreen .fullscreen-btn[data-v-5cd4eee3]{background:rgba(0,240,255,.1);border-color:#00f0ff}h1[data-v-5cd4eee3]{font-size:24px;color:#fff;text-align:center;flex-grow:1;text-shadow:0 0 10px rgba(0,240,255,.3)}.datetime[data-v-5cd4eee3]{color:#fff;font-size:14px;background:rgba(0,21,41,.3);padding:6px 12px;border-radius:4px;border:1px solid rgba(10,82,153,.3)}.main-content[data-v-5cd4eee3]{display:flex;gap:10px;height:calc(100vh - 60px)}.left-panel[data-v-5cd4eee3],.right-panel[data-v-5cd4eee3]{width:25%;flex-direction:column;gap:10px;overflow-y:auto;height:100%}.center-panel[data-v-5cd4eee3]{width:50%;display:flex;flex-direction:column;gap:10px;overflow-y:auto;min-height:0}.panel[data-v-5cd4eee3]{background:rgba(0,21,41,.8)!important;border:1px solid #0a5299;border-radius:4px;padding:5px 10px;display:flex;flex-direction:column;min-height:0}.panel[data-v-5cd4eee3]:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,#00f0ff,transparent);opacity:.5}h2[data-v-5cd4eee3]{display:flex;justify-content:space-between;align-items:center;font-size:16px;margin-bottom:15px;color:#fff;border-bottom:1px solid rgba(10,82,153,.8);padding-bottom:10px;flex-shrink:0}h2 span[data-v-5cd4eee3]{font-weight:500}.refresh-time[data-v-5cd4eee3]{color:hsla(0,0%,100%,.65);transition:color .3s ease}.refresh-btn[data-v-5cd4eee3]{background:none;border:none;padding:4px;transition:transform .3s ease}.refresh-btn[data-v-5cd4eee3]:hover{transform:rotate(180deg)}.refresh-btn svg[data-v-5cd4eee3]{width:16px;height:16px;stroke:hsla(0,0%,100%,.65);stroke-width:2;fill:none}.refresh-btn:hover svg[data-v-5cd4eee3]{stroke:#fff}@keyframes rotate-data-v-5cd4eee3{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.refresh-btn.loading[data-v-5cd4eee3]{animation:rotate-data-v-5cd4eee3 1s linear infinite;pointer-events:none}.refresh-btn.loading svg[data-v-5cd4eee3]{stroke:#00f0ff}.warning-status[data-v-5cd4eee3]{min-height:180px;flex-shrink:0}.status-grid[data-v-5cd4eee3]{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;padding:5px;height:calc(100% - 40px)}.status-item[data-v-5cd4eee3]{display:flex;align-items:center;background:rgba(0,21,41,.5);padding:15px;border-radius:4px;border:1px solid rgba(10,82,153,.3);transition:all .3s}.status-item[data-v-5cd4eee3]:hover{border-color:#00f0ff;transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,240,255,.1)}.icon[data-v-5cd4eee3]{width:52px;height:52px;margin-right:10px;background-size:contain;background-repeat:no-repeat;flex-shrink:0}.status-info[data-v-5cd4eee3]{display:flex;flex-direction:column;justify-content:center}.count[data-v-5cd4eee3]{font-size:20px;font-weight:700;color:#00f0ff;text-shadow:0 0 10px rgba(0,240,255,.3);line-height:1.2}.label[data-v-5cd4eee3]{font-size:12px;color:#8c8c8c;margin-top:4px;white-space:nowrap}.warning-events[data-v-5cd4eee3]{flex:1;display:flex;flex-direction:column;min-height:0}.event-display[data-v-5cd4eee3]{flex:1;min-height:0;position:relative;overflow:hidden}.event-display img[data-v-5cd4eee3]{width:100%;height:100%;border-radius:10px}.overlay[data-v-5cd4eee3]{position:absolute;right:10px;bottom:10px;width:25%;height:120px;background-color:rgba(0,0,0,.4);color:#fff;display:flex;justify-content:space-around;flex-direction:column;z-index:10;font-size:12px;border-radius:5px;padding:10px}.overlay p[data-v-5cd4eee3]{margin-top:2px}button[data-v-5cd4eee3]{padding:8px 16px;font-size:14px;cursor:pointer;border:none;border-radius:4px;color:#fff;transition:background-color .3s ease;margin:5px}button[data-v-5cd4eee3],button[data-v-5cd4eee3]:hover{background-color:#0a5299}.status-pending[data-v-5cd4eee3]{color:red}.status-invalid[data-v-5cd4eee3]{color:#fff}.status-valid[data-v-5cd4eee3]{color:green}.logout-btn[data-v-5cd4eee3]{background-color:#f44336;color:#fff;padding:5px 10px;border-radius:5px;margin-left:10px}.logout-btn[data-v-5cd4eee3]:hover{background-color:#e53935}.logout-btn[data-v-5cd4eee3]:active{background-color:#c62828}.header-right[data-v-5cd4eee3]{display:flex;align-items:center}.header-right button[data-v-5cd4eee3]{margin-right:10px}.event-thumbnails-wrapper[data-v-5cd4eee3]{display:flex;justify-content:center;align-items:center;gap:8px;margin-top:8px;position:relative;padding:0 10px}.event-thumbnails[data-v-5cd4eee3]{display:flex;gap:8px;width:100%;justify-content:space-between;max-width:calc(100% - 40px);padding:0 10px}.event-thumbnails img[data-v-5cd4eee3]{height:70px;width:calc(20% - 8px);-o-object-fit:cover;object-fit:cover;cursor:pointer;border:2px solid transparent;border-radius:4px;transition:all .3s}.event-thumbnails img.active[data-v-5cd4eee3]{border-color:#00f0ff;transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,240,255,.2)}.record-box[data-v-5cd4eee3]{background-color:#152f59}.record-item[data-v-5cd4eee3]{padding:8px 12px;border-bottom:1px solid hsla(0,0%,100%,.1);font-size:11px;display:flex;justify-content:space-between;transition:all .3s}.info[data-v-5cd4eee3]{display:flex;width:100%}.record-item .time[data-v-5cd4eee3]{flex:0 0 50%;text-align:center}.record-item .status[data-v-5cd4eee3],.record-item .type[data-v-5cd4eee3]{flex:0 0 25%;text-align:center}.record-item[data-v-5cd4eee3]:hover{background:rgba(0,240,255,.1)}.record-item .time[data-v-5cd4eee3]{color:#fff}[data-v-5cd4eee3]::-webkit-scrollbar{width:4px;height:4px}[data-v-5cd4eee3]::-webkit-scrollbar-track{background:rgba(0,21,41,.8)}[data-v-5cd4eee3]::-webkit-scrollbar-thumb{background:#0a5299;border-radius:2px}.chart-wrapper[data-v-5cd4eee3]{flex:1;min-height:200px;position:relative}.container.fullscreen[data-v-5cd4eee3]{padding:10px}.fullscreen .main-content[data-v-5cd4eee3]{height:calc(100vh - 70px)}.chart-wrapper[data-v-5cd4eee3]:after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(0,240,255,.3),transparent)}.warning-handling[data-v-5cd4eee3]{background:rgba(0,21,41,.8);border:1px solid #0a5299;border-radius:4px;padding:5px 10px;display:flex;flex-direction:column}.bottom-panels[data-v-5cd4eee3]{display:flex;gap:10px;margin-top:auto;height:240px}.bottom-panels .panel[data-v-5cd4eee3]{flex:1;display:flex;flex-direction:column}.bottom-panels .chart-wrapper[data-v-5cd4eee3]{flex:1;min-height:0}.title-actions[data-v-5cd4eee3]{display:flex;align-items:center;margin-left:auto;gap:8px}.refresh-time[data-v-5cd4eee3]{font-size:12px;color:#8c8c8c;font-weight:400;display:none}.refresh-time.active[data-v-5cd4eee3]{color:#00f0ff}.refresh-btn[data-v-5cd4eee3]{width:24px;height:24px;background:rgba(0,21,41,.3);border:1px solid rgba(10,82,153,.3);border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s;padding:0}.refresh-btn[data-v-5cd4eee3]:hover{background:rgba(10,82,153,.3);border-color:#00f0ff}.datetime[data-v-774252d6]{color:#fff;font-size:14px;background:rgba(0,21,41,.3);padding:6px 12px;border-radius:4px;border:1px solid rgba(10,82,153,.3)}.main-content[data-v-774252d6]{display:flex;gap:10px;height:calc(100vh - 60px)}.left-panel[data-v-774252d6],.right-panel[data-v-774252d6]{width:25%;flex-direction:column;gap:10px;overflow-y:auto;height:100%;margin-bottom:10px!important}.center-panel[data-v-774252d6]{width:50%;display:flex;flex-direction:column;gap:10px;overflow-y:auto;min-height:0}.panel[data-v-774252d6]{background:rgba(0,21,41,.8)!important;border:1px solid #0a5299;border-radius:4px;padding:5px 10px;display:flex;flex-direction:column;min-height:0;margin-bottom:10px}.panel[data-v-774252d6]:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,#00f0ff,transparent);opacity:.5}h2[data-v-774252d6]{display:flex;justify-content:space-between;align-items:center;font-size:16px;margin-bottom:15px;color:#fff;border-bottom:1px solid rgba(10,82,153,.8);padding-bottom:10px;flex-shrink:0}h2 span[data-v-774252d6]{font-weight:500}.title-actions[data-v-774252d6]{display:flex;align-items:center;gap:8px}.refresh-time[data-v-774252d6]{font-size:12px;color:hsla(0,0%,100%,.65);transition:color .3s ease}.refresh-btn[data-v-774252d6]{background:none;border:none;padding:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .3s ease}.refresh-btn[data-v-774252d6]:hover{transform:rotate(180deg)}.refresh-btn svg[data-v-774252d6]{width:16px;height:16px;stroke:hsla(0,0%,100%,.65);stroke-width:2;fill:none}.refresh-btn:hover svg[data-v-774252d6]{stroke:#fff}@keyframes rotate-data-v-774252d6{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.refresh-btn.loading[data-v-774252d6]{animation:rotate-data-v-774252d6 1s linear infinite;pointer-events:none}.refresh-btn.loading svg[data-v-774252d6]{stroke:#00f0ff}.warning-status[data-v-774252d6]{min-height:180px;flex-shrink:0}.status-grid[data-v-774252d6]{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;padding:5px;height:calc(100% - 40px)}.status-item[data-v-774252d6]{display:flex;align-items:center;background:rgba(0,21,41,.5);padding:15px;border-radius:4px;border:1px solid rgba(10,82,153,.3);transition:all .3s}.status-item[data-v-774252d6]:hover{border-color:#00f0ff;transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,240,255,.1)}.icon[data-v-774252d6]{width:52px;height:52px;margin-right:10px;background-size:contain;background-repeat:no-repeat;flex-shrink:0}.status-info[data-v-774252d6]{display:flex;flex-direction:column;justify-content:center}.count[data-v-774252d6]{font-size:20px;font-weight:700;color:#00f0ff;text-shadow:0 0 10px rgba(0,240,255,.3);line-height:1.2}.label[data-v-774252d6]{font-size:12px;color:#8c8c8c;margin-top:4px;white-space:nowrap}.time-period-buttons[data-v-774252d6]{display:flex;justify-content:flex-end}.time-period-buttons button.active[data-v-774252d6]{background:#00f0ff;color:#000;border-color:#00f0ff;box-shadow:0 0 10px rgba(0,240,255,.5)}.time-period-buttons button[data-v-774252d6]:hover{border-color:#00f0ff;color:#fff}