npm - yuanflow-cli - Versions diffs - 0.1.10 → 0.1.11 - Mend

yuanflow-cli 0.1.10 → 0.1.11

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (18) hide show

package/skills/yuanflow-skill/HTML/346/212/245/345/221/212/347/224/237/346/210/220/templates/warm-beige/02-data-dashboard.html ADDED Viewed

@@ -0,0 +1,86 @@
+<!doctype html>
+<html lang="zh-CN">
+<head>
+  <meta charset="utf-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+  <title>数据仪表盘型报告模板</title>
+  <link rel="stylesheet" href="./report-warm-beige.css">
+</head>
+<body>
+  <main class="report-page">
+    <div class="report-topline">
+      <span>HTML报告生成 · 数据仪表盘型</span>
+      <span>统计周期：{{period}}</span>
+    </div>
+    <header class="report-header">
+      <p class="eyebrow">2. 数据仪表盘型</p>
+      <h1>{{title}}</h1>
+      <p class="subtitle">{{subtitle}}</p>
+    </header>
+    <section class="summary">
+      <p class="summary-strong">{{summary}}</p>
+      <p class="muted">数据总览 → 趋势变化 → 异常点 → 数据解释 → 优化建议</p>
+    </section>
+    <section class="section">
+      <h2 class="section-title">核心指标</h2>
+      <div class="grid-4">
+        <article class="card"><div class="metric-label">曝光量</div><div class="metric-value">128,560</div><p class="muted" style="color:var(--success)">+22.4%</p></article>
+        <article class="card"><div class="metric-label">阅读量</div><div class="metric-value">45,632</div><p class="muted" style="color:var(--success)">+18.7%</p></article>
+        <article class="card"><div class="metric-label">互动率</div><div class="metric-value">8.24%</div><p class="muted" style="color:var(--success)">+3.1%</p></article>
+        <article class="card"><div class="metric-label">转化率</div><div class="metric-value">2.35%</div><p class="muted" style="color:var(--success)">+1.2%</p></article>
+      </div>
+    </section>
+    <section class="section">
+      <h2 class="section-title">趋势分析</h2>
+      <div class="bar-chart">
+        <div class="bar" style="height:48%"></div>
+        <div class="bar" style="height:62%"></div>
+        <div class="bar" style="height:56%"></div>
+        <div class="bar" style="height:76%"></div>
+        <div class="bar" style="height:92%"></div>
+        <div class="bar" style="height:70%"></div>
+        <div class="bar" style="height:84%"></div>
+      </div>
+      <p class="muted">{{chart_interpretation}}</p>
+    </section>
+    <section class="section">
+      <h2 class="section-title">异常点分析</h2>
+      <div class="grid-2">
+        <article class="card">
+          <span class="number">1</span>
+          <h3>{{abnormal_1_title}}</h3>
+          <p>{{abnormal_1_reason}}</p>
+        </article>
+        <article class="card">
+          <span class="number">2</span>
+          <h3>{{abnormal_2_title}}</h3>
+          <p>{{abnormal_2_reason}}</p>
+        </article>
+      </div>
+    </section>
+    <section class="section">
+      <h2 class="section-title">关键数据解读</h2>
+      <div class="card">{{data_interpretation}}</div>
+    </section>
+    <section class="section">
+      <h2 class="section-title">优化建议</h2>
+      <div class="grid-2">
+        <article class="card soft">{{suggestion_1}}</article>
+        <article class="card soft">{{suggestion_2}}</article>
+      </div>
+    </section>
+    <footer class="footer">
+      <span>数据来源：{{source}}</span>
+      <span>生成时间：{{generated_at}}</span>
+    </footer>
+  </main>
+</body>
+</html>

package/skills/yuanflow-skill/HTML/346/212/245/345/221/212/347/224/237/346/210/220/templates/warm-beige/03-deep-report.html ADDED Viewed

