header[data-v-7699ccb0]{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-7699ccb0]{display:flex;align-items:center;gap:20px;position:absolute;right:20px;top:50%;transform:translateY(-50%)}.org-select[data-v-7699ccb0]{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-7699ccb0]{background:#001529}.fullscreen-btn[data-v-7699ccb0]{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-7699ccb0]:hover{background:rgba(10,82,153,.3);border-color:#00f0ff}.fullscreen-icon[data-v-7699ccb0]{width:16px;height:16px;position:relative}.fullscreen-icon[data-v-7699ccb0]:after,.fullscreen-icon[data-v-7699ccb0]:before{content:"";position:absolute;width:6px;height:6px;border:2px solid #fff}.fullscreen-icon[data-v-7699ccb0]:before{top:0;left:0;border-right:none;border-bottom:none}.fullscreen-icon[data-v-7699ccb0]:after{bottom:0;right:0;border-left:none;border-top:none}.container.fullscreen .fullscreen-icon[data-v-7699ccb0]:before{top:2px;left:2px;border:2px solid #00f0ff;border-left:none;border-top:none}.container.fullscreen .fullscreen-icon[data-v-7699ccb0]:after{bottom:2px;right:2px;border:2px solid #00f0ff;border-right:none;border-bottom:none}.container.fullscreen .fullscreen-btn[data-v-7699ccb0]{background:rgba(0,240,255,.1);border-color:#00f0ff}h1[data-v-7699ccb0]{font-size:24px;color:#fff;text-align:center;flex-grow:1;text-shadow:0 0 10px rgba(0,240,255,.3)}.datetime[data-v-7699ccb0]{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)}.bi-top-right[data-v-7699ccb0]{width:8.3333vw;height:5vh;display:flex;flex-wrap:wrap;font-size:.8vw;text-align:center}.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}[data-v-495400ce]{margin:0;padding:0;box-sizing:border-box}body[data-v-495400ce]{font-family:Microsoft YaHei,sans-serif;background:#001529;color:#fff;overflow:hidden;background-image:linear-gradient(180deg,#001529,#002140)}.container[data-v-495400ce]{width:100vw;height:100vh;padding:10px;display:flex;flex-direction:column}header[data-v-495400ce]{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-495400ce]{gap:20px;position:absolute;right:20px;top:50%;transform:translateY(-50%)}.org-select[data-v-495400ce]{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-495400ce]{background:#001529}.fullscreen-btn[data-v-495400ce]{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-495400ce]:hover{background:rgba(10,82,153,.3);border-color:#00f0ff}.fullscreen-icon[data-v-495400ce]{width:16px;height:16px;position:relative}.fullscreen-icon[data-v-495400ce]:after,.fullscreen-icon[data-v-495400ce]:before{content:"";position:absolute;width:6px;height:6px;border:2px solid #fff}.fullscreen-icon[data-v-495400ce]:before{top:0;left:0;border-right:none;border-bottom:none}.fullscreen-icon[data-v-495400ce]:after{bottom:0;right:0;border-left:none;border-top:none}.container.fullscreen .fullscreen-icon[data-v-495400ce]:before{top:2px;left:2px;border:2px solid #00f0ff;border-left:none;border-top:none}.container.fullscreen .fullscreen-icon[data-v-495400ce]:after{bottom:2px;right:2px;border:2px solid #00f0ff;border-right:none;border-bottom:none}.container.fullscreen .fullscreen-btn[data-v-495400ce]{background:rgba(0,240,255,.1);border-color:#00f0ff}h1[data-v-495400ce]{font-size:24px;color:#fff;text-align:center;flex-grow:1;text-shadow:0 0 10px rgba(0,240,255,.3)}.datetime[data-v-495400ce]{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-495400ce]{display:flex;gap:10px;height:calc(100vh - 60px)}.left-panel[data-v-495400ce],.right-panel[data-v-495400ce]{width:25%;flex-direction:column;gap:10px;overflow-y:auto;height:100%}.center-panel[data-v-495400ce]{width:50%;display:flex;flex-direction:column;gap:10px;overflow-y:auto;min-height:0}.panel[data-v-495400ce]{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-495400ce]:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,#00f0ff,transparent);opacity:.5}h2[data-v-495400ce]{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-495400ce]{font-weight:500}.refresh-time[data-v-495400ce]{color:hsla(0,0%,100%,.65);transition:color .3s ease}.refresh-btn[data-v-495400ce]{background:none;border:none;padding:4px;transition:transform .3s ease}.refresh-btn[data-v-495400ce]:hover{transform:rotate(180deg)}.refresh-btn svg[data-v-495400ce]{width:16px;height:16px;stroke:hsla(0,0%,100%,.65)}.refresh-btn:hover svg[data-v-495400ce]{stroke:#fff}@keyframes rotate-data-v-495400ce{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.refresh-btn.loading[data-v-495400ce]{animation:rotate-data-v-495400ce 1s linear infinite;pointer-events:none}.refresh-btn.loading svg[data-v-495400ce]{stroke:#00f0ff}.warning-status[data-v-495400ce]{min-height:180px;flex-shrink:0}.status-grid[data-v-495400ce]{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;padding:5px;height:calc(100% - 40px)}.status-item[data-v-495400ce]{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-495400ce]:hover{border-color:#00f0ff;transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,240,255,.1)}.icon[data-v-495400ce]{width:52px;height:52px;margin-right:10px;background-size:contain;background-repeat:no-repeat;flex-shrink:0}.status-info[data-v-495400ce]{display:flex;flex-direction:column;justify-content:center}.count[data-v-495400ce]{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-495400ce]{font-size:12px;color:#8c8c8c;margin-top:4px;white-space:nowrap}.warning-events[data-v-495400ce]{flex:1;display:flex;flex-direction:column;min-height:0}.event-display[data-v-495400ce]{flex:1;min-height:0;position:relative;overflow:hidden}.event-display img[data-v-495400ce]{width:100%;height:100%;border-radius:10px}.overlay[data-v-495400ce]{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-495400ce]{margin-top:2px}button[data-v-495400ce]{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-495400ce],button[data-v-495400ce]:hover{background-color:#0a5299}.status-pending[data-v-495400ce]{color:red}.status-invalid[data-v-495400ce]{color:#fff}.status-valid[data-v-495400ce]{color:green}.logout-btn[data-v-495400ce]{background-color:#f44336;color:#fff;padding:5px 10px;border-radius:5px;margin-left:10px}.logout-btn[data-v-495400ce]:hover{background-color:#e53935}.logout-btn[data-v-495400ce]:active{background-color:#c62828}.header-right[data-v-495400ce]{display:flex;align-items:center}.header-right button[data-v-495400ce]{margin-right:10px}.event-thumbnails-wrapper[data-v-495400ce]{display:flex;justify-content:center;align-items:center;gap:8px;margin-top:8px;position:relative;padding:0 10px}.event-thumbnails[data-v-495400ce]{display:flex;gap:8px;width:100%;justify-content:space-between;max-width:calc(100% - 40px);padding:0 10px}.event-thumbnails img[data-v-495400ce]{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-495400ce]{border-color:#00f0ff;transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,240,255,.2)}.record-box[data-v-495400ce]{background-color:#152f59}.record-item[data-v-495400ce]{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-495400ce]{display:flex;width:100%}.record-item .time[data-v-495400ce]{flex:0 0 50%;text-align:center}.record-item .status[data-v-495400ce],.record-item .type[data-v-495400ce]{flex:0 0 25%;text-align:center}.record-item[data-v-495400ce]:hover{background:rgba(0,240,255,.1)}.record-item .time[data-v-495400ce]{color:#fff}[data-v-495400ce]::-webkit-scrollbar{width:4px;height:4px}[data-v-495400ce]::-webkit-scrollbar-track{background:rgba(0,21,41,.8)}[data-v-495400ce]::-webkit-scrollbar-thumb{background:#0a5299;border-radius:2px}.chart-wrapper[data-v-495400ce]{flex:1;min-height:200px;position:relative}.container.fullscreen[data-v-495400ce]{padding:10px}.fullscreen .main-content[data-v-495400ce]{height:calc(100vh - 70px)}.chart-wrapper[data-v-495400ce]: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-495400ce]{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-495400ce]{display:flex;gap:10px;margin-top:auto;height:240px}.bottom-panels .panel[data-v-495400ce]{flex:1;display:flex;flex-direction:column}.bottom-panels .chart-wrapper[data-v-495400ce]{flex:1;min-height:0}.title-actions[data-v-495400ce]{display:flex;align-items:center;margin-left:auto;gap:8px}.refresh-time[data-v-495400ce]{font-size:12px;color:#8c8c8c;font-weight:400;display:none}.refresh-time.active[data-v-495400ce]{color:#00f0ff}.refresh-btn[data-v-495400ce]{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-495400ce]:hover{background:rgba(10,82,153,.3);border-color:#00f0ff}.refresh-btn svg[data-v-495400ce]{width:14px;height:14px;fill:none;stroke:#fff;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.refresh-btn.loading svg[data-v-495400ce]{animation:spin-data-v-495400ce 1s linear infinite}@keyframes spin-data-v-495400ce{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}#handlingChart[data-v-495400ce],#levelChart[data-v-495400ce]{width:100%!important;height:100%!important;min-height:180px}#deviceRankingChart[data-v-495400ce],#handlingChart[data-v-495400ce],#levelChart[data-v-495400ce],#orgRankingChart[data-v-495400ce],#trendChart[data-v-495400ce],#warningTypeChart[data-v-495400ce]{width:100%!important;height:100%!important}.warning-trend[data-v-495400ce]{min-height:280px;flex-shrink:0}.device-ranking[data-v-495400ce],.org-ranking[data-v-495400ce],.warning-types[data-v-495400ce]{min-height:300px}.panel .chart-wrapper[data-v-495400ce]{flex-grow:1;overflow:hidden}.warning-records[data-v-495400ce]{flex:1;min-height:200px}.record-list[data-v-495400ce]{flex:1;overflow-y:auto;min-height:0}.refresh-time.warning[data-v-495400ce]{color:#ff4d4f;font-weight:700}.time-period-buttons[data-v-495400ce]{display:flex;justify-content:flex-end}.time-period-btn[data-v-495400ce]{padding:3px 5px;font-size:10px;background-color:#193c6c;border:1px solid #ccc;border-radius:5px;cursor:pointer;margin-right:10px;color:#fff;font-weight:700}.time-period-btn[data-v-495400ce]:hover{background-color:#1c5b95}.time-period-btn.active[data-v-495400ce]{background-color:#215a97;color:#fff}