/* =====================================================================
   KingDa · global.css —— 全站通用（所有页面都加载）
   路径：/wp-content/themes/hello-theme-child-master/assets/css/global.css
   ===================================================================== */

/* ═══ 品牌变量 ═══ */
:root {
  --kd-blue:       #2B4DB8;
  --kd-blue-700:   #1B3A8C;
  --kd-navy:       #0F1B4D;
  --kd-footer-bg:  #0C1527;
  --kd-wa:         #25D366;
  --kd-text:       #333333;
  --kd-text-light: #666666;
  --kd-bg-light:   #F5F7FA;
  --kd-white:      #FFFFFF;
  --kd-accent:     #F59E0B;
  --kd-radius:     8px;
  --kd-shadow:     0 4px 20px rgba(0,0,0,0.08);
  --kd-shadow-lg:  0 10px 30px rgba(0,0,0,0.15);
  --kd-transition: 0.3s ease;
}

/* ═══ 动画兜底（防 WP Rocket 缓存导致入场动画元素永久隐藏） ═══ */
.reveal,
.fade-in,
[data-animate] {
  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important;
}

/* ═══ CSS Scroll-Driven 入场动画（Chrome/Edge 115+, Firefox 110+） ═══ */
.kd-scroll-reveal { opacity: 1; }

@supports (animation-timeline: view()) {
  .kd-scroll-reveal {
    opacity: 0;
    animation: kd-fadeSlideIn linear both;
    animation-timeline: view();
    animation-range: entry 10% entry 90%;
  }
  @keyframes kd-fadeSlideIn {
    from { opacity: 0; transform: translateY(2rem); }
    to   { opacity: 1; transform: translateY(0); }
  }
}

/* ═══ 流体字号（≥3 处用 class 更可维护） ═══ */
.kd-fluid-h1 { font-size: clamp(2rem, 4vw, 3.25rem); }
.kd-fluid-h2 { font-size: clamp(1.75rem, 2.8vw, 2.5rem); }
.kd-fluid-h3 { font-size: clamp(1.25rem, 2vw, 1.75rem); }
.kd-fluid-body { font-size: clamp(0.95rem, 1.2vw, 1.1rem); }