.ot-hotspot-map{position:relative;display:block;width:100%;max-width:1400px;margin:40px auto;line-height:0}
.ot-hotspot-map img{width:100%;height:auto;display:block}
.ot-hotspot{position:absolute;width:48px;height:48px;transform:translate(-50%,-50%);cursor:pointer;z-index:10;text-decoration:none}
.ot-hotspot-pulse{position:absolute;top:0;left:0;width:48px;height:48px;border-radius:50%;background:rgba(33,58,143,0.25);animation:ot-pulse 2s ease-out infinite}
.ot-hotspot-pulse2{position:absolute;top:0;left:0;width:48px;height:48px;border-radius:50%;background:rgba(33,58,143,0.15);animation:ot-pulse 2s ease-out infinite 0.6s}
.ot-hotspot-icon{position:absolute;width:38px;height:38px;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:50%;background:#213A8F;color:#fff;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:300;line-height:1;box-shadow:0 2px 10px rgba(0,0,0,0.3);transition:transform 0.3s ease,background 0.3s ease}
.ot-hotspot:hover .ot-hotspot-icon{transform:translate(-50%,-50%) scale(1.2);background:#3A5CB8}
.ot-hotspot-label{position:absolute;bottom:calc(100% + 10px);left:50%;transform:translateX(-50%) translateY(6px);background:#213A8F;color:#fff;padding:7px 16px;border-radius:8px;font-size:15px;font-weight:600;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity 0.3s ease,transform 0.3s ease;box-shadow:0 3px 12px rgba(0,0,0,0.2);line-height:1.3}
.ot-hotspot-label::after{content:"";position:absolute;top:100%;left:50%;transform:translateX(-50%);border:7px solid transparent;border-top-color:#213A8F}
.ot-hotspot:hover .ot-hotspot-label{opacity:1;transform:translateX(-50%) translateY(0)}
@keyframes ot-pulse{0%{transform:scale(1);opacity:0.6}100%{transform:scale(2.5);opacity:0}}
@media(max-width:768px){.ot-hotspot{width:36px;height:36px}.ot-hotspot-pulse,.ot-hotspot-pulse2{width:36px;height:36px}.ot-hotspot-icon{width:30px;height:30px;font-size:20px}.ot-hotspot-label{font-size:13px;padding:5px 12px}}