/* ==========================================================================
   首页移动端瘦身（home-mobile.css，2026-11-03）
   目标：把 390px 视口下约 18498px / 22 屏的首页压到 ~12 屏
   原则：① 只在 ≤768px 生效，桌面版零改动；
         ② 内容不删，靠「展开更多」折叠（home-mobile.js）保留全部 DOM 与 SEO；
         ③ 优先压间距与装饰，其次压卡片内部，最后折叠长列表。
   加载顺序：在 site-fx.css 之后 → 同特异性规则以本文件为准
   ========================================================================== */

/* --------------------------------------------------------------------------
   1. 折叠器通用样式（由 home-mobile.js 加类 / 插按钮）
   -------------------------------------------------------------------------- */
.m-more{
  display:inline-flex; align-items:center; justify-content:center; gap:8px;
  margin:14px auto 0; padding:9px 20px; min-height:38px;
  border:1px solid #CBE0F5; border-radius:100px; background:#F3F9FF;
  color:var(--blue-ink,#136CB7); font-size:13.5px; font-weight:700;
  cursor:pointer; transition:background .2s ease,border-color .2s ease;
}
.m-more:hover{background:#E4F1FF;border-color:#9CC9EF}
.m-more svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2;transition:transform .25s ease}
.m-more.on svg{transform:rotate(180deg)}
.m-more-wrap{text-align:center;margin-top:6px}

/* 桌面/宽屏兜底：即使 JS 未运行或断点切换，也绝不隐藏内容 */
@media (min-width:769px){
  .m-hide{display:block !important}
  .m-more,.m-more-wrap{display:none !important}
}
@media (max-width:768px){
  .m-hide{display:none !important}
}

/* --------------------------------------------------------------------------
   2. 全页间距收紧（覆盖 home-lean.css 的 46/36px）
   -------------------------------------------------------------------------- */
@media (max-width:768px){
  body.lean .sec{padding:30px 0}
  body.lean .sec--tight{padding:22px 0}
  body.lean .sec-head{margin-bottom:18px}
  body.lean .sec-head h2{font-size:24px;margin-top:10px;line-height:1.35}
  body.lean .sec-head .lead{margin-top:8px;font-size:14px;line-height:1.68}
  body.lean .sec-head .eyebrow{font-size:11px;padding:5px 11px}
  body.lean .railhead{margin-bottom:16px;gap:10px}
  body.lean .callout{padding:14px 16px;font-size:13.6px;line-height:1.7}
  body.lean .faqwrap{margin-top:16px}
  body.lean .faqwrap summary{font-size:14.2px;padding:11px 14px}
  body.lean .faqwrap .fa{padding:0 14px 13px 42px;font-size:13.8px;line-height:1.75}
  body.lean .faqwrap summary .fq{width:22px;height:22px;line-height:22px;font-size:11px}
  body.lean .faq-more{margin-top:14px;font-size:13.4px}
  body.lean .faq-fold{margin-top:10px}
}

/* --------------------------------------------------------------------------
   3. 首屏：文案与留资卡收紧
   -------------------------------------------------------------------------- */
@media (max-width:768px){
  .hero-in{gap:22px}
  .hero h1{font-size:27px;line-height:1.28}
  .hero p.sub{margin-top:12px;font-size:14.2px;line-height:1.65}
  .hero .type-line{margin-top:12px;font-size:13.5px;gap:6px}
  .hero-acts{margin-top:18px;gap:8px}
  .hero-acts .btn{padding:11px 16px;font-size:13.5px;min-height:42px}
  .hero-chips{margin-top:14px;gap:6px 12px;font-size:11.8px}
  .hero-meta{margin-top:14px;gap:6px 14px;font-size:12.4px}
  .hero-card{padding:18px 16px 16px;border-radius:12px}
  .hero-card .hc-list{gap:4px}
  .hero-card .hc-ttl{font-size:16px}
  .hero-scroll,.hero-bg-tag{display:none !important}
  .hero .wrap{padding-top:0}
}

/* --------------------------------------------------------------------------
   4. 卡片内部瘦身（不改变结构，只减内边距 / 图片位 / 字号）
   -------------------------------------------------------------------------- */
@media (max-width:768px){
  /* 痛点卡 */
  .pain-grid{gap:12px}
  .pcard{padding:18px 16px 16px}
  .pcard h3{font-size:16px;margin-top:8px}
  .pcard .pq{font-size:13.2px;line-height:1.65;margin-top:6px}
  .pcard .pa{margin-top:10px;font-size:12.8px}
  .pain-foot{margin-top:14px;font-size:13px;line-height:1.7}

  /* 机型卡 */
  .kgrid{gap:12px}
  .kcard{padding:16px}
  .kcard h3{font-size:16px}
  .kcard .en{font-size:11px}
  .kcard p{font-size:13.2px;line-height:1.65;margin-top:6px}
  .kcard .ktags{margin-top:10px;gap:5px}
  .kcard .ktags span{font-size:11px;padding:3px 7px}
  .kcard .more{margin-top:10px;font-size:12.8px}

  /* 四大业务 Bento */
  body.lean .bento{gap:12px}
  body.lean .bento .bk .bd{padding:16px}
  body.lean .bento .bk--lead .bm{min-height:120px}
  body.lean .bento .bk .bm{min-height:76px}
  body.lean .bento .bk h3{font-size:16px}
  body.lean .bento .bk p{font-size:13.2px;line-height:1.65}
  body.lean .bento .bk .ktags{margin-top:10px;gap:5px}
  body.lean .bento .bk-stats{gap:8px;margin-top:12px}
  body.lean .bento .bk-stats b{font-size:15px}
  body.lean .bento .bk-stats span{font-size:10.8px}
  body.lean .bento .bk-go{margin-top:12px;font-size:12.8px}
  #biz .rv:last-child{margin-top:14px;gap:8px}
  #biz .rv:last-child .btn{font-size:12.6px;padding:10px 14px;min-height:38px}

  /* 案例卡 + 对比滑块 */
  .kcase-grid{gap:12px}
  body.lean .kcase .km{min-height:86px}
  .kcase .kb{padding:14px 16px}
  .kcase .kb h3{font-size:15.5px;line-height:1.45}
  .kcase .kmeta{font-size:11.5px}
  .kcase .knum{margin-top:10px}
  .kcase .knum b{font-size:18px}
  .kcase .knum span{font-size:10.5px}
  .cba{height:160px}
  .cba-hint{display:none}

  /* 流程步骤 */
  .flow{gap:10px}
  .flow .step{padding:13px 14px}
  .flow .step .n{font-size:15px}
  .flow .step h4{font-size:14.5px;margin-top:5px}
  .flow .step p{font-size:12.4px;line-height:1.6;margin-top:4px}
  .flow .step .chip{font-size:11px;margin-top:8px;padding:3px 9px}

  /* 信任带 / 资质 */
  .dwhy{gap:10px}
  .dw{padding:14px}
  .dw h3{font-size:15px;margin-top:6px}
  .dw p{font-size:12.6px;line-height:1.6;margin-top:5px}
  .dcert{gap:8px;margin-top:14px}
  .dc{padding:11px 12px}
  .dc b{font-size:12.8px}
  .dc span{font-size:11px}
  .dtrust-note{font-size:11.5px;line-height:1.7;margin-top:14px}

  /* 资讯卡 */
  .kpost{padding:12px 14px;gap:12px}
  .kpost .kt h3{font-size:14.5px;line-height:1.45}
  .kpost .kt p{font-size:12.2px;line-height:1.55;margin-top:4px}
  .kpost .kt em{font-size:11px}
  #staticNews .rv,#dynHome{gap:10px}

  /* 实体卡 4 项 → 2×2 */
  .entity-card{grid-template-columns:1fr 1fr;gap:8px}
  .entity-card .ec{padding:9px 11px}
  .entity-card dt{font-size:11px}
  .entity-card dd{font-size:12.4px;line-height:1.5}
}

/* --------------------------------------------------------------------------
   5. 中段留资 / 底部 CTA：移动端单行化、表单收紧
   -------------------------------------------------------------------------- */
@media (max-width:768px){
  .quicklead{padding:18px 16px;gap:12px}
  .ql-t b{font-size:15.5px}
  .ql-t span{display:none}          /* 移动端隐藏说明长句，按钮已自解释 */
  .ql-a{gap:8px;flex-wrap:wrap}
  .ql-a .btn{font-size:12.8px;padding:10px 13px;min-height:40px;flex:1 1 auto}
  .ql-a .btn:last-child{flex-basis:100%}

  .cta-band{padding:36px 0}
  .cta-in{gap:20px}
  .cta-band h2{font-size:24px;line-height:1.35}
  .cta-band .lead,.cta-band p.sub{font-size:13.6px;line-height:1.7}
  .cta-band form{gap:10px}
  .cta-band form label{font-size:12.5px}
  .cta-band form input,.cta-band form select,.cta-band form textarea{padding:10px 12px}
  .cta-band form textarea{min-height:74px}
  .cta-band .note{font-size:11.5px;line-height:1.6}
}

/* --------------------------------------------------------------------------
   6. 互动自查 / 地图：收紧容器高度
   -------------------------------------------------------------------------- */
@media (max-width:768px){
  .quiz-sec{padding:30px 0}
  .quiz-sec .sec-head{margin-bottom:16px}
  .qz-box,.qz-card{padding:16px}
  .qz-q{font-size:15px}
  .qz-opt{padding:10px 12px;font-size:13.2px;min-height:40px}
  .qz-res{padding:14px}
  .qz-res-acts{margin-top:12px;gap:8px}
  .coverage-sec{padding:30px 0}
  .hmap-foot{margin-top:12px;gap:8px}
  .hm-panel{padding:14px}
  .hm-t{font-size:16px}
  .hm-d{font-size:12.6px;line-height:1.65}
  .hm-stats{gap:8px;margin-top:12px}
  .hm-stats b{font-size:17px}
  .hm-stats span{font-size:10.5px}
  .hm-callbtn{padding:8px 14px;font-size:12.6px}
}

/* --------------------------------------------------------------------------
   7. 页脚：4 列竖排 → 只留品牌 + 联系方式，其余折叠
   -------------------------------------------------------------------------- */
@media (max-width:768px){
  .foot{padding-top:30px}
  .foot-top{gap:18px;padding-bottom:20px}
  .foot-top>div:nth-child(2),.foot-top>div:nth-child(3){display:none}
  .foot-top.m-nav-open>div:nth-child(2),.foot-top.m-nav-open>div:nth-child(3){display:block}
  .foot .desc{
    display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;
    font-size:12.5px;line-height:1.7
  }
  .foot .ftags{gap:6px;margin-top:10px}
  .foot .ftags span{font-size:11px;padding:4px 9px}
  .foot h4{font-size:14px;margin-bottom:10px}
  .foot ul{gap:0}
  .foot ul a{padding:6px 0;font-size:13.4px}
  .foot ul.contact li{padding:6px 0}
  .foot-bot{padding-top:16px;gap:8px;font-size:12px}
  .foot-legal{font-size:11px;line-height:1.7;margin-top:10px}
}

/* --------------------------------------------------------------------------
   8. 二轮精压：底部 CTA 表单 / 地图 / 页脚 / 首屏细节
   -------------------------------------------------------------------------- */
@media (max-width:768px){
  /* 8.1 底部留资表单（原 596px → 约 390px） */
  body.lean .cta-in{padding:30px 0;gap:18px}
  body.lean .cta-in h2{font-size:22px;margin-top:0}
  body.lean .cta-in p{margin-top:8px;font-size:13px;line-height:1.65}
  .cta-form{padding:16px;border-top-width:3px;border-radius:12px}
  .cta-form h3{font-size:16px}
  .cta-form .hint{display:none}             /* 移动端省一行说明 */
  .cta-form form{margin-top:10px;gap:8px}
  .cta-form .row2{gap:8px}
  .cta-form label{font-size:12px;margin-bottom:3px}
  .cta-form input,.cta-form select,.cta-form textarea{padding:9px 11px;font-size:16px}
  .cta-form textarea{min-height:58px}
  .cta-form .note{font-size:11px;margin-top:2px;line-height:1.5}
  .cta-form .btn--lg{min-height:42px;padding:10px 16px;font-size:14px}

  /* 8.2 地图：舞台高度与面板内边距 */
  .hmap{gap:10px;padding:10px}
  .hmap-stage{height:280px;padding-bottom:0;align-items:center}
  .hmap-panel{padding:13px 14px;min-height:0}
  .hmap-panel .hm-t{font-size:15px}
  .hmap-panel .hm-d{font-size:12.2px;line-height:1.6}
  .hmap-panel .hm-stats{margin-top:10px;gap:6px}
  .hmap-panel .hm-call{margin-top:10px}

  /* 8.3 首屏细节 */
  .hero-chips span:nth-child(n+3){display:none}   /* 移动端只留 2 个信任标签 */
  .hero-acts .btn:nth-child(n+3){display:none}    /* 热线由底部常驻栏承担 */

  /* 8.4 页脚再压 */
  .foot .desc{-webkit-line-clamp:2;font-size:12px;line-height:1.6}
  .foot .ftags{display:none}
  .foot ul.contact li{padding:4px 0;font-size:12.6px}
  .foot ul.contact svg{width:15px;height:15px}
  .foot-bot .links a{padding:7px 0}
  .foot-legal{font-size:10.8px;line-height:1.6}
}

/* --------------------------------------------------------------------------
   9. 三轮精压：自查 / 行业 Tab / 实体卡 / 标题区 / 底部文案
   -------------------------------------------------------------------------- */
@media (max-width:768px){
  /* 9.1 30 秒自查（664px → ~540px） */
  .quiz-box{padding:16px}
  .quiz-head h2{font-size:19px;line-height:1.4;margin-top:8px}
  .quiz-head .lead{font-size:12.8px;line-height:1.6;margin-top:6px}
  .quiz-head .eyebrow{font-size:10.5px;padding:4px 10px}
  .quiz-body{margin-top:12px}
  .qz-step{padding:12px 0}
  .qz-q,.quiz-body h3,.quiz-body h4{font-size:14px;line-height:1.5}
  .qz-opt{padding:8px 10px;font-size:12.8px;min-height:38px}
  .quiz-body .btn{min-height:38px;font-size:13px;padding:9px 14px}
  .qz-res{padding:12px;font-size:12.8px;line-height:1.65}
  .qz-res h4,.qz-res b{font-size:14px}
  .qz-res-acts{margin-top:10px}

  /* 9.2 行业 Tab 面板（652px → ~500px） */
  .ind-tabs{gap:10px}
  .it-tabs{gap:6px}
  .it-tab{padding:8px 10px;font-size:12.2px}
  .it-bd{padding:16px}
  .it-bd h3{margin-top:8px;font-size:17px}
  .it-bd .it-d{margin-top:6px;font-size:12.8px;line-height:1.65}
  .it-bd .it-pts{margin-top:10px;gap:5px}
  .it-bd .it-pts li{font-size:12.2px;line-height:1.55}
  .it-bd .it-foot{padding-top:10px;gap:10px}
  .it-bd .it-case{font-size:11.5px}
  .it-media,.it-view .it-media{min-height:120px;max-height:160px}
  body.lean .it-view{min-height:0}

  /* 9.3 实体卡（233px → ~170px） */
  .entity-card{gap:6px;margin-top:12px}
  .entity-card .ec{padding:7px 9px}
  .entity-card dt{font-size:10.5px}
  .entity-card dd{font-size:11.8px;line-height:1.45}

  /* 9.4 标题区：引导语最多两行，eyebrow 更小 */
  body.lean .sec-head .eyebrow{font-size:10.5px;padding:4px 9px}
  body.lean .sec-head h2{font-size:22px;margin-top:8px}
  body.lean .sec-head .lead{
    font-size:13.2px;line-height:1.6;
    display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden
  }

  /* 9.5 底部 CTA 文案区 */
  .cta-band .cta-list{gap:5px;margin-top:10px}
  .cta-band .cta-list li{font-size:12.2px;line-height:1.55}
  .cta-band .cta-list li:nth-child(n+3){display:none}
  .cta-band h2{font-size:21px;margin-top:8px}
  .cta-band .eyebrow{font-size:10.5px;padding:4px 9px}

  /* 9.6 信任带条目再压 */
  .dw{padding:11px}
  .dw h3{font-size:14px;margin-top:4px}
  .dw p{font-size:12px;line-height:1.55;margin-top:4px}
  .dc{padding:9px 10px}
  .dc b{font-size:12px;line-height:1.45}
  .dc span{font-size:10.5px}
  .dtrust-note{font-size:11px;margin-top:10px;line-height:1.6}
}