# 长图组件组合

当前使用 references/long-image-styles.json 的31组成对样式，以及 component + styleId。按所选主题读取素材；模块不能混用 light 与 dark。头图使用 header-v2.json 中的四个批准画板，hero.tags 为空时用无标签样式。插画、Logo 与标签底形按明确 ID 获取。

画布宽1080px，暗色背景 #020B50。每模块前距133px，外卡上下内边距各133px，标题到正文63px，其余间距按53/43/33px取最近档位。外卡宽1002px、圆角47px；说明面板圆角44px。可选区域为空时连同间距收起，长文字增加组件高度。

正文用 prose、prose-sections、prose-details；关系、步骤、案例、问答、表格分别使用对应独立组件。四项任务纵排。截图缺失时收起图位。固定圆角由CSS绘制，静态图形等比显示，不能拉伸卡片或气泡边角。

数据图表选择明确 styleId：增长/下降指标卡与 trend-change 是示意；增加1只展示原文涨幅；增加2与多项对比按同单位 numericValue 从统一零基线计算柱高。旧独立 chart-01…21 不参与路由，也不放入旧831px图表槽位。

表格保留所有列、行、合并关系和附注；字段与说明可以增列并自适应，不能为了版式删除内容或合并不同原文章节。前后对比继续执行 comparison-policy.json：小标题不超过10字、两侧等量且语义逐项对应才用面板，其他情况用表格。

主标题使用兰亭DemiBold480，英文数字使用MiSans；模块标题的核心词由宿主在原文中选择连续短语并填 titleHighlight，两主题均标蓝。以字体清单的真实字重渲染，不使用合成加粗。

原文保存在content.json，路由与哈希保存在plan.json；样式、规则或内容变化后重新规划。完成后等待window.brandkitReady，检查实际字体、文本边界、数值比例和预览，再按#canvas导出1080px宽图片。