/* --- 默认亮色主题 (或作为全局基准) --- */
:root, .light-theme {
  /* 轨道颜色: 匹配背景色或微浅色，例如 ANTD 的背景色 */
  --scrollbar-track-color: #f0f2f5; 
  /* 滑块颜色: 浅灰色 */
  --scrollbar-thumb-color: #bfbfbf; 
  /* 悬停颜色: 深一点的灰色 */
  --scrollbar-thumb-hover-color: #8c8c8c;
}

/* --- 暗色主题适配 --- */
.dark-theme {
  /* 轨道颜色: 匹配 ANTD 暗色主题的背景色，例如 #141414 或 #1f1f1f */
  --scrollbar-track-color: #1f1f1f; 
  /* 滑块颜色: 较亮但柔和的灰色 */
  --scrollbar-thumb-color: #595959; 
  /* 悬停颜色: 更亮的灰色 */
  --scrollbar-thumb-hover-color: #8c8c8c;
}

/* 针对所有使用 overflow: auto/scroll 的元素，使用类名 .antd-scroll */
.antd-scroll::-webkit-scrollbar {
  width: 12px; 
  height: 12px;
}

/* 滚动条轨道 (Track) */
.antd-scroll::-webkit-scrollbar-track {
  /* 使用轨道变量 */
  background: var(--scrollbar-track-color); 
  border-radius: 5px;
}

/* 滚动条滑块 (Thumb) */
.antd-scroll::-webkit-scrollbar-thumb {
  /* 使用滑块变量 */
  background-color: var(--scrollbar-thumb-color); 
  border-radius: 5px;
  /* 边框颜色应使用轨道颜色，产生内凹效果 */
  border: 2px solid var(--scrollbar-track-color); 
}

/* 鼠标悬停时滑块样式 */
.antd-scroll::-webkit-scrollbar-thumb:hover {
  /* 使用悬停变量 */
  background-color: var(--scrollbar-thumb-hover-color); 
}