.midea-chat-launcher{
  position:fixed;right:18px;bottom:76px;z-index:61;border:0;cursor:pointer;
  display:flex;align-items:center;gap:9px;padding:13px 18px;border-radius:999px;color:#fff;
  font:600 14px/1 "Segoe UI",system-ui,sans-serif;
  background:linear-gradient(135deg,#159fe3,#075d8d);
  box-shadow:0 18px 38px -18px rgba(7,93,141,.75);transition:.18s ease;
}
.midea-chat-launcher:hover{transform:translateY(-1px);filter:brightness(1.05)}
.midea-chat-launcher i{width:18px;height:18px;background:currentColor;
  -webkit-mask:var(--chat-ico) center/contain no-repeat;mask:var(--chat-ico) center/contain no-repeat}
.midea-chat-launcher b{background:#fff;color:#0b5a86;border-radius:999px;font-size:11.5px;
  padding:1px 7px}
.midea-chat-launcher[hidden]{display:none}

.midea-chat{
  position:fixed;right:22px;bottom:22px;z-index:71;width:min(384px,calc(100vw - 30px));
  max-height:min(620px,calc(100vh - 40px));display:none;flex-direction:column;overflow:hidden;
  background:#fff;border-radius:20px;border:1px solid #e2eaef;
  box-shadow:0 34px 70px -34px rgba(12,45,68,.55);
  font:14px/1.55 "Segoe UI",system-ui,sans-serif;color:#12222c;
}
.midea-chat.is-open{display:flex;animation:midea-chat-in .2s ease}
@keyframes midea-chat-in{from{transform:translateY(14px);opacity:0}to{transform:none;opacity:1}}
.midea-chat-head{display:flex;align-items:center;gap:11px;padding:15px 16px;color:#fff;
  background:linear-gradient(135deg,#159fe3,#075d8d)}
.midea-chat-head img{width:34px;height:34px;border-radius:9px;background:#fff;padding:4px;
  object-fit:contain}
.midea-chat-head strong{display:block;font-size:14.5px}
.midea-chat-head small{opacity:.85;font-size:11.5px;display:flex;align-items:center;gap:5px}
.midea-chat-head small i{width:7px;height:7px;border-radius:50%;background:#7ef0b0;display:block}
.midea-chat-head button{margin-left:auto;background:rgba(255,255,255,.16);border:0;color:#fff;
  width:28px;height:28px;border-radius:8px;cursor:pointer;font-size:16px;line-height:1}
.midea-chat-log{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:10px;
  background:linear-gradient(180deg,#f8fbfd,#f2f7fa)}
.midea-chat-msg{max-width:84%;padding:9px 13px;border-radius:14px;background:#fff;
  border:1px solid #e5edf2;box-shadow:0 8px 20px -16px rgba(12,45,68,.4)}
.midea-chat-msg p{margin:0;white-space:pre-wrap;overflow-wrap:anywhere}
.midea-chat-msg small{display:block;font-size:10.5px;color:#7d8f9d;margin-bottom:3px;font-weight:700;
  text-transform:uppercase;letter-spacing:.05em}
.midea-chat-msg.is-you{align-self:flex-end;background:linear-gradient(135deg,#159fe3,#0b7cba);
  color:#fff;border:0}
.midea-chat-msg.is-you small{color:rgba(255,255,255,.82)}
.midea-chat-typing{align-self:flex-start;display:flex;gap:4px;padding:10px 14px;background:#fff;
  border:1px solid #e5edf2;border-radius:14px}
.midea-chat-typing span{width:6px;height:6px;border-radius:50%;background:#9db4c4;
  animation:midea-dot 1s infinite}
.midea-chat-typing span:nth-child(2){animation-delay:.15s}
.midea-chat-typing span:nth-child(3){animation-delay:.3s}
@keyframes midea-dot{0%,60%,100%{opacity:.3;transform:translateY(0)}30%{opacity:1;transform:translateY(-3px)}}
.midea-chat-form{display:flex;gap:8px;padding:12px;border-top:1px solid #e8eff4;background:#fff}
.midea-chat-form textarea{flex:1;resize:none;height:42px;max-height:110px;border:1px solid #dde6ec;
  border-radius:12px;padding:10px 12px;font:inherit;color:inherit}
.midea-chat-form textarea:focus{outline:0;border-color:#159fe3;
  box-shadow:0 0 0 3px rgba(21,159,227,.16)}
.midea-chat-form button{border:0;border-radius:12px;padding:0 16px;color:#fff;cursor:pointer;
  font-weight:700;background:linear-gradient(135deg,#159fe3,#075d8d)}
.midea-chat-form button:disabled{opacity:.6;cursor:not-allowed}
.midea-chat-foot{padding:0 14px 12px;font-size:11px;color:#7d8f9d;background:#fff}
@media (max-width:520px){
  .midea-chat{right:10px;left:10px;width:auto;bottom:10px}
  .midea-chat-launcher{right:12px;bottom:70px}
}

.midea-chat-img{display:block;max-width:100%;border-radius:10px;margin-top:6px}
.midea-chat-previews{display:flex;gap:8px;padding:0 12px;background:#fff;flex-wrap:wrap}
.midea-chat-previews:empty{display:none}
.midea-chat-previews img{width:54px;height:54px;object-fit:cover;border-radius:10px;border:1px solid #e2eaef}
.midea-chat-attach{width:42px;height:42px;border:1px solid #dde6ec;border-radius:12px;display:grid;
  place-items:center;cursor:pointer;color:#0b5cab;font-size:22px;line-height:1;background:#f7fafc;flex:0 0 auto}
.midea-chat-attach:hover{border-color:#159fe3;background:#eef7fc}
.midea-chat-form textarea{-moz-appearance:textfield}
.midea-chat-form textarea::-webkit-outer-spin-button,
.midea-chat-form textarea::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}