你好，世界

这是正文第一段。正文使用 DM Sans（font-body），最大列宽严守 65ch，行高偏宽以利长文阅读。下面用各种元素验证渲染管线是否完整。

二级标题用 Playfair Display

二级标题应当渲染为衬线字体（font-display），与无衬线正文形成印刷质感的对比。这条边界由 Design Spec 规定，不可互换。

正文里的行内代码看起来像这样：const accent = 'var(--accent)'，使用等宽字族 JetBrains Mono。

代码块

// 语法高亮配色固定为深色，不随主题切换
import { defineCollection, z } from 'astro:content';

export const posts = defineCollection({
  schema: z.object({
    title: z.string(),
    date: z.coerce.date(),
  }),
});

引用块

信任通过溯源建立：AI 组件的来源卡片必须早于回答出现。 这条原则后续会落到「与本博客对话」浮层上。

链接与列表

• 第一项：验证无序列表渲染
• 第二项：包含一个站内链接，悬停应呈现 --accent-hover
• 第三项：行内 code 与普通文字混排

写到这里，如果标题是衬线、正文是无衬线、代码是等宽，且暗色切换后对比正常，说明骨架的渲染链路打通了。