.page-container[data-v-18965bc2]{width:100%;height:100vh;overflow:hidden;display:flex;flex-direction:column}.screen-content[data-v-18965bc2]{flex:1;padding:6px 8px;overflow:hidden}.screen-content .el-row[data-v-18965bc2]{height:100%}.screen-content .el-row .el-col[data-v-18965bc2]{height:100%;display:flex;flex-direction:column;overflow-y:auto}.screen-content .el-row .el-col[data-v-18965bc2]::-webkit-scrollbar{width:4px}.screen-content .el-row .el-col[data-v-18965bc2]::-webkit-scrollbar-thumb{background:rgba(0,198,255,.3);border-radius:2px}.quality-merged-card[data-v-18965bc2] .card-body{display:flex;flex-direction:column;min-height:220px}.quality-merged-grid[data-v-18965bc2]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.quality-panel[data-v-18965bc2]{padding:8px 10px 4px;border:1px solid rgba(0,198,255,.16);border-radius:8px;background:rgba(0,15,40,.35)}.quality-trend-header[data-v-18965bc2]{display:flex;align-items:baseline;gap:8px;margin-bottom:6px}.quality-trend-header .quality-label[data-v-18965bc2]{font-size:12px;color:hsla(0,0%,100%,.5)}.quality-trend-header .quality-value[data-v-18965bc2]{font-size:24px;font-weight:700;color:#00c6ff;line-height:1.1}.quality-trend-header .ph-color[data-v-18965bc2]{color:#00ff9b}.quality-trend-header .quality-unit[data-v-18965bc2]{font-size:11px;color:hsla(0,0%,100%,.45)}.quality-chart-body[data-v-18965bc2]{height:130px}@media(max-width:1200px){.quality-merged-grid[data-v-18965bc2]{grid-template-columns:1fr}.quality-chart-body[data-v-18965bc2]{height:140px}}.flow-display[data-v-18965bc2]{display:flex;align-items:center;justify-content:space-around;padding:15px 0}.flow-block[data-v-18965bc2]{text-align:center;flex:1}.flow-block .flow-label[data-v-18965bc2]{font-size:12px;color:hsla(0,0%,100%,.5);margin-bottom:8px}.flow-block .flow-value[data-v-18965bc2]{font-size:28px;font-weight:700;color:#00c6ff}.flow-block .flow-unit[data-v-18965bc2]{font-size:11px;color:hsla(0,0%,100%,.4);margin-top:4px}.flow-block .level-bar[data-v-18965bc2]{width:100px;height:8px;background:hsla(0,0%,100%,.1);border-radius:4px;margin:8px auto 0;overflow:hidden}.flow-block .level-bar .level-fill[data-v-18965bc2]{height:100%;border-radius:4px;transition:width .5s ease}.flow-sep[data-v-18965bc2]{width:1px;height:60px;background:rgba(0,198,255,.2)}.pressure-diff-list[data-v-18965bc2]{display:flex;flex-direction:column;gap:8px}.pressure-diff-item[data-v-18965bc2]{display:grid;grid-template-columns:1fr auto auto;align-items:baseline;gap:8px;padding:8px 10px;border-radius:8px;border:1px solid rgba(0,198,255,.2);background:rgba(0,15,40,.35)}.pressure-diff-label[data-v-18965bc2]{font-size:12px;color:hsla(0,0%,100%,.65)}.pressure-diff-value[data-v-18965bc2]{font-size:22px;line-height:1;font-weight:700;color:#00c6ff}.pressure-diff-unit[data-v-18965bc2]{font-size:11px;color:hsla(0,0%,100%,.45)}.chart-mode-switch[data-v-18965bc2]{display:flex;align-items:center;margin-bottom:6px;gap:6px}.chart-mode-switch .mode-btn[data-v-18965bc2]{padding:3px 10px;font-size:12px;color:hsla(0,0%,100%,.5);border:1px solid rgba(0,198,255,.2);border-radius:12px;cursor:pointer;transition:all .2s}.chart-mode-switch .mode-btn[data-v-18965bc2]:hover{color:#00c6ff;border-color:rgba(0,198,255,.5)}.chart-mode-switch .mode-btn.mode-active[data-v-18965bc2]{color:#00c6ff;border-color:#00c6ff;background:rgba(0,198,255,.1)}.chart-mode-switch .time-picker[data-v-18965bc2]{flex:1}.chart-mode-switch .time-picker[data-v-18965bc2] .el-range-input{background:transparent;color:hsla(0,0%,100%,.7);font-size:11px}.chart-mode-switch .time-picker[data-v-18965bc2] .el-range-separator{color:hsla(0,0%,100%,.4)}.chart-mode-switch .time-picker[data-v-18965bc2] .el-input__inner{background:rgba(0,15,40,.8);border-color:rgba(0,198,255,.3);color:hsla(0,0%,100%,.7)}.chart-card[data-v-18965bc2] .card-body{display:flex;flex-direction:column}.chart-body[data-v-18965bc2]{height:240px}.chart-body-sm[data-v-18965bc2]{height:150px}