/* =========================================================
   CoinASX V171 - 自有品牌极简登录页
   仅作用于 .login.appContent
   ========================================================= */

:root{
  --lg171-bg:#000000;
  --lg171-surface:#0c0d0f;
  --lg171-surface2:#202226;
  --lg171-border:#2b2e33;
  --lg171-text:#ffffff;
  --lg171-sub:#8e949d;
  --lg171-muted:#626872;
  --lg171-line:#2d3035;
  --lg171-accent:#ffffff;
}

html.cx-theme-light,
html[data-theme="light"],
html[data-cx-theme="light"]{
  --lg171-bg:#ffffff;
  --lg171-surface:#ffffff;
  --lg171-surface2:#f1f3f5;
  --lg171-border:#dfe3e8;
  --lg171-text:#111317;
  --lg171-sub:#777e87;
  --lg171-muted:#9aa1aa;
  --lg171-line:#e1e5e9;
  --lg171-accent:#111317;
}

/* 页面满屏 */
.login.appContent{
  width:100%!important;
  max-width:100%!important;
  min-height:100vh!important;
  min-height:100dvh!important;

  margin:0!important;
  padding:
    max(18px,env(safe-area-inset-top))
    28px
    max(30px,env(safe-area-inset-bottom))!important;

  box-sizing:border-box!important;
  background:var(--lg171-bg)!important;
  color:var(--lg171-text)!important;

  display:flex!important;
  flex-direction:column!important;
}

/* 返回按钮 */
.login .top{
  width:34px!important;
  height:34px!important;
  min-height:34px!important;

  margin:0 0 110px!important;
  padding:0!important;

  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;

  background:transparent!important;
  border:0!important;
}

.login .top img{
  width:22px!important;
  height:22px!important;
  max-width:22px!important;
  max-height:22px!important;
  object-fit:contain!important;
  filter:brightness(0) invert(1)!important;
  opacity:.95!important;
}

html.cx-theme-light .login .top img,
html[data-theme="light"] .login .top img{
  filter:none!important;
}

/* 登录标题 */
.login .title{
  margin:0 0 28px!important;
  padding:0!important;

  color:var(--lg171-text)!important;
  font-size:34px!important;
  line-height:42px!important;
  font-weight:850!important;
  letter-spacing:-1px!important;
}

/* 邮箱/手机号 Tab 变成紧凑切换 */
.login .login-tab{
  display:flex!important;
  align-items:center!important;
  gap:20px!important;

  margin:0 0 16px!important;
  padding:0!important;

  background:transparent!important;
  border:0!important;
}

.login .login-tab>div{
  color:var(--lg171-muted)!important;
  font-size:13px!important;
  line-height:20px!important;
  font-weight:650!important;
}

.login .login-tab>div.active{
  color:var(--lg171-text)!important;
  font-weight:800!important;
}

/* 输入区：去掉标签，只显示输入框 */
.login .inputCom{
  margin:0 0 12px!important;
  padding:0!important;
}

.login .inputCom>.label{
  display:none!important;
}

.login .inputCom .iptbox{
  min-height:58px!important;
  height:58px!important;

  padding:0 16px!important;
  margin:0!important;

  display:flex!important;
  align-items:center!important;

  background:transparent!important;
  border:1px solid var(--lg171-border)!important;
  border-radius:12px!important;
  box-shadow:none!important;
}

.login .inputCom .iptbox input{
  flex:1!important;
  width:100%!important;
  height:56px!important;

  padding:0!important;
  margin:0!important;

  background:transparent!important;
  color:var(--lg171-text)!important;

  border:0!important;
  outline:0!important;
  box-shadow:none!important;

  font-size:16px!important;
  line-height:56px!important;
  font-weight:560!important;
}

.login .inputCom .iptbox input::placeholder{
  color:var(--lg171-muted)!important;
  opacity:1!important;
}

.login .inputCom .rightCon{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
}

.login .inputCom .closeBox img,
.login .inputCom .eyeBox img{
  width:18px!important;
  height:18px!important;
  max-width:18px!important;
  max-height:18px!important;
  opacity:.55!important;
}

/* 忘记密码 */
.login .forget{
  align-self:flex-end!important;

  margin:-2px 0 14px!important;
  padding:0!important;

  color:var(--lg171-sub)!important;
  font-size:12px!important;
  line-height:18px!important;
  font-weight:600!important;
}

/* 主登录按钮 */
.login .btn.btnMain{
  width:100%!important;
  min-height:58px!important;
  height:58px!important;

  margin:0 0 16px!important;
  padding:0 18px!important;

  display:flex!important;
  align-items:center!important;
  justify-content:center!important;

  border:0!important;
  border-radius:30px!important;

  background:var(--lg171-surface2)!important;
  color:var(--lg171-sub)!important;

  font-size:16px!important;
  line-height:58px!important;
  font-weight:760!important;

  box-shadow:none!important;
}

