fix(web): 知识正文按阅读字号排版，重写 Markdown 样式

- 正文从 14px 提到 16px / 1.85，不再比编辑器（0.9rem）还小 - 标题靠字重与留白分层，h2 加细分隔线；行内代码、代码块、引用、表格、图片统一重排 - 正文限宽 42rem 居中，长段落不用来回扫行 - 评论与工单说明走 prose-dadao--sm（14px），抽屉里不喧宾夺主
2026-11-02 14:29:35 +08:00
parent 684b9b2604
commit 288e27e465
4 changed files with 154 additions and 45 deletions
@@ -1056,8 +1056,13 @@ function KnowledgeDrawer({

          {/* 看的时候就是渲染后的样子：标题、列表、表格、图片都按 Markdown 显示。
              要改再点「编辑」，进来才是编辑器——两者不该混在同一个界面里。 */}
-          <div className="rounded-xl border border-line-200 bg-white px-4 py-4">
-            <Markdown source={doc.body_md} resources={resources} />
+          <div className="rounded-xl border border-line-200 bg-white px-5 py-6 sm:px-8">
+            {/* 正文限宽到约 42 个字：整行拉满 1150px 时眼睛要来回扫，反而不好读 */}
+            <Markdown
+              source={doc.body_md}
+              resources={resources}
+              className="mx-auto w-full max-w-[42rem]"
+            />
          </div>

          {attachments.length > 0 && (