@@ -0,0 +1,87 @@
+<!doctype html>
+<html lang="zh-CN">
+<head>
+  <meta charset="utf-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+  <title>深度报告型报告模板</title>
+  <link rel="stylesheet" href="./report-warm-beige.css">
+</head>
+<body>
+  <main class="report-page">
+    <div class="report-topline">
+      <span>HTML报告生成 · 深度报告型</span>
+      <span>{{generated_at}}</span>
+    </div>
+    <header class="report-header">
+      <p class="eyebrow">3. 深度报告型</p>
+      <h1>{{title}}</h1>
+      <p class="subtitle">{{subtitle}}</p>
+    </header>
+    <section class="summary">
+      <p class="summary-strong">报告摘要</p>
+      <p>{{abstract}}</p>
+    </section>
+    <section class="section">
+      <h2 class="section-title">目录</h2>
+      <div class="flow-row">
+        <div class="flow-step">背景说明</div>
+        <div class="flow-step">核心问题</div>
+        <div class="flow-step">深度分析</div>
+        <div class="flow-step">案例拆解</div>
+        <div class="flow-step">策略建议</div>
+      </div>
+    </section>
+    <section class="section">
+      <h2 class="section-title">01 背景说明</h2>
+      <div class="card">{{background}}</div>
+    </section>
+    <section class="section">
+      <h2 class="section-title">02 核心问题</h2>
+      <div class="grid-2">
+        <article class="card soft"><strong>问题一</strong><p>{{problem_1}}</p></article>
+        <article class="card soft"><strong>问题二</strong><p>{{problem_2}}</p></article>
+      </div>
+    </section>
+    <section class="section">
+      <h2 class="section-title">03 深度分析</h2>
+      <div class="card">
+        <p>{{analysis_section_1}}</p>
+        <table class="table">
+          <tr><th>分析维度</th><th>观察结果</th><th>判断</th></tr>
+          <tr><td>{{dimension_1}}</td><td>{{observation_1}}</td><td>{{judgement_1}}</td></tr>
+          <tr><td>{{dimension_2}}</td><td>{{observation_2}}</td><td>{{judgement_2}}</td></tr>
+        </table>
+      </div>
+    </section>
+    <section class="section">
+      <h2 class="section-title">04 案例拆解</h2>
+      <div class="grid-3">
+        <article class="card"><strong>案例背景</strong><p>{{case_background}}</p></article>
+        <article class="card"><strong>核心做法</strong><p>{{case_action}}</p></article>
+        <article class="card"><strong>结果启发</strong><p>{{case_learning}}</p></article>
+      </div>
+    </section>
+    <section class="section">
+      <h2 class="section-title">05 策略建议</h2>
+      <div class="card soft">{{strategy}}</div>
+    </section>
+    <section class="section">
+      <h2 class="section-title">最终结论</h2>
+      <div class="summary"><p class="summary-strong">{{conclusion}}</p></div>
+    </section>
+    <footer class="footer">
+      <span>数据来源：{{source}}</span>
+      <span>本报告由 AI 生成，仅供参考。</span>
+    </footer>
+  </main>
+</body>
+</html>

package/skills/yuanflow-skill/HTML/346/212/245/345/221/212/347/224/237/346/210/220/templates/warm-beige/04-comparison.html ADDED Viewed

