.gas-device-monitoring-card[data-v-538b063a]{height:100%!important}.room-selector[data-v-538b063a]{display:flex;justify-content:flex-end;padding:0;gap:8px;margin-bottom:8px;margin-right:10px}.room-selector .room-button[data-v-538b063a]{position:relative;padding:3px 6px;background:#f5f5f5;border-radius:4px;cursor:pointer;transition:all .3s;font-size:12px}.room-selector .room-button[data-v-538b063a]:hover{background:#e6f7ff;border-color:#1890ff}.room-selector .room-button.active[data-v-538b063a]{color:#1890ff}.room-selector .room-button .room-name[data-v-538b063a]{font-size:12px}.room-selector .room-button .alert-badge[data-v-538b063a]{position:absolute;top:-6px;right:-6px;min-width:16px;height:16px;padding:0 4px;background:#ff4d4f;color:#fff;border-radius:8px;font-size:10px;line-height:16px;text-align:center}.monitoring-charts[data-v-538b063a]{height:calc(100% - 30px)}.monitoring-charts .charts-container[data-v-538b063a]{height:100%;position:relative}.monitoring-charts .charts-wrapper[data-v-538b063a]{display:flex;gap:12px;height:100%;transition:transform .3s ease}.monitoring-charts .chart-card[data-v-538b063a]{flex:1;padding:6px;border-radius:6px;border:1px solid #f0f0f0;background:#fff;transition:all .3s}.monitoring-charts .chart-card.normal[data-v-538b063a]{border-color:#52c41a}.monitoring-charts .chart-card.low-alert[data-v-538b063a]{border-color:#faad14}.monitoring-charts .chart-card.high-alert[data-v-538b063a]{border-color:#ff4d4f}.monitoring-charts .chart-card.offline[data-v-538b063a]{border-color:#d9d9d9}.monitoring-charts .chart-card .chart-header[data-v-538b063a]{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.monitoring-charts .chart-card .chart-header .chart-title[data-v-538b063a]{margin:0;font-size:12px;font-weight:600;color:#262626}.monitoring-charts .chart-card .chart-header .status-badge[data-v-538b063a]{padding:2px 6px;border-radius:999px;color:#fff;font-size:10px;font-weight:500}.monitoring-charts .chart-card .chart-header .status-badge.normal[data-v-538b063a]{background:#52c41a}.monitoring-charts .chart-card .chart-header .status-badge.low-alert[data-v-538b063a]{background:#faad14}.monitoring-charts .chart-card .chart-header .status-badge.high-alert[data-v-538b063a]{background:#ff4d4f}.monitoring-charts .chart-card .chart-header .status-badge.offline[data-v-538b063a]{background:#d9d9d9}.monitoring-charts .chart-card .chart-content[data-v-538b063a]{height:calc(100% - 30px);display:flex;align-items:flex-end}.monitoring-charts .chart-card .chart-content .chart-echart[data-v-538b063a]{width:100%;height:100%}.monitoring-charts .pagination-indicators[data-v-538b063a]{position:absolute;bottom:2px;left:50%;transform:translateX(-50%);display:flex;gap:6px}.monitoring-charts .pagination-indicators .indicator[data-v-538b063a]{width:8px;height:8px;border-radius:50%;background:#d9d9d9;cursor:pointer;transition:all .3s}.monitoring-charts .pagination-indicators .indicator.active[data-v-538b063a]{background:#1890ff;transform:scale(1.2)}.monitoring-charts .pagination-indicators .indicator[data-v-538b063a]:hover{background:#1890ff}.no-data[data-v-538b063a]{height:calc(100% - 80px);display:flex;align-items:center;justify-content:center}