/* ========= MiniModal v1.1 (Toast/Alert) ========= */
/* 可调主题变量 */
:root{
    --mmask-bg: rgba(0,0,0,.55);
    --mmodal-bg: linear-gradient(180deg, rgba(255,255,255,.14), rgba(255,255,255,.08));
    --mmodal-border: rgba(255,255,255,.28);
    --mmodal-shadow: 0 10px 40px rgba(0,0,0,.45), 0 0 0 1px rgba(255,255,255,.06) inset;
    --mmodal-radius: 14px;
    --mmodal-color: #fff;
    --mmodal-z: 9999;

    --mmodal-btn-bg: linear-gradient(180deg, #FFE98A, #FFC857);
    --mmodal-btn-color: #2a1b1b;
    --mmodal-btn-shadow: 0 6px 16px rgba(255,200,87,.35), inset 0 1px 0 rgba(255,255,255,.7);
}

/* 遮罩 */
.mmask{
    position:fixed; inset:0; z-index:var(--mmodal-z);
    background: var(--mmask-bg);
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
    display:flex; align-items:center; justify-content:center;
    animation: mmask-in .12s ease-out;
}
@keyframes mmask-in{ from{opacity:0} to{opacity:1} }

/* 弹窗容器（Alert/Toast 共用） */
.mmodal{
    max-width:min(86vw, 320px);
    min-width:260px;
    color:var(--mmodal-color); text-align:center;
    border-radius:var(--mmodal-radius);
    padding:18px 16px 14px;
    background: var(--mmodal-bg);
    border:1px solid var(--mmodal-border);
    box-shadow: var(--mmodal-shadow);
    transform: scale(.96);
    animation: mmodal-in .14s cubic-bezier(.2,.8,.3,1) forwards;
}
@keyframes mmodal-in{ to{ transform:scale(1) } }

.mmodal-msg{ font-size:15px; line-height:1.6; word-break:break-word; }
.mmodal-actions{ margin-top:12px; display:flex; justify-content:center; gap:10px; }

.mmodal-btn{
    min-width:86px; height:36px; padding:0 14px;
    border-radius:10px; border:0; cursor:pointer;
    color:var(--mmodal-btn-color); font-weight:700;
    background: var(--mmodal-btn-bg);
    box-shadow: var(--mmodal-btn-shadow);
}
.mmodal-btn:active{ transform: translateY(1px); }

/* 纯 Toast（无按钮）时，允许宽度更窄一点 */
.mmodal--toast{ min-width:180px; }