滚动条

/* Legacy browsers with `::-webkit-scrollbar-*` support */
@supports selector(::-webkit-scrollbar) {
	*::-webkit-scrollbar {
		width: 4px;
		height: 4px;
	}

	*::-webkit-scrollbar-thumb {
		background: #c9cdd4;
		border-radius: 5px;
	}
}

@supports not (selector(::-webkit-scrollbar)) {
	* {
		scrollbar-width: thin;
		scrollbar-color: #c9cdd4 #c9cdd4;
	}
}

.scroll-container {
  width: 100%; /* 设置容器宽度 */
  height: 300px; /* 设置容器高度 */
  overflow: auto; /* 显示滚动条，根据内容决定是否显示 */

  /* 隐藏默认的滚动条样式 */
  scrollbar-width: none; /* Firefox */
  -ms-overflow-style: none; /* IE and Edge */
}
.scroll-container::-webkit-scrollbar {
  display: none; /* Chrome, Safari, and Opera */
}