/* ===== MOBILE-FIX v1 (along 2026-09-27) 手机端适配：底部固定一键拨号栏 =====
   仅 ≤767px 生效，PC 端完全不受影响。回滚 = 删除本文件 + 模板中的引用行 */
@media (max-width:767px){

  /* ---- 底部固定栏：电话(品牌青) | 产品 | 联系 | 回顶部 ---- */
  .f_pf1{
    position:fixed !important;
    top:auto !important;
    bottom:0 !important;
    left:0 !important;
    right:0 !important;
    width:100%;
    height:calc(50px + env(safe-area-inset-bottom, 0px));
    padding-bottom:env(safe-area-inset-bottom, 0px);
    z-index:99999;
    background:#161a20;
    box-shadow:0 -2px 12px rgba(0,0,0,.28);
  }
  .f_pf1 .tela > a,
  .f_pf1 .pfpro,
  .f_pf1 .pflxwm,
  .f_pf1 a.totop{
    width:25% !important;
    height:50px !important;
    background:transparent !important;
    float:left;
    position:relative;
    box-sizing:border-box;
    margin:0;
  }
  /* 一键拨打电话：品牌青色高亮 */
  .f_pf1 .tela > a{background:#00b2ab !important}
  .f_pf1 .tela > a:before{display:none}
  .f_pf1 .tela > a:after,
  .f_pf1 .pfpro:after,
  .f_pf1 .pflxwm:after,
  .f_pf1 a.totop:after{
    top:50% !important;
    left:50% !important;
    transform:translate(-50%,-50%) !important;
    margin:0 !important;
  }
  .f_pf1 a.totop{background:transparent !important}

  /* ---- 页面底部留白，防止内容被悬浮栏遮挡 ---- */
  body{padding-bottom:calc(50px + env(safe-area-inset-bottom, 0px))}

  /* ---- 细节修正 ---- */
  html{-webkit-text-size-adjust:100%}
  /* 悬浮客服侧栏在手机端不再重复显示（底部栏已含电话/回顶） */
  .f_pf1{right:0}
}
/* ===== MOBILE-FIX v1 END ===== */