daisyUI 5 使用规则
用途 本规则用于指导在 HTML 元素上使用 daisyUI 5 的类名进行样式设计。核心思路是：为元素添加 daisyUI 类名来设置样式，先添加必要的组件类名，再添加适用的部件类名和修饰类名。
主要能力与使用方式
- 组件类与 Tailwind 工具类配合：如果当前 daisyUI 类无法实现必要的改动，可使用 Tailwind CSS 工具类。例如 btn px-10 为 btn 设置自定义水平内边距。
- 强制覆盖：如果 CSS 优先级阻止了对 daisyUI 样式的修改，可在 Tailwind 工具类末尾添加 !。例如 btn bg-red-500! 覆盖 btn 的背景色。仅在其它方法无效时使用，不要频繁使用。
- 自定义组件：如果 daisyUI 没有适用的组件，可用 Tailwind CSS 工具类自行构建组件。
- 响应式布局：使用 Tailwind CSS 的 flex 或 grid 进行布局时，添加响应式工具前缀。
- 类名限制：只使用当前 daisyUI 类名或 Tailwind CSS 工具类。
- 自定义 CSS：如果不需要自定义 CSS，就不要编写。尽可能使用 daisyUI 类名或 Tailwind CSS 工具类。
- 占位图：如果需要占位图，使用 https://picsum.photos/200/300 并带上必要尺寸。
- 字体：如果不需要自定义字体，就不要添加。
- body 样式：如果不需要 bg-base-100 text-base-content，就不要添加到 body 上。
- 设计决策：使用 Refactoring UI 书中的方法。
- 默认变体：如果用户没有要求变体或颜色，使用默认变体。例如按钮使用 btn；如果用户没有要求该变体，不要使用 btn btn-primary。
类名分类（仅供参考，不要在代码中使用这些分类名）
- component：必要的组件类。
- part：组件的子部件。
- style：为组件或部件设置指定样式。
- behavior：改变组件或部件的行为。
- color：为组件或部件设置指定颜色。
- size：为组件或部件设置指定尺寸。
- placement：为组件或部件设置指定位置。
- direction：为组件或部件设置指定方向。
- modifier：以指定方式改变组件或部件。
- variant：工具类的前缀，在指定条件下应用样式，语法为 variant:utility-class。
在 CSS 中修改组件 使用 Tailwind 的 @utility 指令全局修改 daisyUI 组件：
@utility btn { @apply rounded-full; }
daisyUI 工具类与变量
- 可将语义颜色与 Tailwind 颜色工具类及不透明度修饰符一起使用，例如 bg-primary、border-base-300、text-base-content/60。
- rounded-box、rounded-field、rounded-selector 使用当前主题的圆角令牌。
- glass 应用 daisyUI 玻璃效果。
- 部分组件提供 CSS 变量用于组件级修改。Countdown 使用 --value 和 --digits。Radial progress 使用 --size 和 --thickness。
基础模块 daisyUI 包含 properties、rootcolor、scrollbar、rootscrolllock、rootscrollgutter 和 svg 基础模块。要在插件配置中排除某个模块，使用其模块名：
@plugin "daisyui" { exclude: rootscrollgutter; }
库模块使用 include 或 exclude。视觉改动请使用 Tailwind 工具类或 @utility。
适用场景 适用于使用 daisyUI 5 构建 HTML 界面、需要遵循统一类名使用规范的前端开发场景。
限制 资料未提供关于收费、价格、平台支持范围、具体效果或完整使用步骤的信息。