技术栈
核心框架
| 技术 | 版本 | 用途 |
|---|---|---|
| React | 18.2.0 | UI 框架 |
| React DOM | 18.2.0 | DOM 渲染 |
| React Router DOM | 6.9.0 | 客户端路由 |
| React Scripts | 5.0.1 | 构建工具（CRA） |
样式方案
| 技术 | 用途 |
|---|---|
| Tailwind CSS 3.4 | 主要样式，工具类 |
| PostCSS + Autoprefixer | CSS 处理 |
| tailwindcss-textshadow | 文字阴影插件 |
| 自定义 keyframes | fadeInUp、fadeInLeft、fadeIn、softPulse |
主题与扩展
- 主色：
bured(#B24D4D) - 文字阴影：
textShadow.md
UI 与动画
| 库 | 用途 |
|---|---|
| Framer Motion 12.19 | 动画、下拉菜单、过渡 |
| React Icons 5.5 | 图标 |
| @radix-ui/react-slot | 组件组合 |
| class-variance-authority (cva) | 变体样式 |
| clsx + tailwind-merge | 类名合并（cn 函数） |
构建与工具
| 工具 | 说明 |
|---|---|
| Create React App | Webpack 构建、开发服务器 |
| Babel | JS 转译 |
| browserslist | 目标浏览器 |
浏览器支持
- production:
>0.2%, not dead, not op_mini all - development: 最新 Chrome/Firefox/Safari