/* === 尊狐云 regist/pwreset 两页独有样式（无原版对应文件，08y.cn 补充） ===
   仅保留 loginRegistrationForgot.css / login.css 未定义的组件样式：
   1) .login-jump-btn 右上角语言切换 + 跳转按钮（三页共用）
   2) .register-bg-bottom 注册/找回密码页底部：版权条 + CTA
   绝不重写 #regist/#forget/.container-back/.container-before/.login/
   .login-container/.el-input__inner/.login-btn/.active 等已由原版 CSS 定义的规则，
   避免与原版 loginRegistrationForgot.css (ID选择器级别) 冲突。 */

/* ===== 右上角：语言切换 + 跳转按钮 =====
   仅作用于注册/找回密码页（#regist/#forget）。
   登录页(.login-jump-btn)保持尊狐云原版 common.css 定位（top:-0.42rem right:0.9rem，
   实测渲染于容器上沿之外不可见），复刻原站行为。 */
#regist .login-jump-btn,
#forget .login-jump-btn {
  position: absolute;
  top: 0.22rem;
  right: 0.5rem;
  z-index: 30;
  display: flex;
  align-items: center;
  gap: 0.2rem;
}
#regist .login-jump-btn .lang-box,
#forget .login-jump-btn .lang-box {
  display: flex;
  align-items: center;
  column-gap: 5px;
  font-size: 14px;
}
#regist .login-jump-btn .lang-box span,
#forget .login-jump-btn .lang-box span {
  padding: 2px 8px;
  cursor: pointer;
  color: #ffffffcc;
  border-radius: 3px;
  font-size: 13px;
}
#regist .login-jump-btn .lang-box span.active,
#forget .login-jump-btn .lang-box span.active {
  color: #fff;
  background: rgba(255,255,255,0.16);
}
#regist .login-jump-btn .btn,
#forget .login-jump-btn .btn {
  border: 1px solid #ffffff80;
  color: #fff;
  background: rgba(255, 255, 255, 0.08);
  padding: 8px 16px;
  border-radius: 4px;
  font-size: 14px;
  cursor: pointer;
  transition: all 0.3s;
}
#regist .login-jump-btn .btn a,
#forget .login-jump-btn .btn a {
  color: #fff;
  text-decoration: none;
}
#regist .login-jump-btn .btn:hover,
#forget .login-jump-btn .btn:hover {
  background: rgba(255, 255, 255, 0.18);
}

/* ===== 登录页：隐藏 jump-btn（与尊狐云原站视觉结果一致） =====
   原站登录页 jump-btn 渲染于 .login-container 上沿之外（top:-0.42rem），
   且其"注册账号"按钮由后台开关控制通常不渲染（仅剩 21px 高语言 span，完全在屏外）。
   本站按钮始终渲染（高约 40px，底部会露出 ~14px），故按原站最终视觉效果整组隐藏。 */
#login .login-jump-btn {
  display: none;
}

/* ===== 登录页卡片内语言切换器：对齐尊狐云原版视觉 =====
   原版 .lang-box 内 el-select 文本被隐藏，仅显示 30x30 圆形 icios 图标；
   本地使用原生 select，置为透明覆盖层保持可交互。
   选择器加 #login 前缀（ID 级）确保稳定压过 login.css/loginRegistrationForgot.css 的类级规则。 */
#login .login .lang-box {
  position: absolute;
  top: 0.1rem;
  right: 0.1rem;
  width: 30px;
  height: 30px;
}
#login .login .lang-box .icios {
  position: absolute;
  width: 30px;
  height: 30px;
  top: 0;
  right: 0;
  background-color: #f0f0f0;
  border-radius: 100%;
  cursor: pointer;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
}
#login .login .lang-box:hover .icios {
  background-color: #afafaf;
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
}
#login .login .lang-box select {
  position: absolute;
  top: 0;
  left: 0;
  width: 30px;
  height: 30px;
  opacity: 0;
  cursor: pointer;
}
/* 移动端：对齐原版 Hezi loginRegistrationForgot.css @media(max-width:768px) 的 8vw/3vw 规格，
   防止上方 ID 级固定 30px 规则在小屏压制原版 vw 尺寸 */
@media screen and (max-width: 768px) {
  #login .login .lang-box {
    width: 8vw;
    height: 8vw;
    right: 3vw;
    top: 3vw;
  }
  #login .login .lang-box .icios {
    width: 8vw;
    height: 8vw;
  }
  #login .login .lang-box select {
    width: 8vw;
    height: 8vw;
  }
  /* 移动端原站同样隐藏登录页 jump-btn */
  #login .login-jump-btn {
    display: none;
  }
}

/* ===== 注册/找回密码页底部：版权条 + 立即选购 CTA ===== */
.register-bg-bottom {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 0.2rem 1rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: rgba(255,255,255,0.3);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  z-index: 5;
}
.register-bg-bottom .cta-now {
  background: #fff;
  color: #0056ff;
  padding: 0.08rem 0.2rem;
  border-radius: 4px;
  font-size: 14px;
  text-decoration: none;
  box-shadow: 0 2px 8px rgba(0,0,0,0.08);
}
.register-bg-bottom .footer-record {
  display: flex;
  gap: 0.2rem;
  align-items: center;
  color: #6b7280;
  font-size: 12px;
}
.register-bg-bottom .footer-record a {
  color: #6b7280;
  text-decoration: none;
  display: flex;
  align-items: center;
  gap: 5px;
}
.register-bg-bottom .footer-record a:hover {
  color: #0058ff;
}
.register-bg-bottom .footer-record a img {
  width: 15px;
  height: 15px;
}

/* ===== 图形验证码（三页共用） ===== */
.form-item.captcha-item {
  display: flex;
  align-items: stretch;
  gap: 8px;
}
.form-item.captcha-item .el-input {
  flex: 1;
}
.form-item.captcha-item .captcha-img {
  width: 120px;
  height: 32px;
  border-radius: 4px;
  border: 1px solid #dcdfe6;
  cursor: pointer;
  object-fit: cover;
  flex-shrink: 0;
  background: #f5f7fa;
}
.form-item.captcha-item .captcha-img:hover {
  border-color: #409EFF;
}

/* ===== 响应式：移动端（768px以下） =====
   注意：尊狐云原版移动端 .login-jump-btn 不隐藏（display:flex），因此保留原样不写 display:none */
@media screen and (max-width: 768px) {
  .register-bg-bottom {
    flex-direction: column;
    gap: 0.15rem;
    padding: 0.2rem 0.3rem;
    font-size: 12px;
  }
  .form-item.captcha-item .captcha-img {
    width: 100px;
    height: 34px;
  }
}