.cs-widget,.cs-widget *{box-sizing:border-box;letter-spacing:0}
.cs-widget{position:fixed;right:22px;bottom:116px;z-index:2147483000;width:96px;height:48px;color:#202020;font-family:"STKaiti","KaiTi","KaiTi_GB2312",-apple-system,BlinkMacSystemFont,"Microsoft YaHei",sans-serif;touch-action:none}
body.login-page .cs-widget{right:18px;bottom:72px}
body.purchase-page .cs-widget{bottom:154px}
.cs-widget[hidden]{display:none}
.cs-launcher{position:relative;display:flex;width:96px;height:48px;align-items:center;justify-content:flex-start;gap:7px;padding:0 13px 0 9px;border:1px solid rgba(171,216,248,.95);border-radius:24px;background:rgba(255,255,255,.96);color:#258fdc;box-shadow:0 7px 20px rgba(46,142,211,.2);cursor:grab;touch-action:none;user-select:none;-webkit-user-select:none;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:transform .18s ease,box-shadow .18s ease,background .18s ease}
.cs-widget.is-left .cs-launcher{flex-direction:row-reverse;justify-content:flex-start}
.cs-widget.is-dragging,.cs-widget.is-dragging *{cursor:grabbing!important;user-select:none!important;-webkit-user-select:none!important}
.cs-widget.is-dragging .cs-launcher{transform:scale(1.03);box-shadow:0 11px 26px rgba(46,142,211,.28)}
.cs-launcher:active{transform:scale(.96);background:#f4fbff;box-shadow:0 4px 13px rgba(46,142,211,.18)}
.cs-launcher svg{width:30px;height:30px;flex:0 0 30px;fill:currentColor;stroke:none}.cs-launcher .cs-launcher-dot{fill:#fff}
.cs-launcher-text{color:#267eb9;font-size:15px;font-weight:600;line-height:1;white-space:nowrap}
.cs-presence{display:none}
.cs-unread{position:absolute;right:-4px;top:-6px;min-width:21px;height:21px;padding:0 6px;border:2px solid #fff;border-radius:11px;background:#ee3f45;color:#fff;font-family:Arial,sans-serif;font-size:11px;font-weight:700;line-height:17px}
.cs-panel{position:fixed;right:14px;bottom:84px;display:flex;width:390px;height:min(620px,calc(100vh - 112px));flex-direction:column;overflow:hidden;border:1px solid #e3e7ec;border-radius:8px;background:#fafafa;box-shadow:0 18px 50px rgba(25,38,62,.24);opacity:0;visibility:hidden;transform:translateY(14px) scale(.985);transform-origin:bottom right;transition:opacity .18s ease,transform .18s ease,visibility .18s ease}
.cs-panel.open{opacity:1;visibility:visible;transform:none}
.cs-panel.open+.cs-launcher{visibility:hidden;pointer-events:none}
.cs-widget.is-open:before{position:fixed;z-index:-1;top:0;left:0;width:100%;height:50px;background:rgba(0,0,0,.46);content:"";pointer-events:none}
.cs-header{display:flex;height:86px;min-height:86px;align-items:center;gap:12px;padding:12px 15px 12px 20px;background:#4695e9;color:#fff}
.cs-avatar{width:48px;height:48px;flex:0 0 48px;border:2px solid rgba(255,255,255,.62);border-radius:50%;background:#fff;object-fit:cover}
.cs-heading{min-width:0;flex:1}
.cs-heading strong{display:block;overflow:hidden;margin:0 0 5px;font-size:18px;font-weight:600;line-height:22px;text-overflow:ellipsis;white-space:nowrap}
.cs-heading span{display:block;overflow:hidden;color:rgba(255,255,255,.94);font-size:14px;line-height:20px;text-overflow:ellipsis;white-space:nowrap}
.cs-sound,.cs-close{display:grid;width:40px;height:44px;flex:0 0 40px;place-items:center;padding:0;border:0;border-radius:8px;background:transparent;color:#fff;cursor:pointer;transition:background .16s ease,opacity .16s ease}
.cs-sound:active,.cs-close:active{background:rgba(255,255,255,.16)}
.cs-sound[aria-pressed="false"]{opacity:.48}
.cs-sound svg{width:27px;height:27px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.cs-close svg{width:34px;height:34px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.cs-offline-tip{padding:7px 14px;background:#fff4dd;color:#856322;border-bottom:1px solid #f2dfba;font-family:-apple-system,BlinkMacSystemFont,"Microsoft YaHei",sans-serif;font-size:12px;line-height:18px;text-align:center}
.cs-messages{min-height:0;flex:1;overflow-y:auto;padding:24px 17px 28px;background:#fff;overscroll-behavior:contain}
.cs-date{margin:0 0 23px;color:#b7b7b7;font-family:Arial,sans-serif;font-size:13px;line-height:18px;text-align:center}
.cs-message{display:flex;margin-bottom:30px;overflow:visible}
.cs-message.agent{align-items:flex-start;justify-content:flex-start;gap:10px}
.cs-message.visitor{justify-content:flex-end}
.cs-message-avatar{width:40px;height:40px;flex:0 0 40px;border-radius:50%;background:#fff;object-fit:cover}
.cs-message-stack{display:flex;width:min(305px,calc(100% - 52px));min-width:0;flex-direction:column;align-items:flex-start;overflow:visible}
.cs-message.visitor .cs-message-stack{width:min(305px,78%);align-items:flex-end}
.cs-bubble{position:relative;display:block;width:auto;max-width:100%;min-height:42px;padding:10px 13px;border:1px solid #b9ddf8;border-radius:9px;background:rgba(234,246,255,.96);color:#24506f;box-shadow:0 3px 12px rgba(48,137,204,.09);font-family:-apple-system,BlinkMacSystemFont,"Microsoft YaHei",sans-serif;font-size:14px;font-weight:400;line-height:1.6;white-space:pre-wrap;overflow:visible;overflow-wrap:anywhere}
.cs-message.agent .cs-bubble::before{position:absolute;top:13px;left:-6px;width:10px;height:10px;border-left:1px solid #b9ddf8;border-bottom:1px solid #b9ddf8;background:#eaf6ff;content:"";transform:rotate(45deg)}
.cs-message.visitor .cs-bubble{border-color:#dce9f3;border-radius:9px;background:#fff;color:#2f4658;box-shadow:0 3px 12px rgba(31,78,112,.07)}
.cs-message.visitor .cs-bubble::before{position:absolute;top:13px;right:-6px;width:10px;height:10px;border-top:1px solid #dce9f3;border-right:1px solid #dce9f3;background:#fff;content:"";transform:rotate(45deg)}
.cs-bubble-content{position:relative;z-index:1;display:block}
.cs-bubble-decor{display:none}
.cs-bubble-decor i{position:absolute;display:block;color:rgba(144,184,193,.5);font-family:"STKaiti","KaiTi","KaiTi_GB2312",serif;font-size:0;font-style:normal;font-weight:400;line-height:1;pointer-events:none;white-space:nowrap}
.cs-decor-snow{top:-28px;right:34%;width:17px;height:17px;background:linear-gradient(currentColor,currentColor) center/1px 17px no-repeat,linear-gradient(90deg,currentColor,currentColor) center/17px 1px no-repeat,linear-gradient(45deg,transparent 47%,currentColor 48%,currentColor 52%,transparent 53%) center/15px 15px no-repeat,linear-gradient(-45deg,transparent 47%,currentColor 48%,currentColor 52%,transparent 53%) center/15px 15px no-repeat}
.cs-decor-star{top:-35px;right:22%;width:26px;height:26px;color:rgba(137,184,195,.52)!important;font-family:Arial,sans-serif!important;font-size:27px!important}
.cs-decor-star::before{content:"☆"}
.cs-decor-cloud{top:-33px;right:4%;width:31px;height:16px;color:rgba(151,177,183,.38)!important;background:radial-gradient(circle at 27% 67%,currentColor 0 7px,transparent 7.5px),radial-gradient(circle at 53% 43%,currentColor 0 10px,transparent 10.5px),radial-gradient(circle at 78% 68%,currentColor 0 7px,transparent 7.5px),linear-gradient(currentColor,currentColor) 16% 67%/68% 31% no-repeat;border-radius:10px}
.cs-decor-cloud::before{content:""}
.cs-decor-plus{top:-28px;right:-4%;width:18px;height:18px}
.cs-decor-plus::before,.cs-decor-plus::after{position:absolute;top:8px;left:1px;width:16px;height:1px;border-radius:1px;background:currentColor;content:""}
.cs-decor-plus::after{transform:rotate(90deg)}
.cs-message.visitor .cs-bubble-decor{transform:scaleX(-1)}
.cs-key{color:#d65c56}
.cs-time{display:block;margin-top:6px;color:#9aa6b2;font-family:Arial,sans-serif;font-size:11px;font-weight:400;line-height:1.25;white-space:nowrap}
.cs-message.visitor .cs-time{color:#8f9698;text-align:right}
.cs-empty{height:100%;display:grid;place-items:center;color:#999;font-size:14px}
.cs-quick{display:flex;min-height:48px;flex:0 0 auto;align-items:center;gap:8px;overflow-x:auto;padding:6px 12px;background:#fafafa;border-top:1px solid #f0f0f0;scrollbar-width:none}
.cs-quick::-webkit-scrollbar{display:none}
.cs-quick button{height:36px;flex:0 0 auto;padding:0 17px;border:1px solid #e7e7e7;border-radius:18px;background:#fff;color:#202020;font:16px/34px inherit;white-space:nowrap;cursor:pointer}
.cs-quick button:active{background:#f3f3f3}
.cs-compose{position:relative;display:grid;min-height:68px;grid-template-columns:minmax(0,1fr) 46px 46px;align-items:center;gap:2px;padding:8px 7px calc(8px + env(safe-area-inset-bottom)) 16px;border-top:1px solid #e9e9e9;background:#fff}
.cs-compose textarea{width:100%;height:50px;max-height:88px;padding:13px 8px;border:0;background:#fff;color:#222;outline:0;resize:none;font:16px/24px "STKaiti","KaiTi","Microsoft YaHei",sans-serif}
.cs-compose textarea::placeholder{color:#c8c8c8}
.cs-compose-icon{display:grid;width:46px;height:46px;place-items:center;padding:0;border:0;background:transparent;color:#222;cursor:pointer}
.cs-compose-icon:active{opacity:.58}
.cs-compose-icon svg{width:35px;height:35px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.cs-send{display:grid;width:42px;height:42px;place-items:center;padding:0;border:0;border-radius:50%;background:transparent;color:#222;cursor:pointer;transition:background .16s ease,color .16s ease,opacity .16s ease,transform .16s ease}
.cs-send:active{transform:scale(.92)}
.cs-send svg{grid-area:1/1;width:35px;height:35px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;transition:opacity .14s ease,transform .18s ease}
.cs-send-arrow,.cs-send-spinner{opacity:0;transform:scale(.7)}
.cs-compose.is-ready .cs-send,.cs-compose.is-error .cs-send{background:#4695e9;color:#fff}
.cs-compose.is-ready .cs-send-plus,.cs-compose.is-error .cs-send-plus{opacity:0;transform:scale(.72) rotate(20deg)}
.cs-compose.is-ready .cs-send-arrow,.cs-compose.is-error .cs-send-arrow{opacity:1;transform:none}
.cs-compose.is-error .cs-send{background:#3d88d7;box-shadow:0 0 0 3px rgba(70,149,233,.14)}
.cs-compose.is-sending .cs-send{background:#4695e9;color:#fff;cursor:wait}
.cs-compose.is-sending .cs-send-plus,.cs-compose.is-sending .cs-send-arrow{opacity:0;transform:scale(.7)}
.cs-send-spinner{grid-area:1/1;width:19px;height:19px;border:2px solid rgba(255,255,255,.42);border-top-color:#fff;border-radius:50%}
.cs-compose.is-sending .cs-send-spinner{opacity:1;transform:none;animation:csSpinner .7s linear infinite}
.cs-send:disabled{opacity:.82}
.cs-compose-error{position:absolute;right:10px;bottom:calc(60px + env(safe-area-inset-bottom));padding:4px 8px;border-radius:4px;background:#fff2f0;color:#d94b45;font-family:-apple-system,BlinkMacSystemFont,"Microsoft YaHei",sans-serif;font-size:11px;line-height:16px;box-shadow:0 2px 8px rgba(0,0,0,.08)}
@keyframes csSpinner{to{transform:rotate(360deg)}}
html.cs-customer-open,html.cs-customer-open body{overflow:hidden!important;overscroll-behavior:none}
@media(max-width:520px){.cs-widget{right:22px;bottom:116px}.purchase-page .cs-widget{bottom:154px}.cs-panel{position:fixed;inset:50px 0 0;width:100%;height:calc(100vh - 50px);max-height:none;border:0;border-radius:0;transform:translateY(18px);transform-origin:center}.cs-header{height:86px;min-height:86px}.cs-message.agent .cs-message-stack{width:calc(100vw - 84px)}.cs-message.visitor .cs-message-stack{width:min(305px,78vw)}.cs-compose{padding-bottom:calc(8px + env(safe-area-inset-bottom))}}
@supports(height:100dvh){@media(max-width:520px){.cs-panel{height:calc(100dvh - 50px)}}}
@media(max-width:400px){.cs-heading span{overflow:visible;font-size:12px;line-height:16px;white-space:normal}}
@media(max-width:360px){.cs-header{gap:8px;padding-left:14px;padding-right:9px}.cs-avatar{width:44px;height:44px;flex-basis:44px}.cs-heading strong{font-size:17px}.cs-heading span{font-size:13px}.cs-sound,.cs-close{width:36px;flex-basis:36px}.cs-messages{padding-left:13px;padding-right:13px}.cs-message.agent .cs-message-stack{width:calc(100vw - 76px)}.cs-message.visitor .cs-message-stack{width:calc(100vw - 52px)}.cs-compose{padding-left:10px}}
.cs-header{height:76px;min-height:76px;gap:10px;padding:10px 13px 10px 17px}.cs-avatar{width:42px;height:42px;flex-basis:42px}.cs-heading strong{margin-bottom:4px;font-size:16px;line-height:20px}.cs-heading span{font-size:13px;line-height:18px}.cs-message.agent{gap:10px}.cs-message-avatar{width:40px;height:40px;flex-basis:40px}.cs-quick button{height:32px;padding:0 14px;border-radius:16px;font-family:inherit;font-size:13px;line-height:30px}.cs-compose textarea{height:46px;max-height:84px;padding:11px 8px;font:14px/22px "STKaiti","KaiTi","Microsoft YaHei",sans-serif}
@media(max-width:520px){.cs-header{height:76px;min-height:76px}}
@media(max-width:360px){.cs-avatar{width:40px;height:40px;flex-basis:40px}.cs-heading strong{font-size:15px}.cs-heading span{font-size:12px}}