.box[data-v-0714ae24]{display:block;border-radius:10px;color:#fff;text-align:center;display:flex;flex-direction:column;justify-content:center;align-items:center;font-size:41px;padding:10px 0;height:100%;width:100%;box-sizing:border-box;position:relative}.box .flex[data-v-0714ae24]{display:flex;align-items:center}.box .title[data-v-0714ae24]{font-size:14px;margin-bottom:10px}.box .right-bottom-corner-image[data-v-0714ae24]{width:80px;height:80px;position:absolute;right:0;bottom:0;background-size:100% 100%}.icon-question[data-v-78a08d2d]{display:inline-block;font-size:14px;cursor:pointer;margin-left:8px}.info-tooltip p{margin:0}.info-tooltip code{padding-top:2px;padding-bottom:2px}.info-tooltip pre code{white-space:break-spaces;word-break:break-all}@media screen and (min-width:2580px){.overview{margin:0 auto 0}}.overview{min-width:1280px}.overview .box-wrapper{background:#fff;box-shadow:0 2px 4px 0 hsla(0,0%,70.2%,.5);border-radius:20px;padding:10px 30px;margin-bottom:20px;min-height:150px}:root[data-theme=dark] .overview .box-wrapper{background:#212429;border:1px #343940;box-shadow:0 2px 8px rgba(0,0,0,.5)}.overview .box-wrapper-title{font-size:18px;font-weight:700;display:flex;align-items:center;justify-content:space-between}.overview .flex-box{display:flex;justify-items:center;align-items:center}.overview .charge-data{display:flex;justify-content:space-between}.overview .charge-data-item{margin:10px;flex:1;aspect-ratio:16/9}.overview .feature-wrapper{display:flex;justify-content:space-around;text-align:center;margin:10px 0 0 0}.overview .feature-wrapper img{width:54px;height:54px;margin-bottom:8px}.overview .feature-wrapper .feature-link{display:inline-block;line-height:0}.overview .status-wrapper{display:flex;justify-content:space-around;margin:30px 0 0 0}.overview .status-wrapper-value{font-weight:700;font-size:18px}.overview .status-wrapper img{width:40px;height:40px;margin-right:12px}.overview .check-more-btn{font-size:14px;color:var(--color-primary)}.overview .charge-chart-wrapper{display:flex;justify-content:space-between;justify-items:center}.overview .el-date-editor{width:300px;margin-left:20px}.overview-metrics .stats-numbers{margin-bottom:24px}.overview-metrics .stats-numbers:last-child{margin-bottom:0}.overview-metrics p{margin:0}.overview-metrics .metric-name{color:var(--color-text-primary);line-height:24px}.overview-metrics .metric-num,.overview-metrics .metric-num-s{color:var(--color-title-primary);font-weight:600}.overview-metrics .metric-num{height:44px;font-size:32px;line-height:44px}.overview-metrics .metric-num-s{height:32px;font-size:22px;line-height:32px}.overview-metrics .metric-num-s .unit{margin-left:2px;font-size:14px;font-weight:400;line-height:32px;vertical-align:middle}.overview-metrics .block-hd{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.overview-metrics .block-title{font-weight:600}.overview-metrics .handlers-container{display:flex;justify-content:flex-end}.overview-metrics .el-select{margin-right:16px}.overview-metrics .block-bd{display:flex;align-items:stretch}.overview-metrics .block-bd.flow-node-row>.el-col:not(:last-child),.overview-metrics .metric-block{margin-bottom:24px}.overview-metrics .metric-pie{min-width:300px;height:300px;flex-shrink:0}.overview-metrics .metric-pie .el-card__body{display:flex;flex-direction:column;padding:40px 46px;height:100%}.overview-metrics .metric-pie .metric-name{margin-bottom:4px}.overview-metrics .metric-pie .pie-container{flex-grow:1;margin-left:-8px;margin-right:-8px}.overview-metrics .metric-types{flex-grow:1}.overview-metrics .metric-types .el-row{height:100%}.overview-metrics .metric-types .el-col{height:142px}.overview-metrics .metric-types .el-card{height:100%}.overview-metrics .metric-types .el-col:first-child,.overview-metrics .metric-types .el-col:nth-child(2){margin-bottom:16px}.overview-metrics .metric-bar,.overview-metrics .metric-rate{height:100%}.overview-metrics .metric-bar .el-card__body,.overview-metrics .metric-rate .el-card__body{padding:40px 24px}.overview-metrics .metric-bar .metric-name,.overview-metrics .metric-rate .metric-name{margin-bottom:24px}.overview-metrics .metric-bar .el-card__body{display:flex;padding-bottom:25px;align-items:stretch}.overview-metrics .metric-bar .metric-bar-hd{width:200px;margin-right:40px;padding-bottom:14px}.overview-metrics .metric-bar .metric-bar-bd{flex-grow:1;display:flex;flex-direction:column}.overview-metrics .metric-bar .bar-container{flex-grow:1}.overview-metrics .metric-bar .bar-desc{color:var(--color-text-placeholder);font-size:12px;font-weight:400;line-height:24px}.overview-metrics .metric-rate .el-card__body{display:flex}.overview-metrics .metric-rate .metric-rate-item{width:50%;padding:0 32px}.overview-metrics .metric-rate .metric-rate-item:first-child{position:relative}.overview-metrics .metric-rate .metric-rate-item:first-child:after{content:"";display:block;position:absolute;top:50%;right:0;transform:translateY(-50%);width:1px;height:40px;background:rgba(0,0,0,.1)}.overview-metrics .text-status{margin-right:8px}.polyline-chart-tooltip{min-width:120px}.polyline-chart-tooltip p{margin-top:0;margin-bottom:0}.polyline-chart-tooltip .x-value{margin-bottom:4px}.polyline-chart-tooltip .tooltip-body{display:flex;justify-content:space-between}.polyline-chart-tooltip .tooltip-body .badge{display:inline-block;width:10px;height:10px;border-radius:5px;background-color:#bbb}.polyline-chart-tooltip .tooltip-body .num{padding-left:12px;font-weight:500}.polyline-cards .chart-option{margin-top:36px;margin-bottom:24px;display:flex;justify-content:space-between;align-items:center}.polyline-cards .chart-option .interval-select{width:260px}.polyline-cards .big-card,.polyline-cards .polyline-card{position:relative}.polyline-cards .big-card .el-card__body,.polyline-cards .polyline-card .el-card__body{padding:12px 8px 0}.polyline-cards .big-card .card-title,.polyline-cards .polyline-card .card-title{font-size:16px;color:var(--color-title-primary);margin:2px 0 10px 6px}.polyline-cards .polyline-card{height:430px;width:100%}.overview .block{margin-top:14px;margin-bottom:14px}.overview .metric-pie{height:250px}.overview .metric-pie .metric-name{margin-bottom:4px}.overview .metric-pie .metric-num{margin-bottom:32px}.overview .metric-pie .pie-container{flex-grow:1;height:250px;width:100%;margin-left:-8px;margin-right:-8px}.overview.with-stat-time{margin-top:1px;margin-bottom:2px}.overview.with-stat-time .el-date-picker{width:80px}.overview .main-info-item{height:250px}.overview .main-info-item .el-card{height:100%}.overview .main-info-item .el-card .move-down{transform:translateY(20px)}.overview .main-info-item .el-card .move-up{transform:translateY(-20px)}.overview .main-info-item .el-card.with-multiple-counts .el-card__body{padding-left:28px}.overview .main-info-item .el-card__body{padding-top:36px;padding-left:32px}.overview .main-info-item .multiple-counts-wrap{display:flex}.overview .main-info-item .multiple-counts-wrap div:not(:last-child){margin-right:48px}.overview .main-info-item a{display:block;font-size:16px;color:var(--color-text-secondary);transition:none}.overview .main-info-item a:hover{color:var(--color-primary)}.overview .main-info-item a:hover img{filter:saturate(65%) contrast(135%)}.overview .main-info-item a .img-container{line-height:0}.overview .main-info-item a.no-img{padding-top:40px;display:flex;align-items:center}.overview .main-info-item .node-status-dot{margin-right:4px}.overview .main-info-item .num{color:var(--color-title-primary);font-size:24px}.overview .trend-card{height:430px}.overview .trend-card .el-card__body{height:100%}.overview .trend-card .el-card__body .trend-item{height:50%;margin-bottom:8px}.overview .trend-card .trend-label{color:var(--color-text-secondary);padding-right:10px}.overview .trend-card span{color:var(--color-text-primary)}.overview .trend-card .line-wrapper{width:100%;box-sizing:border-box;margin:16px 0}.overview .trend-card .line-wrapper .rate-chart{box-sizing:border-box;height:36px}.overview .trend-card .rate-type-radio{position:absolute;right:10px;top:16px}.overview .rate-card{height:250px}.overview .rate-card .el-card__body{height:100%}.overview .rate-card .el-card__body .rate-item{height:50%;margin-bottom:8px}.overview .rate-card .rate-label{color:var(--color-text-secondary);padding-right:10px}.overview .rate-card span{color:var(--color-text-primary)}.overview .rate-card .line-wrapper{width:100%;box-sizing:border-box;margin:16px 0}.overview .rate-card .line-wrapper .rate-chart{box-sizing:border-box;height:36px}.overview .rate-card .rate-type-radio{position:absolute;right:10px;top:16px}.overview .cluster-card{border:none;border-radius:8px}.overview .cluster-card .el-card__body{padding:0}.switch-tag[data-v-6e30216f]{margin:20px 0}.style-switch-wrapper[data-v-6e30216f]{display:flex;flex-direction:row-reverse;margin:0 20px}.fade-enter-active[data-v-6e30216f],.fade-leave-active[data-v-6e30216f]{transition:opacity .3s ease}.fade-enter-from[data-v-6e30216f]{transform:translateX(100%)}.fade-leave-to[data-v-6e30216f]{transform:translateX(-100%)}