feat(site): 行内公式恢复蓝色视觉标注 (#26)

fancyboi999 · web-flow · commit 818ac5c0de3e · 2026-06-12T11:05:08.000+08:00
KaTeX 渲染后公式融入正文，丢失了原 inline code 的蓝色框视觉。
给 .math-inline 套用与 .lesson-article code 一致的蓝字/浅背景/
细边框，公式与代码共享同一套视觉语言，只是内部排版换成真数学。
暗色模式继承 CSS 变量自动适配（已实测两主题）。
diff --git a/site/lesson.html b/site/lesson.html
@@ -425,6 +425,13 @@
       color: var(--blueprint);
     }
 
+    .lesson-article .math-inline {
+      background: var(--code-bg);
+      padding: 1px 6px;
+      border: 1px solid var(--rule-soft);
+      color: var(--blueprint);
+    }
+
     .lesson-article .math-inline .katex {
       font-size: 1.04em;
     }

Original file line number	Diff line number	Diff line change
`@@ -425,6 +425,13 @@`
`425`	`425`	`color: var(--blueprint);`
`426`	`426`	`}`
`427`	`427`
	`428`	`+ .lesson-article .math-inline {`
	`429`	`+ background: var(--code-bg);`
	`430`	`+ padding: 1px 6px;`
	`431`	`+ border: 1px solid var(--rule-soft);`
	`432`	`+ color: var(--blueprint);`
	`433`	`+ }`
	`434`	`+`
`428`	`435`	`.lesson-article .math-inline .katex {`
`429`	`436`	`font-size: 1.04em;`
`430`	`437`	`}`