diff --git a/Project/fonrey/UI_DESIGN/客源列表_UI.html b/Project/fonrey/UI_DESIGN/客源列表_UI.html index ce86b39e..e1660329 100644 --- a/Project/fonrey/UI_DESIGN/客源列表_UI.html +++ b/Project/fonrey/UI_DESIGN/客源列表_UI.html @@ -1,981 +1,1204 @@ - - - - -客源列表 · 私客 · Fonrey 房睿 - - - - - - - - - -
- -
-
F
- Fonrey · 房睿 -
- -
- - -
- - -
-
- -
- - -
-
WS
- 魏深 -
-
- -
- - - - - -
-
- - -
-
- 私客 - 资料客 - 营销客 - 成交客 - 公客 -
- -
- - 私客与成交客重复： - 3 - - - 私客与公客重复： - 7 - - 已删客源 - - - 新增私客 - -
-
- - -
- -
- - -
- - -
- - - - -
- - - -
- - -
- -
-
已存搜索条件
- - 求购·A级·宝山 - - - - 7日活跃·与我相关 - - - - 即将掉公·近30天录入 - - -
- -
-
-
- - - -
- - -
- - -
- 常用 - -
- 录入时间 - -
- - -
- - -
- 状态 - -
- - -
- 需求 - - - -
- - -
- 等级 - - - - - - - -
- - -
- 位置 - - - - - - - - - - - - - - - - - -
- - -
- 购价 - - - - - - - -
- - ~ - - 万 -
-
- - -
- 居室 - - - - - - - -
- - -
- -
- -
- 相关方 - -
- -
- 委托日期 - - ~ - -
- -
- 来源 - -
- -
- 活跃 - - - - - - -
- -
- 带看 - - - - - -
- -
- 其他 - - - - -
-
-
-
-
- - -
- -
- - - - - - 共 1,248 条 - - - 已选 条 - -
- -
- - -
-
- - -
-
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
- - 姓名状态需求类型需求/解读智能配房意向商圈/小区归属人带看进度 - 带看次数 - - - 委托日期 - - - 最近时间 - - 操作
- - -
- 王建国 -
- A(急迫) - 7日活跃 - 新配房 -
-
- 		- 求购 - 二手 - 550-600万，100㎡-110㎡，3居，宝山 - -
- 8套 - -
- 		- 宝山·顾村，大华锦绣华城 - - 张伟-都市港湾店一组 - - 一看 - 3次2026-03-15今天 - -
- - -
- 李晓敏 -
- B(较强) - 营销客 -
-
- 		- 求租 - 租房 - 4000-6000元/月，60㎡-80㎡，2居，静安 - -
- 12套 - -
- 		- 静安·南京西路 - - 陈丽-静安旗舰店二组 - - 未带看 - 0次2026-04-103天前 - -
- - -
- 赵志远 -
- A(急迫) - 即将过期 -
-
- 		- 租购 - 二手 - 800-1000万，120㎡以上，4居，浦东 - -
- 5套 - -
- 		- 浦东·陆家嘴，世纪公园 - - 刘洋-浦东总店三组 - - 二看 - 5次2026-01-208天前 - -
- - -
- 孙美玲 -
- C(一般) - 暂缓 -
-
- 		- 暂缓 - 二手 - - - -
- 0套 -
- 		- - - - 魏深-都市港湾店一组 - - 未带看 - 0次2026-04-0132天前 - -
- - -
- 陈建华 -
- B(较强) - 销售客 -
-
- 		- 求购 - 新房 - 300-400万，90㎡-110㎡，3居，嘉定/青浦 - -
- 23套 - -
- 		- 嘉定·新城，远香湖 - - 魏深-都市港湾店一组 - - 复看 - 7次2026-02-281天前 - -
- - -
- 周小燕 -
- D(较弱) - 无效 -
-
- 		- 求购 - 二手 - 200-300万，80㎡-100㎡，2居，普陀/长宁 - -
- 2套 - -
- 		- 普陀·长风 - - 王芳-普陀新村店 - - 未带看 - 1次2025-12-0145天前 - -
-
-
- - -
- -
- 共 1,248 条 -
- -
- - - - - - - … - - -
- -
- -
- 跳至 - - 页 - -
-
-
- -
- - - - -
- -
- -
- -
-

