.panel-item{background-color:hsla(0,0%,100%,.05);border-radius:.5vw;padding:1vh 1vw;margin-bottom:1vh;position:relative}.panel-item:before{content:"";position:absolute;top:2px;left:2px;width:20px;height:20px;border-top:2px solid #36d1dc;border-left:2px solid #36d1dc;border-top-left-radius:3px}.panel-actions{display:-webkit-box;display:-ms-flexbox;display:flex;gap:10px}.panel-actions .action-btn{padding:2px 10px;background-color:rgba(54,209,220,.1);border:1px solid #36d1dc;border-radius:4px;font-size:.8em;cursor:pointer;-webkit-transition:all .3s ease;transition:all .3s ease}.panel-actions .action-btn:hover{background-color:rgba(54,209,220,.3)}.panel-actions .action-btn.active{background-color:rgba(54,209,220,.7);color:#fff;font-weight:700}.panel-title{font-size:1.8vh;margin-bottom:1vh;padding-bottom:.8vh;border-bottom:1px solid hsla(0,0%,100%,.1);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;position:relative;color:#fff;font-family:YouSheBiaoTiHei}.panel-title:after{content:"";position:absolute;bottom:0;left:0;width:30%;height:2px;background:-webkit-gradient(linear,left top,right top,from(#36d1dc),to(transparent));background:linear-gradient(90deg,#36d1dc,transparent)}@media screen and (max-width:768px){.panel-title{font-size:1.6vh}.panel-title:after,.panel-title:before{height:1px}.panel-item:after,.panel-item:before{width:15px;height:15px;border-width:1px;top:8px;left:8px}.panel-item:after{top:auto;left:auto;bottom:8px;right:8px}}@media screen and (max-width:480px){.panel-title{font-size:1.4vh}.panel-item:after,.panel-item:before{width:10px;height:10px;top:6px;left:6px}.panel-item:after{top:auto;left:auto;bottom:6px;right:6px}}.scroll-list{-webkit-box-flex:4;-ms-flex:4;flex:4;max-height:35vh;overflow:hidden}.scroll-list .scroll-container{height:calc(100% - 5vh);overflow:hidden;position:relative}.scroll-list .scroll-wrapper{height:100%}.scroll-list .data-list{list-style:none;padding:0;margin:0}.scroll-list .data-list .list-item{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:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:1.2vh 1.5vw;font-size:1.5vh;color:#fff;border-bottom:1px dashed hsla(0,0%,100%,.1)}.scroll-list .data-list .list-item:hover{background-color:rgba(0,186,255,.05)}.scroll-list .data-list .list-item .status-success{color:#52c41a}.scroll-list .data-list .list-item .status-normal{color:#00baff}.scroll-list .data-list .list-item .status-warning{color:#ff4d4f}.scroll-list .data-list .list-item span{text-align:center}.scroll-list .data-list .list-item span:first-child{-webkit-box-flex:1;-ms-flex:1;flex:1}.scroll-list .data-list .list-item span:nth-child(2){-webkit-box-flex:3;-ms-flex:3;flex:3}.scroll-list .data-list .list-item span:nth-child(3),.scroll-list .data-list .list-item span:nth-child(4),.scroll-list .data-list .list-item span:nth-child(5){-webkit-box-flex:2;-ms-flex:2;flex:2}.summary-panel{-webkit-box-flex:3;-ms-flex:3;flex:3;-ms-flex-direction:column;flex-direction:column}.summary-panel,.summary-panel .summary-content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal}.summary-panel .summary-content{-webkit-box-flex:1;-ms-flex:1;flex:1;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:distribute;justify-content:space-around;padding:1vh 0}.summary-panel .summary-content .summary-row{display:grid;grid-template-columns:repeat(3,1fr);gap:.5vw;margin-bottom:.8vh}.summary-panel .summary-content .summary-row:last-child{margin-bottom:0}.summary-panel .summary-content .summary-item{background-color:hsla(0,0%,100%,.05);padding:.8vh .5vw;border-radius:.4vw;text-align:center}.summary-panel .summary-content .summary-item .summary-label{font-size:1.3vh;color:hsla(0,0%,100%,.7);margin-bottom:.4vh}.summary-panel .summary-content .summary-item .summary-value{font-size:2.5vh;font-weight:700;background:linear-gradient(45deg,#36d1dc,#5b86e5);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.summary-panel .summary-content .summary-item.status-normal{background-color:rgba(0,186,255,.05)}.summary-panel .summary-content .summary-item.status-normal .summary-value{background:linear-gradient(45deg,#00baff,#66d6ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.summary-panel .summary-content .summary-item.status-success{background-color:rgba(82,196,26,.05)}.summary-panel .summary-content .summary-item.status-success .summary-value{background:linear-gradient(45deg,#52c41a,#8ae95b);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.summary-panel .summary-content .summary-item.status-warning{background-color:rgba(255,77,79,.05)}.summary-panel .summary-content .summary-item.status-warning .summary-value{background:linear-gradient(45deg,#ff4d4f,#ffb3b4);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.panel-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:92vh;gap:1vh}