<!DOCTYPE html>
<html lang="zh-cn">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>DeepSeek V4深度分析：百万Token上下文如何重塑开源AI格局 - Markdown</title>
    <style>
        body { 
            font-family: monospace; 
            white-space: pre-wrap; 
            word-wrap: break-word; 
            padding: 0; 
            background-color: #e5e5e5;
            color: #24292f;
            margin: 0;
            display: flex;
            flex-direction: column;
            align-items: center;
            min-height: 100vh;
        }
        .markdown-body {
            box-sizing: border-box;
            width: 100%;
            max-width: 980px;
            margin: 2em auto;
            padding: 45px;
            background-color: #fff;
            border: 1px solid #d0d7de;
            border-radius: 6px;
            font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji;
            white-space: normal;
            box-shadow: 0 4px 12px rgba(0,0,0,0.05);
        }
        @media (prefers-color-scheme: dark) {
            body {
                background-color: #010409;
                color: #c9d1d9;
            }
            .markdown-body {
                background-color: #0d1117;
                border-color: #30363d;
                box-shadow: 0 4px 12px rgba(0,0,0,0.3);
            }
        }
        @media (max-width: 767px) {
            .markdown-body {
                padding: 15px;
                margin: 0;
                border-radius: 0;
                border-left: none;
                border-right: none;
            }
        }
    </style>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/github-markdown-css/5.5.0/github-markdown.min.css">
</head>
<body>---
title: 'DeepSeek V4深度分析：百万Token上下文如何重塑开源AI格局'
description: 'DeepSeek V4正式发布Pro和Flash双版本，以1.6T/284B参数、百万Token上下文窗口和MIT开源协议，在代码和推理基准上跻身全球顶尖水平。搭载华为昇腾芯片、寒武纪原生适配，标志着中国AI全栈自主化迈入关键阶段。'
pubDate: 2026-04-27
tags: ['AI', '专题分析', 'DeepSeek', '大模型', '开源', '中国AI', 'MoE', '华为昇腾']
---
2026年4月24日，DeepSeek在HuggingFace上正式发布了V4系列模型——这是继2024年12月V3引发全球关注、2025年1月R1推理模型震撼行业之后，DeepSeek的又一次重大技术跃迁。此次发布的两个版本——**DeepSeek-V4-Pro**（1.6T总参数/49B激活）和**DeepSeek-V4-Flash**（284B总参数/13B激活）——均支持**百万Token上下文窗口**，以**MIT协议**完全开源，并在多项代码基准上超越了Opus-4.6、GPT-5.4和Gemini-3.1-Pro等闭源前沿模型。

这不仅仅是一次模型迭代。DeepSeek V4的背后，是架构层面的三项核心创新、从芯片到模型的"全栈自主化"突破、以及一家以"理想主义"起家的中国AI公司走向商业化的关键转折。本文将从技术细节、性能评测、产业影响和战略意义四个维度，对DeepSeek V4进行全景式深度分析。

---

## DeepSeek的前世今生：从V1到V4的技术演进之路

要理解V4的革命性，必须先理解DeepSeek的技术进化轨迹。

**2024年5月——DeepSeek-V2**：首次引入MLA（Multi-head Latent Attention）注意力机制和DeepSeekMoE架构，以236B总参数/21B激活参数实现了远超同等规模模型的性能。V2让世界第一次注意到这家来自中国杭州的AI实验室。

**2024年12月——DeepSeek-V3**：参数量跃升至671B/37B激活，采用多头潜在注意力（MLA）+辅助无损负载均衡策略，训练成本仅约557万美元。V3在发布后迅速成为开源社区最受关注的模型之一，性能接近GPT-4o和Claude 3.5 Sonnet。

**2025年1月——DeepSeek-R1**：专注于推理能力的强化学习模型，在数学、编程和逻辑推理任务上表现突出，证明了强化学习在大模型后训练中的巨大潜力。

**2025年12月——DeepSeek-V3.2**：V3的优化版本（685B参数），进一步提升了性能和稳定性，HuggingFace下载量超过1110万次，成为社区最广泛使用的开源模型之一。

**2026年4月——DeepSeek-V4**：参数量直接跃升至1.6T/49B激活，引入混合注意力架构、流形约束超连接和Muon优化器三项核心创新，上下文窗口扩展到百万Token。这标志着DeepSeek从"追赶者"正式成为"定义者"。

---

