.ranking-list-container{background:var(--bg-elevated-soft);-webkit-backdrop-filter:blur(20px);border-radius:var(--border-radius);border:1px solid var(--border-subtle);margin-top:24px;padding:24px}.aside-nav-btn{background:var(--accent-primary);color:#fff;cursor:pointer;border:none;border-radius:8px;margin:0 auto 20px;padding:12px 24px;font-weight:600;transition:all .3s;display:none}.aside-nav-btn:hover{background:var(--accent-hover);transform:translateY(-2px)}.paginate{justify-content:center;align-items:center;gap:16px;margin-top:32px;padding:24px 0;display:flex}.paginate-left,.paginate-right{color:var(--text-soft);cursor:pointer;font-size:18px;transition:color .3s}.paginate-left:hover,.paginate-right:hover{color:var(--text-main)}.paginate-left.disabled,.paginate-right.disabled{opacity:.3;cursor:not-allowed;pointer-events:none}.paginate-items{gap:8px;margin:0;padding:0;list-style:none;display:flex}.paginate-item{background:var(--bg-elevated-soft);border:1px solid var(--border-subtle);width:40px;height:40px;color:var(--text-main);border-radius:8px;justify-content:center;align-items:center;font-weight:600;text-decoration:none;transition:all .3s;display:flex}.paginate-item:hover{background:var(--bg-elevated);border-color:var(--accent-primary)}.paginate-item-selected{background:var(--accent-primary);pointer-events:none}.placement-sponsored{position:relative}.placement-sponsored .ranking-list-item-rank{color:#fff;background:linear-gradient(135deg,#fbbf24,#f59e0b)}.placement-daily{box-shadow:0 0 20px #fbbf2433;border-color:#fbbf24!important}.placement-daily:hover{box-shadow:0 12px 40px #fbbf2466;border-color:#fcd34d!important}.placement-weekly{box-shadow:0 0 20px #a78bfa33;border-color:#a78bfa!important}.placement-weekly:hover{box-shadow:0 12px 40px #a78bfa66;border-color:#c4b5fd!important}.placement-monthly{box-shadow:0 0 20px #f472b633;border-color:#f472b6!important}.placement-monthly:hover{box-shadow:0 12px 40px #f472b666;border-color:#f9a8d4!important}.placement-empty{border-radius:var(--border-radius);background:var(--bg-elevated-soft);opacity:.6;cursor:pointer;margin-bottom:16px;text-decoration:none;transition:all .3s;display:block;border:2px dashed var(--border-subtle)!important}.placement-empty:hover{opacity:1;border-color:var(--accent-primary);transform:translateY(-4px);box-shadow:0 8px 32px #3b82f633}@media (max-width:1024px){.aside-nav-btn{display:block}}@media (max-width:768px){.ranking-list-container{padding:16px}.paginate-item{width:36px;height:36px;font-size:14px}}