/* 灵犀 AURORA · 登录 / 注册 */

.login-body{
  background:
    radial-gradient(110% 80% at 50% 0%,rgba(28,33,66,.85),transparent 62%),
    linear-gradient(180deg,var(--bg-0),var(--bg-1));
  min-height:100vh;
}
.login-main{
  position:relative;overflow:hidden;
  min-height:calc(100vh - var(--nav-h));
  display:flex;align-items:center;justify-content:center;
  padding:56px 20px 72px;
}
.lg-g1{top:-180px;left:-140px}
.lg-g2{bottom:-200px;right:-120px}

.login-card{
  position:relative;z-index:2;
  width:100%;max-width:430px;
  padding:34px 30px 26px;
  border-radius:var(--r-xl);
  box-shadow:0 24px 70px rgba(0,0,0,.5);
}
.login-card::before{
  content:"";position:absolute;left:34px;right:34px;top:-1px;height:1px;
  background:var(--grad-main);opacity:.85;
}

.login-brand{display:flex;align-items:center;gap:9px;margin-bottom:22px}
.login-brand-txt{font-size:15px;font-weight:800;color:var(--tx-0)}
.login-brand-txt em{font-style:normal;font-size:11px;letter-spacing:.26em;color:var(--tx-2);margin-left:4px}

.login-title{font-size:28px;line-height:1.25;margin-bottom:8px}
.login-sub{font-size:14px;color:var(--tx-2);margin-bottom:24px;line-height:1.7}

/* Tabs —— v2 三档：登录 / 注册 / 找回密码 */
.login-tabs{
  position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:0;
  padding:4px;margin-bottom:22px;
  border-radius:999px;border:1px solid var(--line);background:rgba(7,9,18,.5);
}
.login-tab{
  position:relative;z-index:2;
  min-height:38px;border-radius:999px;
  font-size:13.5px;font-weight:600;color:var(--tx-2);
  transition:color .22s ease;
  white-space:nowrap;
}
.login-tab.is-on{color:#080a16}
.login-tab-ind{
  position:absolute;z-index:1;top:4px;bottom:4px;left:4px;
  width:calc(33.333% - 2.67px);border-radius:999px;
  background:var(--grad-main);
  box-shadow:0 4px 16px rgba(109,94,252,.36);
  transition:transform .28s cubic-bezier(.3,.8,.3,1);
}
/* 指示条位置由 data-mode 驱动，避免为每个 tab 加一个 is-xxx 类 */
.login-tabs[data-mode="register"] .login-tab-ind{transform:translateX(100%)}
.login-tabs[data-mode="reset"] .login-tab-ind{transform:translateX(200%)}

/* 匿名答题者转正提示 */
.lg-anon{
  margin:-6px 0 20px;padding:13px 15px;
  border-radius:var(--r-md);
  border:1px solid rgba(0,229,192,.28);
  background:linear-gradient(135deg,rgba(0,229,192,.10),rgba(109,94,252,.08));
  display:flex;flex-direction:column;gap:5px;
}
.lg-anon b{font-size:13.5px;color:var(--tx-0);font-weight:700}
.lg-anon span{font-size:12.5px;line-height:1.65;color:var(--tx-2)}
.lg-anon em{font-style:normal;color:var(--aurora-3);font-weight:700}

/* 验证码：输入框 + 获取按钮同一行 */
.lg-code{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:stretch}
.lg-code .au-input{letter-spacing:.24em;font-variant-numeric:tabular-nums}
.lg-code-btn{
  min-height:auto;padding:0 14px;white-space:nowrap;
  font-size:13px;font-variant-numeric:tabular-nums;
}
.lg-code-btn:disabled{opacity:.55;pointer-events:none}

/* 隐私政策勾选 */
.lg-agree{
  display:flex;align-items:flex-start;gap:9px;
  margin:4px 0 18px;cursor:pointer;
  font-size:12.5px;line-height:1.6;color:var(--tx-2);
}
.lg-agree input{
  flex:0 0 auto;width:16px;height:16px;margin-top:1px;
  accent-color:var(--aurora-1);cursor:pointer;
}
.lg-agree a{color:var(--aurora-2);text-decoration:underline}
@media (hover:hover) and (pointer:fine){
  .lg-agree a:hover{color:var(--aurora-3)}
}

.lg-sep{margin:0 6px;opacity:.5}

/* 表单 */
.login-form{animation:lg-fade .3s ease both}
@keyframes lg-fade{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.login-pw{position:relative}
.login-pw .au-input{padding-right:62px}
.login-eye{
  position:absolute;right:6px;top:50%;transform:translateY(-50%);
  padding:6px 10px;border-radius:8px;
  font-size:12px;color:var(--tx-2);
}
@media (hover:hover) and (pointer:fine){
  .login-eye:hover{color:var(--tx-0);background:var(--glass-2)}
}

/* 密码强度条 */
.login-meter{height:4px;border-radius:999px;background:rgba(255,255,255,.08);overflow:hidden;margin-top:8px}
.login-meter>span{
  display:block;height:100%;width:0;border-radius:999px;
  background:var(--grad-main);
  transition:width .3s ease,background .3s ease;
}
.login-meter>span.is-weak{background:var(--aurora-4)}
.login-meter>span.is-mid{background:var(--gold)}
.login-meter>span.is-strong{background:var(--aurora-3)}

.login-switch{margin-top:16px;text-align:center;font-size:13.5px;color:var(--tx-2)}
.login-switch button{
  color:var(--aurora-2);font-size:13.5px;font-weight:600;
  padding:2px 4px;border-radius:6px;
}
@media (hover:hover) and (pointer:fine){
  .login-switch button:hover{color:var(--aurora-3);text-decoration:underline}
}

.login-foot{
  margin-top:24px;padding-top:18px;border-top:1px solid var(--line);
  display:flex;flex-direction:column;align-items:flex-start;gap:8px;
}
.login-foot small{font-size:12px;line-height:1.7}
.login-back{font-size:13px;color:var(--tx-2)}
@media (hover:hover) and (pointer:fine){
  .login-back:hover{color:var(--tx-0)}
}

.au-btn[data-busy="1"]{opacity:.65;pointer-events:none}

@media (max-width:768px){
  .login-main{padding:30px 14px 56px;min-height:auto}
  .login-card{padding:26px 18px 20px;border-radius:var(--r-lg);max-width:100%}
  .login-card::before{left:22px;right:22px}
  .login-title{font-size:24px}
  .login-sub{font-size:13.5px;margin-bottom:20px}
  .login-brand{margin-bottom:18px}
  /* 三个 tab 在窄屏挤在一起，缩字号保证不换行 */
  .login-tab{font-size:12.5px}
  .lg-code-btn{padding:0 10px;font-size:12px}
}