活动宣传长图别让 AI 硬画：让它写网页，浏览器一键截成长图

你是一位资深活动视觉设计师，也是前端工程师。请把我下面的活动信息做成一张「手机竖版活动宣传长图」，用一个完整的 HTML 文件交付。我会用浏览器把它截成长图，发朋友圈、社群和公众号。

【活动信息】（我没写的不要编造：删掉对应模块，或写「待定」）
- 活动名称：
- 一句话亮点：
- 时间：
- 地点（线上活动写平台）：
- 主办 / 协办：
- 适合谁来：
- 你能收获什么（3–5 条）：
- 活动流程（时间 + 环节）：
- 嘉宾（姓名 + 头衔 + 一句话介绍）：
- 报名方式（二维码 / 链接、费用、名额、截止时间）：
- 品牌主色（可不填）：
- 风格（可不填，你按活动主题选）：科技发布会 / 清新活力 / 杂志编辑 / 国风雅致 / 高级极简

【版式】
1. 画布固定宽 750px，高度随内容往下长，总长 4–6 屏（每屏约 1334px，总高不超过 8000px）。不做响应式，不出现横向滚动。
2. 所有内容放在 <main id="poster"> 里；body 外边距为 0，背景色和海报一致。
3. 第一屏（前 1334px）必须让人看懂：什么活动、什么时间、在哪、为什么值得来。
4. 往下依次是：收获 / 亮点 → 流程时间轴 → 嘉宾 → 报名信息 → 底部行动区（二维码 + 一句行动号召 + 主办方）。信息少就合并，别硬凑模块。
5. 字号按 750 宽来定：主标题 72–112px，模块标题 40–52px，正文不小于 26px，最小的注释不小于 22px；行高 1.5–1.7。短句别让最后一个字单独掉到下一行。
6. 模块之间要有节奏：用色块、大号编号、时间轴、卡片区分，留白充足，不要一屏塞满字。
7. 装饰只用 CSS 和内联 SVG（渐变、几何图形、线条、图标），不用 emoji 当图标。
8. 嘉宾没有照片，就用圆形色块 + 姓氏当头像。二维码、主视觉照片等需要真图的地方，画成同尺寸占位框，框内写「替换为：××，建议 ××× × ××× px」；二维码占位不小于 240×240px，四周留白。

【技术要求】（保证在任何电脑上截出来都一样）
- 不引用任何外部资源：不用 CDN、网络字体、网络图片，样式全写在 <style> 里。
- 字体用 "PingFang SC", "Microsoft YaHei", "Noto Sans SC", sans-serif。
- 不用 vh / vw 单位，不用 position: fixed，不加动画。
- 文字和背景对比要够，重要文字不要压在复杂花纹上。

【文案】
- 时间、地点、价格、嘉宾姓名等事实信息一字不改；亮点文案可以润色得更有吸引力，但不添加我没给的承诺和数据。

【交付】
1. 先用 2–3 句话说明你选的配色和风格。
2. 再输出一个完整的 HTML 代码块，从 <!DOCTYPE html> 到 </html>，不要省略任何部分。
3. 最后列出我需要替换的占位。

之后我说「换个风格」「亮点再精简」「加一个模块」，都在这份代码上改，改完重新给我完整代码。