CSS方案选型：Tailwind、CSS Modules与CSS-in-JS

# CSS方案选型：Tailwind、CSS Modules与CSS-in-JS ## 概览 Tailwind 强调原子类与一致约束；CSS Modules 简洁隔离；CSS-in-JS 提供动态样式与主题能力。 ## 技术参数（已验证） - 隔离：Modules 与 CSS-in-JS 提供按组件隔离；Tailwind 依赖约束与命名避免冲突。 - 性能：CSS-in-JS 需关注运行时；预编译方案性能更优。 - 维护：原子类提高一致性但学习曲线存在；模块化易于上手。 ## 实战清单 - 设计系统与组件库优先 Tailwind 或 Modules；复杂主题与动态样式用 CSS-in-JS。 - 统一变量与约束，减少散乱风格。