/* ============================================================
   IDCPDU 站群 · 留资询盘弹窗组件（lead）
   与 main.css 同一视觉体系：深蓝 #0d2137 + 橙红 #ff5a1f
   全站通用 · 支持 RTL（使用逻辑属性）
   ============================================================ */

/* ---------- 右下角浮动询价按钮 ---------- */
.lead-float{
  position:fixed; inset-inline-end:22px; bottom:96px; z-index:200;
  display:inline-flex; align-items:center; gap:8px;
  background:#ff5a1f; color:#fff; border:0; border-radius:999px;
  padding:13px 20px; font:600 14px/1 "Segoe UI",Arial,"Microsoft YaHei",sans-serif;
  cursor:pointer; box-shadow:0 8px 22px rgba(255,90,31,.35);
  transition:transform .18s ease, box-shadow .18s ease;
}
.lead-float:hover{transform:translateY(-2px); box-shadow:0 12px 28px rgba(255,90,31,.45)}
.lead-float svg{width:17px;height:17px;flex:none}

/* ---------- 遮罩与弹窗 ---------- */
.lead-ov{
  position:fixed; inset:0; z-index:900; padding:20px;
  background:rgba(9,20,33,.62);
  display:flex; align-items:center; justify-content:center;
  opacity:0; pointer-events:none; transition:opacity .22s ease;
}
.lead-ov.on{opacity:1; pointer-events:auto}
.lead-box{
  background:#fff; width:100%; max-width:486px; max-height:92vh; overflow:auto;
  border-radius:14px; box-shadow:0 24px 60px rgba(9,20,33,.38);
  transform:translateY(14px) scale(.98); transition:transform .22s ease;
}
.lead-ov.on .lead-box{transform:none}

.lead-hd{
  position:relative; padding:20px 22px 18px; color:#fff;
  background:linear-gradient(135deg,#0d2137,#13314f);
  border-radius:14px 14px 0 0;
}
.lead-hd h3{margin:0 0 6px; font-size:19px; font-weight:700; line-height:1.35}
.lead-hd p{margin:0; font-size:13px; line-height:1.55; color:#b8c7d8; max-width:88%}
.lead-x{
  position:absolute; inset-inline-end:14px; top:14px; width:30px; height:30px;
  border:0; border-radius:50%; cursor:pointer; color:#fff; font-size:17px; line-height:1;
  background:rgba(255,255,255,.14);
}
.lead-x:hover{background:rgba(255,255,255,.26)}

.lead-bd{padding:20px 22px 22px}
.lead-row{margin-bottom:13px}
.lead-row label{display:block; font-size:12.5px; font-weight:600; color:#33475c; margin-bottom:5px}
.lead-row label i{color:#ff5a1f; font-style:normal; margin-inline-start:2px}
.lead-row input,.lead-row textarea{
  width:100%; padding:11px 13px; font-size:14px; color:#0d2137;
  border:1px solid #d7dfe8; border-radius:8px; background:#fbfcfe;
  font-family:inherit; transition:border-color .15s, box-shadow .15s;
}
.lead-row input:focus,.lead-row textarea:focus{
  outline:0; border-color:#ff5a1f; background:#fff; box-shadow:0 0 0 3px rgba(255,90,31,.13);
}
.lead-row textarea{min-height:88px; resize:vertical}
.lead-row.bad input,.lead-row.bad textarea{border-color:#d93636; background:#fff7f7}
.lead-note{font-size:11.5px; color:#7b8a99; margin:10px 0 0}
.lead-err{display:none; font-size:12.5px; color:#d93636; margin:0 0 10px}
.lead-err.on{display:block}

.lead-sub{
  width:100%; margin-top:14px; padding:13px 18px; border:0; border-radius:9px; cursor:pointer;
  background:#ff5a1f; color:#fff; font:700 15px/1 "Segoe UI",Arial,sans-serif;
  box-shadow:0 6px 16px rgba(255,90,31,.28); transition:background .15s, transform .15s;
}
.lead-sub:hover{background:#e84c14; transform:translateY(-1px)}
.lead-sub:disabled{opacity:.65; cursor:default; transform:none}

/* 蜜罐字段（对真人隐藏，对爬虫可见） */
.lead-hp{position:absolute; left:-9999px; width:1px; height:1px; overflow:hidden}

/* ---------- 提交成功视图 ---------- */
.lead-ok{display:none; padding:30px 24px 32px; text-align:center}
.lead-ok.on{display:block}
.lead-ok .ico{
  width:58px; height:58px; margin:0 auto 14px; border-radius:50%;
  background:#e8f6ef; color:#2f7d5f; font-size:30px; line-height:58px;
}
.lead-ok h3{margin:0 0 8px; font-size:18px; color:#0d2137}
.lead-ok p{margin:0; font-size:13.5px; line-height:1.6; color:#5b6b7b}

@media (max-width:560px){
  .lead-float{bottom:88px; inset-inline-end:14px; padding:12px 16px; font-size:13px}
  .lead-hd{padding:18px 18px 16px}
  .lead-hd h3{font-size:17px}
  .lead-bd{padding:18px}
}