refactor: 优化RequirementModal UI设计和代码清理

主要更新:
- 🎨 UI改进:
  - 将头部背景改为苹果风格设计
  - 添加背景图片 /image/bg.png
  - 将图标替换为动态视频logo
  - 统一配色为蓝色系,移除紫色元素
  - 优化标题和副标题布局

- 🧹 代码清理:
  - 删除5个临时测试文件 (test-*.html)
  - 删除4个旧版本页面组件 (WorkflowPage V1-V3, ResultPage V1)
  - 保留当前使用的 WorkflowPageV4 和 ResultPageV2

- 🔧 细节调整:
  - 视频logo尺寸调整为 80x80px
  - 移除视频容器的圆角和阴影效果
  - 按钮颜色从紫色渐变改为蓝色渐变

项目结构更加清晰,界面设计更加现代化

data/订单班文档资料/视觉设计/notion文稿/image_mapping.json

@@ -1,48 +1,17 @@
 {
-  "Whisk_a1d005bb666aac7955842c4ee5b38ae4dr.jpeg": "图片_01.jpg",
-  "Whisk_3b33fae3ca0cc45998e4f09974ed9960dr.jpeg": "图片_03.jpg",
-  "Whisk_6e45327511b48b485a14c65738cfe054dr.jpeg": "图片_06.jpg",
-  "Whisk_7e3be22169d22c2bd97487eae2b290cfdr.jpeg": "图片_07.jpg",
-  "Whisk_fc8ab89604fa63995d54fbb2c4b8d010dr.jpeg": "图片_08.jpg",
-  "Whisk_d13ee85ad564ed1b6e44fee2b738f7a4dr.jpeg": "图片_13.jpg",
-  "分镜设计1.jpg": "设计图_01.jpg",
-  "分镜设计3.jpg": "设计图_03.jpg",
-  "分镜设计4.jpg": "设计图_04.jpg",
-  "分镜设计6.jpg": "设计图_06.jpg",
-  "分镜设计8.jpg": "设计图_08.jpg",
-  "分镜设计9.jpg": "设计图_09.jpg",
-  "分镜设计11.jpg": "设计图_11.jpg",
-  "分镜设计12.jpg": "设计图_12.jpg",
-  "分镜设计13.jpg": "设计图_13.jpg",
-  "分镜设计14.jpg": "设计图_14.jpg",
-  "分镜设计15.jpg": "设计图_15.jpg",
-  "Whisk_d1bd2561b430cd4970e46fff7d16f497dr.jpeg": "图片_02.jpg",
-  "Whisk_30cff7c35b631e1a8374700621d3d781dr.jpeg": "图片_04.jpg",
-  "30adf66a-05e9-4731-8f74-791523397d0f.jpg": "图片_05.jpg",
-  "Whisk_45badb38732bc08a34549eeaf1a73431dr.jpeg": "图片_09.jpg",
-  "67f65bce-bb8d-4d69-8ecf-08c64c9bb495.jpg": "图片_10.jpg",
-  "Whisk_418df2173a1a30b9a8e44d53807e51d6dr.jpeg": "图片_11.jpg",
-  "Whisk_c982f9058222156b8a1452f551a63192dr.jpeg": "图片_12.jpg",
-  "六、拍摄总体安排2.jpeg": "图片_22.jpg",
-  "四、影片内容大纲8.jpg": "图片_18.jpg",
-  "四、影片内容大纲1.jpg": "图片_21.jpg",
-  "三、影片视觉基调2.jpg": "图片_20.jpg",
-  "四、影片内容大纲2.jpg": "图片_19.jpg",
-  "四、影片内容大纲9.jpg": "图片_16.jpg",
-  "一、项目概述2.jpg": "设计图_02.jpg",
-  "四、影片内容大纲6.jpg": "图片_17.jpg",
-  "三、影片视觉基调1.jpg": "图片_15.jpg",
-  "四、影片内容大纲5.jpg": "图片_14.jpg",
-  "四、影片内容大纲12.jpg": "设计图_16.jpg",
-  "一、项目概述1.jpg": "设计图_17.jpg",
-  "六、拍摄总体安排1.jpg": "设计图_10.jpg",
-  "二、宣传目标2.jpg": "设计图_20.jpg",
-  "四、影片内容大纲10.jpg": "设计图_07.jpg",
-  "四、影片内容大纲4.jpg": "设计图_05.jpg",
-  "二、宣传目标1.jpg": "设计图_21.jpg",
-  "三、影片视觉基调3.jpg": "设计图_22.jpg",
-  "四、影片内容大纲7.jpg": "设计图_19.jpg",
-  "四、影片内容大纲3.jpg": "设计图_18.jpg",
-  "五、拍摄经费预算表.jpeg": "展示图_02.jpg",
-  "四、影片内容大纲11.jpeg": "展示图_01.jpg"
+  "53c52c9e-93a2-4e04-83d1-2805df2bb002.jpg": "图片_01.jpg",
+  "941fdb1c-03ea-40c7-a59e-81de5c500025.jpg": "图片_02.jpg",
+  "静帧_2025-09-29_112637_1.1.5.jpg": "图片_03.jpg",
+  "静帧_2025-09-29_112305_1.1.2.jpg": "图片_04.jpg",
+  "静帧_2025-09-29_112305_1.1.1.jpg": "图片_05.jpg",
+  "静帧_2025-09-29_112305_1.1.4.jpg": "图片_06.jpg",
+  "静帧_2025-09-29_112305_1.1.3.jpg": "图片_07.jpg",
+  "静帧_2025-09-29_112713_1.1.6.jpg": "图片_08.jpg",
+  "d1382923-65d3-4d19-a395-fa2c2aeb5260.jpg": "图片_09.jpg",
+  "AdobeColor-My_Color_Theme.jpeg": "图片_10.jpg",
+  "分镜_分镜_page-0001.jpg": "设计图_01.jpg",
+  "分镜_分镜_page-0002.jpg": "图片_12.jpg",
+  "二、宣传目标解析1.jpeg": "图片_15.jpg",
+  "分镜_分镜_page-0003.jpg": "图片_13.jpg",
+  "二、宣传目标解析3.jpeg": "图片_14.jpg"
 }

