/* ==========================================================================
 * 会员中心 · 统一页头（2026-10-14，v31）
 * --------------------------------------------------------------------------
 * 服务 _member_src/gen_member_pages.py 的 build_phead()：
 * 18 个会员页共用**同一份**页头（面包屑 + 版本徽标），由生成器注入 <main> 顶部。
 *
 * 🔴 类名统一 pg* 前缀：member.css 里 .pchips / .plans / .pl 已被「平台条」占用，
 *    所以这里不能用 pc* 前缀，否则「平台筛选按钮」会被本文件样式污染（踩过同类坑）。
 * 🔴 独立成文件，**member.css 一行未碰**（共享文件，协作规矩 ①）。
 *    回滚 = 删本文件 + SHELL 里那一行 <link> + build_phead()，既有页面零影响。
 * 🔴 PC 与 H5 共用同一份；H5 由 _wap_src/mirror_member.py 镜像带过去。
 * ========================================================================== */

.pghd{
  display:flex;align-items:center;gap:10px;flex-wrap:wrap;
  min-height:40px;padding:9px 14px;margin-bottom:12px;
  background:#fff;border:1px solid var(--line);border-radius:12px;
}

/* ---------- 面包屑 ---------- */
.pghd .pgcr{
  flex:1;min-width:0;display:flex;align-items:center;gap:7px;flex-wrap:wrap;
  font-size:12.5px;color:var(--t3);line-height:1.6;
}
.pghd .pgcr a{color:var(--t2);text-decoration:none;transition:.15s}
.pghd .pgcr a:hover{color:var(--brand-dark)}
.pghd .pgcr i{font-style:normal;color:#CBD2D8;font-size:11px}
.pghd .pgcr span{color:var(--t2)}
.pghd .pgcr b{color:var(--t1);font-weight:700;font-size:13px}

/* ---------- 右侧徽标（版本 · 会员 ID）---------- */
.pghd .pgchips{display:flex;align-items:center;gap:7px;flex-wrap:wrap;flex:0 0 auto}
.pghd .pgchip{
  display:inline-flex;align-items:center;gap:5px;
  padding:4px 10px;border-radius:8px;
  background:var(--line2);color:var(--t2);
  font-size:12px;font-weight:600;white-space:nowrap;
}
/* 云端版 = 品牌绿实心；本地版 = 中性灰底（与左栏「我的授权」组的语义色一致） */
.pghd .pgchip.ed-cloud{background:var(--brand-soft);color:var(--brand-dark)}
.pghd .pgchip.ed-local{background:#F1F3F5;color:#5C636B}
/* v31：账号安全提示（未绑手机/邮箱）—— 琥珀色，提示但不刺眼；它是个链接 */
.pghd a.pgwarn{
  background:#FFF3E0;color:#B36B00;text-decoration:none;
  border:1px solid #F6DFB8;transition:.15s;
}
.pghd a.pgwarn:hover{background:#FFE9CC;border-color:#EFCB92}

/* ---------- 窄屏：面包屑换行、徽标整行贴左 ---------- */
@media (max-width:960px){
  .pghd{padding:8px 11px;gap:6px;margin-bottom:10px}
  .pghd .pgchips{flex:0 0 100%}
  .pghd .pgcr b{font-size:12.5px}
}
