/**
 * 浅色/白色主题覆盖 - 原站点 pages/index.html
 * 在 main-legacy.css 之后引入
 */

/* 1. Hero 区域遮罩变浅，让首屏更明亮 */
.hero-overlay {
  background: linear-gradient(
    to bottom,
    rgba(255, 255, 255, 0.15) 0%,
    rgba(255, 255, 255, 0.1) 40%,
    rgba(255, 255, 255, 0.2) 70%,
    rgba(0, 0, 0, 0.25) 100%
  ) !important;
}

/* Hero 文字保持白色（因底部仍略有深色），如需更深色可取消下面注释 */
/* .hero-welcome { color: #64748b !important; }
.hero-main-title { color: #1e293b !important; text-shadow: 0 1px 4px rgba(255,255,255,0.5); }
.hero-tagline { color: #334155 !important; text-shadow: none; }
.hero-scroll-hint { border-color: rgba(30,41,59,0.6); color: #334155; }
.hero-scroll-hint:hover { border-color: #1e293b; color: #1e293b; } */

/* 2. 品牌视频区块 - 深色改浅色 */
#brand-video.section-video {
  background: linear-gradient(180deg, #f8fafc 0%, #f1f5f9 100%) !important;
}
#brand-video .section-video-title {
  color: #0f172a !important;
}
#brand-video .section-video-tagline,
#brand-video .section-video-desc,
#brand-video .section-video-points li,
#brand-video .section-video-hint {
  color: #475569 !important;
}
#brand-video .section-video-point-icon {
  color: #1a73e8;
}
#brand-video .section-video-wrapper {
  background: #0f172a !important; /* 视频容器保持深色以突出视频 */
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.15);
}

/* 3. 页脚 - 保持与中文版一致：深色背景 + 浅色文字，不覆盖 main-legacy 默认样式 */

/* 4. 导航栏链接 - 浅色背景时加深文字，确保 AI Chat / Water Analysis 等可读 */
.navbar .nav-link,
.mobile-nav-link {
  color: #0f172a !important;
}
.navbar .nav-link:hover,
.mobile-nav-link:hover {
  color: #1e40af !important;
}

/* 5. Hero 按钮 - Water Analysis / AI Chat 加深文字，浅色 hero 下可读 */
.hero-buttons-group .btn-cyber-green .btn-text,
.hero-buttons-group .btn-cyber-green {
  color: #166534 !important;
  border-color: #166534 !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
}
.hero-buttons-group .btn-cyber-green:hover {
  color: #15803d !important;
  border-color: #15803d !important;
}
.hero-buttons-group .btn-cyber-blue .btn-text,
.hero-buttons-group .btn-cyber-blue {
  color: #1e40af !important;
  border-color: #1e40af !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
}
.hero-buttons-group .btn-cyber-blue:hover {
  color: #1d4ed8 !important;
  border-color: #1d4ed8 !important;
}