.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;cursor:pointer;transition:transform .15s,box-shadow .15s;}.podium-card:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(0,0,0,.25);}.podium-card.gold{border-color:var(--gold);padding-top:36px;}.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{display:flex;align-items:center;justify-content:center;margin:4px auto 6px;position:relative;z-index:1;font-size:26px;line-height:1;animation:rankBreath 2.6s ease-in-out infinite;}@keyframes rankBreath{0%,100%{transform:scale(1);}50%{transform:scale(1.07);}}.podium-card .cover{width:110px;height:110px;border-radius:12px;object-fit:cover;margin:8px auto;background:rgba(255,255,255,0.05);position:relative;z-index:1;}.podium-card.gold .cover{width:130px;height:130px;}.podium-card .name{font-size:15px;font-weight:700;margin-top:10px;position:relative;z-index:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}.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);flex-shrink:0;}.top-list-item .cover{width:44px;height:44px;border-radius:8px;object-fit:cover;background:rgba(255,255,255,0.05);flex-shrink:0;}.top-list-item .col-name{flex:1 1 30%;min-width:0;font-weight:500;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.top-list-item .col-album{flex:1 1 35%;min-width:0;font-size:12px;color:var(--text-mute);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.top-list-item .col-dur{width:56px;flex-shrink:0;font-size:13px;color:var(--text-mute);font-variant-numeric:tabular-nums;text-align:right;}.top-list-item .ops{display:flex;gap:4px;flex-shrink:0;margin-left:16px;}.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;border-radius:10px;display:flex;flex-direction:column;}.podium-card.gold{order:-1;padding-top:12px;}.podium-card .rank-badge{font-size:16px;margin:0 auto 4px;}.podium-card .cover,.podium-card.gold .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;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}.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;flex-wrap:nowrap;}.top-list-item .rank{width:24px;font-size:14px;}.top-list-item .cover{width:42px;height:42px;border-radius:7px;}.top-list-item .col-name{flex:1 1 auto;min-width:0;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}.top-list-item .col-album{display:none;}.top-list-item .col-dur{display:none;}.top-list-item .ops{margin-left:8px;}.top-list-item .ops .btn-icon{width:34px;height:34px;font-size:14px;}}