.gpie-hs{--hs-height:650px;--hs-marker-size:48px;--hs-icon-size:19px;--hs-marker-bg:#fff;--hs-marker-ink:#ba7a2b;--hs-active-bg:#e99a38;--hs-pulse-color:#e99a38;--hs-card-bg:#fff;--hs-card-width:286px;position:relative;left:50%;transform:translateX(-50%);isolation:isolate;width:100vw;max-width:100vw;height:var(--hs-height);overflow:hidden;border-radius:12px;background:#eee9de;font-family:inherit}
.gpie-hs *{box-sizing:border-box}.gpie-hs-image{display:block;width:100%;height:100%;max-width:none;object-fit:cover;pointer-events:none}.gpie-hs-point{position:absolute;left:var(--hs-default-x,50%);top:var(--hs-default-y,50%);z-index:2;transform:translate(-50%,-50%)}.gpie-hs-point.is-open{z-index:5}
.gpie-hs .gpie-hs-button{position:relative;display:grid;place-items:center;box-sizing:border-box!important;flex:0 0 var(--hs-marker-size)!important;width:var(--hs-marker-size)!important;min-width:var(--hs-marker-size)!important;max-width:var(--hs-marker-size)!important;height:var(--hs-marker-size)!important;min-height:var(--hs-marker-size)!important;max-height:var(--hs-marker-size)!important;aspect-ratio:1/1;padding:0!important;margin:0!important;border:0!important;border-radius:50%!important;background:var(--hs-marker-bg)!important;color:var(--hs-marker-ink)!important;box-shadow:0 3px 16px #16120c39;cursor:pointer;transition:background-color .25s,color .25s,transform .25s}.gpie-hs .gpie-hs-point .gpie-hs-button:hover,.gpie-hs .gpie-hs-point.is-open .gpie-hs-button{background:var(--hs-active-bg)!important;color:#fff!important;transform:scale(1.06)}.gpie-hs .gpie-hs-button:focus-visible{outline:3px solid #e99a38;outline-offset:4px}.gpie-hs-icon{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;font-size:var(--hs-icon-size);line-height:1}.gpie-hs .gpie-hs-icon svg{width:1em;height:1em;fill:currentColor}.gpie-hs .gpie-hs-icon svg path{fill:currentColor}
.gpie-hs[data-pulse=yes] .gpie-hs-button::before{content:"";position:absolute;inset:-7px;border:2px solid var(--hs-pulse-color);border-radius:50%;opacity:0;animation:gpie-hs-pulse 2.4s ease-out infinite}.gpie-hs[data-pulse=yes] .gpie-hs-point:nth-of-type(2) .gpie-hs-button::before{animation-delay:.8s}.gpie-hs[data-pulse=yes] .gpie-hs-point:nth-of-type(3) .gpie-hs-button::before{animation-delay:1.5s}.gpie-hs-point.is-open .gpie-hs-button::before{animation-play-state:paused!important;opacity:0!important}@keyframes gpie-hs-pulse{0%{transform:scale(.75);opacity:.75}85%,100%{transform:scale(1.8);opacity:0}}
.gpie-hs-card{--hs-shift-x:0px;--hs-shift-y:0px;position:absolute;left:calc(100% + 15px);top:50%;width:min(var(--hs-card-width),calc(100vw - 24px));padding:20px 22px;border:1px solid #e9e5dc;border-radius:12px;background:var(--hs-card-bg);box-shadow:0 18px 45px #1d211f25;color:#494741;opacity:0;visibility:hidden;pointer-events:none;transform:translate(var(--hs-shift-x),calc(-50% + var(--hs-shift-y))) scale(.96);transform-origin:left center;transition:opacity .22s ease,transform .28s cubic-bezier(.2,.72,.2,1),visibility .22s}.gpie-hs-point.is-left .gpie-hs-card{left:auto;right:calc(100% + 15px);transform-origin:right center}.gpie-hs-point.is-open .gpie-hs-card{opacity:1;visibility:visible;transform:translate(var(--hs-shift-x),calc(-50% + var(--hs-shift-y))) scale(1)}.gpie-hs-card-title{margin:0 0 8px;color:#363a36;font-size:18px;font-weight:600;line-height:1.35}.gpie-hs-card-description{margin:0;color:#6d7069;font-size:14px;line-height:1.65}
@media(max-width:767px){.gpie-hs{--hs-height:360px;--hs-marker-size:42px;--hs-card-width:240px}.gpie-hs-card{padding:15px 17px}}
@media(prefers-reduced-motion:reduce){.gpie-hs .gpie-hs-button,.gpie-hs .gpie-hs-card{transition:none}.gpie-hs .gpie-hs-button::before{animation:none}}
body.elementor-editor-active .gpie-hs.is-image-error::after,body.elementor-editor-preview .gpie-hs.is-image-error::after{content:'Hotspot 图片加载失败，请检查媒体库图片地址';position:absolute;left:16px;top:16px;z-index:8;padding:9px 13px;border-radius:5px;background:#fff4d7;color:#724a00;font:14px/1.4 sans-serif;pointer-events:none}