/* EGOHUI 会员中心（登录/注册/找回密码/个人中心/修改资料）独立样式
   ★ 10-17：按头部登录弹窗（mini）的视觉语言重做「完整页」——
     同款两栏卡片（蓝色品牌栏 + 表单栏）、同款字段/按钮/图标/提示/分段。
     仍独立成文件：不依赖 minilogin.css，也不改其文件；图标全部内嵌 data-URI（不引 mini 精灵）。
   ★ 字段图标：空心/实心两态由输入框 :placeholder-shown 直接切换（纯 CSS，无需脚本）。 */
:root{--egh-brand-t:#4D7DDE;--egh-brand-td:#3A63B8}

/* ============ 认证页外壳（登录 / 注册 / 找回密码） ============ */
.egh-fmauth{padding:48px 0 64px;background:linear-gradient(180deg,#eef3fb 0%,#f6f9fe 46%,#f8fafc 100%)}
.egh-fmcard{display:flex;max-width:880px;margin:0 auto;background:#fff;border-radius:20px;overflow:hidden;
  box-shadow:0 28px 70px rgba(15,23,42,.16),0 2px 8px rgba(15,23,42,.05)}
/* 左栏品牌（复刻弹窗左栏） */
.egh-fmbrand{position:relative;flex:0 0 42%;padding:38px 34px;color:#fff;
  background:linear-gradient(158deg,#2a5cf0 0%,#1F4FD8 46%,#163a9e 100%);display:flex;flex-direction:column;overflow:hidden}
.egh-fmbrand::after{content:"";position:absolute;right:-64px;bottom:-64px;width:210px;height:210px;border-radius:50%;background:rgba(255,255,255,.10)}
.egh-fmbrand::before{content:"";position:absolute;left:-46px;top:-46px;width:160px;height:160px;border-radius:50%;background:rgba(255,255,255,.07)}
.egh-fmbrand-top{display:flex;align-items:center;gap:9px;font-weight:700;font-size:16px;letter-spacing:.5px;position:relative;z-index:1}
.egh-fmbrand-top i{width:26px;height:26px;display:flex;align-items:center;justify-content:center;filter:brightness(0) invert(1)}
.egh-fmbrand h2{position:relative;z-index:1;margin:auto 0 10px;font-size:24px;font-weight:700;line-height:1.45}
.egh-fmbrand .sub{position:relative;z-index:1;margin:0 0 auto;font-size:14.5px;line-height:1.7;color:rgba(255,255,255,.80)}
.egh-fmsells{list-style:none;margin:auto 0 0;padding:0;display:flex;flex-direction:column;gap:13px;position:relative;z-index:1}
.egh-fmsells li{display:flex;align-items:center;gap:11px;font-size:14.5px;color:rgba(255,255,255,.94)}
.egh-fmsells .ck{width:21px;height:21px;flex:0 0 21px;border-radius:50%;background:rgba(255,255,255,.20);display:flex;align-items:center;justify-content:center}
.egh-fmbrand-foot{margin-top:24px;font-size:12.5px;color:rgba(255,255,255,.55);position:relative;z-index:1}

/* 右栏表单（复刻弹窗右栏） */
.egh-fmmain{flex:1;padding:40px 40px 34px;display:flex;flex-direction:column}
.egh-fmt{font-size:20px;font-weight:700;color:#0F172A;margin:0 0 6px}
.egh-fmsub{font-size:13.5px;color:#94A3B8;margin:0 0 20px}
.egh-fmsub a{color:#4D7DDE;text-decoration:none;font-weight:500}
.egh-fmsub a:hover{text-decoration:underline}
.egh-fmform{display:flex;flex-direction:column;gap:14px}
.egh-fmgrp{display:flex;flex-direction:column;gap:14px}
.egh-fmgrp[hidden]{display:none}

/* 分段：账号登录 / 短信登录（复刻弹窗） */
.egh-fmseg{position:relative;display:flex;padding:4px;background:#eef2f8;border-radius:8px;margin-bottom:8px}
.egh-fmsegslide{position:absolute;top:4px;left:4px;bottom:4px;width:calc(50% - 4px);background:#fff;border-radius:6px;
  box-shadow:0 2px 8px rgba(15,23,42,.12);transition:transform .28s cubic-bezier(.4,0,.2,1)}
.egh-fmseg.is-phone .egh-fmsegslide{transform:translateX(100%)}
.egh-fmsegbtn{flex:1;height:38px;border:0;border-radius:6px;background:transparent;color:#64748b;font-size:15px;font-weight:600;
  cursor:pointer;position:relative;z-index:1;transition:color .2s;font-family:inherit}
.egh-fmsegbtn.is-on{color:#4D7DDE}

/* 字段（复刻弹窗字段 + 图标两态） */
.egh-fmfld{position:relative;display:block}
.egh-fmfld input{width:100%;height:46px;padding:0 14px 0 44px;border:1px solid #E5EAF2;border-radius:6px;font-size:15px;
  color:#0F172A;background:#fff;outline:none;font-family:inherit;transition:border-color .2s,box-shadow .2s}
.egh-fmfld input::placeholder{color:#94A3B8}
.egh-fmfld input:focus{border-color:#1F4FD8;box-shadow:0 0 0 3px #EBF1FF}
.egh-fmic{position:absolute;left:14px;top:50%;width:18px;height:18px;margin-top:-9px;pointer-events:none;
  background-repeat:no-repeat;background-position:center;background-size:18px 18px}
.egh-fmic.ic-mail{background-image:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%236b8cf0'%20stroke-width='1.6'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Crect%20x='3'%20y='5'%20width='18'%20height='14'%20rx='2'/%3E%3Cpath%20d='M3%207.5l9%206%209-6'/%3E%3C/svg%3E")}
.egh-fmic.ic-user{background-image:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%236b8cf0'%20stroke-width='1.6'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cg%20transform='translate(12%2012)%20scale(1.125)%20translate(-12%20-12)'%3E%3Ccircle%20cx='12'%20cy='8'%20r='4'/%3E%3Cpath%20d='M4%2020c0-4%204-6%208-6s8%202%208%206'/%3E%3C/g%3E%3C/svg%3E")}
.egh-fmic.ic-lock{background-image:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%236b8cf0'%20stroke-width='1.6'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cg%20transform='translate(12%2012)%20scale(1.286%201.125)%20translate(-12%20-12)'%3E%3Crect%20x='5'%20y='11'%20width='14'%20height='9'%20rx='2'/%3E%3Cpath%20d='M8%2011V8a4%204%200%200%201%208%200v3'/%3E%3C/g%3E%3C/svg%3E")}
.egh-fmic.ic-phone{background-image:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%236b8cf0'%20stroke-width='1.6'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cg%20transform='translate(12%2012)%20scale(0.905)%20translate(-12%20-12)'%3E%3Cpath%20d='M22%2016.92v3a2%202%200%200%201-2.18%202%2019.79%2019.79%200%200%201-8.63-3.07%2019.5%2019.5%200%200%201-6-6%2019.79%2019.79%200%200%201-3.07-8.67A2%202%200%200%201%204.11%202h3a2%202%200%200%201%202%201.72%2012.84%2012.84%200%200%200%20.7%202.81%202%202%200%200%201-.45%202.11L8.09%209.91a16%2016%200%200%200%206%206l1.27-1.27a2%202%200%200%201%202.11-.45%2012.84%2012.84%200%200%200%202.81.7A2%202%200%200%201%2022%2016.92z'/%3E%3C/g%3E%3C/svg%3E")}
.egh-fmic.ic-sms{background-image:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%236b8cf0'%20stroke-width='1.6'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M21%2011.5a8.38%208.38%200%200%201-.9%203.8%208.5%208.5%200%200%201-7.6%204.7%208.38%208.38%200%200%201-3.8-.9L3%2021l1.9-5.7a8.38%208.38%200%200%201-.9-3.8%208.5%208.5%200%200%201%204.7-7.6%208.38%208.38%200%200%201%203.8-.9h.5a8.48%208.48%200%200%201%208%208v.5z'/%3E%3C/svg%3E")}
.egh-fmfld input:not(:placeholder-shown)+.egh-fmic.ic-mail{background-image:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%3E%3Cg%20transform='translate(12%2012)%20scale(1.06)%20translate(-12%20-12)'%3E%3Crect%20x='3'%20y='5'%20width='18'%20height='14'%20rx='2'%20fill='%236b8cf0'/%3E%3Cpath%20d='M3%207.5l9%206%209-6'%20fill='none'%20stroke='%23fff'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3C/g%3E%3C/svg%3E")}
.egh-fmfld input:not(:placeholder-shown)+.egh-fmic.ic-user{background-image:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%3E%3Cg%20transform='translate(12%2012)%20scale(1.125)%20translate(-12%20-12)'%3E%3Ccircle%20cx='12'%20cy='8'%20r='4'%20fill='%236b8cf0'/%3E%3Cpath%20fill='%236b8cf0'%20d='M4%2020c0-4%204-6%208-6s8%202%208%206z'/%3E%3C/g%3E%3C/svg%3E")}
.egh-fmfld input:not(:placeholder-shown)+.egh-fmic.ic-lock{background-image:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%3E%3Cg%20transform='translate(12%2012)%20scale(1.286%201.125)%20translate(-12%20-12)'%3E%3Crect%20x='5'%20y='11'%20width='14'%20height='9'%20rx='2'%20fill='%236b8cf0'/%3E%3Cpath%20fill='%236b8cf0'%20d='M8%2011V8a4%204%200%200%201%208%200v3h-1.7V8a2.3%202.3%200%200%200-4.6%200v3H8z'/%3E%3C/g%3E%3C/svg%3E")}
.egh-fmfld input:not(:placeholder-shown)+.egh-fmic.ic-phone{background-image:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%3E%3Cg%20transform='translate(12%2012)%20scale(0.905)%20translate(-12%20-12)'%3E%3Cpath%20fill='%236b8cf0'%20d='M22%2016.92v3a2%202%200%200%201-2.18%202%2019.79%2019.79%200%200%201-8.63-3.07%2019.5%2019.5%200%200%201-6-6%2019.79%2019.79%200%200%201-3.07-8.67A2%202%200%200%201%204.11%202h3a2%202%200%200%201%202%201.72%2012.84%2012.84%200%200%200%20.7%202.81%202%202%200%200%201-.45%202.11L8.09%209.91a16%2016%200%200%200%206%206l1.27-1.27a2%202%200%200%201%202.11-.45%2012.84%2012.84%200%200%200%202.81.7A2%202%200%200%201%2022%2016.92z'/%3E%3C/g%3E%3C/svg%3E")}
.egh-fmfld input:not(:placeholder-shown)+.egh-fmic.ic-sms{background-image:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%3E%3Cpath%20fill='%236b8cf0'%20d='M21%2011.5a8.38%208.38%200%200%201-.9%203.8%208.5%208.5%200%200%201-7.6%204.7%208.38%208.38%200%200%201-3.8-.9L3%2021l1.9-5.7a8.38%208.38%200%200%201-.9-3.8%208.5%208.5%200%200%201%204.7-7.6%208.38%208.38%200%200%201%203.8-.9h.5a8.48%208.48%200%200%201%208%208v.5z'/%3E%3C/svg%3E")}
.egh-fmfld-plain input{padding-left:14px}
/* 密码框眼睛（复刻弹窗） */
.egh-mem-eye{position:absolute;right:5px;top:50%;transform:translateY(-50%);width:36px;height:36px;display:flex;
  align-items:center;justify-content:center;border:0;padding:0;background:transparent;color:#94A3B8;cursor:pointer;
  border-radius:6px;transition:color .15s,background .15s}
.egh-mem-eye svg{width:18px;height:18px;display:block}
.egh-mem-eye:hover{color:#4D7DDE;background:#f5f8ff}
.egh-mem-eye .eye-off{display:none}
.egh-mem-eye.is-off .eye-on{display:none}
.egh-mem-eye.is-off .eye-off{display:block}
.egh-fmfld-pw input{padding-right:44px}
/* 框内验证码按钮 / 图形验证码图 */
.egh-fmfld-code input{padding-right:132px}
.egh-fmcodebtn{position:absolute;right:5px;top:50%;transform:translateY(-50%);height:34px;padding:0 12px;border:0;
  border-radius:6px;background:#EBF1FF;color:#4D7DDE;font-size:14px;font-weight:600;cursor:pointer;white-space:nowrap;
  font-family:inherit;transition:background .15s}
.egh-fmcodebtn:hover{background:#dfe9ff}
.egh-fmcodebtn:disabled{color:#94A3B8;background:#f1f5f9;cursor:default}
.egh-fmfld-cap input{padding-right:124px}
.egh-fmcap{position:absolute;right:5px;top:50%;transform:translateY(-50%);height:36px;min-width:100px;border-radius:6px;
  border:1px solid #E5EAF2;cursor:pointer;background:#eef2f7;object-fit:cover}

/* 协议 / 忘记密码（复刻弹窗） */
.egh-fmforgotrow{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:-4px 0 2px;font-size:13.5px}
.egh-fmforgotrow>a{color:#4D7DDE;text-decoration:none;font-weight:500}
.egh-fmforgotrow>a:hover{text-decoration:underline}
.egh-fmagree{display:inline-flex;align-items:center;gap:6px;color:#64748b;cursor:pointer;user-select:none}
.egh-fmagree input{appearance:none;-webkit-appearance:none;width:13px;height:13px;flex:0 0 13px;margin:0;
  border:1.5px solid #CBD5E1;border-radius:3px;background:#fff;cursor:pointer;position:relative;vertical-align:top;
  transition:background .15s,border-color .15s}
.egh-fmagree input:checked{background:#CBD5E1;border-color:#CBD5E1}
.egh-fmagree input:checked::after{content:'';position:absolute;left:4px;top:1.5px;width:4px;height:7px;border:solid #fff;
  border-width:0 1.8px 1.8px 0;transform:rotate(42deg)}
.egh-fmagree a{color:#4D7DDE;text-decoration:none}
.egh-fmagree a:hover{text-decoration:underline}
.egh-fmagree.is-err{color:#B45309}
.egh-fmagree.is-err input{border-color:#F59E0B}
.egh-fmagree.is-shake{animation:eghFmShake .34s}
@keyframes eghFmShake{0%,100%{transform:translateX(0)}20%{transform:translateX(-3px)}45%{transform:translateX(3px)}70%{transform:translateX(-2px)}}

/* 主按钮（复刻弹窗提交键） */
.egh-mem-sub{width:100%;height:48px;margin-top:6px;border:0;border-radius:8px;background:linear-gradient(135deg,#2a5cf0,#1F4FD8);
  color:#fff;font-size:15px;font-weight:600;cursor:pointer;font-family:inherit;
  transition:transform .12s,box-shadow .15s,filter .15s;box-shadow:0 10px 22px rgba(31,79,216,.30)}
.egh-mem-sub:hover{transform:translateY(-1px);box-shadow:0 14px 28px rgba(31,79,216,.36);filter:brightness(1.03)}
.egh-mem-sub:active{transform:translateY(0)}
.egh-mem-sub.is-busy{opacity:.7;cursor:default;transform:none}
/* 提示（黄色虚线错误 / 绿色虚线成功，与弹窗一致） */
.egh-mem-msg{font-size:13.5px;line-height:1.5;border-radius:5px;padding:5px 10px;border:1.5px dashed;margin:0}
.egh-mem-msg.err{color:#B45309;background:#FFFBEB;border-color:#F59E0B}
.egh-mem-msg.ok{color:#067647;background:#ECFDF3;border-color:#34D399}
.egh-mem-msg[hidden]{display:none}
/* 底部链接行 */
.egh-mem-alt{margin-top:2px;font-size:13.5px;color:#94A3B8;text-align:center}
.egh-mem-alt a{color:#4D7DDE;font-weight:500}
.egh-mem-alt a:hover{text-decoration:underline}
.egh-fmalt2{font-size:13.5px;color:#94A3B8;margin:0 0 18px}

/* 第三方登录（复刻弹窗样式） */
.egh-fmoauth{margin-top:16px}
.egh-fmoauth-sep{display:flex;align-items:center;gap:12px;color:#94a3b8;font-size:13px}
.egh-fmoauth-sep::before,.egh-fmoauth-sep::after{content:"";flex:1;height:1px;background:#eef2f7}
.egh-fmoauth-row{display:flex;gap:10px;margin-top:12px}
.egh-fmoauth-btn{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:7px;height:44px;padding:0 10px;
  border:1.5px solid #e2e8f0;border-radius:8px;background:#fff;color:#64748B;font-size:14.5px;font-weight:600;
  cursor:pointer;font-family:inherit;transition:border-color .15s,background .15s,box-shadow .15s}
.egh-fmoauth-btn:hover{border-color:#1F4FD8;background:#f5f8ff;box-shadow:0 6px 16px rgba(31,79,216,.14)}
.egh-fmoauth-ic{width:26px;height:26px;border-radius:50%;background:linear-gradient(135deg,#2a5cf0,#1F4FD8);color:#fff;
  font-size:13px;font-style:normal;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;overflow:hidden}
.egh-fmoauth-ic svg{width:18px;height:18px;display:block}
.egh-fmoauth-btn[data-o="wechat"] .egh-fmoauth-ic{background:linear-gradient(135deg,#3cc163,#1aad19)}
.egh-fmoauth-btn[data-o="douyin"] .egh-fmoauth-ic{background:linear-gradient(135deg,#22d3ee,#0ea5e9)}

/* ============ 会员中心（个人中心 / 资料修改） ============ */
.egh-mem{padding:44px 0 64px;background:linear-gradient(180deg,#f4f7fd 0%,#f8fafc 42%,#fff 100%)}
.egh-mem-head{margin-bottom:22px}
.egh-mem-head h1{font-size:24px;margin:10px 0 6px}
.egh-mem-head p{font-size:14.5px;color:var(--egh-ink-3)}
.egh-mem-in2{display:grid;grid-template-columns:212px 1fr;gap:26px;align-items:start}
.egh-mem-nav{display:flex;flex-direction:column;gap:4px;background:#fff;border:1px solid var(--egh-line);
  border-radius:14px;padding:8px;box-shadow:var(--egh-sh-1)}
.egh-mem-nav a{padding:10px 12px;border-radius:9px;font-size:15px;color:var(--egh-ink-2);transition:background .15s,color .15s}
@media (hover:hover){.egh-mem-nav a:hover{background:var(--egh-bg-2);color:var(--egh-ink)}}
.egh-mem-nav a.on{background:var(--egh-brand-l);color:var(--egh-brand-t);font-weight:500}
.egh-mem-box{background:#fff;border:1px solid var(--egh-line);border-radius:20px;box-shadow:var(--egh-sh-2);padding:28px}
.egh-mem-box-w{padding:26px}
.egh-mem-pf{display:flex;align-items:center;gap:16px;padding-bottom:20px;border-bottom:1px solid var(--egh-line)}
.egh-mem-pf h2{font-size:18px;margin-bottom:4px}
.egh-mem-pf>div{flex:1;min-width:0}
.egh-mem-pf .egh-btn{flex:none}
.egh-mem-av,.egh-mem-pf .egh-mem-av{width:56px;height:56px;flex:none;border-radius:14px;overflow:hidden;display:flex;
  align-items:center;justify-content:center;background:var(--egh-brand-l);color:var(--egh-brand-t);font-weight:700;font-size:20px}
.egh-mem-av img{width:100%;height:100%;object-fit:cover;display:block}
.egh-mem-dl{display:grid;grid-template-columns:1fr 1fr;gap:0;margin-top:4px}
.egh-mem-dl>div{display:flex;gap:12px;padding:13px 2px;border-bottom:1px solid var(--egh-line);font-size:15px}
.egh-mem-dl dt{width:92px;flex:none;color:var(--egh-ink-3)}
.egh-mem-dl dd{color:var(--egh-ink);min-width:0;word-break:break-all}
.egh-mem-av-row{display:flex;align-items:center;gap:16px;padding-bottom:18px;border-bottom:1px solid var(--egh-line)}
.egh-mem-av-row .egh-mem-av{width:60px;height:60px}
.egh-mem-hint{font-size:13.5px;color:var(--egh-ink-3);margin-top:7px}
.egh-mem-hr{border:0;border-top:1px solid var(--egh-line);margin:6px 0}

/* 响应式 */
@media (max-width:900px){
  .egh-fmcard{flex-direction:column;max-width:520px}
  .egh-fmbrand{flex:none;padding:26px 26px 22px}
  .egh-fmbrand-top{font-size:15px}
  .egh-fmbrand h2{font-size:19px;margin:14px 0 6px}
  .egh-fmbrand .sub,.egh-fmsells,.egh-fmbrand-foot{display:none}
  .egh-fmmain{padding:26px 22px 24px}
  .egh-fmauth{padding:26px 0 40px}
}
@media (max-width:1100px){
  .egh-mem-head h1{font-size:22px}
}
@media (max-width:760px){
  .egh-sec.egh-mem{padding:30px 0 52px}
  .egh-mem-box{padding:20px}
  .egh-mem-in2{grid-template-columns:1fr;gap:16px}
  .egh-mem-nav{flex-direction:row;overflow-x:auto;padding:6px}
  .egh-mem-nav a{flex:none;padding:9px 13px}
  .egh-mem-dl{grid-template-columns:1fr}
  .egh-mem-pf{flex-wrap:wrap}
  .egh-mem-av,.egh-mem-pf .egh-mem-av{width:48px;height:48px;border-radius:12px;font-size:18px}
  .egh-fmfld input{font-size:16px}
}