.top-kpi-bar[data-v-0d1b502e]{pointer-events:auto;width:100%;min-width:0;container-type:inline-size;container-name:kpi-bar;padding:clamp(6px,1.2cqw,10px) clamp(8px,1.6cqw,16px);background:-webkit-gradient(linear,left top,left bottom,from(rgba(4,28,58,.88)),to(rgba(2,16,36,.82)));background:linear-gradient(180deg,rgba(4,28,58,.88),rgba(2,16,36,.82));border:1px solid rgba(0,180,255,.35);border-radius:6px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);-webkit-box-shadow:0 6px 20px rgba(0,0,0,.28),inset 0 1px 0 rgba(120,200,255,.15);box-shadow:0 6px 20px rgba(0,0,0,.28),inset 0 1px 0 rgba(120,200,255,.15)}.kpi-row[data-v-0d1b502e]{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;gap:clamp(4px,1.2cqw,14px);width:100%;min-width:0}.kpi[data-v-0d1b502e],.level[data-v-0d1b502e]{-webkit-box-flex:1;-ms-flex:1 1 0px;flex:1 1 0;min-width:0}.kpi[data-v-0d1b502e]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;gap:clamp(4px,.8cqw,8px)}.kpi-icon[data-v-0d1b502e]{width:clamp(16px,2.4cqw,22px);height:clamp(16px,2.4cqw,22px);border-radius:50%;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-ms-flex-negative:0;flex-shrink:0}.kpi-icon svg[data-v-0d1b502e]{width:55%;height:55%}.kpi-icon.total[data-v-0d1b502e]{color:#4db8ff;background:rgba(0,140,255,.18);border:1px solid rgba(77,184,255,.45);-webkit-box-shadow:0 0 6px rgba(0,160,255,.22);box-shadow:0 0 6px rgba(0,160,255,.22)}.kpi-icon.online[data-v-0d1b502e]{color:#2ad4c0;background:rgba(42,212,192,.16);border:1px solid rgba(42,212,192,.45);-webkit-box-shadow:0 0 6px rgba(42,212,192,.2);box-shadow:0 0 6px rgba(42,212,192,.2)}.kpi-icon.alarm[data-v-0d1b502e]{color:#ff6b6b;background:rgba(255,77,79,.16);border:1px solid hsla(0,100%,71%,.5);-webkit-box-shadow:0 0 6px rgba(255,77,79,.22);box-shadow:0 0 6px rgba(255,77,79,.22)}.kpi-text[data-v-0d1b502e]{min-width:0;overflow:hidden}.kpi-text .label[data-v-0d1b502e]{font-size:clamp(12px,1.55cqw,14px);color:rgba(220,235,255,.78);line-height:clamp(16px,2.4cqw,22px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kpi-text .value[data-v-0d1b502e]{margin-top:1px;font-size:clamp(18px,2.9cqw,26px);font-family:YouSheBiaoTiHei,DIN Alternate,sans-serif;color:#5ec8ff;line-height:1.1;white-space:nowrap}.kpi-text .value.online[data-v-0d1b502e]{color:#2ad4c0}.kpi-text .value.warn[data-v-0d1b502e]{color:#ff6b6b}.level[data-v-0d1b502e]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:clamp(4px,.7cqw,6px) clamp(6px,1.2cqw,12px);border-radius:4px;background:rgba(0,20,40,.35);cursor:pointer;-webkit-transition:-webkit-transform .15s,-webkit-box-shadow .15s,-webkit-filter .15s;transition:-webkit-transform .15s,-webkit-box-shadow .15s,-webkit-filter .15s;transition:transform .15s,box-shadow .15s,filter .15s;transition:transform .15s,box-shadow .15s,filter .15s,-webkit-transform .15s,-webkit-box-shadow .15s,-webkit-filter .15s}.level[data-v-0d1b502e]:hover{-webkit-filter:brightness(1.12);filter:brightness(1.12);-webkit-transform:translateY(-1px);transform:translateY(-1px)}.level.active[data-v-0d1b502e]{-webkit-box-shadow:0 0 0 1px hsla(0,0%,100%,.35),0 0 12px rgba(90,180,255,.35);box-shadow:0 0 0 1px hsla(0,0%,100%,.35),0 0 12px rgba(90,180,255,.35);-webkit-filter:brightness(1.15);filter:brightness(1.15)}.level .tag[data-v-0d1b502e]{font-size:clamp(12px,1.55cqw,14px);line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.level .num[data-v-0d1b502e]{margin-top:2px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline;gap:2px;white-space:nowrap}.level b[data-v-0d1b502e]{font-size:clamp(16px,2.5cqw,22px);font-family:YouSheBiaoTiHei,DIN Alternate,sans-serif;font-weight:400;line-height:1}.level em[data-v-0d1b502e]{font-style:normal;font-size:clamp(12px,1.55cqw,14px);opacity:.85}.level.severe[data-v-0d1b502e]{border:1px solid rgba(255,77,79,.45);background:rgba(255,60,60,.12)}.level.severe .tag[data-v-0d1b502e],.level.severe b[data-v-0d1b502e],.level.severe em[data-v-0d1b502e]{color:#ff5a5a}.level.heavy[data-v-0d1b502e]{border:1px solid rgba(250,140,22,.45);background:rgba(250,140,22,.12)}.level.heavy .tag[data-v-0d1b502e],.level.heavy b[data-v-0d1b502e],.level.heavy em[data-v-0d1b502e]{color:#ff9a2e}.level.mild[data-v-0d1b502e]{border:1px solid rgba(0,210,220,.45);background:rgba(0,200,210,.12)}.level.mild .tag[data-v-0d1b502e],.level.mild b[data-v-0d1b502e],.level.mild em[data-v-0d1b502e]{color:#22d3ee}@supports not (width:1cqw){.top-kpi-bar[data-v-0d1b502e]{padding:clamp(6px,.7vw,10px) clamp(8px,1vw,16px)}.kpi-row[data-v-0d1b502e]{gap:clamp(4px,.8vw,14px)}.kpi[data-v-0d1b502e]{gap:clamp(4px,.5vw,8px)}.kpi-icon[data-v-0d1b502e]{width:clamp(16px,1.5vw,22px);height:clamp(16px,1.5vw,22px)}.kpi-text .label[data-v-0d1b502e],.level .tag[data-v-0d1b502e],.level em[data-v-0d1b502e]{font-size:clamp(12px,1vw,14px)}.kpi-text .label[data-v-0d1b502e]{line-height:clamp(16px,1.5vw,22px)}.kpi-text .value[data-v-0d1b502e]{font-size:clamp(18px,1.8vw,26px)}.level b[data-v-0d1b502e]{font-size:clamp(16px,1.5vw,22px)}.level[data-v-0d1b502e]{padding:clamp(4px,.4vw,6px) clamp(6px,.8vw,12px)}}