.the-title{height:40px;width:100%}.the-title .ivu-card-body{-ms-flex-align:center;-ms-flex-pack:justify;-webkit-box-align:center;-webkit-box-pack:justify;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;height:40px;justify-content:space-between}.the-title .ivu-card-body .left{-webkit-margin-start:20px;font-family:Arial,sans-serif;font-size:16px;font-weight:bolder;margin-inline-start:20px}.the-title .ivu-card-body .right{-webkit-margin-end:20px;margin-inline-end:20px}.valve-control-container[data-v-3fdde1df]{background-color:#f5f5f5;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:100vh;padding:0}.navigation-header[data-v-3fdde1df]{-ms-flex:1;-ms-flex-align:center;-webkit-box-align:center;-webkit-box-flex:1;align-items:center;background-color:#fff;border-bottom:1px solid #e5e5e5;border-radius:10px;display:-webkit-box;display:-ms-flexbox;display:flex;flex:1;gap:20px;margin:20px;padding:0 16px}.breadcrumb[data-v-3fdde1df]{color:#007aff;font-size:16px}.tabs-container[data-v-3fdde1df]{display:-webkit-box;display:-ms-flexbox;display:flex;gap:60px}.tab-item[data-v-3fdde1df]{-webkit-transition:color .3s ease;color:#666;cursor:pointer;font-size:16px;padding:8px 0;position:relative;transition:color .3s ease}.tab-item.active[data-v-3fdde1df]{color:#007aff}.tab-item.active[data-v-3fdde1df]:after{background-color:#007aff;bottom:0;content:"";height:2px;left:0;position:absolute;right:0}.tab-item[data-v-3fdde1df]:hover{color:#007aff}.valve-cards[data-v-3fdde1df]{-ms-flex-wrap:wrap;display:-webkit-box;display:-ms-flexbox;display:flex;flex-wrap:wrap;gap:12px;overflow-x:hidden;padding:16px}.valve-card[data-v-3fdde1df]{-ms-flex-negative:0;-webkit-box-shadow:0 1px 3px rgba(0,0,0,.1);background-color:#fff;border-radius:8px;box-shadow:0 1px 3px rgba(0,0,0,.1);flex-shrink:0;min-width:200px;padding:16px}.valve-header[data-v-3fdde1df]{margin-bottom:12px}.valve-title[data-v-3fdde1df]{color:#333;font-size:16px;font-weight:500;margin:0 0 8px}.valve-status[data-v-3fdde1df]{-ms-flex-align:center;-webkit-box-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;font-size:12px;gap:4px}.valve-status.closed[data-v-3fdde1df]{color:#ff3b30}.valve-status.open[data-v-3fdde1df]{color:#34c759}.valve-footer[data-v-3fdde1df]{-ms-flex-pack:justify;-webkit-box-pack:justify;justify-content:space-between}.valve-connection[data-v-3fdde1df],.valve-footer[data-v-3fdde1df]{-ms-flex-align:center;-webkit-box-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;gap:4px}.valve-info[data-v-3fdde1df]{color:#999;font-size:12px}@media (max-width:768px){.navigation-header[data-v-3fdde1df]{-ms-flex-align:start;-ms-flex-direction:column;-webkit-box-align:start;-webkit-box-direction:normal;-webkit-box-orient:vertical;align-items:flex-start;flex-direction:column;gap:12px}.tabs-container[data-v-3fdde1df]{gap:24px}.valve-cards[data-v-3fdde1df]{-ms-flex-direction:column;-webkit-box-direction:normal;-webkit-box-orient:vertical;flex-direction:column}.valve-card[data-v-3fdde1df]{min-width:auto}}.ball-valve-list[data-v-3fdde1df]{-ms-flex-direction:column;-webkit-box-direction:normal;-webkit-box-orient:vertical;display:-webkit-box;display:-ms-flexbox;display:flex;flex-direction:column;gap:12px;padding:16px}.ball-valve-item[data-v-3fdde1df]{-ms-flex-align:center;-webkit-box-align:center;-webkit-box-shadow:0 2px 8px rgba(0,0,0,.1);align-items:center;background:#fff;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.1);gap:50px;min-height:120px;min-width:500px;padding:16px}.ball-valve-item[data-v-3fdde1df],.device-info[data-v-3fdde1df]{-ms-flex-pack:justify;-webkit-box-pack:justify;display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:space-between}.device-info[data-v-3fdde1df]{-ms-flex-direction:column;-webkit-box-direction:normal;-webkit-box-orient:vertical;flex-direction:column;height:90%}.device-name[data-v-3fdde1df]{color:#333;font-size:16px;font-weight:500}.network-info[data-v-3fdde1df]{-ms-flex-align:center;-webkit-box-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;gap:4px}.network-text[data-v-3fdde1df]{color:#666;font-size:12px}.outlet-group[data-v-3fdde1df]{display:-webkit-box;display:-ms-flexbox;display:flex;gap:12px}.outlet-card[data-v-3fdde1df]{-ms-flex-align:center;-ms-flex-direction:column;-ms-flex-pack:center;-webkit-box-align:center;-webkit-box-direction:normal;-webkit-box-orient:vertical;-webkit-box-pack:center;-webkit-transition:all .3s ease;align-items:center;background:#f5f5f5;border:1px solid #e0e0e0;border-radius:8px;cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;flex-direction:column;justify-content:center;padding:12px;transition:all .3s ease;width:120px}.outlet-card.selected[data-v-3fdde1df]{-webkit-box-shadow:0 2px 8px rgba(33,150,243,.2);background:#e3f2fd;border-color:#2196f3;box-shadow:0 2px 8px rgba(33,150,243,.2)}.outlet-radio[data-v-3fdde1df]{-ms-flex-pack:end;-webkit-box-pack:end;display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:end;margin-bottom:8px;width:100%}.radio-circle[data-v-3fdde1df]{-ms-flex-align:center;-ms-flex-pack:center;-webkit-box-align:center;-webkit-box-pack:center;-webkit-transition:all .3s ease;align-items:center;border:2px solid #ddd;border-radius:50%;display:-webkit-box;display:-ms-flexbox;display:flex;height:24px;justify-content:center;transition:all .3s ease;width:24px}.radio-circle.checked[data-v-3fdde1df]{background:#2196f3;border-color:#2196f3}.radio-dot[data-v-3fdde1df]{background:#fff;border-radius:50%;height:12px;width:12px}.outlet-status[data-v-3fdde1df]{-ms-flex-align:center;-ms-flex-align:start;-ms-flex-direction:column;-webkit-box-align:center;-webkit-box-align:start;-webkit-box-direction:normal;-webkit-box-orient:vertical;align-items:center;align-items:start;display:-webkit-box;display:-ms-flexbox;display:flex;flex-direction:column;gap:4px;width:100%}.outlet-label[data-v-3fdde1df]{color:#333;font-size:12px;font-weight:500}.status-text[data-v-3fdde1df]{font-size:12px;line-height:1.2}.status-text.opened[data-v-3fdde1df]{color:#52c41a}.status-text.closed[data-v-3fdde1df]{color:#ff4d4f}.device-checkbox[data-v-3fdde1df]{margin-left:12px}.loading-wrapper[data-v-3fdde1df]{height:100vh}.valve-checkbox[data-v-3fdde1df] .el-checkbox__inner{height:20px!important;width:20px!important}.valve-checkbox[data-v-3fdde1df] .el-checkbox__inner:after{height:12px;left:5px;top:0;width:7px}