/* ===== 登录 / 注册 统一美化布局 ===== */
.auth-wrap{
  min-height:100vh;display:flex;flex-direction:column;
  background:linear-gradient(135deg,#0b3d31 0%,#0F6E56 45%,#1D9E75 100%);
  --primary:#0F6E56;--primary-dark:#085041;--primary-light:#E1F5EE;
}
.auth-center{
  flex:1;display:flex;align-items:center;justify-content:center;padding:40px 20px;
}
.auth-card{
  width:100%;max-width:960px;background:#fff;border-radius:18px;overflow:hidden;
  display:grid;grid-template-columns:1fr 460px;
  box-shadow:0 24px 60px rgba(15,23,42,.30);
}

/* 左侧品牌区 */
.auth-side{
  position:relative;padding:46px 42px;color:#fff;
  background:linear-gradient(150deg,#0d4a3a 0%,#0F6E56 55%,#1D9E75 100%);
  display:flex;flex-direction:column;justify-content:center;
}
.auth-side:before{
  content:'';position:absolute;width:260px;height:260px;border-radius:50%;
  background:rgba(255,255,255,.10);top:-90px;right:-70px;
}
.auth-side:after{
  content:'';position:absolute;width:180px;height:180px;border-radius:50%;
  background:rgba(255,255,255,.08);bottom:-70px;left:-50px;
}
.auth-side .logo{display:flex;align-items:center;gap:10px;font-size:20px;font-weight:800;position:relative}
.auth-side .logo img{height:34px;border-radius:7px;background:#fff;padding:2px}
.auth-side h2{margin-top:26px;font-size:26px;line-height:1.45;font-weight:800;position:relative}
.auth-side .desc{margin-top:14px;font-size:14px;line-height:2;color:rgba(255,255,255,.86);position:relative}
.auth-side .pts{margin-top:26px;position:relative}
.auth-side .pts li{
  display:flex;align-items:flex-start;gap:9px;font-size:13.5px;
  color:rgba(255,255,255,.92);padding:7px 0;line-height:1.6;
}
.auth-side .pts li i{font-style:normal;flex:none}

/* 右侧表单区 */
.auth-main{padding:44px 40px;display:flex;flex-direction:column;justify-content:center}
.auth-main .t{font-size:21px;font-weight:800;text-align:center}
.auth-main .s{margin-top:8px;font-size:13px;color:var(--text-3);text-align:center;margin-bottom:26px}
.auth-form .form-item{margin-bottom:18px}
.auth-form .input{height:46px;border-radius:8px;font-size:14px}
.auth-form .btn-lg{height:46px;font-size:15px;border-radius:8px;margin-top:4px}
.auth-links{
  margin-top:18px;text-align:center;font-size:13px;color:var(--text-3);
  display:flex;justify-content:center;gap:14px;flex-wrap:wrap;
}
.auth-links a{color:var(--primary)}
.auth-links a:hover{text-decoration:underline}

/* 找回密码页：步骤提示 + 底部说明 */
.auth-tip{
  margin-top:12px;font-size:13px;color:var(--primary);
  background:var(--primary-light);padding:10px 12px;border-radius:8px;line-height:1.6;text-align:center;
}
.auth-note{margin-top:14px;font-size:12px;color:var(--text-3);text-align:center;line-height:1.7}

/* 验证码输入行 */
.auth-code-row{display:flex;gap:10px;margin-bottom:18px}
.auth-code-row .input{flex:1;height:46px;border-radius:8px;font-size:14px}
.btn-code{
  flex:none;height:46px;padding:0 14px;border-radius:8px;border:1px solid var(--primary);
  color:var(--primary);background:#fff;white-space:nowrap;cursor:pointer;font-size:13px;min-width:118px;
}
.btn-code:hover:not(:disabled){background:var(--primary-light)}
.btn-code:disabled{opacity:.55;cursor:not-allowed}
.auth-step{display:none}
.auth-step.on{display:block}

/* 双列栅格（注册页） */
.auth-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 14px}
.auth-grid .full{grid-column:1 / -1}

@media (max-width:900px){
  .auth-card{max-width:520px;grid-template-columns:1fr}
  .auth-side{display:none}
  .auth-main{padding:34px 26px}
}
@media (max-width:480px){
  .auth-center{padding:20px 12px}
  .auth-main{padding:28px 20px}
  .auth-grid{grid-template-columns:1fr}
}

/* 登录 / 注册页：页脚跟随蓝色渐变背景，用半透明白字，避免深色块突兀 */
.auth-wrap .site-foot-mini{
  background:transparent;border-top:1px solid rgba(255,255,255,.16);
  color:rgba(255,255,255,.72);padding:14px 20px;
}
.auth-wrap .site-foot-mini .info{color:rgba(255,255,255,.72)}