四个版本各自是一份独立的单文件 HTML，共用同一套素材 assets/（30 个文件）与同一段首屏视频 hero.mp4。下面把四页整页展开、并排成一行，同一屏从上到下逐段对照；点任意一列打开该版本。
统一蓝色 + 干净栅格，改版基准稿，另有 Ardot 可编辑画布对应。
深色段与白段交替，技术与产品都是「图左 / 参数右」分屏卡，偏工业设备气质。
圆点标题语言贯穿全站；首屏视频先钉住，圆弧升起后再随页面上滑。
--reveal:330px原始打包页，作对照基准与素材源保留；除首屏换成视频外未改样式。
① 四页共用 assets/，改图直接替换同名文件，四个版本同步生效；要单独给某一版换图，把图片改成新名字再引用。
② 每个页面样式都内联在文件内 <style>，不依赖构建工具，保存后刷新即生效。
③ 版本 01 / 02 / 03 的色彩集中在 :root 变量：--blue #0D2D8A、--deep #07377C、--accent #2F6FE4、--tint #F4F8FD，改一处全局换色。
④ 产品图为透明底 webp，产品卡使用 object-fit:contain，改成 cover 会裁掉机器本体。
④·补 首屏视频放在 assets/hero.mp4，四页共用；这段是产品宣传片、画面自带中文字幕，窗口不是 16:9 时两侧字幕会被裁掉一部分。
⑤ 模块顺序四版一致：导航 → 首屏 → 数据 → 关键技术 → 产品 → 模块组装 → 应用场景 → 转化 → 页脚。
⑥ 本页四张整页长图存于 previews/full-*.jpg，改了页面后重新生成即可（截取时把首屏统一钉成 800px 高，保证四列可比）。