美食AR识别点餐界面设计

## 美食AR识别点餐界面设计

### 🌈 色彩美学
- **食欲橙红**: 暖色渐变 `from-red-400 via-orange-500 to-yellow-500`
- **营养标签**: 健康绿色 `from-green-400 to-emerald-500`
- **AR扫描框**: 科技蓝光 `border-cyan-400`
- **美食光效**: 金色光晕 `shadow-[0_0_30px_#fbbf24]`

### 💫 动态效果
- **AR扫描**: 矩形扫描框的移动动画
- **3D美食**: 菜品的立体建模和旋转展示
- **营养分解**: 成分的粒子分解动画
- **制作过程**: 烹饪步骤的时间轴动画

### 🔮 AR识别
- **菜品识别**: 实时识别餐桌上的菜品
- **营养解析**: AR叠加的营养成分标签
- **卡路里计算**: 动态计算的热量数值
- **过敏提醒**: 过敏原的警告标识

### ⚡ 智能推荐
- **个人喜好**: 基于历史的智能推荐
- **健康建议**: 根据体质的饮食建议
- **搭配优化**: 营养搭配的优化建议
- **价格对比**: 同类菜品的价格比较

### 🎮 组件特性
- **AR相机**: 实时的美食识别相机界面
- **3D菜单**: 立体的菜品展示卡片
- **个性化面板**: 用户偏好设置界面
- **营养仪表盘**: 每日营养摄入的可视化

### 🚀 适用场景
适用于智能餐厅APP、美食识别工具、营养管理应用、外卖平台等需要提供智能美食服务的餐饮科技应用。