## 项目简介
虚拟亲戚外包服务是一个讽刺性概念艺术项目，探讨现代社会人际关系的商品化和外包化。项目模拟了一个"虚拟亲戚"服务平台，用户可以"雇佣"AI驱动的虚拟亲戚来扮演催婚型、炫耀型、八卦型、关怀型等角色，反思春节期间复杂的人际关系。
**核心特点：**
- 关系商品化：将亲戚关系转化为可购买的服务
- AI驱动生成：自动生成逼真的对话脚本
- 视频模拟：模拟视频拜年场景
- 服务外包理念：体现现代社会的服务化趋势
## iFlow CLI使用功能
本项目开发过程中使用了以下iFlow CLI功能：
1. **write_file** - 创建HTML文件
2. **文件路径管理** - 使用绝对路径确保文件创建位置正确
3. **批量文档创建** - 系统化创建项目文档
## 实现过程
### 1. 页面结构设计
- 采用服务外包风格的卡片布局
- 左侧：亲戚类型选择、脚本生成器
- 右侧：服务订单、视频模拟、服务特点
### 2. 视觉风格
- **色彩方案**：橙色（#ff6b35）+ 灰色（#f5f5f5）
- **字体选择**：Arial无衬线字体，现代简洁
- **布局特点**：卡片式设计，清晰的功能分区
- **视觉元素**：渐变按钮、卡片阴影、图标装饰
### 3. 功能实现
#### 3.1 亲戚类型配置
```javascript
const relativeTypes = {
matchmaking: {
name: '催婚型',
price: 199,
scripts: \[**...**\]
},
showoff: {
name: '炫耀型',
price: 149,
scripts: \[**...**\]
},
// ... 其他类型
};
```
#### 3.2 核心功能（6个）
1. **亲戚类型选择** - 选择4种不同类型的虚拟亲戚
2. **对话脚本生成** - AI自动生成逼真的对话内容
3. **服务订单管理** - 显示服务详情和价格
4. **视频拜年模拟** - 模拟视频拜年场景
5. **脚本保存功能** - 导出生成的对话脚本
6. **服务下单** - 完成服务购买流程
#### 3.3 脚本生成系统
- 根据选择的亲戚类型随机生成脚本
- 包含角色、场景、台词等完整信息
- 支持文本格式导出
### 4. 交互设计
- 卡片点击选择亲戚类型
- 按钮触发脚本生成
- 视频预览模拟播放效果
- 订单确认对话框
### 5. 响应式设计
- 使用CSS Grid实现响应式布局
- 卡片在小屏幕上自动调整
- 按钮和输入框自适应大小
## 截图
项目包含以下截图位置：
- 亲戚类型选择界面
- 脚本生成结果
- 服务订单确认
- 视频模拟效果
## 体验链接
本地访问路径：
```
```
在线部署后可分享链接。
## 技术亮点
1. **讽刺性设计** - 以幽默方式反映社会现象
2. **AI脚本生成** - 模拟人工智能生成对话
3. **服务外包理念** - 体现现代商业模式
4. **卡片式UI** - 清晰的功能分区
5. **完整流程** - 从选择到下单的完整体验
## 社会意义
本项目通过讽刺性设计，引发对以下问题的思考：
- 现代社会人际关系的异化
- 春节期间"面子文化"的压力
- 科技对人际交往的影响
- 服务外包对传统关系的冲击
## 未来改进方向
1. 添加更多亲戚类型（如教育型、攀比型）
2. 实现真实AI对话生成
3. 集成视频通话功能
4. 添加用户评价系统
5. 开发移动端应用
—
**创建时间**：2026年2月9日
**项目编号**：第4批-17
**主题分类**：概念艺术类
**风格标签**：服务外包风
