.mode-buttons[data-v-4dbb8c89]{width:100%;height:100%;display:flex;justify-content:space-between;flex-wrap:nowrap}.mode-button[data-v-4dbb8c89]{background:#f5f5f5;border:none;border-radius:8px;padding:8px 0;cursor:pointer;display:flex;flex-direction:column;align-items:center;transition:all .3s;font-size:12px;height:62px;width:42px;box-shadow:0 4px 8px rgba(0,0,0,.15),inset 0 -2px 3px rgba(0,0,0,.1);position:relative}.mode-button[data-v-4dbb8c89]:hover{background:#e0e0e0;transform:translateY(-2px);box-shadow:0 6px 12px rgba(0,0,0,.2),inset 0 -2px 3px rgba(0,0,0,.1)}.mode-button:first-child.active[data-v-4dbb8c89]{background:linear-gradient(135deg,#4a90e2,#6bb4ff)}.mode-button:first-child.active[data-v-4dbb8c89],.mode-button:nth-child(2).active[data-v-4dbb8c89]{color:#fff;box-shadow:0 2px 4px rgba(0,0,0,.2),inset 0 -2px 3px rgba(0,0,0,.2);transform:translateY(2px)}.mode-button:nth-child(2).active[data-v-4dbb8c89]{background:linear-gradient(135deg,#ff5e62,#f96)}.mode-button:nth-child(3).active[data-v-4dbb8c89]{background:linear-gradient(135deg,#43cea2,#185a9d)}.mode-button:nth-child(3).active[data-v-4dbb8c89],.mode-button:nth-child(4).active[data-v-4dbb8c89]{color:#fff;box-shadow:0 2px 4px rgba(0,0,0,.2),inset 0 -2px 3px rgba(0,0,0,.2);transform:translateY(2px)}.mode-button:nth-child(4).active[data-v-4dbb8c89]{background:linear-gradient(135deg,#d7d2cc,#304352)}.mode-button span[data-v-4dbb8c89]:first-child{margin-bottom:6px}.mode-icon[data-v-4dbb8c89]{font-size:16px;background-size:contain;background-repeat:no-repeat;background-position:50%}.wind-speed-buttons[data-v-5a198981]{display:flex;justify-content:space-between;flex-wrap:nowrap}.wind-speed-button[data-v-5a198981]{padding:6px;font-size:10px;border-radius:6px;box-shadow:0 1px 2px rgba(0,0,0,.1)}.wind-speed-button[data-v-5a198981]:hover{transform:translateY(-2px);box-shadow:0 2px 4px rgba(0,0,0,.15)}.wind-speed-button.active[data-v-5a198981]{box-shadow:0 1px 2px rgba(0,0,0,.2),inset 0 -1px 2px rgba(0,0,0,.2);transform:translateY(1px)}.wind-speed-button[data-v-5a198981]{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:1px solid #dee2e6;border-radius:12px;padding:10px 15px;cursor:pointer;font-size:14px;font-weight:500;color:#495057;transition:all .3s cubic-bezier(.25,.8,.25,1);box-shadow:0 2px 5px rgba(0,0,0,.1);position:relative;overflow:hidden}.wind-speed-button[data-v-5a198981]:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.4),transparent);transition:left .6s}.wind-speed-button.active[data-v-5a198981]:before,.wind-speed-button[data-v-5a198981]:hover:before{left:100%;animation:shine-5a198981 1.5s infinite}@keyframes shine-5a198981{0%{left:-100%}to{left:100%}}.wind-speed-button:first-child.active[data-v-5a198981]{background:linear-gradient(135deg,#8ec5fc,#e0c3fc);color:#3c3c3c;border-color:#d0b3f5;box-shadow:0 2px 8px rgba(187,156,245,.5),inset 0 -2px 3px rgba(0,0,0,.1)}.wind-speed-button:nth-child(2).active[data-v-5a198981]{background:linear-gradient(135deg,#a1c4fd,#c2e9fb);color:#3c3c3c;border-color:#b3dcf7;box-shadow:0 2px 8px rgba(161,196,253,.5),inset 0 -2px 3px rgba(0,0,0,.1)}.wind-speed-button:nth-child(3).active[data-v-5a198981]{background:linear-gradient(135deg,#74ebd5,#9face6);color:#3c3c3c;border-color:#92d8cc;box-shadow:0 2px 8px rgba(116,235,213,.5),inset 0 -2px 3px rgba(0,0,0,.1)}.wind-speed-button:nth-child(4).active[data-v-5a198981]{background:linear-gradient(135deg,#f6d365,#fda085);color:#3c3c3c;border-color:#f8c462;box-shadow:0 2px 8px rgba(246,211,101,.5),inset 0 -2px 3px rgba(0,0,0,.1)}.wind-speed-button.active[data-v-5a198981]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 2px 4px rgba(0,0,0,.2),inset 0 -2px 3px rgba(0,0,0,.2);transform:translateY(2px)}.handleContainer img[data-v-33be1396]{height:100%;width:100%;display:inline-block}.handleContainer .handleTitle[data-v-33be1396]{height:30px;padding:0 15px;display:flex;align-items:center;justify-content:flex-start}.handleContainer .handleTitle i[data-v-33be1396]{font-size:22px;color:#20a0ff}.handleContainer .handleTitle span[data-v-33be1396]{margin-left:5px;font-weight:700}.handleContainer .handleBox[data-v-33be1396]{display:flex;justify-content:space-between;flex-wrap:wrap;padding:0 15px}.handleContainer .handleBox .handleItem[data-v-33be1396]{margin-bottom:5px;border-radius:4px;border:1px solid #e9e9e9;height:80px;padding:0 10px;font-size:14px;position:relative}.handleContainer .handleBox .handleItem .handleLoadingMask[data-v-33be1396]{position:absolute;left:0;top:0;height:100%;width:100%;background-color:rgba(0,0,0,.6);color:#409eff;display:flex;align-items:center;justify-content:center}.handleContainer .handleBox .handleItem.power[data-v-33be1396]{display:flex;align-items:center;justify-content:center;flex-direction:column;width:120px}.handleContainer .handleBox .handleItem.power .title[data-v-33be1396]{font-weight:700;margin-bottom:5px}.handleContainer .handleBox .handleItem.power .container[data-v-33be1396]{height:45px}.handleContainer .handleBox .handleItem.power .container img[data-v-33be1396]{cursor:pointer}.handleContainer .handleBox .handleItem.monitor[data-v-33be1396]{width:120px;display:flex;flex-direction:column;align-items:center;justify-content:center}.handleContainer .handleBox .handleItem.monitor .monitorItem[data-v-33be1396]{line-height:30px;display:flex;align-items:center;justify-content:space-around}.handleContainer .handleBox .handleItem.monitor .monitorItem .left span[data-v-33be1396]{color:#999}.handleContainer .handleBox .handleItem.monitor .monitorItem .left .iconfont[data-v-33be1396]{margin-right:4px}.handleContainer .handleBox .handleItem.monitor .monitorItem .right[data-v-33be1396]{margin-left:18px}.handleContainer .handleBox .handleItem.hotOrCold[data-v-33be1396]{width:100%;height:100px;display:flex;flex-direction:column;padding-top:5px}.handleContainer .handleBox .handleItem.hotOrCold .title[data-v-33be1396]{text-align:center;font-weight:700;margin-bottom:5px}.handleContainer .handleBox .handleItem.windSpeed[data-v-33be1396]{width:100%;height:82px;display:flex;flex-direction:column;padding-top:5px}.handleContainer .handleBox .handleItem.windSpeed .title[data-v-33be1396]{text-align:center;font-weight:700;margin-bottom:5px}.handleContainer .handleBox .handleItem.temperature[data-v-33be1396]{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.handleContainer .handleBox .handleItem.temperature .title[data-v-33be1396]{font-weight:700;margin-bottom:5px}.handleContainer .handleBox .handleItem.temperature .handleContaienr[data-v-33be1396]{height:45px;display:flex;align-items:center}.handleContainer .handleBox .handleItem.temperature .handleContaienr .btn[data-v-33be1396]{width:40px;height:43px}.handleContainer .handleBox .handleItem.temperature .handleContaienr .btn img[data-v-33be1396]{cursor:pointer}.handleContainer .handleBox .handleItem.temperature .handleContaienr .showTemperatureText[data-v-33be1396]{font-size:32px;height:43px;padding:0 15px;font-weight:700;display:flex;align-items:flex-end;justify-content:center}.handleContainer .handleBox .handleItem.temperature .handleContaienr .showTemperatureText .temperature[data-v-33be1396]{vertical-align:bottom}.handleContainer .handleBox .handleItem.temperature .handleContaienr .showTemperatureText .unit[data-v-33be1396]{height:43px;vertical-align:top;font-weight:100;font-size:14px}