宣传页：固定应用窗口与逐页滚动体验

[taekchef]

改了什么

• 保留原版视觉与七段结构：深色出处页、纸墨配色、首屏底层 Logo、终页顶层 Logo 均按原版层级呈现。
• 同一扇应用窗口持续在场，沿原版方向改变位置与大小；滚动时真实录屏随节点切换内容。
• 桌面使用浏览器原生逐页停靠：鼠标在文字、背景或应用画面上都能滚动，停在七个明确节点。
• 应用窗口恢复真实 1315:768 比例和完整四角；图片与两段视频都完整显示，不再裁掉底部。
• 重新校准七站位置，窗口全程位于 Chrome 视口内；第二站保留“读 / 问 / 记”，并移到应用窗口上方，不再压住正文。
• 删除用户指出的过时文案、章节轴、滚动提示、红线、遮罩、状态牌、页脚和“再看一遍”，保留终页文案与下载入口。
• 修复媒体互补透明导致的漏底闪动；≤760px 使用静态故事卡，不下载隐藏桌面录屏。

这次没做

• 没有重新录制当前版本 App 素材；现有第 04 站使用同一段实机录屏的不同帧。
• 没有合并、部署或发布，线上 GitHub Pages 不受影响。

共享文件占用

• 无。只修改 website/。

验证

• node --check website/main.js
• node website/check.mjs
• git diff --check
• Chrome 1414×876：七站逐站核对；窗口四角完整，最底部仍位于视口内；两张图片和两段视频均按完整比例显示。
• 第二站“读 / 问 / 记”与应用窗口保留约 11px 间距；深色页配色、首尾 Logo 层级与正文未变化。
• 桌面页面使用原生滚动停靠，不再由媒体区域或自定义滚轮计时器拦截。
• 手机 390×844：桌面舞台隐藏，网络请求无 MP4。