.chart-peak-card.peak-card-yearend{cursor:pointer}
.chart-peak-card.peak-card-yearend:hover{border-color:rgba(56,189,248,.5);background:rgba(56,189,248,.1);transform:translateY(-2px)}
.ye-page-header{background:linear-gradient(135deg,rgba(56,189,248,.09),rgba(155,138,191,.035));border:1px solid rgba(56,189,248,.18);border-radius:16px;padding:24px;margin-bottom:16px}
.ye-page-kicker{font-size:11px;color:#38bdf8;text-transform:uppercase;letter-spacing:1.4px;font-weight:700;margin-bottom:5px}
.ye-page-title{font-size:28px;font-weight:800;color:#fff;line-height:1.15}
.ye-page-sub{font-size:13px;color:var(--text-dim);margin-top:6px}
.ye-nav{display:flex;justify-content:space-between;gap:10px;margin:12px 0 18px}
.ye-nav button{padding:8px 13px;border-radius:8px;border:1px solid var(--border2);background:var(--bg3);color:var(--text-dim);font:inherit;font-size:12px;cursor:pointer}
.ye-nav button:hover{border-color:#38bdf8;color:#38bdf8}
.ye-list{background:var(--bg2);border:1px solid var(--border);border-radius:14px;overflow:hidden}
.ye-row{display:flex;align-items:center;gap:14px;padding:11px 16px;border-bottom:1px solid var(--border);transition:background .15s}
.ye-row:last-child{border-bottom:0}.ye-row:hover{background:rgba(255,255,255,.035)}
.ye-rank{width:44px;text-align:center;font-size:19px;font-weight:800;color:#38bdf8;flex:0 0 auto}
.ye-info{min-width:0;flex:1}.ye-title{font-size:15px;font-weight:700;color:#fff;cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ye-title:hover{color:#38bdf8}
.ye-artist{font-size:12px;color:var(--gold);margin-top:2px;cursor:pointer}.ye-artist:hover{text-decoration:underline}
.ye-source{font-size:10px;color:var(--text-ghost);margin-top:12px}.ye-source a{color:var(--text-faint)}
.ye-loading{padding:50px 20px;text-align:center;color:var(--text-faint);background:var(--bg2);border:1px solid var(--border);border-radius:14px}
.ye-tools{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:0 0 14px}
.ye-play-all,.ye-row-play{border:1px solid rgba(56,189,248,.28);background:rgba(56,189,248,.08);color:#7dd3fc;border-radius:8px;cursor:pointer;font:inherit;transition:all .15s}
.ye-play-all{padding:9px 14px;font-size:12px;font-weight:700}
.ye-row-play{width:34px;height:34px;display:flex;align-items:center;justify-content:center;flex:0 0 auto}
.ye-play-all:hover,.ye-row-play:hover{background:rgba(56,189,248,.17);border-color:#38bdf8;color:#fff}
.ye-summary{font-size:11px;color:var(--text-faint);margin-left:auto}
.ye-row.ye-top1{background:linear-gradient(90deg,rgba(155,138,191,.12),transparent)}
.ye-row.ye-top3 .ye-rank{color:var(--gold)}
.ye-row.ye-top10{border-left:2px solid rgba(56,189,248,.22)}
.ye-rank-note{font-size:9px;color:var(--text-faint);text-transform:uppercase;letter-spacing:.5px;margin-top:1px}
.ye-search{flex:1 1 220px;max-width:360px;padding:9px 12px;border:1px solid var(--border2);border-radius:8px;background:var(--bg3);color:var(--text);font:inherit;font-size:12px}
.ye-search:focus-visible{border-color:#38bdf8;outline:3px solid #d2bcff;outline-offset:2px}
@media(max-width:600px){.ye-page-title{font-size:23px}.ye-row{padding:10px 12px}.ye-rank{width:34px;font-size:17px}}