/* 保证页面高度 100% */
html, body, #container {
    height: 100vh;
    margin: 0;
    padding: 0;
}

/* 滚动条样式 */
.custom-scroll {
    scrollbar-width: thin; /* Firefox */
    scrollbar-color: transparent transparent;
}

/* 鼠标悬停或滚动时，显示灰色滑块 */
.custom-scroll:hover {
    scrollbar-color: #a0a0a0 transparent;
}

/* WebKit 浏览器（Chrome, Edge, Safari） */
.custom-scroll::-webkit-scrollbar {
    width: 1px;
    height: 1px;
}

.custom-scroll::-webkit-scrollbar-track {
    background: transparent;
}

.custom-scroll::-webkit-scrollbar-thumb {
    background-color: transparent;
    border-radius: 2px;
    transition: background-color 0.2s ease;
}

.custom-scroll:hover::-webkit-scrollbar-thumb {
    background-color: #a0a0a0;
}

/* Tailwind 基础 */
@tailwind base;
@tailwind components;
@tailwind utilities;

/* 全局字体样式 */
@layer base {
  html {
    font-family: 'Noto Sans SC', 'Helvetica Neue', Arial, sans-serif;
    font-size: 16px;
    color: #333;
    line-height: 1.5; /* 推荐添加行高增强可读性 */
  }

  body {
    background-color: theme('colors.base.200'); /* 使用 Tailwind/DaisyUI 背景 */
  }
}