.rank-page{border:1px solid hsla(0,0%,100%,.2);color:#fff;height:calc(100vh - var(--ds-nav-bar-total-height));margin:0 auto;overflow-x:hidden;overflow-y:auto;padding:0 .27rem 0;width:100%;-webkit-overflow-scrolling:touch;background-image:linear-gradient(180deg,#180f0a 0,#72482e);position:relative}.rank-filter{align-items:center;display:flex;height:.74rem;justify-content:flex-end;left:50%;padding:0 .27rem;position:relative;transform:translateX(-50%);width:7.5rem}.rank-filter.rank-filter--active{background-color:#241918}.rank-filter-tab{align-items:center;background:rgba(108,80,53,.5);border:1px solid #ad8b63;border-radius:.04rem;color:#fff;cursor:pointer;display:flex;font-size:.2rem;height:.36rem;justify-content:center;margin:0 .08rem;overflow:hidden;padding:.06rem .08rem;text-overflow:ellipsis;white-space:nowrap;width:1.4rem}.rank-filter-tab--active{background-color:#dca13c;border-color:#ad8b63}.rank-filter-tab:last-child{margin-right:0}.rank-filter-tab-arrow{flex-shrink:0;font-size:.1rem;margin-left:.04rem}.rank-header{align-items:center;background-color:#111;border:1px solid #6c5035;border-left:none;border-right:none;border-width:.02rem 0 1px 0;color:#927151;display:flex;height:.48rem;width:6.95rem}.rank-header-cell{font-size:.22rem}.rank-header-cell.rank-header-rank{flex-shrink:0;text-align:center;width:1.03rem}.rank-header-cell.rank-header-role{width:2.99rem}.rank-header-cell.rank-header-data{width:1.5rem}.rank-self-card{background-color:#0a0a0a;border:1px solid #766052;border-radius:.08rem;margin:.12rem .16rem;padding:.12rem}.rank-self-card--empty,.rank-self-card--ranked{align-items:center;display:flex;gap:.12rem}.rank-self-empty-icon{align-items:center;background:#1a1a1a;border:.02rem solid #766052;border-radius:50%;display:flex;flex-shrink:0;height:.48rem;justify-content:center;overflow:hidden;width:.48rem}.rank-self-empty-icon img{height:.32rem;opacity:.5;width:.32rem}.rank-self-empty-text{color:#999;flex:1;font-size:.22rem;line-height:1.5}.rank-self-rank{align-items:center;display:flex;flex-direction:column;flex-shrink:0;min-width:.5rem}.rank-self-rank-label{color:#999;font-size:.11rem}.rank-self-rank-value{color:#f5b500;font-size:.22rem;font-weight:700}.rank-self-role{align-items:center;display:flex;flex:1;gap:.08rem}.rank-self-avatar{border:.02rem solid #f5b500;border-radius:50%;flex-shrink:0;height:.4rem;object-fit:cover;width:.4rem}.rank-self-class-icon{border-radius:.04rem;flex-shrink:0;height:.24rem;margin-left:auto;object-fit:cover;width:.24rem}.rank-self-role-text{display:flex;flex:1;flex-direction:column}.rank-self-role-name{color:#fff;font-size:.22rem;font-weight:500}.rank-self-role-server{color:#999;font-size:.22rem}.rank-self-data{display:flex;flex-shrink:0;gap:.12rem}.rank-self-data-item{align-items:center;display:flex;flex-direction:column}.rank-self-data-label{color:#999;font-size:.11rem}.rank-self-data-value{color:#fff;font-size:.22rem;font-weight:500}.rank-list-wrapper{height:calc(100vh - var(--ds-nav-bar-total-height) - 1.62rem - env(safe-area-inset-bottom));width:6.95rem}.rank-list-container{height:100%;overflow-x:hidden;overflow-y:auto;width:6.95rem;-webkit-overflow-scrolling:touch;background-color:#180c04;padding-top:.2rem}.rank-list-container::-webkit-scrollbar{background-color:rgba(108,80,53,.5);border-radius:0;width:.04rem}.rank-list-container::-webkit-scrollbar-thumb{background-color:#ad8b63;border-radius:0;width:.04rem}.rank-list-item{align-items:center;border-bottom:1px solid rgba(108,80,53,.6);display:flex;height:1rem;width:6.95rem}.rank-list-item:active{background-color:#111}.rank-list-item:nth-child(odd){background-color:rgba(138,70,2,.1)}.rank-number{color:rgba(254,128,0,.5);flex-shrink:0;font-size:.32rem;text-align:center;width:1.03rem}.rank-role-info{align-items:center;color:#fff;display:flex;flex:1;font-size:.24rem;gap:.08rem;margin-left:.08rem;min-width:0}.rank-role-info--clickable{border-radius:.04rem;cursor:pointer}.rank-role-info--clickable:active{opacity:.7}.rank-role-avatar{border:1px solid hsla(0,0%,100%,.5);border-radius:.04rem;flex-shrink:0;height:.6rem;object-fit:cover;width:.6rem}.rank-role-text{display:flex;flex:1;flex-direction:column;min-width:0}.rank-role-name,.rank-role-server{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rank-role-server{font-size:.2rem}.rank-data{flex-shrink:0;text-align:center;width:1.5rem}.rank-data.rank-data-score{margin-right:.14rem}.rank-data-level{background:url(https://img.166.net/gameyw-misc/opd/squash/20260320/163605-jpgdvnkm73.png) no-repeat 50%;background-size:contain;font-size:.22rem;height:.82rem;margin:0 auto;width:.82rem}.rank-data-level,.rank-loading{align-items:center;display:flex;justify-content:center}.rank-empty,.rank-loading{padding:.4rem 0}.rank-empty{--adm-color-weak:#666}.rank-all-loaded{color:#666;display:block;font-size:.22rem;padding:.16rem 0;text-align:center}.filter-picker-mask{background-image:linear-gradient(180deg,transparent 0,transparent 1rem,rgba(0,0,0,.5) 0,rgba(0,0,0,.5));bottom:0;left:0;position:absolute;right:0;top:0;z-index:99}.filter-picker{background:#241918;display:flex;flex-direction:column;height:5.2rem;left:0;position:absolute;right:0;top:.74rem;z-index:100}.filter-picker-columns{display:flex;flex:1;overflow:hidden}.filter-picker-col{display:flex;flex-direction:column;min-width:0}.filter-picker-col.filter-picker-col-region{width:1.4rem}.filter-picker-col.filter-picker-col-region .filter-picker-item.filter-picker-item--active{background:#3f2b23;border-left:.03rem solid #dca13c}.filter-picker-col.filter-picker-col-class,.filter-picker-col.filter-picker-col-role,.filter-picker-col.filter-picker-col-spec{background:#3f2b23;flex:1}.filter-picker-col-list{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch}.filter-picker-item{align-items:center;border-left:.03rem solid transparent;color:#fff;cursor:pointer;display:flex;font-size:.26rem;height:.6rem;justify-content:center;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}.filter-picker-item--active{color:#dca13c}.filter-picker-footer{background:#3f2b23;display:flex;flex-shrink:0;gap:.2rem;padding:.16rem .2rem}.filter-picker-btn{border:none;border-radius:.04rem;cursor:pointer;flex:1;font-size:.26rem;padding:.12rem 0}.filter-picker-btn--reset{background-color:#40280c;border:1px solid hsla(44,92%,69%,.5);color:#fff}.filter-picker-btn--confirm{background:#f5b500;border:1px solid #f9d366;color:#40280c;font-weight:700}