/* 六爻起卦 · 弹层与提示：确认框/图片弹窗/Toast */
.modal{position:fixed;inset:0;background:rgba(30,26,20,.58);display:flex;align-items:center;justify-content:center;z-index:50;padding:22px}
.modal-box{background:var(--card);border-radius:14px;padding:18px 16px;max-width:400px;width:100%;text-align:center;box-shadow:0 16px 50px rgba(0,0,0,.35);animation:pagein .3s ease}
.modal-tip{font-size:14.5px;color:#4a4234;margin-bottom:12px;line-height:1.7}
.modal-box img{width:100%;border-radius:8px;border:1px solid rgba(110,100,85,.3);display:block}
.modal-box textarea{width:100%;height:170px;font-size:14px;padding:10px;border:1px solid rgba(110,100,85,.4);border-radius:8px;background:#fffdf6;color:var(--ink);font-family:inherit;resize:none;line-height:1.8;text-align:left}
.modal-actions{display:flex;gap:10px;margin-top:14px}
.modal-actions>*{flex:1}
.confirm-deny{border:1.5px solid var(--line);background:transparent;color:var(--ink-light);font-size:15.5px;padding:11px;border-radius:10px}
.confirm-ok{border:none;background:linear-gradient(160deg,#b04030,#95301f);color:#f8efdc;font-size:15.5px;letter-spacing:2px;padding:11px;border-radius:10px}
#btnDownloadImg{width:100%;margin-top:14px}
.toast{position:fixed;left:50%;bottom:calc(34px + env(safe-area-inset-bottom));transform:translateX(-50%) translateY(16px);background:rgba(46,42,36,.93);color:#f7f0df;padding:10px 24px;border-radius:999px;font-size:15px;letter-spacing:1px;opacity:0;pointer-events:none;transition:all .3s;z-index:60;max-width:86vw}
.toast.show{opacity:1;transform:translateX(-50%) translateY(0)}
/* ---------- 手动报爻弹层 ---------- */
.manual-box{max-width:420px;text-align:center}
.mm-progress{font-size:15.5px;color:var(--ink-light);letter-spacing:2px;margin-bottom:6px}
.mm-progress b{color:var(--cinnabar);font-size:18px}
.mm-count{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;font-size:14px;color:#7a5c1c;margin:10px 0;min-height:28px}
.mm-count span{font-weight:700;padding:4px 9px;border-radius:999px;background:#f3ecdb}
.mm-count .mm-stock-zi{color:#596575}
.mm-count .mm-stock-bei{color:#a63a2a}
.mm-count small{flex-basis:100%;font-size:11px;color:#8a8172;font-weight:400}
.mm-btn:active{transform:scale(.96)}
.mm-btns{display:flex;gap:12px;justify-content:center;margin-bottom:14px}
.mm-btn{width:108px;height:52px;border-radius:12px;font-size:19px;letter-spacing:4px;font-weight:700}
.mm-zi{background:#f2e9d2;color:#4a4234;border:2px solid #8b7c5e}
.mm-bei{background:linear-gradient(150deg,#dcc28c,#b3945c);color:#43340f;border:2px solid #8a6f3f;text-shadow:0 1px 0 rgba(255,246,214,.45)}
.mm-btn:disabled{opacity:.45;cursor:not-allowed}
.mm-slots{display:flex;flex-direction:column;gap:7px;align-items:center;margin-bottom:10px}
.mm-slot{position:relative;height:15px;width:min(190px,58vw)}
.mm-slot.empty::before{content:'';position:absolute;inset:0;border:1px dashed rgba(110,100,85,.28);border-radius:3px}
.mm-slot .bar{position:absolute;top:0;bottom:0;background:var(--ink);border-radius:2.5px}
.mm-slot.yang .bar{left:5%;right:5%}
.mm-slot.yin .bar.b1{left:5%;width:37%}
.mm-slot.yin .bar.b2{right:5%;width:37%}
.mm-slot.dong .bar{background:var(--cinnabar)}
.mm-slot .mark{position:absolute;right:-26px;top:50%;transform:translateY(-52%);color:var(--cinnabar);font-size:14px;font-weight:700}
.mm-note{font-size:13px;color:var(--ink-light);line-height:1.8;margin-bottom:12px;letter-spacing:.5px}
.mm-actions{display:flex;gap:10px}
.mm-actions>*{flex:1}
.mm-actions .confirm-ok:disabled{opacity:.45;cursor:not-allowed}
.mm-tip2{font-size:12.5px;color:#8a8172;margin-top:10px;letter-spacing:.3px}
/* ---------- 徽章规则说明弹层 ---------- */
.rule-tip-modal{max-width:340px}
.rule-tip-box{text-align:left}
.rule-tip-box .rt-name{font-size:17px;font-weight:700;color:var(--cinnabar);letter-spacing:3px;margin-bottom:8px}
.rule-tip-box .rt-text{font-size:13.5px;line-height:2;color:var(--ink);margin-bottom:10px;text-align:justify}
.rule-tip-box .rt-foot{font-size:11.5px;color:var(--ink-light)}
.pan .mk,.pan-legend .mk{cursor:help}