自定义信息

- -
- -
- -
-
未选信息
-
- - - - - - - -
-
- -
-
已选信息
-
- -
- - 姓名 - -
- - -
-

提示：拖拽可调整展示顺序

-
-
- -
- -
- - -
-
-
-
- -
- - - - - - + + + + +Fonrey · 客源列表 + + + + + + + + + + +
+ +
+
F
+ Fonrey · 房睿 +
+ +
+ +
+ + +
+
+ +
+ + +
+
WS
+ 王顺 +
+
+
+ + +
+ + + + + +
+ + +
+
+ + + +
+ + 私客与成交客重复： + 5 + + + 私客与公客重复： + 3 + + 已删客源 + + + 新增私客 + +
+
+
+ + +
+ + +
+ +
+ + +
+ + +
+ + + + +
+ + +
+ + +
+ +
+
已存搜索条件
+ + + +
+
+ + + +
+ + +
+ + +
+ 常用 + +
+ 录入时间 + +
+ + +
+ + +
+ + +
+ 状态 + + + + +
+ + +
+ 需求 + + + + +
+ + +
+ 等级 + + + + + + + +
+ + +
+ 位置 + + + + + + + + + + + …更多区 +
+ + +
+ 购价 + + + + + + + +
+ + ~ + + 万 +
+
+ + +
+ 居室 + + + + + + + +
+ + +
+ + + +
+ +
+ 相关方 + +
+ +
+ 委托日期 + +
+ +
+ 来源 + +
+ +
+ 购房目的 + + + + + +
+ +
+ 带看进度 + + + + + +
+ +
+ 活跃情况 + + + + + +
+ +
+ 跟进时间 + +
+
+
+
+
+ + +
+
+ + +
+ +
+ + + + + + 共 1,024 条 + + + 已选 条 + +
+ +
+ + +
+
+ + +
+ + + + + + + + + + + + + + + + + + + + + +
+ + 姓名状态需求类型需求/解读智能配房意向商圈/小区归属人带看进度 + 带看次数 + + + 委托日期 + + + 最近时间 + + + + 操作
+
+
+
+ + +
+ +
+ 共 1,024 条 +
+ + + + + +
+ + 跳至 + + 页 + +
+
+ +
+
+ + +
+ +
+
+
+

拨号

+ +
+
+
+ +
+
+
+
+
+

点击「查看完整号码」需要授权并记录审计日志

+ +
+
+ + +
+
+
+ + +
+ +
+
+ +
+

自定义信息

+ +
+ +
+ +
+
未选信息
+
    + +
  • 所有字段已选中
    • +
+
+ +
+
已选信息
+
    + +
+
+

拖拽可调整展示顺序

+
+
+
+ +
+ +
+ + +
+
+
+
+ +
+ + +
+ +
+ +
+

操作成功

+

客源信息已更新

