/**
 * ai-tools.html · 视觉对齐首页 + 对比度增强
 * v20260813
 */
body.page-ai-tools {
  color: var(--brand-text, #1F2329);
  background: var(--brand-bg, #F6F6FB);
  -webkit-font-smoothing: antialiased;
}

/* ===== Hero：浅色渐变（对齐 home-hero） ===== */
body.page-ai-tools .ai-nav-hero {
  background: linear-gradient(165deg, #EFF4FF 0%, #F6F6FB 45%, #fff 100%);
  border-bottom: 1px solid #DEE0E3;
  padding: 2rem 0 1.75rem;
}
body.page-ai-tools .ai-nav-hero::before {
  background:
    radial-gradient(circle at 18% 28%, rgba(51, 112, 255, 0.12) 0%, transparent 42%),
    radial-gradient(circle at 82% 72%, rgba(255, 125, 0, 0.06) 0%, transparent 40%);
}
body.page-ai-tools .ai-nav-hero h1 {
  color: #1F2329;
  font-weight: 800;
  font-size: clamp(1.5rem, 3.2vw, 2.125rem);
}
body.page-ai-tools .ai-nav-subtitle {
  color: #475569;
  font-size: 0.9375rem;
  line-height: 1.6;
  max-width: 36rem;
}
body.page-ai-tools .ai-nav-badge {
  background: #EFF4FF;
  border: 1px solid #B8CCFF;
  color: #1D4ED8;
  font-weight: 600;
  font-size: 0.6875rem;
}
body.page-ai-tools .ai-nav-badge.highlight {
  background: linear-gradient(135deg, #3370FF, #1456F0);
  border-color: transparent;
  color: #fff;
}
body.page-ai-tools .ai-nav-cta .btn-outline {
  background: #fff;
  border: 2px solid #3370FF;
  color: #1456F0;
}
body.page-ai-tools .ai-nav-cta .btn-outline:hover {
  background: #EFF4FF;
  border-color: #1456F0;
  color: #1D4ED8;
}
body.page-ai-tools .ai-hero-stats-box {
  background: #fff;
  border: 1px solid #DEE0E3;
  box-shadow: 0 4px 16px rgba(15, 23, 42, 0.06);
}
body.page-ai-tools .ai-hero-stats-title {
  color: #475569;
  font-weight: 600;
}
body.page-ai-tools .ai-hero-stats-title i {
  color: #3370FF;
}
body.page-ai-tools .ai-nav-stat {
  background: #F6F6FB;
  border: 1px solid #F2F3F5;
}
body.page-ai-tools .ai-nav-stat-num {
  color: #1F2329;
}
body.page-ai-tools .ai-nav-stat-num span {
  color: #1456F0;
}
body.page-ai-tools .ai-nav-stat-label {
  color: #475569;
  font-weight: 500;
}
body.page-ai-tools .ai-scene-nav {
  border-top-color: #DEE0E3;
}
body.page-ai-tools .ai-scene-label {
  color: #475569;
  font-weight: 600;
}
body.page-ai-tools .ai-scene-btn {
  color: #334155;
  font-weight: 500;
  background: #fff;
}
body.page-ai-tools .ai-scene-btn:hover {
  color: #fff;
}

/* ===== 筛选区 ===== */
body.page-ai-tools .ai-nav-group-tab {
  color: #475569;
}
body.page-ai-tools .ai-nav-filter-search input::placeholder {
  color: #64748b;
}

/* ===== 正文对比度 ===== */
body.page-ai-tools .ai-social-proof__header p,
body.page-ai-tools .ai-proof-card__result,
body.page-ai-tools .ai-tool-desc,
body.page-ai-tools .ai-tool-price,
body.page-ai-tools .rank-desc,
body.page-ai-tools .new-releases-update,
body.page-ai-tools .new-release-desc,
body.page-ai-tools .ai-category-header .tool-count,
body.page-ai-tools .vpn-tag {
  color: #475569;
}
body.page-ai-tools .ai-proof-card__title,
body.page-ai-tools .ai-tool-name,
body.page-ai-tools .new-release-name,
body.page-ai-tools .rank-name {
  color: #1F2329;
}
body.page-ai-tools .category-intro {
  color: #334155;
  background: #fff;
  border: 1px solid #DEE0E3;
  border-left: 3px solid #3370FF;
}
body.page-ai-tools .ai-category-section[data-tier="consumer"] {
  opacity: 1;
  background: #fff;
  border-color: #DEE0E3;
}
body.page-ai-tools .ai-category-section[data-tier="consumer"] .ai-category-header h2::after {
  color: #475569;
}
body.page-ai-tools .footer-info-box p,
body.page-ai-tools .footer-info-box li {
  color: #475569;
}
body.page-ai-tools .footer-info-box h3 {
  color: #1F2329;
}

/* ===== 双轨提示 / 漏斗 ===== */
body.page-ai-tools .ai-leader-funnel__steps a {
  color: #1D4ED8;
  font-weight: 600;
}
body.page-ai-tools .ai-leader-funnel__steps li:not(:has(a)) {
  color: #334155;
}

@media (max-width: 768px) {
  body.page-ai-tools .ai-nav-hero {
    padding: 1.25rem 0 1rem;
  }
}