/* =========================================================
   NOAH AI SCHOOL SITE UI V12 FIX - 2026-06-29
   Scope: auth pages language switcher/logo reset + HOME right floating nav placement.
   This file is intentionally loaded after V11.
========================================================= */
:root{--noah-v12-blue:#0ea5ff;--noah-v12-blue2:#2563eb;--noah-v12-green:#10b981;--noah-v12-ink:#0f172a;}

/* 1) 注册 / 登录 / 找回密码 / 重置密码：语言切换器恢复成登录页的小型底部按钮，不再变成右侧大胶囊 */
body.reg #wbLangSwitcher,
body.login #wbLangSwitcher,
body.retrieve #wbLangSwitcher,
body.reset #wbLangSwitcher,
body.reg .wb-lang-switcher,
body.login .wb-lang-switcher,
body.retrieve .wb-lang-switcher,
body.reset .wb-lang-switcher{
  position:fixed!important;
  top:auto!important;
  left:auto!important;
  right:24px!important;
  bottom:24px!important;
  transform:none!important;
  width:auto!important;
  min-width:0!important;
  max-width:none!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  display:flex!important;
  flex-direction:row!important;
  align-items:center!important;
  justify-content:center!important;
  gap:4px!important;
  padding:5px!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.96)!important;
  border:1px solid rgba(15,23,42,.08)!important;
  box-shadow:0 12px 28px rgba(15,23,42,.12)!important;
  overflow:visible!important;
  z-index:10080!important;
  backdrop-filter:blur(12px)!important;
  -webkit-backdrop-filter:blur(12px)!important;
}
body.reg #wbLangSwitcher:before,
body.login #wbLangSwitcher:before,
body.retrieve #wbLangSwitcher:before,
body.reset #wbLangSwitcher:before,
body.reg #wbLangSwitcher:after,
body.login #wbLangSwitcher:after,
body.retrieve #wbLangSwitcher:after,
body.reset #wbLangSwitcher:after,
body.reg .wb-lang-switcher:before,
body.login .wb-lang-switcher:before,
body.retrieve .wb-lang-switcher:before,
body.reset .wb-lang-switcher:before,
body.reg .wb-lang-switcher:after,
body.login .wb-lang-switcher:after,
body.retrieve .wb-lang-switcher:after,
body.reset .wb-lang-switcher:after{content:none!important;display:none!important;}
body.reg #wbLangSwitcher button,
body.login #wbLangSwitcher button,
body.retrieve #wbLangSwitcher button,
body.reset #wbLangSwitcher button,
body.reg .wb-lang-switcher button,
body.login .wb-lang-switcher button,
body.retrieve .wb-lang-switcher button,
body.reset .wb-lang-switcher button{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:auto!important;
  min-width:62px!important;
  max-width:none!important;
  height:32px!important;
  min-height:32px!important;
  line-height:1!important;
  margin:0!important;
  padding:0 12px!important;
  border:0!important;
  border-radius:999px!important;
  background:transparent!important;
  color:#334155!important;
  font-size:13px!important;
  font-weight:750!important;
  white-space:nowrap!important;
  box-shadow:none!important;
  text-align:center!important;
}
body.reg #wbLangSwitcher button.is-active,
body.login #wbLangSwitcher button.is-active,
body.retrieve #wbLangSwitcher button.is-active,
body.reset #wbLangSwitcher button.is-active,
body.reg #wbLangSwitcher button.active,
body.login #wbLangSwitcher button.active,
body.retrieve #wbLangSwitcher button.active,
body.reset #wbLangSwitcher button.active,
body.reg .wb-lang-switcher button.is-active,
body.login .wb-lang-switcher button.is-active,
body.retrieve .wb-lang-switcher button.is-active,
body.reset .wb-lang-switcher button.is-active,
body.reg .wb-lang-switcher button.active,
body.login .wb-lang-switcher button.active,
body.retrieve .wb-lang-switcher button.active,
body.reset .wb-lang-switcher button.active{
  color:#fff!important;
  background:linear-gradient(135deg,var(--noah-v12-green),var(--noah-v12-blue))!important;
  box-shadow:0 10px 22px rgba(16,185,129,.22)!important;
}

