openyida 2026.9.20 → 2026.9.21

package/yida-skills/skills/yida-design/sub_skill/yida-design-plan/references/visual-theme-selection.md

@@ -3,7 +3,7 @@
 ## 用途
 
 - 用户已说明想要的风格，就按要求设计。
-- 用户想比较几种风格时，读取本文，准备配色、菜单明暗和组件样式等方案供用户选择。
+- Plan 没有明确完整风格时，读取本文，准备三套配色、表面层次和组件样式方案供用户选择。
 - 用户选界面风格，AI 负责匹配实现用的主题模板。
 
 ## 核心关系
@@ -13,13 +13,14 @@
   → AI 定义项目视觉方向
   → 选择命名模板，或自由创意独立推演
   → 用户选择一套完整方向
-  → 风格、配色、导航和主题选择
+  → 风格、配色和主题选择；导航结构沿用业务规划
+  → 命名模板的导航明暗由模板派生；自由创意明确设计导航明暗
   → CLI 读取所选完整模板并生成 design.md
 ```
 
 先按[设计方向比较](../../../references/theme-selection.md#设计方向比较)根据项目需求发展风格，可匹配主题索引中的模板，也可独立推演。按[应用风格与自由创意](../../../references/application-style-library.md)交付。
 
-应用编排先根据业务需求确定导航方式。视觉设计沿用该结果，设计各页面共用的配色、菜单明暗、背景、圆角和组件样式。页面内容、布局和操作顺序按业务规划执行。
+应用编排先根据业务需求确定导航结构。视觉设计沿用该结果，设计各页面共用的配色、背景、圆角和组件样式；命名模板的导航明暗采用模板 `navTheme`；自由创意由项目设计明确填写。页面内容、布局和操作顺序按业务规划执行。
 
 主色按所选主题的公式推导，其他颜色沿用主题。已选方向承诺的画布、卡片、填充、字体或辅助色与模板不同时，将具体差异写入 `visualStyle.tokens`，不等待用户逐个指定色值。`description` 和 `colorStrategy.usage` 只说明用途，不会被编译成配色。按 [共用主题规则](../../../references/application-theme-consistency.md) 完成变量后再交接页面；渐变和图片按公共输出契约处理。Fast 与 Plan 使用相同规则。
 
@@ -40,8 +41,6 @@
   "primaryColor": "#6F4E37",
   "primaryColorName": "暖咖啡棕",
   "contentTone": "light",
-  "navigationStructure": "side",
-  "navigationTone": "dark",
   "recommendationReason": "适合需要持续查看关系历史和推进状态的日常工作。"
 }
 ```
@@ -50,12 +49,12 @@
 
 1. 第一项为推荐项。
 2. `directionLabel`、`description` 和 `recommendationReason` 由 AI 根据项目的用户、任务和界面效果编写。
