规范 §3.6.1：画布卡片层高自适应/角标配色表/底部按钮口径与开始共创改名

2026-10-07 13:24:47 +08:00
parent 14d90718ad
commit b818579a06
1 changed files with 7 additions and 1 deletions
@@ -462,9 +462,15 @@ A 路线里那个必须提前知道的互斥点已经按既有做法绕开：`cr
  - **默认大纲式缩进树**（`LineageOutlineList`）：全宽行、层级用左缩进 + 肘形导线表达、主干链导线加粗用主题色；**无横向滚动**、无需缩放平移；行高 ≥44px，点击行 = 选中（无 hover）。
  - **大纲行版式口径（2026-10-07 追加，来自真机截图复盘）**：
    - **内容列限宽居中**：`.lineage-outline` 用 `max-width: 54rem` + `margin: 0 auto`，宽屏不再整屏出血（之前 1300px+ 横条、文字与「打开 / Fork」之间约 700px 死空白）。操作按钮是行的**最后一个子元素**，因此固定在**内容列右端**，不会飘到屏幕最右侧。
-    - **角标成组、永不叠印**：代际 / 主干 / 当前作品 / 父代-子代 四类角标统一放进 `.game-lineage-node__badges`（flex + gap + 可换行）。此前它们各自 `position: absolute`（代际左上、主干右上、「当前作品」在流内），在窄容器里会**互相叠印成乱码字形**（大纲行的「第 1 代」与「主干」）；现在组内一律静态定位，重叠在结构上不可能发生。画布形态用同一组角标，只是整组作为封面左上角的浮层。
+    - **角标成组、永不叠印**：代际 / 主干 / 当前作品 / 父代-子代 / ▶游玩数 统一放进 `.game-lineage-node__badges`（flex + gap + 可换行）。此前它们各自 `position: absolute`（代际左上、主干右上、「当前作品」在流内），在窄容器里会**互相叠印成乱码字形**（大纲行的「第 1 代」与「主干」）；现在组内一律静态定位，重叠在结构上不可能发生。**2026-10-07 起两种形态都把该组放在封面下方**（画布卡片的信息区第一行），不再作为封面浮层。
    - **缩略图统一 16:9**：大纲行的封面与画布同一比例（16:9，4.5rem 宽），不再被角标撑成窄竖条；行用 `min-height: 3.5rem` 做统一基线，标题最多 2 行 clamp → 同层行等宽、跨行等高，连线端点一致。
    - **信息密度**：代际 + 主干 + 当前作品 + 父代/子代 由「三行」收敛成**一行角标组**，标题 2 行 clamp、作者一行 → 每行比改版前少一行。
+  - **画布卡片版式与层高自适应（2026-10-07 追加，来自真机截图复盘）**：
+    - **层高按该层最高卡片**：布局新增输入 `cardHeights`（每个节点的卡片高度，由**纯函数** `estimateLineageCardHeight` 估算：基础高 + (标题行数−1)×行高，标题行数按字符宽度估、上限 2 行）。竖版 `第 N 层的 y = 上一层 y + 上一层最高卡片高度 + rowGap`，层内所有卡片取该层最大高度（同层等高，`min-height` 撑开），因此「同层里有一张 2 行标题的高卡」也不会被下一层压住；横版（窄屏图谱）槽位高取全局最大卡片高。**不测量 DOM**（纯函数可单测、离线复算，不会先渲染再重排抖动）。常量由真机校准：桌面 1 行 376px / 2 行 399px → 取 380 / +24；窄屏紧凑卡 1 行 350 / 2 行 373 → 取 352 / +24（估算 ≥ 实测，只多不少）。
+    - **代际轴按层高画**：`LineageGenerationAxisEntry` 增加 `height`（该层层高），轴的每一行高度跟着层高走（不再拿「第一个节点的高度」凑）。
+    - **角标组移到封面下方**（不再用深色药丸压在封面图上），并且**上色**——每类语义一色、**全部取自平台既有 `--platform-*` 变量，不新增色值**：代际 = 中性（neutral）｜**主干 = 暖色（warm，强调）**｜**当前作品 = 主色实心（accent solid）**｜父代 = cool｜子代 = success｜▶游玩数 = 中性。组内仍是 flex + gap + 可换行（**绝不重叠**），并有 1px 边框保证在浅色卡片上有边界。
+    - **卡片底部重做**：作者行独立一行、更小更淡（`--platform-text-muted`）；操作区是**两个等权重按钮**（`flex: 1 1 0`、`min-height: 2rem` = 32px 触控目标、同圆角同内边距），`打开作品` = 次要（描边），`**开始共创**` = 主要（填充/着色）；窄卡允许换行但不裁切。大纲行同口径（`打开作品` 描边 / `开始共创` 填充）。
+    - **动作改名**：树节点（画布 + 大纲）上的 `Fork` 一律改为 **`开始共创`**（`aria-label` 同步为 `开始共创《标题》`）。其余界面（详情页「一键 Fork 共创」、AGC 客户端、主题页等）本轮**未改**，待产品统一口径。
  - **图谱视图为可选开关**（形态 B = **横版画布**，`orientation: 'horizontal'`：根在左、代际向右、兄弟分支沿纵向排开，窄屏上比顶→下更省横向空间）：切到画布后支持拖拽平移 / 缩放；横版**不渲染左侧代际轴**，代际信息由节点自带角标承担。**初次进入按宽度适配**（整棵树横向看完；触及最小缩放时给出「可拖拽平移」提示），并把**当前作品**用最小位移拉进视口——贴最近的边，父代 / 兄弟仍留在视口里，不会出现「停在 100% 缩放、一个节点都看不到」的空屏。桌面仍为纵向画布 + 宽高同时适配并居中。
  - **信息面板用 bottom sheet**：从底部升起（含简介 / 授权 / 核心改动说明 / 前往体验 / Fork 此版本），遮罩点击或关闭按钮收起；桌面保持画布右上浮层。
  - **父代 / 子代区分与「只看父代与子代」开关**（2026-10-06 追加）：