/* ==========================================================================
 * 会员中心 · 账号绑定（手机 / 邮箱验证码绑定，2026-10-14，v31）
 * --------------------------------------------------------------------------
 * 只服务两处：
 *   ① 账号设置页的「绑定提示条」(.bdtip)
 *   ② 个人信息卡里「绑定手机 / 绑定邮箱」两行的值 + 状态标签 + 按钮 (.bdf/.bdv)
 *   ③ 验证码弹窗里的输入行与倒计时按钮 (.bdrow/.bdsend)
 *
 * 🔴 独立成文件，**member.css 一行未碰**（共享文件，协作规矩 ①）；
 *    类名统一 bd* 前缀，已 `grep '^\.bd'` 确认与 member.css 零冲突。
 *    回滚 = 删本文件 + SHELL 里那一行 <link>，页面回到「只读展示」形态。
 * 🔴 PC 与 H5 共用；H5 由 _wap_src/mirror_member.py 镜像带过去。
 * ========================================================================== */

/* ---------- ① 绑定提示条 ---------- */
.bdtip{
  display:flex;align-items:center;gap:11px;flex-wrap:wrap;
  padding:12px 14px;margin-bottom:12px;
  background:#FFF8EC;border:1px solid #F6DFB8;border-radius:12px;
}
.bdtip .bdti{
  flex:0 0 auto;width:22px;height:22px;border-radius:50%;
  background:#E8A33D;color:#fff;font-weight:800;font-size:13px;
  display:flex;align-items:center;justify-content:center;
}
.bdtip .bdtx{flex:1;min-width:200px;font-size:13px;color:#7A5A20;line-height:1.7}
.bdtip .bdtx b{color:#5C4210}
.bdtip .bdta{display:flex;gap:8px;flex-wrap:wrap;flex:0 0 auto}

/* ---------- ② 个人信息卡里的两行绑定 ---------- */
.bdf{display:flex;align-items:center;gap:9px;flex-wrap:wrap;min-height:38px}
.bdf .bdv{
  flex:1;min-width:130px;font-size:13.5px;color:var(--t1);
  font-variant-numeric:tabular-nums;word-break:break-all;
}
/* 未绑定态：灰字，与已绑定的黑字一眼区分 */
.bdf .bdv.off{color:var(--t3)}

/* ---------- ③ 验证码弹窗 ---------- */
.bdrow{display:flex;gap:9px;flex-wrap:wrap;align-items:center}
.bdrow .inp{flex:1;min-width:150px}
.bdsend{flex:0 0 auto;white-space:nowrap}
.bdsend:disabled{cursor:not-allowed;opacity:.62}
.bdhint{margin-top:9px;font-size:12.5px;color:var(--t3);line-height:1.8}

@media (max-width:640px){
  .bdtip{padding:11px 12px;gap:8px}
  .bdtip .bdta{flex:0 0 100%}
}