globals.css

@tailwind base;
@tailwind components;
@tailwind utilities;

:root {
  --foreground-rgb: 0, 0, 0;
  --background-start-rgb: 214, 219, 220;
  --background-end-rgb: 255, 255, 255;
}

@media (prefers-color-scheme: dark) {
  :root {
    --foreground-rgb: 255, 255, 255;
    --background-start-rgb: 0, 0, 0;
    --background-end-rgb: 0, 0, 0;
  }
}


@layer utilities {
  .text-balance {
    text-wrap: balance;
  }
}

html{
  height: 100%;
  overflow: hidden;
}
body{
  height: 100%;
  overflow: auto;
}
.ant-upload-select{
  border-radius: 16px !important;
}

/* 显示内容的滚动条 */
body::-webkit-scrollbar {
  width: 0.5em; /* 调整滚动条宽度 */
  height: 0.5em;
}

/* 滚动条的轨道 */
body::-webkit-scrollbar-track {
  background: transparent; /* 设置轨道的背景颜色 */
}

/* 滚动条的滑块 */
body::-webkit-scrollbar-thumb {
  background: rgba(163, 163, 163, 0.2); /* 设置滑块的背景颜色 */
  border-radius: 4px; /* 设置滑块的圆角 */
}

/* 鼠标悬停在滑块上时 */
body::-webkit-scrollbar-thumb:hover {
  background: #999; /* 设置悬停状态下滑块的背景颜色 */
}

img{
  max-width: 200% !important;
}