首屏横幅：幻灯片与内容框
组合幻灯片、内容框和共享内容块，制作图片卡片、媒体上的标题或独立文字区域。
Hero 是一个全宽媒体区域，由以下层级组成：
Hero（高度、轮播）
└── Slide（桌面/移动端图片或视频、整页链接）
└── Content box（位置、配色、背景）
└── Text / Button / Group / ...（内容）
Hero 分区设置
| 设置 | 选项 | 默认值 | 说明 |
|---|---|---|---|
| Height | Small / Medium / Large | Medium | Small 约为视口的 45%，Medium 约为 80%；Large 恰好填满页头和公告栏下方的剩余视口 |
添加多张幻灯片后，会自动显示箭头和圆点指示器，并支持滑动切换。最多可添加 5 张。
Slide 幻灯片设置
幻灯片负责媒体内容，文字等内容放在其内容框中。
| 设置 | 说明 |
|---|---|
| Desktop image | 基础图片；设置视频时也作为视频封面 |
| Mobile image | 可选，小屏幕显示此竖向裁剪图，替代桌面图片 |
| Video | 静音循环自动播放，替代图片 |
| Mobile video | 可选，小屏幕用此视频替代桌面视频 |
| Link | 让整张幻灯片可点击；内容框内的按钮保持独立链接，并位于点击层上方 |
第一张幻灯片作为页面主图优先加载并预加载。请压缩好图片或视频，避免首屏媒体过大。
Content box 内容框设置
一个内容框是一组可独立定位的内容。同一张幻灯片可以有多个内容框，例如左上角放标题、左下角放说明。
| 设置 | 选项 | 默认值 | 说明 |
|---|---|---|---|
| Horizontal position | Left / Center / Right | Left | 水平位置 |
| Vertical position | Top / Middle / Bottom | Middle | 与水平位置组合形成九个定位点 |
| Color scheme | 任意配色方案 | Scheme 1 | 控制文字及启用时的背景颜色 |
| Text backdrop | 开启 / 关闭 | 关闭 | 用方案的背景色填充内容框，形成卡片效果 |
内容框可添加任意内容块，默认按统一间距纵向排列。需要并排布局时，使用 Group。
常见组合
图片上的经典卡片（类似 Glossier 风格）
Slide → 一个 Content box（Left / Middle，开启背景）→ Text（Eyebrow）+ Text（Display）+ Text（Normal）+ Button。
媒体上的杂志风文字（类似 Even Realities 风格）
Slide → 一个 Content box（Right / Middle，关闭背景，深色背景上的浅色文字方案）→ Text（Display）+ Text（Normal）+ Button（Secondary）。
两个独立文字区域
Slide → 左上方内容框（关闭背景），放置 Display 标题；再添加左下方内容框，放置较小的 Normal text 说明。标题与说明分别固定在上下位置。
纯媒体幻灯片
只设置图片或视频与 Link，不添加内容框。整张幻灯片都可以点击。
从选择器添加 Slide 或 Content box 时，会带有文字和按钮的示例组合。直接编辑或删除不需要的部分即可。