/* ============================================================
   首页与内页共用的组件样式：按钮 / Toast / 留资弹窗
   ============================================================ */
.btn-1,.btn-5{
  display:inline-block;height:auto;padding:18px 44px;border-radius:80px;
  font-family:"Microsoft YaHei","微软雅黑",sans-serif;font-weight:900;font-size:15px;
  line-height:20px;text-align:center;transition:border-color .4s,color .4s,background-color .4s;
}
.btn-1{border:2px solid var(--crimson);background:var(--crimson);color:var(--white)}
.btn-1:hover{border:2px solid var(--white);background:var(--white);color:var(--dark)}
.btn-1 i,.btn-5 i{font-style:normal;margin-right:5px}
.btn-5{border:1px solid var(--white);background:var(--white);color:var(--dark)}
.btn-5:hover{border:1px solid var(--crimson);background:var(--crimson);color:var(--white)}
.btn-1 .ico,.btn-5 .ico{display:inline-block;vertical-align:-2px;width:18px;height:18px;margin-right:6px}

.lead-mask{
  position:fixed;inset:0;background:rgba(16,16,16,.62);z-index:400;
  display:flex;align-items:center;justify-content:center;padding:20px;
  opacity:0;pointer-events:none;transition:opacity .28s;
}
.lead-mask.show{opacity:1;pointer-events:auto}
.lead-box{
  position:relative;width:100%;max-width:520px;max-height:88vh;overflow-y:auto;
  background:var(--white);border-radius:14px;padding:34px 32px 30px;
  box-shadow:0 30px 70px -25px rgba(0,0,0,.5);
  transform:translateY(14px);transition:transform .28s;
}
.lead-mask.show .lead-box{transform:translateY(0)}
.lead-box .lead-close{
  position:absolute;right:14px;top:12px;width:36px;height:36px;border-radius:50%;
  background:var(--bg);color:var(--dark);
  display:flex;align-items:center;justify-content:center;transition:.3s;
}
.lead-box .lead-close:hover{background:var(--crimson);color:var(--white)}
.lead-box .lead-close svg{width:18px;height:18px}
.lead-box h4{font-size:24px;color:var(--dark);margin-bottom:6px}
.lead-box .lead-sub{font-size:14px;color:var(--gray);margin-bottom:20px}
.lead-field{margin-bottom:14px}
.lead-field label{display:block;font-size:13px;font-weight:700;color:var(--dark);margin-bottom:6px}
.lead-field label i{color:var(--crimson);font-style:normal}
.lead-field input,.lead-field textarea{
  width:100%;padding:12px 14px;border:1px solid #e2e2e8;border-radius:10px;
  font-family:inherit;font-size:15px;color:var(--dark);background:#fbfbfd;
  transition:border-color .2s,box-shadow .2s;
}
.lead-field input:focus,.lead-field textarea:focus{
  border-color:var(--crimson);box-shadow:0 0 0 3px rgba(220,39,81,.12);background:var(--white);outline:none;
}
.lead-field textarea{resize:vertical;min-height:88px}
.lead-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.lead-box .btn-1{width:100%;padding:15px 24px;border:none}
.lead-box .btn-1[disabled]{opacity:.65;cursor:not-allowed}
.lead-note{font-size:12px;color:var(--gray-3);margin:12px 0 0;text-align:center}
.lead-note a{color:var(--crimson)}
@media (max-width:520px){.lead-box{padding:28px 20px 24px}}

.toast{
  position:fixed;left:50%;bottom:34px;transform:translate(-50%,16px);
  background:var(--dark);color:#fff;padding:14px 26px;border-radius:40px;
  font-size:15px;opacity:0;pointer-events:none;transition:opacity .3s,transform .3s;
  z-index:300;max-width:90vw;text-align:center;box-shadow:0 14px 30px -12px rgba(27,27,27,.55);
}
.toast.show{opacity:1;transform:translate(-50%,0)}