.ranking-container[data-v-af837136]{width:100%;margin:0 auto;padding:20px;background:#fff;min-height:100vh}.ranking-container .header[data-v-af837136]{text-align:center;margin-bottom:40px;color:#fff}.ranking-container .header h2[data-v-af837136]{font-size:32px;font-weight:700;margin-bottom:10px;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.ranking-container .header p[data-v-af837136]{font-size:16px;opacity:.9}.ranking-container .ranking-list[data-v-af837136]{max-width:1580px;margin:0 auto}.ranking-container .ranking-list .ranking-item[data-v-af837136]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:15px;-webkit-transition:all .3s ease;transition:all .3s ease;height:120px;padding:0 271px 0 27px;-webkit-box-sizing:border-box;box-sizing:border-box;background-image:url(../img/4.70df23e2.png);background-size:100% 100%;background-repeat:no-repeat}.ranking-container .ranking-list .ranking-item[data-v-af837136]:hover{-webkit-transform:translateY(-5px);transform:translateY(-5px)}.ranking-container .ranking-list .ranking-item.top-three[data-v-af837136]{overflow:hidden}.ranking-container .ranking-list .ranking-item.top-three.first[data-v-af837136]{background-image:url(../img/1.178f045b.png);background-size:100% 100%;background-repeat:no-repeat}.ranking-container .ranking-list .ranking-item.top-three.second[data-v-af837136]{background-image:url(../img/2.449449fd.png);background-size:100% 100%;background-repeat:no-repeat}.ranking-container .ranking-list .ranking-item.top-three.third[data-v-af837136]{background-image:url(../img/3.75ca84bb.png);background-size:100% 100%;background-repeat:no-repeat}.ranking-container .ranking-list .ranking-item .rank-number[data-v-af837136]{width:60px;height:60px;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;margin-right:20px}.ranking-container .ranking-list .ranking-item .rank-number .medal[data-v-af837136]{width:50px;height:50px}.ranking-container .ranking-list .ranking-item .rank-number .medal .medal-icon[data-v-af837136]{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;-webkit-animation:bounce-data-v-af837136 2s infinite;animation:bounce-data-v-af837136 2s infinite}.ranking-container .ranking-list .ranking-item .rank-number .rank-text[data-v-af837136]{font-size:24px;font-weight:700;color:#9399b2}.ranking-container .ranking-list .ranking-item .user-info[data-v-af837136]{-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}.ranking-container .ranking-list .ranking-item .user-info .avatar[data-v-af837136]{width:50px;height:50px;border-radius:50%;overflow:hidden;margin-right:15px;border:3px solid #e9ecef}.ranking-container .ranking-list .ranking-item .user-info .avatar img[data-v-af837136]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.ranking-container .ranking-list .ranking-item .user-info .user-details .user-name[data-v-af837136]{font-size:18px;font-weight:600;color:#333;margin:0 0 5px 0}.ranking-container .ranking-list .ranking-item .user-info .user-details .user-desc[data-v-af837136]{font-size:14px;color:#6c757d;margin:0}.ranking-container .ranking-list .ranking-item .score[data-v-af837136]{text-align:right}.ranking-container .ranking-list .ranking-item .score .score-number[data-v-af837136]{font-size:24px;font-weight:700;color:#ffbc5f;display:block}.ranking-container .ranking-list .ranking-item .score .score-label[data-v-af837136]{font-size:12px;color:#6c757d}@-webkit-keyframes bounce-data-v-af837136{0%,20%,50%,80%,to{-webkit-transform:translateY(0);transform:translateY(0)}40%{-webkit-transform:translateY(-10px);transform:translateY(-10px)}60%{-webkit-transform:translateY(-5px);transform:translateY(-5px)}}@keyframes bounce-data-v-af837136{0%,20%,50%,80%,to{-webkit-transform:translateY(0);transform:translateY(0)}40%{-webkit-transform:translateY(-10px);transform:translateY(-10px)}60%{-webkit-transform:translateY(-5px);transform:translateY(-5px)}}@media(max-width:768px){.ranking-container[data-v-af837136]{padding:15px}.ranking-container .header h2[data-v-af837136]{font-size:24px}.ranking-container .ranking-list .ranking-item[data-v-af837136]{padding:15px}.ranking-container .ranking-list .ranking-item .rank-number[data-v-af837136]{width:50px;height:50px}.ranking-container .ranking-list .ranking-item .rank-number .medal[data-v-af837136]{font-size:24px}.ranking-container .ranking-list .ranking-item .rank-number .rank-text[data-v-af837136]{font-size:18px}.ranking-container .ranking-list .ranking-item .user-info .avatar[data-v-af837136]{width:40px;height:40px}.ranking-container .ranking-list .ranking-item .score .score-number[data-v-af837136]{font-size:18px}}