/* 若旧逻辑加可用态 */
.login .btn.btnMain:not(.disabled),
.login .btn.btnMain.active{
  color:var(--lg171-text)!important;
}

/* 注册/忘记密码同一行 */
.login .cx171-account-row{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;

  margin:0 0 70px!important;
  min-height:22px!important;
}

.login .noTips{
  margin:0!important;
  padding:0!important;

  color:var(--lg171-text)!important;
  font-size:13px!important;
  line-height:20px!important;
  font-weight:650!important;
}

.login .noTips .colorMain{
  color:var(--lg171-text)!important;
  font-weight:800!important;
}

.login .cx171-forgot-link{
  color:var(--lg171-sub)!important;
  font-size:13px!important;
  line-height:20px!important;
  font-weight:650!important;
}

/* OR */
.login .cx171-or{
  display:flex!important;
  align-items:center!important;
  gap:16px!important;

  margin:0 0 22px!important;

  color:var(--lg171-sub)!important;
  font-size:12px!important;
  font-weight:700!important;
}

.login .cx171-or::before,
.login .cx171-or::after{
  content:"";
  flex:1!important;
  height:1px!important;
  background:var(--lg171-line)!important;
}

/* 隐藏旧的 alt demo */
.login .cx134-alt{
  display:none!important;
}

/* 社交登录 */
.login .cx149-social-login{
  display:flex!important;
  flex-direction:column!important;
  gap:12px!important;

  margin:0!important;
  padding:0!important;
}

.login .cx149-social-btn{
  position:relative!important;

  width:100%!important;
  min-height:56px!important;
  height:56px!important;

  margin:0!important;
  padding:0 18px!important;

  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:12px!important;

  border:1px solid var(--lg171-border)!important;
  border-radius:28px!important;

  background:transparent!important;
  color:var(--lg171-text)!important;

  box-shadow:none!important;
}

.login .cx149-social-btn img,
.login .cx149-social-btn svg{
  width:22px!important;
  height:22px!important;
  max-width:22px!important;
  max-height:22px!important;
  object-fit:contain!important;
}

.login .cx149-social-btn .cx149-label{
  color:var(--lg171-text)!important;
  font-size:15px!important;
  line-height:20px!important;
  font-weight:760!important;
}

.login .cx149-social-btn .cx149-spacer{
  display:none!important;
}

/* 保留 OAuth 原点击态，不伪造可用 */
.login .cx149-social-btn[aria-disabled="true"]{
  opacity:.58!important;
}

/* 底部自有品牌 App 区 */
.login .cx171-appbar{
  margin-top:auto!important;
  padding-top:34px!important;

  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:14px!important;

  color:var(--lg171-text)!important;
}

.login .cx171-app-info{
  display:flex!important;
  align-items:center!important;
  gap:12px!important;
  min-width:0!important;
}

.login .cx171-app-icon{
  width:50px!important;
  height:50px!important;
  min-width:50px!important;

  display:flex!important;
  align-items:center!important;
  justify-content:center!important;

  border-radius:12px!important;
  background:var(--lg171-surface2)!important;
  color:var(--lg171-text)!important;

  font-size:18px!important;
  font-weight:850!important;
}

.login .cx171-app-copy strong{
  display:block!important;
  color:var(--lg171-text)!important;
  font-size:13px!important;
  line-height:18px!important;
  font-weight:800!important;
}

.login .cx171-app-copy span{
  display:block!important;
  margin-top:4px!important;
  color:var(--lg171-sub)!important;
  font-size:11px!important;
  line-height:16px!important;
}

.login .cx171-qr-placeholder{
  width:50px!important;
  height:50px!important;
  min-width:50px!important;

  display:grid!important;
  place-items:center!important;

  border:1px solid var(--lg171-border)!important;
  border-radius:8px!important;
  color:var(--lg171-sub)!important;
  font-size:9px!important;
  font-weight:700!important;
}

/* 小屏 */
@media(max-width:390px){
  .login.appContent{
    padding-left:20px!important;
    padding-right:20px!important;
  }

  .login .top{
    margin-bottom:84px!important;
  }

  .login .title{
    font-size:30px!important;
    line-height:38px!important;
    margin-bottom:24px!important;
  }

  .login .cx171-account-row{
    margin-bottom:48px!important;
  }
}

/* 横屏 */
@media(orientation:landscape) and (max-height:520px){
  .login .top{
    margin-bottom:28px!important;
  }

  .login .cx171-account-row{
    margin-bottom:24px!important;
  }

  .login .cx171-appbar{
    margin-top:24px!important;
  }
}