@@ -0,0 +1,63 @@
+<!doctype html>
+<html lang="zh-CN">
+<head>
+  <meta charset="utf-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+  <title>横向对比型报告模板</title>
+  <link rel="stylesheet" href="./report-warm-beige.css">
+</head>
+<body>
+  <main class="report-page">
+    <div class="report-topline"><span>HTML报告生成 · 横向对比型</span><span>{{generated_at}}</span></div>
+    <header class="report-header">
+      <p class="eyebrow">4. 横向对比型</p>
+      <h1>{{title}}</h1>
+      <p class="subtitle">{{subtitle}}</p>
+    </header>
+    <section class="summary">
+      <p class="summary-strong">{{comparison_summary}}</p>
+      <p class="muted">对比对象 → 对比维度 → 差异结果 → 优劣势 → 最终建议</p>
+    </section>
+    <section class="section">
+      <h2 class="section-title">对比对象</h2>
+      <div class="grid-3">
+        <article class="card"><h3>{{object_a}}</h3><p>{{object_a_desc}}</p></article>
+        <article class="card"><h3>{{object_b}}</h3><p>{{object_b_desc}}</p></article>
+        <article class="card"><h3>{{object_c}}</h3><p>{{object_c_desc}}</p></article>
+      </div>
+    </section>
+    <section class="section">
+      <h2 class="section-title">核心对比矩阵</h2>
+      <table class="table">
+        <tr><th>维度</th><th>{{object_a}}</th><th>{{object_b}}</th><th>{{object_c}}</th></tr>
+        <tr><td>用户规模</td><td>{{a_scale}}</td><td>{{b_scale}}</td><td>{{c_scale}}</td></tr>
+        <tr><td>内容质量</td><td>{{a_quality}}</td><td>{{b_quality}}</td><td>{{c_quality}}</td></tr>
+        <tr><td>转化能力</td><td>{{a_convert}}</td><td>{{b_convert}}</td><td>{{c_convert}}</td></tr>
+        <tr><td>执行风险</td><td>{{a_risk}}</td><td>{{b_risk}}</td><td>{{c_risk}}</td></tr>
+      </table>
+    </section>
+    <section class="section">
+      <h2 class="section-title">优劣势拆解</h2>
+      <div class="grid-3">
+        <article class="card"><h3>{{object_a}}</h3><p>{{a_pros_cons}}</p></article>
+        <article class="card"><h3>{{object_b}}</h3><p>{{b_pros_cons}}</p></article>
+        <article class="card"><h3>{{object_c}}</h3><p>{{c_pros_cons}}</p></article>
+      </div>
+    </section>
+    <section class="section">
+      <h2 class="section-title">推荐结论</h2>
+      <div class="summary">
+        <p class="summary-strong">{{best_choice}}</p>
+        <p>{{recommendation_reason}}</p>
+      </div>
+    </section>
+    <footer class="footer"><span>数据来源：{{source}}</span><span>本报告由 AI 生成，仅供参考。</span></footer>
+  </main>
+</body>
+</html>

package/skills/yuanflow-skill/HTML/346/212/245/345/221/212/347/224/237/346/210/220/templates/warm-beige/05-card-collection.html ADDED Viewed

@@ -0,0 +1,54 @@
+<!doctype html>
+<html lang="zh-CN">
+<head>
+  <meta charset="utf-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+  <title>卡片集合型报告模板</title>
+  <link rel="stylesheet" href="./report-warm-beige.css">
+</head>
+<body>
+  <main class="report-page">
+    <div class="report-topline"><span>HTML报告生成 · 卡片集合型</span><span>{{generated_at}}</span></div>
+    <header class="report-header">
+      <p class="eyebrow">5. 卡片集合型</p>
+      <h1>{{title}}</h1>
+      <p class="subtitle">{{subtitle}}</p>
+      <div class="tags">
+        <span class="tag">选题</span><span class="tag">标题</span><span class="tag">案例</span><span class="tag">灵感</span>
+      </div>
+    </header>
+    <section class="summary">
+      <p class="summary-strong">{{collection_summary}}</p>
+      <p class="muted">集合说明 → 分类标签 → 卡片浏览 → 推荐优先级 → 使用建议</p>
+    </section>
+    <section class="section">
+      <h2 class="section-title">卡片网格</h2>
+      <div class="grid-3">
+        <article class="card"><h3>{{card_1_title}}</h3><p>{{card_1_desc}}</p><div class="tags"><span class="tag">{{card_1_tag}}</span></div><p class="muted">优先级：{{card_1_priority}}</p></article>
+        <article class="card"><h3>{{card_2_title}}</h3><p>{{card_2_desc}}</p><div class="tags"><span class="tag">{{card_2_tag}}</span></div><p class="muted">优先级：{{card_2_priority}}</p></article>
+        <article class="card"><h3>{{card_3_title}}</h3><p>{{card_3_desc}}</p><div class="tags"><span class="tag">{{card_3_tag}}</span></div><p class="muted">优先级：{{card_3_priority}}</p></article>
+        <article class="card"><h3>{{card_4_title}}</h3><p>{{card_4_desc}}</p><div class="tags"><span class="tag">{{card_4_tag}}</span></div><p class="muted">优先级：{{card_4_priority}}</p></article>
+        <article class="card"><h3>{{card_5_title}}</h3><p>{{card_5_desc}}</p><div class="tags"><span class="tag">{{card_5_tag}}</span></div><p class="muted">优先级：{{card_5_priority}}</p></article>
+        <article class="card"><h3>{{card_6_title}}</h3><p>{{card_6_desc}}</p><div class="tags"><span class="tag">{{card_6_tag}}</span></div><p class="muted">优先级：{{card_6_priority}}</p></article>
+      </div>
+    </section>
+    <section class="section">
+      <h2 class="section-title">推荐优先级说明</h2>
+      <div class="card soft">{{priority_explanation}}</div>
+    </section>
+    <section class="section">
+      <h2 class="section-title">使用建议</h2>
+      <div class="grid-2">
+        <article class="card">{{usage_tip_1}}</article>
+        <article class="card">{{usage_tip_2}}</article>
+      </div>
+    </section>
+    <footer class="footer"><span>数据来源：{{source}}</span><span>本报告由 AI 生成，仅供参考。</span></footer>
+  </main>
+</body>
+</html>

