/* 智贸通官网 · 在线咨询（2026-10-24）—— 配色沿用站点：品牌绿 #0f5c3d / 墨 #0d1b2a */
.zm-chat{position:fixed;right:18px;bottom:18px;z-index:9600;
  font:15px/1.6 "Microsoft YaHei","PingFang SC",system-ui,sans-serif}
.zm-chat-fab{width:56px;height:56px;border-radius:50%;border:0;cursor:pointer;
  background:linear-gradient(135deg,#0f5c3d,#12735a);color:#fff;
  box-shadow:0 10px 24px rgba(15,92,61,.30);display:flex;align-items:center;
  justify-content:center;transition:transform .15s}
.zm-chat-fab:hover{transform:translateY(-2px)}
.zm-chat-panel{position:absolute;right:0;bottom:68px;width:340px;max-width:calc(100vw - 36px);
  background:#fff;border:1px solid #e3e9ee;border-radius:14px;overflow:hidden;
  box-shadow:0 24px 60px rgba(13,27,42,.22);display:none;flex-direction:column}
.zm-chat.open .zm-chat-panel{display:flex}
.zm-chat-hd{background:#0d1b2a;color:#fff;padding:12px 44px 12px 14px;position:relative}
.zm-chat-hd b{display:block;font-size:15px}
.zm-chat-hd span{display:block;font-size:12px;color:#b9c6d6;margin-top:2px}
.zm-chat-x{position:absolute;right:8px;top:8px;width:30px;height:30px;border:0;
  border-radius:8px;background:rgba(255,255,255,.14);color:#fff;font-size:18px;
  line-height:1;cursor:pointer}
.zm-chat-body{padding:12px 14px 14px}
.zm-chat-tip{font-size:12.5px;color:#5b6b7c;background:#eef4f1;border-radius:8px;
  padding:8px 10px;margin-bottom:10px}
.zm-chat-log{max-height:260px;overflow-y:auto;display:flex;flex-direction:column;gap:8px;
  margin-bottom:10px}
.zm-chat-row{display:flex}
.zm-chat-row.me{justify-content:flex-end}
.zm-chat-row.staff{justify-content:flex-start}
.zm-chat-b{max-width:80%;padding:8px 11px;border-radius:10px;font-size:14px;
  white-space:pre-wrap;word-break:break-word}
.zm-chat-row.me .zm-chat-b{background:#0f5c3d;color:#fff;border-bottom-right-radius:4px}
.zm-chat-row.staff .zm-chat-b{background:#f1f5f9;color:#0d1b2a;border-bottom-left-radius:4px}
.zm-chat-form{display:flex;gap:8px;align-items:flex-end}
.zm-chat-input{flex:1;min-width:0;resize:none;padding:9px 10px;border:1px solid #cfd8e0;
  border-radius:9px;font:14px/1.5 inherit;color:#0d1b2a;background:#fff}
.zm-chat-input:focus{outline:2px solid #12735a;outline-offset:1px;border-color:#12735a}
.zm-chat-send{padding:10px 16px;border:0;border-radius:9px;background:#0f5c3d;color:#fff;
  font-weight:600;font-size:14px;cursor:pointer;white-space:nowrap}
.zm-chat-send:disabled{opacity:.55;cursor:default}
@media (max-width:520px){
  .zm-chat{right:12px;bottom:12px}
  .zm-chat-panel{width:calc(100vw - 24px);bottom:66px}
  .zm-chat-log{max-height:44vh}
}