/*
  Name:       material
  Author:     Mattia Astorino (http://github.com/equinusocio)
  Website:    https://material-theme.site/
*/

.cm-s-material-darker.CodeMirror {
  background-color: rgb(18, 18, 18);
  color: #EEFFFF;
}

.cm-s-material-darker .CodeMirror-gutters {
  background: #212121;
  color: #545454;
  border: none;
}

.cm-s-material-darker .CodeMirror-guttermarker,
.cm-s-material-darker .CodeMirror-guttermarker-subtle,
.cm-s-material-darker .CodeMirror-linenumber {
  color: #545454;
}

.cm-s-material-darker .CodeMirror-cursor {
  border-left: 2px solid #10b981; /* 使用绿色光标，与选中色彩一致 */
}

.cm-s-material-darker div.CodeMirror-selected {
  background: rgba(16, 185, 129, 0.25); /* 使用绿色系，更加明显 */
}

.cm-s-material-darker.CodeMirror-focused div.CodeMirror-selected {
  background: rgba(16, 185, 129, 0.35); /* 焦点状态下更加突出 */
}

.cm-s-material-darker .CodeMirror-line::selection,
.cm-s-material-darker .CodeMirror-line>span::selection,
.cm-s-material-darker .CodeMirror-line>span>span::selection {
  background: rgba(16, 185, 129, 0.3); /* 浏览器原生选择也使用绿色 */
  color: inherit; /* 保持文字颜色不变 */
}

.cm-s-material-darker .CodeMirror-line::-moz-selection,
.cm-s-material-darker .CodeMirror-line>span::-moz-selection,
.cm-s-material-darker .CodeMirror-line>span>span::-moz-selection {
  background: rgba(16, 185, 129, 0.3); /* Firefox 兼容 */
  color: inherit;
}

.cm-s-material-darker .CodeMirror-activeline-background {
  background: rgba(16, 185, 129, 0.08); /* 当前行背景使用淡绿色 */
}

.cm-s-material-darker .cm-keyword {
  color: #C792EA;
}

.cm-s-material-darker .cm-operator {
  color: #89DDFF;
}

.cm-s-material-darker .cm-variable-2 {
  color: #EEFFFF;
}

.cm-s-material-darker .cm-variable-3,
.cm-s-material-darker .cm-type {
  color: #f07178;
}

.cm-s-material-darker .cm-builtin {
  color: #FFCB6B;
}

.cm-s-material-darker .cm-atom {
  color: #F78C6C;
}

.cm-s-material-darker .cm-number {
  color: #FF5370;
}

.cm-s-material-darker .cm-def {
  color: #82AAFF;
}

.cm-s-material-darker .cm-string {
  color: #C3E88D;
}

.cm-s-material-darker .cm-string-2 {
  color: #f07178;
}

.cm-s-material-darker .cm-comment {
  color: #545454;
}

.cm-s-material-darker .cm-variable {
  color: #f07178;
}

.cm-s-material-darker .cm-tag {
  color: #FF5370;
}

.cm-s-material-darker .cm-meta {
  color: #FFCB6B;
}

.cm-s-material-darker .cm-attribute {
  color: #C792EA;
}

.cm-s-material-darker .cm-property {
  color: #C792EA;
}

.cm-s-material-darker .cm-qualifier {
  color: #DECB6B;
}

.cm-s-material-darker .cm-variable-3,
.cm-s-material-darker .cm-type {
  color: #DECB6B;
}


.cm-s-material-darker .cm-error {
  color: rgba(255, 255, 255, 1.0);
  background-color: #FF5370;
}

.cm-s-material-darker .CodeMirror-matchingbracket {
  text-decoration: underline;
  color: white !important;
}

/* Markdown 语法高亮样式 - 基于 Tools.Top 色彩系统 */

/* 标题系列 - 使用绿色系（Tools.Top 成功色系） */
.cm-s-material-darker .cm-header {
  color: #10b981; /* var(--success-color) */
  font-weight: bold;
}

.cm-s-material-darker .cm-header-1 {
  color: #10b981; /* var(--success-color) - 一级标题主绿色 */
  font-weight: bold;
  font-size: 1.5em;
}

.cm-s-material-darker .cm-header-2 {
  color: #059669; /* var(--success-hover) - 二级标题深绿色 */
  font-weight: bold;
  font-size: 1.3em;
}

.cm-s-material-darker .cm-header-3 {
  color: #047857; /* var(--accent-light) - 三级标题更深绿色 */
  font-weight: bold;
  font-size: 1.2em;
}

.cm-s-material-darker .cm-header-4 {
  color: #34d399; /* 浅绿色变体 */
  font-weight: bold;
}

.cm-s-material-darker .cm-header-5 {
  color: #6ee7b7; /* 更浅的绿色 */
  font-weight: bold;
}

