# 水友家族 — 如何新增成员

家族网格由 `data/family.json` 驱动，文化页与首页预览会自动渲染。

## 新增一位成员（两步）

1. **放图**：把立绘放到 `assets/family/`，建议命名 `{id}-{handle小写}.jpg`（或 `.png`），例如 `21-newface.jpg`。只用真实立绘，不要 invent 面孔。
2. **加条目**：在 `data/family.json` 的 `members` 数组末尾追加一个对象，字段如下，然后保存。刷新页面即可（若用静态服务器）。

```json
{
  "id": "21",
  "name_zh": "中文名",
  "name_en": "EnglishName",
  "handle": "Handle",
  "style": "B",
  "role": "一句话职责",
  "image": "assets/family/21-newface.jpg",
  "order": 21
}
```

## 字段说明

| 字段 | 说明 |
|------|------|
| `id` | 两位编号字符串，如 `"07"` |
| `name_zh` | 中文名 |
| `name_en` | 英文名（可与中文相同，如 Vita） |
| `handle` | 展示用短名 / 英文代号 |
| `style` | `"A"`（圆头 01–06）或 `"B"`（玻璃水滴头 07+） |
| `role` | 职责一句话 |
| `image` | 相对站点根的路径 |
| `order` | 排序用整数，越小越靠前 |

## 预览数量

- 文化页：渲染全部 `members`（按 `order`）。
- 首页：`data-limit="8"` 只显示前 8 位。改 `index.html` 里该属性即可调整。

## 注意

- 修改 JSON 后无需构建；纯静态站点。
- 用 `file://` 直接打开时，`fetch` 可能被浏览器拦截；请用本地静态服务器（见 README）。
- Style A / B 仅作标签展示，不影响布局。