.cap-popup{position:fixed;bottom:20px;left:20px;z-index:9999;max-width:340px;width:calc(100% - 40px);background:#fff;border-radius:14px;box-shadow:0 8px 32px rgba(0,0,0,.12),0 2px 8px rgba(0,0,0,.06);padding:14px 16px;display:flex;align-items:center;gap:14px;transform:translateX(-120%);opacity:0;transition:transform .5s cubic-bezier(.22,1,.36,1),opacity .4s ease;pointer-events:none;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif}
.cap-popup.cap-visible{transform:translateX(0);opacity:1;pointer-events:auto}
.cap-popup.cap-hiding{transform:translateX(-120%);opacity:0}
.cap-img{width:56px;height:56px;min-width:56px;border-radius:10px;object-fit:cover;background:#f5f5f5}
.cap-body{flex:1;min-width:0}
.cap-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#cb87a3;margin-bottom:3px;line-height:1.2}
.cap-detail{font-size:13px;color:#333;line-height:1.4;margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cap-detail strong{font-weight:600;color:#111}
.cap-product{font-size:12.5px;color:#555;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cap-time{font-size:10.5px;color:#999;margin-top:3px;line-height:1}
.cap-close{position:absolute;top:8px;right:10px;background:none;border:none;font-size:16px;color:#bbb;cursor:pointer;padding:0;line-height:1}
.cap-close:hover{color:#666}
@media(max-width:480px){.cap-popup{bottom:12px;left:12px;max-width:calc(100% - 24px);padding:12px 14px;gap:12px;border-radius:12px}.cap-img{width:48px;height:48px;min-width:48px;border-radius:8px}.cap-label{font-size:10px}.cap-detail{font-size:12px}.cap-product{font-size:11.5px}.cap-time{font-size:10px}}