base.css

/**
 * MD 基础主题样式
 * 包含所有元素的基础样式和 CSS 变量定义
 */

/* ==================== 容器样式 ==================== */
section,
#output .container {
  font-family: var(--md-font-family);
  font-size: var(--md-font-size);
  line-height: 1.8;
  text-align: left;
}

/* 确保 #output 容器应用基础样式 */
#output {
  font-family: var(--md-font-family);
  font-size: var(--md-font-size);
  line-height: 1.8;
  text-align: left;
}

/* 去除第一个元素的 margin-top */
#output section > :first-child {
  margin-top: 0 !important;
}

/*
 * 兜底重置：导出 HTML / 分享页 / VSCode 预览等脱离 Web App 的场景
 * 没有 Tailwind preflight，浏览器 UA 默认样式会冒出来（如
 * blockquote 默认左右各 40px margin、table 默认 border-collapse: separate）。
 * 这里统一重置，保证导出结果与预览一致。各主题可在其后覆盖（如 margin-bottom）。
 * section 选择器用于 VSCode 预览（无 #output 容器，内容在 section.container 内）。
 */
#output blockquote,
section blockquote {
  margin: 0;
}

#output table,
section table {
  border-collapse: collapse;
  min-width: 100%;
}

.mermaid-diagram .nodeLabel p {
  color: unset !important;
  letter-spacing: unset !important;
}