用途：当大标题和一张代表图构成信息核心时使用，例如封面、产品介绍、服务介绍、截图介绍。
结构：使用 div 场景容器 class="scene clip title-image"，内含 eyebrow（分类）、scene-title（主标题）、scene-subtitle（可选副说明）与 image-frame（内放 img）。图片置于项目 assets/ 下并以相对路径引用，文件名建议用序号-说明.扩展名。
CSS 要点：title-image 采用 align-items: center 与 text-align: center 实现垂直与水平居中；image-frame 宽 100%、max-width 1400px、aspect-ratio 16/9、margin-top 48px，圆角可选；img 宽高 100%、object-fit: contain。避免 position: absolute 定位图片，应在文档流中管理尺寸。
GSAP 入场：以常量 start 为基准依次用 tl.from 让 eyebrow 从上方淡入（start+0.2）、scene-title 从下方淡入（start+0.4）、scene-subtitle 淡入（start+0.9）、image-frame 自下而上并轻微缩放淡入（start+1.2），顺序为标题、副文本、图片。
布局：自上而下堆叠徽标、标题、副文本、图片，全部水平居中。
写作原则：标题为主、图片为辅证；副文本保持 1 至 2 行；图片强则标题更短，图片弱则标题更明确。
无图处理：在空的 image-frame 上用虚线边框与浅色半透明背景作占位，示意此处放图；没有自动占位组件，CSS 默认值即占位。图片就绪后只需填入 img。
生成器可识别 Markdown 形式：井号加方括号徽标与标题、下一行副文本、再下一行图片语法。
限制：资料未提供安装命令、平台、价格或效果数据，暂未提供。