.rank-container[data-v-c438b1d0]{width:100%;max-width:720px;margin:30px auto;padding:24px;background:#fff;border-radius:16px;box-shadow:0 4px 16px rgba(0,0,0,.08);box-sizing:border-box}.rank-header[data-v-c438b1d0]{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px;gap:10px}.rank-header h2[data-v-c438b1d0]{margin:0;color:#333;font-weight:600}.type-select[data-v-c438b1d0]{width:100px}.top-three[data-v-c438b1d0]{display:flex;justify-content:center;align-items:flex-end;gap:16px;margin-bottom:30px}.top-item[data-v-c438b1d0]{display:flex;flex-direction:column;align-items:center;min-height:120px;padding:16px 12px;border-radius:12px;width:110px}.top-item.first[data-v-c438b1d0]{background:linear-gradient(135deg,gold,#ffb800);padding-top:40px}.top-item.second[data-v-c438b1d0]{background:linear-gradient(135deg,#c8c8c8,#a9a9a9);padding-top:20px}.top-item.third[data-v-c438b1d0]{background:linear-gradient(135deg,#cd7f32,#b06020);padding-top:8px}.rank-num[data-v-c438b1d0]{font-size:22px;font-weight:700;color:#fff;margin-bottom:8px;flex-shrink:0}.avatar[data-v-c438b1d0]{width:60px;height:60px;border-radius:50%;overflow:hidden;border:3px solid #fff;flex-shrink:0;margin-bottom:8px}.avatar img[data-v-c438b1d0]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.name[data-v-c438b1d0]{margin-top:8px;font-size:15px;color:#fff;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:90px;text-align:center}.score[data-v-c438b1d0]{margin-top:4px;font-size:14px;font-weight:600;color:#fff}.rank-list[data-v-c438b1d0]{border:1px solid #eee;border-radius:12px;overflow:hidden}.rank-row[data-v-c438b1d0]{display:flex;align-items:center;padding:14px 20px;border-bottom:1px solid #f5f5f5;transition:background .2s}.rank-row[data-v-c438b1d0]:last-child{border-bottom:none}.rank-row[data-v-c438b1d0]:hover{background-color:#fafafa}.row-rank[data-v-c438b1d0]{width:40px;text-align:center;font-weight:600;color:#666}.row-avatar[data-v-c438b1d0]{width:42px;height:42px;border-radius:50%;overflow:hidden;margin:0 14px}.row-avatar img[data-v-c438b1d0]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.row-name[data-v-c438b1d0]{flex:1;font-size:15px;color:#333}.row-score[data-v-c438b1d0]{font-weight:600;color:#409eff}@media (max-width:480px){.rank-container[data-v-c438b1d0]{margin:16px auto;padding:16px}.rank-header h2[data-v-c438b1d0]{font-size:17px}.type-select[data-v-c438b1d0]{width:100px}.top-three[data-v-c438b1d0]{gap:8px}.top-item[data-v-c438b1d0]{width:82px;min-height:96px;padding:10px 6px}.top-item.first[data-v-c438b1d0]{padding-top:26px}.top-item.second[data-v-c438b1d0]{padding-top:12px}.top-item.third[data-v-c438b1d0]{padding-top:4px}.rank-num[data-v-c438b1d0]{font-size:18px}.avatar[data-v-c438b1d0]{width:42px;height:42px;border-width:2px}.name[data-v-c438b1d0]{width:66px;font-size:13px;margin-top:4px}.score[data-v-c438b1d0]{font-weight:600;font-size:12px;margin-top:2px}.rank-row[data-v-c438b1d0]{padding:12px 14px}.row-rank[data-v-c438b1d0]{width:32px}.row-avatar[data-v-c438b1d0]{width:34px;height:34px;margin:0 10px}.row-name[data-v-c438b1d0]{font-size:14px}}