/* About Page - 强制白色背景和黑色字体 */

/* ========================================
   优先级说明：
   此文件必须覆盖 homepage-glassmorphism.css 中的规则
   使用最高特异性选择器确保覆盖成功
   ======================================== */

/* 1. 强制 #page 容器为白色背景 */
html body #page,
html body[data-theme] #page,
html body[data-theme="dark"] #page,
html body[data-theme="light"] #page,
html body.dark-background #page,
html body.light-background #page {
  background: #fff !important;
  background-color: #fff !important;
}

/* 2. 强制 #article-container 为白色背景 */
html body #article-container,
html body[data-theme] #article-container,
html body[data-theme="dark"] #article-container,
html body[data-theme="light"] #article-container,
html body.dark-background #article-container,
html body.light-background #article-container {
  background: #fff !important;
  background-color: #fff !important;
}

/* 3. 强制所有标题为黑色 - 覆盖 glassmorphism 的 #2a2a2a */
html body #page h1,
html body #page h2,
html body #page h3,
html body #page h4,
html body #page h5,
html body #page h6,
html body.dark-background #page h1,
html body.dark-background #page h2,
html body.dark-background #page h3,
html body.dark-background #page h4,
html body.dark-background #page h5,
html body.dark-background #page h6,
html body.light-background #page h1,
html body.light-background #page h2,
html body.light-background #page h3,
html body[data-theme="dark"] #page h1,
html body[data-theme="dark"] #page h2,
html body[data-theme="dark"] #page h3 {
  color: #000 !important;
}

/* 4. 强制所有段落和文字为黑色 */
html body #page p,
html body #page li,
html body #page span,
html body #page strong,
html body #page em,
html body.dark-background #page p,
html body.dark-background #page li,
html body.dark-background #page span,
html body.dark-background #page strong,
html body.light-background #page p,
html body[data-theme="dark"] #page p {
  color: #000 !important;
}

/* 5. 强制 article-container 内的所有文字为黑色 */
html body #article-container *,
html body.dark-background #article-container *,
html body.light-background #article-container *,
html body[data-theme="dark"] #article-container * {
  color: #000 !important;
}

/* 6. 链接保持蓝色便于识别 */
html body #page a,
html body.dark-background #page a,
html body #article-container a,
html body.dark-background #article-container a {
  color: #0066cc !important;
}

html body #page a:hover,
html body #article-container a:hover {
  color: #004499 !important;
}

/* 7. 分隔线 */
html body #page hr,
html body #article-container hr {
  border-color: #ccc !important;
  background-color: #ccc !important;
}

/* 8. 排除：保持渐变背景div的白色文字（Let's Connect 部分） */
html body #page div[style*="linear-gradient(135deg, #667eea"],
html body #page div[style*="linear-gradient(135deg, #667eea"] *,
html body #article-container div[style*="linear-gradient(135deg, #667eea"],
html body #article-container div[style*="linear-gradient(135deg, #667eea"] * {
  color: #ffffff !important;
}