/* =========================================================
   CoinASX V134 - Login template UI
   仅针对 .login 页面
   ========================================================= */

html{
  --lg-bg:#000000;
  --lg-panel:#202020;
  --lg-panel2:#171717;
  --lg-border:#292929;
  --lg-text:#ffffff;
  --lg-sub:#9c9c9f;
  --lg-muted:#66676b;
  --lg-btn:#1d1d1f;
}

html.cx-theme-light,
html[data-theme="light"],
html[data-cx-theme="light"]{
  --lg-bg:#ffffff;
  --lg-panel:#f2f3f5;
  --lg-panel2:#f7f8fa;
  --lg-border:#e1e3e6;
  --lg-text:#111317;
  --lg-sub:#747980;
  --lg-muted:#a0a5ad;
  --lg-btn:#f0f1f3;
}

body:has(.login),
.login.appContent{
  background:var(--lg-bg)!important;
  color:var(--lg-text)!important;
  min-height:100vh!important;
}

.login.appContent{
  max-width:430px!important;
  margin:0 auto!important;
  padding:0 24px 54px!important;
  box-sizing:border-box!important;
}

/* 顶部关闭 */
.login .top{
  height:86px!important;
  padding:28px 0 0!important;
  display:flex!important;
  align-items:flex-start!important;
  justify-content:space-between!important;
}

.login .top img{
  width:24px!important;
  height:24px!important;
  filter:none!important;
}

/* 右上角问号视觉 */
.login .top:after{
  content:"?";
  width:26px;
  height:26px;
  border:2px solid var(--lg-text);
  border-radius:50%;
  display:grid;
  place-items:center;
  color:var(--lg-text);
  font-size:16px;
  line-height:1;
  font-weight:800;
}

/* 标题 */
.login .title{
  margin-top:34px!important;
  margin-bottom:52px!important;
  font-size:34px!important;
  line-height:42px!important;
  font-weight:900!important;
  color:var(--lg-text)!important;
  letter-spacing:-.8px!important;
}

/* 登录方式 tabs */
.login .login-tab{
  display:flex!important;
  gap:28px!important;
  align-items:center!important;
  margin-bottom:28px!important;
}

.login .login-tab .textColor1{
  color:var(--lg-sub)!important;
  font-size:18px!important;
  line-height:26px!important;
  font-weight:750!important;
  padding:0!important;
}

.login .login-tab .textColor1.active{
  color:var(--lg-text)!important;
  font-weight:850!important;
}

/* 输入组件 label */
.login .inputCom{
  padding-bottom:18px!important;
}

.login .inputCom .label{
  display:block!important;
  margin-bottom:10px!important;
  color:var(--lg-sub)!important;
  font-size:13px!important;
  line-height:18px!important;
  font-weight:650!important;
}

/* 输入框 */
.login .inputCom .iptbox{
  height:58px!important;
  min-height:58px!important;
  display:flex!important;
  align-items:center!important;
  border:1px solid var(--lg-border)!important;
  border-radius:12px!important;
  background:var(--lg-panel)!important;
  overflow:hidden!important;
}

.login .inputCom input{
  height:56px!important;
  width:100%!important;
  padding:0 16px!important;
  background:transparent!important;
  border:0!imp
  outline:0!important;
  color:var(--lg-text)!important;
  font-s
  font-weight:600!important;
}

.login .inputCom input::placeholder{
  color:var(--lg-muted)!important;
}

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

.login .inputCom .rightCon img{
  width:19px!important;
  height:19px!important;
  opacity:.82!important;
}

/* 忘记密码 */
.login .forget{
  margin-top:2px!important;
  margin-bottom:22px!
  text-align:right!important;
  color:var(-
  font-size:13px!important;
  font-weight:700!important;
}

/* 登录按钮 */
.login .btn.btnMain{
  height:58px!important;
  line-height:58px!important;
  border-radius:29px!important;
  background:var(--lg-btn)!important;
  color:var(--lg-sub)!important;
  font-size:17px!important;
  font-weight:800!important;
  text-align:center!important;
  box-shadow:none!important;
}

/* 有效状态时沿用原 colorMain/btnMain 逻
�.login .btn.btnMain:not(.disa
  color:var(--lg-text)!important;
}

/* 其他方式区域 */
.cx134-alt{
  margin-top:38px;
}

.cx134-divider{
  display:grid;
  grid-template-columns:1fr auto 1fr;
  gap:
  align-items:center;
  color:var(--lg-sub);
  font-size:13px;
  margin-bottom:24px;
}

.cx134-divider:before,
.cx134-divider:after{
  content:"";
  height:1px;
  background:var(--lg-border);
}

.cx134-social{
  display:flex;
  flex-direction:column;
  gap:14px;
}

.cx134-social-row{
  height:58px;
  border-radius:29px;
  background:var(--lg-panel);
  color:var(--lg-text);
  display:flex;
  align-items:center;
  justify-content:center;
  gap:12px;
  font-size:16px;
  font-weight:800;
  user-select:none;
}

.cx134-social-icon{
  width:22px;
  height:22px;
  display:grid;
  place-items:center;
  font-size:19px;
  font-weight:900;
}

.cx134-google{
  font-weight:900;
  background:conic-gradient(from -45deg,#4285F4 0 25%,#34A853 0 50%,#FBBC05 0 75%,#EA4335 0);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
}

.cx134-apple{
  color:var(--lg-text);
}

.cx134-telegram{
  color:#2AABEE;
}

/* 原注册入口移到底部 */
.login .noTips{
  margin-top:28px!important;
  text-align:center!important;
  color:var(--lg-sub)!important;
  font
  line-height:22px!important;
}

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

/* 隐藏空国家列表占位 */
.login .nationList:empty{
  display:none!important;
}

/* 主题切换 */
.login,
.login .iptbox,
.login .btn,
.cx134-social-row{
  transition:background-color .14s ease,color .14s ease,border-color .14s ease!important;
}

@media(max-width:375px){
  .login.appContent{padding-left:20px!important;padding-right:20px!important}
  .login .title{font-size:31px!important;margin-bottom:44px!important}
  .login .login-tab .textColor1{font-size:17px!important}
}