.cxw-launcher,.cxw-overlay,.cxw-inbox{font-family:Inter,"PingFang SC","Microsoft YaHei",sans-serif;color:var(--ink,#152634);font-size:14px;line-height:1.5;box-sizing:border-box}
.cxw-launcher *,.cxw-overlay *,.cxw-inbox *{box-sizing:border-box}
.cxw-launcher[hidden],.cxw-overlay[hidden],.cxw-overlay [hidden],.cxw-inbox [hidden],[data-contact-badge][hidden],[data-view="contact"][hidden]{display:none!important}
.cxw-launcher{position:fixed;right:24px;bottom:88px;z-index:120;display:flex;align-items:center;gap:9px;padding:13px 18px;border:1px solid #c6dfdd;border-radius:30px;background:#12636d;color:#fff;font-weight:750;box-shadow:0 6px 24px #153f4a2b;transition:background .18s,transform .18s}
.cxw-launcher:hover{background:#0c515b;transform:translateY(-2px)}
.cxw-launcher svg{width:22px;height:22px;flex-shrink:0}
.cxw-badge,[data-contact-badge]{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 5px;border-radius:12px;background:#bd4c51;color:white;font-size:11px;font-weight:800;line-height:1}
[data-contact-badge]{margin-left:5px}
.cxw-launcher .cxw-badge{background:#fff0df;color:#88401f}
.cxw-overlay{position:fixed;inset:0;z-index:250;background:#152d3940;display:flex;align-items:flex-end;justify-content:flex-end;padding:24px;overscroll-behavior:contain}
.cxw-dialog{width:min(430px,100%);height:min(640px,calc(100dvh - 48px));background:white;border:1px solid #cbdcde;border-radius:16px;box-shadow:0 16px 70px #163a4540;overflow:hidden}
.cxw-chat{height:100%;min-height:0;display:flex;flex-direction:column;background:#fff;overflow:hidden}
.cxw-chat-heading{display:flex;align-items:center;gap:12px;padding:19px 20px;background:#f0f8f6;border-bottom:1px solid #dce9e7;flex-shrink:0}
.cxw-avatar{width:42px;height:42px;flex:0 0 42px;display:grid;place-items:center;border-radius:14px;background:#d5ece7;color:#145e65;font-size:19px;font-weight:800}
.cxw-chat-heading>div{min-width:0}
.cxw-chat-heading h2{font-size:17px;color:#1c5057;margin:0;overflow-wrap:anywhere;line-height:1.4}
.cxw-chat-heading p{font-size:12px;color:#617d82;margin:3px 0 0}
.cxw-close{margin-left:auto;flex:0 0 34px;width:34px;height:34px;border:0;border-radius:50%;background:#fff;color:#52757b;font-size:26px;line-height:1}
.cxw-close:hover{background:#dfefed}
.cxw-log{flex:1;min-height:90px;overflow-y:auto;overflow-x:hidden;padding:18px 18px 22px;overscroll-behavior:contain;scrollbar-width:thin;background:linear-gradient(180deg,#fbfdfc,#f6faf9)}
.cxw-messages{display:flex;flex-direction:column;gap:20px}
.cxw-message{display:flex;flex-direction:column;align-items:flex-start;min-width:0}
.cxw-message-meta{display:flex;gap:9px;align-items:baseline;margin:0 2px 5px;color:#6b8187;font-size:11px}
.cxw-message-meta time{color:#89989d;font-size:10px}
.cxw-bubble{max-width:90%;padding:11px 13px;border:1px solid #dce7e8;border-radius:2px 13px 13px 13px;background:#fff;color:#284c55;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.75}
.cxw-mine{align-items:flex-end}
.cxw-mine .cxw-message-meta{flex-direction:row-reverse}
.cxw-mine .cxw-bubble{background:#dff0eb;border-color:#cee4de;border-radius:13px 2px 13px 13px;color:#1b5358}
.cxw-empty{text-align:center;color:#6c838a;padding:38px 14px;white-space:pre-line}
.cxw-empty-symbol{display:grid;place-items:center;width:48px;height:48px;margin:0 auto 17px;border-radius:16px;background:#e3f0eb;color:#408377;font-size:28px}
.cxw-empty strong{display:block;font-size:15px;color:#37626a;font-weight:700}
.cxw-empty p{font-size:12px;line-height:1.9;margin:10px 0 0}
.cxw-history{display:block;margin:0 auto 18px;padding:5px 12px;background:#fff;border:1px solid #dbe7e7;border-radius:18px;color:#4c7a80;font-size:12px}
.cxw-composer{padding:13px 16px 15px;border-top:1px solid #e1ebeb;background:#fff;flex-shrink:0}
.cxw-media-tools{display:flex;flex-wrap:wrap;align-items:center;gap:8px;min-height:28px;margin-bottom:8px}
.cxw-media-button{border:1px solid #c8dddd;border-radius:6px;background:#f4faf8;color:#336a70;padding:6px 9px;font-size:12px;font-weight:700}
.cxw-media-button:disabled,.cxw-file-remove:disabled{opacity:.5}
.cxw-media-hint{color:#71878c;font-size:10px}
.cxw-voice-hint{margin:0 0 8px;color:#71878c;font-size:11px;line-height:1.5}
.cxw-media-files{max-height:100px;overflow:auto;margin-bottom:8px;border:1px solid #dfebe8;border-radius:6px;background:#f7fbf9}
.cxw-pending-file{display:flex;align-items:center;gap:8px;padding:5px 8px;font-size:11px;color:#426c72}
.cxw-pending-file>span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cxw-file-remove{border:0;background:transparent;color:#7f4d48;flex-shrink:0;padding:3px}
.cxw-image{display:block;width:280px;max-width:100%;max-height:260px;border-radius:8px;object-fit:contain;margin-top:7px}
.cxw-bubble video{display:block;width:340px;max-width:100%;max-height:260px;margin-top:7px;border-radius:8px}
.cxw-bubble audio{display:block;width:280px;max-width:100%;margin-top:7px}
.cxw-media-link{display:block;font-size:11px;color:#3b7379;margin-top:4px}
.cxw-input{display:block;width:100%;min-height:76px;max-height:150px;resize:vertical;background:#fbfdfd;border:1px solid #cbdedd;border-radius:8px;padding:11px 12px;color:#274d56;font-size:14px;line-height:1.6;outline:none}
.cxw-input:focus{border-color:#528d91;box-shadow:0 0 0 3px #12636d12}
.cxw-input::placeholder{color:#90a0a6}
.cxw-input:disabled{background:#f1f5f5;color:#6d848b}
.cxw-composer-footer{display:flex;align-items:center;gap:10px;margin-top:10px;min-width:0}
.cxw-key-hint{font-size:10px;color:#87989e;flex:1}
.cxw-counter{font-size:10px;color:#85979d;white-space:nowrap;margin-left:auto}
.cxw-over-limit{color:#b4404d;font-weight:700}
.cxw-send{min-width:66px;padding:8px 14px;border:0;border-radius:7px;background:#12636d;color:#fff;font-size:13px;font-weight:700;white-space:nowrap}
.cxw-send:hover:not(:disabled){background:#0c515b}
.cxw-send:disabled{opacity:.5}
.cxw-error{flex-shrink:0;margin:0;padding:9px 17px;background:#fff1ed;color:#a04f40;font-size:12px;line-height:1.6;border-top:1px solid #f2ded7}
.cxw-launcher:focus-visible,.cxw-chat button:focus-visible,.cxw-log:focus-visible,.cxw-inbox button:focus-visible{outline:3px solid #59a4aa;outline-offset:3px}
#app:has(#contactInbox){height:100dvh;display:flex;flex-direction:column}
#app:has(#contactInbox)>.appbar{flex-shrink:0}
#app:has(#contactInbox)>.main{flex:1;min-height:0;display:flex;flex-direction:column;padding-bottom:24px}
#app:has(#contactInbox)>.main>.head{flex-shrink:0}
#contactInbox{display:flex;flex:1;min-height:440px}
.cxw-inbox{flex:1;min-width:0;display:grid;grid-template-columns:270px minmax(0,1fr);min-height:440px;border:1px solid #d4e3e4;border-radius:12px;overflow:hidden;background:white;box-shadow:0 4px 20px #264d5608}
.cxw-sidebar{display:flex;flex-direction:column;min-width:0;min-height:0;background:#f8fbfa;border-right:1px solid #dfe9e8}
.cxw-list-heading{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:20px;border-bottom:1px solid #dfe9e8;flex-shrink:0}
.cxw-list-heading h2{font-size:14px;color:#315b64;margin:0}
.cxw-refresh{background:#fff;color:#477780;border:1px solid #d6e5e5;padding:5px 10px;border-radius:6px;font-size:12px}
.cxw-thread-list{overflow:auto;min-height:0;padding:9px}
.cxw-thread{width:100%;display:block;text-align:left;padding:13px 12px;margin-bottom:4px;border:1px solid transparent;border-radius:8px;background:transparent;color:#294d56}
.cxw-thread:hover{background:#edf5f2}
.cxw-thread.cxw-selected{background:#e3f1ec;border-color:#cae0d8}
.cxw-thread-top{display:flex;align-items:center;justify-content:space-between;gap:10px}
.cxw-thread-top strong{font-size:14px;overflow-wrap:anywhere}
.cxw-thread-top .cxw-badge{flex-shrink:0}
.cxw-thread p{font-size:12px;color:#6c838a;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;margin:6px 0 5px;line-height:1.5}
.cxw-thread time{font-size:10px;color:#8a9da2}
.cxw-list-empty{padding:18px 12px;font-size:13px;line-height:1.9;color:#778d92}
.cxw-list-error{padding:10px 15px;margin:0;color:#a25340;background:#fff3ed;font-size:12px}
.cxw-conversation{min-width:0;min-height:0;overflow:hidden}
.cxw-conversation>.cxw-chat{height:100%}
.cxw-inbox-empty{display:flex;align-items:center;justify-content:center;flex-direction:column;height:100%;padding:30px}
.cxw-notice{padding:30px;border:1px solid #dce7e7;border-radius:8px;background:#f5faf8;color:#617e85;font-size:14px;line-height:1.8}
@media(max-width:760px){.cxw-inbox{grid-template-columns:210px minmax(0,1fr)}.cxw-chat-heading{padding:16px}.cxw-key-hint{display:none}}
@media(max-width:560px){.cxw-launcher{right:16px;bottom:calc(88px + env(safe-area-inset-bottom,0px));padding:11px 14px;font-size:13px}.cxw-overlay{padding:10px;align-items:flex-end}.cxw-dialog{width:100%;height:min(650px,calc(100dvh - 20px));border-radius:14px}.cxw-chat-heading{padding:14px 16px}.cxw-log{padding:16px 14px}.cxw-composer{padding:11px 13px max(13px,env(safe-area-inset-bottom,0px))}.cxw-input{font-size:16px;min-height:76px;max-height:120px}.cxw-key-hint{display:none}.cxw-inbox{grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr)}.cxw-sidebar{border-right:0;border-bottom:1px solid #dfe9e8;max-height:185px}.cxw-list-heading{padding:12px 15px}.cxw-thread-list{display:flex;gap:7px;overflow-x:auto;padding:9px;flex-shrink:0}.cxw-thread{width:160px;flex:0 0 160px;margin:0;padding:9px 10px}.cxw-thread p{margin:4px 0 2px}.cxw-list-empty{padding:5px 7px;margin:0;font-size:12px}.cxw-thread-top strong{font-size:13px}.cxw-inbox .cxw-log{min-height:90px}.cxw-list-error{font-size:11px;padding:5px 12px}.cxw-bubble{max-width:94%}.cxw-message-meta{font-size:11px}.cxw-empty{padding:30px 12px}}
@media(prefers-reduced-motion:reduce){.cxw-launcher{transition:none}.cxw-launcher:hover{transform:none}}