[data-v-7681763b]:export{menuText:#bfcbd9;menuActiveText:#409eff;subMenuActiveText:#f4f4f5;menuBg:#304156;menuHover:#263445;subMenuBg:#1f2d3d;subMenuHover:#001528;sideBarWidth:220px}.site-container[data-v-7681763b]{width:100%;height:calc(100vh - 152px);display:flex;justify-content:center;align-items:center;background-image:url(../../assets/img/site-bg.f974a14b.png);background-size:100% 100%;background-repeat:no-repeat;background-position:50%}.site-signage[data-v-7681763b]{width:100%;height:100%;color:#fff;display:flex;padding:0 100px;box-sizing:border-box;flex-direction:column}.site-signage .main-top[data-v-7681763b]{height:82px}.site-signage .main-top .main-title[data-v-7681763b]{font-size:24px;font-weight:700;text-align:center;margin:14px 0;letter-spacing:2px}.site-signage .main-top .main-title .fullscreen-btn[data-v-7681763b]{font-size:22px;padding:8px 12px;color:#2efff3;transition:all .3s;vertical-align:middle;margin-left:10px}.site-signage .main-top .main-title .fullscreen-btn[data-v-7681763b]:hover{transform:scale(1.2);color:#83caff}.site-signage .main-top .main-title .fullscreen-btn i[data-v-7681763b]{font-size:22px}.site-signage .content-wrapper[data-v-7681763b]{flex:1;display:flex;gap:10px;min-height:0}.site-signage .left-content[data-v-7681763b]{flex:1;display:flex;flex-direction:column;gap:10px;min-height:0}.site-signage .section-title[data-v-7681763b]{background-image:url(../../assets/img/text-bg.160f088b.png);background-repeat:no-repeat;background-size:100% 100%;background-position:50%;width:289px;height:35px;font-weight:400;font-size:16px;padding-left:14px;line-height:35px;color:#d8eeff}.site-signage .status-panel[data-v-7681763b]{display:flex;padding:20px;height:100%}.site-signage .status-panel .status-header[data-v-7681763b]{display:flex;gap:20px;flex-direction:column}.site-signage .status-panel .status-item[data-v-7681763b]{width:190px;height:33.3%;background:#05155d;display:flex;align-items:center;justify-content:center;gap:10px;font-size:13px;color:#87a8f2;font-weight:400;text-align:left}.site-signage .status-panel .status-dot.error[data-v-7681763b]{width:21px;height:21px;background:linear-gradient(180deg,#ff5050,#c30705);box-shadow:1px 2px 0 0 rgba(13,28,85,.6);border-radius:50%;border:1px solid #fff;animation:blink-error-data-v-7681763b 1.5s infinite}.site-signage .status-panel .status-dot.warning[data-v-7681763b]{width:21px;height:21px;background:linear-gradient(180deg,#ff9b4b,#c04c13);box-shadow:1px 2px 0 0 rgba(13,28,85,.6);border-radius:50%;border:1px solid #fff}.site-signage .status-panel .status-dot.success[data-v-7681763b]{width:21px;height:21px;background:linear-gradient(180deg,#40ff7a,#10a653);box-shadow:1px 2px 0 0 rgba(13,28,85,.6);border-radius:50%;border:1px solid #fff}@keyframes blink-error-data-v-7681763b{0%{opacity:1;box-shadow:0 0 5px #ff5050,0 0 10px #ff5050}50%{opacity:.6;box-shadow:0 0 10px #ff5050,0 0 20px #ff5050}to{opacity:1;box-shadow:0 0 5px #ff5050,0 0 10px #ff5050}}.site-signage .status-panel .device-grid[data-v-7681763b]{flex:1;display:flex;flex-direction:column;margin-left:20px;border:1px solid #275175;background:#05155d}.site-signage .status-panel .device-row[data-v-7681763b]{display:flex;border-bottom:1px solid #275175;height:40%}.site-signage .status-panel .device-row[data-v-7681763b]:last-child{border-bottom:none;height:60%}.site-signage .status-panel .device-item[data-v-7681763b]{flex:1;width:100%;display:flex;align-items:center;border-right:1px solid #275175;justify-content:space-around;box-sizing:border-box}.site-signage .status-panel .device-item[data-v-7681763b]:last-child{border-right:none}.site-signage .status-panel .device-item .label[data-v-7681763b]{font-weight:400;font-size:11px;color:#fff}.site-signage .status-panel .device-item .info[data-v-7681763b]{text-align:left;flex:1}.site-signage .status-panel .device-item img[data-v-7681763b]{margin-right:8px}.site-signage .status-panel .device-item.split[data-v-7681763b]{display:flex;flex-direction:column}.site-signage .status-panel .device-item.split .device-item-half[data-v-7681763b]{width:100%;flex:1;display:flex;align-items:center;justify-content:space-around;border-bottom:1px solid #275175}.site-signage .status-panel .device-item.split .device-item-half[data-v-7681763b]:last-child{border-bottom:none}.site-signage .pool-panel[data-v-7681763b]{flex:1;min-height:0;padding:20px 0;display:flex}.site-signage .pool-panel .pool-wrapper[data-v-7681763b]{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:space-between}.site-signage .pool-panel .pool-wrapper .inlet_pipe[data-v-7681763b]{position:absolute;top:50px;left:-122px;width:129px;height:80px;background-image:url(../../assets/img/water_inlet.7522c08a.png);background-repeat:no-repeat;background-size:100% 100%;background-position:50%}.site-signage .pool-panel .pool-wrapper .inlet_pipe_arrow[data-v-7681763b]{position:absolute;top:29px;left:-50px;display:flex;align-items:center}.site-signage .pool-panel .pool-wrapper .inlet_pipe_arrow span[data-v-7681763b]{font-weight:400;font-size:11px;color:#83caff}.site-signage .pool-panel .pool-section[data-v-7681763b]{height:100%;display:flex;flex-direction:column}.site-signage .pool-panel .pool-section .sludge-top[data-v-7681763b]{height:50%;position:relative}.site-signage .pool-panel .pool-section .sludge-top .sludge-pipe[data-v-7681763b]{position:absolute;width:100%;height:100%}.site-signage .pool-panel .pool-section .sludge-top .sludge-pipe .water-distribution[data-v-7681763b]{position:relative;width:100%;height:100%;display:flex;padding-left:40px;flex-direction:column}.site-signage .pool-panel .pool-section .sludge-top .sludge-pipe .water-distribution .main-pipe[data-v-7681763b]{position:relative;width:100%;height:120px;display:flex}.site-signage .pool-panel .pool-section .sludge-top .sludge-pipe .water-distribution .main-pipe .main-pipe-img[data-v-7681763b]{width:20px;height:auto;-o-object-fit:contain;object-fit:contain}.site-signage .pool-panel .pool-section .sludge-top .sludge-pipe .water-distribution .branch-pipe[data-v-7681763b]{display:flex;align-items:center;margin-bottom:15px}.site-signage .pool-panel .pool-section .sludge-top .sludge-pipe .water-distribution .branch-pipe .branch-pipe-img[data-v-7681763b]{width:30px;height:auto;margin-bottom:8px}.site-signage .pool-panel .pool-section .sludge-top .sludge-pipe .water-distribution .branch-pipe .branch-label[data-v-7681763b]{font-size:12px;text-align:center;white-space:nowrap}.site-signage .pool-panel .pool-section .sludge-top .sludge-pipe .water-distribution .branch-pipe.irrigation .branch-label[data-v-7681763b],.site-signage .pool-panel .pool-section .sludge-top .sludge-pipe .water-distribution .branch-pipe.washing .branch-label[data-v-7681763b]{color:#83caff}.site-signage .pool-panel .pool-section .sludge_box[data-v-7681763b]{position:relative;border-radius:8px;box-sizing:border-box;height:50%;background-color:rgba(5,21,93,.8);border:1px solid #275175}.site-signage .pool-panel .pool-section .sludge_box .water-level[data-v-7681763b]{position:relative;height:100%;display:flex;justify-content:space-between;padding:10px}.site-signage .pool-panel .pool-section .sludge_box .water-level .sludge_tp .level-value[data-v-7681763b]{color:#d8eeff;font-size:14px}.site-signage .pool-panel .pool-section .sludge_box .water-level .sludge_tp .level-value span[data-v-7681763b]{color:#2efff3;margin-right:4px}.site-signage .pool-panel .pool-section .pool-title[data-v-7681763b]{padding:10px;text-align:center;color:#d8eeff;font-size:16px}.site-signage .pool-panel .pool-section .pool-content[data-v-7681763b]{flex:1;display:flex;flex-direction:column;padding:10px;min-height:0;width:264px;background-repeat:no-repeat;background-size:100% 100%;background-position:50%;position:relative}.site-signage .pool-panel .pool-section .pool-content.regulating[data-v-7681763b]{width:187px;height:100%}.site-signage .pool-panel .pool-section .pool-content.regulating .water-level[data-v-7681763b]{position:relative;height:100%;display:flex;flex-direction:column}.site-signage .pool-panel .pool-section .pool-content.regulating .water-level .water-canvas[data-v-7681763b]{position:absolute;bottom:0;left:0;width:100%;height:100%}.site-signage .pool-panel .pool-section .pool-content.regulating .water-level .water-animation[data-v-7681763b]{position:absolute;bottom:0;left:0;width:100%;transition:height 1s ease-in-out;overflow:hidden}.site-signage .pool-panel .pool-section .pool-content.regulating .water-level .water-animation .water-wave[data-v-7681763b]{position:absolute;bottom:0;left:0;width:200%;height:100%;background:linear-gradient(45deg,rgba(46,255,243,.3) 25%,rgba(46,255,243,.5) 50%,rgba(46,255,243,.3) 75%);animation:wave-data-v-7681763b 8s linear infinite;transform-origin:center bottom}.site-signage .pool-panel .pool-section .pool-content.regulating .water-level .water-animation .water-wave.water-wave2[data-v-7681763b]{animation:wave2-data-v-7681763b 10s linear infinite;opacity:.5}@keyframes wave-data-v-7681763b{0%{transform:translateX(0) translateZ(0)}50%{transform:translateX(-50%) translateZ(0)}to{transform:translateX(-100%) translateZ(0)}}@keyframes wave2-data-v-7681763b{0%{transform:translateX(0) translateZ(0) scaleY(1)}50%{transform:translateX(-25%) translateZ(0) scaleY(.8)}to{transform:translateX(-50%) translateZ(0) scaleY(1)}}.site-signage .pool-panel .pool-section .pool-content.regulating .water-level .gauge-box[data-v-7681763b]{padding:4px 20px 0 20px;display:flex;align-items:center}.site-signage .pool-panel .pool-section .pool-content.regulating .water-level .gauge-box .gauge-left[data-v-7681763b]{width:58px;height:75px;background-position:50%;background-size:100% 100%;background-repeat:no-repeat;display:flex;justify-content:center}.site-signage .pool-panel .pool-section .pool-content.regulating .water-level .gauge-box .gauge-right[data-v-7681763b]{flex:1;display:flex;align-items:center;justify-content:center;flex-direction:column;font-size:12px;color:#d3ebff}.site-signage .pool-panel .pool-section .pool-content.reaction[data-v-7681763b]{width:300px;height:100%;position:relative}.site-signage .pool-panel .pool-section .pool-content.reaction .devices[data-v-7681763b]{padding:4px 20px 0 20px;position:relative}.site-signage .pool-panel .pool-section .pool-content.reaction .devices .device-left[data-v-7681763b]{position:relative}.site-signage .pool-panel .pool-section .pool-content.reaction .devices .device-left .pillar[data-v-7681763b]{position:absolute;left:30px;top:0;height:60px;width:5px;background:#73a3f3}.site-signage .pool-panel .pool-section .pool-content.reaction .devices .device-left .fan[data-v-7681763b]{position:absolute;top:50px;left:10px;width:44px;height:47px}.site-signage .pool-panel .pool-section .pool-content.reaction .devices .device-left .fan img[data-v-7681763b]{animation:rotate-data-v-7681763b 2s linear infinite}@keyframes rotate-data-v-7681763b{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.site-signage .pool-panel .pool-section .pool-content.reaction .devices .device-left .surface[data-v-7681763b]{position:absolute;width:120px;top:15px;left:40px;display:flex;align-items:center;font-size:12px;color:#fff}.site-signage .pool-panel .pool-section .pool-content.reaction .devices .device-left .surface .surface_dot[data-v-7681763b]{width:10px;height:10px;background:#ffad1d;border-radius:50%;margin-right:8px}.site-signage .pool-panel .pool-section .pool-content.reaction .devices .device-right[data-v-7681763b]{position:relative}.site-signage .pool-panel .pool-section .pool-content.reaction .devices .device-right .waterDecanter[data-v-7681763b]{position:absolute;top:50px;right:10px;width:73px;height:32px}.site-signage .pool-panel .pool-section .pool-content.reaction .devices .device-right .surface[data-v-7681763b]{position:absolute;width:80px;top:15px;right:10px;display:flex;align-items:center;font-size:12px;color:#fff}.site-signage .pool-panel .pool-section .pool-content.reaction .devices .device-right .surface .surface_dot[data-v-7681763b]{width:10px;height:10px;background:#2ab1ff;border-radius:50%;margin-right:8px}.site-signage .pool-panel .pool-section .pool-content.sludge_box[data-v-7681763b]{position:relative;border-radius:8px;box-sizing:border-box;flex:1;height:20%}.site-signage .pool-panel .pool-section .pool-content.sludge_box .water-level[data-v-7681763b]{position:relative;height:100%}.site-signage .pool-panel .pool-section .pool-content.sludge_box .water-level .water-canvas[data-v-7681763b]{position:absolute;bottom:0;left:0;width:100%;height:100%}.site-signage .pool-panel .pool-section .pool-content.sludge_box .water-level .sludge_j[data-v-7681763b]{position:absolute;top:0;left:20px}.site-signage .pool-panel .pool-section .pool-content.sludge_box .water-level .sludge_bt[data-v-7681763b],.site-signage .pool-panel .pool-section .pool-content.sludge_box .water-level .sludge_tp[data-v-7681763b]{height:50%;display:flex;align-items:center;justify-content:center}.site-signage .pool-panel .connection[data-v-7681763b]{position:relative;height:100%;flex:1;display:flex;align-items:center;justify-content:center}.site-signage .pool-panel .connection .pipe[data-v-7681763b]{background-repeat:no-repeat;background-size:100% 100%;background-position:50%;height:25px;flex:1;width:100%;position:absolute;top:90px}.site-signage .pool-panel .connection .arrow[data-v-7681763b]{position:absolute;top:80px}.site-signage .pool-panel .gauge-value[data-v-7681763b],.site-signage .pool-panel .level-value[data-v-7681763b]{color:#fff;font-size:12px}.site-signage .pool-panel .gauge-value span[data-v-7681763b],.site-signage .pool-panel .level-value span[data-v-7681763b]{color:#2efff3}.site-signage .progress-panel[data-v-7681763b]{width:360px;height:100%}.site-signage .progress-panel .legend[data-v-7681763b]{display:flex;justify-content:space-between;align-items:center;padding:0 15px;height:30px;border-radius:2px}.site-signage .progress-panel .legend .system-status[data-v-7681763b]{display:flex;align-items:center;gap:8px}.site-signage .progress-panel .legend .system-status .status-label[data-v-7681763b]{color:#d8eeff;font-size:12px}.site-signage .progress-panel .legend .system-status .status-value[data-v-7681763b]{display:flex;align-items:center;gap:5px}.site-signage .progress-panel .legend .system-status .status-value span[data-v-7681763b]{color:#d8eeff;font-size:14px}.site-signage .progress-panel .legend .system-status .status-value .dot[data-v-7681763b]{width:8px;height:8px;border-radius:50%}.site-signage .progress-panel .legend .system-status .status-value .dot.success[data-v-7681763b]{background:linear-gradient(180deg,#40ff7a,#10a653);box-shadow:0 0 5px #40ff7a}.site-signage .progress-panel .legend .system-status .status-value .dot.error[data-v-7681763b]{background:linear-gradient(180deg,#ff5050,#c30705);box-shadow:0 0 5px #ff5050}.site-signage .progress-panel .legend .legend-items[data-v-7681763b]{display:flex;gap:10px}.site-signage .progress-panel .legend .legend-item[data-v-7681763b]{display:flex;align-items:center;gap:8px}.site-signage .progress-panel .legend .legend-item .dot[data-v-7681763b]{width:8px;height:8px;border-radius:50%}.site-signage .progress-panel .legend .legend-item .legend-text[data-v-7681763b]{color:#d8eeff;font-size:12px}.site-signage .progress-panel .legend .legend-item .dot.not-started[data-v-7681763b]{background:linear-gradient(0deg,#ec7b1a,#ffb636)}.site-signage .progress-panel .legend .legend-item .dot.in-progress[data-v-7681763b]{background:linear-gradient(0deg,#2efff3,#0daba0)}.site-signage .progress-panel .legend .legend-item .dot.completed[data-v-7681763b]{background:linear-gradient(0deg,#6c6c6c,#d0d0d0)}.site-signage .progress-panel .progress-list[data-v-7681763b]{background:rgba(2,15,72,.9);position:relative;padding:0 20px;height:98%;width:98%}.site-signage .progress-panel .progress-list[data-v-7681763b]:before{content:"";position:absolute;left:66px;top:14px;bottom:14px;width:2px;background:hsla(0,0%,100%,.1)}.site-signage .progress-panel .progress-list .progress-item[data-v-7681763b]{position:relative;margin-bottom:5px;padding-left:55px;height:30px}.site-signage .progress-panel .progress-list .progress-item .timeline-name[data-v-7681763b]{position:absolute;left:0;color:#87a0be;font-size:14px}.site-signage .progress-panel .progress-list .progress-item .timeline-dot[data-v-7681763b]{position:absolute;left:40px;width:13px;height:13px;border-radius:50%;background:linear-gradient(0deg,#ec7b1a,#ffb636);z-index:1}.site-signage .progress-panel .progress-list .progress-item .timeline-content[data-v-7681763b]{padding:0 15px;margin-top:10px;border-radius:4px}.site-signage .progress-panel .progress-list .progress-item.completed .timeline-dot[data-v-7681763b]{background:linear-gradient(0deg,#6c6c6c,#d0d0d0)}.site-signage .progress-panel .progress-list .progress-item.completed .progress[data-v-7681763b]{background:linear-gradient(270deg,#6c6c6c,#d0d0d0)}.site-signage .progress-panel .progress-list .progress-item.completed .desc[data-v-7681763b],.site-signage .progress-panel .progress-list .progress-item.completed .name[data-v-7681763b]{color:#6d85a1}.site-signage .progress-panel .progress-list .progress-item.in-progress .timeline-dot[data-v-7681763b]{background:linear-gradient(0deg,#2efff3,#0daba0);border:2px solid #d1fffc;box-shadow:0 0 10px #2efff3;animation:dot-pulse-data-v-7681763b 1.5s infinite;width:16px;height:16px}.site-signage .progress-panel .progress-list .progress-item.in-progress .progress[data-v-7681763b]{background:linear-gradient(270deg,#2efff3,#0daba0)}.site-signage .progress-panel .progress-list .progress-item.in-progress .name[data-v-7681763b]{color:#009dff}.site-signage .progress-panel .progress-list .progress-item .progress-header[data-v-7681763b]{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.site-signage .progress-panel .progress-list .progress-item .progress-header .name[data-v-7681763b]{font-size:15px;font-weight:500;color:#d8eeff}.site-signage .progress-panel .progress-list .progress-item .progress-header .time[data-v-7681763b]{color:#409eff;font-size:14px}.site-signage .progress-panel .progress-list .progress-item .progress-bar[data-v-7681763b]{height:6px;background:hsla(0,0%,100%,.1);border-radius:3px;overflow:hidden;margin:10px 0;position:relative}.site-signage .progress-panel .progress-list .progress-item .progress-bar .progress[data-v-7681763b]{height:100%;position:relative;transition:width .8s cubic-bezier(.4,0,.2,1)}.site-signage .progress-panel .progress-list .progress-item .progress-bar .progress[data-v-7681763b]:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.3) 50%,hsla(0,0%,100%,0));animation:progress-shine-data-v-7681763b 2s linear infinite}.site-signage .progress-panel .progress-list .progress-item .progress-item.in-progress .progress[data-v-7681763b]{background:linear-gradient(0deg,#2efff3,#0daba0)}.site-signage .progress-panel .progress-list .progress-item .progress-item.completed .progress[data-v-7681763b]{background:linear-gradient(0deg,#6c6c6c,#d0d0d0)}.site-signage .progress-panel .progress-list .progress-item .progress-item.not-started .timeline-dot[data-v-7681763b]{background:linear-gradient(0deg,#ec7b1a,#ffb636)}.site-signage .progress-panel .progress-list .progress-item .progress-item.not-started .progress[data-v-7681763b]{background:linear-gradient(270deg,#ec7b1a,#ffb636)}@keyframes dot-pulse-data-v-7681763b{0%{box-shadow:0 0 5px #2efff3}50%{box-shadow:0 0 15px #2efff3}to{box-shadow:0 0 5px #2efff3}}@keyframes progress-shine-data-v-7681763b{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.site-signage .progress-panel .progress-list .progress-item .desc[data-v-7681763b]{display:block;color:#87a8f2;font-size:12px}