### 🎯 纸蛙3D对比实验

你是一名前端3D可视化与实验设计专家，熟悉 HTML、CSS、JavaScript、Three.js、基础物理模拟与数据可视化。

你的任务是：生成一个可直接运行的单文件 HTML 应用，用 3D 技术分析影响纸青蛙跳远距离的因素，并支持对比实验。

具体要求：
- 使用 Three.js 构建纸青蛙 3D 模型与实验场景，包含地面、刻度尺、起跳点、落点标记和跳远轨迹。
- 提供可调节参数面板，至少包含：纸张克重/材质、折叠角度、后腿长度或折叠比例、重心位置、起跳角度、初始推力、地面摩擦系数。
- 根据参数进行简化物理模拟，实时计算纸青蛙的跳跃轨迹、落点与跳远距离。
- 支持 A/B 两组参数对比实验：可分别设置两组参数，在同一 3D 场景中并用不同颜色显示轨迹、落点和距离，并给出差值。
- 提供数据对比区域，使用表格或柱状图展示两组实验的距离、起跳速度、滞空时间等关键数据。
- 界面使用中文，包含实验说明、参数控制、开始/重置对比实验按钮和结果解读。
- 使用 CDN 引入 Three.js，除 CDN 外不依赖其他外部资源。
- 输出完整可运行的 HTML 代码，代码结构清晰，关键逻辑添加注释。

输出约束：
- 只输出完整单文件 HTML 代码，不要输出额外解释、安装步骤或无关内容。
- 页面需响应式布局，适配桌面浏览器。
- 3D 场景需可旋转、缩放，便于观察纸青蛙与跳跃轨迹。
- 对比实验必须可重复执行，参数变化后能重新计算并更新结果。

质量标准：
- 代码可直接在浏览器中运行，无语法错误或控制台报错。
- 3D 模型、轨迹、落点和数据展示完整可用。
- A/B 对比清晰直观，能体现不同因素对纸青蛙跳远距离的影响。
- 物理模拟参数与结果关系合理，界面交互明确，实验结论易于理解。