:root{--wx-size: 56px;--wx-gap: 24px;--wx-w: 360px;--wx-radius: 20px;--wx-shadow: 0 8px 32px rgba(80, 80, 160, .13), 0 2px 8px rgba(80, 80, 160, .07);--wx-shadow-hover: 0 16px 48px rgba(80, 80, 160, .18), 0 4px 12px rgba(80, 80, 160, .1);--wx-border: rgba(80, 80, 160, .09);--wx-hover-bg: #f7f7ff}@media(max-width:749px){:root{--wx-size: 52px;--wx-gap: 16px}}#wx-chat{position:fixed;right:calc(var(--wx-gap) + env(safe-area-inset-right,0px));bottom:calc(var(--wx-gap) + env(safe-area-inset-bottom,0px));z-index:2147483647;display:flex;flex-direction:column;align-items:flex-end;gap:10px;opacity:0;transform:translateY(20px);pointer-events:none;transition:opacity .55s cubic-bezier(.22,1,.36,1),transform .55s cubic-bezier(.22,1,.36,1)}#wx-chat.wx-visible{opacity:1;pointer-events:auto;transform:translateY(0)}#wx-btn{width:var(--wx-size);height:var(--wx-size);border-radius:999px;background:#111;color:#fff;border:none;cursor:pointer;display:grid;place-items:center;box-shadow:var(--wx-shadow);position:relative;flex-shrink:0;outline:none;-webkit-tap-highlight-color:transparent;transition:transform .25s cubic-bezier(.22,1,.36,1),box-shadow .25s ease}#wx-btn:hover{transform:scale(1.08) translateY(-2px);box-shadow:var(--wx-shadow-hover)}#wx-btn:active{transform:scale(.94);transition-duration:.1s}#wx-btn svg{position:absolute;transition:opacity .22s cubic-bezier(.22,1,.36,1),transform .28s cubic-bezier(.22,1,.36,1)}#wx-btn .ic-chat{opacity:1;transform:scale(1) rotate(0)}#wx-btn .ic-close{opacity:0;transform:scale(.5) rotate(-45deg)}#wx-chat.wx-open #wx-btn .ic-chat{opacity:0;transform:scale(.5) rotate(45deg)}#wx-chat.wx-open #wx-btn .ic-close{opacity:1;transform:scale(1) rotate(0)}#wx-popup{width:var(--wx-w);max-width:calc(100vw - 32px);background:#fff;border-radius:var(--wx-radius);border:1px solid var(--wx-border);box-shadow:var(--wx-shadow);overflow:hidden;opacity:0;transform:translateY(16px) scale(.97);pointer-events:none;transform-origin:bottom right;transition:opacity .28s cubic-bezier(.22,1,.36,1),transform .32s cubic-bezier(.22,1,.36,1)}#wx-chat.wx-open #wx-popup{opacity:1;transform:translateY(0) scale(1);pointer-events:auto}.wx-head{padding:18px 20px 16px;border-bottom:1px solid var(--wx-border)}.wx-head-brand{font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#aaa;margin:0 0 4px}.wx-head-title{font-size:15px;font-weight:600;line-height:1.3;color:#111;letter-spacing:-.01em;margin:0}.wx-faq{display:flex;flex-direction:column}.wx-faq details{border-bottom:1px solid var(--wx-border);background:#fff;transition:background .15s ease}.wx-faq details:last-child{border-bottom:none}.wx-faq details:hover{background:var(--wx-hover-bg)}.wx-faq summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 20px;font-size:13px;font-weight:500;color:#111;outline:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.wx-faq summary::-webkit-details-marker{display:none}.wx-arrow{width:15px;height:15px;flex-shrink:0;color:#bbb;transition:transform .22s cubic-bezier(.22,1,.36,1)}.wx-faq details[open] .wx-arrow{transform:rotate(180deg);color:#888}.wx-faq-answer{font-size:12.5px;color:#0000008c;line-height:1.6;padding:0 20px;max-height:0;opacity:0;overflow:hidden;transition:max-height .3s cubic-bezier(.22,1,.36,1),opacity .22s ease,padding .3s cubic-bezier(.22,1,.36,1)}.wx-faq details[open] .wx-faq-answer{max-height:300px;opacity:1;padding:0 20px 14px}.wx-links{display:flex;flex-direction:column}.wx-link{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 20px;text-decoration:none;border-bottom:1px solid var(--wx-border);background:#fff;transition:background .15s ease}.wx-link:last-child{border-bottom:none}.wx-link:hover{background:var(--wx-hover-bg)}.wx-link:active{background:#f0f0ff;transition-duration:.08s}.wx-link-left{display:flex;align-items:center;gap:12px}.wx-link-icon{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;flex-shrink:0;transition:transform .2s ease}.wx-link:hover .wx-link-icon{transform:scale(1.08)}.wx-link-icon.icon-track{background:#f0f0f8;color:#555}.wx-link-icon.icon-wa{background:#e6f8ef;color:#25d366}.wx-link-icon.icon-email{background:#f0f0f8;color:#555}.wx-link-icon svg{width:18px;height:18px}.wx-link-text{display:flex;flex-direction:column;gap:2px}.wx-link-label{font-size:13px;font-weight:600;color:#111}.wx-link-sub{font-size:11px;color:#aaa}.wx-chevron{width:15px;height:15px;color:#ddd;flex-shrink:0;transition:transform .2s ease,color .2s ease}.wx-link:hover .wx-chevron{transform:translate(3px);color:#aaa}.wx-foot{padding:10px 20px;text-align:center;font-size:10.5px;color:#ccc;letter-spacing:.04em;border-top:1px solid var(--wx-border);background:#fafaff}@media(max-width:749px){#wx-popup{width:calc(100vw - 32px);max-width:none;max-height:72vh;overflow-y:auto;-webkit-overflow-scrolling:touch;transform-origin:bottom center}}@media(prefers-reduced-motion:reduce){#wx-chat,#wx-popup,#wx-btn,#wx-btn svg,.wx-arrow,.wx-faq-answer{transition:none!important;animation:none!important}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/wx-chat.css.map */