@charset "utf-8";
/* 承接层公共样式 · 名匠智汇 / 豪鸿照明 · 2026-09-21
   由 inject_lead_capture.py 全站注入引用，改这里即全站生效 */
:root{
  --lc-brand: var(--brand-500, #2563eb);
  --lc-brand-dark: var(--brand-700, #1d4ed8);
  --lc-ink: var(--ink-900, #0f172a);
  --lc-mute: var(--ink-600, #64748b);
  --lc-line: var(--line, #e5e7eb);
  --lc-radius: var(--r-lg, 14px);
}
.lc-dock{position:fixed;left:16px;bottom:24px;z-index:70;display:flex;flex-direction:column;gap:10px;align-items:flex-start}
.lc-dock-btn{
  display:flex;align-items:center;gap:8px;height:44px;padding:0 16px;
  background:#fff;color:var(--lc-ink);border:1px solid var(--lc-line);
  border-radius:999px;font-size:14px;font-weight:600;cursor:pointer;
  box-shadow:0 6px 20px rgba(15,31,58,.14);text-decoration:none;
  transition:transform .16s ease, box-shadow .16s ease;
}
.lc-dock-btn:hover{transform:translateY(-2px);box-shadow:0 10px 26px rgba(15,31,58,.2)}
.lc-dock-btn svg{width:18px;height:18px;flex:none}
.lc-dock-btn.lc-tel{background:var(--lc-brand);color:#fff;border-color:var(--lc-brand)}
.lc-mask{position:fixed;inset:0;background:rgba(10,23,58,.5);z-index:90;display:none;backdrop-filter:blur(2px)}
.lc-mask.on{display:block}
.lc-modal{
  position:fixed;z-index:95;left:50%;top:50%;transform:translate(-50%,-46%) scale(.98);
  width:min(560px,calc(100vw - 32px));max-height:calc(100vh - 48px);overflow:auto;
  background:#fff;border-radius:var(--lc-radius);box-shadow:0 24px 60px rgba(10,23,58,.28);
  display:none;opacity:0;transition:opacity .18s ease, transform .18s ease;
}
.lc-modal.on{display:block;opacity:1;transform:translate(-50%,-50%) scale(1)}
.lc-head{padding:20px 24px 14px;border-bottom:1px solid var(--lc-line);position:relative}
.lc-head h3{margin:0 0 4px;font-size:18px;color:var(--lc-ink);font-weight:600}
.lc-head p{margin:0;font-size:13px;color:var(--lc-mute);line-height:1.6}
.lc-close{position:absolute;right:14px;top:14px;width:32px;height:32px;border:none;background:transparent;
  font-size:22px;line-height:1;color:var(--lc-mute);cursor:pointer;border-radius:8px}
.lc-close:hover{background:#f1f5f9;color:var(--lc-ink)}
.lc-body{padding:18px 24px 4px}
.lc-row{margin-bottom:14px}
.lc-row label{display:block;font-size:13px;font-weight:600;color:var(--lc-ink);margin-bottom:6px}
.lc-row label span{font-weight:400;color:var(--lc-mute)}
.lc-row input,.lc-row select,.lc-row textarea{
  width:100%;box-sizing:border-box;padding:10px 12px;font-size:14px;font-family:inherit;
  border:1px solid var(--lc-line);border-radius:10px;background:#fff;color:var(--lc-ink);outline:none;
}
.lc-row input:focus,.lc-row select:focus,.lc-row textarea:focus{border-color:var(--lc-brand);box-shadow:0 0 0 3px rgba(37,99,235,.12)}
.lc-row textarea{min-height:78px;resize:vertical;line-height:1.6}
.lc-grid2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.lc-foot{padding:12px 24px 22px;display:flex;flex-direction:column;gap:10px}
.lc-submit{
  width:100%;height:48px;border:none;border-radius:999px;background:var(--lc-brand);color:#fff;
  font-size:16px;font-weight:600;cursor:pointer;font-family:inherit;
}
.lc-submit:hover{background:var(--lc-brand-dark)}
.lc-tip{font-size:12px;color:var(--lc-mute);text-align:center;line-height:1.6;margin:0}
.lc-result{display:none;padding:0 24px 8px}
.lc-result.on{display:block}
.lc-result textarea{
  width:100%;box-sizing:border-box;min-height:150px;padding:12px;font-size:13px;line-height:1.7;
  font-family:ui-monospace,Consolas,monospace;border:1px solid var(--lc-line);border-radius:10px;
  background:#f8fafc;color:var(--lc-ink);resize:vertical;
}
.lc-actions{display:flex;gap:10px;margin-top:10px;flex-wrap:wrap}
.lc-act{
  flex:1 1 140px;height:42px;border-radius:999px;border:1px solid var(--lc-brand);
  background:#fff;color:var(--lc-brand);font-size:14px;font-weight:600;cursor:pointer;font-family:inherit;
}
.lc-act.lc-primary{background:var(--lc-brand);color:#fff}
.lc-wx{display:none;margin-top:12px;padding:14px;border:1px dashed var(--lc-line);border-radius:12px;text-align:center;background:#f8fafc}
.lc-wx.on{display:block}
.lc-wx img{width:150px;height:150px;object-fit:contain;border-radius:8px;background:#fff}
.lc-wx-id{margin-top:8px;font-size:13px;color:var(--lc-ink);font-weight:600}
.lc-toast{
  position:fixed;left:50%;bottom:96px;transform:translateX(-50%);z-index:120;
  background:rgba(15,23,42,.92);color:#fff;padding:10px 20px;border-radius:999px;font-size:14px;
  opacity:0;pointer-events:none;transition:opacity .2s ease;
}
.lc-toast.on{opacity:1}
@media (max-width:640px){
  .lc-dock{left:12px;bottom:16px;gap:8px}
  .lc-dock-btn{height:40px;padding:0 13px;font-size:13px}
  .lc-dock-btn.lc-label span{display:none}
  .lc-modal{width:calc(100vw - 24px);max-height:calc(100vh - 32px)}
  .lc-body{padding:14px 18px 4px}
  .lc-foot{padding:10px 18px 18px}
  .lc-grid2{grid-template-columns:1fr}
}
@media print{.lc-dock,.lc-mask,.lc-modal,.lc-toast{display:none!important}}