diff --git a/docs/COMPONENT_PATTERNS.md b/docs/COMPONENT_PATTERNS.md
index 6843ced..e19c8fb 100644
--- a/docs/COMPONENT_PATTERNS.md
+++ b/docs/COMPONENT_PATTERNS.md
@@ -35,7 +35,7 @@ const emit = defineEmits<{...}>()
 - `CreateTaskModal.vue` — 表单弹窗组件：收集 name / repoUrl / tokenBudget 创建 Agent，Vue `<Transition>` 原生过渡动画
 - `SwarmConfirmModal.vue` — 确认弹窗组件：类型化图标 + 双按钮确认/取消，配合 useConfirm composable
 - `SwarmToast.vue` — Toast 通知组件：类型化图标 + 进度条 + 自动消失，配合 useToast composable
-- `AgentDetail.vue` — 聊天式多轮对话组件：Header + Info + PR 审阅 + 文件变更 + 聊天消息区（input/output/system/error 直接渲染；think/tool_call/mcp/tool_result 为可折叠气泡，默认收起，点击展开查看完整内容）+ `<textarea>` 输入框（Enter 发送 / Shift+Enter 换行，自动增高）。Info 区任务指令从 `logs` 倒序查找最近 `input` 类型条目渲染，不再依赖 `agent.instruction`。日期字段通过 new Date(string).toLocaleTimeString() 显示。滚动行为：通过 `scroll` 事件监听跟踪用户是否在底部 50px 范围内；当新消息到达或内容流式追加时，若用户之前处于底部则即时滚至底部，若用户已主动上滚则保持当前浏览位置。可折叠消息展开/收起后同样会跟进滚动。**输入框草稿缓存**：通过 `useSwarmStore` 的 `draftInputs` 在组件挂载时恢复、卸载时保存、切换 Agent 时自动迁移草稿内容，避免切视图丢失未发送的输入。所有消息气泡均带 `animate-message-enter` 进入动画（fade-in + slide-up）。PR 审阅区「打回」按钮带 tooltip 说明语义——清空审阅状态、切回就绪态等待用户发新指令，**不会自动让 Agent 修改**（避免历史文案「Agent 继续修改」的误导）。Reviewer 行额外支持 `failed` 状态：自动审阅多次失败（kimi 启动失败 / 卡死等）后用 amber AlertCircle 图标 + 「失败 (×N)」标签 + 截断展示 failureReason，鼠标悬停看完整原因；语义跟「已拒绝」不同——审阅没跑通而非内容被拒，需要人工处置
+- `AgentDetail.vue` — 聊天式多轮对话组件：Header + Info + PR 审阅 + 文件变更 + 聊天消息区（input/output/think 支持 **Markdown 渲染 + 代码语法高亮**，基于 `marked` + `highlight.js` + `dompurify` XSS 过滤；tool_call/mcp/tool_result 为可折叠气泡保持等宽纯文本，默认收起，点击展开查看完整内容）+ `<textarea>` 输入框（Enter 发送 / Shift+Enter 换行，自动增高）。Info 区任务指令从 `logs` 倒序查找最近 `input` 类型条目渲染，不再依赖 `agent.instruction`。日期字段通过 new Date(string).toLocaleTimeString() 显示。滚动行为：通过 `scroll` 事件监听跟踪用户是否在底部 50px 范围内；当新消息到达或内容流式追加时，若用户之前处于底部则即时滚至底部，若用户已主动上滚则保持当前浏览位置。可折叠消息展开/收起后同样会跟进滚动。**输入框草稿缓存**：通过 `useSwarmStore` 的 `draftInputs` 在组件挂载时恢复、卸载时保存、切换 Agent 时自动迁移草稿内容，避免切视图丢失未发送的输入。所有消息气泡均带 `animate-message-enter` 进入动画（fade-in + slide-up）。PR 审阅区「打回」按钮带 tooltip 说明语义——清空审阅状态、切回就绪态等待用户发新指令，**不会自动让 Agent 修改**（避免历史文案「Agent 继续修改」的误导）。Reviewer 行额外支持 `failed` 状态：自动审阅多次失败（kimi 启动失败 / 卡死等）后用 amber AlertCircle 图标 + 「失败 (×N)」标签 + 截断展示 failureReason，鼠标悬停看完整原因；语义跟「已拒绝」不同——审阅没跑通而非内容被拒，需要人工处置
 - `TaskCard.vue` — 卡片组件：Agent 状态 + Token 进度 + 审阅徽章；状态枚举含 `orphan`（已失效，表示本地缓存中存在但引擎 restore 列表中无对应 ID 的 agent）；启动/停止/重启/删除按钮均按 `engineReady` prop 禁用，引擎 restore 完成前置灰；删除操作通过 `useConfirm()` 调用自定义确认弹窗
 - `AnalyticsPanel.vue` — 数据展示型组件：状态分布、Token 排行、任务列表；列表项通过 `getLastInput(task.logs)` 展示最后一条 input 指令摘要，与 `AgentDetail.vue` 的 Info 区指令展示逻辑一致
 - `SettingsPanel.vue` — 纯信息展示型设置面板，使用 lucide 图标 + code 标签展示命令指引
