/* 全站公共样式 · 唯一来源
   本文件由 index.html 的 <style> 逐字抽取，改这里 = 改全站所有页面。
   各页面自身的板块样式写在页面内 <style> 中，追加在本文件之后。 */
/* ============================================================
   设计令牌 Design Tokens
   ============================================================ */
:root{
  --brand:#1a56f0;
  --brand-bright:#0b6cf5;
  --brand-deep:#0a2fb8;
  --navy:#061634;
  --navy-2:#0a2a72;
  --ink:#171a21;
  --ink-2:#3b4252;
  --muted:#8a93a6;
  --line:#e8edf6;
  --wash:#f5f8fd;
  --wash-2:#eef3fb;
  --cyan:#16bcd4;
  --radius-s:8px;
  --radius-m:14px;
  --radius-l:20px;
  --maxw:1280px;
  /* ===== 1920 设计基准 · 用户指定规格 ===== */
  --content:min(90%,1620px); /* 全局宽度：1920 分辨率下左右各留 150px 边距，避免右侧在线咨询浮框压住内容 */
  --fs-hero:64px;       /* Banner 大标题 */
  --fs-hero-sub:28px;   /* Banner 二级标题 */
  --fs-nav:16px;        /* 导航文字 */
  --logo-w:90px;        /* logo 宽 */
  --logo-h:34px;        /* logo 高 */
  --ease:cubic-bezier(.22,.68,0,1);
}
*,*::before,*::after{box-sizing:border-box;}
body,button,input,select,textarea{font-family:"Noto Sans SC","PingFang SC","Microsoft YaHei",sans-serif;}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;overflow-x:hidden;}
body{
  margin:0;
  font-family:"Noto Sans SC","PingFang SC","Microsoft YaHei",sans-serif;
  color:var(--ink);
  background:#fff;
  font-size:14px;
  line-height:1.7;
  /* 横向溢出统一由 html 裁剪；body 不再设为滚动容器，避免 PC 端出现双滚动条 */
  -webkit-font-smoothing:antialiased;
}
img{max-width:100%;display:block;}
a{color:inherit;text-decoration:none;}
button{font-family:inherit;cursor:pointer;border:0;background:none;}
ul{list-style:none;margin:0;padding:0;}
h1,h2,h3,h4,p{margin:0;}
.container{width:var(--content);max-width:var(--content);margin:0 auto;padding:0;}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);}

