瑚琏 UI 技术架构概览
瑚琏 UI 采用 Tailwind v4 + Base UI headless 双引擎驱动，核心设计原则是「令牌化主题 + 无样式原语」：
- 设计令牌：所有颜色、间距、阴影统一写入 CSS 变量，通过
@theme inline注入运行时，支持一键暗色切换 - 无障碍优先：底层 Base UI 保证 ARIA 合规；上层皮肤完全由 Tailwind 类控制，零 JS 动画预算消耗
- Tree-shaking：每个组件独立入口，消费方只打包实际使用的部分
竞品对比
| 维度 | 瑚琏 UI | shadcn/ui | HeroUI |
|---|---|---|---|
| 样式引擎 | Tailwind v4 | Tailwind v3 | Tailwind + Framer |
| 主题切换 | CSS 变量运行时 | CSS 变量 | 类名切换 |
| AI 组件 | 原生支持 | 无 | 无 |
| 企业组件 | ProTable / AdminLayout | 无 | 部分 |