.Lyrics {
color: #8B4513;
/* 页面<720px：不显示线条（纯白背景） */
background: #FFFFFF;
}
/* 720px≤页面≤730px：线条固定在48.8%位置（0.4%宽） */
@media (min-width: 720px) and (max-width: 730px) {
.Lyrics {
background: linear-gradient(
to right,
#FFFFFF 48.8%, /* 左侧白色到48.85% */
#8B4513 1%, /* 线条开始 */
#8B4513 1%, /* 线条结束（0.4%宽） */
#FFFFFF 49.2% /* 右侧白色 */
);
}
}
/* 731px≤页面≤966px：线条固定在350px位置（0.4%宽） */
@media (min-width: 731px) and (max-width: 966px) {
.Lyrics {
background: linear-gradient(
to right,
#FFFFFF 350px, /* 左侧白色到350px */
#8B4513 1%, /* 线条开始 */
#8B4513 1%, /* 线条结束（0.4%宽） */
#FFFFFF calc(350px + 0.4%) /* 右侧白色 */
);
}
}
/* 页面≥967px：恢复原始样式（40.3%~40.7%，0.4%宽） */
@media (min-width: 967px) {
.Lyrics {
background: linear-gradient(
to right,
#FFFFFF 40.3%, /* 左侧白色到40.3% */
#8B4513 1%, /* 线条开始 */
#8B4513 1%, /* 线条结束（0.4%宽，与原始一致） */
#FFFFFF 40.7% /* 右侧白色 */
);
}
}