/* 黑暗模式下将小黄鸭黄色元素变为绿色 */
[data-theme="dark"] {
  /* 覆盖黄色变量为绿色 */
  --yellow-fg: #38a169 !important;  /* 绿色前景色 */
  --yellow-bg: rgba(56, 161, 105, 0.1) !important;  /* 绿色背景色 */
  
  /* 侧边栏样式 - 将侧边栏背景和文字颜色改为绿色系 */
  --accent-color: #38a169 !important;  /* 主要强调色改为绿色 */
  --accent-color-dark: #2f855a !important;  /* 深色模式下的强调色 */
  --accent-color-alpha: rgba(56, 161, 105, 0.1) !important;  /* 绿色透明背景 */
}

/* 确保归档样式保持紫色不变 */
[data-theme="dark"] .statement-container.archive {
  background-color: var(--purple-bg) !important;
  color: var(--purple-fg) !important;
}

/* 只针对小黄鸭样式应用绿色 */
[data-theme="dark"] .statement-container.trigger {
  background-color: var(--yellow-bg) !important;
  color: var(--yellow-fg) !important;
}

/* 黑暗模式下导航栏的绿色样式 */
[data-theme="dark"] #site-nav {
  background-color: rgba(56, 161, 105, 0.05) !important;
}

[data-theme="dark"] #site-nav nav a:hover {
  background-color: rgba(56, 161, 105, 0.1) !important;
  color: var(--yellow-fg) !important;
}

/* 黑暗模式下按钮的绿色样式 */
[data-theme="dark"] button,
[data-theme="dark"] .button {
  background-color: var(--yellow-bg) !important;
  color: var(--yellow-fg) !important;
  border-color: var(--yellow-fg) !important;
}

[data-theme="dark"] button:hover,
[data-theme="dark"] .button:hover {
  background-color: var(--yellow-fg) !important;
  color: white !important;
}

/* 黑暗模式下链接的绿色样式 - 使用低优先级，以便特定样式（如标签）可以覆盖它 */
[data-theme="dark"] a {
  color: var(--yellow-fg);
}

[data-theme="dark"] a:hover {
  color: #2f855a;
}

/* 恢复标签默认样式，但不使用 !important，以便 SASS 中的 .archive/.hot 等特定样式可以覆盖这里 */
[data-theme="dark"] .tags a {
  background-color: var(--fg-muted-1);
  color: var(--fg-muted-5);
}

[data-theme="dark"] .tags a:hover {
  background-color: var(--accent-color-alpha);
  color: var(--accent-color);
}

/* 黑暗模式下文章列表中的小黄鸭标题样式 */
[data-theme="dark"] .article-list-item.trigger h3 {
  color: var(--yellow-fg) !important;
}

[data-theme="dark"] .article-list-item.trigger .badge {
  background-color: var(--yellow-bg) !important;
  color: var(--yellow-fg) !important;
}

/* 黑暗模式下评论区域的绿色样式 */
[data-theme="dark"] #comments {
  border-color: var(--yellow-fg) !important;
}

[data-theme="dark"] #comments button {
  background-color: var(--yellow-bg) !important;
  color: var(--yellow-fg) !important;
}

[data-theme="dark"] #comments button:hover {
  background-color: var(--yellow-fg) !important;
  color: white !important;
}

/* 保持日常模式不变 - 只在黑暗模式应用绿色 */
[data-theme="light"] {
  /* 保持原有的橙色/黄色主题 */
  --yellow-fg: rgb(156, 110, 3) !important;
  --yellow-bg: rgba(156, 110, 3, 0.1) !important;
  --accent-color: #ff7800 !important;
  --accent-color-dark: #ffa348 !important;
  --accent-color-alpha: rgba(255, 120, 0, 0.1) !important;
}