/* ============================================
 * 公共滚动条样式（全局生效）
 * 参考 sobuy_gate/src/assets/styles/mixins.scss
 * 默认隐藏（透明），hover 页面/滚动时显示
 * ============================================ */

/* 滚动条整体（宽高分别对应横竖滚动条尺寸） */
*::-webkit-scrollbar {
	width: 4px;
	height: 6px;
	z-index: 99;
}

/* 滚动条轨道 */
*::-webkit-scrollbar-track {
	background: transparent;
}

/* 滚动条滑块：默认透明不可见，页面 hover 时显示 */
*::-webkit-scrollbar-thumb {
	border-radius: 1px;
	background: transparent;
	transition: background 0.2s ease;
}

html:hover::-webkit-scrollbar-thumb {
	background: #dbdbdb;
}

html:hover::-webkit-scrollbar-thumb:hover {
	background: #b8b8b8;
}

html:hover::-webkit-scrollbar-thumb:active {
	background: #9a9a9a;
}

/* 横竖滚动条交汇处 */
*::-webkit-scrollbar-corner {
	background: transparent;
}

/* Firefox 滚动条：默认透明，页面 hover 时显示 */
* {
	scrollbar-width: thin;
	scrollbar-color: transparent transparent;
}

html:hover {
	scrollbar-color: #dbdbdb transparent;
}