/**
 * 与 Scrollbar 组件 auto 模式一致的滚动条样式工具类
 * 用于无法使用 Scrollbar 组件的场景（table 双轴、textarea、collapsible-card 等）
 * 保持产品内滚动条视觉一致：默认透明，hover 时 fill-secondary，0.2s 过渡
 */
.scrollbar-auto::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
.scrollbar-auto::-webkit-scrollbar-track {
  background: transparent;
}
.scrollbar-auto::-webkit-scrollbar-thumb {
  background-color: transparent;
  border-radius: 3px;
  min-height: var(--spacing-8);
  transition: background-color 0.2s ease;
}
.scrollbar-auto:hover::-webkit-scrollbar-thumb {
  background-color: var(--color-fill-secondary);
}
.scrollbar-auto::-webkit-scrollbar-corner {
  background: transparent;
}
.scrollbar-auto {
  scrollbar-width: thin;
}
@supports (scrollbar-width: thin) {
  .scrollbar-auto {
    scrollbar-color: transparent transparent;
  }
  .scrollbar-auto:hover {
    scrollbar-color: var(--color-fill-secondary) transparent;
  }
}