CSS-in-JS 带来模块化与动态能力，需要关注性能与可维护性。

核心概念

• 运行时方案（styled-components）提供强大体验但有开销。
• 零运行时方案（vanilla-extract）在构建期生成样式。
• 样式插入顺序决定覆盖关系。

实战步骤

• 提取公共主题对象，实现跨项目复用。
• 使用 Babel/ESBuild 插件优化构建。
• 在 SSR 中收集样式并注入 HTML。

进阶建议