.rank-name{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.rank-section{background:#12122a;border:1px solid rgba(139,92,246,.15);border-radius:10px;transition:all .3s ease}.rank-page{padding:20px 0 40px}@media screen and (max-width: 799px){.rank-page{padding:12px 0 24px}}.rank-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(320px, 1fr));gap:24px}@media screen and (max-width: 799px){.rank-grid{grid-template-columns:1fr;gap:16px}}.rank-section{padding:20px}.rank-section .section-header{margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid rgba(59,130,246,.1)}.rank-section .section-title{font-size:16px}.rank-section .section-title .title-icon{width:28px;height:28px}.rank-section .section-title .title-icon svg{width:16px;height:16px}.rank-section .more-btn{padding:6px 10px;font-size:12px}@media screen and (max-width: 799px){.rank-section{padding:16px}}.rank-list{display:flex;flex-direction:column}.rank-item{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid rgba(59,130,246,.1);transition:all .15s ease}.rank-item:last-child{border-bottom:none}.rank-item:hover .rank-name{color:#3b82f6}.rank-number{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:24px;height:24px;font-size:12px;font-weight:700;color:#6b7280;background:#1a1a3a;border-radius:6px}.rank-number.top{color:#fff;background:linear-gradient(135deg, #3b82f6 0%, #8b5cf6 100%)}.rank-name{flex:1;font-size:14px;color:#f0f4ff;transition:color .15s ease}.rank-status{flex-shrink:0;font-size:11px;color:#6b7280;padding:3px 8px;background:#1a1a3a;border-radius:6px}