/* ============================================================
   SX CTA —— 全局转化层 + Hero 可读性 + 语言条一致性
   8 语共用，RTL 自动镜像。加载顺序需在 sx-lang.css 之后。
   ============================================================ */

/* ============================================================
   1. 全局转化层（WhatsApp + 在线询盘）
   ============================================================ */
/* 桌面/平板（≥923px）：右下浮动 WhatsApp 按钮 */
.sx-wa-fab{
  position:fixed; right:18px; bottom:18px; z-index:99990;
  width:56px; height:56px; border-radius:50%;
  background:#25D366; color:#fff;
  display:flex; align-items:center; justify-content:center;
  box-shadow:0 8px 24px rgba(0,0,0,.28);
  transition:transform .18s ease, box-shadow .18s ease;
  text-decoration:none;
}
.sx-wa-fab:hover{ transform:translateY(-2px) scale(1.04); box-shadow:0 12px 30px rgba(0,0,0,.34); }
.sx-wa-fab svg{ width:30px; height:30px; fill:#fff; display:block; }
@media (max-width:922px){ .sx-wa-fab{ display:none; } }

/* 移动（≤922px）：底部固定条，两按钮等宽 */
.sx-cta-bar{ display:none; }
@media (max-width:922px){
  .sx-cta-bar{
    position:fixed; left:0; right:0; bottom:0; z-index:99980;
    display:flex; gap:10px;
    padding:10px 12px calc(10px + env(safe-area-inset-bottom));
    background:rgba(255,255,255,.96);
    -webkit-backdrop-filter:blur(6px); backdrop-filter:blur(6px);
    border-top:1px solid #e3ebf3;
    box-shadow:0 -6px 20px rgba(11,46,79,.10);
  }
  .sx-cta-btn{
    flex:1; display:flex; align-items:center; justify-content:center; gap:8px;
    min-height:46px; border-radius:12px;
    font-size:15px; font-weight:700; line-height:1.2; text-decoration:none;
    direction:ltr;
  }
  /* 主操作（获取报价）在前：LTR 居左、RTL 居右，符合各自阅读习惯 */
  .sx-cta-quote{ order:1; }
  .sx-cta-wa{ order:2; }
  .sx-cta-wa{ background:#25D366; color:#fff; }
  .sx-cta-quote{ background:#1e88e5; color:#fff; }
  .sx-cta-ico{ width:20px; height:20px; display:inline-flex; }
  .sx-cta-ico svg{ width:20px; height:20px; fill:#fff; display:block; }
  /* 底部条占用空间，避免遮挡页面末尾内容 */
  html, body{ padding-bottom:env(safe-area-inset-bottom); }
  body{ padding-bottom:calc(66px + env(safe-area-inset-bottom)); }
  /* 顶部语言条层级高于底部条，互不遮挡 */
  .sx-lang-sw:not(.sx-in-head){ z-index:99985 !important; }
}

/* ============================================================
   2. Hero 首屏可读性（scrim + 文字阴影 + 移动端字号）
   仅作用于带 .sx-hero 钩子的首页 Hero 容器
   ============================================================ */
.sx-hero{ position:relative; }
.sx-hero::before{
  content:""; position:absolute; inset:0; z-index:0; pointer-events:none;
  background:linear-gradient(180deg,
    rgba(6,24,44,.58) 0%, rgba(6,24,44,.30) 42%, rgba(6,24,44,.58) 100%);
}
.sx-hero > .e-con-inner,
.sx-hero .elementor-element-e40fd17{ position:relative; z-index:1; }
.elementor-20 .elementor-element-e663afc .elementor-heading-title{
  text-shadow:0 2px 12px rgba(0,0,0,.45);
}
.elementor-20 .elementor-element-eebd50c{
  text-shadow:0 1px 8px rgba(0,0,0,.40);
}
/* 移动端：避免公司名被拆成单字独占一行 */
@media (max-width:544px){
  .elementor-20 .elementor-element-e663afc .elementor-heading-title{
    font-size:24px !important; line-height:1.25 !important;
  }
  .elementor-20 .elementor-element-eebd50c{
    font-size:14px !important; line-height:1.5 !important;
  }
}

/* ============================================================
   3. 语言切换器一致性
   激活态由旧红 #c0392b → 品牌蓝 #1e88e5；移动端触控目标放大到 ≥44px
   （!important 确保覆盖 sx-lang.css 既有规则）
   ============================================================ */
.sx-lang-sw li.current-lang a{ background:#1e88e5 !important; }
.sx-lang-sw li.current-lang .sx-lang-code{ color:#fff !important; }
@media (min-width:923px){
  .sx-lang-sw.sx-in-head li a{ padding:6px 7px !important; }
}
@media (max-width:922px){
  .sx-lang-sw:not(.sx-in-head) li a{ padding:9px 10px !important; min-height:20px; line-height:1.4; }
  .sx-lang-sw:not(.sx-in-head) .sx-lang-code{ font-size:12px !important; }
}

/* ============================================================
   4. 尊重减弱动效偏好
   ============================================================ */
@media (prefers-reduced-motion:reduce){
  .sx-wa-fab, .sx-cta-btn{ transition:none !important; }
  .sx-wa-fab:hover{ transform:none !important; }
}

/* ============================================================
   5. 页脚「常见问题」入口（全站注入，8 语指向各自 FAQ 页）
   位于主内容结束之后、页脚版权之上，作为醒目「快速链接」带；
   不再贴页面最底，移动端也不被 CTA 固定条遮挡
   ============================================================ */
.sx-footer-faq{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:14px;
  padding:18px 20px;
  background:#eef4fb;
  border-top:3px solid #1e88e5;
  border-bottom:1px solid #dbe6f2;
  font-size:15px;
  line-height:1.5;
}
.sx-footer-faq .sx-ff-label{
  color:#5b6b82;
  font-weight:500;
}
.sx-footer-faq a{
  color:#1e88e5;
  font-weight:700;
  font-size:16px;
  text-decoration:none;
  display:inline-flex;
  align-items:center;
  gap:7px;
  padding:6px 14px;
  border:1.5px solid #1e88e5;
  border-radius:999px;
  background:#fff;
  transition:background .18s ease, color .18s ease;
}
.sx-footer-faq a:hover{ background:#1e88e5; color:#fff; text-decoration:none; }
.sx-footer-faq a:focus-visible{ outline:2px solid #1e88e5; outline-offset:3px; }
.sx-footer-faq a svg{ width:18px; height:18px; fill:currentColor; flex:0 0 auto; }
@media (max-width:922px){
  .sx-footer-faq{ flex-direction:column; gap:8px; padding:16px 16px; }
  .sx-footer-faq a{ font-size:15px; }
}

/* ============================================================
   6. 内联 FAQ 模块（首页内容底部 / 联系页询盘上方，8 语各指向对应 FAQ 页）
   自包含、独立于 Astra 主题；第一条展开，其余折叠
   ============================================================ */
.sx-faq-mod{ max-width:1120px; margin:40px auto 0; padding:30px 32px; clear:both;
  background:#fff; border:1px solid #e3e8ee; border-radius:16px; box-shadow:0 6px 26px rgba(20,36,61,.055); }
.sx-faq-mod h2{ font-size:25px; line-height:1.25; margin:0 0 6px; color:#0b2e4f; }
.sx-faq-mod .sx-faq-mod-sub{ color:#5b6b82; font-size:15px; margin:0 0 22px; }
.sx-faq-mod .sx-faq-list{ display:flex; flex-direction:column; gap:10px; }
.sx-faq-mod details{ border:1px solid #e3e8ee; border-radius:11px; background:#fff; overflow:hidden; transition:box-shadow .2s,border-color .2s; }
.sx-faq-mod details[open]{ box-shadow:0 5px 20px rgba(20,36,61,.07); border-color:#cfe0f3; }
.sx-faq-mod summary{ list-style:none; cursor:pointer; display:flex; align-items:center; gap:11px; padding:15px 18px; font-size:16px; font-weight:600; color:#16243d; }
.sx-faq-mod summary::-webkit-details-marker{ display:none; }
.sx-faq-mod summary::after{ content:""; margin-inline-start:auto; width:10px; height:10px; border-right:2px solid #5b6b82; border-bottom:2px solid #5b6b82; transform:rotate(45deg); transition:transform .2s; flex:0 0 auto; }
.sx-faq-mod details[open]>summary::after{ transform:rotate(-135deg); margin-top:-3px; }
.sx-faq-mod summary:focus-visible{ outline:2px solid #1e88e5; outline-offset:2px; border-radius:11px; }
.sx-faq-mod .sx-faq-num{ flex:0 0 auto; display:inline-flex; align-items:center; justify-content:center; width:26px; height:26px; border-radius:50%; background:#1e88e5; color:#fff; font-size:12px; font-weight:700; }
.sx-faq-mod .sx-faq-a{ padding:0 18px 18px 55px; color:#33425a; font-size:15px; line-height:1.7; }
.sx-faq-mod .sx-faq-more{ margin-top:20px; text-align:center; }
.sx-faq-mod .sx-faq-more a{ display:inline-block; padding:11px 24px; border:1px solid #1e88e5; border-radius:999px; color:#1e88e5; font-weight:600; text-decoration:none; }
.sx-faq-mod .sx-faq-more a:hover{ background:#1e88e5; color:#fff; }
@media (max-width:600px){
  .sx-faq-mod{ margin-top:28px; padding:22px 16px; border-radius:14px; }
  .sx-faq-mod h2{ font-size:22px; }
  .sx-faq-mod .sx-faq-a{ padding-inline-start:18px; }
  .sx-faq-mod summary{ font-size:15px; padding:14px 15px; }
}