:root{--bg: #060b1a;--bg-soft: #0d1428;--panel: rgba(13, 22, 51, .85);--panel-border: rgba(0, 200, 255, .18);--primary: #00e5ff;--primary-soft: rgba(0, 229, 255, .12);--danger: #ff4d6d;--warn: #ffb300;--ok: #00e676;--text: #d7e5ff;--text-dim: #7b8db5;--text-faint: #4e6185;--glow: 0 0 16px rgba(0, 229, 255, .45);font-family:Noto Sans SC,PingFang SC,Microsoft YaHei,Source Han Sans CN,Helvetica Neue,system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"tnum" on}.num,.mono,b,.kpi-card b,.sb-item b{font-family:Orbitron,JetBrains Mono,Consolas,SF Mono,monospace;font-weight:700;letter-spacing:.5px}*{box-sizing:border-box}html,body,#app{height:100%;margin:0;background:var(--bg);color:var(--text)}body{background:radial-gradient(1200px 600px at 10% -10%,rgba(0,120,255,.12),transparent 60%),radial-gradient(1000px 600px at 110% 10%,rgba(0,229,255,.1),transparent 60%),var(--bg);overflow:hidden}a{color:var(--primary);text-decoration:none;cursor:pointer}a:hover{text-shadow:0 0 6px var(--primary)}.btn{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:4px;background:linear-gradient(180deg,#00e5ff2e,#00e5ff0d);border:1px solid rgba(0,229,255,.4);color:var(--primary);font-size:13px;cursor:pointer;transition:all .2s;font-family:inherit}.btn:hover{box-shadow:var(--glow);transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn.primary{background:linear-gradient(180deg,#00c2e0,#0089a8);color:#001018;border-color:#00e5ff;font-weight:600}.btn.danger{background:linear-gradient(180deg,#ff4d6d33,#ff4d6d0d);border-color:#ff4d6d80;color:var(--danger)}.btn.warn{background:linear-gradient(180deg,#ffb30033,#ffb3000d);border-color:#ffb30080;color:var(--warn)}.btn.ok{background:linear-gradient(180deg,#00e67633,#00e6760d);border-color:#00e67680;color:var(--ok)}.btn.sm{padding:3px 10px;font-size:12px}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.panel{background:var(--panel);border:1px solid var(--panel-border);border-radius:6px;padding:14px 16px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);position:relative;height:100%;display:flex;flex-direction:column}.panel-title{font-size:15px;font-weight:600;color:var(--primary);letter-spacing:2px;margin-bottom:12px;padding-left:10px;border-left:3px solid var(--primary);display:flex;justify-content:space-between;align-items:center;flex-shrink:0}.panel-title .sub{font-size:12px;color:var(--text-dim);letter-spacing:0;display:flex;gap:8px;align-items:center;font-weight:400}.data-table{width:100%;border-collapse:collapse;font-size:13px}.data-table th,.data-table td{padding:10px 12px;text-align:left;border-bottom:1px solid rgba(0,200,255,.08)}.data-table th{color:var(--primary);font-weight:500;background:#00e5ff0a;letter-spacing:1px}.data-table tr:hover td{background:#00e5ff0d}.data-table .clickable{cursor:pointer}.table-wrap{flex:1;overflow:auto}.tag{display:inline-block;padding:2px 10px;border-radius:10px;font-size:12px}.tag.online,.tag.在线,.tag.已处置,.tag.已关闭{background:#00e6761f;color:var(--ok);border:1px solid rgba(0,230,118,.3)}.tag.offline,.tag.离线{background:#78829626;color:#a9b4cc;border:1px solid rgba(120,130,150,.3)}.tag.alarm,.tag.告警,.tag.紧急,.tag.严重,.tag.待派发{background:#ff4d6d26;color:var(--danger);border:1px solid rgba(255,77,109,.4);animation:alarmPulse 1.6s infinite}.tag.fault,.tag.故障{background:#ffb30026;color:var(--warn);border:1px solid rgba(255,179,0,.4)}.tag.处理中,.tag.一般{background:#ffb3001f;color:var(--warn);border:1px solid rgba(255,179,0,.3)}.tag.提示{background:#00e5ff1f;color:var(--primary);border:1px solid rgba(0,229,255,.3)}@keyframes alarmPulse{0%,to{box-shadow:0 0 #ff4d6d4d}50%{box-shadow:0 0 0 4px #ff4d6d00}}.form-row{display:flex;gap:12px;margin-bottom:12px;flex-wrap:wrap}.form-item{display:flex;flex-direction:column;gap:4px;flex:1;min-width:160px}.form-item label{font-size:12px;color:var(--text-dim)}.form-item input,.form-item select,.form-item textarea{background:#001e3c99;border:1px solid rgba(0,200,255,.2);color:var(--text);padding:7px 10px;border-radius:4px;font-size:13px;outline:none;font-family:inherit}.form-item input:focus,.form-item select:focus,.form-item textarea:focus{border-color:var(--primary);box-shadow:0 0 0 2px #00e5ff26}.search{background:#001e3c99;border:1px solid rgba(0,200,255,.2);color:var(--text);padding:5px 10px;border-radius:4px;font-size:12px;width:180px;outline:none;font-family:inherit}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#0003}::-webkit-scrollbar-thumb{background:#00e5ff40;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#00e5ff80}.flex{display:flex}.between{justify-content:space-between;align-items:center}.gap-4{gap:4px}.gap-8{gap:8px}.gap-12{gap:12px}.gap-16{gap:16px}.mt-8{margin-top:8px}.mt-12{margin-top:12px}.mt-16{margin-top:16px}.text-dim{color:var(--text-dim);font-size:12px}.text-ok{color:var(--ok)}.text-danger{color:var(--danger)}.text-warn{color:var(--warn)}.pagination{display:flex;gap:8px;margin-top:12px;justify-content:flex-end;align-items:center}.empty{text-align:center;color:var(--text-faint);padding:40px;font-size:13px}.mono{font-family:JetBrains Mono,Consolas,monospace;font-size:12px}.modal-mask{position:fixed;top:0;right:0;bottom:0;left:0;background:#00050fb3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000}.modal{width:min(720px,92vw);max-height:85vh;overflow-y:auto;background:var(--panel);border:1px solid var(--panel-border);border-radius:8px;padding:20px 24px;box-shadow:0 0 40px #00e5ff40}.modal h3{margin:0 0 14px;color:var(--primary);letter-spacing:2px;display:flex;justify-content:space-between;align-items:center}.toast-wrap{position:fixed;top:70px;left:50%;transform:translate(-50%);z-index:3000;display:flex;flex-direction:column;gap:8px;pointer-events:none}.toast{padding:10px 18px;border-radius:4px;font-size:13px;background:#0a142df2;border:1px solid var(--panel-border);box-shadow:0 4px 20px #00000080;color:var(--text);animation:toastIn .25s ease;pointer-events:auto}.toast.ok{border-color:#00e67680;color:var(--ok)}.toast.err{border-color:#ff4d6d80;color:var(--danger)}.toast.warn{border-color:#ffb30080;color:var(--warn)}@keyframes toastIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.error-boundary{padding:30px;text-align:center;color:var(--danger);border:1px dashed rgba(255,77,109,.4);border-radius:6px;margin:20px}.error-boundary pre{text-align:left;background:#0006;padding:10px;border-radius:4px;font-size:12px;color:var(--text-dim);overflow:auto;max-height:200px;margin-top:10px}.loading-mask{display:flex;align-items:center;justify-content:center;padding:40px;color:var(--primary);gap:10px}.loading-dot{width:8px;height:8px;border-radius:50%;background:var(--primary);animation:loadBounce 1s infinite}.loading-dot:nth-child(2){animation-delay:.15s}.loading-dot:nth-child(3){animation-delay:.3s}@keyframes loadBounce{0%,to{transform:translateY(0);opacity:.3}50%{transform:translateY(-6px);opacity:1}}