/* ═══ 全站共享弹窗组件 ui-dialog.css ═══
   Apple 亮色玻璃风，对齐 account.css / shop.css。
   提供 toast（轻提示）+ confirm/alert（居中确认框）。 */

/* ── 遮罩 ── */
.uid-mask{
  position:fixed; inset:0; z-index:9000;
  display:flex; align-items:center; justify-content:center;
  padding:24px;
  background:rgba(20,22,28,.34);
  -webkit-backdrop-filter:saturate(120%) blur(6px);
  backdrop-filter:saturate(120%) blur(6px);
  opacity:0; pointer-events:none;
  transition:opacity .22s ease;
}
.uid-mask.show{ opacity:1; pointer-events:auto; }

/* ── 对话框卡片 ── */
.uid-box{
  width:100%; max-width:380px;
  background:rgba(255,255,255,.92);
  -webkit-backdrop-filter:saturate(180%) blur(20px);
  backdrop-filter:saturate(180%) blur(20px);
  border:1px solid rgba(255,255,255,.7);
  border-radius:20px;
  box-shadow:0 24px 70px rgba(0,0,0,.22), 0 2px 8px rgba(0,0,0,.08);
  padding:28px 26px 22px;
  text-align:center;
  transform:translateY(8px) scale(.96);
  opacity:0;
  transition:transform .26s cubic-bezier(.22,1,.36,1), opacity .2s ease;
}
.uid-mask.show .uid-box{ transform:translateY(0) scale(1); opacity:1; }

/* 图标 */
.uid-ico{
  width:54px; height:54px; margin:0 auto 16px;
  border-radius:50%;
  display:flex; align-items:center; justify-content:center;
  font-size:28px; line-height:1;
}
.uid-ico.ok{    background:#e7f7ee; color:#1a7a3f; }
.uid-ico.warn{  background:#fff3e0; color:#c2700b; }
.uid-ico.err{   background:#fdecea; color:#bf2600; }
.uid-ico.info{  background:#e8f0fe; color:#0066cc; }

.uid-title{ font-size:18px; font-weight:700; color:#1d1d1f; margin:0 0 8px; }
.uid-msg{ font-size:14px; line-height:1.6; color:#6e6e73; margin:0 0 22px; word-break:break-word; }
.uid-msg:last-child{ margin-bottom:22px; }

/* 按钮区 */
.uid-foot{ display:flex; gap:10px; }
.uid-foot.single{ justify-content:center; }
.uid-btn{
  flex:1; height:44px; padding:0 18px;
  border-radius:13px; border:1px solid transparent;
  font-size:15px; font-weight:600; font-family:inherit;
  cursor:pointer; transition:.18s ease;
}
.uid-foot.single .uid-btn{ flex:0 0 auto; min-width:140px; }
.uid-btn-primary{ background:#0066cc; color:#fff; }
.uid-btn-primary:hover{ background:#0077ed; }
.uid-btn-ghost{ background:#f2f2f5; color:#1d1d1f; border-color:#e6e6ea; }
.uid-btn-ghost:hover{ background:#e9e9ee; }
.uid-btn-danger{ background:#e5443a; color:#fff; }
.uid-btn-danger:hover{ background:#d8362c; }

/* ── Toast 轻提示 ── */
.uid-toast-wrap{
  position:fixed; left:50%; top:24px; transform:translateX(-50%);
  z-index:9500; display:flex; flex-direction:column; gap:10px;
  pointer-events:none;
}
.uid-toast{
  display:flex; align-items:center; gap:10px;
  max-width:min(86vw,420px);
  padding:13px 18px;
  background:rgba(255,255,255,.94);
  -webkit-backdrop-filter:saturate(180%) blur(18px);
  backdrop-filter:saturate(180%) blur(18px);
  border:1px solid rgba(0,0,0,.06);
  border-radius:14px;
  box-shadow:0 10px 34px rgba(0,0,0,.16);
  font-size:14px; font-weight:500; color:#1d1d1f;
  transform:translateY(-14px); opacity:0;
  transition:transform .28s cubic-bezier(.22,1,.36,1), opacity .24s ease;
}
.uid-toast.show{ transform:translateY(0); opacity:1; }
.uid-toast .uid-t-ico{ font-size:18px; line-height:1; flex-shrink:0; }
.uid-toast.ok   .uid-t-ico{ color:#1a7a3f; }
.uid-toast.warn .uid-t-ico{ color:#c2700b; }
.uid-toast.err  .uid-t-ico{ color:#bf2600; }
.uid-toast.info .uid-t-ico{ color:#0066cc; }

@media (max-width:480px){
  .uid-box{ max-width:none; border-radius:18px; padding:24px 20px 18px; }
  .uid-toast-wrap{ top:16px; }
}