diff --git a/docs/CONSTRAINTS.md b/docs/CONSTRAINTS.md
index e0bd3fa..8033f78 100644
--- a/docs/CONSTRAINTS.md
+++ b/docs/CONSTRAINTS.md
@@ -122,6 +122,7 @@ typecheck → lint → analyze → test → check-docs → check-test-sync → b
 | Store 修改规范 | 状态必须通过 `useSwarmStore` 方法修改 |
 | Bug 反复修复 | 同一 bug 反复出现 → 必须先加 Logger 日志定位根因 → 修复后留痕（根因说明）。禁止盲修。 |
 | **禁止硬编码绝对路径** | **非 `tests/` 代码禁止包含硬编码绝对路径**（如 `E:/workspace`、`C:\Python312\...`、`C:\nvm4w\...`）。路径应通过配置、环境变量或运行时探测获取。`tests/` 中允许硬编码（测试用例隔离、可预期）。这是可移植性的底线（vllm 经验）。 |
+| 依赖引入需同步文档 | `package.json` 新增/删除依赖后，须在 `docs/FRONTEND.md`（前端依赖）或 `docs/ARCHITECTURE.md`（引擎依赖）中同步更新技术栈说明。 |
 | Harness 合规 | bug-fix 分支修改 src/ 代码后，必须同步更新 `docs/`、`exec-plans/` 或 `harness/bug-fix.yaml`。文档是单一事实源。 |
 | 代码改动验证 | 任何代码变更必须走 build → start → test → lint/analyze 闭环，全部通过才能开 PR。未验证代码禁止合入 main。 |
 
diff --git a/docs/DESIGN.md b/docs/DESIGN.md
index b07a217..15b2d03 100644
--- a/docs/DESIGN.md
+++ b/docs/DESIGN.md
@@ -112,3 +112,4 @@
 1. **Vue 而不是 React**：reactive() 对高频日志流更友好
 2. **先 Web 后桌面**：先验证 UI 交互，再套 Electron/Tauri 壳
 3. **Global Composable 而不是 Pinia**：当前复杂度足够，跨窗口时迁移
+4. **引入 marked + highlight.js 做 Markdown 渲染**：Agent 回复天然包含 Markdown 格式（代码块、列表、粗体等），纯文本展示可读性差；配合 DOMPurify 过滤 XSS，代码高亮提升代码块可读性
diff --git a/docs/FRONTEND.md b/docs/FRONTEND.md
index a705f3f..622e472 100644
--- a/docs/FRONTEND.md
+++ b/docs/FRONTEND.md
@@ -4,7 +4,7 @@
 
 ## 技术栈
 
-Vue 3 + TypeScript + Vite + Tailwind CSS + lucide-vue-next + Tauri v2 + @tauri-apps/plugin-store
+Vue 3 + TypeScript + Vite + Tailwind CSS + lucide-vue-next + Tauri v2 + @tauri-apps/plugin-store + marked + dompurify + highlight.js
 
 ## 编码规范
 
@@ -29,7 +29,7 @@ Vue 3 + TypeScript + Vite + Tailwind CSS + lucide-vue-next + Tauri v2 + @tauri-a
 - `components/SwarmConfirmModal.vue` — 确认弹窗组件：支持 danger/warning/info 类型，配合 useConfirm 使用
 - `components/SwarmToast.vue` — Toast 通知组件：支持 error/success/info/warning，自动消失
 - `App.vue` — 主入口：布局框架 + 视图路由（dashboard/agent-detail/analytics）+ 全局事件处理（如文件 diff 查看）
