修改样式中滚动条的默认样式修改css默认滚动条样式：渐变色滚动条滑块、圆角设计、悬停动画效果、阴影和边框增强视觉效果、自

/* 整个滚动条的样式 */
::-webkit-scrollbar {
  width: 8px; /* 滚动条宽度 */
}
/* 滚动轨道的样式 */
::-webkit-scrollbar-track {
  background: rgba(255, 255, 255, 0.3); /* 轨道背景颜色 */
}
/* 滚动滑块的样式 */
::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background: rgba(87, 74, 74, 0.5); /* 滑块背景颜色 */
}
/* 滑块悬停状态 */
::-webkit-scrollbar-thumb:hover {
  background: rgba(87, 74, 74, 0.5);
}

/* 滚动条按钮 */
::-webkit-scrollbar-button {
  display: none; /* 隐藏箭头 */
}