package/skills/yuanflow-skill/HTML/346/212/245/345/221/212/347/224/237/346/210/220/templates/warm-beige/06-process-steps.html ADDED Viewed

@@ -0,0 +1,57 @@
+<!doctype html>
+<html lang="zh-CN">
+<head>
+  <meta charset="utf-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+  <title>流程步骤型报告模板</title>
+  <link rel="stylesheet" href="./report-warm-beige.css">
+</head>
+<body>
+  <main class="report-page">
+    <div class="report-topline"><span>HTML报告生成 · 流程步骤型</span><span>{{generated_at}}</span></div>
+    <header class="report-header">
+      <p class="eyebrow">6. 流程步骤型</p>
+      <h1>{{title}}</h1>
+      <p class="subtitle">{{subtitle}}</p>
+    </header>
+    <section class="summary">
+      <p class="summary-strong">流程目标：{{goal}}</p>
+      <p class="muted">目标 → 总流程 → 分步骤说明 → 注意事项 → 输出结果</p>
+    </section>
+    <section class="section">
+      <h2 class="section-title">流程总览</h2>
+      <div class="flow-row">
+        <div class="flow-step">选题策划</div>
+        <div class="flow-step">内容制作</div>
+        <div class="flow-step">制作脚本</div>
+        <div class="flow-step">发布运营</div>
+        <div class="flow-step">复盘优化</div>
+      </div>
+    </section>
+    <section class="section">
+      <h2 class="section-title">分步骤说明</h2>
+      <div class="grid-2">
+        <article class="card"><span class="number">1</span><h3>{{step_1_title}}</h3><p><strong>输入：</strong>{{step_1_input}}</p><p><strong>动作：</strong>{{step_1_action}}</p><p><strong>输出：</strong>{{step_1_output}}</p></article>
+        <article class="card"><span class="number">2</span><h3>{{step_2_title}}</h3><p><strong>输入：</strong>{{step_2_input}}</p><p><strong>动作：</strong>{{step_2_action}}</p><p><strong>输出：</strong>{{step_2_output}}</p></article>
+        <article class="card"><span class="number">3</span><h3>{{step_3_title}}</h3><p><strong>输入：</strong>{{step_3_input}}</p><p><strong>动作：</strong>{{step_3_action}}</p><p><strong>输出：</strong>{{step_3_output}}</p></article>
+        <article class="card"><span class="number">4</span><h3>{{step_4_title}}</h3><p><strong>输入：</strong>{{step_4_input}}</p><p><strong>动作：</strong>{{step_4_action}}</p><p><strong>输出：</strong>{{step_4_output}}</p></article>
+      </div>
+    </section>
+    <section class="section">
+      <h2 class="section-title">常见错误</h2>
+      <div class="card soft">{{common_mistakes}}</div>
+    </section>
+    <section class="section">
+      <h2 class="section-title">执行建议</h2>
+      <div class="card">{{execution_suggestions}}</div>
+    </section>
+    <footer class="footer"><span>数据来源：{{source}}</span><span>本报告由 AI 生成，仅供参考。</span></footer>
+  </main>
+</body>
+</html>

package/skills/yuanflow-skill/HTML/346/212/245/345/221/212/347/224/237/346/210/220/templates/warm-beige/07-timeline.html ADDED Viewed

