Teal Performance Signal

先选择能准确回答问题的数据表达，再建立“左侧完整故事、右侧指向式解释”的关系。不得把右侧退化为普通侧栏，也不得用说明文字弥补错误或缺失的数据编码。

Signature invariants

• 深青故事区、薄荷解释区和语义指针共同构成一个不可拆散的双区构图。
• 指针必须是薄荷面板自身跨过分界线的实心三角；横屏向左、堆叠布局向上。只有两块色面而没有指针时，任务未完成。
• 故事区保持“标题 → 主视觉 → 图后解释”的阅读顺序，并只使用一个奶油色焦点。
• 解释区只说明主图中的真实编码、阈值、方向或角色，不变成建议清单或第二张图。
• 精确比例、字体、颜色和容量以 design-model.yaml 为准。

Composition grammar

Pointed explanation split

• 左区从上到下固定为标题/副标题、主视觉、图后解释；右区负责阅读规则，两区通过三角指针形成语义连接。
• 标题、主视觉和图后解释依靠留白分段，不添加卡片；指针不得隐藏在标题或图形后方。
• 右区解释按低到高、早到晚、普通到重点、上游到下游或与主图一致的空间顺序排列。

Expression and capacity

• 用户明确指定图表类型时保留该类型；未指定时再选择能够支持一个焦点和一组可解释编码的表达。
• 所有表达共用同一关系：主视觉透明落在深青区，奶油色聚焦一个真实重点，薄荷—青色表达上下文，右侧解释实际编码。
• 奶油色只能聚焦一个主要信号。若多个对象同等重要，应改用薄荷层级或选择不依赖单焦点的设计 Skill。
• 字体、字号、构图比例和容量只读取 design-model.yaml；图表族细节读取 references/visual-grammar.md。

Responsive transformation

• landscape：深青故事区在左，薄荷解释区在右，指针向左。
• square / portrait：故事区在上，解释区在下，指针旋转向上。
• wide_short：保留左右结构并压缩解释区和纵向文案。
• 主图必须填满分配给它的弹性绘图区，由图表容器尺寸和真实数据比例决定标记尺寸；不得用固定像素柱高、半径或图形尺寸模拟响应式。
• 所有模式保留单一奶油焦点、标题—图—解释顺序和语义指针；具体容量与降级顺序读取 design-model.yaml。

Build sequence

1. 明确主视觉、奶油色焦点以及右侧需要解释的真实编码、方向或层级。
2. 建立双区、三角指针和左侧“标题—图—解释”的固定顺序。
3. 应用三字体角色、深青—薄荷—奶油色场和准确的直接标注。
4. 先检查标准横屏中的指针关系、主图面积、奶油焦点和解释顺序，再按 references/platform-mapping.md 验证四类宽高比。

完成前必须用布局矩形检查指针：它应与薄荷区同色、跨过两区边界且在首帧可见，不得被任何祖先容器的 overflow 裁掉。

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