.cm-s-material-darker .cm-header-6 {
  color: #a7f3d0; /* 最浅的绿色 */
  font-weight: bold;
}

/* 文本格式 - 使用 Tools.Top 强调色系 */
.cm-s-material-darker .cm-strong {
  color: #dedede; /* var(--accent-color) - 粗体使用强调色 */
  font-weight: bold;
}

.cm-s-material-darker .cm-em {
  color: #a0a0a0; /* var(--text-secondary) - 斜体使用次要文本色 */
  font-style: italic;
}

.cm-s-material-darker .cm-strikethrough {
  color: #4d4d4d; /* var(--text-tertiary) - 删除线使用三级文本色 */
  text-decoration: line-through;
}

/* 列表 - 使用温和的青色系（深色友好） */
.cm-s-material-darker .cm-list {
  color: #5eead4; /* 温和的青绿色，深色背景下舒适 */
}

.cm-s-material-darker .cm-variable-2 {
  color: #7dd3fc; /* 柔和的天蓝色，不刺眼 */
}

.cm-s-material-darker .cm-variable-3 {
  color: #a5f3fc; /* 非常浅的青色，层次分明 */
}

/* 引用 - 使用温暖的米色系，突出但不刺眼 */
.cm-s-material-darker .cm-quote {
  color: #d4c5a0; /* 温暖的米色，在深色背景下突出 */
  font-style: italic;
  /* border-left: 3px solid #10b981; */
  padding-left: 12px;
  background-color: rgba(212, 197, 160, 0.08); /* 非常淡的米色背景 */
  border-radius: 4px;
  padding: 6px 12px;
  margin: 4px 0;
}

/* 链接 - 使用柔和的紫色系 */
.cm-s-material-darker .cm-link {
  color: #c4b5fd; /* 柔和的紫色，优雅不刺眼 */
  text-decoration: underline;
  text-decoration-color: rgba(196, 181, 253, 0.5);
}

.cm-s-material-darker .cm-url {
  color: #a78bfa; /* 稍深的紫色，区分链接文本 */
}

/* 代码 - 使用警告色系 */
.cm-s-material-darker .cm-comment {
  color: #f59e0b; /* var(--warning-color) - 代码块使用警告色 */
  background-color: rgba(245, 158, 11, 0.1); /* 半透明背景 */
  padding: 2px 4px;
  border-radius: 3px;
}

/* 格式化符号 - 使用低对比度颜色 */
.cm-s-material-darker .cm-formatting {
  color: #4d4d4d; /* var(--text-tertiary) - 格式化符号低调显示 */
  opacity: 0.7;
}

.cm-s-material-darker .cm-formatting-header {
  color: rgba(16, 185, 129, 0.5); /* 标题格式化符号 - 半透明绿色 */
}

.cm-s-material-darker .cm-formatting-list {
  color: rgba(94, 234, 212, 0.6); /* 列表格式化符号 - 半透明青绿色 */
}

.cm-s-material-darker .cm-formatting-quote {
  color: rgba(212, 197, 160, 0.7); /* 引用格式化符号 - 半透明米色 */
}

.cm-s-material-darker .cm-formatting-link {
  color: rgba(196, 181, 253, 0.6); /* 链接格式化符号 - 半透明紫色 */
}

.cm-s-material-darker .cm-formatting-code {
  color: rgba(245, 158, 11, 0.6); /* 代码格式化符号 */
}

.cm-s-material-darker .cm-formatting-strong {
  color: rgba(222, 222, 222, 0.5); /* 粗体格式化符号 */
}

.cm-s-material-darker .cm-formatting-em {
  color: rgba(160, 160, 160, 0.6); /* 斜体格式化符号 */
}

/* 特殊元素 */
.cm-s-material-darker .cm-hr {
  color: #323232; /* var(--border-color) - 分割线 */
  background-color: #323232;
  height: 2px;
}

/* 表格相关 */
.cm-s-material-darker .cm-table-separator {
  color: #323232; /* var(--border-color) - 表格分隔符 */
}

/* 任务列表 */
.cm-s-material-darker .cm-formatting-task {
  color: #10b981; /* var(--success-color) - 任务列表使用绿色 */
}

/* 增强可读性 - 为重要元素添加微妙的背景 */
.cm-s-material-darker .cm-header-1,
.cm-s-material-darker .cm-header-2 {
  background-color: rgba(16, 185, 129, 0.05); /* 标题背景 */
  padding: 2px 4px;
  border-radius: 3px;
  margin: 2px 0;
}

.cm-s-material-darker .cm-quote {
  background-color: rgba(77, 77, 77, 0.1); /* 引用背景 */
  border-radius: 3px;
  padding: 4px 8px;
  margin: 2px 0;
}