/* ===== XILET · 邮箱复制弹窗 ===== */

.mail-modal{
  position:fixed; inset:0; z-index:9990;
  display:flex; align-items:center; justify-content:center;
  padding:24px; visibility:hidden; opacity:0;
  transition:opacity var(--ease-normal), visibility var(--ease-normal);
}
.mail-modal.is-open{ visibility:visible; opacity:1; }

.mail-modal__mask{
  position:absolute; inset:0;
  background:rgba(10,20,35,.46);
  -webkit-backdrop-filter:blur(2px); backdrop-filter:blur(2px);
}

.mail-modal__box{
  position:relative; z-index:1;
  width:100%; max-width:380px;
  background:#fff;
  border-radius:var(--r-6,6px);
  border-top:3px solid var(--blue-700,#1B4B7F);
  padding:26px 24px 20px;
  text-align:center;
  box-shadow:0 18px 48px rgba(10,25,45,.22);
  transform:translateY(10px) scale(.98);
  transition:transform var(--ease-normal);
}
.mail-modal.is-open .mail-modal__box{ transform:none; }

.mail-modal__icon{
  width:44px; height:44px; margin:0 auto 14px;
  display:flex; align-items:center; justify-content:center;
  border-radius:50%;
  background:rgba(27,75,127,.08);
  color:var(--blue-700,#1B4B7F);
}

.mail-modal__ttl{
  margin:0 0 10px;
  font-size:16px; font-weight:600; letter-spacing:.02em;
  color:var(--ink-900,#1A1F2E);
}

.mail-modal__addr{
  margin:0 0 12px;
  padding:10px 12px;
  background:var(--bg-soft,#F7F9FB);
  border:1px dashed var(--line,#DDE3EA);
  border-radius:var(--r-4,4px);
  font-family:var(--font-en,Inter),monospace;
  font-size:14px; font-weight:600;
  color:var(--blue-700,#1B4B7F);
  word-break:break-all;
  -webkit-user-select:all; user-select:all;
}

.mail-modal__tip{
  margin:0 0 20px;
  font-size:12.5px; line-height:1.7;
  color:var(--ink-500,#6B7686);
  text-align:left;
  padding:0 2px;
}

.mail-modal__btns{ display:flex; gap:10px; }

.mail-btn{
  flex:1; height:42px;
  border-radius:var(--r-4,4px);
  font-size:14px; font-weight:500;
  font-family:inherit;
  cursor:pointer;
  border:1px solid transparent;
  transition:background var(--ease-fast), color var(--ease-fast), border-color var(--ease-fast);
  -webkit-tap-highlight-color:transparent;
}
.mail-btn--ghost{
  background:#fff;
  border-color:var(--line,#DDE3EA);
  color:var(--ink-700,#37414F);
}
.mail-btn--ghost:hover{ background:var(--bg-soft,#F7F9FB); }
.mail-btn--primary{
  background:var(--blue-700,#1B4B7F);
  color:#fff;
}
.mail-btn--primary:hover{ background:var(--blue-800,#163E68); }
.mail-btn--primary:disabled{ opacity:.6; cursor:default; }

/* 轻提示 */
.mail-toast{
  position:fixed; left:50%; bottom:96px;
  transform:translate(-50%,12px);
  z-index:9995;
  max-width:80vw;
  padding:11px 20px;
  border-radius:999px;
  background:rgba(20,30,45,.92);
  color:#fff;
  font-size:13px; line-height:1.4;
  white-space:nowrap;
  opacity:0; pointer-events:none;
  transition:opacity var(--ease-normal), transform var(--ease-normal);
}
.mail-toast.is-show{
  opacity:1; transform:translate(-50%,0);
}

@media (max-width:768px){
  .mail-modal{ padding:20px; align-items:center; }
  .mail-modal__box{ padding:22px 18px 16px; }
  .mail-modal__addr{ font-size:13px; }
  .mail-toast{ bottom:88px; font-size:12.5px; padding:10px 18px; }
}