## 架构革命：V4的三项核心技术创新

### 创新一：混合注意力架构（Hybrid Attention Architecture）

这是V4最核心的架构突破。DeepSeek设计了一种结合**压缩稀疏注意力（CSA，Compressed Sparse Attention）**和**重度压缩注意力（HCA，Heavily Compressed Attention）**的混合注意力机制。

效果如何？在百万Token上下文场景下，DeepSeek-V4-Pro仅需V3.2版本**27%的单Token推理FLOPs**和**10%的KV缓存**。这意味着：
- 推理计算量降低了约3.7倍
- 内存占用降低了约10倍
- 百万Token上下文从"理论可能"变成"实际可用"

对比来看，当大多数模型还在128K或256K上下文窗口上挣扎时，DeepSeek V4不仅将上下文推到了1M，还将效率做到了极致。这种"既大又快"的能力，正是当前AI行业最稀缺的。

### 创新二：流形约束超连接（mHC）

传统的Transformer模型依赖残差连接（Residual Connection）来保持信号在深层网络中的传播。然而随着模型规模增长到万亿参数级别，信号衰减和梯度消失问题变得更加严重。

DeepSeek引入的**流形约束超连接（Manifold-Constrained Hyper-Connections，mHC）**是对传统残差连接的增强——它在保持模型表达能力的同时，显著提升了信号跨层传播的稳定性。这可以理解为给深层网络加装了一套"信号放大器"，让万亿参数模型在训练和推理过程中都能保持稳定。

### 创新三：Muon优化器

在训练层面，V4采用了**Muon优化器**替代传统的AdamW。Muon是一种基于矩阵正交化的优化器，能够在高维参数空间中实现更快的收敛速度和更好的训练稳定性。

对于1.6T参数的模型来说，训练效率的提升意味着巨大的成本节省。V4在超过**32万亿（32T）**Token的语料上进行了预训练——这是目前公开披露的最大规模预训练数据之一。

### 训练范式：两阶段后训练流水线

V4的后训练采用了创新的两阶段范式：

**第一阶段——领域专家独立培养**：通过监督微调（SFT）和基于GRPO的强化学习（RL），分别培养不同领域的专家能力（代码、数学、推理、知识等）。

**第二阶段——统一模型融合**：通过**策略蒸馏（on-policy distillation）**，将各领域专家的独特能力整合到单一模型中。

这种"先专精后融合"的策略，避免了传统一刀切式后训练中不同能力互相干扰的问题，使得V4在多个领域同时达到顶尖水平。

---

## 性能深度剖析：V4到底有多强？

### 基座模型：知识能力的飞跃

对比DeepSeek-V3.2-Base，V4-Pro-Base的提升是全方位的：

| 基准测试 | V3.2-Base | V4-Pro-Base | 提升幅度 |
|----------|-----------|-------------|----------|
| MMLU | 87.8% | 90.1% | +2.3pp |
| MMLU-Pro | 65.5% | 73.5% | **+8.0pp** |
| C-Eval（中文） | 90.4% | 93.1% | +2.7pp |
| FACTS Parametric | 27.1% | 62.6% | **+35.5pp** |
| Simple-QA verified | 28.3% | 55.2% | **+26.9pp** |
| LongBench-V2 | 40.2% | 51.5% | +11.3pp |
| HumanEval | 62.8% | 76.8% | **+14.0pp** |

其中最引人注目的是**FACTS Parametric（事实性参数知识）从27.1%飙升至62.6%**——这意味着V4在"知道什么是对的"这个最根本的能力上实现了质变。在AI幻觉问题日益严重的当下，这一提升具有特殊意义。

### 对话模型：代码之王，推理接近前沿

DeepSeek-V4-Pro-Max与当前最强闭源模型的对比如下：

**V4-Pro-Max领先的项目（开源第一）：**
- **LiveCodeBench**：93.5%（超越Gemini-3.1-Pro的91.7%和Opus-4.6的88.8%）——**全球最高**
- **Codeforces Rating**：3206（超越GPT-5.4的3168）——**全球最高**
- **Apex Shortlist**：90.2%（超越Gemini-3.1-Pro的89.1%）——**全球最高**
- **SWE Verified**：80.6%（与Gemini并列，仅落后Opus-4.6的80.8%约0.2pp）
- **Chinese-SimpleQA**：84.4%（仅次于Gemini的85.9%）

