/* ================= 小程序交互的网页外衣 =================
   给 wx-shim.js 提供视觉：提示条、确认框。
   尺寸按 375×812 的页面内缩放来写，风格沿用原工程的深色圆角 + 半透明遮罩。 */

.wx-toast{
  position:absolute;
  left:50%;
  bottom:120px;
  transform:translate(-50%, 8px);
  max-width:240px;
  padding:9px 16px;
  border-radius:10px;
  background:rgba(17,24,39,.86);
  color:#fff;
  font-size:12px;
  font-weight:600;
  line-height:1.4;
  text-align:center;
  letter-spacing:.5px;
  pointer-events:none;
  opacity:0;
  transition:opacity .18s ease, transform .18s ease;
  z-index:9999;
}
.wx-toast.is-on{
  opacity:1;
  transform:translate(-50%, 0);
}

.wx-modal-mask{
  position:absolute;
  inset:0;
  background:rgba(15,23,42,.42);
  display:flex;
  align-items:center;
  justify-content:center;
  z-index:9998;
  animation:wxFadeIn .16s ease;
}
.wx-modal{
  width:74%;
  max-width:280px;
  padding:18px 16px 0;
  border-radius:14px;
  background:#fff;
  box-shadow:0 18px 40px -12px rgba(0,0,0,.5);
  text-align:center;
}
.wx-modal-title{
  font-size:14px;
  font-weight:800;
  color:#111827;
  letter-spacing:.5px;
}
.wx-modal-body{
  margin-top:8px;
  font-size:12px;
  line-height:1.6;
  color:#4B5563;
  white-space:pre-wrap;
}
.wx-modal-actions{
  display:flex;
  margin:16px -16px 0;
  border-top:1px solid #F1F5F9;
}
.wx-modal-btn{
  flex:1;
  padding:11px 0;
  border:0;
  background:none;
  font:inherit;
  font-size:13px;
  font-weight:600;
  color:#6B7280;
  cursor:pointer;
}
.wx-modal-btn + .wx-modal-btn{
  border-left:1px solid #F1F5F9;
}
.wx-modal-btn.primary{
  color:#0F766E;
  font-weight:800;
}
.wx-modal-btn:active{
  background:#F8FAFC;
}
@keyframes wxFadeIn{ from{opacity:0} to{opacity:1} }