-- `components/AgentDetail.vue` — Agent 详情：`<textarea>` 指令输入（Enter 发送 / Shift+Enter 换行，自动增高）+ 日志流（含 think / tool_call / mcp / tool_result 可折叠气泡，默认收起，点击展开查看完整内容，智能滚动：通过 `scroll` 事件跟踪用户位置，若用户之前在底部 50px 内则即时跟进，已上滚则保持阅读位置）+ PR 审阅 + 文件变更（点击通过 engine 获取 diff）。输入框草稿通过 `useSwarmStore.draftInputs` 做内存级缓存，切视图/切 Agent 时不丢失未发送内容。所有消息气泡带 `animate-message-enter` 进入动画。「打回」按钮 tooltip 说明：只切回就绪态、不自动触发修改。Reviewer 行支持 `failed` 状态展示（amber 配色 + 失败原因）
+- `components/AgentDetail.vue` — Agent 详情：`<textarea>` 指令输入（Enter 发送 / Shift+Enter 换行，自动增高）+ 日志流（含 think / tool_call / mcp / tool_result 可折叠气泡，默认收起，点击展开查看完整内容，智能滚动：通过 `scroll` 事件跟踪用户位置，若用户之前在底部 50px 内则即时跟进，已上滚则保持阅读位置）+ PR 审阅 + 文件变更（点击通过 engine 获取 diff）。**聊天消息气泡（input / output / think）支持 Markdown 渲染 + 代码语法高亮**，基于 `marked` + `highlight.js` + `dompurify`（XSS 过滤）。输入框草稿通过 `useSwarmStore.draftInputs` 做内存级缓存，切视图/切 Agent 时不丢失未发送内容。所有消息气泡带 `animate-message-enter` 进入动画。「打回」按钮 tooltip 说明：只切回就绪态、不自动触发修改。Reviewer 行支持 `failed` 状态展示（amber 配色 + 失败原因）
 - `composables/useConfirm.ts` — 全局确认弹窗状态管理（命令式 API）
 - `composables/useToast.ts` — 全局 Toast 通知状态管理（命令式 API）
 - `components/SettingsPanel.vue` — 系统设置（GitHub Token + Kimi CLI 安装指引）
