如何在Xaringan（基于remark.js）中用变量动态设置CSS类调整字体大小？

标题：使用井号（#）定义，井号数量对应标题层级，示例：

# 一级标题
## 二级标题
### 三级标题

列表项：以短横线（-）开头，支持嵌套，示例：

- 一级列表项1
- 一级列表项2
  - 二级嵌套列表项

文本强调：用星号（*）包裹文本，单个星号为斜体，两个星号为粗体，示例：

*斜体强调文本*
**粗体强调文本**

代码/命令：单行内容用单个反引号（`）包裹，多行内容用三个反引号（```）包裹，示例：

单行代码：`npm install`
多行代码块：
```javascript
function greet() {
  console.log("Hello");
}

引用文本：使用大于号（>）标记，支持多行连续引用，示例：

> 这是一段引用内容
> 换行后仍属于同一段引用

链接：格式为[显示文本](目标URL)，示例：

[Markdown语法说明](https://daringfireball.net/projects/markdown/)

图片：格式为[图片替代文本](图片URL)，示例：

[风景示例图](https://example.com/scenery.jpg)