.progress-rank-page{position:relative;width:100%;height:100%;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch}.progress-rank-page-item{position:relative;width:100%;padding-bottom:6px}.progress-rank-page-item__header{margin-bottom:15px;display:flex;align-items:center;justify-content:space-between}.progress-rank-page-item__header-left{display:flex;align-items:center;justify-content:flex-start}.progress-rank-page-item__header-right{display:flex;align-items:center;justify-content:flex-end;margin-right:12px}.progress-rank-page-item__body{position:relative;width:100%}.progress-rank-page-item__dot{top:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;z-index:3}.progress-rank-page-item__dot,.progress-rank-page-item__dot:before{width:var(--dot-size,30px);height:var(--dot-size,30px);position:absolute}.progress-rank-page-item__dot:before{left:0;top:0;display:inline-block;content:"";border-radius:var(--dot-size,30px);border:2px solid var(--dot-border-color,#fff);opacity:.3;z-index:1;background-color:var(--dot-bg-color,#113e7a)}.progress-rank-page-item__dot:after{position:relative;display:inline-block;content:"";width:var(--dot-inner-size,12px);height:var(--dot-inner-size,12px);border-radius:var(--dot-inner-size,12px);background-color:var(--dot-inner-bg-color,#e0f1ff);z-index:3}.progress-rank-page-item__rank{width:30px;height:20px;display:flex;align-items:center;justify-content:center;padding:0 2px;overflow:clip;color:#fff;border:1px solid transparent;margin-right:8px}.progress-rank-page-item__title{font-family:Source Han Sans CN;color:#d0deee}.progress-rank-page-item__ratio,.progress-rank-page-item__title,.progress-rank-page-item__value{font-weight:500;font-size:22px;line-height:14px;text-align:left;font-style:normal;text-transform:none}.progress-rank-page-item__ratio,.progress-rank-page-item__value{font-family:DIN}.progress-rank-page-item__ratio{margin-left:24px;text-align:right}.progress-rank-page-item__body .el-progress-bar__outer{border-radius:0!important;background:var(--progress-track-color,#3b4c66)!important}.progress-rank-page-item__body .el-progress-bar__inner{border-radius:0!important;background:var(--progress-bar-color,linear-gradient(90deg,#26e6ff,#0bbff9))!important}.panel-title[data-v-89c6a1ca]{display:flex;align-items:center;justify-content:flex-start}.panel-title__icon[data-v-89c6a1ca]{width:24px;height:21px;margin-right:10px}.panel-title__text[data-v-89c6a1ca]{display:inline-block;font-family:PingFang SC;font-weight:700;height:34px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;background:linear-gradient(270deg,#c0e8ff,#fff);line-height:34px;font-size:24px;text-shadow:0 0 30px rgba(211,252,255,.25);text-align:left;font-style:normal;text-transform:none;color:transparent;-webkit-background-clip:text;background-clip:text}.progress-rank-content[data-v-656b8ebe],.progress-rank-pager[data-v-656b8ebe],.progress-rank[data-v-656b8ebe]{position:relative;width:100%;height:100%}.progress-rank-pager[data-v-656b8ebe]{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;overflow:hidden}.progress-rank-pager__content[data-v-656b8ebe]{position:relative;width:100%;flex:1}.progress-rank-pager__dots[data-v-656b8ebe]{position:relative;flex-shrink:0;margin-top:10px;display:flex;align-items:center;justify-content:flex-end;padding:0 6px}.progress-rank-pager__dot[data-v-656b8ebe]{display:inline-block;width:20px;height:7px;background-color:#445253;border-radius:5px 5px 5px 5px}.progress-rank-pager__dot.is-active[data-v-656b8ebe]{background-color:#00d0e5}.progress-rank-pager__dot+.progress-rank-pager__dot[data-v-656b8ebe]{margin-left:9px}