#app{width:100vw;height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.global-customer-service{position:fixed;z-index:9999;cursor:move;-webkit-transition:-webkit-transform .2s ease,-webkit-box-shadow .2s ease;transition:-webkit-transform .2s ease,-webkit-box-shadow .2s ease;transition:transform .2s ease,box-shadow .2s ease;transition:transform .2s ease,box-shadow .2s ease,-webkit-transform .2s ease,-webkit-box-shadow .2s ease}.global-customer-service.is-dragging{cursor:-webkit-grabbing;cursor:grabbing;opacity:.8;-webkit-box-shadow:0 8px 25px rgba(7,193,96,.4);box-shadow:0 8px 25px rgba(7,193,96,.4);-webkit-transform:scale(1.1);transform:scale(1.1)}.global-customer-service .service-main-button{width:40px;height:40px;background:#07c160;border-radius:50%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;color:#fff;font-size:24px;-webkit-box-shadow:0 4px 12px rgba(7,193,96,.3);box-shadow:0 4px 12px rgba(7,193,96,.3);border:2px solid #07c160;-webkit-transition:all .3s ease;transition:all .3s ease;cursor:pointer}.global-customer-service .service-main-button:hover{background:#06ae56;border-color:#06ae56;-webkit-box-shadow:0 6px 20px rgba(7,193,96,.4);box-shadow:0 6px 20px rgba(7,193,96,.4);-webkit-transform:scale(1.05);transform:scale(1.05)}.global-customer-service .service-main-button:active{-webkit-transform:scale(.95);transform:scale(.95)}.customer-service-popover{padding:20px;border-radius:8px;-webkit-box-shadow:0 4px 20px rgba(0,0,0,.15);box-shadow:0 4px 20px rgba(0,0,0,.15);border:1px solid #e6e6e6}.customer-service-popover .popover-content .qr-code-section{text-align:center;margin-bottom:15px}.customer-service-popover .popover-content .qr-code-section h4{margin:0 0 12px 0;color:#303133;font-size:16px;font-weight:600}.customer-service-popover .popover-content .qr-code-section .qr-code-image{margin:0 auto 10px;width:160px;height:160px;border:1px solid #f0f0f0;border-radius:4px;overflow:hidden}.customer-service-popover .popover-content .qr-code-section .qr-code-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.customer-service-popover .popover-content .qr-code-section .qr-tip{margin:0;color:#666;font-size:12px;line-height:1.4}.customer-service-popover .popover-content .direct-link-section{text-align:center}.customer-service-popover .popover-content .direct-link-section .direct-link-btn{width:100%;background:#07c160;border:1px solid #07c160;border-radius:4px;font-weight:500;color:#fff}.customer-service-popover .popover-content .direct-link-section .direct-link-btn:hover{background:#06ae56;border-color:#06ae56;-webkit-transform:translateY(-1px);transform:translateY(-1px)}.customer-service-popover .popover-content .direct-link-section .direct-link-btn:active{background:#059c4c;border-color:#059c4c;-webkit-transform:translateY(0);transform:translateY(0)}.customer-service-popover .popover-content .direct-link-section .direct-link-btn i{margin-right:6px}@media(max-width:768px){.global-customer-service .service-main-button{width:50px;height:50px;font-size:20px}.customer-service-popover{width:280px!important}.customer-service-popover .popover-content .qr-code-section .qr-code-image{width:140px;height:140px}}