关于这个模板
这是 Agent Wave 的落地页，连同生成它的那份需求简报一起发布，而不是只给一张截图。配色控制在 #000000 打底、#FFFFFF 给文字之内，字体用 Inter。交付形式是单个组件，收录于 1478x1080，所以画幅在任何一行代码写下去之前就已经定好。动效只限于0.28s 的过渡、cubic-bezier(0.16, 1, 0.3, 1)、一段循环视频打底。写作时让它开着：能迁移到你页面上的，是那份 16,675 字符的简报。收录的提示词记录于 1478x1080，所以这一页引用的每个数值都能追回到它。下面引用的每一项都是那份简报里的数值，从 1478x1080 的画幅一直到最小的间距档。
适合谁
- 正在写构建需求、想拿单个组件作为讨论依据的工作室团队。
- 要给这次构建估工时的产品经理，会把 901px 断点读成工作范围。
- 写你自己的标题，然后用单个组件在测量值不变的前提下重建这版落地页。
包含哪些内容
- 一条会主动让开的导航. 一条细导航压在落地页上，字标在左，链接用 Inter 排，整套构图因此先读成内容、再读成界面。在 901px 以下，链接收进一个全屏浮层。901px 以下链接直接收起，而不是折到第二行。你自己的页面板块更多时，把它们归组，而不是把导航条拉宽。
- 要片段，不要插画. 首屏就是一段 1478x1080 的视频，其余一切都排在它上面。循环短到 6.9s，眼睛会把它读成肌理，而不是一条时间轴。
- 顶栏：字标、链接、一个操作. 一条细导航压在落地页上，字标在左，链接用 Inter 排，整套构图因此先读成内容、再读成界面。在 901px 以下，链接收进一个全屏浮层。901px 以下链接直接收起，而不是折到第二行。一条导航只放一个操作。
- 没有一样是继承来的. 尺寸是写明的，不是继承来的：固定 19px 的标题字号、100vh 高的板块、7px 圆角、22px 间距。换字体或换文案，这些关系依然成立。写明的值之间没有凭空插入的中间值，这份测量清单就是整套系统。看着没道理的那些值，照留。
动效与交互
环境动效交给循环
环境动感来自 1478x1080 的 6.9s 循环，而不是滚动特效，页面因此保持平静，文字也更好读。自动播放被拦截时有首帧封面顶上，所以动效是加分项，而不是必需品。拍摄或导出按 1478x1080 或更宽的尺寸。
标题自己拼装完成
遮罩式逐行揭示撑起第一屏。底下的构图是静止的，所以这段动效读起来是页面在自我拼装，而不是装饰。时间加在文字上，而不是加在容器上，所以这一行落下时是一句话，而不是一块。这份参考在 1478x1080 下收录。
这个落地页背后的数字
固定尺度的代价是即兴空间更小。固定 19px 的标题字号、100vh 高的板块让构图保持连贯，但新元素必须被装进去，而不是随手摆上去。这个落地页里没有任何一处依赖默认值。
这个落地页做对了什么
代价是信息密度：这个落地页在首屏上说得比功能导向的版式更少。换来的是阅读顺序，导航、标题、公告徽标、数据行、卡片栅格做完了更长页面才会摊开做的事。 Agent Wave 只把主张说一次，然后让构图去重复它，而不是再加第二个主张。这份参考在 1478x1080 下收录。
这个落地页怎么重排
这里的响应式说的是尺度在变，而不是层级在变：版式在 901px 处切换、板块高度锁在 100vh、动效带减少动态效果分支。文字始终留在折叠线以上，控件保持足够大的点击面积，减少动态效果的设置也被认真对待。扛过重排的是层级。
常见问题
为什么这条条目还要标注单个组件？
Agent Wave 是用单个组件构建的，条目标注只是说明出处。简报写的是位置、尺寸和时长，所以任何能设字体、能摆元素的前端框架都能重建。
复制 Agent Wave 的需求简报，我能拿到什么？
它是构建简报，不是感觉描述：写明 1478x1080 的构图、间距和动效数值。全文没有一处把渲染画面当作事实依据。
在客户项目里该怎么处理 Agent Wave 的素材？
简报是描述，不是转授权别人素材的许可。结构和数值可以留下，素材和品牌标识要换成你自己的；客户问起版式出处时，说明来源即可。这份参考在 1478x1080 下收录。
