docmd 采用 CSS 变量优先架构。这意味着只需在 :root 块中覆盖少数几个变量，无需编写复杂的 CSS 选择器，即可重新设计整个网站的样式。

全局变量参考

覆盖示例

如需更改网站主色调，请将以下内容添加到 customCss 文件中：

:root {
  --link-color: #f43f5e; /* Rose 500 */
}

body[data-theme="dark"] {
  --link-color: #fb7185; /* Rose 400 */
}

组件定向覆盖

如需对特定组件进行样式化，可使用以下顶级类名：

• .main-content：所有 Markdown 内容的包裹容器。
• .sidebar-nav：内部导航列表。
• .page-header：顶部导航栏。
• .docmd-search-modal：搜索弹框。
• .docmd-tabs：标签组件容器。
• .callout：提示/备注框。

优先级排查

大多数 docmd 样式的优先级较低。如果覆盖未生效，请确认 customCss 是否已正确注册，并尝试在选择器前增加 body 前缀（如 body .main-content）。