**V4-Pro-Max仍有差距的项目：**
- MMLU-Pro：87.5% vs Gemini-3.1-Pro的91.0%（差距3.5pp）
- GPQA Diamond：90.1% vs Gemini-3.1-Pro的94.3%（差距4.2pp）
- HLE（人类最后考试）：37.7% vs Gemini-3.1-Pro的44.4%

**总结：V4-Pro-Max在代码领域已超越所有闭源对手，在推理和数学上与GPT-5.4和Opus-4.6处于同一梯队，但在通用知识和科学推理上仍落后于Gemini-3.1-Pro。**

### 三档推理模式：灵活应对不同场景

V4引入了三档推理模式，这是对"效率vs深度"问题的优雅解答：

| 模式 | 特点 | 适用场景 |
|------|------|----------|
| **Non-think** | 快速直觉响应 | 日常对话、简单任务 |
| **Think High** | 有意识逻辑分析 | 复杂问题、规划任务 |
| **Think Max** | 推理能力的极限释放 | 探索模型推理边界 |

以LiveCodeBench为例，V4-Pro从Non-think的56.8%跃升至Think Max的93.5%——推理模式带来了超过36个百分点的提升。这意味着用户可以根据实际需求灵活选择"速度"或"深度"，在成本和效果之间找到最佳平衡点。

---

## 双版本战略：Pro与Flash的市场定位

DeepSeek V4采用了Pro/Flash双版本策略，这反映了AI市场正在形成的"旗舰+轻量"双轨并行趋势。

| 维度 | V4-Pro | V4-Flash |
|------|--------|----------|
| 总参数 | 1.6T | 284B |
| 激活参数 | 49B | 13B |
| 精度 | FP4+FP8混合 | FP4+FP8混合 |
| 定位 | 最高性能旗舰 | 高性价比轻量版 |
| HuggingFace下载 | 123K+ | 46K+ |

**关键发现**：DeepSeek官方指出，V4-Flash-Max在给予更大的思维预算时，可以在推理任务上达到与Pro版本"可比"的性能。这意味着Flash版本不是简单的"降级版"，而是通过更多推理时间来弥补参数量的不足——这是"以时间换空间"策略的典型案例。

Flash版本13B的激活参数量使其可以在更广泛的硬件上部署，显著降低了企业采用门槛。对于大多数企业级应用场景（客服、文档处理、代码辅助等），Flash版本可能已经足够。

---

## MIT开源协议：为什么这件事影响深远？

V4系列采用**MIT协议**开源，这是目前最宽松的开源协议之一。与许多"开放权重但限制商用"的模型（如Meta LLaMA早期版本的非商业许可）形成鲜明对比。

**MIT协议意味着：**
- ✅ 商业使用完全免费，无需授权
- ✅ 可以自由修改、分发、再授权
- ✅ 可以用于构建闭源商业产品
- ✅ 几乎不施加任何使用限制

这将对AI生态产生三重影响：

**第一，加速企业级AI普及。** 企业无需担心许可合规问题，可以直接基于V4构建商业产品。特别是在中国市场上，MIT协议消除了许多企业采用开源大模型的最大顾虑。

**第二，推动AI应用层创新。** 创业公司可以基于V4-Flash快速构建应用原型，基于V4-Pro打造高性能产品，无需从零训练模型。这将催生大量基于DeepSeek V4的垂直行业应用。

**第三，对闭源模型形成价格压力。** 当一个性能接近GPT-5.4的模型可以免费商用时，闭源模型提供商的定价空间将被大幅压缩。这在代码和推理领域尤为明显——V4在LiveCodeBench和Codeforces上的表现已经超越了所有闭源对手。

---

## 全栈自主化：从芯片到模型的完整闭环

DeepSeek V4的地缘政治意义可能比其技术意义更加深远。

### 华为昇腾芯片：完成实际部署验证

V4-Pro需要处理1.6T参数的MoE模型推理，这对AI芯片的算力、带宽和内存都提出了极高要求。多家企业已通过华为云接入DeepSeek V4，成功运行意味着华为昇腾910B/910C系列已经可以支撑万亿参数级别的AI模型实际部署。

### 寒武纪原生适配：国产AI芯片生态多元化

作为国产AI芯片的另一极，寒武纪在V4发布后第一时间完成了原生适配。这进一步验证了中国AI芯片生态的多元化能力——不再"只此一家"。

### 全栈自主化的三个层次

