React：使用Tailwind CSS、Streamdown与Ant Design X

Tailwind CSS 是一个功能优先的实用优先（utility-first）CSS框架，它通过提供大量原子化的工具类（utility classes），让开发者直接在HTML中构建自定义设计，而无需编写传统的CSS。与传统框架如Bootstrap不同，Tailwind不提供预设的UI组件，而是专注于底层样式，如flex、pt-4（padding-top: 1rem）、text-center等，这些类名直接对应CSS属性，使得样式声明高度语义化且可预测。其核心优势在于解决了“自定义CSS命名混乱”和“维护复杂”的问题，同时通过配置文件（如tailwind.config.js）支持主题定制、响应式设计（如md:text-lg）和状态变体（如hover:bg-blue-500），灵活适配各种项目需求。