南京后端兼职程序员外包

需求描述

# 网站主题
**“芭比仙境·张敏的18岁星光派对”**
- **核心风格**：Barbiecore梦幻风（参考2023年爆火的芭比电影美学）[6,8](@ref)
- **主色调**：多层粉色渐变（#FF9ECF → #FF6EB4 → #E34DE3）搭配香槟金点缀[6,7](@ref)
- **氛围关键词**：少女心爆炸 | 闪耀星光 | 成人礼仪式感

---

### 🎨 **视觉与交互设计要求**
1. **芭比主题视觉元素**
- **背景**：动态粒子星空（使用`particles.js`），粒子中隐藏若隐若现的芭比皇冠图案（非天蝎座）[1,9](@ref)
- **核心图标**：
- 芭比粉水晶鞋（页面导航按钮）
- 闪烁钻石边框（照片墙容器）
- 浮动透明蝴蝶（鼠标悬停触发飞舞动画）[7](@ref)
- **文字特效**：
- 标题采用3D泡泡字体（CSS `text-shadow`叠加三层粉渐变）
- 祝福语显示时伴随花瓣飘落动画

2. **弹幕留言系统**
- **实时互动**：
- 用户留言即时转化为粉色弹幕（字体带粉白描边）[9,10](@ref)
- 弹幕速度分三级（慢速/中速/冲刺），点赞超10次自动变金色闪光弹幕
- **点赞功能**：
- 每颗❤️点击触发粉色爱心粒子爆炸效果
- 实时计数显示在弹幕右侧（参考直播互动设计）[10](@ref)
- **数据看板**：侧边栏显示“今日热词”（如“仙女”、“闪耀”等高频词云）

3. **页面结构（6屏纵向滚动）**
| 页面 | 核心内容 | 关键技术 |
|---|---|---|
| **封面页** | 3D旋转芭比蛋糕 + “张敏·拾捌”发光标题 | CSS 3D变换 + `text-stroke`描边 |
| **祝福页** | 随机轮播50句芭比风祝福（如“愿你如芭比般勇敢追梦”）[2,5](@ref) | Swiper.js + 渐变透明度过渡 |
| **照片墙** | 6宫格悬浮画廊（悬停时照片变芭比首饰盒开启动画） | CSS Grid + 3D翻转动效 |
| **表白页** | 手写情书+心跳动画（“比所有芭比都闪耀的你，是我最爱的女孩”） | SVG路径动画 + 背景粒子聚心特效 |
| **弹幕页** | Canvas弹幕池 + 粉色荧光输入框 | WebSocket实时通信 + Canvas绘图[9,10](@ref) |
| **结束页** | 自动生成祝福海报（整合用户弹幕热词） | html2canvas截图 |

4. **背景音乐与音效**
- **主旋律**：钢琴版《芭比主题曲》循环播放[6](@ref)
- **交互音效**：
- 弹幕发送：水晶风铃音
- 点赞：爱心“噗啾”声
- 页面切换：公主裙摆摩擦声

---

### ⚙️ **技术实现规范**