.hly-popup{position:fixed;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,0.8);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .3s ease,visibility 0s linear .3s;-webkit-backdrop-filter:blur(0.65rem);backdrop-filter:blur(0.65rem);z-index:9999;padding:20px;box-sizing:border-box}
.hly-popup.show{opacity:1;visibility:visible;pointer-events:auto;transition:opacity .3s ease,visibility 0s linear 0s}
.no-scroll{overflow:hidden}
.hly-popup-card{background:#fff;border-radius:14px;box-shadow:0 1rem 2.875rem rgba(0,0,0,.14);max-width:300px;width:100%;padding:28px 24px 22px;text-align:center;color:#222;max-height:80vh;overflow-y:auto;transform:translateY(12px) scale(.96);opacity:0;transition:transform .32s cubic-bezier(.22,1,.36,1),opacity .3s ease;will-change:transform,opacity;box-sizing:border-box;outline:none}
.hly-popup.show .hly-popup-card{transform:translateY(0) scale(1);opacity:1}
.hly-popup-card img{max-width:180px;width:100%;display:block;margin:14px auto 0;border-radius:8px;aspect-ratio:1 / 1;object-fit:contain;background:linear-gradient(100deg,#f2f2f2 30%,#e8e8e8 50%,#f2f2f2 70%) 0 0/200% 100%;animation:hly-img-shimmer 1.2s linear infinite}
@keyframes hly-img-shimmer{from{background-position:200% 0}to{background-position:-200% 0}}
.hly-popup-tip{font-size:.88rem;font-size:clamp(.8rem,2.4vw,.95rem);color:#555;letter-spacing:.02em;margin-bottom:4px;font-weight:500}
.hly-popup-text{font-size:1.2rem;font-size:clamp(1.125rem,3.5vw,1.75rem);color:#222;margin:16px 0 8px;line-height:1.2;font-weight:500;word-break:break-word;overflow-wrap:break-word}
.hly-popup-caption{font-size:.72rem;font-size:clamp(.68rem,1.75vw,.8rem);color:#888;margin:12px 0 0;line-height:1.2}
.hly-popup-close{display:inline-block;padding:8px 28px;margin-top:20px;border-radius:8px;font-size:.75rem;letter-spacing:.04em;background:#f5f5f5;color:#999;cursor:pointer;transition:background .2s ease,color .2s ease;will-change:background;border:none;outline:none;user-select:none}
.hly-popup-close:hover{background:#e8e8e8;color:#555}
.hly-popup-close:active{transform:scale(.97)}
@media (max-width:768px){
    .hly-popup{padding:16px}
    .hly-popup-card{padding:24px 18px 20px;border-radius:14px;max-width:280px}
    .hly-popup-card img{max-width:140px}
}