@@ -0,0 +1,55 @@
+<!doctype html>
+<html lang="zh-CN">
+<head>
+  <meta charset="utf-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+  <title>时间线型报告模板</title>
+  <link rel="stylesheet" href="./report-warm-beige.css">
+</head>
+<body>
+  <main class="report-page">
+    <div class="report-topline"><span>HTML报告生成 · 时间线型</span><span>{{period}}</span></div>
+    <header class="report-header">
+      <p class="eyebrow">7. 时间线型</p>
+      <h1>{{title}}</h1>
+      <p class="subtitle">{{subtitle}}</p>
+    </header>
+    <section class="summary">
+      <p class="summary-strong">{{overview}}</p>
+      <p class="muted">周期概览 → 时间节点 → 阶段变化 → 关键转折 → 下一阶段</p>
+    </section>
+    <section class="section">
+      <h2 class="section-title">关键时间线</h2>
+      <div class="timeline">
+        <article class="timeline-item"><strong>{{event_1_date}} · {{event_1_title}}</strong><p>{{event_1_desc}}</p><p class="muted">影响：{{event_1_impact}}</p></article>
+        <article class="timeline-item"><strong>{{event_2_date}} · {{event_2_title}}</strong><p>{{event_2_desc}}</p><p class="muted">影响：{{event_2_impact}}</p></article>
+        <article class="timeline-item"><strong>{{event_3_date}} · {{event_3_title}}</strong><p>{{event_3_desc}}</p><p class="muted">影响：{{event_3_impact}}</p></article>
+        <article class="timeline-item"><strong>{{event_4_date}} · {{event_4_title}}</strong><p>{{event_4_desc}}</p><p class="muted">影响：{{event_4_impact}}</p></article>
+      </div>
+    </section>
+    <section class="section">
+      <h2 class="section-title">阶段总结</h2>
+      <div class="grid-3">
+        <article class="card"><h3>启动期</h3><p>{{stage_1}}</p></article>
+        <article class="card"><h3>增长期</h3><p>{{stage_2}}</p></article>
+        <article class="card"><h3>沉淀期</h3><p>{{stage_3}}</p></article>
+      </div>
+    </section>
+    <section class="section">
+      <h2 class="section-title">关键转折点</h2>
+      <div class="card soft">{{turning_points}}</div>
+    </section>
+    <section class="section">
+      <h2 class="section-title">下一阶段建议</h2>
+      <div class="card">{{next_stage_suggestions}}</div>
+    </section>
+    <footer class="footer"><span>数据来源：{{source}}</span><span>生成时间：{{generated_at}}</span></footer>
+  </main>
+</body>
+</html>

package/skills/yuanflow-skill/HTML/346/212/245/345/221/212/347/224/237/346/210/220/templates/warm-beige/08-action-board.html ADDED Viewed

@@ -0,0 +1,58 @@
+<!doctype html>
+<html lang="zh-CN">
+<head>
+  <meta charset="utf-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+  <title>行动看板型报告模板</title>
+  <link rel="stylesheet" href="./report-warm-beige.css">
+</head>
+<body>
+  <main class="report-page">
+    <div class="report-topline"><span>HTML报告生成 · 行动看板型</span><span>{{generated_at}}</span></div>
+    <header class="report-header">
+      <p class="eyebrow">8. 行动看板型</p>
+      <h1>{{title}}</h1>
+      <p class="subtitle">{{subtitle}}</p>
+    </header>
+    <section class="summary">
+      <p class="summary-strong">本期目标：{{goal}}</p>
+      <p class="muted">目标 → 优先级任务 → 执行顺序 → 时间安排 → 完成标准</p>
+    </section>
+    <section class="section">
+      <h2 class="section-title">任务分组</h2>
+      <div class="grid-3">
+        <article class="card priority-high"><h3>高优先级</h3><ol class="list"><li>{{high_1}}</li><li>{{high_2}}</li><li>{{high_3}}</li></ol></article>
+        <article class="card priority-medium"><h3>中优先级</h3><ol class="list"><li>{{medium_1}}</li><li>{{medium_2}}</li><li>{{medium_3}}</li></ol></article>
+        <article class="card priority-low"><h3>低优先级</h3><ol class="list"><li>{{low_1}}</li><li>{{low_2}}</li><li>{{low_3}}</li></ol></article>
+      </div>
+    </section>
+    <section class="section">
+      <h2 class="section-title">执行时间安排</h2>
+      <table class="table">
+        <tr><th>周一</th><th>周二</th><th>周三</th><th>周四</th><th>周五</th></tr>
+        <tr><td>{{day_1}}</td><td>{{day_2}}</td><td>{{day_3}}</td><td>{{day_4}}</td><td>{{day_5}}</td></tr>
+      </table>
+    </section>
+    <section class="section">
+      <h2 class="section-title">资源准备</h2>
+      <div class="grid-4">
+        <article class="card soft">素材库<br><span class="muted">{{resource_1}}</span></article>
+        <article class="card soft">数据工具<br><span class="muted">{{resource_2}}</span></article>
+        <article class="card soft">脚本文件<br><span class="muted">{{resource_3}}</span></article>
+        <article class="card soft">参考案例<br><span class="muted">{{resource_4}}</span></article>
+      </div>
+    </section>
+    <section class="section">
+      <h2 class="section-title">完成标准</h2>
+      <div class="card">{{completion_criteria}}</div>
+    </section>
+    <footer class="footer"><span>数据来源：{{source}}</span><span>本报告由 AI 生成，仅供参考。</span></footer>
+  </main>
+</body>
+</html>