+
+ +
+
+ + + diff --git a/Project/fonrey/UI_DESIGN/客源列表_UI.html.bak b/Project/fonrey/UI_DESIGN/客源列表_UI.html.bak new file mode 100644 index 00000000..cf7575c2 --- /dev/null +++ b/Project/fonrey/UI_DESIGN/客源列表_UI.html.bak @@ -0,0 +1,981 @@ + + + + +客源列表 · 私客 · Fonrey 房睿 + + + + + + + + + +
+ +
+
F
+ Fonrey · 房睿 +
+ +
+ + +
+ + +
+
+ +
+ + +
+
WS
+ 魏深 +
+
+ +
+ + + + + +
+
+ + +
+
+ 私客 + 资料客 + 营销客 + 成交客 + 公客 +
+ +
+ + 私客与成交客重复： + 3 + + + 私客与公客重复： + 7 + + 已删客源 + + + 新增私客 + +
+
+ + +
+ +
+ + +
+ + +
+ + + + +
+ + + +
+ + +
+ +
+
已存搜索条件
+ + 求购·A级·宝山 + + + + 7日活跃·与我相关 + + + + 即将掉公·近30天录入 + + +
+ +
+
+
+ + + +
+ + +
+ + +
+ 常用 + +
+ 录入时间 + +
+ + +
+ + +
+ 状态 + +
+ + +
+ 需求 + + + +
+ + +
+ 等级 + + + + + + + +
+ + +
+ 位置 + + + + + + + + + + + + + + + + + +
+ + +
+ 购价 + + + + + + + +
+ + ~ + + 万 +
+
+ + +
+ 居室 + + + + + + + +
+ + +
+ +
+ +
+ 相关方 + +
+ +
+ 委托日期 + + ~ + +
+ +
+ 来源 + +
+ +
+ 活跃 + + + + + + +
+ +
+ 带看 + + + + + +
+ +
+ 其他 + + + + +
+
+
+
+
+ + +
+ +
+ + + + + + 共 1,248 条 + + + 已选 条 + +
+ +
+ + +
+
+ + +
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + 姓名状态需求类型需求/解读智能配房意向商圈/小区归属人带看进度 + 带看次数 + + + 委托日期 + + + 最近时间 + + 操作
+ + +
+ 王建国 +
+ A(急迫) + 7日活跃 + 新配房 +
+
+ 		+ 求购 + 二手 + 550-600万，100㎡-110㎡，3居，宝山 + +
+ 8套 + +
+ 		+ 宝山·顾村，大华锦绣华城 + + 张伟-都市港湾店一组 + + 一看 + 3次2026-03-15今天 + +
+ + +
+ 李晓敏 +
+ B(较强) + 营销客 +
+
+ 		+ 求租 + 租房 + 4000-6000元/月，60㎡-80㎡，2居，静安 + +
+ 12套 + +
+ 		+ 静安·南京西路 + + 陈丽-静安旗舰店二组 + + 未带看 + 0次2026-04-103天前 + +
+ + +
+ 赵志远 +
+ A(急迫) + 即将过期 +
+
+ 		+ 租购 + 二手 + 800-1000万，120㎡以上，4居，浦东 + +
+ 5套 + +
+ 		+ 浦东·陆家嘴，世纪公园 + + 刘洋-浦东总店三组 + + 二看 + 5次2026-01-208天前 + +
+ + +
+ 孙美玲 +
+ C(一般) + 暂缓 +
+
+ 		+ 暂缓 + 二手 + - + +
+ 0套 +
+ 		+ - + + 魏深-都市港湾店一组 + + 未带看 + 0次2026-04-0132天前 + +
+ + +
+ 陈建华 +
+ B(较强) + 销售客 +
+
+ 		+ 求购 + 新房 + 300-400万，90㎡-110㎡，3居，嘉定/青浦 + +
+ 23套 + +
+ 		+ 嘉定·新城，远香湖 + + 魏深-都市港湾店一组 + + 复看 + 7次2026-02-281天前 + +
+ + +
+ 周小燕 +
+ D(较弱) + 无效 +
+
+ 		+ 求购 + 二手 + 200-300万，80㎡-100㎡，2居，普陀/长宁 + +
+ 2套 + +
+ 		+ 普陀·长风 + + 王芳-普陀新村店 + + 未带看 + 1次2025-12-0145天前 + +
+
+
+ + +
+ +
+ 共 1,248 条 +
+ +
+ + + + + + + … + + +
+ +
+ +
+ 跳至 + + 页 + +
+
+
+ +
+ + + + +
+ +
+ +
+ +
+

自定义信息

+ +
+ +
+ +
+
未选信息
+
+ + + + + + + +
+
+ +
+
已选信息
+
+ +
+ + 姓名 + +
+ + +
+

提示：拖拽可调整展示顺序

+
+
+ +
+ +
+ + +
+
+
+
+ +
+ + + + + + diff --git a/Project/fonrey/UI_DESIGN/客源列表_UI.md b/Project/fonrey/UI_DESIGN/客源管理/客源列表_UI.md similarity index 98% rename from Project/fonrey/UI_DESIGN/客源列表_UI.md rename to Project/fonrey/UI_DESIGN/客源管理/客源列表_UI.md index 4ebea408..4e799b80 100644 --- a/Project/fonrey/UI_DESIGN/客源列表_UI.md +++ b/Project/fonrey/UI_DESIGN/客源管理/客源列表_UI.md @@ -263,8 +263,7 @@
-
-
魏
- 魏深 -
-
- - - - -
-
-
-
- -

