/* Zhu Motors 站内智能客服 —— 由 .workbuddy/tools/chat-widget.js 生成，别手改 */
/* ===== 站内智能客服 ===== */
.zc-launch{position:fixed;right:22px;bottom:82px;z-index:88;display:inline-flex;align-items:center;gap:9px;
  background:var(--ink);color:#fff;font-weight:600;font-size:14px;padding:12px 18px;border-radius:99px;
  box-shadow:0 8px 24px rgba(14,36,51,.34);transition:.2s;border:1px solid rgba(201,162,39,.55)}
.zc-launch:hover{transform:translateY(-2px);box-shadow:0 12px 30px rgba(14,36,51,.42)}
.zc-launch .zc-lg{display:flex;align-items:center;justify-content:center;width:20px;height:20px;flex:none}
.zc-launch svg{stroke:#E0C86A;fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}

.zc-panel{position:fixed;right:22px;bottom:140px;z-index:88;width:384px;max-width:calc(100vw - 44px);
  height:min(586px,calc(100vh - 190px));background:#fff;border:1px solid var(--line);border-radius:16px;
  box-shadow:0 24px 60px rgba(14,36,51,.26);display:none;flex-direction:column;overflow:hidden}
.zc-panel.on{display:flex;animation:zcIn .19s ease-out}
@keyframes zcIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}

.zc-hd{flex:none;background:var(--ink);color:#fff;padding:14px 16px;display:flex;align-items:center;gap:11px}
.zc-hd .zc-av{width:34px;height:34px;border-radius:9px;background:rgba(201,162,39,.16);border:1px solid rgba(201,162,39,.42);
  display:flex;align-items:center;justify-content:center;flex:none}
.zc-hd .zc-av svg{stroke:#E0C86A;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.zc-hd .zc-ht{flex:1;min-width:0}
.zc-hd b{display:block;font-size:14.5px;letter-spacing:-.01em}
.zc-hd span{display:block;font-size:11.5px;color:#9FAABC;margin-top:2px}
.zc-x{width:30px;height:30px;flex:none;border-radius:8px;color:#A9B4C7;display:flex;align-items:center;justify-content:center;transition:.16s}
.zc-x:hover{background:rgba(255,255,255,.1);color:#fff}
.zc-x svg{stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round}

.zc-list{flex:1;overflow-y:auto;padding:16px 14px 6px;background:var(--bg2);-webkit-overflow-scrolling:touch}
.zc-list::-webkit-scrollbar{width:8px}
.zc-list::-webkit-scrollbar-thumb{background:#CFD7E3;border-radius:99px}

.zc-m{display:flex;gap:9px;margin-bottom:13px;align-items:flex-start}
.zc-m.zc-me{flex-direction:row-reverse}
.zc-m .zc-av{width:26px;height:26px;border-radius:7px;flex:none;display:flex;align-items:center;justify-content:center;margin-top:2px}
.zc-m.zc-bot .zc-av{background:var(--ink)}
.zc-m.zc-bot .zc-av svg{stroke:#E0C86A;fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.zc-m .zc-bd{max-width:80%;min-width:0}
.zc-tx{font-size:14px;line-height:1.66;padding:11px 14px;border-radius:12px;white-space:pre-wrap;word-break:break-word}
.zc-bot .zc-tx{background:#fff;border:1px solid var(--line);color:var(--text);border-top-left-radius:4px}
.zc-me .zc-tx{background:var(--ink2);color:#fff;border-top-right-radius:4px}
.zc-m.zc-typing .zc-tx{padding:14px}
.zc-dots{display:flex;gap:5px}
.zc-dots i{width:6px;height:6px;border-radius:99px;background:#B6C0D0;animation:zcDot 1.05s infinite}
.zc-dots i:nth-child(2){animation-delay:.16s}
.zc-dots i:nth-child(3){animation-delay:.32s}
@keyframes zcDot{0%,60%,100%{opacity:.35;transform:translateY(0)}30%{opacity:1;transform:translateY(-3px)}}

.zc-cars{display:flex;flex-direction:column;gap:7px;margin-top:9px}
.zc-car{display:flex;align-items:center;gap:10px;width:100%;text-align:left;background:#fff;border:1px solid var(--line);
  border-radius:10px;padding:9px 11px;transition:.16s}
.zc-car:hover{border-color:var(--accent);background:#FFFDF7}
.zc-car .zc-cn{flex:1;min-width:0}
.zc-car .zc-cn b{display:block;font-size:13.5px;color:var(--ink);font-weight:600}
.zc-car .zc-cn span{display:block;font-size:11.5px;color:var(--muted);margin-top:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.zc-car .zc-cp{font-size:12px;font-weight:700;color:var(--accent-d);white-space:nowrap}
.zc-car svg{stroke:#C3CBD8;fill:none;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;flex:none}

.zc-chips{display:flex;flex-wrap:wrap;gap:7px;margin-top:9px}
.zc-chip{font-size:12.5px;color:var(--ink);background:#fff;border:1px solid #D8DFEA;border-radius:99px;
  padding:7px 12px;text-align:left;transition:.16s;line-height:1.4}
.zc-chip:hover{border-color:var(--accent);background:#FFFDF7}

.zc-hand{display:flex;flex-direction:column;gap:7px;margin-top:10px}
.zc-act{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:13.5px;font-weight:600;
  padding:11px 14px;border-radius:10px;transition:.16s;border:1px solid transparent}
.zc-act svg{flex:none}
.zc-act.zc-wa{background:var(--wa);color:#fff}
.zc-act.zc-wa:hover{background:var(--wa-d)}
.zc-act.zc-wa svg{fill:currentColor;stroke:none}
.zc-act.zc-form{background:#fff;color:var(--ink);border-color:#D8DFEA}
.zc-act.zc-form:hover{border-color:var(--accent);background:#FFFDF7}
.zc-act.zc-form svg{stroke:currentColor;fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}

.zc-ft{flex:none;border-top:1px solid var(--line);background:#fff;padding:10px 12px 11px}
.zc-row{display:flex;gap:8px;align-items:flex-end}
.zc-in{flex:1;font:inherit;font-size:14px;color:var(--text);border:1px solid var(--line);border-radius:11px;
  padding:11px 13px;resize:none;max-height:96px;line-height:1.5;background:#fff;transition:border-color .16s}
.zc-in:focus{outline:none;border-color:var(--accent)}
.zc-send{width:42px;height:42px;flex:none;border-radius:11px;background:var(--ink);color:#fff;
  display:flex;align-items:center;justify-content:center;transition:.16s}
.zc-send:hover{background:var(--ink2)}
.zc-send svg{stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.zc-hint{font-size:11px;color:var(--faint);margin-top:8px;line-height:1.5}

@media(max-width:560px){
  .zc-launch{padding:14px;right:16px}
  .zc-launch .zc-lt{display:none}
  .zc-panel{right:0;left:0;bottom:0;top:0;width:auto;max-width:none;height:auto;border-radius:0;border:none;z-index:94}
  .zc-panel.on{animation:none}
  .zc-m .zc-bd{max-width:84%}
  .zc-ft{padding-bottom:calc(11px + env(safe-area-inset-bottom))}
}
