.rank-page[data-v-907fa811]{padding:0 16px}.page-header[data-v-907fa811]{gap:12px;padding:16px 0;position:sticky;top:0;z-index:10}.back-btn[data-v-907fa811],.page-header[data-v-907fa811]{align-items:center;display:flex}.back-btn[data-v-907fa811]{background:var(--bg-primary);border:none;border-radius:6px;color:var(--text-primary);cursor:pointer;height:30px;justify-content:center;transition:all .2s;width:36px}.back-btn[data-v-907fa811]:hover{background:#fff3}.page-title[data-v-907fa811]{color:#fff;font-size:1.25rem;font-weight:700;margin:0}.current-rank-banner[data-v-907fa811]{align-items:center;background:var(--bg-card);border:var(--border-primary);border-radius:16px;display:flex;gap:16px;margin-bottom:24px;padding:20px}.rank-badge[data-v-907fa811]{align-items:center;border-radius:50%;display:flex;height:64px;justify-content:center;width:64px}.rank-icon[data-v-907fa811]{font-size:2rem}.rank-info[data-v-907fa811]{flex:1}.rank-label[data-v-907fa811]{color:#fff9;font-size:.75rem;margin:0 0 4px}.rank-name[data-v-907fa811]{color:#fff;font-size:1.5rem;font-weight:700;margin:0}.error-container[data-v-907fa811],.loading-container[data-v-907fa811]{color:#fff9;padding:60px 20px;text-align:center}.loading-spinner[data-v-907fa811]{animation:spin-907fa811 1s linear infinite;border:3px solid hsla(0,0%,100%,.1);border-radius:50%;border-top-color:#10b981;height:40px;margin:0 auto 16px;width:40px}@keyframes spin-907fa811{to{transform:rotate(1turn)}}.btn-retry[data-v-907fa811]{background:#10b981;border:none;border-radius:8px;color:#fff;cursor:pointer;margin-top:16px;padding:10px 24px}.ranks-container[data-v-907fa811]{display:flex;flex-direction:column;gap:16px}.rank-card[data-v-907fa811]{border:var(--border-primary);border-radius:16px;padding:20px;transition:all .3s ease}.rank-card[data-v-907fa811],.rank-card.current[data-v-907fa811]{background:var(--bg-card);background-position:50%;background-size:cover}.rank-card.current[data-v-907fa811]{border:var(---border-primary)}.rank-card.locked[data-v-907fa811]{opacity:.6}.rank-card.locked .benefits-list[data-v-907fa811]{filter:blur(1px)}.rank-header[data-v-907fa811]{gap:12px;margin-bottom:16px}.rank-badge-small[data-v-907fa811],.rank-header[data-v-907fa811]{align-items:center;display:flex}.rank-badge-small[data-v-907fa811]{border-radius:12px;box-shadow:0 4px 12px #0000004d;height:44px;justify-content:center;width:44px}.rank-icon-small[data-v-907fa811]{font-size:1.5rem}.rank-card-image[data-v-907fa811]{height:42px;-o-object-fit:contain;object-fit:contain;width:42px}.rank-title[data-v-907fa811]{flex:1}.rank-name-card[data-v-907fa811]{color:#fff;font-size:1.1rem;font-weight:600;margin:0}.current-badge[data-v-907fa811]{background:#10b981;border-radius:20px;color:#fff;display:inline-block;font-size:.65rem;margin-top:4px;padding:2px 8px}.lock-icon[data-v-907fa811]{font-size:1.25rem}.benefits-list[data-v-907fa811]{display:flex;flex-direction:column;gap:12px}.benefit-item[data-v-907fa811]{align-items:center;background:var(--bg-secondary);border-radius:10px;display:flex;gap:12px;padding:12px}.benefit-icon[data-v-907fa811]{font-size:1.5rem;text-align:center;width:40px}.benefit-info[data-v-907fa811]{display:flex;flex:1;flex-direction:column}.benefit-label[data-v-907fa811]{color:#fff9;font-size:.75rem}.benefit-value[data-v-907fa811]{color:#10b981;font-size:1rem;font-weight:600}.benefit-value.can-claim[data-v-907fa811]{color:#10b981}.benefit-detail[data-v-907fa811]{align-items:flex-end;display:flex;flex-direction:column;gap:4px}.cycle-badge[data-v-907fa811]{background:var(--bg-primary);border-radius:12px;color:var(--text-primary);font-size:.65rem;padding:2px 8px}.calc-type[data-v-907fa811]{color:var(--text-secondary);font-size:.6rem}.claim-status[data-v-907fa811]{background:#10b9811a;border:1px solid rgba(16,185,129,.3)}.next-rank-hint[data-v-907fa811]{border-top:1px solid hsla(0,0%,100%,.1);margin-top:12px;padding-top:12px;text-align:center}.next-rank-hint span[data-v-907fa811]{color:#ffffff80;font-size:.75rem}.info-section[data-v-907fa811]{background:#ffffff0d;border:1px solid hsla(0,0%,100%,.1);border-radius:16px;margin-top:32px;padding:20px}.info-section h3[data-v-907fa811]{color:#fff;font-size:1rem;font-weight:600;margin:0 0 12px}.info-section ul[data-v-907fa811]{margin:0;padding-left:20px}.info-section ul li[data-v-907fa811]{color:#fff9;font-size:.8rem;line-height:1.5;margin-bottom:8px}