@charset "utf-8";
/* ==========================================================================
   吉客云 · 上海站（移动端）—— /region/shanghai.html 响应式增量样式
   仅在视口 ≤767px 生效；桌面端(≥768px)完全不参与，PC 端样式零影响。
   设计基准：750px 宽（2 倍图）→ CSS px = 设计 px / 2
   方案：html{font-size:10vw}；--u = 1rem/75；尺寸一律写 calc(N * var(--u))，N 直接填设计 px
   ========================================================================== */

/* 移动端专属容器/抽屉：桌面端整体隐藏（.m-* 为本页新增类名，PC DOM 中不存在，互不影响） */
.m-page,.m-drawer,.m-drawer-mask{display:none}

@media (max-width:767px){

  /* ---------- 基础重置（仅移动端生效，覆盖同名 PC 规则） ---------- */
  *,*::before,*::after{box-sizing:border-box}
  html{-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;font-size:10vw}

  :root{
    --u:calc(1rem / 75);
    --blue:#186CEA;
    --blue-light:#E9F2FF;
    --blue-line:#C6DAFF;
    --orange-a:#FF9D01;
    --orange-b:#F4741C;
    --gray-3:#333;
    --gray-6:#666;
    --gray-9:#999;
    --line:#EDEDED;
    --bg-gray:#F7F7F7;
    --yellow:#FFEE00;
  }

  body{
    margin:0;
    font-size:12px; /* 对齐吉客云官网移动站 lib-flexible 的 12×dpr，避免继承 html 的 10vw 撑高 .foot-block 内 strut */
    font-family:'PingFang SC','Microsoft YaHei','Helvetica Neue',Arial,sans-serif;
    color:var(--gray-3);
    background:#fff;
    -webkit-font-smoothing:antialiased;
  }
  img{display:block;border:0;max-width:100%}
  a{text-decoration:none;color:inherit}
  button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer;-webkit-appearance:none;appearance:none}
  h1,h2,h3,p,figure{margin:0}
  ul{margin:0;padding:0;list-style:none}

  /* ---------- 移动端显隐切换 ---------- */
  #sh-root{display:none !important}   /* PC 版 DOM 在移动端隐藏 */
  .m-page{display:block}
  .m-drawer{display:block}
  .m-drawer-mask{display:block}

  /* ---------- 页面容器 ---------- */
  .m-page{
    width:100%;max-width:calc(750 * var(--u));
    margin:0 auto;position:relative;overflow:hidden;background:#fff;
  }

  /* ---------- 通用标题区 ---------- */
  .m-hd{padding-top:calc(56 * var(--u));text-align:center}
  .m-hd h2{font-size:calc(44 * var(--u));line-height:calc(57 * var(--u));font-weight:700;color:var(--gray-3)}
  .m-hd p{margin-top:calc(4 * var(--u));font-size:calc(24 * var(--u));line-height:calc(36 * var(--u));color:var(--gray-9)}
  .m-hd--dark p{color:var(--gray-6)}

  /* ---------- 通用 CTA ---------- */
  .m-cta{
    display:flex;align-items:center;justify-content:center;gap:calc(19 * var(--u));
    width:calc(230 * var(--u));height:calc(64 * var(--u));margin:0 auto;
    border-radius:calc(32 * var(--u));
    background:linear-gradient(90deg,#FF9D00,#F4741D);
    color:#fff;font-size:calc(30 * var(--u));font-weight:500;
  }
  .m-cta svg{width:calc(38 * var(--u));height:calc(33 * var(--u));fill:#fff;flex:0 0 auto}
  .m-cta--line{
    background:none;border:calc(1 * var(--u)) solid #1867DF;color:#1867DF;
    height:calc(64 * var(--u));border-radius:calc(32 * var(--u));font-weight:500;
  }

  /* ---------- 立即咨询：设计稿 Group 73/97 —— 橙色渐变胶囊 + 白色聊天气泡图标 + 白字 ---------- */
  .look-movie{
    display:flex;align-items:center;justify-content:center;gap:calc(18.6 * var(--u));
    width:calc(230 * var(--u));height:calc(64 * var(--u));margin:calc(30 * var(--u)) auto;
    border-radius:calc(32 * var(--u));
    background:linear-gradient(90deg,#FF9D00,#F4741D);
  }
  .look-movie img{flex:0 0 auto;width:calc(38.4 * var(--u));height:calc(32.82 * var(--u));object-fit:cover}
  .look-movie span{font-size:calc(30 * var(--u));line-height:1;color:#fff;font-weight:500}

  /* ========================================================================
     顶部导航栏  照抄移动端项目 top-wrap.vue + component-wrapper.vue 的 handleScroll
     透明态（白 logo / 白描边按钮 / 白汉堡） ⇄ 白底吸顶态（蓝 logo / 蓝描边 / 蓝汉堡）
     ======================================================================== */
  .m-topbar__wrap{
    position:fixed;left:0;right:0;top:0;z-index:1002;max-width:calc(750 * var(--u));margin:0 auto;
    display:flex;align-items:center;
    height:calc(120 * var(--u));padding:0 calc(35 * var(--u));
    background-color:transparent;
    transition:all .8s;
  }
  .m-topbar__wrap.transform{transform:translateY(calc(-150 * var(--u)))}
  .m-topbar__wrap.top-bc{background-color:#fff;box-shadow:0 calc(3 * var(--u)) calc(6 * var(--u)) rgba(0,0,0,.16)}
  .m-topbar__logo{display:block;flex:0 0 auto}
  .m-topbar__logo img{display:block;width:calc(128 * var(--u));height:calc(39 * var(--u));object-fit:cover;object-position:left top}
  .m-topbar__sheet{
    display:flex;align-items:center;justify-content:center;gap:calc(14.25 * var(--u));
    flex:0 0 auto;width:calc(258 * var(--u));height:calc(51 * var(--u));margin-left:auto;
    border-radius:calc(25.5 * var(--u));
    background:linear-gradient(90deg,#FA891C,#F96B00);
    color:#fff;
  }
  .m-topbar__sheet svg{flex:0 0 auto;width:calc(36 * var(--u));height:calc(36 * var(--u));fill:#fff}
  .m-topbar__sheet span{font-size:calc(27 * var(--u));line-height:1;font-weight:700;color:#fff}
  .m-topbar__menu{
    display:flex;align-items:center;justify-content:center;flex:0 0 auto;
    width:calc(43 * var(--u));height:calc(43 * var(--u));margin-left:calc(69 * var(--u));
  }
  .m-topbar__menu img{display:block;width:100%;height:100%;object-fit:contain;filter:brightness(0) invert(1)}
  .m-topbar__wrap.top-bc .m-topbar__menu img{filter:none}

  /* ========================================================================
     B  Hero（首屏）  设计高 660
     ======================================================================== */
  .m-hero{
    position:relative;height:calc(660 * var(--u));overflow:hidden;
    /* banner 图已按设计稿 750×660 视口裁切，与容器等比，直接铺满 */
    background-image:url(../img/shanghai-mobile/hero-bg.png);
    background-repeat:no-repeat;
    background-position:0 0;
    background-size:100% 100%;
  }
  .m-hero__t1{
    position:absolute;left:calc(40 * var(--u));top:calc(187 * var(--u));
    font-size:calc(67 * var(--u));line-height:calc(93 * var(--u));font-weight:800;color:#fff;
    text-shadow:0 calc(4.31 * var(--u)) calc(4.31 * var(--u)) rgba(0,0,0,.25);
  }
  .m-hero__pill{
    position:absolute;left:calc(353 * var(--u));top:calc(202 * var(--u));
    display:flex;align-items:center;justify-content:center;
    width:calc(348.23 * var(--u));height:calc(60.62 * var(--u));
    border:calc(1.25 * var(--u)) solid #fff;border-radius:calc(30.31 * var(--u));
    background:rgba(255,255,255,.07);
    color:#fff;font-size:calc(28 * var(--u));font-weight:500;
    text-shadow:0 calc(5.01 * var(--u)) calc(5.01 * var(--u)) rgba(0,0,0,.25);
  }
  .m-hero__t2{
    position:absolute;left:calc(40 * var(--u));top:calc(280 * var(--u));
    font-size:calc(67 * var(--u));line-height:calc(93 * var(--u));font-weight:800;color:#fff;
    text-shadow:0 calc(4.31 * var(--u)) calc(4.31 * var(--u)) rgba(0,0,0,.25);
  }
  .m-hero__t2 em{font-style:normal;color:var(--yellow)}
  .m-hero__desc{
    position:absolute;left:calc(40 * var(--u));right:calc(40 * var(--u));top:calc(400 * var(--u));
    font-size:calc(28 * var(--u));line-height:1;font-weight:500;color:#fff;
    letter-spacing:calc(-0.66 * var(--u));text-align:justify;text-align-last:justify;
  }
  .m-hero__cta{
    position:absolute;left:calc(261 * var(--u));top:calc(524 * var(--u));
    display:flex;align-items:center;justify-content:center;gap:calc(15 * var(--u));
    width:calc(229 * var(--u));height:calc(56 * var(--u));border-radius:calc(28 * var(--u));
    background:#FAF42C;color:#000;font-size:calc(28 * var(--u));font-weight:700;
  }
  .m-hero__cta i{
    display:flex;align-items:center;justify-content:center;flex:0 0 auto;
    width:calc(44 * var(--u));height:calc(44 * var(--u));border-radius:50%;
    background:#000;color:#fff;font-size:calc(28 * var(--u));font-style:normal;font-weight:700;
  }

  /* ========================================================================
     C  企业痛点  设计高 1402  #FFF
     ======================================================================== */
  .m-pain{position:relative;padding-bottom:calc(50 * var(--u));background:#fff}
  .m-pain__illustration{position:absolute;left:calc(97 * var(--u));top:calc(136 * var(--u));width:calc(580 * var(--u));height:calc(466 * var(--u))}
  .m-pain__list{position:relative;z-index:1;margin-top:calc(361 * var(--u))}
  .m-pain-card{
    display:block;position:relative;width:calc(642 * var(--u));margin:0 auto calc(30 * var(--u));
    padding:calc(24 * var(--u)) calc(20 * var(--u));
    border-radius:calc(9.79 * var(--u));
    background:#fff;box-shadow:inset 0 0 0 calc(1.63 * var(--u)) #E3E3E3;
    text-align:left;
  }
  .m-pain-card:first-child{margin-top:0}
  .m-pain-card:last-child{margin-bottom:0}
  .m-pain-card.is-open{padding-top:calc(20 * var(--u));padding-bottom:calc(12 * var(--u))}
  .m-pain-q{
    display:block;padding-right:calc(60 * var(--u));
    font-size:calc(28 * var(--u));line-height:calc(42 * var(--u));font-weight:500;color:var(--gray-3);
  }
  .m-pain-a{display:none;margin-top:calc(11 * var(--u));min-height:calc(39 * var(--u));align-items:center}
  .m-pain-card.is-open .m-pain-a{display:flex}
  .m-pain-tag{
    display:inline-flex;align-items:center;flex:0 0 auto;
    height:calc(39 * var(--u));padding:0 calc(20 * var(--u));margin-right:calc(12 * var(--u));
    border-radius:calc(19.58 * var(--u));background:#EDF6FF;
    color:var(--blue);font-size:calc(22 * var(--u));font-weight:700;line-height:calc(33 * var(--u));
  }
  .m-pain-at{flex:1 1 auto;min-width:0;font-size:calc(22 * var(--u));line-height:calc(33 * var(--u));color:var(--gray-3);white-space:nowrap}
  .m-chev{
    position:absolute;right:calc(22.5 * var(--u));top:calc(45 * var(--u));
    width:calc(17 * var(--u));height:calc(17 * var(--u));
    border-right:calc(3 * var(--u)) solid #B9B9B9;border-bottom:calc(3 * var(--u)) solid #B9B9B9;
    transform:translateY(-50%) rotate(45deg);transition:transform .25s ease;
  }
  .m-pain-card.is-open .m-chev{top:calc(39 * var(--u));transform:translateY(-50%) rotate(-135deg)}
  .m-pain-card .m-chev{border-color:var(--blue)}
  .m-pain .look-movie{margin-top:calc(50 * var(--u));margin-bottom:0}

  /* ========================================================================
     D  视频  设计高 776  #DCE9FC
     ======================================================================== */
  .m-video{padding-bottom:calc(28 * var(--u));background:#DCE9FC}
  .m-video__box{
    position:relative;width:calc(684 * var(--u));height:calc(518 * var(--u));
    margin:calc(77 * var(--u)) 0 0 calc(24 * var(--u));overflow:hidden;background:transparent;cursor:pointer;
  }
  .m-video__poster{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover;z-index:1}
  .m-video__player{position:absolute;left:0;top:0;width:100%;height:100%;display:none;background:#000}
  /* 播放键：设计稿 84×84 实心圆 #186CEA + 右指镂空三角（镂空处露出底层蓝罩 #DCE9FC） */
  .m-video__play{
    position:absolute;left:calc(309 * var(--u));top:calc(223 * var(--u));
    width:calc(84 * var(--u));height:calc(84 * var(--u));
    padding:0;border:0;background:transparent;cursor:pointer;z-index:2;line-height:0;
  }
  .m-video__play svg{display:block;width:100%;height:100%}
  .m-video__box.is-playing .m-video__poster{display:none}
  .m-video__box.is-playing .m-video__player{display:block}
  .m-video__box.is-playing .m-video__play{display:none}

  /* ========================================================================
     E  场景化解决方案  设计高 988  #FFF
     ======================================================================== */
  .m-scene{padding-bottom:calc(40 * var(--u));background:#fff}
  .m-scene__grid{
    display:grid;grid-template-columns:repeat(2,1fr);
    gap:calc(40 * var(--u)) calc(20 * var(--u));
    padding:0 calc(20 * var(--u));margin-top:calc(40 * var(--u));
  }
  .m-scene-card{
    display:flex;align-items:center;position:relative;height:calc(119 * var(--u));
    padding-left:calc(20 * var(--u));border-radius:calc(17 * var(--u));
    background:linear-gradient(296.7deg,var(--tint) 0%,#fff var(--tstop,100%));
    box-shadow:0 0 calc(6 * var(--u)) rgba(0,0,0,.16);
  }
  .m-scene-card.is-wide{grid-column:1 / -1;background:linear-gradient(283.7deg,var(--tint) 0%,#fff var(--tstop,100%))}
  .m-scene-card__ico{
    display:flex;align-items:center;justify-content:center;flex:0 0 auto;
    width:calc(79 * var(--u));height:calc(79 * var(--u));border-radius:50%;background:var(--ico-bg);
  }
  .m-scene-card__ico img{flex:0 0 auto}
  .m-scene-card__t{margin-left:calc(16 * var(--u));font-size:calc(28 * var(--u));line-height:calc(42 * var(--u));font-weight:700;color:#000;white-space:nowrap}
  .m-scene-card--ecom{--tint:#E8F0FD;--tstop:100%;--ico-bg:rgba(24,108,234,.10)}
  .m-scene-card--ecom .m-scene-card__ico img{width:calc(39 * var(--u));height:calc(44 * var(--u))}
  .m-scene-card--cross{--tint:#FBEEF5;--tstop:89.26%;--ico-bg:rgba(243,102,158,.10)}
  .m-scene-card--cross .m-scene-card__ico img{width:calc(43 * var(--u));height:calc(41 * var(--u))}
  .m-scene-card--retail{--tint:#FDF2EE;--tstop:89.26%;--ico-bg:rgba(243,134,92,.10)}
  .m-scene-card--retail .m-scene-card__ico img{width:calc(43 * var(--u));height:calc(40 * var(--u))}
  .m-scene-card--wms{--tint:#ECFBF8;--tstop:89.26%;--ico-bg:rgba(64,206,90,.10)}
  .m-scene-card--wms .m-scene-card__ico img{width:calc(34 * var(--u));height:calc(35 * var(--u))}
  .m-scene-card--private{--tint:#F4ECF8;--tstop:89.26%;--ico-bg:rgba(149,73,190,.10)}
  .m-scene-card--private .m-scene-card__ico img{width:calc(46 * var(--u));height:calc(33 * var(--u))}
  .m-scene-card--scm{--tint:#E8F0FD;--tstop:100%;--ico-bg:rgba(24,108,234,.10)}
  .m-scene-card--scm .m-scene-card__ico img{width:calc(45 * var(--u));height:calc(42 * var(--u))}
  .m-scene-card--finance{--tint:#EBF9EE;--tstop:89.26%;--ico-bg:rgba(66,213,189,.10)}
  .m-scene-card--finance .m-scene-card__ico img{width:calc(35 * var(--u));height:calc(33 * var(--u))}
  .m-scene-card--produce{--tint:#FDF2EE;--tstop:89.26%;--ico-bg:rgba(243,134,92,.10)}
  .m-scene-card--produce .m-scene-card__ico img{width:calc(38 * var(--u));height:calc(38 * var(--u))}
  .m-scene-card--tms{--tint:#FBEEF5;--tstop:89.26%;--ico-bg:rgba(243,102,158,.10)}
  .m-scene-card--tms .m-scene-card__ico img{width:calc(39 * var(--u));height:calc(29 * var(--u))}

  /* ========================================================================
     F  全流程一体化  设计高 990  #F7F7F7
     ======================================================================== */
  .m-flow{position:relative;padding-bottom:calc(50 * var(--u));background:var(--bg-gray);overflow:hidden}
  /* 设计稿 image 12：1920×420，帧内偏移 x=-450，贴区块底（op=0.21 已烘焙进导出图） */
  .m-flow__deco{position:absolute;left:calc(-450 * var(--u));bottom:0;width:calc(1920 * var(--u));max-width:none;height:auto;z-index:0;pointer-events:none}
  .m-flow__list{position:relative;z-index:1;margin-top:calc(60 * var(--u))}
  .m-flow__list::before{
    content:"";position:absolute;left:calc(128.5 * var(--u));top:calc(80 * var(--u));
    width:calc(1 * var(--u));height:calc(492 * var(--u));background:var(--blue);
  }
  .m-flow__row{position:relative;z-index:1;display:flex;align-items:center;height:calc(100 * var(--u))}
  .m-flow__row i{
    position:relative;isolation:isolate;
    display:flex;align-items:center;justify-content:center;flex:0 0 auto;
    width:calc(60 * var(--u));height:calc(60 * var(--u));margin-left:calc(99 * var(--u));border-radius:50%;
    font-weight:700;font-style:normal;
  }
  /* 设计稿：外圈 60 白圆 + 内圈 51.72 圆（同心偏移 4.14），两层各带 drop-shadow；
     线框款内圈白、实心款内圈蓝。内圈阴影落在白环上 → 复现参考图中约 2px 处的可见柔环 */
  .m-flow__row i::before{
    content:"";position:absolute;left:0;top:0;width:calc(60 * var(--u));height:calc(60 * var(--u));
    border-radius:50%;background:#fff;box-shadow:0 calc(2 * var(--u)) calc(4 * var(--u)) rgba(0,0,0,.11);z-index:-2;
  }
  .m-flow__row i::after{
    content:"";position:absolute;left:calc(4.14 * var(--u));top:calc(4.14 * var(--u));
    width:calc(51.72 * var(--u));height:calc(51.72 * var(--u));border-radius:50%;
    background:#fff;box-shadow:0 calc(2 * var(--u)) calc(4 * var(--u)) rgba(0,0,0,.11);z-index:-1;
  }
  .m-flow__row--solid i::after{background:var(--blue)}
  .m-flow__row--solid i{color:#fff;font-size:calc(28 * var(--u))}
  .m-flow__row--line i{color:var(--blue);font-size:calc(30 * var(--u))}
  .m-flow__row b{
    flex:0 0 auto;margin-left:calc(27 * var(--u));
    font-size:calc(30 * var(--u));font-weight:700;color:var(--blue);white-space:nowrap;
  }
  .m-flow__row span{
    flex:0 0 auto;margin-left:calc(25 * var(--u));
    font-size:calc(26 * var(--u));color:var(--gray-3);white-space:nowrap;
  }
  .m-flow .look-movie{position:relative;z-index:1;margin-top:calc(63 * var(--u));margin-bottom:0}

  /* ========================================================================
     G  客户 logo 墙  设计高 975  #FFF
     ======================================================================== */
  .m-customers{padding-bottom:calc(50 * var(--u));background:#fff}
  .m-customers__grid{
    display:grid;grid-template-columns:repeat(3,1fr);
    gap:calc(25 * var(--u)) calc(20.5 * var(--u));
    padding:0 calc(20 * var(--u));margin-top:calc(48 * var(--u));
  }
  .m-cust-card{
    display:flex;align-items:center;justify-content:center;
    height:calc(81 * var(--u));background:#fff;
    border:calc(1 * var(--u)) solid #DDDDDD;border-radius:calc(10 * var(--u));
    overflow:hidden;
  }
  .m-cust-card img{width:calc(var(--w,120) * var(--u));height:auto;flex:0 0 auto}
  .m-customers .m-cta--line{margin-top:calc(50 * var(--u));width:calc(230 * var(--u))}

  /* ========================================================================
     H  用户好评  设计高 750  #F7F7F7
     ======================================================================== */
  .m-praise{padding-bottom:calc(57 * var(--u));background:var(--bg-gray)}
  .m-praise__viewport{position:relative;margin-top:calc(51 * var(--u));overflow:hidden}
  .m-praise__track{display:flex;transition:transform .35s ease}
  .m-praise__item{flex:0 0 100%;padding:0 calc(35 * var(--u))}
  .m-praise-card{
    width:100%;border-radius:calc(15 * var(--u));overflow:hidden;background:#fff;
    box-shadow:0 calc(3 * var(--u)) calc(6 * var(--u)) rgba(0,0,0,.16);
  }
  .m-praise-card__bar{height:calc(11 * var(--u));background:var(--blue)}
  .m-praise-card__body{position:relative;height:calc(410 * var(--u))}
  .m-praise-avatar{
    position:absolute;left:calc(21 * var(--u));top:calc(29 * var(--u));
    display:flex;align-items:center;justify-content:center;
    width:calc(103 * var(--u));height:calc(103 * var(--u));border-radius:50%;
    box-shadow:inset 0 0 0 calc(1 * var(--u)) #DDDDDD;
  }
  .m-praise-avatar img{display:block;width:calc(81 * var(--u));height:calc(46 * var(--u));object-fit:contain}
  /* 圆形头像类 logo（源图本身即“白圆+灰环+品牌 logo”）铺满整个 103 圆，与设计头像一致 */
  .m-praise-avatar--full img{width:calc(103 * var(--u));height:calc(103 * var(--u))}
  .m-praise-name{position:absolute;left:calc(142 * var(--u));top:calc(34 * var(--u));right:calc(23 * var(--u));font-size:calc(30 * var(--u));line-height:calc(57 * var(--u));font-weight:700;color:var(--gray-3);white-space:nowrap}
  /* 品牌名置于负责人称呼之前：与称呼同字体同字号，两者之间用小间距分隔（与 PC 端 .jk-praise-name-brand 一致） */
  .m-praise-name-brand{margin-right:calc(10 * var(--u))}
  .m-praise-brand{position:absolute;left:calc(142 * var(--u));right:calc(20 * var(--u));top:calc(93 * var(--u));font-size:calc(26 * var(--u));line-height:calc(30 * var(--u));color:var(--gray-6)}
  .m-praise-stars{position:absolute;right:calc(23 * var(--u));top:calc(27 * var(--u));display:flex;gap:calc(6.12 * var(--u))}
  .m-praise-stars svg{width:calc(34 * var(--u));height:calc(34 * var(--u));fill:#FCB400}
  .m-praise-comment{
    position:absolute;left:calc(61 * var(--u));top:calc(159 * var(--u));right:calc(48 * var(--u));
    font-size:calc(28 * var(--u));line-height:calc(45 * var(--u));color:var(--gray-3);
    display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:5;overflow:hidden;
  }
  .m-praise-quote{position:absolute;display:flex;fill:#DDDDDD;pointer-events:none}
  .m-praise-quote svg{display:block;width:calc(31 * var(--u));height:calc(26 * var(--u))}
  .m-praise-quote--l{left:calc(19 * var(--u));top:calc(159 * var(--u))}
  .m-praise-quote--r{right:calc(24 * var(--u));bottom:calc(21 * var(--u))}
  .m-praise__dots{display:flex;justify-content:center;gap:calc(18.22 * var(--u));margin-top:calc(50 * var(--u))}
  .m-praise__dots i{width:calc(18.22 * var(--u));height:calc(18.22 * var(--u));border-radius:50%;background:#fff;border:calc(1 * var(--u)) solid var(--blue);cursor:pointer;transition:background .25s}
  .m-praise__dots i.is-active{background:var(--blue)}

  /* ========================================================================
     I  核心优势  设计高 827  #FFF
     ======================================================================== */
  .m-advantage{padding-bottom:calc(50 * var(--u));background:#fff}
  .m-advantage__grid{
    display:grid;grid-template-columns:repeat(2,1fr);
    gap:calc(20 * var(--u)) calc(20 * var(--u));
    padding:0 calc(20 * var(--u));margin-top:calc(44 * var(--u));
  }
  .m-adv-card{
    position:relative;height:calc(180 * var(--u));
    background:linear-gradient(180deg,#F5FCFF 0%,#FFFFFF 100%);
    box-shadow:0 0 calc(6 * var(--u)) rgba(0,0,0,.16);
  }
  .m-adv-card__ico{position:absolute;left:50%;transform:translateX(-50%);display:block}
  .m-adv-card__t{
    position:absolute;left:0;right:0;top:calc(115 * var(--u));
    text-align:center;font-size:calc(28 * var(--u));line-height:calc(42 * var(--u));font-weight:700;color:#000;
  }
  .m-adv-card--full .m-adv-card__ico{top:calc(33 * var(--u));width:calc(55 * var(--u));height:calc(53 * var(--u))}
  .m-adv-card--safe .m-adv-card__ico{top:calc(32 * var(--u));width:calc(53 * var(--u));height:calc(53 * var(--u))}
  .m-adv-card--flex .m-adv-card__ico{top:calc(36 * var(--u));width:calc(53 * var(--u));height:calc(52 * var(--u))}
  .m-adv-card--api .m-adv-card__ico{top:calc(40 * var(--u));width:calc(45 * var(--u));height:calc(45 * var(--u))}
  .m-adv-card--easy .m-adv-card__ico{top:calc(27 * var(--u));width:calc(83 * var(--u));height:calc(65 * var(--u))}
  .m-adv-card--service .m-adv-card__ico{top:calc(33 * var(--u));width:calc(55 * var(--u));height:calc(57 * var(--u))}

  /* ========================================================================
     J  常见问题  设计高 792  #F7F7F7
     ======================================================================== */
  .m-faq{padding-bottom:calc(50 * var(--u));background:var(--bg-gray)}
  .m-faq__list{margin-top:calc(52 * var(--u))}
  .m-faq-item{
    display:block;position:relative;width:calc(690 * var(--u));margin:0 auto calc(20 * var(--u));
    padding:calc(21.5 * var(--u)) calc(30 * var(--u)) calc(21.5 * var(--u)) calc(25 * var(--u));
    border-radius:calc(10 * var(--u));background:#fff;
    box-shadow:inset 0 0 0 calc(1 * var(--u)) #DDDDDD;text-align:left;
  }
  .m-faq-q{
    display:block;padding-right:calc(56 * var(--u));
    font-size:calc(28 * var(--u));line-height:calc(47 * var(--u));color:var(--gray-3);
  }
  .m-faq-item .m-chev{right:calc(33.5 * var(--u));top:calc(45 * var(--u))}
  .m-faq-a{
    display:none;margin-top:calc(12 * var(--u));
    font-size:calc(26 * var(--u));line-height:calc(40 * var(--u));color:var(--gray-6);
  }
  .m-faq-item.is-open .m-faq-a{display:block}
  .m-faq-item:last-child{margin-bottom:0}

  /* ========================================================================
     K  页脚  公共逻辑：复用标准移动端 footer（src/pages/public/mobileFooter.html）
     结构：解决方案 / 成功案例+平台对接 / 资料中心 / 关于吉客云 四组 + 版权备案
     尺寸换算：标准站 postcss-pxtorem(rootValue:75) 编译值 → calc(设计px * var(--u))
     ======================================================================== */
  #mobileFooter .foot{
    width:100%;text-align:center;
    padding-bottom:calc(170 * var(--u)); /* 为底部固定咨询栏 .sideTip（高 170）预留空间 */
    background-color:#414141;position:relative;z-index:0;
  }
  #mobileFooter #up-wrap{background-color:#5d5d5d}
  #mobileFooter .onlyStyle{color:#ffffff!important;font-size:calc(28 * var(--u))!important;opacity:1!important;text-decoration:none!important}
  #mobileFooter #nav-wraps .foot-block{padding:calc(22.5 * var(--u)) calc(22.5 * var(--u)) calc(33.75 * var(--u)) calc(34 * var(--u));text-align:left}
  #mobileFooter #nav-wraps .foot-block span{color:#ffffff;font-size:calc(28 * var(--u));font-weight:500}
  #mobileFooter #nav-wraps .foot-block ul{font-size:calc(26 * var(--u));display:flex;flex-wrap:wrap;justify-content:start}
  #mobileFooter #nav-wraps .foot-block ul li{width:33.33333%;margin-top:calc(41 * var(--u))}
  #mobileFooter #nav-wraps .foot-block ul li a{color:#ffffff;opacity:.8;text-decoration:none}
  #mobileFooter #nav-wraps #fourBlock li{width:25%!important}
  #mobileFooter #bottom-wrap{background-color:#414141;font-size:calc(18 * var(--u));color:#c5c5c5}
  #mobileFooter #bottom-wrap a{font-size:calc(18 * var(--u));color:#c5c5c5;text-decoration:none}
  #mobileFooter #bottom-wrap .banquan{padding:calc(20.25 * var(--u)) 0 calc(15 * var(--u)) 0}
  #mobileFooter #bottom-wrap .other{padding-bottom:calc(30 * var(--u));position:relative;font-size:calc(18 * var(--u))}
  #mobileFooter #bottom-wrap .other img{position:absolute;left:calc(180 * var(--u));width:calc(19.5 * var(--u));height:auto}

  /* ========================================================================
     底部悬浮咨询栏  照抄移动端项目 slideTip.vue（电话咨询 / 在线咨询）
     ======================================================================== */
  .sideTip{
    position:fixed;z-index:999;bottom:0;left:0;right:0;width:100%;max-width:calc(750 * var(--u));margin:0 auto;
    display:flex;align-items:center;justify-content:center;text-align:center;
    height:calc(170 * var(--u));
    background-color:rgba(255,255,255,.73);
    box-shadow:0 calc(3 * var(--u)) calc(6 * var(--u)) rgba(0,0,0,.5);
    border-radius:0;
  }
  .sideTip > a{
    display:inline-flex;align-items:center;justify-content:center;
    width:calc(320 * var(--u));height:calc(112 * var(--u));
    padding:calc(29 * var(--u)) calc(45 * var(--u)) calc(29 * var(--u)) calc(40 * var(--u));
    border:calc(1 * var(--u)) solid #186cea;border-radius:calc(56 * var(--u));
    font-size:calc(40 * var(--u));text-align:center;text-decoration:none;
  }
  .sideTip > a.sheet-box{background:#fff;color:#186cea;margin-right:calc(20 * var(--u))}
  .sideTip > a.tel-box{background:#186cea;color:#fff}
  .sideTip > a > img{flex:0 0 auto;margin-right:calc(15 * var(--u))}
  .sideTip .call-icon{width:calc(54 * var(--u));height:calc(54 * var(--u))}
  .sideTip .service-icon{width:calc(50 * var(--u));height:calc(50 * var(--u))}
  .sideTip .fixTip{display:inline-block;line-height:1;white-space:nowrap}

  /* ========================================================================
     抽屉导航
     ======================================================================== */
  .m-drawer-mask{
    position:fixed;left:0;top:0;right:0;bottom:0;background:rgba(0,0,0,.45);
    opacity:0;visibility:hidden;transition:opacity .28s ease,visibility .28s ease;z-index:998;
  }
  .m-drawer{
    position:fixed;right:0;top:0;bottom:0;width:calc(560 * var(--u));max-width:82vw;
    background:#fff;transform:translateX(100%);transition:transform .3s ease;
    z-index:999;overflow-y:auto;-webkit-overflow-scrolling:touch;
  }
  .m-drawer__hd{display:flex;align-items:center;justify-content:space-between;height:calc(88 * var(--u));padding:0 calc(30 * var(--u));border-bottom:1px solid #F0F0F0}
  .m-drawer__logo{width:calc(140 * var(--u));height:auto}
  .m-drawer__close{display:flex;align-items:center;justify-content:center;width:calc(42 * var(--u));height:calc(42 * var(--u));padding:0;border:0;background:none;line-height:0;cursor:pointer}
  .m-drawer__close img{display:block;width:100%;height:100%;object-fit:contain}
  /* 抽屉内折叠菜单：照抄移动端项目 top-nav.vue + public.css 的 van-collapse 结构
     （rem×75 = 本项目 u，如 0.36rem → 27u） */
  .m-drawer__nav{padding:0}
  .m-drawer .van-cell{display:flex;justify-content:space-between;align-items:center;padding:calc(27 * var(--u));background:#FDFDFD;border-bottom:1px solid #DDDDDD}
  .m-drawer .van-cell--clickable{cursor:pointer}
  .m-drawer .van-cell__title{flex:1}
  .m-drawer .van-cell__right-icon{display:inline-block;width:calc(13.5 * var(--u));height:calc(13.5 * var(--u));border-right:1.5px solid #c8c9cc;border-bottom:1.5px solid #c8c9cc;transform:rotate(45deg);transition:transform .3s}
  .m-drawer .van-collapse-item.open .van-cell__right-icon{transform:rotate(-135deg)}
  .m-drawer .van-collapse-item__content{background:#FDFDFD;padding-left:calc(101 * var(--u));display:none}
  .m-drawer .van-collapse-item.open .van-collapse-item__content{display:block}
  .m-drawer .title{display:flex;align-items:center;text-decoration:none}
  .m-drawer .title img{width:calc(37.5 * var(--u));height:calc(37.5 * var(--u))}
  .m-drawer .title span{margin-left:calc(33 * var(--u));font-size:calc(31 * var(--u));font-family:"Microsoft YaHei";font-weight:400;line-height:calc(53 * var(--u));color:#333}
  .m-drawer .content p{margin:0;font-size:calc(28 * var(--u));line-height:calc(85 * var(--u));color:#666}
  .m-drawer .content a{display:block;color:inherit;text-decoration:none}
  .m-drawer__city{padding:calc(20 * var(--u)) calc(30 * var(--u)) calc(40 * var(--u))}
  .m-drawer__city h4{margin:0 0 calc(16 * var(--u));font-size:calc(26 * var(--u));color:#999;font-weight:400}
  .m-drawer__city div{display:flex;flex-wrap:wrap;gap:calc(16 * var(--u))}
  .m-drawer__city a{padding:calc(10 * var(--u)) calc(22 * var(--u));border:1px solid #E5E5E5;border-radius:calc(30 * var(--u));font-size:calc(24 * var(--u));color:var(--gray-6)}
  .m-drawer__city a.is-on{border-color:var(--blue);color:var(--blue)}
  body.m-drawer-open .m-drawer-mask{opacity:1;visibility:visible}
  body.m-drawer-open .m-drawer{transform:translateX(0)}
  body.m-drawer-open{overflow:hidden}
  body.m-drawer-open .m-topbar__wrap{z-index:997}

  /* ========================================================================
     客服二维码弹窗（复用 PC 逻辑样式）
     ======================================================================== */
  .jx-consult-modal{position:fixed;left:0;top:0;right:0;bottom:0;background:rgba(0,0,0,.45);display:flex;align-items:center;justify-content:center;z-index:1000}
  .jx-consult-box{position:relative;width:calc(444 * var(--u));background:#fff;border-radius:calc(16 * var(--u));padding:calc(31 * var(--u)) calc(44 * var(--u)) calc(24 * var(--u))}
  .jx-consult-close{position:absolute;right:calc(20 * var(--u));top:calc(16 * var(--u));font-size:calc(36 * var(--u));line-height:1;color:#999;cursor:pointer}
  .jx-consult-qr{width:calc(356 * var(--u));height:calc(356 * var(--u))}
  .jx-consult-qr img{width:calc(312 * var(--u));height:calc(312 * var(--u));display:block}

}

/* 750–767px 区间将设计宽锁定为 750（仅移动端区间生效，与上面 ≤767px 不冲突） */
@media (min-width:750px) and (max-width:767px){
  html{font-size:75px}
}