.container[data-v-26e79724]{padding:20px;height:100%;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden}.top-filter[data-v-26e79724]{gap:16px;margin-bottom:24px}.filter-item[data-v-26e79724],.top-filter[data-v-26e79724]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.score-board[data-v-26e79724]{padding:16px}.ranking[data-v-26e79724]{display:-webkit-box;display:-ms-flexbox;display:flex;gap:10px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;height:24vh;padding-top:24px;background-position:50%;background-size:cover;background-repeat:no-repeat}.rank-item[data-v-26e79724]{width:120px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;text-align:center;-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s;cursor:pointer}.rank-head[data-v-26e79724],.rank-item[data-v-26e79724]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.rank-head[data-v-26e79724]{position:relative;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.champion[data-v-26e79724]{width:200px;-webkit-transform:translateY(-20px);-ms-transform:translateY(-20px);transform:translateY(-20px)}.rank-head .rank-avatar[data-v-26e79724]{width:64px;height:64px;border-radius:50%;margin-bottom:4px}.champion .rank-head .rank-avatar[data-v-26e79724]{width:70px;height:70px}.rank-crown[data-v-26e79724]{position:absolute;top:-8px;right:-8px;width:32px;height:32px;z-index:10;margin-top:0}.rank-name[data-v-26e79724]{font-size:16px;font-weight:500;margin-bottom:4px}.rank-score[data-v-26e79724]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;min-width:80px;height:28px;line-height:28px;border-radius:14px;font-size:14px;color:#fac904;background-color:#fff;border:2px solid #fac904;img{width:16px;height:16px;margin:auto 4px}}.student-list[data-v-26e79724]{padding:16px;display:grid;grid-template-columns:repeat(3,1fr);gap:16px;background:hsla(0,0%,100%,.5);border-radius:16px;height:72vh;overflow-y:auto;overflow-x:hidden}.student-item[data-v-26e79724]{display:-webkit-box;display:-ms-flexbox;display:flex;height:60px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:10px 20px;border:2px solid #fff;border-radius:8px;background:#fff;cursor:pointer;&:hover{border:2px solid #3a8bff}}.rank-hex[data-v-26e79724]{position:relative;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;width:36px;height:36px;font-size:12px;font-weight:500;color:#fff;margin-right:8px;img{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}span{position:relative;z-index:2}}.student-info[data-v-26e79724]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:14px}.student-avatar img[data-v-26e79724]{width:36px;height:36px;border-radius:50%}.student-name[data-v-26e79724]{font-size:16px;font-weight:500}.student-score[data-v-26e79724]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:14px;color:#666;img{width:16px;height:16px;margin-right:12px}}