

/* Webkit 浏览器 */
::-webkit-scrollbar {
  width: 4px;
  height: 8px;
}

::-webkit-scrollbar-track {
  background: #f8f9fa;
  border-radius: 6px;
}

::-webkit-scrollbar-thumb {
  background: #c5c7c9;
  border-radius: 2px;
  /* border: 1px solid #f8f9fa; */
}

::-webkit-scrollbar-thumb:hover {
  background: #505357;
}

::-webkit-scrollbar-thumb:active {
  background: #505357;
}

::-webkit-scrollbar-corner {
  background: #f8f9fa;
}

/* 特定元素的滚动条样式 */
.el-scrollbar__bar {
  z-index: 9999;
}

/* Element UI 组件滚动条优化 */
.el-table__body-wrapper::-webkit-scrollbar {
  width: 4px;
  height: 8px;
}

.el-table__body-wrapper::-webkit-scrollbar-thumb {
  background: #505357;
  border-radius: 2px;
}

.el-select-dropdown .el-scrollbar__wrap {
  scrollbar-width: thin;
  scrollbar-color: #c1c1c1 #f1f1f1;
} 

/* 只针对水平滚动条 */
::-webkit-scrollbar:horizontal {
	height: 5px;
}

/* 水平滚动条轨道 */
::-webkit-scrollbar-track:horizontal {
	background: linear-gradient(90deg, #f0f0f0, #e0e0e0);
}

/* 水平滚动条滑块 */
::-webkit-scrollbar-thumb:horizontal {
	background: #bcbcbc;
	min-width: 40px; /* 最小宽度 */
}

::-webkit-scrollbar-thumb:horizontal:hover {
  background: #505357;
}

::-webkit-scrollbar-thumb:horizontal:active {
  background: #505357;
}