.top-head{text-align:center;margin-bottom:32px}.top-head h1{font-size:32px;font-weight:800;margin:0 0 6px;background:linear-gradient(135deg,#ffd166,#ff6b9d);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.top-head .sub{color:var(--text-mute)}.podium{display:grid;grid-template-columns:1fr 1.2fr 1fr;gap:16px;margin-bottom:28px;align-items:end}.podium-card{background:var(--bg-card);border:1px solid var(--border);border-radius:14px;padding:20px;text-align:center;position:relative;overflow:hidden}.podium-card.gold{border-color:var(--gold)}.podium-card.gold::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 50% 0%,rgba(255,209,102,0.18),transparent 65%)}.podium-card.silver{border-color:#c0c8d8}.podium-card.silver::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 50% 0%,rgba(192,200,216,0.12),transparent 65%)}.podium-card.bronze{border-color:#cd7f32}.podium-card.bronze::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 50% 0%,rgba(205,127,50,0.14),transparent 65%)}.podium-card .rank-badge{width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:4px auto 6px;position:relative;z-index:1;font-size:26px;font-weight:900;text-shadow:0 1px 2px rgba(255,255,255,.35);animation:rankBreath 2.6s ease-in-out infinite}.podium-card.gold .rank-badge{background:linear-gradient(145deg,#ffe9a8,#ffb347 52%,#c87f1a);color:#6b3d00;border:2px solid rgba(255,233,170,.9);box-shadow:0 0 20px rgba(255,209,102,.55),inset 0 2px 6px rgba(255,255,255,.7),inset 0 -4px 8px rgba(140,80,0,.4)}.podium-card.silver .rank-badge{background:linear-gradient(145deg,#f6f9ff,#c3cbdc 52%,#8d99b3);color:#3c4658;border:2px solid rgba(240,245,253,.9);box-shadow:0 0 16px rgba(198,208,226,.5),inset 0 2px 6px rgba(255,255,255,.75),inset 0 -4px 8px rgba(90,100,125,.4)}.podium-card.bronze .rank-badge{background:linear-gradient(145deg,#f5c9a0,#d98d4b 52%,#96521e);color:#4d2607;border:2px solid rgba(250,221,192,.85);box-shadow:0 0 16px rgba(224,150,90,.5),inset 0 2px 6px rgba(255,255,255,.6),inset 0 -4px 8px rgba(110,55,15,.45)}@keyframes rankBreath{0%,100%{transform:scale(1)}50%{transform:scale(1.07)}}.podium-card .rank-crown{position:absolute;top:-14px;left:50%;transform:translateX(-50%) rotate(-12deg);font-size:20px;line-height:1;filter:drop-shadow(0 0 6px rgba(255,209,102,.8));animation:crownFloat 2.6s ease-in-out infinite}@keyframes crownFloat{0%,100%{transform:translateX(-50%) rotate(-12deg) translateY(0)}50%{transform:translateX(-50%) rotate(-8deg) translateY(-3px)}}.podium-card .cover{width:84px;height:84px;border-radius:12px;object-fit:cover;margin:8px auto;background:rgba(255,255,255,0.05);position:relative;z-index:1}.podium-card .name{font-size:15px;font-weight:700;position:relative;z-index:1}.podium-card .sub{font-size:12px;color:var(--text-mute);margin-top:4px;position:relative;z-index:1}.podium-card .plays{font-size:13px;color:var(--accent);margin-top:6px;position:relative;z-index:1}.podium-actions{position:relative;z-index:1;margin-top:10px}.top-list{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;overflow:hidden}.top-list-item{display:flex;align-items:center;gap:14px;padding:12px 16px;border-bottom:1px solid var(--border);transition:background .12s}.top-list-item:last-child{border-bottom:0}.top-list-item:hover{background:rgba(255,255,255,0.04)}.top-list-item .rank{width:36px;text-align:center;font-size:16px;font-weight:700;color:var(--text-dim)}.top-list-item .cover{width:44px;height:44px;border-radius:8px;object-fit:cover;background:rgba(255,255,255,0.05)}.top-list-item .body{flex:1;min-width:0}.top-list-item .name{font-weight:500;font-size:14px}.top-list-item .sub{font-size:12px;color:var(--text-mute)}.top-list-item .plays{font-size:13px;color:var(--accent);font-variant-numeric:tabular-nums}.top-list-item .ops{display:flex;gap:4px}.top-list-item .ops .btn-icon{width:30px;height:30px;font-size:13px}@media (max-width:640px){.top-head{margin-bottom:20px}.top-head h1{font-size:24px}.top-head .sub{font-size:12px}.podium{grid-template-columns:repeat(3,1fr);gap:8px;align-items:stretch;margin-bottom:18px}.podium-card{padding:12px 6px 12px;border-radius:10px;display:flex;flex-direction:column}.podium-card.gold{order:-1}.podium-card .rank-badge{width:34px;height:34px;font-size:16px;margin:0 auto 4px}.podium-card .rank-crown{font-size:13px;top:-9px}.podium-card .cover{width:100%;max-width:78px;height:auto;aspect-ratio:1 / 1;border-radius:8px;margin:2px auto 6px}.podium-card .name{font-size:12px;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.podium-card .sub{font-size:10.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.podium-card .plays{font-size:10.5px;margin-top:2px}.podium-actions{margin-top:auto;padding-top:8px}.podium-actions .btn{padding:5px 10px;font-size:12px;min-height:30px}.top-list{border-radius:10px}.top-list-item{gap:10px;padding:10px 10px}.top-list-item .rank{width:24px;font-size:14px}.top-list-item .cover{width:42px;height:42px;border-radius:7px}.top-list-item .body .name{font-size:13px}.top-list-item .body .sub{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.top-list-item .plays{display:none}.top-list-item .ops .btn-icon{width:34px;height:34px;font-size:14px}}