.box-wrapper[data-v-ae1329c0]{height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.box-title[data-v-ae1329c0]{position:relative;width:100%;height:44px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-top:6px;-webkit-box-sizing:border-box;box-sizing:border-box;padding-left:26px;font-size:16px;font-family:Source Han Sans CN;font-weight:700;color:#fff;background:url(../img/bg-chart-title.679528de.679528de.png) 0 0/100% 100% no-repeat}.box-content[data-v-ae1329c0]{-webkit-box-flex:1;-ms-flex:1;flex:1;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;background-color:rgba(0,6,12,.5)}.sec-wrapper-class-over[data-v-ae1329c0]{width:100%;height:100%;background:url(../img/1659755014900-baseinfo-bg.dca3f889.png) 50%/100% 100% no-repeat;padding:8px;-webkit-box-sizing:border-box;box-sizing:border-box}.grid-container[data-v-ae1329c0]{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:10px;height:100%;width:100%}.sec-wrapper-item[data-v-ae1329c0]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:5px;border-radius:4px;background-color:rgba(0,0,0,.2);min-height:45%}.img[data-v-ae1329c0]{position:relative;-webkit-box-flex:0;-ms-flex:0 0 50px;flex:0 0 50px;width:50px;height:50px;margin-right:8px;padding:12px 0}.bg[data-v-ae1329c0]{position:absolute;top:0;left:0;width:100%;height:100%;z-index:3}img[data-v-ae1329c0]{position:relative;display:block;width:26px;height:26px;margin:0 auto;z-index:5}.text[data-v-ae1329c0]{-webkit-box-flex:1;-ms-flex:auto;flex:auto}p[data-v-ae1329c0]{font-size:13px;font-weight:700;color:#fff;margin-bottom:0}h5[data-v-ae1329c0]{background-image:-webkit-linear-gradient(180deg,#fff,#df9400);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:#ffc86a;font-size:28px;font-weight:400;font-style:italic;text-align:left;line-height:30px;text-shadow:0 0 6px rgba(255,200,106,.6900000000000001);margin-bottom:0}.spacilNumber[data-v-ae1329c0]{font-family:myFirstFont;letter-spacing:2px}@font-face{font-family:myFirstFont;src:url(../fonts/DS-Digital.63f874d1.63f874d1.ttf)}.box-wrapper[data-v-24f0635c]{height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.box-title[data-v-24f0635c]{position:relative;width:100%;height:44px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-top:6px;-webkit-box-sizing:border-box;box-sizing:border-box;padding-left:26px;font-size:16px;font-family:Source Han Sans CN;font-weight:700;color:#fff;background:url(../img/bg-chart-title.679528de.679528de.png) 0 0/100% 100% no-repeat}.box-content[data-v-24f0635c]{-webkit-box-flex:1;-ms-flex:1;flex:1;flex-direction:column;overflow:hidden;background-color:rgba(0,6,12,.5)}.box-content[data-v-24f0635c],.sec-wrapper-class-over[data-v-24f0635c]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column}.sec-wrapper-class-over[data-v-24f0635c]{width:100%;height:100%;background:url(../img/1659755014900-baseinfo-bg.dca3f889.png) 50%/100% 100% no-repeat;padding:10px;-webkit-box-sizing:border-box;box-sizing:border-box;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.error-mask[data-v-24f0635c],.loading-mask[data-v-24f0635c]{position:absolute;top:0;left:0;width:100%;height:100%;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;color:#fff;background-color:rgba(0,0,0,.5)}.error-mask[data-v-24f0635c]{color:#ff4d4f}.video-container[data-v-24f0635c]{width:auto;height:177px}.wrap-header[data-v-9a7822de]{height:75px;padding:0 30px 0 30px;-webkit-box-sizing:border-box;box-sizing:border-box;background:url(../img/bg-header.73ff996b.73ff996b.png) no-repeat;background-size:100% 120px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;font-size:34px;font-family:Source Han Sans CN,Microsoft YaHei,sans-serif;font-weight:700;color:#fff;letter-spacing:4px}@-webkit-keyframes shine-9a7822de{0%{opacity:.5;width:30%}50%{opacity:1;width:60%}to{opacity:.5;width:30%}}@keyframes shine-9a7822de{0%{opacity:.5;width:30%}50%{opacity:1;width:60%}to{opacity:.5;width:30%}}.wrap-header-left[data-v-9a7822de]{font-size:16px;font-family:Source Han Sans CN,Microsoft YaHei,sans-serif;font-weight:700;color:#fff}.wrap-header-left[data-v-9a7822de],.wrap-header-right[data-v-9a7822de]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:30%}.wrap-header-right[data-v-9a7822de]{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;height:26px}.cursor_img[data-v-9a7822de]{cursor:pointer}.pe-auto[data-v-9a7822de]{cursor:pointer;pointer-events:auto}.content-container[data-v-9a7822de]{-webkit-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;height:calc(100% - 75px);padding:0 20px 20px 20px;-webkit-box-sizing:border-box;box-sizing:border-box;gap:10px}.left-panel[data-v-9a7822de]{width:447px;gap:10px}.left-panel[data-v-9a7822de],.left-top-section[data-v-9a7822de]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.left-top-section[data-v-9a7822de]{height:35%;overflow:hidden}.left-bottom-section[data-v-9a7822de],.left-top-section[data-v-9a7822de]{background:rgba(0,20,40,.6);border:1px solid rgba(0,180,255,.3);border-radius:8px;padding:15px;-webkit-box-sizing:border-box;box-sizing:border-box}.left-bottom-section[data-v-9a7822de]{height:65%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.center-panel[data-v-9a7822de]{-webkit-box-flex:1;-ms-flex:1;flex:1;background:rgba(0,20,40,.4);border:1px solid rgba(0,180,255,.3);border-radius:8px;position:relative}.bottom-left-stats[data-v-9a7822de]{position:absolute;bottom:20px;left:20px;background:rgba(0,20,40,.85);border:1px solid rgba(0,180,255,.4);border-radius:8px;-webkit-box-shadow:0 0 15px rgba(0,180,255,.3);box-shadow:0 0 15px rgba(0,180,255,.3);z-index:10;pointer-events:auto;width:152px}.stats-title[data-v-9a7822de]{font-size:14px;color:#fff;font-weight:700;margin-bottom:10px;text-align:center;text-shadow:0 0 8px rgba(0,212,255,.6);background:#0b9ffd}.stats-items[data-v-9a7822de]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.stats-item[data-v-9a7822de],.stats-items[data-v-9a7822de]{display:-webkit-box;display:-ms-flexbox;display:flex;gap:8px}.stats-item[data-v-9a7822de]{-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:4px 8px;border-radius:4px;-webkit-transition:all .3s;transition:all .3s;cursor:pointer}.stats-item[data-v-9a7822de]:hover{background:rgba(0,100,180,.2);-webkit-transform:translateX(2px);transform:translateX(2px)}.stats-icon[data-v-9a7822de]{font-size:16px;line-height:1;text-shadow:0 0 8px currentColor}.warning-icon[data-v-9a7822de]{color:#ffb800}.normal-icon[data-v-9a7822de]{color:#44e890}.stats-text[data-v-9a7822de]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:4px;font-size:13px}.stats-label[data-v-9a7822de]{color:#fff;font-weight:500}.stats-value[data-v-9a7822de]{color:hsla(0,0%,100%,.8);font-size:12px}.right-panel[data-v-9a7822de]{width:447px;gap:10px;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.right-panel[data-v-9a7822de],.right-section[data-v-9a7822de]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.right-section[data-v-9a7822de]{background:rgba(0,20,40,.6);border:1px solid rgba(0,180,255,.3);border-radius:8px;padding:15px;-webkit-box-sizing:border-box;box-sizing:border-box;height:33.3%}.section-title[data-v-9a7822de]{font-size:18px;font-weight:700;color:#fff;margin-bottom:10px;background:url(../img/title_bg.b2eee33c.png) no-repeat 50%;-ms-flex-negative:0;flex-shrink:0}.section-content[data-v-9a7822de]{-webkit-box-flex:1;-ms-flex:1;flex:1;width:100%;overflow-y:hidden;overflow-x:hidden;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;min-height:0}.section-content[data-v-9a7822de]::-webkit-scrollbar{width:4px}.section-content[data-v-9a7822de]::-webkit-scrollbar-thumb{background:rgba(0,212,255,.3);border-radius:2px}.section-content[data-v-9a7822de]::-webkit-scrollbar-thumb:hover{background:rgba(0,212,255,.5)}.section-content[data-v-9a7822de]::-webkit-scrollbar-track{background:rgba(0,20,40,.3)}.title_name_div[data-v-9a7822de]{position:relative;left:39px;top:-2px}.total-people-box[data-v-9a7822de]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:3vh 3vh 2vh 1vh;-ms-flex-negative:0;flex-shrink:0;height:50%}.people-icon[data-v-9a7822de]{margin-right:1vw;position:relative;-ms-flex-negative:0;flex-shrink:0}.people-icon[data-v-9a7822de]:before{background:conic-gradient(from 0deg,transparent 0,rgba(0,212,255,.1) 10%,rgba(0,212,255,.3) 25%,rgba(0,212,255,.5) 50%,rgba(0,212,255,.8) 75%,#00d4ff 90%,#00d4ff 100%);mask:radial-gradient(circle,transparent 68%,#000 0);-webkit-mask:radial-gradient(circle,transparent 68%,#000 0);-webkit-animation:rotate-9a7822de 3s linear infinite;animation:rotate-9a7822de 3s linear infinite}.people-icon[data-v-9a7822de]:after,.people-icon[data-v-9a7822de]:before{content:"";position:absolute;width:5vw;height:5vw;max-width:76px;max-height:76px;min-width:60px;min-height:60px;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);border-radius:50%;z-index:0}.people-icon[data-v-9a7822de]:after{-webkit-box-shadow:0 0 10px rgba(0,212,255,.3),inset 0 0 10px rgba(0,212,255,.2);box-shadow:0 0 10px rgba(0,212,255,.3),inset 0 0 10px rgba(0,212,255,.2)}@-webkit-keyframes rotate-9a7822de{0%{-webkit-transform:translate(-50%,-50%) rotate(0deg);transform:translate(-50%,-50%) rotate(0deg)}to{-webkit-transform:translate(-50%,-50%) rotate(1turn);transform:translate(-50%,-50%) rotate(1turn)}}@keyframes rotate-9a7822de{0%{-webkit-transform:translate(-50%,-50%) rotate(0deg);transform:translate(-50%,-50%) rotate(0deg)}to{-webkit-transform:translate(-50%,-50%) rotate(1turn);transform:translate(-50%,-50%) rotate(1turn)}}.icon-circle[data-v-9a7822de]{width:4vw;height:4vw;max-width:60px;max-height:60px;min-width:48px;min-height:48px;border-radius:50%;background:radial-gradient(circle at 30% 30%,#00d4ff 0,#08f 50%,#036 100%);border:2px solid #00d4ff;-webkit-box-shadow:0 0 15px rgba(0,212,255,.6),0 0 30px rgba(0,212,255,.3),inset 0 0 20px rgba(0,212,255,.2);box-shadow:0 0 15px rgba(0,212,255,.6),0 0 30px rgba(0,212,255,.3),inset 0 0 20px rgba(0,212,255,.2);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;position:relative;overflow:hidden;z-index:1}.icon-circle[data-v-9a7822de]:before{content:"";position:absolute;width:120%;height:120%;border-radius:50%;background:radial-gradient(circle at 30% 30%,hsla(0,0%,100%,.3) 0,transparent 60%);top:-10%;left:-10%;z-index:1}.icon-circle[data-v-9a7822de]:after{content:"";position:absolute;width:100%;height:100%;border-radius:50%;border:1px solid rgba(0,212,255,.5);-webkit-animation:pulse-9a7822de 2s ease-in-out infinite;animation:pulse-9a7822de 2s ease-in-out infinite}@-webkit-keyframes pulse-9a7822de{0%,to{-webkit-transform:scale(1);transform:scale(1);opacity:.5}50%{-webkit-transform:scale(1.3);transform:scale(1.3);opacity:0}}@keyframes pulse-9a7822de{0%,to{-webkit-transform:scale(1);transform:scale(1);opacity:.5}50%{-webkit-transform:scale(1.3);transform:scale(1.3);opacity:0}}.icon-person-img[data-v-9a7822de]{width:60%;height:60%;position:relative;z-index:2;-webkit-filter:drop-shadow(0 0 8px hsla(0,0%,100%,.8));filter:drop-shadow(0 0 8px rgba(255,255,255,.8))}.total-info[data-v-9a7822de]{-webkit-box-flex:1;-ms-flex:1;flex:1;min-width:0}.total-label[data-v-9a7822de]{font-size:clamp(12px,1vw,14px);color:#00d4ff;margin-bottom:.3vh}.total-number[data-v-9a7822de]{font-size:clamp(24px,2.5vw,36px);font-weight:700;color:#0ef7c0;line-height:1.2;font-family:Arial,sans-serif}.total-number .unit[data-v-9a7822de]{font-size:clamp(12px,1vw,14px);margin-left:.3vw}.gender-stats[data-v-9a7822de]{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;gap:1.5vh;-ms-flex-negative:0;flex-shrink:0;height:50%}.gender-row[data-v-9a7822de]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:.8vw}.gender-label[data-v-9a7822de]{font-size:clamp(14px,1.2vw,16px);color:#fff;min-width:2vw;-ms-flex-negative:0;flex-shrink:0}.gender-icons[data-v-9a7822de]{display:-webkit-box;display:-ms-flexbox;display:flex;gap:.4vw;-webkit-box-flex:1;-ms-flex:1;flex:1}.gender-count[data-v-9a7822de]{font-size:clamp(12px,1vw,14px);font-weight:700;min-width:3.5vw;text-align:right;-ms-flex-negative:0;flex-shrink:0}.male-count[data-v-9a7822de]{color:#00a8ff;text-shadow:0 0 8px rgba(0,168,255,.6)}.female-count[data-v-9a7822de]{color:#0fc;text-shadow:0 0 8px rgba(0,255,204,.6)}.person-icon[data-v-9a7822de]{width:1.2vw;height:1.5vw;max-width:16px;max-height:20px;min-width:12px;min-height:15px;position:relative;display:inline-block;-ms-flex-negative:0;flex-shrink:0}.person-icon[data-v-9a7822de]:before{top:0;width:.6vw;height:.6vw;max-width:10px;max-height:10px;min-width:7px;min-height:7px;border-radius:50%}.person-icon[data-v-9a7822de]:after,.person-icon[data-v-9a7822de]:before{content:"";position:absolute;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);background:rgba(0,150,255,.2);-webkit-transition:all .3s;transition:all .3s;-webkit-box-shadow:0 0 4px rgba(0,150,255,.3);box-shadow:0 0 4px rgba(0,150,255,.3)}.person-icon[data-v-9a7822de]:after{top:60%;width:.4vw;height:1.1vw;max-width:6px;max-height:18px;min-width:4px;min-height:12px;-webkit-clip-path:polygon(20% 0,80% 0,80% 40%,100% 40%,100% 100%,65% 100%,65% 50%,35% 50%,35% 100%,0 100%,0 40%,20% 40%);clip-path:polygon(20% 0,80% 0,80% 40%,100% 40%,100% 100%,65% 100%,65% 50%,35% 50%,35% 100%,0 100%,0 40%,20% 40%)}.person-icon.female[data-v-9a7822de]:after{width:1vw;height:1.1vw;max-width:14px;max-height:18px;min-width:10px;min-height:12px;-webkit-clip-path:polygon(30% 0,70% 0,70% 30%,100% 100%,0 100%,30% 30%);clip-path:polygon(30% 0,70% 0,70% 30%,100% 100%,0 100%,30% 30%)}.person-icon.male[data-v-9a7822de]:after,.person-icon.male[data-v-9a7822de]:before{background:rgba(0,168,255,.2);-webkit-box-shadow:0 0 4px rgba(0,168,255,.3);box-shadow:0 0 4px rgba(0,168,255,.3)}.person-icon.female[data-v-9a7822de]:after,.person-icon.female[data-v-9a7822de]:before{background:rgba(0,255,204,.2);-webkit-box-shadow:0 0 4px rgba(0,255,204,.3);box-shadow:0 0 4px rgba(0,255,204,.3)}.person-icon.male.active[data-v-9a7822de]:before{background:-webkit-gradient(linear,left top,left bottom,from(#00a8ff),to(#08f));background:linear-gradient(180deg,#00a8ff,#08f);-webkit-box-shadow:0 0 10px rgba(0,168,255,.8),0 0 20px rgba(0,168,255,.4),inset 0 0 6px hsla(0,0%,100%,.3);box-shadow:0 0 10px rgba(0,168,255,.8),0 0 20px rgba(0,168,255,.4),inset 0 0 6px hsla(0,0%,100%,.3)}.person-icon.male.active[data-v-9a7822de]:after{background:-webkit-gradient(linear,left top,left bottom,from(#00a8ff),to(#06f));background:linear-gradient(180deg,#00a8ff,#06f);-webkit-box-shadow:0 0 10px rgba(0,168,255,.8),0 0 20px rgba(0,168,255,.4),inset 0 1px 2px hsla(0,0%,100%,.3);box-shadow:0 0 10px rgba(0,168,255,.8),0 0 20px rgba(0,168,255,.4),inset 0 1px 2px hsla(0,0%,100%,.3)}.person-icon.female.active[data-v-9a7822de]:before{background:-webkit-gradient(linear,left top,left bottom,from(#0fc),to(#0da));background:linear-gradient(180deg,#0fc,#0da);-webkit-box-shadow:0 0 10px rgba(0,255,204,.8),0 0 20px rgba(0,255,204,.4),inset 0 0 6px hsla(0,0%,100%,.3);box-shadow:0 0 10px rgba(0,255,204,.8),0 0 20px rgba(0,255,204,.4),inset 0 0 6px hsla(0,0%,100%,.3)}.person-icon.female.active[data-v-9a7822de]:after{background:-webkit-gradient(linear,left top,left bottom,from(#0fc),to(#0b8));background:linear-gradient(180deg,#0fc,#0b8);-webkit-box-shadow:0 0 10px rgba(0,255,204,.8),0 0 20px rgba(0,255,204,.4),inset 0 1px 2px hsla(0,0%,100%,.3);box-shadow:0 0 10px rgba(0,255,204,.8),0 0 20px rgba(0,255,204,.4),inset 0 1px 2px hsla(0,0%,100%,.3)}.street-stats-wrapper[data-v-9a7822de]{width:100%;height:100%;overflow:hidden;position:relative}.street-stats-wrapper[data-v-9a7822de]:before{content:"";position:absolute;top:0;left:0;right:0;height:30px;background:-webkit-gradient(linear,left top,left bottom,from(#001428),to(transparent));background:linear-gradient(180deg,#001428,transparent);z-index:10}.street-stats-wrapper[data-v-9a7822de]:after{content:"";position:absolute;bottom:0;left:0;right:0;height:30px;background:-webkit-gradient(linear,left bottom,left top,from(#001428),to(transparent));background:linear-gradient(0deg,#001428,transparent);z-index:10}.street-stats-list[data-v-9a7822de]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:16px;padding-right:5px;-webkit-animation:scrollUp-9a7822de 30s linear infinite;animation:scrollUp-9a7822de 30s linear infinite}@-webkit-keyframes scrollUp-9a7822de{0%{-webkit-transform:translateY(0);transform:translateY(0)}to{-webkit-transform:translateY(-50%);transform:translateY(-50%)}}@keyframes scrollUp-9a7822de{0%{-webkit-transform:translateY(0);transform:translateY(0)}to{-webkit-transform:translateY(-50%);transform:translateY(-50%)}}.street-stats-wrapper:hover .street-stats-list[data-v-9a7822de]{-webkit-animation-play-state:paused;animation-play-state:paused}.street-stats-list[data-v-9a7822de]::-webkit-scrollbar{width:4px}.street-stats-list[data-v-9a7822de]::-webkit-scrollbar-thumb{background:rgba(0,212,255,.3);border-radius:2px}.street-stats-list[data-v-9a7822de]::-webkit-scrollbar-thumb:hover{background:rgba(0,212,255,.5)}.street-stats-list[data-v-9a7822de]::-webkit-scrollbar-track{background:rgba(0,20,40,.3)}.street-item[data-v-9a7822de]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:8px}.street-info[data-v-9a7822de]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:2px}.street-name[data-v-9a7822de]{font-size:14px;color:#fff;font-weight:400;letter-spacing:1px;-webkit-box-flex:1;-ms-flex:1;flex:1}.street-count[data-v-9a7822de]{font-size:14px;color:#00d4ff;font-weight:700;text-shadow:0 0 8px rgba(0,212,255,.6);margin-left:10px;white-space:nowrap}.street-progress[data-v-9a7822de]{width:100%;height:8px;background:-webkit-gradient(linear,left top,left bottom,from(rgba(0,120,180,.3)),to(rgba(0,80,140,.5)));background:linear-gradient(180deg,rgba(0,120,180,.3),rgba(0,80,140,.5));border-radius:4px;overflow:hidden;position:relative;-webkit-box-shadow:inset 0 1px 3px rgba(0,0,0,.3),0 0 5px rgba(0,150,255,.2);box-shadow:inset 0 1px 3px rgba(0,0,0,.3),0 0 5px rgba(0,150,255,.2);border:1px solid rgba(0,150,255,.3)}.progress-bar[data-v-9a7822de]{height:100%;background:-webkit-gradient(linear,left top,right top,from(#00d4ff),color-stop(50%,#08f),to(#00d4ff));background:linear-gradient(90deg,#00d4ff,#08f 50%,#00d4ff);background-size:200% 100%;border-radius:4px;position:relative;-webkit-box-shadow:0 0 10px rgba(0,212,255,.6),inset 0 1px 2px hsla(0,0%,100%,.3);box-shadow:0 0 10px rgba(0,212,255,.6),inset 0 1px 2px hsla(0,0%,100%,.3);-webkit-animation:progressShine-9a7822de 2s ease-in-out infinite;animation:progressShine-9a7822de 2s ease-in-out infinite}.progress-bar[data-v-9a7822de]:after{content:"";position:absolute;top:0;left:0;right:0;height:50%;background:-webkit-gradient(linear,left top,left bottom,from(hsla(0,0%,100%,.3)),to(transparent));background:linear-gradient(180deg,hsla(0,0%,100%,.3),transparent);border-radius:4px 4px 0 0}@-webkit-keyframes progressShine-9a7822de{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@keyframes progressShine-9a7822de{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.device-stats[data-v-9a7822de]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:100%}.device-summary[data-v-9a7822de]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:30px;padding:0 0;height:10%}.summary-item[data-v-9a7822de]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:5px}.summary-label[data-v-9a7822de]{font-size:12px;color:#fff}.summary-value[data-v-9a7822de]{font-size:18px;font-weight:700;color:#00d4ff;font-family:Arial,sans-serif}.summary-value.online[data-v-9a7822de]{color:#00d4ff}.device-legend[data-v-9a7822de]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:20px;padding:5px 0;height:10%}.legend-item[data-v-9a7822de]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:8px}.legend-color[data-v-9a7822de]{width:12px;height:12px;border-radius:2px}.online-color[data-v-9a7822de]{background:#00d4ff;-webkit-box-shadow:0 0 8px rgba(0,212,255,.6);box-shadow:0 0 8px rgba(0,212,255,.6)}.offline-color[data-v-9a7822de]{background:#ffb800;-webkit-box-shadow:0 0 8px rgba(255,184,0,.6);box-shadow:0 0 8px rgba(255,184,0,.6)}.legend-text[data-v-9a7822de]{font-size:12px;color:#fff}.device-chart[data-v-9a7822de]{width:100%;height:80%}.alarm-chart[data-v-9a7822de]{width:100%;height:100%;cursor:pointer}.alarm-stats-content[data-v-9a7822de]{height:100%;gap:10px}.alarm-stats-content[data-v-9a7822de],.stats-section[data-v-9a7822de]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.stats-section[data-v-9a7822de]{gap:5px;height:50%}.section-label[data-v-9a7822de]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:8px;padding-left:5px;height:20%;-ms-flex-negative:0;flex-shrink:0}.label-dot[data-v-9a7822de]{font-size:12px}.uncompleted-dot[data-v-9a7822de]{color:#18b4ff}.completed-dot[data-v-9a7822de]{color:#44e890}.label-name[data-v-9a7822de]{font-size:14px;color:#fff;font-weight:500}.stats-row[data-v-9a7822de]{display:-webkit-box;display:-ms-flexbox;display:flex;gap:10px;height:80%}.stat-box[data-v-9a7822de]{-webkit-box-flex:1;-ms-flex:1;flex:1;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;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:rgba(0,40,80,.3);border-radius:6px;padding:8px 5px;min-width:0;height:100%}.stat-number[data-v-9a7822de]{font-size:16px;font-weight:700;font-family:Arial,sans-serif;line-height:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%;-ms-flex-negative:0;flex-shrink:0}.uncompleted-color[data-v-9a7822de]{color:#18b4ff}.completed-color[data-v-9a7822de]{color:#44e890}.stat-period[data-v-9a7822de]{font-size:12px;color:hsla(0,0%,100%,.7);-ms-flex-negative:0;flex-shrink:0}.stat-progress[data-v-9a7822de]{width:100%;height:6px;background:rgba(0,40,80,.6);border-radius:3px;overflow:hidden;-ms-flex-negative:0;flex-shrink:0}.progress-line[data-v-9a7822de]{height:100%;border-radius:2px;-webkit-transition:width .5s ease;transition:width .5s ease}.uncompleted-progress[data-v-9a7822de]{background:-webkit-gradient(linear,left top,right top,from(#006cff),to(#18b4ff));background:linear-gradient(90deg,#006cff,#18b4ff);-webkit-box-shadow:0 0 8px rgba(255,184,0,.6);box-shadow:0 0 8px rgba(255,184,0,.6)}.completed-progress[data-v-9a7822de]{background:-webkit-gradient(linear,left top,right top,from(#0fbf6a),to(#44e890));background:linear-gradient(90deg,#0fbf6a,#44e890);-webkit-box-shadow:0 0 8px rgba(0,212,255,.6);box-shadow:0 0 8px rgba(0,212,255,.6)}.alarm-dialog-mask[data-v-9a7822de]{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.65);z-index:9999;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}.alarm-dialog-wrapper[data-v-9a7822de]{width:900px;max-width:90%;max-height:90vh;background:rgba(0,20,40,.95);border:2px solid rgba(0,180,255,.5);border-radius:8px;-webkit-box-shadow:0 0 30px rgba(0,180,255,.4);box-shadow:0 0 30px rgba(0,180,255,.4);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}.alarm-dialog-header[data-v-9a7822de]{background:-webkit-gradient(linear,left top,right top,from(rgba(0,40,80,.9)),to(rgba(0,60,100,.9)));background:linear-gradient(90deg,rgba(0,40,80,.9),rgba(0,60,100,.9));border-bottom:2px solid rgba(0,180,255,.3);padding:15px 20px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.alarm-dialog-title[data-v-9a7822de]{color:#00d4ff;font-size:18px;font-weight:700;text-shadow:0 0 10px rgba(0,212,255,.6)}.alarm-dialog-close[data-v-9a7822de]{color:#00d4ff;font-size:28px;line-height:1;cursor:pointer;-webkit-transition:all .3s;transition:all .3s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.alarm-dialog-close[data-v-9a7822de]:hover{color:#fff;-webkit-transform:scale(1.2);transform:scale(1.2)}.alarm-dialog-body[data-v-9a7822de]{padding:20px;background:rgba(0,20,40,.8);overflow-y:auto;-webkit-box-flex:1;-ms-flex:1;flex:1}.alarm-table[data-v-9a7822de]{width:100%;border-collapse:collapse;border:1px solid #001428;border-radius:4px;overflow:hidden}.alarm-table thead tr th[data-v-9a7822de]{background:rgba(0,40,80,.8);color:#00d4ff;font-size:14px;font-weight:700;text-align:center;padding:12px 8px;border:1px solid #001428}.alarm-table tbody tr td[data-v-9a7822de]{background:rgba(0,20,40,.6);color:#fff;font-size:13px;text-align:center;padding:12px 8px;border:1px solid #001428}.alarm-table tbody tr:hover td[data-v-9a7822de]{background:rgba(0,100,180,.3)}.alarm-pagination[data-v-9a7822de]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-top:20px;padding:10px 0}.pagination-total[data-v-9a7822de]{color:#fff;font-size:14px}.pagination-controls[data-v-9a7822de]{gap:5px}.pagination-btn[data-v-9a7822de],.pagination-controls[data-v-9a7822de]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.pagination-btn[data-v-9a7822de]{width:32px;height:32px;background:rgba(0,40,80,.6);border:1px solid rgba(0,180,255,.3);color:#fff;font-size:18px;cursor:pointer;border-radius:4px;-webkit-transition:all .3s;transition:all .3s;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.pagination-btn[data-v-9a7822de]:hover:not(:disabled){border-color:rgba(0,212,255,.6);background:rgba(0,60,120,.8);color:#00d4ff}.pagination-btn[data-v-9a7822de]:disabled{background:rgba(0,20,40,.3);border-color:rgba(0,180,255,.1);color:hsla(0,0%,100%,.3);cursor:not-allowed}.pagination-item[data-v-9a7822de]{min-width:32px;height:32px;padding:0 8px;background:rgba(0,40,80,.6);border:1px solid rgba(0,180,255,.3);color:#fff;font-size:14px;cursor:pointer;border-radius:4px;-webkit-transition:all .3s;transition:all .3s;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}.pagination-item[data-v-9a7822de]:hover{border-color:rgba(0,212,255,.6);background:rgba(0,60,120,.8);color:#00d4ff}.pagination-item.active[data-v-9a7822de]{background:-webkit-gradient(linear,left top,right top,from(#00d4ff),to(#08f));background:linear-gradient(90deg,#00d4ff,#08f);border-color:#00d4ff;-webkit-box-shadow:0 0 10px rgba(0,212,255,.6);box-shadow:0 0 10px rgba(0,212,255,.6);color:#fff}