html { scrollbar-gutter: stable; }

.wecom-root[data-v-geo-wecom-20261112] { font-family: "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Arial, sans-serif; font-size:16px; line-height:1.5; -webkit-font-smoothing:antialiased;
}
.wecom-root[data-v-geo-wecom-20261112] * { margin:0; padding:0; border:0 solid #e5e7eb; font-size:inherit; font-weight:inherit; line-height:inherit; letter-spacing:normal;
}
.wecom-root[data-v-geo-wecom-20261112] :where(button) { background:transparent; text-transform:none;
}
.wecom-root img[data-v-geo-wecom-20261112],.wecom-root svg[data-v-geo-wecom-20261112] { display:block; vertical-align:middle;
}
.wecom-root strong[data-v-geo-wecom-20261112] { font-weight:700;
}
.wecom-root[data-v-geo-wecom-20261112] { --wecom-purple: #7651ec; position: fixed; inset: 0; z-index: 10000; pointer-events: none; color: #202744;
}
.wecom-root[data-v-geo-wecom-20261112] * { box-sizing: border-box;
}
.wecom-root button[data-v-geo-wecom-20261112] { cursor: pointer; font-family: inherit;
}
.wecom-root button[data-v-geo-wecom-20261112]:focus-visible { outline: 3px solid #315eff; outline-offset: 3px;
}
.wecom-backdrop[data-v-geo-wecom-20261112] { position: absolute; inset: 0; background: rgb(21 28 55 / 38%); pointer-events: auto;
}
.wecom-main[data-v-geo-wecom-20261112] { pointer-events: auto; position: absolute; z-index: 1; left: 50%; top: 50%; transform: translate(-50%, -50%); display: grid; grid-template-columns: 1.12fr 1fr; width: min(920px, calc(100vw - 48px)); max-height: calc(100dvh - 40px); overflow: auto; background: white; border: 1px solid #e1e3ed; border-radius: 24px; box-shadow: 0 24px 100px #17204830;
}
/* Only compositor-friendly properties animate; centering and page layout stay fixed. */
.wecom-dialog-enter-active[data-v-geo-wecom-20261112], .wecom-shade-enter-active[data-v-geo-wecom-20261112] {
  transition: opacity 260ms cubic-bezier(.22, 1, .36, 1), transform 260ms cubic-bezier(.22, 1, .36, 1);
}
.wecom-dialog-leave-active[data-v-geo-wecom-20261112], .wecom-shade-leave-active[data-v-geo-wecom-20261112] {
  transition: opacity 180ms cubic-bezier(.22, 1, .36, 1), transform 180ms cubic-bezier(.22, 1, .36, 1);
}
.wecom-dialog-enter-from[data-v-geo-wecom-20261112], .wecom-dialog-leave-to[data-v-geo-wecom-20261112] {
  opacity: 0;
  transform: translate(-50%, -50%) translateY(12px) scale(.97);
}
.wecom-shade-enter-from[data-v-geo-wecom-20261112], .wecom-shade-leave-to[data-v-geo-wecom-20261112] { opacity: 0;
}
.wecom-close[data-v-geo-wecom-20261112] { position: absolute; top: 8px; right: 8px; width: 36px; height: 36px; display: grid; place-items: center; padding: 0; border: 0; border-radius: 50%; color: #6c7287; background: #f1f2f7; font-size: 27px; line-height: 1; z-index: 2;
}
.wecom-close[data-v-geo-wecom-20261112]:hover { color: #315eff; background: #e6eaff;
}
.main-close[data-v-geo-wecom-20261112] { top: 12px; right: 12px;
}
.wecom-benefits[data-v-geo-wecom-20261112] { padding: 38px 28px 28px; background: radial-gradient(ellipse at 85% 50%, #f7f4ff, transparent 60%), linear-gradient(145deg, #eaf0ff, #f2f4ff);
}
.wecom-eyebrow[data-v-geo-wecom-20261112] { margin: 0 0 12px; font-size: 13px; color: #697898; letter-spacing: 1px;
}
.wecom-benefits h2[data-v-geo-wecom-20261112] { margin: 0; font-size: clamp(22px, 2.1vw, 29px); line-height: 1.4; font-weight: 700; letter-spacing: -1px;
}
.wecom-benefits h2 span[data-v-geo-wecom-20261112], .wecom-advisor p span[data-v-geo-wecom-20261112], .wecom-side h2 span[data-v-geo-wecom-20261112] { color: var(--wecom-purple);
}
.wecom-stats[data-v-geo-wecom-20261112] { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; margin-top: 24px;
}
.wecom-stats > div[data-v-geo-wecom-20261112] { display: flex; flex-direction: column; align-items: center; padding: 12px 2px; border: 1px solid #e4e8f3; border-radius: 12px; background: #ffffffc9;
}
.wecom-stats strong[data-v-geo-wecom-20261112] { font-size: 26px; color: var(--wecom-purple); line-height: 1.25;
}
.wecom-stats span[data-v-geo-wecom-20261112] { font-size: 12px; color: #748099; margin-top: 4px;
}
.wecom-benefit-grid[data-v-geo-wecom-20261112] { display: grid; grid-template-columns: repeat(3, 1fr); gap: 26px 6px; margin: 34px 0;
}
.wecom-benefit-grid > div[data-v-geo-wecom-20261112] { display: flex; flex-direction: column; gap: 10px; align-items: center; font-size: 13px; font-weight: 600;
}
.wecom-icon[data-v-geo-wecom-20261112] { display: grid; place-items: center; width: 42px; height: 42px; border-radius: 13px; background: linear-gradient(135deg, #7857ff, #aa76fa); color: white; box-shadow: 0 6px 14px #7651ec24;
}
.wecom-icon svg[data-v-geo-wecom-20261112] { width: 24px; height: 24px;
}
.wecom-customers[data-v-geo-wecom-20261112] { padding: 12px; border: 1px solid #e5e8f2; border-radius: 14px; background: #ffffffd9;
}
.wecom-customers p[data-v-geo-wecom-20261112] { text-align: center; font-size: 11px; font-weight: 600; margin: 0 0 8px;
}
.wecom-customers > div[data-v-geo-wecom-20261112] { display: grid; grid-template-columns: repeat(6, 1fr); gap: 4px;
}
.wecom-customers img[data-v-geo-wecom-20261112] { width: 100%; height: 24px; object-fit: contain; border: 1px solid #eef0f6; border-radius: 4px;
}
.wecom-scan[data-v-geo-wecom-20261112] { display: flex; flex-direction: column; align-items: center; justify-content: space-between; gap: 22px; padding: 56px 25px 30px;
}
.wecom-advisor[data-v-geo-wecom-20261112] { display: flex; align-items: center; gap: 10px;
}
.wecom-avatar[data-v-geo-wecom-20261112] { flex-shrink: 0; display: block; width: 48px; height: 48px; border-radius: 50%; background-image: url('/zb_users/theme/dripulse_geo/wecom-20261112/images/wecom-contact.jpg'); background-repeat: no-repeat; background-size: 592.1% 592.1%; background-position: 50% 44.92%; background-color: #ecebfa;
}
.wecom-advisor p[data-v-geo-wecom-20261112] { margin: 0 0 5px; font-size: 13px; font-weight: 600;
}
.wecom-advisor small[data-v-geo-wecom-20261112] { color: #798196; font-size: 12px;
}
.wecom-main-qr[data-v-geo-wecom-20261112] { display: block; width: 100%; max-width: 310px; height: auto; border: 1px solid #edf0f6; border-radius: 18px; box-shadow: 0 12px 25px #2027440a;
}
.wecom-scan-label[data-v-geo-wecom-20261112] { margin: 0; padding: 12px 24px; border-radius: 40px; background: linear-gradient(110deg, #7857ff, #a36bf5); color: white; font-size: 16px; font-weight: 600; box-shadow: 0 8px 20px #7651ec29;
}
.wecom-side[data-v-geo-wecom-20261112] { pointer-events: auto; position: absolute; right: 24px; bottom: 200px; width: 264px; max-height: calc(100dvh - 220px); overflow-y: auto; padding: 22px 18px 18px; text-align: center; background: linear-gradient(145deg, #f1f3ff, #f0edf8); border: 1px solid #dedfeb; border-radius: 20px; box-shadow: 0 15px 50px #26345126;
}
.wecom-logo[data-v-geo-wecom-20261112] { display: block; object-fit: contain; margin: 0 auto 12px;
}
.wecom-side h2[data-v-geo-wecom-20261112] { font-size: 19px; font-weight: 700; margin: 0;
}
.wecom-side-subtitle[data-v-geo-wecom-20261112] { color: #73778c; font-size: 12px; margin: 10px 0 16px;
}
.wecom-side-qr[data-v-geo-wecom-20261112] { display: block; width: 100%; height: auto; border-radius: 14px;
}
.wecom-services[data-v-geo-wecom-20261112] { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin-top: 14px; text-align: left;
}
.wecom-services > div[data-v-geo-wecom-20261112] { display: flex; flex-direction: column; gap: 6px; border-radius: 10px; padding: 10px 8px; background: #e5e0f4; font-size: 12px; color: #655295;
}
.wecom-services strong[data-v-geo-wecom-20261112] { font-weight: 600;
}
.wecom-launcher[data-v-geo-wecom-20261112] { pointer-events: auto; position: absolute; right: 28px; bottom: 112px; padding: 4px; border: 2px solid white; border-radius: 50%; background: white; box-shadow: 0 4px 20px #315eff30;
}
.wecom-launcher[data-v-geo-wecom-20261112]::before { content: ''; position: absolute; inset: -6px; border: 2px solid #9d84ff; border-radius: 50%; animation: wecom-pulse-geo-wecom-20261112 2.4s ease-out infinite; pointer-events: none;
}
.wecom-launcher .wecom-avatar[data-v-geo-wecom-20261112] { width: 58px; height: 58px;
}
.wecom-launcher-label[data-v-geo-wecom-20261112] { position: absolute; bottom: -13px; left: 50%; transform: translateX(-50%); white-space: nowrap; padding: 3px 9px; border-radius: 20px; background: #7651ec; color: white; font-size: 11px;
}
.wecom-online[data-v-geo-wecom-20261112] { position: absolute; top: 3px; right: 3px; width: 12px; height: 12px; border: 2px solid white; border-radius: 50%; background: #36b888;
}
@keyframes wecom-pulse-geo-wecom-20261112 {
0% { transform: scale(.95); opacity: .8;
}
85%, 100% { transform: scale(1.2); opacity: 0;
}
}
@media (min-width: 1200px) {
.wecom-main[data-v-geo-wecom-20261112] { width: min(920px, calc(100vw - 350px));
}
}
@media (max-width: 1199px) {
.has-main .wecom-side[data-v-geo-wecom-20261112], .has-main .wecom-launcher[data-v-geo-wecom-20261112] { visibility: hidden;
}
}
@media (max-width: 640px) {
.wecom-main[data-v-geo-wecom-20261112] { grid-template-columns: 1fr; width: calc(100vw - 28px); border-radius: 18px; max-height: calc(100dvh - 28px);
}
.wecom-benefits[data-v-geo-wecom-20261112] { padding: 22px 18px 16px;
}
.wecom-eyebrow[data-v-geo-wecom-20261112] { font-size: 11px; margin-bottom: 8px;
}
.wecom-benefits h2[data-v-geo-wecom-20261112] { font-size: 23px; padding-right: 12px;
}
.wecom-stats[data-v-geo-wecom-20261112], .wecom-customers[data-v-geo-wecom-20261112] { display: none;
}
.wecom-benefit-grid[data-v-geo-wecom-20261112] { margin: 18px 0 0; gap: 12px 4px;
}
.wecom-benefit-grid > div[data-v-geo-wecom-20261112] { font-size: 11px; gap: 6px;
}
.wecom-icon[data-v-geo-wecom-20261112] { width: 30px; height: 30px; border-radius: 9px;
}
.wecom-icon svg[data-v-geo-wecom-20261112] { width: 19px; height: 19px;
}
.wecom-scan[data-v-geo-wecom-20261112] { padding: 16px 24px 20px; gap: 14px;
}
.wecom-advisor .wecom-avatar[data-v-geo-wecom-20261112] { width: 36px; height: 36px;
}
.wecom-main-qr[data-v-geo-wecom-20261112] { max-width: 240px;
}
.wecom-scan-label[data-v-geo-wecom-20261112] { font-size: 14px; padding: 10px 20px;
}
.wecom-side[data-v-geo-wecom-20261112] { right: 14px; bottom: 196px; width: 264px; max-width: calc(100vw - 28px);
}
.wecom-launcher[data-v-geo-wecom-20261112] { right: 18px; bottom: 112px;
}
.wecom-close[data-v-geo-wecom-20261112] { width: 40px; height: 40px;
}
}
@media (prefers-reduced-motion: reduce) {
.wecom-launcher[data-v-geo-wecom-20261112]::before { animation: none; opacity: .5;
}
.wecom-dialog-enter-active[data-v-geo-wecom-20261112], .wecom-dialog-leave-active[data-v-geo-wecom-20261112],
  .wecom-shade-enter-active[data-v-geo-wecom-20261112], .wecom-shade-leave-active[data-v-geo-wecom-20261112] { transition: opacity 100ms linear;
}
.wecom-dialog-enter-from[data-v-geo-wecom-20261112], .wecom-dialog-leave-to[data-v-geo-wecom-20261112] { transform: translate(-50%, -50%);
}
}