## GFWList管理页面实现计划

### 1. 修改 `index.html`
- 在侧边栏菜单（两个位置：桌面端和移动端）添加新的菜单项"GFWList管理"
- 创建新的页面内容区域 `#gfwlist-content`
- 添加配置选项：
  - GFWList总开关（checkbox）
  - GFWList解析目标IP输入框
  - 通行网站开关组：谷歌、YouTube、Facebook、X（各checkbox）
- 添加保存和重启服务按钮

### 2. 修改 `main.js`
- 在页面标题映射中添加 `'gfwlist': 'GFWList管理'`
- 在 `contentSections` 数组中添加 `gfwlist-content`
- 添加hash为'gfwlist'时的页面初始化逻辑

### 3. 修改 `config.js`
- 添加GFWList页面初始化函数 `initGFWListPage()`
- 添加GFWList配置加载函数 `loadGFWListConfig()`
- 添加GFWList配置保存函数 `saveGFWListConfig()`
- 添加GFWList配置收集函数 `collectGFWListFormData()`
- 更新 `collectFormData()` 以包含新的GFWList配置字段
- 更新 `populateConfigForm()` 移除原有的GFWList配置（已迁移到独立页面）

### 4. 修改 `api.js`
- 添加GFWList专用的API方法（如需要）

### 配置数据结构
```json
{
  "gfwlist": {
    "enabled": true,
    "targetIP": "127.0.0.1",
    "allowGoogle": true,
    "allowYouTube": true,
    "allowFacebook": true,
    "allowTwitter": true
  }
}
```

### 实现顺序
1. 先修改HTML添加页面结构和菜单
2. 修改main.js添加导航支持
3. 修改config.js添加前端逻辑
4. 测试验证