.lv-spn-container{
  position: fixed; z-index: 99999; display:flex; flex-direction:column; gap:10px; pointer-events:none;
}
.lv-spn-container.pos-bottom-left{ left: 16px; bottom: 16px; }
.lv-spn-container.pos-bottom-right{ right: 16px; bottom: 16px; align-items: flex-end; }
.lv-spn-container.pos-top-left{ left: 16px; top: 16px; }
.lv-spn-container.pos-top-right{ right: 16px; top: 16px; align-items: flex-end; }

.lv-spn-toast{
  width: 365px; max-width: 85vw; background:#fff; border-radius:10px; box-shadow:0 6px 20px rgba(0,0,0,.14);
  display:flex; align-items:center; gap:10px; padding:10px; transform:translateY(10px); opacity:0;
  transition:all .35s ease; cursor:pointer; pointer-events:auto;
}
.lv-spn-toast.show{ transform:translateY(0); opacity:1; }
.lv-spn-thumb{ width:72px; height:48px; object-fit:cover; border-radius:8px; flex-shrink:0; }
.lv-spn-body{ flex:1; font-family: system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif; }
.lv-spn-title{ font-weight:700; font-size:14px; line-height:1.2; margin-bottom:2px; color:#111; }
.lv-spn-msg{ font-size:13px; color:#444; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.lv-spn-close{ background:transparent; border:none; font-size:18px; line-height:1; padding:0 2px; color:#666; cursor:pointer;}
@media (max-width:480px){
  .lv-spn-toast{ width: 280px; }
  .lv-spn-thumb{ width:64px; height:44px; }
}