帮我设计这两个项目汇报的PPT内容，注意要以HTML的方式给出

首页给出项目类型‘、项目名称、项目编号等信息

第二页是目录，包括研究背景与意义，研究目标与内容，研究方法与思路，研究创新之处，预期成果及研究进展安排

接下来是具体的内容

研究背景意义，包括了背景、挑战、出路、意义、理论

PPT设计要求如下

请帮我生成一个单文件HTMLdemo，用来模拟类似PPT的分页展示动画。要求: 1.只输出一个完整的HTML文件，包含内联CSS 和内联JavaScript。 2.页面语言是中文，主题偏克制、现代、像产品发布页，不要廉价赛博朋克。 3.演示区域默认16:9，桌面端居中显示，移动端自动切换为更适合竖屏的比例。 4.每页都有标题和一小段说明文字。 5.每一页都用section表示，所有slide共用同一个viewport。 6.需要支持“上一页/下一页”按钮。 7.需要支持键盘左右、上下方向键和PageUp/PageDown 切页。

8.切页动画优先使用transform和opacity，不要用top/left做大范围动 9.JavaScript 里只维护一个 currentlndex或等价状态，不要写得过于复杂。 10.当前页要有明显激活态，非当前页可以适当降透明度。 11.必须补 prefers-reduced-motion 的降级处理。 12.代码结构尽量清晰，变量命名直白，适合二次修改。

基于我现在这个单文件HTML分页演示demo，继续增强，但不要推倒重写。请只在现有结构上新增这些能力:

1.顶部或底部加一个进度条，根据当前页数计算百分比。 2.加一组分页圆点，点击圆点可以跳到对应slide. 3.当前页的圆点要有激活态。 4.保留原有按钮和键盘切页逻辑。 5.不要引入任何第三方库。 6.尽量复用现有currentlndex状态，不要新造一套并行逻辑。 7.保持视觉风格统一，避免加很多无关装饰。

Fragment，也就是一页内部逐步显现 这是PPT里非常常见的能力。 标题先出来，再出来第一条，再出来第二条。 它的关键不在于动画，而在于节奏控制。 观众不是一次看见整页，而是跟着你的叙述节拍走。 请在我现有的HTML分页演示上，增加类似PPTfragment的能力。要求:

1.同一页内某些元素可以逐步显现，而不是一进页就全部显示。 2.右方向键或下一步操作时，优先显示当前页还没出现的fragment。 3.只有当前页fragment全部显示完，才真正翻到下一页。 4.fragment的默认动画要克制，优先用opacity和轻微位移，不要夸张飞入。 5.需要兼容 prefers-reduced-motion。 6.输出时请给我一个最小示例:标题常驻，三条bullet逐条出现。 7.请额外解释:为什么fragment的本质是“页内步骤状态”，而不是“单纯多几 个class”