/* 自定义暗色模式配色方案 - 匹配预览页面风格 */

/* ==================== 暗色模式变量覆盖 ==================== */
[data-theme="dark"] {
  /* 标题颜色 */
  --font-color: #e0e0e0;
  --card-bg: rgba(30, 30, 30, 0.9);
  
  /* 主色调 */
  --btn-bg: #FFAC1C;
  --btn-hover-color: #ffd183;
}

/* ==================== 文章内容样式 ==================== */

/* h2 标题 - 橙色 */
[data-theme="dark"] #article-container h2 {
  color: #FFAC1C;
}

/* h3 标题 - 橙色 */
[data-theme="dark"] #article-container h3 {
  color: #FFAC1C;
}

/* h1 标题 - 白色带橙色下边框 */
[data-theme="dark"] #article-container h1 {
  color: #fff;
  border-bottom: 2px solid #FFAC1C;
  padding-bottom: 10px;
}

/* 段落文字 */
[data-theme="dark"] #article-container p {
  color: #e0e0e0;
}

/* 列表项 */
[data-theme="dark"] #article-container li {
  color: #e0e0e0;
}

/* ==================== 引用块样式 ==================== */
[data-theme="dark"] #article-container blockquote {
  border-left: 4px solid #FFAC1C;
  background: rgba(255, 172, 28, 0.05);
}

[data-theme="dark"] #article-container blockquote p {
  color: #b0b0b0;
}

/* ==================== 链接样式 ==================== */
[data-theme="dark"] #article-container a {
  color: #ffd183;
  text-decoration: underline;
  text-underline-offset: 2px;
}

[data-theme="dark"] #article-container a:hover {
  color: #ffd183;
  text-decoration-thickness: 2px;
}

[data-theme="dark"] #article-container a:visited {
  color: #7a5fbf;
}

/* ==================== 行内代码样式 ==================== */
[data-theme="dark"] #article-container code {
  background: #333;
  color: #ffbe4e;
  padding: 2px 6px;
  border-radius: 3px;
}

/* ==================== 代码块样式 ==================== */
[data-theme="dark"] #article-container pre {
  background: #1a1a1a;
  border-radius: 8px;
}

[data-theme="dark"] #article-container pre code {
  background: none;
  color: #ffbe4e;
}

/* 代码块字体 - 英文用 JetBrainsMonoNL，中文 fallback 到 LXGWNeoXiHeiPlus */
.container pre,
.container code,
#article-container pre,
#article-container code,
pre, code {
  font-family: 'JetBrainsMonoNL', 'LXGWNeoXiHeiPlus', monospace !important;
}

/* ==================== 侧边栏和卡片 ==================== */
[data-theme="dark"] .card-widget {
  background: rgba(30, 30, 30, 0.9);
}

/* ==================== 导航栏 ==================== */
[data-theme="dark"] #nav {
  background: rgba(0, 0, 0, 0.7);
}

/* ==================== 页脚 ==================== */
[data-theme="dark"] #footer {
  background: rgba(0, 0, 0, 0.7);
}

/* ==================== 按钮和交互元素 ==================== */
[data-theme="dark"] .btn-beautify {
  background: #FFAC1C;
  color: #000;
}

[data-theme="dark"] .btn-beautify:hover {
  background: #ffd183;
}

/* 滚动条样式 */
[data-theme="dark"] ::-webkit-scrollbar-thumb {
  background: #FFAC1C;
}

/* 选中文字颜色 */
[data-theme="dark"] ::selection {
  background: #FFAC1C;
  color: #000;
}