@@ -108,7 +108,7 @@ PR CI 中额外运行 `check-test-sync`：若 `src/` 新增代码文件，`tests
 | Agent Dashboard（最多5个） | ✅ 真实 | 卡片网格，数量限制，点击进入详情；白色简约 UI |
 | Agent 详情页 | ✅ 真实 | 指令输入 + 实时日志 + PR 审阅 + 文件变更；白色简约 UI |
 | 新建 Agent 弹窗 | ✅ 真实 | 白色简约 UI |
-| 实时日志流 | ✅ 真实 | spawn_process + agent-stream 事件推送（支持 text / think / tool_call / mcp / tool_result 分片）；智能滚动，通过 `scroll` 事件跟踪用户位置，底部即时跟进，上滚时不打扰；消息气泡带进入动画 |
+| 实时日志流 | ✅ 真实 | spawn_process + agent-stream 事件推送（支持 text / think / tool_call / mcp / tool_result 分片）；智能滚动，通过 `scroll` 事件跟踪用户位置，底部即时跟进，上滚时不打扰；消息气泡带进入动画；**支持 Markdown 渲染与代码高亮** |
 | PR 审阅面板 | ✅ 真实 | 含审阅者列表、进度、门控；白色简约 UI |
 | SettingsPanel（Token 配置） | ✅ 真实 | localStorage 持久化；白色简约 UI |
 | 监控分析页 | ✅ 真实 | 状态分布、Token 排行、活跃/审阅任务；白色简约 UI |
diff --git a/kimi-code-swarm/package-lock.json b/kimi-code-swarm/package-lock.json
index 00e7fc8..83cd657 100644
--- a/kimi-code-swarm/package-lock.json
+++ b/kimi-code-swarm/package-lock.json
@@ -12,7 +12,10 @@
         "@tauri-apps/api": "^2.11.0",
         "@tauri-apps/plugin-store": "^2.4.3",
         "@vitejs/plugin-vue": "^6.0.6",
+        "dompurify": "^3.4.7",
+        "highlight.js": "^11.11.1",
         "lucide-vue-next": "^1.0.0",
+        "marked": "^18.0.4",
         "vue": "^3.5.33",
         "zod": "^4.4.3"
       },
@@ -20,6 +23,7 @@
         "@eslint/js": "^9.39.4",
         "@playwright/test": "^1.59.1",
         "@tauri-apps/cli": "^2.11.0",
+        "@types/dompurify": "^3.0.5",
         "@vue/test-utils": "^2.4.10",
         "autoprefixer": "^10.5.0",
         "eslint": "^9.39.4",
@@ -1439,6 +1443,16 @@
       "dev": true,
       "license": "MIT"
     },
+    "node_modules/@types/dompurify": {
+      "version": "3.0.5",
+      "resolved": "https://registry.npmmirror.com/@types/dompurify/-/dompurify-3.0.5.tgz",
+      "integrity": "sha512-1Wg0g3BtQF7sSb27fJQAKck1HECM6zV1EB66j8JH9i3LCjYabJa0FSdiSgsD5K/RbrsR0SiraKacLB+T8ZVYAg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@types/trusted-types": "*"
+      }
+    },
     "node_modules/@types/estree": {
       "version": "1.0.8",
       "resolved": "https://registry.npmmirror.com/@types/estree/-/estree-1.0.8.tgz",
@@ -1463,6 +1477,13 @@
         "undici-types": "~7.19.0"
       }
     },
+    "node_modules/@types/trusted-types": {
+      "version": "2.0.7",
+      "resolved": "https://registry.npmmirror.com/@types/trusted-types/-/trusted-types-2.0.7.tgz",
+      "integrity": "sha512-ScaPdn1dQczgbl0QFTeTOmVHFULt394XJgOQNoyVhZ6r2vLnMLJfBPd53SB52T/3G36VI1/g2MZaX0cwDuXsfw==",
+      "devOptional": true,
+      "license": "MIT"
+    },
     "node_modules/@types/whatwg-mimetype": {
       "version": "3.0.2",
       "resolved": "https://registry.npmmirror.com/@types/whatwg-mimetype/-/whatwg-mimetype-3.0.2.tgz",
@@ -2595,6 +2616,15 @@
       "dev": true,
       "license": "MIT"
     },
+    "node_modules/dompurify": {
+      "version": "3.4.7",
+      "resolved": "https://registry.npmmirror.com/dompurify/-/dompurify-3.4.7.tgz",
+      "integrity": "sha512-2jBxDJY4RR06tQNy4w5FlFH7kfxsQZlufd0sbv+chfHCxeJwrFw2baUDsSwvBISD4K4RDbd0PTfy3uNXsR6siA==",
+      "license": "(MPL-2.0 OR Apache-2.0)",
+      "optionalDependencies": {
+        "@types/trusted-types": "^2.0.7"
+      }
+    },
     "node_modules/eastasianwidth": {
       "version": "0.2.0",
       "resolved": "https://registry.npmmirror.com/eastasianwidth/-/eastasianwidth-0.2.0.tgz",
@@ -3305,6 +3335,15 @@
         "node": ">= 0.4"
       }
     },
+    "node_modules/highlight.js": {
+      "version": "11.11.1",
+      "resolved": "https://registry.npmmirror.com/highlight.js/-/highlight.js-11.11.1.tgz",
+      "integrity": "sha512-Xwwo44whKBVCYoliBQwaPvtd/2tYFkRQtXDWj1nackaV2JPXx3L0+Jvd8/qCJ2p+ML0/XVkJ2q+Mr+UVdpJK5w==",
+      "license": "BSD-3-Clause",
+      "engines": {
+        "node": ">=12.0.0"
+      }
+    },
     "node_modules/ignore": {
       "version": "5.3.2",
       "resolved": "https://registry.npmmirror.com/ignore/-/ignore-5.3.2.tgz",
@@ -3861,6 +3900,18 @@
         "@jridgewell/sourcemap-codec": "^1.5.5"
       }
     },
+    "node_modules/marked": {
+      "version": "18.0.4",
+      "resolved": "https://registry.npmmirror.com/marked/-/marked-18.0.4.tgz",
+      "integrity": "sha512-c/BTaKzg0G6ezQx97DAkYU7k0HM6ys0FqYeKBL6hlBByZwy+ycA1+f0vDdjMHKKeEjdgkx0GOv9Il6D+85cOqA==",
+      "license": "MIT",
+      "bin": {
+        "marked": "bin/marked.js"
+      },
+      "engines": {
+        "node": ">= 20"
+      }
+    },
     "node_modules/merge2": {
       "version": "1.4.1",
       "resolved": "https://registry.npmmirror.com/merge2/-/merge2-1.4.1.tgz",
diff --git a/kimi-code-swarm/package.json b/kimi-code-swarm/package.json
index 711cd28..c1db0cd 100644
--- a/kimi-code-swarm/package.json
+++ b/kimi-code-swarm/package.json
@@ -25,6 +25,7 @@
     "@eslint/js": "^9.39.4",
     "@playwright/test": "^1.59.1",
     "@tauri-apps/cli": "^2.11.0",
+    "@types/dompurify": "^3.0.5",
     "@vue/test-utils": "^2.4.10",
     "autoprefixer": "^10.5.0",
     "eslint": "^9.39.4",
@@ -44,7 +45,10 @@
     "@tauri-apps/api": "^2.11.0",
     "@tauri-apps/plugin-store": "^2.4.3",
     "@vitejs/plugin-vue": "^6.0.6",
+    "dompurify": "^3.4.7",
+    "highlight.js": "^11.11.1",
     "lucide-vue-next": "^1.0.0",
+    "marked": "^18.0.4",
     "vue": "^3.5.33",
     "zod": "^4.4.3"
   }
diff --git a/kimi-code-swarm/src/components/AgentDetail.vue b/kimi-code-swarm/src/components/AgentDetail.vue
index 38d87cf..f49197c 100644
--- a/kimi-code-swarm/src/components/AgentDetail.vue
+++ b/kimi-code-swarm/src/components/AgentDetail.vue
@@ -6,10 +6,31 @@ import {
   User, Bot, Loader2, Brain, Wrench, Server,
   ChevronDown, ChevronRight
 } from 'lucide-vue-next'
+import { marked } from 'marked'
+import hljs from 'highlight.js'
+import DOMPurify from 'dompurify'
 import type { AgentTask } from '../types'
 import { getLastInput } from '../utils/getLastInput'
 import { useSwarmStore } from '../store/useSwarmStore'
 
+// Configure marked with syntax highlighting via custom renderer
+const renderer = new marked.Renderer()
+renderer.code = ({ text, lang }: { text: string; lang?: string }) => {
+  const language = lang && hljs.getLanguage(lang) ? lang : undefined
+  const highlighted = language
+    ? hljs.highlight(text, { language }).value
+    : hljs.highlightAuto(text).value
+  return `<pre><code class="hljs language-${lang || 'plaintext'}">${highlighted}</code></pre>`
+}
+marked.use({ renderer })
+marked.setOptions({ breaks: true })
+
+function renderMarkdown(content: string): string {
+  if (!content) return ''
+  const html = marked.parse(content, { async: false }) as string
+  return DOMPurify.sanitize(html)
+}
+
 const props = withDefaults(defineProps<{
   agent: AgentTask
   /** 引擎是否已 restore 完毕；false 时禁用「启动/发送/停止」等向引擎发命令的按钮 */
@@ -370,7 +391,7 @@ watch(() => props.agent.status, async () => {
         <div v-if="log.type === 'input'" class="flex justify-end animate-message-enter">
           <div class="flex items-end gap-2 max-w-[85%] min-w-0">
             <div class="bg-swarm-600 text-white rounded-2xl rounded-tr-sm px-4 py-2.5 shadow-sm">
-              <p class="text-sm whitespace-pre-wrap break-words leading-relaxed">{{ log.content }}</p>
+              <div class="markdown-content markdown-content-inverted" v-html="renderMarkdown(log.content)" />
               <div class="flex items-center justify-end gap-2 mt-1">
                 <span v-if="log.tokens" class="text-[10px] opacity-60">{{ log.tokens }} tokens</span>
                 <span class="text-[10px] opacity-60">{{ new Date(log.timestamp).toLocaleTimeString() }}</span>
@@ -389,7 +410,7 @@ watch(() => props.agent.status, async () => {
               <Bot class="w-3.5 h-3.5 text-blue-600" />
             </div>
             <div class="bg-white text-gray-800 rounded-2xl rounded-tl-sm px-4 py-2.5 shadow-sm border border-gray-100">
-              <p class="text-sm whitespace-pre-wrap break-words leading-relaxed">{{ log.content }}</p>
+              <div class="markdown-content" v-html="renderMarkdown(log.content)" />
               <div class="flex items-center gap-2 mt-1">
                 <span class="text-[10px] text-gray-400">{{ new Date(log.timestamp).toLocaleTimeString() }}</span>
               </div>
@@ -413,7 +434,7 @@ watch(() => props.agent.status, async () => {
                 <ChevronDown v-else class="w-3.5 h-3.5 text-amber-600 shrink-0 ml-2" />
               </button>
               <div v-if="isLogExpanded(log.id)" class="px-4 pb-2.5">
-                <p class="text-sm whitespace-pre-wrap break-words leading-relaxed">{{ log.content }}</p>
+                <div class="markdown-content" v-html="renderMarkdown(log.content)" />
                 <div class="flex items-center gap-2 mt-1">
                   <span class="text-[10px] text-amber-400">{{ new Date(log.timestamp).toLocaleTimeString() }}</span>
                 </div>
diff --git a/kimi-code-swarm/src/style.css b/kimi-code-swarm/src/style.css
index cf54885..13cdbc7 100644
--- a/kimi-code-swarm/src/style.css
+++ b/kimi-code-swarm/src/style.css
@@ -1,3 +1,5 @@
+@import 'highlight.js/styles/github.css';
+
 @tailwind base;
 @tailwind components;
 @tailwind utilities;
@@ -9,6 +11,136 @@
   }
 }
 
+/* Markdown rendering styles for chat bubbles */
+.markdown-content {
+  @apply text-sm leading-relaxed break-words;
+}
+
+.markdown-content > *:first-child {
+  @apply mt-0;
+}
+
+.markdown-content > *:last-child {
+  @apply mb-0;
+}
+
+.markdown-content h1,
+.markdown-content h2,
+.markdown-content h3,
+.markdown-content h4,
+.markdown-content h5,
+.markdown-content h6 {
+  @apply font-semibold mt-3 mb-2 text-gray-900;
+}
+
+.markdown-content h1 { @apply text-lg; }
+.markdown-content h2 { @apply text-base; }
+.markdown-content h3 { @apply text-sm; }
+.markdown-content h4,
+.markdown-content h5,
+.markdown-content h6 { @apply text-sm; }
+
+.markdown-content p {
+  @apply mb-2;
+}
+
+.markdown-content ul,
+.markdown-content ol {
+  @apply pl-5 mb-2;
+}
+
+.markdown-content ul {
+  @apply list-disc;
+}
+
+.markdown-content ol {
+  @apply list-decimal;
+}
+
+.markdown-content blockquote {
+  @apply border-l-4 border-gray-300 pl-3 italic text-gray-600 my-2;
+}
+
+.markdown-content a {
+  @apply text-swarm-600 underline;
+}
+
+.markdown-content code {
+  @apply bg-gray-100 text-pink-600 px-1 py-0.5 rounded text-xs font-mono;
+}
+
+.markdown-content pre {
+  @apply bg-gray-100 rounded-lg p-3 overflow-x-auto my-2;
+}
+
+.markdown-content pre code {
+  @apply bg-transparent text-inherit p-0 rounded-none text-xs;
+}
+
+.markdown-content table {
+  @apply w-full border-collapse text-xs my-2;
+}
+
+.markdown-content th,
+.markdown-content td {
+  @apply border border-gray-200 px-2 py-1;
+}
+
+.markdown-content th {
+  @apply bg-gray-50 font-medium;
+}
+
+.markdown-content hr {
+  @apply border-gray-200 my-3;
+}
+
+.markdown-content img {
+  @apply max-w-full rounded-lg my-2;
+}
+
+/* Inverted styles for user message bubble (green bg, white text) */
+.markdown-content-inverted h1,
+.markdown-content-inverted h2,
+.markdown-content-inverted h3,
+.markdown-content-inverted h4,
+.markdown-content-inverted h5,
+.markdown-content-inverted h6 {
+  @apply text-white;
+}
+
+.markdown-content-inverted blockquote {
+  @apply border-white/30 text-white/80;
+}
+
+.markdown-content-inverted a {
+  @apply text-green-200;
+}
+
+.markdown-content-inverted code {
+  @apply bg-white/20 text-white;
+}
+
+.markdown-content-inverted pre {
+  @apply bg-white/15;
+}
+
+.markdown-content-inverted pre code {
+  @apply text-white;
+}
+
+.markdown-content-inverted th,
+.markdown-content-inverted td {
+  @apply border-white/20;
+}
+
+.markdown-content-inverted th {
+  @apply bg-white/10;
+}
+
+.markdown-content-inverted hr {
+  @apply border-white/20;
+}
+
 @layer utilities {
   .scrollbar-thin::-webkit-scrollbar {
     width: 6px;