/* ===== 深色文章阅读模式 ===== */
.markdown-container {
    max-height: 450px;
  overflow-y: auto;
  max-width: 720px;
  background: #1a2634;        /* 深蓝灰，比纯黑更柔和 */
  box-shadow: 0 8px 24px rgba(0,0,0,0.3);
  border: 1px solid #2e3b4e;
  border-radius: 16px;
  padding: 2rem 2.2rem;
}

.markdown-content {
  color: #e6edf3;            /* 柔白，不刺眼 */
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Microsoft YaHei', sans-serif;
  font-size: 16px;
  line-height: 1.75;
  letter-spacing: 0.3px;
}

/* 标题 – 清新亮色 */
.markdown-content h1 {
  color: #8ad4ff;            /* 亮冰蓝 */
  font-size: 2.2rem;
  font-weight: 600;
  margin-top: 0.5rem;
  margin-bottom: 1.2rem;
  border-bottom: 2px solid #2e4a62;
  padding-bottom: 0.5rem;
}

.markdown-content h2 {
  color: #b5e5b5;            /* 浅芽绿 */
  font-size: 1.8rem;
  font-weight: 600;
  margin-top: 2rem;
  margin-bottom: 1rem;
  border-bottom: 1px solid #2e4a62;
  padding-bottom: 0.4rem;
}

.markdown-content h3 {
  color: #ffc085;           /* 杏色 */
  font-size: 1.5rem;
  font-weight: 600;
  margin-top: 1.8rem;
  margin-bottom: 0.8rem;
}

.markdown-content h4,
.markdown-content h5,
.markdown-content h6 {
  color: #cbd5e1;
  font-weight: 600;
}

/* 段落与文本 */
.markdown-content p {
  margin-bottom: 1.2rem;
  color: #e6edf3;
}

.markdown-content strong {
  color: #ffb87c;           /* 暖橙色强调 */
  font-weight: 700;
}

.markdown-content em {
  color: #dbb6f2;           /* 淡紫 */
  font-style: italic;
}

/* 链接 – 亮水蓝 */
.markdown-content a {
  color: #6ec3f0;
  text-decoration: none;
  border-bottom: 1px solid rgba(110,195,240,0.3);
  transition: all 0.2s;
}

.markdown-content a:hover {
  color: #b0e0ff;
  border-bottom-color: #b0e0ff;
}

/* 行内代码 – 深底亮字 */
.markdown-content code {
  background: #2e3b4e;
  color: #f4c7ab;           /* 暖米色 */
  padding: 0.2rem 0.5rem;
  border-radius: 6px;
  font-family: 'JetBrains Mono', 'Fira Code', 'Consolas', monospace;
  font-size: 0.9em;
  border: 1px solid #405b6e;
}

/* 代码块 – 更深背景 */
.markdown-content pre {
  background: #0f1a24;
  border: 1px solid #2e4a62;
  border-radius: 12px;
  padding: 1.5rem;
  margin: 1.5rem 0;
  overflow-x: auto;
  box-shadow: inset 0 1px 6px rgba(0,0,0,0.4);
}

.markdown-content pre code {
  background: transparent;
  border: none;
  padding: 0;
  color: #deeaf0;
  font-size: 0.9rem;
  line-height: 1.6;
}

/* 列表 */
.markdown-content ul,
.markdown-content ol {
  margin: 1rem 0 1.5rem 1.5rem;
}

.markdown-content li {
  margin-bottom: 0.5rem;
  color: #e6edf3;
}

.markdown-content li::marker {
  color: #6ec3f0;
}

/* 引用块 */
.markdown-content blockquote {
  border-left: 5px solid #4f8aa5;
  background: #1e2d3a;
  padding: 1rem 1.5rem;
  margin: 1.5rem 0;
  border-radius: 0 12px 12px 0;
  color: #d3e2ed;
}

/* 表格 */
.markdown-content table {
  width: 100%;
  border-collapse: collapse;
  margin: 1.5rem 0;
  color: #e6edf3;
}