/* 2) 注册 / 找回密码页 LOGO 位置统一回登录页视觉：小方块悬浮于卡片顶部中央 */
body.reg .register_index .mip-reg-logo,
body.login .register_index .mip-reg-logo,
body.retrieve .register_index .mip-reg-logo,
body.reset .register_index .mip-reg-logo{
  position:relative!important;
  z-index:2!important;
  display:block!important;
  width:100%!important;
  margin:-76px auto 18px!important;
  padding:0!important;
  text-align:center!important;
}
body.reg .register_index .mip-reg-logo a,
body.login .register_index .mip-reg-logo a,
body.retrieve .register_index .mip-reg-logo a,
body.reset .register_index .mip-reg-logo a,
body.reg .register_index .ey-logo,
body.login .register_index .ey-logo,
body.retrieve .register_index .ey-logo,
body.reset .register_index .ey-logo{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:92px!important;
  height:92px!important;
  min-width:92px!important;
  min-height:92px!important;
  max-width:92px!important;
  max-height:92px!important;
  padding:0!important;
  margin:0 auto!important;
  border-radius:30px!important;
  background:#fff!important;
  border:6px solid rgba(255,255,255,.92)!important;
  box-shadow:0 18px 42px rgba(15,23,42,.18)!important;
  overflow:hidden!important;
}
body.reg .register_index .mip-reg-logo img,
body.login .register_index .mip-reg-logo img,
body.retrieve .register_index .mip-reg-logo img,
body.reset .register_index .mip-reg-logo img,
body.reg .register_index .ey-logo img,
body.login .register_index .ey-logo img,
body.retrieve .register_index .ey-logo img,
body.reset .register_index .ey-logo img{
  display:block!important;
  width:52px!important;
  height:52px!important;
  min-width:52px!important;
  min-height:52px!important;
  max-width:52px!important;
  max-height:52px!important;
  object-fit:contain!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  box-shadow:none!important;
  background:transparent!important;
}
body.reg .register_index.ey-member,
body.login .register_index.ey-member,
body.retrieve .register_index.ey-member,
body.reset .register_index.ey-member{min-height:100vh!important;}

/* 3) HOME 右侧浮动导航固定放在语言切换器下方，不再遮挡；文字居中 */
body.web-index #wbLangSwitcher,
body.web-index .wb-lang-switcher{
  position:fixed!important;
  top:214px!important;
  right:28px!important;
  bottom:auto!important;
  left:auto!important;
  transform:none!important;
  z-index:10080!important;
}
body.web-index .web_right{
  position:fixed!important;
  right:18px!important;
  top:288px!important;
  width:94px!important;
  z-index:10020!important;
  overflow:visible!important;
}
body.web-index .web_right .web_rightlb{
  width:94px!important;
  padding:10px 6px!important;
  border-radius:26px!important;
  overflow:hidden!important;
  background:rgba(255,255,255,.94)!important;
  border:1px solid rgba(37,99,235,.14)!important;
  box-shadow:0 18px 42px rgba(15,23,42,.13)!important;
  backdrop-filter:blur(14px)!important;
  -webkit-backdrop-filter:blur(14px)!important;
  box-sizing:border-box!important;
}
body.web-index .web_right .web_rightlb li,
body.web-index .web_right .web_rightlb li a{
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  float:none!important;
  display:block!important;
  background:transparent!important;
  border:0!important;
  box-sizing:border-box!important;
}
body.web-index .web_right .web_rightlb li a span{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:100%!important;
  min-width:0!important;
  height:auto!important;
  min-height:38px!important;
  margin:3px 0!important;
  padding:6px 8px!important;
  border-radius:999px!important;
  text-align:center!important;
  white-space:normal!important;
  word-break:keep-all!important;
  line-height:1.2!important;
  color:#526078!important;
  font-size:13px!important;
  font-weight:850!important;
  box-sizing:border-box!important;
}
body.web-index .web_right .web_rightlb li a:hover span,
body.web-index .web_right .web_rightlb li.on a span{
  color:#fff!important;
  background:linear-gradient(135deg,var(--noah-v12-blue2),var(--noah-v12-blue))!important;
  box-shadow:0 10px 24px rgba(37,99,235,.22)!important;
}
body.web-index .web_right .web-xstop{width:94px!important;margin-top:8px!important;}

@media(max-width:1100px){body.web-index .web_right{display:none!important;}}
@media(max-width:768px){
  body.reg #wbLangSwitcher,body.login #wbLangSwitcher,body.retrieve #wbLangSwitcher,body.reset #wbLangSwitcher,
  body.reg .wb-lang-switcher,body.login .wb-lang-switcher,body.retrieve .wb-lang-switcher,body.reset .wb-lang-switcher{
    right:12px!important;bottom:18px!important;padding:4px!important;
  }
  body.reg #wbLangSwitcher button,body.login #wbLangSwitcher button,body.retrieve #wbLangSwitcher button,body.reset #wbLangSwitcher button,
  body.reg .wb-lang-switcher button,body.login .wb-lang-switcher button,body.retrieve .wb-lang-switcher button,body.reset .wb-lang-switcher button{
    min-width:56px!important;height:30px!important;font-size:12px!important;padding:0 9px!important;
  }
  body.web-index #wbLangSwitcher,body.web-index .wb-lang-switcher{top:auto!important;right:12px!important;bottom:72px!important;}
}