.wcqq-chat-widget{--wcqq-chat-brand:#0f766e;--wcqq-chat-bg:#fff;--wcqq-chat-border:#dbe1ea;--wcqq-chat-muted:#6b7280;--wcqq-chat-shadow:0 18px 44px rgba(15,23,42,.25);--wcqq-chat-customer:#d9ebff;--wcqq-chat-assistant:#f2f4f7;font-family:Segoe UI,Helvetica Neue,Helvetica,Arial,sans-serif}.wcqq-chat-widget:not(.wcqq-chat-widget--inline){bottom:24px;bottom:calc(24px + env(safe-area-inset-bottom));position:fixed;right:24px;z-index:99995}.wcqq-chat-launcher{align-items:center;animation:wcqqChatPop .26s ease-out;background:var(--wcqq-chat-brand);border:0;border-radius:999px;box-shadow:var(--wcqq-chat-shadow);color:#fff;cursor:pointer;display:inline-flex;height:60px;justify-content:center;position:relative;width:60px}.wcqq-chat-launcher:hover{filter:brightness(1.06)}.wcqq-chat-launcher svg{height:28px;width:28px}.wcqq-chat-unread{background:#dc2626;border:2px solid #fff;border-radius:999px;color:#fff;font-size:11px;font-weight:600;height:20px;line-height:16px;min-width:20px;padding:0 4px;position:absolute;right:-6px;text-align:center;top:-6px}.wcqq-chat-panel{background:var(--wcqq-chat-bg);border:1px solid var(--wcqq-chat-border);border-radius:16px;box-shadow:var(--wcqq-chat-shadow);display:none;flex-direction:column;height:520px;overflow:hidden;width:380px}.wcqq-chat-widget--inline .wcqq-chat-panel{display:flex;height:560px;margin:0 auto;width:min(100%,420px)}.wcqq-chat-panel.is-open{animation:wcqqChatSlide .19s ease-out;display:flex}.wcqq-chat-header{align-items:center;background:linear-gradient(140deg,var(--wcqq-chat-brand) 0,#15495b 100%);color:#fff;display:flex;gap:10px;justify-content:space-between;padding:14px 14px 12px}.wcqq-chat-title-wrap{display:grid;gap:2px;min-width:0}.wcqq-chat-title{font-size:15px;font-weight:700;line-height:1.2}.wcqq-chat-powered{font-size:11px;line-height:1.3;opacity:.86}.wcqq-chat-close{appearance:none;background:hsla(0,0%,100%,.2);border:0;border-radius:8px;color:#fff;cursor:pointer;font-size:22px;height:30px;line-height:1;padding:0;width:30px}.wcqq-chat-messages{background:#f8fafc;display:grid;flex:1;gap:10px;overflow-y:auto;padding:14px}.wcqq-chat-msg{display:grid;gap:4px;max-width:90%}.wcqq-chat-msg--in{justify-self:start}.wcqq-chat-msg--out{justify-self:end}.wcqq-chat-bubble{border-radius:14px;color:#111827;font-size:14px;line-height:1.4;padding:10px 12px;white-space:pre-wrap;word-break:break-word}.wcqq-chat-msg--in .wcqq-chat-bubble{background:var(--wcqq-chat-customer);border-bottom-left-radius:4px}.wcqq-chat-msg--out .wcqq-chat-bubble{background:var(--wcqq-chat-assistant);border-bottom-right-radius:4px}.wcqq-chat-time{color:var(--wcqq-chat-muted);font-size:11px}.wcqq-chat-msg--out .wcqq-chat-time{text-align:right}.wcqq-chat-system{background:#fff8db;border:1px solid #f8d77a;border-radius:999px;color:#7c5d17;font-size:12px;justify-self:center;line-height:1.4;padding:6px 12px}.wcqq-chat-media{display:flex;flex-wrap:wrap;gap:6px}.wcqq-chat-thumb{border:1px solid #dbe1ea;border-radius:8px;display:inline-block;height:70px;overflow:hidden;width:70px}.wcqq-chat-thumb img{display:block;height:100%;object-fit:cover;width:100%}.wcqq-chat-pending{display:flex;flex-wrap:wrap;gap:8px;padding:0 12px}.wcqq-chat-contact{border-top:1px dashed #d3dce8;display:grid;gap:8px;margin:8px 12px 0;padding:10px 0 0}.wcqq-chat-contact-copy{color:#435164;font-size:12px;line-height:1.4;margin:0}.wcqq-chat-contact input{border:1px solid #ccd7e3;border-radius:9px;font-size:14px;margin:0;min-height:34px;padding:0 10px;width:100%}.wcqq-chat-contact-send{background:#e6f4f1;border:0;border-radius:9px;color:#115e59;cursor:pointer;font-size:13px;font-weight:600;min-height:34px}.wcqq-chat-pending-item{background:#fff;border:1px solid #dbe1ea;border-radius:8px;cursor:pointer;height:56px;overflow:hidden;padding:0;position:relative;width:56px}.wcqq-chat-pending-item img{height:100%;object-fit:cover;width:100%}.wcqq-chat-pending-item span{background:rgba(15,23,42,.8);border-radius:999px;color:#fff;font-size:13px;height:18px;line-height:18px;position:absolute;right:2px;text-align:center;top:2px;width:18px}.wcqq-chat-form{background:#fff;border-top:1px solid var(--wcqq-chat-border);display:grid;gap:8px;grid-template-columns:auto 1fr auto;padding:10px}.wcqq-chat-send,.wcqq-chat-upload{border:0;border-radius:10px;cursor:pointer;font-size:14px;line-height:1}.wcqq-chat-upload{background:#eef2f7;height:36px;width:36px}.wcqq-chat-send{background:var(--wcqq-chat-brand);color:#fff;font-weight:600;min-width:64px;padding:0 12px}.wcqq-chat-form input[type=text]{border:1px solid #ccd7e3;border-radius:10px;color:#111827;font-size:14px;line-height:36px;margin:0;min-height:36px;padding:0 11px;width:100%}.wcqq-chat-form input[type=text]:focus{border-color:var(--wcqq-chat-brand);box-shadow:0 0 0 3px rgba(15,118,110,.15);outline:none}.wcqq-chat-form.is-loading{opacity:.75}.wcqq-chat-form.is-loading .wcqq-chat-send{position:relative}.wcqq-chat-form.is-loading .wcqq-chat-send:after{animation:wcqqChatSpin .8s linear infinite;border:2px solid hsla(0,0%,100%,.6);border-radius:999px;border-top-color:#fff;content:"";height:12px;margin-top:-6px;position:absolute;right:10px;top:50%;width:12px}@media (max-width:639px){.wcqq-chat-widget:not(.wcqq-chat-widget--inline){bottom:14px;bottom:calc(14px + env(safe-area-inset-bottom));right:14px}.wcqq-chat-expanded,.wcqq-chat-widget:not(.wcqq-chat-widget--inline) .wcqq-chat-panel{border:0;border-radius:0;box-sizing:border-box;height:100vh;height:100dvh;inset:0;padding-bottom:env(safe-area-inset-bottom);position:fixed;width:100vw}.wcqq-chat-expanded .wcqq-chat-footer,.wcqq-chat-widget:not(.wcqq-chat-widget--inline) .wcqq-chat-form{padding-bottom:calc(10px + env(safe-area-inset-bottom))}}@media screen and (max-width:768px){#wcqq-chat-input,.wcqq-chat-contact input,.wcqq-chat-contact select,.wcqq-chat-contact textarea,.wcqq-chat-form input[type=text],.wcqq-chat-input{font-size:16px!important}}@keyframes wcqqChatPop{0%{opacity:0;transform:translateY(14px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes wcqqChatSlide{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes wcqqChatSpin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}