| 层次 | 进展 | 意义 |
|------|------|------|
| **模型层** | V4性能接近前沿闭源水平 | 技术追赶完成 |
| **芯片层** | 华为昇腾+寒武纪适配完成 | 硬件自主可用 |
| **生态层** | MIT开源+华为云+ModelScope | 生态基础设施成型 |

这三件事在同一天发生——模型发布、芯片验证、生态适配——标志着中国AI产业链已经从"单点突破"进入"系统化推进"阶段。

---

## 从理想到商业：DeepSeek的融资拐点

在V4发布的同时，DeepSeek正在寻求**首轮外部融资**，估值传闻超过**100亿美元**。这对于一家此前完全依靠创始人梁文锋个人资金（通过量化私募幻方量化获得）运营的公司来说，是一个根本性的转变。

**融资的四重逻辑：**

1. **员工激励**：为期权定价，吸引和留住顶尖AI人才。在与OpenAI、Google DeepMind等巨头的人才争夺战中，股权激励是不可或缺的工具。
2. **算力扩张**：训练1.6T参数的模型需要大量GPU/TPU资源。尽管V4已在华为昇腾上验证，但更大规模的训练和推理部署仍需要巨额硬件投入。
3. **商业化布局**：从开源模型到可持续商业模式，需要建立API服务、企业解决方案和开发者生态。
4. **市场竞争**：面对OpenAI（估值超3000亿美元）、Anthropic（估值600亿美元+）等对手的碾压性资金优势，DeepSeek需要足够的"弹药"。

这一转变被36Kr的一篇报道精准概括为"梁文锋想通了"——从纯粹的技术理想主义，到兼顾商业化现实的战略务实。

---

## 历史坐标：如何理解V4的行业地位？

### 类比一：2016年Meta发布LLaMA系列

Meta以开源策略颠覆了大模型市场竞争格局。DeepSeek V4的MIT开源可能产生类似甚至更大的效果——因为V4在代码等关键领域已经超越了闭源模型，而LLaMA在发布时尚未达到这一水平。

### 类比二：2024年华为Mate 60 Pro搭载麒麟9000S

当时的突破被视为中国芯片制造的"突围时刻"。V4在华为昇腾芯片上的成功运行是AI领域的类似事件——不仅证明了技术可行性，更重要的是证明了整个产业链的可用性。

### 类比三：Android vs iOS

DeepSeek V4+MIT协议正在成为AI领域的"Android"——开放、免费、可定制，让全球开发者基于它构建应用。而闭源模型则扮演"iOS"角色——体验精致但封闭。历史证明，两种路线可以长期共存，但开放路线往往在市场份额上占据优势。

---

## 行业趋势和影响

### 趋势一：开源模型在垂直领域超越闭源成为常态

V4在LiveCodeBench和Codeforces上的表现证明了这一点。随着开源模型的能力持续提升，闭源模型将越来越多地退守到需要超大规模训练数据和算力的通用知识领域。

### 趋势二：百万Token上下文成为新"入场券"

V4将百万Token上下文从"实验性功能"提升为"生产级能力"，且仅需要V3.2十分之一的KV缓存。这将推动整个行业在长上下文效率上的军备竞赛。

### 趋势三：中国AI从"追赶"进入"并行创新"阶段

V4的混合注意力架构（CSA+HCA）、mHC和Muon优化器都是原创性的技术创新，而非对已有技术的复现或微调。这标志着中国AI已经从"追赶先进"进入"定义方向"的阶段。

### 趋势四：AI芯片多元化格局加速形成

华为昇腾+寒武纪的双重适配，意味着NVIDIA在AI推理市场的垄断地位正在被瓦解。特别是在中国市场上，国产AI芯片+国产大模型的组合正在形成可行的替代方案。

---

## 关键要点

- **架构突破**：V4引入混合注意力（CSA+HCA）、流形约束超连接（mHC）和Muon优化器三项核心创新，在百万Token上下文场景下仅需V3.2的27%推理FLOPs和10% KV缓存
- **性能标杆**：V4-Pro-Max在LiveCodeBench（93.5%）和Codeforces（3206 Rating）上超越所有闭源模型，成为代码领域的全球最强模型
- **双版本策略**：Pro（1.6T/49B）面向极致性能，Flash（284B/13B）面向高效部署，通过推理模式（Non-think/High/Max）灵活调节深度与速度
- **MIT协议开源**：最宽松的商业友好协议，将加速企业级AI普及、推动应用层创新、对闭源模型形成价格压力
- **全栈自主化**：华为昇腾芯片验证+寒武纪原生适配+华为云/ModelScope分发，中国AI产业链进入"系统化推进"阶段
- **商业化拐点**：百亿美元估值融资传闻标志着DeepSeek从理想主义研发机构向商业化公司的战略转型
- **行业信号**：开源模型在垂直领域超越闭源已成常态，百万Token上下文成为新标准，中国AI从"追赶"迈入"并行创新"

