/* ===== 全局样式 ===== */
body {
  font-family: -apple-system, "PingFang SC", "Noto Sans SC", sans-serif;
  background-color: #fafafa;
}

/* ===== 标题样式 ===== */
h1, h2, h3 {
  font-weight: 700;
}

/* ===== 引用块样式 ===== */
blockquote {
  border-left: 4px solid #3498db;
  padding-left: 1em;
  margin-left: 0;
  color: #555;
  font-style: italic;
  background: #f8f9fa;
  padding: 0.5em 1em;
}

/* ===== Mermaid 图表配色 ===== */
:root {
  --mermaid-bg-color: #ffffff;
  --mermaid-node-bg-color: #e8f4fd;
  --mermaid-node-fg-color: #2980b9;
  --mermaid-edge-color: #34495e;
  --mermaid-label-bg-color: #ecf0f1;
  --mermaid-label-fg-color: #2c3e50;
  --mermaid-fg-color: #2c3e50;
  --mermaid-font-family: -apple-system, "PingFang SC", sans-serif;
}

.mermaid .node rect,
.mermaid .node circle,
.mermaid .node polygon {
  fill: #e8f4fd !important;
  stroke: #3498db !important;
  stroke-width: 1.5px !important;
}

.mermaid .label,
.mermaid .nodeLabel {
  color: #2c3e50 !important;
  fill: #2c3e50 !important;
}

.mermaid .cluster rect {
  fill: #f8f9fa !important;
  stroke: #dee2e6 !important;
  stroke-dasharray: 4 2 !important;
}

.mermaid .edgePath .path {
  stroke: #6c757d !important;
  stroke-width: 1.5px !important;
}

/* ===== Callout 样式 ===== */
.callout {
  border-radius: 8px;
}