Composition Drilldown Field

先确认父构成、被选中部分和子构成使用可核对的分母，再建立两层主次关系。参考预览使用矩形构成与条形下钻，但饼环、堆叠、树图等准确表达都可替换。

Signature invariants

• 黑色命题头、粗体结论、一个珊瑚关键词和白色分析场构成高对比编辑身份。
• 左侧较大的整体构成与右侧较小的子构成同时可见；连接线必须从真实选中部分指向子图区域。
• 被选中部分在两张图中保持同一颜色和名称，父分母与子分母分别标明。
• 主构成占据最大面积，子图用于回答“这个部分内部是什么”，不得成为第二个无关主图。
• 精确比例、容量和色彩读取 design-model.yaml。

Composition grammar

Whole → selected part → detail — default

• 标题先提出整体结论，分析场从左到右依次展示父构成、层级连接和子构成。
• 父图直接标出被选部分及其占整体比例；子图说明该部分内部的类别、比例或原因。
• 可使用饼环、堆叠条、矩形树图、马赛克或准确的构成表述；连接不是数据定位箭头，而是稳定的层级关系。

Expression and capacity

• 父构成通常 3–7 项，子构成 2–6 项；长尾可合并为“其他”，但须说明规则。
• 父项总和与子项总和分别核对到各自分母，不得把子项百分比误写为整体百分比。
• 用户明确指定有效表达时保留；未指定时按类别数量、精确比较需求和层级关系选择构成表达。
• 只有一个层级时使用普通构成 Skill，不为了填满画布虚构下钻。

Responsive transformation

• landscape：主构成在左、子构成在右，中间使用固定层级连接。
• square：保持左右关系但缩短标题，或将子构成置于右下角。
• portrait：主构成在上、子构成在下，连接改为向下的层级桥。
• wide_short：黑色命题头改为左侧窄栏，父构成与子构成横向紧凑排列。
• 小画布先合并长尾和隐藏次要注释，不隐藏选中父项、连接或子分母。

Build sequence

1. 核对父分母、父类别、选中部分、子分母和子类别。
2. 选择准确的父构成与子构成表达，统一选中部分的颜色和名称。
3. 建立稳定层级连接并直接标注两个分母，避免指向随机数据点。
4. 按 references/platform-mapping.md 验证五种画布。

实现前读取 design-model.yaml、references/tokens.md、references/visual-grammar.md 和 references/platform-mapping.md。