.vsp-popup{--vsp-accent:#7149c0;--vsp-accent-light:#8a67cd;--vsp-accent-dark:#53378d;--vsp-accent-soft:#f4f1fa;position:fixed;left:24px;bottom:24px;z-index:9999;width:calc(100% - 48px);max-width:340px;opacity:0;visibility:hidden;transition:opacity 0.35s ease,transform 0.35s ease,visibility 0.35s}.vsp-popup.vsp-show{opacity:1;visibility:visible;transform:none}.vsp-popup.vsp-right{left:auto;right:24px}.vsp-anim-slide-left{transform:translateX(calc(-100% - 32px))}.vsp-anim-slide-right{transform:translateX(calc(100% + 32px))}.vsp-anim-slide-up{transform:translateY(16px)}.vsp-anim-fade{transform:none}.vsp-anim-zoom{transform:scale(.7)}.vsp-anim-bounce{transform:translateY(28px);transition-timing-function:cubic-bezier(.34,1.56,.64,1),cubic-bezier(.34,1.56,.64,1),ease}.vsp-anim-slide-left,.vsp-anim-slide-right{transition-duration:0.4s}.vsp-anim-bounce{transition-duration:0.5s}.vsp-popup-card{position:relative;display:flex;align-items:center;gap:12px;border-radius:12px;padding:10px 14px 10px 10px;text-decoration:none;color:inherit}.vsp-popup-card:hover{text-decoration:none;color:inherit}.vsp-popup-img{flex:0 0 56px;width:56px;height:56px;border-radius:8px;overflow:hidden;background:#f4f2fa}.vsp-popup-img img{width:100%;height:100%;object-fit:cover;display:block}.vsp-popup-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.vsp-popup-text{margin:0;font-size:13px;line-height:1.45}.vsp-popup-product{margin:0;font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vsp-popup-time{margin:0;font-size:12px;color:#9ca3af}.vsp-popup-meta{margin:2px 0 0;display:flex;align-items:baseline;gap:6px;min-width:0}.vsp-popup-meta .vsp-popup-product{margin:0;flex:0 1 auto;min-width:0}.vsp-popup-meta .vsp-popup-time{margin:0;flex-shrink:0}.vsp-popup-flag{font-size:15px;margin-right:2px}.vsp-skin-classic .vsp-popup-card{background:#fff;border:1px solid var(--vsp-accent-soft);border-left:3px solid var(--vsp-accent);box-shadow:0 10px 30px rgb(23 10 60 / .14)}.vsp-skin-classic .vsp-popup-text{color:#1f2937}.vsp-skin-classic .vsp-popup-product{color:var(--vsp-accent-dark)}.vsp-skin-gradient .vsp-popup-card{background:linear-gradient(135deg,var(--vsp-accent-dark) 0%,var(--vsp-accent) 55%,var(--vsp-accent-light) 100%);border:none;box-shadow:0 12px 32px rgb(45 20 95 / .38)}.vsp-skin-gradient .vsp-popup-img{border:2px solid rgb(255 255 255 / .55)}.vsp-skin-gradient .vsp-popup-text{color:rgb(255 255 255 / .96)}.vsp-skin-gradient .vsp-popup-product{color:#fff}.vsp-skin-gradient .vsp-popup-time{color:rgb(255 255 255 / .72)}.vsp-skin-minimal .vsp-popup-card{background:rgb(255 255 255 / .85);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--vsp-accent-soft);border-radius:999px;padding:8px 16px 8px 8px;box-shadow:0 4px 16px rgb(23 10 60 / .12)}.vsp-skin-minimal .vsp-popup-img{flex-basis:38px;width:38px;height:38px;border-radius:50%}.vsp-skin-minimal .vsp-popup-text{font-size:12.5px;color:#1f2937}.vsp-skin-minimal .vsp-popup-product{display:none}.vsp-skin-minimal .vsp-popup-time{font-size:11.5px}.vsp-skin-flag .vsp-popup-card{background:#fff;border:1.5px solid var(--vsp-accent);box-shadow:0 6px 18px rgb(23 10 60 / .1)}.vsp-skin-flag .vsp-popup-text{color:var(--vsp-accent-dark);font-weight:600}.vsp-skin-flag .vsp-popup-meta .vsp-popup-product{color:#374151}.vsp-popup-close{position:absolute;top:-10px;right:-10px;width:24px;height:24px;border:none;border-radius:50%;background:#fff;box-shadow:0 2px 8px rgb(0 0 0 / .2);color:#4b5563;font-size:14px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center}.vsp-popup-close:hover{color:#111827;background:#f3f4f6}@media (max-width:768px){.vsp-popup,.vsp-popup.vsp-right{left:12px;right:12px;bottom:12px;width:auto;max-width:316px;margin:0 auto}.vsp-popup-img{flex-basis:48px;width:48px;height:48px}.vsp-skin-minimal .vsp-popup-img{flex-basis:34px;width:34px;height:34px}}