琥珀温暖智能导航系统

## 琥珀温暖智能导航系统设计

### 🎨 色彩系统
- **主背景**: 深琥珀渐变 `from-[#0f0803] via-[#1a1009] to-[#120a03]`
- **导航栏**: 动态透明度 `from-[#2a1a0c]/95 to-[#1f140a]/95`
- **品牌元素**: 琥珀渐变 `from-amber-500 to-amber-400`
- **文字色彩**: 温暖的琥珀色系 `text-amber-50, text-amber-100`

### ✨ 视觉特效
- **环境光晕**: 径向渐变背景光效，营造温暖氛围
- **粘性导航**: 滚动时动态透明度和模糊度变化
- **毛玻璃效果**: `backdrop-blur-xl` 创造深度感
- **投影系统**: 多层次阴影增强立体感

### ⚡ 交互设计
- **智能响应**: 滚动状态自动调整导航样式
- **悬停效果**: 按钮缩放和颜色渐变动画
- **移动优化**: 响应式汉堡菜单设计
- **平滑过渡**: 500ms缓动动画

### 🧩 组件特性
- **品牌区域**: Logo图标配合品牌名称展示
- **导航菜单**: 多级菜单支持，智能高亮当前页
- **用户操作**: 搜索、通知、用户头像区域
- **移动适配**: 完整的移动端交互体验

### 📱 响应式设计
- **桌面端**: 完整导航菜单展示
- **平板端**: 紧凑版导航布局
- **移动端**: 汉堡菜单折叠设计
- **触摸优化**: 移动设备友好的触摸目标

### 🎯 适用场景
适用于在线教育平台、学习管理系统、知识分享网站、企业培训平台等需要温暖专业感的教育类网站导航设计。