body{line-height:1.15;font-size:.5rem;margin:0;padding:0;background-color:#101129;font-family:system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,'Open Sans','Helvetica Neue',sans-serif}*{margin:0;padding:0;font-weight:normal}ul{list-style:none}a{text-decoration:none}#pageTitle{position:fixed;width:100%;font-size:1rem;top:0;padding-top:1.8rem;display:flex;justify-content:center;font-size:.7rem;height:7vw;background:url(./images/logo.png) no-repeat 0 0 / contain}.title{background:radial-gradient(#73f7f8,#2962c8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-align:center}.title-bg{animation:glow 2s ease-in-out both infinite}@keyframes glow{0%,100%{text-shadow:0 0 8.33333px #2962c8,0 -25px 50px tomato,-25px 25px 50px yellow,25px 25px 50px tomato}33%{text-shadow:0 0 8.33333px #2962c8,0 -25px 50px cyan,-25px 25px 50px tomato,25px 25px 50px cyan}66%{text-shadow:0 0 8.33333px #2962c8,0 -25px 50px yellow,-25px 25px 50px cyan,25px 25px 50px yellow}}.column-left{position:fixed;top:6vw;bottom:.5vw;width:25vw;left:1vw;display:flex;flex-direction:column}.column-right{position:fixed;top:6vw;bottom:.5vw;width:25vw;right:1vw;display:flex;flex-direction:column}.panel{box-sizing:border-box;position:relative;margin-bottom:1vw;box-shadow:inset 0 0 1rem #1d42b5;padding:1rem;backdrop-filter:blur(4px)}.panel h3{font-size:.6rem;color:#fff;border-left:.2rem solid #85d5fa;padding-left:.5rem}.panel h3 .unit{float:right;font-weight:normal;opacity:.6}.overview .content{display:flex;justify-content:space-around;margin-top:1rem}.overview .item{display:flex;align-items:center}.overview h4{font-size:1.167rem;padding-left:.2rem;color:#fff;margin-bottom:.333rem}.overview span{font-size:.667rem;color:#4c9bfd;display:flex;align-items:center}.overview .icon{font-size:2.5rem}.overview .icon-dot{height:.6rem;width:.3rem;border-radius:.2rem;display:block;margin:0 .2rem}.cityRank .item{display:flex;color:#fff;font-size:.6rem;align-items:center;margin-top:.5rem}.cityRank .item .number{color:#eb6841;font-style:oblique;font-size:1rem;display:flex;width:1.4rem;height:1.4rem;margin-right:.5rem}.cityRank .item .number-text{display:flex;width:2rem;height:1.2rem;justify-content:center;align-items:center;background-color:#ecd554;border-radius:.3rem;color:#b3692f}.cityRank .item .number-2{background-color:#babbcc;color:#6a717c}.cityRank .item .number-3{background-color:#c7afaf;color:#865b61}.cityRank .item .city{margin:0 .5rem}.cityRank .item .count{font-weight:bold;font-size:.8rem;flex:1;text-align:right}.cityDevices .row{display:flex;color:#fff;font-size:.6rem;align-items:center;padding:.5rem 0}.cityDevices .row .bar{flex:1;height:.4rem;background-color:rgba(255,255,255,0.2);border-radius:.25rem;display:block;overflow:hidden}.cityDevices .row .bar .bar-inner{display:block;background:linear-gradient(90deg,#405af5,#62c2cf);height:100%;border-radius:.25rem}.cityDevices .row .name{width:3rem}.cityDevices .row .value{width:3rem;text-align:right;font-weight:bold}@keyframes row{100%{transform:translateY(-50%)}}.cityDevices .marquee{animation:row 10s linear infinite}.cityDevices .marquee:hover{animation-play-state:paused}@keyframes rotate{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}#buttonPlay{border:1px solid #fff;opacity:.5;width:20px;height:20px;border-radius:50%;box-sizing:border-box;display:flex;align-items:center;justify-content:center;margin-left:10px}#buttonPlay.z-play{animation:rotate 3s linear infinite;opacity:1}