.gas-page[data-v-412f74cb]{min-height:100%}.gas-breadcrumb[data-v-412f74cb]{margin-bottom:16px;color:#86909c;font-size:14px}.gas-breadcrumb .sep[data-v-412f74cb]{margin:0 8px;color:#c9cdd4}.gas-breadcrumb .active[data-v-412f74cb]{color:#1d2129;font-weight:500}.gas-page-body[data-v-412f74cb]{background:#fff;border-radius:8px;padding:20px 24px;box-shadow:0 1px 2px rgba(0,0,0,.04)}.stat-row[data-v-35d644fb]{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:20px}.stat-card[data-v-35d644fb]{background:#f7f8fa;border-radius:8px;padding:20px;display:flex;align-items:center;justify-content:space-between}.stat-label[data-v-35d644fb]{color:#86909c;font-size:14px}.stat-value[data-v-35d644fb]{margin-top:8px;font-size:28px;font-weight:600;color:#1d2129}.stat-icon[data-v-35d644fb]{width:48px;height:48px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:22px;color:#1677ff}.panel-title[data-v-35d644fb]{font-size:16px;font-weight:600;margin-bottom:16px}.panel-body[data-v-35d644fb]{display:flex;gap:40px;align-items:center}.legend[data-v-35d644fb]{color:#4e5969;line-height:2}.dot[data-v-35d644fb]{display:inline-block;width:10px;height:10px;border-radius:2px;margin-right:8px}.dot.online[data-v-35d644fb],.pie-labels i.online[data-v-35d644fb]{background:#00b42a}.dot.offline[data-v-35d644fb],.pie-labels i.offline[data-v-35d644fb]{background:#c9cdd4}.dot.alarm[data-v-35d644fb],.pie-labels i.alarm[data-v-35d644fb]{background:#ff7d00}.pie-wrap[data-v-35d644fb]{display:flex;align-items:center;gap:32px}.pie[data-v-35d644fb]{width:220px;height:220px;border-radius:50%;background:conic-gradient(#00b42a 0 83%,#c9cdd4 83% 93%,#ff7d00 93% 100%)}.pie-labels[data-v-35d644fb]{list-style:none;padding:0;margin:0;color:#4e5969;line-height:2.2}.pie-labels i[data-v-35d644fb]{display:inline-block;width:10px;height:10px;border-radius:2px;margin-right:8px}@media (max-width:1200px){.stat-row[data-v-35d644fb]{grid-template-columns:repeat(2,1fr)}}