.detail-wrap .preview-mode-header[data-v-f80b0fdc]{background:#ecf5ff;border:1px solid #b3d8ff;border-radius:4px;padding:15px 20px;margin-bottom:20px}.detail-wrap .preview-mode-header[data-v-f80b0fdc] .el-form-item{margin-bottom:0}.detail-wrap[data-v-f80b0fdc] .el-dialog__wrapper .el-form-item{display:flex}.detail-wrap[data-v-f80b0fdc] .el-dialog__wrapper .el-form-item .el-form-item__label{min-width:100px;text-align:center;font-weight:550}.detail-wrap[data-v-f80b0fdc] .el-dialog__wrapper .el-form-item .el-form-item__content{width:100%}.detail-wrap[data-v-f80b0fdc] .el-dialog__wrapper .el-form-item .el-form-item__content .el-checkbox{white-space:normal}.detail-wrap[data-v-f80b0fdc] .el-dialog__wrapper .el-form-item .el-form-item__content .el-checkbox__label{padding-left:0}.detail-wrap[data-v-f80b0fdc] .el-dialog__wrapper .el-form-item .el-form-item__content .el-checkbox__input{margin-right:10px}.detail-wrap[data-v-f80b0fdc] .el-dialog__wrapper .el-form-item .el-scrollbar__wrap{max-height:300px!important;overflow-y:scroll!important}.detail-wrap[data-v-f80b0fdc] .el-card,.detail-wrap[data-v-f80b0fdc] .el-input,.detail-wrap[data-v-f80b0fdc] .el-select{width:100%}.detail-wrap[data-v-f80b0fdc] .el-card .el-card__header>div{display:flex;align-items:center}.detail-wrap[data-v-f80b0fdc] .el-card .action{margin-left:auto;display:flex;align-items:center}.detail-wrap[data-v-f80b0fdc] .el-card .action .group{margin-right:20px}.detail-wrap[data-v-f80b0fdc] .el-card .action .group .typeIs9Filter{display:flex}.detail-wrap[data-v-f80b0fdc] .el-card .action .group .typeIs9Filter .el-select{width:160px;margin-right:10px}.detail-wrap[data-v-f80b0fdc] .el-card .action .group .typeIs1And2Filter,.detail-wrap[data-v-f80b0fdc] .el-card .action .group .typeIs3Filter{display:flex;align-items:center}.detail-wrap[data-v-f80b0fdc] .el-card .action .group .typeIs1And2Filter .el-radio-group,.detail-wrap[data-v-f80b0fdc] .el-card .action .group .typeIs3Filter .el-radio-group{margin-left:10px}.detail-wrap[data-v-f80b0fdc] .el-card .action .effect [class^=el-icon]{font-size:26px}.detail-wrap[data-v-f80b0fdc] .el-card .action .effect .el-icon-setting{color:#1890ff;margin-right:10px}.detail-wrap[data-v-f80b0fdc] .el-card .action .effect .el-icon-circle-close{color:red}.detail-wrap[data-v-f80b0fdc] .inner-wrap .el-button{margin-bottom:10px}.detail-wrap[data-v-f80b0fdc] .inner-wrap .inner{border:1px dashed #bbb;margin-bottom:10px;padding:10px}.detail-wrap[data-v-f80b0fdc] .inner-wrap .inner .top{display:flex;justify-content:space-between}.detail-wrap[data-v-f80b0fdc] .inner-wrap .inner .top .el-input{width:30%;margin-bottom:10px}.detail-wrap[data-v-f80b0fdc] .inner-wrap .inner .top .el-icon-delete{font-size:22px;color:red}.detail-wrap .query-wrap .el-tag[data-v-f80b0fdc]{font-size:16px;height:32px;line-height:30px}.detail-wrap .query-wrap .name-wrap[data-v-f80b0fdc]{display:flex;align-items:center}.detail-wrap .query-wrap .name-wrap .time-range[data-v-f80b0fdc]{margin-left:20px;color:#333;font-weight:500;font-size:14px}.detail-wrap .metrics-display[data-v-f80b0fdc]{margin-bottom:20px;padding:20px;background:linear-gradient(135deg,rgba(102,126,234,.15),rgba(118,75,162,.15));border-radius:12px;box-shadow:0 2px 8px rgba(102,126,234,.1)}.detail-wrap .metrics-display .metrics-grid[data-v-f80b0fdc]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}.detail-wrap .metrics-display .metrics-grid .metric-card[data-v-f80b0fdc]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:15px;background:hsla(0,0%,100%,.95);border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.1);transition:all .3s ease}.detail-wrap .metrics-display .metrics-grid .metric-card[data-v-f80b0fdc]:hover{transform:translateY(-3px);box-shadow:0 4px 16px rgba(0,0,0,.15)}.detail-wrap .metrics-display .metrics-grid .metric-card .metric-icon[data-v-f80b0fdc]{width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:700;color:#fff;margin-bottom:10px;box-shadow:0 2px 8px rgba(0,0,0,.2)}.detail-wrap .metrics-display .metrics-grid .metric-card .metric-icon svg[data-v-f80b0fdc]{width:36px;height:36px}.detail-wrap .metrics-display .metrics-grid .metric-card .metric-label[data-v-f80b0fdc]{font-size:14px;color:#666;margin-bottom:5px}.detail-wrap .metrics-display .metrics-grid .metric-card .metric-value[data-v-f80b0fdc]{font-size:20px;font-weight:700;color:#333}.detail-wrap .metrics-display .metrics-grid .metric-card.pressure .metric-icon[data-v-f80b0fdc]{background:linear-gradient(135deg,#4facfe,#00f2fe)}.detail-wrap .metrics-display .metrics-grid .metric-card.electric .metric-icon[data-v-f80b0fdc]{background:linear-gradient(135deg,#f093fb,#f5576c)}.detail-wrap .metrics-display .metrics-grid .metric-card.gas .metric-icon[data-v-f80b0fdc]{background:linear-gradient(135deg,#43e97b,#38f9d7)}.detail-wrap .metrics-display .metrics-grid .metric-card.water .metric-icon[data-v-f80b0fdc]{background:linear-gradient(135deg,#fa709a,#fee140)}.detail-wrap .content .layer[data-v-f80b0fdc]{margin-top:20px;display:flex}.detail-wrap .content .layer .typeIs10ChartWrap[data-v-f80b0fdc]{display:flex;align-items:center;justify-content:space-around}.detail-wrap .content .layer .typeIs10ChartWrap [id^=oneChartWrap][data-v-f80b0fdc]{width:95%;height:300px}.detail-wrap .content .layer .typeIs10ChartWrap [class^=el-icon-arrow][data-v-f80b0fdc]{font-size:26px;color:#1890ff;cursor:pointer;transition:.3s ease-in-out;background:#f1f7ff;padding:5px;border-radius:50%}.detail-wrap .content .layer .typeIs10ChartWrap [class^=el-icon-arrow][data-v-f80b0fdc]:hover{color:#0b73d4;background:#e6f0fc}.detail-wrap .content .layer .typeIs11ChartWrap[data-v-f80b0fdc]{height:300px}.detail-wrap .content .layer [id^=oneChartWrap][data-v-f80b0fdc]{width:100%;height:300px}.detail-wrap .content .layer .two-chart[data-v-f80b0fdc]{display:flex;justify-content:space-between}.detail-wrap .content .layer .two-chart [id^=twoChartWrap][data-v-f80b0fdc]{width:45%;height:300px}.detail-wrap .content .layer .two-chart .pipe-chart[data-v-f80b0fdc]:before{content:attr(data-total);position:absolute;top:10px;left:50%;transform:translateX(-50%)}.detail-wrap .content .layer .move[data-v-f80b0fdc]{margin-left:5px;display:flex;flex-direction:column}.detail-wrap .content .layer .move a[data-v-f80b0fdc]{width:16px;display:inline-block;border:1px solid #53a8ff;text-decoration:none;padding:2px;font-size:12px;color:#53a8ff;transition:.3s;text-align:center;margin-bottom:10px}.detail-wrap .content .layer .move a[data-v-f80b0fdc]:hover{background:#d9ecff}.detail-wrap .export-choose-device .el-checkbox[data-v-f80b0fdc],.detail-wrap .export-choose-device .el-col[data-v-f80b0fdc]{line-height:26px}.typeIs12ChartWrap .chart-header[data-v-f80b0fdc]{display:flex;align-items:center}.typeIs12ChartWrap .chart-header .reset-date[data-v-f80b0fdc]{margin-left:10px;font-size:13px}.param-note[data-v-f80b0fdc]{margin-left:5px;color:#666;font-size:12px}