.dlg-mask {
    position: fixed; inset: 0; z-index: 300; display: flex; align-items: center; justify-content: center;
    padding: 24px; background: rgba(60, 20, 60, .45); opacity: 0; transition: opacity .2s ease;
}
.dlg-mask.show { opacity: 1; }
.dlg {
    position: relative; width: 100%; max-width: 320px; padding: 26px 22px 20px; border-radius: 22px; text-align: center;
    background: linear-gradient(180deg, #fffaf8, #fdf0f3); box-shadow: 0 16px 40px rgba(120, 50, 100, .3);
    font-family: "PingFang SC", "Microsoft YaHei", "Helvetica Neue", sans-serif;
    transform: translateY(16px) scale(.92); transition: transform .25s cubic-bezier(.3, 1.4, .6, 1);
}
.dlg-mask.show .dlg { transform: none; }
.dlg::before {
    content: ""; position: absolute; inset: 8px; border: 1px solid #ecc9a6; border-radius: 16px; pointer-events: none;
}
.dlg-icon { font-size: 34px; line-height: 1; margin-bottom: 10px; }
.dlg-msg { font-size: 16px; line-height: 1.6; color: #5a3d5c; word-break: break-word; }
.dlg-btns { display: flex; gap: 12px; margin-top: 20px; }
.dlg-btns button {
    flex: 1; height: 42px; border-radius: 999px; font-size: 15px; font-family: inherit; cursor: pointer;
    border: 1px solid #ecc9d6; background: #fff; color: #a0558f;
}
.dlg-btns .dlg-ok { border: none; color: #fff; background: linear-gradient(180deg, #ff7aa0, #e64980); box-shadow: 0 4px 10px rgba(230, 73, 128, .3); }
.dlg-btns button:active { transform: scale(.96); }
.dlg-error .dlg-msg { color: #c2255c; }