/* Dark theme styles - "light" theme in your project corresponds to the "day" theme in day.md */
body[data-theme="light"] {
  background-color: rgb(18, 18, 24);
}

[data-theme="light"] .markdown-body {
  color: rgb(0, 0, 0);
}

/* 各级标题使用不同的炫彩渐变 */
[data-theme="light"] .markdown-body h1 {
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

[data-theme="light"] .markdown-body h2 {
  background: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

[data-theme="light"] .markdown-body h3 {
  background: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

[data-theme="light"] .markdown-body h4 {
  background: linear-gradient(135deg, #43e97b 0%, #38f9d7 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

[data-theme="light"] .markdown-body h5 {
  background: linear-gradient(135deg, #fa709a 0%, #fee140 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

[data-theme="light"] .markdown-body h6 {
  background: linear-gradient(135deg, #30cfd0 0%, #330867 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

[data-theme="light"] .markdown-body h1,
[data-theme="light"] .markdown-body h2 {
  border-bottom: 2px solid rgba(102, 126, 234, 0.3);
}

/* 加粗文本使用醒目的橙色渐变 */
[data-theme="light"] .markdown-body strong {
  background: linear-gradient(135deg, #ff9a56 0%, #ff6a88 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  font-weight: 700;
}

[data-theme="light"] .markdown-body hr {
  border-bottom: 1px solid rgb(60, 60, 80);
}

[data-theme="light"] .markdown-body a {
  color: rgb(100, 200, 255);
  text-decoration: none;
  transition: color 0.3s;
}

[data-theme="light"] .markdown-body a:hover {
  color: rgb(150, 220, 255);
}

[data-theme="light"] .markdown-body blockquote {
  color: inherit;
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  border-left: 0.25em solid rgba(102, 126, 234, 0.5);
  background-color: rgba(102, 126, 234, 0.15);
  padding: 1rem 1.5rem;
  border-radius: 0.5rem;
  margin: 1.5rem 0;
}

[data-theme="light"] .markdown-body table th {
  background-color: rgba(102, 126, 234, 0.15);
}

[data-theme="light"] .markdown-body table th,
[data-theme="light"] .markdown-body table td {
  border: 1px solid rgb(60, 60, 80);
}

[data-theme="light"] .markdown-body table tr {
  background-color: inherit;
  color: inherit;
}

[data-theme="light"] .markdown-body table tr:nth-child(2n) {
  background-color: rgba(102, 126, 234, 0.05);
}

[data-theme="light"] .markdown-body :not(pre)>code {
  background-color: rgba(102, 126, 234, 0.15);
  border-color: rgb(60, 60, 80);
  color: rgb(255, 180, 100);
}

[data-theme="light"] .markdown-body pre {
  border: thin solid rgba(102, 126, 234, 0.3);
  background-color: rgba(30, 30, 40, 0.5);
}

[data-theme="light"] .toc-item {
  border-bottom: 1px solid rgb(60, 60, 80);
}

[data-theme="light"] .toc-item > a {
  color: inherit !important;
}

[data-theme="light"] .embedded-file {
  border-color: rgba(102, 126, 234, 0.3);
}

/* Even darker theme styles - "dark" theme in your project corresponds to the "night" theme in day.md */
body[data-theme="dark"] {
  background-color: rgb(18, 18, 18);
}

[data-theme="dark"] .markdown-body {
  color: rgb(249, 250, 251);
}

[data-theme="dark"] .markdown-body h1 {
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

[data-theme="dark"] .markdown-body h2 {
  background: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

[data-theme="dark"] .markdown-body h3 {
  background: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

[data-theme="dark"] .markdown-body h4 {
  background: linear-gradient(135deg, #43e97b 0%, #38f9d7 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

[data-theme="dark"] .markdown-body h5 {
  background: linear-gradient(135deg, #fa709a 0%, #fee140 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

[data-theme="dark"] .markdown-body h6 {
  background: linear-gradient(135deg, #30cfd0 0%, #330867 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

[data-theme="dark"] .markdown-body h1,
[data-theme="dark"] .markdown-body h2 {
  border-bottom: 1px solid rgba(249, 250, 251, 0.2);
}

[data-theme="dark"] .markdown-body hr {
  border-bottom: 1px solid rgb(50, 50, 50);
}

[data-theme="dark"] .markdown-body a {
  color: rgb(90, 200, 250);
}

[data-theme="dark"] .markdown-body blockquote {
  color: inherit;
  background: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  border-left: 0.25em solid rgba(102, 126, 234, 0.5);
  background-color: rgba(50, 50, 70, 0.7);
  padding: 1rem 1.5rem;
  border-radius: 0.5rem;
  margin: 1.5rem 0;
}

[data-theme="dark"] .markdown-body strong {
  background: linear-gradient(135deg, #ff9a56 0%, #ff6a88 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  font-weight: 700;
}

[data-theme="dark"] .markdown-body table th {
  background-color: rgba(255, 255, 255, 0.045);
}

[data-theme="dark"] .markdown-body table th,
[data-theme="dark"] .markdown-body table td {
  border: 1px solid rgb(50, 50, 50);
}

[data-theme="dark"] .markdown-body table tr {
  background-color: inherit;
  color: inherit;
}

[data-theme="dark"] .markdown-body table tr:nth-child(2n) {
  background-color: inherit;
}

[data-theme="dark"] .markdown-body :not(pre)>code {
  background-color: inherit;
  border-color: rgb(50, 50, 50);
}

[data-theme="dark"] .markdown-body pre {
  border: thin solid rgba(249, 250, 251, 0.2);
}

[data-theme="dark"] .toc-item {
  border-bottom: 1px solid rgb(50, 50, 50);
}

[data-theme="dark"] .toc-item > a {
  color: inherit !important;
}

[data-theme="dark"] .embedded-file {
  border-color: rgba(0, 0, 0, 0.2);
}