.monitor-page[data-v-22c46c82]{min-height:100%;padding:24px;-webkit-box-sizing:border-box;box-sizing:border-box;background:#f5f7fa;color:#303133}.header-actions[data-v-22c46c82],.monitor-header[data-v-22c46c82],.panel-heading[data-v-22c46c82],.section-heading[data-v-22c46c82],.share-cell[data-v-22c46c82],.type-cell[data-v-22c46c82]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.monitor-header[data-v-22c46c82]{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;min-height:54px;margin-bottom:18px}.monitor-header h2[data-v-22c46c82]{margin:0 0 7px;font-size:22px;font-weight:600;letter-spacing:0}.monitor-header p[data-v-22c46c82]{margin:0;color:#909399;font-size:13px}.header-actions[data-v-22c46c82]{gap:18px}.live-state[data-v-22c46c82]{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#606266;font-size:13px}.live-state i[data-v-22c46c82]{width:8px;height:8px;margin-right:7px;border-radius:50%;background:#909399}.live-state--success i[data-v-22c46c82]{background:#059669}.live-state--warning i[data-v-22c46c82]{background:#d97706}.live-state--danger i[data-v-22c46c82]{background:#dc2626}.source-alert[data-v-22c46c82]{margin-bottom:18px}.monitor-panel[data-v-22c46c82],.overview-section[data-v-22c46c82],.table-section[data-v-22c46c82]{background:#fff;border:1px solid #e4e7ed;border-radius:6px}.monitor-panel[data-v-22c46c82],.overview-section[data-v-22c46c82]{padding:20px}.panel-heading[data-v-22c46c82],.section-heading[data-v-22c46c82]{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.panel-heading h3[data-v-22c46c82],.section-heading h3[data-v-22c46c82]{margin:0 0 5px;font-size:16px;font-weight:600;letter-spacing:0}.panel-heading span[data-v-22c46c82],.section-heading span[data-v-22c46c82]{color:#909399;font-size:12px}.metric-grid[data-v-22c46c82]{display:grid;grid-template-columns:repeat(6,minmax(130px,1fr));margin-top:18px;border-top:1px solid #ebeef5;border-left:1px solid #ebeef5}.metric-item[data-v-22c46c82]{min-height:116px;padding:20px;-webkit-box-sizing:border-box;box-sizing:border-box;border-right:1px solid #ebeef5;border-bottom:1px solid #ebeef5}.metric-item>small[data-v-22c46c82],.metric-item>span[data-v-22c46c82]{display:block}.metric-item>span[data-v-22c46c82]{color:#606266;font-size:13px}.metric-item>strong[data-v-22c46c82]{display:block;margin:10px 0 7px;color:#1f2937;font-size:28px;line-height:1;font-weight:600}.metric-item>small[data-v-22c46c82]{color:#909399;font-size:12px}.metric-item--attention>strong[data-v-22c46c82]{color:#d97706}.counter-band[data-v-22c46c82]{display:grid;grid-template-columns:repeat(3,1fr);margin-top:16px;background:#f8fafc;border:1px solid #ebeef5}.counter-band>div[data-v-22c46c82]{min-height:64px;padding:14px 18px;-webkit-box-sizing:border-box;box-sizing:border-box;border-right:1px solid #ebeef5}.counter-band>div[data-v-22c46c82]:last-child{border-right:0}.counter-band small[data-v-22c46c82],.counter-band span[data-v-22c46c82]{color:#909399;font-size:12px}.counter-band strong[data-v-22c46c82]{margin:0 10px;color:#303133;font-size:18px}.analysis-grid[data-v-22c46c82]{display:grid;grid-template-columns:minmax(0,2fr) minmax(300px,1fr);gap:16px;margin-top:16px}.chart-shell[data-v-22c46c82]{position:relative;height:310px;margin-top:16px}.trend-chart[data-v-22c46c82]{width:100%;height:100%}.chart-empty[data-v-22c46c82]{position:absolute;inset:42px 0 0;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-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;color:#909399;background:#fff}.chart-empty i[data-v-22c46c82]{margin-bottom:10px;font-size:32px}.quality-row[data-v-22c46c82]{margin-top:24px}.quality-row>div[data-v-22c46c82]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:9px;font-size:13px}.quality-row span[data-v-22c46c82]{color:#606266}.quality-row strong[data-v-22c46c82]{color:#303133}.quality-details[data-v-22c46c82]{display:grid;grid-template-columns:repeat(2,1fr);margin:28px 0 0;border-top:1px solid #ebeef5;border-left:1px solid #ebeef5}.quality-details>div[data-v-22c46c82]{padding:14px;border-right:1px solid #ebeef5;border-bottom:1px solid #ebeef5}.quality-details dt[data-v-22c46c82]{color:#909399;font-size:12px}.quality-details dd[data-v-22c46c82]{margin:7px 0 0;color:#303133;font-size:15px;font-weight:600}.table-section[data-v-22c46c82]{margin-top:16px;padding:20px}.table-section .section-heading[data-v-22c46c82]{margin-bottom:16px}.type-cell[data-v-22c46c82]{gap:9px}.type-cell i[data-v-22c46c82]{color:#2563eb;font-size:17px}.share-cell[data-v-22c46c82]{gap:10px}.share-cell .el-progress[data-v-22c46c82]{-webkit-box-flex:1;-ms-flex:1;flex:1}.share-cell span[data-v-22c46c82]{width:42px;color:#606266;text-align:right;font-size:12px}@media screen and (max-width:1280px){.metric-grid[data-v-22c46c82]{grid-template-columns:repeat(3,minmax(150px,1fr))}.analysis-grid[data-v-22c46c82]{grid-template-columns:1fr}}@media screen and (max-width:760px){.monitor-page[data-v-22c46c82]{padding:16px}.monitor-header[data-v-22c46c82]{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.header-actions[data-v-22c46c82]{-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;gap:10px}.metric-grid[data-v-22c46c82]{grid-template-columns:repeat(2,minmax(130px,1fr))}.counter-band[data-v-22c46c82]{grid-template-columns:1fr}.counter-band>div[data-v-22c46c82]{border-right:0;border-bottom:1px solid #ebeef5}.counter-band>div[data-v-22c46c82]:last-child{border-bottom:0}.panel-heading[data-v-22c46c82]{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:12px}}