.zps-modal{position:fixed;inset:0;background:rgba(15,23,42,.48);z-index:99999;display:none;align-items:center;justify-content:center;padding:24px}
.zps-modal.show{display:flex}
.zps-modal-panel{width:min(420px,100%);background:#fff;border-radius:14px;box-shadow:0 28px 70px rgba(15,23,42,.25);padding:28px;position:relative;text-align:center;color:#111827}
.zps-close{position:absolute;right:12px;top:10px;border:0;background:transparent;font-size:28px;line-height:1;cursor:pointer;color:#6b7280}
.zps-title{font-size:20px;font-weight:700;margin:4px 28px 8px;word-break:break-word}
.zps-subtitle{color:#64748b;font-size:14px;margin-bottom:16px}
.zps-qr{width:220px;height:220px;max-width:72vw;border:1px solid #e5e7eb;border-radius:10px;padding:8px;background:#fff;object-fit:contain}
.zps-short{margin:14px 0;color:#334155;font-size:13px;word-break:break-all;background:#f8fafc;border-radius:8px;padding:8px 10px}
.zps-buttons{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}
.zps-copy{border:0;border-radius:8px;padding:9px 14px;background:#1677ff;color:#fff;text-decoration:none;cursor:pointer;font-size:14px}
.zps-hover{position:absolute;z-index:99998;display:none;background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 16px 42px rgba(15,23,42,.18);padding:12px;text-align:center;color:#111827;max-width:190px}
.zps-hover.show{display:block}
.zps-hover img{width:156px;height:156px;display:block;margin:0 auto 8px}
.zps-hover div{font-size:12px;line-height:1.4;word-break:break-word}
@media (max-width: 768px){.zps-hover{display:none!important}.zps-modal-panel{padding:24px 18px}.zps-title{font-size:18px}}