#app{width:100vw;height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.global-customer-service{position:fixed;z-index:9999;cursor:move;transition:transform .2s ease,box-shadow .2s ease}.global-customer-service.is-dragging{cursor:grabbing;opacity:.8;box-shadow:0 8px 25px #07c16066;transform:scale(1.1)}.global-customer-service .service-main-button{width:40px;height:40px;background:#07c160;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:24px;box-shadow:0 4px 12px #07c1604d;border:2px solid #07c160;transition:all .3s ease;cursor:pointer}.global-customer-service .service-main-button:hover{background:#06ae56;border-color:#06ae56;box-shadow:0 6px 20px #07c16066;transform:scale(1.05)}.global-customer-service .service-main-button:active{transform:scale(.95)}.customer-service-popover{padding:20px;border-radius:8px;box-shadow:0 4px 20px #00000026;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%;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;transform:translateY(-1px)}.customer-service-popover .popover-content .direct-link-section .direct-link-btn:active{background:#059c4c;border-color:#059c4c;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}}