-3. 具体模板方向使用目录记录；自由创意使用 catalog.creativeOption，并填写独立设计决策和 Token，不绑定命名模板。
-4. 候选保持已确认的导航类型；通过内容界面明暗、主题基底、主题色和导航明暗形成差异，优先至少两项不同。用户约束固定的部分保持不变。
-5. `contentTone` 与 `navigationTone` 按[主题明暗双轴](../../../references/application-style-library.md#主题明暗双轴)分别选择并写清理由；选中的 `navigationTone` 最终写入 `navTheme`。
+3. `themeId` 必须来自索引，两个模板方向绑定不同记录，自由创意使用 catalog.creativeOption；模板路径由索引在选择后确定性补齐。
+4. 模板候选保持已确认的导航结构，但不输出 `navigationTone`。候选可以通过不同主题呈现深色或浅色导航差异，这个差异来自主题模板，而不是 AI 单独填写字段；优先至少两项视觉维度不同。用户约束固定的部分保持不变。
+5. 配色依据品牌素材、用户偏好和实际使用场景选择，并写清理由。用户明确菜单明暗时，将其作为主题筛选条件；用户未明确时不推导菜单明暗。
 6. 用户明确品牌色时保留该颜色，通过主题基底、材质和组件表达形成差异。
-7. 项目色彩和已确定导航可覆盖模板默认变量；核心特征冲突时可换基底，也可进入自由创意。
-8. 没有匹配模板时走自由创意，不把原创方向改造成模板。
+7. 项目色彩和已确定的导航结构可覆盖模板对应输入；导航明暗不得覆盖模板 `navTheme`。用户导航明暗要求或表面层级、形状语言、组件机制等核心视觉特征与模板冲突时必须换一个基底。
+8. 方案缺少匹配模板时走自由创意，填写独立设计决策和 Token。自由创意的导航明暗由项目设计决定，写入 navigationStyle.tone；内容与导航按[主题明暗双轴](../../../references/application-style-library.md#主题明暗双轴)分别设计。
 
 平台导航沿用 `navigationType` 对应的顶部、侧边或 L 型布局。自定义导航由视觉设计细化顶部、侧边等菜单样式，按该入口已确定的配置范围实施。
 
@@ -124,9 +123,8 @@
     },
     "navigationStyle": {
       "structure": "side",
-      "tone": "dark",
       "source": "user_selected",
-      "selectionReason": "持续工作场景需要稳定入口，深色导航加强模块边界。"
+      "selectionReason": "持续工作场景需要稳定的侧边入口；导航明暗由所选主题模板确定。"
     }
   },
   "internal": {
@@ -139,18 +137,18 @@
 }
 ```
 
-`build-plan.json` 保存选中方案；完整候选保留在 `ask_human` 问答历史中。上例只展示选择事实，已选方向需要的画布、字体、辅助色等差异还须写入同级 `tokens`，见 [共用主题示例](../../../references/application-theme-consistency.md#先把风格落到变量)。
+`build-plan.json` 保存选中方案；完整候选保留在 `ask_human` 问答历史中。命名模板由 CLI 补入 `navigationStyle.tone` 和 `toneSource=theme_derived`；自由创意在 visual.json 中明确编写 tone=light|dark，CLI 标记 toneSource=project_defined，后续可通过 patch 修改该 tone。上例只展示选择事实，已选方向需要的画布、字体、辅助色等差异还须写入同级 `tokens`，见 [共用主题示例](../../../references/application-theme-consistency.md#先把风格落到变量)。
 
 ## 直接选择与自定义输入
 
-- 用户已明确主题色、导航结构和导航明暗，或要求严格继承可信品牌/模板时，AI 匹配一个有效基底并直接写入，`source=user_explicit | material_extracted`。
-- 用户明确采用推荐方案或不再提问时，选择第一项，`source=ai_inferred`。
+- 只有用户已明确完整视觉风格、指定现有主题，或要求严格继承可信品牌/模板时，AI 才直接匹配一个有效基底并写入，`source=user_explicit | material_extracted`。单独的主题色、导航结构或导航明暗只作为候选约束，不视为已给出完整风格；导航明暗也不另存为可覆盖模板的输入。
+- 用户在三套候选中明确采用推荐方案时，选择第一项，`source=user_selected`。
 - 用户自由描述新方向时，先匹配核心视觉特征最近且不违反硬约束的模板。能够匹配则记录原文为 `customText` 并写入项目覆盖项。
-- 所有模板都不支持时，只问一次：采用最接近的可用基底，或返回三套方向重新选择。收到选择后继续规划。
+- 所有模板都不支持时，沿用自由创意选项，从已确认业务独立推演并继续规划。
 
 ## 运行时读取边界
 
 - Step 2 读取本规则和主题索引中的精简风格摘要，不读取候选模板全文。
 - 候选阶段只提供方向名称、配色与体验说明。
-- 用户选择后保存选中方向、内部主题绑定和实现该方向所需的 token 差异。
+- 用户选择后保存选中方向、内部主题绑定、导航结构和实现该方向所需的 token 差异；CLI 从模板读取导航明暗。
 - 用户确认主题后，规划时读取 CLI 返回的主题上下文；CLI 仅按已确认的 selectedTheme.themeId 读取选中的完整模板生成文档。

package/yida-skills/skills/yida-design/sub_skill/yida-design-plan/scripts/render_build_plan.py

@@ -941,6 +941,8 @@ def render_execution(data: dict[str, Any]) -> str:
     hidden_pages = execution.get("pageNavigation") or []
     if hidden_pages:
         parts += ["<h3>页面导航</h3>", table(["页面", "平台页面导航"], [[item.get("name"), "隐藏" if item.get("isRenderNav") is False else "显示"] for item in hidden_pages])]
+    if execution.get("entryModeSummary"):
+        parts += ["<h3>系统怎么使用</h3>", f'<p>{esc(execution["entryModeSummary"])}</p>']
     for entry in (execution.get("entryRecommendation") or {}).get("entries", []):
         rows = []
 

package/yida-skills/skills/yida-design/templates/design-themes/README.md

@@ -5,24 +5,28 @@
 ## 文件职责
 
 - [index.json](index.json) 维护主题 ID、用户可读名称、模板路径和选型摘要，`schemaVersion` 为 `2.0`。
-- `<themeId>.md` 保存完整 V2 主题模板，是视觉规则和 Token 数值的事实源。
-- [basic-tokens.json](basic-tokens.json) 保存 69 个全局变量及固定值，作为模板校验依据。
+- `<themeId>/design.md` 保存完整 V2 主题模板，是视觉规则和 Token 数值的事实源。
+- 每个主题目录统一包含 `design.md`、`app_theme.css`、`form-layout.json` 三个文件；CSS 保留品牌颜色占位，布局文件提供可填入业务字段的组件结构。
+- [basic-tokens.json](basic-tokens.json) 保存 70 个全局变量及固定值，作为模板校验依据。
 - [validate_design_themes.py](../../scripts/validate_design_themes.py) 校验索引、模板及变量引用。
 
 每条索引记录包含以下字段：
 
 | 字段 | 维护要求 |
 | --- | --- |
-| `themeId` | 唯一的小写连字符 ID，与模板 frontmatter 和文件名一致 |
+| `themeId` | 唯一的小写连字符 ID，与模板 frontmatter 和主题目录名一致 |
 | `label` | 唯一的用户可读名称 |
-| `templatePath` | `templates/design-themes/<themeId>.md`，相对公共 `yida-design` 根目录 |
-| `styleSummary` | 从模板“风格摘要”精简约 150–250 字，保留外观、核心差异、偏离风险与真实内容适用条件 |
+| `templatePath` | `templates/design-themes/<themeId>/design.md`，相对公共 `yida-design` 根目录 |
+| `cssTemplatePath` | `templates/design-themes/<themeId>/app_theme.css` |
+| `formLayoutPath` | `templates/design-themes/<themeId>/form-layout.json` |
+| `legacyTemplatePath` | 已迁移主题的原 Markdown 路径，供历史方案读取；新方案使用 `templatePath` |
+| `styleSummary` | 以“深色/浅色导航，深色/浅色内容界面。”开头，再从模板“风格摘要”精简约 150–250 字；使用自然语言，避免把 `dark` 误解为纯黑色，同时保留外观、核心差异、偏离风险与真实内容适用条件 |
 
-一条索引记录对应一份模板，所有模板均须登记。修改风格摘要后同步修改索引摘要，不增加原文没有的特征或另一组关键词。`openyida design-plan catalog --json` 返回同一份索引；三种设计入口不得维护平行主题清单。主题不按业务领域或产品形态限制候选资格，具体布局与特色表达由真实内容决定。
+34 个主题入口均采用三文件结构，可通过 `sample yida-design application-style --style-id <themeId>` 导出。一条索引记录对应一个主题目录，所有模板均须登记。修改风格摘要后同步修改索引摘要，不增加原文没有的特征或另一组关键词。`openyida design-plan catalog --json` 返回同一份索引；三种设计入口不得维护平行主题清单。主题不按业务领域或产品形态限制候选资格，具体布局与特色表达由真实内容决定。
 
 ## V2 模板结构
 
-Frontmatter 包含 `name`、`description`、`themeId` 和 `tokens`。正文依次包含五个章节：
+Frontmatter 包含 `name`、`description`、`themeId`、`navTheme` 和 `tokens`；`navTheme` 只允许 `light` 或 `dark`，并与主题导航 Token 的实际明暗一致。正文依次包含五个章节：
 
 1. 风格摘要
 2. 页面视觉系统
@@ -34,13 +38,14 @@ Frontmatter 包含 `name`、`description`、`themeId` 和 `tokens`。正文依
 
 ## Token 契约
 
-`tokens.application-global` 按 `appearance`（含表面和导航）、`colors`、`typography`、`spacing`、`rounded`、`shadow` 分组，完整定义契约中的 69 个基础变量；这是最小集合，允许按角色补充变量。`tokens.custom-page` 可为空，也可组织跨页面与组件复用的项目扩展变量，包括材质、布局、字体、动效等。两组均写入主题 CSS 的 `:root`，分组不是运行时隔离作用域，变量前缀不限定为 `--oyd-*`。递归读取以 `--` 开头的标量叶子，分组名不拼入 CSS 变量名。
+`tokens.application-global` 按 `appearance`（含表面和导航）、`colors`、`typography`、`spacing`、`rounded`、`shadow` 分组，完整定义契约中的 70 个基础变量；这是最小集合，允许按角色补充变量。`tokens.custom-page` 可为空，也可组织跨页面与组件复用的项目扩展变量，包括材质、布局、字体、动效等。两组均写入主题 CSS 的 `:root`，分组不是运行时隔离作用域，变量前缀不限定为 `--oyd-*`。递归读取以 `--` 开头的标量叶子，分组名不拼入 CSS 变量名。
 
 - 字体与间距使用契约固定值；页面标题使用 subhead，表格正文使用 table。
 - 颜色与圆角保留主题差异。Tooltip 固定使用 `#262626` 与 `#FFFFFF`。
 - `--color-white` 和 `--pod-table-cell-color` 通过 `var(--pod-card-bg-color)` 继承内容表面；页面桥接 `--oyd-page-bg` 若存在，使用 `var(--pod-page-bg-color)`。
