/* ========================================================================
   登录页专用背景覆盖
   - 保留原 login.html 的结构与交互
   - 使用用户指定背景图 static/images/login-bg-tech.jpg
   - 品牌主色：#285CE2
   ======================================================================== */

.auth-body.auth-login-page{
  background:#285CE2!important;
}

.auth-login-page .auth-backdrop{
  background-color:#285CE2!important;
  background-image:
    linear-gradient(90deg,rgba(8,27,102,.30) 0%,rgba(40,92,226,.08) 48%,rgba(8,27,102,.20) 100%),
    url("../images/login-bg-tech.jpg")!important;
  background-repeat:no-repeat!important;
  background-position:center center!important;
  background-size:cover!important;
}

/* 去掉平台旧认证样式叠加的网格/星点，完整展示指定背景图 */
.auth-login-page .auth-backdrop:before,
.auth-login-page .auth-backdrop:after{
  display:none!important;
}

/* 原有左右布局保持不变，只调整文字对比度 */
.auth-login-page .auth-layout{
  background:transparent!important;
}

.auth-login-page .auth-visual-panel{
  color:#fff!important;
  background:transparent!important;
}

.auth-login-page .auth-brand-lockup img{
  background:rgba(255,255,255,.96)!important;
  border-radius:50%!important;
  padding:3px!important;
  box-shadow:0 8px 28px rgba(4,22,89,.22)!important;
}

.auth-login-page .auth-brand-lockup strong,
.auth-login-page .auth-visual-copy h1{
  color:#fff!important;
  text-shadow:0 2px 10px rgba(7,24,92,.32)!important;
}

.auth-login-page .auth-brand-lockup span,
.auth-login-page .auth-visual-copy p{
  color:rgba(239,247,255,.86)!important;
  text-shadow:0 1px 5px rgba(7,24,92,.28)!important;
}

/* 保留原来的功能展示区域，但让它融入背景 */
.auth-login-page .auth-sensor-stage{
  background:rgba(15,57,169,.16)!important;
  border-color:rgba(255,255,255,.20)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 14px 36px rgba(5,26,99,.10)!important;
  backdrop-filter:blur(2px);
}

.auth-login-page .auth-stage-image{
  opacity:.94!important;
  filter:brightness(1.08) saturate(1.05) drop-shadow(0 0 18px rgba(25,77,214,.20))!important;
}

.auth-login-page .auth-sensor-tag{
  background:rgba(255,255,255,.94)!important;
  border-color:rgba(255,255,255,.72)!important;
  color:#285CE2!important;
  box-shadow:0 8px 20px rgba(6,28,105,.16)!important;
}

.auth-login-page .auth-feature-strip{
  background:rgba(8,36,126,.34)!important;
  border-color:rgba(255,255,255,.18)!important;
  box-shadow:0 10px 30px rgba(5,25,94,.12)!important;
  backdrop-filter:blur(8px);
}

.auth-login-page .auth-feature-strip>div{
  border-color:rgba(255,255,255,.14)!important;
}

.auth-login-page .auth-feature-strip i,
.auth-login-page .auth-feature-strip strong{
  color:#fff!important;
}

.auth-login-page .auth-feature-strip span{
  color:rgba(235,245,255,.78)!important;
}

/* 登录框继续使用原来的白色卡片风格，保证输入区域清晰 */
.auth-login-page .auth-form-panel{
  background:transparent!important;
}

.auth-login-page .auth-card{
  background:rgba(255,255,255,.965)!important;
  border:1px solid rgba(255,255,255,.76)!important;
  box-shadow:0 24px 64px rgba(5,25,94,.26)!important;
  backdrop-filter:blur(12px);
}

.auth-login-page .auth-card-head h2{
  color:#17324f!important;
}

.auth-login-page .auth-card-head p{
  color:#7a8fa5!important;
}

.auth-login-page .auth-field>div,
.auth-login-page .captcha-input{
  background:#fff!important;
  border-color:#cbd9ea!important;
}

.auth-login-page .auth-field>div:focus-within,
.auth-login-page .captcha-input:focus-within{
  border-color:#285CE2!important;
  box-shadow:0 0 0 3px rgba(40,92,226,.10)!important;
}

.auth-login-page .auth-field i,
.auth-login-page .captcha-input i{
  color:#5d7fae!important;
}

.auth-login-page .auth-field input,
.auth-login-page .captcha-input input{
  color:#17324f!important;
}

.auth-login-page .captcha-refresh,
.auth-login-page .auth-links a{
  color:#285CE2!important;
}

.auth-login-page .auth-checkbox input{
  accent-color:#285CE2!important;
}

.auth-login-page .auth-submit,
.auth-login-page .auth-primary-submit{
  background:#285CE2!important;
  border-color:#285CE2!important;
  box-shadow:0 8px 20px rgba(40,92,226,.24)!important;
}

.auth-login-page .auth-submit:hover,
.auth-login-page .auth-primary-submit:hover{
  background:#1F4BC1!important;
  border-color:#1F4BC1!important;
}

.auth-login-page .tipbox-title{
  color:#285CE2!important;
}

.auth-login-page .auth-page-footer,
.auth-page-footer{
  color:rgba(255,255,255,.78)!important;
  text-shadow:0 1px 5px rgba(4,20,76,.32)!important;
}

@media (max-width:1100px){
  .auth-login-page .auth-layout{
    background:transparent!important;
  }
  .auth-login-page .auth-form-panel{
    min-height:100vh;
  }
}