/* HC 手机端联系挂件 — 仅 <=768px 显示；外部资源以满足 CSP style-src 'self' */
@media (max-width:768px){
  body{padding-bottom:calc(44px + env(safe-area-inset-bottom));}
  body.hc-mc-locked{overflow:hidden;}
  .hc-mc-bar{
    position:fixed; left:0; right:0; bottom:0; z-index:99998;
    display:flex; align-items:stretch; height:44px;
    padding-bottom:env(safe-area-inset-bottom);
    background:#0071e3; color:#fff;
    box-shadow:0 -1px 0 rgba(255,255,255,.18), 0 -5px 14px rgba(0,0,0,.10);
    font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;
  }
  .hc-mc-btn{
    flex:1; display:flex; flex-direction:column; align-items:center; justify-content:center;
    gap:2px; border:0; background:transparent; color:#fff; cursor:pointer;
    text-decoration:none; -webkit-tap-highlight-color:transparent;
    font-size:11px; line-height:1.1;
  }
  .hc-mc-btn svg{width:19px;height:19px;display:block;fill:#fff;}
  .hc-mc-btn:active{background:#0077ed;}
  .hc-mc-btn + .hc-mc-btn{box-shadow:inset 1px 0 0 rgba(255,255,255,.22);}
  .hc-mc-modal{display:none; position:fixed; inset:0; z-index:99999;}
  .hc-mc-modal.open{display:block;}
  .hc-mc-mask{position:absolute; inset:0; background:rgba(0,0,0,.45);}
  .hc-mc-dialog{
    position:absolute; left:50%; bottom:0; transform:translateX(-50%);
    width:100%; max-width:480px; max-height:92vh; overflow-y:auto;
    background:#fff; color:#1d1d1f;
    border-radius:16px 16px 0 0; padding:18px 18px calc(18px + env(safe-area-inset-bottom));
    box-sizing:border-box;
    font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;
    animation:hcMcUp .22s ease-out;
  }
  @keyframes hcMcUp{from{transform:translate(-50%,100%)}to{transform:translate(-50%,0)}}
  .hc-mc-dlg-head{display:flex; align-items:center; justify-content:space-between; margin-bottom:14px;}
  .hc-mc-dlg-head h3{font-size:17px; margin:0; font-weight:600;}
  .hc-mc-close{border:0; background:transparent; font-size:24px; line-height:1; color:#86868b; cursor:pointer; padding:0 4px;}
  .hc-mc-form label{display:block; font-size:13px; color:#515154; margin-bottom:12px;}
  .hc-mc-form input[type=text], .hc-mc-form textarea{
    display:block; width:100%; margin-top:6px; box-sizing:border-box;
    border:1px solid #d2d2d7; border-radius:10px; padding:10px 12px; font-size:15px; color:#1d1d1f;
    font-family:inherit; background:#fff; -webkit-appearance:none;
  }
  .hc-mc-form input:focus, .hc-mc-form textarea:focus{outline:none; border-color:#0071e3;}
  .hc-mc-form textarea{resize:vertical;}
  /* honeypot：真人不可见，机器人会填 */
  .hc-mc-hp{position:absolute!important; left:-9999px!important; top:-9999px!important; width:1px!important; height:1px!important; opacity:0!important; border:0!important; padding:0!important;}
  .hc-mc-err{
    margin:0 0 10px; padding:9px 11px; border-radius:9px;
    background:#fff2f2; color:#c0392b; font-size:13px; line-height:1.5;
  }
  .hc-mc-tip{font-size:12px; color:#86868b; margin:0 0 14px;}
  .hc-mc-submit{
    width:100%; border:0; border-radius:12px; background:#0071e3; color:#fff;
    font-size:16px; font-weight:600; padding:13px; cursor:pointer; -webkit-tap-highlight-color:transparent; font-family:inherit;
  }
  .hc-mc-submit:active{background:#0077ed;}
  .hc-mc-submit:disabled{background:#9bb8d6; cursor:default;}
  /* 提交成功态 */
  .hc-mc-success{text-align:center; padding:6px 0 2px;}
  .hc-mc-ok{width:52px; height:52px; fill:#34a853; display:block; margin:0 auto 12px;}
  .hc-mc-success-t{font-size:18px; font-weight:600; margin:0 0 6px; color:#1d1d1f;}
  .hc-mc-success-d{font-size:14px; color:#515154; margin:0 0 18px; line-height:1.6;}
  .hc-mc-success-wx{
    display:block; width:100%; border:1px solid #d2d2d7; border-radius:12px; background:#f5f5f7;
    color:#1d1d1f; font-size:15px; font-weight:600; padding:12px; margin-bottom:10px;
    cursor:pointer; font-family:inherit; -webkit-tap-highlight-color:transparent;
  }
  .hc-mc-success-wx:active{background:#ebebef;}
  .hc-mc-success-close{
    display:block; width:100%; border:0; border-radius:12px; background:#0071e3; color:#fff;
    font-size:16px; font-weight:600; padding:13px; cursor:pointer; font-family:inherit;
  }
  .hc-mc-success-close:active{background:#0077ed;}
  .hc-mc-clip-ta{position:fixed; left:-9999px; top:-9999px; opacity:0; border:0; padding:0;}
}
@media (min-width:769px){ .hc-mc-bar, .hc-mc-modal{display:none !important;} }