/* 通用滚动条样式 */
::-webkit-scrollbar { /* 适用于Webkit内核浏览器（如Chrome和Safari） */
    width: 5px; /* 滚动条宽度 */
  }
  ::-webkit-scrollbar-track { /* 滚动条轨道 */
    background-color: rgba(0, 0, 0, 0.1); /* 轨道颜色 */
  }
  ::-webkit-scrollbar-thumb { /* 滚动条滑块 */
    background-color: #c7c9cc; /* 滑块颜色 */
    border-radius: 5px; /* 滑块圆角 */
  }
  ::-webkit-scrollbar-thumb:hover { /* 鼠标悬停时的滑块 */
    background-color: #c7c9cc; /* 更深的颜色 */
  }
  
  /* Firefox滚动条样式 */
  scrollbar-width: thin; /* Firefox的滚动条宽度 */
  scrollbar-color: c7c9cc rgba(0, 0, 0, 0.1); /* 滑块和轨道颜色 */
  
  /* IE 和 Edge 的滚动条样式（需要在全局或特定元素上设置） */
  body {
    scrollbar-width: thin; /* IE 和 Edge 的滚动条宽度 */
    -ms-overflow-style: -ms-autohiding-scrollbar; /* 自动隐藏滚动条 */
  }