data/订单班文档资料/视觉设计/notion文稿/图片索引.md

@@ -1,40 +1,18 @@
 # 视觉设计订单班 - 图片资源索引
 
-**图片总数**: 46 张
+**图片总数**: 17 张
 **更新时间**: 2025-09-28
 **状态**: ✅ 已完成规范化整理
 
 ## 图片分类
 
-### 设计图 (22张)
+### 设计图 (1张)
 - 设计图_01.jpg
-- 设计图_02.jpg
-- 设计图_03.jpg
-- 设计图_04.jpg
-- 设计图_05.jpg
-- 设计图_06.jpg
-- 设计图_07.jpg
-- 设计图_08.jpg
-- 设计图_09.jpg
-- 设计图_10.jpg
-- 设计图_11.jpg
-- 设计图_12.jpg
-- 设计图_13.jpg
-- 设计图_14.jpg
-- 设计图_15.jpg
-- 设计图_16.jpg
-- 设计图_17.jpg
-- 设计图_18.jpg
-- 设计图_19.jpg
-- 设计图_20.jpg
-- 设计图_21.jpg
-- 设计图_22.jpg
 
-### 展示图 (2张)
+### 展示图 (1张)
 - 展示图_01.jpg
-- 展示图_02.jpg
 
-### 其他 (22张)
+### 其他 (15张)
 - 图片_01.jpg
 - 图片_02.jpg
 - 图片_03.jpg
@@ -50,19 +28,12 @@
 - 图片_13.jpg
 - 图片_14.jpg
 - 图片_15.jpg
-- 图片_16.jpg
-- 图片_17.jpg
-- 图片_18.jpg
-- 图片_19.jpg
-- 图片_20.jpg
-- 图片_21.jpg
-- 图片_22.jpg
 
 ## 使用说明
 
 ### Markdown引用格式
 ```markdown
-![图片描述](image/图片名.jpg)
+![图片描述](./image/图片名.jpg)
 ```
 
 ### 注意事项