:host{all:initial;z-index:2147483000;color:#1d2939;-webkit-font-smoothing:antialiased;font-family:Inter,PingFang SC,Microsoft YaHei,system-ui,sans-serif;font-size:14px;line-height:1.5;position:fixed;bottom:22px;right:22px}.widget-attachment{min-width:180px;color:inherit;font:inherit;text-align:left;background:0 0;border:0;align-items:center;gap:8px;padding:5px 2px;display:flex}.widget-attachment>span:first-child{background:#fff3;border-radius:8px;flex:none;place-items:center;width:30px;height:30px;display:grid}.widget-attachment strong,.widget-attachment small{text-overflow:ellipsis;white-space:nowrap;max-width:190px;display:block;overflow:hidden}.widget-attachment small{opacity:.72;margin-top:2px;font-size:11px}.widget-image-attachment{width:min(260px,100%);color:inherit;text-align:left;background:0 0;border:0;border-radius:9px;gap:5px;padding:0;display:grid;overflow:hidden}.widget-image-attachment img{object-fit:contain;background:#eef2f6;width:100%;min-height:130px;max-height:230px;display:block}.widget-image-attachment>span{color:#667085;background:#eef2f6;place-items:center;min-height:130px;font-size:10px;display:grid}.widget-image-attachment small{text-overflow:ellipsis;white-space:nowrap;opacity:.74;padding:0 3px 4px;font-size:9px;overflow:hidden}.widget-image-preview{z-index:2147483647;background:#091223c7;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.widget-image-preview>div{background:#fff;border-radius:12px;grid-template-rows:auto minmax(0,1fr) auto;width:min(760px,100%);max-height:100%;display:grid;overflow:hidden}.widget-image-preview header,.widget-image-preview footer{color:#344054;justify-content:space-between;align-items:center;gap:8px;padding:10px 12px;font-size:11px;display:flex}.widget-image-preview header button,.widget-image-preview footer button,.widget-image-preview footer a{color:#344054;font:inherit;background:#eef2f6;border:0;border-radius:6px;padding:6px 8px;font-size:10px;text-decoration:none}.widget-image-preview img{object-fit:contain;background:#101828;max-width:100%;max-height:72dvh;margin:auto;display:block}.widget-image-preview p{text-align:center;padding:30px}*,:before,:after{box-sizing:border-box}button,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.52}.widget-root{--widget-accent:#2563eb;flex-direction:column;align-items:flex-end;gap:14px;display:flex}.widget-root.position-left{align-items:flex-start}.widget-panel{transform-origin:100% 100%;background:#fff;border:1px solid #10182814;border-radius:18px;grid-template-rows:72px minmax(0,1fr) auto;width:min(374px,100vw - 28px);height:min(620px,100vh - 105px);animation:.22s ease-out panel-in;display:grid;position:relative;overflow:hidden;box-shadow:0 22px 70px #10182838,0 4px 15px #10182814}.widget-root.page-mode{width:100%;height:100%;padding:0;inset:0}.widget-root.page-mode .widget-panel{width:100%;max-width:none;height:100dvh;box-shadow:none;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);border:0;border-radius:0;animation:none}.position-left .widget-panel{transform-origin:0 100%}@keyframes panel-in{0%{opacity:0;transform:translateY(12px)scale(.97)}}.widget-header{color:#fff;background:linear-gradient(130deg, color-mix(in srgb, var(--widget-accent), #101828 14%), var(--widget-accent));justify-content:space-between;align-items:center;padding:0 18px;display:flex;position:relative;overflow:hidden}.widget-header:after{content:"";border:1px solid #ffffff2e;border-radius:50%;width:130px;height:130px;position:absolute;top:-72px;right:-50px;box-shadow:0 0 0 24px #ffffff0a}.header-agent{z-index:1;align-items:center;gap:11px;display:flex}.service-avatar{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff29;border:1px solid #ffffff3d;border-radius:12px;place-items:center;width:40px;height:40px;display:grid}.service-avatar img{border-radius:inherit;object-fit:cover;width:100%;height:100%}.header-agent strong{font-size:14px;font-weight:650;display:block}.header-agent span span{color:#ffffffb8;align-items:center;margin-top:3px;font-size:10px;display:flex}.header-agent i{background:#5ee6a8;border-radius:50%;width:7px;height:7px;margin-right:5px;display:inline-block;box-shadow:0 0 0 3px #5ee6a824}.header-agent i.offline{background:#fdb022}.header-actions{z-index:1;gap:3px;display:flex}.header-actions button{color:#ffffffd1;background:0 0;border:0;border-radius:8px;place-items:center;width:32px;height:32px;display:grid}.header-actions button:hover{background:#ffffff1f}.header-actions button.sound-blocked{color:#fed7aa}.header-actions button.sound-tone-button{font-size:10px;font-weight:700}.profile-overlay{z-index:3;background:#fffffffa;padding:18px;position:absolute;inset:72px 0 0}.profile-overlay form{gap:10px;display:grid}.profile-overlay header,.profile-overlay footer{justify-content:space-between;align-items:center;display:flex}.profile-overlay header button,.profile-overlay footer button{color:#475467;background:#eef2f6;border:0;border-radius:7px;padding:7px 10px;font-size:10px}.profile-overlay footer button:last-child{color:#fff;background:var(--widget-accent)}.profile-overlay p{color:#667085;margin:0;font-size:10px}.profile-overlay label{color:#475467;gap:4px;font-size:10px;display:grid}.profile-overlay input{color:#344054;border:1px solid #dfe4ea;border-radius:7px;outline:0;width:100%;height:34px;padding:0 9px;font-size:11px}.profile-overlay input:focus{border-color:var(--widget-accent)}.offline-message-view{background:linear-gradient(#f7f9fc,#fff);grid-row:2/4;min-height:0;padding:22px 20px;overflow-y:auto}.offline-message-view form{gap:11px;display:grid}.offline-message-view form>strong{color:#1d2939;font-size:17px}.offline-message-view form>p{color:#667085;margin:-5px 0 3px;font-size:11px;line-height:1.6}.offline-message-view label{color:#475467;gap:5px;font-size:10px;font-weight:600;display:grid}.offline-message-view em{color:#d92d20;margin-left:3px;font-style:normal}.offline-message-view input,.offline-message-view textarea{color:#344054;background:#fff;border:1px solid #dfe4ea;border-radius:8px;outline:0;width:100%;padding:9px 10px;font-size:11px}.offline-message-view input{height:38px}.offline-message-view textarea{resize:vertical}.offline-message-view input:focus,.offline-message-view textarea:focus{border-color:var(--widget-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--widget-accent),transparent 89%)}.offline-message-view form>small{color:#98a2b3;font-size:9px}.offline-message-view form>button{color:#fff;background:var(--widget-accent);border:0;border-radius:9px;height:40px;font-size:11px;font-weight:650}.offline-error{color:#b42318;background:#fef3f2;border-radius:7px;padding:8px;font-size:9px}.offline-success{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:100%;display:flex}.offline-success>svg{color:#027a48;background:#ecfdf3;border-radius:50%;width:44px;height:44px;padding:10px}.offline-success strong{margin-top:13px;font-size:16px}.offline-success p{color:#667085;max-width:270px;margin:7px 0;font-size:11px;line-height:1.6}.widget-messages{scrollbar-width:thin;scrollbar-color:#d5dbe4 transparent;background:linear-gradient(#f7f9fc 0%,#fff 34%);min-height:0;padding:18px 16px 22px;position:relative;overflow-y:auto}.widget-scroll-latest{z-index:2;border:1px solid color-mix(in srgb, var(--widget-accent), white 72%);color:var(--widget-accent);background:#fff;border-radius:999px;margin:-36px 0 12px auto;padding:7px 10px;font-size:9px;font-weight:650;display:block;position:sticky;bottom:8px;box-shadow:0 5px 16px #10182824}.widget-scroll-latest:hover,.widget-scroll-latest:focus-visible{background:color-mix(in srgb, var(--widget-accent), white 92%);outline:0}.queue-card{border:1px solid color-mix(in srgb, var(--widget-accent), white 82%);color:#344054;background:color-mix(in srgb, var(--widget-accent), white 95%);border-radius:10px;gap:3px;margin:0 0 14px;padding:10px 12px;display:grid}.queue-card strong{font-size:11px;font-weight:650}.queue-card span{color:#667085;font-size:9px}.older-button{color:#667085;background:#fff;border:1px solid #e4e8ee;border-radius:13px;align-items:center;gap:4px;margin:0 auto 14px;padding:5px 9px;font-size:9px;display:flex}.previous-conversation-button{color:#475467;background:#fff;border:1px solid #e4e8ee;border-radius:9px;justify-content:center;align-items:center;gap:5px;width:100%;margin:0 0 14px;padding:8px 10px;font-size:10px;font-weight:600;display:flex}.previous-conversation-button:hover,.previous-conversation-button:focus-visible{border-color:color-mix(in srgb,var(--widget-accent),white 65%);color:var(--widget-accent);background:color-mix(in srgb,var(--widget-accent),white 96%);outline:0}.previous-conversation{background:#f8fafc;border:1px solid #e4e8ee;border-radius:11px;margin:0 -4px 14px;padding:10px 10px 4px}.conversation-divider{color:#667085;justify-content:center;align-items:center;gap:6px;margin:0 0 13px;font-size:9px;font-weight:650;display:flex}.conversation-divider:before,.conversation-divider:after{content:"";background:#dfe4ea;flex:1;height:1px}.conversation-divider small{color:#98a2b3;background:#eef1f5;border-radius:8px;padding:2px 5px;font-size:8px;font-weight:500}.conversation-divider.current{color:var(--widget-accent);margin:4px 0 14px}.previous-conversation .widget-message{opacity:.84}.previous-conversation .widget-message-actions,.previous-conversation .widget-action-menu{display:none}.previous-loading{color:#98a2b3;justify-content:center;align-items:center;gap:6px;padding:18px 0;font-size:9px;display:flex}.previous-loading svg{width:14px;animation:.8s linear infinite spin}.collapse-previous-button{color:#667085;background:0 0;border:0;margin:3px auto 4px;padding:4px 8px;font-size:8px;display:block}.historical-attachment{cursor:pointer}.widget-image-attachment.historical-attachment{color:inherit;text-align:left;grid-template-columns:auto 1fr;align-items:center;gap:5px;display:grid}.widget-image-attachment.historical-attachment small{grid-column:1/-1}.welcome-card{color:#475467;text-align:center;flex-direction:column;align-items:center;margin:25px 10px;display:flex}.welcome-icon{width:48px;height:48px;color:var(--widget-accent);background:color-mix(in srgb, var(--widget-accent), white 90%);border-radius:15px;place-items:center;margin-bottom:13px;display:grid}.welcome-icon svg{width:22px}.welcome-card strong{font-size:15px}.welcome-card p{color:#98a2b3;margin:6px 0 13px;font-size:11px}.welcome-card small{color:#667085;background:#f2f4f7;border-radius:11px;align-items:center;gap:4px;padding:5px 8px;font-size:9px;display:flex}.loading{color:#98a2b3;justify-content:center;align-items:center;gap:7px;padding:50px 0;font-size:11px;display:flex}.loading svg,.spin{width:17px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.widget-message{max-width:78%;margin:0 auto 14px 0}.widget-message.mine{margin-left:auto;margin-right:0}.bubble{color:#344054;white-space:pre-wrap;word-break:break-word;background:#fff;border:1px solid #e4e8ee;border-radius:4px 13px 13px;width:fit-content;padding:9px 12px;font-size:12px;line-height:1.6;box-shadow:0 2px 6px #10182809}.mine .bubble{color:#fff;background:var(--widget-accent);box-shadow:0 5px 13px color-mix(in srgb, var(--widget-accent), transparent 78%);border:0;border-radius:13px 4px 13px 13px;margin-left:auto}.widget-quote{color:#667085;text-align:left;background:#f2f4f7;border:0;border-left:3px solid #98a2b3;border-radius:5px;gap:2px;width:100%;margin:0 0 6px;padding:5px 7px;display:grid}.widget-quote strong,.widget-quote span{text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.mine .widget-quote{color:#fff;background:#ffffff29;border-left-color:#fff}.widget-recalled{color:#98a2b3;font-style:italic}.mine .widget-recalled{color:#ffffffc7}.widget-message-actions{opacity:0;justify-content:flex-end;gap:3px;height:18px;display:flex}.widget-message:hover .widget-message-actions,.widget-message:focus-within .widget-message-actions{opacity:1}.widget-message-actions button{color:#667085;background:0 0;border:0;border-radius:4px;align-items:center;gap:2px;padding:1px 4px;font-size:8px;display:flex}.widget-action-menu{z-index:4;background:#fff;border:1px solid #e4e8ee;border-radius:8px;gap:3px;margin-top:4px;padding:4px;display:flex;position:absolute;box-shadow:0 8px 20px #10182824}.widget-action-menu button{color:#475467;background:#f7f9fc;border:0;border-radius:5px;align-items:center;gap:3px;padding:5px 7px;font-size:9px;display:flex}.bubble-meta{color:#98a2b3;align-items:center;gap:6px;margin-top:4px;font-size:8px;display:flex}.mine .bubble-meta{justify-content:flex-end}.bubble-meta span{align-items:center;gap:2px;display:flex}.bubble-meta svg{width:12px;height:12px}.system-note{color:#98a2b3;text-align:center;background:#eef1f5;border-radius:10px;width:fit-content;max-width:88%;margin:9px auto;padding:4px 9px;font-size:9px}.closed-card{color:#667085;text-align:center;background:#fff;border:1px solid #e4e8ee;border-radius:11px;margin:22px 10px 4px;padding:13px}.closed-card strong{margin-bottom:8px;font-size:11px;display:block}.closed-card p{color:#667085;margin:0 0 9px;font-size:10px}.closed-card button{color:#fff;background:var(--widget-accent);border:0;border-radius:7px;align-items:center;gap:5px;padding:6px 9px;font-size:9px;display:inline-flex}.satisfaction{gap:8px;margin:10px 0;display:grid}.satisfaction>span{color:#475467;font-size:10px}.satisfaction>div{justify-content:center;gap:4px;display:flex}.satisfaction>div button{color:#c5cad3;background:0 0;width:26px;height:26px;padding:0}.satisfaction>div button.selected{color:#f79009}.satisfaction>div svg{fill:currentColor;width:17px}.satisfaction textarea{resize:vertical;color:#344054;border:1px solid #dfe4ea;border-radius:7px;outline:0;width:100%;padding:7px;font-size:10px}.satisfaction-reasons{flex-wrap:wrap;gap:6px!important;display:flex!important}.satisfaction-reasons button{border:1px solid #d0d5dd;border-radius:999px;font-size:10px;color:#475467!important;background:#fff!important;width:auto!important;height:auto!important;padding:5px 9px!important}.satisfaction-reasons button.selected{border-color:var(--widget-accent);color:var(--widget-accent)!important;background:color-mix(in srgb, var(--widget-accent) 8%, white)!important}.widget-composer{background:#fff;border-top:1px solid #e8ecf1;padding:10px 12px 9px;position:relative}.widget-replying{border-left:3px solid var(--widget-accent);color:#667085;background:#f5f8ff;border-radius:5px;justify-content:space-between;align-items:center;gap:8px;margin-bottom:6px;padding:6px 8px;display:flex}.widget-replying>div{min-width:0;display:grid}.widget-replying strong,.widget-replying span{text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.widget-replying strong{color:#344054}.widget-replying button{color:#667085;background:0 0;border:0}.widget-error{color:#b42318;background:#fef3f2;border:1px solid #fecdca;border-radius:7px;justify-content:space-between;align-items:center;padding:7px 9px;font-size:9px;display:flex;position:absolute;bottom:calc(100% + 6px);left:12px;right:12px;box-shadow:0 5px 14px #10182814}.widget-error button{color:inherit;background:0 0;border:0}.composer-row{background:#fff;border:1px solid #dfe4ea;border-radius:12px;align-items:flex-end;gap:8px;padding:7px 7px 7px 12px;transition:all .18s;display:flex}.widget-file-drop-overlay{z-index:4;border:2px dashed var(--widget-accent);color:var(--widget-accent);pointer-events:none;background:#fffffff0;border-radius:12px;place-items:center;font-size:10px;font-weight:650;display:grid;position:absolute;inset:0}.widget-upload-status{color:#667085;text-align:right;margin-top:6px;font-size:9px}.composer-row:has(textarea:focus){border-color:color-mix(in srgb, var(--widget-accent), white 30%);box-shadow:0 0 0 3px color-mix(in srgb, var(--widget-accent), transparent 89%)}.composer-row textarea{resize:none;color:#344054;background:0 0;border:0;outline:0;flex:1;min-height:30px;max-height:90px;padding:6px 0 4px;font-size:11px;line-height:1.45;overflow-y:auto}.composer-row>button{color:#fff;background:var(--widget-accent);border:0;border-radius:9px;flex:none;place-items:center;width:34px;height:34px;display:grid}.composer-row>button svg{width:16px}.composer-row>.composer-icon-button{color:#667085;cursor:pointer;background:0 0;border:0;border-radius:9px;flex:none;place-items:center;width:34px;height:34px;padding:0;transition:color .18s,background .18s;display:grid}.composer-row>.composer-icon-button svg{stroke-width:2px;width:16px;height:16px}.composer-row>.composer-icon-button:hover{color:#344054;background:#f2f4f7}.composer-row>.composer-icon-button:active{color:#344054;background:#eaecf0}.composer-row>.composer-icon-button:focus{outline:0}.composer-row>.composer-icon-button:focus-visible{outline:2px solid var(--widget-accent);outline-offset:2px}.composer-row>.composer-icon-button[aria-disabled=true]{pointer-events:none;opacity:.45}.composer-row>.emoji-toggle.active{color:var(--widget-accent);background:color-mix(in srgb, var(--widget-accent), white 88%)}.widget-emoji-picker{z-index:3;background:#fff;border:1px solid #dfe4ea;border-radius:12px;width:min(280px,100vw - 32px);max-height:min(300px,100vh - 150px);padding:10px;position:absolute;bottom:calc(100% + 8px);right:42px;overflow-y:auto;box-shadow:0 12px 28px #10182829}.widget-emoji-picker section+section{margin-top:9px}.widget-emoji-picker strong{color:#667085;margin:0 0 4px;font-size:10px;display:block}.widget-emoji-picker section>div{grid-template-columns:repeat(10,1fr);gap:3px;display:grid}.widget-emoji-picker button{background:0 0;border:0;border-radius:6px;width:24px;height:24px;padding:0;font-size:15px;line-height:1}.widget-emoji-picker button:hover,.widget-emoji-picker button:focus-visible{background:#f2f4f7;outline:0}@media (width<=420px){.composer-row{gap:5px;padding-left:7px}.widget-emoji-picker{width:min(280px,100vw - 24px);right:0}.widget-emoji-picker section>div{grid-template-columns:repeat(10,1fr)}}.widget-footnote{color:#a1a9b5;justify-content:center;align-items:center;gap:4px;padding-top:7px;font-size:8px;display:flex}.widget-launcher{color:#fff;background:var(--widget-accent);width:56px;height:56px;box-shadow:0 12px 30px color-mix(in srgb, var(--widget-accent), transparent 65%);border:0;border-radius:18px;place-items:center;transition:transform .18s,border-radius .18s;display:grid;position:relative}.widget-invite{color:#344054;text-align:left;background:#fff;border:1px solid #10182814;border-radius:12px;max-width:280px;padding:10px 13px;font-size:12px;box-shadow:0 10px 28px #10182826}.widget-launcher:hover{transform:translateY(-2px)}.widget-launcher.open{border-radius:50%}.widget-launcher svg{width:24px}.widget-launcher b{color:#fff;background:#f04438;border:2px solid #fff;border-radius:11px;place-items:center;min-width:20px;height:20px;padding:0 5px;font-size:9px;display:grid;position:absolute;top:-4px;right:-4px}@media (width<=540px){:host{bottom:12px;left:12px;right:12px}.widget-root,.widget-root.position-left{align-items:flex-end}.widget-panel{border-radius:15px;width:100%;height:min(640px,100vh - 84px)}.widget-launcher{border-radius:16px;width:52px;height:52px}}@media (prefers-reduced-motion:reduce){.widget-panel,.loading svg,.spin{animation:none}}.blocked-view{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:100%;display:flex}.blocked-view>svg{color:#667085;background:#eef2f6;border-radius:50%;width:48px;height:48px;padding:11px}.blocked-view strong{color:#1d2939;margin-top:14px;font-size:16px}.blocked-view p{color:#667085;max-width:270px;font-size:11px;line-height:1.6}:root{color:#172033;background:#f5f7fb;font-family:Inter,PingFang TC,Microsoft JhengHei,sans-serif}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0;overflow:hidden}body{overscroll-behavior:none}.widget-root.page-mode{justify-content:center;align-items:center;padding:16px}.widget-root.page-mode .widget-panel{border:1px solid #10182814;border-radius:18px;width:min(440px,100vw - 32px);height:min(760px,100dvh - 32px);box-shadow:0 20px 60px #10182824}.h5-error{text-align:center;place-content:center;gap:8px;min-height:100dvh;padding:24px;display:grid}.h5-error strong{font-size:20px}.h5-error p{color:#667085;margin:0}@media (width<=640px){.widget-root.page-mode{padding:0}.widget-root.page-mode .widget-panel{width:100%;height:100dvh;box-shadow:none;border:0;border-radius:0}}