/* V21 Final polish: AI page contrast + tech contact modal + stray text cleanup */
:root{
  --fg-tech-blue:#005BAC;
  --fg-tech-blue-2:#2B8CFF;
  --fg-tech-cyan:#5CC8FF;
  --fg-tech-dark:#07182d;
  --fg-tech-ink:#0f172a;
}

/* ===== AI 电商增长页：深色背景全部使用浅色字 ===== */
.ai-growth-page .ai-hero,
.ai-growth-page .ai-dark,
.ai-growth-page .ai-cta-box{
  color:#fff!important;
}
.ai-growth-page .ai-hero h1,
.ai-growth-page .ai-hero h1 *,
.ai-growth-page .ai-hero p,
.ai-growth-page .ai-hero .ai-eyebrow,
.ai-growth-page .ai-hero .ai-panel-title,
.ai-growth-page .ai-hero .ai-check,
.ai-growth-page .ai-hero .ai-check *,
.ai-growth-page .ai-hero-panel,
.ai-growth-page .ai-hero-panel *,
.ai-growth-page .ai-dark h1,
.ai-growth-page .ai-dark h2,
.ai-growth-page .ai-dark h3,
.ai-growth-page .ai-dark h4,
.ai-growth-page .ai-dark p,
.ai-growth-page .ai-dark span,
.ai-growth-page .ai-dark li,
.ai-growth-page .ai-dark .ai-kicker,
.ai-growth-page .ai-dark-card,
.ai-growth-page .ai-dark-card *,
.ai-growth-page .ai-cta-box h2,
.ai-growth-page .ai-cta-box p,
.ai-growth-page .ai-cta-box *{
  color:#fff!important;
}
.ai-growth-page .ai-hero p,
.ai-growth-page .ai-dark .ai-head p,
.ai-growth-page .ai-dark-card p,
.ai-growth-page .ai-cta-box p{
  color:rgba(235,246,255,.84)!important;
}
.ai-growth-page .ai-dark{
  position:relative!important;
  background:
    linear-gradient(120deg,rgba(4,21,41,.92),rgba(0,91,172,.82)),
    url('/images/hero-bg.jpg') center/cover no-repeat!important;
  overflow:hidden!important;
}
.ai-growth-page .ai-dark:before{
  content:"";position:absolute;inset:0;pointer-events:none;
  background-image:
    linear-gradient(rgba(255,255,255,.06) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px);
  background-size:54px 54px;opacity:.45;
}
.ai-growth-page .ai-dark .container{position:relative;z-index:1;}
.ai-growth-page .ai-dark .ai-kicker{
  background:rgba(255,255,255,.16)!important;
  border:1px solid rgba(255,255,255,.28)!important;
  box-shadow:0 14px 32px rgba(0,0,0,.12)!important;
}
.ai-growth-page .ai-dark-card{
  background:rgba(255,255,255,.105)!important;
  border:1px solid rgba(210,235,255,.24)!important;
  box-shadow:0 18px 48px rgba(0,0,0,.16)!important;
  backdrop-filter:blur(12px)!important;
}
.ai-growth-page .ai-dark-card:hover{
  background:rgba(255,255,255,.15)!important;
  border-color:rgba(210,235,255,.42)!important;
}
.ai-growth-page .ai-hero h1{color:#f8fbff!important;text-shadow:0 8px 32px rgba(0,0,0,.28)!important;}
.ai-growth-page .ai-hero h1 em{color:#67b7ff!important;text-shadow:none!important;}
.ai-growth-page .ai-hero-panel{
  background:rgba(8,42,78,.72)!important;
  border:1px solid rgba(184,224,255,.28)!important;
  box-shadow:0 30px 80px rgba(0,0,0,.28)!important;
}

/* ===== 全站客服弹窗：科技感重做 ===== */
.contact-float-btn{
  background:linear-gradient(135deg,#005BAC,#2b8cff 54%,#7c3aed)!important;
  box-shadow:0 18px 44px rgba(0,91,172,.30),0 0 0 10px rgba(0,91,172,.10)!important;
}
.contact-modal-overlay{
  background:rgba(5,15,31,.72)!important;
  backdrop-filter:blur(12px) saturate(116%)!important;
}
.contact-modal{
  width:min(960px,94vw)!important;
  border-radius:26px!important;
  background:
    radial-gradient(circle at 12% 10%,rgba(92,200,255,.20),transparent 28%),
    radial-gradient(circle at 92% 12%,rgba(43,140,255,.22),transparent 32%),
    linear-gradient(135deg,rgba(8,28,55,.96),rgba(9,47,89,.96) 52%,rgba(4,20,39,.98))!important;
  border:1px solid rgba(170,218,255,.22)!important;
  box-shadow:0 40px 120px rgba(0,0,0,.48),inset 0 1px 0 rgba(255,255,255,.10)!important;
  color:#fff!important;
  padding:34px 38px 38px!important;
  overflow:hidden!important;
}
.contact-modal:before{
  content:"";position:absolute;inset:0;pointer-events:none;opacity:.42;
  background-image:
    linear-gradient(rgba(255,255,255,.055) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.055) 1px,transparent 1px);
  background-size:42px 42px;
}
.contact-modal:after{
  content:"";position:absolute;left:34px;right:34px;top:0;height:3px;
  background:linear-gradient(90deg,transparent,#5cc8ff,#2b8cff,transparent);
  opacity:.95;
}
.contact-modal > *{position:relative;z-index:1;}
.modal-close-btn{
  background:rgba(255,255,255,.10)!important;
  border:1px solid rgba(255,255,255,.18)!important;
  color:#fff!important;
  box-shadow:none!important;
}
.modal-close-btn:hover{background:rgba(255,255,255,.18)!important;transform:rotate(90deg)!important;}
.modal-header h3{
  color:#fff!important;
  font-size:28px!important;
  font-weight:580!important;
  letter-spacing:-.02em!important;
}
.modal-header h3:before{
  width:12px!important;height:12px!important;
  background:linear-gradient(135deg,#5cc8ff,#2b8cff)!important;
  box-shadow:0 0 0 8px rgba(92,200,255,.14),0 0 24px rgba(92,200,255,.55)!important;
}
.modal-header p{color:rgba(231,243,255,.78)!important;}
.modal-body{grid-template-columns:330px minmax(0,1fr)!important;gap:24px!important;}
.qr-card,.contact-info{
  background:rgba(255,255,255,.08)!important;
  border:1px solid rgba(206,232,255,.18)!important;
  border-radius:22px!important;
  box-shadow:0 20px 60px rgba(0,0,0,.20),inset 0 1px 0 rgba(255,255,255,.06)!important;
  backdrop-filter:blur(10px)!important;
}
.qr-card img{
  background:#fff!important;
  border:1px solid rgba(255,255,255,.30)!important;
  box-shadow:0 18px 38px rgba(0,0,0,.28)!important;
}
.qr-card p{color:rgba(231,243,255,.78)!important;text-align:center!important;}
.fg-info-item{border-bottom:1px solid rgba(206,232,255,.16)!important;}
.fg-info-item .info-label{color:rgba(231,243,255,.72)!important;font-weight:560!important;}
.fg-info-item .info-label:before{
  background:#5cc8ff!important;
  box-shadow:0 0 0 6px rgba(92,200,255,.14),0 0 20px rgba(92,200,255,.42)!important;
}
.fg-info-item strong{
  color:#fff!important;
  font-weight:560!important;
  letter-spacing:-.01em!important;
}
.copy-btn{
  background:rgba(255,255,255,.12)!important;
  border:1px solid rgba(255,255,255,.18)!important;
  color:#fff!important;
  font-weight:560!important;
  box-shadow:none!important;
}
.copy-btn:hover{background:#2b8cff!important;border-color:#2b8cff!important;transform:translateY(-1px)!important;}
.modal-desc{color:rgba(231,243,255,.72)!important;}
.copy-toast{background:#005BAC!important;box-shadow:0 14px 34px rgba(0,91,172,.30)!important;}

@media(max-width:760px){
  .contact-modal-overlay{align-items:flex-end!important;padding:10px!important;}
  .contact-modal{
    width:100%!important;max-height:86vh!important;border-radius:22px 22px 0 0!important;
    padding:22px 16px 18px!important;
  }
  .modal-header h3{font-size:22px!important;}
  .modal-body{grid-template-columns:1fr!important;gap:12px!important;}
  .qr-card,.contact-info{border-radius:16px!important;}
  .qr-card img{max-width:148px!important;}
  .fg-info-item strong{font-size:16px!important;}
  .copy-btn{font-size:13px!important;padding:7px 12px!important;}
}
