styling-tailwind

用途：这是一个在编写样式时加载的 Tailwind CSS v4 实践技能，用于统一项目中的样式写法与约定。

主要能力与写法约定：

1. cn() 合并类名，例如 cn("base", variant === "primary" && "bg-blue-500", className)。
2. 语义 token，优先使用 brand-500 这类语义色值而非 blue-500，并在 tailwind.config 中定义。
3. Mobile-first 响应式，采用 grid-cols-1 md:grid-cols-2 lg:grid-cols-3 的递进写法，而不是 max-md。
4. Dark mode，使用 bg-white dark:bg-gray-950，并配合 darkMode: "class"。

常见布局模式：居中内容使用 mx-auto max-w-7xl px-4；粘性 header 使用 sticky top-0 z-50 backdrop-blur；卡片网格使用 grid gap-4 sm:grid-cols-2 lg:grid-cols-3。

使用方式：在需要编写样式的场景下加载该技能，按上述模式组织类名与配置。

限制：资料未提供安装命令、依赖版本要求、具体配置示例及兼容性说明，暂未提供。