用途：为 dev-quiz-battle 应用提供基于 Tailwind CSS v4 的样式方案，适用于创建响应式布局、深色模式与现代设计模式。
主要能力：
- Tailwind v4 语法：使用 @import "tailwindcss"; 并在 @layer components 中通过 @apply 定义 .btn-primary、.card 等组件类。
- OKLCH 颜色：在 :root 中以 CSS 自定义属性定义颜色，如 --color-primary: oklch(0.65 0.15 260); --color-accent: oklch(0.7 0.12 40); --color-success: oklch(0.65 0.15 150); --color-error: oklch(0.65 0.22 30);，并通过 var() 引用。
- 深色模式：使用 next-themes 的 ThemeProvider，在 layout.tsx 中设置 attribute="class"、defaultTheme="system"、enableSystem，并在 html 上加 suppressHydrationWarning。
- 响应式设计：使用 grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4 等断点类。
- 组件样式：为游戏组件添加边框、阴影、圆角与悬停过渡，并始终附带深色变体，如 bg-white dark:bg-gray-900 text-gray-900 dark:text-white。
- 动画与过渡：使用 animate-spin、animate-fade-in、duration-300 等工具类。
- 渐变文字：使用 bg-gradient-to-r from-blue-600 to-purple-600 bg-clip-text text-transparent。
常用模式：卡片（边框、阴影、圆角）、按钮（主/次/危险变体）、表单（输入、错误态、标签）、导航（吸顶头部、激活态）、游戏（分数显示、玩家卡片、状态徽章）。
配色：主色 blue-500/600，次色 purple-500/600，成功 green-500/600，错误 red-500/600，背景 white/gray-900（深色模式）。
限制：资料未提供安装命令、依赖版本、具体项目文件结构及完整主题配置细节，相关事实暂未提供。