/* optimized: 悬浮 FAB 重新设计（仅手机 ≤768px 显示；平板/电脑不显示底部导航） */
@media (max-width:768px){
  body #home-bottom-btn{display:flex!important}

  /* body 底部留白，适配贴底导航 */
  body{padding-bottom:calc(76px + env(safe-area-inset-bottom))!important}

  /* 贴底通栏导航，所有图标完全在背景条内 */
  #home-bottom-btn{
    position:fixed!important;
    bottom:0!important;
    left:0!important;
    right:0!important;
    width:100%!important;
    height:auto!important;
    background:rgb(255,255,255,.98)!important;
    backdrop-filter:blur(20px)!important;
    -webkit-backdrop-filter:blur(20px)!important;
    border-radius:20px 20px 0 0!important;
    border-top:1px solid rgb(214,51,132,.08)!important;
    box-shadow:0 -4px 20px -8px rgb(214,51,132,.12)!important;
    padding:14px 8px calc(10px + env(safe-area-inset-bottom))!important;
    align-items:center!important;
    justify-content:space-around!important;
    gap:0!important;
    z-index:9999!important;
    min-height:0!important;
    box-sizing:border-box!important;
  }
  #home-bottom-btn .btn-item{
    flex:1!important;
    min-width:0!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:flex-end!important;
    position:relative!important;
    padding:4px 0!important;
  }
  #home-bottom-btn .btn-item a{
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:0!important;
    padding:0!important;
    width:100%!important;
    text-decoration:none!important;
    position:relative!important;
  }
  /* 图标包裹：固定尺寸，不被flex拉伸 */
  #home-bottom-btn .nav-icon-wrap{
    position:relative!important;
    flex:0 0 40px!important;
    width:40px!important;
    height:40px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    border-radius:12px!important;
    background:#FFF0F7!important;
    box-shadow:none!important;
    transition:all .25s cubic-bezier(.4,0,.2,1)!important;
  }
  /* 图标 */
  #home-bottom-btn .btn-item a svg,
  #home-bottom-btn .btn-item.consult-item a svg{
    width:22px!important;
    height:22px!important;
    padding:0!important;
    fill:none!important;
    stroke:#A0A0A0!important;
    stroke-width:1.8!important;
    stroke-linecap:round!important;
    stroke-linejoin:round!important;
    background:transparent!important;
    box-shadow:none!important;
    border-radius:0!important;
    box-sizing:border-box!important;
    transition:all .25s ease!important;
    position:relative!important;
    z-index:2!important;
  }

  /* 文字 */
  #home-bottom-btn .btn-item p{
    font-weight:500!important;
    margin-top:3px!important;
    font-size:10.5px!important;
    letter-spacing:.01em!important;
    color:#A0A0A0!important;
    transition:all .25s ease!important;
    line-height:1!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    max-width:100%!important;
    /* 修复：flex column 下 p 被压缩为 0 高导致文字不显示 */
    height:auto!important;
    min-height:11px!important;
    flex:0 0 auto!important;
    display:block!important;
  }

  /* WhatsApp 填充图标 */
  #home-bottom-btn .btn-item.whatsapp-item svg{
    fill:#A0A0A0!important;
    stroke:none!important;
  }

  /* 选中状态：稍深粉色背景，文字粉色加粗 */
  #home-bottom-btn .btn-item.active .nav-icon-wrap{
    background:#FFF0F7!important;
    transform:translateY(-2px)!important;
  }
  #home-bottom-btn .btn-item.active svg{
    stroke:#D63384!important;
  }
  #home-bottom-btn .btn-item.active p{
    color:#D63384!important;
    font-weight:600!important;
  }
  #home-bottom-btn .btn-item.active.whatsapp-item svg{
    fill:#D63384!important;
  }

  /* 中间 Chat 高亮按钮：完全在导航条内，粉色渐变圆形，和其他图标对齐 */
  #home-bottom-btn .btn-item.consult-item.fab-item{
    flex:1!important;
    padding:0!important;
    margin:0!important;
  }
  #home-bottom-btn .btn-item.consult-item.fab-item .nav-icon-wrap{
    flex:0 0 44px!important;
    width:44px!important;
    height:44px!important;
    border-radius:50%!important;
    background:#D63384!important;
    box-shadow:0 4px 12px -4px rgb(214,51,132,.45)!important;
    transform:none!important;
    margin:0!important;
  }
  #home-bottom-btn .btn-item.consult-item.fab-item svg{
    stroke:#FFFFFF!important;
    fill:none!important;
    width:22px!important;
    height:22px!important;
  }
  #home-bottom-btn .btn-item.consult-item.fab-item p{
    color:#D63384!important;
    font-weight:600!important;
    margin-top:3px!important;
  }

  /* 红点badge隐藏 */
  #home-bottom-btn .nav-badge{
    display:none!important;
  }

  /* 点击反馈 */
  #home-bottom-btn .btn-item:not(.consult-item):active .nav-icon-wrap{
    transform:scale(.88)!important;
    background:#FFF0F7!important;
  }
  #home-bottom-btn .btn-item.consult-item.fab-item:active .nav-icon-wrap{
    transform:scale(.92)!important;
  }
}