---

## 常见问题

### DeepSeek V4与V3有什么本质区别？

V4在三个层面实现了跨越式升级。**规模层面**，总参数从671B跃升至1.6T（Pro版），激活参数从37B提升至49B；**架构层面**，引入混合注意力机制（CSA+HCA）、流形约束超连接（mHC）和Muon优化器三项原创创新；**能力层面**，上下文窗口扩展到百万Token，FACTS Parametric（事实准确性）从27.1%飙升至62.6%。此外，V4采用了创新的两阶段后训练范式——先培养领域专家，再通过策略蒸馏融合，使模型在多领域同时达到顶尖水平。

### DeepSeek V4是当前最强的开源模型吗？

在代码和部分推理任务上，是的。V4-Pro-Max在LiveCodeBench（93.5%）和Codeforces（3206 Rating）上超越了Opus-4.6、GPT-5.4和Gemini-3.1-Pro等所有闭源前沿模型。在SWE Verified（80.6%）上也处于全球第一梯队。但在通用知识（MMLU-Pro）和科学推理（GPQA Diamond）上仍落后于Gemini-3.1-Pro约3-4个百分点。总体而言，V4-Pro-Max可以被定义为"开源最强"，且在特定领域超越了所有闭源对手。

### 华为昇腾芯片真的能跑万亿参数模型吗？

是的。多家企业已通过华为云成功接入DeepSeek V4 Pro（1.6T参数），且寒武纪也在第一时间完成了原生适配。这意味着国产AI芯片已经可以支撑万亿参数级别的MoE模型进行实际推理部署。不过需要注意的是，MoE架构的"1.6T总参数/49B激活"意味着每次推理只需处理49B参数，这大大降低了硬件要求。但即使如此，能够支撑MoE模型中专家路由和大规模参数加载的芯片带宽和内存需求，仍然是重要的技术里程碑。

### 普通开发者和企业如何使用DeepSeek V4？

有三种主要途径：**第一**，直接从HuggingFace或ModelScope下载模型权重，本地部署。V4-Flash（284B/13B激活）可以在高端GPU服务器上运行，适合有算力资源的企业。**第二**，通过华为云等云服务商API接入，无需自建基础设施。**第三**，使用DeepSeek官方API（如有提供）。由于MIT协议的限制极少，开发者可以自由地将V4集成到商业产品中。对于资源有限的团队，建议从V4-Flash的Non-think或Think High模式开始，根据需求逐步升级到Pro版本。

### DeepSeek V4对AI行业的竞争格局有什么影响？

V4的发布将产生四个层面的连锁反应。**开源生态层面**，MIT协议+顶尖性能的组合将吸引大量开发者和企业从其他开源模型迁移到V4。**闭源模型层面**，V4在代码领域的超越将迫使OpenAI、Google等公司在定价和服务上更加激进。**芯片市场层面**，华为昇腾+寒武纪的成功适配为全球AI推理市场提供了NVIDIA之外的可行选择。**地缘政治层面**，中国首次拥有了从芯片到模型的完整AI技术栈，这将深刻影响全球AI治理和标准的制定。

### DeepSeek V4的"百万Token上下文"实际体验如何？

百万Token约等于处理一本完整的《红楼梦》或数百页技术文档。V4通过混合注意力架构将百万Token场景的计算效率提升了约3.7倍、内存占用降低了约10倍，使得这一能力从"理论指标"变成"实际可用"。在评测中，V4-Pro-Max在MRCR 1M上达到83.5%的准确率（Opus-4.6为92.9%），在CorpusQA 1M上达到62.0%（Opus-4.6为71.7%）。虽然仍落后于Claude Opus-4.6，但已经是开源模型中的顶尖水平。官方建议在Think Max模式下将上下文窗口设置为至少384K Token。

---

## 参考资料