客源详情

-

按 Section 连续展示，点击导航锚点快速定位

-
-
- -
-
-
- -
- -
-
-

需求信息

- -
-
-
总价
550-600万元
-
面积
100-110m2
-
居室
2居
-
装修
-
-
朝向
-
-
楼层
中楼层、低楼层
-
楼龄
-
-
意向商圈
-
-
意向小区
-
-
交通情况
-
-
备注
-
-
-
- -
-
-

跟进记录

- -
- -
- - - - - -
- -
- 筛选 - - 至 - - - -
- -
    -
  1. - -
    -
    - 电话 - -
    -

    433弄5楼65.85平想置换，丽晶苑2/3号楼，楼层不要太高，自己房子还没有挂牌。

    -

    都市港湾店一组 雷威 · 2026-04-19

    -
    -
    2. -
  2. - -
    -
    - 敏感查看 - -
    -

    查看联系人完整号码，系统自动留痕。

    -

    系统记录 · 2026-04-19

    -
    -
    3. -
- -
- -
-
- -
-
-

带看记录

-
- - -
-
- -
- - - - 至 - -
- -
    -
  1. - -
    -

    2026-04-17 20:30

    -

    带看情况：客户继续维护

    -

    金沙丽晶苑一期-001-1201

    -

    一看 带看：雷威 · 详情 >

    -
    -
    2. -
-
- -
-
-

客源解读

- 更新时间：2026-04-25 09:12 -
- -
-
-

活跃行为

-

7 天内

-
-
-

工作日活跃

-

-

-
-
-

周末活跃

-

-

-
-
- -
-
-

价格偏好

-

64%

-
-
-

户型偏好

-

22%

-
-
-

面积偏好

-

14%

-
-
-
- -
-
-

二手配房

- -
- -
-

优质户型

-
-
-
-
-

都市港湾

-

2/2/1 · 101.17m2 · 嘉定 丰庄

-
- 朝南户型采光好 - 私盘 -
-

620万 已跌20万 · 61283元/m2

-
-
-
-
-
-
- - -
-
-
- -
- -
-
-

改等级

-

原等级：C(一般)

-
-
-
- -
-
-

改状态

-
-

原状态：求购

- - -
-
-
-
- -
-
-

转成交

-
-
-
-
-
-
-
-
-
-
- -
-
-

编辑基础信息

-
-
-
-
-
-
-
-
-
-
-
-
- -
- - - - - + + + + +客源详情 · Fonrey + + + + + + + + + + +
+ +
+
F
+ Fonrey · 房睿 +
+ + + +
+ +
+
魏
+ 魏深 +
+
+
+ + + + + +
+
+ + +
+
+ +

客源详情

+

按 Section 连续展示，点击导航锚点快速定位

+
+
+ + +
+ + +
+ + +
+ +
+ + +
+
+

需求信息

+ 编辑 +
+
+
+
总价
+
500 - 800 万
+
+
+
面积
+
80 - 120 m²
+
+
+
居室
+
3室2厅
+
+
+
装修
+
精装修
+
+
+
朝向
+
南北通透
+
+
+
楼层
+
中高层
+
+
+
楼龄
+
10 年内
+
+
+
意向商圈
+
浦东·张江、浦东·碧云
+
+
+
意向小区
+
碧云国际社区、金色家园
+
+
+
交通情况
+
地铁 2 号线附近
+
+
+
备注
+
客户全款购房，近期有出行计划，月底前必须看房。孩子就读张江实验学校，需在学区范围内。
+
+
+
+ + +
+
+

跟进记录

+ +
+ + +
+ + + + + +
+ + +
+
+ + +
+ – +
+ + +
+ + +
+ + +
    + +
  1. + +
    +
    + 魏深 + 电话 + · + +
    +

    电话沟通，客户表示本周末有时间看房，确认看碧云国际社区 A 栋 18 楼。目前对价格较为敏感，希望能在 720 万以内成交。

    +
    +
    2. + +
  2. + +
    +
    + 魏深 + 敏感查看 + · + +
    +

    查看了客户完整联系电话及证件信息，用于报备。

    +
    +
    3. + +
  3. + +
    +
    + 魏深 + 修改跟进 + · + +
    +

    更新客户预算区间，由 600-900 万调整为 500-800 万，需求面积也收窄为 80-120 m²。

    +
    +
    4. + +
  4. + +
    +
    + 魏深 + 电话 + · + +
    +

    首次电话联系，客户通过门店广告找来，计划全款购置二手房用于自住，子女入学在即。

    +
    +
    5. +
