.page-container[data-v-225bcd4e]{width:100%;height:100vh;overflow:hidden;display:flex;flex-direction:column}.screen-content[data-v-225bcd4e]{flex:1;padding:6px 8px;overflow-y:auto;overflow-x:hidden}.quality-merged-card[data-v-225bcd4e] .card-body{display:flex;flex-direction:column;min-height:350px}.quality-merged-grid[data-v-225bcd4e]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.quality-panel[data-v-225bcd4e]{padding:8px 10px 4px;border:1px solid rgba(0,198,255,.16);border-radius:8px;background:rgba(0,15,40,.35);height:auto}.quality-trend-header[data-v-225bcd4e]{display:flex;align-items:baseline;gap:8px;margin-bottom:6px}.quality-trend-header .quality-label[data-v-225bcd4e]{font-size:12px;color:hsla(0,0%,100%,.5)}.quality-trend-header .quality-value[data-v-225bcd4e]{font-size:24px;font-weight:700;color:#00c6ff;line-height:1.1}.quality-trend-header .ph-color[data-v-225bcd4e]{color:#00ff9b}.quality-trend-header .quality-unit[data-v-225bcd4e]{font-size:11px;color:hsla(0,0%,100%,.45)}.quality-chart-body[data-v-225bcd4e]{height:280px}@media(max-width:1200px){.quality-merged-grid[data-v-225bcd4e]{grid-template-columns:1fr}.quality-chart-body[data-v-225bcd4e]{height:100%}}.chart-mode-switch[data-v-225bcd4e]{display:flex;align-items:center;margin-bottom:6px;gap:6px}.chart-mode-switch .mode-btn[data-v-225bcd4e]{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-225bcd4e]:hover{color:#00c6ff;border-color:rgba(0,198,255,.5)}.chart-mode-switch .mode-btn.mode-active[data-v-225bcd4e]{color:#00c6ff;border-color:#00c6ff;background:rgba(0,198,255,.1)}.chart-mode-switch .time-picker[data-v-225bcd4e]{flex:1}.chart-mode-switch .time-picker[data-v-225bcd4e] .el-range-input{background:transparent;color:hsla(0,0%,100%,.7);font-size:11px}.chart-mode-switch .time-picker[data-v-225bcd4e] .el-range-separator{color:hsla(0,0%,100%,.4)}.chart-mode-switch .time-picker[data-v-225bcd4e] .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-225bcd4e] .card-body{display:flex;flex-direction:column}.chart-body[data-v-225bcd4e]{height:240px}