- [HuggingFace - DeepSeek-V4-Pro 官方模型页面与技术报告](https://huggingface.co/deepseek-ai/DeepSeek-V4-Pro)
- [HuggingFace - DeepSeek-V4-Flash 官方模型页面](https://huggingface.co/deepseek-ai/DeepSeek-V4-Flash)
- [HuggingFace - DeepSeek 组织页面](https://huggingface.co/deepseek-ai)
- [机器之心 - DeepSeek V4双版本正式上线](https://www.jiqizhixin.com/)
- [机器之心 - 寒武纪原生适配DeepSeek V4](https://www.jiqizhixin.com/)
- [36Kr - DeepSeek终于要融资了？](https://www.36kr.com/information/AI/)
- [36Kr - 梁文锋想通了](https://www.36kr.com/information/AI/)
- [TechCrunch - Why Cohere is merging with Aleph Alpha](https://techcrunch.com/2026/04/26/why-cohere-is-merging-with-aleph-alpha/)
<script src="https://cdn.jsdelivr.net/npm/marked/marked.min.js"></script>
<script>
    document.addEventListener("DOMContentLoaded", () => {
        try {
            const rawMarkdown = document.body.innerText;
            const isDark = window.matchMedia("(prefers-color-scheme: dark)").matches;

            let webUrl = window.location.pathname;
            if (webUrl.endsWith('/index.md')) {
                webUrl = webUrl.substring(0, webUrl.length - 'index.md'.length) || '/';
            } else {
                webUrl = webUrl.replace(/.md$/, '');
            }
            const linkColor = isDark ? '#58a6ff' : '#0969da';
            const navHtml = 
                '<div style="margin-bottom: 24px; font-size: 14px; font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif;">' +
                    '<a href="/index.md" style="color: ' + linkColor + '; text-decoration: none;">← Back to Home</a>' +
                    '<span style="margin: 0 8px; color: ' + (isDark ? '#484f58' : '#d0d7de') + ';">|</span>' +
                    '<a href="' + webUrl + '" style="color: ' + linkColor + '; text-decoration: none;">Switch to Web View</a>' +
                '</div>';

            let contentToRender = rawMarkdown;
            let frontmatterHtml = '';
            
            const fmMatch = rawMarkdown.match(/^---\s*[\r\n]+([\s\S]*?)[\r\n]+---\s*/);
            
            if (fmMatch) {
                contentToRender = rawMarkdown.substring(fmMatch[0].length);
                const yamlText = fmMatch[1];
                
                const borderColor = isDark ? '#30363d' : '#d0d7de';
                const bgColor = isDark ? '#161b22' : '#f6f8fa';
                const keyColor = isDark ? '#8b949e' : '#57606a';
                const valColor = isDark ? '#c9d1d9' : '#24292f';

                const rows = yamlText.split('\n')
                    .filter(line => line.trim() && line.includes(':'))
                    .map(line => {
                        const splitIdx = line.indexOf(':');
                        const key = line.slice(0, splitIdx).trim();
                        let val = line.slice(splitIdx + 1).trim();
                        if ((val.startsWith("'") && val.endsWith("'")) || (val.startsWith('"') && val.endsWith('"'))) {
                            val = val.slice(1, -1);
                        }
                        
                        return '<tr>' +
                            '<td style="white-space:nowrap; padding:8px 12px; color:' + keyColor + '; font-weight:600; border-bottom:1px solid ' + borderColor + '; width:1%;">' + key + '</td>' +
                            '<td style="padding:8px 12px; color:' + valColor + '; border-bottom:1px solid ' + borderColor + ';">' + val + '</td>' +
                        '</tr>';
                    }).join('');
                
                if (rows) {
                    frontmatterHtml = 
                        '<div style="margin-bottom: 32px; border:1px solid ' + borderColor + '; border-radius:6px; overflow:hidden; background-color:' + bgColor + ';">' +
                            '<table style="width:100%; border-collapse:collapse; font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif; font-size:13px;">' +
                                rows +
                            '</table>' +
                        '</div>';
                }
            }
            
            const renderedHtml = marked.parse(contentToRender);
            
            const wrapper = document.createElement('article');
            wrapper.className = 'markdown-body';
            wrapper.innerHTML = navHtml + frontmatterHtml + renderedHtml;
            
            document.body.innerHTML = '';
            document.body.appendChild(wrapper);
        } catch (e) {
            console.error("Markdown rendering failed", e);
        }
    });
</script>
</body>
</html>