-- `--color-brand1-6` 使用项目主色占位符，其他品牌档位明确引用这个主色种子推导。`<生成实际色值：…>` 属于推导指令，项目化时替换为实际 CSS 值。
+- `design.md` 与 `app_theme.css` 中，`--color-brand1-6` 保留 `{{PRIMARY_COLOR}}`，`--color-brand1-1` 保留品牌悬停色的同源生成占位，其他品牌档位也由主色种子推导。`<生成实际色值：…>` 属于推导指令，项目化时替换为实际 CSS 值。先完成项目 `design.md`，再运行 `sample yida-design app-theme --design-file <design.md> --output <app_theme.css>`；该命令会替换导出 CSS 的占位。
 - 变量名在两层及各分组中均唯一；平台基础与项目扩展均在主题中声明，可无环引用，并按实际设计补充变量。声明与正文中的引用必须存在，不得循环引用，不使用后缀缩写或 `*` 通配写法。
+- 原生导航选中项阴影统一由 `--pod-nav-menu-item-selected-shadow` 控制；不需要额外标记的主题显式写 `none`，需要标记的主题写完整 `box-shadow` 值。该值不绑定方向：左、右、下强调线分别使用正水平偏移、负水平偏移、负垂直偏移的 `inset` 阴影。公共 CSS 模板负责消费该变量，主题模板不保存平台 DOM 选择器。
 - 标量可用双引号、单引号或普通 CSS 文本；数字可以不加引号。不使用 YAML 数组、别名、标签或多行标量。
 
 ## 项目化占位符
@@ -63,6 +68,6 @@ npm run check:skills
 
 校验器只依赖 Python 3.9+ 标准库；`check:skills` 自动尝试 `python3`、`python`、Windows 的 `py -3`，找不到可用解释器时明确失败，不能跳过。`check:ci` 已包含 `check:skills`。
 
-`check:skills` 还通过 CLI 的公共主题校验检查 `references/theme/app-custom-theme-template.css`，包括括号、字符串和注释闭合、品牌色阶及受限内容。主题生成测试检查 15 套主题的 token 位于顶层 `:root`，并保留白色、灰色导航的变量引用与回退链；不能用正则匹配到变量代替作用域验证。
+`check:skills` 还通过 CLI 的公共主题校验检查 `references/theme/app-custom-theme-template.css`，包括括号、字符串和注释闭合、品牌色阶及受限内容。主题生成测试检查全部主题的 token 位于顶层 `:root`，并保留白色、灰色导航的变量引用与回退链；不能用正则匹配到变量代替作用域验证。
 
 校验覆盖索引与模板一一对应、ID 和路径安全、五章节与四个项目占位符、分组变量声明、固定值、同源关系、未知与循环引用。测试使用真实共享库，并以缺失字段、非法路径、固定值漂移和错误引用等坏样例验证错误能被拦截。

package/yida-skills/skills/yida-design/templates/design-themes/app-amber/app_theme.css

@@ -13,7 +13,7 @@
  *    --design-file <design.md> --output <app-theme.css> 生成主题。
  * 2. 修改 design.md 后重跑同一命令，CLI 增量更新 token 并保留其他定制。
  *    省略 --design-file 会重置模板，不用于保留已有定制的更新。
