/* ── 悬浮条 ── */
.sd-bar{
  position:fixed;right:16px;bottom:16px;z-index:9999;
  display:flex;align-items:center;gap:8px;
  padding:10px 14px;border-radius:12px;
  background:#fff;box-shadow:0 8px 24px rgba(0,0,0,.12);
  font:14px/1.4 -apple-system,BlinkMacSystemFont,"PingFang SC",sans-serif;
  color:#0f172a;
}
.sd-bar[hidden]{display:none;}
.sd-bar-close{
  position:absolute;top:-6px;right:-6px;
  width:20px;height:20px;padding:0;border:none;border-radius:50%;
  background:#94a3b8;color:#fff;font-size:14px;line-height:1;
  display:flex;align-items:center;justify-content:center;
  cursor:pointer;box-shadow:0 2px 6px rgba(0,0,0,.2);
  transition:background .15s;
}
.sd-bar-close:hover{background:#ef4444;}
.sd-bar-btn{
  border:none;border-radius:8px;padding:8px 12px;cursor:pointer;
  background:#f59e0b;color:#fff;font-weight:600;
}
.sd-bar-btn:hover{background:#d97706;}

/* ── 弹窗 ── */
.sd-overlay{
  position:fixed;inset:0;z-index:2147483649;
  background:rgba(15,23,42,.72);
  -webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);
  display:flex;align-items:center;justify-content:center;padding:20px;
  opacity:0;visibility:hidden;transition:opacity .2s,visibility .2s;
}
.sd-overlay.show{opacity:1;visibility:visible;}
.sd-card{
  background:#fff;border-radius:16px;max-width:420px;width:100%;
  box-shadow:0 24px 60px rgba(0,0,0,.3);padding:26px 22px 20px;position:relative;
  font:400 14px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC",sans-serif;
  color:#0f172a;text-align:center;box-sizing:border-box;
  transform:translateY(10px) scale(.98);transition:transform .22s cubic-bezier(.22,1,.36,1);
}
.sd-overlay.show .sd-card{transform:none;}
.sd-close{
  position:absolute;top:10px;right:12px;
  width:30px;height:30px;border:none;background:transparent;font-size:22px;
  line-height:1;color:#94a3b8;cursor:pointer;border-radius:8px;
  display:flex;align-items:center;justify-content:center;padding:0;
}
.sd-close:hover{background:#f1f5f9;color:#0f172a;}
.sd-card h3{margin:0 0 8px;font-size:18px;font-weight:700;letter-spacing:.3px;}
.sd-desc{margin:0 0 18px;color:#475569;font-size:13px;line-height:1.6;}
.sd-qrs{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;}
.sd-qr{flex:0 0 auto;}
.sd-qr img{display:block;width:140px;height:140px;object-fit:contain;border-radius:10px;
  border:1px solid #e2e8f0;background:#fff;padding:6px;box-sizing:border-box;}
.sd-qr span{display:block;margin-top:6px;font-size:12px;color:#64748b;}
.sd-empty{margin:0;padding:28px 0;color:#94a3b8;font-size:13px;}
.sd-tip{margin:16px 0 0;font-size:12px;color:#94a3b8;}
@media (max-width:420px){
  .sd-card{padding:22px 16px 18px;}
  .sd-qr img{width:120px;height:120px;}
  .sd-bar{right:10px;bottom:10px;padding:8px 10px;font-size:13px;}
  .sd-bar-btn{padding:6px 10px;}
}