feat: add troubleshooting flows and extend ops learning content

index.html

@@ -272,6 +272,11 @@
           <div class="badge-row" id="relatedCommands"></div>
         </div>
 
+        <div class="panel">
+          <h3>排障链路 / 处理顺序</h3>
+          <ul id="flowList"></ul>
+        </div>
+
         <div class="panel">
           <h3>课后总结</h3>
           <ul id="takeawayList"></ul>
@@ -380,6 +385,7 @@
       renderList('conceptList', lesson.concepts || []);
       renderList('pitfallList', lesson.pitfalls || []);
       renderList('scenarioList', lesson.scenarios || []);
+      renderList('flowList', lesson.troubleshooting_flow || []);
       renderList('takeawayList', lesson.takeaways || []);
       document.getElementById('classicView').textContent = lesson.classic_view || '教材视角：先理解问题，再选择命令。';
       document.getElementById('afterClass').textContent = lesson.after_class || '';