把一条核心流程讲成图解

请为当前项目的一条核心业务流程制作一份独立 HTML 图解，方便以后向同事解释。

先读 README 和入口文件，优先选它们共同指向的主要功能。只追踪一条流程及最多 8 个关键文件，不让我选择主题。把真实的输入、关键分支、状态变化和输出串起来；读不到的环节标为未知，不补画不存在的服务。

生成一份自包含 HTML：用内联 SVG 画流程图，配一段通俗说明、节点与源文件路径对照、一个来自代码或已有测试的输入输出示例。没有真实示例就标明示意，不假冒运行结果。使用系统字体、清晰层级和可换行布局，不依赖 CDN、第三方脚本或外部字体。

若能写文件，保存为不重名的新 HTML 并给出路径；否则在回复中完整提供代码。不要修改现有页面，也不自动启动或安装浏览器工具。

完成标准：检查节点与代码对应、HTML 结构完整、没有外链资源；未经浏览器检查就明确说明，不把生成完成说成视觉验收通过。

执行约定：
直接开始，不先给计划让我确认，也不要让我选文件或补填模板。只用当前项目、当前对话及我已提供的材料，不搜索其他项目或私人历史。缺少材料时完成有依据的部分，在结果中说明缺口；完全不适用就说明原因并结束，不虚构成果。
保留现有文件和未提交改动；候选内容在回复中完整给出，适合独立成文的成果可另存为不重名的新文件。不要安装依赖、修改环境、提交、推送或发布。遇到权限或访问限制，记录未完成项，不绕过限制。自查一次后交付并结束，不用“是否继续”收尾。