@import "tailwindcss";

@layer base {
  body,
  #app {
    overflow-x: hidden;
  }
}

/* 修改垂直滚动条 */
::-webkit-scrollbar {
  width: 7px; /* 修改宽度 */
  height: 10px;
}
::-webkit-scrollbar-thumb {
  border-radius: 8px;
}

/* 修改滚动条轨道背景色 */
::-webkit-scrollbar-track {
  background-color: transparent;
}

/* 修改滚动条滑块颜色 */
::-webkit-scrollbar-thumb {
  background-color: #cccccc;
}

/* 修改滚动条滑块悬停时的颜色 */
::-webkit-scrollbar-thumb:hover {
  background-color: #69696b;
}