每个「讲」知识点补齐核心概念 + 常见的坑，幻灯片与大纲同步

此前一版「讲」部分基本只是代码演示（贴代码 + 一句出处说明），没有讲透
知识点本身的原理。改为覆盖清单原则：每个知识点在大纲里至少固定两项——
核心概念（是什么/为什么，不只是怎么写）+ 常见的坑（注意事项/误区），
课堂实际讲解深度按学员反馈现场调整，但大纲必须列全，以免漏讲或退化成
纯代码演示。

- custom.css 新增 .concept-box/.pitfall-box 卡片样式
- day1–5.html 每个知识点前插入对应卡片，内容与 OUTLINE.md 的覆盖清单一一对应

docs/teaching/slides/custom.css

@@ -74,6 +74,35 @@
 }
 .verify-box h4 { margin: 0 0 6px 0; color: #b7791f; }
 
+/* 每个「讲」知识点的固定两件套：核心概念（是什么/为什么）+ 常见的坑（注意事项） */
+.concept-box {
+  border-left: 6px solid #2b6cb0;
+  background: #ebf4ff;
+  padding: 12px 22px;
+  margin: 10px 0;
+  border-radius: 4px;
+  text-align: left;
+  font-size: 0.58em;
+  line-height: 1.4;
+}
+.concept-box h4 { margin: 0 0 6px 0; color: #2b6cb0; }
+.concept-box ul { margin: 4px 0 0 20px; padding: 0; }
+.concept-box li { margin: 3px 0; }
+
+.pitfall-box {
+  border-left: 6px solid #c53030;
+  background: #fff5f5;
+  padding: 12px 22px;
+  margin: 10px 0;
+  border-radius: 4px;
+  text-align: left;
+  font-size: 0.58em;
+  line-height: 1.4;
+}
+.pitfall-box h4 { margin: 0 0 6px 0; color: #c53030; }
+.pitfall-box ul { margin: 4px 0 0 20px; padding: 0; }
+.pitfall-box li { margin: 3px 0; }
+
 .reveal pre code { font-size: 0.68em; max-height: 480px; }
 
 .module-badge {