项目：活动邀请页——一条链接说清一场活动

项目库第 3 个项目。班级读书会、生日聚餐、社团招新——任何需要「把人叫来」的活动，都值得一张邀请页：时间地点不会刷屏刷丢，安排一目了然。

成品长什么样

页面结构：活动标签 → 大标题和一句话介绍 → 时间地点卡片 → 当天安排（时间线）→ 报名按钮。参考成品在 examples/event-invite/reference.html。

第一步：复制这份需求说明

帮我做一个活动邀请页，给【邀请对象，如：家长和同学】看。
页面从上到下包含：
1. 一个小标签【如：家长与同学都欢迎】和活动名称大标题【活动名】；
2. 两三句话介绍这个活动【做什么、要带什么】；
3. 一张信息卡片：时间【日期＋起止时间】、地点【地址】、要带的东西；
4. 「当天安排」时间线，至少 4 项，每项有开始时间和内容；
5. 底部一个「我要报名」按钮。
风格：居中排版、字大、暖色，手机上是主要阅读场景。
重要：报名按钮只做外观，点击提示「报名尚未实现」——先不接任何后端。
怎么算做好：手机宽度下时间地点一眼可见，安排至少 4 项可读。

操作步骤

1. 建项目文件夹：event-invite。
2. 发需求：把改好的整段发给 AI。
3. 手机优先预览：把浏览器窗口拖窄到手机宽度再检查——邀请页九成是别人在手机上打开的。
4. 填真实信息：时间、地点、安排逐项换成你的活动。删掉用不上的行时，直接告诉 AI。
5. 检查按钮的诚实度：点一下报名按钮。如果 AI 给它加了假的成功提示，立刻用反模式「假成功状态」的修改规则让它改掉。

成功检查

• 手机宽度下：标题、时间地点、至少 4 项安排全部可读，无横向滚动
• 活动信息全部真实准确（时间地点写错是最贵的错误）
• 报名按钮的行为与说明一致（点了什么反应，页面上写清楚了）
• 发链接给一位朋友，请他说出「活动几点在哪」——他能答对就算通过

常见卡点

• 时间写完就过期：让 AI 把日期放在最显眼的位置；活动做完这页就下线，别复用。
• 安排变了：直接说「把 15:15 那项改成 XX」，一次改一行。
• 想真的收报名：那需要后端接住数据——先看数据存在哪理解为什么静态页面做不到，本项目先保留「未实现」标注。

下一步

• 报名想真收上来？看报名表单页——同样是表单，先在本地把体验做对。
• 活动有截止时间？倒计时页能挂一个实时倒计时。