赛博朋克宠物养成游戏界面设计

## 赛博朋克宠物养成游戏界面设计

### 🌈 色彩美学
- **深空背景**: 深度渐变 `from-slate-950 via-purple-950 to-slate-950`
- **霓虹光效**: 青蓝到紫色渐变 `from-cyan-400/30 to-purple-500/30`
- **宠物光晕**: 粉紫渐变 `from-pink-400/20 to-violet-600/20`
- **UI边框**: 电光蓝色 `border-cyan-400/50`

### 💫 动态效果
- **宠物呼吸**: 2.5秒周期的脉冲动画创造生命感
- **能量条**: 流动渐变配合闪烁效果
- **悬浮UI**: 卡片轻微浮动和旋转动画
- **粒子系统**: 背景流动粒子增强科技感

### 🔮 液态玻璃
- **智能模糊**: 动态 `backdrop-blur-xl` 毛玻璃效果
- **透明层级**: `bg-gray-900/80` 深空透明背景
- **霓虹边框**: 动态发光边框效果
- **立体投影**: 多层阴影系统创造悬浮感

### ⚡ 交互科技
- **手势反馈**: 触摸宠物产生涟漪动画
- **3D卡片**: 卡片翻转和缩放的立体效果
- **声波可视化**: 宠物叫声的波形动画
- **状态指示**: 呼吸灯效果的健康指示器

### 🎮 组件特性
- **宠物展示**: 3D风格的宠物模型区域
- **养成面板**: 透明毛玻璃的属性面板
- **互动按钮**: 霓虹风格的功能按钮组
- **进化树**: 发光连线的技能进化图

### 🚀 适用场景
适用于数字宠物APP、AR宠物养成、虚拟生物收集、科幻游戏界面等需要体现未来科技感和生命活力的互动娱乐应用。