openyida 2026.9.21 → 2026.9.22-beta.2

package/yida-skills/skills/yida-design/templates/design-themes/soft-rail-bold-band/design.md

@@ -1,394 +0,0 @@
----
-name: "{{PROJECT_NAME}}"
-description: "独立导航衬托白色工作区，白色圆角面板以细边框分组；由同一主色派生的深色横幅与明亮强调建立焦点，低对比线框纹理、大数字与轻量比较信息保持清晰层级，不限定具体色相。"
-themeId: soft-rail-bold-band
-navTheme: light
-tokens:
-  application-global:
-    appearance:
-      surfaces:
-        "--pod-app-root-bg-color": "var(--color-brand1-3)" # 主题浅色派生档，主色轻混无彩灰，形成框架兜底
-        "--pod-app-root-bg-image": "none" # 纹理属于局部内容，不是应用背景图
-        "--pod-page-bg-color": "#FFFFFF" # neutral-gray；内容画布
-        "--pod-card-bg-color": "#FFFFFF" # neutral-gray；内容面板和表单表面
-        "--pod-table-cell-color": "var(--pod-card-bg-color)" # 表格正文单元格跟随卡片表面
-      navigation:
-        "--pod-shell-theme-bg-color": "#F5F5F5"
-        "--pod-nav-item-text-color": "#181818"
-        "--pod-nav-item-text-hover-color": "var(--color-brand1-6)"
-        "--pod-nav-item-text-selected-color": "var(--color-brand1-6)"
-        "--pod-nav-menu-bg-hover-color": "#EFEFEF"
-        "--pod-nav-menu-bg-selected-color": "#FFFFFF"
-        "--pod-nav-menu-item-selected-shadow": "none"
-        "--pod-page-header-bg-color": "var(--pod-shell-theme-bg-color)"
-        "--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": "#DEDEDE"
-        "--pod-nav-top-tab-indicator-width": "0px"
-        "--pod-nav-logo-text": "var(--pod-nav-item-text-hover-color)"
-        "--pod-nav-logo-bg": "var(--pod-nav-menu-bg-selected-color)"
-        "--pod-nav-logo-icon": "var(--pod-nav-item-text-selected-color)"
-        "--pod-nav-logo-border": "1px solid #DEDEDE"
-        "--pod-nav-logo-border-radius": "8px"
-        "--pod-nav-sub-divider-color": "#DEDEDE"
-        "--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": "#DEDEDE"
-        "--pod-nav-popup-bg-color": "var(--pod-shell-theme-bg-color)"
-        "--pod-nav-popup-border-radius": "8px"
-        "--pod-nav-popup-shadow": "0 8px 24px rgba(24,28,31,.10)"
-        "--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": "#DEDEDE"
-        "--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": "#DEDEDE"
-        "--pod-nav-action-border": "1px solid #DEDEDE"
-        "--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": "42px"
-        "--pod-nav-menu-item-radius": "4px"
-        "--pod-nav-menu-item-border": "2px solid transparent"
-        "--pod-nav-menu-item-hover-border": "2px solid #A6A6A6"
-        "--pod-nav-menu-item-selected-border": "2px solid var(--color-brand1-6)"
-        "--pod-nav-menu-font-size": "14px"
-        "--pod-nav-menu-item-selected-font-weight": "500"
-        "--pod-nav-menu-line-height": "20px"
-        "--pod-nav-menu-gap": "8px"
-        "--pod-shell-lshape-border-radius": "8px"
-    colors:
-      "--color-white": "var(--pod-card-bg-color)" # 全应用基础表面，跟随内容明暗；固定反色文字使用独立前景角色
-      "--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 2% + #F7F7F7 98%，sRGB 逐通道混合>" # 品牌派生浅色，保留框架的轻染灰层次
-      "--color-brand1-5": "<生成实际色值：--color-brand1-6 38% + #171717 62%，sRGB 逐通道混合>" # 品牌派生深色
-      "--color-brand1-6": "{{PRIMARY_COLOR}}" # 唯一主色入口；用户指定优先，否则由项目流程中的 AI 推导，不固定截图色相
-      "--color-brand1-9": "<生成实际色值：--color-brand1-6 76% + #000000 24%，sRGB 逐通道混合>" # 品牌交互按下
-      "--color-brand1-10": "<生成实际色值：--color-brand1-6 26% + #FFFFFF 74%，sRGB 逐通道混合>" # 品牌交互禁用
-      "--color-line1-1": "<生成实际色值：--color-brand1-6 3% + #EBEBEB 97%，sRGB 逐通道混合>" # theme-gray；弱边界、表格分隔、图表辅助线
-      "--color-line1-2": "<生成实际色值：--color-brand1-6 4% + #DDDDDD 96%，sRGB 逐通道混合>" # theme-gray；输入与按钮常规边框
-      "--color-fill1-1": "#FFFFFF" # neutral-gray；输入默认表面及中性悬停角色
-      "--color-fill1-2": "<生成实际色值：--color-brand1-6 2% + #F5F5F5 98%，sRGB 逐通道混合>" # theme-gray；按下、选中、分段控件底面
-      "--color-fill1-3": "<生成实际色值：--color-brand1-6 3% + #E9E9E9 97%，sRGB 逐通道混合>" # theme-gray；较重填充、骨架和进度轨道
-      "--color-fill1-5": "#FFFFFF" # neutral-gray；下拉、浮层、气泡、抽屉、弹窗与图表读数
-      "--color-fill1-10": "#262626" # neutral-gray；固定深色短 Tooltip 背景
-      "--color-text1-5": "#FFFFFF" # neutral-gray；短 Tooltip 固定反色前景
-      "--color-text1-4": "#111111" # neutral-gray；主标题、正文、重要数值
-      "--color-text1-10": "<生成实际色值：--color-brand1-6 8% + #666666 92%，sRGB 逐通道混合>" # theme-gray；表头、placeholder 与必要辅助文字
-      "--color-text1-3": "<生成实际色值：--color-brand1-6 8% + #7C7C7C 92%，sRGB 逐通道混合>" # theme-gray；保留原稿次级说明、坐标与周期信息的明度
-      "--color-text1-2": "#ABABAB" # neutral-gray；仅用于禁用文字
-      "--color-text1-1": "#CECECE" # neutral-gray；仅用于水印文字
-    typography:
-      "--font-family-base": "Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif"
-      "--font-size-subhead": "18px"
-      "--font-weight-subhead": 500
-      "--font-lineheight-subhead": 1.3
-      "--font-size-body-2": "16px"
-      "--font-weight-body-2": 500
-      "--font-lineheight-body-2": 1.45
-      "--font-size-body-1": "14px"
-      "--font-weight-body-1": 400
-      "--font-lineheight-body-1": 1.5
-      "--font-size-table": "13px"
-      "--font-weight-table": 400
-      "--font-lineheight-table": 1.45
-      "--font-size-caption": "12px"
-      "--font-weight-caption": 400
-      "--font-lineheight-caption": 1.4
-    spacing:
-      "--s-1": 4px
-      "--s-2": 8px
-      "--s-3": 12px
-      "--s-4": 16px
-      "--s-5": 20px
-      "--s-6": 24px
-      "--s-7": 28px
-      "--s-8": 32px
-      "--s-9": 36px
-      "--s-10": 40px
-    rounded:
-      "--corner-zero": 0px # 拼接表格与贴边分隔
-      "--corner-1": 4px # 小徽标、条形图端角
-      "--corner-2": 8px # 输入、按钮、菜单项和分段选项
-      "--corner-3": 10px # 下拉、气泡、弹窗外轮廓
-      "--corner-4": 12px # 图形图标盒、局部实体卡片
-      "--corner-5": 16px # 一级面板、横幅与抽屉外轮廓
-      "--corner-circle": "var(--corner-2)" # 等宽高头像、图例圆点
-      "--corner-semicircle": 500px # 开关轨道、进度圆头；不作为普通按钮默认圆角
-    shadow:
-      "--shadow-1": "0px 2px 4px 0px rgba(0, 0, 0, 0.12)"
-      "--shadow-2": "0px 4px 20px -1px rgba(0, 0, 0, 0.16)"
-      "--shadow-3": "0px 10px 28px -2px rgba(0, 0, 0, 0.24)"
-  custom-page:
-    colors:
-      "--oyd-page-bg": "var(--pod-page-bg-color)" # 页面背景单向桥接
-      "--oyd-accent-color": "<生成实际色值：--color-brand1-6 50% + #FFFFFF 50%，sRGB 逐通道混合>" # 同一主色的明亮强调档，不是第二主题色或成功状态色
-      "--oyd-accent-foreground": "#111111" # neutral-gray；明亮强调面的深色前景
-      "--oyd-accent-ink": "<生成实际色值：--color-brand1-6 40% + #000000 60%，sRGB 逐通道混合>" # 同源深色图标与文字，供白底使用
-      "--oyd-accent-hover": "<生成实际色值：--oyd-accent-color 92% + #FFFFFF 8%，sRGB 逐通道混合>" # 派生强调操作悬停
-      "--oyd-accent-pressed": "<生成实际色值：--oyd-accent-color 96% + #000000 4%，sRGB 逐通道混合>" # 派生强调操作按下
-      "--oyd-accent-subtle": "<生成实际色值：--color-brand1-6 10% + #FFFFFF 90%，sRGB 逐通道混合>" # 同源浅色图标底面；非成功标签底面
-      "--oyd-hero-bg": "<生成实际色值：--color-brand1-6 40% + #000000 60%，sRGB 逐通道混合>" # 同一主色的深色横幅档
-      "--oyd-hero-foreground": "#FFFFFF" # neutral-gray；横幅专属前景，独立于固定 Tooltip 配对
-      "--oyd-hero-control-bg": "rgba(255, 255, 255, 0.16)" # 深色横幅内部次要操作叠色
-      "--oyd-hero-pattern-color": "rgba(255, 255, 255, 0.07)" # 横幅线框和实体卡片角部装饰
-      "--oyd-data-series-primary": "<生成实际色值：--color-brand1-6 55% + #000000 45%，sRGB 逐通道混合>" # 同源深色数据序列；不引用交互状态色
-      "--oyd-data-series-secondary": "<生成实际色值：--color-brand1-6 50% + #FFFFFF 50%，sRGB 逐通道混合>" # 同源浅色数据序列；职责独立，色源相同，不表示好坏
-    typography:
-      "--oyd-font-size-metric": "28px" # 常规独立指标；按产品尺度推断
-      "--oyd-font-weight-metric": 400
-      "--oyd-font-lineheight-metric": 1.2
-      "--oyd-font-size-hero-value": "32px" # 焦点横幅数值；按产品尺度推断
-      "--oyd-font-weight-hero-value": 400
-      "--oyd-font-lineheight-hero-value": 1.2
----
-
-# {{PROJECT_NAME}} design.md
-
-## 1. 风格摘要
-
-**浅灰导航 · 深色焦点横幅（soft-rail-bold-band）**
-
-独立导航围绕明亮的白色工作区。内容依靠宽松内边距、细灰边框和适度圆角形成清晰分组，普通面板保持平整，数字大而不厚重。存在核心摘要时，用主色的深色派生面集中建立焦点，同一主色的明亮派生色承担关键动作。主题保留深浅对比关系，具体色相沿用项目主色。低对比线框只出现在强调区域，日常表格、表单和说明仍保持朴素。
-
-| 核心特征             | 可见表现                                               | 主要偏离风险                                             |
-| -------------------- | ------------------------------------------------------ | -------------------------------------------------------- |
-| 独立导航与白色内容面 | 当前菜单使用专用选中配色；内容画布保持白色             | 把内容区铺成大面积灰底而依赖重阴影分层                   |
-| 同源深浅的集中强调   | 同一主色派生深色信息面和明亮操作面，数据用不同明度区分 | 额外固定第二色相，或把所有角色直接填成未经分层的主色     |
-| 圆角面板配方正工具   | 内容面板圆角较大，工具按钮与输入是较小圆角矩形         | 将普通按钮全部改为胶囊，或让每个内部组件继承面板的大圆角 |
-| 大数字与轻辅助信息   | 数字使用常规字重，周期、比较值和说明使用主题灰色分层   | 以超粗数字、渐变文字、装饰字替代清晰的数据层级           |
-| 少量局部材质         | 深色横幅右侧有低对比圆角线框，实体展示可有角部几何纹样 | 把纹理扩散到白色表面，或给全页加渐变、玻璃模糊、立体材质 |
-
-浅灰框架、白色面板、圆角分工、由主色轻微染色的辅助文字和克制的强调构成跨页面基础。横幅、双向图表、比较指标和实体卡片仅在存在相应内容时使用；不以主题为理由添加业务模块。
-
-## 2. 页面视觉系统
-
-### 2.1 表面、区块与层次
-
-白色工作区与白色面板依靠边线和留白区分。导航选中项和少量悬浮控件可有弱阴影，常驻业务面板默认无阴影。下列局部线宽、阴影与纹理尺度属于实施推断；图片导出像素不直接作为 CSS 尺寸。
-
-| 对象                                         | 背景与必要前景                                                                             | 边界、形状与阴影                                                         |
-| -------------------------------------------- | ------------------------------------------------------------------------------------------ | ------------------------------------------------------------------------ |
-| 应用根背景                                   | `--pod-app-root-bg-color`；背景图使用 `--pod-app-root-bg-image`                            | 浅灰兜底；背景图只作用于根节点，本主题默认无图                           |
-| 页面画布与顶部工具区                         | `--pod-page-bg-color`，自定义页使用 `--oyd-page-bg`；前景用 `--color-text1-4`              | 连续白面，无默认底色条和投影；工具区不被重复套卡片                       |
-| 一级面板、表单主容器、详情容器               | `--pod-card-bg-color`；主文字用 `--color-text1-4`                                          | 1px `--color-line1-1`，`--corner-5`，默认无阴影                          |
-| 表格正文                                     | `--pod-table-cell-color`                                                                   | 白色连续行，横向细分隔，拼接处用 `--corner-zero`                         |
-| 内部分段与辅助底面                           | 普通内容延续白面；中性选中和分段控件底面用 `--color-fill1-2`；较重填充用 `--color-fill1-3` | 通过留白或单条分隔线区分，不连续叠加卡片边框                             |
-| 深色重点横幅                                 | `--oyd-hero-bg` 配 `--oyd-hero-foreground`；操作另按其背景配前景                           | `--corner-5`，无投影；纹理限制在局部背景                                 |
-| 下拉、浮层、气泡、弹窗、弹出日历、导航弹出层 | `--color-fill1-5`；文字用 `--color-text1-4` 与 `--color-text1-10`                          | `--corner-3`，细边框；小浮层可用 `--shadow-1`，模态弹窗可用 `--shadow-2` |
-| 抽屉                                         | `--color-fill1-5`；前景按浅色内容配套                                                      | 露出角用 `--corner-5`，贴边处直角；必要时使用 `--shadow-2`               |
-| 图表读数浮卡                                 | `--color-fill1-5`；标签用 `--color-text1-10`，数值用主文字色，图例点对应数据序列           | `--corner-3`，`--shadow-1`；不继承深色横幅表面                           |
-| 短提示 Tooltip                               | `--color-fill1-10` 配 `--color-text1-5`                                                    | `--corner-3`，保持固定深底浅字，与白色数据浮卡区分                       |
-
-局部轻抬起表面采用弱阴影 `0 2px 4px rgba(0,0,0,0.06)`，仅用于自绘导航选中项、已有身份卡和分段控件的当前项，不扩展至所有面板。`--shadow-3` 保留为完整平台档位，本主题无默认使用对象。深色横幅是内容强调表面，不代表内容区进入深色模式，周围输入与覆盖层继续使用白色。
-
-### 2.2 应用导航
-
-浅灰导航托起白色选中菜单，搜索和分组使用细边界，菜单形状与内容按钮、输入保持一致。
-
-菜单轮廓使用 --pod-nav-menu-item-radius、--pod-nav-menu-item-border、--pod-nav-menu-item-hover-border、--pod-nav-menu-item-selected-border。侧栏和顶部菜单共用轮廓，各状态保持相同边框宽度，文字位置稳定；具体数值以本项目 Token 为准。
-
-导航与应用框架、表单、自定义页面和详情页共用设计语言。先按业务入口安排菜单、分组、搜索、品牌区与常用操作，再一起确定导航与正文的明暗、表面、字体、边界、圆角和密度。平台导航使用真实页面菜单；自绘导航按同一套导航 Token 实现。命名模板沿用自身 navTheme，换主色保持导航明暗与内容画布；需要另一导航明暗时改选主题，自由创意按项目明确设计。
-
-导航底色使用 --pod-shell-theme-bg-color；普通、悬停和选中文字分别使用 --pod-nav-item-text-color、--pod-nav-item-text-hover-color、--pod-nav-item-text-selected-color；悬停和选中背景使用 --pod-nav-menu-bg-hover-color、--pod-nav-menu-bg-selected-color。图标跟随对应文字状态，当前入口同时用背景或字重表达。
-
-菜单高度、圆角与间距使用 --pod-nav-menu-item-height、--pod-nav-menu-item-radius、--pod-nav-menu-gap；搜索、品牌区、分组、操作和弹出菜单使用 navigation 分组中的对应 Token。弹出菜单的底色、文字与搜索状态成组配套，导航与内容可以分别选择明暗。选中项使用 --pod-nav-menu-item-selected-shadow：none 关闭额外标记，完整 box-shadow 值可表达左、右或底部内阴影，不占据菜单布局空间；该 Token 独立于导航明暗。菜单高度、文字行高、内距和框架留白一起调整，给外阴影、长标题与键盘焦点留出空间。
-
-桌面检查菜单、搜索、选中态与表单的协调；折叠后保留可识别图标和入口名称；窄屏保持菜单可展开、当前页面可定位、键盘焦点可见。提交、编辑、详情与自定义页都沿用这一导航设计。
-
-### 2.3 页面标题与操作
-
-白色页面上方的已有搜索、日期或范围筛选、导出等工具直接排列，不额外包装一层大面板。搜索与其任务区域对齐，筛选和操作保持一组，间距使用 `--s-2`。存在日期与范围预设时可将两者拼成共享外轮廓的组合控件，中间只保留一条分隔线；不是所有页面都必须有日期工具。
-
-页面标题存在时使用全局标题规格，与真实说明形成清晰两层；没有独立标题需求时，不为主题补出重复标题。标题与正文区之间使用 `--s-5` 或 `--s-6`，标题与描述之间使用 `--s-1` 或 `--s-2`。
-
-面板标题左对齐，可带细线图标；筛选、排序、管理或查看等已有操作在另一侧对齐。窄幅情况下工具组换行，先保留标题和主要动作的主次，不缩小全局字号。深色横幅内部的动作属于该内容区域，与顶部全局工具明确分组。
-
-### 2.4 排版、间距与形状
-
-使用 `--font-family-base`。字体选择是中性无衬线实现方案，不声称识别出截图的准确字体。常规字重为主，层级主要靠字号、留白与颜色建立。
-
-| 文字角色                     | 字号、字重与行高                                                                                 | 颜色和安排                                           |
-| ---------------------------- | ------------------------------------------------------------------------------------------------ | ---------------------------------------------------- |
-| 页面标题                     | `--font-size-subhead`、`--font-weight-subhead`、`--font-lineheight-subhead`                      | `--color-text1-4`，不采用装饰字                      |
-| 面板标题和重要标签           | `--font-size-body-2`、`--font-weight-body-2`、`--font-lineheight-body-2`                         | `--color-text1-4`；深色横幅内使用专属前景            |
-| 正文、输入、按钮和菜单       | `--font-size-body-1`、`--font-weight-body-1`、`--font-lineheight-body-1`                         | 主文字色；辅助操作按重要程度降级                     |
-| 表格文字                     | `--font-size-table`、`--font-weight-table`、`--font-lineheight-table`                            | 表头用 `--color-text1-10`，正文用 `--color-text1-4`  |
-| 周期、比较基数、坐标及元信息 | `--font-size-caption`、`--font-weight-caption`、`--font-lineheight-caption`                      | `--color-text1-3`；关键解释提高到 `--color-text1-10` |
-| 独立面板数值                 | `--oyd-font-size-metric`、`--oyd-font-weight-metric`、`--oyd-font-lineheight-metric`             | 近黑，旁侧变化量降低为正文规格                       |
-| 焦点横幅数值                 | `--oyd-font-size-hero-value`、`--oyd-font-weight-hero-value`、`--oyd-font-lineheight-hero-value` | `--oyd-hero-foreground`；不同时放大所有辅助字段      |
-
-指标使用等宽数字特性，金额与单位保持一致格式；货币、小数点、分组符和日期服从项目语言与地区，不照搬示例数据的区域格式。数值与变化量基线对齐，表格可比较数字对齐统一；只有真实变化时显示百分比和方向符号。
-
-页面外边距使用 `--s-6` 或 `--s-8`，主要区块间距使用 `--s-4` 或 `--s-5`；面板内边距使用 `--s-5` 或 `--s-6`。标题与主体之间使用 `--s-5` 或 `--s-6`，文字、图标与辅助标签之间使用 `--s-2`。内容较多时可收紧到相邻档位，不能通过缩小全局字体提高密度。实际列数、宽度、面板高度和等高对象在逐页方案中明确。
-
-圆角按用途区分：连续拼接用 `--corner-zero`，小徽标和柱形端角用 `--corner-1`，按钮、输入和菜单项用 `--corner-2`，覆盖层用 `--corner-3`，较大的图标盒和实体展示卡用 `--corner-4`，一级面板与横幅用 `--corner-5`。头像、事件底圆用 `--corner-circle`，开关轨道和进度圆头用 `--corner-semicircle`。普通按钮不采用胶囊外形。
-
-### 2.5 色彩、图标与点缀
-
-本项目使用 `{{PRIMARY_COLOR}}` 作为唯一主色。横幅使用主色加黑得到的深色档，重点动作使用主色加白得到的明亮档；边界、辅助文字和需要带色的中性表面，由同一主色低比例混入无彩灰生成。主题约束明暗、饱和度与使用面积，不锁定截图的深青、翠绿或蓝灰，也不增加独立强调色种子。标准黑白、无彩灰和平台状态色保持各自语义。
-
-数据颜色按系列身份使用 `--oyd-data-series-primary` 和 `--oyd-data-series-secondary`。两序列均由唯一主色按不同明度计算，数据变量与动作变量保持职责独立，第二序列不表示成功状态；正负方向、流入流出与好坏判断必须分别解释。成功、错误、警告和信息使用平台已有语义色，不在页面层重建同义状态变量。变化率的绿色或玫红色由实际业务评价规则映射；下降不自动等同错误，上升不自动等同成功。
-
-功能图标采用统一的圆端细描边，视觉尺寸以 `--s-4` 或 `--s-5` 为主，线宽约 1.5px（推断）。面板标题图标使用 `--oyd-accent-ink`，使用白底上可读的同源深色线条，直接位于文字左侧，不默认套底盒；导航和常规工具图标仍跟随各自文字颜色。数据摘要中的方向图标可以置于圆角实底盒；事件列表图标可以置于 `--oyd-accent-subtle` 浅色圆底，图标使用 `--oyd-accent-ink`。两者承担不同识别任务，不能互相泛化；真正状态图标仍按平台状态语义配色。
-
-纹理使用 `--oyd-hero-pattern-color`，限制在深色横幅的次要一侧或实体展示卡角部。线框为倾斜的圆角矩形，少量重复、局部裁切，线宽约 1px（推断）；形状不得遮住正文和操作。没有已有品牌图案时可采用中性几何纹样，不复刻品牌标志，也不为普通白卡增加纹理。主题不默认使用渐变、玻璃模糊、发光边缘或三维插画。
-
-## 3. 基础组件表达
-
-本部分只说明组件存在时的视觉表达，不要求所有页面具备所有组件。未列出的组件按任务结构、表面层级、文字角色、形状和状态推导，避免新增同义变量。
-
-### 面板与内容分组
-
-一级内容面板为白底、细浅灰边框和 `--corner-5`，常驻内容无投影。标题与已有操作共享一行，内部信息通过留白和单向分隔线组织，不再嵌套多层完整白卡。表单分组沿同一规则表达；简单表单无需为体现主题增加大数字和品牌横幅。
-
-独立摘要的大数字使用常规字重，比较信息在同一行或下方形成次级阅读层。核心数字和变化率之间使用 `--s-2`，前期值、日期口径等辅助说明与主数值分开。不要将变化百分比放大到与主值同等强度。
-
-### 按钮与图标操作
-
-普通按钮为白色、细描边圆角矩形，背景用 `--color-fill1-1`，边框用 `--color-line1-2`，前景用 `--color-text1-4`，圆角用 `--corner-2`。按钮高度按角色使用 `--s-7` 至 `--s-10` 四档；常规工具使用 `--s-8`，更重要或内容较多的操作使用较高档，不因截图放大新增全局规格。
-
-深色横幅中的重点动作使用 `--oyd-accent-color` 配 `--oyd-accent-foreground`；同一区域的次要动作使用 `--oyd-hero-control-bg` 配 `--oyd-hero-foreground`，保持清楚边界和文字。普通内容中的品牌实底按钮使用 `--color-brand1-6`，沿用浅字前景；避免在同组安排多个同等醒目的重点按钮。
-
-图标按钮宽高相等，但仍用 `--corner-2`，不自动改成圆形。图标加文字的操作间隔使用 `--s-2`。已有省略号入口采用小方形描边按钮，不能成为无含义装饰。
-
-### 输入、范围工具与分段控件
-
-输入默认表面使用 `--color-fill1-1`，不能引用同为白色的卡片或 pop-up 背景。高度采用 `--s-8` 至 `--s-10` 三档，边框用 `--color-line1-2`，圆角用 `--corner-2`，placeholder 用 `--color-text1-10`。搜索图标在输入内左侧，快捷键提示只有在功能真正实现时出现，不复制截图中的键位作为装饰。
-
-日期范围与预设合并时共享控件高度与外轮廓，拼接内角直角，中间用一条细边线隔开。普通筛选控件不强行增加同类拼接结构。
-
-分段控件以 `--color-fill1-2` 为整体浅底，当前项为白色中性表面、轻边界和局部弱阴影，其他项仅呈次级文字。选中项圆角使用 `--corner-2`，不使用深色或明亮强调实底填满。该形式仅用于同一数据或视图的互斥切换。
-
-### 表格、活动记录与小型状态
-
-表格正文使用 `--pod-table-cell-color`，通过 `var(--pod-card-bg-color)` 跟随内容面板。表头同样保持白面，文字用 `--color-text1-10`；默认只有横向分隔线，没有斑马纹、竖向网格或高饱和表头。表格所在面板的标题与工具区在上方，表头与正文沿一致列轴对齐。
-
-普通记录可在主信息下加入次级日期、类型或附属数值，两行之间使用 `--s-1`，行内垂直留白使用 `--s-4` 或 `--s-5`。事件图标可放浅色圆底，尺寸以 `--s-8` 或 `--s-9` 为参考；图标必须对应实际事件类型，不能随机分配装饰。
-
-状态标签使用 `--corner-1`、紧凑内边距和平台语义色的浅表面。成功标记的前景与浅底来自成功语义，不能直接借用数据序列色。待处理等中性状态可使用中性浅底与主题灰文字，但必须有明确文案。认证、货币数、流程状态和操作数量分别表达，不能混成同一徽章。
-
-独立对象列表沿用文字与分隔线规则，可使用头像或实体缩略图；没有连续跨列比较任务时不强加表格列。头像来自真实素材，缺图采用统一中性占位，不合成品牌或个人形象。
-
-### 图表与方向摘要
-
-图表绘图区保持白底，轴与网格使用 `--color-line1-1`，文字用 `--color-text1-3`；主序列和第二序列使用专用数据变量。时间分隔可采用细虚线，主要值域刻度用细实线，避免网格比数据更醒目。柱体实色、无阴影，外端采用 `--corner-1`，接近零轴的端部保持清晰基线。
-
-数据摘要的方向图标可采用 `--corner-4` 的实底盒，背景与对应数据序列一致，前景根据实际颜色确定；浅色派生底优先使用深色前景。图标表示方向或类别，不替代标签和数值。摘要数值、周期、变化率与图表必须同源、同单位、同一筛选范围。
-
-图表读数用白色浮卡，并以色点、名称与数值对应序列。缺失数据保留缺口或缺失说明，真实零值才落在零轴。参考线、目标线和前期数据只在确有该数据时显示。不能为视觉饱满新增随机柱体，不能用 hover、active 或 disabled 色代替系列色。
-
-### 状态与局部反馈
-
-| 状态                             | 视觉规则                                                                                                                               |
-| -------------------------------- | -------------------------------------------------------------------------------------------------------------------------------------- |
-| Hover                            | 中性控件保持 `--color-fill1-1`，加深边框或图标；品牌操作用 `--color-brand1-1`，明亮强调操作用 `--oyd-accent-hover`。普通面板不整体上浮 |
-| Active / pressed                 | 中性操作用 `--color-fill1-2`，品牌操作用 `--color-brand1-9`，明亮强调操作用 `--oyd-accent-pressed`；不改变布局尺寸                     |
-| Selected                         | 分段控件与数据集合以浅底、白色当前项或清晰标记表达；导航使用专用配色，避免品牌色铺满一切选中项                                         |
-| Focus                            | 使用约 2px 品牌色轮廓与可见外间隔（推断）；深色横幅中改用能与底色区分的浅色轮廓                                                        |
-| Disabled                         | 中性文字使用 `--color-text1-2`，品牌控件使用 `--color-brand1-10`；派生强调动作禁用时退为中性表面与禁用文字，不保留高强调外观           |
-| Error / warning / success / info | 沿用平台既有语义色，配文字和必要图标；输入结构保持稳定，不用数据序列色冒充状态                                                         |
-| Loading / empty                  | 骨架采用 `--color-fill1-3`；空态以简短说明和已有可用操作呈现，不以假数值或装饰图表填充                                                 |
-
-开关开启可使用主色或其可读的派生档，关闭用中性轨道；轨道用 `--corner-semicircle`，滑块保持圆形。状态变化以约 120–180ms 的颜色与透明度过渡为主（推断），不默认弹跳或持续动画。输入错误、键盘焦点、禁用和加载等未展示状态为按本主题推导的实现规则。
-
-### 表单组件与版式结构
-
-表单使用与自定义页面相同的应用全局样式，字体、色彩、表面、边界、圆角、密度和状态延续本主题。表单支持在顶部、左侧、主体、右侧和字段之间组合 Tab/切换、按钮组/操作入口、图片/图形、状态区、标题与 `Divider`、`ColumnContainer`、辅助内容和业务字段。各组件承担导航、操作、视觉焦点、反馈、层级、节奏、装饰或采集作用。普通业务分组和章节分隔使用 `Divider`，横向字段组合使用 `ColumnContainer`。每张表单在项目 `design.md` 写清组件位置与作用、列比例、标签位置、字段与章节间距、底栏、详情延续和窄屏重排。
-
-## 4. 特色表达配方
-
-### R1 深色摘要横幅与局部线框纹理
-
-**适用内容：** 存在一个需要优先阅读的真实总体摘要、关键状态或核心数值；只有与它直接关联的真实操作才进入横幅。
-
-**继承基础：** 横幅表面、焦点数值排版、按钮层级、间距和局部纹理规则。
-
-**特殊组合：** 文本侧先放短标签，再放主要数值或关键结论，变化值以较低字号与其并列；操作侧形成单独一组，重点动作呈明亮实底，次要动作呈浅色半透明叠面。线框纹理只覆盖次要一侧，沿轻微倾斜方向错位重复，并被横幅边缘裁切，文字区保留足够纯净底色。横幅主体是平面实色，不能改成发光渐变。
-
-**无匹配时：** 不生成横幅；只有简短状态时允许使用普通面板或行内信息，不为保留大色块增加总额和操作。
-
-### R2 零轴双向柱与并列读数
-
-**适用内容：** 同一时间范围内存在单位一致、方向相反的真实数据，例如流入与流出，或者一组有明确正负定义的数值。仅有两个无方向关系的类别不适用。
-
-**继承基础：** 图表系列色、细网格、圆角柱外端、同源读数和方向图标盒规则。
-
-**特殊组合：** 两个方向共享一条清晰零轴与时间刻度，主序列向上、第二序列向下；数据方向由语义定义，浅色序列向下不代表成功或失败。同一单位的上下数值使用一致的像素尺度，刻度和标签明确说明方向。需要在轴旁为符号留出空间时，不移动数据的真实零起点制造虚假数值。图表一侧可排列真实汇总读数，以一条纵线与绘图区分开，各读数之间再用横线分隔。
-
-**无匹配时：** 没有反向关系则使用普通并列柱或其他适当图形；没有汇总需求则不保留侧区；无数据时呈现空态，不绘制镜像随机柱。
-
-### R3 主值、变化与前期值的轻量卡片
-
-**适用内容：** 存在定义一致的当前值与前期值，且项目明确需要比较；只展示当前数值不必采用完整配方。
-
-**继承基础：** 白色圆角面板、独立指标排版、主题灰说明与真实状态语义。
-
-**特殊组合：** 顶部用小图标、名称和低强调周期形成一行；主体将大数值与较小的变化率基线对齐，底部放前期值及比较口径。多张同类卡片保持阅读顺序和文字基线一致，数量与宽度由实际指标确定，不预设三张。变化箭头表达方向，颜色表达已定义的业务评价，二者可以不同。
-
-**无匹配时：** 缺少前期值则省略比较行；前期值为零时显示有定义的绝对变化或解释，不生成无意义的百分比。不能为了维持卡片高度伪造上一周期数据。
-
-### R4 少量错位叠放的实体展示
-
-**适用内容：** 项目确有需要视觉展示的卡片、凭证或其他实体条目，并且需要暗示真实存在的相邻项或集合。
-
-**继承基础：** 实体卡片圆角、深色强调表面、局部纹样和大数值排版。
-
-**特殊组合：** 当前实体完整显示，真实相邻条目只露出少量顶部边缘，用主色的明亮派生色形成轻微层叠；偏移使用 `--s-2` 或 `--s-3`，不使用透视、厚重投影或旋转。实体上的主要标识、名称或编号各有清晰位置，辅助图案限制在角部低对比区域。敏感字段遵循项目既有展示规则；没有真实素材时使用中性标识，不复制示例商标。
-
-**无匹配时：** 只有单个实体则呈单卡，无实体内容则省略；不得增加不存在的背面条目，普通指标卡不使用叠放造型。
-
-## 5. 项目应用与调整规则
-
-### 变量、平台与规则优先级
-
-YAML 是变量值的唯一事实源，正文负责消费关系；已由变量承接的数值只在 YAML 维护。局部未变量化的线宽、阴影、纹理和动效参数已就近标明为推断。字体与间距保持固定基线，不按截图倍率放大。
-
-全局变量用于原生与自定义页面，本模板的扩展包含同源强调、焦点表面、数据色和数值排版；扩展的是使用角色，不是主题色来源。按两个分组递归读取以 `--` 开头的标量叶子，不把分组名称拼入变量名；平台基础与项目扩展均在主题中声明，可无环引用，并按实际设计补充变量。输入、卡片与 pop-up 即使同为白色也保持各自语义引用。
-
-导航具有独立状态职责，并通过已有主色引用跟随项目换色；原生导航使用六项开放颜色，自绘导航才应用菜单圆角和局部阴影。平台已有组件优先保留真实交互能力，在允许的样式接口内实现主题。未提供具体名称的平台状态变量只按语义对接，不虚构接口。
-
-需求决定页面、功能和数据，平台约束决定可用能力，主题规定视觉表达。配方不能覆盖自然内容增长、数据方向与比较口径；没有对应内容可以完全不采用配方。
-
-### 单一主色与派生色实例化
-
-- 色彩来源：{{COLOR_SOURCE}}。
-- `{{PRIMARY_COLOR}}` 是唯一主色入口。用户已指定时直接采用；未指定时，由项目流程中的 AI 依据品牌信息与页面需求推导一次，并记录在色彩来源中。模板不回填固定深青，也不把截图中的翠绿、蓝灰作为其他主色。参考图提供视觉关系，不覆盖项目已确定的主色。
-- 品牌七档保留悬停、平台预留浅色、派生浅色、派生深色、主色、按下和禁用语义。深横幅、明亮操作、图标、带色中性灰与图表色均沿同一主色生成；语义变量可以多个，色相来源只有一个。
-- 派生只把主色或其上游派生值与黑、白、无彩灰混合。具体种子、基底、比例以 YAML 为准；不得加入第二个固定彩色基底，或为恢复截图颜色另选新主色。标准黑白、无彩灰及平台错误、警告、成功、信息状态不属于新增主题色。
-- sRGB 逐通道计算：`round(A通道 × A占比 + B通道 × B占比)`，通道范围 0–255，占比之和为 100%，输出六位十六进制；不采用线性光转换。先解析唯一主色，再按依赖顺序计算全局派生、页面派生及其交互状态。
-- 深色横幅、明亮操作及其文字沿用设计稿确定的配对；按 YAML 的固定比例从主色派生，保留原有明暗层次。白色叠加纹理继续按 alpha 与深底合成。
-- 导航悬停和选中文字使用各自的专用变量，按本模板 navTheme 配成一组；需要品牌强调时引用 `var(--color-brand1-6)`。
-- 主、次数据序列分别直接从主色计算深浅档，不引用动作的 hover、pressed 或 disabled 色。同一主色重算时，两条数据色与操作强调一起重算；序列仍保持独立图例与数据语义。近似色难以区分时用标注、描边或纹理补充，不能擅自引入新主题色。
-- 实例化时替换占位符、计算生成标记，并按消费者需要解析引用。对比度与系列辨识度在实际页面中核对；模板中的不同角色不能被理解为可分别挑选多个品牌色。
-
-### 项目页面设计
-
-只对实际需求中的页面填写明确结果，不将参考画面中的业务名、余额、日期、账号、菜单和卡片数量写成通用要求。每页包含：
-
-- **页面内容：** 页面名称、主要任务、真实字段、数据和已有操作。
-- **首屏印象：** 第一个焦点及形成它的构图、颜色、层级与留白；只有确有主要摘要时采用深色横幅，否则通过基础页面结构形成焦点。
-- **布局安排：** 区块位置、主次、实际宽度、列数、高度、对齐与窄屏顺序；明确哪些对象需要等高，哪些随内容增长，不把图片底部裁切当作设计。
-- **视觉表达：** 各区块使用的表面、组件与状态；采用配方时写出编号和位置。不存在的图表、卡片或辅助区直接省略。
-- **标志性时刻：** 指定一处静态画面或真实交互反馈，说明位置或触发条件、表现和任务价值，可与首屏焦点相同。
-
-头像、标志、实体图案、素材缺口和特殊展示约束直接写入对应页面。没有品牌素材时采用确定的中性替代，不挪用示例商标。项目方案应给出确定的布局和颜色结果，不以“根据内容决定”代替决策，也不为填满主题创建额外业务。
-
-{{PAGE_APPLICATIONS}}
-
-### 页面设计验收
-
-以下用于后续实际页面验收，尚未渲染时保持未勾选。
-
-- [ ] **首屏印象：** 焦点、内容主次与整体感受符合方案；已使用的深色横幅与明亮动作保持明确层级。
-- [ ] **布局安排：** 分区、比例、列数、高度、对齐及窄屏顺序符合逐页设计；自然内容增长与完整记录未被强制裁切。
-- [ ] **风格表达：** 独立导航、白色细边框面板、圆角分工和主题灰辅助文字成立；图表序列、操作强调和状态色各有明确职责。
-- [ ] **标志性时刻：** 指定构图或反馈按位置和条件出现，帮助理解真实数据或完成操作，未用装饰暗示不存在的内容。

package/yida-skills/skills/yida-design/templates/design-themes/soft-rail-bold-band/form-layout.json

@@ -1,13 +0,0 @@
-[
-  {
-    "type": "ColumnContainer",
-    "layout": "12",
-    "columnGap": "16px",
-    "rowGap": "16px",
-    "display": "VERTICAL",
-    "mobileRowGap": "16px",
-    "children": [
-      []
-    ]
-  }
-]