.w-100[data-v-275da448]{width:100%}.h-100[data-v-275da448]{height:100%}.flex-row[data-v-275da448]{-webkit-box-orient:horizontal;-ms-flex-direction:row;flex-direction:row}.flex-col[data-v-275da448],.flex-row[data-v-275da448]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-direction:normal;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.flex-col[data-v-275da448]{-webkit-box-orient:vertical;-ms-flex-direction:column;flex-direction:column}.jc-center[data-v-275da448]{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.jc-between[data-v-275da448]{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.jc-end[data-v-275da448]{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.align-center[data-v-275da448]{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.align-end[data-v-275da448]{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}.cont-view[data-v-275da448]{position:absolute;left:30px;right:30px;height:240px}.is-top[data-v-275da448]{top:0}.is-bottom[data-v-275da448]{bottom:60px}.box-view[data-v-275da448]{position:relative;margin-top:30px;width:540px;height:100%}.chart-view[data-v-275da448]{position:absolute;top:0;left:0;width:100%;height:100%}.one-view[data-v-275da448]{width:100%;height:100%}.close-icon[data-v-275da448]{font-size:40px;color:#fff}.op-t[data-v-275da448]{position:absolute!important;right:40px;bottom:70px;z-index:3000}.close-view[data-v-275da448]{top:44px;width:60px;height:60px}.btns-view[data-v-275da448]{bottom:64px;width:auto;height:auto}.video-view[data-v-275da448]{position:relative}.sec-label[data-v-275da448]{position:absolute;top:0;text-align:center;color:#fff;font-size:23px;background-color:#253752}.a-view[data-v-275da448]{font-size:23px}.b-view[data-v-275da448]{font-size:14px}.w-100[data-v-38acfd30]{width:100%}.h-100[data-v-38acfd30]{height:100%}.close-btn-wrapper[data-v-38acfd30]{position:fixed;top:20px;right:20px;z-index:9999;cursor:pointer}.flex-row[data-v-38acfd30]{-webkit-box-orient:horizontal;-ms-flex-direction:row;flex-direction:row}.flex-col[data-v-38acfd30],.flex-row[data-v-38acfd30]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-direction:normal;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.flex-col[data-v-38acfd30]{-webkit-box-orient:vertical;-ms-flex-direction:column;flex-direction:column}.jc-center[data-v-38acfd30]{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.jc-between[data-v-38acfd30]{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.jc-around[data-v-38acfd30]{-ms-flex-pack:distribute;justify-content:space-around}.jc-end[data-v-38acfd30]{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.align-center[data-v-38acfd30]{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.align-end[data-v-38acfd30]{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}.cont-view[data-v-38acfd30]{position:absolute;left:30px;right:30px;height:240px}.is-top[data-v-38acfd30]{top:0}.is-bottom[data-v-38acfd30]{bottom:60px}.box-view[data-v-38acfd30]{position:relative;margin-top:30px;width:540px;height:100%}.chart-view[data-v-38acfd30]{position:absolute;top:0;left:0;width:100%;height:100%}.one-view[data-v-38acfd30]{width:100%;height:100%}.close-icon[data-v-38acfd30]{font-size:40px;color:#fff}.op-t[data-v-38acfd30]{position:absolute;right:420px;bottom:70px;z-index:3000}.close-view[data-v-38acfd30]{top:44px;width:60px;height:60px}.btns-view[data-v-38acfd30]{bottom:44px;width:auto;height:auto}.edge-view[data-v-38acfd30]{position:relative;width:430px;height:100%}.video-view[data-v-38acfd30]{position:absolute;left:0;top:0;width:100%;height:100%;z-index:0}.sec-label[data-v-38acfd30]{position:absolute;top:0;text-align:center;color:#fff;font-size:23px;background-color:#253752}.one-item[data-v-38acfd30]{position:relative;width:100%;padding:10px;height:212px}.pd10[data-v-38acfd30]{padding:20px 10px}.label-text[data-v-38acfd30]{height:32px;font-family:Source Han Sans;font-weight:400;color:#e9eff3;line-height:32px;padding-left:12px}.label-text[data-v-38acfd30],.span-1[data-v-38acfd30]{font-size:16px;text-align:left;font-style:normal;text-transform:none}.span-1[data-v-38acfd30]{font-family:PingFang SC;font-weight:500;color:#dbefff;line-height:24px}.span-2[data-v-38acfd30]{color:#ffde04}.tw-item[data-v-38acfd30]{width:100%;padding:0 20px 10px 20px}.rm-view[data-v-38acfd30]{position:absolute;right:0;top:0}.rm-view span[data-v-38acfd30]{font-family:PingFang SC;font-weight:400;font-size:12px;color:#dbefff;line-height:20px;font-style:normal;text-transform:none}.rm-view i[data-v-38acfd30]{font-size:12px;color:#dbefff}.bar-item[data-v-38acfd30]{width:100%;height:22px;background:-webkit-gradient(linear,right top,left top,from(#d88d00),to(#00e09d));background:linear-gradient(270deg,#d88d00,#00e09d);border-radius:11px;font-family:PingFang SC;font-weight:500;font-size:14px;color:#fff}.bar-p-item[data-v-38acfd30]{width:100%;height:22px;background:#003d7d;border-radius:11px;position:relative}.bar-bg[data-v-38acfd30]{position:absolute;left:0;top:0;background:-webkit-gradient(linear,right top,left top,from(#007ffc),to(#00e09d));background:linear-gradient(270deg,#007ffc,#00e09d)}.slider-block[data-v-38acfd30]{position:absolute;top:-3px;width:28px;height:28px;font-size:13px;border-radius:14px;background-color:#fff}.three-view[data-v-38acfd30]{width:33.33%;padding-bottom:20px}.icon-view[data-v-38acfd30]{position:relative;width:56px;height:56px}.status-view[data-v-38acfd30]{position:absolute;left:-4px;width:100%;bottom:-10px;width:64px;height:20px;background-color:#12c4a1;border-radius:10px;font-size:12px}.status-view[data-v-38acfd30],.three-span[data-v-38acfd30]{font-family:PingFang SC;font-weight:500;color:#fff;font-style:normal;text-transform:none}.three-span[data-v-38acfd30]{position:relative;padding-top:15px;font-size:14px;line-height:22px;text-align:center}.edge-background[data-v-38acfd30]{position:absolute;left:10px;top:10px;width:calc(100% - 20px);height:calc(100% - 20px);z-index:0}.sep-line[data-v-38acfd30]{position:relative;width:100%;height:4px;background:-webkit-gradient(linear,left top,right top,from(rgba(0,161,252,.5686)),to(rgba(0,161,252,.0001)));background:linear-gradient(90deg,rgba(0,161,252,.5686),rgba(0,161,252,.0001))}.header-view[data-v-38acfd30]{padding:10px 20px}.header-view .vh[data-v-38acfd30]{width:4px;height:20px;background:#00c2fd;border-radius:0 0 0 0}.header-view span[data-v-38acfd30]{margin-left:10px;height:32px;font-family:Source Han Sans;font-weight:700;font-size:16px;color:#e9eff3;line-height:32px;text-align:left;font-style:normal;text-transform:none}.flex-icon[data-v-38acfd30]{position:absolute;left:0;top:6px;width:100%;height:38px;z-index:1}.pop-dt-view[data-v-38acfd30]{position:absolute;left:440px;bottom:50px;width:900px;height:525px}.card-bg[data-v-38acfd30]{background:#1b283d;-webkit-box-shadow:inset 0 5px 55px 0 rgba(0,195,255,.5);box-shadow:inset 0 5px 55px 0 rgba(0,195,255,.5);border-radius:0 0 0 0;border:1px solid #436684;opacity:.8}.close-btn[data-v-38acfd30]{position:absolute;right:25px;top:25px;width:24px;height:24px}.distributing_ball[data-v-38acfd30]{width:auto;height:auto}[data-v-38acfd30] .edge-view .is-horizontal{height:0;left:0;display:none}[data-v-38acfd30] .edge-view .el-scrollbar__wrap{overflow-x:hidden}.fullscreen-dialog .el-dialog{position:fixed;top:50%;left:50%;border-radius:10px;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:80vw!important;height:80vh!important;overflow:hidden}.fullscreen-dialog .el-dialog__body,.fullscreen-dialog .el-dialog__header{padding:0!important}#videoMonitorView[data-v-2e7422a2]{@apply w-full h-full}.video-container[data-v-2e7422a2]{-ms-flex-wrap:wrap;flex-wrap:wrap;gap:20px;padding:20px;width:100%;height:100%;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.video-container[data-v-2e7422a2],.video-item[data-v-2e7422a2]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.video-item[data-v-2e7422a2]{position:relative;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.video-view[data-v-2e7422a2]{width:100%;position:relative;border-radius:16px;overflow:hidden;background:#000}.desk-btm[data-v-2e7422a2]{position:absolute;bottom:0;width:100%;z-index:99;background-color:rgba(0,0,0,.2);-webkit-transition:opacity .2s ease;transition:opacity .2s ease;opacity:1;pointer-events:none}.video-view:focus-within .desk-btm[data-v-2e7422a2],.video-view:focus .desk-btm[data-v-2e7422a2],.video-view:hover .desk-btm[data-v-2e7422a2]{opacity:0}.desk-label[data-v-2e7422a2]{font-size:14px;line-height:54px}.full-icon[data-v-2e7422a2]{-o-object-fit:contain;object-fit:contain}.ez-iframe-footer-container,.header-controls{display:none!important}.job-control[data-v-6573f53e]{width:100%;height:100%}.edge-view[data-v-6eb05c54]{position:relative;width:300px;-ms-flex-negative:0;flex-shrink:0;height:100%}.edge-background[data-v-6eb05c54]{position:absolute;left:10px;top:10px;width:100%;height:calc(100% - 10px)!important;z-index:0}.edge-container[data-v-6eb05c54]{position:absolute;left:10px;top:10px;width:calc(100% - 20px);height:calc(100% - 20px);background-color:transparent!important}.md-view[data-v-6eb05c54]{position:relative;width:60%;height:100%;padding-bottom:10px}.flex-row[data-v-6eb05c54]{-webkit-box-orient:horizontal;-ms-flex-direction:row;flex-direction:row}.flex-col[data-v-6eb05c54],.flex-row[data-v-6eb05c54]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-direction:normal;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.flex-col[data-v-6eb05c54]{-webkit-box-orient:vertical;-ms-flex-direction:column;flex-direction:column}.flex-start[data-v-6eb05c54]{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.flex-wrap[data-v-6eb05c54]{-ms-flex-wrap:wrap;flex-wrap:wrap}.house-left[data-v-6eb05c54]{height:65px;width:49%;background-image:url(../img/residential-total.a7f6e84d.png);background-size:100% 100%}.house-right[data-v-6eb05c54]{height:65px;width:49%;background-image:url(../img/household-use.bd5fc593.png);background-size:100% 100%}.vehicle-left[data-v-6eb05c54]{height:65px;width:49%;background-image:url(../img/vehicle-total.99c74754.png);background-size:100% 100%}.vehicle-right[data-v-6eb05c54]{height:65px;width:49%;background-image:url(../img/vehicle-use.df2ed833.png);background-size:100% 100%}.chart_content[data-v-6eb05c54]{width:100%;padding-left:4px;padding-right:4px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:distribute;justify-content:space-around}.vehicle[data-v-6eb05c54]{width:100%;gap:10px;height:100%;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.vehicle[data-v-6eb05c54],.vehicle_content-right[data-v-6eb05c54]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.vehicle_content-right[data-v-6eb05c54]{float:left}.vehicle_content-right[data-v-6eb05c54],.vehicle_content[data-v-6eb05c54]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-top:17%;height:48%;width:58%;font-size:14px;color:#fff}.vehicle_content[data-v-6eb05c54]{display:-webkit-box;display:-ms-flexbox;display:flex;float:right;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.vehicle_content span[data-v-6eb05c54]{font-size:18px;font-weight:600;color:#02abfe}.vehicle_content-right span[data-v-6eb05c54]{font-size:18px;font-weight:600;color:#00d650}.jc-start[data-v-6eb05c54]{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.align-start[data-v-6eb05c54]{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.space-between[data-v-6eb05c54]{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.span-title[data-v-6eb05c54]{font-size:16px;font-weight:400;padding:16px 10px 12px 10px;font-family:MiSans,serif;color:transparent;background-image:-webkit-gradient(linear,left top,left bottom,color-stop(12%,#24caff),color-stop(80%,#e3f8ff));background-image:linear-gradient(180deg,#24caff 12%,#e3f8ff 80%);-webkit-background-clip:text;background-clip:text;display:inline-block}.sep-line[data-v-6eb05c54]{position:relative;width:100%;height:4px;background:-webkit-gradient(linear,left top,right top,from(rgba(0,161,252,.5686)),to(rgba(0,161,252,.0001)));background:linear-gradient(90deg,rgba(0,161,252,.5686),rgba(0,161,252,.0001))}.one-item[data-v-6eb05c54]{width:50%;height:auto}.monitor-icon[data-v-6eb05c54]{width:104px;height:104px;-o-object-fit:contain;object-fit:contain}.tw-item[data-v-6eb05c54]{width:100%;padding:0 20px 10px 20px}.span-1[data-v-6eb05c54]{font-family:PingFang SC;font-weight:500;font-size:16px;color:#dbefff;line-height:24px;text-align:left;font-style:normal;text-transform:none}.span-2[data-v-6eb05c54]{color:#ffde04}.bar-item[data-v-6eb05c54]{width:100%;height:18px;background:-webkit-gradient(linear,right top,left top,from(#d88d00),to(#00e09d));background:linear-gradient(270deg,#d88d00,#00e09d);border-radius:11px;font-family:PingFang SC;font-weight:500;font-size:13px;color:#fff}.bar-p-item[data-v-6eb05c54]{width:100%;height:18px;background:#003d7d;border-radius:11px;position:relative}.bar-bg[data-v-6eb05c54]{position:absolute;left:0;top:0;background:-webkit-gradient(linear,right top,left top,from(#007ffc),to(#00e09d));background:linear-gradient(270deg,#007ffc,#00e09d)}.text-section[data-v-6eb05c54]{width:100%;text-align:center;height:100%}.text-section .one-span[data-v-6eb05c54]{font-family:PingFang SC;font-weight:400;font-size:14px;color:#dbefff;line-height:22px;text-align:left;font-style:normal;text-transform:none}.text-section .two-span[data-v-6eb05c54]{font-family:PingFang SC;font-weight:500;font-size:18px;color:#fff;line-height:26px;text-align:left;font-style:normal;text-transform:none}.text-section .title-span[data-v-6eb05c54]{font-family:PingFang SC;font-weight:400;font-size:14px;color:#dbefff;line-height:22px;font-style:normal;text-transform:none}.text-section .sub-title-span[data-v-6eb05c54]{font-family:PingFang SC;font-weight:500;font-size:14px;color:#fff;line-height:26px;font-style:normal;text-transform:none}.icon-view[data-v-6eb05c54]{position:relative;width:56px;height:56px}.status-view[data-v-6eb05c54]{position:absolute;left:-4px;width:100%;bottom:-10px;width:64px;height:20px;background-color:#12c4a1;border-radius:10px;font-family:PingFang SC;font-weight:500;font-size:12px;color:#fff;font-style:normal;text-transform:none}.three-view[data-v-6eb05c54]{width:33.33%;padding-bottom:10px}.three-span[data-v-6eb05c54]{position:relative;padding-top:15px;font-family:PingFang SC;font-weight:500;font-size:12px;color:#fff;line-height:22px;text-align:center;font-style:normal;text-transform:none}.err-view[data-v-6eb05c54]{background-color:#ff7b00!important}.rm-view[data-v-6eb05c54]{position:absolute;right:0;top:0}.rm-view span[data-v-6eb05c54]{font-family:PingFang SC;font-weight:400;font-size:12px;color:#dbefff;line-height:20px;font-style:normal;text-transform:none}.rm-view i[data-v-6eb05c54]{font-size:12px;color:#dbefff}.slider-block[data-v-6eb05c54]{position:absolute;width:24px;height:24px;top:-3px;font-weight:700;font-size:12px;border-radius:14px;background-color:#fff}.video-view[data-v-6eb05c54],[data-v-6eb05c54] .video-view{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;overflow:hidden;background-size:cover}[data-v-6eb05c54] .el-scrollbar__wrap{overflow-x:hidden}[data-v-6eb05c54] .is-horizontal{height:0;left:0;display:none}.desk-btm{&:hover{background-color:rgba(0,0,0,.4)}}.birds-view{position:relative;width:60%;top:0;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap}.icon-proj-profile{width:100%;height:100%;border-radius:100px;border-width:1px;padding:80px;-o-object-fit:cover;object-fit:cover}.fade-enter-active[data-v-6eb05c54],.fade-leave-active[data-v-6eb05c54]{-webkit-transition:opacity .5s ease;transition:opacity .5s ease}.fade-enter-from[data-v-6eb05c54],.fade-leave-to[data-v-6eb05c54]{opacity:0}.w-100[data-v-28b64af5]{width:100%}.h-100[data-v-28b64af5]{height:100%}.flex-row[data-v-28b64af5]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.distributing_ball[data-v-28b64af5],.flex-row[data-v-28b64af5]{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.distributing_ball[data-v-28b64af5]{width:100px;height:100px}.liquid-group[data-v-28b64af5]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:100%;gap:10px;margin-top:10px;height:100%}.liquid-title[data-v-28b64af5]{color:#fff;font-weight:500;font-size:14px;line-height:1}.liquid-value[data-v-28b64af5]{color:#d88d00;line-height:1;font-weight:800;font-size:14px}.span-title[data-v-28b64af5]{font-size:16px;font-weight:400;padding:16px 10px 8px 10px;font-family:MiSans;color:transparent;background-image:-webkit-gradient(linear,left top,left bottom,color-stop(12%,#24caff),color-stop(80%,#e3f8ff));background-image:linear-gradient(180deg,#24caff 12%,#e3f8ff 80%);-webkit-background-clip:text;background-clip:text;display:inline-block}.chart-container[data-v-28b64af5]{position:relative;width:80px;height:80px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;border-radius:50%;border:2px solid #37a2da;background:transparent!important;z-index:99!important}.chart-item[data-v-28b64af5]{position:relative!important;width:100%!important;height:100%!important;z-index:99!important}.chart-title[data-v-28b64af5]{width:100%;position:absolute;color:#fff;text-align:center;bottom:4px;font-weight:600;font-size:12px}.flex-col[data-v-28b64af5]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.jc-center[data-v-28b64af5]{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.jc-between[data-v-28b64af5]{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.jc-around[data-v-28b64af5]{-ms-flex-pack:distribute;justify-content:space-around}.jc-end[data-v-28b64af5]{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.align-center[data-v-28b64af5]{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.align-end[data-v-28b64af5]{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}.cont-view[data-v-28b64af5]{position:absolute;left:30px;right:30px;height:240px}.is-top[data-v-28b64af5]{top:0}.is-bottom[data-v-28b64af5]{bottom:60px}.box-view[data-v-28b64af5]{position:relative;margin-top:30px;width:540px;height:100%}.chart-view[data-v-28b64af5]{position:absolute;top:0;left:0;width:100%;height:100%}.one-view[data-v-28b64af5]{width:100%;height:100%}.close-icon[data-v-28b64af5]{font-size:40px;color:#fff}.op-t[data-v-28b64af5]{position:absolute;right:420px;bottom:70px;z-index:3000}.close-view[data-v-28b64af5]{top:44px;width:60px;height:60px}.btns-view[data-v-28b64af5]{bottom:44px;width:auto;height:auto}.edge-view[data-v-28b64af5]{position:relative;width:300px;height:100%}.video-view[data-v-28b64af5]{position:absolute;left:0;top:0;width:100%;height:100%;z-index:0}.sec-label[data-v-28b64af5]{position:absolute;top:0;text-align:center;color:#fff;font-size:23px;background-color:#253752}.one-item[data-v-28b64af5]{position:relative;width:100%;padding:10px;height:212px}.pd10[data-v-28b64af5]{padding:20px 10px}.label-text[data-v-28b64af5]{height:32px;font-family:Source Han Sans;font-weight:400;color:#e9eff3;line-height:32px;padding-left:12px}.label-text[data-v-28b64af5],.span-1[data-v-28b64af5]{font-size:16px;text-align:left;font-style:normal;text-transform:none}.span-1[data-v-28b64af5]{font-family:PingFang SC;font-weight:500;color:#dbefff;line-height:24px}.span-2[data-v-28b64af5]{color:#ffde04}.tw-item[data-v-28b64af5]{width:100%;padding:0 20px 10px 20px}.rm-view[data-v-28b64af5]{position:absolute;right:0;top:0}.rm-view span[data-v-28b64af5]{font-family:PingFang SC;font-weight:400;font-size:12px;color:#dbefff;line-height:20px;font-style:normal;text-transform:none}.rm-view i[data-v-28b64af5]{font-size:12px;color:#dbefff}.bar-item[data-v-28b64af5]{width:100%;height:22px;background:-webkit-gradient(linear,right top,left top,from(#d88d00),to(#00e09d));background:linear-gradient(270deg,#d88d00,#00e09d);border-radius:11px;font-family:PingFang SC;font-weight:500;font-size:14px;color:#fff}.bar-p-item[data-v-28b64af5]{width:100%;height:22px;background:#003d7d;border-radius:11px;position:relative}.bar-bg[data-v-28b64af5]{position:absolute;left:0;top:0;background:-webkit-gradient(linear,right top,left top,from(#007ffc),to(#00e09d));background:linear-gradient(270deg,#007ffc,#00e09d)}.slider-block[data-v-28b64af5]{position:absolute;top:-3px;width:28px;height:28px;font-size:13px;border-radius:14px;background-color:#fff}.three-view[data-v-28b64af5]{width:33.33%;padding-bottom:20px}.icon-view[data-v-28b64af5]{position:relative;width:56px;height:56px}.status-view[data-v-28b64af5]{position:absolute;left:-4px;width:100%;bottom:-10px;width:64px;height:20px;background-color:#12c4a1;border-radius:10px;font-size:12px}.status-view[data-v-28b64af5],.three-span[data-v-28b64af5]{font-family:PingFang SC;font-weight:500;color:#fff;font-style:normal;text-transform:none}.three-span[data-v-28b64af5]{position:relative;padding-top:15px;font-size:14px;line-height:22px;text-align:center}.edge-background[data-v-28b64af5]{position:absolute;left:10px;top:10px;width:100%;height:calc(100% - 10px)!important;z-index:0}.sep-line[data-v-28b64af5]{position:relative;width:100%;height:4px;background:-webkit-gradient(linear,left top,right top,from(rgba(0,161,252,.5686)),to(rgba(0,161,252,.0001)));background:linear-gradient(90deg,rgba(0,161,252,.5686),rgba(0,161,252,.0001))}.header-view[data-v-28b64af5]{padding:10px 20px}.header-view .vh[data-v-28b64af5]{width:4px;height:20px;background:#00c2fd;border-radius:0 0 0 0}.header-view span[data-v-28b64af5]{margin-left:10px;height:32px;font-family:Source Han Sans;font-weight:700;font-size:16px;color:#e9eff3;line-height:32px;text-align:left;font-style:normal;text-transform:none}.flex-icon[data-v-28b64af5]{position:absolute;left:0;top:6px;width:100%;height:38px;z-index:1}.pop-dt-view[data-v-28b64af5]{position:fixed;left:440px;bottom:50px;width:900px;height:525px;z-index:10000}.card-bg[data-v-28b64af5]{background:#1b283d;-webkit-box-shadow:inset 0 5px 55px 0 rgba(0,195,255,.5);box-shadow:inset 0 5px 55px 0 rgba(0,195,255,.5);border-radius:0 0 0 0;border:1px solid #436684;opacity:.8}.close-btn[data-v-28b64af5]{position:absolute;right:25px;top:25px;width:24px;height:24px}.distributing_ball[data-v-28b64af5]{width:auto;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:auto}[data-v-28b64af5] .side-view .is-horizontal{height:0;left:0;display:none}[data-v-28b64af5] .side-view .el-scrollbar__wrap{overflow-x:hidden}.w-100[data-v-0139bd12]{width:100%}.h-100[data-v-0139bd12]{height:100%}.flex-row[data-v-0139bd12]{-webkit-box-orient:horizontal;-ms-flex-direction:row;flex-direction:row}.flex-col[data-v-0139bd12],.flex-row[data-v-0139bd12]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-direction:normal;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.flex-col[data-v-0139bd12]{-webkit-box-orient:vertical;-ms-flex-direction:column;flex-direction:column}.span-title[data-v-0139bd12]{font-size:16px}.span-title[data-v-0139bd12],.span-value[data-v-0139bd12]{font-weight:400;padding:16px 10px 8px 10px;font-family:MiSans;color:transparent;background-image:-webkit-gradient(linear,left top,left bottom,color-stop(12%,#24caff),color-stop(80%,#e3f8ff));background-image:linear-gradient(180deg,#24caff 12%,#e3f8ff 80%);-webkit-background-clip:text;background-clip:text;display:inline-block}.span-value[data-v-0139bd12]{font-size:14px}.jc-center[data-v-0139bd12]{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.jc-between[data-v-0139bd12]{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.jc-around[data-v-0139bd12]{-ms-flex-pack:distribute;justify-content:space-around}.jc-end[data-v-0139bd12]{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.align-center[data-v-0139bd12]{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.align-end[data-v-0139bd12]{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}.cont-view[data-v-0139bd12]{position:absolute;left:30px;right:30px;height:240px}.is-top[data-v-0139bd12]{top:0}.is-bottom[data-v-0139bd12]{bottom:60px}.box-view[data-v-0139bd12]{position:relative;margin-top:30px;width:540px;height:100%}.chart-view[data-v-0139bd12]{position:absolute;top:0;left:0;width:100%;height:100%}.one-view[data-v-0139bd12]{width:100%;height:100%}.close-icon[data-v-0139bd12]{font-size:40px;color:#fff}.op-t[data-v-0139bd12]{position:absolute;right:420px;bottom:70px;z-index:3000}.close-view[data-v-0139bd12]{top:44px;width:60px;height:60px}.btns-view[data-v-0139bd12]{bottom:44px;width:auto;height:auto}.edge-view[data-v-0139bd12]{position:relative;width:300px;height:100%}.chart-container[data-v-0139bd12]{position:relative;width:80px;height:80px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;border-radius:65px;border:2px solid #37a2da}.chart-title[data-v-0139bd12]{width:100%;position:absolute;color:#fff;text-align:center;bottom:4px;font-weight:600;font-size:12px}#humidity[data-v-0139bd12],#smoke[data-v-0139bd12],#temperature[data-v-0139bd12]{position:absolute;width:100%!important;height:100%!important}.video-view[data-v-0139bd12]{position:absolute;left:0;top:0;width:100%;height:100%;z-index:0}.sec-label[data-v-0139bd12]{position:absolute;top:0;text-align:center;color:#fff;font-size:23px;background-color:#253752}.one-item[data-v-0139bd12]{position:relative;width:100%;padding:10px;height:212px}.pd10[data-v-0139bd12]{padding:20px 10px}.label-text[data-v-0139bd12]{font-family:Source Han Sans;font-weight:400;color:#e9eff3}.label-text[data-v-0139bd12],.span-1[data-v-0139bd12]{font-size:16px;text-align:left;font-style:normal;text-transform:none}.span-1[data-v-0139bd12]{font-family:PingFang SC;font-weight:500;color:#dbefff;line-height:24px}.span-2[data-v-0139bd12]{color:#ffde04}.tw-item[data-v-0139bd12]{width:100%;padding:0 20px 10px 20px}.rm-view[data-v-0139bd12]{position:absolute;right:0;top:0}.rm-view span[data-v-0139bd12]{font-family:PingFang SC;font-weight:400;font-size:12px;color:#dbefff;line-height:20px;font-style:normal;text-transform:none}.rm-view i[data-v-0139bd12]{font-size:12px;color:#dbefff}.bar-item[data-v-0139bd12]{width:100%;height:22px;background:-webkit-gradient(linear,right top,left top,from(#d88d00),to(#00e09d));background:linear-gradient(270deg,#d88d00,#00e09d);border-radius:11px;font-family:PingFang SC;font-weight:500;font-size:14px;color:#fff}.bar-p-item[data-v-0139bd12]{width:100%;height:22px;background:#003d7d;border-radius:11px;position:relative}.bar-bg[data-v-0139bd12]{position:absolute;left:0;top:0;background:-webkit-gradient(linear,right top,left top,from(#007ffc),to(#00e09d));background:linear-gradient(270deg,#007ffc,#00e09d)}.sep-line[data-v-0139bd12]{position:relative;width:100%;height:4px;background:-webkit-gradient(linear,left top,right top,from(rgba(0,161,252,.5686)),to(rgba(0,161,252,.0001)));background:linear-gradient(90deg,rgba(0,161,252,.5686),rgba(0,161,252,.0001))}.slider-block[data-v-0139bd12]{position:absolute;top:-3px;width:28px;height:28px;font-size:13px;border-radius:14px;background-color:#fff}.three-view[data-v-0139bd12]{width:33.33%;padding-bottom:20px}.icon-view[data-v-0139bd12]{position:relative;width:56px;height:56px}.status-view[data-v-0139bd12]{position:absolute;left:-4px;width:100%;bottom:-10px;width:64px;height:20px;background-color:#12c4a1;border-radius:10px;font-size:12px}.status-view[data-v-0139bd12],.three-span[data-v-0139bd12]{font-family:PingFang SC;font-weight:500;color:#fff;font-style:normal;text-transform:none}.three-span[data-v-0139bd12]{position:relative;padding-top:15px;font-size:14px;line-height:22px;text-align:center}.edge-background[data-v-0139bd12]{position:absolute;left:10px;top:10px;width:100%;height:calc(100% - 10px)!important;z-index:0}.header-view[data-v-0139bd12]{padding:10px 20px}.header-view .vh[data-v-0139bd12]{width:4px;height:20px;background:#00c2fd;border-radius:0 0 0 0}.header-view span[data-v-0139bd12]{margin-left:10px;height:32px;font-family:Source Han Sans;font-weight:700;font-size:16px;color:#e9eff3;line-height:32px;text-align:left;font-style:normal;text-transform:none}.flex-icon[data-v-0139bd12]{position:absolute;left:0;top:6px;width:100%;height:38px;z-index:1}.pop-dt-view[data-v-0139bd12]{position:absolute;left:440px;bottom:50px;width:900px;height:525px}.card-bg[data-v-0139bd12]{background:#1b283d;-webkit-box-shadow:inset 0 5px 55px 0 rgba(0,195,255,.5);box-shadow:inset 0 5px 55px 0 rgba(0,195,255,.5);border-radius:0 0 0 0;border:1px solid #436684;opacity:.8}.close-btn[data-v-0139bd12]{position:absolute;right:25px;top:25px;width:24px;height:24px}.distributing_ball[data-v-0139bd12]{width:100px;height:100px;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.liquid-group[data-v-0139bd12]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:10px;margin-left:20px;height:100%}.liquid-title[data-v-0139bd12]{color:#d88d00;font-weight:500;font-size:14px;line-height:1}.liquid-value[data-v-0139bd12]{color:#d88d00;line-height:1;font-weight:800;font-size:14px}[data-v-0139bd12] .edge-view .is-horizontal{height:0;left:0;display:none}[data-v-0139bd12] .edge-view .el-scrollbar__wrap{overflow-x:hidden}.fullscreen-dialog{overflow:hidden!important}::v-deep .edge-view{height:100%!important;.el-scrollbar__wrap{height:100%!important}}.fullscreen-dialog .el-dialog{margin:0!important;width:100vw;height:100vh;background-image:url(../img/pageBg.27caa6d9.jpg);background-size:cover;background-position:50%}.fullscreen-dialog .el-dialog__body{width:100%;height:100%}.fullscreen-dialog .el-dialog__body,.fullscreen-dialog .el-dialog__header{padding:0}.monitor-view[data-v-219d048d]{position:absolute;left:0;top:0;width:100%;height:100%}.video-container[data-v-219d048d]{width:100%;height:100%}.edge-view[data-v-219d048d]{position:absolute;width:300px;height:100%}.chart-container[data-v-219d048d]{position:relative;width:80px;height:80px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;border-radius:65px;border:2px solid #37a2da}.chart-title[data-v-219d048d]{width:100%;position:absolute;color:#fff;text-align:center;bottom:4px;font-weight:600;font-size:12px}#humidity[data-v-219d048d],#smoke[data-v-219d048d],#temperature[data-v-219d048d]{position:absolute;width:100%!important;height:100%!important}.w-100[data-v-219d048d]{width:100%}.h-100[data-v-219d048d]{height:100%}.left-edge[data-v-219d048d]{left:0;top:0}.right-edge[data-v-219d048d]{right:0;top:0}.edge-black-background[data-v-219d048d]{position:absolute;left:10px;top:10px;background-color:#000;opacity:0;width:calc(100% - 20px);height:calc(100% - 20px);z-index:1}.edge-background[data-v-219d048d]{position:absolute;left:10px;top:10px;width:100%;height:calc(100% - 10px)!important;z-index:0}.edge-container[data-v-219d048d]{position:absolute;left:10px;top:10px;width:calc(100% - 20px);height:calc(100% - 20px);background-color:transparent!important}.md-view[data-v-219d048d]{position:relative;width:60%;height:100%;padding-bottom:10px}.flex-row[data-v-219d048d]{-webkit-box-orient:horizontal;-ms-flex-direction:row;flex-direction:row}.flex-col[data-v-219d048d],.flex-row[data-v-219d048d]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-direction:normal;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.flex-col[data-v-219d048d]{-webkit-box-orient:vertical;-ms-flex-direction:column;flex-direction:column}.flex-start[data-v-219d048d]{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.flex-wrap[data-v-219d048d]{-ms-flex-wrap:wrap;flex-wrap:wrap}.jc-start[data-v-219d048d]{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.align-start[data-v-219d048d]{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.space-between[data-v-219d048d]{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.span-title[data-v-219d048d]{font-size:16px;font-weight:400;padding:16px 10px 8px 10px;font-family:MiSans;color:transparent;background-image:-webkit-gradient(linear,left top,left bottom,color-stop(12%,#24caff),color-stop(80%,#e3f8ff));background-image:linear-gradient(180deg,#24caff 12%,#e3f8ff 80%);-webkit-background-clip:text;background-clip:text;display:inline-block}.sep-line[data-v-219d048d]{position:relative;width:100%;height:4px;background:-webkit-gradient(linear,left top,right top,from(rgba(0,161,252,.5686)),to(rgba(0,161,252,.0001)));background:linear-gradient(90deg,rgba(0,161,252,.5686),rgba(0,161,252,.0001))}.one-item[data-v-219d048d]{width:50%;height:auto}.tw-item[data-v-219d048d]{width:100%;padding:0 20px 10px 20px}.span-1[data-v-219d048d]{font-family:PingFang SC;font-weight:500;font-size:14px;color:#dbefff;line-height:24px;text-align:left;font-style:normal;text-transform:none}.span-2[data-v-219d048d]{color:#ffde04}.bar-item[data-v-219d048d]{width:100%;height:18px;background:-webkit-gradient(linear,right top,left top,from(#d88d00),to(#00e09d));background:linear-gradient(270deg,#d88d00,#00e09d);border-radius:11px;font-family:PingFang SC;font-weight:500;font-size:13px;color:#fff}.bar-p-item[data-v-219d048d]{width:100%;height:18px;background:#003d7d;border-radius:11px;position:relative}.bar-bg[data-v-219d048d]{position:absolute;left:0;top:0;background:-webkit-gradient(linear,right top,left top,from(#007ffc),to(#00e09d));background:linear-gradient(270deg,#007ffc,#00e09d)}.text-section[data-v-219d048d]{width:calc(100% - 50px);height:100%}.text-section .one-span[data-v-219d048d]{font-family:PingFang SC;font-weight:400;font-size:14px;color:#dbefff;line-height:22px;opacity:.8;text-align:left;font-style:normal;text-transform:none}.text-section .two-span[data-v-219d048d]{font-family:PingFang SC;font-weight:500;font-size:16px;color:#fff;line-height:26px;text-align:left;font-style:normal;text-transform:none}.icon-view[data-v-219d048d]{position:relative;width:56px;height:56px}.status-view[data-v-219d048d]{position:absolute;left:-4px;width:100%;bottom:-10px;width:64px;height:20px;background-color:#12c4a1;border-radius:10px;font-family:PingFang SC;font-weight:500;font-size:12px;color:#fff;font-style:normal;text-transform:none}.three-view[data-v-219d048d]{width:33.33%;padding-bottom:6px}.three-span[data-v-219d048d]{position:relative;padding-top:15px;font-family:PingFang SC;font-weight:500;font-size:12px;color:#fff;line-height:22px;text-align:center;font-style:normal;text-transform:none}.err-view[data-v-219d048d]{background-color:#ff7b00!important}.rm-view[data-v-219d048d]{position:absolute;right:0;top:0}.rm-view span[data-v-219d048d]{font-family:PingFang SC;font-weight:400;font-size:12px;color:#dbefff;line-height:20px;font-style:normal;text-transform:none}.rm-view i[data-v-219d048d]{font-size:12px;color:#dbefff}.slider-block[data-v-219d048d]{position:absolute;top:-1px;width:20px;height:20px;font-size:13px;border-radius:14px;background-color:#fff}[data-v-219d048d] .el-scrollbar__wrap{overflow-x:hidden}[data-v-219d048d] .is-horizontal{height:0;left:0;display:none}.rm-popover.el-popper{background-color:rgba(0,127,251,.5);border:none}.rm-popover[x-placement^=top] .popper__arrow,.rm-popover[x-placement^=top] .popper__arrow:after{border-top-color:rgba(0,127,251,.5)!important}.rm-popover[x-placement^=bottom] .popper__arrow,.rm-popover[x-placement^=bottom] .popper__arrow:after{border-bottom-color:rgba(0,127,251,.5)!important}.one-desk{width:30vw;height:18vw}.flex-row{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.jc-wrap{-ms-flex-wrap:wrap;flex-wrap:wrap}.one-dk{padding:10px}.dk-view,.one-dk{width:100%;height:100%}.dk-view{border:1px solid #fff}.flex-col{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.desk-btm{position:relative;width:100%;height:54px;background-color:rgba(0,0,0,.2);&:hover{background-color:rgba(0,0,0,.4)}}.desk-label{padding-left:24px;font-size:14px;color:#fff}.full-icon{position:absolute;right:20px;width:30px;height:30px;top:12px}.fade-enter-active[data-v-219d048d],.fade-leave-active[data-v-219d048d]{-webkit-transition:opacity .5s ease;transition:opacity .5s ease}.fade-enter-from[data-v-219d048d],.fade-leave-to[data-v-219d048d]{opacity:0}:root{--primary-color:#2196f3;--danger-color:#f44336;--success-color:#4caf50;--border-radius:8px;--card-background:#fff;--text-color:#333;--secondary-text-color:#666;--border-color:#ddd}*{-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.app-container{overflow:hidden}.app-container,.connection-overlay{width:100%;height:100%;position:absolute}.connection-overlay{top:0;left:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;z-index:1000}.connection-panel{backdrop-filter:blur(15px);border-radius:24px;padding-bottom:40px;-webkit-box-shadow:0 4px 20px rgba(0,0,0,.15);box-shadow:0 4px 20px rgba(0,0,0,.15);width:clamp(280px,85%,500px);position:relative;z-index:2;border:1px solid hsla(0,0%,100%,.3)}.connection-header{width:100%;padding-bottom:16px;padding-top:16px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-bottom:20px;border-bottom:1px solid hsla(0,0%,100%,.3)}.connection-header,.connection-title-with-icon{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.connection-title-with-icon{gap:12px}.connection-title{color:#fff;font-size:18px;font-weight:600}.connection-icon{width:32px;height:32px;-o-object-fit:contain;object-fit:contain}.connection-header h2{margin:0;color:#444;font-weight:700;font-size:1.5rem}.option{display:-webkit-box;display:-ms-flexbox;display:flex;padding-left:24px;padding-right:24px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:15px;gap:10px}.option label{width:100px;color:#fff;font-weight:500;font-size:14px;-ms-flex-negative:0;flex-shrink:0}.option input,.option select{-webkit-box-flex:1;-ms-flex:1;flex:1;padding:10px 12px;border:1px solid var(--border-color);border-radius:8px;font-size:14px;min-width:0}.option input:focus,.option select:focus{outline:none;border-color:var(--primary-color)}.actions{gap:10px;padding-left:24px;padding-right:24px}.actions,.actions button{display:-webkit-box;display:-ms-flexbox;display:flex;margin-top:20px}.actions button{width:100%;font-size:18px;height:40px;border-radius:20px;background-color:#c92c33;color:#fff;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;border:1px solid #fff;cursor:pointer;-webkit-transition:all .2s;transition:all .2s}.actions button:first-child:disabled{background-color:#ccc;cursor:not-allowed}.actions button:last-child{background-color:var(--danger-color);color:#fff}.media-view{background:#000;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.media-view,.video-container{width:100%;height:100%;position:relative}.video-container video{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.connecting-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.8);-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;z-index:50}.connecting-message,.connecting-overlay{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.connecting-message{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:16px;color:#fff;font-size:18px}.connecting-spinner{width:40px;height:40px;border:4px solid hsla(0,0%,100%,.3);border-top-color:#fff;border-radius:50%;-webkit-animation:spin 1s linear infinite;animation:spin 1s linear infinite}@-webkit-keyframes spin{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.connected-overlay{width:100%;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;height:100%;z-index:100;pointer-events:none}.connected-overlay,.connected-panel{position:absolute;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;top:0;left:0}.connected-panel{padding:6px 16px;pointer-events:auto;background:hsla(0,0%,100%,.12);backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border:1px solid hsla(0,0%,100%,.2);right:0;border-radius:40px}.connected-header{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;flex-wrap:wrap}.connected-controls-row,.connected-header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap}.connected-controls-row{gap:12px;flex-wrap:wrap;-webkit-box-flex:1;-ms-flex:1;flex:1;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.option.compact{margin-bottom:0;gap:8px}.option.compact label{width:auto;font-size:13px}.connection-status-group,.controls-right-group{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.connection-status-group{gap:6px;background:rgba(0,0,0,.05);padding:0 8px;border-radius:4px;height:36px}.connection-status-label{color:#fff;font-size:14px;font-weight:500}.status-led{width:12px;height:12px;border-radius:50%;-webkit-box-shadow:0 0 4px rgba(0,0,0,.3);box-shadow:0 0 4px rgba(0,0,0,.3)}.status-led-off{background-color:#f44336}@-webkit-keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.disconnect-btn{padding:0 12px;background-color:var(--danger-color);color:#fff;border:none;border-radius:18px;cursor:pointer;font-size:13px;font-weight:500;height:36px}.disconnect-btn:hover{background-color:#d32f2f}.collapsed-bar-icon{width:50px;height:50px;border-radius:25px;padding:14px;background-color:#fff;-o-object-fit:contain;object-fit:contain}#virtual-mouse{position:absolute;bottom:20px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);z-index:10;background-color:hsla(0,0%,100%,.18);border-radius:8px;padding:8px;backdrop-filter:blur(3px);-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}#virtual-mouse,#virtual-mouse-header{display:-webkit-box;display:-ms-flexbox;display:flex}#virtual-mouse-header{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:8px}.keyboard-toggle-btn,.virtual-mouse-minimize-btn{padding:4px 8px;background:hsla(0,0%,100%,.5);border:1px solid rgba(0,0,0,.1);border-radius:4px;cursor:pointer;font-size:14px}.virtual-mouse-row{display:-webkit-box;display:-ms-flexbox;display:flex;gap:8px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.virtual-mouse-btn{padding:12px 24px;background:hsla(0,0%,100%,.6);border:1px solid rgba(0,0,0,.1);border-radius:4px;font-size:14px;cursor:pointer}.virtual-scroll-buttons{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:4px}.virtual-scroll-btn{padding:8px 12px;background:hsla(0,0%,100%,.6);border:1px solid rgba(0,0,0,.1);border-radius:4px;font-size:14px;cursor:pointer}.virtual-keyboard{position:absolute;bottom:80px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);z-index:15;background-color:hsla(0,0%,100%,.18);border-radius:8px;padding:8px;backdrop-filter:blur(3px)}.keyboard-header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:6px}.keyboard-close-btn{padding:4px 8px;background:hsla(0,0%,100%,.6);border:1px solid rgba(0,0,0,.1);border-radius:4px;cursor:pointer;font-size:12px}.keyboard-layout{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:4px}.keyboard-row{gap:2px}.keyboard-key,.keyboard-row{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.keyboard-key{min-width:24px;height:32px;background:hsla(0,0%,100%,.48);border:1px solid rgba(0,0,0,.1);border-radius:4px;font-size:11px;font-weight:600;cursor:pointer;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:0 4px}.keyboard-key-wide{min-width:40px;font-size:10px}.keyboard-key-space{min-width:100px}@media (hover:hover) and (pointer:fine){#virtual-mouse{display:none}}#index{color:#d3d6dd;background-color:#000}#index,.bg{width:100%;height:100%}.bg{padding:0;background-image:url(../img/pageBg.27caa6d9.jpg)}.bg,.topNavBg{background-size:cover;background-position:50%}.topNavBg{background-image:url(../img/topHeaderBg.46d47f20.jpg)}.host-body{height:100%}.title{position:relative;width:6.25rem;text-align:center;background-size:cover;background-repeat:no-repeat}.title-text{font-size:.3rem;bottom:0}.title-bototm,.title-text{position:absolute;left:50%;-webkit-transform:translate(-50%);transform:translate(-50%)}.title-bototm{bottom:-.375rem}.react-left{cursor:pointer;font-size:.225rem;width:3.75rem;height:.625rem;line-height:.625rem;text-align:center;-webkit-transform:skewX(-45deg);transform:skewX(-45deg)}.react-after{position:absolute;right:-.3125rem;top:0;height:.625rem;width:.625rem;background-color:#0f1325}.react-after,.react-right,.text{-webkit-transform:skewX(45deg);transform:skewX(45deg)}.react-right{cursor:pointer;font-size:.225rem;width:3.75rem;height:.625rem;line-height:.625rem;text-align:center}.react-before{position:absolute;left:-.3125rem;top:0;height:.625rem;width:.625rem;background-color:#0f1325}.react-before,.text{-webkit-transform:skewX(-45deg);transform:skewX(-45deg)}.text{display:inline-block}.body-box{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.content-box{position:relative;height:100%;display:grid;grid-template-columns:1fr 3fr 1fr}.content-five{display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr}.bototm-box{margin-top:.125rem;display:grid;grid-template-columns:repeat(2,50%)}.w-100{width:100%}.h-100{height:100%}.full-page{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;overflow:hidden;min-height:100vh}.main-content{-webkit-box-flex:1;-ms-flex:1;flex:1;overflow:hidden;position:relative;height:100%;padding-bottom:1px}