这是一篇样式演示文章，用于测试所有内容元素的排版效果。正文使用默认的 --color-text 颜色，行高 1.8，阅读起来应当舒适自然。

行内元素

正文中可以包含加粗文字和强调文字，也可以有 行内代码 和链接。中英文混排时，English words 和中文之间应当有合理的间距。

图片

不带说明的图片：

带说明文字的图片（alt 作为 figcaption）：

代码

行内代码已经展示过了：const x = 42。以下是各种语言的代码块。

JavaScript

async function fetchData(url) {
	const response = await fetch(url)
	if (!response.ok) {
		throw new Error(`HTTP ${response.status}`)
	}
	return response.json()
}

CSS

article main pre {
	padding: 1.2em 1.4em;
	border-radius: 6px;
	overflow-x: auto;
	font-size: 0.85em;
}

Bash

#!/bin/bash
for file in *.md; do
	echo "Processing: $file"
	wc -w "$file"
done

Rust

fn fibonacci(n: u64) -> u64 {
	match n {
		0 => 0,
		1 => 1,
		_ => fibonacci(n - 1) + fibonacci(n - 2),
	}
}

引用

木已成舟，我也没有时光机。好在为时未晚。

嵌套引用：

有人说过：

凡是过往，皆为序章。

我深以为然。

列表

无序列表：

• 第一项
• 第二项，稍微长一些的内容来测试换行效果
• 第三项
  • 嵌套项 A
  • 嵌套项 B

有序列表：

1. 准备环境
2. 编写代码
3. 测试验证
4. 部署上线

表格

项目	语言	状态
寄己集	TypeScript	进行中
某工具	Rust	计划中
旧博客	Hugo	已归档

---

媒体嵌入

视频（使用 HTML 标签）：

音频：

---

以上是全部样式元素的演示。