.drainage-monitoring-container[data-v-10641f54]{padding:20px;background:#f0f2f5}.drainage-monitoring-container .vc-index-nav[data-v-10641f54]{padding:10px;font-size:16px;text-align:left;margin-bottom:20px;background:#fff;border-radius:4px}.drainage-monitoring-container .margin-right-sm[data-v-10641f54]{margin-right:5px}.drainage-monitoring-container .margin-left-sm[data-v-10641f54]{margin-left:5px}.drainage-monitoring-container .margin-bottom[data-v-10641f54]{margin-bottom:20px}.drainage-monitoring-container .stat-card[data-v-10641f54]{padding:25px;border-radius:8px;color:#fff;position:relative;overflow:hidden;transition:all .3s;cursor:pointer;box-shadow:0 2px 12px rgba(0,0,0,.1)}.drainage-monitoring-container .stat-card[data-v-10641f54]:hover{transform:translateY(-5px);box-shadow:0 6px 20px rgba(0,0,0,.2)}.drainage-monitoring-container .stat-card .stat-content[data-v-10641f54]{position:relative;z-index:2}.drainage-monitoring-container .stat-card .stat-content .stat-value[data-v-10641f54]{font-size:28px;font-weight:700;margin-bottom:8px}.drainage-monitoring-container .stat-card .stat-content .stat-label[data-v-10641f54]{font-size:14px;opacity:.9;margin-bottom:8px}.drainage-monitoring-container .stat-card .stat-content .stat-status[data-v-10641f54]{font-size:12px;opacity:.8}.drainage-monitoring-container .stat-card .stat-content .stat-status i[data-v-10641f54]{margin-right:3px}.drainage-monitoring-container .stat-card .stat-content .stat-status.normal[data-v-10641f54]{color:#e0ffe0}.drainage-monitoring-container .stat-card .stat-content .stat-status.warning[data-v-10641f54]{color:#ffe0e0}.drainage-monitoring-container .stat-card .stat-icon[data-v-10641f54]{position:absolute;right:20px;top:50%;transform:translateY(-50%);font-size:60px;opacity:.2;z-index:1}.drainage-monitoring-container .box-card[data-v-10641f54]{margin-bottom:20px;border-radius:8px;box-shadow:0 2px 12px rgba(0,0,0,.08)}.drainage-monitoring-container .box-card .card-header[data-v-10641f54]{display:flex;justify-content:space-between;align-items:center;font-weight:700;font-size:16px}.drainage-monitoring-container .box-card .card-header i[data-v-10641f54]{margin-right:8px;color:#409eff}.drainage-monitoring-container .box-card .card-header .header-actions[data-v-10641f54]{display:flex;gap:10px;align-items:center}.drainage-monitoring-container .box-card .card-header .alarm-badge .el-button[data-v-10641f54]{color:#f56c6c}.drainage-monitoring-container .tank-monitoring .tank-card[data-v-10641f54]{padding:20px;border:2px solid #e4e7ed;border-radius:8px;cursor:pointer;transition:all .3s}.drainage-monitoring-container .tank-monitoring .tank-card[data-v-10641f54]:hover{border-color:#409eff;box-shadow:0 4px 15px rgba(64,158,255,.2)}.drainage-monitoring-container .tank-monitoring .tank-card.alarm[data-v-10641f54]{border-color:#f56c6c;background:#fef2f2}.drainage-monitoring-container .tank-monitoring .tank-card .tank-header[data-v-10641f54]{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.drainage-monitoring-container .tank-monitoring .tank-card .tank-header .tank-name[data-v-10641f54]{font-weight:700;font-size:16px;color:#303133}.drainage-monitoring-container .tank-monitoring .tank-card .tank-visual[data-v-10641f54]{display:flex;justify-content:center;margin-bottom:15px}.drainage-monitoring-container .tank-monitoring .tank-card .tank-visual .tank-container[data-v-10641f54]{width:80px;height:120px;border:3px solid #409eff;border-radius:8px;position:relative;background:#f5f7fa;overflow:hidden}.drainage-monitoring-container .tank-monitoring .tank-card .tank-visual .tank-container .water-level[data-v-10641f54]{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(0deg,#409eff,#87ceeb);transition:height .3s}.drainage-monitoring-container .tank-monitoring .tank-card .tank-visual .tank-container .level-text[data-v-10641f54]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-weight:700;color:#303133;z-index:2}.drainage-monitoring-container .tank-monitoring .tank-card .tank-info .info-row[data-v-10641f54]{display:flex;justify-content:space-between;margin-bottom:5px;font-size:13px}.drainage-monitoring-container .tank-monitoring .tank-card .tank-info .info-row .info-label[data-v-10641f54]{color:#909399}.drainage-monitoring-container .tank-monitoring .tank-card .tank-info .info-row .info-value[data-v-10641f54]{font-weight:500;color:#303133}.drainage-monitoring-container .tank-monitoring .tank-card .tank-info .info-row .info-value.text-success[data-v-10641f54]{color:#67c23a}.drainage-monitoring-container .tank-monitoring .tank-card .tank-info .info-row .info-value.text-warning[data-v-10641f54]{color:#e6a23c}.drainage-monitoring-container .pump-monitoring .pump-card[data-v-10641f54]{padding:15px;border:2px solid #e4e7ed;border-radius:8px;cursor:pointer;transition:all .3s}.drainage-monitoring-container .pump-monitoring .pump-card[data-v-10641f54]:hover{border-color:#409eff;box-shadow:0 4px 15px rgba(64,158,255,.2)}.drainage-monitoring-container .pump-monitoring .pump-card.running[data-v-10641f54]{border-color:#67c23a;background:#f0f9ff}.drainage-monitoring-container .pump-monitoring .pump-card.fault[data-v-10641f54]{border-color:#f56c6c;background:#fef2f2}.drainage-monitoring-container .pump-monitoring .pump-card .pump-header[data-v-10641f54]{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.drainage-monitoring-container .pump-monitoring .pump-card .pump-header .pump-name[data-v-10641f54]{font-weight:700;font-size:14px;color:#303133}.drainage-monitoring-container .pump-monitoring .pump-card .pump-header .pump-status-icon[data-v-10641f54]{font-size:18px}.drainage-monitoring-container .pump-monitoring .pump-card .pump-header .pump-status-icon i.el-icon-success[data-v-10641f54]{color:#67c23a}.drainage-monitoring-container .pump-monitoring .pump-card .pump-header .pump-status-icon i.el-icon-remove[data-v-10641f54]{color:#909399}.drainage-monitoring-container .pump-monitoring .pump-card .pump-header .pump-status-icon i.el-icon-warning[data-v-10641f54]{color:#f56c6c}.drainage-monitoring-container .pump-monitoring .pump-card .pump-header .pump-status-icon i.el-icon-time[data-v-10641f54]{color:#e6a23c}.drainage-monitoring-container .pump-monitoring .pump-card .pump-info .info-item[data-v-10641f54]{display:flex;justify-content:space-between;margin-bottom:3px;font-size:12px}.drainage-monitoring-container .pump-monitoring .pump-card .pump-info .info-item .info-label[data-v-10641f54]{color:#909399}.drainage-monitoring-container .pump-monitoring .pump-card .pump-info .info-item .info-value[data-v-10641f54]{font-weight:500;color:#303133}.drainage-monitoring-container .pump-monitoring .pump-card .pump-info .info-item .info-value.text-success[data-v-10641f54]{color:#67c23a}.drainage-monitoring-container .pump-monitoring .pump-card .pump-info .info-item .info-value.text-info[data-v-10641f54]{color:#909399}.drainage-monitoring-container .pump-monitoring .pump-card .pump-info .info-item .info-value.text-danger[data-v-10641f54]{color:#f56c6c}.drainage-monitoring-container .pump-monitoring .pump-card .pump-info .info-item .info-value.text-warning[data-v-10641f54]{color:#e6a23c}.drainage-monitoring-container .pipe-monitoring .pipe-card[data-v-10641f54]{padding:20px;border:2px solid #e4e7ed;border-radius:8px;cursor:pointer;transition:all .3s}.drainage-monitoring-container .pipe-monitoring .pipe-card[data-v-10641f54]:hover{border-color:#409eff;box-shadow:0 4px 15px rgba(64,158,255,.2)}.drainage-monitoring-container .pipe-monitoring .pipe-card.alarm[data-v-10641f54]{border-color:#f56c6c;background:#fef2f2}.drainage-monitoring-container .pipe-monitoring .pipe-card .pipe-header[data-v-10641f54]{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.drainage-monitoring-container .pipe-monitoring .pipe-card .pipe-header .pipe-name[data-v-10641f54]{font-weight:700;font-size:16px;color:#303133}.drainage-monitoring-container .pipe-monitoring .pipe-card .pressure-gauge[data-v-10641f54]{display:flex;justify-content:center;margin-bottom:15px}.drainage-monitoring-container .pipe-monitoring .pipe-card .pressure-gauge .gauge-container[data-v-10641f54]{position:relative;width:100px;height:100px}.drainage-monitoring-container .pipe-monitoring .pipe-card .pressure-gauge .gauge-container .gauge-arc[data-v-10641f54]{width:100%;height:100%;border:8px solid #e4e7ed;border-radius:50%;border-top-color:#409eff;border-right-color:#409eff;position:relative}.drainage-monitoring-container .pipe-monitoring .pipe-card .pressure-gauge .gauge-container .gauge-arc .gauge-pointer[data-v-10641f54]{position:absolute;top:50%;left:50%;width:2px;height:40px;background:#f56c6c;transform-origin:bottom center;transform:translate(-50%,-100%) rotate(-90deg);transition:transform .3s}.drainage-monitoring-container .pipe-monitoring .pipe-card .pressure-gauge .gauge-container .gauge-value[data-v-10641f54]{position:absolute;top:70%;left:50%;transform:translateX(-50%);font-weight:700;font-size:12px;color:#303133}.drainage-monitoring-container .pipe-monitoring .pipe-card .pipe-info .info-row[data-v-10641f54]{display:flex;justify-content:space-between;margin-bottom:5px;font-size:13px}.drainage-monitoring-container .pipe-monitoring .pipe-card .pipe-info .info-row .info-label[data-v-10641f54]{color:#909399}.drainage-monitoring-container .pipe-monitoring .pipe-card .pipe-info .info-row .info-value[data-v-10641f54]{font-weight:500;color:#303133}.drainage-monitoring-container .sump-monitoring .sump-card[data-v-10641f54]{padding:20px;border:2px solid #e4e7ed;border-radius:8px;cursor:pointer;transition:all .3s}.drainage-monitoring-container .sump-monitoring .sump-card[data-v-10641f54]:hover{border-color:#409eff;box-shadow:0 4px 15px rgba(64,158,255,.2)}.drainage-monitoring-container .sump-monitoring .sump-card.alarm[data-v-10641f54]{border-color:#f56c6c;background:#fef2f2}.drainage-monitoring-container .sump-monitoring .sump-card .sump-header[data-v-10641f54]{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.drainage-monitoring-container .sump-monitoring .sump-card .sump-header .sump-name[data-v-10641f54]{font-weight:700;font-size:16px;color:#303133}.drainage-monitoring-container .sump-monitoring .sump-card .sump-content[data-v-10641f54]{display:flex;gap:20px}.drainage-monitoring-container .sump-monitoring .sump-card .sump-content .sump-visual[data-v-10641f54]{flex:0 0 120px}.drainage-monitoring-container .sump-monitoring .sump-card .sump-content .sump-visual .sump-container[data-v-10641f54]{width:100px;height:150px;border:3px solid #606266;border-radius:8px;position:relative;background:#f5f7fa;overflow:hidden}.drainage-monitoring-container .sump-monitoring .sump-card .sump-content .sump-visual .sump-container .water-level[data-v-10641f54]{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(0deg,#409eff,#87ceeb);transition:height .3s}.drainage-monitoring-container .sump-monitoring .sump-card .sump-content .sump-visual .sump-container .level-indicators[data-v-10641f54]{position:absolute;right:-60px;top:0;height:100%;display:flex;flex-direction:column;justify-content:space-between;padding:10px 0}.drainage-monitoring-container .sump-monitoring .sump-card .sump-content .sump-visual .sump-container .level-indicators .indicator[data-v-10641f54]{font-size:10px;color:#909399;padding:2px 4px;border-radius:2px;background:#f5f7fa}.drainage-monitoring-container .sump-monitoring .sump-card .sump-content .sump-visual .sump-container .level-indicators .indicator.active[data-v-10641f54]{color:#fff}.drainage-monitoring-container .sump-monitoring .sump-card .sump-content .sump-visual .sump-container .level-indicators .indicator.active.high-alarm[data-v-10641f54]{background:#f56c6c}.drainage-monitoring-container .sump-monitoring .sump-card .sump-content .sump-visual .sump-container .level-indicators .indicator.active.normal[data-v-10641f54]{background:#67c23a}.drainage-monitoring-container .sump-monitoring .sump-card .sump-content .sump-visual .sump-container .level-indicators .indicator.active.low[data-v-10641f54]{background:#e6a23c}.drainage-monitoring-container .sump-monitoring .sump-card .sump-content .sump-visual .sump-container .level-text[data-v-10641f54]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-weight:700;color:#303133;z-index:2}.drainage-monitoring-container .sump-monitoring .sump-card .sump-content .sump-info[data-v-10641f54]{flex:1}.drainage-monitoring-container .sump-monitoring .sump-card .sump-content .sump-info .info-section[data-v-10641f54]{margin-bottom:15px}.drainage-monitoring-container .sump-monitoring .sump-card .sump-content .sump-info .info-section h4[data-v-10641f54]{margin:0 0 8px 0;font-size:14px;color:#303133}.drainage-monitoring-container .sump-monitoring .sump-card .sump-content .sump-info .info-section .info-item[data-v-10641f54]{display:flex;justify-content:space-between;margin-bottom:5px;font-size:12px}.drainage-monitoring-container .sump-monitoring .sump-card .sump-content .sump-info .info-section .info-item .info-label[data-v-10641f54]{color:#909399}.drainage-monitoring-container .sump-monitoring .sump-card .sump-content .sump-info .info-section .info-item .info-value[data-v-10641f54]{font-weight:500;color:#303133}.drainage-monitoring-container .sump-monitoring .sump-card .sump-content .sump-info .info-section .pump-status-list .pump-status-item[data-v-10641f54]{display:flex;justify-content:space-between;align-items:center;margin-bottom:5px;font-size:12px}.drainage-monitoring-container .sump-monitoring .sump-card .sump-content .sump-info .info-section .pump-status-list .pump-status-item .pump-name[data-v-10641f54]{color:#303133}.drainage-monitoring-container .pump-statistics[data-v-10641f54]{margin-top:20px;padding:15px;background:#f9f9f9;border-radius:4px}.drainage-monitoring-container .pump-statistics .stat-item[data-v-10641f54]{margin-bottom:15px}.drainage-monitoring-container .pump-statistics .stat-item[data-v-10641f54]:last-child{margin-bottom:0}.drainage-monitoring-container .pump-statistics .stat-item .stat-info[data-v-10641f54]{display:flex;justify-content:space-between;margin-bottom:8px}.drainage-monitoring-container .pump-statistics .stat-item .stat-info .stat-name[data-v-10641f54]{font-size:14px;color:#333;font-weight:500}.drainage-monitoring-container .pump-statistics .stat-item .stat-info .stat-value[data-v-10641f54]{font-size:14px;color:#666;font-weight:700}.drainage-monitoring-container .alarm-statistics .alarm-overview[data-v-10641f54]{display:flex;justify-content:space-around;margin-bottom:20px;padding:20px;background:#f9f9f9;border-radius:6px}.drainage-monitoring-container .alarm-statistics .alarm-overview .alarm-item[data-v-10641f54]{text-align:center}.drainage-monitoring-container .alarm-statistics .alarm-overview .alarm-item .alarm-count[data-v-10641f54]{font-size:24px;font-weight:700;color:#303133;margin-bottom:5px}.drainage-monitoring-container .alarm-statistics .alarm-overview .alarm-item .alarm-count.resolved[data-v-10641f54]{color:#67c23a}.drainage-monitoring-container .alarm-statistics .alarm-overview .alarm-item .alarm-count.pending[data-v-10641f54]{color:#f56c6c}.drainage-monitoring-container .alarm-statistics .alarm-overview .alarm-item .alarm-label[data-v-10641f54]{font-size:12px;color:#909399}.drainage-monitoring-container .alarm-statistics .alarm-list .alarm-record[data-v-10641f54]{display:flex;justify-content:space-between;align-items:center;padding:10px;border:1px solid #e4e7ed;border-radius:4px;margin-bottom:8px}.drainage-monitoring-container .alarm-statistics .alarm-list .alarm-record .alarm-info[data-v-10641f54]{flex:1}.drainage-monitoring-container .alarm-statistics .alarm-list .alarm-record .alarm-info .alarm-device[data-v-10641f54]{font-size:14px;color:#303133;font-weight:500}.drainage-monitoring-container .alarm-statistics .alarm-list .alarm-record .alarm-info .alarm-time[data-v-10641f54]{font-size:12px;color:#909399;margin-top:2px}.drainage-monitoring-container .alarm-statistics .alarm-list .alarm-record .alarm-type[data-v-10641f54]{margin:0 15px;font-size:13px;color:#666}.drainage-monitoring-container .runtime-ranking[data-v-10641f54]{padding:15px;background:#f9f9f9;border-radius:4px}.drainage-monitoring-container .runtime-ranking .ranking-item[data-v-10641f54]{display:flex;align-items:center;padding:12px 0;border-bottom:1px solid #eee}.drainage-monitoring-container .runtime-ranking .ranking-item[data-v-10641f54]:last-child{border-bottom:none}.drainage-monitoring-container .runtime-ranking .ranking-item .ranking-badge[data-v-10641f54]{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;margin-right:12px;background:#ddd;color:#fff}.drainage-monitoring-container .runtime-ranking .ranking-item .ranking-badge.rank-1[data-v-10641f54]{background:linear-gradient(135deg,#f093fb,#f5576c)}.drainage-monitoring-container .runtime-ranking .ranking-item .ranking-badge.rank-2[data-v-10641f54]{background:linear-gradient(135deg,#4facfe,#00f2fe)}.drainage-monitoring-container .runtime-ranking .ranking-item .ranking-badge.rank-3[data-v-10641f54]{background:linear-gradient(135deg,#43e97b,#38f9d7)}.drainage-monitoring-container .runtime-ranking .ranking-item .ranking-info[data-v-10641f54]{flex:1;margin-right:15px}.drainage-monitoring-container .runtime-ranking .ranking-item .ranking-info .ranking-name[data-v-10641f54]{font-size:14px;color:#333;margin-bottom:4px}.drainage-monitoring-container .runtime-ranking .ranking-item .ranking-info .ranking-value[data-v-10641f54]{font-size:12px;color:#999}.drainage-monitoring-container .runtime-ranking .ranking-item .ranking-bar[data-v-10641f54]{flex:2;height:8px;background:#e0e0e0;border-radius:4px;overflow:hidden}.drainage-monitoring-container .runtime-ranking .ranking-item .ranking-bar .ranking-bar-fill[data-v-10641f54]{height:100%;border-radius:4px;transition:width .3s}.drainage-monitoring-container .device-detail .detail-params .detail-param-item[data-v-10641f54]{padding:15px;border:1px solid #e4e7ed;border-radius:6px;margin-bottom:15px}.drainage-monitoring-container .device-detail .detail-params .detail-param-item .param-name[data-v-10641f54]{font-size:14px;color:#909399;margin-bottom:5px}.drainage-monitoring-container .device-detail .detail-params .detail-param-item .param-value[data-v-10641f54]{font-size:20px;font-weight:700;color:#303133;margin-bottom:5px}.drainage-monitoring-container .device-detail .detail-params .detail-param-item .param-value.normal[data-v-10641f54]{color:#67c23a}.drainage-monitoring-container .device-detail .detail-params .detail-param-item .param-value.warning[data-v-10641f54]{color:#e6a23c}.drainage-monitoring-container .device-detail .detail-params .detail-param-item .param-value.danger[data-v-10641f54]{color:#f56c6c}.drainage-monitoring-container .device-detail .detail-params .detail-param-item .param-status[data-v-10641f54]{font-size:12px;color:#909399}.drainage-monitoring-container .text-success[data-v-10641f54]{color:#67c23a}.drainage-monitoring-container .text-danger[data-v-10641f54]{color:#f56c6c}.drainage-monitoring-container .text-warning[data-v-10641f54]{color:#e6a23c}.drainage-monitoring-container .text-info[data-v-10641f54]{color:#909399}