From e9ab70cb9da3f0be0ab53cbf687871db08c6defa Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=9D=92=E5=B1=B1=E5=85=AC=E4=BB=94?=
 <qingshangongzai@163.com>
Date: Sun, 12 Apr 2026 13:47:08 +0800
Subject: [PATCH 01/29] =?UTF-8?q?[=E6=A0=B7=E5=BC=8F]=20=E7=BB=9F=E4=B8=80?=
 =?UTF-8?q?=E6=98=8E=E5=BA=A6=E6=8F=90=E5=8F=96=E5=92=8C=E8=89=B2=E5=BD=A9?=
 =?UTF-8?q?=E6=8F=90=E5=8F=96=E9=9D=A2=E6=9D=BF=E7=9A=84=E6=8F=90=E7=A4=BA?=
 =?UTF-8?q?=E6=96=87=E5=AD=97=E5=AD=97=E4=BD=93=E6=A0=B7=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 将明度提取面板和色彩提取面板的空状态提示文字字体从默认14号改为Arial 11号
- 保持与配色预览面板的字体样式一致
---
 ui/canvases.py | 3 +--
 1 file changed, 1 insertion(+), 2 deletions(-)

diff --git a/ui/canvases.py b/ui/canvases.py
index e9f7ae1..c92d283 100644
--- a/ui/canvases.py
+++ b/ui/canvases.py
@@ -575,8 +575,7 @@ class BaseCanvas(QWidget):
         elif not self._is_loading:
             # 没有图片且不在加载状态时显示提示文字
             painter.setPen(get_canvas_empty_text_color())
-            font = QFont()
-            font.setPointSize(14)
+            font = QFont("Arial", 11)
             painter.setFont(font)
             text = tr('canvases.click_to_import')
             text_rect = painter.boundingRect(self.rect(), Qt.AlignmentFlag.AlignCenter, text)
-- 
Gitee


From 1ac0091e3d66ac8c92dbc3afe5aa7ae3ea8fe709 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=9D=92=E5=B1=B1=E5=85=AC=E4=BB=94?=
 <qingshangongzai@163.com>
Date: Sun, 12 Apr 2026 14:45:08 +0800
Subject: [PATCH 02/29] =?UTF-8?q?[=E4=BF=AE=E5=A4=8D]=20=E4=BF=AE=E6=AD=A3?=
 =?UTF-8?q?=20Zone=208-9=20=E6=98=8E=E5=BA=A6=E9=81=AE=E7=BD=A9=E6=9C=AA?=
 =?UTF-8?q?=E8=A6=86=E7=9B=96=E7=BA=AF=E7=99=BD=E8=89=B2=E5=83=8F=E7=B4=A0?=
 =?UTF-8?q?=E7=9A=84=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 修复 get_zone_bounds 函数边界计算错误，确保 Zone 8-9 范围包含 255
- 简化条件判断逻辑，删除冗余代码和注释
- 删除 luminance_service.py 中未使用的 ZONE_WIDTH 导入
---
 core/color.py             | 6 +++++-
 core/luminance_service.py | 5 ++---
 2 files changed, 7 insertions(+), 4 deletions(-)

diff --git a/core/color.py b/core/color.py
index 62fc415..c3e3b8d 100644
--- a/core/color.py
+++ b/core/color.py
@@ -329,7 +329,11 @@ def get_zone_bounds(zone_str: str) -> Tuple[int, int]:
         tuple: (min_luminance, max_luminance) 元组
     """
     start = int(zone_str.split('-')[0])
-    return (int(start * ZONE_WIDTH), int((start + 1) * ZONE_WIDTH) - 1)
+    min_lum = int(start * ZONE_WIDTH)
+    max_lum = int((start + 1) * ZONE_WIDTH)
+    if max_lum < 255:
+        max_lum -= 1
+    return (min_lum, max_lum)
 
 
 def calculate_histogram(image, sample_step: int = 4, gamma: float = 2.2) -> List[int]:
diff --git a/core/luminance_service.py b/core/luminance_service.py
index 12549e0..667d8d6 100644
--- a/core/luminance_service.py
+++ b/core/luminance_service.py
@@ -12,7 +12,7 @@ from PySide6.QtCore import QObject, QThread, Signal, Qt, QTimer
 from PySide6.QtGui import QColor, QImage, QPainter, QPixmap
 
 # 项目模块导入
-from .color import get_luminance, get_zone, ZONE_WIDTH
+from .color import get_luminance, get_zone, get_zone_bounds
 from .logger import get_logger, log_performance
 
 logger = get_logger("luminance_service")
@@ -351,8 +351,7 @@ class LuminanceService(QObject):
             painter = QPainter(highlight_pixmap)
             painter.setRenderHint(QPainter.RenderHint.SmoothPixmapTransform)
 
-            min_lum = int(zone * ZONE_WIDTH)
-            max_lum = int((zone + 1) * ZONE_WIDTH) - 1
+            min_lum, max_lum = get_zone_bounds(f"{zone}-{zone+1}")
 
             scale_x = image.width() / disp_w
             scale_y = image.height() / disp_h
-- 
Gitee


From 7a31f2e93d07085f6cd6fec73ea8391501be35da Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=9D=92=E5=B1=B1=E5=85=AC=E4=BB=94?=
 <qingshangongzai@163.com>
Date: Mon, 13 Apr 2026 02:30:31 +0800
Subject: [PATCH 03/29] =?UTF-8?q?[=E4=BC=98=E5=8C=96]=20=E9=85=8D=E7=BD=AE?=
 =?UTF-8?q?=E6=96=87=E4=BB=B6=E5=8A=A0=E8=BD=BD=E5=A4=B1=E8=B4=A5=E6=97=B6?=
 =?UTF-8?q?=E4=BD=BF=E7=94=A8=E9=BB=98=E8=AE=A4=E9=85=8D=E7=BD=AE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 修改 ConfigManager.load()，配置文件损坏时不再抛出异常，改用默认配置
- 添加 _backup_corrupted_config() 方法备份损坏的配置文件
- 移除 ConfigLoadError 异常类及其导出
- 遵循适度防御原则，避免过度设计
---
 core/__init__.py |  3 +--
 core/config.py   | 23 ++++++++++++++++-------
 2 files changed, 17 insertions(+), 9 deletions(-)

diff --git a/core/__init__.py b/core/__init__.py
index 238bfb3..f3694d0 100644
--- a/core/__init__.py
+++ b/core/__init__.py
@@ -1,7 +1,7 @@
 """核心功能模块"""
 
 # 启动必需的模块立即导入
-from .config import ConfigManager, get_config_manager, SceneConfigManager, get_scene_config_manager, SceneTypeManager, get_scene_type_manager, ConfigLoadError
+from .config import ConfigManager, get_config_manager, SceneConfigManager, get_scene_config_manager, SceneTypeManager, get_scene_type_manager
 
 from .app_mode import (
     AppMode,
@@ -163,7 +163,6 @@ __all__ = [
     'get_scene_config_manager',
     'SceneTypeManager',
     'get_scene_type_manager',
-    'ConfigLoadError',
     # 应用模式
     'AppMode',
     'Platform',
diff --git a/core/config.py b/core/config.py
index cc649cb..58cee84 100644
--- a/core/config.py
+++ b/core/config.py
@@ -33,11 +33,6 @@ def get_base_path() -> str:
 logger = get_logger("config")
 
 
-class ConfigLoadError(Exception):
-    """配置文件加载错误"""
-    pass
-
-
 class ConfigManager:
     """配置管理器，处理应用程序配置的加载和保存"""
 
@@ -115,11 +110,25 @@ class ConfigManager:
             logger.info(f"配置加载完成: version={version}")
 
         except (json.JSONDecodeError, IOError, OSError) as e:
-            logger.error(f"加载配置文件失败: error={e}")
-            raise ConfigLoadError(f"无法加载配置文件: {e}") from e
+            logger.error(f"加载配置文件失败，使用默认配置: error={e}")
+            # 备份损坏的配置文件（如果存在）
+            self._backup_corrupted_config()
 
         return self._config
 
+    def _backup_corrupted_config(self) -> None:
+        """备份损坏的配置文件"""
+        if not self._config_path.exists():
+            return
+        try:
+            backup_path = self._config_path.with_suffix(
+                f'.corrupted.{datetime.now().strftime("%Y%m%d_%H%M%S")}.json'
+            )
+            self._config_path.rename(backup_path)
+            logger.info(f"已备份损坏的配置文件: {backup_path.name}")
+        except (IOError, OSError) as e:
+            logger.warning(f"备份损坏配置文件失败: {e}")
+
     def _merge_config(self, base: Dict[str, Any], override: Dict[str, Any]) -> None:
         """递归合并配置字典
 
-- 
Gitee


From 5988bc996d352a918ea81c549cc88b552f297b0e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=9D=92=E5=B1=B1=E5=85=AC=E4=BB=94?=
 <qingshangongzai@163.com>
Date: Mon, 13 Apr 2026 02:59:44 +0800
Subject: [PATCH 04/29] =?UTF-8?q?[=E6=96=87=E6=A1=A3]=20=E5=88=A0=E9=99=A4?=
 =?UTF-8?q?=E5=BC=80=E5=8F=91=E8=A7=84=E8=8C=83=E4=B8=AD=E5=86=97=E4=BD=99?=
 =?UTF-8?q?=E7=9A=84=E4=BA=A4=E4=BA=92=E8=AE=BE=E8=AE=A1=E7=AB=A0=E8=8A=82?=
 =?UTF-8?q?=E5=B9=B6=E6=9B=B4=E6=96=B0=E7=AB=A0=E8=8A=82=E7=BC=96=E5=8F=B7?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 删除第11章"交互设计规范"（含11.1取色点交互和11.2快捷键规范）
- 更新后续章节编号（原12-22章改为11-21章）
- 在21.2更新记录中新增版本3.49的变更记录
---
 ...00\345\217\221\350\247\204\350\214\203.md" | 138 ++++++++----------
 1 file changed, 61 insertions(+), 77 deletions(-)

diff --git "a/\346\226\207\346\241\243/\345\274\200\345\217\221\350\247\204\350\214\203.md" "b/\346\226\207\346\241\243/\345\274\200\345\217\221\350\247\204\350\214\203.md"
index f3ca626..fdf9cf4 100644
--- "a/\346\226\207\346\241\243/\345\274\200\345\217\221\350\247\204\350\214\203.md"
+++ "b/\346\226\207\346\241\243/\345\274\200\345\217\221\350\247\204\350\214\203.md"
@@ -1263,26 +1263,9 @@ for i, color in enumerate(colors):
 
 ***
 
-## 11. 交互设计规范
+## 11. 版本管理规范
 
-### 11.1 取色点交互
-
-- 鼠标悬停：显示手型光标
-- 拖动时：实时更新颜色值
-- 边界限制：限制在图片显示区域内
-
-### 11.2 快捷键规范
-
-|    快捷键   |  功能  |
-| :------: | :--: |
-| Ctrl + O | 打开图片 |
-| Ctrl + Q | 退出程序 |
-
-***
-
-## 12. 版本管理规范
-
-### 12.1 版本号格式
+### 11.1 版本号格式
 
 - 格式：`主版本.次版本.修订版本`
 - 示例：`1.0.0`
@@ -1290,7 +1273,7 @@ for i, color in enumerate(colors):
 - 次版本：新增功能
 - 修订版本：bug 修复
 
-### 12.2 提交信息规范
+### 11.2 提交信息规范
 
 **格式：** `[类型] 详细描述`
 
@@ -1316,9 +1299,9 @@ for i, color in enumerate(colors):
 
 ***
 
-## 13. 更新日志格式规范
+## 12. 更新日志格式规范
 
-### 13.1 版本格式
+### 12.1 版本格式
 
 ```markdown
 # 🎨 取色卡 v{主版本}.{次版本} 更新日志
@@ -1337,7 +1320,7 @@ for i, color in enumerate(colors):
 - {优化描述}
 ```
 
-### 13.2 分类说明
+### 12.2 分类说明
 
 |  分类  | Emoji | 说明        |
 | :--: | :---: | :-------- |
@@ -1349,13 +1332,13 @@ for i, color in enumerate(colors):
 
 **注意：** 分类可根据实际更新内容灵活调整，只需保持格式正确（`## Emoji 分类名称`）即可。
 
-### 13.3 内容规范
+### 12.3 内容规范
 
 - **功能模块分组**：将相关功能按模块分组，使用粗体标注模块名称
 - **表述规范**：使用动词开头（新增、修复、优化、调整、重构），描述简洁清晰
 - **条目排序**：同一分类内按重要性排序
 
-### 13.4 示例
+### 12.4 示例
 
 ```markdown
 # 🎨 取色卡 v1.2 更新日志
@@ -1382,16 +1365,16 @@ for i, color in enumerate(colors):
 
 ***
 
-## 14. 配置管理规范
+## 13. 配置管理规范
 
-### 14.1 配置管理模块
+### 13.1 配置管理模块
 
 使用 `core/config.py` 统一管理应用程序状态。
 
 - 配置文件：JSON 格式，存储在用户主目录下的 `.color_card/config.json`
 - 使用单例模式获取全局配置管理器实例
 
-### 14.2 配置项说明
+### 13.2 配置项说明
 
 |              配置键              |   类型   |       默认值       | 说明                         |
 | :---------------------------: | :----: | :-------------: | :------------------------- |
@@ -1405,7 +1388,7 @@ for i, color in enumerate(colors):
 |     `window.is_fullscreen`    |  bool  |      false      | 窗口是否全屏                     |
 |          `favorites`          |  list  |       \[]       | 收藏的配色列表                    |
 
-### 14.3 使用示例
+### 13.3 使用示例
 
 ```python
 from core import get_config_manager
@@ -1418,9 +1401,9 @@ config_manager.save()
 
 ***
 
-## 15. 项目官网维护规范
+## 14. 项目官网维护规范
 
-### 15.1 官网结构
+### 14.1 官网结构
 
 **官网地址：** <https://qingshangongzai.github.io/Color_Card/>
 
@@ -1443,7 +1426,7 @@ website/                       # 官网开发目录
 └── ...
 ```
 
-### 15.2 更新日志维护
+### 14.2 更新日志维护
 
 **配置文件：** `docs/changelog.json` 和 `website/public/changelog.json`
 
@@ -1476,7 +1459,7 @@ website/                       # 官网开发目录
 
 **维护要求：** 发布新版本时同步更新 `changelog.json`；保持两个文件同步（docs 和 website/public）；分类名称与第13章更新日志分类保持一致。
 
-### 15.3 截图更新
+### 14.3 截图更新
 
 **截图存放位置：** `docs/screenshots/` 和 `website/public/screenshots/`
 
@@ -1484,7 +1467,7 @@ website/                       # 官网开发目录
 
 **更新步骤：** 替换 `website/public/screenshots/` 中的图片；同步复制到 `docs/screenshots/`；刷新网页查看效果。
 
-### 15.4 部署流程
+### 14.4 部署流程
 
 **自动部署：** 推送代码到 GitHub 后自动触发 GitHub Actions 部署；部署源：`docs/` 目录
 
@@ -1495,7 +1478,7 @@ Copy-Item website\public\changelog.json docs\changelog.json -Force
 Copy-Item website\public\screenshots\* docs\screenshots\ -Force
 ```
 
-### 15.5 注意事项
+### 14.5 注意事项
 
 - JSON 文件中避免使用中文引号
 - 截图文件不要过大，建议压缩后上传
@@ -1504,9 +1487,9 @@ Copy-Item website\public\screenshots\* docs\screenshots\ -Force
 
 ***
 
-## 16. 多语言国际化规范
+## 15. 多语言国际化规范
 
-### 16.1 模块概述
+### 15.1 模块概述
 
 多语言国际化功能由 `utils/locale.py` 模块提供，支持应用程序的多语言切换。
 
@@ -1519,7 +1502,7 @@ Copy-Item website\public\screenshots\* docs\screenshots\ -Force
 |    `set_language()`    | 语言切换函数                   |
 | `get_locale_manager()` | 获取全局语言管理器实例              |
 
-### 16.2 语言包结构
+### 15.2 语言包结构
 
 语言包存放在 `locales/` 目录，使用 TOML 格式。
 
@@ -1537,7 +1520,7 @@ title = "已复制"
 content = "颜色值已复制到剪贴板"
 ```
 
-### 16.3 使用方法
+### 15.3 使用方法
 
 **基本翻译：**
 
@@ -1562,7 +1545,7 @@ set_language('EN_US')
 get_locale_manager().language_changed.connect(self._on_language_changed)
 ```
 
-### 16.4 界面国际化规范
+### 15.4 界面国际化规范
 
 ```python
 class MyInterface(QWidget):
@@ -1599,9 +1582,9 @@ class MyInterface(QWidget):
 
 ***
 
-## 17. 日志系统规范
+## 16. 日志系统规范
 
-### 17.1 日志系统概述
+### 16.1 日志系统概述
 
 项目使用统一的日志系统，用于问题排查、行为追踪、性能监控和运行监控。
 
@@ -1614,7 +1597,7 @@ class MyInterface(QWidget):
 | `log_user_action()` | `core/logger.py` | 记录用户操作        |
 | `log_performance()` | `core/logger.py` | 记录性能数据        |
 
-### 17.2 日志配置
+### 16.2 日志配置
 
 **存储位置：** 日志存储在配置目录下的 `logs/` 子目录，路径：`~/.color_card/logs/`
 
@@ -1622,7 +1605,7 @@ class MyInterface(QWidget):
 
 **清理策略：** 保留最近 30 天的日志文件；启动时自动清理过期日志
 
-### 17.3 日志级别定义
+### 16.3 日志级别定义
 
 |     级别     | 用途      | 示例                   |
 | :--------: | :------ | :------------------- |
@@ -1632,7 +1615,7 @@ class MyInterface(QWidget):
 |   `ERROR`  | 需要关注的问题 | 保存失败、解析错误、服务初始化失败    |
 | `CRITICAL` | 致命错误    | 程序无法继续运行             |
 
-### 17.4 日志格式
+### 16.4 日志格式
 
 ```text
 [时间] [级别] [模块名] 消息内容
@@ -1644,7 +1627,7 @@ class MyInterface(QWidget):
 [2026-02-28 14:30:30] [ERROR] [image_service] 图片加载失败: path=invalid.jpg, error=文件不存在
 ```
 
-### 17.5 使用方法
+### 16.5 使用方法
 
 **模块级日志记录：**
 
@@ -1682,7 +1665,7 @@ with log_performance("generate_scheme", {"type": scheme_type}):
     return _do_generate_scheme(base_hue, scheme_type)
 ```
 
-### 17.6 必须记录的场景
+### 16.6 必须记录的场景
 
 **系统事件：** 程序启动/退出；配置加载/保存；主题切换；语言切换
 
@@ -1690,7 +1673,7 @@ with log_performance("generate_scheme", {"type": scheme_type}):
 
 **错误和异常：** 文件操作失败；图片解析错误；配置读写错误；服务初始化失败
 
-### 17.7 禁止直接使用 print 输出
+### 16.7 禁止直接使用 print 输出
 
 **核心原则：禁止在业务代码中直接使用 `print()` 输出调试信息**
 
@@ -1715,7 +1698,7 @@ logger.info(f"加载完成: {count} 个场景")
 - 临时调试脚本可以使用 `print()`
 - 命令行工具的主程序可以使用 `print()` 输出结果
 
-### 17.8 AI辅助调试
+### 16.8 AI辅助调试
 
 **日志查看流程：** 应用程序启动失败时，查看控制台输出定位问题；功能执行出现异常时，分析错误信息；结合代码上下文，理解错误原因；根据日志信息制定修复方案。
 
@@ -1723,16 +1706,16 @@ logger.info(f"加载完成: {count} 个场景")
 
 ***
 
-## 18. 重构规范
+## 17. 重构规范
 
-### 18.1 重构原则
+### 17.1 重构原则
 
 1. **保持功能不变**：重构过程中不改变现有功能
 2. **渐进式重构**：分阶段进行，每阶段可独立验证
 3. **先整理后重构**：先规范现有代码，再提取基类，最后重组目录
 4. **代码清理同步**：修改代码时同步清理相关重复代码
 
-### 18.2 基类提取规范
+### 17.2 基类提取规范
 
 **步骤：** 分析相似组件的公共逻辑；设计基类接口（抽象方法）；迁移第一个子类，验证基类设计；迁移其他子类；全面测试验证。
 
@@ -1749,7 +1732,7 @@ class ImageCanvas(BaseCanvas):
         # 具体实现...
 ```
 
-### 18.3 模块合并规范
+### 17.3 模块合并规范
 
 **合并原则：** 将紧密相关的类合并到同一文件；避免过度拆分，提高代码可维护性；保持模块化，但减少文件数量。
 
@@ -1757,7 +1740,7 @@ class ImageCanvas(BaseCanvas):
 
 ***
 
-## 19. 开发经验总结
+## 18. 开发经验总结
 
 > **详细内容请参阅**：[开发经验总结.md](开发经验总结.md)
 
@@ -1773,9 +1756,9 @@ class ImageCanvas(BaseCanvas):
 
 ***
 
-## 20. 测试规范
+## 19. 测试规范
 
-### 20.1 测试目录结构
+### 19.1 测试目录结构
 
 ```text
 color_card/
@@ -1787,7 +1770,7 @@ color_card/
 └── ...
 ```
 
-### 20.2 测试框架配置
+### 19.2 测试框架配置
 
 **pytest.ini 配置：**
 
@@ -1809,7 +1792,7 @@ markers =
     ui: UI 测试
 ```
 
-### 20.3 开发依赖
+### 19.3 开发依赖
 
 **tests/requirements-dev.txt：**
 
@@ -1829,7 +1812,7 @@ pytest-qt>=4.0.0
 pip install -r tests/requirements-dev.txt
 ```
 
-### 20.4 测试命名规范
+### 19.4 测试命名规范
 
 | 类型   | 命名规则        | 示例                           |
 | ---- | ----------- | ---------------------------- |
@@ -1837,7 +1820,7 @@ pip install -r tests/requirements-dev.txt
 | 测试类  | `Test*`     | `TestHistogramCalculator`    |
 | 测试方法 | `test_*`    | `test_cancel_does_not_block` |
 
-### 20.5 测试分类标记
+### 19.5 测试分类标记
 
 使用 pytest marker 标记测试类型：
 
@@ -1860,7 +1843,7 @@ python -m pytest -m unit        # 只运行单元测试
 python -m pytest -m "not slow"  # 跳过慢速测试
 ```
 
-### 20.6 Qt 测试规范
+### 19.6 Qt 测试规范
 
 **使用 pytest-qt：** pytest-qt 提供了 `qtbot` fixture 用于 Qt 组件测试。
 
@@ -1881,7 +1864,7 @@ def test_async_calculation(qtbot):
     assert len(blocker.args[0]) == 256
 ```
 
-### 20.7 线程安全测试
+### 19.7 线程安全测试
 
 ```python
 def test_cancel_does_not_block(qtbot):
@@ -1898,7 +1881,7 @@ def test_cancel_does_not_block(qtbot):
     calculator.wait(1000)
 ```
 
-### 20.8 运行测试
+### 19.8 运行测试
 
 ```bash
 python -m pytest                              # 运行所有测试
@@ -1907,7 +1890,7 @@ python -m pytest -x                           # 在第一个失败时停止
 python -m pytest --cov=core --cov-report=html # 生成覆盖率报告
 ```
 
-### 20.9 测试最佳实践
+### 19.9 测试最佳实践
 
 1. **测试独立性**：每个测试应该独立运行，不依赖其他测试
 2. **测试可重复性**：相同输入应该产生相同结果
@@ -1917,9 +1900,9 @@ python -m pytest --cov=core --cov-report=html # 生成覆盖率报告
 
 ***
 
-## 21. 开源许可证管理规范
+## 20. 开源许可证管理规范
 
-### 21.1 许可证管理概述
+### 20.1 许可证管理概述
 
 本项目采用 **GPLv3** 作为主许可证，使用了多个第三方库和开发工具，每个都有其自己的开源许可证。完整的许可证管理是开源项目合规性的重要组成部分。
 
@@ -1941,14 +1924,14 @@ python -m pytest --cov=core --cov-report=html # 生成覆盖率报告
 |  工具链 |               GPLv2+               |           UPX          |
 |  工具链 |            Modified BSD            |       Inno Setup       |
 
-### 21.2 许可证文件管理
+### 20.2 许可证文件管理
 
 **必须维护的许可证文件：**
 
 1. **LICENSE** - 主许可证文本文件：包含完整的 GPLv3 许可证文本；包含所有第三方库的完整许可证信息；包含开发工具链的完整许可证信息
 2. **file/LICENSE.html** - HTML 格式的许可证文件：用于应用程序内显示；与文本版 LICENSE 内容保持一致
 
-### 21.3 第三方库许可证信息收集规范
+### 20.3 第三方库许可证信息收集规范
 
 **收集内容清单：**
 
@@ -1962,7 +1945,7 @@ python -m pytest --cov=core --cov-report=html # 生成覆盖率报告
 
 **收集渠道：** 官方 GitHub 仓库的 LICENSE 文件；官方网站许可证页面；PyPI 项目页面的元数据；源码包中的 LICENSE 文件。
 
-### 21.4 许可证文本格式规范
+### 20.4 许可证文本格式规范
 
 **文本版 LICENSE 格式：**
 
@@ -1984,7 +1967,7 @@ python -m pytest --cov=core --cov-report=html # 生成覆盖率报告
 
 **格式要求：** 使用 `====`（80个字符）作为章节分隔线；使用 `----`（80个字符）作为子章节分隔线；每个库独立成节，编号排序；许可证文本保持原始格式。
 
-### 21.5 关于窗口许可证显示规范
+### 20.5 关于窗口许可证显示规范
 
 **关于对话框必须包含的信息：**
 
@@ -2006,7 +1989,7 @@ def _get_about_text(self):
 
 **显示要求：** 每个库必须包含：版权所有、许可证类型、项目地址；按类别分组（开源项目、开发工具链）；格式统一，便于阅读。
 
-### 21.6 许可证兼容性检查
+### 20.6 许可证兼容性检查
 
 **兼容性原则：**
 
@@ -2016,7 +1999,7 @@ def _get_about_text(self):
 
 **检查清单：** 所有第三方许可证与 GPLv3 兼容；所有许可证文本完整且最新；所有版权信息准确无误；所有项目链接可访问。
 
-### 21.7 许可证更新流程
+### 20.7 许可证更新流程
 
 **新增第三方库时的步骤：**
 
@@ -2025,7 +2008,7 @@ def _get_about_text(self):
 3. **文件更新**：更新 LICENSE 文本文件；更新 file/LICENSE.html；更新关于窗口的许可证显示
 4. **验证测试**：检查文本格式是否正确；验证链接可访问性；确认所有文件内容一致
 
-### 21.8 常见许可证文本获取地址
+### 20.8 常见许可证文本获取地址
 
 |      许可证     | 官方地址                                              |
 | :----------: | :------------------------------------------------ |
@@ -2035,7 +2018,7 @@ def _get_about_text(self):
 |  Apache-2.0  | <https://www.apache.org/licenses/LICENSE-2.0.txt> |
 | BSD-3-Clause | <https://opensource.org/licenses/BSD-3-Clause>    |
 
-### 21.9 注意事项
+### 20.9 注意事项
 
 **必须避免的问题：**
 
@@ -2047,18 +2030,19 @@ def _get_about_text(self):
 
 ***
 
-## 22. 附录
+## 21. 附录
 
-### 22.1  规范维护
+### 21.1  规范维护
 
 **本规范将根据项目发展进行更新，以适应新的功能需求和技术变化。**
 
-### 22.2 更新记录
+### 21.2 更新记录
 
 **（变更内容填写对开发规范的内容更新，而不是对代码调整的详细记录）**
 
 |  版本  |     日期     |                                    变更内容                                    |
 | :--: | :--------: | :------------------------------------------------------------------------: |
+| 3.49 | 2026-04-12 | 删除第11章交互设计规范（含快捷键规范）；更新后续章节编号（12-22章改为11-21章） |
 | 3.47 | 2026-03-29 | 更新多语言国际化规范（16.2节）：语言包格式从 JSON 迁移到 TOML，使用 Python 3.11+ 内置 tomllib 模块 |
 | 3.46 | 2026-03-27 | 更新项目结构（1.3节）：新增 app_mode.py 到 core/ 目录，支持安装版/便携版运行模式检测和配置目录区分 |
 | 3.45 | 2026-03-24 | 更新项目结构（1.3节）：新增 confirm_dialogs.py 到 dialogs/ 目录，包含导入模式和删除确认对话框 |
-- 
Gitee


From 48a58d30d5abaf6f032c704221deb1a65ca82cd2 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=9D=92=E5=B1=B1=E5=85=AC=E4=BB=94?=
 <qingshangongzai@163.com>
Date: Mon, 13 Apr 2026 03:59:53 +0800
Subject: [PATCH 05/29] =?UTF-8?q?[=E6=96=B0=E5=8A=9F=E8=83=BD]=20=E6=96=B0?=
 =?UTF-8?q?=E5=A2=9E=E5=8D=95=E8=89=B2=E6=98=8E=E5=BA=A6=E6=A2=AF=E5=BA=A6?=
 =?UTF-8?q?=E6=A8=A1=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- core/gradient.py 新增 generate_lightness_shades 和 generate_random_lightness_shade 函数
- core/__init__.py 导出新函数并更新 __all__
- core/config.py 默认配置新增 gradient_mode
- ui/settings.py 新增渐变模式设置卡片和信号
- ui/gradient_extract.py 实现模式切换逻辑，支持隐藏结束颜色行、调整滑块范围和标签文本
- ui/main_window.py 连接 gradient_mode_changed 信号
- locales/*.toml 新增 base_color/shade_count/gradient_mode 等翻译键
---
 core/__init__.py       |   4 ++
 core/config.py         |   3 +-
 core/gradient.py       |  52 ++++++++++++++++++++
 locales/FR_FR.toml     |   6 +++
 locales/JA_JP.toml     |   6 +++
 locales/RU_RU.toml     |   6 +++
 locales/ZW_FT.toml     |   6 +++
 locales/ZW_JT.toml     |   6 +++
 locales/en_US.toml     |   6 +++
 ui/gradient_extract.py | 108 ++++++++++++++++++++++++++++++-----------
 ui/main_window.py      |   5 ++
 ui/settings.py         |  65 +++++++++++++++++++++++++
 12 files changed, 243 insertions(+), 30 deletions(-)

diff --git a/core/__init__.py b/core/__init__.py
index 238bfb3..a00796d 100644
--- a/core/__init__.py
+++ b/core/__init__.py
@@ -74,6 +74,8 @@ from .color_data import (
 from .gradient import (
     generate_gradient,
     generate_random_gradient,
+    generate_lightness_shades,
+    generate_random_lightness_shade,
 )
 
 from .async_loader import BaseBatchLoader
@@ -122,6 +124,8 @@ __all__ = [
     # 颜色工具函数
     'generate_gradient',
     'generate_random_gradient',
+    'generate_lightness_shades',
+    'generate_random_lightness_shade',
     'rgb_to_hsb',
     'rgb_to_lab',
     'rgb_to_hex',
diff --git a/core/config.py b/core/config.py
index cc649cb..45084e8 100644
--- a/core/config.py
+++ b/core/config.py
@@ -79,7 +79,8 @@ class ConfigManager:
                 "color_wheel_mode": "RGB",
                 "theme": "auto",
                 "color_wheel_labels_visible": True,
-                "language": "auto"
+                "language": "auto",
+                "gradient_mode": "gradient"
             },
             "scheme": {
                 "default_scheme": "monochromatic",
diff --git a/core/gradient.py b/core/gradient.py
index 3f663c7..4a4c131 100644
--- a/core/gradient.py
+++ b/core/gradient.py
@@ -238,3 +238,55 @@ def generate_random_gradient(steps: int = 2, color_space: str = 'lab') -> Tuple[
     colors = generate_gradient(start_hex, end_hex, steps, color_space)
 
     return start_hex, end_hex, colors
+
+
+def generate_lightness_shades(base_hex: str, count: int = 9) -> List[Tuple[int, int, int]]:
+    """生成单色明度梯度
+
+    固定色相和饱和度，明度从高到低均匀分布
+
+    Args:
+        base_hex: 基准颜色HEX值，如"#FF5733"
+        count: 色阶数量 (3-13)，默认9
+
+    Returns:
+        List[Tuple[int, int, int]]: RGB颜色列表
+
+    Raises:
+        ValueError: 当输入的HEX值格式无效时
+    """
+    count = max(3, min(13, count))
+
+    base_rgb = hex_to_rgb(base_hex)
+    H, S, _ = rgb_to_hsb(*base_rgb)
+
+    min_brightness = 10
+    max_brightness = 95
+    step = (max_brightness - min_brightness) / (count - 1)
+
+    colors = []
+    for i in range(count):
+        B = max_brightness - i * step
+        colors.append(hsb_to_rgb(H, S, B))
+
+    return colors
+
+
+def generate_random_lightness_shade(count: int = 9) -> Tuple[str, List[Tuple[int, int, int]]]:
+    """生成随机单色明度梯度
+
+    Args:
+        count: 色阶数量 (3-13)，默认9
+
+    Returns:
+        Tuple[str, List[Tuple[int, int, int]]]: (基准色HEX, RGB颜色列表)
+    """
+    import random
+    from .color import rgb_to_hex
+
+    base_rgb = (random.randint(0, 255), random.randint(0, 255), random.randint(0, 255))
+    base_hex = rgb_to_hex(*base_rgb)
+
+    colors = generate_lightness_shades(base_hex, count)
+
+    return base_hex, colors
diff --git a/locales/FR_FR.toml b/locales/FR_FR.toml
index bb22fe5..bea8d6b 100644
--- a/locales/FR_FR.toml
+++ b/locales/FR_FR.toml
@@ -33,7 +33,9 @@ image_filter = "Fichiers image (*.png *.jpg *.jpeg *.bmp *.gif)"
 [gradient_extract]
 start_color = "Couleur de départ"
 end_color = "Couleur de fin"
+base_color = "Couleur de base"
 steps = "Couleurs intermédiaires"
+shade_count = "Nombre de nuances"
 random = "Aléatoire"
 favorite = "Enregistrer"
 select_color = "Sélectionner la couleur"
@@ -237,6 +239,10 @@ gradient_color_space_desc = "Sélectionner l'espace colorimétrique pour l'inter
 gradient_rgb = "Espace RGB"
 gradient_hsb = "Espace HSB"
 gradient_lab = "Espace LAB"
+gradient_mode = "Mode de dégradé"
+gradient_mode_desc = "Sélectionner le mode d'extraction du dégradé"
+gradient_mode_gradient = "Dégradé bicolore"
+gradient_mode_shade = "Nuances de luminosité"
 language = "Paramètres de langue"
 language_title = "Langue de l'interface"
 language_desc = "Sélectionner la langue d'affichage de l'application"
diff --git a/locales/JA_JP.toml b/locales/JA_JP.toml
index 627e9d2..166bc65 100644
--- a/locales/JA_JP.toml
+++ b/locales/JA_JP.toml
@@ -33,7 +33,9 @@ image_filter = "画像ファイル (*.png *.jpg *.jpeg *.bmp *.gif)"
 [gradient_extract]
 start_color = "開始色"
 end_color = "終了色"
+base_color = "ベース色"
 steps = "中間色数"
+shade_count = "色階数"
 random = "ランダム"
 favorite = "保存"
 select_color = "色を選択"
@@ -237,6 +239,10 @@ gradient_color_space_desc = "グラデーション補間に使用する色空間
 gradient_rgb = "RGB 空間"
 gradient_hsb = "HSB 空間"
 gradient_lab = "LAB 空間"
+gradient_mode = "グラデーションモード"
+gradient_mode_desc = "グラデーション抽出のモードを選択"
+gradient_mode_gradient = "二色グラデーション"
+gradient_mode_shade = "明度シェード"
 language = "言語設定"
 language_title = "インターフェース言語"
 language_desc = "アプリケーションの表示言語を選択"
diff --git a/locales/RU_RU.toml b/locales/RU_RU.toml
index 94ceeb0..3f446cf 100644
--- a/locales/RU_RU.toml
+++ b/locales/RU_RU.toml
@@ -33,7 +33,9 @@ image_filter = "Файлы изображений (*.png *.jpg *.jpeg *.bmp *.gi
 [gradient_extract]
 start_color = "Начальный цвет"
 end_color = "Конечный цвет"
+base_color = "Базовый цвет"
 steps = "Промежуточные цвета"
+shade_count = "Количество оттенков"
 random = "Случайный"
 favorite = "Сохр."
 select_color = "Выбрать цвет"
@@ -238,6 +240,10 @@ gradient_color_space_desc = "Выберите цветовое простран
 gradient_rgb = "RGB пространство"
 gradient_hsb = "HSB пространство"
 gradient_lab = "LAB пространство"
+gradient_mode = "Режим градиента"
+gradient_mode_desc = "Выберите режим извлечения градиента"
+gradient_mode_gradient = "Двухцветный градиент"
+gradient_mode_shade = "Оттенки яркости"
 language = "Настройки языка"
 language_title = "Язык интерфейса"
 language_desc = "Выберите язык отображения приложения"
diff --git a/locales/ZW_FT.toml b/locales/ZW_FT.toml
index a41d7a6..a72f434 100644
--- a/locales/ZW_FT.toml
+++ b/locales/ZW_FT.toml
@@ -33,7 +33,9 @@ image_filter = "圖片文件 (*.png *.jpg *.jpeg *.bmp *.gif)"
 [gradient_extract]
 start_color = "起始顏色"
 end_color = "結束顏色"
+base_color = "基準顏色"
 steps = "中間色數量"
+shade_count = "色階數量"
 random = "隨機"
 favorite = "收藏"
 select_color = "選擇顏色"
@@ -237,6 +239,10 @@ gradient_color_space_desc = "選擇漸變色插值的顏色空間"
 gradient_rgb = "RGB 空間"
 gradient_hsb = "HSB 空間"
 gradient_lab = "LAB 空間"
+gradient_mode = "漸變模式"
+gradient_mode_desc = "選擇漸變提取的模式"
+gradient_mode_gradient = "雙色漸變"
+gradient_mode_shade = "單色明度梯度"
 language = "語言設置"
 language_title = "頁面語言"
 language_desc = "選擇應用程序的顯示語言"
diff --git a/locales/ZW_JT.toml b/locales/ZW_JT.toml
index 53d3424..2c47899 100644
--- a/locales/ZW_JT.toml
+++ b/locales/ZW_JT.toml
@@ -33,7 +33,9 @@ image_filter = "图片文件 (*.png *.jpg *.jpeg *.bmp *.gif)"
 [gradient_extract]
 start_color = "起始颜色"
 end_color = "结束颜色"
+base_color = "基准颜色"
 steps = "中间色数量"
+shade_count = "色阶数量"
 random = "随机"
 favorite = "收藏"
 select_color = "选择颜色"
@@ -237,6 +239,10 @@ gradient_color_space_desc = "选择渐变色插值的颜色空间"
 gradient_rgb = "RGB 空间"
 gradient_hsb = "HSB 空间"
 gradient_lab = "LAB 空间"
+gradient_mode = "渐变模式"
+gradient_mode_desc = "选择渐变提取的模式"
+gradient_mode_gradient = "双色渐变"
+gradient_mode_shade = "单色明度梯度"
 language = "语言设置"
 language_title = "页面语言"
 language_desc = "选择应用程序的显示语言"
diff --git a/locales/en_US.toml b/locales/en_US.toml
index caaf536..e2739ef 100644
--- a/locales/en_US.toml
+++ b/locales/en_US.toml
@@ -33,7 +33,9 @@ image_filter = "Image Files (*.png *.jpg *.jpeg *.bmp *.gif)"
 [gradient_extract]
 start_color = "Start Color"
 end_color = "End Color"
+base_color = "Base Color"
 steps = "Middle Colors"
+shade_count = "Shade Count"
 random = "Random"
 favorite = "Save"
 select_color = "Select Color"
@@ -237,6 +239,10 @@ gradient_color_space_desc = "Select color space for gradient interpolation"
 gradient_rgb = "RGB Space"
 gradient_hsb = "HSB Space"
 gradient_lab = "LAB Space"
+gradient_mode = "Gradient Mode"
+gradient_mode_desc = "Select the gradient extraction mode"
+gradient_mode_gradient = "Two-color Gradient"
+gradient_mode_shade = "Lightness Shades"
 language = "Language Settings"
 language_title = "Interface Language"
 language_desc = "Select the display language for the application"
diff --git a/ui/gradient_extract.py b/ui/gradient_extract.py
index f2cbe2e..cfc86b6 100644
--- a/ui/gradient_extract.py
+++ b/ui/gradient_extract.py
@@ -14,7 +14,7 @@ from qfluentwidgets import (
 )
 
 # 项目模块导入
-from core import generate_gradient, generate_random_gradient, get_color_info
+from core import generate_gradient, generate_random_gradient, generate_lightness_shades, generate_random_lightness_shade, get_color_info
 from core import get_config_manager
 from core.logger import get_logger, log_user_action
 from ui.cards import ColorCard
@@ -261,12 +261,14 @@ class GradientExtractInterface(QWidget):
         self.setObjectName('gradientExtract')
         self._config_manager = get_config_manager()
         self._color_space = self._config_manager.get('settings.gradient_color_space', 'lab')
+        self._gradient_mode = self._config_manager.get('settings.gradient_mode', 'gradient')
         self._start_color = "#FF5733"
         self._end_color = "#33FF57"
         self._steps = 2  # 默认2个中间色，共4个颜色
 
         self.setup_ui()
         self._update_styles()
+        self._apply_gradient_mode_ui()
         qconfig.themeChangedFinished.connect(self._update_styles)
         get_locale_manager().language_changed.connect(self._on_language_changed)
 
@@ -325,8 +327,10 @@ class GradientExtractInterface(QWidget):
         control_layout.addLayout(start_color_layout)
 
         # 结束颜色选择
-        end_color_layout = QHBoxLayout()
-        end_color_layout.setSpacing(8)
+        self.end_color_widget = QWidget()
+        end_color_inner_layout = QHBoxLayout(self.end_color_widget)
+        end_color_inner_layout.setContentsMargins(0, 0, 0, 0)
+        end_color_inner_layout.setSpacing(8)
         self.end_color_dot = ColorDot(self._end_color)
         self.end_color_label = QLabel(tr('gradient_extract.end_color'))
         self.end_color_label.setFixedWidth(56)
@@ -340,12 +344,12 @@ class GradientExtractInterface(QWidget):
         self.end_color_input.textChanged.connect(self._on_end_color_text_changed)
         self.end_color_input.editingFinished.connect(self._on_end_color_editing_finished)
         self.end_color_dot.clicked.connect(self._open_end_color_picker)
-        end_color_layout.addStretch()
-        end_color_layout.addWidget(self.end_color_dot)
-        end_color_layout.addWidget(self.end_color_label)
-        end_color_layout.addWidget(self.end_color_input)
-        end_color_layout.addStretch()
-        control_layout.addLayout(end_color_layout)
+        end_color_inner_layout.addStretch()
+        end_color_inner_layout.addWidget(self.end_color_dot)
+        end_color_inner_layout.addWidget(self.end_color_label)
+        end_color_inner_layout.addWidget(self.end_color_input)
+        end_color_inner_layout.addStretch()
+        control_layout.addWidget(self.end_color_widget)
 
         # 中间色数量控制
         steps_layout = QVBoxLayout()
@@ -423,7 +427,6 @@ class GradientExtractInterface(QWidget):
         self.steps_label.setStyleSheet(f"color: {text_color.name()}; font-size: 13px;")
         self.steps_value_label.setStyleSheet(f"color: {secondary_text.name()}; font-size: 13px;")
 
-        # 更新输入框样式（与配色管理一致）
         self._update_hex_input_style()
 
     def _update_hex_input_style(self):
@@ -450,9 +453,13 @@ class GradientExtractInterface(QWidget):
 
     def _on_language_changed(self, language_code):
         """语言切换回调"""
-        self.start_color_label.setText(tr('gradient_extract.start_color'))
+        if self._gradient_mode == 'shade':
+            self.start_color_label.setText(tr('gradient_extract.base_color'))
+            self.steps_label.setText(tr('gradient_extract.shade_count'))
+        else:
+            self.start_color_label.setText(tr('gradient_extract.start_color'))
+            self.steps_label.setText(tr('gradient_extract.steps'))
         self.end_color_label.setText(tr('gradient_extract.end_color'))
-        self.steps_label.setText(tr('gradient_extract.steps'))
         self.random_button.setText(tr('gradient_extract.random'))
         self.favorite_button.setText(tr('gradient_extract.favorite'))
 
@@ -643,32 +650,43 @@ class GradientExtractInterface(QWidget):
     def _generate_gradient(self):
         """生成渐变色"""
         try:
-            colors = generate_gradient(
-                self._start_color,
-                self._end_color,
-                self._steps,
-                self._color_space
-            )
+            if self._gradient_mode == 'shade':
+                colors = generate_lightness_shades(self._start_color, self._steps)
+            else:
+                colors = generate_gradient(
+                    self._start_color,
+                    self._end_color,
+                    self._steps,
+                    self._color_space
+                )
             self._current_colors = colors
             self.gradient_preview.set_colors(colors)
             self.card_panel.set_colors(colors)
-            logger.debug(f"生成渐变成功: start={self._start_color}, end={self._end_color}, steps={self._steps}, color_space={self._color_space}")
-        except Exception as e:
-            logger.error(f"生成渐变失败: start={self._start_color}, end={self._end_color}, steps={self._steps}, error={e}", exc_info=True)
+            logger.debug(f"生成渐变成功: mode={self._gradient_mode}, start={self._start_color}, steps={self._steps}")
+        except (ValueError, TypeError) as e:
+            logger.error(f"生成渐变失败: mode={self._gradient_mode}, error={e}", exc_info=True)
 
     def _on_random_clicked(self):
         """随机按钮点击"""
-        start_hex, end_hex, colors = generate_random_gradient(self._steps, self._color_space)
-        self._start_color = start_hex
-        self._end_color = end_hex
-        self.start_color_dot.set_color(start_hex)
-        self.end_color_dot.set_color(end_hex)
-        self.start_color_input.setText(start_hex)
-        self.end_color_input.setText(end_hex)
+        if self._gradient_mode == 'shade':
+            base_hex, colors = generate_random_lightness_shade(self._steps)
+            self._start_color = base_hex
+            self.start_color_dot.set_color(base_hex)
+            self.start_color_input.setText(base_hex)
+            log_user_action("random_lightness_shade", {"base": base_hex, "count": self._steps})
+        else:
+            start_hex, end_hex, colors = generate_random_gradient(self._steps, self._color_space)
+            self._start_color = start_hex
+            self._end_color = end_hex
+            self.start_color_dot.set_color(start_hex)
+            self.end_color_dot.set_color(end_hex)
+            self.start_color_input.setText(start_hex)
+            self.end_color_input.setText(end_hex)
+            log_user_action("random_gradient", {"start": start_hex, "end": end_hex, "steps": self._steps})
+
         self._current_colors = colors
         self.gradient_preview.set_colors(colors)
         self.card_panel.set_colors(colors)
-        log_user_action("random_gradient", {"start": start_hex, "end": end_hex, "steps": self._steps, "color_count": len(colors)})
 
     def _on_favorite_clicked(self):
         """收藏按钮点击"""
@@ -739,6 +757,38 @@ class GradientExtractInterface(QWidget):
         log_user_action("change_color_space", {"color_space": color_space})
         self._generate_gradient()
 
+    def set_gradient_mode(self, mode: str):
+        """设置渐变模式
+
+        Args:
+            mode: 'gradient' 或 'shade'
+        """
+        self._gradient_mode = mode
+        self._apply_gradient_mode_ui()
+        self._generate_gradient()
+        log_user_action("change_gradient_mode", {"mode": mode})
+
+    def _apply_gradient_mode_ui(self):
+        """根据当前渐变模式更新UI"""
+        is_shade = self._gradient_mode == 'shade'
+
+        self.end_color_widget.setVisible(not is_shade)
+
+        if is_shade:
+            self.start_color_label.setText(tr('gradient_extract.base_color'))
+            self.steps_label.setText(tr('gradient_extract.shade_count'))
+            self.steps_slider.setMinimum(3)
+            self.steps_slider.setMaximum(13)
+            if self._steps < 3:
+                self.steps_slider.setValue(3)
+        else:
+            self.start_color_label.setText(tr('gradient_extract.start_color'))
+            self.steps_label.setText(tr('gradient_extract.steps'))
+            self.steps_slider.setMinimum(1)
+            self.steps_slider.setMaximum(10)
+            if self._steps > 10:
+                self.steps_slider.setValue(10)
+
     def set_hex_visible(self, visible: bool):
         """设置16进制显示"""
         self.card_panel.set_hex_visible(visible)
diff --git a/ui/main_window.py b/ui/main_window.py
index 60c2f0b..52a81fb 100644
--- a/ui/main_window.py
+++ b/ui/main_window.py
@@ -342,6 +342,11 @@ class MainWindow(FluentWindow):
             gradient_extract_interface.set_color_space
         )
 
+        # 连接渐变模式改变信号到渐变提取界面
+        settings_interface.gradient_mode_changed.connect(
+            gradient_extract_interface.set_gradient_mode
+        )
+
         # 连接直方图模式改变信号到色彩提取界面
         settings_interface.histogram_mode_changed.connect(
             self._on_histogram_mode_changed
diff --git a/ui/settings.py b/ui/settings.py
index bac105f..324585c 100644
--- a/ui/settings.py
+++ b/ui/settings.py
@@ -36,6 +36,7 @@ class SettingsInterface(QWidget):
     brightness_threshold_changed = Signal(int)
     color_wheel_labels_visible_changed = Signal(bool)
     gradient_color_space_changed = Signal(str)
+    gradient_mode_changed = Signal(str)
 
     def __init__(self, parent=None):
         super().__init__(parent)
@@ -52,6 +53,7 @@ class SettingsInterface(QWidget):
         self._brightness_threshold = self._config_manager.get('settings.brightness_threshold', 70)
         self._color_wheel_labels_visible = self._config_manager.get('settings.color_wheel_labels_visible', True)
         self._gradient_color_space = self._config_manager.get('settings.gradient_color_space', 'lab')
+        self._gradient_mode = self._config_manager.get('settings.gradient_mode', 'gradient')
         self._language = self._config_manager.get('settings.language', 'ZW_JT')
         self.setup_ui()
         self._update_styles()
@@ -187,6 +189,9 @@ class SettingsInterface(QWidget):
 
         self.gradient_group = SettingCardGroup(tr('settings.gradient'), self.content_widget)
 
+        self.gradient_mode_card = self._create_gradient_mode_card()
+        self.gradient_group.addSettingCard(self.gradient_mode_card)
+
         self.gradient_color_space_card = self._create_gradient_color_space_card()
         self.gradient_group.addSettingCard(self.gradient_color_space_card)
 
@@ -350,6 +355,10 @@ class SettingsInterface(QWidget):
 
         # 更新渐变提取卡片
         self.gradient_group.titleLabel.setText(tr('settings.gradient'))
+        self.gradient_mode_card.titleLabel.setText(tr('settings.gradient_mode'))
+        self.gradient_mode_card.contentLabel.setText(tr('settings.gradient_mode_desc'))
+        self.gradient_mode_card.combo_box.setItemText(0, tr('settings.gradient_mode_gradient'))
+        self.gradient_mode_card.combo_box.setItemText(1, tr('settings.gradient_mode_shade'))
         self.gradient_color_space_card.titleLabel.setText(tr('settings.gradient_color_space'))
         self.gradient_color_space_card.contentLabel.setText(tr('settings.gradient_color_space_desc'))
         self.gradient_color_space_card.combo_box.setItemText(0, tr('settings.gradient_rgb'))
@@ -635,6 +644,48 @@ class SettingsInterface(QWidget):
         log_user_action("change_color_wheel_mode", {"mode": mode})
         self.color_wheel_mode_changed.emit(mode)
 
+    def _create_gradient_mode_card(self):
+        """创建渐变模式选择卡片"""
+        card = PushSettingCard(
+            "",
+            FluentIcon.PALETTE,
+            tr('settings.gradient_mode'),
+            tr('settings.gradient_mode_desc'),
+            self.content_widget
+        )
+        card.button.setVisible(False)
+
+        combo_box = ComboBox(self.content_widget)
+        combo_box.addItem(tr('settings.gradient_mode_gradient'))
+        combo_box.setItemData(0, "gradient")
+        combo_box.addItem(tr('settings.gradient_mode_shade'))
+        combo_box.setItemData(1, "shade")
+
+        for i in range(combo_box.count()):
+            if combo_box.itemData(i) == self._gradient_mode:
+                combo_box.setCurrentIndex(i)
+                break
+
+        combo_box.setFixedWidth(120)
+        combo_box.currentIndexChanged.connect(self._on_gradient_mode_changed)
+
+        card.hBoxLayout.addWidget(combo_box, 0, Qt.AlignmentFlag.AlignRight)
+        card.hBoxLayout.addSpacing(16)
+
+        card.combo_box = combo_box
+
+        return card
+
+    def _on_gradient_mode_changed(self, index):
+        """渐变模式改变"""
+        combo_box = self.gradient_mode_card.combo_box
+        mode = combo_box.itemData(index)
+        self._gradient_mode = mode
+        self._config_manager.set('settings.gradient_mode', mode)
+        self._config_manager.save()
+        log_user_action("change_gradient_mode", {"mode": mode})
+        self.gradient_mode_changed.emit(mode)
+
     def _create_gradient_color_space_card(self):
         """创建渐变颜色空间选择卡片"""
         card = PushSettingCard(
@@ -679,6 +730,20 @@ class SettingsInterface(QWidget):
         log_user_action("change_gradient_color_space", {"color_space": mode})
         self.gradient_color_space_changed.emit(mode)
 
+    def set_gradient_mode(self, mode):
+        """设置渐变模式
+
+        Args:
+            mode: 'gradient' 或 'shade'
+        """
+        self._gradient_mode = mode
+        if hasattr(self.gradient_mode_card, 'combo_box'):
+            combo_box = self.gradient_mode_card.combo_box
+            for i in range(combo_box.count()):
+                if combo_box.itemData(i) == mode:
+                    combo_box.setCurrentIndex(i)
+                    break
+
     def get_gradient_color_space(self):
         """获取当前渐变颜色空间"""
         return self._gradient_color_space
-- 
Gitee


From 01e5714ecc5d0486d7f4f714c15496fbffe3d554 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=9D=92=E5=B1=B1=E5=85=AC=E4=BB=94?=
 <qingshangongzai@163.com>
Date: Mon, 13 Apr 2026 04:05:04 +0800
Subject: [PATCH 06/29] =?UTF-8?q?[=E5=86=85=E5=AE=B9=E8=B0=83=E6=95=B4]=20?=
 =?UTF-8?q?=E6=9B=B4=E6=96=B0=E6=B8=90=E5=8F=98=E5=8A=9F=E8=83=BD=E6=8F=8F?=
 =?UTF-8?q?=E8=BF=B0=EF=BC=8C=E6=96=B0=E5=A2=9E=E5=8D=95=E8=89=B2=E6=98=8E?=
 =?UTF-8?q?=E5=BA=A6=E6=A2=AF=E5=BA=A6=E6=A8=A1=E5=BC=8F=E8=AF=B4=E6=98=8E?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- README.md 中文核心功能表和功能模块表更新渐变色提取描述
- README.md 英文核心功能表和功能模块表更新渐变色提取描述
- website/index.html 截图卡片和JS功能描述更新渐变生成说明
---
 README.md          | 8 ++++----
 docs/index.html    | 4 ++--
 website/index.html | 4 ++--
 3 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/README.md b/README.md
index c62e225..a9580e3 100644
--- a/README.md
+++ b/README.md
@@ -67,7 +67,7 @@
 |------|---------|
 | **色彩信息提取**<br>通过可拖动取色点实时提取图片颜色，支持多色彩空间显示（HSB、LAB、HSL、CMYK、RGB） | ![色彩提取](docs/screenshots/color-extract.png) |
 | **明度分析**<br>将图片按明度分为9个区域（基于Adobe标准），提供直方图可视化，可快速分析图片影调 | ![明度分析](docs/screenshots/luminance-extract.png) |
-| **渐变色提取**<br>通过起始色和结束色生成渐变色序列，支持 RGB/HSB/LAB 三种颜色空间插值 | ![渐变色提取](docs/screenshots/Gradient%20Extract.png) |
+| **渐变色提取**<br>支持双色渐变和单色明度梯度两种模式，双色渐变通过起始色和结束色生成渐变色序列，单色明度梯度固定色相饱和度按明度分级生成色阶（类似 Tailwind 50-900），支持 RGB/HSB/LAB 三种颜色空间插值 | ![渐变色提取](docs/screenshots/Gradient%20Extract.png) |
 | **配色生成**<br>提供5种专业配色方案（同色系、邻近色、互补色、分离补色、双补色），支持可交互色环选择 | ![配色生成](docs/screenshots/color-generation.png) |
 | **配色收藏**<br>支持收藏、管理配色方案，支持批量导入导出为JSON文件，支持单组色卡导出为 Adobe ASE 格式 | ![配色管理](docs/screenshots/palette-management.png) |
 | **内置色彩库**<br>集成 Open Color、Tailwind CSS、Material Design 等13大开源配色方案，总计661组色卡 | ![内置色彩库](docs/screenshots/preset-colors.png) |
@@ -162,7 +162,7 @@
 | :---- | :------------------------------------------------ |
 | 色彩提取  | 可拖动取色点、多色彩空间显示、一键复制颜色值                            |
 | 明度分析  | 9级明度分区（Zone 0-8）、直方图可视化、区域高亮                      |
-| 渐变色提取 | 起始色/结束色设置、RGB/HSB/LAB插值、中间色数量调节                   |
+| 渐变色提取 | 双色渐变/单色明度梯度两种模式、RGB/HSB/LAB插值、中间色数量调节 |                  |
 | 配色生成  | 5种配色方案、可交互色环、明度调整                                 |
 | 配色管理  | 收藏配色、自定义名称、批量导入导出为JSON文件、支持单组配色ASE格式导出（支持Adobe软件） |
 | 配色预览  | 8种内置场景、自定义SVG、智能配色映射                              |
@@ -318,7 +318,7 @@ Since the release of v1.0.0 on 2026-02-05, the project has maintained a fast and
 |---------|------------|
 | **Visual Color Extraction**<br>Real-time color extraction via draggable color pickers, supporting multiple color spaces (HSB, LAB, HSL, CMYK, RGB) | ![Color Extraction](docs/screenshots/color-extract.png) |
 | **Luminance Analysis**<br>9-zone luminance segmentation (Zone 0-8 based on Adobe standard) with histogram visualization | ![Luminance Analysis](docs/screenshots/luminance-extract.png) |
-| **Gradient Extraction**<br>Generate gradient color sequences from start and end colors, supporting RGB/HSB/LAB color space interpolation | ![Gradient Extraction](docs/screenshots/Gradient%20Extract.png) |
+| **Gradient Extraction**<br>Two modes: two-color gradient generates sequences from start/end colors, lightness shades generates scales by brightness with fixed hue/saturation (like Tailwind 50-900), supporting RGB/HSB/LAB color space interpolation | ![Gradient Extraction](docs/screenshots/Gradient%20Extract.png) |
 | **Color Scheme Generation**<br>5 professional color schemes (Monochromatic, Analogous, Complementary, Split-Complementary, Double Complementary) with interactive color wheel | ![Color Generation](docs/screenshots/color-generation.png) |
 | **Palette Collection**<br>Save and manage color schemes, support batch import/export in JSON format, support single palette export to Adobe ASE format | ![Palette Management](docs/screenshots/palette-management.png) |
 | **Built-in Color Library**<br>13 major open-source color schemes including Open Color, Tailwind CSS, Material Design, totaling 661 color palettes | ![Preset Colors](docs/screenshots/preset-colors.png) |
@@ -411,7 +411,7 @@ Since the release of v1.0.0 on 2026-02-05, the project has maintained a fast and
 | Module              | Features                                                                                                                              |
 | :------------------ | :------------------------------------------------------------------------------------------------------------------------------------ |
 | Color Extraction    | Draggable pickers, multiple color spaces, one-click copy                                                                              |
-| Gradient Extraction | Start/end color selection, RGB/HSB/LAB interpolation, adjustable middle colors                                                        |
+| Gradient Extraction | Two-color gradient / lightness shades modes, RGB/HSB/LAB interpolation, adjustable middle colors |                                                       |
 | Luminance Analysis  | 9-zone segmentation (Zone 0-8), histogram visualization, zone highlighting                                                            |
 | Color Generation    | 5 color schemes, interactive color wheel, luminance adjustment                                                                        |
 | Palette Management  | Save palettes, custom names, batch import/export in JSON format, support single palette ASE format export (Adobe software compatible) |
diff --git a/docs/index.html b/docs/index.html
index fe114e5..c051f28 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -618,7 +618,7 @@
                     <img src="screenshots/Gradient Extract.png" alt="渐变生成" class="w-full h-auto hover:scale-105 transition-transform duration-300" loading="lazy">
                     <div class="p-4">
                         <h3 class="font-bold text-gray-900 dark:text-white">渐变生成</h3>
-                        <p class="text-sm text-gray-500 mt-1">生成渐变色序列，支持多种颜色空间</p>
+                        <p class="text-sm text-gray-500 mt-1">双色渐变与单色明度梯度，支持多种颜色空间</p>
                     </div>
                 </div>
                 <div class="screenshot-card glass-card rounded-2xl overflow-hidden cursor-pointer hover:shadow-xl transition-all duration-300" onclick="openLightbox('screenshots/locales.png')">
@@ -1261,7 +1261,7 @@
             { icon: 'library', title: '内置色彩库', desc: '集成 Open Color、Tailwind CSS、Material Design 等13大开源配色方案，总计661组色卡' },
             { icon: 'eye', title: '配色预览', desc: '支持手机UI、网页、插画、排版、品牌、海报、图案、杂志等8种场景预览，支持自定义SVG' },
             { icon: 'barchart', title: '明度分析', desc: '将图片按明度分为9个区域，提供直方图可视化，辅助调色决策' },
-            { icon: 'gradient', title: '渐变生成', desc: '选择起始和结束颜色，生成渐变色序列，支持RGB/HSB/LAB三种颜色空间插值，可调节1-10个中间色' },
+            { icon: 'gradient', title: '渐变生成', desc: '支持双色渐变和单色明度梯度两种模式，RGB/HSB/LAB三种颜色空间插值，可调节中间色数量' },
             { icon: 'globe', title: '多语言支持', desc: '支持简体中文、繁体中文、英语、日语、法语、俄语六种语言界面切换，支持跟随系统语言自动切换' },
             { icon: 'moon', title: '明暗主题', desc: '支持深色模式和浅色模式切换，保护视力，适应不同使用环境' },
         ];
diff --git a/website/index.html b/website/index.html
index fe114e5..c051f28 100644
--- a/website/index.html
+++ b/website/index.html
@@ -618,7 +618,7 @@
                     <img src="screenshots/Gradient Extract.png" alt="渐变生成" class="w-full h-auto hover:scale-105 transition-transform duration-300" loading="lazy">
                     <div class="p-4">
                         <h3 class="font-bold text-gray-900 dark:text-white">渐变生成</h3>
-                        <p class="text-sm text-gray-500 mt-1">生成渐变色序列，支持多种颜色空间</p>
+                        <p class="text-sm text-gray-500 mt-1">双色渐变与单色明度梯度，支持多种颜色空间</p>
                     </div>
                 </div>
                 <div class="screenshot-card glass-card rounded-2xl overflow-hidden cursor-pointer hover:shadow-xl transition-all duration-300" onclick="openLightbox('screenshots/locales.png')">
@@ -1261,7 +1261,7 @@
             { icon: 'library', title: '内置色彩库', desc: '集成 Open Color、Tailwind CSS、Material Design 等13大开源配色方案，总计661组色卡' },
             { icon: 'eye', title: '配色预览', desc: '支持手机UI、网页、插画、排版、品牌、海报、图案、杂志等8种场景预览，支持自定义SVG' },
             { icon: 'barchart', title: '明度分析', desc: '将图片按明度分为9个区域，提供直方图可视化，辅助调色决策' },
-            { icon: 'gradient', title: '渐变生成', desc: '选择起始和结束颜色，生成渐变色序列，支持RGB/HSB/LAB三种颜色空间插值，可调节1-10个中间色' },
+            { icon: 'gradient', title: '渐变生成', desc: '支持双色渐变和单色明度梯度两种模式，RGB/HSB/LAB三种颜色空间插值，可调节中间色数量' },
             { icon: 'globe', title: '多语言支持', desc: '支持简体中文、繁体中文、英语、日语、法语、俄语六种语言界面切换，支持跟随系统语言自动切换' },
             { icon: 'moon', title: '明暗主题', desc: '支持深色模式和浅色模式切换，保护视力，适应不同使用环境' },
         ];
-- 
Gitee


From 9b438dbe3aadf25635e94096db2c085b05fb43bb Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=9D=92=E5=B1=B1=E5=85=AC=E4=BB=94?=
 <qingshangongzai@163.com>
Date: Mon, 13 Apr 2026 04:50:35 +0800
Subject: [PATCH 07/29] =?UTF-8?q?[=E6=96=B0=E5=8A=9F=E8=83=BD]=20=E6=B8=90?=
 =?UTF-8?q?=E5=8F=98=E6=8F=90=E5=8F=96=E6=94=AF=E6=8C=81HSL=E9=A2=9C?=
 =?UTF-8?q?=E8=89=B2=E7=A9=BA=E9=97=B4=E6=8F=92=E5=80=BC=EF=BC=8C=E5=8D=95?=
 =?UTF-8?q?=E8=89=B2=E6=A8=A1=E5=BC=8F=E7=A6=81=E7=94=A8RGB=E9=80=89?=
 =?UTF-8?q?=E9=A1=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- core/gradient.py: 新增_interpolate_hsl()函数，generate_gradient()和generate_lightness_shades()支持hsl颜色空间参数
- ui/gradient_extract.py: 单色明度梯度和随机生成调用时传入color_space参数
- ui/settings.py: 颜色空间下拉框添加HSL选项，单色模式下移除RGB选项并自动切换为HSB
- locales/*.toml: 6个语言包添加gradient_hsl翻译键
- README.md、website/index.html、docs/index.html: 更新渐变功能描述为四种颜色空间
---
 README.md              |  8 ++--
 core/gradient.py       | 90 +++++++++++++++++++++++++++++++++---------
 docs/index.html        |  2 +-
 locales/FR_FR.toml     |  1 +
 locales/JA_JP.toml     |  1 +
 locales/RU_RU.toml     |  1 +
 locales/ZW_FT.toml     |  1 +
 locales/ZW_JT.toml     |  1 +
 locales/en_US.toml     |  1 +
 ui/gradient_extract.py |  4 +-
 ui/settings.py         | 70 ++++++++++++++++++++++++--------
 website/index.html     |  2 +-
 12 files changed, 139 insertions(+), 43 deletions(-)

diff --git a/README.md b/README.md
index a9580e3..25b0219 100644
--- a/README.md
+++ b/README.md
@@ -67,7 +67,7 @@
 |------|---------|
 | **色彩信息提取**<br>通过可拖动取色点实时提取图片颜色，支持多色彩空间显示（HSB、LAB、HSL、CMYK、RGB） | ![色彩提取](docs/screenshots/color-extract.png) |
 | **明度分析**<br>将图片按明度分为9个区域（基于Adobe标准），提供直方图可视化，可快速分析图片影调 | ![明度分析](docs/screenshots/luminance-extract.png) |
-| **渐变色提取**<br>支持双色渐变和单色明度梯度两种模式，双色渐变通过起始色和结束色生成渐变色序列，单色明度梯度固定色相饱和度按明度分级生成色阶（类似 Tailwind 50-900），支持 RGB/HSB/LAB 三种颜色空间插值 | ![渐变色提取](docs/screenshots/Gradient%20Extract.png) |
+| **渐变色提取**<br>支持双色渐变和单色明度梯度两种模式，双色渐变通过起始色和结束色生成渐变色序列，单色明度梯度固定色相饱和度按明度分级生成色阶（类似 Tailwind 50-900），支持 RGB/HSB/HSL/LAB 四种颜色空间插值 | ![渐变色提取](docs/screenshots/Gradient%20Extract.png) |
 | **配色生成**<br>提供5种专业配色方案（同色系、邻近色、互补色、分离补色、双补色），支持可交互色环选择 | ![配色生成](docs/screenshots/color-generation.png) |
 | **配色收藏**<br>支持收藏、管理配色方案，支持批量导入导出为JSON文件，支持单组色卡导出为 Adobe ASE 格式 | ![配色管理](docs/screenshots/palette-management.png) |
 | **内置色彩库**<br>集成 Open Color、Tailwind CSS、Material Design 等13大开源配色方案，总计661组色卡 | ![内置色彩库](docs/screenshots/preset-colors.png) |
@@ -162,7 +162,7 @@
 | :---- | :------------------------------------------------ |
 | 色彩提取  | 可拖动取色点、多色彩空间显示、一键复制颜色值                            |
 | 明度分析  | 9级明度分区（Zone 0-8）、直方图可视化、区域高亮                      |
-| 渐变色提取 | 双色渐变/单色明度梯度两种模式、RGB/HSB/LAB插值、中间色数量调节 |                  |
+| 渐变色提取 | 双色渐变/单色明度梯度两种模式、RGB/HSB/HSL/LAB插值、中间色数量调节 |                  |
 | 配色生成  | 5种配色方案、可交互色环、明度调整                                 |
 | 配色管理  | 收藏配色、自定义名称、批量导入导出为JSON文件、支持单组配色ASE格式导出（支持Adobe软件） |
 | 配色预览  | 8种内置场景、自定义SVG、智能配色映射                              |
@@ -318,7 +318,7 @@ Since the release of v1.0.0 on 2026-02-05, the project has maintained a fast and
 |---------|------------|
 | **Visual Color Extraction**<br>Real-time color extraction via draggable color pickers, supporting multiple color spaces (HSB, LAB, HSL, CMYK, RGB) | ![Color Extraction](docs/screenshots/color-extract.png) |
 | **Luminance Analysis**<br>9-zone luminance segmentation (Zone 0-8 based on Adobe standard) with histogram visualization | ![Luminance Analysis](docs/screenshots/luminance-extract.png) |
-| **Gradient Extraction**<br>Two modes: two-color gradient generates sequences from start/end colors, lightness shades generates scales by brightness with fixed hue/saturation (like Tailwind 50-900), supporting RGB/HSB/LAB color space interpolation | ![Gradient Extraction](docs/screenshots/Gradient%20Extract.png) |
+| **Gradient Extraction**<br>Two modes: two-color gradient generates sequences from start/end colors, lightness shades generates scales by brightness with fixed hue/saturation (like Tailwind 50-900), supporting RGB/HSB/HSL/LAB color space interpolation | ![Gradient Extraction](docs/screenshots/Gradient%20Extract.png) |
 | **Color Scheme Generation**<br>5 professional color schemes (Monochromatic, Analogous, Complementary, Split-Complementary, Double Complementary) with interactive color wheel | ![Color Generation](docs/screenshots/color-generation.png) |
 | **Palette Collection**<br>Save and manage color schemes, support batch import/export in JSON format, support single palette export to Adobe ASE format | ![Palette Management](docs/screenshots/palette-management.png) |
 | **Built-in Color Library**<br>13 major open-source color schemes including Open Color, Tailwind CSS, Material Design, totaling 661 color palettes | ![Preset Colors](docs/screenshots/preset-colors.png) |
@@ -411,7 +411,7 @@ Since the release of v1.0.0 on 2026-02-05, the project has maintained a fast and
 | Module              | Features                                                                                                                              |
 | :------------------ | :------------------------------------------------------------------------------------------------------------------------------------ |
 | Color Extraction    | Draggable pickers, multiple color spaces, one-click copy                                                                              |
-| Gradient Extraction | Two-color gradient / lightness shades modes, RGB/HSB/LAB interpolation, adjustable middle colors |                                                       |
+| Gradient Extraction | Two-color gradient / lightness shades modes, RGB/HSB/HSL/LAB interpolation, adjustable middle colors |                                                       |
 | Luminance Analysis  | 9-zone segmentation (Zone 0-8), histogram visualization, zone highlighting                                                            |
 | Color Generation    | 5 color schemes, interactive color wheel, luminance adjustment                                                                        |
 | Palette Management  | Save palettes, custom names, batch import/export in JSON format, support single palette ASE format export (Adobe software compatible) |
diff --git a/core/gradient.py b/core/gradient.py
index 4a4c131..00ddfa8 100644
--- a/core/gradient.py
+++ b/core/gradient.py
@@ -2,7 +2,7 @@
 from typing import List, Tuple
 
 # 项目模块导入
-from .color import hex_to_rgb, rgb_to_hsb, rgb_to_lab, hsb_to_rgb
+from .color import hex_to_rgb, rgb_to_hsb, rgb_to_lab, hsb_to_rgb, rgb_to_hsl, hsl_to_rgb
 
 
 def _normalize_hue_for_interpolation(h1: float, h2: float) -> Tuple[float, float]:
@@ -87,6 +87,37 @@ def _interpolate_hsb(start_rgb: Tuple[int, int, int], end_rgb: Tuple[int, int, i
     return colors
 
 
+def _interpolate_hsl(start_rgb: Tuple[int, int, int], end_rgb: Tuple[int, int, int], steps: int) -> List[Tuple[int, int, int]]:
+    """在HSL空间进行插值，色相沿最短路径过渡
+
+    Args:
+        start_rgb: 起始RGB颜色 (r, g, b)
+        end_rgb: 结束RGB颜色 (r, g, b)
+        steps: 中间色数量
+
+    Returns:
+        List[Tuple[int, int, int]]: RGB颜色列表，包含起始色、中间色、结束色
+    """
+    h1, s1, l1 = rgb_to_hsl(*start_rgb)
+    h2, s2, l2 = rgb_to_hsl(*end_rgb)
+
+    h1, h2 = _normalize_hue_for_interpolation(h1, h2)
+
+    colors = [start_rgb]
+    total_segments = steps + 1
+
+    for i in range(1, steps + 1):
+        t = i / total_segments
+        h = h1 + (h2 - h1) * t
+        s = s1 + (s2 - s1) * t
+        l = l1 + (l2 - l1) * t
+        h = h % 360
+        colors.append(hsl_to_rgb(h, s, l))
+
+    colors.append(end_rgb)
+    return colors
+
+
 def _interpolate_lab(start_rgb: Tuple[int, int, int], end_rgb: Tuple[int, int, int], steps: int) -> List[Tuple[int, int, int]]:
     """在LAB空间进行线性插值
 
@@ -180,13 +211,13 @@ def generate_gradient(
 ) -> List[Tuple[int, int, int]]:
     """生成渐变色序列
 
-    支持RGB、HSB、LAB三种颜色空间的插值
+    支持RGB、HSB、HSL、LAB四种颜色空间的插值
 
     Args:
         start_hex: 起始颜色HEX值，如"#FF0000"
         end_hex: 结束颜色HEX值，如"#0000FF"
         steps: 中间色数量 (1-10)
-        color_space: 颜色空间 ('rgb', 'hsb', 'lab')，默认'lab'
+        color_space: 颜色空间 ('rgb', 'hsb', 'hsl', 'lab')，默认'lab'
 
     Returns:
         List[Tuple[int, int, int]]: RGB颜色列表，包含起始色、所有中间色、结束色
@@ -194,22 +225,20 @@ def generate_gradient(
     Raises:
         ValueError: 当输入的HEX值格式无效时
     """
-    # 解析HEX值
     start_rgb = hex_to_rgb(start_hex)
     end_rgb = hex_to_rgb(end_hex)
 
-    # 确保steps在有效范围内
     steps = max(1, min(10, steps))
 
-    # 根据颜色空间选择插值方法
     if color_space == 'rgb':
         return _interpolate_rgb(start_rgb, end_rgb, steps)
     elif color_space == 'hsb':
         return _interpolate_hsb(start_rgb, end_rgb, steps)
+    elif color_space == 'hsl':
+        return _interpolate_hsl(start_rgb, end_rgb, steps)
     elif color_space == 'lab':
         return _interpolate_lab(start_rgb, end_rgb, steps)
     else:
-        # 默认使用LAB空间
         return _interpolate_lab(start_rgb, end_rgb, steps)
 
 
@@ -218,7 +247,7 @@ def generate_random_gradient(steps: int = 2, color_space: str = 'lab') -> Tuple[
 
     Args:
         steps: 中间色数量 (1-10)，默认2
-        color_space: 颜色空间 ('rgb', 'hsb', 'lab')，默认'lab'
+        color_space: 颜色空间 ('rgb', 'hsb', 'hsl', 'lab')，默认'lab'
 
     Returns:
         Tuple[str, str, List[Tuple[int, int, int]]]: (起始色HEX, 结束色HEX, RGB颜色列表)
@@ -240,14 +269,20 @@ def generate_random_gradient(steps: int = 2, color_space: str = 'lab') -> Tuple[
     return start_hex, end_hex, colors
 
 
-def generate_lightness_shades(base_hex: str, count: int = 9) -> List[Tuple[int, int, int]]:
+def generate_lightness_shades(
+    base_hex: str,
+    count: int = 9,
+    color_space: str = 'hsb'
+) -> List[Tuple[int, int, int]]:
     """生成单色明度梯度
 
     固定色相和饱和度，明度从高到低均匀分布
+    支持HSB、HSL、LAB三种颜色空间
 
     Args:
         base_hex: 基准颜色HEX值，如"#FF5733"
         count: 色阶数量 (3-13)，默认9
+        color_space: 颜色空间 ('hsb', 'hsl', 'lab')，默认'hsb'
 
     Returns:
         List[Tuple[int, int, int]]: RGB颜色列表
@@ -258,25 +293,44 @@ def generate_lightness_shades(base_hex: str, count: int = 9) -> List[Tuple[int,
     count = max(3, min(13, count))
 
     base_rgb = hex_to_rgb(base_hex)
-    H, S, _ = rgb_to_hsb(*base_rgb)
 
-    min_brightness = 10
-    max_brightness = 95
-    step = (max_brightness - min_brightness) / (count - 1)
+    min_lightness = 10
+    max_lightness = 95
+    step = (max_lightness - min_lightness) / (count - 1)
 
     colors = []
-    for i in range(count):
-        B = max_brightness - i * step
-        colors.append(hsb_to_rgb(H, S, B))
+
+    if color_space == 'lab':
+        # LAB空间：固定a/b，L从95到10均匀分布
+        L, A, B = rgb_to_lab(*base_rgb)
+        for i in range(count):
+            lightness = max_lightness - i * step
+            colors.append(_lab_to_rgb(lightness, A, B))
+    elif color_space == 'hsl':
+        # HSL空间：固定H/S，L从95%到10%均匀分布
+        H, S, _ = rgb_to_hsl(*base_rgb)
+        for i in range(count):
+            lightness = max_lightness - i * step
+            colors.append(hsl_to_rgb(H, S, lightness))
+    else:
+        # HSB空间（默认）：固定H/S，B从95到10均匀分布
+        H, S, _ = rgb_to_hsb(*base_rgb)
+        for i in range(count):
+            B = max_lightness - i * step
+            colors.append(hsb_to_rgb(H, S, B))
 
     return colors
 
 
-def generate_random_lightness_shade(count: int = 9) -> Tuple[str, List[Tuple[int, int, int]]]:
+def generate_random_lightness_shade(
+    count: int = 9,
+    color_space: str = 'hsb'
+) -> Tuple[str, List[Tuple[int, int, int]]]:
     """生成随机单色明度梯度
 
     Args:
         count: 色阶数量 (3-13)，默认9
+        color_space: 颜色空间 ('hsb', 'hsl', 'lab')，默认'hsb'
 
     Returns:
         Tuple[str, List[Tuple[int, int, int]]]: (基准色HEX, RGB颜色列表)
@@ -287,6 +341,6 @@ def generate_random_lightness_shade(count: int = 9) -> Tuple[str, List[Tuple[int
     base_rgb = (random.randint(0, 255), random.randint(0, 255), random.randint(0, 255))
     base_hex = rgb_to_hex(*base_rgb)
 
-    colors = generate_lightness_shades(base_hex, count)
+    colors = generate_lightness_shades(base_hex, count, color_space)
 
     return base_hex, colors
diff --git a/docs/index.html b/docs/index.html
index c051f28..0c2f547 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -1261,7 +1261,7 @@
             { icon: 'library', title: '内置色彩库', desc: '集成 Open Color、Tailwind CSS、Material Design 等13大开源配色方案，总计661组色卡' },
             { icon: 'eye', title: '配色预览', desc: '支持手机UI、网页、插画、排版、品牌、海报、图案、杂志等8种场景预览，支持自定义SVG' },
             { icon: 'barchart', title: '明度分析', desc: '将图片按明度分为9个区域，提供直方图可视化，辅助调色决策' },
-            { icon: 'gradient', title: '渐变生成', desc: '支持双色渐变和单色明度梯度两种模式，RGB/HSB/LAB三种颜色空间插值，可调节中间色数量' },
+            { icon: 'gradient', title: '渐变生成', desc: '支持双色渐变和单色明度梯度两种模式，RGB/HSB/HSL/LAB四种颜色空间插值，可调节中间色数量' },
             { icon: 'globe', title: '多语言支持', desc: '支持简体中文、繁体中文、英语、日语、法语、俄语六种语言界面切换，支持跟随系统语言自动切换' },
             { icon: 'moon', title: '明暗主题', desc: '支持深色模式和浅色模式切换，保护视力，适应不同使用环境' },
         ];
diff --git a/locales/FR_FR.toml b/locales/FR_FR.toml
index bea8d6b..c05107f 100644
--- a/locales/FR_FR.toml
+++ b/locales/FR_FR.toml
@@ -238,6 +238,7 @@ gradient_color_space = "Espace colorimétrique du dégradé"
 gradient_color_space_desc = "Sélectionner l'espace colorimétrique pour l'interpolation du dégradé"
 gradient_rgb = "Espace RGB"
 gradient_hsb = "Espace HSB"
+gradient_hsl = "Espace HSL"
 gradient_lab = "Espace LAB"
 gradient_mode = "Mode de dégradé"
 gradient_mode_desc = "Sélectionner le mode d'extraction du dégradé"
diff --git a/locales/JA_JP.toml b/locales/JA_JP.toml
index 166bc65..77e4408 100644
--- a/locales/JA_JP.toml
+++ b/locales/JA_JP.toml
@@ -238,6 +238,7 @@ gradient_color_space = "グラデーション色空間"
 gradient_color_space_desc = "グラデーション補間に使用する色空間を選択"
 gradient_rgb = "RGB 空間"
 gradient_hsb = "HSB 空間"
+gradient_hsl = "HSL 空間"
 gradient_lab = "LAB 空間"
 gradient_mode = "グラデーションモード"
 gradient_mode_desc = "グラデーション抽出のモードを選択"
diff --git a/locales/RU_RU.toml b/locales/RU_RU.toml
index 3f446cf..b77dff7 100644
--- a/locales/RU_RU.toml
+++ b/locales/RU_RU.toml
@@ -239,6 +239,7 @@ gradient_color_space = "Цветовое пространство градиен
 gradient_color_space_desc = "Выберите цветовое пространство для интерполяции градиента"
 gradient_rgb = "RGB пространство"
 gradient_hsb = "HSB пространство"
+gradient_hsl = "HSL пространство"
 gradient_lab = "LAB пространство"
 gradient_mode = "Режим градиента"
 gradient_mode_desc = "Выберите режим извлечения градиента"
diff --git a/locales/ZW_FT.toml b/locales/ZW_FT.toml
index a72f434..1519882 100644
--- a/locales/ZW_FT.toml
+++ b/locales/ZW_FT.toml
@@ -238,6 +238,7 @@ gradient_color_space = "漸變顏色空間"
 gradient_color_space_desc = "選擇漸變色插值的顏色空間"
 gradient_rgb = "RGB 空間"
 gradient_hsb = "HSB 空間"
+gradient_hsl = "HSL 空間"
 gradient_lab = "LAB 空間"
 gradient_mode = "漸變模式"
 gradient_mode_desc = "選擇漸變提取的模式"
diff --git a/locales/ZW_JT.toml b/locales/ZW_JT.toml
index 2c47899..106254d 100644
--- a/locales/ZW_JT.toml
+++ b/locales/ZW_JT.toml
@@ -238,6 +238,7 @@ gradient_color_space = "渐变颜色空间"
 gradient_color_space_desc = "选择渐变色插值的颜色空间"
 gradient_rgb = "RGB 空间"
 gradient_hsb = "HSB 空间"
+gradient_hsl = "HSL 空间"
 gradient_lab = "LAB 空间"
 gradient_mode = "渐变模式"
 gradient_mode_desc = "选择渐变提取的模式"
diff --git a/locales/en_US.toml b/locales/en_US.toml
index e2739ef..614e41b 100644
--- a/locales/en_US.toml
+++ b/locales/en_US.toml
@@ -238,6 +238,7 @@ gradient_color_space = "Gradient Color Space"
 gradient_color_space_desc = "Select color space for gradient interpolation"
 gradient_rgb = "RGB Space"
 gradient_hsb = "HSB Space"
+gradient_hsl = "HSL Space"
 gradient_lab = "LAB Space"
 gradient_mode = "Gradient Mode"
 gradient_mode_desc = "Select the gradient extraction mode"
diff --git a/ui/gradient_extract.py b/ui/gradient_extract.py
index cfc86b6..b00b194 100644
--- a/ui/gradient_extract.py
+++ b/ui/gradient_extract.py
@@ -651,7 +651,7 @@ class GradientExtractInterface(QWidget):
         """生成渐变色"""
         try:
             if self._gradient_mode == 'shade':
-                colors = generate_lightness_shades(self._start_color, self._steps)
+                colors = generate_lightness_shades(self._start_color, self._steps, self._color_space)
             else:
                 colors = generate_gradient(
                     self._start_color,
@@ -669,7 +669,7 @@ class GradientExtractInterface(QWidget):
     def _on_random_clicked(self):
         """随机按钮点击"""
         if self._gradient_mode == 'shade':
-            base_hex, colors = generate_random_lightness_shade(self._steps)
+            base_hex, colors = generate_random_lightness_shade(self._steps, self._color_space)
             self._start_color = base_hex
             self.start_color_dot.set_color(base_hex)
             self.start_color_input.setText(base_hex)
diff --git a/ui/settings.py b/ui/settings.py
index 324585c..ba55d00 100644
--- a/ui/settings.py
+++ b/ui/settings.py
@@ -57,6 +57,7 @@ class SettingsInterface(QWidget):
         self._language = self._config_manager.get('settings.language', 'ZW_JT')
         self.setup_ui()
         self._update_styles()
+        self._update_color_space_availability(self._gradient_mode)
         qconfig.themeChangedFinished.connect(self._update_styles)
         get_locale_manager().language_changed.connect(self._on_language_changed)
 
@@ -361,9 +362,8 @@ class SettingsInterface(QWidget):
         self.gradient_mode_card.combo_box.setItemText(1, tr('settings.gradient_mode_shade'))
         self.gradient_color_space_card.titleLabel.setText(tr('settings.gradient_color_space'))
         self.gradient_color_space_card.contentLabel.setText(tr('settings.gradient_color_space_desc'))
-        self.gradient_color_space_card.combo_box.setItemText(0, tr('settings.gradient_rgb'))
-        self.gradient_color_space_card.combo_box.setItemText(1, tr('settings.gradient_hsb'))
-        self.gradient_color_space_card.combo_box.setItemText(2, tr('settings.gradient_lab'))
+        # 重建颜色空间下拉框（单色模式下无RGB选项）
+        self._update_color_space_availability(self._gradient_mode)
 
         # 更新帮助卡片
         self.update_card.titleLabel.setText(tr('settings.version_update'))
@@ -684,8 +684,56 @@ class SettingsInterface(QWidget):
         self._config_manager.set('settings.gradient_mode', mode)
         self._config_manager.save()
         log_user_action("change_gradient_mode", {"mode": mode})
+
+        # 单色明度梯度模式下禁用RGB选项
+        self._update_color_space_availability(mode)
+
         self.gradient_mode_changed.emit(mode)
 
+    def _update_color_space_availability(self, gradient_mode: str):
+        """根据渐变模式更新颜色空间选项可用性
+
+        单色明度梯度模式下，RGB插值不适用（无法固定色相和饱和度）
+
+        Args:
+            gradient_mode: 渐变模式 ('gradient' 或 'shade')
+        """
+        combo_box = self.gradient_color_space_card.combo_box
+        is_shade = gradient_mode == 'shade'
+
+        # 如果当前选中的是RGB且切换到单色模式，自动切换为HSB
+        if is_shade and self._gradient_color_space == 'rgb':
+            self._gradient_color_space = 'hsb'
+            self._config_manager.set('settings.gradient_color_space', 'hsb')
+            self._config_manager.save()
+            self.gradient_color_space_changed.emit('hsb')
+
+        # 重建下拉框选项
+        current_data = self._gradient_color_space
+        combo_box.blockSignals(True)
+        combo_box.clear()
+
+        if not is_shade:
+            combo_box.addItem(tr('settings.gradient_rgb'))
+            combo_box.setItemData(combo_box.count() - 1, "rgb")
+
+        combo_box.addItem(tr('settings.gradient_hsb'))
+        combo_box.setItemData(combo_box.count() - 1, "hsb")
+
+        combo_box.addItem(tr('settings.gradient_hsl'))
+        combo_box.setItemData(combo_box.count() - 1, "hsl")
+
+        combo_box.addItem(tr('settings.gradient_lab'))
+        combo_box.setItemData(combo_box.count() - 1, "lab")
+
+        # 恢复选中项
+        for i in range(combo_box.count()):
+            if combo_box.itemData(i) == current_data:
+                combo_box.setCurrentIndex(i)
+                break
+
+        combo_box.blockSignals(False)
+
     def _create_gradient_color_space_card(self):
         """创建渐变颜色空间选择卡片"""
         card = PushSettingCard(
@@ -698,26 +746,14 @@ class SettingsInterface(QWidget):
         card.button.setVisible(False)
 
         combo_box = ComboBox(self.content_widget)
-        combo_box.addItem(tr('settings.gradient_rgb'))
-        combo_box.setItemData(0, "rgb")
-        combo_box.addItem(tr('settings.gradient_hsb'))
-        combo_box.setItemData(1, "hsb")
-        combo_box.addItem(tr('settings.gradient_lab'))
-        combo_box.setItemData(2, "lab")
-
-        for i in range(combo_box.count()):
-            if combo_box.itemData(i) == self._gradient_color_space:
-                combo_box.setCurrentIndex(i)
-                break
-
+        # 初始选项由 _update_color_space_availability 统一管理
+        card.combo_box = combo_box
         combo_box.setFixedWidth(120)
         combo_box.currentIndexChanged.connect(self._on_gradient_color_space_changed)
 
         card.hBoxLayout.addWidget(combo_box, 0, Qt.AlignmentFlag.AlignRight)
         card.hBoxLayout.addSpacing(16)
 
-        card.combo_box = combo_box
-
         return card
 
     def _on_gradient_color_space_changed(self, index):
diff --git a/website/index.html b/website/index.html
index c051f28..0c2f547 100644
--- a/website/index.html
+++ b/website/index.html
@@ -1261,7 +1261,7 @@
             { icon: 'library', title: '内置色彩库', desc: '集成 Open Color、Tailwind CSS、Material Design 等13大开源配色方案，总计661组色卡' },
             { icon: 'eye', title: '配色预览', desc: '支持手机UI、网页、插画、排版、品牌、海报、图案、杂志等8种场景预览，支持自定义SVG' },
             { icon: 'barchart', title: '明度分析', desc: '将图片按明度分为9个区域，提供直方图可视化，辅助调色决策' },
-            { icon: 'gradient', title: '渐变生成', desc: '支持双色渐变和单色明度梯度两种模式，RGB/HSB/LAB三种颜色空间插值，可调节中间色数量' },
+            { icon: 'gradient', title: '渐变生成', desc: '支持双色渐变和单色明度梯度两种模式，RGB/HSB/HSL/LAB四种颜色空间插值，可调节中间色数量' },
             { icon: 'globe', title: '多语言支持', desc: '支持简体中文、繁体中文、英语、日语、法语、俄语六种语言界面切换，支持跟随系统语言自动切换' },
             { icon: 'moon', title: '明暗主题', desc: '支持深色模式和浅色模式切换，保护视力，适应不同使用环境' },
         ];
-- 
Gitee


From 811b7be4543de785611eb90ae49d7a439bf3924b Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=9D=92=E5=B1=B1=E5=85=AC=E4=BB=94?=
 <qingshangongzai@163.com>
Date: Mon, 13 Apr 2026 13:57:02 +0800
Subject: [PATCH 08/29] =?UTF-8?q?[=E6=96=87=E6=A1=A3]=20=E6=9B=B4=E6=96=B0?=
 =?UTF-8?q?=E5=BC=80=E5=8F=91=E8=A7=84=E8=8C=83=E9=A1=B9=E7=9B=AE=E7=BB=93?=
 =?UTF-8?q?=E6=9E=84=EF=BC=8C=E6=96=B0=E5=A2=9E=20gradient.py=20=E6=A8=A1?=
 =?UTF-8?q?=E5=9D=97=E8=AF=B4=E6=98=8E?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 1.3节项目结构：core/ 目录新增 gradient.py 条目（双色渐变插值、单色明度梯度生成）
- 变更日志：新增版本 3.50 记录此次更新
---
 .../\345\274\200\345\217\221\350\247\204\350\214\203.md"        | 2 ++
 1 file changed, 2 insertions(+)

diff --git "a/\346\226\207\346\241\243/\345\274\200\345\217\221\350\247\204\350\214\203.md" "b/\346\226\207\346\241\243/\345\274\200\345\217\221\350\247\204\350\214\203.md"
index fdf9cf4..711a2dd 100644
--- "a/\346\226\207\346\241\243/\345\274\200\345\217\221\350\247\204\350\214\203.md"
+++ "b/\346\226\207\346\241\243/\345\274\200\345\217\221\350\247\204\350\214\203.md"
@@ -36,6 +36,7 @@ color_card/
 │   ├── app_mode.py        # 应用运行模式检测模块（安装版/便携版检测、配置目录获取）
 │   ├── async_loader.py    # 异步加载基类模块（BaseBatchLoader）
 │   ├── color.py           # 颜色处理模块（颜色转换、明度计算、配色生成算法）
+│   ├── gradient.py        # 渐变生成模块（双色渐变插值、单色明度梯度生成）
 │   ├── colorblind.py      # 色盲模拟模块（色盲类型定义、LMS色彩空间转换、色盲模拟算法）
 │   ├── color_data.py      # 颜色数据管理模块（延迟加载各颜色库数据）
 │   ├── color_service.py   # 颜色服务模块（ColorService、DominantColorExtractor，业务层颜色提取服务）
@@ -2042,6 +2043,7 @@ def _get_about_text(self):
 
 |  版本  |     日期     |                                    变更内容                                    |
 | :--: | :--------: | :------------------------------------------------------------------------: |
+| 3.50 | 2026-04-13 | 更新项目结构（1.3节）：新增 gradient.py 到 core/ 目录，包含双色渐变插值和单色明度梯度生成功能 |
 | 3.49 | 2026-04-12 | 删除第11章交互设计规范（含快捷键规范）；更新后续章节编号（12-22章改为11-21章） |
 | 3.47 | 2026-03-29 | 更新多语言国际化规范（16.2节）：语言包格式从 JSON 迁移到 TOML，使用 Python 3.11+ 内置 tomllib 模块 |
 | 3.46 | 2026-03-27 | 更新项目结构（1.3节）：新增 app_mode.py 到 core/ 目录，支持安装版/便携版运行模式检测和配置目录区分 |
-- 
Gitee


From 9635dd49d1d9262cbfdd7ef56a3a2162470e2c26 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=9D=92=E5=B1=B1=E5=85=AC=E4=BB=94?=
 <qingshangongzai@163.com>
Date: Mon, 13 Apr 2026 14:36:51 +0800
Subject: [PATCH 09/29] =?UTF-8?q?[=E4=BF=AE=E5=A4=8D]=20=E7=BB=9F=E4=B8=80?=
 =?UTF-8?q?=20SVG=20=E5=9C=BA=E6=99=AF=E6=96=87=E5=AD=97=E9=A2=9C=E8=89=B2?=
 =?UTF-8?q?=E5=B9=B6=E4=BC=98=E5=8C=96=E5=B8=83=E5=B1=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- brand 场景：统一添加 data-fixed-color="black" 固定文字颜色
- magazine 场景：统一固定文字颜色，修复 & 符号转义问题
- typography 场景：统一固定文字颜色，替换为中文内容
- poster 场景：统一固定文字颜色，调整元素间距和位置
- 修复 lifestyle.svg 中 & 符号未转义导致的加载问题
- 调整 music.svg 票价元素位置避免与日期框重叠
- 调整 product.svg 价格区和按钮位置，优化删除线对齐
---
 scenes_data/brand/default.svg        | 14 +++++-----
 scenes_data/magazine/default.svg     | 40 ++++++++++++++--------------
 scenes_data/magazine/fashion.svg     | 32 +++++++++++-----------
 scenes_data/magazine/lifestyle.svg   | 32 +++++++++++-----------
 scenes_data/magazine/tech.svg        | 24 ++++++++---------
 scenes_data/poster/default.svg       | 20 +++++++-------
 scenes_data/poster/music.svg         |  2 +-
 scenes_data/poster/product.svg       | 12 ++++-----
 scenes_data/typography/default.svg   | 18 ++++++-------
 scenes_data/typography/editorial.svg |  2 +-
 scenes_data/typography/minimal.svg   | 13 +++++----
 scenes_data/typography/poster.svg    | 20 +++++++-------
 12 files changed, 114 insertions(+), 115 deletions(-)

diff --git a/scenes_data/brand/default.svg b/scenes_data/brand/default.svg
index d2422e5..4f2e4fd 100644
--- a/scenes_data/brand/default.svg
+++ b/scenes_data/brand/default.svg
@@ -2,17 +2,17 @@
   <rect id="background" class="background" width="400" height="300" fill="#f5f5f5"/>
   
   <circle id="logo-circle" class="primary" cx="200" cy="50" r="35" fill="#1a1a1a"/>
-  <text id="logo-icon" class="text" x="200" y="58" text-anchor="middle" font-family="Arial, sans-serif" font-size="28" font-weight="bold" fill="#ff6b6b">B</text>
-  
-  <text id="brand-name" class="text" x="200" y="110" text-anchor="middle" font-family="Arial, sans-serif" font-size="24" font-weight="bold" fill="#1a1a1a">BRAND</text>
-  <text id="tagline" class="secondary" x="200" y="130" text-anchor="middle" font-family="Arial, sans-serif" font-size="12" fill="#333333">您的品牌标语</text>
+  <text id="logo-icon" class="text" x="200" y="58" text-anchor="middle" font-family="Arial, sans-serif" font-size="28" font-weight="bold" fill="#ff6b6b" data-fixed-color="black">B</text>
+
+  <text id="brand-name" class="text" x="200" y="110" text-anchor="middle" font-family="Arial, sans-serif" font-size="24" font-weight="bold" fill="#1a1a1a" data-fixed-color="black">BRAND</text>
+  <text id="tagline" class="secondary" x="200" y="130" text-anchor="middle" font-family="Arial, sans-serif" font-size="12" fill="#333333" data-fixed-color="black">您的品牌标语</text>
   
   <rect id="card-bg" class="background" x="30" y="155" width="340" height="80" rx="8" fill="#ffffff"/>
   <rect id="card-bar" class="primary" x="30" y="155" width="12" height="80" rx="4" fill="#1a1a1a"/>
   
-  <text id="card-name" class="text" x="60" y="185" font-family="Georgia, serif" font-size="18" font-weight="bold" fill="#1a1a1a">John Doe</text>
-  <text id="card-title" class="secondary" x="60" y="205" font-family="Arial, sans-serif" font-size="11" fill="#333333">创意总监</text>
-  <text id="card-contact" class="accent" x="60" y="225" font-family="Arial, sans-serif" font-size="10" fill="#ff6b6b">hello@brand.com</text>
+  <text id="card-name" class="text" x="60" y="185" font-family="Georgia, serif" font-size="18" font-weight="bold" fill="#1a1a1a" data-fixed-color="black">John Doe</text>
+  <text id="card-title" class="secondary" x="60" y="205" font-family="Arial, sans-serif" font-size="11" fill="#333333" data-fixed-color="black">创意总监</text>
+  <text id="card-contact" class="accent" x="60" y="225" font-family="Arial, sans-serif" font-size="10" fill="#ff6b6b" data-fixed-color="black">hello@brand.com</text>
   
   <rect id="color-strip-1" class="primary" x="30" y="255" width="64" height="30" fill="#1a1a1a"/>
   <rect id="color-strip-2" class="secondary" x="98" y="255" width="64" height="30" fill="#333333"/>
diff --git a/scenes_data/magazine/default.svg b/scenes_data/magazine/default.svg
index 88a9c24..fb6131d 100644
--- a/scenes_data/magazine/default.svg
+++ b/scenes_data/magazine/default.svg
@@ -1,26 +1,26 @@
 <svg viewBox="0 0 400 300" xmlns="http://www.w3.org/2000/svg">
   <rect id="background" class="background" width="400" height="300" fill="#f5f5f5"/>
-  
+
   <rect id="header-bar" class="primary" x="0" y="0" width="400" height="30" fill="#1a1a1a"/>
-  <text id="header-text" class="text" x="200" y="20" text-anchor="middle" font-family="Georgia, serif" font-size="12" fill="#ffffff">VOGUE DESIGN</text>
-  
-  <text id="main-title" class="text" x="30" y="70" font-family="Georgia, serif" font-size="32" fill="#1a1a1a">The Art of</text>
-  <text id="main-subtitle" class="accent" x="30" y="110" font-family="Georgia, serif" font-size="48" font-weight="bold" fill="#ff6b6b">Color</text>
-  
+  <text id="header-text" class="text" x="200" y="20" text-anchor="middle" font-family="Georgia, serif" font-size="12" fill="#ffffff" data-fixed-color="black">时尚设计</text>
+
+  <text id="main-title" class="text" x="30" y="70" font-family="Georgia, serif" font-size="32" fill="#1a1a1a" data-fixed-color="black">色彩的</text>
+  <text id="main-subtitle" class="accent" x="30" y="110" font-family="Georgia, serif" font-size="48" font-weight="bold" fill="#ff6b6b" data-fixed-color="black">艺术</text>
+
   <rect id="feature-box" class="secondary" x="20" y="135" width="100" height="105" fill="#333333"/>
-  <text id="feature-text" class="text" x="70" y="195" text-anchor="middle" font-family="Arial, sans-serif" font-size="14" fill="#ffffff">FEATURE</text>
-  
-  <text id="article-headline" class="text" x="140" y="155" font-family="Georgia, serif" font-size="14" font-weight="bold" fill="#1a1a1a">Exploring the World of Colors</text>
-  
-  <text id="article-para-1" class="primary" x="140" y="175" font-family="Arial, sans-serif" font-size="10" fill="#1a1a1a">Color is a powerful tool in design,</text>
-  <text id="article-para-1b" class="primary" x="140" y="188" font-family="Arial, sans-serif" font-size="10" fill="#1a1a1a">evoking emotions and creating visual harmony.</text>
-  
-  <text id="article-para-2" class="secondary" x="140" y="208" font-family="Arial, sans-serif" font-size="10" fill="#333333">Understanding color theory helps designers</text>
-  <text id="article-para-2b" class="secondary" x="140" y="221" font-family="Arial, sans-serif" font-size="10" fill="#333333">create more impactful and meaningful work.</text>
-  
+  <text id="feature-text" class="text" x="70" y="195" text-anchor="middle" font-family="Arial, sans-serif" font-size="14" fill="#ffffff" data-fixed-color="black">特辑</text>
+
+  <text id="article-headline" class="text" x="140" y="155" font-family="Georgia, serif" font-size="14" font-weight="bold" fill="#1a1a1a" data-fixed-color="black">探索色彩的世界</text>
+
+  <text id="article-para-1" class="primary" x="140" y="175" font-family="Arial, sans-serif" font-size="10" fill="#1a1a1a" data-fixed-color="black">色彩是设计中强大的工具，</text>
+  <text id="article-para-1b" class="primary" x="140" y="188" font-family="Arial, sans-serif" font-size="10" fill="#1a1a1a" data-fixed-color="black">唤起情感并创造视觉和谐。</text>
+
+  <text id="article-para-2" class="secondary" x="140" y="208" font-family="Arial, sans-serif" font-size="10" fill="#333333" data-fixed-color="black">理解色彩理论帮助设计师</text>
+  <text id="article-para-2b" class="secondary" x="140" y="221" font-family="Arial, sans-serif" font-size="10" fill="#333333" data-fixed-color="black">创作更有影响力和意义的作品。</text>
+
   <rect id="quote-bar" class="accent" x="20" y="250" width="4" height="40" fill="#ff6b6b"/>
-  <text id="quote-text" class="text" x="32" y="265" font-family="Georgia, serif" font-size="10" font-style="italic" fill="#1a1a1a">Color is the keyboard, the eyes are the harmonies,</text>
-  <text id="quote-text-2" class="text" x="32" y="280" font-family="Georgia, serif" font-size="10" font-style="italic" fill="#1a1a1a">the soul is the piano with many strings.</text>
-  
-  <text id="footer-text" class="secondary" x="200" y="295" text-anchor="middle" font-family="Arial, sans-serif" font-size="9" fill="#333333">2026 Spring Edition</text>
+  <text id="quote-text" class="text" x="32" y="265" font-family="Georgia, serif" font-size="10" font-style="italic" fill="#1a1a1a" data-fixed-color="black">"色彩是琴键，眼睛是音锤，</text>
+  <text id="quote-text-2" class="text" x="32" y="280" font-family="Georgia, serif" font-size="10" font-style="italic" fill="#1a1a1a" data-fixed-color="black">心灵是琴弦的钢琴。"</text>
+
+  <text id="footer-text" class="secondary" x="200" y="295" text-anchor="middle" font-family="Arial, sans-serif" font-size="9" fill="#333333" data-fixed-color="black">2026 春季刊</text>
 </svg>
diff --git a/scenes_data/magazine/fashion.svg b/scenes_data/magazine/fashion.svg
index 25eb307..e371df5 100644
--- a/scenes_data/magazine/fashion.svg
+++ b/scenes_data/magazine/fashion.svg
@@ -1,40 +1,40 @@
 <svg viewBox="0 0 400 300" xmlns="http://www.w3.org/2000/svg">
   <!-- 背景 -->
   <rect id="background" class="background" width="400" height="300" fill="#fafafa"/>
-  
+
   <!-- 顶部装饰条 -->
   <rect id="top-bar" class="primary" x="0" y="0" width="400" height="25" fill="#1a1a1a"/>
-  <text id="magazine-name" class="text" x="200" y="17" text-anchor="middle" font-family="Georgia, serif" font-size="12" fill="#ffffff" data-fixed-color="black">FASHION WEEK</text>
-  
+  <text id="magazine-name" class="text" x="200" y="17" text-anchor="middle" font-family="Georgia, serif" font-size="12" fill="#ffffff" data-fixed-color="black">时装周</text>
+
   <!-- 左侧模特剪影区域 -->
   <rect id="model-bg" class="secondary" x="20" y="35" width="120" height="200" rx="4" fill="#e0e0e0"/>
   <ellipse id="model-head" class="primary" cx="80" cy="70" rx="25" ry="30" fill="#333333"/>
   <rect id="model-body" class="primary" x="55" y="100" width="50" height="100" rx="10" fill="#1a1a1a"/>
-  
+
   <!-- 主标题 -->
-  <text id="main-title" class="text" x="160" y="70" font-family="Georgia, serif" font-size="28" font-weight="bold" fill="#1a1a1a" data-fixed-color="black">STYLE</text>
-  <text id="sub-title" class="accent" x="160" y="100" font-family="Georgia, serif" font-size="20" fill="#ff6b6b" data-fixed-color="black">Revolution</text>
-  
+  <text id="main-title" class="text" x="160" y="70" font-family="Georgia, serif" font-size="28" font-weight="bold" fill="#1a1a1a" data-fixed-color="black">风格</text>
+  <text id="sub-title" class="accent" x="160" y="100" font-family="Georgia, serif" font-size="20" fill="#ff6b6b" data-fixed-color="black">革命</text>
+
   <!-- 右侧栏目标题 -->
   <rect id="section-bar" class="accent" x="160" y="115" width="220" height="3" fill="#ff6b6b"/>
-  <text id="section-title" class="text" x="160" y="135" font-family="Arial, sans-serif" font-size="10" font-weight="bold" fill="#666666" data-fixed-color="black">TRENDS 2026</text>
-  
+  <text id="section-title" class="text" x="160" y="135" font-family="Arial, sans-serif" font-size="10" font-weight="bold" fill="#666666" data-fixed-color="black">2026 流行趋势</text>
+
   <!-- 文章摘要 -->
   <rect id="article-line-1" class="primary" x="160" y="150" width="200" height="6" rx="1" fill="#cccccc"/>
   <rect id="article-line-2" class="primary" x="160" y="162" width="180" height="6" rx="1" fill="#cccccc"/>
   <rect id="article-line-3" class="primary" x="160" y="174" width="190" height="6" rx="1" fill="#cccccc"/>
-  
+
   <!-- 小图区域 -->
   <rect id="small-img-1" class="secondary" x="160" y="190" width="60" height="45" rx="4" fill="#dddddd"/>
   <rect id="small-img-2" class="accent" x="230" y="190" width="60" height="45" rx="4" fill="#ff6b6b"/>
   <rect id="small-img-3" class="primary" x="300" y="190" width="60" height="45" rx="4" fill="#333333"/>
-  
+
   <!-- 底部信息 -->
   <rect id="bottom-bar" class="primary" x="0" y="250" width="400" height="50" fill="#1a1a1a"/>
-  <text id="issue-info" class="text" x="30" y="275" font-family="Arial, sans-serif" font-size="10" fill="#ffffff" data-fixed-color="black">SPRING ISSUE</text>
-  <text id="price" class="text" x="350" y="275" text-anchor="end" font-family="Arial, sans-serif" font-size="10" fill="#ffffff" data-fixed-color="black">$12.99</text>
-  
+  <text id="issue-info" class="text" x="30" y="275" font-family="Arial, sans-serif" font-size="10" fill="#ffffff" data-fixed-color="black">春季刊</text>
+  <text id="price" class="text" x="350" y="275" text-anchor="end" font-family="Arial, sans-serif" font-size="10" fill="#ffffff" data-fixed-color="black">¥88</text>
+
   <!-- 装饰元素 -->
-  <circle id="deco-dot-1" class="accent" cx="370" y="45" r="8" fill="#ff6b6b"/>
-  <circle id="deco-dot-2" class="secondary" cx="385" y="60" r="5" fill="#cccccc"/>
+  <circle id="deco-dot-1" class="accent" cx="370" cy="45" r="8" fill="#ff6b6b"/>
+  <circle id="deco-dot-2" class="secondary" cx="385" cy="60" r="5" fill="#cccccc"/>
 </svg>
diff --git a/scenes_data/magazine/lifestyle.svg b/scenes_data/magazine/lifestyle.svg
index d900ca4..e5ceccf 100644
--- a/scenes_data/magazine/lifestyle.svg
+++ b/scenes_data/magazine/lifestyle.svg
@@ -1,43 +1,43 @@
 <svg viewBox="0 0 400 300" xmlns="http://www.w3.org/2000/svg">
   <!-- 背景 -->
   <rect id="background" class="background" width="400" height="300" fill="#f8f5f0"/>
-  
+
   <!-- 顶部装饰 -->
   <rect id="top-accent" class="accent" x="0" y="0" width="400" height="8" fill="#d4a574"/>
-  
+
   <!-- 杂志标题 -->
-  <text id="mag-title" class="text" x="200" y="35" text-anchor="middle" font-family="Georgia, serif" font-size="18" font-weight="bold" fill="#5c4a3d" data-fixed-color="black">LIVING</text>
-  <text id="mag-subtitle" class="secondary" x="200" y="50" text-anchor="middle" font-family="Arial, sans-serif" font-size="9" fill="#8b7355" data-fixed-color="black">WELLNESS &amp; HOME</text>
-  
+  <text id="mag-title" class="text" x="200" y="35" text-anchor="middle" font-family="Georgia, serif" font-size="18" font-weight="bold" fill="#5c4a3d" data-fixed-color="black">生活家</text>
+  <text id="mag-subtitle" class="secondary" x="200" y="50" text-anchor="middle" font-family="Arial, sans-serif" font-size="9" fill="#8b7355" data-fixed-color="black"> wellness &amp; 家居</text>
+
   <!-- 左侧大图区域 -->
   <rect id="main-image" class="secondary" x="20" y="60" width="180" height="140" rx="4" fill="#e8ddd0"/>
   <rect id="image-overlay" class="primary" x="20" y="60" width="180" height="40" rx="4" fill="#5c4a3d" opacity="0.8"/>
-  <text id="image-label" class="text" x="110" y="85" text-anchor="middle" font-family="Georgia, serif" font-size="12" fill="#ffffff" data-fixed-color="black">Cozy Spaces</text>
-  
+  <text id="image-label" class="text" x="110" y="85" text-anchor="middle" font-family="Georgia, serif" font-size="12" fill="#ffffff" data-fixed-color="black">温馨空间</text>
+
   <!-- 右侧内容区 -->
-  <text id="feature-title" class="text" x="220" y="80" font-family="Georgia, serif" font-size="16" font-weight="bold" fill="#5c4a3d" data-fixed-color="black">The Art of</text>
-  <text id="feature-title-2" class="accent" x="220" y="100" font-family="Georgia, serif" font-size="16" font-weight="bold" fill="#d4a574" data-fixed-color="black">Slow Living</text>
-  
+  <text id="feature-title" class="text" x="220" y="80" font-family="Georgia, serif" font-size="16" font-weight="bold" fill="#5c4a3d" data-fixed-color="black">慢生活的</text>
+  <text id="feature-title-2" class="accent" x="220" y="100" font-family="Georgia, serif" font-size="16" font-weight="bold" fill="#d4a574" data-fixed-color="black">艺术</text>
+
   <!-- 文章列表 -->
   <rect id="article-bg-1" class="secondary" x="220" y="115" width="160" height="25" rx="3" fill="#f0e8e0"/>
   <circle id="bullet-1" class="accent" cx="235" cy="127" r="4" fill="#d4a574"/>
   <rect id="article-1" class="primary" x="245" y="122" width="120" height="5" rx="1" fill="#b8a090"/>
-  
+
   <rect id="article-bg-2" class="secondary" x="220" y="145" width="160" height="25" rx="3" fill="#f0e8e0"/>
   <circle id="bullet-2" class="accent" cx="235" cy="157" r="4" fill="#d4a574"/>
   <rect id="article-2" class="primary" x="245" y="152" width="100" height="5" rx="1" fill="#b8a090"/>
-  
+
   <rect id="article-bg-3" class="secondary" x="220" y="175" width="160" height="25" rx="3" fill="#f0e8e0"/>
   <circle id="bullet-3" class="accent" cx="235" cy="187" r="4" fill="#d4a574"/>
   <rect id="article-3" class="primary" x="245" y="182" width="110" height="5" rx="1" fill="#b8a090"/>
-  
+
   <!-- 底部小图展示 -->
   <rect id="thumb-1" class="secondary" x="20" y="210" width="80" height="60" rx="4" fill="#e8ddd0"/>
   <rect id="thumb-2" class="accent" x="110" y="210" width="80" height="60" rx="4" fill="#d4a574"/>
   <rect id="thumb-3" class="primary" x="200" y="210" width="80" height="60" rx="4" fill="#5c4a3d"/>
   <rect id="thumb-4" class="secondary" x="290" y="210" width="80" height="60" rx="4" fill="#e8ddd0"/>
-  
+
   <!-- 底部信息 -->
-  <text id="footer-issue" class="text" x="30" y="290" font-family="Arial, sans-serif" font-size="9" fill="#8b7355" data-fixed-color="black">WINTER 2026</text>
-  <text id="footer-price" class="text" x="370" y="290" text-anchor="end" font-family="Arial, sans-serif" font-size="9" fill="#8b7355" data-fixed-color="black">$8.99</text>
+  <text id="footer-issue" class="text" x="30" y="290" font-family="Arial, sans-serif" font-size="9" fill="#8b7355" data-fixed-color="black">2026 冬季刊</text>
+  <text id="footer-price" class="text" x="370" y="290" text-anchor="end" font-family="Arial, sans-serif" font-size="9" fill="#8b7355" data-fixed-color="black">¥58</text>
 </svg>
diff --git a/scenes_data/magazine/tech.svg b/scenes_data/magazine/tech.svg
index aa0c2bf..78ccce7 100644
--- a/scenes_data/magazine/tech.svg
+++ b/scenes_data/magazine/tech.svg
@@ -1,29 +1,29 @@
 <svg viewBox="0 0 400 300" xmlns="http://www.w3.org/2000/svg">
   <!-- 背景 -->
   <rect id="background" class="background" width="400" height="300" fill="#0a0a0a"/>
-  
+
   <!-- 网格装饰 -->
   <line id="grid-1" class="secondary" x1="100" y1="0" x2="100" y2="300" stroke="#333333" stroke-width="1" opacity="0.5"/>
   <line id="grid-2" class="secondary" x1="200" y1="0" x2="200" y2="300" stroke="#333333" stroke-width="1" opacity="0.5"/>
   <line id="grid-3" class="secondary" x1="300" y1="0" x2="300" y2="300" stroke="#333333" stroke-width="1" opacity="0.5"/>
-  
+
   <!-- 顶部标题栏 -->
   <rect id="header-bar" class="primary" x="20" y="20" width="360" height="30" rx="2" fill="#1a1a1a"/>
-  <text id="tech-title" class="text" x="40" y="40" font-family="Arial, sans-serif" font-size="14" font-weight="bold" fill="#00d4ff" data-fixed-color="black">TECH MAGAZINE</text>
+  <text id="tech-title" class="text" x="40" y="40" font-family="Arial, sans-serif" font-size="14" font-weight="bold" fill="#00d4ff" data-fixed-color="black">科技杂志</text>
   <rect id="header-accent" class="accent" x="320" y="25" width="50" height="20" rx="2" fill="#00d4ff"/>
-  <text id="issue-num" class="text" x="345" y="39" text-anchor="middle" font-family="Arial, sans-serif" font-size="10" font-weight="bold" fill="#0a0a0a" data-fixed-color="black">#42</text>
-  
+  <text id="issue-num" class="text" x="345" y="39" text-anchor="middle" font-family="Arial, sans-serif" font-size="10" font-weight="bold" fill="#0a0a0a" data-fixed-color="black">第42期</text>
+
   <!-- 主标题 -->
-  <text id="main-headline" class="text" x="200" y="90" text-anchor="middle" font-family="Arial Black, sans-serif" font-size="32" fill="#ffffff" data-fixed-color="black">FUTURE</text>
-  <text id="sub-headline" class="accent" x="200" y="120" text-anchor="middle" font-family="Arial, sans-serif" font-size="16" fill="#00d4ff" data-fixed-color="black">IS NOW</text>
-  
+  <text id="main-headline" class="text" x="200" y="90" text-anchor="middle" font-family="Arial Black, sans-serif" font-size="32" fill="#ffffff" data-fixed-color="black">未来</text>
+  <text id="sub-headline" class="accent" x="200" y="120" text-anchor="middle" font-family="Arial, sans-serif" font-size="16" fill="#00d4ff" data-fixed-color="black">已来</text>
+
   <!-- 数据可视化元素 -->
   <rect id="chart-bg" class="secondary" x="40" y="140" width="150" height="80" rx="4" fill="#1a1a1a"/>
   <rect id="bar-1" class="accent" x="50" y="180" width="20" height="30" rx="1" fill="#00d4ff"/>
   <rect id="bar-2" class="accent" x="80" y="160" width="20" height="50" rx="1" fill="#00d4ff"/>
   <rect id="bar-3" class="accent" x="110" y="170" width="20" height="40" rx="1" fill="#00d4ff"/>
   <rect id="bar-4" class="primary" x="140" y="150" width="20" height="60" rx="1" fill="#444444"/>
-  
+
   <!-- 右侧信息卡片 -->
   <rect id="info-card" class="secondary" x="210" y="140" width="150" height="80" rx="4" fill="#1a1a1a"/>
   <circle id="info-icon" class="accent" cx="235" cy="165" r="12" fill="#00d4ff"/>
@@ -31,11 +31,11 @@
   <rect id="info-line-2" class="primary" x="255" y="170" width="70" height="6" rx="1" fill="#444444"/>
   <rect id="info-line-3" class="primary" x="255" y="182" width="80" height="6" rx="1" fill="#444444"/>
   <rect id="info-line-4" class="primary" x="225" y="200" width="120" height="6" rx="1" fill="#444444"/>
-  
+
   <!-- 底部装饰线 -->
   <line id="bottom-line" class="accent" x1="40" y1="250" x2="360" y2="250" stroke="#00d4ff" stroke-width="2"/>
-  <text id="footer-text" class="text" x="200" y="275" text-anchor="middle" font-family="Arial, sans-serif" font-size="10" fill="#666666" data-fixed-color="black">AI / ROBOTICS / QUANTUM / SPACE</text>
-  
+  <text id="footer-text" class="text" x="200" y="275" text-anchor="middle" font-family="Arial, sans-serif" font-size="10" fill="#666666" data-fixed-color="black">人工智能 / 机器人 / 量子计算 / 太空探索</text>
+
   <!-- 装饰圆点 -->
   <circle id="deco-1" class="accent" cx="30" y="280" r="3" fill="#00d4ff"/>
   <circle id="deco-2" class="accent" cx="40" y="280" r="3" fill="#00d4ff"/>
diff --git a/scenes_data/poster/default.svg b/scenes_data/poster/default.svg
index 3fee6e5..6506ff2 100644
--- a/scenes_data/poster/default.svg
+++ b/scenes_data/poster/default.svg
@@ -1,19 +1,19 @@
 <svg viewBox="0 0 400 300" xmlns="http://www.w3.org/2000/svg">
   <rect id="background" class="background" width="400" height="300" fill="#f5f5f5"/>
-  
+
   <circle id="deco-circle-top" class="primary" cx="40" cy="24" r="18" fill="#1a1a1a"/>
   <rect id="deco-rect-top" class="secondary" x="300" y="15" width="60" height="16" rx="2" fill="#333333"/>
   <circle id="deco-circle-small" class="accent" cx="352" cy="45" r="12" fill="#ff6b6b"/>
-  
-  <text id="main-title" class="text" x="200" y="115" text-anchor="middle" font-family="Arial Black, sans-serif" font-size="56" font-weight="bold" letter-spacing="8" fill="#1a1a1a">设计</text>
-  
-  <text id="subtitle" class="secondary" x="200" y="145" text-anchor="middle" font-family="Arial, sans-serif" font-size="16" fill="#333333">创意无限 · 设计未来</text>
-  
+
+  <text id="main-title" class="text" x="200" y="115" text-anchor="middle" font-family="Arial Black, sans-serif" font-size="56" font-weight="bold" letter-spacing="8" fill="#1a1a1a" data-fixed-color="black">设计</text>
+
+  <text id="subtitle" class="secondary" x="200" y="145" text-anchor="middle" font-family="Arial, sans-serif" font-size="16" fill="#333333" data-fixed-color="black">创意无限 · 设计未来</text>
+
   <rect id="deco-line" class="accent" x="80" y="165" width="240" height="3" fill="#ff6b6b"/>
-  
-  <text id="date" class="primary" x="80" y="200" font-family="Arial, sans-serif" font-size="14" fill="#1a1a1a">2026.02.16</text>
-  <text id="location" class="secondary" x="80" y="220" font-family="Arial, sans-serif" font-size="14" fill="#333333">上海</text>
-  
+
+  <text id="date" class="primary" x="80" y="200" font-family="Arial, sans-serif" font-size="14" fill="#1a1a1a" data-fixed-color="black">2026.02.16</text>
+  <text id="location" class="secondary" x="80" y="220" font-family="Arial, sans-serif" font-size="14" fill="#333333" data-fixed-color="black">上海</text>
+
   <rect id="bottom-rect-1" class="secondary" x="60" y="240" width="100" height="30" rx="4" fill="#333333"/>
   <circle id="bottom-circle" class="accent" cx="220" cy="255" r="15" fill="#ff6b6b"/>
   <rect id="bottom-rect-2" class="primary" x="280" y="245" width="80" height="20" rx="3" fill="#1a1a1a"/>
diff --git a/scenes_data/poster/music.svg b/scenes_data/poster/music.svg
index 4be9085..592b20a 100644
--- a/scenes_data/poster/music.svg
+++ b/scenes_data/poster/music.svg
@@ -45,5 +45,5 @@
   <text id="date-day" class="text" x="260" y="280" text-anchor="middle" font-family="Arial, sans-serif" font-size="16" font-weight="bold" fill="#ffffff" data-fixed-color="black">15</text>
 
   <!-- 底部装饰 -->
-  <text id="ticket-info" class="text" x="320" y="275" text-anchor="middle" font-family="Arial, sans-serif" font-size="10" fill="#aaaaaa" data-fixed-color="black">票价 ¥180</text>
+  <text id="ticket-info" class="text" x="340" y="275" text-anchor="middle" font-family="Arial, sans-serif" font-size="10" fill="#aaaaaa" data-fixed-color="black">票价 ¥180</text>
 </svg>
diff --git a/scenes_data/poster/product.svg b/scenes_data/poster/product.svg
index 71e2e69..70d6069 100644
--- a/scenes_data/poster/product.svg
+++ b/scenes_data/poster/product.svg
@@ -39,14 +39,14 @@
   </g>
 
   <!-- 价格区 -->
-  <text id="price-label" class="secondary" x="240" y="235" font-family="Arial, sans-serif" font-size="10" fill="#636e72" data-fixed-color="black">起售价</text>
-  <text id="price-value" class="text" x="240" y="260" font-family="Arial, sans-serif" font-size="28" font-weight="bold" fill="#2d3436" data-fixed-color="black">¥2,199</text>
-  <text id="price-old" class="secondary" x="330" y="255" font-family="Arial, sans-serif" font-size="12" fill="#b2bec3" data-fixed-color="black">¥2,999</text>
-  <line id="price-strike" x1="325" y1="250" x2="355" y2="250" stroke="#b2bec3" stroke-width="1"/>
+  <text id="price-label" class="secondary" x="240" y="220" font-family="Arial, sans-serif" font-size="10" fill="#636e72" data-fixed-color="black">起售价</text>
+  <text id="price-value" class="text" x="240" y="245" font-family="Arial, sans-serif" font-size="28" font-weight="bold" fill="#2d3436" data-fixed-color="black">¥2,199</text>
+  <text id="price-old" class="secondary" x="330" y="240" font-family="Arial, sans-serif" font-size="12" fill="#b2bec3" data-fixed-color="black">¥2,999</text>
+  <line id="price-strike" x1="335" y1="235" x2="365" y2="235" stroke="#b2bec3" stroke-width="1"/>
 
   <!-- 购买按钮 -->
-  <rect id="buy-btn" class="accent" x="240" y="270" width="120" height="25" rx="4" fill="#ff6b6b"/>
-  <text id="buy-text" class="text" x="300" y="287" text-anchor="middle" font-family="Arial, sans-serif" font-size="11" font-weight="bold" fill="#ffffff" data-fixed-color="black">立即购买</text>
+  <rect id="buy-btn" class="accent" x="240" y="255" width="120" height="25" rx="4" fill="#ff6b6b"/>
+  <text id="buy-text" class="text" x="300" y="272" text-anchor="middle" font-family="Arial, sans-serif" font-size="11" font-weight="bold" fill="#ffffff" data-fixed-color="black">立即购买</text>
 
   <!-- 底部装饰 -->
   <rect id="bottom-accent" class="accent" x="0" y="290" width="400" height="10" fill="#ff6b6b"/>
diff --git a/scenes_data/typography/default.svg b/scenes_data/typography/default.svg
index 45aa715..3cfc800 100644
--- a/scenes_data/typography/default.svg
+++ b/scenes_data/typography/default.svg
@@ -1,17 +1,17 @@
 <svg viewBox="0 0 400 300" xmlns="http://www.w3.org/2000/svg">
   <rect id="background" class="background" width="400" height="300" fill="#f5f5f5"/>
-  
+
   <rect id="side-block" class="primary" x="0" y="100" width="8" height="100" fill="#1a1a1a"/>
-  
+
   <line id="top-line" class="accent" x1="50" y1="30" x2="350" y2="30" stroke="#ff6b6b" stroke-width="3"/>
-  
-  <text id="title-line-1" class="text" x="200" y="100" text-anchor="middle" font-family="Georgia, serif" font-size="42" font-weight="bold" fill="#1a1a1a">All</text>
-  <text id="title-line-2" class="text" x="200" y="150" text-anchor="middle" font-family="Georgia, serif" font-size="42" font-weight="bold" fill="#333333">Bodies</text>
-  <text id="title-line-3" class="text" x="200" y="200" text-anchor="middle" font-family="Georgia, serif" font-size="42" font-weight="bold" fill="#1a1a1a">Are Good</text>
-  <text id="title-line-4" class="text" x="200" y="250" text-anchor="middle" font-family="Georgia, serif" font-size="42" font-weight="bold" fill="#ff6b6b">Bodies</text>
-  
+
+  <text id="title-line-1" class="text" x="200" y="100" text-anchor="middle" font-family="Georgia, serif" font-size="42" font-weight="bold" fill="#1a1a1a" data-fixed-color="black">色彩</text>
+  <text id="title-line-2" class="text" x="200" y="150" text-anchor="middle" font-family="Georgia, serif" font-size="42" font-weight="bold" fill="#333333" data-fixed-color="black">是设计的</text>
+  <text id="title-line-3" class="text" x="200" y="200" text-anchor="middle" font-family="Georgia, serif" font-size="42" font-weight="bold" fill="#1a1a1a" data-fixed-color="black">灵魂</text>
+  <text id="title-line-4" class="accent" x="200" y="250" text-anchor="middle" font-family="Georgia, serif" font-size="42" font-weight="bold" fill="#ff6b6b">与语言</text>
+
   <line id="bottom-line" class="secondary" x1="100" y1="270" x2="300" y2="270" stroke="#333333" stroke-width="2"/>
-  
+
   <circle id="deco-dot-1" class="accent" cx="50" cy="30" r="5" fill="#ff6b6b"/>
   <circle id="deco-dot-2" class="accent" cx="350" cy="30" r="5" fill="#ff6b6b"/>
 </svg>
diff --git a/scenes_data/typography/editorial.svg b/scenes_data/typography/editorial.svg
index cefb85d..a99948a 100644
--- a/scenes_data/typography/editorial.svg
+++ b/scenes_data/typography/editorial.svg
@@ -7,7 +7,7 @@
   
   <!-- 分类标签 -->
   <rect id="category-tag" class="accent" x="40" y="35" width="60" height="20" rx="3" fill="#ff6b6b"/>
-  <text id="category-text" class="text" x="70" y="48" text-anchor="middle" font-family="Arial, sans-serif" font-size="10" font-weight="bold" fill="#ffffff" data-fixed-color="black">FEATURE</text>
+  <text id="category-text" class="text" x="70" y="48" text-anchor="middle" font-family="Arial, sans-serif" font-size="10" font-weight="bold" fill="#ffffff" data-fixed-color="black">特辑</text>
   
   <!-- 主标题 -->
   <text id="main-title" class="text" x="40" y="85" font-family="Georgia, serif" font-size="28" font-weight="bold" fill="#1a1a1a" data-fixed-color="black">设计的力量</text>
diff --git a/scenes_data/typography/minimal.svg b/scenes_data/typography/minimal.svg
index 9343373..93d3a92 100644
--- a/scenes_data/typography/minimal.svg
+++ b/scenes_data/typography/minimal.svg
@@ -1,17 +1,16 @@
 <svg viewBox="0 0 400 300" xmlns="http://www.w3.org/2000/svg">
   <!-- 背景 -->
   <rect id="background" class="background" width="400" height="300" fill="#ffffff"/>
-  
+
   <!-- 极简装饰线 -->
   <line id="top-line" class="accent" x1="200" y1="60" x2="200" y2="80" stroke="#ff6b6b" stroke-width="2"/>
-  
+
   <!-- 主标题 -->
-  <text id="main-title" class="text" x="200" y="140" text-anchor="middle" font-family="Helvetica, Arial, sans-serif" font-size="36" font-weight="300" fill="#1a1a1a" data-fixed-color="black">Less</text>
-  <text id="main-title-2" class="accent" x="200" y="180" text-anchor="middle" font-family="Helvetica, Arial, sans-serif" font-size="36" font-weight="300" fill="#ff6b6b" data-fixed-color="black">is More</text>
-  
+  <text id="main-title" class="text" x="200" y="140" text-anchor="middle" font-family="Helvetica, Arial, sans-serif" font-size="36" font-weight="300" fill="#1a1a1a" data-fixed-color="black">少即是多</text>
+
   <!-- 副标题 -->
-  <text id="subtitle" class="secondary" x="200" y="220" text-anchor="middle" font-family="Arial, sans-serif" font-size="12" fill="#999999" data-fixed-color="black">Minimalist Design Philosophy</text>
-  
+  <text id="subtitle" class="secondary" x="200" y="220" text-anchor="middle" font-family="Arial, sans-serif" font-size="12" fill="#999999" data-fixed-color="black">极简主义设计理念</text>
+
   <!-- 底部装饰点 -->
   <circle id="dot-1" class="primary" cx="185" cy="260" r="3" fill="#1a1a1a"/>
   <circle id="dot-2" class="accent" cx="200" cy="260" r="3" fill="#ff6b6b"/>
diff --git a/scenes_data/typography/poster.svg b/scenes_data/typography/poster.svg
index 722b8ce..ff089e4 100644
--- a/scenes_data/typography/poster.svg
+++ b/scenes_data/typography/poster.svg
@@ -1,27 +1,27 @@
 <svg viewBox="0 0 400 300" xmlns="http://www.w3.org/2000/svg">
   <!-- 背景 -->
   <rect id="background" class="background" width="400" height="300" fill="#1a1a1a"/>
-  
+
   <!-- 装饰圆环 -->
   <circle id="deco-ring" class="accent" cx="320" cy="60" r="40" fill="none" stroke="#ff6b6b" stroke-width="3"/>
   <circle id="deco-dot" class="accent" cx="320" cy="60" r="8" fill="#ff6b6b"/>
-  
+
   <!-- 左侧装饰条 -->
   <rect id="left-bar-1" class="primary" x="30" y="40" width="6" height="80" rx="3" fill="#ffffff"/>
   <rect id="left-bar-2" class="secondary" x="42" y="60" width="6" height="60" rx="3" fill="#cccccc"/>
   <rect id="left-bar-3" class="accent" x="54" y="80" width="6" height="40" rx="3" fill="#ff6b6b"/>
-  
+
   <!-- 主标题 - 大号文字 -->
-  <text id="title-line-1" class="text" x="200" y="130" text-anchor="middle" font-family="Impact, Arial Black, sans-serif" font-size="48" font-weight="bold" fill="#ffffff" data-fixed-color="black">CREATE</text>
-  <text id="title-line-2" class="accent" x="200" y="185" text-anchor="middle" font-family="Impact, Arial Black, sans-serif" font-size="48" font-weight="bold" fill="#ff6b6b" data-fixed-color="black">BOLD</text>
-  
+  <text id="title-line-1" class="text" x="200" y="130" text-anchor="middle" font-family="Impact, Arial Black, sans-serif" font-size="48" font-weight="bold" fill="#ffffff" data-fixed-color="black">创造</text>
+  <text id="title-line-2" class="accent" x="200" y="185" text-anchor="middle" font-family="Impact, Arial Black, sans-serif" font-size="48" font-weight="bold" fill="#ff6b6b" data-fixed-color="black">大胆</text>
+
   <!-- 副标题 -->
-  <text id="subtitle" class="secondary" x="200" y="220" text-anchor="middle" font-family="Arial, sans-serif" font-size="14" fill="#aaaaaa" data-fixed-color="black">Design Conference 2026</text>
-  
+  <text id="subtitle" class="secondary" x="200" y="220" text-anchor="middle" font-family="Arial, sans-serif" font-size="14" fill="#aaaaaa" data-fixed-color="black">2026 设计大会</text>
+
   <!-- 底部信息 -->
   <rect id="bottom-bar" class="primary" x="100" y="245" width="200" height="2" rx="1" fill="#ffffff"/>
-  <text id="date-info" class="text" x="200" y="270" text-anchor="middle" font-family="Arial, sans-serif" font-size="12" fill="#ffffff" data-fixed-color="black">MARCH 15-17 · SHANGHAI</text>
-  
+  <text id="date-info" class="text" x="200" y="270" text-anchor="middle" font-family="Arial, sans-serif" font-size="12" fill="#ffffff" data-fixed-color="black">3月15-17日 · 上海</text>
+
   <!-- 右下角装饰 -->
   <rect id="corner-deco-1" class="accent" x="340" y="240" width="30" height="30" rx="4" fill="#ff6b6b"/>
   <rect id="corner-deco-2" class="secondary" x="350" y="250" width="30" height="30" rx="4" fill="#666666"/>
-- 
Gitee


From a28abf2bcf261f8ebf0009c77131ff1d5d20c941 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=9D=92=E5=B1=B1=E5=85=AC=E4=BB=94?=
 <qingshangongzai@163.com>
Date: Mon, 13 Apr 2026 15:06:05 +0800
Subject: [PATCH 10/29] =?UTF-8?q?[=E5=86=85=E5=AE=B9=E8=B0=83=E6=95=B4]=20?=
 =?UTF-8?q?=E7=BB=9F=E4=B8=80=E5=9C=BA=E6=99=AFSVG=E5=B0=BA=E5=AF=B8?=
 =?UTF-8?q?=E5=B9=B6=E4=BC=98=E5=8C=96=E5=85=83=E7=B4=A0=E5=B1=9E=E6=80=A7?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 将 typography 目录下4个SVG从400x300调整为600x300
- 将 magazine 目录下4个SVG从400x300调整为600x300
- magazine/tech.svg: 移除底部装饰圆点，中间区域增加第三个数据卡片
- magazine/default.svg: "艺术"文字下移并移除固定颜色属性
- typography/poster.svg: "大胆"移除固定颜色属性
- magazine/tech.svg: "已来"移除固定颜色属性
---
 scenes_data/magazine/default.svg     | 12 ++++-----
 scenes_data/magazine/fashion.svg     | 24 ++++++++---------
 scenes_data/magazine/lifestyle.svg   | 12 ++++-----
 scenes_data/magazine/tech.svg        | 37 +++++++++++++------------
 scenes_data/typography/default.svg   | 18 ++++++-------
 scenes_data/typography/editorial.svg | 40 ++++++++++++++--------------
 scenes_data/typography/minimal.svg   | 16 +++++------
 scenes_data/typography/poster.svg    | 24 ++++++++---------
 8 files changed, 93 insertions(+), 90 deletions(-)

diff --git a/scenes_data/magazine/default.svg b/scenes_data/magazine/default.svg
index fb6131d..5cf2072 100644
--- a/scenes_data/magazine/default.svg
+++ b/scenes_data/magazine/default.svg
@@ -1,11 +1,11 @@
-<svg viewBox="0 0 400 300" xmlns="http://www.w3.org/2000/svg">
-  <rect id="background" class="background" width="400" height="300" fill="#f5f5f5"/>
+<svg viewBox="0 0 600 300" xmlns="http://www.w3.org/2000/svg">
+  <rect id="background" class="background" width="600" height="300" fill="#f5f5f5"/>
 
-  <rect id="header-bar" class="primary" x="0" y="0" width="400" height="30" fill="#1a1a1a"/>
-  <text id="header-text" class="text" x="200" y="20" text-anchor="middle" font-family="Georgia, serif" font-size="12" fill="#ffffff" data-fixed-color="black">时尚设计</text>
+  <rect id="header-bar" class="primary" x="0" y="0" width="600" height="30" fill="#1a1a1a"/>
+  <text id="header-text" class="text" x="300" y="20" text-anchor="middle" font-family="Georgia, serif" font-size="12" fill="#ffffff" data-fixed-color="black">时尚设计</text>
 
   <text id="main-title" class="text" x="30" y="70" font-family="Georgia, serif" font-size="32" fill="#1a1a1a" data-fixed-color="black">色彩的</text>
-  <text id="main-subtitle" class="accent" x="30" y="110" font-family="Georgia, serif" font-size="48" font-weight="bold" fill="#ff6b6b" data-fixed-color="black">艺术</text>
+  <text id="main-subtitle" class="accent" x="30" y="120" font-family="Georgia, serif" font-size="48" font-weight="bold" fill="#ff6b6b">艺术</text>
 
   <rect id="feature-box" class="secondary" x="20" y="135" width="100" height="105" fill="#333333"/>
   <text id="feature-text" class="text" x="70" y="195" text-anchor="middle" font-family="Arial, sans-serif" font-size="14" fill="#ffffff" data-fixed-color="black">特辑</text>
@@ -22,5 +22,5 @@
   <text id="quote-text" class="text" x="32" y="265" font-family="Georgia, serif" font-size="10" font-style="italic" fill="#1a1a1a" data-fixed-color="black">"色彩是琴键，眼睛是音锤，</text>
   <text id="quote-text-2" class="text" x="32" y="280" font-family="Georgia, serif" font-size="10" font-style="italic" fill="#1a1a1a" data-fixed-color="black">心灵是琴弦的钢琴。"</text>
 
-  <text id="footer-text" class="secondary" x="200" y="295" text-anchor="middle" font-family="Arial, sans-serif" font-size="9" fill="#333333" data-fixed-color="black">2026 春季刊</text>
+  <text id="footer-text" class="secondary" x="300" y="295" text-anchor="middle" font-family="Arial, sans-serif" font-size="9" fill="#333333" data-fixed-color="black">2026 春季刊</text>
 </svg>
diff --git a/scenes_data/magazine/fashion.svg b/scenes_data/magazine/fashion.svg
index e371df5..bde2371 100644
--- a/scenes_data/magazine/fashion.svg
+++ b/scenes_data/magazine/fashion.svg
@@ -1,10 +1,10 @@
-<svg viewBox="0 0 400 300" xmlns="http://www.w3.org/2000/svg">
+<svg viewBox="0 0 600 300" xmlns="http://www.w3.org/2000/svg">
   <!-- 背景 -->
-  <rect id="background" class="background" width="400" height="300" fill="#fafafa"/>
+  <rect id="background" class="background" width="600" height="300" fill="#fafafa"/>
 
   <!-- 顶部装饰条 -->
-  <rect id="top-bar" class="primary" x="0" y="0" width="400" height="25" fill="#1a1a1a"/>
-  <text id="magazine-name" class="text" x="200" y="17" text-anchor="middle" font-family="Georgia, serif" font-size="12" fill="#ffffff" data-fixed-color="black">时装周</text>
+  <rect id="top-bar" class="primary" x="0" y="0" width="600" height="25" fill="#1a1a1a"/>
+  <text id="magazine-name" class="text" x="300" y="17" text-anchor="middle" font-family="Georgia, serif" font-size="12" fill="#ffffff" data-fixed-color="black">时装周</text>
 
   <!-- 左侧模特剪影区域 -->
   <rect id="model-bg" class="secondary" x="20" y="35" width="120" height="200" rx="4" fill="#e0e0e0"/>
@@ -16,13 +16,13 @@
   <text id="sub-title" class="accent" x="160" y="100" font-family="Georgia, serif" font-size="20" fill="#ff6b6b" data-fixed-color="black">革命</text>
 
   <!-- 右侧栏目标题 -->
-  <rect id="section-bar" class="accent" x="160" y="115" width="220" height="3" fill="#ff6b6b"/>
+  <rect id="section-bar" class="accent" x="160" y="115" width="420" height="3" fill="#ff6b6b"/>
   <text id="section-title" class="text" x="160" y="135" font-family="Arial, sans-serif" font-size="10" font-weight="bold" fill="#666666" data-fixed-color="black">2026 流行趋势</text>
 
   <!-- 文章摘要 -->
-  <rect id="article-line-1" class="primary" x="160" y="150" width="200" height="6" rx="1" fill="#cccccc"/>
-  <rect id="article-line-2" class="primary" x="160" y="162" width="180" height="6" rx="1" fill="#cccccc"/>
-  <rect id="article-line-3" class="primary" x="160" y="174" width="190" height="6" rx="1" fill="#cccccc"/>
+  <rect id="article-line-1" class="primary" x="160" y="150" width="400" height="6" rx="1" fill="#cccccc"/>
+  <rect id="article-line-2" class="primary" x="160" y="162" width="380" height="6" rx="1" fill="#cccccc"/>
+  <rect id="article-line-3" class="primary" x="160" y="174" width="390" height="6" rx="1" fill="#cccccc"/>
 
   <!-- 小图区域 -->
   <rect id="small-img-1" class="secondary" x="160" y="190" width="60" height="45" rx="4" fill="#dddddd"/>
@@ -30,11 +30,11 @@
   <rect id="small-img-3" class="primary" x="300" y="190" width="60" height="45" rx="4" fill="#333333"/>
 
   <!-- 底部信息 -->
-  <rect id="bottom-bar" class="primary" x="0" y="250" width="400" height="50" fill="#1a1a1a"/>
+  <rect id="bottom-bar" class="primary" x="0" y="250" width="600" height="50" fill="#1a1a1a"/>
   <text id="issue-info" class="text" x="30" y="275" font-family="Arial, sans-serif" font-size="10" fill="#ffffff" data-fixed-color="black">春季刊</text>
-  <text id="price" class="text" x="350" y="275" text-anchor="end" font-family="Arial, sans-serif" font-size="10" fill="#ffffff" data-fixed-color="black">¥88</text>
+  <text id="price" class="text" x="550" y="275" text-anchor="end" font-family="Arial, sans-serif" font-size="10" fill="#ffffff" data-fixed-color="black">¥88</text>
 
   <!-- 装饰元素 -->
-  <circle id="deco-dot-1" class="accent" cx="370" cy="45" r="8" fill="#ff6b6b"/>
-  <circle id="deco-dot-2" class="secondary" cx="385" cy="60" r="5" fill="#cccccc"/>
+  <circle id="deco-dot-1" class="accent" cx="570" cy="45" r="8" fill="#ff6b6b"/>
+  <circle id="deco-dot-2" class="secondary" cx="585" cy="60" r="5" fill="#cccccc"/>
 </svg>
diff --git a/scenes_data/magazine/lifestyle.svg b/scenes_data/magazine/lifestyle.svg
index e5ceccf..68e00f4 100644
--- a/scenes_data/magazine/lifestyle.svg
+++ b/scenes_data/magazine/lifestyle.svg
@@ -1,13 +1,13 @@
-<svg viewBox="0 0 400 300" xmlns="http://www.w3.org/2000/svg">
+<svg viewBox="0 0 600 300" xmlns="http://www.w3.org/2000/svg">
   <!-- 背景 -->
-  <rect id="background" class="background" width="400" height="300" fill="#f8f5f0"/>
+  <rect id="background" class="background" width="600" height="300" fill="#f8f5f0"/>
 
   <!-- 顶部装饰 -->
-  <rect id="top-accent" class="accent" x="0" y="0" width="400" height="8" fill="#d4a574"/>
+  <rect id="top-accent" class="accent" x="0" y="0" width="600" height="8" fill="#d4a574"/>
 
   <!-- 杂志标题 -->
-  <text id="mag-title" class="text" x="200" y="35" text-anchor="middle" font-family="Georgia, serif" font-size="18" font-weight="bold" fill="#5c4a3d" data-fixed-color="black">生活家</text>
-  <text id="mag-subtitle" class="secondary" x="200" y="50" text-anchor="middle" font-family="Arial, sans-serif" font-size="9" fill="#8b7355" data-fixed-color="black"> wellness &amp; 家居</text>
+  <text id="mag-title" class="text" x="300" y="35" text-anchor="middle" font-family="Georgia, serif" font-size="18" font-weight="bold" fill="#5c4a3d" data-fixed-color="black">生活家</text>
+  <text id="mag-subtitle" class="secondary" x="300" y="50" text-anchor="middle" font-family="Arial, sans-serif" font-size="9" fill="#8b7355" data-fixed-color="black"> wellness &amp; 家居</text>
 
   <!-- 左侧大图区域 -->
   <rect id="main-image" class="secondary" x="20" y="60" width="180" height="140" rx="4" fill="#e8ddd0"/>
@@ -39,5 +39,5 @@
 
   <!-- 底部信息 -->
   <text id="footer-issue" class="text" x="30" y="290" font-family="Arial, sans-serif" font-size="9" fill="#8b7355" data-fixed-color="black">2026 冬季刊</text>
-  <text id="footer-price" class="text" x="370" y="290" text-anchor="end" font-family="Arial, sans-serif" font-size="9" fill="#8b7355" data-fixed-color="black">¥58</text>
+  <text id="footer-price" class="text" x="570" y="290" text-anchor="end" font-family="Arial, sans-serif" font-size="9" fill="#8b7355" data-fixed-color="black">¥58</text>
 </svg>
diff --git a/scenes_data/magazine/tech.svg b/scenes_data/magazine/tech.svg
index 78ccce7..fcd93e0 100644
--- a/scenes_data/magazine/tech.svg
+++ b/scenes_data/magazine/tech.svg
@@ -1,21 +1,21 @@
-<svg viewBox="0 0 400 300" xmlns="http://www.w3.org/2000/svg">
+<svg viewBox="0 0 600 300" xmlns="http://www.w3.org/2000/svg">
   <!-- 背景 -->
-  <rect id="background" class="background" width="400" height="300" fill="#0a0a0a"/>
+  <rect id="background" class="background" width="600" height="300" fill="#0a0a0a"/>
 
   <!-- 网格装饰 -->
-  <line id="grid-1" class="secondary" x1="100" y1="0" x2="100" y2="300" stroke="#333333" stroke-width="1" opacity="0.5"/>
-  <line id="grid-2" class="secondary" x1="200" y1="0" x2="200" y2="300" stroke="#333333" stroke-width="1" opacity="0.5"/>
-  <line id="grid-3" class="secondary" x1="300" y1="0" x2="300" y2="300" stroke="#333333" stroke-width="1" opacity="0.5"/>
+  <line id="grid-1" class="secondary" x1="150" y1="0" x2="150" y2="300" stroke="#333333" stroke-width="1" opacity="0.5"/>
+  <line id="grid-2" class="secondary" x1="300" y1="0" x2="300" y2="300" stroke="#333333" stroke-width="1" opacity="0.5"/>
+  <line id="grid-3" class="secondary" x1="450" y1="0" x2="450" y2="300" stroke="#333333" stroke-width="1" opacity="0.5"/>
 
   <!-- 顶部标题栏 -->
-  <rect id="header-bar" class="primary" x="20" y="20" width="360" height="30" rx="2" fill="#1a1a1a"/>
+  <rect id="header-bar" class="primary" x="20" y="20" width="560" height="30" rx="2" fill="#1a1a1a"/>
   <text id="tech-title" class="text" x="40" y="40" font-family="Arial, sans-serif" font-size="14" font-weight="bold" fill="#00d4ff" data-fixed-color="black">科技杂志</text>
-  <rect id="header-accent" class="accent" x="320" y="25" width="50" height="20" rx="2" fill="#00d4ff"/>
-  <text id="issue-num" class="text" x="345" y="39" text-anchor="middle" font-family="Arial, sans-serif" font-size="10" font-weight="bold" fill="#0a0a0a" data-fixed-color="black">第42期</text>
+  <rect id="header-accent" class="accent" x="520" y="25" width="50" height="20" rx="2" fill="#00d4ff"/>
+  <text id="issue-num" class="text" x="545" y="39" text-anchor="middle" font-family="Arial, sans-serif" font-size="10" font-weight="bold" fill="#0a0a0a" data-fixed-color="black">第42期</text>
 
   <!-- 主标题 -->
-  <text id="main-headline" class="text" x="200" y="90" text-anchor="middle" font-family="Arial Black, sans-serif" font-size="32" fill="#ffffff" data-fixed-color="black">未来</text>
-  <text id="sub-headline" class="accent" x="200" y="120" text-anchor="middle" font-family="Arial, sans-serif" font-size="16" fill="#00d4ff" data-fixed-color="black">已来</text>
+  <text id="main-headline" class="text" x="300" y="90" text-anchor="middle" font-family="Arial Black, sans-serif" font-size="32" fill="#ffffff" data-fixed-color="black">未来</text>
+  <text id="sub-headline" class="accent" x="300" y="120" text-anchor="middle" font-family="Arial, sans-serif" font-size="16" fill="#00d4ff">已来</text>
 
   <!-- 数据可视化元素 -->
   <rect id="chart-bg" class="secondary" x="40" y="140" width="150" height="80" rx="4" fill="#1a1a1a"/>
@@ -24,7 +24,7 @@
   <rect id="bar-3" class="accent" x="110" y="170" width="20" height="40" rx="1" fill="#00d4ff"/>
   <rect id="bar-4" class="primary" x="140" y="150" width="20" height="60" rx="1" fill="#444444"/>
 
-  <!-- 右侧信息卡片 -->
+  <!-- 中间信息卡片 -->
   <rect id="info-card" class="secondary" x="210" y="140" width="150" height="80" rx="4" fill="#1a1a1a"/>
   <circle id="info-icon" class="accent" cx="235" cy="165" r="12" fill="#00d4ff"/>
   <rect id="info-line-1" class="primary" x="255" y="158" width="90" height="6" rx="1" fill="#444444"/>
@@ -32,12 +32,15 @@
   <rect id="info-line-3" class="primary" x="255" y="182" width="80" height="6" rx="1" fill="#444444"/>
   <rect id="info-line-4" class="primary" x="225" y="200" width="120" height="6" rx="1" fill="#444444"/>
 
+  <!-- 右侧新增数据卡片 -->
+  <rect id="data-card" class="secondary" x="380" y="140" width="150" height="80" rx="4" fill="#1a1a1a"/>
+  <text id="data-label" class="text" x="455" y="165" text-anchor="middle" font-family="Arial, sans-serif" font-size="10" fill="#888888" data-fixed-color="black">增长率</text>
+  <text id="data-value" class="accent" x="455" y="195" text-anchor="middle" font-family="Arial Black, sans-serif" font-size="24" fill="#00d4ff" data-fixed-color="black">+127%</text>
+  <rect id="data-bar" class="accent" x="400" y="210" width="110" height="4" rx="2" fill="#00d4ff"/>
+
   <!-- 底部装饰线 -->
-  <line id="bottom-line" class="accent" x1="40" y1="250" x2="360" y2="250" stroke="#00d4ff" stroke-width="2"/>
-  <text id="footer-text" class="text" x="200" y="275" text-anchor="middle" font-family="Arial, sans-serif" font-size="10" fill="#666666" data-fixed-color="black">人工智能 / 机器人 / 量子计算 / 太空探索</text>
+  <line id="bottom-line" class="accent" x1="40" y1="250" x2="560" y2="250" stroke="#00d4ff" stroke-width="2"/>
+  <text id="footer-text" class="text" x="300" y="275" text-anchor="middle" font-family="Arial, sans-serif" font-size="10" fill="#666666" data-fixed-color="black">人工智能 / 机器人 / 量子计算 / 太空探索</text>
+
 
-  <!-- 装饰圆点 -->
-  <circle id="deco-1" class="accent" cx="30" y="280" r="3" fill="#00d4ff"/>
-  <circle id="deco-2" class="accent" cx="40" y="280" r="3" fill="#00d4ff"/>
-  <circle id="deco-3" class="accent" cx="50" y="280" r="3" fill="#00d4ff"/>
 </svg>
diff --git a/scenes_data/typography/default.svg b/scenes_data/typography/default.svg
index 3cfc800..43ba66a 100644
--- a/scenes_data/typography/default.svg
+++ b/scenes_data/typography/default.svg
@@ -1,17 +1,17 @@
-<svg viewBox="0 0 400 300" xmlns="http://www.w3.org/2000/svg">
-  <rect id="background" class="background" width="400" height="300" fill="#f5f5f5"/>
+<svg viewBox="0 0 600 300" xmlns="http://www.w3.org/2000/svg">
+  <rect id="background" class="background" width="600" height="300" fill="#f5f5f5"/>
 
   <rect id="side-block" class="primary" x="0" y="100" width="8" height="100" fill="#1a1a1a"/>
 
-  <line id="top-line" class="accent" x1="50" y1="30" x2="350" y2="30" stroke="#ff6b6b" stroke-width="3"/>
+  <line id="top-line" class="accent" x1="50" y1="30" x2="550" y2="30" stroke="#ff6b6b" stroke-width="3"/>
 
-  <text id="title-line-1" class="text" x="200" y="100" text-anchor="middle" font-family="Georgia, serif" font-size="42" font-weight="bold" fill="#1a1a1a" data-fixed-color="black">色彩</text>
-  <text id="title-line-2" class="text" x="200" y="150" text-anchor="middle" font-family="Georgia, serif" font-size="42" font-weight="bold" fill="#333333" data-fixed-color="black">是设计的</text>
-  <text id="title-line-3" class="text" x="200" y="200" text-anchor="middle" font-family="Georgia, serif" font-size="42" font-weight="bold" fill="#1a1a1a" data-fixed-color="black">灵魂</text>
-  <text id="title-line-4" class="accent" x="200" y="250" text-anchor="middle" font-family="Georgia, serif" font-size="42" font-weight="bold" fill="#ff6b6b">与语言</text>
+  <text id="title-line-1" class="text" x="300" y="100" text-anchor="middle" font-family="Georgia, serif" font-size="42" font-weight="bold" fill="#1a1a1a" data-fixed-color="black">色彩</text>
+  <text id="title-line-2" class="text" x="300" y="150" text-anchor="middle" font-family="Georgia, serif" font-size="42" font-weight="bold" fill="#333333" data-fixed-color="black">是设计的</text>
+  <text id="title-line-3" class="text" x="300" y="200" text-anchor="middle" font-family="Georgia, serif" font-size="42" font-weight="bold" fill="#1a1a1a" data-fixed-color="black">灵魂</text>
+  <text id="title-line-4" class="accent" x="300" y="250" text-anchor="middle" font-family="Georgia, serif" font-size="42" font-weight="bold" fill="#ff6b6b">与语言</text>
 
-  <line id="bottom-line" class="secondary" x1="100" y1="270" x2="300" y2="270" stroke="#333333" stroke-width="2"/>
+  <line id="bottom-line" class="secondary" x1="100" y1="270" x2="500" y2="270" stroke="#333333" stroke-width="2"/>
 
   <circle id="deco-dot-1" class="accent" cx="50" cy="30" r="5" fill="#ff6b6b"/>
-  <circle id="deco-dot-2" class="accent" cx="350" cy="30" r="5" fill="#ff6b6b"/>
+  <circle id="deco-dot-2" class="accent" cx="550" cy="30" r="5" fill="#ff6b6b"/>
 </svg>
diff --git a/scenes_data/typography/editorial.svg b/scenes_data/typography/editorial.svg
index a99948a..cb81567 100644
--- a/scenes_data/typography/editorial.svg
+++ b/scenes_data/typography/editorial.svg
@@ -1,37 +1,37 @@
-<svg viewBox="0 0 400 300" xmlns="http://www.w3.org/2000/svg">
+<svg viewBox="0 0 600 300" xmlns="http://www.w3.org/2000/svg">
   <!-- 背景 -->
-  <rect id="background" class="background" width="400" height="300" fill="#fafafa"/>
-  
+  <rect id="background" class="background" width="600" height="300" fill="#fafafa"/>
+
   <!-- 顶部装饰线 -->
-  <line id="top-line" class="accent" x1="40" y1="25" x2="360" y2="25" stroke="#ff6b6b" stroke-width="2"/>
-  
+  <line id="top-line" class="accent" x1="40" y1="25" x2="560" y2="25" stroke="#ff6b6b" stroke-width="2"/>
+
   <!-- 分类标签 -->
   <rect id="category-tag" class="accent" x="40" y="35" width="60" height="20" rx="3" fill="#ff6b6b"/>
   <text id="category-text" class="text" x="70" y="48" text-anchor="middle" font-family="Arial, sans-serif" font-size="10" font-weight="bold" fill="#ffffff" data-fixed-color="black">特辑</text>
-  
+
   <!-- 主标题 -->
   <text id="main-title" class="text" x="40" y="85" font-family="Georgia, serif" font-size="28" font-weight="bold" fill="#1a1a1a" data-fixed-color="black">设计的力量</text>
-  
+
   <!-- 副标题 -->
   <text id="subtitle" class="secondary" x="40" y="110" font-family="Arial, sans-serif" font-size="14" fill="#666666" data-fixed-color="black">探索色彩与排版的无限可能</text>
-  
+
   <!-- 作者信息 -->
   <text id="author" class="text" x="40" y="135" font-family="Arial, sans-serif" font-size="10" fill="#999999" data-fixed-color="black">By Design Team · 2026年2月</text>
-  
+
   <!-- 分隔线 -->
-  <line id="divider" class="secondary" x1="40" y1="150" x2="360" y2="150" stroke="#e0e0e0" stroke-width="1"/>
-  
+  <line id="divider" class="secondary" x1="40" y1="150" x2="560" y2="150" stroke="#e0e0e0" stroke-width="1"/>
+
   <!-- 正文段落1 -->
-  <rect id="para-1-line-1" class="primary" x="40" y="165" width="320" height="8" rx="2" fill="#333333"/>
-  <rect id="para-1-line-2" class="primary" x="40" y="178" width="300" height="8" rx="2" fill="#333333"/>
-  <rect id="para-1-line-3" class="primary" x="40" y="191" width="280" height="8" rx="2" fill="#333333"/>
-  
+  <rect id="para-1-line-1" class="primary" x="40" y="165" width="520" height="8" rx="2" fill="#333333"/>
+  <rect id="para-1-line-2" class="primary" x="40" y="178" width="500" height="8" rx="2" fill="#333333"/>
+  <rect id="para-1-line-3" class="primary" x="40" y="191" width="480" height="8" rx="2" fill="#333333"/>
+
   <!-- 引用块 -->
-  <rect id="quote-bg" class="secondary" x="60" y="210" width="280" height="50" rx="4" fill="#f0f0f0"/>
+  <rect id="quote-bg" class="secondary" x="60" y="210" width="480" height="50" rx="4" fill="#f0f0f0"/>
   <rect id="quote-bar" class="accent" x="60" y="210" width="4" height="50" rx="2" fill="#ff6b6b"/>
-  <rect id="quote-line-1" class="primary" x="75" y="225" width="250" height="6" rx="1" fill="#555555"/>
-  <rect id="quote-line-2" class="primary" x="75" y="238" width="200" height="6" rx="1" fill="#555555"/>
-  
+  <rect id="quote-line-1" class="primary" x="75" y="225" width="450" height="6" rx="1" fill="#555555"/>
+  <rect id="quote-line-2" class="primary" x="75" y="238" width="400" height="6" rx="1" fill="#555555"/>
+
   <!-- 页码 -->
-  <text id="page-num" class="text" x="360" y="285" text-anchor="end" font-family="Arial, sans-serif" font-size="10" fill="#999999" data-fixed-color="black">01</text>
+  <text id="page-num" class="text" x="560" y="285" text-anchor="end" font-family="Arial, sans-serif" font-size="10" fill="#999999" data-fixed-color="black">01</text>
 </svg>
diff --git a/scenes_data/typography/minimal.svg b/scenes_data/typography/minimal.svg
index 93d3a92..c37f6e2 100644
--- a/scenes_data/typography/minimal.svg
+++ b/scenes_data/typography/minimal.svg
@@ -1,18 +1,18 @@
-<svg viewBox="0 0 400 300" xmlns="http://www.w3.org/2000/svg">
+<svg viewBox="0 0 600 300" xmlns="http://www.w3.org/2000/svg">
   <!-- 背景 -->
-  <rect id="background" class="background" width="400" height="300" fill="#ffffff"/>
+  <rect id="background" class="background" width="600" height="300" fill="#ffffff"/>
 
   <!-- 极简装饰线 -->
-  <line id="top-line" class="accent" x1="200" y1="60" x2="200" y2="80" stroke="#ff6b6b" stroke-width="2"/>
+  <line id="top-line" class="accent" x1="300" y1="60" x2="300" y2="80" stroke="#ff6b6b" stroke-width="2"/>
 
   <!-- 主标题 -->
-  <text id="main-title" class="text" x="200" y="140" text-anchor="middle" font-family="Helvetica, Arial, sans-serif" font-size="36" font-weight="300" fill="#1a1a1a" data-fixed-color="black">少即是多</text>
+  <text id="main-title" class="text" x="300" y="140" text-anchor="middle" font-family="Helvetica, Arial, sans-serif" font-size="36" font-weight="300" fill="#1a1a1a" data-fixed-color="black">少即是多</text>
 
   <!-- 副标题 -->
-  <text id="subtitle" class="secondary" x="200" y="220" text-anchor="middle" font-family="Arial, sans-serif" font-size="12" fill="#999999" data-fixed-color="black">极简主义设计理念</text>
+  <text id="subtitle" class="secondary" x="300" y="220" text-anchor="middle" font-family="Arial, sans-serif" font-size="12" fill="#999999" data-fixed-color="black">极简主义设计理念</text>
 
   <!-- 底部装饰点 -->
-  <circle id="dot-1" class="primary" cx="185" cy="260" r="3" fill="#1a1a1a"/>
-  <circle id="dot-2" class="accent" cx="200" cy="260" r="3" fill="#ff6b6b"/>
-  <circle id="dot-3" class="secondary" cx="215" cy="260" r="3" fill="#cccccc"/>
+  <circle id="dot-1" class="primary" cx="285" cy="260" r="3" fill="#1a1a1a"/>
+  <circle id="dot-2" class="accent" cx="300" cy="260" r="3" fill="#ff6b6b"/>
+  <circle id="dot-3" class="secondary" cx="315" cy="260" r="3" fill="#cccccc"/>
 </svg>
diff --git a/scenes_data/typography/poster.svg b/scenes_data/typography/poster.svg
index ff089e4..ff3e108 100644
--- a/scenes_data/typography/poster.svg
+++ b/scenes_data/typography/poster.svg
@@ -1,10 +1,10 @@
-<svg viewBox="0 0 400 300" xmlns="http://www.w3.org/2000/svg">
+<svg viewBox="0 0 600 300" xmlns="http://www.w3.org/2000/svg">
   <!-- 背景 -->
-  <rect id="background" class="background" width="400" height="300" fill="#1a1a1a"/>
+  <rect id="background" class="background" width="600" height="300" fill="#1a1a1a"/>
 
   <!-- 装饰圆环 -->
-  <circle id="deco-ring" class="accent" cx="320" cy="60" r="40" fill="none" stroke="#ff6b6b" stroke-width="3"/>
-  <circle id="deco-dot" class="accent" cx="320" cy="60" r="8" fill="#ff6b6b"/>
+  <circle id="deco-ring" class="accent" cx="520" cy="60" r="40" fill="none" stroke="#ff6b6b" stroke-width="3"/>
+  <circle id="deco-dot" class="accent" cx="520" cy="60" r="8" fill="#ff6b6b"/>
 
   <!-- 左侧装饰条 -->
   <rect id="left-bar-1" class="primary" x="30" y="40" width="6" height="80" rx="3" fill="#ffffff"/>
@@ -12,18 +12,18 @@
   <rect id="left-bar-3" class="accent" x="54" y="80" width="6" height="40" rx="3" fill="#ff6b6b"/>
 
   <!-- 主标题 - 大号文字 -->
-  <text id="title-line-1" class="text" x="200" y="130" text-anchor="middle" font-family="Impact, Arial Black, sans-serif" font-size="48" font-weight="bold" fill="#ffffff" data-fixed-color="black">创造</text>
-  <text id="title-line-2" class="accent" x="200" y="185" text-anchor="middle" font-family="Impact, Arial Black, sans-serif" font-size="48" font-weight="bold" fill="#ff6b6b" data-fixed-color="black">大胆</text>
+  <text id="title-line-1" class="text" x="300" y="130" text-anchor="middle" font-family="Impact, Arial Black, sans-serif" font-size="48" font-weight="bold" fill="#ffffff" data-fixed-color="black">创造</text>
+  <text id="title-line-2" class="accent" x="300" y="185" text-anchor="middle" font-family="Impact, Arial Black, sans-serif" font-size="48" font-weight="bold" fill="#ff6b6b">大胆</text>
 
   <!-- 副标题 -->
-  <text id="subtitle" class="secondary" x="200" y="220" text-anchor="middle" font-family="Arial, sans-serif" font-size="14" fill="#aaaaaa" data-fixed-color="black">2026 设计大会</text>
+  <text id="subtitle" class="secondary" x="300" y="220" text-anchor="middle" font-family="Arial, sans-serif" font-size="14" fill="#aaaaaa" data-fixed-color="black">2026 设计大会</text>
 
   <!-- 底部信息 -->
-  <rect id="bottom-bar" class="primary" x="100" y="245" width="200" height="2" rx="1" fill="#ffffff"/>
-  <text id="date-info" class="text" x="200" y="270" text-anchor="middle" font-family="Arial, sans-serif" font-size="12" fill="#ffffff" data-fixed-color="black">3月15-17日 · 上海</text>
+  <rect id="bottom-bar" class="primary" x="200" y="245" width="200" height="2" rx="1" fill="#ffffff"/>
+  <text id="date-info" class="text" x="300" y="270" text-anchor="middle" font-family="Arial, sans-serif" font-size="12" fill="#ffffff" data-fixed-color="black">3月15-17日 · 上海</text>
 
   <!-- 右下角装饰 -->
-  <rect id="corner-deco-1" class="accent" x="340" y="240" width="30" height="30" rx="4" fill="#ff6b6b"/>
-  <rect id="corner-deco-2" class="secondary" x="350" y="250" width="30" height="30" rx="4" fill="#666666"/>
-  <rect id="corner-deco-3" class="primary" x="360" y="260" width="30" height="30" rx="4" fill="#ffffff"/>
+  <rect id="corner-deco-1" class="accent" x="540" y="240" width="30" height="30" rx="4" fill="#ff6b6b"/>
+  <rect id="corner-deco-2" class="secondary" x="550" y="250" width="30" height="30" rx="4" fill="#666666"/>
+  <rect id="corner-deco-3" class="primary" x="560" y="260" width="30" height="30" rx="4" fill="#ffffff"/>
 </svg>
-- 
Gitee


From 0781aae0dacde1cd72b04b51a796d38a07632a05 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=9D=92=E5=B1=B1=E5=85=AC=E4=BB=94?=
 <qingshangongzai@163.com>
Date: Mon, 13 Apr 2026 15:17:16 +0800
Subject: [PATCH 11/29] =?UTF-8?q?[=E5=86=85=E5=AE=B9=E8=B0=83=E6=95=B4]=20?=
 =?UTF-8?q?=E5=B0=86"=E5=8D=95=E8=89=B2=E6=98=8E=E5=BA=A6=E6=A2=AF?=
 =?UTF-8?q?=E5=BA=A6"=E7=BB=9F=E4=B8=80=E6=94=B9=E4=B8=BA"=E5=8D=95?=
 =?UTF-8?q?=E8=89=B2=E6=B8=90=E5=8F=98"?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 修改简体中文语言文件 (ZW_JT.toml): "单色明度梯度" → "单色渐变"
- 修改繁体中文语言文件 (ZW_FT.toml): "單色明度梯度" → "單色漸變"
- 修改英语语言文件 (en_US.toml): "Lightness Shades" → "Monochrome Gradient"
- 修改日语语言文件 (JA_JP.toml): "明度シェード" → "単色グラデーション"
- 修改俄语语言文件 (RU_RU.toml): "Оттенки яркости" → "Монохромный градиент"
- 修改法语语言文件 (FR_FR.toml): "Nuances de luminosité" → "Dégradé monochrome"
---
 locales/FR_FR.toml | 2 +-
 locales/JA_JP.toml | 2 +-
 locales/RU_RU.toml | 2 +-
 locales/ZW_FT.toml | 2 +-
 locales/ZW_JT.toml | 2 +-
 locales/en_US.toml | 2 +-
 6 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/locales/FR_FR.toml b/locales/FR_FR.toml
index c05107f..61469ad 100644
--- a/locales/FR_FR.toml
+++ b/locales/FR_FR.toml
@@ -243,7 +243,7 @@ gradient_lab = "Espace LAB"
 gradient_mode = "Mode de dégradé"
 gradient_mode_desc = "Sélectionner le mode d'extraction du dégradé"
 gradient_mode_gradient = "Dégradé bicolore"
-gradient_mode_shade = "Nuances de luminosité"
+gradient_mode_shade = "Dégradé monochrome"
 language = "Paramètres de langue"
 language_title = "Langue de l'interface"
 language_desc = "Sélectionner la langue d'affichage de l'application"
diff --git a/locales/JA_JP.toml b/locales/JA_JP.toml
index 77e4408..77bd306 100644
--- a/locales/JA_JP.toml
+++ b/locales/JA_JP.toml
@@ -243,7 +243,7 @@ gradient_lab = "LAB 空間"
 gradient_mode = "グラデーションモード"
 gradient_mode_desc = "グラデーション抽出のモードを選択"
 gradient_mode_gradient = "二色グラデーション"
-gradient_mode_shade = "明度シェード"
+gradient_mode_shade = "単色グラデーション"
 language = "言語設定"
 language_title = "インターフェース言語"
 language_desc = "アプリケーションの表示言語を選択"
diff --git a/locales/RU_RU.toml b/locales/RU_RU.toml
index b77dff7..dfd1033 100644
--- a/locales/RU_RU.toml
+++ b/locales/RU_RU.toml
@@ -244,7 +244,7 @@ gradient_lab = "LAB пространство"
 gradient_mode = "Режим градиента"
 gradient_mode_desc = "Выберите режим извлечения градиента"
 gradient_mode_gradient = "Двухцветный градиент"
-gradient_mode_shade = "Оттенки яркости"
+gradient_mode_shade = "Монохромный градиент"
 language = "Настройки языка"
 language_title = "Язык интерфейса"
 language_desc = "Выберите язык отображения приложения"
diff --git a/locales/ZW_FT.toml b/locales/ZW_FT.toml
index 1519882..22c0369 100644
--- a/locales/ZW_FT.toml
+++ b/locales/ZW_FT.toml
@@ -243,7 +243,7 @@ gradient_lab = "LAB 空間"
 gradient_mode = "漸變模式"
 gradient_mode_desc = "選擇漸變提取的模式"
 gradient_mode_gradient = "雙色漸變"
-gradient_mode_shade = "單色明度梯度"
+gradient_mode_shade = "單色漸變"
 language = "語言設置"
 language_title = "頁面語言"
 language_desc = "選擇應用程序的顯示語言"
diff --git a/locales/ZW_JT.toml b/locales/ZW_JT.toml
index 106254d..37e684b 100644
--- a/locales/ZW_JT.toml
+++ b/locales/ZW_JT.toml
@@ -243,7 +243,7 @@ gradient_lab = "LAB 空间"
 gradient_mode = "渐变模式"
 gradient_mode_desc = "选择渐变提取的模式"
 gradient_mode_gradient = "双色渐变"
-gradient_mode_shade = "单色明度梯度"
+gradient_mode_shade = "单色渐变"
 language = "语言设置"
 language_title = "页面语言"
 language_desc = "选择应用程序的显示语言"
diff --git a/locales/en_US.toml b/locales/en_US.toml
index 614e41b..5191d86 100644
--- a/locales/en_US.toml
+++ b/locales/en_US.toml
@@ -243,7 +243,7 @@ gradient_lab = "LAB Space"
 gradient_mode = "Gradient Mode"
 gradient_mode_desc = "Select the gradient extraction mode"
 gradient_mode_gradient = "Two-color Gradient"
-gradient_mode_shade = "Lightness Shades"
+gradient_mode_shade = "Monochrome Gradient"
 language = "Language Settings"
 language_title = "Interface Language"
 language_desc = "Select the display language for the application"
-- 
Gitee


From a11eed8713ed0452f50c258dbec8067072c7d105 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=9D=92=E5=B1=B1=E5=85=AC=E4=BB=94?=
 <qingshangongzai@163.com>
Date: Mon, 13 Apr 2026 15:42:34 +0800
Subject: [PATCH 12/29] =?UTF-8?q?[=E6=A0=B7=E5=BC=8F]=20=E8=B0=83=E6=95=B4?=
 =?UTF-8?q?=E6=B8=90=E5=8F=98=E6=8F=90=E5=8F=96=E7=95=8C=E9=9D=A2=E9=A2=9C?=
 =?UTF-8?q?=E8=89=B2=E5=9C=86=E7=82=B9=E6=A0=B7=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 去掉颜色圆点内圈描边，简化视觉效果
- 修复颜色圆点边缘被截断的问题
- 添加 _update_styles() 方法支持主题切换
---
 ui/gradient_extract.py | 21 ++++++++-------------
 1 file changed, 8 insertions(+), 13 deletions(-)

diff --git a/ui/gradient_extract.py b/ui/gradient_extract.py
index b00b194..538b9c7 100644
--- a/ui/gradient_extract.py
+++ b/ui/gradient_extract.py
@@ -35,10 +35,11 @@ class ColorDot(QWidget):
         self._radius = 12
         self.setFixedSize(24, 24)
         self.setCursor(Qt.CursorShape.PointingHandCursor)
-        self._update_style()
+        self._update_styles()
+        qconfig.themeChangedFinished.connect(self._update_styles)
 
-    def _update_style(self):
-        """更新样式"""
+    def _update_styles(self):
+        """更新样式以适配主题"""
         border_color = get_border_color()
         self.setStyleSheet(f"""
             ColorDot {{
@@ -49,20 +50,14 @@ class ColorDot(QWidget):
         """)
 
     def paintEvent(self, event):
-        """绘制事件，确保背景色显示"""
+        """绘制颜色圆"""
         painter = QPainter(self)
         painter.setRenderHint(QPainter.RenderHint.Antialiasing)
 
-        # 绘制背景圆
         painter.setPen(Qt.PenStyle.NoPen)
         painter.setBrush(QColor(self._color))
-        painter.drawEllipse(self.rect().center(), self._radius, self._radius)
-
-        # 绘制边框
-        border_color = get_border_color()
-        painter.setPen(QColor(border_color))
-        painter.setBrush(Qt.BrushStyle.NoBrush)
-        painter.drawEllipse(self.rect().center(), self._radius - 1, self._radius - 1)
+        # 留出1像素边距，避免边缘被截断
+        painter.drawEllipse(self.rect().adjusted(1, 1, -1, -1))
 
     def set_color(self, hex_color: str):
         """设置颜色
@@ -71,7 +66,7 @@ class ColorDot(QWidget):
             hex_color: HEX颜色值，如"#FF0000"
         """
         self._color = hex_color
-        self._update_style()
+        self._update_styles()
         self.update()
 
     def get_color(self) -> str:
-- 
Gitee


From 028615a2d31d1abf3a8c0e3be47ec662e7177368 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=9D=92=E5=B1=B1=E5=85=AC=E4=BB=94?=
 <qingshangongzai@163.com>
Date: Mon, 13 Apr 2026 15:53:15 +0800
Subject: [PATCH 13/29] =?UTF-8?q?[=E5=86=85=E5=AE=B9=E8=B0=83=E6=95=B4]=20?=
 =?UTF-8?q?=E6=9B=B4=E6=96=B0=E7=89=88=E6=9C=AC=E4=BF=A1=E6=81=AF?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 version.py       | 6 +++---
 version.txt      | 6 +++---
 version_info.txt | 8 ++++----
 3 files changed, 10 insertions(+), 10 deletions(-)

diff --git a/version.py b/version.py
index 1934ce8..2933bac 100644
--- a/version.py
+++ b/version.py
@@ -8,10 +8,10 @@ class VersionManager:
         """初始化版本管理器"""
         # 版本号组件
         self.major: int = 1
-        self.minor: int = 7
-        self.patch: int = 1
+        self.minor: int = 8
+        self.patch: int = 0
         self.build: int = 0
-        self.prerelease: str = ""
+        self.prerelease: str = " · Beta 1"
 
         # 核心版本信息
         self.version: str = f"{self.major}.{self.minor}.{self.patch}{self.prerelease}"
diff --git a/version.txt b/version.txt
index ca466dc..ddda543 100644
--- a/version.txt
+++ b/version.txt
@@ -1,6 +1,6 @@
-1.7.1
-2026.4.12.1
-1.7.1.0
+1.8.0
+2026.4.13.1
+1.8.0.0
 浮晓 HXiao Studio
 © 2026 浮晓 HXiao Studio
 取色卡 - Color Card
\ No newline at end of file
diff --git a/version_info.txt b/version_info.txt
index 5231f75..ff8e9d5 100644
--- a/version_info.txt
+++ b/version_info.txt
@@ -1,7 +1,7 @@
 VSVersionInfo(
   ffi=FixedFileInfo(
-    filevers=(2026,4,12,1),
-    prodvers=(1,7,1,0),
+    filevers=(2026,4,13,1),
+    prodvers=(1,8,0,0),
     mask=0x3f,
     flags=0x0,
     OS=0x4,
@@ -17,12 +17,12 @@ VSVersionInfo(
           [
             StringStruct(u'CompanyName', u'浮晓 HXiao Studio'),
             StringStruct(u'FileDescription', u'取色卡 - Color Card'),
-            StringStruct(u'FileVersion', u'1.7.1'),
+            StringStruct(u'FileVersion', u'1.8.0'),
             StringStruct(u'InternalName', u'Color_Card'),
             StringStruct(u'LegalCopyright', u'© 2026 浮晓 HXiao Studio'),
             StringStruct(u'OriginalFilename', u'Color_Card.exe'),
             StringStruct(u'ProductName', u'取色卡'),
-            StringStruct(u'ProductVersion', u'1.7.1'),
+            StringStruct(u'ProductVersion', u'1.8.0'),
             StringStruct(u'Comments', u'一站式的图片的图片分析和配色工具')
           ]
         )
-- 
Gitee


From fab5d165fad1900ab61683dbf8e65402904b7351 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=9D=92=E5=B1=B1=E5=85=AC=E4=BB=94?=
 <qingshangongzai@163.com>
Date: Mon, 13 Apr 2026 16:33:05 +0800
Subject: [PATCH 14/29] =?UTF-8?q?[=E6=96=B0=E5=8A=9F=E8=83=BD]=20=E6=96=B0?=
 =?UTF-8?q?=E5=A2=9E=E6=89=8B=E6=9C=BAUI=E5=9C=BA=E6=99=AF=E5=B9=B6?=
 =?UTF-8?q?=E8=B0=83=E6=95=B4=E5=B8=83=E5=B1=80=E9=85=8D=E7=BD=AE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 新增 profile.svg 个人资料页面场景
- 新增 community.svg 社区页面场景
- 新增 settings.svg 设置页面场景
- 新增 reminder.svg 提醒页面场景
- 新增 music_player.svg 音乐播放器场景（非运动主题）
- 调整 layout.json 布局为 grid_3x2，item_size 120，spacing 12
---
 scenes_data/mobile_ui/community.svg    | 78 ++++++++++++++++++++++++++
 scenes_data/mobile_ui/layout.json      |  8 +--
 scenes_data/mobile_ui/music_player.svg | 69 +++++++++++++++++++++++
 scenes_data/mobile_ui/profile.svg      | 71 +++++++++++++++++++++++
 scenes_data/mobile_ui/reminder.svg     | 75 +++++++++++++++++++++++++
 scenes_data/mobile_ui/settings.svg     | 60 ++++++++++++++++++++
 6 files changed, 357 insertions(+), 4 deletions(-)
 create mode 100644 scenes_data/mobile_ui/community.svg
 create mode 100644 scenes_data/mobile_ui/music_player.svg
 create mode 100644 scenes_data/mobile_ui/profile.svg
 create mode 100644 scenes_data/mobile_ui/reminder.svg
 create mode 100644 scenes_data/mobile_ui/settings.svg

diff --git a/scenes_data/mobile_ui/community.svg b/scenes_data/mobile_ui/community.svg
new file mode 100644
index 0000000..c15c5b4
--- /dev/null
+++ b/scenes_data/mobile_ui/community.svg
@@ -0,0 +1,78 @@
+<svg viewBox="0 0 300 400" xmlns="http://www.w3.org/2000/svg">
+  <!-- 背景 - 透明 -->
+  <rect id="background" class="background" width="300" height="400" fill="transparent" data-fixed-color="original"/>
+
+  <!-- 手机外框 -->
+  <rect id="phone-frame" class="primary" x="79" y="22" width="142" height="356" rx="20" fill="#666666" data-fixed-color="original"/>
+
+  <!-- 手机屏幕 -->
+  <rect id="screen" class="background" x="81" y="24" width="138" height="352" rx="16" fill="#ffffff"/>
+
+  <!-- 顶部装饰背景 -->
+  <rect id="header-bg" class="secondary" x="85" y="30" width="130" height="45" rx="10" fill="#a8c0d8"/>
+
+  <!-- 状态栏 -->
+  <text id="time-text" class="text" x="150" y="45" text-anchor="middle" font-family="Arial, sans-serif" font-size="11" font-weight="600" fill="#333333" data-fixed-color="black">9:41</text>
+
+  <!-- 页面标题 -->
+  <text id="page-title" class="text" x="95" y="95" font-family="Arial, sans-serif" font-size="16" font-weight="bold" fill="#333333" data-fixed-color="black">社区</text>
+
+  <!-- 发布按钮 -->
+  <rect id="post-btn" class="accent" x="175" y="82" width="30" height="18" rx="9" fill="#ff6b6b"/>
+  <text id="post-text" x="190" y="94" text-anchor="middle" font-family="Arial, sans-serif" font-size="9" fill="#ffffff" data-fixed-color="black">+</text>
+
+  <!-- 热门话题标签 -->
+  <rect id="tag-1" class="accent" x="95" y="108" width="45" height="20" rx="10" fill="#ff6b6b"/>
+  <text id="tag-1-text" class="text" x="117" y="121" text-anchor="middle" font-family="Arial, sans-serif" font-size="8" fill="#ffffff" data-fixed-color="black">#健身打卡</text>
+
+  <rect id="tag-2" class="secondary" x="145" y="108" width="45" height="20" rx="10" fill="#e0e0e0"/>
+  <text id="tag-2-text" class="text" x="167" y="121" text-anchor="middle" font-family="Arial, sans-serif" font-size="8" fill="#666666" data-fixed-color="black">#减脂餐</text>
+
+  <!-- 动态卡片1 -->
+  <rect id="card-1" class="secondary" x="95" y="138" width="110" height="85" rx="10" fill="#f5f5f5"/>
+
+  <!-- 用户头像1 -->
+  <circle id="avatar-1" class="primary" cx="110" cy="155" r="10" fill="#4a4a4a"/>
+  <text id="avatar-1-text" x="110" y="159" text-anchor="middle" font-family="Arial, sans-serif" font-size="8" fill="#ffffff" data-fixed-color="black">L</text>
+
+  <!-- 用户名1 -->
+  <text id="username-1" class="text" x="128" y="152" font-family="Arial, sans-serif" font-size="9" font-weight="bold" fill="#333333" data-fixed-color="black">Lisa</text>
+  <text id="time-1" class="text" x="128" y="163" font-family="Arial, sans-serif" font-size="7" fill="#888888" data-fixed-color="black">2小时前</text>
+
+  <!-- 动态内容1 -->
+  <text id="content-1" class="text" x="105" y="180" font-family="Arial, sans-serif" font-size="9" fill="#333333" data-fixed-color="black">今天完成了5公里跑步！</text>
+  <text id="content-1-2" class="text" x="105" y="192" font-family="Arial, sans-serif" font-size="9" fill="#333333" data-fixed-color="black">感觉太棒了 💪</text>
+
+  <!-- 互动按钮1 -->
+  <circle id="like-1" cx="110" cy="212" r="5" fill="#ff6b6b" opacity="0.3"/>
+  <text id="like-count-1" class="text" x="120" y="215" font-family="Arial, sans-serif" font-size="7" fill="#888888" data-fixed-color="black">128</text>
+  <circle id="comment-1" cx="150" cy="212" r="5" fill="#999999" opacity="0.3"/>
+  <text id="comment-count-1" class="text" x="160" y="215" font-family="Arial, sans-serif" font-size="7" fill="#888888" data-fixed-color="black">23</text>
+
+  <!-- 动态卡片2 -->
+  <rect id="card-2" class="secondary" x="95" y="230" width="110" height="75" rx="10" fill="#f5f5f5"/>
+
+  <!-- 用户头像2 -->
+  <circle id="avatar-2" class="accent" cx="110" cy="247" r="10" fill="#ff6b6b"/>
+  <text id="avatar-2-text" x="110" y="251" text-anchor="middle" font-family="Arial, sans-serif" font-size="8" fill="#ffffff" data-fixed-color="black">M</text>
+
+  <!-- 用户名2 -->
+  <text id="username-2" class="text" x="128" y="244" font-family="Arial, sans-serif" font-size="9" font-weight="bold" fill="#333333" data-fixed-color="black">Mike</text>
+  <text id="time-2" class="text" x="128" y="255" font-family="Arial, sans-serif" font-size="7" fill="#888888" data-fixed-color="black">5小时前</text>
+
+  <!-- 动态内容2 -->
+  <text id="content-2" class="text" x="105" y="272" font-family="Arial, sans-serif" font-size="9" fill="#333333" data-fixed-color="black">分享今天的减脂餐 🥗</text>
+
+  <!-- 图片占位 -->
+  <rect id="image-2" class="primary" x="105" y="280" width="40" height="18" rx="4" fill="#4a4a4a"/>
+
+  <!-- 互动按钮2 -->
+  <circle id="like-2" cx="115" cy="290" r="5" fill="#999999" opacity="0.3"/>
+  <text id="like-count-2" class="text" x="125" y="293" font-family="Arial, sans-serif" font-size="7" fill="#888888" data-fixed-color="black">86</text>
+
+  <!-- 底部导航栏 -->
+  <rect id="bottom-nav" class="secondary" x="95" y="320" width="110" height="35" rx="17" fill="#f5f5f5"/>
+  <circle id="nav-icon-1" cx="120" cy="337" r="4" fill="#cccccc" data-fixed-color="black"/>
+  <circle id="nav-icon-2" class="primary" cx="150" cy="337" r="5" fill="#4a4a4a"/>
+  <circle id="nav-icon-3" cx="180" cy="337" r="4" fill="#cccccc" data-fixed-color="black"/>
+</svg>
diff --git a/scenes_data/mobile_ui/layout.json b/scenes_data/mobile_ui/layout.json
index c5c448e..a1672f9 100644
--- a/scenes_data/mobile_ui/layout.json
+++ b/scenes_data/mobile_ui/layout.json
@@ -1,7 +1,7 @@
 {
   "layout": {
-    "type": "grid_2x2",
-    "item_size": 180,
-    "spacing": 15
+    "type": "grid_3x2",
+    "item_size": 120,
+    "spacing": 12
   }
-}
+}
\ No newline at end of file
diff --git a/scenes_data/mobile_ui/music_player.svg b/scenes_data/mobile_ui/music_player.svg
new file mode 100644
index 0000000..09037e1
--- /dev/null
+++ b/scenes_data/mobile_ui/music_player.svg
@@ -0,0 +1,69 @@
+<svg viewBox="0 0 300 400" xmlns="http://www.w3.org/2000/svg">
+  <!-- 背景 - 透明 -->
+  <rect id="background" class="background" width="300" height="400" fill="transparent" data-fixed-color="original"/>
+
+  <!-- 手机外框 -->
+  <rect id="phone-frame" class="primary" x="79" y="22" width="142" height="356" rx="20" fill="#666666" data-fixed-color="original"/>
+
+  <!-- 手机屏幕 -->
+  <rect id="screen" class="background" x="81" y="24" width="138" height="352" rx="16" fill="#ffffff"/>
+
+  <!-- 顶部装饰背景 -->
+  <rect id="header-bg" class="accent" x="85" y="30" width="130" height="50" rx="10" fill="#7c4dff"/>
+
+  <!-- 状态栏 -->
+  <text id="time-text" class="text" x="150" y="45" text-anchor="middle" font-family="Arial, sans-serif" font-size="11" font-weight="600" fill="#ffffff" data-fixed-color="black">9:41</text>
+
+  <!-- 返回按钮 -->
+  <path id="back-btn" d="M 95 84 L 90 87 L 95 90" fill="none" stroke="#ffffff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" data-fixed-color="black"/>
+
+  <!-- 更多选项按钮 -->
+  <circle id="more-btn" cx="195" cy="87" r="2" fill="#ffffff" data-fixed-color="black"/>
+  <circle id="more-btn-2" cx="195" cy="92" r="2" fill="#ffffff" data-fixed-color="black"/>
+  <circle id="more-btn-3" cx="195" cy="97" r="2" fill="#ffffff" data-fixed-color="black"/>
+
+  <!-- 专辑封面区域 -->
+  <rect id="album-cover" class="primary" x="105" y="95" width="90" height="90" rx="8" fill="#4a4a4a"/>
+  <circle id="album-icon" cx="150" cy="140" r="20" fill="#666666"/>
+  <path id="music-note" d="M 145 135 L 145 148 L 155 148 L 155 138" fill="none" stroke="#999999" stroke-width="2" stroke-linecap="round" data-fixed-color="black"/>
+
+  <!-- 歌曲信息 -->
+  <text id="song-title" class="text" x="150" y="200" text-anchor="middle" font-family="Arial, sans-serif" font-size="14" font-weight="bold" fill="#333333" data-fixed-color="black">夜曲</text>
+  <text id="artist-name" class="text" x="150" y="218" text-anchor="middle" font-family="Arial, sans-serif" font-size="10" fill="#888888" data-fixed-color="black">周杰伦</text>
+
+  <!-- 进度条 -->
+  <rect id="progress-bg" class="secondary" x="95" y="240" width="110" height="4" rx="2" fill="#e0e0e0"/>
+  <rect id="progress-bar" class="accent" x="95" y="240" width="65" height="4" rx="2" fill="#7c4dff"/>
+  <circle id="progress-knob" cx="160" cy="242" r="5" fill="#7c4dff"/>
+
+  <!-- 时间显示 -->
+  <text id="current-time" class="text" x="95" y="255" font-family="Arial, sans-serif" font-size="8" fill="#888888" data-fixed-color="black">2:34</text>
+  <text id="total-time" class="text" x="205" y="255" text-anchor="end" font-family="Arial, sans-serif" font-size="8" fill="#888888" data-fixed-color="black">4:12</text>
+
+  <!-- 播放控制按钮 -->
+  <!-- 上一首 - 左箭头 -->
+  <path id="prev-btn" d="M 125 285 L 110 295 L 125 305 Z" fill="#666666" data-fixed-color="black"/>
+  <rect id="prev-bar" x="110" y="285" width="3" height="20" rx="1" fill="#666666" data-fixed-color="black"/>
+
+  <!-- 播放/暂停按钮 -->
+  <circle id="play-btn-bg" class="accent" cx="150" cy="295" r="22" fill="#7c4dff"/>
+  <rect id="pause-l" x="144" y="288" width="4" height="14" rx="1" fill="#ffffff" data-fixed-color="black"/>
+  <rect id="pause-r" x="152" y="288" width="4" height="14" rx="1" fill="#ffffff" data-fixed-color="black"/>
+
+  <!-- 下一首 - 右箭头 -->
+  <path id="next-btn" d="M 175 285 L 190 295 L 175 305 Z" fill="#666666" data-fixed-color="black"/>
+  <rect id="next-bar" x="187" y="285" width="3" height="20" rx="1" fill="#666666" data-fixed-color="black"/>
+
+  <!-- 播放列表预览 -->
+  <text id="playlist-title" class="text" x="95" y="335" font-family="Arial, sans-serif" font-size="10" font-weight="bold" fill="#333333" data-fixed-color="black">播放列表</text>
+
+  <!-- 列表项1 -->
+  <rect id="playlist-item-1" class="secondary" x="95" y="342" width="110" height="25" rx="6" fill="#f5f5f5"/>
+  <text id="playlist-num-1" x="105" y="358" font-family="Arial, sans-serif" font-size="9" fill="#7c4dff" data-fixed-color="black">1</text>
+  <text id="playlist-song-1" class="text" x="118" y="358" font-family="Arial, sans-serif" font-size="9" fill="#333333" data-fixed-color="black">晴天</text>
+
+  <!-- 列表项2 -->
+  <rect id="playlist-item-2" class="secondary" x="95" y="342" width="110" height="25" rx="6" fill="#f5f5f5"/>
+  <text id="playlist-num-2" x="105" y="358" font-family="Arial, sans-serif" font-size="9" fill="#888888" data-fixed-color="black">2</text>
+  <text id="playlist-song-2" class="text" x="118" y="358" font-family="Arial, sans-serif" font-size="9" fill="#666666" data-fixed-color="black">七里香</text>
+</svg>
diff --git a/scenes_data/mobile_ui/profile.svg b/scenes_data/mobile_ui/profile.svg
new file mode 100644
index 0000000..b28823c
--- /dev/null
+++ b/scenes_data/mobile_ui/profile.svg
@@ -0,0 +1,71 @@
+<svg viewBox="0 0 300 400" xmlns="http://www.w3.org/2000/svg">
+  <!-- 背景 - 透明 -->
+  <rect id="background" class="background" width="300" height="400" fill="transparent" data-fixed-color="original"/>
+
+  <!-- 手机外框 -->
+  <rect id="phone-frame" class="primary" x="79" y="22" width="142" height="356" rx="20" fill="#666666" data-fixed-color="original"/>
+
+  <!-- 手机屏幕 -->
+  <rect id="screen" class="background" x="81" y="24" width="138" height="352" rx="16" fill="#ffffff"/>
+
+  <!-- 顶部装饰背景 -->
+  <rect id="header-bg" class="accent" x="85" y="30" width="130" height="80" rx="12" fill="#ff6b6b"/>
+
+  <!-- 状态栏 -->
+  <text id="time-text" class="text" x="150" y="45" text-anchor="middle" font-family="Arial, sans-serif" font-size="11" font-weight="600" fill="#ffffff" data-fixed-color="black">9:41</text>
+
+  <!-- 返回按钮 -->
+  <path id="back-btn" d="M 95 45 L 90 48 L 95 51" fill="none" stroke="#ffffff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" data-fixed-color="black"/>
+
+  <!-- 设置按钮 -->
+  <circle id="settings-btn" cx="195" cy="48" r="10" fill="#ffffff" opacity="0.3"/>
+  <circle id="settings-dot" cx="195" cy="48" r="2" fill="#ffffff" data-fixed-color="black"/>
+
+  <!-- 用户头像 -->
+  <circle id="avatar-bg" cx="150" cy="105" r="28" fill="#ffffff"/>
+  <circle id="avatar" class="primary" cx="150" cy="105" r="25" fill="#4a4a4a"/>
+  <text id="avatar-text" x="150" y="110" text-anchor="middle" font-family="Arial, sans-serif" font-size="14" font-weight="bold" fill="#ffffff" data-fixed-color="black">A</text>
+
+  <!-- 用户名 -->
+  <text id="username" class="text" x="150" y="145" text-anchor="middle" font-family="Arial, sans-serif" font-size="14" font-weight="bold" fill="#333333" data-fixed-color="black">Alex Chen</text>
+
+  <!-- 用户ID -->
+  <text id="user-id" class="text" x="150" y="162" text-anchor="middle" font-family="Arial, sans-serif" font-size="9" fill="#888888" data-fixed-color="black">ID: 8829341</text>
+
+  <!-- 统计卡片行 -->
+  <rect id="stat-card-1" class="secondary" x="95" y="180" width="50" height="50" rx="10" fill="#f0f0f0"/>
+  <text id="stat-value-1" class="text" x="120" y="200" text-anchor="middle" font-family="Arial, sans-serif" font-size="14" font-weight="bold" fill="#333333" data-fixed-color="black">128</text>
+  <text id="stat-label-1" class="text" x="120" y="218" text-anchor="middle" font-family="Arial, sans-serif" font-size="8" fill="#888888" data-fixed-color="black">训练</text>
+
+  <rect id="stat-card-2" class="secondary" x="152" y="180" width="50" height="50" rx="10" fill="#f0f0f0"/>
+  <text id="stat-value-2" class="text" x="177" y="200" text-anchor="middle" font-family="Arial, sans-serif" font-size="14" font-weight="bold" fill="#333333" data-fixed-color="black">45h</text>
+  <text id="stat-label-2" class="text" x="177" y="218" text-anchor="middle" font-family="Arial, sans-serif" font-size="8" fill="#888888" data-fixed-color="black">时长</text>
+
+  <!-- 成就徽章区域 -->
+  <text id="badge-title" class="text" x="95" y="250" font-family="Arial, sans-serif" font-size="12" font-weight="bold" fill="#333333" data-fixed-color="black">成就徽章</text>
+  <text id="badge-more" class="text" x="175" y="250" font-family="Arial, sans-serif" font-size="9" fill="#ff6b6b" data-fixed-color="black">查看更多</text>
+
+  <!-- 徽章图标 -->
+  <circle id="badge-1" class="accent" cx="110" cy="275" r="15" fill="#ff6b6b"/>
+  <text id="badge-1-icon" x="110" y="280" text-anchor="middle" font-family="Arial, sans-serif" font-size="12" fill="#ffffff" data-fixed-color="black">🏃</text>
+
+  <circle id="badge-2" class="primary" cx="140" cy="275" r="15" fill="#4a4a4a"/>
+  <text id="badge-2-icon" x="140" y="280" text-anchor="middle" font-family="Arial, sans-serif" font-size="12" fill="#ffffff" data-fixed-color="black">💪</text>
+
+  <circle id="badge-3" class="secondary" cx="170" cy="275" r="15" fill="#6a6a6a"/>
+  <text id="badge-3-icon" x="170" y="280" text-anchor="middle" font-family="Arial, sans-serif" font-size="12" fill="#ffffff" data-fixed-color="black">🔥</text>
+
+  <circle id="badge-4" class="accent" cx="200" cy="275" r="15" fill="#ff8a8a"/>
+  <text id="badge-4-icon" x="200" y="280" text-anchor="middle" font-family="Arial, sans-serif" font-size="12" fill="#ffffff" data-fixed-color="black">⭐</text>
+
+  <!-- 菜单列表 -->
+  <rect id="menu-item-1" class="secondary" x="95" y="300" width="110" height="28" rx="6" fill="#f5f5f5"/>
+  <circle id="menu-icon-1" class="primary" cx="110" cy="314" r="7" fill="#4a4a4a"/>
+  <text id="menu-text-1" class="text" x="128" y="318" font-family="Arial, sans-serif" font-size="10" fill="#333333" data-fixed-color="black">我的收藏</text>
+  <path id="arrow-1" d="M 190 314 L 194 316 L 190 318" fill="none" stroke="#999999" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" data-fixed-color="black"/>
+
+  <rect id="menu-item-2" class="secondary" x="95" y="332" width="110" height="28" rx="6" fill="#f5f5f5"/>
+  <circle id="menu-icon-2" class="accent" cx="110" cy="346" r="7" fill="#ff6b6b"/>
+  <text id="menu-text-2" class="text" x="128" y="350" font-family="Arial, sans-serif" font-size="10" fill="#333333" data-fixed-color="black">帮助中心</text>
+  <path id="arrow-2" d="M 190 346 L 194 348 L 190 350" fill="none" stroke="#999999" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" data-fixed-color="black"/>
+</svg>
diff --git a/scenes_data/mobile_ui/reminder.svg b/scenes_data/mobile_ui/reminder.svg
new file mode 100644
index 0000000..0bdf82c
--- /dev/null
+++ b/scenes_data/mobile_ui/reminder.svg
@@ -0,0 +1,75 @@
+<svg viewBox="0 0 300 400" xmlns="http://www.w3.org/2000/svg">
+  <!-- 背景 - 透明 -->
+  <rect id="background" class="background" width="300" height="400" fill="transparent" data-fixed-color="original"/>
+
+  <!-- 手机外框 -->
+  <rect id="phone-frame" class="primary" x="79" y="22" width="142" height="356" rx="20" fill="#666666" data-fixed-color="original"/>
+
+  <!-- 手机屏幕 -->
+  <rect id="screen" class="background" x="81" y="24" width="138" height="352" rx="16" fill="#ffffff"/>
+
+  <!-- 顶部装饰背景 -->
+  <rect id="header-bg" class="accent" x="85" y="30" width="130" height="45" rx="10" fill="#ff9a8a"/>
+
+  <!-- 状态栏 -->
+  <text id="time-text" class="text" x="150" y="45" text-anchor="middle" font-family="Arial, sans-serif" font-size="11" font-weight="600" fill="#ffffff" data-fixed-color="black">9:41</text>
+
+  <!-- 页面标题 -->
+  <text id="page-title" class="text" x="150" y="92" text-anchor="middle" font-family="Arial, sans-serif" font-size="16" font-weight="bold" fill="#333333" data-fixed-color="black">训练提醒</text>
+
+  <!-- 返回按钮 -->
+  <path id="back-btn" d="M 95 84 L 90 87 L 95 90" fill="none" stroke="#666666" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" data-fixed-color="black"/>
+
+  <!-- 添加按钮 -->
+  <rect id="add-btn" class="accent" x="185" y="77" width="20" height="18" rx="9" fill="#ff6b6b"/>
+  <text id="add-text" x="195" y="89" text-anchor="middle" font-family="Arial, sans-serif" font-size="12" fill="#ffffff" data-fixed-color="black">+</text>
+
+  <!-- 时间选择器卡片 -->
+  <rect id="time-picker-card" class="secondary" x="95" y="108" width="110" height="70" rx="12" fill="#f5f5f5"/>
+  <text id="time-label" class="text" x="150" y="125" text-anchor="middle" font-family="Arial, sans-serif" font-size="9" fill="#888888" data-fixed-color="black">提醒时间</text>
+
+  <!-- 时间显示 -->
+  <text id="hour" class="text" x="130" y="155" text-anchor="middle" font-family="Arial, sans-serif" font-size="24" font-weight="bold" fill="#333333" data-fixed-color="black">07</text>
+  <text id="colon" class="text" x="150" y="155" text-anchor="middle" font-family="Arial, sans-serif" font-size="24" font-weight="bold" fill="#ff6b6b" data-fixed-color="black">:</text>
+  <text id="minute" class="text" x="170" y="155" text-anchor="middle" font-family="Arial, sans-serif" font-size="24" font-weight="bold" fill="#333333" data-fixed-color="black">30</text>
+
+  <!-- 重复周期设置 -->
+  <text id="repeat-title" class="text" x="95" y="195" font-family="Arial, sans-serif" font-size="11" font-weight="bold" fill="#333333" data-fixed-color="black">重复</text>
+
+  <!-- 星期选择 -->
+  <circle id="day-mon" class="accent" cx="105" cy="215" r="10" fill="#ff6b6b"/>
+  <text id="day-mon-text" x="105" y="219" text-anchor="middle" font-family="Arial, sans-serif" font-size="8" fill="#ffffff" data-fixed-color="black">一</text>
+
+  <circle id="day-tue" class="accent" cx="130" cy="215" r="10" fill="#ff6b6b"/>
+  <text id="day-tue-text" x="130" y="219" text-anchor="middle" font-family="Arial, sans-serif" font-size="8" fill="#ffffff" data-fixed-color="black">二</text>
+
+  <circle id="day-wed" class="accent" cx="155" cy="215" r="10" fill="#ff6b6b"/>
+  <text id="day-wed-text" x="155" y="219" text-anchor="middle" font-family="Arial, sans-serif" font-size="8" fill="#ffffff" data-fixed-color="black">三</text>
+
+  <circle id="day-thu" class="accent" cx="180" cy="215" r="10" fill="#ff6b6b"/>
+  <text id="day-thu-text" x="180" y="219" text-anchor="middle" font-family="Arial, sans-serif" font-size="8" fill="#ffffff" data-fixed-color="black">四</text>
+
+  <circle id="day-fri" class="primary" cx="105" cy="240" r="10" fill="#4a4a4a"/>
+  <text id="day-fri-text" x="105" y="244" text-anchor="middle" font-family="Arial, sans-serif" font-size="8" fill="#ffffff" data-fixed-color="black">五</text>
+
+  <circle id="day-sat" class="secondary" cx="130" cy="240" r="10" fill="#e0e0e0"/>
+  <text id="day-sat-text" x="130" y="244" text-anchor="middle" font-family="Arial, sans-serif" font-size="8" fill="#666666" data-fixed-color="black">六</text>
+
+  <circle id="day-sun" class="secondary" cx="155" cy="240" r="10" fill="#e0e0e0"/>
+  <text id="day-sun-text" x="155" y="244" text-anchor="middle" font-family="Arial, sans-serif" font-size="8" fill="#666666" data-fixed-color="black">日</text>
+
+  <!-- 训练类型选择 -->
+  <text id="type-title" class="text" x="95" y="275" font-family="Arial, sans-serif" font-size="11" font-weight="bold" fill="#333333" data-fixed-color="black">训练类型</text>
+
+  <rect id="type-1" class="accent" x="95" y="285" width="50" height="25" rx="12" fill="#ff6b6b"/>
+  <text id="type-1-text" x="120" y="301" text-anchor="middle" font-family="Arial, sans-serif" font-size="9" fill="#ffffff" data-fixed-color="black">跑步</text>
+
+  <rect id="type-2" class="secondary" x="152" y="285" width="50" height="25" rx="12" fill="#e0e0e0"/>
+  <text id="type-2-text" x="177" y="301" text-anchor="middle" font-family="Arial, sans-serif" font-size="9" fill="#666666" data-fixed-color="black">力量</text>
+
+  <!-- 提醒开关 -->
+  <rect id="reminder-item" class="secondary" x="95" y="325" width="110" height="35" rx="8" fill="#f5f5f5"/>
+  <text id="reminder-text" class="text" x="110" y="347" font-family="Arial, sans-serif" font-size="10" fill="#333333" data-fixed-color="black">开启提醒</text>
+  <rect id="switch-bg" x="175" y="337" width="22" height="12" rx="6" fill="#4CAF50"/>
+  <circle id="switch-knob" cx="193" cy="343" r="5" fill="#ffffff"/>
+</svg>
diff --git a/scenes_data/mobile_ui/settings.svg b/scenes_data/mobile_ui/settings.svg
new file mode 100644
index 0000000..24b0d62
--- /dev/null
+++ b/scenes_data/mobile_ui/settings.svg
@@ -0,0 +1,60 @@
+<svg viewBox="0 0 300 400" xmlns="http://www.w3.org/2000/svg">
+  <!-- 背景 - 透明 -->
+  <rect id="background" class="background" width="300" height="400" fill="transparent" data-fixed-color="original"/>
+
+  <!-- 手机外框 -->
+  <rect id="phone-frame" class="primary" x="79" y="22" width="142" height="356" rx="20" fill="#666666" data-fixed-color="original"/>
+
+  <!-- 手机屏幕 -->
+  <rect id="screen" class="background" x="81" y="24" width="138" height="352" rx="16" fill="#ffffff"/>
+
+  <!-- 顶部装饰背景 -->
+  <rect id="header-bg" class="secondary" x="85" y="30" width="130" height="45" rx="10" fill="#c8d0d8"/>
+
+  <!-- 状态栏 -->
+  <text id="time-text" class="text" x="150" y="45" text-anchor="middle" font-family="Arial, sans-serif" font-size="11" font-weight="600" fill="#333333" data-fixed-color="black">9:41</text>
+
+  <!-- 页面标题 -->
+  <text id="page-title" class="text" x="150" y="92" text-anchor="middle" font-family="Arial, sans-serif" font-size="16" font-weight="bold" fill="#333333" data-fixed-color="black">设置</text>
+
+  <!-- 返回按钮 -->
+  <path id="back-btn" d="M 95 84 L 90 87 L 95 90" fill="none" stroke="#666666" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" data-fixed-color="black"/>
+
+  <!-- 账户设置组 -->
+  <text id="group-title-1" class="text" x="95" y="120" font-family="Arial, sans-serif" font-size="10" fill="#888888" data-fixed-color="black">账户</text>
+
+  <rect id="setting-item-1" class="secondary" x="95" y="128" width="110" height="35" rx="8" fill="#f5f5f5"/>
+  <circle id="icon-1" class="primary" cx="110" cy="145" r="8" fill="#4a4a4a"/>
+  <text id="text-1" class="text" x="128" y="148" font-family="Arial, sans-serif" font-size="10" fill="#333333" data-fixed-color="black">个人资料</text>
+  <path id="arrow-1" d="M 190 143 L 195 145 L 190 147" fill="none" stroke="#999999" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" data-fixed-color="black"/>
+
+  <rect id="setting-item-2" class="secondary" x="95" y="168" width="110" height="35" rx="8" fill="#f5f5f5"/>
+  <circle id="icon-2" class="accent" cx="110" cy="185" r="8" fill="#ff6b6b"/>
+  <text id="text-2" class="text" x="128" y="188" font-family="Arial, sans-serif" font-size="10" fill="#333333" data-fixed-color="black">账号安全</text>
+  <path id="arrow-2" d="M 190 183 L 195 185 L 190 187" fill="none" stroke="#999999" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" data-fixed-color="black"/>
+
+  <!-- 通用设置组 -->
+  <text id="group-title-2" class="text" x="95" y="220" font-family="Arial, sans-serif" font-size="10" fill="#888888" data-fixed-color="black">通用</text>
+
+  <rect id="setting-item-3" class="secondary" x="95" y="228" width="110" height="35" rx="8" fill="#f5f5f5"/>
+  <circle id="icon-3" class="primary" cx="110" cy="245" r="8" fill="#6a6a6a"/>
+  <text id="text-3" class="text" x="128" y="248" font-family="Arial, sans-serif" font-size="10" fill="#333333" data-fixed-color="black">通知提醒</text>
+  <!-- 开关 -->
+  <rect id="switch-3-bg" x="175" y="240" width="22" height="12" rx="6" fill="#4CAF50"/>
+  <circle id="switch-3-knob" cx="193" cy="246" r="5" fill="#ffffff"/>
+
+  <rect id="setting-item-4" class="secondary" x="95" y="268" width="110" height="35" rx="8" fill="#f5f5f5"/>
+  <circle id="icon-4" class="secondary" cx="110" cy="285" r="8" fill="#8a8a8a"/>
+  <text id="text-4" class="text" x="128" y="288" font-family="Arial, sans-serif" font-size="10" fill="#333333" data-fixed-color="black">深色模式</text>
+  <!-- 开关 -->
+  <rect id="switch-4-bg" x="175" y="280" width="22" height="12" rx="6" fill="#cccccc"/>
+  <circle id="switch-4-knob" cx="179" cy="286" r="5" fill="#ffffff"/>
+
+  <!-- 其他设置组 -->
+  <text id="group-title-3" class="text" x="95" y="320" font-family="Arial, sans-serif" font-size="10" fill="#888888" data-fixed-color="black">其他</text>
+
+  <rect id="setting-item-5" class="secondary" x="95" y="328" width="110" height="35" rx="8" fill="#f5f5f5"/>
+  <circle id="icon-5" class="accent" cx="110" cy="345" r="8" fill="#ff8a8a"/>
+  <text id="text-5" class="text" x="128" y="348" font-family="Arial, sans-serif" font-size="10" fill="#333333" data-fixed-color="black">关于我们</text>
+  <path id="arrow-5" d="M 190 343 L 195 345 L 190 347" fill="none" stroke="#999999" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" data-fixed-color="black"/>
+</svg>
-- 
Gitee


From 472ad1e4065f89b8500f634b7ef738ffae74a3ab Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=9D=92=E5=B1=B1=E5=85=AC=E4=BB=94?=
 <qingshangongzai@163.com>
Date: Mon, 13 Apr 2026 16:50:42 +0800
Subject: [PATCH 15/29] =?UTF-8?q?[=E5=86=85=E5=AE=B9=E8=B0=83=E6=95=B4]=20?=
 =?UTF-8?q?=E6=96=B0=E5=A2=9E=E6=9D=82=E5=BF=97=E5=9C=BA=E6=99=AF=E6=A8=A1?=
 =?UTF-8?q?=E6=9D=BF=E5=B9=B6=E4=BC=98=E5=8C=96=E7=94=BB=E5=BB=8A=E5=B8=83?=
 =?UTF-8?q?=E5=B1=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 新增杂志封面模板 (cover.svg)
- 新增文章内页模板 (article.svg)
- 新增访谈页面模板 (interview.svg)
- 新增图片画廊页模板 (gallery.svg)
---
 scenes_data/magazine/article.svg   | 51 ++++++++++++++++++++++++++++
 scenes_data/magazine/cover.svg     | 33 +++++++++++++++++++
 scenes_data/magazine/gallery.svg   | 38 +++++++++++++++++++++
 scenes_data/magazine/interview.svg | 53 ++++++++++++++++++++++++++++++
 4 files changed, 175 insertions(+)
 create mode 100644 scenes_data/magazine/article.svg
 create mode 100644 scenes_data/magazine/cover.svg
 create mode 100644 scenes_data/magazine/gallery.svg
 create mode 100644 scenes_data/magazine/interview.svg

diff --git a/scenes_data/magazine/article.svg b/scenes_data/magazine/article.svg
new file mode 100644
index 0000000..374e7c6
--- /dev/null
+++ b/scenes_data/magazine/article.svg
@@ -0,0 +1,51 @@
+<svg viewBox="0 0 600 300" xmlns="http://www.w3.org/2000/svg">
+  <!-- 背景 -->
+  <rect id="background" class="background" width="600" height="300" fill="#fafafa"/>
+
+  <!-- 顶部导航栏 -->
+  <rect id="header-bar" class="primary" x="0" y="0" width="600" height="35" fill="#1a1a1a"/>
+  <text id="nav-home" class="text" x="20" y="22" font-family="Arial, sans-serif" font-size="10" fill="#ffffff" data-fixed-color="black">首页</text>
+  <text id="nav-article" class="accent" x="60" y="22" font-family="Arial, sans-serif" font-size="10" fill="#ff6b6b">文章</text>
+  <text id="nav-gallery" class="text" x="100" y="22" font-family="Arial, sans-serif" font-size="10" fill="#ffffff" data-fixed-color="black">画廊</text>
+  <text id="nav-about" class="text" x="140" y="22" font-family="Arial, sans-serif" font-size="10" fill="#ffffff" data-fixed-color="black">关于</text>
+
+  <!-- 文章标题 -->
+  <text id="article-title" class="text" x="20" y="70" font-family="Georgia, serif" font-size="24" font-weight="bold" fill="#1a1a1a" data-fixed-color="black">色彩心理学：如何用颜色讲述故事</text>
+  <rect id="title-underline" class="accent" x="20" y="78" width="80" height="2" fill="#ff6b6b"/>
+
+  <!-- 作者信息 -->
+  <text id="author-name" class="secondary" x="20" y="100" font-family="Arial, sans-serif" font-size="9" fill="#666666" data-fixed-color="black">作者：李明 | 设计总监</text>
+  <text id="publish-date" class="secondary" x="20" y="115" font-family="Arial, sans-serif" font-size="9" fill="#999999" data-fixed-color="black">2026年3月15日</text>
+
+  <!-- 左侧栏 - 第一栏内容 -->
+  <rect id="col1-line-1" class="primary" x="20" y="135" width="170" height="6" rx="1" fill="#cccccc"/>
+  <rect id="col1-line-2" class="primary" x="20" y="147" width="165" height="6" rx="1" fill="#cccccc"/>
+  <rect id="col1-line-3" class="primary" x="20" y="159" width="168" height="6" rx="1" fill="#cccccc"/>
+  <rect id="col1-line-4" class="primary" x="20" y="171" width="160" height="6" rx="1" fill="#cccccc"/>
+  <rect id="col1-line-5" class="primary" x="20" y="183" width="170" height="6" rx="1" fill="#cccccc"/>
+
+  <!-- 中间栏 - 第二栏内容 -->
+  <rect id="col2-line-1" class="secondary" x="210" y="135" width="170" height="6" rx="1" fill="#dddddd"/>
+  <rect id="col2-line-2" class="secondary" x="210" y="147" width="165" height="6" rx="1" fill="#dddddd"/>
+  <rect id="col2-line-3" class="secondary" x="210" y="159" width="168" height="6" rx="1" fill="#dddddd"/>
+  <rect id="col2-line-4" class="secondary" x="210" y="171" width="160" height="6" rx="1" fill="#dddddd"/>
+  <rect id="col2-line-5" class="secondary" x="210" y="183" width="170" height="6" rx="1" fill="#dddddd"/>
+
+  <!-- 右侧栏 - 第三栏内容 -->
+  <rect id="col3-line-1" class="primary" x="400" y="135" width="170" height="6" rx="1" fill="#cccccc"/>
+  <rect id="col3-line-2" class="primary" x="400" y="147" width="165" height="6" rx="1" fill="#cccccc"/>
+  <rect id="col3-line-3" class="primary" x="400" y="159" width="168" height="6" rx="1" fill="#cccccc"/>
+
+  <!-- 右侧配图 -->
+  <rect id="side-image" class="accent" x="400" y="175" width="170" height="100" rx="4" fill="#ff6b6b"/>
+  <rect id="side-image-inner" class="secondary" x="410" y="185" width="150" height="80" rx="2" fill="#333333"/>
+
+  <!-- 引用块 -->
+  <rect id="quote-bg" class="secondary" x="20" y="210" width="360" height="70" rx="4" fill="#f0f0f0"/>
+  <rect id="quote-accent" class="accent" x="20" y="210" width="4" height="70" fill="#ff6b6b"/>
+  <text id="quote-text" class="text" x="35" y="235" font-family="Georgia, serif" font-size="11" font-style="italic" fill="#1a1a1a" data-fixed-color="black">"每一种颜色都有其独特的语言，</text>
+  <text id="quote-text-2" class="text" x="35" y="255" font-family="Georgia, serif" font-size="11" font-style="italic" fill="#1a1a1a" data-fixed-color="black">设计师的工作就是翻译这种语言。"</text>
+
+  <!-- 页码 -->
+  <text id="page-number" class="secondary" x="580" y="290" text-anchor="end" font-family="Arial, sans-serif" font-size="10" fill="#999999" data-fixed-color="black">- 24 -</text>
+</svg>
diff --git a/scenes_data/magazine/cover.svg b/scenes_data/magazine/cover.svg
new file mode 100644
index 0000000..208ee5f
--- /dev/null
+++ b/scenes_data/magazine/cover.svg
@@ -0,0 +1,33 @@
+<svg viewBox="0 0 600 300" xmlns="http://www.w3.org/2000/svg">
+  <!-- 背景 -->
+  <rect id="background" class="background" width="600" height="300" fill="#ffffff"/>
+
+  <!-- 顶部杂志名称 -->
+  <text id="magazine-title" class="text" x="300" y="35" text-anchor="middle" font-family="Georgia, serif" font-size="14" font-weight="bold" fill="#1a1a1a" data-fixed-color="black">COLOR MAGAZINE</text>
+
+  <!-- 主视觉区域 - 左侧大图 -->
+  <rect id="cover-image" class="primary" x="20" y="50" width="280" height="200" rx="4" fill="#1a1a1a"/>
+  <rect id="cover-image-inner" class="secondary" x="40" y="70" width="240" height="160" rx="2" fill="#333333"/>
+
+  <!-- 右侧标题区域 -->
+  <text id="cover-headline-1" class="text" x="320" y="80" font-family="Georgia, serif" font-size="36" font-weight="bold" fill="#1a1a1a" data-fixed-color="black">色彩</text>
+  <text id="cover-headline-2" class="accent" x="320" y="120" font-family="Georgia, serif" font-size="36" font-weight="bold" fill="#ff6b6b">的力量</text>
+
+  <!-- 副标题 -->
+  <rect id="subtitle-bar" class="accent" x="320" y="135" width="60" height="3" fill="#ff6b6b"/>
+  <text id="cover-subtitle" class="secondary" x="320" y="155" font-family="Arial, sans-serif" font-size="12" fill="#666666" data-fixed-color="black">探索设计中的色彩美学</text>
+
+  <!-- 文章列表 -->
+  <text id="article-1" class="primary" x="320" y="185" font-family="Arial, sans-serif" font-size="10" fill="#1a1a1a" data-fixed-color="black">01 年度色彩趋势报告</text>
+  <text id="article-2" class="primary" x="320" y="205" font-family="Arial, sans-serif" font-size="10" fill="#1a1a1a" data-fixed-color="black">02 大师访谈：色彩与情感</text>
+  <text id="article-3" class="secondary" x="320" y="225" font-family="Arial, sans-serif" font-size="10" fill="#666666" data-fixed-color="black">03 画廊精选作品</text>
+
+  <!-- 期号信息 -->
+  <rect id="issue-badge" class="accent" x="520" y="50" width="60" height="60" rx="30" fill="#ff6b6b"/>
+  <text id="issue-number" class="text" x="550" y="80" text-anchor="middle" font-family="Georgia, serif" font-size="10" font-weight="bold" fill="#ffffff" data-fixed-color="black">NO.</text>
+  <text id="issue-year" class="text" x="550" y="95" text-anchor="middle" font-family="Georgia, serif" font-size="14" font-weight="bold" fill="#ffffff" data-fixed-color="black">2026</text>
+
+  <!-- 底部装饰条 -->
+  <rect id="bottom-bar" class="primary" x="0" y="270" width="600" height="30" fill="#1a1a1a"/>
+  <text id="footer-info" class="text" x="300" y="290" text-anchor="middle" font-family="Arial, sans-serif" font-size="10" fill="#ffffff" data-fixed-color="black">春季刊 | 第 12 期</text>
+</svg>
diff --git a/scenes_data/magazine/gallery.svg b/scenes_data/magazine/gallery.svg
new file mode 100644
index 0000000..585b610
--- /dev/null
+++ b/scenes_data/magazine/gallery.svg
@@ -0,0 +1,38 @@
+<svg viewBox="0 0 600 300" xmlns="http://www.w3.org/2000/svg">
+  <!-- 背景 -->
+  <rect id="background" class="background" width="600" height="300" fill="#1a1a1a"/>
+
+  <!-- 顶部标题栏 -->
+  <rect id="header-bg" class="primary" x="0" y="0" width="600" height="45" fill="#000000"/>
+  <text id="gallery-title" class="text" x="300" y="28" text-anchor="middle" font-family="Georgia, serif" font-size="16" font-weight="bold" fill="#ffffff" data-fixed-color="black">色彩画廊</text>
+
+  <!-- 画廊网格 -->
+  <!-- 第一行 -->
+  <rect id="gallery-1" class="accent" x="20" y="60" width="130" height="100" rx="4" fill="#ff6b6b"/>
+  <rect id="gallery-1-inner" class="secondary" x="30" y="70" width="110" height="80" rx="2" fill="#333333"/>
+
+  <rect id="gallery-2" class="primary" x="165" y="60" width="130" height="100" rx="4" fill="#333333"/>
+  <rect id="gallery-2-inner" class="secondary" x="175" y="70" width="110" height="80" rx="2" fill="#444444"/>
+
+  <rect id="gallery-3" class="secondary" x="310" y="60" width="130" height="100" rx="4" fill="#555555"/>
+  <rect id="gallery-3-inner" class="primary" x="320" y="70" width="110" height="80" rx="2" fill="#222222"/>
+
+  <rect id="gallery-4" class="accent" x="455" y="60" width="125" height="100" rx="4" fill="#ff6b6b"/>
+  <rect id="gallery-4-inner" class="secondary" x="465" y="70" width="105" height="80" rx="2" fill="#333333"/>
+
+  <!-- 第二行 -->
+  <rect id="gallery-5" class="secondary" x="20" y="175" width="130" height="100" rx="4" fill="#444444"/>
+  <rect id="gallery-5-inner" class="primary" x="30" y="185" width="110" height="80" rx="2" fill="#222222"/>
+
+  <rect id="gallery-6" class="accent" x="165" y="175" width="130" height="100" rx="4" fill="#ff6b6b"/>
+  <rect id="gallery-6-inner" class="secondary" x="175" y="185" width="110" height="80" rx="2" fill="#333333"/>
+
+  <rect id="gallery-7" class="primary" x="310" y="175" width="130" height="100" rx="4" fill="#333333"/>
+  <rect id="gallery-7-inner" class="secondary" x="320" y="185" width="110" height="80" rx="2" fill="#444444"/>
+
+  <rect id="gallery-8" class="secondary" x="455" y="175" width="125" height="100" rx="4" fill="#555555"/>
+  <rect id="gallery-8-inner" class="primary" x="465" y="185" width="105" height="80" rx="2" fill="#222222"/>
+
+  <!-- 底部信息 -->
+  <text id="gallery-info" class="secondary" x="300" y="295" text-anchor="middle" font-family="Arial, sans-serif" font-size="9" fill="#666666" data-fixed-color="black">精选作品展示 | 2026春季特辑</text>
+</svg>
diff --git a/scenes_data/magazine/interview.svg b/scenes_data/magazine/interview.svg
new file mode 100644
index 0000000..d5b370d
--- /dev/null
+++ b/scenes_data/magazine/interview.svg
@@ -0,0 +1,53 @@
+<svg viewBox="0 0 600 300" xmlns="http://www.w3.org/2000/svg">
+  <!-- 背景 -->
+  <rect id="background" class="background" width="600" height="300" fill="#ffffff"/>
+
+  <!-- 顶部装饰 -->
+  <rect id="top-accent" class="accent" x="0" y="0" width="600" height="8" fill="#ff6b6b"/>
+
+  <!-- 访谈标题 -->
+  <text id="interview-label" class="accent" x="20" y="35" font-family="Arial, sans-serif" font-size="10" font-weight="bold" fill="#ff6b6b">独家访谈</text>
+  <text id="interview-title" class="text" x="20" y="60" font-family="Georgia, serif" font-size="22" font-weight="bold" fill="#1a1a1a" data-fixed-color="black">对话色彩大师</text>
+
+  <!-- 左侧人物照片区域 -->
+  <rect id="portrait-bg" class="primary" x="20" y="75" width="150" height="180" rx="4" fill="#1a1a1a"/>
+  <ellipse id="portrait-head" class="secondary" cx="95" cy="130" rx="35" ry="40" fill="#333333"/>
+  <rect id="portrait-body" class="secondary" x="60" y="170" width="70" height="70" rx="8" fill="#444444"/>
+
+  <!-- 人物姓名 -->
+  <text id="person-name" class="text" x="20" y="275" font-family="Georgia, serif" font-size="12" font-weight="bold" fill="#1a1a1a" data-fixed-color="black">张艺术</text>
+  <text id="person-title" class="secondary" x="20" y="290" font-family="Arial, sans-serif" font-size="9" fill="#666666" data-fixed-color="black">国际知名色彩顾问</text>
+
+  <!-- 问答区域 -->
+  <!-- Q1 -->
+  <rect id="q1-marker" class="accent" x="190" y="85" width="20" height="20" rx="2" fill="#ff6b6b"/>
+  <text id="q1-label" class="text" x="197" y="99" font-family="Arial, sans-serif" font-size="10" font-weight="bold" fill="#ffffff" data-fixed-color="black">Q</text>
+  <rect id="q1-line-1" class="primary" x="220" y="90" width="360" height="5" rx="1" fill="#cccccc"/>
+  <rect id="q1-line-2" class="primary" x="220" y="100" width="340" height="5" rx="1" fill="#cccccc"/>
+
+  <!-- A1 -->
+  <rect id="a1-marker" class="secondary" x="190" y="115" width="20" height="20" rx="2" fill="#666666"/>
+  <text id="a1-label" class="text" x="197" y="129" font-family="Arial, sans-serif" font-size="10" font-weight="bold" fill="#ffffff" data-fixed-color="black">A</text>
+  <rect id="a1-line-1" class="secondary" x="220" y="120" width="350" height="4" rx="1" fill="#dddddd"/>
+  <rect id="a1-line-2" class="secondary" x="220" y="128" width="330" height="4" rx="1" fill="#dddddd"/>
+  <rect id="a1-line-3" class="secondary" x="220" y="136" width="345" height="4" rx="1" fill="#dddddd"/>
+
+  <!-- Q2 -->
+  <rect id="q2-marker" class="accent" x="190" y="155" width="20" height="20" rx="2" fill="#ff6b6b"/>
+  <text id="q2-label" class="text" x="197" y="169" font-family="Arial, sans-serif" font-size="10" font-weight="bold" fill="#ffffff" data-fixed-color="black">Q</text>
+  <rect id="q2-line-1" class="primary" x="220" y="160" width="340" height="5" rx="1" fill="#cccccc"/>
+  <rect id="q2-line-2" class="primary" x="220" y="170" width="320" height="5" rx="1" fill="#cccccc"/>
+
+  <!-- A2 -->
+  <rect id="a2-marker" class="secondary" x="190" y="185" width="20" height="20" rx="2" fill="#666666"/>
+  <text id="a2-label" class="text" x="197" y="199" font-family="Arial, sans-serif" font-size="10" font-weight="bold" fill="#ffffff" data-fixed-color="black">A</text>
+  <rect id="a2-line-1" class="secondary" x="220" y="190" width="360" height="4" rx="1" fill="#dddddd"/>
+  <rect id="a2-line-2" class="secondary" x="220" y="198" width="340" height="4" rx="1" fill="#dddddd"/>
+  <rect id="a2-line-3" class="secondary" x="220" y="206" width="350" height="4" rx="1" fill="#dddddd"/>
+
+  <!-- 精彩语录 -->
+  <rect id="highlight-box" class="secondary" x="190" y="225" width="390" height="55" rx="4" fill="#f5f5f5"/>
+  <text id="highlight-title" class="accent" x="200" y="242" font-family="Arial, sans-serif" font-size="9" font-weight="bold" fill="#ff6b6b">精彩语录</text>
+  <text id="highlight-quote" class="text" x="200" y="260" font-family="Georgia, serif" font-size="10" font-style="italic" fill="#1a1a1a" data-fixed-color="black">"色彩不仅是视觉体验，更是情感的载体。"</text>
+  <text id="highlight-author" class="secondary" x="200" y="275" font-family="Arial, sans-serif" font-size="8" fill="#999999" data-fixed-color="black">— 张艺术</text>
+</svg>
-- 
Gitee


From f1a70130ee6e93017f8a585b52953ab2eaa20083 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=9D=92=E5=B1=B1=E5=85=AC=E4=BB=94?=
 <qingshangongzai@163.com>
Date: Mon, 13 Apr 2026 17:10:08 +0800
Subject: [PATCH 16/29] =?UTF-8?q?[=E6=96=B0=E5=8A=9F=E8=83=BD]=20=E6=96=B0?=
 =?UTF-8?q?=E5=A2=9E=E7=BD=91=E9=A1=B5=E5=9C=BA=E6=99=AFSVG=E5=9B=BE?=
 =?UTF-8?q?=E6=A0=87?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 scenes_data/web/about.svg         | 62 +++++++++++++++++++++++++
 scenes_data/web/contact.svg       | 60 ++++++++++++++++++++++++
 scenes_data/web/documentation.svg | 69 ++++++++++++++++++++++++++++
 scenes_data/web/landing_page.svg  | 50 ++++++++++++++++++++
 scenes_data/web/layout.json       | 44 +++++++++++++++---
 scenes_data/web/pricing.svg       | 76 +++++++++++++++++++++++++++++++
 6 files changed, 354 insertions(+), 7 deletions(-)
 create mode 100644 scenes_data/web/about.svg
 create mode 100644 scenes_data/web/contact.svg
 create mode 100644 scenes_data/web/documentation.svg
 create mode 100644 scenes_data/web/landing_page.svg
 create mode 100644 scenes_data/web/pricing.svg

diff --git a/scenes_data/web/about.svg b/scenes_data/web/about.svg
new file mode 100644
index 0000000..68193b9
--- /dev/null
+++ b/scenes_data/web/about.svg
@@ -0,0 +1,62 @@
+<svg viewBox="0 0 600 300" xmlns="http://www.w3.org/2000/svg">
+  <!-- 页面背景 -->
+  <rect id="background" class="background" width="600" height="300" fill="#fafafa"/>
+
+  <!-- 导航栏 -->
+  <rect id="navbar" class="primary" x="0" y="0" width="600" height="40" fill="#1a1a2e"/>
+  <rect id="logo" class="accent" x="25" y="10" width="25" height="20" rx="4" fill="#e94560"/>
+
+  <!-- Hero区域 -->
+  <rect id="hero-bg" class="secondary" x="0" y="40" width="600" height="80" fill="#16213e"/>
+  <text id="hero-title" class="text" x="300" y="75" text-anchor="middle" font-family="Arial, sans-serif" font-size="16" font-weight="bold" fill="#ffffff" data-fixed-color="black">关于我们</text>
+  <text id="hero-subtitle" class="text" x="300" y="95" text-anchor="middle" font-family="Arial, sans-serif" font-size="10" fill="#a0a0a0" data-fixed-color="black">创新驱动，技术引领</text>
+
+  <!-- 时间线区域 -->
+  <text id="timeline-title" class="text" x="300" y="145" text-anchor="middle" font-family="Arial, sans-serif" font-size="12" font-weight="bold" fill="#1a1a2e" data-fixed-color="black">发展历程</text>
+
+  <!-- 时间线 -->
+  <line id="timeline-line" class="stroke" x1="100" y1="175" x2="500" y2="175" stroke="#e94560" stroke-width="3"/>
+
+  <!-- 时间节点1 -->
+  <circle id="node-1" class="accent" cx="150" cy="175" r="8" fill="#e94560"/>
+  <text id="year-1" class="text" x="150" y="165" text-anchor="middle" font-family="Arial, sans-serif" font-size="8" font-weight="bold" fill="#1a1a2e" data-fixed-color="black">2020</text>
+  <text id="event-1" class="text" x="150" y="195" text-anchor="middle" font-family="Arial, sans-serif" font-size="7" fill="#666666" data-fixed-color="black">公司成立</text>
+
+  <!-- 时间节点2 -->
+  <circle id="node-2" class="accent" cx="250" cy="175" r="8" fill="#e94560"/>
+  <text id="year-2" class="text" x="250" y="165" text-anchor="middle" font-family="Arial, sans-serif" font-size="8" font-weight="bold" fill="#1a1a2e" data-fixed-color="black">2022</text>
+  <text id="event-2" class="text" x="250" y="195" text-anchor="middle" font-family="Arial, sans-serif" font-size="7" fill="#666666" data-fixed-color="black">产品发布</text>
+
+  <!-- 时间节点3 -->
+  <circle id="node-3" class="accent" cx="350" cy="175" r="8" fill="#e94560"/>
+  <text id="year-3" class="text" x="350" y="165" text-anchor="middle" font-family="Arial, sans-serif" font-size="8" font-weight="bold" fill="#1a1a2e" data-fixed-color="black">2024</text>
+  <text id="event-3" class="text" x="350" y="195" text-anchor="middle" font-family="Arial, sans-serif" font-size="7" fill="#666666" data-fixed-color="black">用户破百万</text>
+
+  <!-- 时间节点4 -->
+  <circle id="node-4" class="accent" cx="450" cy="175" r="8" fill="#e94560"/>
+  <text id="year-4" class="text" x="450" y="165" text-anchor="middle" font-family="Arial, sans-serif" font-size="8" font-weight="bold" fill="#1a1a2e" data-fixed-color="black">2026</text>
+  <text id="event-4" class="text" x="450" y="195" text-anchor="middle" font-family="Arial, sans-serif" font-size="7" fill="#666666" data-fixed-color="black">全球拓展</text>
+
+  <!-- 团队成员区域 -->
+  <text id="team-title" class="text" x="300" y="215" text-anchor="middle" font-family="Arial, sans-serif" font-size="12" font-weight="bold" fill="#1a1a2e" data-fixed-color="black">核心团队</text>
+
+  <!-- 团队成员1 -->
+  <circle id="member-1-avatar" class="accent" cx="150" cy="245" r="18" fill="#e94560"/>
+  <text id="member-1-name" class="text" x="150" y="275" text-anchor="middle" font-family="Arial, sans-serif" font-size="8" font-weight="bold" fill="#1a1a2e" data-fixed-color="black">张明</text>
+  <text id="member-1-role" class="text" x="150" y="285" text-anchor="middle" font-family="Arial, sans-serif" font-size="7" fill="#666666" data-fixed-color="black">CEO</text>
+
+  <!-- 团队成员2 -->
+  <circle id="member-2-avatar" class="primary" cx="250" cy="245" r="18" fill="#0f3460"/>
+  <text id="member-2-name" class="text" x="250" y="275" text-anchor="middle" font-family="Arial, sans-serif" font-size="8" font-weight="bold" fill="#1a1a2e" data-fixed-color="black">李华</text>
+  <text id="member-2-role" class="text" x="250" y="285" text-anchor="middle" font-family="Arial, sans-serif" font-size="7" fill="#666666" data-fixed-color="black">CTO</text>
+
+  <!-- 团队成员3 -->
+  <circle id="member-3-avatar" class="accent" cx="350" cy="245" r="18" fill="#e94560"/>
+  <text id="member-3-name" class="text" x="350" y="275" text-anchor="middle" font-family="Arial, sans-serif" font-size="8" font-weight="bold" fill="#1a1a2e" data-fixed-color="black">王芳</text>
+  <text id="member-3-role" class="text" x="350" y="285" text-anchor="middle" font-family="Arial, sans-serif" font-size="7" fill="#666666" data-fixed-color="black">设计总监</text>
+
+  <!-- 团队成员4 -->
+  <circle id="member-4-avatar" class="primary" cx="450" cy="245" r="18" fill="#0f3460"/>
+  <text id="member-4-name" class="text" x="450" y="275" text-anchor="middle" font-family="Arial, sans-serif" font-size="8" font-weight="bold" fill="#1a1a2e" data-fixed-color="black">陈伟</text>
+  <text id="member-4-role" class="text" x="450" y="285" text-anchor="middle" font-family="Arial, sans-serif" font-size="7" fill="#666666" data-fixed-color="black">产品总监</text>
+</svg>
diff --git a/scenes_data/web/contact.svg b/scenes_data/web/contact.svg
new file mode 100644
index 0000000..52e3972
--- /dev/null
+++ b/scenes_data/web/contact.svg
@@ -0,0 +1,60 @@
+<svg viewBox="0 0 600 300" xmlns="http://www.w3.org/2000/svg">
+  <!-- 页面背景 -->
+  <rect id="background" class="background" width="600" height="300" fill="#f5f7fa"/>
+
+  <!-- 顶部导航栏 -->
+  <rect id="navbar" class="primary" x="0" y="0" width="600" height="45" fill="#2c3e50"/>
+  <rect id="logo" class="accent" x="25" y="12" width="30" height="22" rx="4" fill="#3498db"/>
+  <text id="nav-item-1" class="text" x="420" y="28" font-family="Arial, sans-serif" font-size="10" fill="#ffffff" data-fixed-color="black">首页</text>
+  <text id="nav-item-2" class="text" x="465" y="28" font-family="Arial, sans-serif" font-size="10" fill="#ffffff" data-fixed-color="black">产品</text>
+  <text id="nav-item-3" class="text" x="510" y="28" font-family="Arial, sans-serif" font-size="10" fill="#ffffff" data-fixed-color="black">关于</text>
+  <text id="nav-item-4" class="text" x="560" y="28" font-family="Arial, sans-serif" font-size="10" fill="#ffffff" data-fixed-color="black">联系</text>
+
+  <!-- 页面标题区 -->
+  <text id="page-title" class="text" x="300" y="75" text-anchor="middle" font-family="Arial, sans-serif" font-size="20" font-weight="bold" fill="#2c3e50" data-fixed-color="black">联系我们</text>
+  <text id="page-subtitle" class="text" x="300" y="95" text-anchor="middle" font-family="Arial, sans-serif" font-size="10" fill="#7f8c8d" data-fixed-color="black">有任何问题？我们随时为您服务</text>
+
+  <!-- 左侧联系信息卡片 -->
+  <rect id="contact-card" class="secondary" x="40" y="115" width="240" height="170" rx="12" fill="#ffffff"/>
+
+  <!-- 地址信息 -->
+  <rect id="icon-address" class="accent" x="60" y="135" width="36" height="36" rx="8" fill="#3498db"/>
+  <text id="label-address" class="text" x="105" y="150" font-family="Arial, sans-serif" font-size="11" font-weight="bold" fill="#2c3e50" data-fixed-color="black">公司地址</text>
+  <text id="value-address" class="text" x="105" y="165" font-family="Arial, sans-serif" font-size="9" fill="#7f8c8d" data-fixed-color="black">北京市朝阳区科技园区A座</text>
+
+  <!-- 电话信息 -->
+  <rect id="icon-phone" class="accent" x="60" y="185" width="36" height="36" rx="8" fill="#e74c3c"/>
+  <text id="label-phone" class="text" x="105" y="200" font-family="Arial, sans-serif" font-size="11" font-weight="bold" fill="#2c3e50" data-fixed-color="black">联系电话</text>
+  <text id="value-phone" class="text" x="105" y="215" font-family="Arial, sans-serif" font-size="9" fill="#7f8c8d" data-fixed-color="black">400-123-4567</text>
+
+  <!-- 邮箱信息 -->
+  <rect id="icon-email" class="accent" x="60" y="235" width="36" height="36" rx="8" fill="#27ae60"/>
+  <text id="label-email" class="text" x="105" y="250" font-family="Arial, sans-serif" font-size="11" font-weight="bold" fill="#2c3e50" data-fixed-color="black">电子邮箱</text>
+  <text id="value-email" class="text" x="105" y="265" font-family="Arial, sans-serif" font-size="9" fill="#7f8c8d" data-fixed-color="black">contact@example.com</text>
+
+  <!-- 右侧联系表单卡片 -->
+  <rect id="form-card" class="secondary" x="300" y="115" width="260" height="170" rx="12" fill="#ffffff"/>
+
+  <!-- 表单标题 -->
+  <text id="form-title" class="text" x="430" y="140" text-anchor="middle" font-family="Arial, sans-serif" font-size="12" font-weight="bold" fill="#2c3e50" data-fixed-color="black">发送消息</text>
+
+  <!-- 姓名输入框 -->
+  <rect id="input-name-bg" class="secondary" x="320" y="155" width="105" height="32" rx="6" fill="#ecf0f1"/>
+  <text id="input-name-placeholder" class="text" x="330" y="175" font-family="Arial, sans-serif" font-size="9" fill="#95a5a6" data-fixed-color="black">您的姓名</text>
+
+  <!-- 邮箱输入框 -->
+  <rect id="input-email-bg" class="secondary" x="435" y="155" width="105" height="32" rx="6" fill="#ecf0f1"/>
+  <text id="input-email-placeholder" class="text" x="445" y="175" font-family="Arial, sans-serif" font-size="9" fill="#95a5a6" data-fixed-color="black">您的邮箱</text>
+
+  <!-- 主题输入框 -->
+  <rect id="input-subject-bg" class="secondary" x="320" y="195" width="220" height="32" rx="6" fill="#ecf0f1"/>
+  <text id="input-subject-placeholder" class="text" x="330" y="215" font-family="Arial, sans-serif" font-size="9" fill="#95a5a6" data-fixed-color="black">消息主题</text>
+
+  <!-- 消息内容输入框 -->
+  <rect id="input-message-bg" class="secondary" x="320" y="235" width="220" height="40" rx="6" fill="#ecf0f1"/>
+  <text id="input-message-placeholder" class="text" x="330" y="255" font-family="Arial, sans-serif" font-size="9" fill="#95a5a6" data-fixed-color="black">请输入您的消息...</text>
+
+  <!-- 发送按钮 -->
+  <rect id="submit-btn" class="accent" x="440" y="240" width="90" height="28" rx="6" fill="#3498db"/>
+  <text id="submit-text" class="text" x="485" y="258" text-anchor="middle" font-family="Arial, sans-serif" font-size="10" font-weight="bold" fill="#ffffff" data-fixed-color="black">发送</text>
+</svg>
diff --git a/scenes_data/web/documentation.svg b/scenes_data/web/documentation.svg
new file mode 100644
index 0000000..be07e88
--- /dev/null
+++ b/scenes_data/web/documentation.svg
@@ -0,0 +1,69 @@
+<svg viewBox="0 0 600 300" xmlns="http://www.w3.org/2000/svg">
+  <!-- 页面背景 -->
+  <rect id="background" class="background" width="600" height="300" fill="#f8f9fa"/>
+
+  <!-- 顶部导航栏 -->
+  <rect id="navbar" class="primary" x="0" y="0" width="600" height="45" fill="#1e1e1e"/>
+  <rect id="logo" class="accent" x="20" y="12" width="25" height="20" rx="4" fill="#61dafb"/>
+  <text id="logo-text" class="text" x="52" y="26" font-family="Arial, sans-serif" font-size="12" font-weight="bold" fill="#ffffff" data-fixed-color="black">Docs</text>
+
+  <!-- 搜索框 -->
+  <rect id="search-box" class="secondary" x="200" y="10" width="200" height="25" rx="4" fill="#2d2d2d"/>
+  <text id="search-placeholder" class="text" x="300" y="26" text-anchor="middle" font-family="Arial, sans-serif" font-size="10" fill="#666666" data-fixed-color="black">搜索文档...</text>
+
+  <!-- 版本选择 -->
+  <rect id="version-badge" class="accent" x="520" y="12" width="60" height="20" rx="4" fill="#61dafb"/>
+  <text id="version-text" class="text" x="550" y="25" text-anchor="middle" font-family="Arial, sans-serif" font-size="9" fill="#1e1e1e" data-fixed-color="black">v2.0.0</text>
+
+  <!-- 左侧边栏导航 -->
+  <rect id="sidebar" class="secondary" x="0" y="45" width="160" height="255" fill="#ffffff"/>
+
+  <!-- 导航分组1 -->
+  <text id="nav-group-1" class="text" x="15" y="70" font-family="Arial, sans-serif" font-size="9" font-weight="bold" fill="#1e1e1e" data-fixed-color="black">快速开始</text>
+  <rect id="nav-item-active" class="accent" x="10" y="78" width="140" height="25" rx="4" fill="#e3f2fd"/>
+  <text id="nav-item-1" class="text" x="20" y="94" font-family="Arial, sans-serif" font-size="9" fill="#1976d2" data-fixed-color="black">安装指南</text>
+
+  <text id="nav-item-2" class="text" x="20" y="120" font-family="Arial, sans-serif" font-size="9" fill="#666666" data-fixed-color="black">基础配置</text>
+  <text id="nav-item-3" class="text" x="20" y="145" font-family="Arial, sans-serif" font-size="9" fill="#666666" data-fixed-color="black">第一个应用</text>
+
+  <!-- 导航分组2 -->
+  <text id="nav-group-2" class="text" x="15" y="175" font-family="Arial, sans-serif" font-size="9" font-weight="bold" fill="#1e1e1e" data-fixed-color="black">核心概念</text>
+  <text id="nav-item-4" class="text" x="20" y="195" font-family="Arial, sans-serif" font-size="9" fill="#666666" data-fixed-color="black">组件系统</text>
+  <text id="nav-item-5" class="text" x="20" y="220" font-family="Arial, sans-serif" font-size="9" fill="#666666" data-fixed-color="black">状态管理</text>
+  <text id="nav-item-6" class="text" x="20" y="245" font-family="Arial, sans-serif" font-size="9" fill="#666666" data-fixed-color="black">路由配置</text>
+
+  <!-- 导航分组3 -->
+  <text id="nav-group-3" class="text" x="15" y="275" font-family="Arial, sans-serif" font-size="9" font-weight="bold" fill="#1e1e1e" data-fixed-color="black">API参考</text>
+
+  <!-- 主内容区 -->
+  <rect id="content-bg" class="secondary" x="160" y="45" width="440" height="255" fill="#ffffff"/>
+
+  <!-- 面包屑 -->
+  <text id="breadcrumb" class="text" x="180" y="65" font-family="Arial, sans-serif" font-size="9" fill="#888888" data-fixed-color="black">文档 > 快速开始 > 安装指南</text>
+
+  <!-- 页面标题 -->
+  <text id="page-title" class="text" x="180" y="95" font-family="Arial, sans-serif" font-size="16" font-weight="bold" fill="#1e1e1e" data-fixed-color="black">安装指南</text>
+
+  <!-- 介绍文本 -->
+  <rect id="intro-block" class="secondary" x="180" y="110" width="400" height="40" rx="4" fill="#f5f5f5"/>
+  <text id="intro-text" class="text" x="190" y="125" font-family="Arial, sans-serif" font-size="9" fill="#666666" data-fixed-color="black">本文档将指导您完成安装和基本配置。</text>
+  <text id="intro-text-2" class="text" x="190" y="140" font-family="Arial, sans-serif" font-size="9" fill="#666666" data-fixed-color="black">整个过程大约需要5分钟。</text>
+
+  <!-- 代码块 -->
+  <rect id="code-block" class="primary" x="180" y="165" width="400" height="80" rx="6" fill="#2d2d2d"/>
+
+  <!-- 代码行 -->
+  <text id="code-line-1" class="text" x="190" y="185" font-family="Consolas, monospace" font-size="9" fill="#61dafb" data-fixed-color="black">$ npm install my-app</text>
+  <text id="code-line-2" class="text" x="190" y="205" font-family="Consolas, monospace" font-size="9" fill="#98c379" data-fixed-color="black">+ my-app@2.0.0</text>
+  <text id="code-line-3" class="text" x="190" y="220" font-family="Consolas, monospace" font-size="9" fill="#e6c07b" data-fixed-color="black">added 42 packages in 3s</text>
+  <text id="code-line-4" class="text" x="190" y="235" font-family="Consolas, monospace" font-size="9" fill="#ffffff" data-fixed-color="black">$ npm run dev</text>
+
+  <!-- 复制按钮 -->
+  <rect id="copy-btn" class="accent" x="540" y="170" width="30" height="18" rx="3" fill="#61dafb"/>
+  <text id="copy-text" class="text" x="555" y="182" text-anchor="middle" font-family="Arial, sans-serif" font-size="8" fill="#1e1e1e" data-fixed-color="black">复制</text>
+
+  <!-- 提示框 -->
+  <rect id="tip-box" class="accent" x="180" y="255" width="400" height="35" rx="4" fill="#fff3cd"/>
+  <text id="tip-icon" class="text" x="190" y="275" font-family="Arial, sans-serif" font-size="12" fill="#856404" data-fixed-color="black">💡</text>
+  <text id="tip-text" class="text" x="210" y="275" font-family="Arial, sans-serif" font-size="9" fill="#856404" data-fixed-color="black">提示: 确保您的Node.js版本 >= 16.0</text>
+</svg>
diff --git a/scenes_data/web/landing_page.svg b/scenes_data/web/landing_page.svg
new file mode 100644
index 0000000..8b00f9f
--- /dev/null
+++ b/scenes_data/web/landing_page.svg
@@ -0,0 +1,50 @@
+<svg viewBox="0 0 600 300" xmlns="http://www.w3.org/2000/svg">
+  <!-- 页面背景 -->
+  <rect id="background" class="background" width="600" height="300" fill="#f8f9fa"/>
+
+  <!-- 导航栏 -->
+  <rect id="navbar" class="primary" x="0" y="0" width="600" height="40" fill="#1a1a2e"/>
+  <rect id="logo" class="accent" x="25" y="10" width="30" height="20" rx="4" fill="#e94560"/>
+  <text id="logo-text" class="text" x="62" y="24" font-family="Arial, sans-serif" font-size="12" font-weight="bold" fill="#ffffff" data-fixed-color="black">Brand</text>
+
+  <!-- 导航链接 -->
+  <text id="nav-product" class="text" x="420" y="24" font-family="Arial, sans-serif" font-size="10" fill="#ffffff" data-fixed-color="black">产品</text>
+  <text id="nav-features" class="text" x="465" y="24" font-family="Arial, sans-serif" font-size="10" fill="#ffffff" data-fixed-color="black">特性</text>
+  <text id="nav-pricing" class="text" x="510" y="24" font-family="Arial, sans-serif" font-size="10" fill="#ffffff" data-fixed-color="black">定价</text>
+
+  <!-- CTA按钮 -->
+  <rect id="nav-cta" class="accent" x="555" y="10" width="30" height="20" rx="10" fill="#e94560"/>
+
+  <!-- Hero区域 -->
+  <rect id="hero-bg" class="secondary" x="0" y="40" width="600" height="120" fill="#16213e"/>
+
+  <!-- 大标题 -->
+  <text id="hero-title-1" class="text" x="300" y="75" text-anchor="middle" font-family="Arial, sans-serif" font-size="20" font-weight="bold" fill="#ffffff" data-fixed-color="black">革新你的工作方式</text>
+  <text id="hero-title-2" class="text" x="300" y="100" text-anchor="middle" font-family="Arial, sans-serif" font-size="14" fill="#a0a0a0" data-fixed-color="black">强大的工具，简洁的体验</text>
+
+  <!-- CTA按钮组 -->
+  <rect id="cta-primary" class="accent" x="230" y="115" width="100" height="30" rx="6" fill="#e94560"/>
+  <text id="cta-primary-text" class="text" x="280" y="133" text-anchor="middle" font-family="Arial, sans-serif" font-size="11" fill="#ffffff" data-fixed-color="black">免费开始</text>
+
+  <rect id="cta-secondary" class="secondary" x="340" y="115" width="100" height="30" rx="6" fill="#0f3460"/>
+  <text id="cta-secondary-text" class="text" x="390" y="133" text-anchor="middle" font-family="Arial, sans-serif" font-size="11" fill="#ffffff" data-fixed-color="black">了解更多</text>
+
+  <!-- 特性列表区域 -->
+  <!-- 特性1 -->
+  <rect id="feature-1-bg" class="secondary" x="40" y="180" width="160" height="100" rx="8" fill="#ffffff"/>
+  <rect id="feature-1-icon" class="accent" x="100" y="195" width="40" height="40" rx="8" fill="#e94560"/>
+  <text id="feature-1-title" class="text" x="120" y="255" text-anchor="middle" font-family="Arial, sans-serif" font-size="11" font-weight="bold" fill="#1a1a2e" data-fixed-color="black">极速性能</text>
+  <text id="feature-1-desc" class="text" x="120" y="272" text-anchor="middle" font-family="Arial, sans-serif" font-size="8" fill="#666666" data-fixed-color="black">毫秒级响应</text>
+
+  <!-- 特性2 -->
+  <rect id="feature-2-bg" class="secondary" x="220" y="180" width="160" height="100" rx="8" fill="#ffffff"/>
+  <rect id="feature-2-icon" class="primary" x="280" y="195" width="40" height="40" rx="8" fill="#1a1a2e"/>
+  <text id="feature-2-title" class="text" x="300" y="255" text-anchor="middle" font-family="Arial, sans-serif" font-size="11" font-weight="bold" fill="#1a1a2e" data-fixed-color="black">安全可靠</text>
+  <text id="feature-2-desc" class="text" x="300" y="272" text-anchor="middle" font-family="Arial, sans-serif" font-size="8" fill="#666666" data-fixed-color="black">企业级加密</text>
+
+  <!-- 特性3 -->
+  <rect id="feature-3-bg" class="secondary" x="400" y="180" width="160" height="100" rx="8" fill="#ffffff"/>
+  <rect id="feature-3-icon" class="accent" x="460" y="195" width="40" height="40" rx="8" fill="#e94560"/>
+  <text id="feature-3-title" class="text" x="480" y="255" text-anchor="middle" font-family="Arial, sans-serif" font-size="11" font-weight="bold" fill="#1a1a2e" data-fixed-color="black">全球部署</text>
+  <text id="feature-3-desc" class="text" x="480" y="272" text-anchor="middle" font-family="Arial, sans-serif" font-size="8" fill="#666666" data-fixed-color="black">覆盖200+国家</text>
+</svg>
diff --git a/scenes_data/web/layout.json b/scenes_data/web/layout.json
index 39b6e30..c5d01ca 100644
--- a/scenes_data/web/layout.json
+++ b/scenes_data/web/layout.json
@@ -11,12 +11,24 @@
       "file": "default.svg",
       "description": "通用企业官网首页，包含导航、Hero区域和功能卡片"
     },
+    {
+      "id": "landing_page",
+      "name": "营销落地页",
+      "file": "landing_page.svg",
+      "description": "营销落地页，包含大标题、CTA按钮和特性列表"
+    },
     {
       "id": "ecommerce",
       "name": "电商页面",
       "file": "ecommerce.svg",
       "description": "电商产品列表页，包含搜索框、分类标签和产品网格"
     },
+    {
+      "id": "pricing",
+      "name": "定价页面",
+      "file": "pricing.svg",
+      "description": "定价页面，包含价格卡片和功能对比"
+    },
     {
       "id": "blog",
       "name": "博客页面",
@@ -35,17 +47,35 @@
       "file": "dashboard.svg",
       "description": "网页版数据仪表盘，包含统计卡片、折线图和活动列表"
     },
-    {
-      "id": "login",
-      "name": "登录页面",
-      "file": "login.svg",
-      "description": "左右分栏式登录页面，包含装饰区域和登录表单"
-    },
     {
       "id": "admin_dashboard",
       "name": "后台仪表盘",
       "file": "admin_dashboard.svg",
       "description": "完整的后台管理系统界面，包含侧边栏、日历、用户列表、统计卡片和数据图表"
+    },
+    {
+      "id": "documentation",
+      "name": "文档页面",
+      "file": "documentation.svg",
+      "description": "文档页面，包含侧边栏导航和代码块"
+    },
+    {
+      "id": "about",
+      "name": "关于我们",
+      "file": "about.svg",
+      "description": "关于我们页面，包含团队介绍和时间线"
+    },
+    {
+      "id": "contact",
+      "name": "联系页面",
+      "file": "contact.svg",
+      "description": "联系页面，包含表单、地图和联系信息"
+    },
+    {
+      "id": "login",
+      "name": "登录页面",
+      "file": "login.svg",
+      "description": "左右分栏式登录页面，包含装饰区域和登录表单"
     }
   ]
-}
\ No newline at end of file
+}
diff --git a/scenes_data/web/pricing.svg b/scenes_data/web/pricing.svg
new file mode 100644
index 0000000..954bdf8
--- /dev/null
+++ b/scenes_data/web/pricing.svg
@@ -0,0 +1,76 @@
+<svg viewBox="0 0 600 300" xmlns="http://www.w3.org/2000/svg">
+  <!-- 页面背景 -->
+  <rect id="background" class="background" width="600" height="300" fill="#f8f9fa"/>
+
+  <!-- 导航栏 -->
+  <rect id="navbar" class="primary" x="0" y="0" width="600" height="40" fill="#2d3436"/>
+  <rect id="logo" class="accent" x="25" y="10" width="25" height="20" rx="4" fill="#6c5ce7"/>
+
+  <!-- 页面标题 -->
+  <text id="page-title" class="text" x="300" y="70" text-anchor="middle" font-family="Arial, sans-serif" font-size="18" font-weight="bold" fill="#2d3436" data-fixed-color="black">选择适合您的方案</text>
+  <text id="page-subtitle" class="text" x="300" y="90" text-anchor="middle" font-family="Arial, sans-serif" font-size="10" fill="#636e72" data-fixed-color="black">随时升级或降级，无隐藏费用</text>
+
+  <!-- 价格卡片1 - 基础版 -->
+  <rect id="pricing-1" class="secondary" x="50" y="110" width="150" height="160" rx="12" fill="#ffffff"/>
+  <text id="plan-1-name" class="text" x="125" y="135" text-anchor="middle" font-family="Arial, sans-serif" font-size="12" font-weight="bold" fill="#2d3436" data-fixed-color="black">基础版</text>
+  <text id="plan-1-price" class="text" x="125" y="165" text-anchor="middle" font-family="Arial, sans-serif" font-size="20" font-weight="bold" fill="#2d3436" data-fixed-color="black">¥0</text>
+  <text id="plan-1-period" class="text" x="125" y="180" text-anchor="middle" font-family="Arial, sans-serif" font-size="9" fill="#636e72" data-fixed-color="black">/月</text>
+
+  <!-- 功能列表 -->
+  <circle id="plan-1-check-1" class="accent" cx="75" cy="200" r="4" fill="#00b894"/>
+  <text id="plan-1-feature-1" class="text" x="125" y="203" text-anchor="middle" font-family="Arial, sans-serif" font-size="8" fill="#636e72" data-fixed-color="black">1个项目</text>
+
+  <circle id="plan-1-check-2" class="accent" cx="75" cy="215" r="4" fill="#00b894"/>
+  <text id="plan-1-feature-2" class="text" x="125" y="218" text-anchor="middle" font-family="Arial, sans-serif" font-size="8" fill="#636e72" data-fixed-color="black">基础分析</text>
+
+  <circle id="plan-1-check-3" class="accent" cx="75" cy="230" r="4" fill="#00b894"/>
+  <text id="plan-1-feature-3" class="text" x="125" y="233" text-anchor="middle" font-family="Arial, sans-serif" font-size="8" fill="#636e72" data-fixed-color="black">社区支持</text>
+
+  <rect id="plan-1-btn" class="secondary" x="75" y="245" width="100" height="18" rx="4" fill="#dfe6e9"/>
+  <text id="plan-1-btn-text" class="text" x="125" y="257" text-anchor="middle" font-family="Arial, sans-serif" font-size="9" fill="#2d3436" data-fixed-color="black">开始使用</text>
+
+  <!-- 价格卡片2 - 专业版 (推荐) -->
+  <rect id="pricing-2" class="accent" x="225" y="110" width="150" height="180" rx="12" fill="#6c5ce7"/>
+  <rect id="badge-popular" class="primary" x="275" y="105" width="50" height="16" rx="8" fill="#fdcb6e"/>
+  <text id="badge-text" class="text" x="300" y="116" text-anchor="middle" font-family="Arial, sans-serif" font-size="8" font-weight="bold" fill="#2d3436" data-fixed-color="black">推荐</text>
+
+  <text id="plan-2-name" class="text" x="300" y="145" text-anchor="middle" font-family="Arial, sans-serif" font-size="12" font-weight="bold" fill="#ffffff" data-fixed-color="black">专业版</text>
+  <text id="plan-2-price" class="text" x="300" y="180" text-anchor="middle" font-family="Arial, sans-serif" font-size="24" font-weight="bold" fill="#ffffff" data-fixed-color="black">¥99</text>
+  <text id="plan-2-period" class="text" x="300" y="195" text-anchor="middle" font-family="Arial, sans-serif" font-size="9" fill="#dfe6e9" data-fixed-color="black">/月</text>
+
+  <circle id="plan-2-check-1" class="primary" cx="250" cy="215" r="4" fill="#ffffff"/>
+  <text id="plan-2-feature-1" class="text" x="300" y="218" text-anchor="middle" font-family="Arial, sans-serif" font-size="8" fill="#dfe6e9" data-fixed-color="black">无限项目</text>
+
+  <circle id="plan-2-check-2" class="primary" cx="250" cy="232" r="4" fill="#ffffff"/>
+  <text id="plan-2-feature-2" class="text" x="300" y="235" text-anchor="middle" font-family="Arial, sans-serif" font-size="8" fill="#dfe6e9" data-fixed-color="black">高级分析</text>
+
+  <circle id="plan-2-check-3" class="primary" cx="250" cy="249" r="4" fill="#ffffff"/>
+  <text id="plan-2-feature-3" class="text" x="300" y="252" text-anchor="middle" font-family="Arial, sans-serif" font-size="8" fill="#dfe6e9" data-fixed-color="black">优先支持</text>
+
+  <circle id="plan-2-check-4" class="primary" cx="250" cy="266" r="4" fill="#ffffff"/>
+  <text id="plan-2-feature-4" class="text" x="300" y="269" text-anchor="middle" font-family="Arial, sans-serif" font-size="8" fill="#dfe6e9" data-fixed-color="black">API访问</text>
+
+  <rect id="plan-2-btn" class="primary" x="240" y="275" width="120" height="14" rx="4" fill="#ffffff"/>
+  <text id="plan-2-btn-text" class="text" x="300" y="285" text-anchor="middle" font-family="Arial, sans-serif" font-size="10" font-weight="bold" fill="#6c5ce7" data-fixed-color="black">立即升级</text>
+
+  <!-- 价格卡片3 - 企业版 -->
+  <rect id="pricing-3" class="secondary" x="400" y="110" width="150" height="160" rx="12" fill="#ffffff"/>
+  <text id="plan-3-name" class="text" x="475" y="135" text-anchor="middle" font-family="Arial, sans-serif" font-size="12" font-weight="bold" fill="#2d3436" data-fixed-color="black">企业版</text>
+  <text id="plan-3-price" class="text" x="475" y="165" text-anchor="middle" font-family="Arial, sans-serif" font-size="20" font-weight="bold" fill="#2d3436" data-fixed-color="black">¥299</text>
+  <text id="plan-3-period" class="text" x="475" y="180" text-anchor="middle" font-family="Arial, sans-serif" font-size="9" fill="#636e72" data-fixed-color="black">/月</text>
+
+  <circle id="plan-3-check-1" class="accent" cx="425" cy="200" r="4" fill="#00b894"/>
+  <text id="plan-3-feature-1" class="text" x="475" y="203" text-anchor="middle" font-family="Arial, sans-serif" font-size="8" fill="#636e72" data-fixed-color="black">所有专业版功能</text>
+
+  <circle id="plan-3-check-2" class="accent" cx="425" cy="215" r="4" fill="#00b894"/>
+  <text id="plan-3-feature-2" class="text" x="475" y="218" text-anchor="middle" font-family="Arial, sans-serif" font-size="8" fill="#636e72" data-fixed-color="black">专属客户经理</text>
+
+  <circle id="plan-3-check-3" class="accent" cx="425" cy="230" r="4" fill="#00b894"/>
+  <text id="plan-3-feature-3" class="text" x="475" y="233" text-anchor="middle" font-family="Arial, sans-serif" font-size="8" fill="#636e72" data-fixed-color="black">定制开发</text>
+
+  <circle id="plan-3-check-4" class="accent" cx="425" cy="245" r="4" fill="#00b894"/>
+  <text id="plan-3-feature-4" class="text" x="475" y="248" text-anchor="middle" font-family="Arial, sans-serif" font-size="8" fill="#636e72" data-fixed-color="black">SLA保障</text>
+
+  <rect id="plan-3-btn" class="accent" x="415" y="252" width="120" height="18" rx="4" fill="#6c5ce7"/>
+  <text id="plan-3-btn-text" class="text" x="475" y="264" text-anchor="middle" font-family="Arial, sans-serif" font-size="9" fill="#ffffff" data-fixed-color="black">联系销售</text>
+</svg>
-- 
Gitee


From 263812a8e27d915856ed706f8184d9c10d137b9b Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=9D=92=E5=B1=B1=E5=85=AC=E4=BB=94?=
 <qingshangongzai@163.com>
Date: Mon, 13 Apr 2026 17:15:46 +0800
Subject: [PATCH 17/29] =?UTF-8?q?[=E5=86=85=E5=AE=B9=E8=B0=83=E6=95=B4]=20?=
 =?UTF-8?q?=E6=96=B0=E5=A2=9E=E6=B5=B7=E6=8A=A5=E5=9C=BA=E6=99=AF=E6=A8=A1?=
 =?UTF-8?q?=E6=9D=BF=E5=B9=B6=E7=BB=9F=E4=B8=80=E6=96=87=E5=AD=97=E5=9B=BA?=
 =?UTF-8?q?=E5=AE=9A=E9=A2=9C=E8=89=B2=E8=A7=84=E8=8C=83?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 scenes_data/poster/food.svg   | 29 +++++++++++++++++++++++++++++
 scenes_data/poster/movie.svg  | 34 ++++++++++++++++++++++++++++++++++
 scenes_data/poster/sale.svg   | 33 +++++++++++++++++++++++++++++++++
 scenes_data/poster/travel.svg | 28 ++++++++++++++++++++++++++++
 4 files changed, 124 insertions(+)
 create mode 100644 scenes_data/poster/food.svg
 create mode 100644 scenes_data/poster/movie.svg
 create mode 100644 scenes_data/poster/sale.svg
 create mode 100644 scenes_data/poster/travel.svg

diff --git a/scenes_data/poster/food.svg b/scenes_data/poster/food.svg
new file mode 100644
index 0000000..bd0d5ec
--- /dev/null
+++ b/scenes_data/poster/food.svg
@@ -0,0 +1,29 @@
+<svg viewBox="0 0 400 300" xmlns="http://www.w3.org/2000/svg">
+  <rect id="background" class="background" width="400" height="300" fill="#fff9f0"/>
+
+  <ellipse id="plate" class="secondary" cx="200" cy="160" rx="120" ry="80" fill="#ffffff" stroke="#ddd" stroke-width="2"/>
+  <ellipse id="plate-inner" class="background" cx="200" cy="160" rx="90" ry="60" fill="#fff9f0"/>
+
+  <circle id="food-1" class="accent" cx="170" cy="150" r="25" fill="#e17055"/>
+  <circle id="food-2" class="primary" cx="200" cy="140" r="28" fill="#fdcb6e"/>
+  <circle id="food-3" class="accent" cx="230" cy="155" r="22" fill="#d63031"/>
+
+  <ellipse id="garnish-1" class="primary" cx="185" cy="175" rx="15" ry="8" fill="#00b894"/>
+  <ellipse id="garnish-2" class="primary" cx="215" cy="170" rx="12" ry="6" fill="#00b894"/>
+
+  <rect id="chopstick-1" class="secondary" x="310" y="80" width="80" height="6" rx="2" fill="#8b4513" transform="rotate(25 310 80)"/>
+  <rect id="chopstick-2" class="secondary" x="315" y="95" width="80" height="6" rx="2" fill="#8b4513" transform="rotate(25 315 95)"/>
+
+  <circle id="steam-1" class="secondary" cx="170" cy="110" r="8" fill="#b2bec3" opacity="0.5"/>
+  <circle id="steam-2" class="secondary" cx="200" cy="95" r="10" fill="#b2bec3" opacity="0.4"/>
+  <circle id="steam-3" class="secondary" cx="230" cy="105" r="7" fill="#b2bec3" opacity="0.5"/>
+
+  <circle id="deco-dot-1" class="accent" cx="50" cy="50" r="8" fill="#e17055"/>
+  <circle id="deco-dot-2" class="primary" cx="70" cy="70" r="5" fill="#fdcb6e"/>
+  <circle id="deco-dot-3" class="accent" cx="350" cy="250" r="10" fill="#d63031"/>
+  <circle id="deco-dot-4" class="primary" cx="370" cy="230" r="6" fill="#fdcb6e"/>
+
+  <text id="main-title" class="text" x="200" y="270" text-anchor="middle" font-family="Arial Black, sans-serif" font-size="24" font-weight="bold" fill="#1a1a1a" data-fixed-color="black">美食盛宴</text>
+
+  <text id="subtitle" class="text" x="200" y="290" text-anchor="middle" font-family="Arial, sans-serif" font-size="12" fill="#333333" data-fixed-color="black">品味生活 · 享受美味</text>
+</svg>
\ No newline at end of file
diff --git a/scenes_data/poster/movie.svg b/scenes_data/poster/movie.svg
new file mode 100644
index 0000000..a0b1e43
--- /dev/null
+++ b/scenes_data/poster/movie.svg
@@ -0,0 +1,34 @@
+<svg viewBox="0 0 400 300" xmlns="http://www.w3.org/2000/svg">
+  <rect id="background" class="background" width="400" height="300" fill="#1a1a2e"/>
+
+  <circle id="deco-star-1" class="accent" cx="30" cy="30" r="3" fill="#ffd700"/>
+  <circle id="deco-star-2" class="accent" cx="60" cy="50" r="2" fill="#ffd700"/>
+  <circle id="deco-star-3" class="accent" cx="350" cy="40" r="3" fill="#ffd700"/>
+  <circle id="deco-star-4" class="accent" cx="380" cy="25" r="2" fill="#ffd700"/>
+
+  <rect id="film-strip-left" class="primary" x="20" y="80" width="30" height="140" fill="#0f0f1a"/>
+  <rect id="film-hole-1" class="secondary" x="25" y="90" width="20" height="15" fill="#333"/>
+  <rect id="film-hole-2" class="secondary" x="25" y="115" width="20" height="15" fill="#333"/>
+  <rect id="film-hole-3" class="secondary" x="25" y="140" width="20" height="15" fill="#333"/>
+  <rect id="film-hole-4" class="secondary" x="25" y="165" width="20" height="15" fill="#333"/>
+  <rect id="film-hole-5" class="secondary" x="25" y="190" width="20" height="15" fill="#333"/>
+
+  <rect id="film-strip-right" class="primary" x="350" y="80" width="30" height="140" fill="#0f0f1a"/>
+  <rect id="film-hole-6" class="secondary" x="355" y="90" width="20" height="15" fill="#333"/>
+  <rect id="film-hole-7" class="secondary" x="355" y="115" width="20" height="15" fill="#333"/>
+  <rect id="film-hole-8" class="secondary" x="355" y="140" width="20" height="15" fill="#333"/>
+  <rect id="film-hole-9" class="secondary" x="355" y="165" width="20" height="15" fill="#333"/>
+  <rect id="film-hole-10" class="secondary" x="355" y="190" width="20" height="15" fill="#333"/>
+
+  <circle id="camera-lens-outer" class="secondary" cx="200" cy="130" r="55" fill="#16213e"/>
+  <circle id="camera-lens-inner" class="primary" cx="200" cy="130" r="40" fill="#0f3460"/>
+  <circle id="camera-lens-center" class="accent" cx="200" cy="130" r="20" fill="#e94560"/>
+
+  <text id="main-title" class="text" x="200" y="220" text-anchor="middle" font-family="Arial Black, sans-serif" font-size="36" font-weight="bold" fill="#ffffff" data-fixed-color="black">MOVIE</text>
+
+  <text id="subtitle" class="secondary" x="200" y="245" text-anchor="middle" font-family="Arial, sans-serif" font-size="14" fill="#a0a0a0" data-fixed-color="black">电影之夜 · 光影传奇</text>
+
+  <rect id="deco-line" class="accent" x="120" y="260" width="160" height="2" fill="#e94560"/>
+
+  <text id="date" class="primary" x="200" y="285" text-anchor="middle" font-family="Arial, sans-serif" font-size="12" fill="#888888" data-fixed-color="black">2026.02.16 首映</text>
+</svg>
\ No newline at end of file
diff --git a/scenes_data/poster/sale.svg b/scenes_data/poster/sale.svg
new file mode 100644
index 0000000..b88cee6
--- /dev/null
+++ b/scenes_data/poster/sale.svg
@@ -0,0 +1,33 @@
+<svg viewBox="0 0 400 300" xmlns="http://www.w3.org/2000/svg">
+  <rect id="background" class="background" width="400" height="300" fill="#fff5f5"/>
+
+  <path id="banner" class="accent" d="M 0 0 L 400 0 L 400 80 L 200 110 L 0 80 Z" fill="#e74c3c"/>
+
+  <text id="sale-text" class="text" x="200" y="55" text-anchor="middle" font-family="Arial Black, sans-serif" font-size="42" font-weight="bold" fill="#ffffff" data-fixed-color="black">SALE</text>
+
+  <circle id="badge-outer" class="primary" cx="320" cy="180" r="50" fill="#c0392b"/>
+  <circle id="badge-inner" class="accent" cx="320" cy="180" r="40" fill="#e74c3c"/>
+
+  <text id="discount" class="text" x="320" y="175" text-anchor="middle" font-family="Arial Black, sans-serif" font-size="28" font-weight="bold" fill="#ffffff" data-fixed-color="black">50%</text>
+  <text id="off-text" class="text" x="320" y="195" text-anchor="middle" font-family="Arial, sans-serif" font-size="14" fill="#ffffff" data-fixed-color="black">OFF</text>
+
+  <rect id="tag-1" class="secondary" x="40" y="140" width="80" height="30" rx="4" fill="#2c3e50"/>
+  <text id="tag-1-text" class="text" x="80" y="160" text-anchor="middle" font-family="Arial, sans-serif" font-size="12" fill="#ffffff" data-fixed-color="black">限时特惠</text>
+
+  <rect id="tag-2" class="primary" x="40" y="180" width="80" height="30" rx="4" fill="#34495e"/>
+  <text id="tag-2-text" class="text" x="80" y="200" text-anchor="middle" font-family="Arial, sans-serif" font-size="12" fill="#ffffff" data-fixed-color="black">全场包邮</text>
+
+  <rect id="price-box" class="accent" x="150" y="220" width="100" height="40" rx="5" fill="#e74c3c"/>
+  <text id="price" class="text" x="200" y="247" text-anchor="middle" font-family="Arial Black, sans-serif" font-size="20" font-weight="bold" fill="#ffffff" data-fixed-color="black">¥99起</text>
+
+  <rect id="button" class="primary" x="130" y="270" width="140" height="25" rx="12" fill="#2c3e50"/>
+  <text id="button-text" class="text" x="200" y="287" text-anchor="middle" font-family="Arial, sans-serif" font-size="12" fill="#ffffff" data-fixed-color="black">立即抢购</text>
+
+  <circle id="deco-1" class="accent" cx="30" cy="250" r="6" fill="#e74c3c"/>
+  <circle id="deco-2" class="primary" cx="50" cy="270" r="4" fill="#34495e"/>
+  <circle id="deco-3" class="accent" cx="370" cy="240" r="5" fill="#e74c3c"/>
+  <circle id="deco-4" class="primary" cx="385" cy="260" r="3" fill="#34495e"/>
+
+  <line id="strike-1" class="secondary" x1="160" y1="200" x2="240" y2="200" stroke="#95a5a6" stroke-width="2"/>
+  <text id="original-price" class="secondary" x="200" y="195" text-anchor="middle" font-family="Arial, sans-serif" font-size="14" fill="#95a5a6" data-fixed-color="black">¥199</text>
+</svg>
\ No newline at end of file
diff --git a/scenes_data/poster/travel.svg b/scenes_data/poster/travel.svg
new file mode 100644
index 0000000..624e747
--- /dev/null
+++ b/scenes_data/poster/travel.svg
@@ -0,0 +1,28 @@
+<svg viewBox="0 0 400 300" xmlns="http://www.w3.org/2000/svg">
+  <rect id="background" class="background" width="400" height="300" fill="#e8f4f8"/>
+
+  <circle id="sun" class="accent" cx="320" cy="60" r="35" fill="#ff9f43"/>
+
+  <path id="mountain-1" class="primary" d="M 50 200 L 120 100 L 190 200 Z" fill="#2d3436"/>
+  <path id="mountain-2" class="secondary" d="M 150 200 L 220 80 L 290 200 Z" fill="#636e72"/>
+  <path id="mountain-3" class="primary" d="M 250 200 L 320 110 L 390 200 Z" fill="#2d3436"/>
+
+  <path id="snow-1" class="background" d="M 105 130 L 120 100 L 135 130 Z" fill="#ffffff"/>
+  <path id="snow-2" class="background" d="M 205 110 L 220 80 L 235 110 Z" fill="#ffffff"/>
+  <path id="snow-3" class="background" d="M 305 135 L 320 110 L 335 135 Z" fill="#ffffff"/>
+
+  <path id="cloud-1" class="background" d="M 60 70 Q 75 50 90 70 Q 105 50 120 70 Q 135 70 120 85 Q 90 90 60 85 Q 45 70 60 70" fill="#ffffff" opacity="0.9"/>
+  <path id="cloud-2" class="background" d="M 200 50 Q 215 30 230 50 Q 245 30 260 50 Q 275 50 260 65 Q 230 70 200 65 Q 185 50 200 50" fill="#ffffff" opacity="0.8"/>
+
+  <circle id="tree-1-top" class="accent" cx="70" cy="230" r="15" fill="#00b894"/>
+  <rect id="tree-1-trunk" class="secondary" x="65" y="240" width="10" height="20" fill="#636e72"/>
+
+  <circle id="tree-2-top" class="accent" cx="340" cy="235" r="12" fill="#00b894"/>
+  <rect id="tree-2-trunk" class="secondary" x="336" y="243" width="8" height="17" fill="#636e72"/>
+
+  <rect id="ground" class="secondary" x="0" y="260" width="400" height="40" fill="#74b9ff" opacity="0.3"/>
+
+  <text id="main-title" class="text" x="200" y="295" text-anchor="middle" font-family="Arial Black, sans-serif" font-size="28" font-weight="bold" fill="#2d3436" data-fixed-color="black">探索世界</text>
+
+  <text id="subtitle" class="primary" x="200" y="150" text-anchor="middle" font-family="Arial, sans-serif" font-size="16" fill="#2d3436" data-fixed-color="black" opacity="0">旅行</text>
+</svg>
\ No newline at end of file
-- 
Gitee


From ba761f52228210000c5ac29c2879e07babba70c3 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=9D=92=E5=B1=B1=E5=85=AC=E4=BB=94?=
 <qingshangongzai@163.com>
Date: Mon, 13 Apr 2026 17:18:34 +0800
Subject: [PATCH 18/29] =?UTF-8?q?[=E5=86=85=E5=AE=B9=E8=B0=83=E6=95=B4]=20?=
 =?UTF-8?q?=E6=96=B0=E5=A2=9E4=E4=B8=AA=E6=8E=92=E7=89=88=E5=9C=BA?=
 =?UTF-8?q?=E6=99=AFSVG=E6=96=87=E4=BB=B6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 新增 hierarchy.svg - 层级排版场景，展示标题层级结构与正文排版
- 新增 quote.svg - 引用排版场景，包含引用块、装饰引号与作者信息
- 新增 code.svg - 代码排版场景，模拟代码编辑器界面与语法高亮
- 新增 infographic.svg - 信息图表排版场景，展示流程图与数据卡片
---
 scenes_data/typography/code.svg        | 61 ++++++++++++++++++++++++
 scenes_data/typography/hierarchy.svg   | 38 +++++++++++++++
 scenes_data/typography/infographic.svg | 65 ++++++++++++++++++++++++++
 scenes_data/typography/quote.svg       | 35 ++++++++++++++
 4 files changed, 199 insertions(+)
 create mode 100644 scenes_data/typography/code.svg
 create mode 100644 scenes_data/typography/hierarchy.svg
 create mode 100644 scenes_data/typography/infographic.svg
 create mode 100644 scenes_data/typography/quote.svg

diff --git a/scenes_data/typography/code.svg b/scenes_data/typography/code.svg
new file mode 100644
index 0000000..7ca34be
--- /dev/null
+++ b/scenes_data/typography/code.svg
@@ -0,0 +1,61 @@
+<svg viewBox="0 0 600 300" xmlns="http://www.w3.org/2000/svg">
+  <!-- 背景 -->
+  <rect id="background" class="background" width="600" height="300" fill="#1e1e1e"/>
+
+  <!-- 代码窗口标题栏 -->
+  <rect id="window-bar" class="secondary" x="0" y="0" width="600" height="30" fill="#2d2d2d"/>
+
+  <!-- 窗口按钮 -->
+  <circle id="btn-close" cx="20" cy="15" r="6" fill="#ff5f56"/>
+  <circle id="btn-minimize" cx="40" cy="15" r="6" fill="#ffbd2e"/>
+  <circle id="btn-maximize" cx="60" cy="15" r="6" fill="#27c93f"/>
+
+  <!-- 文件名 -->
+  <text id="filename" class="text" x="300" y="20" text-anchor="middle" font-family="Arial, sans-serif" font-size="12" fill="#cccccc" data-fixed-color="black">theme.js</text>
+
+  <!-- 行号区域 -->
+  <rect id="line-numbers-bg" x="0" y="30" width="40" height="270" fill="#252526"/>
+
+  <!-- 行号 -->
+  <text id="line-1-num" class="secondary" x="25" y="55" text-anchor="end" font-family="Consolas, monospace" font-size="12" fill="#6e7681" data-fixed-color="black">1</text>
+  <text id="line-2-num" class="secondary" x="25" y="75" text-anchor="end" font-family="Consolas, monospace" font-size="12" fill="#6e7681" data-fixed-color="black">2</text>
+  <text id="line-3-num" class="secondary" x="25" y="95" text-anchor="end" font-family="Consolas, monospace" font-size="12" fill="#6e7681" data-fixed-color="black">3</text>
+  <text id="line-4-num" class="secondary" x="25" y="115" text-anchor="end" font-family="Consolas, monospace" font-size="12" fill="#6e7681" data-fixed-color="black">4</text>
+  <text id="line-5-num" class="secondary" x="25" y="135" text-anchor="end" font-family="Consolas, monospace" font-size="12" fill="#6e7681" data-fixed-color="black">5</text>
+  <text id="line-6-num" class="secondary" x="25" y="155" text-anchor="end" font-family="Consolas, monospace" font-size="12" fill="#6e7681" data-fixed-color="black">6</text>
+  <text id="line-7-num" class="secondary" x="25" y="175" text-anchor="end" font-family="Consolas, monospace" font-size="12" fill="#6e7681" data-fixed-color="black">7</text>
+  <text id="line-8-num" class="secondary" x="25" y="195" text-anchor="end" font-family="Consolas, monospace" font-size="12" fill="#6e7681" data-fixed-color="black">8</text>
+
+  <!-- 代码内容 - 注释 -->
+  <text id="code-comment" class="secondary" x="50" y="55" font-family="Consolas, monospace" font-size="12" fill="#6a9955" data-fixed-color="black">// 主题配置</text>
+
+  <!-- 代码内容 - 关键字和变量 -->
+  <text id="code-keyword" class="accent" x="50" y="75" font-family="Consolas, monospace" font-size="12" fill="#c586c0" data-fixed-color="black">const</text>
+  <text id="code-var" class="text" x="90" y="75" font-family="Consolas, monospace" font-size="12" fill="#9cdcfe" data-fixed-color="black">theme</text>
+  <text id="code-operator" class="text" x="130" y="75" font-family="Consolas, monospace" font-size="12" fill="#d4d4d4" data-fixed-color="black">=</text>
+  <text id="code-brace" class="accent" x="150" y="75" font-family="Consolas, monospace" font-size="12" fill="#ffd700">{</text>
+
+  <!-- 代码内容 - 属性 -->
+  <text id="code-prop-1" class="secondary" x="70" y="95" font-family="Consolas, monospace" font-size="12" fill="#9cdcfe" data-fixed-color="black">primary:</text>
+  <text id="code-string-1" class="accent" x="140" y="95" font-family="Consolas, monospace" font-size="12" fill="#ce9178">'#ff6b6b'</text>
+  <text id="code-comma-1" class="text" x="210" y="95" font-family="Consolas, monospace" font-size="12" fill="#d4d4d4" data-fixed-color="black">,</text>
+
+  <text id="code-prop-2" class="secondary" x="70" y="115" font-family="Consolas, monospace" font-size="12" fill="#9cdcfe" data-fixed-color="black">secondary:</text>
+  <text id="code-string-2" class="accent" x="150" y="115" font-family="Consolas, monospace" font-size="12" fill="#ce9178">'#4ecdc4'</text>
+  <text id="code-comma-2" class="text" x="220" y="115" font-family="Consolas, monospace" font-size="12" fill="#d4d4d4" data-fixed-color="black">,</text>
+
+  <text id="code-prop-3" class="secondary" x="70" y="135" font-family="Consolas, monospace" font-size="12" fill="#9cdcfe" data-fixed-color="black">background:</text>
+  <text id="code-string-3" class="accent" x="160" y="135" font-family="Consolas, monospace" font-size="12" fill="#ce9178">'#1a1a1a'</text>
+  <text id="code-comma-3" class="text" x="230" y="135" font-family="Consolas, monospace" font-size="12" fill="#d4d4d4" data-fixed-color="black">,</text>
+
+  <text id="code-prop-4" class="secondary" x="70" y="155" font-family="Consolas, monospace" font-size="12" fill="#9cdcfe" data-fixed-color="black">text:</text>
+  <text id="code-string-4" class="accent" x="110" y="155" font-family="Consolas, monospace" font-size="12" fill="#ce9178">'#ffffff'</text>
+
+  <!-- 闭合括号 -->
+  <text id="code-close" class="accent" x="50" y="175" font-family="Consolas, monospace" font-size="12" fill="#ffd700">};</text>
+
+  <!-- 底部状态栏 -->
+  <rect id="status-bar" class="primary" x="0" y="280" width="600" height="20" fill="#007acc"/>
+  <text id="status-text" class="text" x="10" y="294" font-family="Arial, sans-serif" font-size="10" fill="#ffffff" data-fixed-color="black">JavaScript</text>
+  <text id="status-pos" class="text" x="580" y="294" text-anchor="end" font-family="Arial, sans-serif" font-size="10" fill="#ffffff" data-fixed-color="black">Ln 8, Col 1</text>
+</svg>
diff --git a/scenes_data/typography/hierarchy.svg b/scenes_data/typography/hierarchy.svg
new file mode 100644
index 0000000..2ab36bc
--- /dev/null
+++ b/scenes_data/typography/hierarchy.svg
@@ -0,0 +1,38 @@
+<svg viewBox="0 0 600 300" xmlns="http://www.w3.org/2000/svg">
+  <!-- 背景 -->
+  <rect id="background" class="background" width="600" height="300" fill="#f8f9fa"/>
+
+  <!-- 顶部装饰线 -->
+  <line id="top-accent" class="accent" x1="40" y1="25" x2="120" y2="25" stroke="#ff6b6b" stroke-width="4"/>
+
+  <!-- 一级标题 H1 -->
+  <text id="h1-title" class="text" x="40" y="70" font-family="Georgia, serif" font-size="32" font-weight="bold" fill="#1a1a1a" data-fixed-color="black">设计系统指南</text>
+
+  <!-- 二级标题 H2 -->
+  <text id="h2-subtitle" class="primary" x="40" y="105" font-family="Arial, sans-serif" font-size="18" font-weight="600" fill="#333333" data-fixed-color="black">色彩与排版规范</text>
+
+  <!-- 三级标题 H3 -->
+  <text id="h3-section" class="secondary" x="40" y="140" font-family="Arial, sans-serif" font-size="14" font-weight="600" fill="#555555" data-fixed-color="black">1.1 色彩理论基础</text>
+
+  <!-- 正文段落 -->
+  <rect id="body-line-1" class="primary" x="40" y="160" width="520" height="6" rx="2" fill="#444444"/>
+  <rect id="body-line-2" class="primary" x="40" y="172" width="500" height="6" rx="2" fill="#444444"/>
+  <rect id="body-line-3" class="primary" x="40" y="184" width="480" height="6" rx="2" fill="#444444"/>
+
+  <!-- 小标题 H4 -->
+  <text id="h4-small" class="accent" x="40" y="215" font-family="Arial, sans-serif" font-size="12" font-weight="bold" fill="#ff6b6b">注意事项</text>
+
+  <!-- 辅助文字/说明 -->
+  <text id="caption" class="secondary" x="40" y="240" font-family="Arial, sans-serif" font-size="10" fill="#888888" data-fixed-color="black">最后更新：2026年4月</text>
+
+  <!-- 右侧层级指示器 -->
+  <rect id="level-h1" class="primary" x="560" y="55" width="8" height="20" rx="1" fill="#1a1a1a"/>
+  <rect id="level-h2" class="secondary" x="560" y="90" width="8" height="14" rx="1" fill="#555555"/>
+  <rect id="level-h3" class="secondary" x="560" y="125" width="8" height="10" rx="1" fill="#777777"/>
+  <rect id="level-body" class="secondary" x="560" y="155" width="8" height="6" rx="1" fill="#999999"/>
+
+  <!-- 底部装饰 -->
+  <circle id="deco-1" class="accent" cx="40" cy="280" r="4" fill="#ff6b6b"/>
+  <circle id="deco-2" class="secondary" cx="55" cy="280" r="3" fill="#cccccc"/>
+  <circle id="deco-3" class="secondary" cx="68" cy="280" r="2" fill="#dddddd"/>
+</svg>
diff --git a/scenes_data/typography/infographic.svg b/scenes_data/typography/infographic.svg
new file mode 100644
index 0000000..501f5dd
--- /dev/null
+++ b/scenes_data/typography/infographic.svg
@@ -0,0 +1,65 @@
+<svg viewBox="0 0 600 300" xmlns="http://www.w3.org/2000/svg">
+  <!-- 背景 -->
+  <rect id="background" class="background" width="600" height="300" fill="#f8f9fa"/>
+
+  <!-- 顶部标题 -->
+  <text id="title" class="text" x="300" y="35" text-anchor="middle" font-family="Arial, sans-serif" font-size="18" font-weight="bold" fill="#1a1a1a" data-fixed-color="black">设计流程概览</text>
+
+  <!-- 步骤1 圆形 -->
+  <circle id="step1-circle" class="accent" cx="100" cy="100" r="35" fill="#ff6b6b"/>
+  <text id="step1-num" class="text" x="100" y="108" text-anchor="middle" font-family="Arial, sans-serif" font-size="24" font-weight="bold" fill="#ffffff" data-fixed-color="black">1</text>
+  <text id="step1-label" class="primary" x="100" y="155" text-anchor="middle" font-family="Arial, sans-serif" font-size="11" font-weight="600" fill="#333333" data-fixed-color="black">调研</text>
+
+  <!-- 步骤2 圆形 -->
+  <circle id="step2-circle" class="primary" cx="230" cy="100" r="35" fill="#4a90d9"/>
+  <text id="step2-num" class="text" x="230" y="108" text-anchor="middle" font-family="Arial, sans-serif" font-size="24" font-weight="bold" fill="#ffffff" data-fixed-color="black">2</text>
+  <text id="step2-label" class="primary" x="230" y="155" text-anchor="middle" font-family="Arial, sans-serif" font-size="11" font-weight="600" fill="#333333" data-fixed-color="black">概念</text>
+
+  <!-- 步骤3 圆形 -->
+  <circle id="step3-circle" class="secondary" cx="360" cy="100" r="35" fill="#50c878"/>
+  <text id="step3-num" class="text" x="360" y="108" text-anchor="middle" font-family="Arial, sans-serif" font-size="24" font-weight="bold" fill="#ffffff" data-fixed-color="black">3</text>
+  <text id="step3-label" class="primary" x="360" y="155" text-anchor="middle" font-family="Arial, sans-serif" font-size="11" font-weight="600" fill="#333333" data-fixed-color="black">设计</text>
+
+  <!-- 步骤4 圆形 -->
+  <circle id="step4-circle" class="accent" cx="490" cy="100" r="35" fill="#9b59b6"/>
+  <text id="step4-num" class="text" x="490" y="108" text-anchor="middle" font-family="Arial, sans-serif" font-size="24" font-weight="bold" fill="#ffffff" data-fixed-color="black">4</text>
+  <text id="step4-label" class="primary" x="490" y="155" text-anchor="middle" font-family="Arial, sans-serif" font-size="11" font-weight="600" fill="#333333" data-fixed-color="black">交付</text>
+
+  <!-- 连接线 -->
+  <line id="connect-1" class="secondary" x1="135" y1="100" x2="195" y2="100" stroke="#cccccc" stroke-width="3"/>
+  <line id="connect-2" class="secondary" x1="265" y1="100" x2="325" y2="100" stroke="#cccccc" stroke-width="3"/>
+  <line id="connect-3" class="secondary" x1="395" y1="100" x2="455" y2="100" stroke="#cccccc" stroke-width="3"/>
+
+  <!-- 箭头 -->
+  <polygon id="arrow-1" class="secondary" points="195,95 205,100 195,105" fill="#cccccc"/>
+  <polygon id="arrow-2" class="secondary" points="325,95 335,100 325,105" fill="#cccccc"/>
+  <polygon id="arrow-3" class="secondary" points="455,95 465,100 455,105" fill="#cccccc"/>
+
+  <!-- 数据卡片区域 -->
+  <!-- 卡片1 -->
+  <rect id="card1-bg" class="secondary" x="40" y="190" width="120" height="80" rx="6" fill="#ffffff" stroke="#e0e0e0" stroke-width="1"/>
+  <rect id="card1-bar" class="accent" x="40" y="190" width="120" height="6" rx="3" fill="#ff6b6b"/>
+  <text id="card1-value" class="text" x="100" y="230" text-anchor="middle" font-family="Arial, sans-serif" font-size="24" font-weight="bold" fill="#1a1a1a" data-fixed-color="black">85%</text>
+  <text id="card1-label" class="secondary" x="100" y="255" text-anchor="middle" font-family="Arial, sans-serif" font-size="10" fill="#666666" data-fixed-color="black">用户满意度</text>
+
+  <!-- 卡片2 -->
+  <rect id="card2-bg" class="secondary" x="180" y="190" width="120" height="80" rx="6" fill="#ffffff" stroke="#e0e0e0" stroke-width="1"/>
+  <rect id="card2-bar" class="primary" x="180" y="190" width="120" height="6" rx="3" fill="#4a90d9"/>
+  <text id="card2-value" class="text" x="240" y="230" text-anchor="middle" font-family="Arial, sans-serif" font-size="24" font-weight="bold" fill="#1a1a1a" data-fixed-color="black">120+</text>
+  <text id="card2-label" class="secondary" x="240" y="255" text-anchor="middle" font-family="Arial, sans-serif" font-size="10" fill="#666666" data-fixed-color="black">完成项目</text>
+
+  <!-- 卡片3 -->
+  <rect id="card3-bg" class="secondary" x="320" y="190" width="120" height="80" rx="6" fill="#ffffff" stroke="#e0e0e0" stroke-width="1"/>
+  <rect id="card3-bar" class="secondary" x="320" y="190" width="120" height="6" rx="3" fill="#50c878"/>
+  <text id="card3-value" class="text" x="380" y="230" text-anchor="middle" font-family="Arial, sans-serif" font-size="24" font-weight="bold" fill="#1a1a1a" data-fixed-color="black">4.9</text>
+  <text id="card3-label" class="secondary" x="380" y="255" text-anchor="middle" font-family="Arial, sans-serif" font-size="10" fill="#666666" data-fixed-color="black">平均评分</text>
+
+  <!-- 卡片4 -->
+  <rect id="card4-bg" class="secondary" x="460" y="190" width="120" height="80" rx="6" fill="#ffffff" stroke="#e0e0e0" stroke-width="1"/>
+  <rect id="card4-bar" class="accent" x="460" y="190" width="120" height="6" rx="3" fill="#9b59b6"/>
+  <text id="card4-value" class="text" x="520" y="230" text-anchor="middle" font-family="Arial, sans-serif" font-size="24" font-weight="bold" fill="#1a1a1a" data-fixed-color="black">24h</text>
+  <text id="card4-label" class="secondary" x="520" y="255" text-anchor="middle" font-family="Arial, sans-serif" font-size="10" fill="#666666" data-fixed-color="black">响应时间</text>
+
+  <!-- 底部装饰线 -->
+  <line id="bottom-line" class="accent" x1="50" y1="285" x2="550" y2="285" stroke="#ff6b6b" stroke-width="2"/>
+</svg>
diff --git a/scenes_data/typography/quote.svg b/scenes_data/typography/quote.svg
new file mode 100644
index 0000000..bacdf4b
--- /dev/null
+++ b/scenes_data/typography/quote.svg
@@ -0,0 +1,35 @@
+<svg viewBox="0 0 600 300" xmlns="http://www.w3.org/2000/svg">
+  <!-- 背景 -->
+  <rect id="background" class="background" width="600" height="300" fill="#fafafa"/>
+
+  <!-- 引用块背景 -->
+  <rect id="quote-bg" class="secondary" x="50" y="60" width="500" height="180" rx="8" fill="#f0f0f0"/>
+
+  <!-- 左侧强调条 -->
+  <rect id="quote-bar" class="accent" x="50" y="60" width="6" height="180" rx="3" fill="#ff6b6b"/>
+
+  <!-- 引号装饰 - 左上 -->
+  <text id="quote-open" class="accent" x="80" y="110" font-family="Georgia, serif" font-size="60" fill="#ff6b6b" opacity="0.5">"</text>
+
+  <!-- 引用内容行 -->
+  <rect id="quote-line-1" class="primary" x="110" y="100" width="400" height="8" rx="2" fill="#333333"/>
+  <rect id="quote-line-2" class="primary" x="110" y="118" width="420" height="8" rx="2" fill="#333333"/>
+  <rect id="quote-line-3" class="primary" x="110" y="136" width="380" height="8" rx="2" fill="#333333"/>
+  <rect id="quote-line-4" class="primary" x="110" y="154" width="400" height="8" rx="2" fill="#333333"/>
+  <rect id="quote-line-5" class="primary" x="110" y="172" width="350" height="8" rx="2" fill="#333333"/>
+
+  <!-- 引号装饰 - 右下 -->
+  <text id="quote-close" class="accent" x="480" y="200" font-family="Georgia, serif" font-size="60" fill="#ff6b6b" opacity="0.5">"</text>
+
+  <!-- 作者信息 -->
+  <text id="author-name" class="text" x="300" y="265" text-anchor="middle" font-family="Arial, sans-serif" font-size="14" font-weight="600" fill="#1a1a1a" data-fixed-color="black">— 保罗·兰德</text>
+  <text id="author-title" class="secondary" x="300" y="285" text-anchor="middle" font-family="Arial, sans-serif" font-size="11" fill="#888888" data-fixed-color="black">著名平面设计师</text>
+
+  <!-- 顶部装饰线 -->
+  <line id="top-line" class="accent" x1="200" y1="30" x2="400" y2="30" stroke="#ff6b6b" stroke-width="2"/>
+
+  <!-- 底部装饰点 -->
+  <circle id="deco-dot-1" class="accent" cx="280" cy="30" r="3" fill="#ff6b6b"/>
+  <circle id="deco-dot-2" class="secondary" cx="300" cy="30" r="3" fill="#cccccc"/>
+  <circle id="deco-dot-3" class="accent" cx="320" cy="30" r="3" fill="#ff6b6b"/>
+</svg>
-- 
Gitee


From d7f36c8b074b20b7b1b345646e68a21892b94be3 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=9D=92=E5=B1=B1=E5=85=AC=E4=BB=94?=
 <qingshangongzai@163.com>
Date: Mon, 13 Apr 2026 17:36:38 +0800
Subject: [PATCH 19/29] =?UTF-8?q?[=E5=86=85=E5=AE=B9=E8=B0=83=E6=95=B4]=20?=
 =?UTF-8?q?=E5=B0=86=20article.svg=20=E4=BB=8E=20magazine=20=E7=9B=AE?=
 =?UTF-8?q?=E5=BD=95=E7=A7=BB=E5=8A=A8=E5=88=B0=20web=20=E7=9B=AE=E5=BD=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 移动 scenes_data/magazine/article.svg 到 scenes_data/web/article.svg
- 优化场景文件分类，article.svg 更适合放在 web 目录下
---
 scenes_data/{magazine => web}/article.svg | 0
 1 file changed, 0 insertions(+), 0 deletions(-)
 rename scenes_data/{magazine => web}/article.svg (100%)

diff --git a/scenes_data/magazine/article.svg b/scenes_data/web/article.svg
similarity index 100%
rename from scenes_data/magazine/article.svg
rename to scenes_data/web/article.svg
-- 
Gitee


From 66e420d94269de765424a81579a29def3a4275f1 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=9D=92=E5=B1=B1=E5=85=AC=E4=BB=94?=
 <qingshangongzai@163.com>
Date: Mon, 13 Apr 2026 18:29:29 +0800
Subject: [PATCH 20/29] =?UTF-8?q?[=E4=BF=AE=E5=A4=8D]=20=E9=83=A8=E5=88=86?=
 =?UTF-8?q?=E7=B3=BB=E7=BB=9F=E9=85=8D=E8=89=B2=E9=A2=84=E8=A7=88=E5=8C=BA?=
 =?UTF-8?q?=E5=9F=9F=E9=97=B4=E9=9A=94=E6=98=BE=E7=A4=BA=E7=81=B0=E6=9D=A1?=
 =?UTF-8?q?=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 修复 GridLayout 中 ScrollArea 背景不透明导致的间隔灰条
- 修复 MixedLayout 中布局间隔背景显示问题
- 修复 ScrollVLayout 和 ScrollHLayout 中滚动区域背景问题
- 设置 ScrollArea 及其子控件背景为 transparent
- 设置 corner_widget 背景为透明，防止滚动条角落显示灰块
---
 ui/color_preview.py | 33 ++++++++++++++++++++++++++++++---
 1 file changed, 30 insertions(+), 3 deletions(-)

diff --git a/ui/color_preview.py b/ui/color_preview.py
index 85ca0a6..18b645b 100644
--- a/ui/color_preview.py
+++ b/ui/color_preview.py
@@ -1109,9 +1109,18 @@ class ScrollVLayout(BaseLayout):
 
         self._scroll_area = ScrollArea()
         self._scroll_area.setWidgetResizable(True)
-        self._scroll_area.setStyleSheet("QScrollArea { border: none; }")
+        self._scroll_area.setStyleSheet("""
+            QScrollArea {
+                border: none;
+                background: transparent;
+            }
+            QScrollArea > QWidget > QWidget {
+                background: transparent;
+            }
+        """)
 
         corner_widget = QWidget()
+        corner_widget.setStyleSheet("background: transparent;")
         self._scroll_area.setCornerWidget(corner_widget)
 
         self._content_widget = QWidget()
@@ -1173,9 +1182,18 @@ class ScrollHLayout(BaseLayout):
 
         self._scroll_area = ScrollArea()
         self._scroll_area.setWidgetResizable(True)
-        self._scroll_area.setStyleSheet("QScrollArea { border: none; }")
+        self._scroll_area.setStyleSheet("""
+            QScrollArea {
+                border: none;
+                background: transparent;
+            }
+            QScrollArea > QWidget > QWidget {
+                background: transparent;
+            }
+        """)
 
         corner_widget = QWidget()
+        corner_widget.setStyleSheet("background: transparent;")
         self._scroll_area.setCornerWidget(corner_widget)
 
         self._content_widget = QWidget()
@@ -1221,9 +1239,18 @@ class GridLayout(BaseLayout):
 
         self._scroll_area = ScrollArea()
         self._scroll_area.setWidgetResizable(True)
-        self._scroll_area.setStyleSheet("QScrollArea { border: none; }")
+        self._scroll_area.setStyleSheet("""
+            QScrollArea {
+                border: none;
+                background: transparent;
+            }
+            QScrollArea > QWidget > QWidget {
+                background: transparent;
+            }
+        """)
 
         corner_widget = QWidget()
+        corner_widget.setStyleSheet("background: transparent;")
         self._scroll_area.setCornerWidget(corner_widget)
 
         self._content_widget = QWidget()
-- 
Gitee


From a6c5665f67a304181125e2638c31a9812697725e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=9D=92=E5=B1=B1=E5=85=AC=E4=BB=94?=
 <qingshangongzai@163.com>
Date: Mon, 13 Apr 2026 19:18:11 +0800
Subject: [PATCH 21/29] =?UTF-8?q?[=E5=86=85=E5=AE=B9=E8=B0=83=E6=95=B4]=20?=
 =?UTF-8?q?=E5=90=AF=E7=94=A8=E9=85=8D=E8=89=B2=E9=A2=84=E8=A7=88=E6=B7=B7?=
 =?UTF-8?q?=E5=90=88=E5=B8=83=E5=B1=80=E5=B9=B6=E8=AE=BE=E4=B8=BA=E9=BB=98?=
 =?UTF-8?q?=E8=AE=A4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 新增混合场景（showcase），使用 mixed 布局（左侧2x2网格+右侧大图）
- 配置5个SVG：几何图案、波点图案、植物插画、美食海报、城市剪影
- 将场景名称从"精选"改为"混合"
- 将默认场景从 mobile_ui 改为 showcase
- 更新 scene_types.json 配置，添加 default: true 标记
- 修改 color_preview.py 中所有默认场景引用
---
 scenes_data/scene_types.json                  |  18 ++-
 scenes_data/showcase/b_dots.svg               |  48 ++++++++
 scenes_data/showcase/c_food.svg               |  29 +++++
 .../showcase/illustration_botanical.svg       |  22 ++++
 scenes_data/showcase/layout.json              |  39 +++++++
 scenes_data/showcase/pattern_geo.svg          |  32 +++++
 scenes_data/showcase/z_cityscape.svg          | 109 ++++++++++++++++++
 ui/color_preview.py                           |  16 ++-
 8 files changed, 303 insertions(+), 10 deletions(-)
 create mode 100644 scenes_data/showcase/b_dots.svg
 create mode 100644 scenes_data/showcase/c_food.svg
 create mode 100644 scenes_data/showcase/illustration_botanical.svg
 create mode 100644 scenes_data/showcase/layout.json
 create mode 100644 scenes_data/showcase/pattern_geo.svg
 create mode 100644 scenes_data/showcase/z_cityscape.svg

diff --git a/scenes_data/scene_types.json b/scenes_data/scene_types.json
index 820dc6c..35d9226 100644
--- a/scenes_data/scene_types.json
+++ b/scenes_data/scene_types.json
@@ -2,11 +2,12 @@
   "version": "3.0",
   "scene_types": [
     {
-      "id": "mobile_ui",
-      "name": "手机UI",
-      "icon": "phone",
-      "description": "手机应用界面预览",
-      "builtin": true
+      "id": "showcase",
+      "name": "混合",
+      "icon": "gallery",
+      "description": "混合布局预览，左侧2x2网格+右侧大图",
+      "builtin": true,
+      "default": true
     },
     {
       "id": "web",
@@ -57,6 +58,13 @@
       "description": "杂志风格排版预览",
       "builtin": true
     },
+    {
+      "id": "mobile_ui",
+      "name": "手机UI",
+      "icon": "phone",
+      "description": "手机应用界面预览",
+      "builtin": true
+    },
     {
       "id": "custom",
       "name": "自定义",
diff --git a/scenes_data/showcase/b_dots.svg b/scenes_data/showcase/b_dots.svg
new file mode 100644
index 0000000..677ee69
--- /dev/null
+++ b/scenes_data/showcase/b_dots.svg
@@ -0,0 +1,48 @@
+<svg viewBox="0 0 400 300" xmlns="http://www.w3.org/2000/svg">
+  <!-- 背景 -->
+  <rect id="background" class="background" width="400" height="300" fill="#ffffff"/>
+  
+  <!-- 第一行波点 -->
+  <circle id="dot-r1-1" class="primary" cx="40" cy="30" r="15" fill="#1a1a1a"/>
+  <circle id="dot-r1-2" class="secondary" cx="100" cy="30" r="10" fill="#333333"/>
+  <circle id="dot-r1-3" class="accent" cx="160" cy="30" r="20" fill="#ff6b6b"/>
+  <circle id="dot-r1-4" class="primary" cx="220" cy="30" r="12" fill="#1a1a1a"/>
+  <circle id="dot-r1-5" class="secondary" cx="280" cy="30" r="18" fill="#333333"/>
+  <circle id="dot-r1-6" class="accent" cx="340" cy="30" r="8" fill="#ff6b6b"/>
+  
+  <!-- 第二行波点 -->
+  <circle id="dot-r2-1" class="accent" cx="70" cy="70" r="12" fill="#ff6b6b"/>
+  <circle id="dot-r2-2" class="primary" cx="130" cy="70" r="18" fill="#1a1a1a"/>
+  <circle id="dot-r2-3" class="secondary" cx="190" cy="70" r="8" fill="#333333"/>
+  <circle id="dot-r2-4" class="accent" cx="250" cy="70" r="16" fill="#ff6b6b"/>
+  <circle id="dot-r2-5" class="primary" cx="310" cy="70" r="10" fill="#1a1a1a"/>
+  <circle id="dot-r2-6" class="secondary" cx="370" cy="70" r="14" fill="#333333"/>
+  
+  <!-- 第三行波点 -->
+  <circle id="dot-r3-1" class="secondary" cx="40" cy="110" r="10" fill="#333333"/>
+  <circle id="dot-r3-2" class="accent" cx="100" cy="110" r="16" fill="#ff6b6b"/>
+  <circle id="dot-r3-3" class="primary" cx="160" cy="110" r="8" fill="#1a1a1a"/>
+  <circle id="dot-r3-4" class="secondary" cx="220" cy="110" r="20" fill="#333333"/>
+  <circle id="dot-r3-5" class="accent" cx="280" cy="110" r="12" fill="#ff6b6b"/>
+  <circle id="dot-r3-6" class="primary" cx="340" cy="110" r="14" fill="#1a1a1a"/>
+  
+  <!-- 中间大波点区域 -->
+  <circle id="big-dot-1" class="primary" cx="100" cy="180" r="40" fill="#1a1a1a"/>
+  <circle id="big-dot-2" class="accent" cx="200" cy="180" r="35" fill="#ff6b6b"/>
+  <circle id="big-dot-3" class="secondary" cx="300" cy="180" r="38" fill="#333333"/>
+  
+  <!-- 底部小波点 -->
+  <circle id="dot-r4-1" class="accent" cx="50" cy="250" r="8" fill="#ff6b6b"/>
+  <circle id="dot-r4-2" class="primary" cx="90" cy="250" r="6" fill="#1a1a1a"/>
+  <circle id="dot-r4-3" class="secondary" cx="130" cy="250" r="10" fill="#333333"/>
+  <circle id="dot-r4-4" class="accent" cx="170" cy="250" r="7" fill="#ff6b6b"/>
+  <circle id="dot-r4-5" class="primary" cx="210" cy="250" r="9" fill="#1a1a1a"/>
+  <circle id="dot-r4-6" class="secondary" cx="250" cy="250" r="6" fill="#333333"/>
+  <circle id="dot-r4-7" class="accent" cx="290" cy="250" r="11" fill="#ff6b6b"/>
+  <circle id="dot-r4-8" class="primary" cx="330" cy="250" r="8" fill="#1a1a1a"/>
+  <circle id="dot-r4-9" class="secondary" cx="370" cy="250" r="7" fill="#333333"/>
+  
+  <!-- 底部装饰线 -->
+  <line id="line-1" class="accent" x1="0" y1="280" x2="400" y2="280" stroke="#ff6b6b" stroke-width="4" stroke-dasharray="20,10"/>
+  <line id="line-2" class="primary" x1="0" y1="290" x2="400" y2="290" stroke="#1a1a1a" stroke-width="2" stroke-dasharray="10,15"/>
+</svg>
diff --git a/scenes_data/showcase/c_food.svg b/scenes_data/showcase/c_food.svg
new file mode 100644
index 0000000..bd0d5ec
--- /dev/null
+++ b/scenes_data/showcase/c_food.svg
@@ -0,0 +1,29 @@
+<svg viewBox="0 0 400 300" xmlns="http://www.w3.org/2000/svg">
+  <rect id="background" class="background" width="400" height="300" fill="#fff9f0"/>
+
+  <ellipse id="plate" class="secondary" cx="200" cy="160" rx="120" ry="80" fill="#ffffff" stroke="#ddd" stroke-width="2"/>
+  <ellipse id="plate-inner" class="background" cx="200" cy="160" rx="90" ry="60" fill="#fff9f0"/>
+
+  <circle id="food-1" class="accent" cx="170" cy="150" r="25" fill="#e17055"/>
+  <circle id="food-2" class="primary" cx="200" cy="140" r="28" fill="#fdcb6e"/>
+  <circle id="food-3" class="accent" cx="230" cy="155" r="22" fill="#d63031"/>
+
+  <ellipse id="garnish-1" class="primary" cx="185" cy="175" rx="15" ry="8" fill="#00b894"/>
+  <ellipse id="garnish-2" class="primary" cx="215" cy="170" rx="12" ry="6" fill="#00b894"/>
+
+  <rect id="chopstick-1" class="secondary" x="310" y="80" width="80" height="6" rx="2" fill="#8b4513" transform="rotate(25 310 80)"/>
+  <rect id="chopstick-2" class="secondary" x="315" y="95" width="80" height="6" rx="2" fill="#8b4513" transform="rotate(25 315 95)"/>
+
+  <circle id="steam-1" class="secondary" cx="170" cy="110" r="8" fill="#b2bec3" opacity="0.5"/>
+  <circle id="steam-2" class="secondary" cx="200" cy="95" r="10" fill="#b2bec3" opacity="0.4"/>
+  <circle id="steam-3" class="secondary" cx="230" cy="105" r="7" fill="#b2bec3" opacity="0.5"/>
+
+  <circle id="deco-dot-1" class="accent" cx="50" cy="50" r="8" fill="#e17055"/>
+  <circle id="deco-dot-2" class="primary" cx="70" cy="70" r="5" fill="#fdcb6e"/>
+  <circle id="deco-dot-3" class="accent" cx="350" cy="250" r="10" fill="#d63031"/>
+  <circle id="deco-dot-4" class="primary" cx="370" cy="230" r="6" fill="#fdcb6e"/>
+
+  <text id="main-title" class="text" x="200" y="270" text-anchor="middle" font-family="Arial Black, sans-serif" font-size="24" font-weight="bold" fill="#1a1a1a" data-fixed-color="black">美食盛宴</text>
+
+  <text id="subtitle" class="text" x="200" y="290" text-anchor="middle" font-family="Arial, sans-serif" font-size="12" fill="#333333" data-fixed-color="black">品味生活 · 享受美味</text>
+</svg>
\ No newline at end of file
diff --git a/scenes_data/showcase/illustration_botanical.svg b/scenes_data/showcase/illustration_botanical.svg
new file mode 100644
index 0000000..db8be51
--- /dev/null
+++ b/scenes_data/showcase/illustration_botanical.svg
@@ -0,0 +1,22 @@
+<svg viewBox="0 0 400 300" xmlns="http://www.w3.org/2000/svg">
+  <rect id="background" class="background" width="400" height="300" fill="#f5f5f5"/>
+  
+  <circle id="deco-circle-1" class="primary" cx="60" cy="75" r="36" fill="#1a1a1a"/>
+  <circle id="deco-circle-2" class="accent" cx="300" cy="45" r="45" fill="#ff6b6b"/>
+  <circle id="deco-circle-3" class="secondary" cx="100" cy="195" r="30" fill="#333333"/>
+  <circle id="deco-circle-4" class="primary" cx="280" cy="210" r="39" fill="#1a1a1a"/>
+  <circle id="deco-circle-5" class="accent" cx="340" cy="135" r="24" fill="#ff6b6b"/>
+  
+  <path id="stem" class="stroke" d="M200 280 Q200 200 200 150 Q200 100 180 80" stroke="#666666" stroke-width="4" fill="none"/>
+  <path id="stem-branch" class="stroke" d="M200 180 Q240 160 260 170" stroke="#666666" stroke-width="3" fill="none"/>
+  
+  <ellipse id="leaf-1" class="accent" cx="180" cy="80" rx="25" ry="40" fill="#ff6b6b" transform="rotate(-30 180 80)"/>
+  <ellipse id="leaf-2" class="primary" cx="260" cy="170" rx="20" ry="35" fill="#1a1a1a" transform="rotate(20 260 170)"/>
+  <ellipse id="leaf-3" class="secondary" cx="185" cy="130" rx="18" ry="30" fill="#333333" transform="rotate(-45 185 130)"/>
+  
+  <circle id="flower-center" class="accent" cx="180" cy="80" r="8" fill="#ff6b6b"/>
+  
+  <path id="grass-1" class="primary" d="M50 300 Q55 270 60 300 Q65 270 70 300" stroke="#1a1a1a" stroke-width="2" fill="none"/>
+  <path id="grass-2" class="secondary" d="M330 300 Q335 275 340 300 Q345 275 350 300" stroke="#333333" stroke-width="2" fill="none"/>
+  <path id="grass-3" class="accent" d="M360 300 Q365 280 370 300 Q375 280 380 300" stroke="#ff6b6b" stroke-width="2" fill="none"/>
+</svg>
diff --git a/scenes_data/showcase/layout.json b/scenes_data/showcase/layout.json
new file mode 100644
index 0000000..82de299
--- /dev/null
+++ b/scenes_data/showcase/layout.json
@@ -0,0 +1,39 @@
+{
+  "layout": {
+    "type": "mixed",
+    "item_size": 180,
+    "spacing": 15
+  },
+  "scenes": [
+    {
+      "id": "pattern_geo",
+      "name": "几何图案",
+      "file": "pattern_geo.svg",
+      "description": "几何图形混合排列，展示配色在图案设计中的效果"
+    },
+    {
+      "id": "pattern_dots",
+      "name": "波点图案",
+      "file": "b_dots.svg",
+      "description": "不同大小的圆点排列组合，活泼有趣的波点设计"
+    },
+    {
+      "id": "illustration_botanical",
+      "name": "植物插画",
+      "file": "illustration_botanical.svg",
+      "description": "简约线条植物插画，展示配色在自然主题中的应用"
+    },
+    {
+      "id": "poster_food",
+      "name": "美食海报",
+      "file": "c_food.svg",
+      "description": "美食主题海报设计，展示配色在餐饮行业的应用"
+    },
+    {
+      "id": "illustration_cityscape",
+      "name": "城市剪影",
+      "file": "z_cityscape.svg",
+      "description": "现代都市天际线插画，展示配色在城市景观中的视觉效果"
+    }
+  ]
+}
diff --git a/scenes_data/showcase/pattern_geo.svg b/scenes_data/showcase/pattern_geo.svg
new file mode 100644
index 0000000..985980e
--- /dev/null
+++ b/scenes_data/showcase/pattern_geo.svg
@@ -0,0 +1,32 @@
+<svg viewBox="0 0 400 300" xmlns="http://www.w3.org/2000/svg">
+  <rect id="background" class="background" width="400" height="300" fill="#f5f5f5"/>
+  
+  <circle id="geo-circle-1" class="primary" cx="50" cy="40" r="20" fill="#1a1a1a"/>
+  <rect id="geo-square-1" class="secondary" x="100" y="20" width="35" height="35" fill="#333333"/>
+  <polygon id="geo-triangle-1" class="accent" points="200,10 220,50 180,50" fill="#ff6b6b"/>
+  <polygon id="geo-diamond-1" class="text" points="280,25 300,45 280,65 260,45" fill="#666666"/>
+  <circle id="geo-circle-2" class="primary" cx="350" cy="40" r="20" fill="#1a1a1a"/>
+  
+  <rect id="geo-square-2" class="accent" x="30" y="70" width="35" height="35" fill="#ff6b6b"/>
+  <circle id="geo-circle-3" class="secondary" cx="130" cy="88" r="18" fill="#333333"/>
+  <polygon id="geo-diamond-2" class="primary" points="200,70 220,90 200,110 180,90" fill="#1a1a1a"/>
+  <rect id="geo-square-3" class="text" x="260" y="70" width="35" height="35" fill="#666666"/>
+  <polygon id="geo-triangle-2" class="accent" points="350,70 370,110 330,110" fill="#ff6b6b"/>
+  
+  <circle id="geo-circle-4" class="text" cx="50" cy="140" r="20" fill="#666666"/>
+  <polygon id="geo-diamond-3" class="secondary" points="130,120 150,140 130,160 110,140" fill="#333333"/>
+  <rect id="geo-square-4" class="primary" x="180" y="120" width="35" height="35" fill="#1a1a1a"/>
+  <circle id="geo-circle-5" class="accent" cx="280" cy="140" r="18" fill="#ff6b6b"/>
+  <polygon id="geo-triangle-3" class="secondary" points="350,120 370,160 330,160" fill="#333333"/>
+  
+  <path id="wave-1" class="primary" d="M0 200 Q50 180 100 200 Q150 220 200 200 Q250 180 300 200 Q350 220 400 200" stroke="#1a1a1a" stroke-width="3" fill="none"/>
+  <path id="wave-2" class="secondary" d="M0 220 Q50 200 100 220 Q150 240 200 220 Q250 200 300 220 Q350 240 400 220" stroke="#333333" stroke-width="3" fill="none"/>
+  <path id="wave-3" class="accent" d="M0 240 Q50 220 100 240 Q150 260 200 240 Q250 220 300 240 Q350 260 400 240" stroke="#ff6b6b" stroke-width="3" fill="none"/>
+  
+  <line id="grid-v1" class="text" x1="100" y1="0" x2="100" y2="300" stroke="#666666" stroke-width="1" opacity="0.3"/>
+  <line id="grid-v2" class="text" x1="200" y1="0" x2="200" y2="300" stroke="#666666" stroke-width="1" opacity="0.3"/>
+  <line id="grid-v3" class="text" x1="300" y1="0" x2="300" y2="300" stroke="#666666" stroke-width="1" opacity="0.3"/>
+  <line id="grid-h1" class="text" x1="0" y1="75" x2="400" y2="75" stroke="#666666" stroke-width="1" opacity="0.3"/>
+  <line id="grid-h2" class="text" x1="0" y1="150" x2="400" y2="150" stroke="#666666" stroke-width="1" opacity="0.3"/>
+  <line id="grid-h3" class="text" x1="0" y1="225" x2="400" y2="225" stroke="#666666" stroke-width="1" opacity="0.3"/>
+</svg>
diff --git a/scenes_data/showcase/z_cityscape.svg b/scenes_data/showcase/z_cityscape.svg
new file mode 100644
index 0000000..a6ceac1
--- /dev/null
+++ b/scenes_data/showcase/z_cityscape.svg
@@ -0,0 +1,109 @@
+<svg viewBox="0 0 400 300" xmlns="http://www.w3.org/2000/svg">
+  <rect id="background" class="background" width="400" height="300" fill="#f0f2f5"/>
+
+  <!-- 太阳/月亮 -->
+  <circle id="sun" class="accent" cx="340" cy="60" r="30" fill="#f4a261" opacity="0.8"/>
+
+  <!-- 云朵 -->
+  <g id="cloud-1" class="text" opacity="0.6">
+    <ellipse cx="80" cy="50" rx="25" ry="12" fill="#ffffff"/>
+    <ellipse cx="100" cy="45" rx="20" ry="15" fill="#ffffff"/>
+    <ellipse cx="120" cy="50" rx="22" ry="11" fill="#ffffff"/>
+  </g>
+
+  <g id="cloud-2" class="text" opacity="0.4">
+    <ellipse cx="220" cy="40" rx="18" ry="10" fill="#ffffff"/>
+    <ellipse cx="235" cy="35" rx="14" ry="12" fill="#ffffff"/>
+    <ellipse cx="248" cy="40" rx="16" ry="9" fill="#ffffff"/>
+  </g>
+
+  <!-- 远景建筑 -->
+  <rect id="building-far-1" class="secondary" x="20" y="140" width="40" height="80" fill="#a8b5c4" opacity="0.5"/>
+  <rect id="building-far-2" class="secondary" x="70" y="120" width="35" height="100" fill="#9aaab8" opacity="0.5"/>
+  <rect id="building-far-3" class="secondary" x="300" y="130" width="45" height="90" fill="#a8b5c4" opacity="0.5"/>
+  <rect id="building-far-4" class="secondary" x="355" y="150" width="35" height="70" fill="#9aaab8" opacity="0.5"/>
+
+  <!-- 中景建筑 -->
+  <rect id="building-mid-1" class="primary" x="10" y="160" width="50" height="100" fill="#5c6b7a" opacity="0.7"/>
+  <rect id="building-mid-2" class="primary" x="70" y="140" width="45" height="120" fill="#4a5568" opacity="0.75"/>
+  <rect id="building-mid-3" class="primary" x="125" y="170" width="40" height="90" fill="#5c6b7a" opacity="0.7"/>
+  <rect id="building-mid-4" class="primary" x="290" y="150" width="50" height="110" fill="#4a5568" opacity="0.75"/>
+  <rect id="building-mid-5" class="primary" x="350" y="165" width="45" height="95" fill="#5c6b7a" opacity="0.7"/>
+
+  <!-- 中景建筑窗户 -->
+  <g id="windows-mid" class="text" opacity="0.4">
+    <rect x="20" y="170" width="8" height="10" fill="#ffffff"/>
+    <rect x="35" y="170" width="8" height="10" fill="#ffffff"/>
+    <rect x="20" y="190" width="8" height="10" fill="#ffffff"/>
+    <rect x="35" y="190" width="8" height="10" fill="#ffffff"/>
+    <rect x="80" y="155" width="6" height="8" fill="#ffffff"/>
+    <rect x="95" y="155" width="6" height="8" fill="#ffffff"/>
+    <rect x="80" y="175" width="6" height="8" fill="#ffffff"/>
+    <rect x="95" y="175" width="6" height="8" fill="#ffffff"/>
+  </g>
+
+  <!-- 主建筑 - 高楼1 -->
+  <rect id="building-main-1" class="primary" x="170" y="100" width="60" height="160" fill="#2d3748"/>
+  <rect id="building-main-1-top" class="secondary" x="180" y="90" width="40" height="10" fill="#4a5568"/>
+  <line id="antenna-1" class="stroke" x1="200" y1="90" x2="200" y2="70" stroke="#4a5568" stroke-width="2"/>
+
+  <!-- 主建筑窗户网格 -->
+  <g id="windows-main" class="accent" opacity="0.6">
+    <rect x="180" y="120" width="12" height="15" fill="#f4a261"/>
+    <rect x="200" y="120" width="12" height="15" fill="#f4a261"/>
+    <rect x="220" y="120" width="12" height="15" fill="#f4a261"/>
+    <rect x="180" y="145" width="12" height="15" fill="#f4a261"/>
+    <rect x="200" y="145" width="12" height="15" fill="#f4a261"/>
+    <rect x="220" y="145" width="12" height="15" fill="#f4a261"/>
+    <rect x="180" y="170" width="12" height="15" fill="#f4a261"/>
+    <rect x="200" y="170" width="12" height="15" fill="#f4a261"/>
+    <rect x="220" y="170" width="12" height="15" fill="#f4a261"/>
+    <rect x="180" y="195" width="12" height="15" fill="#f4a261"/>
+    <rect x="200" y="195" width="12" height="15" fill="#f4a261"/>
+    <rect x="220" y="195" width="12" height="15" fill="#f4a261"/>
+  </g>
+
+  <!-- 主建筑 - 高楼2 -->
+  <rect id="building-main-2" class="secondary" x="240" y="130" width="45" height="130" fill="#3d4a5c"/>
+  <polygon id="building-main-2-top" class="primary" points="240,130 262.5,110 285,130" fill="#2d3748"/>
+
+  <!-- 高楼2窗户 -->
+  <g id="windows-2" class="text" opacity="0.5">
+    <rect x="250" y="145" width="8" height="12" fill="#ffffff"/>
+    <rect x="268" y="145" width="8" height="12" fill="#ffffff"/>
+    <rect x="250" y="165" width="8" height="12" fill="#ffffff"/>
+    <rect x="268" y="165" width="8" height="12" fill="#ffffff"/>
+    <rect x="250" y="185" width="8" height="12" fill="#ffffff"/>
+    <rect x="268" y="185" width="8" height="12" fill="#ffffff"/>
+    <rect x="250" y="205" width="8" height="12" fill="#ffffff"/>
+    <rect x="268" y="205" width="8" height="12" fill="#ffffff"/>
+  </g>
+
+  <!-- 飞鸟 -->
+  <g id="birds" class="text" opacity="0.5">
+    <path d="M120 80 Q125 75 130 80" stroke="#4a5568" stroke-width="1.5" fill="none"/>
+    <path d="M135 70 Q140 65 145 70" stroke="#4a5568" stroke-width="1.5" fill="none"/>
+    <path d="M280 90 Q285 85 290 90" stroke="#4a5568" stroke-width="1.5" fill="none"/>
+  </g>
+
+  <!-- 地面 -->
+  <rect id="ground" class="secondary" x="0" y="260" width="400" height="40" fill="#6b7c8a" opacity="0.4"/>
+
+  <!-- 道路线条 -->
+  <line id="road-line" class="stroke" x1="0" y1="280" x2="400" y2="280" stroke="#4a5568" stroke-width="1" stroke-dasharray="10,10" opacity="0.3"/>
+
+  <!-- 路灯 -->
+  <g id="streetlight-1" class="primary">
+    <rect x="50" y="240" width="4" height="40" fill="#4a5568"/>
+    <circle cx="52" cy="238" r="6" fill="#f4a261" opacity="0.8"/>
+    <line x1="52" y1="240" x2="52" y2="220" stroke="#4a5568" stroke-width="2"/>
+    <line x1="52" y1="220" x2="65" y2="220" stroke="#4a5568" stroke-width="2"/>
+  </g>
+
+  <g id="streetlight-2" class="primary">
+    <rect x="350" y="240" width="4" height="40" fill="#4a5568"/>
+    <circle cx="352" cy="238" r="6" fill="#f4a261" opacity="0.8"/>
+    <line x1="352" y1="240" x2="352" y2="220" stroke="#4a5568" stroke-width="2"/>
+    <line x1="352" y1="220" x2="339" y2="220" stroke="#4a5568" stroke-width="2"/>
+  </g>
+</svg>
\ No newline at end of file
diff --git a/ui/color_preview.py b/ui/color_preview.py
index 85ca0a6..1d5fa44 100644
--- a/ui/color_preview.py
+++ b/ui/color_preview.py
@@ -1422,11 +1422,17 @@ class PreviewSceneSelector(ComboBox):
             self.setEnabled(False)
         else:
             self.setEnabled(True)
-            for scene_type in self._scene_types:
+            default_index = 0
+            for index, scene_type in enumerate(self._scene_types):
                 scene_id = scene_type.get("id", "")
                 scene_name = scene_type.get("name", scene_id)
                 self.addItem(scene_name)
                 self.setItemData(self.count() - 1, scene_id)
+                # 检查是否为默认场景
+                if scene_type.get("default", False):
+                    default_index = index
+            # 设置默认选中项
+            self.setCurrentIndex(default_index)
 
     def _on_selection_changed(self, text: str):
         """处理选择变化"""
@@ -1446,7 +1452,7 @@ class PreviewSceneSelector(ComboBox):
 
     def get_current_scene(self) -> str:
         """获取当前场景ID"""
-        return self.itemData(self.currentIndex()) or "mobile_ui"
+        return self.itemData(self.currentIndex()) or "showcase"
 
     def reload_scenes(self):
         """重新加载场景列表"""
@@ -1483,7 +1489,7 @@ class MixedPreviewPanel(QWidget):
             parent: 父控件
         """
         self._colors: List[str] = []
-        self._current_scene: str = "mobile_ui"
+        self._current_scene: str = "showcase"
         self._current_layout: Optional[BaseLayout] = None
         self._svg_preview: Optional[SVGPreviewWidget] = None
         self._custom_svg_path: Optional[str] = None
@@ -1672,7 +1678,7 @@ class PreviewToolbar(QWidget):
         Args:
             parent: 父控件
         """
-        self._current_scene = "mobile_ui"
+        self._current_scene = "showcase"
         super().__init__(parent)
         self.setup_ui()
         self._update_styles()
@@ -1829,7 +1835,7 @@ class ColorPreviewInterface(QWidget):
         self._favorites = []
         self._current_index = 0
         self._current_colors: list[str] = []
-        self._current_scene = "mobile_ui"
+        self._current_scene = "showcase"
         self._current_svg_path = ""
         self._hex_visible = self._config_manager.get('settings.hex_visible', True)
         self._scene_types_loaded = False
-- 
Gitee


From a0c0575b5c9478b9ba8ae239ab2dcf6f9fc38a56 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=9D=92=E5=B1=B1=E5=85=AC=E4=BB=94?=
 <qingshangongzai@163.com>
Date: Tue, 14 Apr 2026 02:27:47 +0800
Subject: [PATCH 22/29] Update .gitignore

---
 .gitignore | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/.gitignore b/.gitignore
index 7d4eba5..4720992 100644
--- a/.gitignore
+++ b/.gitignore
@@ -114,3 +114,5 @@ bandit_project_report.html
 文档/过度防御性设计报告.md
 文档/收藏数据延迟加载优化方案.md
 /配色方案
+明度分析.py
+明度分析_GUI.py
-- 
Gitee


From a6dfcf3c25b757202ea8b39093e10a68efe88498 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=9D=92=E5=B1=B1=E5=85=AC=E4=BB=94?=
 <qingshangongzai@163.com>
Date: Tue, 14 Apr 2026 21:02:53 +0800
Subject: [PATCH 23/29] =?UTF-8?q?[=E6=A0=B7=E5=BC=8F]=20=E6=98=8E=E5=BA=A6?=
 =?UTF-8?q?=E7=9B=B4=E6=96=B9=E5=9B=BE=E6=94=AF=E6=8C=81=E7=BA=BF=E8=BF=9E?=
 =?UTF-8?q?=E6=8E=A5=E5=92=8C=E6=9F=B1=E7=8A=B6=E5=9B=BE=E4=B8=A4=E7=A7=8D?=
 =?UTF-8?q?=E6=A0=B7=E5=BC=8F=E5=88=87=E6=8D=A2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 添加明度直方图样式设置选项（线连接/柱状图）
- 在设置界面添加样式切换卡片，支持实时切换
- 实现线连接样式的渐变填充效果
- 保留原有柱状图样式作为可选
- 添加6种语言的翻译支持
---
 core/config.py          |  1 +
 locales/FR_FR.toml      |  4 +++
 locales/JA_JP.toml      |  4 +++
 locales/RU_RU.toml      |  4 +++
 locales/ZW_FT.toml      |  4 +++
 locales/ZW_JT.toml      |  4 +++
 locales/en_US.toml      |  4 +++
 ui/histograms.py        | 67 ++++++++++++++++++++++++++++++++++++-----
 ui/luminance_extract.py | 19 +++++++++++-
 ui/main_window.py       |  5 +++
 ui/settings.py          | 52 ++++++++++++++++++++++++++++++++
 11 files changed, 160 insertions(+), 8 deletions(-)

diff --git a/core/config.py b/core/config.py
index 9d9e703..4bc4476 100644
--- a/core/config.py
+++ b/core/config.py
@@ -71,6 +71,7 @@ class ConfigManager:
                 "color_sample_count": 5,
                 "luminance_sample_count": 5,
                 "histogram_scaling_mode": "adaptive",
+                "luminance_histogram_style": "line",
                 "color_wheel_mode": "RGB",
                 "theme": "auto",
                 "color_wheel_labels_visible": True,
diff --git a/locales/FR_FR.toml b/locales/FR_FR.toml
index 61469ad..aec0301 100644
--- a/locales/FR_FR.toml
+++ b/locales/FR_FR.toml
@@ -220,6 +220,10 @@ luminance_sample_count_desc = "Définir le nombre de points d'échantillonnage p
 histogram = "Paramètres de l'histogramme"
 histogram_scaling = "Mode de mise à l'échelle"
 histogram_scaling_desc = "Sélectionner la méthode de mise à l'échelle de l'histogramme (Linéaire/Adaptatif)"
+luminance_histogram_style = "Style d'histogramme de luminance"
+luminance_histogram_style_desc = "Sélectionner le style d'affichage de l'histogramme de luminance"
+luminance_histogram_line = "Ligne"
+luminance_histogram_bar = "Barres"
 histogram_mode = "Mode d'affichage de l'histogramme"
 histogram_mode_desc = "Sélectionner le type d'histogramme pour le panneau d'extraction (Canaux RVB/Distribution teinte)"
 highlight = "Paramètres de surbrillance"
diff --git a/locales/JA_JP.toml b/locales/JA_JP.toml
index 77bd306..1b6cae3 100644
--- a/locales/JA_JP.toml
+++ b/locales/JA_JP.toml
@@ -220,6 +220,10 @@ luminance_sample_count_desc = "輝度抽出パネルのサンプルポイント
 histogram = "ヒストグラム設定"
 histogram_scaling = "ヒストグラムスケーリングモード"
 histogram_scaling_desc = "ヒストグラムのスケーリング方法を選択（線形/アダプティブ）"
+luminance_histogram_style = "輝度ヒストグラムスタイル"
+luminance_histogram_style_desc = "輝度ヒストグラムの表示スタイルを選択"
+luminance_histogram_line = "線接続"
+luminance_histogram_bar = "棒グラフ"
 histogram_mode = "ヒストグラム表示モード"
 histogram_mode_desc = "カラー抽出パネルのヒストグラムタイプを選択（RGBチャンネル/色相分布）"
 highlight = "ハイライト領域設定"
diff --git a/locales/RU_RU.toml b/locales/RU_RU.toml
index dfd1033..f4adc2d 100644
--- a/locales/RU_RU.toml
+++ b/locales/RU_RU.toml
@@ -221,6 +221,10 @@ luminance_sample_count_desc = "Установите количество точ
 histogram = "Настройки гистограммы"
 histogram_scaling = "Режим масштабирования"
 histogram_scaling_desc = "Выберите метод масштабирования гистограммы (Линейный/Адаптивный)"
+luminance_histogram_style = "Стиль гистограммы яркости"
+luminance_histogram_style_desc = "Выберите стиль отображения гистограммы яркости"
+luminance_histogram_line = "Линия"
+luminance_histogram_bar = "Столбцы"
 histogram_mode = "Режим отображения гистограммы"
 histogram_mode_desc = "Выберите тип гистограммы для панели извлечения (RGB каналы/Распределение оттенков)"
 highlight = "Настройки выделения"
diff --git a/locales/ZW_FT.toml b/locales/ZW_FT.toml
index 22c0369..4488b82 100644
--- a/locales/ZW_FT.toml
+++ b/locales/ZW_FT.toml
@@ -220,6 +220,10 @@ luminance_sample_count_desc = "設置明度提取面板的取樣點數量（2-8
 histogram = "直方圖設置"
 histogram_scaling = "直方圖縮放模式"
 histogram_scaling_desc = "選擇直方圖的縮放方式（線性/自適應）"
+luminance_histogram_style = "明度直方圖樣式"
+luminance_histogram_style_desc = "選擇明度直方圖的顯示樣式"
+luminance_histogram_line = "線連接"
+luminance_histogram_bar = "柱狀圖"
 histogram_mode = "直方圖顯示模式"
 histogram_mode_desc = "選擇色彩提取面板的直方圖類型（RGB通道/色相分布）"
 highlight = "區域高亮設置"
diff --git a/locales/ZW_JT.toml b/locales/ZW_JT.toml
index 37e684b..b6acc1b 100644
--- a/locales/ZW_JT.toml
+++ b/locales/ZW_JT.toml
@@ -220,6 +220,10 @@ luminance_sample_count_desc = "设置明度提取面板的采样点数量（2-8
 histogram = "直方图设置"
 histogram_scaling = "直方图缩放模式"
 histogram_scaling_desc = "选择直方图的缩放方式（线性/自适应）"
+luminance_histogram_style = "明度直方图样式"
+luminance_histogram_style_desc = "选择明度直方图的显示样式"
+luminance_histogram_line = "线连接"
+luminance_histogram_bar = "柱状图"
 histogram_mode = "直方图显示模式"
 histogram_mode_desc = "选择色彩提取面板的直方图类型（RGB通道/色相分布）"
 highlight = "区域高亮设置"
diff --git a/locales/en_US.toml b/locales/en_US.toml
index 5191d86..8e9d121 100644
--- a/locales/en_US.toml
+++ b/locales/en_US.toml
@@ -220,6 +220,10 @@ luminance_sample_count_desc = "Set the number of sample points for luminance ext
 histogram = "Histogram Settings"
 histogram_scaling = "Histogram Scaling Mode"
 histogram_scaling_desc = "Select histogram scaling method (Linear/Adaptive)"
+luminance_histogram_style = "Luminance Histogram Style"
+luminance_histogram_style_desc = "Select the display style for luminance histogram"
+luminance_histogram_line = "Line"
+luminance_histogram_bar = "Bar"
 histogram_mode = "Histogram Display Mode"
 histogram_mode_desc = "Select histogram type for color extraction panel (RGB Channels/Hue Distribution)"
 highlight = "Highlight Area Settings"
diff --git a/ui/histograms.py b/ui/histograms.py
index 62507bc..f55e063 100644
--- a/ui/histograms.py
+++ b/ui/histograms.py
@@ -2,7 +2,7 @@
 import math
 from typing import List
 from PySide6.QtCore import Qt, Signal
-from PySide6.QtGui import QColor, QFont, QLinearGradient, QPainter, QPen, QMouseEvent
+from PySide6.QtGui import QColor, QFont, QLinearGradient, QPainter, QPainterPath, QPen, QMouseEvent
 from PySide6.QtWidgets import QWidget
 
 # 项目模块导入
@@ -290,6 +290,7 @@ class LuminanceHistogramWidget(BaseHistogram):
         self._highlight_zones = []  # 高亮显示的区域列表
         self._pressed_zone = -1     # 当前按下的Zone
         self._current_zone = -1     # 当前选中的Zone
+        self._histogram_style = "line"  # 直方图样式: "line" 或 "bar"
 
         # 启用鼠标跟踪
         self.setMouseTracking(True)
@@ -299,6 +300,16 @@ class LuminanceHistogramWidget(BaseHistogram):
         self._histogram_service.luminance_histogram_ready.connect(self._on_histogram_ready)
         self._histogram_service.error.connect(self._on_histogram_error)
 
+    def set_histogram_style(self, style: str):
+        """设置直方图样式
+
+        Args:
+            style: 样式类型，"line" 为线连接样式，"bar" 为柱状图样式
+        """
+        if style in ("line", "bar") and style != self._histogram_style:
+            self._histogram_style = style
+            self.update()
+
     def set_image(self, image):
         """设置图片并异步计算直方图"""
         if image is None or image.isNull():
@@ -359,13 +370,60 @@ class LuminanceHistogramWidget(BaseHistogram):
         return labels[zone] if 0 <= zone <= 8 else "--"
 
     def _draw_histogram(self, painter: QPainter, x: int, y: int, width: int, height: int):
-        """绘制直方图曲线 - LR风格"""
+        """绘制直方图 - 支持线连接和柱状图两种样式"""
         if self._max_count == 0:
             return
 
         # 绘制Zone背景色块（类似LR的风格）
         self._draw_zone_background(painter, x, y, width, height)
 
+        # 根据样式选择绘制方式
+        if self._histogram_style == "bar":
+            self._draw_bar_histogram(painter, x, y, width, height)
+        else:
+            self._draw_line_histogram(painter, x, y, width, height)
+
+    def _draw_line_histogram(self, painter: QPainter, x: int, y: int, width: int, height: int):
+        """绘制线连接样式直方图"""
+        bar_width = width / 256.0
+
+        # 计算每个点的坐标
+        points = []
+        for i in range(256):
+            bar_height = self._calculate_bar_height(self._histogram[i], self._max_count, height)
+            point_x = x + i * bar_width
+            point_y = y + height - bar_height
+            points.append((point_x, point_y))
+
+        # 创建填充路径（闭合区域）
+        fill_path = QPainterPath()
+        fill_path.moveTo(points[0][0], y + height)  # 左下角
+        for px, py in points:
+            fill_path.lineTo(px, py)
+        fill_path.lineTo(points[-1][0], y + height)  # 右下角
+        fill_path.closeSubpath()
+
+        # 绘制渐变填充（从线条颜色到透明）
+        gradient = QLinearGradient(x, y, x, y + height)
+        line_color = get_histogram_text_color()
+        gradient.setColorAt(0, line_color)  # 顶部使用线条颜色
+        gradient.setColorAt(1, QColor(0, 0, 0, 0))  # 底部透明
+        painter.fillPath(fill_path, gradient)
+
+        # 绘制轮廓线
+        line_path = QPainterPath()
+        line_path.moveTo(points[0][0], points[0][1])
+        for px, py in points[1:]:
+            line_path.lineTo(px, py)
+
+        painter.setPen(QPen(line_color, 1.5))
+        painter.setBrush(Qt.BrushStyle.NoBrush)
+        painter.drawPath(line_path)
+
+    def _draw_bar_histogram(self, painter: QPainter, x: int, y: int, width: int, height: int):
+        """绘制柱状图样式直方图"""
+        bar_width = width / 256.0
+
         # 使用渐变填充，从浅灰到白色
         gradient = QLinearGradient(x, y + height, x, y)
         gradient.setColorAt(0, get_histogram_axis_color())
@@ -374,16 +432,11 @@ class LuminanceHistogramWidget(BaseHistogram):
         painter.setPen(Qt.PenStyle.NoPen)
         painter.setBrush(gradient)
 
-        # 每个明度值对应的宽度
-        bar_width = width / 256.0
-
         # 绘制直方图柱子
         for i in range(256):
-            # 计算柱子高度 - 使用基类的计算方法
             bar_height = self._calculate_bar_height(self._histogram[i], self._max_count, height)
 
             if bar_height > 0:
-                # 绘制柱子
                 bar_x = x + i * bar_width
                 bar_y = y + height - bar_height
 
diff --git a/ui/luminance_extract.py b/ui/luminance_extract.py
index f061e1c..658b21a 100644
--- a/ui/luminance_extract.py
+++ b/ui/luminance_extract.py
@@ -11,7 +11,7 @@ from PySide6.QtCore import Qt, QTimer, Signal
 from PySide6.QtWidgets import QFileDialog, QSplitter, QVBoxLayout, QWidget
 
 # 项目模块导入
-from core import LuminanceService
+from core import LuminanceService, get_config_manager
 from core.logger import get_logger, log_user_action
 from utils import tr, get_locale_manager, get_default_image_directory, get_last_directory, set_last_directory
 from .canvases import LuminanceCanvas
@@ -62,11 +62,28 @@ class LuminanceExtractInterface(QWidget):
         self.histogram_widget.setMaximumHeight(250)
         self.splitter.addWidget(self.histogram_widget)
 
+        # 初始化直方图样式
+        self._init_histogram_style()
+
         self.splitter.setSizes([400, 150])
 
         # 设置信号连接
         self._setup_connections()
 
+    def _init_histogram_style(self):
+        """初始化直方图样式"""
+        config_manager = get_config_manager()
+        style = config_manager.get('settings.luminance_histogram_style', 'line')
+        self.histogram_widget.set_histogram_style(style)
+
+    def set_histogram_style(self, style: str):
+        """设置直方图样式（由设置界面调用）
+
+        Args:
+            style: 样式类型，"line" 或 "bar"
+        """
+        self.histogram_widget.set_histogram_style(style)
+
     def _setup_connections(self):
         """设置信号连接"""
         self.luminance_canvas.luminance_picked.connect(self.on_luminance_picked)
diff --git a/ui/main_window.py b/ui/main_window.py
index 52a81fb..84425a1 100644
--- a/ui/main_window.py
+++ b/ui/main_window.py
@@ -332,6 +332,11 @@ class MainWindow(FluentWindow):
             self._on_histogram_scaling_mode_changed
         )
 
+        # 连接明度直方图样式改变信号到明度提取界面
+        settings_interface.luminance_histogram_style_changed.connect(
+            luminance_extract_interface.set_histogram_style
+        )
+
         # 连接色轮模式改变信号到配色生成界面
         settings_interface.color_wheel_mode_changed.connect(
             color_generation_interface.set_color_wheel_mode
diff --git a/ui/settings.py b/ui/settings.py
index ba55d00..1c53e45 100644
--- a/ui/settings.py
+++ b/ui/settings.py
@@ -30,6 +30,7 @@ class SettingsInterface(QWidget):
     color_sample_count_changed = Signal(int)
     luminance_sample_count_changed = Signal(int)
     histogram_scaling_mode_changed = Signal(str)
+    luminance_histogram_style_changed = Signal(str)
     color_wheel_mode_changed = Signal(str)
     histogram_mode_changed = Signal(str)
     saturation_threshold_changed = Signal(int)
@@ -47,6 +48,7 @@ class SettingsInterface(QWidget):
         self._color_sample_count = self._config_manager.get('settings.color_sample_count', 5)
         self._luminance_sample_count = self._config_manager.get('settings.luminance_sample_count', 5)
         self._histogram_scaling_mode = self._config_manager.get('settings.histogram_scaling_mode', 'linear')
+        self._luminance_histogram_style = self._config_manager.get('settings.luminance_histogram_style', 'line')
         self._color_wheel_mode = self._config_manager.get('settings.color_wheel_mode', 'RGB')
         self._histogram_mode = self._config_manager.get('settings.histogram_mode', 'hue')
         self._saturation_threshold = self._config_manager.get('settings.saturation_threshold', 70)
@@ -139,6 +141,9 @@ class SettingsInterface(QWidget):
         self.histogram_scaling_card = self._create_histogram_scaling_card()
         self.histogram_group.addSettingCard(self.histogram_scaling_card)
 
+        self.luminance_histogram_style_card = self._create_luminance_histogram_style_card()
+        self.histogram_group.addSettingCard(self.luminance_histogram_style_card)
+
         self.histogram_mode_card = self._create_histogram_mode_card()
         self.histogram_group.addSettingCard(self.histogram_mode_card)
 
@@ -331,6 +336,11 @@ class SettingsInterface(QWidget):
         self.histogram_scaling_card.combo_box.setItemText(0, tr('settings.linear_scaling'))
         self.histogram_scaling_card.combo_box.setItemText(1, tr('settings.adaptive_scaling'))
 
+        self.luminance_histogram_style_card.titleLabel.setText(tr('settings.luminance_histogram_style'))
+        self.luminance_histogram_style_card.contentLabel.setText(tr('settings.luminance_histogram_style_desc'))
+        self.luminance_histogram_style_card.combo_box.setItemText(0, tr('settings.luminance_histogram_line'))
+        self.luminance_histogram_style_card.combo_box.setItemText(1, tr('settings.luminance_histogram_bar'))
+
         self.histogram_mode_card.titleLabel.setText(tr('settings.histogram_mode'))
         self.histogram_mode_card.contentLabel.setText(tr('settings.histogram_mode_desc'))
         self.histogram_mode_card.combo_box.setItemText(0, tr('settings.rgb_channel'))
@@ -560,6 +570,48 @@ class SettingsInterface(QWidget):
         log_user_action("change_histogram_scaling_mode", {"mode": mode})
         self.histogram_scaling_mode_changed.emit(mode)
 
+    def _create_luminance_histogram_style_card(self):
+        """创建明度直方图样式选择卡片"""
+        card = PushSettingCard(
+            "",
+            FluentIcon.PALETTE,
+            tr('settings.luminance_histogram_style'),
+            tr('settings.luminance_histogram_style_desc'),
+            self.content_widget
+        )
+        card.button.setVisible(False)
+
+        combo_box = ComboBox(self.content_widget)
+        combo_box.addItem(tr('settings.luminance_histogram_line'))
+        combo_box.setItemData(0, "line")
+        combo_box.addItem(tr('settings.luminance_histogram_bar'))
+        combo_box.setItemData(1, "bar")
+
+        for i in range(combo_box.count()):
+            if combo_box.itemData(i) == self._luminance_histogram_style:
+                combo_box.setCurrentIndex(i)
+                break
+
+        combo_box.setFixedWidth(120)
+        combo_box.currentIndexChanged.connect(self._on_luminance_histogram_style_changed)
+
+        card.hBoxLayout.addWidget(combo_box, 0, Qt.AlignmentFlag.AlignRight)
+        card.hBoxLayout.addSpacing(16)
+
+        card.combo_box = combo_box
+
+        return card
+
+    def _on_luminance_histogram_style_changed(self, index):
+        """明度直方图样式改变"""
+        combo_box = self.luminance_histogram_style_card.combo_box
+        style = combo_box.itemData(index)
+        self._luminance_histogram_style = style
+        self._config_manager.set('settings.luminance_histogram_style', style)
+        self._config_manager.save()
+        log_user_action("change_luminance_histogram_style", {"style": style})
+        self.luminance_histogram_style_changed.emit(style)
+
     def _create_histogram_mode_card(self):
         """创建直方图模式选择卡片"""
         card = PushSettingCard(
-- 
Gitee


From 3f0ddebbf612627051c261531f301bfcf7add2dd Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=9D=92=E5=B1=B1=E5=85=AC=E4=BB=94?=
 <qingshangongzai@163.com>
Date: Wed, 15 Apr 2026 15:19:04 +0800
Subject: [PATCH 24/29] Update .gitignore

---
 .gitignore | 1 +
 1 file changed, 1 insertion(+)

diff --git a/.gitignore b/.gitignore
index 4720992..38d4761 100644
--- a/.gitignore
+++ b/.gitignore
@@ -116,3 +116,4 @@ bandit_project_report.html
 /配色方案
 明度分析.py
 明度分析_GUI.py
+/demos
-- 
Gitee


From 5f6cdaa152de81b6769bdb3a2f71e274d57b7afc Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=9D=92=E5=B1=B1=E5=85=AC=E4=BB=94?=
 <qingshangongzai@163.com>
Date: Sat, 18 Apr 2026 18:16:34 +0800
Subject: [PATCH 25/29] =?UTF-8?q?[=E6=96=B0=E5=8A=9F=E8=83=BD]=20=E4=B8=BB?=
 =?UTF-8?q?=E9=A2=98=E5=88=87=E6=8D=A2=E6=8C=89=E9=92=AE=E5=A2=9E=E5=8A=A0?=
 =?UTF-8?q?"=E8=B7=9F=E9=9A=8F=E7=B3=BB=E7=BB=9F"=E7=8A=B6=E6=80=81?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 实现三态循环切换：浅色→深色→跟随系统→浅色
- 添加主题模式跟踪属性 _theme_mode
- 根据模式显示不同图标：BRIGHTNESS(浅色)、QUIET_HOURS(深色)、SYNC(跟随系统)
- 添加多语言翻译支持（6种语言）
- 优化代码结构，消除重复逻辑
---
 locales/FR_FR.toml |  5 +++-
 locales/JA_JP.toml |  5 +++-
 locales/RU_RU.toml |  5 +++-
 locales/ZW_FT.toml |  5 +++-
 locales/ZW_JT.toml |  5 +++-
 locales/en_US.toml |  5 +++-
 main.py            |  5 ++++
 ui/main_window.py  | 70 +++++++++++++++++++++++++++++++++++-----------
 8 files changed, 83 insertions(+), 22 deletions(-)

diff --git a/locales/FR_FR.toml b/locales/FR_FR.toml
index aec0301..38b8b96 100644
--- a/locales/FR_FR.toml
+++ b/locales/FR_FR.toml
@@ -14,8 +14,11 @@ color_preview = "Aperçu des couleurs"
 settings = "Paramètres"
 
 [title_bar]
-toggle_theme = "Basculer mode sombre/clair"
+toggle_theme = "Changer de thème"
 toggle_fullscreen = "Plein écran/Quitter plein écran (F11)"
+theme_light = "Mode clair"
+theme_dark = "Mode sombre"
+theme_auto = "Suivre le système"
 
 [color_extract]
 favorite = "Enregistrer"
diff --git a/locales/JA_JP.toml b/locales/JA_JP.toml
index 1b6cae3..d69f53b 100644
--- a/locales/JA_JP.toml
+++ b/locales/JA_JP.toml
@@ -14,8 +14,11 @@ color_preview = "カラープレビュー"
 settings = "設定"
 
 [title_bar]
-toggle_theme = "ダーク/ライトモード切替"
+toggle_theme = "テーマ切替"
 toggle_fullscreen = "全画面/全画面解除 (F11)"
+theme_light = "ライトモード"
+theme_dark = "ダークモード"
+theme_auto = "システムに従う"
 
 [color_extract]
 favorite = "パレットを保存"
diff --git a/locales/RU_RU.toml b/locales/RU_RU.toml
index f4adc2d..ca6acb5 100644
--- a/locales/RU_RU.toml
+++ b/locales/RU_RU.toml
@@ -14,8 +14,11 @@ color_preview = "Предпросмотр цвета"
 settings = "Настройки"
 
 [title_bar]
-toggle_theme = "Переключить темную/светлую тему"
+toggle_theme = "Переключить тему"
 toggle_fullscreen = "Полноэкранный режим/Выход (F11)"
+theme_light = "Светлая тема"
+theme_dark = "Темная тема"
+theme_auto = "Как в системе"
 
 [color_extract]
 favorite = "Сохранить"
diff --git a/locales/ZW_FT.toml b/locales/ZW_FT.toml
index 4488b82..818306b 100644
--- a/locales/ZW_FT.toml
+++ b/locales/ZW_FT.toml
@@ -14,8 +14,11 @@ color_preview = "配色預覽"
 settings = "設置"
 
 [title_bar]
-toggle_theme = "切換深色/淺色模式"
+toggle_theme = "切換主題"
 toggle_fullscreen = "全屏/退出全屏 (F11)"
+theme_light = "淺色模式"
+theme_dark = "深色模式"
+theme_auto = "跟隨系統"
 
 [color_extract]
 favorite = "收藏當前配色"
diff --git a/locales/ZW_JT.toml b/locales/ZW_JT.toml
index b6acc1b..eec9863 100644
--- a/locales/ZW_JT.toml
+++ b/locales/ZW_JT.toml
@@ -14,8 +14,11 @@ color_preview = "配色预览"
 settings = "设置"
 
 [title_bar]
-toggle_theme = "切换深色/浅色模式"
+toggle_theme = "切换主题"
 toggle_fullscreen = "全屏/退出全屏 (F11)"
+theme_light = "浅色模式"
+theme_dark = "深色模式"
+theme_auto = "跟随系统"
 
 [color_extract]
 favorite = "收藏当前配色"
diff --git a/locales/en_US.toml b/locales/en_US.toml
index 8e9d121..983548c 100644
--- a/locales/en_US.toml
+++ b/locales/en_US.toml
@@ -14,8 +14,11 @@ color_preview = "Color Preview"
 settings = "Settings"
 
 [title_bar]
-toggle_theme = "Toggle Dark/Light Mode"
+toggle_theme = "Toggle Theme"
 toggle_fullscreen = "Fullscreen/Exit Fullscreen (F11)"
+theme_light = "Light Mode"
+theme_dark = "Dark Mode"
+theme_auto = "System"
 
 [color_extract]
 favorite = "Save Palette"
diff --git a/main.py b/main.py
index b47658b..e5be5df 100644
--- a/main.py
+++ b/main.py
@@ -205,6 +205,11 @@ def main():
 
         logger.info("创建主窗口...")
         window = MainWindow()
+
+        # 初始化标题栏主题按钮状态
+        if hasattr(window, 'titleBar') and hasattr(window.titleBar, 'init_theme'):
+            window.titleBar.init_theme(theme_setting)
+
         window.show()
         logger.info("主窗口显示完成")
 
diff --git a/ui/main_window.py b/ui/main_window.py
index 84425a1..57f1a06 100644
--- a/ui/main_window.py
+++ b/ui/main_window.py
@@ -35,15 +35,17 @@ _TOOLBUTTON_STYLE = """
 
 
 class CustomTitleBar(FluentTitleBar):
-    """自定义标题栏，添加深色模式切换按钮和全屏切换按钮"""
+    """自定义标题栏，添加主题切换按钮和全屏切换按钮"""
 
     def __init__(self, parent):
         super().__init__(parent)
 
-        # 创建深色模式切换按钮
+        # 主题模式：light/dark/auto
+        self._theme_mode = 'auto'
+
+        # 创建主题切换按钮
         self.themeButton = ToolButton(self)
         self.themeButton.setFixedSize(40, 32)
-        self.themeButton.setToolTip(tr('title_bar.toggle_theme'))
         self.themeButton.setStyleSheet(_TOOLBUTTON_STYLE)
         self._update_theme_icon()
 
@@ -60,26 +62,51 @@ class CustomTitleBar(FluentTitleBar):
         # 连接点击事件
         self.fullscreenButton.clicked.connect(self._toggle_fullscreen)
 
-        # 将按钮插入到最小化按钮之前（深色模式按钮在前，全屏按钮在后）
+        # 将按钮插入到最小化按钮之前（主题按钮在前，全屏按钮在后）
         index = self.buttonLayout.indexOf(self.minBtn)
         self.buttonLayout.insertWidget(index, self.themeButton)
         self.buttonLayout.insertWidget(index + 1, self.fullscreenButton)
 
+    def init_theme(self, mode: str):
+        """初始化主题模式
+
+        Args:
+            mode: 主题模式 (light/dark/auto)
+        """
+        self._theme_mode = mode
+        self._update_theme_icon()
+
     def _toggle_theme(self):
-        """切换主题"""
-        if isDarkTheme():
+        """切换主题（三态循环：浅色→深色→跟随系统→浅色）"""
+        mode_cycle = ['light', 'dark', 'auto']
+        current_index = mode_cycle.index(self._theme_mode)
+        next_index = (current_index + 1) % len(mode_cycle)
+        next_mode = mode_cycle[next_index]
+
+        self._apply_theme_mode(next_mode)
+
+    def _apply_theme_mode(self, mode: str):
+        """应用主题模式
+
+        Args:
+            mode: 主题模式 (light/dark/auto)
+        """
+        self._theme_mode = mode
+
+        if mode == 'light':
             setTheme(Theme.LIGHT)
-            theme_value = 'light'
-        else:
+        elif mode == 'dark':
             setTheme(Theme.DARK)
-            theme_value = 'dark'
+        else:  # auto
+            setTheme(Theme.AUTO)
+
         self._update_theme_icon()
-        # 重新应用按钮样式以覆盖 Fluent 主题样式
         self._apply_theme_button_style()
-        # 保存主题配置
+
+        # 保存配置
         from core import get_config_manager
         config_manager = get_config_manager()
-        config_manager.set('settings.theme', theme_value)
+        config_manager.set('settings.theme', mode)
         config_manager.save()
 
     def _apply_theme_button_style(self):
@@ -100,9 +127,20 @@ class CustomTitleBar(FluentTitleBar):
         self.fullscreenButton.setStyleSheet(style_sheet)
 
     def _update_theme_icon(self):
-        """根据当前主题更新按钮图标"""
-        # 使用 CONSTRACT（对比度）图标作为主题切换按钮
-        self.themeButton.setIcon(FluentIcon.CONSTRACT)
+        """根据当前主题模式更新按钮图标和提示"""
+        if self._theme_mode == 'light':
+            self.themeButton.setIcon(FluentIcon.BRIGHTNESS)
+        elif self._theme_mode == 'dark':
+            self.themeButton.setIcon(FluentIcon.QUIET_HOURS)
+        else:  # auto
+            self.themeButton.setIcon(FluentIcon.SYNC)
+
+        tooltip_map = {
+            'light': tr('title_bar.theme_light'),
+            'dark': tr('title_bar.theme_dark'),
+            'auto': tr('title_bar.theme_auto')
+        }
+        self.themeButton.setToolTip(tooltip_map[self._theme_mode])
 
     def _toggle_fullscreen(self):
         """切换全屏/窗口模式"""
@@ -123,7 +161,7 @@ class CustomTitleBar(FluentTitleBar):
 
     def update_texts(self):
         """更新界面文本"""
-        self.themeButton.setToolTip(tr('title_bar.toggle_theme'))
+        self._update_theme_icon()
         self.fullscreenButton.setToolTip(tr('title_bar.toggle_fullscreen'))
 
 
-- 
Gitee


From 786cf7baf79e4d9694a5a1a4b2434097f36dc667 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=9D=92=E5=B1=B1=E5=85=AC=E4=BB=94?=
 <qingshangongzai@163.com>
Date: Sun, 19 Apr 2026 22:15:25 +0800
Subject: [PATCH 26/29] =?UTF-8?q?[=E6=96=87=E6=A1=A3]=20=E6=9B=B4=E6=96=B0?=
 =?UTF-8?q?=20v1.8.0=20=E7=89=88=E6=9C=AC=E6=9B=B4=E6=96=B0=E6=97=A5?=
 =?UTF-8?q?=E5=BF=97=E5=92=8C=E5=BC=80=E5=8F=91=E5=8E=86=E7=A8=8B=E7=BB=9F?=
 =?UTF-8?q?=E8=AE=A1?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 更新 docs/changelog.json，添加 v1.8.0 版本更新内容
- 更新 website/public/changelog.json，保持与 docs 目录同步
- 更新 README.md 开发历程统计（版本数、开发周期、更新项数量）
- 更新各分类统计数量（新增功能、问题修复、界面优化、内容调整）
---
 README.md                     | 28 ++++++++++-----------
 docs/changelog.json           | 46 +++++++++++++++++++++++++++++++++++
 website/public/changelog.json | 46 +++++++++++++++++++++++++++++++++++
 3 files changed, 106 insertions(+), 14 deletions(-)

diff --git a/README.md b/README.md
index 25b0219..df1919e 100644
--- a/README.md
+++ b/README.md
@@ -38,20 +38,20 @@
 
 | 指标    | 数据                      |
 | :---- | :---------------------- |
-| 发布版本  | 11 个版本（v1.0.0 → v1.7.1） |
-| 开发周期  | 66 天                    |
-| 总更新项  | **133 项**               |
+| 发布版本  | 12 个版本（v1.0.0 → v1.8.0） |
+| 开发周期  | 73 天                    |
+| 总更新项  | **145 项**               |
 | 平均每版本 | 12.1 项                  |
 
 **详细分类统计**：
 
 | 分类       |   数量   | 说明              |
 | :------- | :----: | :-------------- |
-| ✨ 新增功能   | **36** | 包含首次发布的 9 项核心功能 |
-| 🔧 问题修复  | **32** | 持续修复 Bug，提升稳定性  |
-| 🎨 界面优化  | **35** | 用户体验打磨          |
+| ✨ 新增功能   | **39** | 包含首次发布的 9 项核心功能 |
+| 🔧 问题修复  | **34** | 持续修复 Bug，提升稳定性  |
+| 🎨 界面优化  | **39** | 用户体验打磨          |
 | ⚡ 性能提升   | **11** | 缓存机制、启动优化等      |
-| 📝 内容调整  |  **5** | 文本、名称等调整        |
+| 📝 内容调整  |  **7** | 文本、名称等调整        |
 | ⚙️ 体验优化  |  **5** | 交互体验改进          |
 | 🏗️ 代码优化 |  **2** | 代码结构优化          |
 | 🔮 逻辑优化  |  **2** | 算法逻辑改进          |
@@ -289,20 +289,20 @@ Since the release of v1.0.0 on 2026-02-05, the project has maintained a fast and
 
 | Metric              | Data                          |
 | :------------------ | :---------------------------- |
-| Released Versions   | 11 versions (v1.0.0 → v1.7.1) |
-| Development Period  | 66 days                       |
-| Total Updates       | **133 items**                 |
+| Released Versions   | 12 versions (v1.0.0 → v1.8.0) |
+| Development Period  | 73 days                       |
+| Total Updates       | **145 items**                 |
 | Average per Version | 12.1 items                    |
 
 **Detailed Category Statistics(portion)**:
 
 | Category               |  Count | Description                                  |
 | :--------------------- | :----: | :------------------------------------------- |
-| ✨ New Features         | **36** | Including 9 core features from v1.0.0 launch |
-| 🔧 Bug Fixes           | **32** | Continuous bug fixes for stability           |
-| 🎨 UI Improvements     | **35** | User experience refinements                  |
+| ✨ New Features         | **39** | Including 9 core features from v1.0.0 launch |
+| 🔧 Bug Fixes           | **34** | Continuous bug fixes for stability           |
+| 🎨 UI Improvements     | **39** | User experience refinements                  |
 | ⚡ Performance          | **11** | Cache mechanism, startup optimization        |
-| 📝 Content Adjustments |   **5** | Text, naming adjustments                     |
+| 📝 Content Adjustments |   **7** | Text, naming adjustments                     |
 | ⚙️ Experience          |   **5** | Interaction improvements                     |
 | 🏗️ Code Optimization  |   **2** | Code structure optimization                  |
 | 🔮 Logic Optimization  |   **2** | Algorithm improvements                       |
diff --git a/docs/changelog.json b/docs/changelog.json
index a5c281f..2b1b94b 100644
--- a/docs/changelog.json
+++ b/docs/changelog.json
@@ -1,5 +1,51 @@
 {
   "versions": [
+    {
+      "version": "v1.8.0",
+      "date": "2026-04-19",
+      "changes": [
+        {
+          "category": "新增功能",
+          "items": [
+            {
+              "title": "渐变提取增强",
+              "desc": "新增单色明度梯度模式，渐变提取支持HSL颜色空间插值"
+            },
+            {
+              "title": "主题系统",
+              "desc": "主题切换按钮增加跟随系统状态"
+            },
+            {
+              "title": "明度直方图",
+              "desc": "支持线连接和柱状图两种样式切换"
+            }
+          ]
+        },
+        {
+          "category": "问题修复",
+          "items": [
+            "修正明度区域8-9明度遮罩未覆盖纯白色像素的问题",
+            "配置文件加载失败时使用默认配置"
+          ]
+        },
+        {
+          "category": "界面优化",
+          "items": [
+            "统一明度提取和色彩提取面板的提示文字字体样式",
+            "调整渐变提取界面颜色圆点样式",
+            "统一场景SVG尺寸、文字颜色并优化元素属性、布局",
+            "修复部分系统配色预览区域间隔显示灰条问题"
+          ]
+        },
+        {
+          "category": "内容调整",
+          "items": [
+            "新增大量SVG场景",
+            "启用配色预览混合布局并设为默认"
+          ]
+        }
+      ]
+    },
     {
       "version": "v1.7.1",
       "date": "2026-04-12",
diff --git a/website/public/changelog.json b/website/public/changelog.json
index a5c281f..2b1b94b 100644
--- a/website/public/changelog.json
+++ b/website/public/changelog.json
@@ -1,5 +1,51 @@
 {
   "versions": [
+    {
+      "version": "v1.8.0",
+      "date": "2026-04-19",
+      "changes": [
+        {
+          "category": "新增功能",
+          "items": [
+            {
+              "title": "渐变提取增强",
+              "desc": "新增单色明度梯度模式，渐变提取支持HSL颜色空间插值"
+            },
+            {
+              "title": "主题系统",
+              "desc": "主题切换按钮增加跟随系统状态"
+            },
+            {
+              "title": "明度直方图",
+              "desc": "支持线连接和柱状图两种样式切换"
+            }
+          ]
+        },
+        {
+          "category": "问题修复",
+          "items": [
+            "修正明度区域8-9明度遮罩未覆盖纯白色像素的问题",
+            "配置文件加载失败时使用默认配置"
+          ]
+        },
+        {
+          "category": "界面优化",
+          "items": [
+            "统一明度提取和色彩提取面板的提示文字字体样式",
+            "调整渐变提取界面颜色圆点样式",
+            "统一场景SVG尺寸、文字颜色并优化元素属性、布局",
+            "修复部分系统配色预览区域间隔显示灰条问题"
+          ]
+        },
+        {
+          "category": "内容调整",
+          "items": [
+            "新增大量SVG场景",
+            "启用配色预览混合布局并设为默认"
+          ]
+        }
+      ]
+    },
     {
       "version": "v1.7.1",
       "date": "2026-04-12",
-- 
Gitee


From 1993d7ef67a0aa2d0e0138a72b5b9b096827cac4 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=9D=92=E5=B1=B1=E5=85=AC=E4=BB=94?=
 <qingshangongzai@163.com>
Date: Sun, 19 Apr 2026 22:15:45 +0800
Subject: [PATCH 27/29] =?UTF-8?q?[=E5=86=85=E5=AE=B9=E8=B0=83=E6=95=B4]=20?=
 =?UTF-8?q?=E6=9B=B4=E6=96=B0=E7=89=88=E6=9C=AC=E4=BF=A1=E6=81=AF?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 version.py       | 2 +-
 version.txt      | 2 +-
 version_info.txt | 2 +-
 3 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/version.py b/version.py
index 2933bac..6f502b5 100644
--- a/version.py
+++ b/version.py
@@ -11,7 +11,7 @@ class VersionManager:
         self.minor: int = 8
         self.patch: int = 0
         self.build: int = 0
-        self.prerelease: str = " · Beta 1"
+        self.prerelease: str = ""
 
         # 核心版本信息
         self.version: str = f"{self.major}.{self.minor}.{self.patch}{self.prerelease}"
diff --git a/version.txt b/version.txt
index ddda543..5036dfc 100644
--- a/version.txt
+++ b/version.txt
@@ -1,5 +1,5 @@
 1.8.0
-2026.4.13.1
+2026.4.19.1
 1.8.0.0
 浮晓 HXiao Studio
 © 2026 浮晓 HXiao Studio
diff --git a/version_info.txt b/version_info.txt
index ff8e9d5..38886cb 100644
--- a/version_info.txt
+++ b/version_info.txt
@@ -1,6 +1,6 @@
 VSVersionInfo(
   ffi=FixedFileInfo(
-    filevers=(2026,4,13,1),
+    filevers=(2026,4,19,1),
     prodvers=(1,8,0,0),
     mask=0x3f,
     flags=0x0,
-- 
Gitee


From bd17052b8a9189595804d78414b3fb2061705096 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=9D=92=E5=B1=B1=E5=85=AC=E4=BB=94?=
 <qingshangongzai@163.com>
Date: Sun, 19 Apr 2026 22:23:55 +0800
Subject: [PATCH 28/29] =?UTF-8?q?[=E5=86=85=E5=AE=B9=E8=B0=83=E6=95=B4]=20?=
 =?UTF-8?q?=E6=9B=B4=E6=96=B0=E9=85=8D=E8=89=B2=E9=A2=84=E8=A7=88=E6=A8=A1?=
 =?UTF-8?q?=E5=9D=97=E7=9A=84=E6=8F=90=E7=A4=BA=E4=BF=A1=E6=81=AF?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 更新简体中文语言包中配色预览副标题，添加混合布局导入问题的说明
- 同步更新繁体中文、英语、日语、俄语、法语语言包的对应提示信息
---
 locales/FR_FR.toml | 2 +-
 locales/JA_JP.toml | 2 +-
 locales/RU_RU.toml | 2 +-
 locales/ZW_FT.toml | 2 +-
 locales/ZW_JT.toml | 2 +-
 locales/en_US.toml | 2 +-
 6 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/locales/FR_FR.toml b/locales/FR_FR.toml
index 38b8b96..f9e2188 100644
--- a/locales/FR_FR.toml
+++ b/locales/FR_FR.toml
@@ -97,7 +97,7 @@ no_selection = "Veuillez d'abord sélectionner des palettes à supprimer"
 
 [color_preview]
 title = "Aperçu des couleurs"
-subtitle = "En cours de développement"
+subtitle = "L'importation des mises en page mixtes présente des problèmes, ce module est encore en développement"
 import_btn = "Importer"
 export_btn = "Exporter"
 delete = "Supprimer"
diff --git a/locales/JA_JP.toml b/locales/JA_JP.toml
index d69f53b..8a06d1c 100644
--- a/locales/JA_JP.toml
+++ b/locales/JA_JP.toml
@@ -97,7 +97,7 @@ no_selection = "削除するパレットを選択してください"
 
 [color_preview]
 title = "カラープレビュー"
-subtitle = "開発中です"
+subtitle = "混合レイアウトのインポートには問題があります、このモジュールはまだ開発中です"
 import_btn = "インポート"
 export_btn = "エクスポート"
 delete = "削除"
diff --git a/locales/RU_RU.toml b/locales/RU_RU.toml
index ca6acb5..1ca1506 100644
--- a/locales/RU_RU.toml
+++ b/locales/RU_RU.toml
@@ -98,7 +98,7 @@ no_selection = "Пожалуйста, сначала выберите палит
 
 [color_preview]
 title = "Предпросмотр цвета"
-subtitle = "В разработке"
+subtitle = "Импорт смешанных макетов имеет некоторые проблемы, модуль всё ещё в разработке"
 import_btn = "Импорт"
 export_btn = "Экспорт"
 delete = "Удалить"
diff --git a/locales/ZW_FT.toml b/locales/ZW_FT.toml
index 818306b..efd0b5d 100644
--- a/locales/ZW_FT.toml
+++ b/locales/ZW_FT.toml
@@ -97,7 +97,7 @@ no_selection = "請先選擇要刪除的配色"
 
 [color_preview]
 title = "配色預覽"
-subtitle = "還在持續完善中"
+subtitle = "混合佈局的導入存在一定的問題，本模組還在持續完善中"
 import_btn = "導入"
 export_btn = "導出"
 delete = "刪除"
diff --git a/locales/ZW_JT.toml b/locales/ZW_JT.toml
index eec9863..b2b5f3b 100644
--- a/locales/ZW_JT.toml
+++ b/locales/ZW_JT.toml
@@ -97,7 +97,7 @@ no_selection = "请先选择要删除的配色"
 
 [color_preview]
 title = "配色预览"
-subtitle = "还在持续完善中"
+subtitle = "混合布局的导入存在一定的问题，本模块还在持续完善中"
 import_btn = "导入"
 export_btn = "导出"
 delete = "删除"
diff --git a/locales/en_US.toml b/locales/en_US.toml
index 983548c..46247cf 100644
--- a/locales/en_US.toml
+++ b/locales/en_US.toml
@@ -97,7 +97,7 @@ no_selection = "Please select palettes to delete first"
 
 [color_preview]
 title = "Color Preview"
-subtitle = "Still under development"
+subtitle = "Importing mixed layouts has some issues, this module is still under development"
 import_btn = "Import"
 export_btn = "Export"
 delete = "Delete"
-- 
Gitee


From eaaf141e06df72a7e013dcea783af58e5ba408e2 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=9D=92=E5=B1=B1=E5=85=AC=E4=BB=94?=
 <qingshangongzai@163.com>
Date: Sun, 19 Apr 2026 22:26:27 +0800
Subject: [PATCH 29/29] =?UTF-8?q?[=E5=86=85=E5=AE=B9=E8=B0=83=E6=95=B4]=20?=
 =?UTF-8?q?=E8=B0=83=E6=95=B4=E7=B9=81=E4=BD=93=E4=B8=AD=E6=96=87=E8=AF=AD?=
 =?UTF-8?q?=E8=A8=80=E5=8C=85=E7=94=A8=E8=AF=8D=E4=B9=A0=E6=83=AF?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 将繁体中文语言包中的"佈局"改为"布局"
- 将繁体中文语言包中的"模組"改为"模塊"
- 保持繁体字形，使用大陆地区繁体用词习惯
---
 locales/ZW_FT.toml | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/locales/ZW_FT.toml b/locales/ZW_FT.toml
index efd0b5d..369420c 100644
--- a/locales/ZW_FT.toml
+++ b/locales/ZW_FT.toml
@@ -97,7 +97,7 @@ no_selection = "請先選擇要刪除的配色"
 
 [color_preview]
 title = "配色預覽"
-subtitle = "混合佈局的導入存在一定的問題，本模組還在持續完善中"
+subtitle = "混合布局的導入存在一定的問題，本模塊還在持續完善中"
 import_btn = "導入"
 export_btn = "導出"
 delete = "刪除"
-- 
Gitee