.app-shell[data-v-c90ae255]{flex-direction:column;width:100%;height:100%;display:flex}.app-header[data-v-c90ae255]{border-bottom:1px solid var(--border-color);background:linear-gradient(#0a1c3ee6,#060e1f66);flex-shrink:0;justify-content:center;align-items:center;padding:10px 24px;display:flex;position:relative}.app-header[data-v-c90ae255]:after{content:"";background:linear-gradient(90deg, transparent, var(--accent) 20%, var(--accent) 80%, transparent);opacity:.8;width:100%;height:2px;position:absolute;bottom:-1px;left:0}.header-side[data-v-c90ae255]{flex-direction:column;gap:4px;min-width:0;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.header-side.left[data-v-c90ae255]{align-items:flex-start;left:24px}.weather-line[data-v-c90ae255]{color:var(--text-secondary);white-space:nowrap;font-size:12px}.weather-line .dot[data-v-c90ae255]{background:var(--success);border-radius:50%;width:7px;height:7px;margin-right:6px;animation:1.6s infinite pulse;display:inline-block}.clock[data-v-c90ae255]{letter-spacing:1px;color:var(--accent);font-size:18px}.header-main[data-v-c90ae255]{text-align:center}.logo[data-v-c90ae255]{letter-spacing:4px;background:linear-gradient(90deg, #fff, var(--accent));color:#0000;white-space:nowrap;-webkit-background-clip:text;background-clip:text;font-size:24px;font-weight:700}.logo-mark[data-v-c90ae255]{background:linear-gradient(135deg, var(--accent), #07f);color:#04101f;-webkit-background-clip:initial;background-clip:initial;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;margin-right:8px;font-size:18px;display:inline-flex;box-shadow:0 0 14px #00e0ff99}.nav[data-v-c90ae255]{justify-content:center;gap:6px;margin-top:8px;display:flex}.nav-item[data-v-c90ae255]{letter-spacing:1px;color:var(--text-secondary);border:1px solid #0000;border-radius:3px;padding:5px 18px;font-size:14px;text-decoration:none;transition:all .25s;position:relative}.nav-item[data-v-c90ae255]:hover{color:var(--text-primary);border-color:#00e0ff66}.nav-item.active[data-v-c90ae255]{color:var(--accent);border-color:var(--border-color);background:var(--accent-soft);box-shadow:inset 0 -2px 0 var(--accent)}.app-main[data-v-c90ae255]{flex:1;min-height:0;padding:10px 16px 0;position:relative}.app-footer[data-v-c90ae255]{text-align:center;color:#5f7ea5;letter-spacing:1px;background:#060e1f66;border-top:1px solid #00e0ff1f;flex-shrink:0;padding:8px 0;font-size:12px}.route-loader[data-v-c90ae255]{z-index:100;pointer-events:none;opacity:0;height:2px;transition:opacity .2s;position:absolute;top:0;left:0;right:0}.route-loader.show[data-v-c90ae255]{opacity:1}.route-loader-bar[data-v-c90ae255]{background:linear-gradient(90deg, var(--accent), #4fc3f7);width:40%;height:100%;box-shadow:0 0 8px var(--accent);animation:1.2s ease-in-out infinite routeLoad-c90ae255;position:absolute;top:0;left:0}@keyframes routeLoad-c90ae255{0%{width:30%;transform:translate(-100%)}50%{width:60%}to{width:30%;transform:translate(350%)}}.page-fade-enter-active[data-v-c90ae255],.page-fade-leave-active[data-v-c90ae255]{transition:opacity .18s}.page-fade-enter-from[data-v-c90ae255],.page-fade-leave-to[data-v-c90ae255]{opacity:0}:root{--bg-primary:#060e1f;--bg-deep:#04081a;--panel-bg:#0b20428c;--panel-bg-solid:#0b2142;--border-color:#00e0ff47;--accent:#00e0ff;--accent-soft:#00e0ff1f;--accent-green:#00ffa3;--text-primary:#e8f4ff;--text-secondary:#8aa3c4;--danger:#ff4d4f;--warning:#ffc53d;--success:#52c41a;--font-num:"DIN Alternate", "Bahnschrift", "Arial Narrow", sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body,#app{width:100%;height:100%}body{color:var(--text-primary);background:radial-gradient(1200px 700px at 50% -10%, #10234d 0%, var(--bg-primary) 45%, var(--bg-deep) 100%);font-family:HarmonyOS Sans,PingFang SC,Microsoft YaHei,sans-serif;overflow:hidden}.panel{background:var(--panel-bg);border:1px solid var(--border-color);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:6px;padding:16px 20px;position:relative;box-shadow:0 0 20px #0064c81a}.panel:before,.panel:after{content:"";pointer-events:none;width:14px;height:14px;position:absolute}.panel:before{border-top:2px solid var(--accent);border-left:2px solid var(--accent);top:-1px;left:-1px}.panel:after{border-bottom:2px solid var(--accent);border-right:2px solid var(--accent);bottom:-1px;right:-1px}.panel-title{letter-spacing:2px;color:var(--text-primary);margin-bottom:12px;padding-left:14px;font-size:16px;font-weight:600;position:relative}.panel-title:before{content:"";background:linear-gradient(180deg, var(--accent), transparent);width:4px;position:absolute;top:2px;bottom:2px;left:0}.panel-title .sub{color:var(--text-secondary);letter-spacing:1px;margin-left:8px;font-size:12px;font-weight:400}.num{font-family:var(--font-num);font-variant-numeric:tabular-nums;font-weight:700}.c-danger{color:var(--danger)}.c-warning{color:var(--warning)}.c-success{color:var(--success)}.c-accent{color:var(--accent)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#00e0ff4d;border-radius:3px}.el-dialog{border:1px solid var(--border-color);border-radius:6px;background:#0b2142!important}.el-dialog__title{color:var(--text-primary)!important}.el-button--primary{--el-button-bg-color:var(--accent);--el-button-border-color:var(--accent);--el-button-hover-bg-color:#3ee9ff;--el-button-hover-border-color:#3ee9ff;font-weight:600;color:#04101f!important}@keyframes pulse{0%,to{opacity:1}50%{opacity:.35}}@keyframes scanX{0%{left:-20%}to{left:120%}}.cctv-panel{flex-direction:column;flex-shrink:0;gap:10px;display:flex}.cctv-wall{gap:10px;height:128px;display:flex}.cctv-wall>*{flex:1;min-width:0}