关于这个模板
在动手为AI 或 SaaS 产品重建常见问题区之前，先读 Cortexa FAQ：构图和它背后的规格书都在这里。页面自己的标题是“How do I start the process of buying a home?”，整个构图就是围绕这串字搭的。交付形式是 React 和 Tailwind CSS，所以整个常见问题区可以直接搬进项目，不需要设计交接。动效只限于400ms 的过渡、一段循环视频打底。当AI 与 SaaS的常见问题区必须扛住一次文案改动、又不能重做设计时，它最有用。这一页剩下的部分按板块、再按时序和数值把这个常见问题区拆开，不加任何简报里没有的说法。需求简报钉住的一切（画幅、字号、时长、断点）下面都写出来了，所以你可以照着复刻这个常见问题区，不用猜它背后的意图。
适合谁
- 这个常见问题区要服务的，是需要让 1826x1302 画幅撑过三轮客户修改的代理公司。
- 产品市场的人需要常见问题区在背后有0.1s 的循环视频时依然好读。
- 给正在做AI 或 SaaS 产品常见问题区、背后还没有设计系统的独立创始人用。
包含哪些内容
- 尺寸钉在需求简报里. 尺寸是写明的，不是继承来的：15px 间距、400ms 的过渡。换字体或换文案，这些关系依然成立。落回这些数值的重建不用再调就长得像参考。
- 要片段，不要插画. 构图是压在 1826x1302 的片段之上搭起来的，不是摆在旁边，所以素材永远不会被塞进面板或加上边框。自动播放不可用时，1826x1302 的封面帧撑住构图，版式不会塌。
- 字和画幅共用一套档位. 尺寸是写明的，不是继承来的：15px 间距、400ms 的过渡。换字体或换文案，这些关系依然成立。落回这些数值的重建不用再调就长得像参考。拿同一组数值验证重建结果。
- 把注册做成一套构图. 这里只有一个决定要做：填表，或者离开。屏幕上其他一切都服务于这个决定。错误态和聚焦态都写明了，而不是交给浏览器默认处理。这份参考在 1826x1302 下收录。
动效与交互
控件共用一个时长
时长短而统一：400ms悬停态和按下态因此读起来是一套系统，而不是一堆各自为政的效果。聚焦态和悬停态用同一个时长，键盘和指针的反馈因此一致。
环境动效交给循环
整个环境层就是一段 0.1s 的片段：它在文案后面播放，循环看不出接缝，也从不响应指针。因为是静音的，循环可以在文案下面跑，不抢声音，也不抢注意力。
把 Cortexa FAQ 当规格书读
4,955 个字符的需求简报产出的是一份完整规格。真正承重的部分很短：15px 间距、400ms 的过渡。这个常见问题区里没有任何一处依赖默认值。
Cortexa FAQ 怎么安排第一次阅读的顺序
严格的顺序会让你以后失去灵活性。在折叠线以上加一个板块，15px 间距、400ms 的过渡就得重新切一遍，因为这条序列是承重的，不是装饰。 SaaS读者先看到主张，再看到选项。
在 Cortexa FAQ 里先改什么
一上来先换配色是常见的错。它只改了气氛，没碰构图，撑住版式的仍然是15px 间距、400ms 的过渡；先做文案和素材，配色放到最后。画幅和字阶都保留，该换的是题材。
常见问题
Cortexa FAQ 的提示词是定稿规格，还是只是一个起点？
简报是从页面上收录下来的，共 4,955 个字符，覆盖画幅、字阶、色板和过渡。复制拿到的就是这段文本，发给 Studio 则会用同一份描述把请求预先填好。
这条 Cortexa FAQ 条目是怎么组织的？
页面上引用的内容全部出自收录的 4,955 字符简报，而不是事后补写的说明。数字和文字能对得上，原因就在这里。
为什么这条条目还要标注 React 和 Tailwind CSS？
Cortexa FAQ 是用 React 和 Tailwind CSS 构建的，条目标注只是说明出处。简报写的是位置、尺寸和时长，所以任何能设字体、能摆元素的前端框架都能重建。
