*{box-sizing:border-box}html,body,#root{color:#07142a;-webkit-font-smoothing:antialiased;text-rendering:geometricprecision;background:0 0;width:100%;height:100%;margin:0;font-family:Noto Sans SC,PingFangSC,PingFang SC,Inter,HarmonyOS Sans SC,Microsoft YaHei,Arial,sans-serif;overflow:hidden}html.standalone-mode,html.standalone-mode body,html.standalone-mode #root{background:radial-gradient(circle at 18% 12%,#42c7ff29,#0000 30%),radial-gradient(circle at 82% 88%,#0878ff1a,#0000 34%),#eef5ff}button,textarea{font:inherit}button{cursor:pointer}button,textarea{transition:color .18s,background-color .18s,border-color .18s,box-shadow .18s,transform .18s cubic-bezier(.2,.8,.2,1)}button:focus-visible,textarea:focus-visible{outline-offset:2px;outline:3px solid #2878ff38}.launcher{color:#fff;width:60px;height:60px;box-shadow:none;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;background:linear-gradient(145deg,#42c7ff 0%,#1686ff 48%,#0757c6 100%);border:1px solid #42c7ff;border-radius:15px;place-items:center;display:grid;position:absolute;bottom:6px;right:6px;overflow:hidden}.launcher.is-dragging{cursor:grabbing;transform:scale(.98)}.launcher:after{content:"";background:linear-gradient(110deg,#0000 15%,#ffffff47 46%,#0000 72%);transition:transform .42s;position:absolute;inset:0;transform:translate(-120%)}.launcher:hover:not(.is-dragging){box-shadow:none;background:linear-gradient(145deg,#42c7ff 0%,#1686ff 48%,#0757c6 100%);border-color:#42c7ff;transform:translateY(-2px)scale(1.02)}.launcher:hover:not(.is-dragging):after{transform:translate(120%)}.launcher-symbol{z-index:1;background:#ffffff21;border:1px solid #ffffff3d;border-radius:11px;place-items:center;width:38px;height:38px;font-style:normal;display:grid;position:relative}.launcher-symbol svg{stroke-width:2px;width:25px;height:25px}.launcher-symbol:after{content:"";background:#55e8a3;border:2px solid #1686ff;border-radius:50%;width:7px;height:7px;position:absolute;top:3px;right:3px}.launcher span{z-index:2;color:#fff;min-width:21px;height:21px;box-shadow:none;background:#ff4f72;border:2px solid #fff;border-radius:12px;place-items:center;padding:0 5px;font-size:10px;font-weight:800;display:grid;position:absolute;top:2px;right:2px}.contact-menu{background:#fff;border:1px solid #9dc3ff;border-radius:4px;grid-template-rows:76px minmax(0,1fr) 30px;display:grid;position:absolute;inset:0;overflow:hidden;box-shadow:0 30px 80px #01205245}.contact-menu>header{color:#fff;background:radial-gradient(circle at 86% 20%,#42c7ff47,transparent 34%), linear-gradient(112deg,#061a42 0%,#0a3578 56%,var(--primary) 100%);align-items:center;gap:11px;padding:0 13px;display:flex;position:relative}.contact-menu>header:after{content:"";background:linear-gradient(90deg,#42c7ff,var(--primary));height:3px;position:absolute;bottom:0;left:0;right:0}.contact-brand-mark{background:#0878ff;border:1px solid #ffffff38;border-radius:2px;flex:none;place-items:center;width:40px;height:40px;display:grid;box-shadow:0 10px 24px #005bcc40}.contact-brand-mark svg{width:20px}.contact-menu>header>div:nth-child(2){gap:3px;min-width:0;display:grid}.contact-menu>header b{font-size:15px;font-weight:600}.contact-menu>header span{color:#ffffffbf;font-size:11px}.contact-menu>header button{color:#fff;background:#ffffff14;border:1px solid #ffffff2e;border-radius:2px;place-items:center;width:32px;height:32px;margin-left:auto;display:grid}.contact-menu>header button:hover{background:#0878ffb3;border-color:#42c7ff}.contact-menu>header button svg{width:17px}.contact-options{background:repeating-linear-gradient(90deg,#2878ff06 0 1px,#0000 1px 64px),repeating-linear-gradient(0deg,#2878ff05 0 1px,#0000 1px 64px),#f8fbff;align-content:center;gap:9px;min-height:0;padding:13px;display:grid}.contact-options>button,.contact-options>a{color:#07142a;text-align:left;background:#fff;border:1px solid #d8e5f4;border-radius:2px;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:72px;padding:10px;text-decoration:none;display:grid;box-shadow:0 7px 18px #08234c0b}.contact-options>button:hover,.contact-options>a:hover{color:#0878ff;background:#fafdff;border-color:#8db8ff;transform:translateY(-1px);box-shadow:0 10px 24px #08469617}.contact-option-icon{color:#0878ff;background:#eaf3ff;border:1px solid #cfe0ff;border-radius:2px;place-items:center;width:44px;height:44px;display:grid}.contact-option-icon.wechat{color:#148a48;background:#eaf9f0;border-color:#b9e9cd}.contact-option-icon.telegram{color:#168acc;background:#eaf7ff;border-color:#b8ddf4}.contact-option-icon svg{width:21px}.contact-options>button>span,.contact-options>a>span{gap:3px;min-width:0;display:grid}.contact-options b{color:inherit;font-size:14px;font-weight:600}.contact-options small{color:#748299;text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:400;overflow:hidden}.contact-options>button>svg,.contact-options>a>svg{color:#8ca0b9;width:17px}.contact-options .contact-option-tail{align-items:center;gap:6px;display:flex}.contact-option-tail svg{color:#8ca0b9;width:17px}.contact-options em{color:#fff;background:#ff4f72;border-radius:10px;place-items:center;min-width:19px;height:19px;padding:0 5px;font-size:9px;font-style:normal;font-weight:800;display:grid}.wechat-qr-panel{background:radial-gradient(circle at 50% 42%,#42c7ff1a,#0000 52%),#f8fbff;align-content:center;justify-items:center;min-height:0;padding:11px 16px 12px;display:grid}.qr-back{color:#1660ae;background:0 0;border:0;justify-self:start;align-items:center;gap:5px;margin:0 0 8px;padding:0;font-size:11px;font-weight:600;display:inline-flex}.qr-back:hover{color:#0878ff}.qr-back svg{width:14px}.qr-image-frame{background:#fff;border:1px solid #b8d4ff;border-radius:2px;width:205px;height:205px;padding:8px;box-shadow:0 12px 30px #08234c1c}.qr-image-frame img{object-fit:contain;width:100%;height:100%;display:block}.wechat-qr-panel>b{color:#07142a;margin-top:9px;font-size:14px;font-weight:600}.wechat-qr-panel>span{color:#748299;text-align:center;margin-top:3px;font-size:10px}.contact-menu>footer{color:#8290a4;background:#fff;border-top:1px solid #e3ebf6;place-items:center;font-size:9px;display:grid}.widget-card{background:#fff;border:1px solid #9dc3ff;border-radius:4px;grid-template-rows:76px minmax(0,1fr) auto auto auto;display:grid;position:absolute;inset:0;overflow:hidden;box-shadow:0 30px 80px #01205245}.widget-card.standalone{border-top:0;border-bottom:0;border-radius:0;width:min(760px,100%);left:50%;right:auto;transform:translate(-50%);box-shadow:0 0 70px #0120522b}.widget-card.standalone>header>div:nth-of-type(2){flex:1}.widget-card>header{color:#fff;background:radial-gradient(circle at 86% 20%,#42c7ff47,transparent 33%), linear-gradient(112deg,#061a42 0%,#0a3578 56%,var(--primary) 100%);align-items:center;gap:11px;padding:0 15px;display:flex;position:relative;box-shadow:0 7px 22px #0120522e}.widget-card>header:after{content:"";background:linear-gradient(90deg,#42c7ff,var(--primary));height:3px;position:absolute;bottom:0;left:0;right:0}.widget-card>header button{color:#fff;background:#ffffff14;border:1px solid #ffffff2e;border-radius:2px;place-items:center;width:32px;height:32px;display:grid}.widget-card>header button:hover{background:#0878ffb3;border-color:#42c7ff;transform:translateY(-1px)}.widget-card>header button:first-child{display:none}.widget-card>header button:last-child{margin-left:auto}.widget-card>header button svg{width:17px}.agent-avatar{color:#fff;background:#0878ff;border:1px solid #ffffff38;border-radius:2px;flex:none;place-items:center;width:40px;height:40px;display:grid;box-shadow:0 10px 24px #005bcc40}.agent-avatar svg{width:20px}.widget-card>header>div:nth-of-type(2){min-width:0;display:grid}.widget-card>header b{color:#fff;text-overflow:ellipsis;white-space:nowrap;font-size:15px;font-weight:600;line-height:1.35;overflow:hidden}.widget-card>header span{color:#ffffffc2;align-items:center;gap:6px;margin-top:3px;font-size:11px;font-weight:400;display:flex}.widget-card>header span i{background:#55e8ff;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 3px #55e8ff21,0 0 12px #55e8ffcc}.widget-card>main{scrollbar-color:#b8d4ff transparent;scrollbar-width:thin;background:repeating-linear-gradient(90deg,#2878ff06 0 1px,#0000 1px 64px),repeating-linear-gradient(0deg,#2878ff05 0 1px,#0000 1px 64px),#f8fbff;min-height:0;padding:20px 15px;overflow-y:auto}.widget-card>main::-webkit-scrollbar{width:6px}.widget-card>main::-webkit-scrollbar-thumb{background:#b8d4ff;border-radius:6px}.welcome{align-items:flex-start;gap:9px;margin-bottom:16px;display:flex}.agent-avatar.small{color:#0878ff;width:30px;height:30px;box-shadow:none;background:#eaf3ff;border-color:#bdd7ff}.agent-avatar.small svg{width:15px}.welcome>div:last-child{background:#fff;border:1px solid #d8e5f4;border-radius:2px;max-width:83%;padding:10px 12px;box-shadow:0 7px 18px #08234c0e}.welcome b{color:#07142a;font-size:14px;font-weight:600}.welcome p{color:#5e6b80;margin:4px 0 0;font-size:13px;line-height:1.7}.widget-message{justify-items:start;margin:12px 0;display:grid}.widget-message>div{color:#24344d;white-space:pre-wrap;word-break:break-word;background:#fff;border:1px solid #d8e5f4;border-radius:2px;max-width:83%;padding:9px 11px;font-size:14px;font-weight:400;line-height:1.65;box-shadow:0 6px 16px #08234c0d}.widget-message.inbound{justify-items:end}.widget-message.inbound>div{color:#fff;background:linear-gradient(135deg,var(--primary),#006ee6);border-color:#0064e6;box-shadow:0 8px 18px #005bcc2e}.widget-reply-quote{color:#52647d;background:#eef5ff;border-left:3px solid #5f9fea;gap:1px;min-width:170px;margin:-2px -3px 7px;padding:6px 8px;display:grid}.widget-reply-quote b{color:#116fd6;font-size:10px}.widget-reply-quote span{text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.widget-message.inbound .widget-reply-quote{color:#ffffffd6;background:#ffffff24;border-color:#ffffffbf}.widget-message.inbound .widget-reply-quote b{color:#fff}.widget-reply-action{color:#8492a6;background:0 0;border:0;align-items:center;gap:3px;margin-top:3px;padding:2px 3px;font-size:9px;display:flex}.widget-reply-action svg{width:11px;height:11px}.widget-message.inbound .widget-reply-action{justify-self:end}.widget-message time{color:#8290a4;align-items:center;gap:3px;margin-top:4px;font-size:10px;font-weight:400;display:flex}.widget-file{width:100%;color:inherit;text-align:left;background:#eaf3ffb8;border:1px solid #2878ff33;border-radius:2px;align-items:center;gap:6px;margin-top:7px;padding:8px;display:flex}.widget-message.inbound .widget-file{background:#ffffff1f;border-color:#ffffff47}.widget-file small{opacity:.72;margin-left:auto;font-size:10px}.widget-message.retained>div{box-shadow:none;gap:4px;display:grid;color:#5e6b80!important;background:#f2f6fb!important;border-color:#d8e5f4!important}.widget-retained-label{color:#8a5c18;font-size:10px;font-weight:600;display:block}.widget-image-button{cursor:zoom-in;background:0 0;border:1px solid #2878ff2e;border-radius:2px;max-width:240px;margin:6px 0 0;padding:0;display:block;overflow:hidden}.widget-message-image{object-fit:contain;background:#eef5ff;width:auto;max-width:100%;max-height:260px;display:block}.widget-message.inbound .widget-message-image{background:#ffffff1a}.widget-image-placeholder{color:#5b6b82;background:#eef5ff;border:1px dashed #9dc3ff;border-radius:2px;justify-content:center;align-items:center;gap:6px;min-width:170px;min-height:74px;margin-top:6px;padding:10px;font-size:11px;display:flex}.widget-image-placeholder:disabled{cursor:wait;opacity:.82}.widget-image-placeholder.failed{color:#a84d4d;cursor:pointer;background:#fff5f4;border-color:#a84d4d52}.widget-message.inbound .widget-image-placeholder:not(.failed){color:#fff;background:#ffffff1a;border-color:#ffffff61}.widget-card>form{background:#fff;border-top:1px solid #d8e5f4;padding:10px 12px 8px;box-shadow:0 -8px 24px #08234c0b}.widget-selected-reply{border-left:3px solid var(--primary);color:#2571c7;background:#eef5ff;grid-template-columns:17px minmax(0,1fr) 25px;align-items:center;gap:7px;margin-bottom:7px;padding:6px 5px 6px 8px;display:grid}.widget-selected-reply>svg{width:14px}.widget-selected-reply>span{gap:1px;min-width:0;display:grid}.widget-selected-reply b{color:#174f91;font-size:10px}.widget-selected-reply small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;color:#657a96!important}.widget-card form .widget-selected-reply>button{width:24px;height:24px}.widget-selected-reply>button svg{width:13px}.widget-card textarea{resize:none;color:#07142a;background:#fff;border:0;outline:0;width:100%;min-height:54px;max-height:112px;padding:4px 3px;font-size:14px;font-weight:400;line-height:1.55}.widget-card textarea::placeholder{color:#8996a8}.widget-card form footer{justify-content:space-between;align-items:center;display:flex}.widget-card form footer>div{align-items:center;gap:7px;display:flex}.widget-card form button{color:#60718a;background:0 0;border:1px solid #0000;border-radius:2px;place-items:center;width:32px;height:32px;display:grid}.widget-card form button:hover{color:#0878ff;background:#eaf3ff;border-color:#b8d4ff}.widget-card form button svg{width:17px}.widget-card form small{color:#8c99aa;font-size:10px}.widget-card form .widget-send{color:#fff;background:var(--primary);border-color:#0064e6;position:relative;overflow:hidden;box-shadow:0 6px 14px #005bcc2e}.widget-card form .widget-send:hover{color:#fff;background:#006ee6;border-color:#0058cc;transform:translateY(-1px);box-shadow:0 9px 20px #005bcc3d}.widget-card form .widget-send:disabled{opacity:.36;cursor:not-allowed;box-shadow:none;transform:none}.widget-brand{color:#8c99aa;text-align:center;background:#fff;padding:0 0 8px;font-size:9px}.widget-brand b{color:#1660ae;font-weight:600}.widget-error{color:#b73d47;background:#fff2f4;border-top:1px solid #ffd6dc;justify-content:space-between;padding:8px 10px;font-size:12px;display:flex}.widget-error button{color:inherit;background:0 0;border:0}@media (width<=430px){.widget-card,.contact-menu{border-radius:2px}.widget-card>header button:first-child{display:grid}}