摘要：H2标题加粗，上边距40px -响应式适配手机

MDX frontmatter示例： ```yaml title: "用Next.js构建高性能博客" date: "2026-02-08" excerpt: "详细介绍如何使用Next.js 14和MDX搭建个人博客" tags: ["Next.

创建文章详情页 /blog/[slug]/page.tsx，要求：

**功能：**
1、根据URL中的slug读取对应的MDX文件
2、渲染MDX内容
3、代码块语法高亮（支持JavaScript、Python、Go等）
4、文章元信息：
  -标题
  -发布日期
  -阅读时间
  -标签
5、上一篇/下一篇导航
6、返回列表按钮

**样式要求：**
  -文章内容最大宽度768px，居中显示
  -字体大小18px，行高1.8
  -代码块圆角、灰色背景
  -H2标题加粗，上边距40px
  -响应式适配手机

**MDX frontmatter示例：**
```yaml
title: "用Next.js构建高性能博客"
date: "2026-02-08"
excerpt: "详细介绍如何使用Next.js 14和MDX搭建个人博客"
tags: ["Next.js", "React", "Web开发"]
readingTime: "8 min read"

请生成完整的组件代码和MDX配置

使用以上说明，优化文章详情页。如下图：