+ + +
+ +
+
+ + +
+
+

带看记录

+
+ + +
+
+ + +
+
+ + +
+ – +
+ + +
+ + +
+ + +
    +
  1. + +
    +
    + 魏深 + 一看 + · + +
    +
    + 带看房源：碧云国际社区 3 室 2 厅 · 102 m² · 高层 +
    +
    带看备注：客户对户型满意，但认为价格偏高，希望进一步洽谈。
    +
    +
    2. +
  2. + +
    +
    + 魏深 + 预约 + · + +
    +
    + 预约带看：金色家园 3 室 2 厅 · 96 m² · 中层 +
    +
    提前预约，待确认带看时间。
    +
    +
    3. +
+ + +
+ +
+
+ + +
+
+

客源解读

+ 更新于 2026-04-25 00:00 +
+ +
+
+
+
活跃行为
+
高频
+
近 30 天 18 次操作
+
+
+
工作日活跃
+
72%
+
周一至周五为主
+
+
+
周末活跃
+
28%
+
周末看房意愿较强
+
+
+ +
+
+
价格偏好
+
650万
+
成交倾向中位
+
+
+
户型偏好
+
84%
+
三居室优先
+
+
+
面积偏好
+
95m²
+
90-110 m² 区间集中
+
+
+
+
+ + +
+
+

二手配房

+ +
+ +
+ +
+

优质户型

+
+ +
+ +
+ +
+
+
+ 碧云国际社区 · 3室2厅 · 18层 + 730 万 +
+
3室2厅 · 102 m² · 浦东·碧云
+
+ 南北通透 + 私盘 + 在售 +
+
降价说明：较上月降 20 万
+
+
+ +
+ +
+ +
+
+
+ 金色家园 · 3室2厅 · 12层 + 695 万 +
+
3室2厅 · 96 m² · 浦东·张江
+
+ 朝南 + 在售 +
+
+
+
+
+ + +
+

价格适中

+
+
+ +
+ +
+
+
+ 张江半岛 · 3室1厅 · 8层 + 598 万 +
+
3室1厅 · 88 m² · 浦东·张江
+
+ 朝东南 + 私盘 + 在售 +
+
降价说明：急售，可议价
+
+
+
+
+
+
+ +
+ + + +
+
+
+ + + +
+ + +
+ +
+

写跟进

+ +
+ +
+ +
+ + +
+ +
+ + +

0 字

+
+ +
+ + +
+ +
+ +
+ +

点击上传或拖拽文件

+

支持图片、音频、PDF，单文件不超过 20 MB

+ +
+
+ +
+ + +
+
+ +
+ + +
+
+ + +
+ + +
+
+
+

修改客源等级

+ +
+
+
+ 当前等级： + C（一般） +
+
+ + +
+
+
+ + +
+
+
+ + +
+
+
+

修改客源状态

+ +
+
+
+ 当前状态： + + 跟进中 + +
+
+ + +
+
+ + +
+
+
+ + +
+
+
+ + +
+
+
+

转成交

+ +
+
+
+ + +
+
+ + +
+
+ +
+
+ 碧云国际社区 3 室 2 厅 · 102 m² +
+ +
+
+
+
+ + +
+
+
+ + +
+
+
+

编辑客源基础信息

+ +
+
+
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+ + +

证件信息属于敏感数据，查看将记录审计日志。

+
+
+
+
+ + +
+
+
+ + +
+
+ +
+

跟进已保存

+

陈晓芸的跟进记录已成功添加

