*{margin:0;padding:0;box-sizing:border-box}#app{display:flex;flex-direction:column;min-width:100vw;min-height:100vh;background-color:#0d0c2a;color:#00ecff}.wrap[data-v-d771b447]{width:100%;height:100%}.clip-wrap[data-v-a003350b]{position:relative;padding:.52083333vw}.clip-wrap .clip-bg[data-v-a003350b]:before,.clip-wrap .clip-bg[data-v-a003350b]:after{content:"";position:absolute;left:0;top:0;display:block;width:100%;height:100%}.clip-wrap .clip-bg[data-v-a003350b]:before{background:#156dae}.clip-wrap .clip-bg[data-v-a003350b]:after{background:#0d0c2a}.clip-wrap .clip-title[data-v-a003350b]{position:relative;padding:.20833333vw 1.25vw;margin-bottom:.20833333vw;font-size:1.14583333vw;color:#fff;background:transparent linear-gradient(to bottom,transparent,#172a5f);z-index:3}.clip-wrap .clip-content[data-v-a003350b]{position:relative;flex:1;z-index:5}.clip-wrap.left .clip-bg[data-v-a003350b]:before{clip-path:polygon(0% 18px,20px 0%,71% 0%,87% 37px,100% 37px,100% 100%,0% 100%)}.clip-wrap.left .clip-bg[data-v-a003350b]:after{clip-path:polygon(1px 18px,20px 1px,71% 1px,87% 38px,calc(100% - 1px) 38px,calc(100% - 1px) calc(100% - 1px),1px calc(100% - 1px))}.clip-wrap.left .clip-title[data-v-a003350b]{clip-path:polygon(0% 15px,16px 0%,71% 0,88% 37px,100% 35px,100% 100%,0% 100%)}.clip-wrap.right .clip-bg[data-v-a003350b]:before{clip-path:polygon(0% 38px,16% 38px,27% 0%,95% 0,100% 23px,100% 100%,0% 100%)}.clip-wrap.right .clip-bg[data-v-a003350b]:after{clip-path:polygon(1px 39px,16% 39px,27% 1px,95% 1px,calc(100% - 1px) 23px,calc(100% - 1px) calc(100% - 1px),1px calc(100% - 1px))}.clip-wrap.right .clip-title[data-v-a003350b]{clip-path:polygon(0% 38px,16% 38px,27% 0%,95% 0,100% 23px,100% 100%,0% 100%);text-align:right}[data-v-238e0556] .clip-content{position:relative;display:flex;justify-content:space-between;z-index:3}.realtime-content[data-v-238e0556]{flex:1}.realtime-content ul[data-v-238e0556]{display:flex;align-items:center;justify-content:space-between;padding:.52083333vw;list-style:none;box-shadow:0 0 .52083333vw #00ecff7f inset;background:no-repeat;background-image:linear-gradient(to left,#156dae,#156dae),linear-gradient(to bottom,#156dae,#156dae),linear-gradient(to left,#156dae,#156dae),linear-gradient(to bottom,#156dae,#156dae),linear-gradient(to left,#156dae,#156dae),linear-gradient(to left,#156dae,#156dae),linear-gradient(to left,#156dae,#156dae),linear-gradient(to bottom,#156dae,#156dae);background-position:left top,left top,right top,right top,right bottom,right bottom,left bottom,left bottom;background-size:.05208333vw .52083333vw,.52083333vw .05208333vw,.05208333vw .52083333vw,.52083333vw .05208333vw}.realtime-content li[data-v-238e0556]{margin:0;filter:drop-shadow(0 0 .8px #156dae) drop-shadow(0 0 0 #156dae) drop-shadow(0 0 0 #156dae) drop-shadow(0 0 0 #156dae) drop-shadow(0 0 0 #156dae)}.realtime-content li span[data-v-238e0556]{display:inline-flex;align-items:center;justify-content:center;width:1.35416667vw;height:1.82291667vw;mask:radial-gradient(circle at 0,transparent .3125vw,#fff 0),radial-gradient(circle at right,transparent .3125vw,#fff 0);-webkit-mask-size:50%;mask-size:50%;-webkit-mask-position:0,100%;mask-position:0,100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;background:#24489f;font-size:1.45833333vw;font-family:方正兰亭粗黑,fantasy}.realtime-content[data-v-238e0556]:before{content:attr(data-title);display:block;margin:.3125vw 0;font-size:1.04166667vw;color:#00ecff;text-align:center}.realtime-content+.realtime-content[data-v-238e0556]{margin-left:1.04166667vw}div[data-v-d82ee164]{font-size:12px}.minute[data-v-d82ee164]:before,.second[data-v-d82ee164]:before{content:":";animation:shark-d82ee164 1s step-end infinite}.hour[data-v-d82ee164]:after{counter-reset:hour var(--h);content:counter(hour,decimal-leading-zero);animation:hour-d82ee164 86400s infinite steps(24);animation-delay:calc(-1s * var(--dh))}.minute[data-v-d82ee164]:after{counter-reset:minute var(--m);content:counter(minute,decimal-leading-zero);animation:minute-d82ee164 3600s infinite steps(60);animation-delay:calc(-1s * var(--dm))}.second[data-v-d82ee164]:after{counter-reset:second var(--s);content:counter(second,decimal-leading-zero);animation:second-d82ee164 60s infinite steps(60);animation-delay:calc(-1s * var(--ds))}.countProperty[data-v-d82ee164]{syntax:"<integer>";inherits:false;initial-value:0}@property --h{syntax: "<integer>"; inherits: false; initial-value: 0;}@property --m{syntax: "<integer>"; inherits: false; initial-value: 0;}@property --s{syntax: "<integer>"; inherits: false; initial-value: 0;}@keyframes hour-d82ee164{to{--h: 24}}@keyframes minute-d82ee164{to{--m: 60}}@keyframes second-d82ee164{to{--s: 60}}@keyframes shark-d82ee164{50%{opacity:0}}.chart-wrap[data-v-b155e7fd]{height:20.83333333vw}.wrap[data-v-42a58ca9]{flex:1;margin-top:.625vw}.wrap[data-v-42a58ca9] .clip-content{display:flex;flex-direction:column}.wrap .chart-wrap[data-v-42a58ca9]{flex:1}.wrap ul[data-v-42a58ca9]{display:flex;list-style:none}.wrap ul li[data-v-42a58ca9]{flex:1;text-align:center}.wrap ul li+li[data-v-42a58ca9]{margin-left:.52083333vw}.wrap ul .subtitle[data-v-42a58ca9]{margin-bottom:.3125vw;font-size:1.04166667vw;color:#aaecff}.wrap ul .channel-box[data-v-42a58ca9]{margin:0;padding:1.14583333vw 1.04166667vw;box-shadow:0 0 .52083333vw #00ecff7f inset;font-size:.72916667vw;background:no-repeat;background-image:linear-gradient(to left,#156dae,#156dae),linear-gradient(to bottom,#156dae,#156dae),linear-gradient(to left,#156dae,#156dae),linear-gradient(to bottom,#156dae,#156dae),linear-gradient(to left,#156dae,#156dae),linear-gradient(to left,#156dae,#156dae),linear-gradient(to left,#156dae,#156dae),linear-gradient(to bottom,#156dae,#156dae);background-position:left top,left top,right top,right top,right bottom,right bottom,left bottom,left bottom;background-size:.05208333vw .52083333vw,.52083333vw .05208333vw,.05208333vw .52083333vw,.52083333vw .05208333vw}.wrap ul .channel-box p[data-v-42a58ca9]{color:#fff}.wrap ul .channel-box p[data-v-42a58ca9]:before{content:attr(data-des);margin-right:.10416667vw;color:#aaecff}.wrap ul .channel-box p+p[data-v-42a58ca9]{margin-top:.625vw}.tag-wrap[data-v-a7ceb7f3]{position:relative;width:100%;height:20.57291667vw;background:url(./cloud-Db585Q37.png) no-repeat;background-size:100% 100%;z-index:3}.tag-item[data-v-a7ceb7f3]{position:absolute;left:0;top:0;text-decoration:none;font-size:18px;cursor:pointer;will-change:transform;color:#fff}.tag-item span[data-v-a7ceb7f3]{display:inline-block}.tag-item:hover .tag-value[data-v-a7ceb7f3]{opacity:1}.tag-value[data-v-a7ceb7f3]{opacity:0;height:35px;padding:0 30px 0 20px;color:#f6f600;line-height:35px;margin-left:5px;visibility:middle;font-size:14px;transition:all .2s;background:linear-gradient(90deg,#d8ff00b3,#3a33ff00)}.wrap[data-v-d1e9b83d]{margin-top:.625vw}.title[data-v-c9327cd0]{display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;text-shadow:0 0 5px #00ecff;font-size:3.4375vw}.title-content[data-v-c9327cd0]{display:flex;align-items:center}.title-content[data-v-c9327cd0]:before,.title-content[data-v-c9327cd0]:after{content:"";width:10.41666667vw;height:.15625vw}.title-content[data-v-c9327cd0]:before{margin-right:1.04166667vw;background-image:linear-gradient(to right,transparent,#156dae)}.title-content[data-v-c9327cd0]:after{margin-left:1.04166667vw;background-image:linear-gradient(to left,transparent,#156dae)}.content[data-v-c9327cd0]{flex:1;display:flex;padding:1.04166667vw}.content .left[data-v-c9327cd0],.content .right[data-v-c9327cd0]{display:flex;flex-direction:column;flex-shrink:0;width:31.25vw}.content .middle[data-v-c9327cd0]{flex:1;min-width:31.25vw;min-height:15.625vw;padding-top:1.04166667vw;margin:0 .72916667vw}