.bs-chart{
	max-width:420px;
	width:100%;
	font-family:inherit;
	box-sizing:border-box;
}
.bs-chart *{box-sizing:border-box;}

.bsc-title{
	margin:0 0 14px;
	font-size:18px;
	font-weight:800;
	display:flex;
	align-items:center;
	gap:6px;
}

.bsc-card{
	border:1px solid #ececec;
	border-radius:16px;
	overflow:hidden;
	background:#fff;
	box-shadow:0 4px 16px rgba(0,0,0,.06);
}

.bsc-empty{
	text-align:center;
	color:#999;
	font-size:13px;
	padding:24px 12px;
}

.bsc-list{
	list-style:none;
	margin:0;
	padding:6px;
}

.bsc-item{
	display:flex;
	align-items:center;
	gap:10px;
	padding:9px 8px;
	border-radius:10px;
	transition:background .15s ease;
}
.bsc-item:hover{background:#faf9ff;}

.bsc-rank{
	flex:0 0 auto;
	width:28px;
	text-align:center;
	font-weight:800;
	font-size:13px;
	color:#9a9aab;
}
.bsc-item-top3 .bsc-rank{
	color:#fff;
	background:linear-gradient(135deg,var(--bsc-grad1,#ff6a00),var(--bsc-grad2,#ee0979));
	border-radius:8px;
	padding:3px 0;
	font-size:12px;
}

.bsc-cover{
	flex:0 0 auto;
	width:40px;height:40px;
	border-radius:8px;
	overflow:hidden;
	background:#f1f1f5;
	display:flex;align-items:center;justify-content:center;
	box-shadow:0 1px 4px rgba(0,0,0,.08);
}
.bsc-cover img{width:100%;height:100%;object-fit:cover;display:block;}
.bsc-cover-fallback{font-size:16px;opacity:.5;}

.bsc-info{
	flex:1 1 auto;
	min-width:0;
	display:flex;
	flex-direction:column;
}
.bsc-song-title{
	font-size:13px;
	font-weight:700;
	color:#22222e;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}
.bsc-song-artist{
	font-size:11.5px;
	color:#9a9aab;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}

.bsc-trend{
	flex:0 0 auto;
	font-size:11px;
	font-weight:800;
	padding:3px 6px;
	border-radius:6px;
	min-width:20px;
	text-align:center;
}
.bsc-trend-up{color:#1fb579;background:#e6faf1;}
.bsc-trend-down{color:#e63946;background:#fde9ea;}
.bsc-trend-same{color:#9a9aab;background:#f2f2f5;}
.bsc-trend-new{color:#fff;background:linear-gradient(135deg,var(--bsc-grad1,#ff6a00),var(--bsc-grad2,#ee0979));font-size:9.5px;padding:3px 6px;}

.bsc-play-link{
	flex:0 0 auto;
	width:26px;height:26px;
	border-radius:50%;
	background:linear-gradient(135deg,var(--bsc-grad1,#ff6a00),var(--bsc-grad2,#ee0979));
	color:#fff;
	display:flex;align-items:center;justify-content:center;
	font-size:11px;
	text-decoration:none;
	flex-shrink:0;
}
.bsc-play-link:hover{opacity:.85;}