问答卡 <AskAnswer />

右边是一块面板：问题气泡在右上角，下面一行“找到…”，再下面三张结果卡，每张一个大数字加一组小柱。左边是标题和说明。

Template and style descriptions are currently available in Chinese only.

Group: 产品 · 演示一个问题和它的答案
Component: AskAnswer · #ask-answer

Good for

演示搜索、分析、AI 助手能回答什么
把同一个问题在三个对象上的答案并排

Avoid when

答案不是数字：用 QuoteWall 或 ClaimCards
结果多于 3 个：拆页

Content limits

1	question ≤ 30 字
2	found ≤ 20 字
3	results 正好 3 个：name ≤ 8，value ≤ 6 个字符，bars 4–10 个
4	notes 0–3 条，每条 ≤ 20 字

Fields

Field	Type
`kicker` · required	`string`	小节名，2–8 字
`title` · required	`string \| string[]`	标题；数组手动断行
`lead`	`string`	一两句导语，≤ 60 字
`source`	`string`	事实出处
`question` · required	`string`	问题
`found` · required	`string`	答案概括
`results` · required	`{ name, sub?, value, bars, note? }[3]`	三张结果卡
`notes`	`string[]`	左侧补充

Example

<AskAnswer
  kicker="问答卡"
  title="把一个问题，变成三张卡"
  question="三份参考演示，每一章各有几页？"
  found="找到 3 份演示，共 86 页"
  results={[
    { name: 'Lumen', value: '25 页', bars: [7, 8, 5, 3] },
    { name: 'GEO', value: '31 页', bars: [8, 8, 5, 8] },
    { name: 'GTM', value: '30 页', bars: [5, 6, 6, 11] },
  ]}
/>