- * 3. 本模板默认品牌种子为 coffee 咖啡色；最终配色和圆角以 design.md 的 tokens 为准。
+ * 3. 品牌值保留项目占位和派生说明；先完成 design.md，再生成实际主题 CSS。
  * 4. 应用品牌色阶只使用平台实际生成的 --color-brand1-1、2、3、5、6、9、10；
  *    CLI 同时生成 --color-brand-1 至 --color-brand-4 和 --color-group，不要补造 4、7、8。
  * 5. 若 design.md 选择其他主色，必须同步替换品牌色阶、基础色阶、图表色组，以及模板中按钮、
@@ -35,13 +35,13 @@
   --color-white: var(--pod-card-bg-color);
 
   /* brand */
-  --color-brand1-1: #8F7040;
-  --color-brand1-2: #F0EBE5;
-  --color-brand1-3: #FAF8F6;
-  --color-brand1-5: #3F311D;
-  --color-brand1-6: #805c26;
-  --color-brand1-9: #61461D;
-  --color-brand1-10: #393022;
+  --color-brand1-1: <生成实际色值：--color-brand1-6 88% + #FFFFFF 12%，sRGB 逐通道混合>;
+  --color-brand1-2: <生成实际色值：--color-brand1-6 12% + #FFFFFF 88%，sRGB 逐通道混合>;
+  --color-brand1-3: <生成实际色值：--color-brand1-6 4% + #FFFFFF 96%，sRGB 逐通道混合>;
+  --color-brand1-5: <生成实际色值：--color-brand1-6 38% + #171717 62%，sRGB 逐通道混合>;
+  --color-brand1-6: {{PRIMARY_COLOR}};
+  --color-brand1-9: <生成实际色值：--color-brand1-6 76% + #000000 24%，sRGB 逐通道混合>;
+  --color-brand1-10: <生成实际色值：--color-brand1-6 26% + #202020 74%，sRGB 逐通道混合>;
 
   /* line */
   --color-line1-1: #d6cbb8;
@@ -95,11 +95,11 @@
 
   /* rounded */
   --corner-zero: 0px;
-  --corner-1: 4px;
-  --corner-2: 6px;
-  --corner-3: 8px;
-  --corner-4: 10px;
-  --corner-5: 12px;
+  --corner-1: 3px;
+  --corner-2: 3px;
+  --corner-3: 3px;
+  --corner-4: 3px;
+  --corner-5: 3px;
   --corner-circle: 50%;
   --corner-semicircle: 500px;
 
@@ -167,12 +167,12 @@
 
   /* 新主题下变量 */
   /* shell 背景 padding 圆角 */
