/* 修复滚动条遮挡问题的专用CSS */

/* 自定义滚动条样式，使其更加明显 */
::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}

::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.05);
  border-radius: 5px;
}

::-webkit-scrollbar-thumb {
  background: rgba(102, 126, 234, 0.5);
  border-radius: 5px;
}

::-webkit-scrollbar-thumb:hover {
  background: rgba(102, 126, 234, 0.8);
}

/* 确保底部播放器不会遮挡滚动条 */
#bottom-player {
  right: 8px !important;
  width: calc(100% - 8px) !important;
}

/* 在某些情况下可能需要调整body的右边距 */
body {
  overflow-y: overlay; /* 使用overlay滚动条（如果支持） */
}