.markdown-content th {
  background: #1e3445;
  color: #b0e0ff;
  font-weight: 600;
  padding: 0.75rem 1rem;
  border: 1px solid #3a4f62;
}

.markdown-content td {
  padding: 0.75rem 1rem;
  border: 1px solid #3a4f62;
}

.markdown-content tr:nth-child(even) {
  background: #1c2a36;
}

/* 水平分割线 */
.markdown-content hr {
  border: 0;
  height: 2px;
  background: linear-gradient(90deg, transparent, #4f8aa5, transparent);
  margin: 2rem 0;
}

/* 图片 – 添加浅色边框 */
.markdown-content img {
  max-width: 100%;
  height: auto;
  border-radius: 12px;
  box-shadow: 0 4px 16px rgba(0,0,0,0.5);
  border: 1px solid #3a4f62;
  margin: 1rem 0;
}
/* 深色文章阅读模式 - 全系统覆盖 */
.markdown-container {
  background: #1a2634 !important;
  box-shadow: 0 8px 24px rgba(0,0,0,0.3) !important;
  border: 1px solid #2e3b4e !important;
  border-radius: 16px !important;
  padding: 2rem 2.2rem !important;
}
.markdown-content {
  color: #e6edf3 !important;
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Microsoft YaHei', sans-serif !important;
  font-size: 16px !important;
  line-height: 1.75 !important;
  letter-spacing: 0.3px !important;
}
.markdown-content h1 { color: #8ad4ff !important; border-bottom-color: #2e4a62 !important; }
.markdown-content h2 { color: #b5e5b5 !important; border-bottom-color: #2e4a62 !important; }
.markdown-content h3 { color: #ffc085 !important; }
.markdown-content h4, .markdown-content h5, .markdown-content h6 { color: #cbd5e1 !important; }
.markdown-content p { color: #e6edf3 !important; }
.markdown-content strong { color: #ffb87c !important; }
.markdown-content em { color: #dbb6f2 !important; }
.markdown-content a { color: #6ec3f0 !important; border-bottom-color: rgba(110,195,240,0.3) !important; }
.markdown-content a:hover { color: #b0e0ff !important; }
.markdown-content code {
  background: #2e3b4e !important;
  color: #f4c7ab !important;
  border: 1px solid #405b6e !important;
}
.markdown-content pre {
  background: #0f1a24 !important;
  border: 1px solid #2e4a62 !important;
}
.markdown-content pre code { color: #deeaf0 !important; }
.markdown-content li { color: #e6edf3 !important; }
.markdown-content li::marker { color: #6ec3f0 !important; }
.markdown-content blockquote {
  border-left-color: #4f8aa5 !important;
  background: #1e2d3a !important;
  color: #d3e2ed !important;
}
.markdown-content th { background: #1e3445 !important; color: #b0e0ff !important; border-color: #3a4f62 !important; }
.markdown-content td { border-color: #3a4f62 !important; }
.markdown-content tr:nth-child(even) { background: #1c2a36 !important; }
.markdown-content hr { background: linear-gradient(90deg, transparent, #4f8aa5, transparent) !important; }
.markdown-content img { border: 1px solid #3a4f62 !important; }
/* 左侧列表也深色 */
.article-list, .article-content { background: #1a2634 !important; border-color: #2e3b4e !important; }
.article-list h3 { color: #b0e0ff !important; border-bottom-color: #2e4a62 !important; }
.article-item { background: #1f2e3a !important; border-color: #2e4a62 !important; }
.article-item .article-title { color: #e6edf3 !important; }
.article-item .article-meta { color: #a0b8cc !important; }
.article-item.active { background: #1e3f54 !important; border-color: #6ec3f0 !important; }
.article-header h2 { color: #8ad4ff !important; }
.article-info { color: #a0b8cc !important; }
.article-info i { color: #6ec3f0 !important; }