.msb-charts{margin:16px 18px 10px;padding:16px;border:1px solid rgba(255,255,255,.08);border-radius:22px;background:radial-gradient(circle at 88% 0,rgba(30,215,96,.11),transparent 38%),var(--bg-card,#121212);color:var(--text,#fff);overflow:hidden}.msb-charts__head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-bottom:12px}.msb-charts__eyebrow{display:block;color:var(--primary,#1ed760);font-size:10px;font-weight:850;margin-bottom:2px}.msb-charts__head h2{margin:0;font-size:20px;line-height:1.35}.msb-charts__fresh{color:var(--text-sec,#929792);font-size:9px;white-space:nowrap}.msb-charts__fresh i{color:var(--primary,#1ed760);margin-left:4px}.msb-charts__tabs{display:flex;gap:7px;overflow-x:auto;scrollbar-width:none;margin-bottom:12px}.msb-charts__tabs::-webkit-scrollbar{display:none}.msb-charts__tab{border:1px solid rgba(255,255,255,.08);background:#191b19;color:#a8ada9;border-radius:999px;min-height:34px;padding:0 13px;font:inherit;font-size:10px;font-weight:800;white-space:nowrap;cursor:pointer}.msb-charts__tab.is-active{background:var(--primary,#1ed760);border-color:transparent;color:#06110a}.msb-charts__panel[hidden]{display:none!important}.msb-charts__list{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.msb-chart-track{position:relative;display:grid;grid-template-columns:26px 54px minmax(0,1fr) 32px;align-items:center;gap:7px;padding:8px;border:1px solid rgba(255,255,255,.07);border-radius:15px;background:rgba(255,255,255,.025);min-width:0}.msb-chart-track__rank{font-size:15px;font-weight:900;color:var(--primary,#1ed760);text-align:center}.msb-chart-track__cover{width:54px;height:54px;border-radius:11px;overflow:hidden}.msb-chart-track__cover img{width:100%;height:100%;object-fit:cover;display:block}.msb-chart-track__meta{min-width:0}.msb-chart-track__meta a,.msb-chart-track__meta span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.msb-chart-track__meta a{font-size:10px;font-weight:850;color:var(--text,#fff);text-decoration:none}.msb-chart-track__meta span{margin-top:3px;font-size:8.5px;color:var(--text-sec,#8d938f)}.msb-chart-track__play{width:32px;height:32px;border:0;border-radius:10px;background:rgba(30,215,96,.12);color:var(--primary,#1ed760);cursor:pointer}.msb-chart-track__play.playing,.msb-chart-track__play.is-playing{background:var(--primary,#1ed760);color:#06110a}.msb-charts__more{display:inline-flex;align-items:center;gap:7px;margin-top:11px;color:#aeb3af;text-decoration:none;font-size:9.5px;font-weight:800}.msb-charts__more i{color:var(--primary,#1ed760)}
@media(max-width:1100px){.msb-charts__list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.msb-charts{margin:12px 12px 8px;padding:13px;border-radius:18px}.msb-charts__head h2{font-size:16px}.msb-charts__fresh{display:none}.msb-charts__list{display:flex;overflow-x:auto;gap:7px;scroll-snap-type:x proximity;scrollbar-width:none}.msb-charts__list::-webkit-scrollbar{display:none}.msb-chart-track{min-width:min(82vw,310px);scroll-snap-align:start;grid-template-columns:24px 48px minmax(0,1fr) 34px}.msb-chart-track__cover{width:48px;height:48px}.msb-chart-track__rank{font-size:14px}.msb-charts__tab{min-height:32px;padding:0 11px;font-size:9px}}