.ranking[data-v-a186863a]{max-width:1200px}[dir] .ranking[data-v-a186863a]{padding:24px 16px;margin:0 auto}[dir] .ranking-box[data-v-a186863a]{background-color:var(--fill-2-bg)}.ranking [data-v-a186863a]{-webkit-box-sizing:border-box;box-sizing:border-box}.ranking .banner[data-v-a186863a]{height:380px;width:100%;position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:55px;line-height:1.5}[dir] .ranking .banner[data-v-a186863a]{background:url(../img/banner-bg.5d6a5a9b.png) no-repeat 50%;background-size:cover;padding:0 52px}.ranking .banner img[data-v-a186863a]{position:absolute;bottom:0;height:100%}[dir=ltr] .ranking .banner img[data-v-a186863a]{right:0}[dir=rtl] .ranking .banner img[data-v-a186863a]{left:0}.ranking .banner h1[data-v-a186863a]{font-size:55px}[dir=ltr] .ranking .banner h1[data-v-a186863a]{text-shadow:1px 1px 0 #fff,-1px -1px 0 #fff,1px -1px 0 #fff,-1px 1px 0 #fff}[dir=rtl] .ranking .banner h1[data-v-a186863a]{text-shadow:-1px 1px 0 #fff,1px -1px 0 #fff,-1px -1px 0 #fff,1px 1px 0 #fff}.ranking .banner p[data-v-a186863a]{font-weight:700;color:#fff}[dir=ltr] .ranking .banner p[data-v-a186863a]{text-shadow:1px 1px 0 var(--main-1-cl),-1px -1px 0 var(--main-1-cl),1px -1px 0 var(--main-1-cl),-1px 1px 0 var(--main-1-cl)}[dir=rtl] .ranking .banner p[data-v-a186863a]{text-shadow:-1px 1px 0 var(--main-1-cl),1px -1px 0 var(--main-1-cl),-1px -1px 0 var(--main-1-cl),1px 1px 0 var(--main-1-cl)}[dir] .ranking .statistics[data-v-a186863a]{margin:48px 0}.ranking .statistics-header[data-v-a186863a]{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.ranking .statistics-header[data-v-a186863a],.ranking .statistics-user[data-v-a186863a]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.ranking .statistics-user[data-v-a186863a]{gap:12px;font-size:24px}.ranking .statistics-right[data-v-a186863a]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:8px;font-size:20px}[dir] .ranking .statistics-right[data-v-a186863a]{cursor:pointer}.ranking .statistics-record[data-v-a186863a]{display:-webkit-box;display:-ms-flexbox;display:flex;gap:28px}[dir] .ranking .statistics-record[data-v-a186863a]{margin-top:24px}.ranking .statistics-record-item[data-v-a186863a]{-webkit-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around}[dir] .ranking .statistics-record-item[data-v-a186863a]{padding:40px;border:1px solid var(--main-color-3);border-radius:8px;background-color:var(--main-color-1);border-radius:24px}.ranking .statistics-record-item-num[data-v-a186863a]{-webkit-text-fill-color:transparent;font-size:36px;font-weight:700}[dir] .ranking .statistics-record-item-num[data-v-a186863a]{-webkit-background-clip:text!important}[dir=ltr] .ranking .statistics-record-item-num[data-v-a186863a]{background:-webkit-gradient(linear,right top,left top,from(var(--main-1-cl)),to(var(--main-3-cl)));background:linear-gradient(-90deg,var(--main-1-cl),var(--main-3-cl))}[dir=rtl] .ranking .statistics-record-item-num[data-v-a186863a]{background:-webkit-gradient(linear,right top,left top,from(var(--main-1-cl)),to(var(--main-3-cl)));background:linear-gradient(90deg,var(--main-1-cl),var(--main-3-cl))}[dir] .ranking .statistics-record-item div[data-v-a186863a]{text-align:center}[dir] .ranking .statistics-record-item div .text-1-cl[data-v-a186863a]{margin-top:8px}[dir] .ranking .list[data-v-a186863a]{margin:48px 0}.ranking .list-header h1[data-v-a186863a]{font-size:24px;font-weight:700}.ranking .list-header div[data-v-a186863a]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}[dir] .ranking .list-header div[data-v-a186863a]{margin-top:16px}.ranking .list-record[data-v-a186863a]{overflow:hidden}[dir] .ranking .list-record[data-v-a186863a]{margin-top:24px;border-radius:10px}.ranking .list-record-content[data-v-a186863a]{max-height:500px;overflow-y:auto;position:relative}.ranking .list-record-content-bottom[data-v-a186863a]{position:sticky;bottom:0;width:100%;height:45px}[dir] .ranking .list-record-content-bottom[data-v-a186863a]{background-image:-webkit-gradient(linear,left bottom,left top,from(var(--fill-2-bg)),to(transparent));background-image:linear-gradient(0deg,var(--fill-2-bg),transparent)}[dir=ltr] .ranking .list-record-content-bottom[data-v-a186863a]{left:0;background-image:-webkit-gradient(linear,left bottom,left top,from(var(--fill-2-bg)),to(transparent))}[dir=rtl] .ranking .list-record-content-bottom[data-v-a186863a]{right:0;background-image:-webkit-gradient(linear,right bottom,right top,from(var(--fill-2-bg)),to(transparent))}[dir] .ranking .list-record-head[data-v-a186863a]{background-color:var(--main-color-3)}.ranking .list-record-head p[data-v-a186863a]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:6px}[dir] .ranking .list-record-head i[data-v-a186863a]{cursor:pointer}.ranking .list-record-head[data-v-a186863a],.ranking .list-record-item[data-v-a186863a]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-pack:distribute;justify-content:space-around;min-height:40px}[dir] .ranking .list-record-head[data-v-a186863a],[dir] .ranking .list-record-item[data-v-a186863a]{padding:6px 0}.ranking .list-record-head p[data-v-a186863a],.ranking .list-record-item p[data-v-a186863a]{-webkit-box-flex:1;-ms-flex:1;flex:1;position:relative}[dir] .ranking .list-record-head p[data-v-a186863a],[dir] .ranking .list-record-item p[data-v-a186863a]{text-align:center}.ranking .list-record-head p img[data-v-a186863a],.ranking .list-record-item p img[data-v-a186863a]{position:absolute;top:50%;width:40px;height:40px}[dir=ltr] .ranking .list-record-head p img[data-v-a186863a],[dir=ltr] .ranking .list-record-item p img[data-v-a186863a]{left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}[dir=rtl] .ranking .list-record-head p img[data-v-a186863a],[dir=rtl] .ranking .list-record-item p img[data-v-a186863a]{right:50%;-webkit-transform:translate(50%,-50%);transform:translate(50%,-50%)}.ranking .list-record-head div[data-v-a186863a],.ranking .list-record-item div[data-v-a186863a]{-webkit-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:10px}.ranking .list-record-head div .icon[data-v-a186863a],.ranking .list-record-item div .icon[data-v-a186863a]{max-width:24px;width:24px;height:24px}[dir] .ranking .list-record-head div .icon[data-v-a186863a],[dir] .ranking .list-record-item div .icon[data-v-a186863a]{border-radius:500px;background-size:cover}[dir] .ranking .list-record-item[data-v-a186863a]{margin-top:4px;background-color:var(--main-color-1)}