+
+ +
+
+ + + + diff --git a/Project/fonrey/prompt/文档模板/TASK.md b/Project/fonrey/prompt/TASK/TASK.md similarity index 100% rename from Project/fonrey/prompt/文档模板/TASK.md rename to Project/fonrey/prompt/TASK/TASK.md diff --git a/Project/fonrey/prompt/为 客源详情页生成模块 UI 设计文档.md b/Project/fonrey/prompt/为 客源详情页生成模块 UI 设计文档.md index 65bae1df..450ba8fb 100644 --- a/Project/fonrey/prompt/为 客源详情页生成模块 UI 设计文档.md +++ b/Project/fonrey/prompt/为 客源详情页生成模块 UI 设计文档.md @@ -230,3 +230,74 @@ - 对于同一模块内页面较多的情况（如房源管理有列表、详情、新增、跟进等多个页面），**全部包含在同一份文档中**，通过 `§2.N` 分节区分 - 弹窗数量较多时（如房源详情有 10+ 个编辑弹窗），可以将**结构相似的弹窗合并为一个通用弹窗规范**，仅列出字段差异表 - 生成完成后，将文档路径更新到上方「已生成的模块 UI 设计文档」表格中 + +# 任务：为客源详情生成模块 UI 静态原型 + +## 你的角色 + +你是 Fonrey 房产经纪管理系统的 **UI/UX 架构师**，负责根据竞品截图和 PRD 功能描述，产出一份标准化的模块级 UI 设计文档。该文档将直接交给 AI Engineer 用于编码实现，必须包含足够的细节，Engineer 无需再问任何问题。 + +**注意** +以下所有的文档或图片是基于文档库的相对路径。 +文档库的根路径为：`/mnt/d/Workspace/nexus` + +--- + +## 全局设计约束（必须严格遵守） + +> 所有设计决策必须符合 `Project/fonrey/UI_SYSTEM/UI_SYSTEM.md` 中的设计规范。核心约束如下： + +- **技术栈**：Tailwind CSS + HTMX + Alpine.js + Django HTML 模板（非 React/Vue/JSX） +- **图标库**：Heroicons v2（Outline 24px 默认，Solid 20px 强调，Mini 16px 极密场景） +- **主色**：Teal `#0F766E`（`primary-600`），所有颜色引用 Token，禁止硬编码 Hex +- **圆角**：`rounded-lg`（8px）为默认，表格行/小组件用 `rounded-md`（6px） +- **表格行高**：56px（`h-14`） +- **字体**：Inter + PingFang SC，正文 `text-sm`（14px） +- **焦点环**：`focus-visible:ring-2 focus-visible:ring-primary-600/40` +- **桌面优先**：≥1280px，不做移动端适配 +- **禁止独立 CSS 文件或 CSS-in-JS**：所有样式用 Tailwind utility class（少量例外如 Flatpickr 覆盖样式） +- **组件实现参考**：`Project/fonrey/UI_SYSTEM/组件规范设计.md`（含 20 个特殊组件的完整 HTML + Alpine.js 实现） + + +**输入文件** +1. 【UI_SYSTEM】全局UI设计规范文档 `Project/fonrey/UI_SYSTEM/UI_SYSTEM.md` +2. 【现有原型页面】已完成的HTML页面（作为视觉和代码参考基准） + - `Project/fonrey/UI_SYSTEM/preview.html` +3. 【本次模块UI设计文档】本次需要实现的模块设计说明 + - `Project/fonrey/UI_DESIGN/客源详情_UI.md` +**输出文件** +- 【本次模块UI输出静态原型文件】 + - `Project/fonrey/UI_DESIGN/客源详情_UI.html` + +### 强制约束（不可违反） + +#### 一致性约束 +- 颜色、字体、字号、圆角、阴影、间距等视觉变量，必须与 UI_SYSTEM 保持完全一致，不得自行创造新的变量 +- 公共组件（导航栏、侧边栏、顶部栏、按钮、表单、卡片、标签等）的样式和结构，必须与现有原型页面中的实现保持一致 +- 如果现有页面使用了 CSS 变量或特定 class 命名规范，本次输出必须沿用相同的规范 + +#### 布局约束 +- 整体页面框架（如侧边栏宽度、顶栏高度、内容区边距）必须与现有原型页面保持一致 +- 响应式断点策略（如有）需与已有页面对齐 +#### 代码约束 +- 输出单一 HTML 文件，CSS 写在 `