区块标题

每个内容区块的开头：等宽字体眉题 + 标题 + 说明。

浅色背景

左对齐用于大多数区块；居中用于流程、联系等独立区块。

examples/section-heading/variants.html

深色背景

examples/section-heading/on-dark.html

规格

部分	浅色	深色
眉题	font-mono text-xs uppercase tracking-[0.2em] text-muted-foreground	text-sky
标题	text-3xl sm:text-4xl font-semibold leading-tight tracking-tight text-balance text-foreground	text-navy-foreground
说明	text-base leading-relaxed text-pretty text-muted-foreground	text-navy-foreground/75
容器	flex max-w-2xl flex-col gap-3；居中加 mx-auto items-center text-center	同左

区块间距

• 区块上下内边距：py-20 lg:py-28
• 标题与内容之间：gap-12
• 相邻区块用背景色交替（bg-background / bg-muted / bg-navy）区分，不加分割线

使用建议

推荐

• 眉题使用英文（所有语言页面保持一致），起到栏目标识作用
• 标题 20 字以内