.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}.control-mode-options[data-v-7ebbe706]{-ms-flex-direction:row;-ms-flex-pack:center;-webkit-box-direction:normal;-webkit-box-orient:horizontal;-webkit-box-pack:center;display:-webkit-box;display:-ms-flexbox;display:flex;flex-direction:row;gap:16px;justify-content:center;margin-bottom:20px}.control-mode-option[data-v-7ebbe706]{-ms-flex-align:center;-webkit-box-align:center;-webkit-transition:all .3s;align-items:center;border:1px solid #e0e0e0;border-radius:8px;cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;font-size:14px;gap:8px;padding:8px 16px;transition:all .3s;white-space:nowrap}.control-mode-option[data-v-7ebbe706]:hover{background-color:#f5f5f5}.control-mode-option.selected[data-v-7ebbe706]{background-color:#e6f7ff;border-color:#007aff}.option-radio[data-v-7ebbe706]{-ms-flex-align:center;-ms-flex-pack:center;-webkit-box-align:center;-webkit-box-pack:center;-webkit-transition:all .3s;align-items:center;border:2px solid #ddd;border-radius:50%;display:-webkit-box;display:-ms-flexbox;display:flex;height:20px;justify-content:center;transition:all .3s;width:20px}.option-radio.checked[data-v-7ebbe706]{background-color:#007aff;border-color:#007aff}.option-radio .radio-dot[data-v-7ebbe706]{background-color:#fff;border-radius:50%;height:10px;width:10px}.mode-content[data-v-7ebbe706]{margin-top:16px}.mode-tip[data-v-7ebbe706]{color:#666;font-size:14px;padding:20px;text-align:center}.time-inputs[data-v-7ebbe706]{-ms-flex-pack:center;-webkit-box-pack:center;gap:8px;justify-content:center}.time-input-item[data-v-7ebbe706],.time-inputs[data-v-7ebbe706]{-ms-flex-align:center;-webkit-box-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex}.time-input-item[data-v-7ebbe706]{-ms-flex-direction:row;-webkit-box-direction:normal;-webkit-box-orient:horizontal;flex-direction:row;gap:4px}.time-input-item .ivu-input[data-v-7ebbe706]{text-align:center;width:60px}.time-label[data-v-7ebbe706]{color:#666;font-size:12px}.quantity-input[data-v-7ebbe706]{-ms-flex-align:center;-webkit-box-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;gap:12px;margin-bottom:16px}.quantity-input .ivu-input[data-v-7ebbe706]{width:150px}.unit-label[data-v-7ebbe706]{color:#666;font-size:14px}.sensor-address-list[data-v-7ebbe706]{border:1px solid #e0e0e0;border-radius:8px;max-height:200px;overflow-y:auto}.address-title[data-v-7ebbe706]{background-color:#f5f5f5;border-bottom:1px solid #e0e0e0;color:#666;font-size:12px;padding:8px 12px}.address-item[data-v-7ebbe706]{border-bottom:1px solid #f0f0f0;cursor:pointer;font-size:14px;padding:8px 12px}.address-item[data-v-7ebbe706]:last-child{border-bottom:none}.address-item[data-v-7ebbe706]:hover{background-color:#f5f5f5}.address-item.selected[data-v-7ebbe706]{background-color:#e6f7ff;color:#007aff}.control-mode-modal[data-v-7ebbe706] .ivu-modal-header-inner{color:#007aff}.no-arrow-input[data-v-7ebbe706]{-ms-flex:1;-webkit-box-flex:1;flex:1;width:100px!important}.no-arrow-input[data-v-7ebbe706] .ivu-input-number-handler-wrap{width:0}.valve-control-container[data-v-bea359ee]{background-color:#f5f5f5;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:100vh;padding:0}.navigation-header[data-v-bea359ee]{-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-bea359ee]{color:#007aff;font-size:16px}.tabs-container[data-v-bea359ee]{display:-webkit-box;display:-ms-flexbox;display:flex;gap:60px}.tab-item[data-v-bea359ee]{-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-bea359ee]{color:#007aff}.tab-item.active[data-v-bea359ee]:after{background-color:#007aff;bottom:0;content:"";height:2px;left:0;position:absolute;right:0}.tab-item[data-v-bea359ee]:hover{color:#007aff}.valve-cards[data-v-bea359ee]{-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-bea359ee]{-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-bea359ee]{margin-bottom:12px}.valve-title[data-v-bea359ee]{color:#333;font-size:16px;font-weight:500;margin:0 0 8px}.valve-status[data-v-bea359ee]{-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-bea359ee]{color:#ff3b30}.valve-status.open[data-v-bea359ee]{color:#34c759}.valve-footer[data-v-bea359ee]{-ms-flex-pack:justify;-webkit-box-pack:justify;justify-content:space-between}.valve-connection[data-v-bea359ee],.valve-footer[data-v-bea359ee]{-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-bea359ee]{color:#999;font-size:12px}.control-mode[data-v-bea359ee]{-ms-flex-align:center;-webkit-box-align:center;align-items:center;background-color:#f0f0f0;border-radius:4px;color:#666;cursor:pointer;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;font-size:12px;gap:4px;margin-top:8px;padding:4px 8px;white-space:nowrap}.control-mode[data-v-bea359ee]:hover{background-color:#e0e0e0}.control-mode-text[data-v-bea359ee]{color:#007aff}.outlet-status .control-mode[data-v-bea359ee]{font-size:11px;margin-top:6px;padding:0}.control-mode-options[data-v-bea359ee]{-ms-flex-direction:row;-ms-flex-pack:center;-webkit-box-direction:normal;-webkit-box-orient:horizontal;-webkit-box-pack:center;display:-webkit-box;display:-ms-flexbox;display:flex;flex-direction:row;gap:16px;justify-content:center;margin-bottom:20px}.control-mode-option[data-v-bea359ee]{-ms-flex-align:center;-webkit-box-align:center;-webkit-transition:all .3s;align-items:center;border:1px solid #e0e0e0;border-radius:8px;cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;font-size:14px;gap:8px;padding:8px 16px;transition:all .3s;white-space:nowrap}.control-mode-option[data-v-bea359ee]:hover{background-color:#f5f5f5}.control-mode-option.selected[data-v-bea359ee]{background-color:#e6f7ff;border-color:#007aff}.option-radio[data-v-bea359ee]{-ms-flex-align:center;-ms-flex-pack:center;-webkit-box-align:center;-webkit-box-pack:center;-webkit-transition:all .3s;align-items:center;border:2px solid #ddd;border-radius:50%;display:-webkit-box;display:-ms-flexbox;display:flex;height:20px;justify-content:center;transition:all .3s;width:20px}.option-radio.checked[data-v-bea359ee]{background-color:#007aff;border-color:#007aff}.option-radio .radio-dot[data-v-bea359ee]{background-color:#fff;border-radius:50%;height:10px;width:10px}.mode-content[data-v-bea359ee]{margin-top:16px}.mode-tip[data-v-bea359ee]{color:#666;font-size:14px;padding:20px;text-align:center}.time-inputs[data-v-bea359ee]{-ms-flex-pack:center;-webkit-box-pack:center;gap:8px;justify-content:center}.time-input-item[data-v-bea359ee],.time-inputs[data-v-bea359ee]{-ms-flex-align:center;-webkit-box-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex}.time-input-item[data-v-bea359ee]{-ms-flex-direction:row;-webkit-box-direction:normal;-webkit-box-orient:horizontal;flex-direction:row;gap:4px}.time-input-item .ivu-input[data-v-bea359ee]{text-align:center;width:60px}.time-label[data-v-bea359ee]{color:#666;font-size:12px}.quantity-input[data-v-bea359ee]{-ms-flex-align:center;-webkit-box-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;gap:12px;margin-bottom:16px}.quantity-input .ivu-input[data-v-bea359ee]{width:150px}.unit-label[data-v-bea359ee]{color:#666;font-size:14px}.sensor-address-list[data-v-bea359ee]{border:1px solid #e0e0e0;border-radius:8px;max-height:200px;overflow-y:auto}.address-title[data-v-bea359ee]{background-color:#f5f5f5;border-bottom:1px solid #e0e0e0;color:#666;font-size:12px;padding:8px 12px}.address-item[data-v-bea359ee]{border-bottom:1px solid #f0f0f0;cursor:pointer;font-size:14px;padding:8px 12px}.address-item[data-v-bea359ee]:last-child{border-bottom:none}.address-item[data-v-bea359ee]:hover{background-color:#f5f5f5}.address-item.selected[data-v-bea359ee]{background-color:#e6f7ff;color:#007aff}.control-mode-modal .ivu-modal-header-inner[data-v-bea359ee]{color:#007aff}@media (max-width:768px){.navigation-header[data-v-bea359ee]{-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-bea359ee]{gap:24px}.valve-cards[data-v-bea359ee]{-ms-flex-direction:column;-webkit-box-direction:normal;-webkit-box-orient:vertical;flex-direction:column}.valve-card[data-v-bea359ee]{min-width:auto}}.ball-valve-list[data-v-bea359ee]{-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-bea359ee]{-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-bea359ee],.device-info[data-v-bea359ee]{-ms-flex-pack:justify;-webkit-box-pack:justify;display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:space-between}.device-info[data-v-bea359ee]{-ms-flex-direction:column;-webkit-box-direction:normal;-webkit-box-orient:vertical;flex-direction:column;height:90%}.device-name[data-v-bea359ee]{color:#333;font-size:16px;font-weight:500}.network-info[data-v-bea359ee]{-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-bea359ee]{color:#666;font-size:12px}.outlet-group[data-v-bea359ee]{display:-webkit-box;display:-ms-flexbox;display:flex;gap:12px}.outlet-card[data-v-bea359ee]{-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;min-width:120px;padding:12px;transition:all .3s ease}.outlet-card.selected[data-v-bea359ee]{-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-bea359ee]{-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-bea359ee]{-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-bea359ee]{background:#2196f3;border-color:#2196f3}.radio-dot[data-v-bea359ee]{background:#fff;border-radius:50%;height:12px;width:12px}.outlet-status[data-v-bea359ee]{-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-bea359ee]{color:#333;font-size:12px;font-weight:500}.status-text[data-v-bea359ee]{font-size:12px;line-height:1.2}.status-text.opened[data-v-bea359ee]{color:#52c41a}.status-text.closed[data-v-bea359ee]{color:#ff4d4f}.status-text.unknown[data-v-bea359ee],.valve-status.unknown[data-v-bea359ee]{color:#999}.device-checkbox[data-v-bea359ee]{margin-left:12px}.loading-wrapper[data-v-bea359ee]{height:100vh}.valve-checkbox[data-v-bea359ee] .el-checkbox__inner{height:20px!important;width:20px!important}.valve-checkbox[data-v-bea359ee] .el-checkbox__inner:after{height:12px;left:5px;top:0;width:7px}.demo-spin-icon-load[data-v-bea359ee]{-webkit-animation:ani-demo-spin-data-v-bea359ee 1s linear infinite;animation:ani-demo-spin-data-v-bea359ee 1s linear infinite}@-webkit-keyframes ani-demo-spin-data-v-bea359ee{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}50%{-webkit-transform:rotate(180deg);transform:rotate(180deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes ani-demo-spin-data-v-bea359ee{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}50%{-webkit-transform:rotate(180deg);transform:rotate(180deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.loading-tip-dialog[data-v-bea359ee] .el-dialog{-webkit-box-shadow:0 8px 24px rgba(0,0,0,.12);background:#fff;border-radius:12px;box-shadow:0 8px 24px rgba(0,0,0,.12)}.loading-tip-dialog[data-v-bea359ee] .el-dialog__body{padding:25px 20px}