package/skills/yuanflow-skill/HTML/346/212/245/345/221/212/347/224/237/346/210/220/templates/warm-beige/09-knowledge-map.html ADDED Viewed

@@ -0,0 +1,72 @@
+<!doctype html>
+<html lang="zh-CN">
+<head>
+  <meta charset="utf-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+  <title>知识地图型报告模板</title>
+  <link rel="stylesheet" href="./report-warm-beige.css">
+  <style>
+    .map-core { text-align: center; }
+    .map-core .core { display: inline-block; padding: 18px 34px; background: var(--primary); color: #fff; font-weight: 900; }
+    .map-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; margin-top: 18px; }
+    .relation-line { height: 1px; background: var(--line); margin: 18px 0; }
+  </style>
+</head>
+<body>
+  <main class="report-page">
+    <div class="report-topline"><span>HTML报告生成 · 知识地图型</span><span>{{generated_at}}</span></div>
+    <header class="report-header">
+      <p class="eyebrow">9. 知识地图型</p>
+      <h1>{{title}}</h1>
+      <p class="subtitle">{{subtitle}}</p>
+    </header>
+    <section class="summary">
+      <p class="summary-strong">核心主题：{{core_topic}}</p>
+      <p class="muted">核心主题 → 结构树 → 关键节点 → 关系说明 → 学习路径</p>
+    </section>
+    <section class="section">
+      <h2 class="section-title">知识结构地图</h2>
+      <div class="card map-core">
+        <div class="core">{{core_topic}}</div>
+        <div class="relation-line"></div>
+        <div class="map-grid">
+          <article class="card soft"><strong>{{node_1}}</strong><p>{{node_1_desc}}</p></article>
+          <article class="card soft"><strong>{{node_2}}</strong><p>{{node_2_desc}}</p></article>
+          <article class="card soft"><strong>{{node_3}}</strong><p>{{node_3_desc}}</p></article>
+          <article class="card soft"><strong>{{node_4}}</strong><p>{{node_4_desc}}</p></article>
+        </div>
+      </div>
+    </section>
+    <section class="section">
+      <h2 class="section-title">关系说明</h2>
+      <table class="table">
+        <tr><th>关系</th><th>说明</th><th>应用</th></tr>
+        <tr><td>{{relation_1}}</td><td>{{relation_1_desc}}</td><td>{{relation_1_use}}</td></tr>
+        <tr><td>{{relation_2}}</td><td>{{relation_2_desc}}</td><td>{{relation_2_use}}</td></tr>
+        <tr><td>{{relation_3}}</td><td>{{relation_3_desc}}</td><td>{{relation_3_use}}</td></tr>
+      </table>
+    </section>
+    <section class="section">
+      <h2 class="section-title">学习路径建议</h2>
+      <div class="flow-row">
+        <div class="flow-step">入门阶段</div>
+        <div class="flow-step">通用阶段</div>
+        <div class="flow-step">专项阶段</div>
+        <div class="flow-step">专家阶段</div>
+        <div class="flow-step">应用阶段</div>
+      </div>
+    </section>
+    <section class="section">
+      <h2 class="section-title">应用建议</h2>
+      <div class="card">{{application_suggestions}}</div>
+    </section>
+    <footer class="footer"><span>数据来源：{{source}}</span><span>本报告由 AI 生成，仅供参考。</span></footer>
+  </main>
+</body>
+</html>