倾斜摆正 <TiltShot />

左边标题和 2–3 条要点，右边一张截图带透视角度出场。配 build: 'reveal' 时第一次按 → 截图转正，之后每按一次出现一条要点。跳页时直接显示转正后的截图和全部要点。

分组: 动效 · 带透视的截图转正后逐条讲要点
组件: TiltShot · #tilt-shot
交互: 按 → 摆正截图，再逐条出现要点

适合

软件、工具、控制台的界面介绍
先给整体印象，再讲 2–3 个看点

不适合

要在截图上标位置：用 Screenshot
没有真实截图

内容上限

1	title ≤ 2 行 × 10 字
2	lead ≤ 40 字
3	points 2–3 条：title ≤ 10 字，body ≤ 20 字
4	src 必须是真实截图

字段

字段	类型
`kicker` · 必填	`string`	小节名
`title` · 必填	`string \| string[]`	标题
`lead`	`string`	导语
`src` · 必填	`string`	截图
`alt` · 必填	`string`	截图说明
`ratio`	`number`	宽 ÷ 高，默认 16/10
`points` · 必填	`{ title, body }[]`	要点
`source`	`string`	出处

示例代码

<TiltShot
  kicker="倾斜摆正"
  title={['组件库：', '先看全貌再细读']}
  src={kit}
  alt="组件库页面截图"
  points={[{ title: '按位置分组', body: '…' }, { title: '每个模板带上限', body: '…' }]}
/>