/* 通用组件 */
.eyebrow{font-size:14.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--brand);font-weight:600;}
.sec-title{font-size:40px;line-height:1.42;font-weight:600;letter-spacing:.01em;color:var(--ink);}
.sec-title.big{font-size:42px;}
.sec-desc{font-size:16.5px;color:var(--muted);line-height:1.9;}
.hl-cyan{color:var(--cyan);}
.hl-blue{color:var(--brand);}
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  height:38px;padding:0 22px;border-radius:999px;
  background:var(--brand);color:#fff;font-size:16.5px;font-weight:500;
  transition:transform .3s var(--ease),box-shadow .3s var(--ease),background .3s;
  white-space:nowrap;
}
.btn:hover{transform:translateY(-2px);box-shadow:0 8px 22px rgba(26,86,240,.32);background:#2461f5;}
.btn.btn-sm{height:30px;padding:0 16px;font-size:15px;}
.btn.btn-white{background:#fff;color:var(--brand);}
.btn.btn-white:hover{background:#f0f5ff;}
.btn.btn-ghost{background:rgba(255,255,255,.12);color:#fff;border:1px solid rgba(255,255,255,.35);}
.btn .arw{font-size:17px;line-height:1;}

/* ============================================================
   Header · 常驻固定，下滑后显形毛玻璃
   ============================================================ */
.site-header{
  position:fixed;top:0;left:0;width:100%;z-index:60;
  height:88px;
  background:transparent;
  border-bottom:1px solid transparent;
  box-shadow:0 0 0 rgba(0,0,0,0);
  transition:background .4s var(--ease),border-color .4s var(--ease),box-shadow .4s var(--ease);
}
/* 下滑后：极细分割线 + 微阴影 + 轻薄毛玻璃（不做成明显蓝条） */
.site-header.is-stuck{
  background:rgba(248,251,255,.80);
  -webkit-backdrop-filter:blur(18px) saturate(1.15);
  backdrop-filter:blur(18px) saturate(1.15);
  border-bottom-color:rgba(16,40,90,.09);
  box-shadow:0 3px 16px rgba(16,40,90,.08);
}
.header-inner{
  width:var(--content);max-width:var(--content);margin:0 auto;padding:0;height:100%;
  display:flex;align-items:center;gap:0;
}
.brand{display:flex;align-items:center;gap:9px;flex-shrink:0;}
.brand img{width:var(--logo-w);height:var(--logo-h);object-fit:contain;display:block;}
.brand-logo{position:relative;display:block;width:var(--logo-w);height:var(--logo-h);flex-shrink:0;}
.brand-logo img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;transition:opacity .35s var(--ease);}
.brand-logo .logo-dark{opacity:0;}
.site-header.is-stuck .brand-logo .logo-white{opacity:0;}
.site-header.is-stuck .brand-logo .logo-dark{opacity:1;}
.brand-slogan{
  color:rgba(255,255,255,.62);font-size:13px;font-weight:400;
  letter-spacing:.02em;white-space:nowrap;
}
.main-nav{margin-left:168px;display:flex;align-items:center;gap:42px;}
.main-nav a{
  color:rgba(255,255,255,.82);font-size:var(--fs-nav);font-weight:400;
  position:relative;white-space:nowrap;padding:9px 4px;
  transition:color .25s var(--ease);isolation:isolate;
}
/* 悬停反馈一：浅色胶囊底 */
.main-nav a::before{
  content:"";position:absolute;inset:2px -10px;z-index:-1;
  border-radius:999px;background:rgba(255,255,255,.14);
  opacity:0;transform:scale(.86);
  transition:opacity .25s var(--ease),transform .25s var(--ease);
}
/* 悬停反馈二：底部中心向两侧展开的圆角蓝线 */
.main-nav a::after{
  content:"";position:absolute;left:0;right:0;bottom:0;height:3px;
  border-radius:999px;background:linear-gradient(90deg,#4d8bff,#22d3ee);
  transform:scaleX(0);transform-origin:center;
  transition:transform .25s var(--ease);
}
.main-nav a:hover,.main-nav a:focus-visible{color:#fff;}
.main-nav a:hover::before,.main-nav a:focus-visible::before{opacity:1;transform:scale(1);}
.main-nav a:hover::after,.main-nav a:focus-visible::after{transform:scaleX(1);}
.main-nav a.active{color:#9dc0ff;font-weight:500;}
.nav-dot{
  position:absolute;left:-11px;top:50%;transform:translateY(-50%);
  width:4px;height:4px;border-radius:50%;background:#4d8bff;
}
.header-cta{margin-left:auto;flex-shrink:0;height:36px;padding:0 24px;font-size:16px;}
.nav-toggle{display:none;width:38px;height:38px;border-radius:8px;border:1px solid rgba(255,255,255,.3);align-items:center;justify-content:center;margin-left:auto;}
.nav-toggle span{display:block;width:18px;height:1.5px;background:#fff;position:relative;}
.nav-toggle span::before,.nav-toggle span::after{content:"";position:absolute;left:0;width:18px;height:1.5px;background:#fff;}
.nav-toggle span::before{top:-6px;}
.nav-toggle span::after{top:6px;}
/* 吸顶后：深色文字 + 蓝色悬停反馈，保证浅底可读 */
.site-header.is-stuck .brand-slogan{color:rgba(28,42,70,.62);}
.site-header.is-stuck .main-nav a{color:rgba(28,42,70,.82);}
.site-header.is-stuck .main-nav a:hover,
.site-header.is-stuck .main-nav a:focus-visible{color:var(--brand);}
.site-header.is-stuck .main-nav a.active{color:var(--brand);}
.site-header.is-stuck .main-nav a::before{background:rgba(26,86,240,.11);}
.site-header.is-stuck .nav-toggle{border-color:rgba(28,42,70,.28);}
.site-header.is-stuck .nav-toggle span,
.site-header.is-stuck .nav-toggle span::before,
.site-header.is-stuck .nav-toggle span::after{background:#20304f;}
/* 移动端展开菜单仍是深蓝底，文字保持白色 */
.site-header.is-stuck.open .main-nav a{color:rgba(255,255,255,.86);}
.site-header.is-stuck.open .main-nav a:hover{color:#fff;}
.site-header.is-stuck.open .main-nav a::before{background:rgba(255,255,255,.14);}

/* ---------- 顶部导航下拉菜单 ---------- */
.nav-item{position:relative;display:flex;align-items:center;}
.nav-link{display:inline-flex;align-items:center;gap:6px;}
.nav-caret{
  width:7px;height:7px;flex-shrink:0;margin-top:-3px;
  border-right:1.6px solid currentColor;border-bottom:1.6px solid currentColor;
  transform:rotate(45deg);
  transition:transform .25s var(--ease),margin-top .25s var(--ease);
}
.nav-item:hover .nav-caret,
.nav-item:focus-within .nav-caret{transform:rotate(225deg);margin-top:2px;}

.nav-drop{
  position:absolute;top:100%;left:50%;padding-top:18px;transform:translateX(-50%);
  opacity:0;visibility:hidden;pointer-events:none;
  transition:opacity .2s var(--ease) .15s,transform .2s var(--ease) .15s,visibility 0s linear .35s;
}
.nav-item:hover .nav-drop,
.nav-item:focus-within .nav-drop{
  opacity:1;visibility:visible;pointer-events:auto;
  transition:opacity .2s var(--ease),transform .2s var(--ease),visibility 0s;
}
.nav-drop-card{
  transform:translateY(-10px);
  transition:transform .2s var(--ease) .15s;
  background:#fff;border:1px solid rgba(20,50,120,.10);border-radius:16px;
  box-shadow:0 18px 50px rgba(10,30,80,.16);
  padding:10px;color:#243150;
}
.nav-item:hover .nav-drop-card,
.nav-item:focus-within .nav-drop-card{transform:translateY(0);transition-delay:0s;}

.nav-drop-card--media{display:grid;grid-template-columns:repeat(2,max-content);column-gap:52px;padding:22px 26px 24px;}
.nav-drop-card--content{display:grid;grid-template-columns:max-content;padding:16px 12px;}
.nd-cell{
  display:grid;grid-template-columns:46px minmax(0,1fr);grid-template-rows:auto auto;
  column-gap:16px;align-items:center;
  padding:15px 16px;border-radius:12px;
  transition:background .2s var(--ease);
}
.nd-ico{
  grid-row:1/3;width:46px;height:46px;
  display:grid;place-items:center;
}
.nd-ico img{width:46px;height:46px;object-fit:contain;display:block;}
.nd-title{
  grid-column:2;font-size:16px;font-weight:600;color:#1c2a46;line-height:1.35;
  white-space:nowrap;transition:color .2s var(--ease);
}
.nd-desc{grid-column:2;font-size:14.5px;line-height:1.6;color:#5b6b85;margin-top:6px;white-space:nowrap;}
.nd-cell:hover,.nd-cell:focus-visible{background:#eef4ff;}
.nd-cell:hover .nd-title,.nd-cell:focus-visible .nd-title{color:#1d5df0;}

.nd-guide{
  grid-column:1/-1;
  display:flex;align-items:center;justify-content:space-between;gap:32px;
  background:#e8f1ff;border-radius:12px;padding:17px 22px;margin-top:8px;
  font-size:14.5px;line-height:1.5;color:#33456b;
  transition:background .2s var(--ease),color .2s var(--ease);
}
.nd-guide:hover{background:#dcebff;}
.nd-guide-link{font-weight:600;color:#1d5df0;white-space:nowrap;}
.nd-guide:hover .nd-guide-link{color:#1246c8;}

.nav-drop-card--list{display:flex;flex-direction:column;min-width:172px;padding:8px;}
.nd-link{
  display:block;padding:11px 14px;border-radius:9px;
  font-size:14px;line-height:1.4;color:#243150;white-space:nowrap;
  transition:background .2s var(--ease),color .2s var(--ease);
}
.nd-link:hover,.nd-link:focus-visible{background:#e8f1ff;color:#1d5df0;}

/* 下拉内链接重置：不继承主导航的白色文字与胶囊/下划线效果 */
.site-header .main-nav .nav-drop a{color:#243150;white-space:normal;}
.site-header .main-nav .nav-drop a:hover,
.site-header .main-nav .nav-drop a:focus-visible{color:#1d5df0;}
.site-header .main-nav .nav-drop a::before,
.site-header .main-nav .nav-drop a::after{display:none;}
.site-header .main-nav .nav-drop .nd-title,
.site-header .main-nav .nav-drop .nd-desc{white-space:nowrap;}

/* 联系我们：PC 悬停单卡垂直列表（了解成功易 / 代理商招募）+ 底部在线咨询按钮 */
.site-header .main-nav .nav-drop--contact{width:340px;}
.site-header .main-nav .nav-drop--contact .contact-list{
  display:flex;flex-direction:column;padding:12px;
}
.site-header .main-nav .contact-row{
  display:block;padding:13px 16px;border-radius:12px;
  transition:background .2s var(--ease);
}
.site-header .main-nav .contact-row__title{
  display:block;font-size:16px;font-weight:600;line-height:1.35;color:#1c2a46;
  white-space:nowrap;transition:color .2s var(--ease);
}
.site-header .main-nav .contact-row__desc{
  display:block;margin-top:6px;font-size:14.5px;line-height:1.6;color:#5b6b85;white-space:nowrap;
}
.site-header .main-nav .contact-row:hover,
.site-header .main-nav .contact-row:focus-visible{background:#eef4ff;}
.site-header .main-nav .contact-row:hover .contact-row__title,
.site-header .main-nav .contact-row:focus-visible .contact-row__title{color:#1d5df0;}
.site-header .main-nav .nav-drop--contact .contact-cta{
  display:flex;align-items:center;justify-content:center;
  height:44px;margin:10px 4px 2px;border-radius:12px;
  background:var(--brand);color:#fff;font-size:15px;font-weight:600;
  transition:background .2s var(--ease),color .2s var(--ease);
  text-decoration:none;
}
.site-header .main-nav .nav-drop--contact .contact-cta:hover,
.site-header .main-nav .nav-drop--contact .contact-cta:focus-visible{background:#1246c8;color:#fff;}


@media (max-width:1440px){
  .nav-drop-card--media{column-gap:36px;padding:18px 20px 20px;}
  .nd-desc{font-size:13.5px;}
  .nd-title{font-size:15px;}
  .nd-guide{font-size:13.5px;padding:15px 18px;}
}
@media (max-width:1280px){
  .nav-drop-card--media{column-gap:24px;}
  .nd-desc{font-size:12.5px;}
  .nd-guide{font-size:12.5px;gap:20px;}
}
/* 锚点跳转时避开固定导航 */
section[id]{scroll-margin-top:88px;}


/* ============================================================
   Hero · 图文分离四层：图片 / 遮罩 / 粒子 / 文字
   ============================================================ */
.hero{
  position:relative;overflow:hidden;isolation:isolate;
  height:100vh;height:100svh;min-height:680px;
  background:#041634;color:#fff;
}
/* L1 图片层 */
.hero-slides{position:absolute;inset:0;z-index:0;}
.hero-slide{
  position:absolute;inset:0;opacity:0;
  transition:opacity 1.15s var(--ease);
}
.hero-slide.is-active{opacity:1;}
.slide-media{
  position:absolute;inset:-2.5%;
  /* 容器变窄需要横向裁切时，右边缘保持完整、只从左侧裁（用户要求） */
  background-repeat:no-repeat;background-position:right center;background-size:cover;
  will-change:transform;
}
/* banner1：原图 1920×1080 比可视区更大，cover 会被裁切；改为 contain 完整显示，
   并取消缩放动画（仅做轻微平移），避免缩放再次裁掉图片 */
.hero-slide[data-slide="0"] .slide-media{
  inset:0;
  /* 顶层渐变：左侧不透明深蓝补足宽屏留白，并在图片左缘做柔和过渡（消除硬接缝）；
     底层为原图 contain + 靠右对齐，原图完整显示 */
  background-image:linear-gradient(90deg,#021b3f 0%,#021b3f 22%,rgba(2,27,63,0) 34%),url('../image/banner1.jpg');
  background-repeat:no-repeat,no-repeat;
  background-size:cover,contain;
  background-position:center,right center;
  background-color:#021b3f;
}
.hero-slide[data-slide="0"].is-active .slide-media{animation:kbBanner1 9s ease-out both;}
@keyframes kbBanner1{from{transform:translate3d(0,0,0)}to{transform:translate3d(1.2%,0,0)}}
/* 四屏各自缓慢推拉 / 平移 */
.hero-slide.is-active .slide-media{animation:kb1 9s ease-out both;}
.hero-slide[data-slide="1"].is-active .slide-media{animation-name:kb2;}
.hero-slide[data-slide="2"].is-active .slide-media{animation-name:kb3;}
.hero-slide[data-slide="3"].is-active .slide-media{animation-name:kb4;}
@keyframes kb1{from{transform:scale(1.02) translate3d(0,0,0)}to{transform:scale(1.10) translate3d(-1.2%,.5%,0)}}
@keyframes kb2{from{transform:scale(1.09) translate3d(1%,0,0)}to{transform:scale(1.01) translate3d(-.6%,-.5%,0)}}
@keyframes kb3{from{transform:scale(1.02) translate3d(0,1%,0)}to{transform:scale(1.09) translate3d(-.8%,-1%,0)}}
@keyframes kb4{from{transform:scale(1.08) translate3d(-1%,.5%,0)}to{transform:scale(1.01) translate3d(.8%,-.6%,0)}}
/* L2 左侧由深到浅的暗色渐变遮罩 */
.slide-mask{
  position:absolute;inset:0;
  background:linear-gradient(90deg,rgba(3,13,36,.86) 0%,rgba(3,13,36,.66) 30%,rgba(4,17,43,.28) 58%,rgba(4,17,43,0) 84%);
}
/* banner3 / banner4 为浅白底，需更浓的遮罩才能托住白字 */
.hero-slide.is-light .slide-mask{
  background:linear-gradient(90deg,rgba(3,13,36,.94) 0%,rgba(3,13,36,.88) 34%,rgba(4,17,43,.66) 62%,rgba(4,17,43,.30) 90%);
}
.slide-mask::after{
  content:"";position:absolute;inset:0;
  background:linear-gradient(0deg,rgba(3,13,36,.40),transparent 24%);
}
/* L3 实时粒子网络 */
.hero-particles{position:absolute;inset:0;z-index:1;pointer-events:none;}
/* L4 文字层（与图片完全分离） */
.hero-inner{
  position:relative;z-index:3;width:var(--content);max-width:var(--content);margin:0 auto;
  height:100%;min-height:680px;
}
.hero-copy{
  position:absolute;left:0;top:50%;transform:translateY(-50%);
  width:56%;max-width:980px;height:380px;
}
.hero-panel{
  position:absolute;inset:0;opacity:0;pointer-events:none;
  transition:opacity .5s var(--ease);
}
.hero-panel.is-active{opacity:1;pointer-events:auto;}
/* 文字上浮，逐项错落 */
.hero-panel h1,.hero-panel .hero-sub,.hero-panel .slide-btn{
  opacity:0;transform:translateY(22px);
  transition:opacity .65s var(--ease),transform .75s var(--ease);
}
.hero-panel.is-active h1{opacity:1;transform:none;transition-delay:.18s;}
.hero-panel.is-active .hero-sub{opacity:1;transform:none;transition-delay:.30s;}
.hero-panel.is-active .slide-btn{opacity:1;transform:none;transition-delay:.42s;}
.hero-panel h1{
  font-size:var(--fs-hero);line-height:1.45;font-weight:400;letter-spacing:.01em;
  margin:0 0 32px;
}
.hero-panel h1 span{display:block;}
.hero-sub{
  font-size:var(--fs-hero-sub);line-height:1.5;font-weight:400;
  color:rgba(255,255,255,.88);letter-spacing:.01em;margin:0 0 26px;
  text-wrap:balance;
}
.slide-btn{height:42px;padding:0 28px;font-size:16px;font-weight:400;border-radius:999px;}
/* 上浮动画结束后仍保留按钮 hover 反馈 */
.hero-panel.is-active .slide-btn:hover{transform:translateY(-2px);}
/* 轮播指示：细线，当前项加长提亮 */
.hero-dots{position:absolute;left:0;bottom:54px;display:flex;align-items:center;gap:6px;z-index:4;}
.hero-dots button{
  display:block;width:16px;height:3px;border-radius:999px;padding:0;
  background:rgba(255,255,255,.32);
  transition:width .4s var(--ease),background .3s var(--ease);
}
.hero-dots button:hover{background:rgba(255,255,255,.7);}
.hero-dots button.active{width:33px;background:rgba(255,255,255,.92);}

/* CTAI 咨询弹窗 */
.modal{position:fixed;inset:0;z-index:200;display:none;align-items:center;justify-content:center;padding:20px;}
.modal.is-open{display:flex;}
.modal-backdrop{position:absolute;inset:0;background:rgba(3,12,32,.66);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);}
.modal-card{
  position:relative;z-index:1;width:min(460px,100%);
  background:linear-gradient(160deg,#0c3a9e 0%,#082258 100%);
  border:1px solid rgba(255,255,255,.16);border-radius:18px;
  padding:34px 32px 30px;color:#fff;box-shadow:0 30px 80px rgba(0,0,0,.45);
  animation:modalIn .35s var(--ease);
}
@keyframes modalIn{from{opacity:0;transform:translateY(18px) scale(.97)}to{opacity:1;transform:none}}
.modal-close{
  position:absolute;right:16px;top:14px;width:30px;height:30px;border-radius:50%;
  border:1px solid rgba(255,255,255,.25);color:#fff;font-size:18px;line-height:1;
  display:grid;place-items:center;transition:background .25s;
}
.modal-close:hover{background:rgba(255,255,255,.14);}
.modal-card h3{font-size:23px;font-weight:600;margin-bottom:8px;}
.modal-card .m-sub{font-size:13px;color:rgba(255,255,255,.64);line-height:1.8;margin-bottom:24px;}
.modal-card .field{margin-bottom:18px;}
.modal-submit{width:100%;height:44px;border-radius:999px;background:#fff;color:var(--brand);font-size:15px;font-weight:600;margin-top:8px;transition:transform .25s;}
.modal-submit:hover{transform:translateY(-2px);}
body.modal-open{overflow:hidden;}


/* ============================================================
   区块 1 · 出海如何突破流量天花板（四板块手风琴切换）
   ============================================================ */
.section{padding:96px 0;}
.growth{background:#fff;padding-top:130px;padding-bottom:176px;}
.growth .sec-head{margin-bottom:86px;}
.sec-head{display:flex;justify-content:space-between;align-items:flex-start;gap:60px;margin-bottom:38px;}
.sec-head .sec-title{max-width:860px;}
.sec-head .head-note{max-width:470px;text-align:right;font-size:16px;color:#6f788c;line-height:2;padding-top:6px;}

/* Tab：编号 + 名称两行，右侧 +/- 符号，激活项蓝色下划线 */
.tab-nav{
  display:grid;grid-template-columns:repeat(4,minmax(0,1fr));
  margin-bottom:50px;
}
.tab-item{
  position:relative;display:flex;flex-direction:column;align-items:stretch;
  text-align:left;padding:0 30px 16px 0;min-width:0;
  border-bottom:1px solid var(--line);
}
.tab-num{
  font-size:13px;line-height:1.2;color:#a9b2c2;letter-spacing:.06em;
  font-weight:400;margin-bottom:18px;
}
.tab-line{display:flex;align-items:center;gap:14px;min-width:0;}
.tab-label{
  font-size:24px;line-height:1.5;color:#3d4759;font-weight:400;
  white-space:nowrap;transition:color .25s;
}
.tab-sign{
  margin-left:auto;flex-shrink:0;
  font-size:24px;line-height:1;font-weight:300;color:#9aa4b6;
  transition:color .25s,transform .25s var(--ease);
}
.tab-sign::before{content:"+";}
.tab-item.active .tab-sign::before{content:"\2212";}
.tab-item.active .tab-label{color:var(--brand);font-weight:600;}
.tab-item.active .tab-sign{color:var(--brand);}
.tab-item:hover .tab-label{color:var(--brand);}
.tab-item:hover .tab-sign{color:var(--brand);transform:scale(1.12);}
.tab-item::after{
  content:"";position:absolute;left:0;right:100%;bottom:-1px;height:2px;
  background:var(--brand);transition:right .35s var(--ease);
}
.tab-item.active::after{right:30px;}
.tab-item:focus-visible{outline:2px solid var(--brand);outline-offset:4px;border-radius:3px;}

/* 蓝色内容卡：四块面板叠放在同一网格，切换时高度恒定不跳动 */
.pain-card{
  display:grid;position:relative;overflow:hidden;
  border-radius:var(--radius-m);
  background:
    radial-gradient(ellipse 58% 95% at 96% 112%,rgba(0,78,255,.95),transparent 74%),
    radial-gradient(ellipse 46% 72% at 40% 118%,rgba(0,102,225,.30),transparent 74%),
    linear-gradient(103deg,#0039dc 0%,#0033b4 26%,#002968 50%,#002766 64%,#00296e 84%,#002b78 100%);
  color:#fff;padding:88px 52px 46px;min-height:440px;
  box-shadow:0 18px 42px rgba(10,55,190,.18);
}
.pain-card::before{
  content:"";position:absolute;right:6%;top:-45%;width:520px;height:520px;border-radius:50%;
  background:radial-gradient(circle,rgba(255,255,255,.055),transparent 68%);
  pointer-events:none;z-index:0;
}
.pain-card::after{
  content:"";position:absolute;right:0;top:0;bottom:0;width:58%;z-index:0;pointer-events:none;
  background-image:radial-gradient(rgba(255,255,255,.16) 1px,transparent 1px);
  background-size:16px 16px;opacity:.55;
}
.pain-panel{
  grid-area:1/1;display:grid;grid-template-columns:minmax(0,42fr) minmax(0,58fr);
  opacity:0;visibility:hidden;transform:translateY(16px);
  transition:opacity .42s var(--ease),transform .42s var(--ease),visibility .42s;
}
.pain-panel.is-active{opacity:1;visibility:visible;transform:none;z-index:2;}
.pain-left{position:relative;z-index:1;padding-top:23px;}
.pain-left .eyebrow{
  color:rgba(255,255,255,.72);margin-bottom:33px;
  font-size:14.5px;letter-spacing:.06em;text-transform:none;font-weight:400;
}
.pain-left h3{font-size:30px;line-height:1.62;font-weight:600;margin-bottom:0;}
.pain-left .pain-desc{
  font-size:15px;color:rgba(255,255,255,.78);line-height:1.9;
  max-width:430px;margin-top:46px;
}
.src-note{
  display:block;margin-top:10px;font-size:12px;
  color:rgba(255,255,255,.48);letter-spacing:.01em;
}
.pain-right{position:relative;z-index:1;padding-left:38px;border-left:1px solid rgba(255,255,255,.18);}
.pain-right .eyebrow{
  color:rgba(255,255,255,.72);margin-bottom:30px;
  font-size:14.5px;letter-spacing:.04em;text-transform:none;font-weight:400;
}
.chip-row{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:51px;}
.chip{
  padding:7px 17px;border-radius:999px;font-size:14px;
  border:1px solid rgba(255,255,255,.44);color:rgba(255,255,255,.94);
  background:rgba(255,255,255,.05);white-space:nowrap;
}
.pain-rule{height:1px;background:rgba(255,255,255,.42);margin-bottom:39px;}
.pain-notes{display:grid;grid-template-columns:1fr 1fr;gap:14px 26px;align-content:start;}
.pain-notes p{
  font-size:14.5px;color:rgba(255,255,255,.86);line-height:1.75;
  position:relative;padding-left:14px;
}
.pain-notes p::before{
  content:"";position:absolute;left:0;top:9px;width:4px;height:4px;
  border-radius:50%;background:#8fd8ff;
}

/* 右侧悬浮工具栏（参考样式：微信深蓝圆 / 白底蓝图标 / 顾问头像带渐变环） */
.float-tools{
  position:fixed;right:22px;top:50%;transform:translateY(-50%);z-index:80;
  display:flex;flex-direction:column;align-items:center;gap:14px;
  opacity:0;pointer-events:none;transition:opacity .35s var(--ease);
}
.float-tools.visible{opacity:1;pointer-events:auto;}
.float-tools .ft-btn{
  width:54px;height:54px;padding:0;border:0;border-radius:50%;overflow:hidden;
  background:#fff;cursor:pointer;
  box-shadow:0 6px 20px rgba(20,40,90,.16);
  transition:transform .25s var(--ease),box-shadow .25s var(--ease);
}
.float-tools .ft-btn img{width:100%;height:100%;object-fit:cover;display:block;}
.float-tools .ft-btn:hover,
.float-tools .ft-btn:focus-visible{transform:translateY(-3px) scale(1.05);box-shadow:0 10px 26px rgba(20,40,90,.24);}
.float-tools .tool-avatar{
  position:relative;width:64px;height:64px;margin-top:6px;padding:0;border:0;border-radius:50%;cursor:pointer;
  background:linear-gradient(135deg,#2f7bff,#25d3f0);
  box-shadow:0 6px 20px rgba(20,40,90,.20);overflow:visible;
  transition:transform .25s var(--ease),box-shadow .25s var(--ease);
}
.float-tools .tool-avatar:hover,
.float-tools .tool-avatar:focus-visible{transform:translateY(-3px) scale(1.04);box-shadow:0 10px 26px rgba(20,40,90,.26);}
.float-tools .tool-avatar>img{
  position:absolute;inset:3px;width:calc(100% - 6px);height:calc(100% - 6px);
  border-radius:50%;object-fit:cover;object-position:top center;display:block;
}
.float-tools .avatar-dot{
  position:absolute;right:1px;bottom:1px;width:14px;height:14px;border-radius:50%;
  background:#1d5df0;border:2.5px solid #fff;
}
/* 右侧悬浮：底部「在线咨询」视频盒子（圆形渐变环，参考 CTAI 机器人圆环样式） */
.float-tools .ft-video-btn{
  position:relative;width:64px;height:64px;margin-top:6px;padding:3px;
  border:0;border-radius:50%;cursor:pointer;overflow:hidden;
  background:linear-gradient(180deg,#3b82f6 0%,#22d3ee 100%);
  box-shadow:0 6px 20px rgba(20,40,90,.22);
  transition:transform .25s var(--ease),box-shadow .25s var(--ease);
}
.float-tools .ft-video-btn:hover,
.float-tools .ft-video-btn:focus-visible{transform:translateY(-3px) scale(1.04);box-shadow:0 10px 26px rgba(20,40,90,.28);}
.float-tools .ft-video{display:block;width:100%;height:100%;border-radius:50%;object-fit:cover;object-position:center;background:#0a1229;}
/* 微信图标：悬停 / 键盘聚焦时向左浮出企业微信二维码 */
.ft-item{position:relative;flex:0 0 auto;}
.wecom-pop{
  position:absolute;right:calc(100% + 14px);top:50%;
  width:170px;padding:12px 11px 10px;border-radius:12px;background:#fff;
  box-shadow:0 12px 34px rgba(8,20,50,.24);text-align:center;
  opacity:0;visibility:hidden;pointer-events:none;
  transform:translateY(-50%) translateX(8px);
  transition:opacity .22s var(--ease),transform .22s var(--ease),visibility .22s;
}
/* 覆盖按钮与浮层之间的 14px 空隙，鼠标移过去不收起 */
.wecom-pop::before{content:'';position:absolute;right:-16px;top:0;bottom:0;width:16px;}
.ft-item--wechat:hover .wecom-pop,
.ft-item--wechat .ft-btn:focus-visible + .wecom-pop{
  opacity:1;visibility:visible;pointer-events:auto;transform:translateY(-50%) translateX(0);
}
.wecom-pop img{
  display:block;width:148px;height:148px;margin:0 auto;object-fit:contain;
  image-rendering:pixelated;              /* 原图 139px，4 倍无损放大后保持二维码边缘锐利 */
}
.wecom-pop span{display:block;margin-top:8px;font-size:13px;line-height:1.4;color:#1d2b4d;white-space:nowrap;}
.wecom-pop__arw{
  position:absolute;right:-7px;top:50%;transform:translateY(-50%);
  width:0;height:0;border-top:7px solid transparent;border-bottom:7px solid transparent;border-left:7px solid #fff;
}

/* ============================================================
   区块 2 · 行业出海增长实录（5 屏轮播）
   ============================================================ */
.cases{background:var(--wash);padding:104px 0 86px;}
.cases .sec-title{font-size:42px;}
.cases .sec-desc{margin-top:10px;font-size:22px;}
.cases .sec-desc .nowrap{white-space:nowrap;}
.cases-tools{display:flex;align-items:center;gap:16px;padding-top:8px;}
.case-pager{font-size:13px;color:#8a93a6;letter-spacing:.08em;white-space:nowrap;font-variant-numeric:tabular-nums;}
.case-pager .cur{color:var(--brand);font-weight:600;}
.case-pager .sep{color:#c2cad8;margin:0 4px;}
.case-nav{
  width:38px;height:38px;border-radius:50%;display:grid;place-items:center;
  cursor:pointer;transition:all .25s var(--ease);flex-shrink:0;padding:0;
}
.case-nav.prev{background:#fff;border:1px solid #e2e8f2;color:#35435c;}
.case-nav.prev:hover{border-color:var(--brand);color:var(--brand);transform:translateX(-2px);}
.case-nav.next{background:var(--brand);border:1px solid var(--brand);color:#fff;}
.case-nav.next:hover{transform:translateX(2px);box-shadow:0 6px 16px rgba(21,86,235,.28);}

.case-stage{position:relative;margin-top:30px;aspect-ratio:1600/704;}
.case-slide{
  position:absolute;inset:0;opacity:0;visibility:hidden;pointer-events:none;
  transition:opacity .65s var(--ease),visibility .65s;
}
.case-slide.is-active{opacity:1;visibility:visible;pointer-events:auto;}
.case-banner{
  position:relative;height:100%;border-radius:var(--radius-m);overflow:hidden;
  background:#0b1a33;
}
.case-banner>img{width:100%;height:100%;object-fit:cover;object-position:center 42%;display:block;}
.case-slide.is-active .case-banner>img{animation:caseKen 11s ease-out both;}
@keyframes caseKen{from{transform:scale(1.015);}to{transform:scale(1.075) translateX(-1%);}}
/* 设计稿首屏为镜像构图：机械臂在左、工程师在右，为左下文字留白 */
.case-slide.is-flip .case-banner>img{transform:scaleX(-1);}
.case-slide.is-active.is-flip .case-banner>img{animation:caseKenFlip 11s ease-out both;}
@keyframes caseKenFlip{
  from{transform:scaleX(-1) scale(1.015);}
  to{transform:scaleX(-1) scale(1.075) translateX(-1%);}
}
.case-banner::after{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(0deg,rgba(3,11,26,.90) 0%,rgba(3,11,26,.55) 32%,rgba(3,11,26,.08) 70%,rgba(3,11,26,0) 100%),
             linear-gradient(90deg,rgba(3,11,26,.40) 0%,transparent 58%);
}
.case-tag{
  position:absolute;left:34px;top:30px;z-index:3;
  background:#fff;color:#2f3d57;font-size:13px;letter-spacing:.01em;
  padding:9px 18px;border-radius:999px;box-shadow:0 5px 18px rgba(3,11,26,.14);
  white-space:nowrap;
}
.case-overlay{
  position:absolute;inset:0;z-index:2;display:flex;align-items:flex-end;
  padding:0 46px 46px;
}
.case-overlay h3{font-size:30px;line-height:1.62;font-weight:500;color:#fff;width:42%;flex-shrink:0;margin:0;}
.case-stats{
  display:flex;align-items:center;gap:0;flex:1;min-width:0;
  padding:0 0 4px 46px;border-left:1px solid rgba(255,255,255,.26);
}
.case-stat{padding:0 30px;flex:1;min-width:0;}
.case-stat:first-child{padding-left:0;}
.case-stat .num{font-size:42px;font-weight:500;color:#fff;line-height:1.1;letter-spacing:-.02em;white-space:nowrap;}
.case-stat .num em{font-style:normal;font-size:15px;color:var(--cyan);font-weight:600;margin-right:7px;vertical-align:middle;}
.case-stat .lbl{font-size:14px;color:rgba(255,255,255,.68);margin-top:10px;white-space:nowrap;}

.case-tabs{
  display:grid;grid-template-columns:repeat(5,minmax(0,1fr));
  border-top:1px solid #dde5f0;margin-top:16px;
}
.case-tab{
  position:relative;display:flex;align-items:center;gap:7px;
  padding:9px 22px 4px 0;background:none;border:0;
  text-align:left;font-family:inherit;font-size:20px;color:#5d6a80;
  cursor:pointer;transition:color .25s var(--ease);white-space:nowrap;
}
.case-tab:hover{color:var(--brand);}
.case-tab .tab-dot{width:5px;height:5px;border-radius:50%;background:var(--brand);opacity:0;transition:opacity .25s;flex-shrink:0;}
.case-tab .tab-go{margin-left:auto;color:#a9b4c7;font-size:15px;line-height:1;}
.case-tab::before{
  content:"";position:absolute;left:0;top:-1px;height:2px;width:92%;
  background:var(--brand);transform:scaleX(0);transform-origin:left center;
  transition:transform .32s var(--ease);
}
.case-tab.is-active{color:var(--brand);font-weight:600;}
.case-tab.is-active::before{transform:scaleX(1);}
.case-tab.is-active .tab-dot{opacity:1;}
.case-tab.is-active .tab-go{color:var(--brand);}

/* 中屏：收窄案例标题，避免长句折成三行 */
@media (min-width:1101px) and (max-width:1600px){
  .cases .sec-title{font-size:40px;}
  .cases .sec-desc{font-size:18px;}
  .case-overlay h3{font-size:25px;}
  .case-stat .num{font-size:36px;}
  .case-stat{padding:0 20px;}
  .case-stats{padding-left:32px;}
}

/* ============================================================
   区块 3 · AI SaaS 创建生态营销体系
   ============================================================ */
/* ============================================================
   区块 3 · AI SaaS 生态营销体系（TSO / CSO / CTAI 三标签切换）
   ============================================================ */
.saas{
  position:relative;overflow:hidden;color:#fff;padding:104px 0 112px;
  background:
    radial-gradient(840px 520px at 14% 6%,rgba(40,112,255,.55),transparent 66%),
    linear-gradient(135deg,#103a9e 0%,#0a2a88 46%,#061a4d 100%);
}
.saas::before{content:"";position:absolute;right:-8%;bottom:-52%;width:760px;height:760px;border-radius:50%;background:radial-gradient(circle,rgba(11,80,220,.5),transparent 65%);z-index:0;}
.saas::after{content:"";position:absolute;inset:0;opacity:.06;pointer-events:none;z-index:1;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
  background-size:160px 160px;}
.saas .container{position:relative;z-index:2;}

/* 标题区 */
.saas-head{display:flex;align-items:center;justify-content:space-between;gap:40px;margin-bottom:50px;}
.saas-head .h-eyebrow{font-size:46px;font-weight:700;line-height:1.0;letter-spacing:.04em;color:#fff;margin-bottom:22px;}
.saas-head .h-title{font-size:42px;font-weight:700;line-height:1.15;letter-spacing:.01em;color:#fff;}
.saas-head .h-note{text-align:right;font-size:22px;line-height:1.4;color:rgba(255,255,255,.78);max-width:480px;flex-shrink:0;text-wrap:balance;}

/* 标签切换行 */
.saas-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:0;position:relative;}
.saas-tab{
  appearance:none;background:none;border:0;cursor:pointer;text-align:left;
  padding:0 24px 0 0;display:flex;font-family:inherit;
  transition:color .3s;
}
.saas-tab .tab-cell{
  display:flex;flex-direction:row;align-items:baseline;gap:14px;
  padding-bottom:14px;
}
.saas-tab .tab-abbr{font-size:28px;font-weight:700;letter-spacing:.02em;line-height:1;color:#fff;white-space:nowrap;}
.saas-tab .tab-desc{font-size:24px;line-height:1.4;color:rgba(255,255,255,.95);white-space:nowrap;}
.saas-tab:not(.is-active) .tab-abbr{color:rgba(255,255,255,.72);}
.saas-tab:not(.is-active) .tab-desc{color:rgba(255,255,255,.58);}
.saas-tab:not(.is-active):hover .tab-abbr{color:rgba(255,255,255,.9);}
.saas-tab:not(.is-active):hover .tab-desc{color:rgba(255,255,255,.8);}
.saas-tab.is-active{
  background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.16);
  border-bottom:0;border-radius:16px 16px 0 0;
  margin-bottom:-2px;padding:18px 24px 20px;position:relative;z-index:2;
  transition:background .3s,box-shadow .3s;
}
.saas-tab.is-active .tab-cell{border-bottom:0;padding-bottom:0;}
.saas-tab.is-active .tab-desc{color:rgba(255,255,255,.95);}
.saas-tab:focus-visible{outline:none;}
.saas-tab:focus-visible .tab-cell{border-bottom-color:var(--cyan);}

/* 玻璃拟态大卡片 */
.saas-card{
  border-radius:16px;
  background:rgba(255,255,255,.09);
  border:1px solid rgba(255,255,255,.16);border-top:0;
  backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px);
  box-shadow:0 22px 54px rgba(2,12,40,.4), inset 0 1px 0 rgba(255,255,255,.2);
  padding:50px 54px;
  display:grid;grid-template-columns:minmax(0,38fr) minmax(0,62fr);
}
.saas-panel{display:none;}
.saas-panel.is-active{display:contents;}
.card-left{padding-right:50px;border-right:1px solid rgba(255,255,255,.18);display:flex;flex-direction:column;}
.card-left .cap{font-size:12px;letter-spacing:.12em;color:rgba(255,255,255,.68);margin-bottom:22px;}
.card-left .lede{font-size:32px;font-weight:700;line-height:1.4;color:#fff;margin-bottom:22px;text-wrap:balance;}
.card-left .lede .hl{color:#fff;white-space:nowrap;}
.card-left .desc{font-size:16px;line-height:1.95;color:rgba(255,255,255,.8);margin-bottom:28px;}
.lede-caps{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:22px;}
.capsule{display:inline-flex;align-items:center;gap:5px;padding:6px 11px;border-radius:999px;
  background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.24);font-size:12px;color:#fff;white-space:nowrap;}
.capsule b{font-weight:700;}
.capsule span{font-size:11px;color:rgba(255,255,255,.85);}
.btn-saas{display:inline-flex;align-items:center;gap:8px;align-self:flex-start;
  background:#fff;color:#1f49d6;font-size:15px;font-weight:600;font-family:inherit;
  padding:13px 24px;border-radius:999px;border:0;cursor:pointer;
  transition:transform .2s,box-shadow .2s;}
.btn-saas .arw{font-size:16px;line-height:1;}
.btn-saas:hover{transform:translateY(-2px);box-shadow:0 12px 26px rgba(0,0,0,.3);}
.card-right{display:flex;flex-direction:column;padding-left:46px;}
.flow-row{position:relative;display:flex;align-items:center;gap:20px;padding:16px 16px;border:1px solid rgba(255,255,255,.12);border-radius:12px;transition:background .3s,box-shadow .3s,border-color .3s;}
.flow-row + .flow-row{margin-top:10px;}
.flow-row::before{content:"";position:absolute;inset:0;border-radius:12px;padding:1px;background:linear-gradient(120deg,#38bdf8,#6366f1);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .3s;pointer-events:none;}
.flow-row:hover{background:rgba(255,255,255,.06);border-color:transparent;box-shadow:0 0 18px rgba(56,189,248,.35);}
.flow-row:hover::before{opacity:1;}
.flow-idx{display:none;font-size:18px;font-weight:500;color:rgba(255,255,255,.42);width:30px;flex-shrink:0;font-variant-numeric:tabular-nums;}
.flow-name{font-size:20px;font-weight:600;color:#fff;flex:0 0 auto;min-width:92px;}
.flow-steps{margin-left:auto;text-align:right;font-size:18px;line-height:1.55;color:rgba(255,255,255,.78);}
.flow-steps .ar{color:rgba(255,255,255,.85);margin:0 7px;}

/* ============================================================
   区块 4 · 成功易 · 更懂中国外贸企业
   ============================================================ */
.strength{background:#fff;padding:110px 0 96px;}
.str-head{display:flex;align-items:center;justify-content:space-between;gap:48px;margin-bottom:64px;}
.str-head .sec-title{font-size:50px;line-height:1.24;font-weight:600;letter-spacing:0;color:#0e1119;margin:0;}
.str-head .str-note{text-align:right;font-size:28px;line-height:1.58;color:#20242c;font-weight:400;flex-shrink:0;}
.str-head .str-note i{font-style:normal;opacity:.5;margin:0 .3em;}

.feat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;}
.feat-card{
  position:relative;overflow:hidden;min-height:320px;
  display:flex;flex-direction:column;
  padding:26px 26px 24px;border-radius:12px;cursor:pointer;
  background:linear-gradient(180deg,#f4f8fd 0%,#edf3fb 100%);
  outline:none;
  transition:background .45s ease,box-shadow .45s ease;
}
.feat-card::before{content:"";position:absolute;right:-70px;top:-56px;width:240px;height:240px;border-radius:50%;background:rgba(255,255,255,.85);opacity:.75;pointer-events:none;transition:opacity .45s;}
.feat-card::after{content:"";position:absolute;left:-56px;bottom:-110px;width:280px;height:220px;border-radius:50%;background:rgba(222,232,247,.6);pointer-events:none;transition:opacity .45s;}
.feat-card>*{position:relative;z-index:2;}

.fnum{font-size:56px;font-weight:300;line-height:1;letter-spacing:.01em;color:#ccd3e3;margin-top:auto;margin-bottom:0;}
.fbody{margin-top:14px;margin-bottom:auto;}
.fbody h3{font-size:24px;font-weight:600;line-height:1.34;color:#0d1220;margin:0 0 12px;}
.fbody p{font-size:16px;line-height:1.8;color:#5f6267;margin:0;}
.fvisual{display:none;margin-top:auto;}

/* 指向 / 激活态：变色 + 显示底部视觉区 */
.feat-card.is-active{background:linear-gradient(165deg,#1b47c8 0%,#1b45b4 56%,#3055b8 100%);box-shadow:0 22px 46px rgba(16,44,120,.28);}
.feat-card.is-active::before,.feat-card.is-active::after{opacity:.1;}
.feat-card.is-active .fnum{display:none;}
.feat-card.is-active .fbody{margin-top:0;margin-bottom:0;}
.feat-card.is-active .fbody h3{color:#fff;}
.feat-card.is-active .fbody p{color:rgba(255,255,255,.85);}
.feat-card.is-active .fvisual{display:flex;flex:1;margin-top:18px;}
.feat-card.is-active .fvisual-logos{display:grid;}
.feat-card.is-active .fvisual-list{display:flex;}
.feat-card.is-active .fvisual-list.is-grid{display:grid;}
.feat-card:focus-visible{box-shadow:0 0 0 3px rgba(31,79,215,.35);}

/* 视觉区 1：媒体 logo 墙（透明背景 logo，浅色面板） */
.fvisual-logos{grid-template-rows:1fr 1fr;align-content:stretch;gap:6px;
  background:rgba(255,255,255,.94);border-radius:12px;padding:10px 16px;box-shadow:0 8px 20px rgba(5,18,55,.16);}
.fvisual-logos-row{display:grid;align-items:center;justify-items:center;gap:10px 4px;}
.fvisual-logos-row.is-3{grid-template-columns:repeat(3,minmax(0,1fr));}
.fvisual-logos-row.is-4{grid-template-columns:repeat(4,minmax(0,1fr));}
/* 悬停面板去掉 LinkedIn 后：余下 3 个媒体 logo 三等分，尺寸沿用 is-4 的原有规格 */
.fvisual-logos-row.is-4.is-3cols{grid-template-columns:repeat(3,minmax(0,1fr));}
.fvisual-logos img,.fvisual-logos svg{display:block;width:auto;max-width:100%;object-fit:contain;object-position:center;flex:0 0 auto;}
.fvisual-logos-row.is-3 img,.fvisual-logos-row.is-3 svg{height:21px;}
.fvisual-logos-row.is-4 img,.fvisual-logos-row.is-4 svg{height:16px;}
.fvisual-logos .media-logo{display:block;width:100%;height:auto;object-fit:contain;margin:auto;}

/* 视觉区 2/3/4：白色文字列表（浅蓝/深蓝面板） */
.fvisual-list{flex-direction:column;justify-content:center;gap:12px;
  background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.18);border-radius:12px;padding:16px 16px;}
.fvisual-list.is-deep{background:rgba(8,26,78,.42);border-color:rgba(255,255,255,.16);}
.fvisual-list.is-grid{grid-template-columns:1fr 1fr;align-content:center;gap:12px 16px;}
.fl-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;}
.fl-item{position:relative;padding-left:14px;font-size:14px;line-height:1.5;color:rgba(255,255,255,.92);}
.fl-item::before{content:"";position:absolute;left:2px;top:.62em;width:5px;height:5px;border-radius:50%;background:rgba(255,255,255,.72);}

/* 媒体牌照区 */
.honor{margin-top:22px;padding:42px 42px 26px;text-align:center;border-radius:18px;
  background:linear-gradient(180deg,#f7fafd 0%,#f3f5fc 100%);}
.honor h3{font-size:33px;font-weight:700;line-height:1.4;letter-spacing:.01em;color:#0b0f18;margin:0;}
.honor h3 em{font-style:normal;display:inline-block;width:1.1em;}
.honor .honor-sub{font-size:20px;line-height:1.7;color:#575a5f;margin:14px 0 0;}
.honor-tabs{display:flex;justify-content:center;align-items:center;gap:16px;margin:28px 0 26px;flex-wrap:wrap;}
.honor-tab{
  appearance:none;font-family:inherit;cursor:pointer;font-size:17px;line-height:1;height:39px;padding:0 26px;
  border-radius:999px;border:1px solid rgba(18,40,90,.14);background:transparent;color:#5b6376;
  transition:background .25s,color .25s,border-color .25s,box-shadow .25s;
}
.honor-tab:hover{border-color:rgba(31,79,215,.45);color:#1f4fd7;}
.honor-tab.is-active{background:#1f4fd7;border-color:#1f4fd7;color:#fff;box-shadow:0 10px 22px rgba(31,79,215,.28);}
.honor-tab:focus-visible{outline:2px solid rgba(31,79,215,.5);outline-offset:2px;}
.honor-media{background:#fff;border-radius:14px;padding:16px;box-shadow:0 10px 30px rgba(20,45,100,.07);}
/* 三张证书图原始宽高比不同，统一展示框避免切换标签时下方内容跳动 */
.honor-media img{display:block;width:100%;height:auto;aspect-ratio:1360/345;object-fit:contain;border-radius:8px;}

/* ============================================================
   区块 5 · 数据 + 行业标签云
   ============================================================ */
.data-row{display:grid;grid-template-columns:minmax(0,34fr) minmax(0,66fr);gap:14px;margin-top:18px;padding-bottom:116px;}
.data-card{
  border-radius:var(--radius-m);padding:38px 34px 40px;color:#fff;position:relative;overflow:hidden;
  display:flex;flex-direction:column;min-height:420px;
  background:linear-gradient(145deg,#0a34c4 0%,#0b53e0 60%,#0a6cf0 100%);
}
.data-card::after{content:"";position:absolute;right:-30%;bottom:-70%;width:360px;height:360px;border-radius:50%;border:1px solid rgba(255,255,255,.16);box-shadow:0 0 0 40px rgba(255,255,255,.05),0 0 0 90px rgba(255,255,255,.04);}
.data-card .eyebrow{color:rgba(255,255,255,.62);font-size:14px;letter-spacing:.1em;text-transform:uppercase;margin-bottom:30px;position:relative;z-index:1;}
.data-card h3{font-size:32px;font-weight:600;line-height:1.5;margin-bottom:14px;position:relative;z-index:1;}
.data-card>p{font-size:24px;color:rgba(255,255,255,.85);margin:0;position:relative;z-index:1;}
.data-nums{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:auto;padding-top:30px;position:relative;z-index:1;}
.data-nums .num{display:flex;align-items:flex-start;font-size:36px;font-weight:400;line-height:1.1;letter-spacing:.01em;font-variant-numeric:tabular-nums;}
.data-nums .num em{font-style:normal;font-size:18px;line-height:1;font-weight:400;margin-left:6px;padding-top:5px;color:rgba(255,255,255,.92);}
.data-nums .num-label{display:block;font-size:18px;line-height:1.4;color:rgba(255,255,255,.9);margin-top:12px;}

/* 行业标签云：四行无缝横向滚动 */
.cloud{
  background:#f1f6fc;border-radius:var(--radius-m);padding:0;
  display:flex;flex-direction:column;justify-content:space-evenly;gap:0;overflow:hidden;
  min-height:420px;
}
.cloud-row{overflow:hidden;}
.cloud-track{display:flex;width:max-content;will-change:transform;}
.cloud.is-ready .cloud-track{animation:cloudScroll var(--dur,44s) linear infinite;}
.cloud.is-ready .cloud-row:nth-child(even) .cloud-track{animation-direction:reverse;}
.cloud-group{display:flex;align-items:center;gap:14px;padding-right:14px;}
@keyframes cloudScroll{from{transform:translate3d(0,0,0);}to{transform:translate3d(-50%,0,0);}}
.cloud:hover .cloud-track{animation-play-state:paused;}
.cloud-pill{
  padding:12px 28px;border-radius:999px;background:#fff;color:#8a92a5;
  font-size:18px;line-height:1.2;white-space:nowrap;flex:0 0 auto;
  box-shadow:0 2px 8px rgba(30,60,120,.05);
}
.cloud-pill.on{background:var(--brand);color:#fff;box-shadow:0 6px 16px rgba(26,86,240,.24);}
@media (prefers-reduced-motion:reduce){.cloud.is-ready .cloud-track{animation:none;}}

/* ============================================================
   区块 6 · 与前沿同行 · 洞察全球增长新风向
   ============================================================ */
.insights{background:var(--wash);padding:96px 0 110px;}
.insights-head{text-align:center;margin-bottom:56px;}
.insights-head .sec-title{font-size:42px;font-weight:600;line-height:1.4;letter-spacing:0;color:#0e1119;}

.insight-grid{display:grid;grid-template-columns:minmax(0,40fr) minmax(0,47fr);column-gap:13%;align-items:start;}
.insight-feature{display:flex;flex-direction:column;min-width:0;}
.insight-feature img{display:block;width:100%;aspect-ratio:16/9;height:auto;object-fit:cover;border-radius:8px;}
.insight-feature h3{font-size:32px;font-weight:600;line-height:1.4;color:#0e1119;margin:70px 0 0;}
.insight-btn{
  display:inline-flex;align-items:center;gap:10px;align-self:flex-start;margin-top:38px;
  height:50px;padding:0 28px;border-radius:999px;background:var(--brand);color:#fff;
  font-size:17px;line-height:1;transition:transform .25s var(--ease),box-shadow .25s,background .25s;
}
.insight-btn .arw{font-size:17px;line-height:1;}
.insight-btn:hover{transform:translateY(-2px);box-shadow:0 12px 26px rgba(26,86,240,.3);background:#2461f5;}

.insight-list{display:flex;flex-direction:column;gap:44px;min-width:0;}
.insight-item{display:flex;align-items:center;gap:36px;transition:transform .3s var(--ease);}
.insight-item:hover{transform:translateX(5px);}
.insight-item img{width:122px;height:122px;object-fit:cover;border-radius:6px;flex-shrink:0;}
.insight-item .body{flex:1;min-width:0;}
.insight-item .cat{display:block;font-size:16px;line-height:1.5;color:#7b8aa6;font-weight:400;margin-bottom:8px;}
.insight-item h4{
  font-size:23px;font-weight:500;line-height:1.4;color:#12161f;margin:0 0 12px;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
}
/* 全部端统一：文章列表标题悬停变蓝（≥901 的原有同值规则保留不变） */
.insight-item:hover h4{color:var(--brand);}
.insight-item time{font-size:18px;line-height:1.4;color:#9aa3b5;}
.insight-item .go{align-self:center;flex-shrink:0;font-size:24px;line-height:1;color:var(--brand);transition:transform .25s;}
.insight-item:hover .go{transform:translate(2px,-2px);}

/* ============================================================
   区块 7 · CTA 表单
   ============================================================ */
.cta{
  position:relative;overflow:hidden;color:#fff;padding:84px 0 0;
  background:
    radial-gradient(1000px 560px at -4% 104%,rgba(42,106,238,.60),transparent 70%),
    radial-gradient(1150px 1000px at -12% 50%,rgba(46,104,238,.40),transparent 70%),
    linear-gradient(180deg,#2c5ae1 0%,#1b3f92 40%,#12295c 62%,#0c1c44 80%,#09122c 100%);
}
/* 与正文统一：1920 下 1620px，左右各 150px */
.cta>.container{width:var(--content);max-width:var(--content);}
.cta-grid{display:grid;grid-template-columns:minmax(0,47.2fr) minmax(0,52.8fr);align-items:center;}
.cta-copy{padding-right:54px;}
.cta-copy h2{font-size:46px;line-height:1.2;font-weight:400;letter-spacing:.13em;margin:0 0 60px;}
.cta-copy p{font-size:20px;line-height:1.5;color:rgba(255,255,255,.92);margin:0;letter-spacing:.13em;}

.cta-form{
  position:relative;
  background:linear-gradient(158deg,rgba(255,255,255,.135) 0%,rgba(255,255,255,.078) 48%,rgba(255,255,255,.05) 100%);
  border:1px solid rgba(255,255,255,.12);
  border-radius:12px;padding:29px 22px 25px;
  -webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);
  box-shadow:0 26px 70px rgba(3,10,32,.22);
}
.cta-form h3{text-align:center;font-size:32px;font-weight:600;line-height:1.2;letter-spacing:.075em;margin:0 0 31px;}
.form-grid{display:grid;grid-template-columns:1fr 1fr;column-gap:26px;row-gap:12px;}
.field{position:relative;min-width:0;}
.field label{display:block;font-size:16px;line-height:1.3;color:#fff;margin-bottom:19px;}
.field label em{font-style:normal;color:#fff;margin-left:3px;opacity:.9;}
.field input{
  display:block;width:100%;background:transparent;border:0;border-bottom:1px solid rgba(255,255,255,.9);
  color:#fff;font-size:14px;line-height:1.4;padding:0 0 23px;outline:none;border-radius:0;
  letter-spacing:.01em;
}
.field input::placeholder{color:#b4c8ee;}
.field input:focus{border-bottom-color:#fff;box-shadow:0 1px 0 rgba(255,255,255,.55);}
.field--full{grid-column:1/-1;}
.field--note{margin-top:14px;}
.field--note label{margin-bottom:0;}
.field--note input{padding-bottom:0;}

/* 多选下拉：你希望了解的服务 */
.ms{position:relative;}
.ms-btn{
  display:flex;align-items:center;gap:10px;width:100%;text-align:left;
  background:none;border:0;border-bottom:1px solid rgba(255,255,255,.9);
  padding:0 0 23px;color:#fff;font-size:14px;line-height:1.4;letter-spacing:.01em;
  transition:border-color .2s;
}
.ms-btn:focus-visible{outline:none;border-bottom-color:#fff;box-shadow:0 2px 0 rgba(255,255,255,.6);}
.ms-value{flex:1;min-width:0;color:#fff;}
.ms-value.is-ph{color:#b4c8ee;}
.ms-caret{flex:0 0 auto;color:rgba(255,255,255,.45);opacity:0;transition:transform .25s,color .25s,opacity .25s;}
.ms-btn:hover .ms-caret,.ms-btn:focus-visible .ms-caret,.ms-btn[aria-expanded="true"] .ms-caret{opacity:1;}
@media (hover:none){.ms-caret{opacity:.7;}}
.ms-btn[aria-expanded="true"] .ms-caret{transform:rotate(180deg);color:#fff;}
.ms-panel{
  position:absolute;left:0;right:0;top:calc(100% + 12px);z-index:40;
  display:grid;grid-template-columns:1fr 1fr;gap:2px 6px;padding:10px;
  background:rgba(9,23,56,.97);border:1px solid rgba(255,255,255,.16);border-radius:10px;
  box-shadow:0 26px 64px rgba(2,8,26,.55);
  -webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);
  max-height:300px;overflow:auto;
}
.ms-panel[hidden]{display:none;}
.ms-opt{
  display:flex;align-items:center;gap:10px;padding:10px;border-radius:7px;
  font-size:14px;line-height:1.4;color:rgba(255,255,255,.82);cursor:pointer;
  transition:background .18s,color .18s;
}
.ms-opt:hover,.ms-opt:focus-visible{background:rgba(255,255,255,.1);color:#fff;outline:none;}
.ms-box{width:16px;height:16px;border:1.5px solid rgba(255,255,255,.42);border-radius:3px;flex:0 0 auto;position:relative;transition:background .18s,border-color .18s;}
.ms-opt[aria-selected="true"]{color:#fff;background:rgba(255,255,255,.07);}
.ms-opt[aria-selected="true"] .ms-box{background:#2f6bff;border-color:#2f6bff;}
.ms-opt[aria-selected="true"] .ms-box::after{content:"";position:absolute;left:5px;top:1px;width:4px;height:8px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(42deg);}

/* 错误提示 */
.field-err{display:none;font-size:12px;line-height:1.4;color:#ffc7c7;margin:7px 0 0;letter-spacing:.01em;}
.field.is-invalid .field-err{display:block;}
.field.is-invalid input,.field.is-invalid .ms-btn{border-bottom-color:#ff9d9d;}
.field.is-invalid .ms-box{border-color:#ff9d9d;}

/* 隐私勾选 */
.form-note{
  display:flex;align-items:flex-start;gap:11px;
  font-size:14px;line-height:1.5;color:#fff;margin:18px 0 0;cursor:pointer;position:relative;
}
.form-note input{position:absolute;width:1px;height:1px;opacity:0;margin:0;}
.form-note .box{
  width:16px;height:16px;border:1.5px solid rgba(255,255,255,.85);border-radius:3px;
  flex:0 0 auto;margin-top:2px;position:relative;transition:background .2s,border-color .2s;
}
.form-note input:checked+.box{background:#fff;border-color:#fff;}
.form-note input:checked+.box::after{content:"";position:absolute;left:5px;top:1px;width:4px;height:8px;border:solid #1a56f0;border-width:0 2px 2px 0;transform:rotate(42deg);}
.form-note input:focus-visible+.box{outline:2px solid rgba(255,255,255,.6);outline-offset:2px;}
.form-note .pol{text-decoration:underline;text-underline-offset:3px;}
.form-note.is-invalid{color:#ffd9d9;}
.form-note.is-invalid .box{border-width:2px;border-color:#ff6a6a;background:rgba(255,80,80,.22);}
.agree-err{display:none;font-size:12.5px;line-height:1.4;color:#ffc2c2;margin:8px 0 0 27px;}
.agree-err.is-on{display:block;}
.form-submit{
  width:100%;height:43px;border-radius:999px;background:#fff;color:var(--brand);
  font-size:15px;font-weight:600;letter-spacing:.02em;margin-top:41px;
  transition:transform .25s,box-shadow .25s;
}
.form-submit:hover{transform:translateY(-2px);box-shadow:0 10px 26px rgba(2,10,32,.28);}
.form-submit:disabled{opacity:.75;cursor:default;transform:none;box-shadow:none;}
.cta-divider{height:1px;background:rgba(255,255,255,.14);margin-top:83px;}

/* ---------- 咨询单回执弹窗（浅色） ---------- */
.modal-card--receipt{
  width:min(690px,100%);max-height:calc(100vh - 40px);overflow-y:auto;
  color:#152441;background:#f3f8ff;border:0;border-radius:18px;
  padding:30px 26px 26px;box-shadow:0 30px 90px rgba(3,14,40,.42);
}
.modal-card--receipt .modal-close{
  right:12px;top:10px;width:34px;height:34px;border:0;border-radius:50%;
  color:#95a3ba;font-size:20px;font-weight:300;background:transparent;
}
.modal-card--receipt .modal-close:hover{background:rgba(20,35,61,.07);color:#5b6a82;}
.rc-head{display:flex;align-items:center;gap:14px;margin-bottom:20px;padding-right:36px;}
.rc-badge{
  width:28px;height:28px;border-radius:50%;flex:0 0 auto;display:grid;place-items:center;
  background:linear-gradient(150deg,#3a9bff,#1268f5);
  box-shadow:0 4px 12px rgba(18,104,245,.32);
}
.rc-badge svg{width:15px;height:15px;}
.rc-head h3{font-size:22px;font-weight:600;line-height:1.3;color:#14233d;margin:0;letter-spacing:.01em;}
.rc-body{
  background:#fff;border:1px solid #e5edf7;border-radius:12px;
  padding:20px 22px;font-size:15px;line-height:1.92;color:#52647c;
}
.rc-body p{margin:0;}
.rc-body .rc-row span{color:#52647c;}
.rc-body .rc-row b{font-weight:400;color:#3f5372;}
.rc-actions{display:flex;align-items:center;gap:14px;margin-top:10px;flex-wrap:wrap;}
.rc-btn{
  height:53px;padding:0 22px;border-radius:999px;font-size:15.5px;font-weight:600;
  letter-spacing:.01em;display:inline-flex;align-items:center;justify-content:center;
  transition:transform .22s,box-shadow .22s,background .22s;
}
.rc-btn:hover{transform:translateY(-2px);}
.rc-btn--primary{
  color:#fff;background:linear-gradient(95deg,#1169f2 0%,#2ea8ff 100%);
  box-shadow:0 8px 20px rgba(23,120,247,.28);
}
.rc-btn--primary:hover{box-shadow:0 12px 26px rgba(23,120,247,.36);}
.rc-btn--ghost{color:#2a7bf7;background:#fff;border:1px solid #cfe2ff;}
.rc-btn--ghost:hover{background:#f2f8ff;box-shadow:0 8px 18px rgba(23,120,247,.12);}
.rc-btn.is-done{color:#0f9d58;border-color:#bfe6cf;background:#f2fbf5;}
.rc-tip{margin:18px 0 0;font-size:15px;line-height:1.92;letter-spacing:.035em;color:#6b7b91;}
@media (max-width:768px){
  .modal-card--receipt{padding:24px 18px 24px;border-radius:16px;}
  .rc-head{gap:11px;margin-bottom:16px;}
  .rc-head h3{font-size:19px;}
  .rc-badge{width:25px;height:25px;}
  .rc-body{padding:16px 16px;font-size:13.5px;line-height:1.85;}
  .rc-actions{gap:10px;margin-top:12px;}
  .rc-btn{height:46px;padding:0 15px;font-size:13.5px;flex:1 1 auto;}
  .rc-tip{font-size:12.5px;margin-top:16px;}
}

/* ============================================================
   Footer · 承接第七屏，渐变连续
   ============================================================ */
.site-footer{
  position:relative;color:#fff;padding:90px 0 24px;
  background:
    radial-gradient(ellipse 78% 62% at 52% 116%,rgba(120,148,190,.34),transparent 72%),
    linear-gradient(90deg,#1d459d 0%,#173b88 9%,#132e6c 17%,#0a1430 31%,#08112c 47%,#08112c 72%,#08102b 100%);
}
.site-footer>.container{width:var(--content);max-width:var(--content);}

/* 上排：品牌 + 二维码 */
.footer-top{display:flex;align-items:flex-start;justify-content:space-between;gap:60px;}
.f-brand{display:flex;align-items:center;gap:22px;}
.f-brand img{width:90px;height:34px;object-fit:contain;flex:0 0 auto;}
.f-brand span{font-size:16px;line-height:1;color:rgba(255,255,255,.9);white-space:nowrap;}
.f-cta{
  display:inline-flex;align-items:center;gap:21px;height:40px;padding:0 18px;margin-top:29px;
  border-radius:999px;background:#fff;color:#1d4ed8;font-size:16px;letter-spacing:.02em;
  transition:transform .28s var(--ease),box-shadow .28s var(--ease);
}
.f-cta:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(4,14,40,.34);}
.f-cta .arw{font-size:14px;line-height:1;}

.footer-qr{display:flex;align-items:flex-start;gap:59px;margin-top:-7px;}
.qr-item{text-align:center;}
.qr-box{
  width:83px;height:83px;border-radius:8px;background:#fff;overflow:hidden;
  display:grid;place-items:center;
  /* 标签比二维码宽时（如「关注丝路赞学院」），二维码仍与文字共用同一条中轴线 */
  margin-left:auto;margin-right:auto;
}
.qr-box img{width:100%;height:100%;object-fit:contain;}
.qr-box--ch{background:#1f2637;}
.qr-box--ch img{width:44px;height:auto;}
.qr-item span{display:block;margin-top:13px;font-size:14px;line-height:1;color:rgba(255,255,255,.78);white-space:nowrap;}
/* 视频号弹层：鼠标指向「关注视频号」时浮出更多视频号二维码 */
.qr-item--video{position:relative;}
.qr-box--ch{cursor:pointer;transition:box-shadow .26s var(--ease),transform .26s var(--ease);}
.qr-item--video:hover .qr-box--ch,
.qr-item--video.is-open .qr-box--ch{box-shadow:0 0 0 2px rgba(255,255,255,.35);}
.vpanel-wrap{
  position:absolute;bottom:100%;right:-21px;z-index:30;
  padding-bottom:22px;                 /* 与触发器之间的悬停桥接区，避免鼠标穿过空隙时收起 */
  opacity:0;visibility:hidden;transform:translateY(8px);
  transition:opacity .24s var(--ease),transform .24s var(--ease),visibility .24s;
}
.qr-item--video:hover .vpanel-wrap,
.qr-item--video.is-open .vpanel-wrap{opacity:1;visibility:visible;transform:none;}
.vpanel{
  position:relative;width:640px;padding:18px;
  border-radius:14px;border:1px solid rgba(255,255,255,.14);
  background:rgba(255,255,255,.19);
  backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);
  box-shadow:0 18px 46px rgba(3,10,30,.36);
}
.vpanel::after{
  content:'';position:absolute;top:calc(100% - 1px);right:52px;width:21px;height:12px;
  background:rgba(255,255,255,.19);
  clip-path:polygon(0 0,100% 0,50% 100%);
}
.vpanel-list{display:flex;gap:20px;list-style:none;margin:0;padding:0;}
.vpanel-list li{text-align:center;}
/* 长标签（如「成功易产品出海观察」）比二维码宽，二维码需相对文字水平居中 */
.vpanel-box{width:83px;height:83px;margin:0 auto;border-radius:8px;background:#fff;overflow:hidden;}
.vpanel-box img{display:block;width:100%;height:100%;object-fit:contain;}
.vpanel-list li span{display:block;margin-top:13px;font-size:14px;line-height:1;color:rgba(255,255,255,.8);white-space:nowrap;}

/* 下排：联系方式 / 核心业务 / 媒介渠道 */
.footer-mid{
  display:grid;grid-template-columns:minmax(0,1fr) 300px 345px;column-gap:115px;
  margin-top:77px;
}
/* 1600 及以下：容器不再固定 1600，改按比例分栏，避免媒介渠道换行 */
@media (max-width:1600px){
  .footer-mid{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr) minmax(0,1.15fr);column-gap:40px;}
}
@media (min-width:901px) and (max-width:1360px){
  /* 笔记本/150% 缩放：核心业务、媒介渠道保持在 电话/邮箱 右侧三列并排，链接竖向排列更整齐 */
  .footer-mid{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr) minmax(0,1fr);column-gap:36px;row-gap:0;margin-top:56px;align-items:start;}
  .footer-contact{grid-column:auto;}
  .f-col h4{font-size:18px;line-height:1.4;margin-bottom:16px;}
  .f-links,.f-links--media{flex-direction:column;flex-wrap:nowrap;gap:9px;max-width:100%;}
  .f-links a{font-size:15px;line-height:1.5;}
  .f-line{font-size:16px;line-height:25px;}
  .f-addr{font-size:14px;line-height:1.6;margin-top:12px;}
}
.f-line{font-size:18px;line-height:27px;color:#fff;}
.f-line+.f-line{margin-top:16px;}
.f-line a{color:#fff;transition:color .2s;}
.f-line a:hover{color:#8fb4ff;}

/* 分公司下拉 */
.branch{position:relative;margin-top:17px;width:158px;}
.branch-btn{
  display:flex;align-items:center;justify-content:space-between;width:100%;height:36px;
  padding:0 12px;border-radius:3px;background:rgba(255,255,255,.10);color:#fff;
  font-size:16px;letter-spacing:.01em;transition:background .22s;
}
.branch-btn:hover,.branch.is-open .branch-btn{background:rgba(255,255,255,.17);}
.branch-caret{
  width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;
  border-top:6px solid rgba(255,255,255,.85);transition:transform .25s var(--ease);
}
.branch.is-open .branch-caret{transform:rotate(180deg);}
.branch-panel{
  position:absolute;left:0;top:calc(100% + 8px);width:100%;z-index:30;
  padding:6px;border-radius:6px;background:#0b1836;border:1px solid rgba(255,255,255,.14);
  box-shadow:0 18px 40px rgba(2,8,24,.5);
  opacity:0;visibility:hidden;transform:translateY(-6px);
  transition:opacity .22s,transform .22s,visibility .22s;
}
.branch.is-open .branch-panel{opacity:1;visibility:visible;transform:none;}
/* 7 项时若按钮靠近视口底部，改为向上展开，避免末两项被切掉 */
.branch.drop-up .branch-panel{top:auto;bottom:calc(100% + 8px);transform:translateY(6px);}
.branch.drop-up.is-open .branch-panel{transform:none;}
.branch-opt{
  display:block;width:100%;padding:6px 8px;border-radius:4px;text-align:left;
  font-size:15px;color:rgba(255,255,255,.8);white-space:nowrap;
  transition:background .18s,color .18s;
}
.branch-opt:hover{background:rgba(255,255,255,.10);color:#fff;}
.branch-opt[aria-selected="true"]{color:#8fb4ff;}
.f-addr{margin-top:16px;font-size:16px;line-height:1.5;color:#fff;}

.f-col h4{font-size:20px;font-weight:500;line-height:30px;color:#fff;padding-top:2px;margin-bottom:24px;letter-spacing:.01em;}
.f-links{display:flex;flex-wrap:wrap;gap:11px 42px;}
.f-links a{font-size:16px;line-height:24px;color:rgba(255,255,255,.88);white-space:nowrap;transition:color .2s;}
.f-links a:hover{color:#fff;}
.f-links--core{max-width:300px;}
.f-links--media{gap:11px 35px;}
.f-links--media a{color:#fff;}

/* 版权 */
.footer-bottom{
  display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;
  margin-top:96px;font-size:14px;line-height:20px;color:rgba(255,255,255,.62);
}
.footer-bottom .fb-right{display:flex;align-items:center;gap:18px;}
.footer-bottom .fb-right .sep{color:rgba(255,255,255,.28);font-style:normal;}
.footer-bottom a{transition:color .2s;}
.footer-bottom a:hover{color:#fff;}

/* ============================================================
   响应式 Responsive
   ============================================================ */
/* 中屏适配：仅收窄二级标题，保证单行不压插画；大标题/导航/logo 仍保持指定规格 */
@media (min-width:901px) and (max-width:1600px){
  :root{--fs-hero-sub:22px;}
  .hero-copy{width:62%;}
}
/* 1400 档：右栏标题会折两行，左图改用 3:2 让两栏收尾齐平 */
@media (min-width:1101px) and (max-width:1600px){
  .insight-feature img{aspect-ratio:3/2;}
  .insight-list{gap:20px;}
}
@media (max-width:1100px){
  .float-tools{display:none;}
  :root{--content:92%;--fs-hero:52px;--fs-hero-sub:22px;--fs-nav:14px;--logo-w:78px;--logo-h:30px;}
  .main-nav{gap:28px;margin-left:80px;}
  .hero-copy{width:64%;}
  .insight-grid{grid-template-columns:1fr;row-gap:44px;column-gap:0;}
  .insight-feature img{aspect-ratio:16/9;}
  .insight-list{gap:28px;}
  .insights-head .sec-title{font-size:40px;}
  .insight-feature h3{font-size:28px;margin-top:48px;}
  .insight-item img{width:104px;height:104px;}
  .insight-item{gap:24px;}
  .insight-item h4{font-size:20px;}
  .insight-item .cat{font-size:15px;}
  .insight-item time{font-size:16px;}
  .footer-qr{gap:38px;}
  .footer-mid{margin-top:58px;}
  .f-links{gap:11px 30px;}
  .f-links--core{max-width:100%;}
  .feat-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
  .feat-card{min-height:250px;}
  .fbody h3{font-size:22px;}
  .fbody p{font-size:15px;}
  .fnum{font-size:48px;margin-top:24px;}
  .honor h3{font-size:28px;}
  .honor .honor-sub{font-size:17px;}
  .cta{padding-top:64px;}
  .cta-copy{padding-right:36px;}
  .cta-copy h2{font-size:34px;padding-right:0;}
  .cta-copy p{font-size:17px;}
  .cta-copy p br{display:none;}
  .cta-divider{margin-top:60px;}
}
@media (max-width:900px){
  :root{--fs-hero:40px;--fs-hero-sub:20px;--logo-w:80px;--logo-h:30px;}
  .main-nav,.header-cta{display:none;}
  .nav-toggle{display:flex;}
  .site-header.open .main-nav{
    display:flex;position:absolute;top:76px;left:28px;right:28px;margin:0;
    flex-direction:column;align-items:stretch;gap:0;
    background:rgba(6,24,62,.97);border:1px solid rgba(255,255,255,.12);
    border-radius:12px;padding:10px 18px;backdrop-filter:blur(10px);
    /* 内容超过一屏时（小屏 + 二级菜单全展开）可滚动，底部留出吸底咨询条的高度 */
    max-height:calc(100dvh - 76px - 72px);overflow-y:auto;overscroll-behavior:contain;
    -webkit-overflow-scrolling:touch;scrollbar-width:none;
  }
  .site-header.open .main-nav::-webkit-scrollbar{display:none;}
  .site-header.open .main-nav a{padding:12px 0;border-bottom:1px solid rgba(255,255,255,.08);}
  .site-header.open .main-nav a+ a::before{display:none;}
  .site-header.open .main-nav a::before,.site-header.open .main-nav a::after{display:none;}
  .hero{height:auto;min-height:100svh;}
  .hero-inner{min-height:100svh;}
  .hero-copy{width:100%;height:340px;}
  .slide-media{background-position:right center;}
  .hero-dots{bottom:44px;}
  .sec-head{flex-direction:column;gap:14px;}
  .sec-head .head-note{text-align:left;max-width:100%;padding-top:0;}
  .growth .head-note br{display:none;}
  .growth .head-note{text-wrap:pretty;}
  .growth .head-note .hl-cyan{white-space:nowrap;}
  .pain-card{padding:36px 28px;min-height:0;}
  .pain-panel{grid-template-columns:1fr;gap:30px;}
  .pain-left{padding-top:0;}
  .pain-left .eyebrow,.pain-right .eyebrow{margin-bottom:18px;}
  .pain-left .pain-desc{margin-top:28px;}
  .chip-row{margin-bottom:26px;}
  .pain-rule{margin-bottom:20px;}
  .pain-right{padding-left:0;border-left:0;border-top:1px solid rgba(255,255,255,.2);padding-top:26px;}
  .case-stage{aspect-ratio:auto;height:560px;}
  .case-overlay{flex-direction:column;align-items:flex-start;justify-content:flex-end;gap:24px;padding:0 28px 30px;}
  .case-overlay h3{width:100%;font-size:23px;line-height:1.5;}
  .case-stats{width:100%;flex:0 0 auto;padding-left:0;border-left:0;}
  .case-stat{padding:0 18px;}
  .case-stat .num{font-size:32px;}
  .case-tabs{grid-template-columns:repeat(3,minmax(0,1fr));}
  .case-tab{font-size:16px;}
  .saas-card{grid-template-columns:1fr;padding:36px 30px;gap:0;}
  .card-left{padding-right:0;border-right:0;border-bottom:1px solid rgba(255,255,255,.18);padding-bottom:30px;margin-bottom:8px;}
  .card-right{padding-left:0;}
  .saas-head{flex-direction:column;gap:16px;margin-bottom:36px;}
  .saas-head .h-note{text-align:left;max-width:none;}
  .saas-tab .tab-abbr{font-size:22px;}
  .saas-tab .tab-desc{font-size:18px;}
  .feat-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
  .str-head{flex-direction:column;align-items:flex-start;gap:16px;margin-bottom:30px;}
  .str-head .str-note{text-align:left;font-size:21px;}
  .feat-card{min-height:262px;}
  .data-row{grid-template-columns:1fr;}
  .data-card,.cloud{min-height:0;}
  .cloud{padding:26px 0;gap:16px;justify-content:center;}
  .insight-grid{grid-template-columns:1fr;row-gap:48px;column-gap:0;}
  .insight-feature img{height:auto;aspect-ratio:16/9;}
  .insight-feature h3{margin-top:34px;}
  .insight-list{justify-content:flex-start;gap:32px;height:auto;}
  .cta-grid{grid-template-columns:1fr;gap:36px;}
  .cta-copy{padding-right:0;}
  .cta-copy h2{font-size:32px;margin-bottom:24px;letter-spacing:.03em;}
  .cta-copy p{font-size:16px;line-height:1.75;}
  .cta-form{padding:26px 22px 24px;}
  .cta-form h3{font-size:26px;margin-bottom:26px;}
  .cta-divider{margin-top:52px;}
  .footer-top{flex-direction:column;gap:34px;}
  .footer-qr{margin-top:0;justify-content:flex-start;gap:44px;}
  .vpanel-wrap{position:fixed;left:16px;right:16px;bottom:16px;top:auto;padding-bottom:0;transform:translateY(16px);}
  .vpanel{width:auto;max-width:520px;margin:0 auto;padding:16px 14px;max-height:min(70vh,420px);overflow:auto;}
  .vpanel::after{display:none;}
  .vpanel-list{flex-wrap:wrap;justify-content:center;gap:18px 16px;}
  .vpanel-box{width:74px;height:74px;}
  .vpanel-list li span{font-size:13px;margin-top:10px;}
  .footer-mid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);row-gap:38px;margin-top:44px;}
  .footer-contact{grid-column:1/-1;}
  .float-tools{right:12px;gap:8px;}
  .float-tools .ft-btn{width:30px;height:30px;}
  .float-tools .tool-avatar{width:36px;height:36px;}
  .float-tools .ft-video-btn{width:36px;height:36px;}
}
/* 笔记本 / 中屏：收窄导航间距并保证右侧“在线咨询”不被挤出视口 */
@media (min-width:901px) and (max-width:1100px){
  .main-nav{margin-left:48px;gap:24px;}
  .brand-slogan{display:none;}
}
@media (min-width:1101px) and (max-width:1366px){
  .main-nav{margin-left:90px;gap:34px;}
}

@media (max-width:600px){
  .section{padding:64px 0;}
  :root{--content:90%;--fs-hero:30px;--fs-hero-sub:13px;--logo-w:76px;--logo-h:29px;}
  .hero{height:100svh;min-height:600px;}
  .hero-inner{min-height:100svh;}
  .hero-copy{height:290px;transform:translateY(-46%);}
  .hero-panel h1{line-height:1.5;margin-bottom:22px;}
  .hero-sub{line-height:1.85;margin-bottom:24px;}
  .slide-btn{height:36px;padding:0 22px;font-size:13px;}
  .hero-dots{bottom:34px;}
  /* 小屏改用竖向压暗，浅底两屏也能托住白字 */
  .slide-mask,.hero-slide.is-light .slide-mask{
    background:linear-gradient(180deg,rgba(3,13,36,.90) 0%,rgba(3,13,36,.78) 52%,rgba(3,13,36,.46) 100%);
  }
  .sec-title,.sec-title.big{font-size:23px;}
  .cases .sec-title{font-size:23px;}
  .cases .sec-desc{font-size:14px;}
  .growth,.cases,.saas,.insights{padding-top:60px;padding-bottom:64px;}
  .tab-nav{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:20px;}
  .tab-item{padding:0 14px 12px 0;}
  .tab-item.active::after{right:14px;}
  .tab-num{font-size:11px;margin-bottom:8px;}
  .tab-label{font-size:14px;}
  .tab-sign{font-size:18px;}
  .pain-card{padding:30px 22px;}
  .pain-left h3{font-size:22px;}
  .chip{padding:6px 12px;font-size:12px;}
  .pain-notes{grid-template-columns:1fr;}
  .case-stage{aspect-ratio:auto;height:520px;}
  .case-banner>img{object-position:64% center;}
  .case-overlay{padding:0 20px 24px;gap:18px;justify-content:flex-end;}
  .case-overlay h3{font-size:19px;line-height:1.5;}
  .case-stats{flex-wrap:wrap;gap:16px 0;padding-left:0;border-left:0;}
  .case-stat{flex:0 0 50%;padding:0 10px;}
  .case-stat:nth-child(3){flex:0 0 100%;}
  .case-stat .num{font-size:26px;}
  .case-stat .num em{font-size:12px;margin-right:5px;}
  .case-stat .lbl{font-size:11.5px;margin-top:5px;}
  .case-tag{left:18px;top:18px;font-size:11px;padding:7px 13px;}
  .case-tabs{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:2px;margin-top:20px;}
  .case-tab{font-size:12.5px;padding:14px 10px 3px 0;}
  .case-nav{width:32px;height:32px;}
  .case-pager{font-size:11px;}
  .cases-tools{gap:10px;}
  .saas-head .h-eyebrow{font-size:28px;margin-bottom:12px;}
  .saas-head .h-title{font-size:30px;}
  .saas-head .h-note{font-size:15px;}
  .saas-tab .tab-abbr{font-size:18px;}
  .saas-tab .tab-desc{font-size:14px;}
  .saas-tab .tab-cell{flex-direction:column;align-items:flex-start;gap:5px;padding-bottom:12px;}
  .saas-tab .tab-abbr,.saas-tab .tab-desc{white-space:normal;}
  .saas-tab.is-active .tab-cell{padding-bottom:11px;}
  .saas-tab{padding:0 8px 12px 0;}
  .saas-card{padding:26px 20px;}
  .card-left .lede{font-size:22px;}
  .card-left .cap{font-size:11px;margin-bottom:16px;}
  .card-left .desc{font-size:13px;}
  .lede-caps{gap:8px;}
  .capsule{padding:7px 12px;font-size:13px;}
  .capsule span{font-size:11.5px;}
  .flow-row{flex-wrap:wrap;gap:6px 14px;padding:14px 12px;}
  .flow-idx{font-size:16px;}
  .flow-name{font-size:16px;min-width:0;}
  .flow-steps{margin-left:0;text-align:left;width:100%;font-size:13px;}
  .feat-grid{grid-template-columns:1fr;gap:12px;}
  .str-head .sec-title{font-size:28px;}
  .str-head .str-note{font-size:15px;line-height:1.8;}
  .feat-card{min-height:0;padding:22px 20px;}
  .fnum{font-size:40px;margin-bottom:18px;}
  .fbody h3{font-size:19px;margin-bottom:9px;}
  .fbody p{font-size:14px;line-height:1.8;}
  .fbody{margin-bottom:20px;}
  .feat-card.is-active .fbody{margin-top:0;}
  .feat-card.is-active .fnum{display:none;}
  .fvisual{margin-top:16px;}
  .fvisual-logos{gap:12px;padding:14px 12px;}
  .fvisual-logos-row.is-3 img,.fvisual-logos-row.is-3 svg{height:18px;}
  .fvisual-logos-row.is-4 img,.fvisual-logos-row.is-4 svg{height:15px;}
  .fvisual-list{padding:14px 14px;gap:10px;}
  .fvisual-list.is-grid{gap:10px 12px;}
  .fl-row{grid-template-columns:1fr;gap:10px;}
  .fl-item{font-size:13.5px;}
  .fl-item{font-size:12.5px;padding-left:13px;}
  .honor{padding:28px 16px 16px;border-radius:14px;margin-top:16px;}
  .honor h3{font-size:21px;line-height:1.5;}
  .honor h3 em{width:.4em;}
  .honor .honor-sub{font-size:14px;line-height:1.8;margin-top:10px;}
  .honor-tabs{gap:10px;margin:20px 0 18px;}
  .honor-tab{font-size:14px;height:34px;padding:0 18px;}
  .honor-media{padding:10px;border-radius:10px;}
  .data-row{padding-bottom:64px;}
  .data-card{padding:24px 20px 26px;}
  .data-card .eyebrow{font-size:11px;margin-bottom:16px;}
  .data-card h3{font-size:24px;line-height:1.45;}
  .data-card>p{font-size:17px;}
  .data-nums{padding-top:24px;gap:6px;}
  .data-nums .num{font-size:25px;}
  .data-nums .num em{font-size:12px;margin-left:3px;padding-top:3px;}
  .data-nums .num-label{font-size:11px;margin-top:8px;white-space:nowrap;}
  .cloud{padding:20px 0;gap:12px;}
  .cloud-group{gap:10px;padding-right:10px;}
  .cloud-pill{padding:9px 18px;font-size:14px;}
  .insights-head .sec-title{font-size:26px;line-height:1.45;}
  .insights-head{margin-bottom:32px;}
  .insight-feature h3{font-size:22px;margin-top:24px;}
  .insight-btn{height:44px;padding:0 22px;font-size:15px;margin-top:26px;}
  .insight-list{gap:24px;}
  .insight-item{gap:14px;align-items:flex-start;}
  .insight-item img{width:82px;height:82px;border-radius:5px;}
  .insight-item .cat{font-size:13px;margin-bottom:4px;}
  .insight-item h4{font-size:16px;margin-bottom:6px;}
  .insight-item time{font-size:13px;}
  .insight-item .go{font-size:18px;align-self:center;}
  .form-grid{grid-template-columns:1fr;row-gap:22px;}
  .cta-copy h2{font-size:26px;line-height:1.35;margin-bottom:18px;}
  .cta-copy p{font-size:15px;line-height:1.7;}
  .cta{padding-top:56px;}
  .cta-form{padding:24px 18px 22px;}
  .cta-form h3{font-size:22px;margin-bottom:24px;}
  .field label{font-size:15px;margin-bottom:14px;}
  .field input{font-size:13.5px;padding-bottom:20px;}
  .field--note input{padding-bottom:0;}
  .ms-btn{padding-bottom:20px;font-size:13.5px;}
  .ms-panel{grid-template-columns:1fr;max-height:240px;}
  .form-note{font-size:12.5px;gap:9px;}
  .form-note .box{width:15px;height:15px;}
  .form-submit{height:42px;margin-top:30px;}
  .cta-divider{margin-top:44px;}
  .site-footer{padding:54px 0 22px;}
  .footer-qr{gap:12px;}
  .vpanel-box{width:68px;height:68px;}
  .f-brand{gap:14px;}
  .f-brand img{width:78px;height:30px;}
  .f-brand span{font-size:13.5px;white-space:normal;}
  .f-cta{height:36px;padding:0 16px;font-size:14.5px;gap:14px;margin-top:24px;}
  .qr-box{width:68px;height:68px;border-radius:7px;}
  .qr-box--ch img{width:36px;}
  .qr-item span{font-size:11.5px;margin-top:10px;}
  .footer-mid{grid-template-columns:1fr;row-gap:30px;margin-top:36px;}
  .f-line{font-size:15.5px;line-height:24px;}
  .f-line+.f-line{margin-top:10px;}
  .branch{margin-top:14px;width:140px;}
  .branch-btn{height:33px;font-size:14.5px;}
  .f-addr{font-size:13.5px;margin-top:14px;}
  .f-col h4{font-size:17px;line-height:26px;margin-bottom:14px;}
  .f-links{gap:8px 24px;}
  .f-links a{font-size:14px;line-height:22px;}
  .footer-bottom{flex-direction:column;align-items:flex-start;gap:8px;margin-top:40px;font-size:12.5px;}
  .float-tools{display:none;}
}

/* ≤400：二维码区改为等分网格，避免小屏挤出 */
@media (max-width:400px){
  .footer-qr{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;justify-items:center;}
  .qr-item span{font-size:11.5px;line-height:1.35;white-space:normal;}
  .qr-box{width:min(68px,100%);height:auto;aspect-ratio:1/1;}
  .qr-box--ch img{width:32px;}
}

/* ============================================================
   联系我们弹窗（Contact Modal）
   ============================================================ */
.cm{position:fixed;inset:0;z-index:300;display:none;align-items:center;justify-content:center;padding:24px;}
.cm.is-open{display:flex;}
.cm-backdrop{position:absolute;inset:0;background:rgba(3,14,40,.64);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);}
.cm-card{
  position:relative;z-index:1;width:min(1332px,100%);max-height:calc(100vh - 48px);overflow:auto;
  display:grid;grid-template-columns:minmax(0,43.5fr) minmax(0,56.5fr);
  background:#fff;border-radius:20px;
  box-shadow:0 40px 100px rgba(2,10,34,.45);
  animation:modalIn .38s var(--ease);
}
.cm-close{
  position:absolute;right:16px;top:14px;z-index:3;width:34px;height:34px;border-radius:50%;
  color:#8b95a7;font-size:22px;line-height:1;display:grid;place-items:center;
  transition:background .2s,color .2s;
}
.cm-close:hover{background:#eef2f9;color:#1a2438;}

/* 左栏 */
.cm-left{
  position:relative;overflow:hidden;border-radius:20px 0 0 20px;
  padding:128px 56px 64px 91px;
  background:
    radial-gradient(82% 64% at 54% 58%,#dde7ff 0%,rgba(255,255,255,0) 72%),
    radial-gradient(54% 36% at 2% 104%,#ecf2ff 0%,rgba(255,255,255,0) 64%),
    radial-gradient(46% 34% at 100% 4%,#eef4ff 0%,rgba(255,255,255,0) 62%),
    radial-gradient(42% 40% at 0% 26%,#f4f8ff 0%,rgba(255,255,255,0) 62%),
    #fff;
}
.cm-left h2{font-size:52px;line-height:1.1;font-weight:500;color:#1346d6;letter-spacing:.05em;margin:0;}
.cm-sub{margin:25px 0 0;font-size:20px;line-height:1.45;color:#4b4b4c;letter-spacing:.01em;text-wrap:balance;word-break:normal;}
.cm-qr{display:flex;gap:54px;margin-top:26px;}
.cm-qr-item{text-align:center;}
.cm-qr-item img{display:block;width:62px;height:62px;border-radius:6px;object-fit:contain;background:#fff;}
.cm-qr-item span{display:block;margin-top:12px;font-size:12.5px;line-height:1;color:#72767b;}

/* 右栏表单（浅色皮肤） */
.cm-right{padding:58px 46px 50px 30px;min-width:0;}
.cm-form{width:100%;}
.cm-form .form-grid{column-gap:22px;row-gap:12px;}
.cm-form .field label{color:#494949;font-size:16px;margin-bottom:11px;}
.cm-form .field label em{color:#1d4ed8;opacity:1;}
.cm-form .field input{color:#1a2438;font-size:14px;border-bottom:1px solid #e4e8f0;padding:0 0 20px;}
.cm-form .field input::placeholder{color:#a3a3a3;}
.cm-form .field input:focus{border-bottom-color:#1d4ed8;box-shadow:0 1px 0 rgba(29,78,216,.3);}
.cm-form .field--note{margin-top:2px;}
.cm-form .field--note label{margin-bottom:0;}
.cm-form .field--note input{padding-bottom:0;}
.cm-form .ms-btn{color:#1a2438;font-size:14px;border-bottom:1px solid #e4e8f0;padding:0 0 20px;}
.cm-form .ms-btn:focus-visible{border-bottom-color:#1d4ed8;box-shadow:0 2px 0 rgba(29,78,216,.28);}
.cm-form .ms-value{color:#1a2438;}
.cm-form .ms-value.is-ph{color:#a3a3a3;}
.cm-form .ms-caret{color:#98a2b3;}
.cm-form .ms-btn[aria-expanded="true"] .ms-caret{color:#1d4ed8;}
.cm-form .ms-panel{background:#fff;border:1px solid #e4e8f0;box-shadow:0 22px 54px rgba(15,35,80,.16);}
.cm-form .ms-opt{color:#3b4252;font-size:13.5px;}
.cm-form .ms-opt:hover,.cm-form .ms-opt:focus-visible{background:#f2f6ff;color:#1a2438;}
.cm-form .ms-opt[aria-selected="true"]{background:#eef4ff;color:#1d4ed8;}
.cm-form .ms-box{border-color:#c6cfdd;}
.cm-form .ms-opt[aria-selected="true"] .ms-box{background:#1d4ed8;border-color:#1d4ed8;}
.cm-form .field-err{color:#e0453a;}
.cm-form .field.is-invalid input,.cm-form .field.is-invalid .ms-btn{border-bottom-color:#e0453a;}
.cm-form .field.is-invalid .ms-box{border-color:#e0453a;}
.cm-form .form-note{margin-top:22px;color:#5c6474;font-size:14px;}
.cm-form .form-note .box{border-color:#c6cfdd;}
.cm-form .form-note input:checked+.box{background:#1d4ed8;border-color:#1d4ed8;}
.cm-form .form-note input:checked+.box::after{border-color:#fff;}
.cm-form .form-note input:focus-visible+.box{outline:2px solid rgba(29,78,216,.45);outline-offset:2px;}
.cm-form .form-note.is-invalid{color:#e0453a;}
.cm-form .form-note.is-invalid .box{border-width:2px;border-color:#e0453a;background:#fdeceb;}
.cm-form .agree-err{color:#e0453a;margin-left:27px;}
.cm-form .form-submit{
  height:38px;margin-top:24px;background:#1d4ed8;color:#fff;font-size:15px;letter-spacing:.04em;
}
.cm-form .form-submit:hover{background:#1740b8;box-shadow:0 10px 24px rgba(29,78,216,.28);}

@media (max-width:1100px){
  .cm-card{grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr);max-height:calc(100vh - 32px);}
  .cm-left{
    border-radius:20px 20px 0 0;padding:38px 34px 30px;
    background:linear-gradient(178deg,#fff 0%,#fbfdff 52%,#eff4ff 100%);
  }
  .cm-left h2{font-size:36px;}
  .cm-sub{margin-top:14px;font-size:16px;line-height:1.9;}
  .cm-sub br{display:none;}
  .cm-qr{margin-top:22px;gap:38px;}
  .cm-qr-item img{width:56px;height:56px;}
  .cm-right{padding:26px 34px 30px;}
}
@media (max-width:600px){
  .cm{padding:0;}
  .cm-card{max-height:100vh;border-radius:0;width:100%;height:100%;display:flex;flex-direction:column;}
  .cm-left{border-radius:0;padding:26px 22px 22px;flex:0 0 auto;}
  .cm-right{flex:1 1 auto;overflow:auto;padding-bottom:34px;}
  .cm-left h2{font-size:30px;}
  .cm-sub{font-size:14.5px;margin-top:10px;}
  .cm-qr{margin-top:18px;gap:30px;}
  .cm-qr-item img{width:52px;height:52px;}
  .cm-qr-item span{font-size:12px;margin-top:9px;}
  .cm-right{padding:22px 22px 30px;}
  .cm-form .form-grid{grid-template-columns:minmax(0,1fr);row-gap:14px;}
  .cm-form .form-submit{height:44px;margin-top:22px;}
  .cm-close{right:10px;top:10px;}
}
/* ============================================================
   移动端适配 · 对照“home-中文 · 移动端.jpg”（仅 ≤768 生效，不动 PC 样式）
   ============================================================ */
.case-more{display:none;}

/* 移动端（汉堡菜单内）：二级菜单改为层级展开（手风琴） */
@media (max-width:900px){
  .site-header.open .main-nav .nav-item{position:static;display:flex;flex-direction:column;align-items:stretch;width:100%;}
  .site-header.open .main-nav .nav-link{justify-content:space-between;width:100%;}
  .site-header.open .main-nav .nav-drop{
    position:static;transform:none;opacity:1;visibility:visible;pointer-events:auto;
    padding-top:0;display:block;width:100%;
  }
  /* 二级菜单常开：不依赖 is-open，箭头不再显示 */
  .site-header.open .main-nav .nav-caret{display:none;}
  .site-header.open .main-nav .nd-guide{display:none;}
  .site-header.open .main-nav .nav-drop-card{
    background:transparent;border:0;box-shadow:none;padding:0;
    grid-template-columns:1fr;row-gap:0;
  }
  .site-header.open .main-nav .nd-cell{
    grid-template-columns:auto 1fr;column-gap:12px;align-items:center;
    padding:11px 0 11px 16px;background:transparent;border-radius:0;
  }
  .site-header.open .main-nav .nd-ico{width:28px;height:28px;}
  .site-header.open .main-nav .nd-ico img{width:20px;height:20px;}
  .site-header.open .main-nav .nd-title{color:#fff;font-size:14px;white-space:normal;}
  .site-header.open .main-nav .nd-desc{display:none;}
  .site-header.open .main-nav .nd-guide{
    display:none;background:transparent;border:0;padding:11px 0 11px 16px;
    font-size:13px;color:rgba(255,255,255,.7);
  }
  .site-header.open .main-nav .nd-guide-link{color:#7fb4ff;font-weight:600;}
  /* 联系我们下拉（了解成功易 / 代理商招募 + 在线咨询按钮）：与「媒介管理」二级项同款行样式。
     这两项没有图标，用 20px 左内边距（= 媒介管理项 16px 内边距 + 图标在 28px 容器
     内的 4px 居中偏移）让文字左缘与「媒介管理」的图标左缘对齐；left 复位，
     避免沿用 PC 的 50% 定位。 */
  .site-header.open .main-nav .nav-drop--contact{
    display:block;width:100%;
    position:relative;left:auto;padding:2px 0 6px;
  }
  .site-header.open .main-nav .nav-drop--contact::before{content:none;}
  .site-header.open .main-nav .nav-drop--contact .contact-list{
    display:flex;flex-direction:column;padding:0;
    background:transparent;border:0;box-shadow:none;border-radius:0;
  }
  .site-header.open .main-nav .contact-row{
    display:flex;align-items:center;width:100%;min-height:51px;
    padding:0 0 0 20px;background:transparent;border-radius:0;
  }
  .site-header.open .main-nav .contact-row:hover,
  .site-header.open .main-nav .contact-row:focus-visible{background:rgba(255,255,255,.08);}
  .site-header.open .main-nav .contact-row__title{
    color:#fff;font-size:14px;font-weight:600;line-height:1.35;white-space:normal;
  }
  .site-header.open .main-nav .contact-row:hover .contact-row__title,
  .site-header.open .main-nav .contact-row:focus-visible .contact-row__title{color:#fff;}
  .site-header.open .main-nav .contact-row__desc{display:none;}
  /* 移动端：按钮保留，作为菜单内最后一项的完整宽度主按钮 */
  .site-header.open .main-nav .nav-drop--contact .contact-cta{
    display:flex;height:42px;margin:12px 0 4px;border-radius:10px;
    font-size:14px;font-weight:600;
  }
}

@media (max-width:768px){
  /* 顶栏：汉堡左侧保留“在线咨询”按钮 */
  .header-cta{display:inline-flex;margin-left:auto;height:32px;padding:0 14px;font-size:13px;border-radius:999px;}
  .nav-toggle{margin-left:10px;}
  /* 窄屏：logo 与 slogan 上下堆叠 */
  .brand{flex-direction:column;align-items:flex-start;gap:2px;}
  .brand-slogan{white-space:normal;font-size:12px;line-height:1.35;}

  /* SaaS 三标签：窄屏改为垂直排列，避免重叠 */
  .saas-tabs{grid-template-columns:1fr;gap:8px;margin-bottom:24px;}
  .saas-tab{padding:0;}
  .saas-tab .tab-cell{flex-direction:column;align-items:flex-start;gap:4px;padding:14px 16px;border-bottom:0;}
  .saas-tab.is-active .tab-cell{border-bottom:0;padding-bottom:14px;background:rgba(255,255,255,.10);border-radius:10px;}
}
@media (max-width:600px){
  /* 1) 二屏顺序：标题 → 蓝色方案卡 → 2×2 切换项 */
  .growth .container{display:flex;flex-direction:column;}
  .growth .sec-head{order:1;margin-bottom:26px;}
  .growth .pain-card{order:2;margin-top:0;}
  .growth .tab-nav{order:3;margin-top:30px;margin-bottom:0;}

  /* 2) 案例卡：图上文下，信息进底部蓝色渐变面板；翻页器移至卡片下方 */
  .cases .container{display:flex;flex-direction:column;}
  .cases .sec-head{display:contents;}
  .cases .sec-head>div{order:1;margin-bottom:22px;}
  .cases .case-stage{order:2;height:auto;aspect-ratio:auto;margin-top:0;}
  .cases .cases-tools{order:3;justify-content:space-between;padding-top:18px;}
  .cases .case-tabs{order:4;}
  .case-slide{position:relative;inset:auto;display:none;}
  .case-slide.is-active{display:block;}
  .case-banner{height:auto;display:flex;flex-direction:column;background:#0d2460;}
  .case-banner::after{display:none;}
  .case-banner>img{height:auto;aspect-ratio:4/3;object-fit:cover;animation:none !important;transform:none !important;}
  .case-tag{left:14px;top:14px;}
  .case-overlay{
    position:static;display:flex;flex-direction:column;align-items:stretch;
    padding:24px 20px 26px;gap:16px;
    background:linear-gradient(180deg,#1d459d 0%,#153a85 55%,#0d2460 100%);
  }
  .case-overlay h3{width:auto;font-size:20px;line-height:1.55;}
  .case-stats{padding:16px 0 0;border-left:0;border-top:1px solid rgba(255,255,255,.22);gap:0;}
  .case-stat{flex:1 1 0;padding:0 8px;}
  .case-stat:nth-child(3){flex:1 1 0;}
  .case-stat:first-child{padding-left:0;}
  .case-stat .num{font-size:24px;}
  .case-stat .num em{font-size:11px;margin-right:4px;}
  .case-stat .lbl{font-size:11px;margin-top:5px;white-space:normal;}
  .case-more{display:block;}
  .case-more p{margin:0;font-size:13.5px;line-height:1.8;color:rgba(255,255,255,.86);}
  .case-more a{display:inline-block;margin-top:12px;font-size:13.5px;color:#fff;text-decoration:underline;text-underline-offset:4px;}

  /* 3) SaaS：方案卡在上、TSO/CSO/CTAI 切换在下 */
  .saas .container{display:flex;flex-direction:column;}
  .saas .saas-head{order:1;}
  .saas .saas-card{order:2;}
  .saas .saas-tabs{order:3;margin-top:28px;margin-bottom:0;}

  /* 4) 优势卡：手机端统一初始态（不强制首卡展开），点按才切换，与 PC 悬停逻辑一致 */

  /* 5) 洞察区：大图 → 标题 → 资讯列表 → 查看全部按钮 */
  .insight-grid{display:flex;flex-direction:column;}
  .insight-feature{display:contents;}
  .insight-feature img{order:1;}
  .insight-feature h3{order:2;}
  .insight-list{order:3;}
  .insight-feature .insight-btn{order:4;align-self:flex-start;margin-top:24px;}

  /* 6) 页脚：核心业务 / 媒介渠道 双列并排 */
  .footer-mid{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:30px;margin-top:36px;}
  .footer-contact{grid-column:1/-1;}
}

/* ============================================================
   移动端第二轮调整（仅覆盖 ≤768 / ≤600，PC 不受影响）
   ============================================================ */
.fb-br{display:none;}

/* 1) Banner 高度减半：文字层改为文档流，随内容自适应并垂直居中 */
@media (max-width:768px){
  .hero{height:50svh;min-height:0;}
  .hero-inner{height:100%;min-height:0;display:flex;align-items:center;}
  .hero-copy{position:static;transform:none;height:auto;width:100%;max-width:none;}
  .hero-panel{position:static;inset:auto;display:none;}
  .hero-panel.is-active{display:block;}
  .hero-dots{bottom:12px;}
  /* SaaS 三标签：一行三等分 */
  .saas-tabs{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;}
  .saas-tab{padding:0;}
  .saas-tab .tab-cell{flex-direction:column;align-items:flex-start;gap:3px;padding:9px 8px;}
  .saas-tab .tab-abbr{font-size:15px;line-height:1.2;}
  .saas-tab .tab-desc{font-size:10.5px;line-height:1.35;white-space:normal;}
  .saas-tab.is-active .tab-cell{padding-bottom:9px;border-bottom:0;border-radius:8px;}
}

/* 2) 移动端整体字号 -2px + 各区块紧凑化 */
@media (max-width:600px){
  :root{--fs-hero:28px;--fs-hero-sub:12px;}
  .header-cta{font-size:12px;}
  .brand-slogan{font-size:11px;}
  .hero-panel h1{line-height:1.45;margin-bottom:14px;}
  .hero-sub{line-height:1.7;margin-bottom:16px;}
  .slide-btn{height:34px;padding:0 18px;font-size:12px;}
  .sec-title,.sec-title.big,.cases .sec-title{font-size:21px;}
  .sec-desc,.cases .sec-desc{font-size:13px;}
  .sec-head .head-note{font-size:14px;line-height:1.8;}
  .tab-num{font-size:10px;}
  .tab-label{font-size:13px;}
  .pain-left h3{font-size:20px;}
  .pain-desc{font-size:14px;}
  .chip{font-size:11px;}
  .case-tag{font-size:10px;}
  .case-overlay h3{font-size:17px;}
  .case-stat .num{font-size:24px;}
  .case-stat .num em{font-size:10px;}
  .case-stat .lbl{font-size:10px;}
  .case-more p,.case-more a{font-size:12.5px;}
  .case-pager{font-size:10px;}
  .saas-head .h-eyebrow{font-size:26px;}
  .saas-head .h-title{font-size:28px;}
  .saas-head .h-note{font-size:13px;}
  .saas-tab .tab-abbr{font-size:14px;}
  .saas-tab .tab-desc{font-size:10px;}
  .card-left .lede{font-size:20px;}
  .card-left .cap{font-size:10px;}
  .card-left .desc{font-size:12px;}
  .capsule{font-size:12px;}
  .capsule span{font-size:10.5px;}
  .flow-idx,.flow-name{font-size:14px;}
  .flow-steps{font-size:12px;}
  .str-head .sec-title{font-size:26px;}
  .str-head .str-note{font-size:13px;}
  .fbody h3{font-size:17px;}
  .fbody p{font-size:12.5px;}
  .honor h3{font-size:19px;}
  .honor .honor-sub{font-size:12px;}
  .honor-tab{font-size:12px;}
  .data-card .eyebrow{font-size:10px;}
  .data-card h3{font-size:22px;}
  .data-card>p{font-size:15px;}
  .data-nums .num{font-size:23px;}
  .data-nums .num em{font-size:11px;}
  .data-nums .num-label{font-size:10px;}
  .cloud-pill{font-size:12.5px;}
  .insights-head .sec-title{font-size:24px;}
  .insight-feature h3{font-size:20px;}
  .insight-btn{font-size:13px;}
  .insight-item .cat{font-size:12px;}
  .insight-item h4{font-size:14px;}
  .insight-item time{font-size:11.5px;}
  .cta-copy h2{font-size:24px;}
  .cta-copy p{font-size:13px;}
  .cta-form h3{font-size:20px;}
  .field label{font-size:13px;}
  .field input{font-size:12.5px;}
  .ms-btn{font-size:12.5px;}
  .form-note{font-size:11.5px;}
  .f-line{font-size:14px;}
  .f-addr{font-size:12px;}
  .f-col h4{font-size:15px;}
  .f-links a{font-size:12.5px;}
  .footer-bottom{font-size:11px;}
  .f-cta{font-size:13px;}
  .f-brand span{font-size:12px;}
  .qr-item span{font-size:10.5px;}

  /* 3) 案例：箭头按钮移到卡片下方且靠拢，隐藏行业标签头 */
  .cases .sec-head>.cases-tools{order:3;justify-content:center;gap:8px;padding-top:14px;}
  .cases .case-tabs{display:none;}
  .case-nav{width:30px;height:30px;}

  /* 4) 优势卡：初始高度减半，编号与标题同一行 */
  .feat-grid{gap:10px;}
  .feat-card{
    display:grid;grid-template-columns:auto minmax(0,1fr);
    column-gap:9px;row-gap:9px;padding:12px 14px;
  }
  .fnum{grid-column:1;font-size:14px;font-weight:600;line-height:1.45;color:#b6c1d6;margin:0;}
  .fbody{grid-column:2;margin:0 0 0;}
  .fbody h3{margin-bottom:5px;}
  .fbody p{line-height:1.65;}
  .fvisual{grid-column:2;margin-top:2px;}
  .feat-card.is-active{padding:16px 15px;}
  .feat-card.is-active .fbody{grid-column:1/-1;}

  /* 5) 洞察区：整体紧凑，与上一板块间距拉近 */
  .insights{padding-top:36px;padding-bottom:44px;}
  .insights-head{margin-bottom:16px;}
  .insight-grid{row-gap:16px;}
  .insight-feature h3{margin-top:14px;}
  .insight-feature .insight-btn{margin-top:14px;height:38px;padding:0 18px;}
  .insight-list{gap:12px;}
  .insight-item{gap:12px;}
  .insight-item img{width:68px;height:68px;}

  /* 6) 页脚：品牌块竖排 + 在线咨询居右；二维码移至栏目下方、备案号上方 */
  .site-footer>.container{display:flex;flex-direction:column;}
  .footer-top{display:contents;}
  .footer-brand{order:1;display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;}
  .f-brand{flex-direction:column;align-items:flex-start;gap:3px;}
  .f-cta{margin-top:0;flex:0 0 auto;}
  .footer-mid{order:2;}
  .footer-qr{order:3;margin-top:26px;justify-content:flex-start;}
  .footer-bottom{order:4;margin-top:26px;}
  .f-links{flex-direction:column;flex-wrap:nowrap;gap:8px;}
  .fb-br{display:block;}
}

/* ============================================================
   平板 + 手机统一：板块间距 30px；平板端案例/页脚沿用手机排版
   ============================================================ */
@media (max-width:900px){
  /* 1) 各板块上下间距统一 30px */
  .section,.growth,.cases,.saas,.strength,.insights{padding-top:30px;padding-bottom:30px;}
  .cta{padding-top:30px;}
  .site-footer{padding-top:30px;}
  .data-row{padding-bottom:0;}
  .insights-head{margin-bottom:18px;}

  /* 2) 行业出海增长实录：图上文下 + 箭头在卡片下方 + 隐藏行业标签头 */
  .cases .container{display:flex;flex-direction:column;}
  .cases .sec-head{display:contents;}
  .cases .sec-head>div{order:1;margin-bottom:22px;}
  .cases .case-stage{order:2;height:auto;aspect-ratio:auto;margin-top:0;}
  .cases .sec-head>.cases-tools{order:3;justify-content:center;gap:8px;padding-top:14px;}
  .cases .case-tabs{display:none;}
  .case-slide{position:relative;inset:auto;display:none;}
  .case-slide.is-active{display:block;}
  .case-banner{height:auto;display:flex;flex-direction:column;background:#0d2460;}
  .case-banner::after{display:none;}
  .case-banner>img{height:auto;aspect-ratio:4/3;object-fit:cover;animation:none !important;transform:none !important;}
  .case-tag{left:14px;top:14px;}
  .case-overlay{
    position:static;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;
    padding:24px 20px 26px;gap:16px;
    background:linear-gradient(180deg,#1d459d 0%,#153a85 55%,#0d2460 100%);
  }
  .case-overlay h3{width:auto;font-size:20px;line-height:1.55;}
  .case-stats{width:auto;flex:0 0 auto;padding:16px 0 0;border-left:0;border-top:1px solid rgba(255,255,255,.22);gap:0;flex-wrap:nowrap;}
  .case-stat{flex:1 1 0;padding:0 8px;}
  .case-stat:nth-child(3){flex:1 1 0;}
  .case-stat:first-child{padding-left:0;}
  .case-stat .num{font-size:26px;}
  .case-stat .lbl{white-space:normal;}
  .case-more{display:block;}
  .case-more p{margin:0;line-height:1.8;color:rgba(255,255,255,.86);}
  .case-more a{display:inline-block;margin-top:12px;color:#fff;text-decoration:underline;text-underline-offset:4px;}

  /* 3) 页脚：品牌竖排 + 在线咨询居右；二维码在栏目下方、备案号上方 */
  .site-footer>.container{display:flex;flex-direction:column;}
  .footer-top{display:contents;}
  .footer-brand{order:1;display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;}
  .f-brand{flex-direction:column;align-items:flex-start;gap:3px;}
  .f-cta{margin-top:0;flex:0 0 auto;}
  .footer-mid{order:2;}
  .footer-qr{order:3;margin-top:26px;justify-content:flex-start;}
  .footer-bottom{order:4;margin-top:26px;flex-direction:column;align-items:flex-start;gap:8px;}
  .f-links{flex-direction:column;flex-wrap:nowrap;gap:8px;}
  .fb-br{display:block;}
}

/* 769–900 平板横屏/窄平板：补回“在线咨询”，SaaS 三标签紧凑不重叠 */
@media (min-width:769px) and (max-width:900px){
  .header-cta{display:inline-flex;margin-left:auto;height:32px;padding:0 14px;font-size:13px;border-radius:999px;}
  .nav-toggle{margin-left:10px;}
  .saas-tabs{gap:10px;}
  .saas-tab{padding:0 4px 0 0;}
  .saas-tab .tab-cell{flex-direction:column;align-items:flex-start;gap:5px;padding-bottom:10px;}
  .saas-tab .tab-abbr{font-size:21px;line-height:1.2;}
  .saas-tab .tab-desc{font-size:12.5px;line-height:1.4;white-space:normal;}
  .saas-tab.is-active .tab-cell{padding-bottom:9px;}
}
/* 901–1366（150% 缩放笔记本）：SaaS 标签纵排防重叠、大标题防挤压折行 */
@media (min-width:901px) and (max-width:1366px){
  .saas-tabs{gap:10px;}
  .saas-tab{padding:0 16px 0 0;}
  .saas-tab .tab-cell{flex-direction:column;align-items:flex-start;gap:5px;padding-bottom:12px;}
  .saas-tab .tab-abbr{font-size:20px;line-height:1.2;}
  .saas-tab .tab-desc{font-size:14px;line-height:1.45;white-space:normal;}
  .saas-tab.is-active .tab-cell{padding-bottom:11px;}
  .str-head{gap:36px;}
  .str-head .sec-title{font-size:32px;line-height:1.3;}
  .str-head .str-note{font-size:19px;line-height:1.6;}
  .honor h3{font-size:26px;}
  .honor .honor-sub{font-size:16px;}
  .data-card h3{font-size:26px;}
  .data-card>p{font-size:18px;}
  .data-nums .num{font-size:30px;}
  .data-nums .num-label{font-size:14px;}
  .insights-head .sec-title{font-size:34px;}
}
/* 1101–1366：优势卡四列排布下标题/编号收窄 */
@media (min-width:1101px) and (max-width:1366px){
  .feat-card{min-height:0;padding:20px 18px;}
  .fnum{font-size:40px;}
  .fbody h3{font-size:17px;margin-bottom:8px;}
  .fbody p{font-size:13.5px;line-height:1.7;}
  /* 展开态标签：单行不折行、缩小间距，保证四卡展开后高度一致 */
  .feat-card.is-active .fvisual{margin-top:12px;}
  .fvisual-logos{padding:8px 12px;gap:5px;}
  .fvisual-list{padding:11px 12px;gap:8px;}
  .fvisual-list.is-grid{gap:8px 10px;}
  .fl-row{grid-template-columns:1fr;gap:7px;}
  .fl-item{font-size:12px;line-height:1.45;padding-left:11px;}
  .fl-item::before{width:4px;height:4px;left:1px;top:.6em;}
  .fvisual-list.is-grid .fl-item{font-size:11.5px;padding-left:10px;}
  /* 固定卡高：悬停展开不再撑高整行，四卡始终等高 */
  .feat-card{height:300px;}
}
/* 901–1100：两列布局下同样固定卡高，避免悬停跳动 */
@media (min-width:901px) and (max-width:1100px){
  .feat-card{min-height:0;height:318px;}
}
/* 平板 601–900：优势卡两列，收紧展开态标签并固定卡高 */
@media (min-width:601px) and (max-width:900px){
  .feat-card{min-height:0;}
  .fvisual-list{padding:12px;gap:9px;}
  .fvisual-list.is-grid{gap:9px 12px;}
  .fl-row{gap:8px;}
  .fl-item{font-size:12.5px;line-height:1.45;padding-left:11px;}
  .fl-item::before{width:4px;height:4px;left:1px;top:.6em;}
  .fvisual-list.is-grid .fl-item{font-size:12px;}
}
/* 平板固定卡高（两列窄屏时容纳展开态，避免整行跳动） */
@media (min-width:701px) and (max-width:900px){
  .feat-card{height:300px;}
}
@media (min-width:601px) and (max-width:700px){
  .feat-card{height:348px;}
}
/* ============================================================
   PC / 笔记本统一：板块间距 + 板块内边距 + 字号（对齐“出海如何突破流量天花板”板块）
   参考基准：区块标题 40px · 区块说明 16.5px · 卡内标题 24/30px · 卡内正文 15–16.5px
   ============================================================ */
@media (min-width:901px){
  /* 1) 板块间距统一：相邻板块净留白 50px（每屏上下各 25px） */
  .section,.growth,.cases,.saas,.strength,.insights{padding:25px 0;}
  .cta{padding:25px 0 0;}

  /* 2) 板块内边距：原 ≥50px 统一为 30px */
  .growth .sec-head{margin-bottom:30px;}
  .tab-nav{margin-bottom:30px;}
  .saas-head{margin-bottom:30px;}
  .str-head{margin-bottom:30px;}
  .insights-head{margin-bottom:30px;}
  .chip-row{margin-bottom:30px;}
  .data-row{padding-bottom:30px;}
  .cta-copy h2{margin:0 0 30px;}
  .cta-divider{margin-top:30px;}
  .insight-feature h3{margin:30px 0 0;}
  .pain-card{padding:30px;}
  .saas-card{padding:30px;}
  .card-left{padding-right:30px;}
  .cta-copy{padding-right:30px;}

  /* 3) 字号对齐参考板块 */
  .cases .sec-title,.insights-head .sec-title,.saas-head .h-title,
  .str-head .sec-title,.cta-copy h2{font-size:40px;line-height:1.42;letter-spacing:.01em;}
  .cases .sec-desc,.saas-head .h-note,.str-head .str-note,
  .cta-copy p{font-size:16.5px;line-height:1.7;letter-spacing:.01em;}
  .saas-head .h-eyebrow{font-size:24px;line-height:1.3;margin-bottom:14px;}
  .saas-tab .tab-abbr{font-size:24px;}
  .saas-tab .tab-desc{font-size:16.5px;}
  .card-left .lede{font-size:30px;}
  .case-overlay h3{font-size:30px;}
  .insight-feature h3,.data-card h3{font-size:30px;}
  .data-card>p{font-size:16.5px;line-height:1.7;}
  .data-nums .num-label{font-size:15px;}
  .honor h3{font-size:24px;}
  .honor .honor-sub{font-size:16.5px;line-height:1.8;}

  /* 4) SaaS 方案卡右栏：编号 / 名称 / 说明整体缩小 2 号，与左栏层级更协调 */
  .flow-idx{font-size:16px;}
  .flow-name{font-size:18px;}
  .flow-steps{font-size:16px;}
}

/* ============================================================
   笔记本 / 150% 缩放：右侧悬浮工具栏右移，避免遮挡内容最右侧
   ============================================================ */
@media (min-width:1101px) and (max-width:1720px){
  .float-tools{right:6px;gap:12px;}
  .float-tools .ft-btn{width:48px;height:48px;}
  .float-tools .tool-avatar{width:56px;height:56px;margin-top:4px;}
  .float-tools .ft-video-btn{width:56px;height:56px;margin-top:4px;}
}

/* ============================================================
   150% 缩放笔记本：覆盖多元 B2B 行业标签 + 洞察列表标题各缩小 2 号
   （仅 901–1366 CSS px 生效，1920 正常缩放与移动端均保持原字号）
   ============================================================ */
@media (min-width:1101px) and (max-width:1366px){
  .cloud-pill{font-size:16px;}          /* 18 → 16 */
  .insight-item h4{font-size:21px;}     /* 23 → 21 */
}
@media (min-width:901px) and (max-width:1100px){
  .cloud-pill{font-size:16px;}          /* 18 → 16 */
  .insight-item h4{font-size:18px;}     /* 该区间原已收窄为 20 → 18 */
}

/* ============================================================
   苹果笔记本 1367–1699（1470 / 1512 / 1600 等）：
   优势卡展开态的小圆点条目改为竖排，且文字不折行
   （≥1700 卡片够宽，保持原两列；≤1366 已有同款竖排规则）
   ============================================================ */
@media (min-width:1367px) and (max-width:1699px){
  /* 四卡固定等高，悬停切换不再撑高整行 */
  .feat-card{min-height:0;height:350px;}
  .feat-card.is-active .fvisual{margin-top:12px;}
  /* 小项竖排、单行不折行，面板同步收紧 */
  .fvisual-list{padding:12px 14px;gap:8px;}
  .fl-row{grid-template-columns:1fr;gap:6px;}
  .fl-item{font-size:13px;line-height:1.45;white-space:nowrap;}
  /* 第四卡短标签仍两列，收紧列距保证最窄档也不折行 */
  .fvisual-list.is-grid{gap:8px;}
}

/* ============================================================
   1920 设计规格统一调整
   所有字号 / 高度以 1920 为基准，vw 系数 = 目标px ÷ 19.2，
   视口变窄时由 clamp() 自动按比例收敛，移动端沿用既有规则。
   ============================================================ */
@media (min-width:901px){
  :root{
    /* 字号 */
    --f56:clamp(34px,2.9167vw,56px);  --f48:clamp(27px,2.1875vw,42px);
    --f42:clamp(27px,2.1875vw,42px);  --f36:clamp(23px,1.875vw,36px);
    --f32:clamp(21px,1.6667vw,32px);  --f26:clamp(17px,1.3542vw,26px);
    --f24:clamp(16px,1.25vw,24px);    --f22:clamp(15px,1.1458vw,22px);
    --f18:clamp(13px,0.9375vw,18px);  --f16:clamp(12px,0.8333vw,16px);
    --f14:clamp(11px,0.7292vw,14px);
    /* 尺寸 */
    --h-case:clamp(440px,36.46vw,700px);       --h-saas:clamp(360px,24vw,470px);
    --w-cta:clamp(100px,6.72vw,129px);         --h-chip:clamp(34px,2.4vw,46px);
    --gap-chip:clamp(32px,2.6vw,50px);         --w-tag:clamp(210px,14.06vw,270px);
    --pad-case:clamp(44px,3.65vw,70px);        --gap-tabs:clamp(20px,1.5625vw,30px);
    --w-insight:clamp(460px,38.02vw,730px);    --h-insight:clamp(222px,18.39vw,353px);
    --w-iitem:clamp(122px,9.6875vw,186px);     --h-iitem:clamp(77px,6.09vw,117px);
  }

  /* ---------- 一、字号 / 字重 / 颜色 ---------- */
  /* 1 导航标语 */
  .site-header .brand-slogan{font-size:var(--f14);}
  /* 2 / 3 第二屏标题与右侧说明：22px 黑字，左右底端对齐 */
  .growth .sec-title.big{font-size:var(--f48);line-height:1.35;}
  .growth .sec-head{align-items:flex-end;}
  .sec-head .head-note{font-size:var(--f22);line-height:1.6;color:#000;padding-top:0;max-width:560px;}
  /* 4 / 5 Tab 编号 16px、名称 26px（四项同步） */
  .tab-num{font-size:var(--f16);}
  .tab-label{font-size:var(--f26);}
  /* 6 / 7 蓝色卡左栏（四张卡同步） */
  .pain-left h3{font-size:var(--f36);line-height:1.5;}
  .pain-left .pain-desc{font-size:var(--f18);color:#fff;}
  /* 8 蓝卡右侧带圆点说明（四张卡同步）：16px / 行距 25px */
  .pain-notes p{font-size:var(--f16);line-height:clamp(18px,1.302vw,25px);}
  /* 9 / 10 第三屏标题 48px、说明 22px */
  .cases .sec-title{font-size:var(--f48);line-height:1.35;}
  .cases .sec-desc{font-size:var(--f22);line-height:1.6;}
  /* 11 / 12 案例卡标题 42px；绿色字 24px、数字 56px、底部文本 16px（五张卡同步） */
  .case-overlay h3{font-size:var(--f42);line-height:1.5;}
  .case-stat .num{font-size:var(--f56);}
  .case-stat .num em{font-size:var(--f24);}
  .case-stat .lbl{font-size:var(--f16);}
  /* 13 第四屏主标题 48px、右侧说明 22px，左右底端对齐
     「AI SaaS」与下方主标题同为 48px（用户补充：截图中 AI SaaS 也是 48px） */
  .saas-head .h-eyebrow{font-size:var(--f48);}
  .saas-head .h-title{font-size:var(--f48);line-height:1.2;}
  .saas-head .h-note{font-size:var(--f22);line-height:1.5;}
  .saas-head{align-items:flex-end;}
  /* 14 SaaS 内容卡编号 24px / regular */
  .flow-idx{font-size:var(--f24);font-weight:400;}
  /* 15 第五屏大标题 48px、右侧文字 22px，左右底端对齐 */
  .str-head .sec-title{font-size:var(--f48);line-height:1.35;}
  .str-head .str-note{font-size:var(--f22);line-height:1.6;}
  .str-head{align-items:flex-end;}
  /* 16 媒体牌照标题 32px */
  .honor h3{font-size:var(--f32);}
  /* 17 / 18 / 19 覆盖多元 B2B 行业板块 */
  .data-card>p:not(.eyebrow){font-size:var(--f24);}
  .data-nums .num-label{font-size:var(--f18);}
  .data-card .eyebrow{font-size:var(--f18);font-weight:300;}
  /* 20 / 21 洞察区标题、表单区标题 48px */
  .insights-head .sec-title{font-size:var(--f48);line-height:1.35;}
  .cta-copy h2{font-size:var(--f48);line-height:1.35;}
  /* 22 页脚核心业务 / 媒介渠道下的具体项 16px / light */
  .f-links a,.f-links--media a{font-size:var(--f16);font-weight:300;}

  /* ---------- 二、其它修改 ---------- */
  /* 1 右上角「在线咨询」宽度 129px */
  .header-cta{width:var(--w-cta);padding-left:0;padding-right:0;}
  /* 3 四个卡片改为整卡横向切换（配合 JS 的 data-pos） */
  .pain-panel:not(.is-active){transform:translateX(100%);}
  .pain-panel[data-pos="-1"]:not(.is-active){transform:translateX(-100%);}
  .pain-panel.is-active{transform:none;}
  /* 4 卡片内文字作为一组相对整卡垂直居中 */
  .pain-card{align-items:center;}
  .pain-left,.pain-right{display:flex;flex-direction:column;justify-content:center;}
  .pain-left{padding-top:0;}
  /* 5 标签行与横线两端对齐、等高、等间距、高 46px、距横线 50px */
  .chip-row{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:10px;
            margin-bottom:var(--gap-chip);}
  .chip{height:var(--h-chip);display:flex;align-items:center;justify-content:center;
        padding:0 10px;font-size:var(--f14);overflow:hidden;}
  /* 6 第三屏标题与右侧 01 页码底端对齐 */
  .cases .sec-head{align-items:flex-end;}
  .cases-tools{padding-top:0;padding-bottom:0;align-items:flex-end;}
  /* 7 / 8 案例标签统一 270px；卡片高 700px；文字距图底 70px；图底距标签横线 30px */
  .case-tag{width:var(--w-tag);text-align:center;}
  .case-stage{height:var(--h-case);aspect-ratio:auto;}
  .case-overlay{padding-bottom:var(--pad-case);}
  .case-tabs{margin-top:var(--gap-tabs);}
  /* 9 圆角：用 clip-path 强制裁切，避免缩放动画合成层丢失圆角 */
  .case-slide{border-radius:var(--radius-m);overflow:hidden;
              -webkit-clip-path:inset(0 round var(--radius-m));clip-path:inset(0 round var(--radius-m));}
  .case-banner{-webkit-clip-path:inset(0 round var(--radius-m));clip-path:inset(0 round var(--radius-m));}
  /* 10 悬停：图片只比未悬停时稍亮（保留暗部渐变，保证底部小字可读） */
  .case-banner::after{transition:opacity .45s var(--ease);}
  .case-banner>img{transition:filter .45s var(--ease);}
  .case-slide.is-active .case-banner:hover::after{opacity:.92;}
  .case-slide.is-active .case-banner:hover>img{filter:brightness(1.06);}
  /* 11 TSO / CSO / CTAI 下划线各占约 30% 宽 */
  .saas-tabs{grid-template-columns:repeat(3,minmax(0,30%));justify-content:space-between;}
  .saas-tab{padding-right:0;}
  .saas-tab .tab-cell{width:100%;}
  /* 12 内容卡 406px 高、内容垂直居中 */
  .saas-card{min-height:var(--h-saas);}
  .card-left,.card-right{justify-content:center;}
  /* 13 四卡展开面板统一白底 / 黑字 / 蓝色圆点 */
  .feat-card.is-active .fvisual,
  .feat-card.is-active .fvisual-logos,
  .feat-card.is-active .fvisual-list,
  .feat-card.is-active .fvisual-list.is-deep{background:#fff;border-color:rgba(18,40,90,.10);color:#0d1220;}
  .feat-card.is-active .fl-item{color:#0d1220;}
  .feat-card.is-active .fl-item::before{background:var(--brand);}
  /* 16 媒体牌照板块上下间距统一 30px */
  .honor{margin-top:30px;}
  section[aria-label="服务规模与覆盖行业"]{padding-top:0;}
  .data-row{margin-top:5px;}
  /* 17 洞察区左图 730×353、右列图 186×117、标题悬停变蓝 */
  .insight-grid{grid-template-columns:var(--w-insight) minmax(0,1fr);}
  .insight-feature img{width:var(--w-insight);height:var(--h-insight);aspect-ratio:auto;}
  .insight-item img{width:var(--w-iitem);height:var(--h-iitem);}
  .insight-item:hover h4{color:var(--brand);}
  /* 19 分隔线距表单底部与页脚二维码顶部等距（各 30px） */
  .cta-divider{margin-top:30px;}
  .site-footer{padding-top:30px;}
  .footer-qr{margin-top:0;}
  /* 20 去掉页脚底部空白：分公司下拉隐藏态不再撑高文档 */
  .branch-panel{max-height:0;padding-top:0;padding-bottom:0;overflow:hidden;}
  .branch.is-open .branch-panel{max-height:340px;padding:6px;overflow:visible;}
  /* 21 视频号弹层降低透明度（改为实色），去掉底边亮线，使箭头与主体同色连续、成为一个整体 */
  .vpanel{
    background:#5c6885;
    border-bottom-color:transparent;      /* 背景色延伸到边框区，箭头处不再有 1px 亮线 */
    backdrop-filter:none;-webkit-backdrop-filter:none;
  }
  .vpanel::before{content:none;}          /* 不再需要额外补边条，避免箭头顶部出现台阶 */
  .vpanel::after{
    background:#5c6885;
    backdrop-filter:none;-webkit-backdrop-filter:none;
    top:calc(100% - 1px);z-index:3;
  }
}

/* 1920 档：四张优势卡 415px 高，01 占约一半高度且垂直居中 */
@media (min-width:1701px){
  .feat-card{height:415px;min-height:0;}
  .fnum{flex:0 0 50%;display:flex;align-items:center;margin:0;}
  .fbody{margin-top:0;}
}

/* 窄屏适配：标签行放不下等宽排列时改回自动换行；洞察区缩小列距 */
@media (min-width:901px) and (max-width:1366px){
  .chip-row{display:flex;flex-wrap:wrap;}
  .chip{flex:0 1 auto;padding:0 16px;}
  .insight-grid{column-gap:6%;}
  .insight-item{gap:20px;}
}

/* 全宽度生效：蓝色行业标签去阴影；补充说明「聚焦或有输入」时隐藏标签
   聚焦即隐藏：鼠标点到这一栏（含 label / 空白处）时字样立即消失，
   失焦且无内容时自动恢复；visibility 保留占位，输入时不跳动 */
.cloud-pill.on{box-shadow:none;}
.field--note.has-value label,
.field--note:focus-within label{visibility:hidden;}
/* 纯 CSS 兜底：即使 JS 未执行（缓存/旧脚本），只要输入框非空就隐藏标签 */
@supports selector(:has(*)){
  .field--note:has(input:not(:placeholder-shown)) label{visibility:hidden;}
}

/* ============================================================
   第三屏「行业出海增长实录」案例卡悬停展开
   PC / 笔记本：图片稍亮、原有标题与数据整组上移、底部浮出两行小字 + 按钮
   ≤900 平板 / 手机：无悬停，沿用原有常显排版，仅补 .case-main 的纵向间距
   ============================================================ */
@media (min-width:901px){
  .case-overlay{flex-direction:column;justify-content:flex-end;align-items:stretch;}
  .case-main{display:flex;align-items:flex-end;width:100%;min-width:0;}
  .case-more{
    display:flex;align-items:flex-end;gap:clamp(20px,2.1vw,40px);
    max-height:0;margin-top:0;opacity:0;overflow:hidden;
    transform:translateY(14px);pointer-events:none;
    transition:max-height .48s var(--ease),margin-top .48s var(--ease),
               opacity .34s var(--ease),transform .48s var(--ease);
  }
  .case-slide.is-active .case-banner:hover .case-more,
  .case-slide.is-active .case-banner:focus-within .case-more{
    max-height:210px;margin-top:clamp(18px,1.55vw,30px);
    opacity:1;transform:none;pointer-events:auto;
  }
  .case-lines{flex:1 1 auto;min-width:0;}
  .case-lines p{margin:0;font-size:var(--f16);line-height:1.75;color:rgba(255,255,255,.90);}
  .case-lines p+p{margin-top:5px;}
  .case-lines b{font-weight:600;color:#fff;}
  .case-read{
    flex:0 0 auto;display:inline-flex;align-items:center;gap:10px;
    padding:10px 18px;border:1px solid rgba(255,255,255,.62);border-radius:999px;
    background:rgba(255,255,255,.08);color:#fff;
    font-size:var(--f14);font-weight:500;text-decoration:none;white-space:nowrap;
    transition:background .25s var(--ease),color .25s var(--ease),border-color .25s var(--ease);
  }
  .case-read:hover{background:#fff;color:#12306b;border-color:#fff;}
  .case-read span{font-size:1.1em;line-height:1;}
}
@media (max-width:900px){
  .case-main{display:flex;flex-direction:column;gap:16px;}
  .case-more{display:block;}
  .case-lines p+p{margin-top:6px;}
  .case-read{display:inline-flex;align-items:center;gap:8px;color:#fff;
             text-decoration:underline;text-underline-offset:4px;}
}

/* ============================================================
   1920 板块间距规格（按用户标注截图逐处校正）
   口径（重要）：截图中标注的两段间距是「各自独立」计算，不能合并成
     「上一板块内容 → 下一板块内容 = 60」：
       A 上一板块最后一个可见内容底 → 下一板块背景顶边 = 60
       B 该板块背景顶边 → 该板块标题顶 = 30 / 60
     例：图1 = 蓝卡底→cases 浅灰顶 60，cases 浅灰顶→标题 30（合计 90）。
   固定 px：60px 在全部桌面/笔记本宽度（含 125%/150% 缩放的 1536/1280）
     都生效，不再用 vw 收敛（收敛会让窄 PC 的间距比改前还小）。
   ≤900 沿用既有平板/手机 30px 排版，未改动。
   ============================================================ */
@media (min-width:901px){
  :root{
    --sp-60:60px;
    --sp-35:35px;
    --sp-30:30px;
  }
  /* 图1：第1→2屏 60（hero 底→growth 标题）；蓝卡底→cases 浅灰顶 60 */
  .growth{padding-top:var(--sp-60);padding-bottom:var(--sp-60);}
  /* 图1：cases 浅灰顶→「行业出海增长实录」30；图2：tab 行底→saas 蓝顶 60 */
  .cases{padding-top:var(--sp-30);padding-bottom:var(--sp-60);}
  /* 图2：蓝顶→「AI SaaS」60；图3：内容卡底→蓝块底 60 */
  .saas{padding-top:var(--sp-60);padding-bottom:var(--sp-60);}
  /* 图3：strength 白顶→「成功易」标题 60 */
  .strength{padding-top:var(--sp-60);padding-bottom:25px;}
  /* 与前沿同行板块上方：服务规模内容底→insights 浅灰顶 60（同口径） */
  section[aria-label="服务规模与覆盖行业"]{padding-top:0;padding-bottom:var(--sp-60);}
  /* 图4：资讯列表底→cta 蓝顶 60；浅灰顶→标题 35 沿用 */
  .insights{padding-top:var(--sp-35);padding-bottom:var(--sp-60);}
  .cta{padding-top:var(--sp-30);padding-bottom:0;}
}

/* ============================================================
   平板 / 手机专属调整（2026-11-06，共 10 项）
   整块置于 @media (max-width:900px) 内且位于样式表最后：
   ≥901px 的 PC / 笔记本不会命中其中任何一条规则。
     1 导航二级菜单点击展开      2 头部随滚动显隐
     3/5 左右划动切换            4 案例卡文字按参考图重排
     6 AI SaaS 标题左对齐        7 流程文字 16px
     8 优势卡激活层统一白底黑字蓝点
     9 两处 30px 间距           10 页脚竖向深色渐变
   ============================================================ */
@media (max-width:900px){
  /* ---- 1 汉堡菜单：有二级菜单的项默认收起，点击标题才展开 ---- */
  .site-header.open .main-nav .nav-drop{display:none;}
  .site-header.open .main-nav .nav-item.is-open .nav-drop{display:block;}
  .site-header.open .main-nav .nav-caret{display:inline-block;transition:transform .26s var(--ease);}
  .site-header.open .main-nav .nav-item.is-open .nav-caret{transform:rotate(225deg);margin-top:2px;}
  .site-header.open .main-nav .nav-link{cursor:pointer;}

  /* ---- 2 头部：手指上滑 / 静止隐藏，下滑出现 ---- */
  .site-header{transition:transform .34s var(--ease),background .4s var(--ease),
                          border-color .4s var(--ease),box-shadow .4s var(--ease);}
  .site-header.is-hidden{transform:translateY(-100%);}
  .site-header.open.is-hidden{transform:none;}

  /* ---- 3/5/新增 水平划动：纵向滚动照常，横向手势交给 JS ---- */
  .growth .pain-card,.cases .case-stage,.saas .saas-card{touch-action:pan-y;}

  /* ---- 4 案例卡文字：按参考图放大字号、数据标签上移、行距放宽 ---- */
  .cases .case-overlay{
    padding:30px 22px 34px;gap:22px;
    background:linear-gradient(180deg,#003f9c 0%,#013a8f 52%,#0d3e8a 100%);
  }
  .cases .case-main{gap:24px;}
  .cases .case-overlay h3{font-size:22px;line-height:1.5;font-weight:500;letter-spacing:.01em;}
  .cases .case-stats{border-top:0;padding:0;gap:0;}
  /* 三列等分后给标签留足宽度，避免「覆盖海外市场国家」折出孤字一行 */
  .cases .case-stat{padding:0 6px;}
  .cases .case-stat:first-child{padding-left:0;}
  .cases .case-stat:last-child{padding-right:0;}
  .cases .case-stat .num{font-size:32px;font-weight:600;line-height:1.15;letter-spacing:-.01em;}
  .cases .case-stat .num em{
    display:block;font-size:12px;line-height:1.25;font-weight:600;
    color:#63d1ff;margin:0 0 7px;letter-spacing:.02em;
  }
  /* 第三项没有小标签，补等高占位让三个数字齐平 */
  .cases .case-stat:nth-child(3) .num::before{content:"";display:block;height:22px;}
  .cases .case-stat .lbl{font-size:11px;line-height:1.45;margin-top:9px;white-space:nowrap;color:rgba(255,255,255,.86);}
  .cases .case-lines p{font-size:14px;line-height:1.85;letter-spacing:.01em;color:rgba(255,255,255,.95);}
  .cases .case-lines p+p{margin-top:14px;}
  .cases .case-lines b{font-weight:700;color:#fff;}
  /* 按钮：只改移动端文案，PC 端 hover 层的「阅读完整案例拆解」保持不变 */
  .cases .case-overlay .case-read{
    display:inline-block;margin-top:20px;font-size:0;
    text-decoration:none;color:#fff;border:0;background:none;padding:0;
  }
  .cases .case-overlay .case-read span{display:none;}
  .cases .case-overlay .case-read::after{
    content:"获取同行业增长方案  ↗";font-size:16px;line-height:1.6;
    text-decoration:underline;text-underline-offset:6px;
  }

  /* ---- 5 案例切换箭头加大到 44px 触摸目标 ---- */
  .cases .cases-tools{gap:14px;}
  .cases .case-nav{width:44px;height:44px;}
  .cases .case-nav svg{width:20px;height:20px;}

  /* ---- 6 AI SaaS 标题与副标题左对齐 ---- */
  .saas .saas-head{align-items:flex-start;text-align:left;}
  .saas .saas-head .h-note{text-align:left;}

  /* ---- 7 基建速通 / 独立站搭建&诊断 等流程文字统一 16px ---- */
  .saas .flow-idx,.saas .flow-name,.saas .flow-steps{font-size:16px;}

  /* ---- 8 四张优势卡激活后的内层面板统一：白底 / 黑字 / 蓝色圆点 ---- */
  .strength .feat-card.is-active .fvisual-logos,
  .strength .feat-card.is-active .fvisual-list,
  .strength .feat-card.is-active .fvisual-list.is-deep{
    background:#fff;border-color:rgba(18,40,90,.10);color:#0d1220;
  }
  /* 与 ≥901 的既有规格（2142–2145 行）保持完全一致的黑字 / 蓝点 */
  .strength .feat-card.is-active .fl-item{color:#0d1220;}
  .strength .feat-card.is-active .fl-item::before{background:var(--brand);}

  /* ---- 9 两处间距各 30px（按截图标注，以背景块边界计量）---- */
  .honor{margin-top:30px;}
  section[aria-label="服务规模与覆盖行业"]{padding-top:0;}
  .data-row{margin-top:0;}

  /* ---- 10 页脚：按截图改为竖向深色渐变，去掉横向左亮右暗 ---- */
  .site-footer{
    background:
      radial-gradient(ellipse 78% 62% at 52% 116%,rgba(120,148,190,.26),transparent 72%),
      linear-gradient(180deg,#0f1e49 0%,#0d1a40 28%,#0b1631 58%,#0b1325 100%);
  }
}

/* ============================================================
   平板 / 手机补充调整（2026-11-06，五项）
   整块放在样式表最后，≥901px 的 PC / 笔记本不命中任何一条。
     2 三板块切换整卡滑出 / 滑入（ghost 由 JS 生成）
     3 案例分页数字与箭头两端对齐
     4 01 卡片默认展开（由 JS 加 is-active）
     5 移动端 02/03 卡圆点条目一行两列、不折行（见下方 ≤600 块）
   ============================================================ */
@media (max-width:900px){
  /* 3 页码贴卡片左端、两枚箭头贴右端（auto margin 吸收中间剩余空间） */
  .cases .sec-head>.cases-tools{justify-content:space-between;width:100%;gap:14px;}
  .cases .sec-head>.cases-tools .case-pager{margin-right:auto;}

  /* 2 切换动效：克隆卡固定定位、不占文档流，不撑高页面也不产生横向滚动 */
  .swap-ghost{
    position:fixed!important;margin:0!important;pointer-events:none!important;
    z-index:120;overflow:hidden;will-change:transform,opacity;
  }
}
@media (max-width:600px){
  /* 6 02 / 03：字号与 04 卡「智能建站」条目完全一致（12.5px），不再随屏宽缩小。
     默认两列；JS 测出两列会折 / 溢出时加 .is-onecol 整卡退回一列。
     注意 .fvisual 与 .fvisual-list 是同一个元素，必须限定 .is-active，
     否则未激活的卡片也会把面板显示出来。 */
  .strength .feat-card.is-active:nth-child(2) .fvisual-list,
  .strength .feat-card.is-active:nth-child(3) .fvisual-list{
    display:grid;grid-template-columns:repeat(2,minmax(0,1fr));
    align-content:center;gap:10px 6px;padding:12px 8px;
  }
  .strength .feat-card.is-active:nth-child(2) .fvisual-list.is-onecol,
  .strength .feat-card.is-active:nth-child(3) .fvisual-list.is-onecol{
    display:flex;flex-direction:column;justify-content:center;
  }
  .strength .feat-card.is-active:nth-child(2) .fl-row,
  .strength .feat-card.is-active:nth-child(3) .fl-row{display:contents;}
  .strength .feat-card.is-active:nth-child(2) .fl-item,
  .strength .feat-card.is-active:nth-child(3) .fl-item{
    min-width:0;white-space:nowrap;font-size:12.5px;
    line-height:1.45;padding-left:11px;
  }
  .strength .feat-card.is-active:nth-child(2) .fl-item.is-wide,
  .strength .feat-card.is-active:nth-child(3) .fl-item.is-wide,
  .strength .feat-card.is-active:nth-child(4) .fl-item.is-wide{grid-column:1 / -1;white-space:normal;overflow-wrap:anywhere;}
  .strength .feat-card.is-active:nth-child(2) .fl-item::before,
  .strength .feat-card.is-active:nth-child(3) .fl-item::before{width:4px;height:4px;left:1px;top:.6em;}
}

/* ============================================================
   仅 390px 档（389–391 容差，避免亚像素 / 缩放漏命中）：
     1 「全域流量」卡 logo 改 3 行 × 2 个，行间距按参考图
        （截图 logo 高约 24px、行中心距约 72px ≈ 3 倍，净空 ≈ 2 倍）
     2 优势卡 02 / 03 / 04 圆点文字全部一行一个、字号统一 12.5px
   其余任何宽度都不命中：仍是一行 3 个 + 既有列数逻辑。
   ============================================================ */
@media (min-width:389px) and (max-width:391px){
  /* 1 display:contents 打散两个行容器，6 个 logo 直接进 2 列 3 行网格 */
  .strength .feat-card.is-active .fvisual-logos{
    grid-template-columns:repeat(2,minmax(0,1fr));
    grid-template-rows:repeat(3,auto);
    align-content:center;align-items:center;justify-items:center;
    column-gap:4px;row-gap:32px;padding:16px 12px;
  }
  .strength .feat-card.is-active .fvisual-logos-row{display:contents;}
  .strength .feat-card.is-active .fvisual-logos img{height:16px;}

  /* 2 三张卡的圆点面板统一单列、字号与行距统一 */
  .strength .feat-card.is-active .fvisual-list,
  .strength .feat-card.is-active .fvisual-list.is-grid,
  .strength .feat-card.is-active .fvisual-list.is-onecol{
    display:flex;flex-direction:column;justify-content:center;
    grid-template-columns:none;gap:10px;
  }
  .strength .feat-card.is-active .fl-row{display:contents;}
  .strength .feat-card.is-active .fl-item{
    min-width:0;white-space:nowrap;font-size:12.5px;line-height:1.5;
  }
}


/* ============================================================
   2026-11-10　首页 13 大项对照修改（统一覆盖块 · 置于样式表末尾）
   说明：本块只覆盖用户明确提到的项；公共头/底/悬浮/弹窗的单源
         HTML 由 common/*.js 注入，样式改动对全站生效。
   ============================================================ */

/* ---------- 7 首页板块大标题 48px → 42px ----------
   --f48 令牌在 ≥901 的所有引用（growth / cases / saas / strength /
   insights / cta）统一收敛到 42px 上限，变量值已在上方 1920 块改好。 */

/* ---------- 1 导航 ---------- */
/* a 去掉「首页」前面的点与独立色：当前页 = 悬停态（白字 + 胶囊底 + 展开蓝线） */
.main-nav a.active{color:#fff;font-weight:400;}
.main-nav a.active::before{opacity:1;transform:scale(1);}
.main-nav a.active::after{transform:scaleX(1);}
.site-header.is-stuck .main-nav a.active{color:var(--brand);}
.site-header.is-stuck.open .main-nav a.active{color:#fff;}
.nav-dot{display:none;}

/* c 电话：PC 在按钮左侧，平板/手机收进汉堡菜单末尾
   1c-2 号码加大加粗 + 高对比强调色：深色 hero 底用亮金，吸顶浅底用深橙，
   说明文字单独包 .tel-label，可在窄屏隐藏以腾出空间。 */
.header-tel,.nav-tel{
  flex-shrink:0;white-space:nowrap;text-decoration:none;
  color:rgba(255,255,255,.74);font-size:13px;letter-spacing:.01em;
}
.header-tel strong,.nav-tel strong{
  display:inline-block;font-size:20px;font-weight:800;line-height:1;
  letter-spacing:.02em;color:#ffd23f;
  text-shadow:0 2px 12px rgba(255,178,32,.45);
  transition:color .25s var(--ease);
}
.header-tel:hover strong,.nav-tel:hover strong{color:#fff0a8;}
.site-header.is-stuck .header-tel{color:rgba(28,42,70,.70);}
.site-header.is-stuck .header-tel strong{color:#e35c00;text-shadow:none;}
.site-header.is-stuck .header-tel:hover strong{color:#b84600;}
.nav-tel{display:none;}
/* b / d 标语 16px、在线咨询按钮 43px：PC / 平板 / 手机全端统一 */
.site-header .brand-slogan{font-size:16px;}
.site-header .header-cta{height:43px;}
@media (min-width:901px){
  .header-tel{margin-left:auto;}
  /* c 电话右对齐后再接按钮 */
  .header-cta{margin-left:18px;}
}
@media (max-width:900px){
  .header-tel{display:none;}
  .site-header.open .main-nav .nav-tel{
    display:block;margin-top:6px;padding:14px 0 10px !important;
    border-top:0;border-bottom:0;
    color:rgba(255,255,255,.82);font-size:13px;white-space:nowrap;
  }
  /* 全国咨询电话上方保持无独立横线（自身 border-top 为 0）；
     与上一项「联系我们」之间的分隔线由通用 .main-nav a 的下边框提供，保留 */
}
/* 1c 电话加入 header 后，窄 PC 需同步收紧导航间距，
   否则「在线咨询」按钮会被挤出 .header-inner 甚至被视口裁切。
   各档保持标语 16px（≤1180 空间实在不足才隐藏），电话始终在按钮左侧。 */
@media (min-width:1367px) and (max-width:1680px){
  .main-nav{margin-left:70px;gap:26px;}
  .header-tel{font-size:12px;}
  .header-tel strong{font-size:18px;}
}
/* 1367–1440：金色号码加大后需再收一点导航左边距，避免按钮被挤出容器 */
@media (min-width:1367px) and (max-width:1440px){
  .main-nav{margin-left:44px;}
}
@media (min-width:1181px) and (max-width:1366px){
  .main-nav{margin-left:16px;gap:14px;}
  :root{--fs-nav:14px;}
  .header-tel .tel-label{display:none;}
  .header-tel strong{font-size:17px;}
  .header-cta{margin-left:8px;padding:0 12px;}
}
@media (min-width:1101px) and (max-width:1180px){
  .main-nav{margin-left:24px;gap:20px;}
  :root{--fs-nav:14px;}
  .header-tel .tel-label{display:none;}
  .header-tel strong{font-size:17px;}
  .header-cta{margin-left:10px;}
  .site-header .brand-slogan{display:none;}
}
@media (min-width:901px) and (max-width:1100px){
  .main-nav{margin-left:16px;gap:14px;}
  :root{--fs-nav:13px;}
  .header-tel .tel-label{display:none;}
  .header-tel strong{font-size:16px;}
  .header-cta{margin-left:8px;}
}

/* ---------- 2 下拉菜单 ---------- */
/* a 引导条文字左右留空隙，背景色保持 #e8f1ff 不变
   注意 .main-nav a{padding:9px 4px} 特异性更高，必须带 .main-nav 前缀才生效 */
.main-nav .nd-guide{padding-left:30px;padding-right:30px;gap:24px;}
/* b 媒体 logo 已统一换为移动端圆形图；此处仅保证不裁切 */
.nd-ico img{object-fit:contain;}

/* ---------- 3 在线咨询弹框：去左栏 · 淡渐变外底 + 白色表单卡 ---------- */
.cm-card{
  width:min(940px,100%);display:block;
  grid-template-columns:none;grid-template-rows:none;
  padding:26px;border:0;border-radius:20px;
  background:
    radial-gradient(80% 70% at 2% 0%,#dce8ff 0%,rgba(220,232,255,0) 62%),
    radial-gradient(70% 62% at 100% 100%,#e4efff 0%,rgba(228,239,255,0) 62%),
    linear-gradient(135deg,#eef4ff 0%,#f9fbff 48%,#eaf2ff 100%);
}
.cm-close{right:38px;top:38px;}
.cm-right{
  min-width:0;background:#fff;border-radius:14px;
  padding:54px 56px 46px;box-shadow:0 8px 30px rgba(18,42,90,.08);
}
@media (max-width:1100px){
  .cm-card{width:min(760px,100%);padding:18px;display:block;
           grid-template-columns:none;grid-template-rows:none;}
  .cm-right{padding:36px 34px 34px;}
  .cm-close{right:26px;top:26px;}
}
@media (max-width:600px){
  .cm{padding:0;}
  .cm-card{width:100%;height:100%;max-height:100vh;border-radius:0;padding:10px;
           display:flex;flex-direction:column;}
  .cm-right{flex:1 1 auto;overflow:auto;padding:26px 20px 30px;border-radius:10px;}
  .cm-close{right:18px;top:18px;background:rgba(255,255,255,.92);z-index:4;}
  .cm-form .form-grid{grid-template-columns:minmax(0,1fr);}
}

/* ---------- 4 所有表单同步 ---------- */
/* a 补充说明：不再是项目名，作为占位文字；与其它输入同款下划线 */
.field--note{margin-top:2px;}
.field--note input{padding-bottom:23px;}
.cm-form .field--note{margin-top:2px;}
.cm-form .field--note input{padding-bottom:20px;}
/* 补充说明占位文字与其它表单项完全同色（深色表单 #b4c8ee / 弹窗 #a3a3a3），
   由 .field input::placeholder 与 .cm-form .field input::placeholder 统一提供，勿再单独覆写 */
/* b 补充说明：鼠标点进输入框（聚焦）立即隐藏灰色占位字，失焦且为空时自动恢复。
   三套表单都覆盖，选择器特异性需高于 .cm-form .field input::placeholder。 */
.field--note input:focus::placeholder,
.cta-form .field--note input:focus::placeholder,
.cm-form .field--note input:focus::placeholder{color:transparent;}
/* c 已选服务：一个个带背景带框的标签 */
.ms-value{display:flex;flex-wrap:wrap;align-items:center;gap:6px;}
.ms-tag{
  display:inline-flex;align-items:center;max-width:100%;
  padding:4px 10px;border-radius:6px;font-size:12.5px;line-height:1.3;
  border:1px solid rgba(255,255,255,.55);background:rgba(255,255,255,.14);
  color:#fff;white-space:nowrap;
}
.cm-form .ms-tag{border-color:#cfe0ff;background:#eef4ff;color:#1d4ed8;}
/* d 国家 / 区号下拉 */
.tel-row{display:flex;align-items:flex-end;gap:12px;min-width:0;}
.tel-row input{flex:1 1 auto;min-width:0;}
.cc-select{
  flex:0 0 auto;width:142px;max-width:46%;
  -webkit-appearance:none;appearance:none;font-family:inherit;
  font-size:13px;line-height:1.4;color:inherit;
  background-color:transparent;border:0;border-radius:0;
  border-bottom:1px solid rgba(255,255,255,.9);
  padding:0 18px 23px 2px;outline:none;cursor:pointer;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M1 1l4 4 4-4' fill='none' stroke='%239aa8c7' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:right 2px bottom 27px;background-size:10px 6px;
}
.cc-select option{color:#1a2438;background:#fff;}
.cc-flag{
  flex:0 0 auto;width:20px;height:14px;margin-bottom:23px;
  object-fit:cover;border-radius:2px;display:block;
  box-shadow:0 0 0 1px rgba(20,40,90,.18);
}
.cm-form .cc-flag{margin-bottom:20px;box-shadow:0 0 0 1px rgba(20,40,90,.14);}
.cta-form .cc-select:focus{border-bottom-color:#fff;box-shadow:0 1px 0 rgba(255,255,255,.55);}
.cm-form .cc-select{color:#1a2438;border-bottom-color:#e4e8f0;padding-bottom:20px;
  background-position:right 2px bottom 24px;}
.cm-form .cc-select:focus{border-bottom-color:#1d4ed8;box-shadow:0 1px 0 rgba(29,78,216,.3);}
/* e 我已阅读默认选中由 HTML checked 提供；此处只保证选中态清晰 */
.form-note input:checked+.box{background:#fff;border-color:#fff;}
.cm-form .form-note input:checked+.box{background:#1d4ed8;border-color:#1d4ed8;}

/* ---------- 5 右侧悬浮 ---------- */
/* a 整体右移 10px：以各断点原有 right 为基准
   ≥1721 原 22px → 12px；≤900 原 12px → 2px。
   1101–1720 原已被「笔记本避免遮挡内容」规则收紧到 6px，再右移只能贴到 0px，
   保持不变（12px）反而会往左退 6px，故单独还原为贴边。工具栏在 ≤1100 本就隐藏。 */
.float-tools{right:12px;}
@media (min-width:1101px) and (max-width:1720px){ .float-tools{right:0;} }
@media (max-width:900px){ .float-tools{right:2px;} }
/* c 独立返回顶部：圆圈 + 上箭头，指向变色 */
.back-top{
  position:fixed;right:22px;bottom:26px;z-index:82;
  width:46px;height:46px;border-radius:50%;
  display:grid;place-items:center;text-decoration:none;
  background:#fff;color:#1d4ed8;box-shadow:0 6px 20px rgba(20,40,90,.18);
  opacity:0;visibility:hidden;pointer-events:none;transform:translateY(8px);
  transition:opacity .3s var(--ease),transform .3s var(--ease),
             background .25s var(--ease),color .25s var(--ease),box-shadow .25s var(--ease);
}
.back-top.is-visible{opacity:1;visibility:visible;pointer-events:auto;transform:none;}
.back-top:hover,.back-top:focus-visible{
  background:#1d4ed8;color:#fff;box-shadow:0 10px 26px rgba(29,78,216,.34);
}
@media (max-width:900px){
  .back-top{right:12px;bottom:16px;width:42px;height:42px;}
}

/* ---------- 6 出海如何突破流量天花板 ---------- */
/* b「全网检索—进站评估—实力验证」绿→蓝渐变 */
.growth .head-note .hl-cyan{
  color:transparent;
  background:linear-gradient(90deg,#10c98a 0%,#17b7d6 45%,#2a7bf7 100%);
  -webkit-background-clip:text;background-clip:text;
}
@media (min-width:901px){
  /* a 右侧文字与左侧标题顶部对齐 */
  .growth .sec-head{align-items:flex-start;}
  .growth .sec-head .head-note{padding-top:0;color:#000;}
  /* e 内容运营长句一行显示 */
  .pain-notes p.is-long{grid-column:1/-1;white-space:nowrap;}
}
/* d 390 档：上半部分贴近横线、整卡高度压缩；IDC 来源与前文同行 */
@media (min-width:389px) and (max-width:391px){
  .growth .pain-card{padding:22px 18px;}
  .growth .pain-panel{gap:16px;}
  /* 6d 说明文字由 15px 收到 12px：卡高 493→453px，
     且让「（数据源自IDC报告）」与「…采购顾虑。」落在同一行 */
  .growth .pain-left .pain-desc{margin-top:16px;font-size:12px;}
  .growth .chip-row{margin-bottom:14px;gap:6px;}
  .growth .chip{padding:5px 11px;font-size:12px;}
  .growth .pain-rule{margin-bottom:12px;}
  .growth .pain-notes{gap:8px;}
  .growth .pain-notes p{font-size:13px;line-height:1.6;}
  .src-note{display:inline;margin-top:0;margin-left:2px;white-space:nowrap;font-size:11px;}
}

/* ---------- 8 行业出海增长实录 ---------- */
@media (min-width:901px){
  /* a 板块标题上方内边距 60px */
  .cases{padding-top:60px;}
  /* c「降低 / 增长」青蓝渐变 */
  .case-stat .num em{
    color:transparent;
    background:linear-gradient(90deg,#11c9b4 0%,#1aa6e8 52%,#2a7bf7 100%);
    -webkit-background-clip:text;background-clip:text;
  }
}
/* f 移动端按钮文案直接用 HTML 文本，去掉旧的 ::after 覆写 */
@media (max-width:900px){
  .cases .case-overlay .case-read{font-size:13.5px;}
  .cases .case-overlay .case-read::after{content:none;}
}
/* g 移动端切换高度不变：五张卡叠在同一网格单元，行高取最高者。
   同时让每张卡的蓝色面板都撑满整格、内容上下分布，
   这样无论切到哪一张都是同一套"正常排版"，高度与留白完全一致，不再出现跳变。 */
@media (max-width:900px){
  .cases .case-stage{display:grid;grid-template-columns:minmax(0,1fr);
                     height:auto;aspect-ratio:auto;}
  .cases .case-slide{
    grid-area:1/1;display:block;position:relative;inset:auto;min-width:0;height:100%;
    opacity:0;visibility:hidden;pointer-events:none;
    transition:opacity .4s var(--ease),visibility .4s;
  }
  .cases .case-slide.is-active{opacity:1;visibility:visible;pointer-events:auto;}
  .cases .case-slide .case-banner{height:100%;}
  .cases .case-slide .case-overlay{flex:1 1 auto;justify-content:space-between;}
}

/* ---------- 9 AI SaaS 生态营销体系 ---------- */
@media (min-width:901px){
  /* b 右侧文字与左侧标题顶部对齐 */
  .saas-head{align-items:flex-start;}
  /* a 标题一行 */
  .saas-head .h-title{white-space:nowrap;}
}
@media (min-width:901px) and (max-width:1366px){
  .saas-head .h-note{max-width:40%;flex-shrink:1;}
}

/* ---------- 10 成功易 · 更懂中国外贸企业 ---------- */
@media (min-width:901px){
  /* a 全域流量媒体 logo：一行 2 个、共 3 行，尺寸放大 */
  .strength .feat-card.is-active .fvisual-logos{
    grid-template-columns:repeat(2,minmax(0,1fr));
    grid-template-rows:repeat(3,minmax(0,1fr));
    align-content:center;align-items:center;justify-items:center;
    column-gap:8px;row-gap:8px;padding:14px 18px;
  }
  .strength .feat-card.is-active .fvisual-logos-row{display:contents;}
  .strength .feat-card.is-active .fvisual-logos img:not(.media-logo){height:30px;max-height:none;}
  /* b 其余三个卡片圆点文字：PC 一行2列、12px、长文本独自占一行、白框约 373×199
     注意 .fvisual 与 .fvisual-list 是同一个元素，必须限定 .is-active，
     否则未激活的卡片也会把面板显示出来 */
  .strength .feat-card.is-active .fvisual-list,
  .strength .feat-card.is-active .fvisual-list.is-grid{
    display:grid;grid-template-columns:1fr 1fr;grid-auto-rows:min-content;
    align-content:center;justify-content:stretch;grid-template-rows:none;
    gap:10px 16px;padding:16px 16px;min-height:199px;
  }
  .strength .feat-card.is-active .fl-row{display:contents;}
  .strength .feat-card.is-active .fvisual-list .fl-item{
    font-size:16px;line-height:1.5;padding-left:12px;white-space:normal;overflow-wrap:anywhere;
  }
  .strength .feat-card.is-active .fvisual-list .fl-item.is-wide{grid-column:1 / -1;}
  .strength .feat-card.is-active .fvisual-list .fl-item::before{
    width:4px;height:4px;left:1px;top:.62em;
  }
  /* c 中间的点改为黑色 */
  .str-head .str-note i{color:#000;opacity:1;}
}

/* 901–1699 卡高固定（300 / 350px）：2 列 12px 圆点，收紧间距避免末行溢出 */
@media (min-width:901px) and (max-width:1699px){
  .strength .feat-card.is-active .fvisual-list,
  .strength .feat-card.is-active .fvisual-list.is-grid{gap:8px 13px;padding:12px 14px;}
  .strength .feat-card.is-active .fvisual-list .fl-item{line-height:1.4;}
  .strength .feat-card.is-active .fvisual{margin-top:2px;}
}

/* ---------- 12 与前沿同行 ---------- */
@media (min-width:901px){
  /* a 右栏左移，左右间距 50px，标题尽量不折行 */
  .insight-grid{column-gap:50px;}
  /* b 左图下标题一行显示 */
  .insight-feature h3{white-space:nowrap;font-size:clamp(18px,1.67vw,32px);}
}

/* ---------- 13 底部表单板块 ---------- */
@media (min-width:901px){
  .cta-copy p{white-space:nowrap;letter-spacing:0;font-size:clamp(13px,.94vw,18px);}
}
/* 901–1100 极窄 PC：容器不足，允许自然换行 / 收紧长句字号，避免文字被硬撑出去 */
@media (min-width:901px) and (max-width:1100px){
  .cta-copy p{white-space:normal;}
  .pain-notes p.is-long{font-size:11px;}
}

/* ---------- 12a 补强：1101–1440 右栏左移，文章标题保持一行 ----------
   ≥1441（含 1920 基准）只靠 column-gap:50px 已能一行显示，左图尺寸不动。
   1101–1440 把左侧大图列按视口收窄（右栏相应左移），标题字号同步收敛，
   两栏间距仍固定 50px；左图下标题也按同比例收字号，保持一行。 */
@media (min-width:1101px) and (max-width:1440px){
  .insight-grid{--w-insight:clamp(390px,35vw,505px);}
  .insight-feature h3{font-size:clamp(16px,1.5vw,23px);}
  .insight-item h4{white-space:nowrap;font-size:clamp(15px,1.45vw,21px);}
}
@media (min-width:1101px) and (max-width:1180px){
  .insight-item{gap:12px;}
}

/* ============================================================
   2026-11-11 首页续改
   ============================================================ */
/* 成功易：PC 端圆点小字统一 12px、一行 2 列（基础规则在上方 @media(min-width:901px) 段）。
   此处仅针对 901–1180 极窄 PC：卡片偏窄，2 列 12px 长条目需再收紧面板左右内边距补足空间 */
@media (min-width:901px) and (max-width:1180px){
  .strength .feat-card.is-active .fvisual-list,
  .strength .feat-card.is-active .fvisual-list.is-grid{padding-left:5px;padding-right:5px;}
  .strength .feat-card.is-active .fvisual-list .fl-item{padding-left:10px;letter-spacing:-.2px;}
}

/* 「您的出海安全与效果保障底线」三张资质卡：
   视口裁剪 + 横向轨道，整张白卡从右向左滑动；卡片之间留缝，移动过程可见。 */
.honor-media{
  background:transparent;border-radius:14px;padding:0;box-shadow:none;
  overflow:hidden;touch-action:pan-y;cursor:grab;user-select:none;
}
.honor-media.is-grabbing{cursor:grabbing;}
.honor-track{
  display:flex;gap:18px;align-items:stretch;
  transition:transform .72s cubic-bezier(.22,.68,0,1);
  will-change:transform;
}
.honor-card{
  flex:0 0 100%;min-width:0;box-sizing:border-box;
  background:#fff;border-radius:14px;padding:16px;
  box-shadow:0 10px 30px rgba(20,45,100,.07);
}
.honor-card img{
  display:block;width:100%;height:auto;aspect-ratio:1360/345;
  object-fit:contain;border-radius:8px;pointer-events:none;
  -webkit-user-drag:none;user-drag:none;
}
@media (max-width:600px){
  .honor-track{gap:12px;}
  .honor-card{padding:10px;border-radius:10px;}
}

/* ============================================================
   2026-11-11　页脚按新截图重排（统一覆盖块 · 置于样式表最后）
   左栏：热线/邮箱 → 二维码 → 海外社媒
   右栏：核心业务 → 媒介渠道 → 品牌/咨询 → 分公司/地址
   内容全部保留，仅调整分区顺序、对齐、字号与间距
   ============================================================ */
.site-footer{
  padding:68px 0 0;
  background:
    radial-gradient(ellipse 78% 62% at 52% 116%,rgba(120,148,190,.30),transparent 72%),
    linear-gradient(90deg,#1d459d 0%,#173b88 9%,#132e6c 17%,#0d1f4a 31%,#0a1736 47%,#0a142e 72%,#0a1229 100%);
}
/* 页脚内容宽度与其它板块完全一致：统一走全局 --content（默认 90%，
   601–1100 为 92%，≤600 回到 90%），不再用 100% + 内边距撑宽。 */
.site-footer>.container{
  display:block;width:var(--content);max-width:var(--content);margin:0 auto;padding:0;
}
.ft-grid{
  --qr:clamp(46px,4.3vw,82px);
  --qrgap:clamp(10px,1.85vw,35px);
  display:grid;grid-template-columns:minmax(0,1.32fr) minmax(0,1fr);
  column-gap:7.8%;align-items:start;
}
.ft-col--main,.ft-col--side{min-width:0;}

/* 左栏 · 顶部热线 / 邮箱：强制并排同一行（不随宽度换行/堆叠）。
   两个条目各 flex:1 1 0 平分左栏并可收缩；条目内 label/value 在宽度不足时
   自动上下堆叠（flex-wrap:wrap），长邮箱地址 overflow-wrap 断词，杜绝横向溢出。 */
.ft-contact{display:flex;align-items:flex-start;flex-wrap:nowrap;column-gap:clamp(24px,3vw,64px);}
.ft-contact-item{display:flex;flex-wrap:wrap;align-items:baseline;gap:10px;
  flex:1 1 0;min-width:0;white-space:normal;text-decoration:none;color:#fff;}
.ft-contact-item span{font-size:22px;font-weight:400;color:#fff;}
.ft-contact-item strong{font-size:22px;font-weight:500;letter-spacing:.01em;color:#fff;overflow-wrap:anywhere;}
.ft-contact-item:hover strong{color:#a9c7f7;}

/* 左栏 · 二维码：8 张同一行，标题对齐第 1 / 第 3 张。
   公众号组与视频号组之间也用同一个 --qrgap，保证 8 张二维码间距完全相同。 */
/* --qr / --qrgap 继承 .ft-grid 的 clamp 值；桌面由 site-footer.js 的 fitDesktop()
   按左栏实际宽度反算内联值，使 8 张二维码等距铺满、右边缘与「海外市场」灰框对齐。 */
.ft-qrgroup{display:flex;align-items:flex-start;gap:var(--qrgap);margin-top:clamp(40px,4.3vw,82px);}
.ft-qr-col{min-width:0;}
.ft-label{margin:0 0 clamp(16px,1.35vw,26px);font-size:20px;font-weight:400;color:#fff;}
.ft-qr-row{display:flex;align-items:flex-start;gap:var(--qrgap);}
.ft-qr{flex:0 0 auto;width:var(--qr);min-width:0;text-align:center;}
.ft-qr-box{width:100%;aspect-ratio:1/1;border-radius:4px;background:#fff;
  overflow:hidden;display:grid;place-items:center;}
.ft-qr-box img{display:block;width:100%;height:100%;object-fit:contain;}
.ft-qr span{display:block;margin-top:8px;font-size:clamp(10.5px,.68vw,13px);
  line-height:1.35;color:rgba(255,255,255,.85);white-space:nowrap;}
.ft-qr span.is-long{white-space:normal;overflow-wrap:anywhere;}

/* 左栏 · 海外市场 */
.ft-social{margin-top:clamp(26px,2.1vw,40px);}
.ft-social .ft-label{margin-bottom:26px;}
.ft-social-box{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:8px;
  padding:22px 20px 16px;border-radius:4px;background:rgba(255,255,255,.10);}
.ft-soc{min-width:0;text-align:center;}
.ft-av{display:flex;align-items:center;justify-content:center;
  width:clamp(38px,2.9vw,56px);height:clamp(38px,2.9vw,56px);margin:0 auto;overflow:hidden;}
.ft-av img{display:block;width:100%;height:100%;object-fit:contain;}
.ft-soc-name{display:block;margin-top:10px;font-size:clamp(10.5px,.75vw,14.5px);
  line-height:1.35;color:rgba(255,255,255,.85);white-space:nowrap;letter-spacing:-.2px;}

/* 右栏 · 核心业务 / 媒介渠道：标题 + 单行链接两端对齐 */
.ft-nav h4{margin:0 0 26px;font-size:clamp(21px,1.35vw,26px);font-weight:500;
  line-height:1.3;color:#fff;}
.ft-nav--media{margin-top:clamp(44px,4.1vw,78px);}
.ft-links{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px 16px;}
.ft-links a{font-size:clamp(14px,1vw,19px);line-height:1.5;
  color:rgba(255,255,255,.9);white-space:nowrap;transition:color .2s;}
.ft-links a:hover{color:#a9c7f7;}

/* 右栏 · 品牌标识：仅保留 logo，贴右，与参考截图一致 */
.ft-brand{display:flex;align-items:center;justify-content:flex-end;
  margin-top:clamp(48px,5.5vw,106px);}
.ft-logo{display:inline-flex;flex:0 0 auto;}
.ft-logo img{display:block;width:clamp(88px,5.5vw,106px);height:auto;}

/* 右栏 · 分公司下拉 + 地址，右对齐 */
.ft-branch{display:flex;flex-direction:column;align-items:flex-end;margin-top:clamp(28px,2.3vw,44px);}
.ft-branch .branch{margin:0;width:clamp(160px,9.9vw,190px);}
.ft-branch .branch-btn{height:40px;font-size:clamp(15px,1vw,19px);}
.ft-branch .f-addr{margin-top:22px;text-align:right;
  font-size:20px;line-height:1.5;color:#fff;}

/* 底部备案 / 版权 / 条款：全宽浅色带 + 左中右三栏 */
.ft-bottom{position:relative;isolation:isolate;display:grid;grid-template-columns:1fr auto 1fr;
  align-items:center;gap:24px;margin-top:clamp(24px,1.7vw,32px);padding:28px 0 34px;
  font-size:clamp(12px,.85vw,16px);line-height:1.6;color:rgba(255,255,255,.70);}
.ft-bottom::before{content:"";position:absolute;z-index:-1;top:0;bottom:0;left:50%;
  transform:translateX(-50%);width:100vw;
  background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.015));
  border-top:1px solid rgba(255,255,255,.10);}
.ft-bottom .fb-icp{text-align:left;}
.ft-bottom .fb-copy{text-align:center;}
.ft-bottom .fb-links{display:flex;align-items:center;justify-content:flex-end;gap:14px;}
.ft-bottom .sep{color:rgba(255,255,255,.3);font-style:normal;}
.ft-bottom a{color:inherit;text-decoration:none;transition:color .2s;}
.ft-bottom a:hover{color:#fff;}
.fb-br{display:none;}

/* ---------- 笔记本 / 窄一些的 PC ---------- */
@media (min-width:901px) and (max-width:1366px){
  .site-footer{padding-top:56px;}
  /* 二维码间距仍与全端一致，不额外加宽组间距 */
  .ft-label{margin-bottom:18px;}
  .ft-qr span{margin-top:8px;}
  .ft-social-box{padding:16px 12px 12px;gap:4px;}
  .ft-soc-name{margin-top:8px;}
  .ft-nav h4{margin-bottom:20px;}
  .ft-nav--media{margin-top:56px;}
  .ft-contact-item{gap:8px;}
}
@media (min-width:901px) and (max-width:1100px){
  .ft-grid{grid-template-columns:1fr;row-gap:44px;}
  .ft-contact{column-gap:60px;}
  .ft-brand{justify-content:flex-start;margin-top:40px;}
  .ft-branch{align-items:flex-start;margin-top:24px;}
  .ft-branch .f-addr{text-align:left;}
  .ft-bottom{grid-template-columns:1fr;justify-items:start;gap:8px;}
  .ft-bottom .fb-copy,.ft-bottom .fb-links{text-align:left;justify-content:flex-start;}
}

/* ---------- 1101–1250 窄 PC：长二维码标签加宽、链接与备案行不折行 ---------- */
@media (min-width:901px){
  .ft-qr span.is-long{width:calc(100% + 18px);margin-left:-9px;}
}
@media (min-width:1101px) and (max-width:1250px){
  .ft-links{gap:10px 8px;}
  .ft-bottom{gap:14px;font-size:12px;grid-template-columns:1.2fr auto .8fr;}
}

/* 桌面（≥1101）：热线与邮箱两端对齐——热线贴左栏左缘、邮箱贴左栏右缘
   （右边缘与二维码/海外市场灰框右边缘自然对齐）；字号统一 24px。
   条目按内容尺寸排布、可收缩，宽度不足时邮箱内部换行兜底（不溢出）。 */
@media (min-width:1101px){
  .ft-contact{justify-content:space-between;column-gap:clamp(20px,2vw,44px);}
  .ft-contact-item{flex:0 1 auto;min-width:0;flex-wrap:wrap;white-space:normal;overflow-wrap:anywhere;}
  .ft-contact-item span{font-size:22px;}
  .ft-contact-item strong{font-size:22px;overflow-wrap:anywhere;}
}

/* ---------- 平板 / 手机：单列，按阅读顺序重排 ---------- */
@media (max-width:900px){
  .site-footer{padding:44px 0 0;
    background:radial-gradient(ellipse 90% 60% at 50% 118%,rgba(120,148,190,.26),transparent 72%),
      linear-gradient(180deg,#102458 0%,#0c1a40 45%,#0a1228 100%);}
  .site-footer>.container{display:block;padding:0;}
  .ft-grid{display:flex;flex-direction:column;align-items:stretch;gap:0;}
  .ft-col--main,.ft-col--side{display:contents;}
  .ft-contact{order:1;flex-direction:row;flex-wrap:nowrap;align-items:flex-start;gap:clamp(14px,4vw,28px);}
  .ft-contact-item{white-space:normal;}
  .ft-contact-item span{font-size:16px;}
  .ft-contact-item strong{font-size:17px;}
  .ft-nav--core{order:2;margin-top:34px;}
  .ft-nav--media{order:3;margin-top:26px;}
  .ft-nav h4{font-size:18px;margin-bottom:14px;}
  .ft-links{justify-content:flex-start;gap:10px 20px;}
  .ft-links a{font-size:14px;}
  /* align-items:stretch 让两组二维码都撑满整行，space-between 才有左右两端可贴 */
  .ft-qrgroup{order:4;flex-direction:column;align-items:stretch;gap:26px;margin-top:34px;}
  .ft-label{font-size:17px;margin-bottom:14px;}
  /* 二维码两端对齐：列数 / 尺寸 / 等分间距由 site-footer.js 按实际宽度算出。
     6 张视频号二维码放得下就是一行，放不下自动 3 列 / 2 列。 */
  .ft-qr-row{display:flex;flex-wrap:wrap;align-items:flex-start;
    justify-content:space-between;width:100%;
    column-gap:var(--fit-gap,10px);row-gap:18px;}
  /* 公众号两张与视频号同尺寸同间距，靠左起排（不强行拉到两端，避免间距不一致） */
  .ft-qr-col--wechat .ft-qr-row{justify-content:flex-start;}
  .ft-qr{flex:0 0 var(--item-w,72px);width:var(--item-w,72px);max-width:none;}
  .ft-qr-box{width:100%;max-width:none;}
  .ft-qr span{font-size:11.5px;white-space:normal;overflow-wrap:anywhere;}
  .ft-social{order:5;margin-top:30px;}
  .ft-social-box{display:flex;flex-wrap:wrap;align-items:flex-start;
    justify-content:space-between;column-gap:var(--soc-gap,8px);row-gap:18px;
    padding:16px 12px;}
  .ft-social .ft-label{margin-bottom:14px;}
  .ft-soc{flex:0 0 var(--soc-w,72px);width:var(--soc-w,72px);
    display:flex;flex-direction:column;align-items:center;}
  .ft-soc.is-edge-l{align-items:flex-start;text-align:left;}
  .ft-soc.is-edge-r{align-items:flex-end;text-align:right;}
  .ft-av{width:48px;height:48px;margin:0;}
  .ft-soc-name{font-size:11px;margin-top:8px;white-space:normal;overflow-wrap:anywhere;}
  .ft-brand{order:6;justify-content:flex-start;margin-top:32px;}
  .ft-logo img{width:86px;}
  .ft-branch{order:7;align-items:flex-start;margin-top:24px;}
  .ft-branch .branch{width:170px;}
  .ft-branch .branch-btn{height:36px;font-size:15px;}
  .ft-branch .f-addr{font-size:14px;text-align:left;margin-top:16px;}
  .ft-bottom{grid-template-columns:1fr;justify-items:start;gap:8px;
    margin-top:34px;padding:18px 0 26px;font-size:12px;}
  .ft-bottom .fb-copy,.ft-bottom .fb-links{text-align:left;justify-content:flex-start;}
  .fb-br{display:block;}
}
@media (max-width:600px){
  .site-footer>.container{padding:0;}
  .ft-contact{column-gap:14px;}
  .ft-contact-item{flex-wrap:wrap;gap:6px;}
  .ft-qr-row{row-gap:16px;}
  .ft-qr span{font-size:11px;}
  .ft-social-box{padding:16px 8px;row-gap:16px;}
  .ft-av{width:44px;height:44px;}
  .ft-soc-name{font-size:10.5px;}
}
@media (max-width:400px){
  .ft-qr span{font-size:10.5px;}
  .ft-av{width:40px;height:40px;}
  .ft-soc-name{font-size:10px;}
}

/* ============================================================
   2026-11-11 续改 · 成功易 02 / 03 / 04 三卡圆点面板
     PC（≥901）一行2列 / 12px / 长文本独自占一行 / 白框约 373×199，
     规则见上方 @media (min-width:901px) 段；移动端沿用各历史断点。
   ============================================================ */
@media (min-width:901px) and (max-width:1100px){
  .strength .feat-grid .feat-card{height:360px;}
}
@media (min-width:1101px) and (max-width:1699px){
  .strength .feat-grid .feat-card{height:400px;}
}
@media (min-width:601px) and (max-width:900px){
  .strength .feat-grid .feat-card{height:360px;}
}

/* ============================================================
   2026-11-11 续改第 4 批 · 按截图收口（放在样式表最后，压过全部历史规则）
     A 成功易：媒体 logo 原始 330×96 居中；02/03/04 三卡文字垂直均匀分布
     B AI SaaS：选项卡改为「纯色圆角块」，全无线条，靠颜色形成形状
   ============================================================ */

/* ---- A1 全域流量媒体 logo：330×96 原始尺寸，白框内水平 + 垂直居中 ---- */
@media (min-width:901px){
  .strength .feat-card.is-active .fvisual-logos{
    display:flex;align-items:center;justify-content:center;
    grid-template-columns:none;grid-template-rows:none;
    column-gap:0;row-gap:0;padding:14px 18px;
  }
  .strength .fvisual-logos .media-logo{
    width:330px;max-width:100%;height:auto;object-fit:contain;margin:0;
  }
  /* ---- A2 02/03/04 三卡：199px 白框内圆点文字垂直均匀等间距 ---- */
  .strength .feat-card.is-active .fvisual-list,
  .strength .feat-card.is-active .fvisual-list.is-grid{
    display:grid;grid-template-columns:1fr 1fr;grid-auto-rows:min-content;
    grid-template-rows:none;
    align-content:space-between;justify-content:stretch;
    gap:0 16px;padding:16px 16px;min-height:199px;
  }
  .strength .feat-card.is-active .fvisual-list .fl-item{
    font-size:16px;line-height:1.5;
  }
}

/* ---- B1 AI SaaS 选项卡：三段等分纯色块，无边框无横线 ---- */
@media (min-width:901px){
  .saas .saas-tabs{
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:6px;justify-content:stretch;
  }
  .saas .saas-tab{
    box-sizing:border-box;padding:18px 24px 20px;
    background:rgba(255,255,255,.055);
    border:0;border-radius:16px 16px 0 0;
    transition:background .3s;
  }
  .saas .saas-tab .tab-cell{padding-bottom:0;border:0;}
  .saas .saas-tab:not(.is-active):hover{background:rgba(255,255,255,.09);}
  .saas .saas-tab.is-active{
    background:rgba(255,255,255,.12);
    border:0;border-radius:16px 16px 0 0;
    margin-bottom:-2px;padding:18px 24px 20px;z-index:2;
  }
  .saas .saas-tab.is-active .tab-cell{padding-bottom:0;border:0;background:none;border-radius:0;}
  .saas .saas-tab:focus-visible .tab-cell{border:0;}
  /* 卡片与选中标签同色同底，顶边无 border，二者靠颜色融为一体 */
  .saas .saas-card{
    background:rgba(255,255,255,.12);
    border:0;
    box-shadow:0 22px 54px rgba(2,12,40,.30);
  }
  .saas .saas-panel.is-active .card-left{border-right:0;}
}

/* ---- B2 右侧四个条目：纯渐变色条，去掉描边与悬停渐变边框（全端一致） ---- */
.saas .flow-row{
  border:0;border-radius:10px;
  background:linear-gradient(90deg,rgba(255,255,255,.16),rgba(255,255,255,.05));
}
.saas .flow-row::before{display:none;}
.saas .flow-row:hover{
  border:0;box-shadow:none;
  background:linear-gradient(90deg,rgba(255,255,255,.24),rgba(255,255,255,.09));
}
/* B3 全端：清掉历史断点里残留的 1px 边框（平板 / 手机同样靠颜色成形） */
.saas .saas-tab,
.saas .saas-tab .tab-cell,
.saas .saas-card{border:0;}

/* ============================================================
   2026-11-11 续改第 5 批 · 按用户红框标注收口
     A 成功易：四张卡的白框严格 199px（不再被 flex:1 拉伸到 245px）
     B AI SaaS：标签条与卡片同底同色连成一个连续形状，
       取消标签下方横线 / 左边缘接缝 / 左右分栏竖线，只靠颜色区分选中态
   ============================================================ */

/* ---- A 成功易白框：严格 199px，贴卡片底部（剩余空间自动分配到上方） ---- */
@media (min-width:901px){
  .strength .feat-card.is-active .fvisual{
    flex:0 0 199px;
    height:199px;min-height:199px;max-height:199px;
    margin-top:auto;margin-bottom:0;
    box-sizing:border-box;
  }
}

/* ---- B1 AI SaaS：标签条 + 卡片 = 一个连续色块，零线条零接缝 ---- */
@media (min-width:901px){
  /* 标签条自身与卡片同底色，顶部圆角由整条统一裁切，左边缘上下连成一条直线 */
  .saas .saas-tabs{
    gap:0;overflow:hidden;
    background:rgba(255,255,255,.12);
    border-radius:16px 16px 0 0;
  }
  .saas .saas-tab,
  .saas .saas-tab.is-active{
    background:transparent;
    border:0;border-radius:0;
    margin:0;padding:18px 24px 20px;
    position:relative;z-index:auto;
    transition:background .3s;
  }
  .saas .saas-tab .tab-cell,
  .saas .saas-tab.is-active .tab-cell{
    padding:0;border:0;background:none;border-radius:0;
  }
  /* 选中标签：顶部更亮、向下渐隐至完全同色，靠颜色形成形状且下缘零分界 */
  .saas .saas-tab.is-active{
    background:linear-gradient(180deg,rgba(255,255,255,.12) 0%,rgba(255,255,255,.05) 62%,rgba(255,255,255,0) 100%);
  }
  .saas .saas-tab:not(.is-active):hover{background:rgba(255,255,255,.05);}
  .saas .saas-tab:focus-visible .tab-cell{border:0;}

  /* 卡片与标签条完全同色，顶部两角取方，二者之间不出现任何横线 */
  .saas .saas-card{
    background:rgba(255,255,255,.12);
    border:0;border-radius:0 0 16px 16px;
    -webkit-backdrop-filter:none;backdrop-filter:none;
    box-shadow:0 22px 54px rgba(2,12,40,.30);
    padding-top:30px;
  }
  /* 收窄标签与内容之间的空白（红框标出的空白带） */
  .saas .saas-card .card-left .cap{margin-bottom:14px;}
}

/* ---- B2 全端：左右分栏竖线 / 平板断点横线彻底清除 ---- */
.saas .card-left,
.saas .saas-panel .card-left{
  border-right:0;border-bottom:0;
}
.saas .card-left::before,
.saas .card-left::after{content:none;display:none;}
.saas .card-right{border-left:0;}

/* ============================================================
   2026-11-12 第 6 批 · 按两张截图与逐条要求统一收口
   重要：index.html / site-footer.js 由用户手动改过文案，本批一律未动文字，
         只改样式、排版与响应式；整块置于样式表最后，压过全部历史规则。
     1 所有文字：1920 保持原字号，窄屏按视口收敛，缩小下限 12px
     2 导航：浅底 slogan 转黑、400 电话深底白 / 白底蓝、联系我们下拉按截图
     3 流量天花板 + 行业案例：移动端标签 / 箭头上移、白色胶囊内距 50px
     4 成功易：全端 logo 居中、后 3 卡每行 2 列 / 行距 35px / 白框内垂直居中
     5 页脚：右侧信息组底端对齐、视频号文字每行 5 字居中
     6 右侧悬浮：图标统一、去在线咨询图标与回顶、机器人 127×165、中线对齐
   ============================================================ */

/* ---------- 1 文字响应式：1920 原样，901–1919 按 N/19.2vw 线性收敛，硬下限 12px ---------- */
@media (min-width:901px) and (max-width:1919px){
  /* 已用变量控制的大字号：只把下限压到 12px，斜率与上限保持 1920 基准不变 */
  :root{
    --f56:clamp(12px,2.9167vw,56px);  --f48:clamp(12px,2.1875vw,42px);
    --f42:clamp(12px,2.1875vw,42px);  --f36:clamp(12px,1.875vw,36px);
    --f32:clamp(12px,1.6667vw,32px);  --f26:clamp(12px,1.3542vw,26px);
    --f24:clamp(12px,1.25vw,24px);    --f22:clamp(12px,1.1458vw,22px);
    --f18:clamp(12px,0.9375vw,18px);  --f16:clamp(12px,0.8333vw,16px);
    --f14:clamp(12px,0.7292vw,14px);
  }
  /* 固定 px 的主要文字（1920 基准 Npx → N/19.2 vw，最小 12px） */
  .site-header .brand-slogan,
  .main-nav a,
  .nd-title,
  .pain-notes p,
  .sec-head .head-note{font-size:max(12px,.8333vw);}          /* 16px */
  .btn,.sec-desc{font-size:max(12px,.8594vw);}                 /* 16.5px */
  .contact-row__title{font-size:max(12px,.8333vw);}            /* 16px，与 .nd-title 一致 */
  .header-tel strong,.nav-tel strong{font-size:max(12px,1.0417vw);} /* 20px */
  .ft-label,.ft-branch .f-addr,.case-tab{font-size:max(12px,1.0417vw);}
  .ft-contact-item span,.ft-contact-item strong{font-size:max(12px,1.1458vw);} /* 22px */
  .eyebrow,.nd-desc,.nd-guide,.contact-row__desc{font-size:max(12px,.7552vw);}   /* 14.5px */
  .btn.btn-sm,.case-tab .tab-go,.case-stat .num em,
  .pain-left .pain-desc,.contact-cta{font-size:max(12px,.7813vw);}          /* 15px */
  .nd-link{font-size:max(12px,.7292vw);}    /* 14px */
  .case-tag,.case-pager,.wecom-pop span,
  .header-tel,.nav-tel{font-size:max(12px,.6771vw);}           /* 13px */
  .sec-title{font-size:max(12px,2.0833vw);}                    /* 40px */
}

/* ---------- 2 导航 ---------- */
/* 2-1 浅色背景时「用AI驱动企业数字营销」转为纯黑 */
.site-header.is-stuck .brand-slogan{color:#000;}
/* 2-2 400 电话：透明 / 深色背景为白色，白色背景为蓝色 */
.header-tel,.nav-tel{color:#fff;}
.header-tel strong,.nav-tel strong{color:#fff;text-shadow:none;}
.header-tel:hover strong,.nav-tel:hover strong{color:rgba(255,255,255,.78);}
.site-header.is-stuck .header-tel{color:var(--brand);}
.site-header.is-stuck .header-tel strong{color:var(--brand);text-shadow:none;}
.site-header.is-stuck .header-tel:hover strong{color:#1246c8;}
.site-header.open .main-nav .nav-tel,
.site-header.open .main-nav .nav-tel strong{color:#fff;}

/* 2-3 联系我们下拉：一整张白色圆角卡，垂直列表 + 底部在线咨询主按钮（2026-11-13 改版） */
@media (min-width:901px){
  .site-header .main-nav .nav-drop--contact{
    width:340px;gap:0;padding-top:18px;
  }
  .site-header .main-nav .nav-drop--contact .contact-list{
    display:flex;flex-direction:column;padding:12px;border-radius:16px;
    background:#fff;border:1px solid rgba(20,50,120,.10);
    box-shadow:0 18px 50px rgba(10,30,80,.16);
  }
  .site-header .main-nav .nav-drop--contact .contact-row{padding:13px 16px;border-radius:12px;}
  .site-header .main-nav .nav-drop--contact .contact-row__title{
    font-size:max(12px,.8333vw);font-weight:600;color:#1c2a46;white-space:nowrap;
  }
  .site-header .main-nav .nav-drop--contact .contact-row__desc{
    margin-top:6px;font-size:max(12px,.7552vw);line-height:1.6;color:#5b6b85;white-space:nowrap;
  }
  .site-header .main-nav .nav-drop--contact .contact-cta{
    height:44px;margin:10px 0 0;border-radius:12px;
    background:var(--brand);color:#fff;font-size:max(12px,.7813vw);
  }
  .site-header .main-nav .nav-drop--contact .contact-cta:hover,
  .site-header .main-nav .nav-drop--contact .contact-cta:focus-visible{background:#1246c8;color:#fff;}
}

/* ---------- 3 白色胶囊 + 平板 / 手机端标签与箭头上移 ---------- */
/* 3-1 胶囊宽度随内容自适应，左右内间距恒 50px（窄屏不再被固定 --w-tag 挤到溢出） */
@media (min-width:901px){
  .case-tag{width:auto;max-width:calc(100% - 68px);padding:9px 50px;
    text-align:center;white-space:nowrap;}
}
@media (max-width:900px){
  .case-tag{width:auto;max-width:calc(100% - 28px);padding:7px 20px;}
  /* 3-2 流量天花板：标题 → 标签标题（上方点击切换） → 蓝色卡片 */
  .growth .container{display:flex;flex-direction:column;}
  .growth .sec-head{order:1;margin-bottom:20px;}
  .growth .tab-nav{order:2;margin:0 0 18px;}
  .growth .pain-card{order:3;margin-top:0;}
  /* 3-3 行业案例：标题 → 切换箭头（上方点击切换） → 卡片 → 行业标签 */
  .cases .container{display:flex;flex-direction:column;}
  .cases .sec-head{display:contents;}
  .cases .sec-head>div{order:1;margin-bottom:18px;}
  .cases .sec-head>.cases-tools{order:2;justify-content:flex-end;
    width:auto;margin:0 0 14px;padding-top:0;gap:12px;}
  .cases .case-stage{order:3;margin-top:0;}
  .cases .case-tabs{order:4;}
}

/* ---------- 4 成功易 ---------- */
/* 4-1 全域流量媒体 logo：全端按 330×96 原始比例，白框内水平 + 垂直居中 */
.strength .feat-card.is-active .fvisual-logos{
  display:flex;align-items:center;justify-content:center;
  grid-template-columns:none;grid-template-rows:none;
  column-gap:0;row-gap:0;padding:14px 18px;
}
/* 特异性须高于历史移动端规则 .strength .feat-card.is-active .fvisual-logos img{height:16px}，
   否则窄屏整图会被压成 16px 高的细条。 */
.strength .feat-card.is-active .fvisual-logos .media-logo{
  width:330px;max-width:100%;height:auto;object-fit:contain;margin:0;
}
/* 4-2 后 3 卡：每行 2 列、行间距 35px、在白框内垂直居中 */
.strength .feat-card.is-active .fvisual-list,
.strength .feat-card.is-active .fvisual-list.is-grid,
.strength .feat-card.is-active .fvisual-list.is-deep,
.strength .feat-card.is-active .fvisual-list.is-onecol{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));
  grid-auto-rows:min-content;grid-template-rows:none;
  align-content:center;justify-content:stretch;
  gap:35px 16px;padding:16px;min-height:199px;
}
.strength .feat-card.is-active .fvisual-list .fl-item{
  grid-column:auto;min-width:0;font-size:16px;line-height:1.45;
  white-space:normal;overflow-wrap:anywhere;
}
.strength .feat-card.is-active .fvisual-list .fl-row{display:contents;}
@media (max-width:900px){
  /* 移动端卡片较矮：行距收敛，避免 199px 白框内溢出，2 列与垂直居中保持不变 */
  .strength .feat-card.is-active .fvisual-list,
  .strength .feat-card.is-active .fvisual-list.is-grid,
  .strength .feat-card.is-active .fvisual-list.is-deep,
  .strength .feat-card.is-active .fvisual-list.is-onecol{gap:16px 10px;min-height:0;}
  .strength .feat-card.is-active .fvisual-list .fl-item{font-size:13px;}
}

/* ---------- 5 页脚 ---------- */
/* 5-1 右侧 logo / 北京总部 / 地址成一组，与左栏「海外社媒」灰框底端对齐 */
@media (min-width:901px){
  .ft-grid{align-items:stretch;}
  .ft-col--side{display:flex;flex-direction:column;}
  .ft-brand{margin-top:auto;}
  .ft-branch{margin-bottom:0;}
}
/* 5-2 视频号下方文字：每行 5 个字、居中对齐（不改文案字符，只改排版） */
.ft-qr-row--video .ft-qr span,
.ft-qr-row--video .ft-qr span.is-long{
  width:5em;max-width:100%;margin-left:auto;margin-right:auto;
  text-align:center;white-space:normal;overflow-wrap:anywhere;
}

/* ---------- 6 右侧悬浮 ---------- */
/* 6-1 / 6-4 移除悬浮栏内的在线咨询小图标与独立「回到顶部」按钮 */
.float-tools .ft-video-btn,.back-top{display:none !important;}
/* 6-5 悬浮栏各项沿同一条竖直线居中对齐；微信与邮件图标尺寸完全一致 */
.float-tools{align-items:center;justify-content:center;gap:14px;}
.float-tools>.ft-item,.float-tools>.ft-btn{display:flex;align-items:center;justify-content:center;flex:0 0 54px;}
.float-tools .ft-btn,
.float-tools .ft-item--wechat .ft-btn,
.float-tools .ft-item--wechat .ft-item .ft-btn{
  width:54px;height:54px;max-width:54px;max-height:54px;padding:0;
}
.float-tools .ft-btn img{
  width:100%;height:100%;object-fit:contain;padding:7px;border-radius:50%;
}
/* 6-3 在线咨询机器人：右下角独立的 127×165 长方形盒子，蓝色圆角边框（按截图） */
.float-consult{
  position:fixed;right:12px;bottom:20px;z-index:85;
  width:127px;height:165px;padding:6px;
  border:0;border-radius:26px;cursor:pointer;overflow:hidden;
  background:linear-gradient(160deg,#3b91ff 0%,#1a6cf0 48%,#22d3ee 100%);
  box-shadow:0 12px 32px rgba(16,60,150,.32);
  transition:transform .25s var(--ease),box-shadow .25s var(--ease);
}
.float-consult:hover,.float-consult:focus-visible{
  transform:translateY(-4px);box-shadow:0 16px 38px rgba(16,60,150,.42);
}
.float-consult video,.float-consult img{
  display:block;width:100%;height:100%;border-radius:20px;
  object-fit:cover;object-position:center 42%;background:#eef4ff;
}
/* 2026-11-13：改用 image/consult-robot-anim.webp（动图，由 resized-714x786.webp 派生：
   已去掉原图四角的黑底与蓝色圆环，改为径向延伸的浅色底，127×165 盒子内 cover 显示）。
   consult-robot.png 已按 127:165 处理好（去黑角 / 去水印 / 2 倍清晰度），留作静态回退；
   若日后切回 940×940 原视频，用 scale 裁掉正方形构图的黑色四角。 */
.float-consult video{transform:scale(1.16);}
@media (max-width:900px){
  .float-consult{width:96px;height:125px;right:8px;bottom:12px;border-radius:20px;padding:5px;}
  .float-consult video,.float-consult img{border-radius:15px;}
}

/* ============================================================
   2026-11-12 第 7 批（12 日第 2 次）· 逐条收口
     1 成功易后 3 卡白框：文字不折行（整框逐级 -2px，下限 12px）；
       .is-wide 长文本全端跨 2 列（占满整行）
     2 行业案例：平板 / 手机端左右箭头两端对齐
     3 AI SaaS：平板 / 手机端标签移到卡片上方
     4 页脚：二维码 / 社媒文字按截图固定折行（由 <br> 决定，全端一致）
     5 平板 / 手机端底部吸底「在线咨询」横条
   整块置于样式表最后，压过全部历史规则；index.html 与页脚文案未改字符。
   ============================================================ */

/* ---- 7-1 成功易：白框内文字 ---- */
/* 第 8 批：后 3 卡共用一个字号变量，挂在 .feat-grid 上（不挂在某个白框上），
   保证 02 / 03 / 04 三卡同一位置的字号永远一致；
   site-common.js 同时检查 3 张卡，取「最需要缩小的那张」逐级 -2px（≤12px 停）。
   nowrap 保证单行，触底 12px 仍放不下的个别项由 JS 单独放行折行。 */
.strength .feat-grid{
  --fl-fs:16px;
}
/* 逗号分隔的每个选择器各自计特异性：带 is-active:nth-child 的 0,6,0 版本
   用来压过历史 ≤600 断点里 .fl-item{font-size:12.5px} 的 0,5,0 规则。 */
.strength .feat-card .fvisual-list .fl-item,
.strength .feat-card.is-active:nth-child(2) .fvisual-list .fl-item,
.strength .feat-card.is-active:nth-child(3) .fvisual-list .fl-item,
.strength .feat-card.is-active:nth-child(4) .fvisual-list .fl-item{
  font-size:var(--fl-fs,16px);
  white-space:nowrap;overflow-wrap:normal;
}
/* 「运营白皮书」这类独占一行只有 1 列的长文本：占满 2 列宽度，确保不折行。
   用 0,6,0 特异性压过历史 ≤600 断点里把 is-wide 改回 auto 的规则。 */
.strength .feat-card.is-active .fvisual-list .fl-item.is-wide,
.strength .feat-card.is-active:nth-child(2) .fl-item.is-wide,
.strength .feat-card.is-active:nth-child(3) .fl-item.is-wide,
.strength .feat-card.is-active:nth-child(4) .fl-item.is-wide{
  grid-column:1 / -1;
  /* 压过历史 ≤600 断点里的 white-space:normal / overflow-wrap:anywhere */
  white-space:nowrap;overflow-wrap:normal;
}
@media (max-width:900px){
  .strength .feat-grid{--fl-fs:13px;}
}

/* ---- 7-2 行业案例：平板 / 手机端箭头两端对齐 ---- */
@media (max-width:900px){
  .cases .sec-head>.cases-tools{
    order:2;justify-content:space-between;align-items:center;
    width:100%;margin:0 0 14px;padding:0;gap:12px;
  }
}

/* ---- 7-3 AI SaaS：平板 / 手机端标签在卡片上方点击切换 ---- */
@media (max-width:900px){
  .saas .container{display:flex;flex-direction:column;}
  .saas .saas-head{order:1;}
  .saas .saas-tabs{order:2;margin:0 0 16px;}
  .saas .saas-card{order:3;margin-top:0;}
}

/* ---- 7-4 页脚：折行位置由 <br> 固定，全端一致 ---- */
/* 覆盖第 6 批的 width:5em / 每行 5 字，以及历史断点里的 width 负外边距、
   white-space:normal；nowrap 只禁止「自动」折行，<br> 强制换行照常生效。 */
.site-footer .ft-qrgroup .ft-qr span,
.site-footer .ft-qrgroup .ft-qr span.is-long,
.site-footer .ft-social-box .ft-soc-name{
  width:auto;max-width:none;
  margin-left:0;margin-right:0;
  white-space:nowrap !important;
  overflow-wrap:normal !important;
  text-align:center;
}

/* ---- 7-5 平板 / 手机端底部吸底「在线咨询」横条 ---- */
.mobile-consult-bar{display:none;}
@media (max-width:900px){
  .mobile-consult-bar{
    display:flex;align-items:center;justify-content:center;gap:8px;
    position:fixed;left:0;right:0;bottom:0;z-index:90;
    height:52px;padding:0 16px;box-sizing:border-box;
    background:linear-gradient(90deg,#1a56f0 0%,#2f86ff 100%);
    color:#fff;font-size:16px;font-weight:600;letter-spacing:.08em;
    text-decoration:none;-webkit-tap-highlight-color:transparent;
    box-shadow:0 -6px 22px rgba(6,24,70,.30);
  }
  .mobile-consult-bar::after{content:"↗";font-size:15px;font-weight:400;opacity:.9;}
  /* 机器人盒子上移，避免被吸底条盖住；页脚留白避免最后一行被遮挡 */
  .float-consult{bottom:64px;}
  .site-footer{padding-bottom:64px;}
  /* 备案 / 版权行为机器人盒子让出右侧空间，文字不再被悬浮窗压住 */
  .site-footer .ft-bottom{padding-right:104px;}
}

/* ============================================================
   2026-11-12 第 8 批（12 日第 3 次）
     1 成功易后 3 卡白框字号统一：--fl-fs 上提到 .feat-grid，
       由 site-common.js 同时检查 3 张卡、取最窄的一档统一收敛。
     2 悬浮「在线咨询」机器人盒子：平板 / 手机端（≤900）完全不显示；
       桌面的 127×165 与点击打开咨询弹窗保持不变。
   ============================================================ */
@media (max-width:900px){
  .float-consult{display:none !important;}
  /* 机器人已隐藏，撤掉第 7 批为它预留的版权行右侧避让，恢复自然排版 */
  .site-footer .ft-bottom{padding-right:0;}
}

/* ============================================================
   2026-11-13 首页第 9 批 · 平板 / 手机端两项修正（≤900）
     1 行业出海增长实录：「获取同行业增长方案」恢复与 PC 一致的胶囊按钮。
       历史移动端规则（2431/2435 段）把它降级成无边框纯文字，故在此末尾覆盖。
     2 AI SaaS 生态营销体系：标签标题只保留 .saas-tab 一层选中色块，
       去掉内层 .tab-cell 的浅色圆角包裹块（与 ≥901 的 PC 结构一致）。
   ============================================================ */
@media (max-width:900px){
  /* 1 按钮：完全沿用 PC（min-width:901px）规格，含右侧箭头 →；
     移动端原有的 margin-top:20px 保持不变，不改动段落与按钮的上下间距 */
  .cases .case-overlay a.case-read{
    display:inline-flex;align-items:center;gap:10px;
    padding:10px 18px;border:1px solid rgba(255,255,255,.62);border-radius:999px;
    background:rgba(255,255,255,.08);color:#fff;
    font-size:14px;font-weight:500;text-decoration:none;white-space:nowrap;
  }
  .cases .case-overlay a.case-read span{display:inline;font-size:1.1em;line-height:1;}

  /* 2 只留一层：清掉内层包裹块的底色与圆角 */
  .saas .saas-tabs .saas-tab .tab-cell,
  .saas .saas-tabs .saas-tab.is-active .tab-cell{
    background:none;border-radius:0;box-shadow:none;
  }
}


/* ============================================================
   2026-11-13 首页第 10 批 · 六项微调
     1 ≤900 AI SaaS 三个标签：未选中文字在整行内垂直居中，
       选中文字贴顶（上移），保持原有选中色块与左右内边距不变。
     2 ≤360 成功易大标题：字号收小，第一行「成功易 · 更懂中国外贸企业」
       不再折行，避免第二行只剩 1 个字。
     3 行业基准卡白底：改为 2 行 × 2 列（HTML 已加 is-grid 并去掉 is-wide）。
     4 ≤600 全域流量卡白底面板：上下内边距 30px。
     5 ≥1400 出海安全证书图放宽：1920 视口下图片宽 1600px（左右各外扩 48px）。
     6 ≤900 页脚「海外社媒」：图标等距（取消首尾贴边对齐，统一 72px 等宽格）。
   ============================================================ */

/* ---- 1 AI SaaS 标签文字垂直位置（平板 / 手机） ---- */
@media (max-width:900px){
  .saas .saas-tabs{align-items:stretch;}
  .saas .saas-tab .tab-cell{justify-content:center;}
  .saas .saas-tab.is-active{padding-top:0;}
  .saas .saas-tab.is-active .tab-cell{justify-content:flex-start;padding-top:12px;}
}

/* ---- 2 窄屏大标题不折行 ---- */
@media (max-width:360px){
  .str-head .sec-title{font-size:21px;line-height:1.36;}
}

/* ---- 3 行业基准白底：严格 2 行 × 2 列 ---- */
.strength .feat-card.is-active .fvisual-list.is-pair{
  display:grid;grid-template-columns:1fr 1fr;
  align-content:center;gap:14px 16px;min-height:0;
}
/* 窄卡片（约 1180–1500）两列只有 100px 出头，条目会折行：
   pretty 让断行均分，避免出现「8 字 + 1 字」的孤字行 */
.strength .feat-card.is-active .fvisual-list.is-pair .fl-item{text-wrap:pretty;}
/* 手机端脚本会按旧的「整行长条目」判定加 .is-onecol 退回单列；
   现在四条都只有 9 个字，实测 390/360/344 两列均可容纳（最宽 118 < 145），
   这里统一拉回两列，保证全端都是 2 行 × 2 列 */
@media (max-width:600px){
  .strength .feat-card.is-active:nth-child(2) .fvisual-list.is-pair.is-onecol{
    display:grid;grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

/* ---- 4 全域流量卡白底面板：手机端上下 30px ---- */
@media (max-width:600px){
  .strength .feat-card.is-active .fvisual-logos{padding-top:30px;padding-bottom:30px;}
}

/* ---- 5 出海安全证书：放宽到 1920 下图片 1600px ---- */
@media (min-width:1400px){
  .honor-media{margin-left:-48px;margin-right:-48px;}
}

/* ---- 6 页脚海外社媒图标等距 ---- */
@media (max-width:900px){
  .site-footer .ft-soc.is-edge-l,
  .site-footer .ft-soc.is-edge-r{align-items:center;text-align:center;}
}

/* ---- 7 页脚手机端：热线与邮箱上下排列，邮箱地址整行不折 ---- */
@media (max-width:600px){
  /* 两块上下排列；块内也统一「标签在上、号码/邮箱在下」，
     避免 360 以下出现「标签+值」被自动挤成两行、360 以上又是一行的不一致 */
  .site-footer .ft-contact{flex-direction:column;flex-wrap:nowrap;
    align-items:flex-start;row-gap:16px;column-gap:0;}
  .site-footer .ft-contact-item{flex-direction:column;align-items:flex-start;
    flex-wrap:nowrap;gap:3px;max-width:100%;}
  .site-footer .ft-contact-item strong{white-space:nowrap;}
  .site-footer .ft-contact-item span{font-size:14px;line-height:1.4;}
  .site-footer .ft-contact-item strong{font-size:17px;line-height:1.35;}
}

/* ---- 8 首页 AI SaaS 标签（平板 / 手机 ≤900）：
        选中只保留「文字上移 + 文字高亮」，去掉色块底、圆角、边框、悬停变色等其它效果 ---- */
@media (max-width:900px){
  .saas .saas-tabs .saas-tab,
  .saas .saas-tabs .saas-tab.is-active,
  .saas .saas-tabs .saas-tab:not(.is-active):hover,
  .saas .saas-tabs .saas-tab.is-active:hover{
    background:none;border:0;border-radius:0;box-shadow:none;
    margin:0;padding:0;            /* 与未选中内边距一致，三列文字起点对齐 */
  }
  /* 上下内边距对调：总高度不变（4+20 与 20+4 相同），
     未选中文字偏下、选中文字整体上移 16px，不产生任何背景或线条 */
  .saas .saas-tabs .saas-tab .tab-cell{
    justify-content:flex-start;padding-top:24px;padding-bottom:8px;
  }
  .saas .saas-tabs .saas-tab.is-active .tab-cell{
    justify-content:flex-start;padding-top:8px;padding-bottom:24px;
  }
  /* 选中：文字高亮 */
  .saas .saas-tabs .saas-tab.is-active .tab-abbr{
    color:#fff;text-shadow:0 0 18px rgba(158,200,255,.5);
  }
  .saas .saas-tabs .saas-tab.is-active .tab-desc{color:rgba(255,255,255,.94);}
}

/* ---- 9 首页 AI SaaS 标签（≤900）：选中恢复「上方圆角」背景块，
        文字仍在块内偏上 + 高亮；未选中保持无底、文字偏下 ---- */
@media (max-width:900px){
  .saas .saas-tabs .saas-tab .tab-cell{
    justify-content:flex-start;padding-top:28px;padding-bottom:8px;
  }
  .saas .saas-tabs .saas-tab.is-active{
    background:rgba(255,255,255,.12);
    border:0;border-radius:16px 16px 0 0;
    margin:0;padding:12px 12px 0;
    box-shadow:none;
  }
  /* 块内文字可用宽度变窄，均衡断行，避免最后一行只剩 1 个字 */
  .saas .saas-tabs .saas-tab.is-active .tab-desc{text-wrap:pretty;}
  .saas .saas-tabs .saas-tab.is-active:hover{background:rgba(255,255,255,.12);}
  .saas .saas-tabs .saas-tab.is-active .tab-cell{
    justify-content:flex-start;padding-top:0;padding-bottom:8px;
  }
  .saas .saas-tabs .saas-tab.is-active .tab-abbr{color:#fff;text-shadow:0 0 18px rgba(158,200,255,.5);}
  .saas .saas-tabs .saas-tab.is-active .tab-desc{color:rgba(255,255,255,.94);}
}

/* ---- 10 「与前沿同行」主文章配图：容器比例比原图窄时只从右侧裁，
        保证左上角的「成功易」logo 完整 ---- */
.insight-feature img{object-position:left center;}

/* ---- 11 首页 AI SaaS 标签（≤900）：点按后与初始 TSO 选中态完全一致
        触屏点按会遗留 :hover / :focus，而第 8 批写的
        `.saas-tab.is-active:hover{padding:0;border-radius:0}` 权重(0,4,1)
        高于第 9 批的 `.saas-tab.is-active`(0,3,1)，
        所以点完色块变成无圆角、文字贴边的方块。这里用同权重但更靠后的规则写回。 ---- */
@media (max-width:900px){
  .saas .saas-tabs .saas-tab.is-active,
  .saas .saas-tabs .saas-tab.is-active:hover,
  .saas .saas-tabs .saas-tab.is-active:focus,
  .saas .saas-tabs .saas-tab.is-active:active{
    background:rgba(255,255,255,.12);
    border:0;border-radius:16px 16px 0 0;
    margin:0;padding:12px 12px 0;
    box-shadow:none;
  }
  .saas .saas-tabs .saas-tab.is-active .tab-cell{padding-top:0;padding-bottom:8px;}
  /* 未选中被点按后遗留的 hover / 焦点框同样保持干净 */
  .saas .saas-tabs .saas-tab:not(.is-active):hover,
  .saas .saas-tabs .saas-tab:not(.is-active):focus,
  .saas .saas-tabs .saas-tab:not(.is-active):active{
    background:none;border:0;border-radius:0;margin:0;padding:0;box-shadow:none;
  }
  .saas .saas-tabs .saas-tab:focus:not(:focus-visible){outline:none;}
}

/* ---- 12 首页「您的出海安全」三张证书（≤900）：点按看大图
        支持双指放大、双击缩放、放大后单指拖动、点空白或右上角关闭 ---- */
.honor-zoom{
  position:fixed;inset:0;z-index:1200;display:flex;align-items:center;justify-content:center;
  background:#050b18;opacity:0;visibility:hidden;
  transition:opacity .22s ease,visibility .22s ease;
  overscroll-behavior:contain;-webkit-tap-highlight-color:transparent;
}
.honor-zoom.is-open{opacity:1;visibility:visible;}
.honor-zoom-stage{
  position:absolute;inset:0;display:flex;align-items:center;justify-content:center;
  overflow:hidden;touch-action:none;
}
.honor-zoom-img{
  display:block;max-width:94vw;max-height:80vh;width:auto;height:auto;
  border-radius:10px;background:#fff;box-shadow:0 18px 60px rgba(0,0,0,.55);
  transform-origin:center center;transition:transform .18s ease;will-change:transform;
  pointer-events:none;-webkit-user-drag:none;
}
.honor-zoom.is-zooming .honor-zoom-img{transition:none;}
.honor-zoom-close{
  position:absolute;top:calc(14px + env(safe-area-inset-top));right:16px;
  width:40px;height:40px;border:0;border-radius:50%;
  background:rgba(255,255,255,.18);color:#fff;font-size:24px;line-height:1;
  display:flex;align-items:center;justify-content:center;padding:0;
  cursor:pointer;z-index:2;-webkit-tap-highlight-color:transparent;
}
.honor-zoom-tip{
  position:absolute;left:0;right:0;bottom:calc(18px + env(safe-area-inset-bottom));
  margin:0;text-align:center;color:rgba(255,255,255,.72);
  font-size:13px;letter-spacing:.02em;pointer-events:none;z-index:2;
}

/* ---- 13 页脚外链（2026-11-13）：海外社媒改为可点击链接（新窗口打开）
        保持原「图标 + 两行文字」的排版与尺寸不变，只补链接态样式 ---- */
.site-footer .ft-social-box a.ft-soc{
  min-width:0;text-align:center;
  color:inherit;text-decoration:none;outline:none;
  -webkit-tap-highlight-color:transparent;
}
.site-footer .ft-social-box a.ft-soc .ft-av,
.site-footer .ft-social-box a.ft-soc img{transition:transform .22s var(--ease),opacity .22s var(--ease);}
.site-footer .ft-social-box a.ft-soc .ft-soc-name{transition:color .2s var(--ease);}
.site-footer .ft-social-box a.ft-soc:hover .ft-av,
.site-footer .ft-social-box a.ft-soc:focus-visible .ft-av{transform:translateY(-3px);}
.site-footer .ft-social-box a.ft-soc:hover .ft-soc-name,
.site-footer .ft-social-box a.ft-soc:focus-visible .ft-soc-name{color:#fff;}
.site-footer .ft-social-box a.ft-soc:focus-visible{outline:2px solid rgba(169,199,247,.85);outline-offset:5px;border-radius:8px;}
@media (hover:none){
  .site-footer .ft-social-box a.ft-soc:hover .ft-av{transform:none;}
}
/* 底部备案号：按国家规定可点击查验，链接样式与条款链接一致 */
.site-footer .ft-bottom .fb-icp a{color:inherit;text-decoration:none;}
.site-footer .ft-bottom .fb-icp a:hover{color:#fff;text-decoration:underline;text-underline-offset:2px;}

/* ---- 14 首页 AI SaaS 标签（≤900）：去掉点按时浏览器自绘的方角高亮
        触屏按下瞬间，Blink 会先给按钮盒子外框整块铺一层默认 tap-highlight
        （四角方角、比选中态更高更宽），下一帧才轮到选中态的 16px 上方圆角，
        看起来就是「先方角、后圆角」。关掉默认高亮层，只保留 CSS 的圆角色块。 ---- */
.saas-tabs .saas-tab{
  -webkit-tap-highlight-color:transparent;
  -webkit-touch-callout:none;
}

/* ============================================================
   15 导航 1920 笔记本档（1681–1920 CSS px）
   现象：笔记本 1920 分辨率下导航字号偏小、项间距偏窄（悬停胶囊几乎贴在一起），
        而「联系我们」到右侧电话之间还留着 150px 左右空档。
   处理：字号在 1920 基准 16px 上 +2（随视口线性，1919 及以下同步 +2），
        项间距 42 → 52，胶囊之间留出呼吸；大屏 ≥1921 与 ≤1680 均保持不变。
   ============================================================ */
@media (min-width:1681px) and (max-width:1920px){
  .main-nav a,
  .site-header .brand-slogan{font-size:max(12px,calc(.8333vw + 2px));} /* 1920 → 18px */
  .main-nav{gap:48px;}
  .nav-caret{width:8px;height:8px;border-right-width:1.8px;border-bottom-width:1.8px;}
}