/* optimized */
.ftv2 .ftv2-cta-in{grid-template-columns:1.05fr .95fr!important;gap:40px!important;align-items:center}
.ftv2 .ftv2-cta-form{
  background:#FFFFFF;border:1px solid rgb(214,51,132,.18);border-radius:20px;
  padding:28px 26px;box-shadow:0 20px 50px -28px rgb(214,51,132,.35);
  position:relative;overflow:hidden;
}
.ftv2 .ftv2-cta-form::before{
  content:"";position:absolute;top:0;left:0;right:0;height:3px;
  background:linear-gradient(90deg,#D63384,#FFF0F7,#D63384);
}
.ftv2 .ftv2-msg-title{
  font-family:var(--hp-serif);font-size:22px;font-weight:700;color:#4D4D4D;
  margin-bottom:18px;display:flex;align-items:center;gap:10px;
}
.ftv2 .ftv2-msg-title::before{
  content:"";width:28px;height:2.5px;border-radius:2px;
  background:linear-gradient(90deg,#D63384,#FFF0F7);
}
.ftv2 .ftv2-msg-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px}
.ftv2 .ftv2-msg-form input,.ftv2 .ftv2-msg-form textarea{
  width:100%;box-sizing:border-box;border:1.5px solid rgb(214,51,132,.22);
  border-radius:12px;padding:12px 14px;font-size:15px;color:#4D4D4D;
  background:#FFF0F7;outline:none;font-family:inherit;
  transition:border-color .25s,box-shadow .25s,background .25s;
}
.ftv2 .ftv2-msg-form input:focus,.ftv2 .ftv2-msg-form textarea:focus{
  border-color:#D63384;background:#FFFFFF;
  box-shadow:0 0 0 4px rgb(214,51,132,.12);
}
.ftv2 .ftv2-msg-form input::placeholder,.ftv2 .ftv2-msg-form textarea::placeholder{color:#D63384;font-size:14px}
.ftv2 .ftv2-msg-form textarea{resize:none;line-height:1.5;min-height:100px;margin-bottom:14px}
.ftv2 .ftv2-msg-btn{
  width:100%;border:0;border-radius:12px;padding:14px;cursor:pointer;
  background:#D63384;
  color:#FFFFFF;font-size:16px;font-weight:700;letter-spacing:2px;
  display:flex;align-items:center;justify-content:center;gap:8px;
  box-shadow:0 14px 30px -12px rgb(214,51,132,.55);
  transition:transform .25s,box-shadow .25s;
}
.ftv2 .ftv2-msg-btn:hover{transform:translateY(-2px);box-shadow:0 18px 36px -12px rgb(214,51,132,.65)}
.ftv2 .ftv2-msg-btn:active{transform:translateY(0)}
.ftv2 .ftv2-msg-btn:disabled{opacity:.6;cursor:not-allowed}
.ftv2 .ftv2-msg-form.success .ftv2-msg-fields{display:none}
.ftv2 .ftv2-msg-ok{display:none;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:36px 24px 32px}
.ftv2 .ftv2-msg-form.success .ftv2-msg-ok{display:flex}
.ftv2 .ftv2-msg-ok-ic{width:64px;height:64px;border-radius:50%;background:linear-gradient(135deg,#FFF0F7,#FF9ECD);display:flex;align-items:center;justify-content:center;color:#D63384;margin-bottom:16px;box-shadow:0 8px 20px -8px rgb(214,51,132,.45);animation:ftv2-ok-pop .45s cubic-bezier(.34,1.56,.64,1)}
.ftv2 .ftv2-msg-ok-ic svg{color:#D63384}
.ftv2 .ftv2-msg-ok b{display:block;font-size:22px;font-weight:700;color:#4D4D4D;font-family:var(--typo-serif);margin-bottom:8px}
.ftv2 .ftv2-msg-ok p{margin:0;font-size:14.5px;line-height:1.7;color:#737373;max-width:280px}
.ftv2 .ftv2-msg-again{margin-top:20px;border:1.5px solid rgb(214,51,132,.35);background:#FFFFFF;color:#D63384;font-size:14px;font-weight:600;padding:10px 24px;border-radius:10px;cursor:pointer;transition:all .25s;font-family:inherit}
.ftv2 .ftv2-msg-again:hover{background:#D63384;color:#FFFFFF;border-color:transparent;box-shadow:0 8px 20px -8px rgb(214,51,132,.5)}
@keyframes ftv2-ok-pop{0%{transform:scale(.5);opacity:0}60%{transform:scale(1.08)}100%{transform:scale(1);opacity:1}}
@media(max-width:768px){
  .ftv2 .ftv2-cta-form{padding:22px 18px;border-radius:18px}
  .ftv2 .ftv2-msg-title{font-size:19px;margin-bottom:14px}
  .ftv2 .ftv2-msg-row{grid-template-columns:1fr;gap:10px;margin-bottom:10px}
  .ftv2 .ftv2-msg-form input{height:44px;padding:0 13px;font-size:15px}
  .ftv2 .ftv2-msg-form textarea{min-height:80px;margin-bottom:12px;font-size:15px}
  .ftv2 .ftv2-msg-btn{padding:13px;font-size:15px}
}

/* [2026-11-01] 与 about-foot.css 行为对齐：桌面端隐藏页脚销售二维码块；移动端保留头像+WhatsApp链接、隐藏二维码图 */
@media(min-width:769px){.ftv2-sales{display:none!important}}
@media(max-width:768px){.ftv2-sales-qr,.ftv2-sales-qr-label{display:none!important}}
