/**
 * MD 基础主题样式（移植自 doocs/md）
 * 作用域：.md-preview
 */

/* CSS 自定义属性 - 所有设置项均通过这些变量控制 */
:root {
  --md-primary-color: #2563EB;
  --md-font-family: 'Microsoft YaHei', -apple-system, BlinkMacSystemFont,
    'Helvetica Neue', Arial, 'PingFang SC', 'Hiragino Sans GB', sans-serif;
  --md-font-size: 16px;
  --md-line-height: 1.75;
  --md-paragraph-margin: 20px;
  --md-side-margin: 8px;
  --md-img-radius: 4px;
}

/* 预览容器基础样式 */
.md-preview {
  font-family: var(--md-font-family);
  font-size: var(--md-font-size);
  line-height: var(--md-line-height);
  color: #3f3f3f;
  word-break: break-word;
  overflow-wrap: break-word;
}

.md-preview > *:first-child {
  margin-top: 0 !important;
}

/* ==================== highlight.js 代码高亮（GitHub Dark 风格） ==================== */
.md-preview .hljs { color: #c9d1d9; background: #0d1117; }
.md-preview .hljs-doctag, .md-preview .hljs-keyword,
.md-preview .hljs-template-variable, .md-preview .hljs-type,
.md-preview .hljs-variable.language_ { color: #ff7b72; }
.md-preview .hljs-title, .md-preview .hljs-title.class_,
.md-preview .hljs-title.function_ { color: #d2a8ff; }
.md-preview .hljs-attr, .md-preview .hljs-attribute, .md-preview .hljs-literal,
.md-preview .hljs-meta, .md-preview .hljs-number, .md-preview .hljs-operator,
.md-preview .hljs-variable, .md-preview .hljs-selector-attr,
.md-preview .hljs-selector-class, .md-preview .hljs-selector-id { color: #79c0ff; }
.md-preview .hljs-regexp, .md-preview .hljs-string,
.md-preview .hljs-meta .hljs-string { color: #a5d6ff; }
.md-preview .hljs-built_in, .md-preview .hljs-symbol { color: #ffa657; }
.md-preview .hljs-comment, .md-preview .hljs-code,
.md-preview .hljs-formula { color: #8b949e; font-style: italic; }
.md-preview .hljs-name, .md-preview .hljs-quote,
.md-preview .hljs-selector-tag, .md-preview .hljs-selector-pseudo { color: #7ee787; }
.md-preview .hljs-subst { color: #c9d1d9; }
.md-preview .hljs-section { color: #1f6feb; font-weight: bold; }
.md-preview .hljs-bullet { color: #f2cc60; }
.md-preview .hljs-addition { color: #aff5b4; background: #033a16; }
.md-preview .hljs-deletion { color: #ffdcd7; background: #67060c; }
.md-preview .hljs-emphasis { font-style: italic; }
.md-preview .hljs-strong { font-weight: bold; }