/* 新访客优惠弹框 + 抖动（2026-10-04） */
.pw-pop{
  position:fixed; right:18px; bottom:96px; width:300px;
  background:#fff; border-radius:18px; padding:18px 16px 16px;
  box-shadow:0 16px 44px rgba(20,40,80,.28);
  z-index:9990; display:none; font-family:"PingFang SC","Microsoft YaHei",sans-serif;
  transform-origin:bottom right; border:2px solid #ffe3b0;
}
.pw-pop.show{ display:block; animation:pw-shake .8s ease-in-out 2; }
.pw-pop .pw-x{ position:absolute; top:8px; right:12px; cursor:pointer; color:#b9c2d6; font-size:20px; line-height:1; }
.pw-pop .pw-x:hover{ color:#ff7a6b; }
.pw-pop .pw-gift{ font-size:30px; line-height:1; }
.pw-pop .pw-t{ font-size:16px; font-weight:800; margin:8px 0 6px; color:#1f2a3d; }
.pw-pop .pw-d{ font-size:13px; color:#5b6796; line-height:1.65; }
.pw-pop .pw-code{
  margin-top:10px; background:#fff7e6; border:1px dashed #ffc861; border-radius:10px;
  padding:8px 10px; font-size:13px; color:#a06a00; display:none; text-align:center;
}
.pw-pop .pw-code b{ font-size:16px; letter-spacing:1px; color:#e0550a; }
.pw-pop .pw-btns{ display:flex; gap:8px; margin-top:14px; }
.pw-pop .pw-btns button{
  flex:1; border:none; border-radius:12px; padding:11px 0; font-size:14px; font-weight:800;
  cursor:pointer; font-family:inherit;
}
.pw-pop .pw-lead{ background:linear-gradient(90deg,#ff9a3d,#ff6b3d); color:#fff; }
.pw-pop .pw-promo{ background:#f2f5fb; color:#4d8dff; border:1px solid #d6e4ff!important; }
.pw-pop .pw-tip{ font-size:11px; color:#aab3c8; margin-top:10px; text-align:center; }

/* 抖动：客服圆钮 + 悬浮元素 */
.pw-shaking{ animation:pw-shake-el .7s ease-in-out 3; }
@keyframes pw-shake{
  0%{ transform:rotate(0) scale(.72); opacity:0; }
  12%{ transform:rotate(-6deg) scale(1.04); opacity:1; }
  28%{ transform:rotate(5deg) scale(.99); }
  44%{ transform:rotate(-4deg); }
  60%{ transform:rotate(3deg); }
  76%{ transform:rotate(-2deg); }
  100%{ transform:rotate(0) scale(1); }
}
@keyframes pw-shake-el{
  0%,100%{ transform:rotate(0); }
  20%{ transform:rotate(-12deg) scale(1.06); }
  40%{ transform:rotate(11deg) scale(1.06); }
  60%{ transform:rotate(-8deg); }
  80%{ transform:rotate(6deg); }
}

/* 手机端：底部居中 */
@media (max-width:520px){
  .pw-pop{ left:12px; right:12px; bottom:88px; width:auto; transform-origin:bottom center; }
}