-  --pod-shell-bg-color-light: var(--color-brand1-2, #F0EBE5);
+  --pod-shell-bg-color-light: var(--color-brand1-2, var(--color-brand1-2));
   --pod-shell-bg-color-white: #fff;
   --pod-shell-bg-color-gray: var(--pod-common-bg-color, #f0f2f5);
-  --pod-shell-bg-color-dark: var(--color-brand1-5, #3F311D);
+  --pod-shell-bg-color-dark: var(--color-brand1-5, var(--color-brand1-5));
   --pod-shell-padding: 4px;
-  --pod-shell-lshape-border-radius: 16px;
+  --pod-shell-lshape-border-radius: 3px;
   /* 新版主题shell main 容器相关 暂时不需要这个变量，写死用户不可配置 */
   --pod-shell-content-container-padding: 0px;
   --pod-shell-content-container-margin: 0px;
@@ -212,7 +212,7 @@
   --pod-formView-stickyFooter-box-shadow: none;
   --pod-formView-stickyFooter-height: 56px;
   --pod-formView-stickyFooter-bottom: 8px;
-  --pod-page-header-bg-color: var(--color-white, #fff);
+  --pod-page-header-bg-color: var(--pod-shell-theme-bg-color);
 
   /* 原生表单：按项目设计调整控件形状、密度和填充，不通过全局 input 选择器覆盖状态。 */
   --form-element-medium-corner: 3px;
@@ -258,8 +258,8 @@
   --pod-nav-page-white-bg-color: rgba(246, 247, 247, 1);
   --pod-nav-page-padding: var(--pod-lg-gap-pad-margin, 16px);
   --pod-nav-top-main-border-width: 1px;
-  --pod-nav-top-main-border-color: #00000014;
-  --pod-nav-l-sub-main-bg-color: var(--color-white, #fff);
+  --pod-nav-top-main-border-color: #D1B477;
+  --pod-nav-l-sub-main-bg-color: var(--pod-shell-theme-bg-color);
   --pod-nav-l-header-gap: 28px;
   --pod-nav-l-header-padding: 8px 16px;
   --pod-nav-l-aside-padding: 8px;
@@ -282,7 +282,7 @@
   --pod-nav-top-tab-item-max-width: 120px;
   --pod-nav-top-tab-item-padding: 0 12px;
   --pod-nav-top-tab-item-inner-padding: 12px 0;
-  --pod-nav-top-tab-indicator-width: 2px;
+  --pod-nav-top-tab-indicator-width: 0px;
 
   /* 新版导航平台 Header、内容行与操作区。 */
   --pod-nav-platform-header-height: 48px;
@@ -296,48 +296,52 @@
   --pod-nav-platform-action-badge-font-size: 9px;
   --pod-nav-platform-action-badge-radius: 7px;
   --pod-nav-platform-action-badge-digit-width: 6px;
-  --pod-nav-action-border: 0.5px solid var(--pod-nav-action-border-color);
+  --pod-nav-action-border: 1px solid #D1B477;
   --pod-nav-ai-wenban-border-color: #ffffff3d;
   --pod-nav-ai-wenban-bg:
     radial-gradient(64px 24px at 31% 0%, transparent, rgba(0, 0, 0, 0.6)),
     linear-gradient(
       161deg,
-      var(--color-brand1-1, #8F7040) 5.22%,
-      var(--color-brand1-5, #3F311D) 50.54%,
-      var(--color-brand1-9, #61461D) 89.61%
+      var(--color-brand1-1, #4584B3) 5.22%,
+      var(--color-brand1-5, #1F3A4E) 50.54%,
+      var(--color-brand1-9, #215780) 89.61%
     );
   --pod-nav-ai-wenban-text-color: var(--color-text1-5, #fff);
   --pod-nav-logo-gap: 8px;
   --pod-nav-logo-padding: 4px 8px;
-  --pod-nav-logo-bg: var(--color-brand1-6, #805c26);
-  --pod-nav-logo-border: none;
-  --pod-nav-logo-icon: var(--color-text1-5, #fff);
-  --pod-nav-logo-border-radius: 6px;
+  --pod-nav-logo-bg: var(--pod-nav-menu-bg-selected-color);
+  --pod-nav-logo-border: 1px solid #D1B477;
+  --pod-nav-logo-icon: var(--pod-nav-item-text-selected-color);
+  --pod-nav-logo-border-radius: 3px;
   --pod-nav-logo-size: 32px;
   --pod-nav-logo-img-size: calc(var(--pod-nav-logo-size, 32px) - 6px);
 
   /* 新版导航搜索 & 菜单栏 & 导航项气泡 */
   --pod-nav-search-height: var(--pod-nav-platform-row-height, 32px);
-  --pod-nav-search-border-color: transparent;
+  --pod-nav-search-border-color: #D1B477;
   --pod-nav-search-menu-gap: 8px;
   --pod-nav-menu-panel-search-padding-top: 8px;
   --pod-nav-menu-panel-top: 12px;
   --pod-nav-menu-panel-after-collapse-top: 40px;
   --pod-nav-menu-item-height: 36px;
   --pod-nav-menu-item-padding: 8px;
-  --pod-nav-menu-item-radius: var(--pod-sm-border-radius, 8px);
+  --pod-nav-menu-item-radius: 3px;
+  --pod-nav-menu-item-border: 1px solid #D1B477;
+  --pod-nav-menu-item-hover-border: 1px solid #754B13;
+  --pod-nav-menu-item-selected-border: 1px solid #593607;
   --pod-nav-menu-font-size: 14px;
-  --pod-nav-menu-item-selected-font-weight: 400;
+  --pod-nav-menu-item-selected-font-weight: 600;
+  --pod-nav-menu-item-selected-shadow: none;
   --pod-nav-menu-line-height: 20px;
   --pod-nav-menu-icon-size: 16px;
   --pod-nav-menu-arrow-icon-size: 12px;
-  --pod-nav-menu-gap: 8px;
+  --pod-nav-menu-gap: 4px;
   --pod-nav-menu-item-gap: 4px;
   --pod-nav-popup-width: 220px;
   --pod-nav-popup-max-height: 400px;
   --pod-nav-popup-padding: 8px;
-  --pod-nav-popup-border-radius: var(--corner-3);
-  --pod-nav-popup-shadow: 0 8px 24px rgba(31, 35, 41, 0.12);
+  --pod-nav-popup-border-radius: 3px;
+  --pod-nav-popup-shadow: none;
 
   /* 侧导菜单滚动区底部渐隐遮罩高度，并预留等高底部空间。 */
   --pod-nav-menu-fade-height: 32px;
@@ -355,12 +359,33 @@
   --page-bg: var(--pod-page-bg-color, #fff);
   --card-bg: var(--pod-card-bg-color, #fff);
   --popup-bg: var(--color-fill1-5, #fff);
-  --pod-shell-theme-bg-color: #FFFFFF;
-  --pod-nav-item-text-color: #595959;
-  --pod-nav-item-text-hover-color: #262626;
-  --pod-nav-item-text-selected-color: var(--color-brand1-6);
-  --pod-nav-menu-bg-hover-color: #F5F5F5;
-  --pod-nav-menu-bg-selected-color: #F0F0F0;
+  --pod-shell-theme-bg-color: #FFF0CD;
+  --pod-nav-item-text-color: #754B13;
+  --pod-nav-item-text-hover-color: #593607;
+  --pod-nav-item-text-selected-color: #FFF8E6;
+  --pod-nav-menu-bg-hover-color: #F4DFAA;
+  --pod-nav-menu-bg-selected-color: #754B13;
+  --pod-nav-logo-text: var(--pod-nav-item-text-hover-color);
+  --pod-nav-sub-divider-color: #D1B477;
+  --pod-nav-item-text-disabled-color: rgba(24,28,31,.30);
+  --pod-nav-l-container-bg: var(--pod-shell-theme-bg-color);
+  --pod-nav-l-group-label-color: var(--pod-nav-item-text-color);
+  --pod-nav-l-search-border-color: #D1B477;
+  --pod-nav-popup-bg-color: var(--pod-shell-theme-bg-color);
+  --pod-nav-tab-line-hover-color: var(--pod-nav-item-text-hover-color);
+  --pod-nav-tab-line-selected-color: var(--pod-nav-item-text-hover-color);
+  --pod-nav-search-bg-color: var(--pod-nav-menu-bg-hover-color);
+  --pod-nav-search-bg-hover-color: var(--pod-nav-menu-bg-hover-color);
+  --pod-nav-search-bg-active-color: var(--pod-nav-menu-bg-hover-color);
+  --pod-nav-search-placeholder-color: var(--pod-nav-item-text-color);
+  --pod-nav-search-text-color: var(--pod-nav-item-text-hover-color);
+  --pod-nav-search-icon-color: var(--pod-nav-item-text-color);
+  --pod-nav-search-border-hover-color: var(--pod-nav-item-text-hover-color);
+  --pod-nav-search-border-active-color: var(--pod-nav-item-text-hover-color);
+  --pod-nav-action-icon-color: var(--pod-nav-item-text-color);
+  --pod-nav-action-border-color: #D1B477;
+  --pod-nav-action-bg-hover-color: var(--pod-nav-menu-bg-hover-color);
+  --pod-nav-action-bg-active-color: var(--pod-nav-menu-bg-hover-color);
   --input-hover-bg-color: #fffefa;
   --oyd-page-bg: var(--pod-page-bg-color);
   --oyd-surface: var(--pod-card-bg-color);
@@ -378,11 +403,11 @@
   --oyd-rule-style: solid;
   --oyd-layout-columns: minmax(0, 4fr) minmax(0, 4fr) minmax(0, 4fr);
   --oyd-surface-shadow: none;
-  --color-brand-1: #393022;
-  --color-brand-2: #8F7040;
-  --color-brand-3: #805c26;
-  --color-brand-4: #61461D;
-  --color-group: #805c26, #8F7040, #3F311D, #F0EBE5, #61461D, #FAF8F6;
+  --color-brand-1: var(--color-brand1-10);
+  --color-brand-2: var(--color-brand1-1);
+  --color-brand-3: var(--color-brand1-6);
+  --color-brand-4: var(--color-brand1-9);
+  --color-group: var(--color-brand1-6), var(--color-brand1-1), var(--color-brand1-5), var(--color-brand1-2), var(--color-brand1-9), var(--color-brand1-3);
 }
 
 /* 独立提交页（含抽屉 iframe）使用应用外衬；平台默认壳层取导航背景且不消费背景图。 */
@@ -394,6 +419,22 @@ body.pod-premium.page-type-submit .vc-shell-without-nav.pod-premium {
   background-size: cover;
 }
 
+/* 原生详情属于内容区，独立页面和抽屉内都沿用内容画布与前景。 */
+body.pod-premium.page-type-detail .vc-shell-without-nav.pod-premium {
+  background-color: var(--pod-page-bg-color, var(--color-white, #fff));
+  --pod-theme-text-color: var(--color-text1-4, #202020);
+}
+
+/* 详情顶栏的独立图标使用内容文字色，保留按钮自身的禁用状态。 */
+body.pod-premium.page-type-detail .top-banner-area
+  .next-yida-button-iconOnly:not([disabled]):not(.disabled) .next-icon {
+  color: var(--color-text1-3, #737373);
+}
+body.pod-premium.page-type-detail .top-banner-area
+  .next-yida-button-iconOnly:not([disabled]):not(.disabled):hover .next-icon {
+  color: var(--color-text1-4, #202020);
+}
+
 /* 按实际底栏类型适配 PC 固定提交栏，不按有无导航判断。
  * 排除 DATA_MANAGE 和容器内 sticky 模式；抽屉提交标记按平台规则优先。
  * 管理页、旧主题、移动端继续由各自布局负责占位。 */
@@ -448,44 +489,46 @@ body.pod-premium.page-type-submit
 
 :root {
   /* Light theme defaults. */
-  --pod-nav-logo-text: var(--color-text1-4, #202020);
-  --pod-nav-sub-divider-color: var(--color-line1-1, #efefef);
-  --pod-nav-item-text-color: #595959;
-  --pod-nav-item-text-hover-color: #262626;
-  --pod-nav-item-text-disabled-color: rgba(24, 28, 31, 0.24);
-  --pod-nav-item-text-selected-color: var(--color-brand1-6);
-  --pod-nav-menu-bg-hover-color: #F5F5F5;
-  --pod-nav-menu-bg-selected-color: #F0F0F0;
-  --pod-nav-l-container-bg: rgba(255, 255, 255, 0.4);
-  --pod-nav-l-group-label-color: rgba(24, 28, 31, 0.4);
-  --pod-nav-l-search-border-color: rgba(0, 0, 0, 0);
-  --pod-nav-popup-bg-color: var(--popup-bg, var(--color-white, #fff));
-  --pod-nav-tab-line-hover-color: var(--color-brand1-6, #805c26);
-  --pod-nav-tab-line-selected-color: var(--color-brand1-6, #805c26);
-  --pod-nav-search-bg-color: var(--ovrelay-fill1-6, rgba(24, 28, 31, 0.06));
-  --pod-nav-search-bg-hover-color: var(--ovrelay-fill1-6, rgba(24, 28, 31, 0.06));
-  --pod-nav-search-bg-active-color: rgba(83, 88, 97, 0.24);
-  --pod-nav-search-placeholder-color: var(--color-text1-1, #d6d6d6);
-  --pod-nav-search-text-color: var(--color-text1-4, #202020);
-  --pod-nav-search-icon-color: var(--color-text1-2, #adadad);
-  --pod-nav-search-border-hover-color: var(--color-brand1-6, #805c26);
-  --pod-nav-search-border-active-color: var(--color-brand1-6, #805c26);
-  --pod-nav-action-icon-color: var(--color-text1-2, #adadad);
-  --pod-nav-action-border-color: rgba(24, 28, 31, 0.12);
-  --pod-nav-action-bg-hover-color: rgba(83, 88, 97, 0.16);
-  --pod-nav-action-bg-active-color: rgba(83, 88, 97, 0.24);
+  --pod-nav-logo-text: var(--pod-nav-item-text-hover-color);
+  --pod-nav-sub-divider-color: #D1B477;
+  --pod-nav-item-text-color: #754B13;
+  --pod-nav-item-text-hover-color: #593607;
+  --pod-nav-item-text-disabled-color: rgba(24,28,31,.30);
+  --pod-nav-item-text-selected-color: #FFF8E6;
+  --pod-nav-menu-bg-hover-color: #F4DFAA;
+  --pod-nav-menu-bg-selected-color: #754B13;
+  --pod-nav-l-container-bg: var(--pod-shell-theme-bg-color);
+  --pod-nav-l-group-label-color: var(--pod-nav-item-text-color);
+  --pod-nav-l-search-border-color: #D1B477;
+  --pod-nav-popup-bg-color: var(--pod-shell-theme-bg-color);
+  --pod-nav-tab-line-hover-color: var(--pod-nav-item-text-hover-color);
+  --pod-nav-tab-line-selected-color: var(--pod-nav-item-text-hover-color);
+  --pod-nav-search-bg-color: var(--pod-nav-menu-bg-hover-color);
+  --pod-nav-search-bg-hover-color: var(--pod-nav-menu-bg-hover-color);
+  --pod-nav-search-bg-active-color: var(--pod-nav-menu-bg-hover-color);
+  --pod-nav-search-placeholder-color: var(--pod-nav-item-text-color);
+  --pod-nav-search-text-color: var(--pod-nav-item-text-hover-color);
+  --pod-nav-search-icon-color: var(--pod-nav-item-text-color);
+  --pod-nav-search-border-hover-color: var(--pod-nav-item-text-hover-color);
+  --pod-nav-search-border-active-color: var(--pod-nav-item-text-hover-color);
+  --pod-nav-action-icon-color: var(--pod-nav-item-text-color);
+  --pod-nav-action-border-color: #D1B477;
+  --pod-nav-action-bg-hover-color: var(--pod-nav-menu-bg-hover-color);
+  --pod-nav-action-bg-active-color: var(--pod-nav-menu-bg-hover-color);
   --pod-theme-text-color: var(--color-text1-4, #202020);
   --pod-page-header-text-color: var(--pod-theme-text-color, var(--color-text1-4, #202020));
 }
 
 .pod-premium.nav-light {
-  --pod-shell-theme-bg-color: #FFFFFF;
-  --pod-page-header-bg-color: #FFFFFF;
+  --pod-shell-theme-bg-color: #FFF0CD;
+  --pod-page-header-bg-color: var(--pod-shell-theme-bg-color);
+  --pod-shell-lshape-border-radius: 3px;
 }
 
 .pod-premium.nav-dark {
   --pod-shell-theme-bg-color: var(--pod-shell-bg-color-dark, var(--color-brand1-5, rgba(52, 50, 44, 1)));
   --pod-page-header-bg-color: var(--pod-shell-theme-bg-color, var(--color-white, #fff));
+  --pod-shell-lshape-border-radius: 16px;
 }
 
 .pod-premium.nav-white {
@@ -501,15 +544,53 @@ body.pod-premium.page-type-submit
 .pod-premium.is-light {
   --pod-theme-text-color: var(--color-text1-4, #202020);
   --pod-page-header-text-color: var(--pod-theme-text-color, var(--color-text1-4, #202020));
-  --pod-nav-logo-bg: var(--color-brand1-6, #805c26);
-  --pod-nav-logo-border: none;
-  --pod-nav-item-text-selected-color: var(--color-brand1-6);
-  --pod-nav-menu-bg-selected-color: #F0F0F0;
-  --pod-nav-popup-bg-color: var(--color-white, #fff);
-  --pod-nav-action-icon-color: var(--color-text1-2, #adadad);
-  --pod-nav-item-text-color: #595959;
-  --pod-nav-item-text-hover-color: #262626;
-  --pod-nav-menu-bg-hover-color: #F5F5F5;
+  --pod-nav-logo-bg: var(--pod-nav-menu-bg-selected-color);
+  --pod-nav-logo-border: 1px solid #D1B477;
+  --pod-nav-item-text-selected-color: #FFF8E6;
+  --pod-nav-menu-bg-selected-color: #754B13;
+  --pod-nav-popup-bg-color: var(--pod-shell-theme-bg-color);
+  --pod-nav-action-icon-color: var(--pod-nav-item-text-color);
+  --pod-nav-item-text-color: #754B13;
+  --pod-nav-item-text-hover-color: #593607;
+  --pod-nav-menu-bg-hover-color: #F4DFAA;
+  --pod-nav-l-sub-main-bg-color: var(--pod-shell-theme-bg-color);
+  --pod-nav-top-main-border-width: 1px;
+  --pod-nav-top-main-border-color: #D1B477;
+  --pod-nav-top-tab-indicator-width: 0px;
+  --pod-nav-logo-text: var(--pod-nav-item-text-hover-color);
+  --pod-nav-logo-icon: var(--pod-nav-item-text-selected-color);
+  --pod-nav-logo-border-radius: 3px;
+  --pod-nav-sub-divider-color: #D1B477;
+  --pod-nav-item-text-disabled-color: rgba(24,28,31,.30);
+  --pod-nav-l-container-bg: var(--pod-shell-theme-bg-color);
+  --pod-nav-l-group-label-color: var(--pod-nav-item-text-color);
+  --pod-nav-l-search-border-color: #D1B477;
+  --pod-nav-popup-border-radius: 3px;
+  --pod-nav-popup-shadow: none;
+  --pod-nav-tab-line-hover-color: var(--pod-nav-item-text-hover-color);
+  --pod-nav-tab-line-selected-color: var(--pod-nav-item-text-hover-color);
+  --pod-nav-search-bg-color: var(--pod-nav-menu-bg-hover-color);
+  --pod-nav-search-bg-hover-color: var(--pod-nav-menu-bg-hover-color);
+  --pod-nav-search-bg-active-color: var(--pod-nav-menu-bg-hover-color);
+  --pod-nav-search-placeholder-color: var(--pod-nav-item-text-color);
+  --pod-nav-search-text-color: var(--pod-nav-item-text-hover-color);
+  --pod-nav-search-icon-color: var(--pod-nav-item-text-color);
+  --pod-nav-search-border-color: #D1B477;
+  --pod-nav-search-border-hover-color: var(--pod-nav-item-text-hover-color);
+  --pod-nav-search-border-active-color: var(--pod-nav-item-text-hover-color);
+  --pod-nav-action-border-color: #D1B477;
+  --pod-nav-action-border: 1px solid #D1B477;
+  --pod-nav-action-bg-hover-color: var(--pod-nav-menu-bg-hover-color);
+  --pod-nav-action-bg-active-color: var(--pod-nav-menu-bg-hover-color);
+  --pod-nav-menu-item-height: 36px;
+  --pod-nav-menu-item-radius: 3px;
+  --pod-nav-menu-item-border: 1px solid #D1B477;
+  --pod-nav-menu-item-hover-border: 1px solid #754B13;
+  --pod-nav-menu-item-selected-border: 1px solid #593607;
+  --pod-nav-menu-font-size: 14px;
+  --pod-nav-menu-item-selected-font-weight: 600;
+  --pod-nav-menu-line-height: 20px;
+  --pod-nav-menu-gap: 4px;
 }
 
 .pod-premium.is-dark {
@@ -529,7 +610,7 @@ body.pod-premium.page-type-submit
   --pod-nav-l-container-bg: rgba(255, 255, 255, 0.08);
   --pod-nav-l-group-label-color: rgba(255, 255, 255, 0.4);
   --pod-nav-l-search-border-color: rgba(255, 255, 255, 0.05);
-  --pod-nav-popup-bg-color: var(--pod-shell-bg-color-dark, var(--color-brand1-5, #3F311D));
+  --pod-nav-popup-bg-color: var(--pod-shell-bg-color-dark, var(--color-brand1-5, rgba(52, 50, 44, 1)));
   --pod-nav-tab-line-hover-color: #fff;
   --pod-nav-tab-line-selected-color: #fff;
   --pod-nav-search-bg-color: rgba(255, 255, 255, 0.12);
@@ -545,7 +626,67 @@ body.pod-premium.page-type-submit
   --pod-nav-action-border: 0.5px solid rgba(255, 255, 255, 0.2);
   --pod-nav-action-bg-hover-color: rgba(255, 255, 255, 0.12);
   --pod-nav-action-bg-active-color: rgba(255, 255, 255, 0.16);
+  --pod-nav-l-sub-main-bg-color: var(--color-white, #fff);
+  --pod-nav-top-main-border-width: 1px;
+  --pod-nav-top-main-border-color: #00000014;
+  --pod-nav-top-tab-indicator-width: 2px;
+  --pod-nav-logo-icon: var(--color-text1-5, #fff);
+  --pod-nav-logo-border-radius: 6px;
+  --pod-nav-popup-border-radius: var(--corner-3);
+  --pod-nav-popup-shadow: 0 8px 24px rgba(31, 35, 41, 0.12);
+  --pod-nav-search-border-color: transparent;
+  --pod-nav-menu-item-height: 36px;
+  --pod-nav-menu-item-radius: var(--pod-sm-border-radius, 8px);
+  --pod-nav-menu-item-border: none;
+  --pod-nav-menu-item-hover-border: var(--pod-nav-menu-item-border);
+  --pod-nav-menu-item-selected-border: var(--pod-nav-menu-item-border);
+  --pod-nav-menu-font-size: 14px;
+  --pod-nav-menu-item-selected-font-weight: 400;
+  --pod-nav-menu-line-height: 20px;
+  --pod-nav-menu-gap: 8px;
+}
+
+/* openyida-navigation-shape:start */
+/* Side/L navigation and top tabs share the same theme-defined menu shape.
+ * Border widths stay constant between states; border-box keeps row height stable. */
+.pod-premium .deep-shell-nav-menu-content .next-nav-item,
+.pod-premium .deep-shell-nav-tab-list .next-nav-item {
+  box-sizing: border-box;
+  border-radius: var(--pod-nav-menu-item-radius, 8px);
+  border: var(--pod-nav-menu-item-border, none);
+}
+/* Native inner rows also have a fixed minimum height. Fit them inside the
+ * bordered item instead of letting a thick outline push content below it. */
+.vc-shell.pod-premium .next-nav.next-line.next-ver.deep-shell-nav-menu-content:not(.next-icon-only) .next-nav-item.next-menu-item > .next-menu-item-inner,
+.vc-shell.pod-premium .next-shell-header .next-shell-navigation .next-nav.next-line.next-hoz.deep-shell-nav-tab-list .next-nav-item.next-menu-item > .next-menu-item-inner {
+  box-sizing: border-box;
+  height: 100% !important;
+  min-height: 0 !important;
+}
+.pod-premium .deep-shell-nav-menu-content .next-nav-item:hover,
+.pod-premium .deep-shell-nav-tab-list .next-nav-item:hover {
+  border: var(--pod-nav-menu-item-hover-border, var(--pod-nav-menu-item-border, none));
+}
+/* Platform top tabs use transparent backgrounds and zero margin !important.
+ * Match the header scope so theme surfaces and spacing can reveal their shape. */
+.vc-shell.pod-premium .next-shell-header .next-shell-navigation .next-nav.next-line.next-hoz.deep-shell-nav-tab-list .next-nav-item.next-menu-item {
+  margin-inline: calc(var(--pod-nav-menu-gap, 8px) / 2) !important;
+}
+.vc-shell.pod-premium .next-shell-header .next-shell-navigation .next-nav.next-line.next-hoz.deep-shell-nav-tab-list .next-nav-item.next-menu-item:hover {
+  background: var(--pod-nav-menu-bg-hover-color) !important;
+  color: var(--pod-nav-item-text-hover-color) !important;
+}
+.vc-shell.pod-premium .next-shell-header .next-shell-navigation .next-nav.next-line.next-hoz.deep-shell-nav-tab-list .next-nav-item.next-menu-item.next-selected {
+  background: var(--pod-nav-menu-bg-selected-color) !important;
+  color: var(--pod-nav-item-text-selected-color) !important;
+}
+/* Selected state wins over hover, retaining the original inset-shadow marker. */
+.pod-premium .deep-shell-nav-menu-content .next-nav-item.next-selected,
+.pod-premium .deep-shell-nav-tab-list .next-nav-item.next-selected {
+  border: var(--pod-nav-menu-item-selected-border, var(--pod-nav-menu-item-border, none));
+  box-shadow: var(--pod-nav-menu-item-selected-shadow, none);
 }
+/* openyida-navigation-shape:end */
 
 /* OPENYIDA APPLICATION STYLE RECIPES START
  * Opt-in semantic classes for custom pages. Native form structure stays in Schema.