Markdown 渲染观测报告：全样式兼容性测试

1. 基础文本与行内样式 (Inline Styles)

在这里测试你的正文（Body Text）的 line-height、font-size 以及字重是否舒适。这是一段普通的正文文本，用来测试中英文混排时的间距表现（Astro 默认没有盘古之白，看看你的 CSS 是否处理了文字边界）。

这里是粗体文本 (Bold)，这里是斜体文本 (Italic)，这里是粗斜体文本 (Bold Italic)。 如果你反悔了，可以使用删除线 (Strikethrough)。 当提及代码时，inline code 的背景色和字体颜色需要足够清晰，且不能破坏行高。 你也可以按下键盘上的 Ctrl + C 来测试键盘标签样式。 这是一个带有外部链接 (External Link)的测试，看看你的主题是否为链接增加了下划线或 Hover 颜色过渡。

---

2. 标题层级测试 (Typography Hierarchy)

下面是各级标题，请确保它们的 margin-top 和 margin-bottom 节奏合理（通常上边距要大于下边距，以体现亲密性原则）。

这是 H3：三级通讯频道

这是 H4：四级子频段

这是 H5：五级微波信号

这是 H6：六级加密杂音

---

3. 引用块测试 (Blockquotes)

引用的样式往往决定了一个主题的格调。

这是一个普通的单行引用块。用来记录一些名言警句。 比如：“永远是秋日有多好。”

我们还可以进行嵌套引用的极端测试：

局长日志：星历 2026.03.19

自动回复系统：“检测到未知电波，是否拦截？”

核心指令：“放行，并抄送至子空间频道。”

---

4. 列表嵌套测试 (Lists)

列表是最容易在 padding 和 margin 上翻车的元素。

无序列表 (Unordered List):

• 信号塔主控系统
• 备用发电机组
  • 燃料棒 A
  • 燃料棒 B
    • 冷却液状态：正常
• 通讯阵列天线

有序列表 (Ordered List):

1. 启动反应堆
2. 校准雷达坐标
   1. 锁定猎户座悬臂
   2. 建立量子纠缠
3. 发射电波

任务列表 (Task List):

• 完成 Astro 框架升级
• 重构 Artalk 邮件模板
• 修复深空雷达 UI 溢出 Bug

---

5. 代码块渲染测试 (Code Blocks)

请检查在移动端下，以下代码块是否会出现水平滚动条，还是会丑陋地把整个页面撑破。

// 核心通讯协议脚本
const broadcastSignal = async (message, targetCoordinates) => {
    try {
        const response = await fetch('/api/sub-space/transmit', {
            method: 'POST',
            headers: { 'Content-Type': 'application/json' },
            body: JSON.stringify({ msg: message, coords: targetCoordinates })
        });
        
        if (!response.ok) throw new Error("通讯链路断开！");
        return await response.json();
    } catch (error) {
        console.error("【系统警告】发射失败：", error);
    }
};

CSS

/* 机能风虚线测试 */
.telegraph-line {
    background-image: linear-gradient(to right, #dcdad4 50%, transparent 50%);
    background-position: bottom;
    background-size: 10px 1px;
}

---

6. 表格排版测试 (Tables)

由于表格宽度经常不可控，测试你的包裹容器是否具备 overflow-x: auto;。

探测器型号	发射日期	目标坐标	当前状态	传回字节数
Voyager-A	1977-09-05	太阳系边缘	活跃	12,045 TB
Pioneer-10	1972-03-02	毕宿五方向	信号微弱	3,921 TB
Aki-Probe	2026-03-19	孤星子空间	强效回波	88 PB

(注：表头分别测试了左对齐、居中对齐和右对齐)

---

7. 媒体与图片测试 (Images)

图片测试用于检查主题是否支持图像的圆角、居中以及 max-width: 100% 防溢出。

---

8. 数学公式排版 (Math/LaTeX)

注意：此项测试要求你的 Astro 配置文件中启用了 remark-math 和 rehype-katex，并且引入了对应的 CSS。如果没有配置，下面将显示为原始代码。

这是一个行内公式测试：薛定谔方程可以简写为 $i\hbar\frac{\partial}{\partial t}\Psi = \hat{H}\Psi$。

这是一个独立的块级公式测试（高斯积分）：

$$\int_{-\infty}^{\infty} e^{-x^2} , dx = \sqrt{\pi}$$

---

9. 结尾：原生 HTML 混排

Markdown 的强大之处在于它可以随时退化为 HTML。