.auth-wrapper{display:flex;min-height:34rem;width:100%;background:url(/images/loginBg.png) no-repeat center;background-size:cover;justify-content:center;align-items:center;padding:2rem 1rem;box-sizing:border-box}
.auth-panel{background:rgba(255,255,255,.65);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);border-radius:1.2rem;padding:2.5rem 2.5rem;width:30rem;max-width:100%;box-shadow:0 4px 18px rgba(0,0,0,.12)}
.auth-panel h1{font-size:2rem;margin:0 0 1rem;font-weight:400}
.auth-panel .form-group{margin-top:1rem;display:flex;flex-direction:column}
.auth-panel input.form-control{height:3rem;font-size:1rem}
.auth-panel .switch-link{cursor:pointer}

/* 验证码输入与按钮同一行显示 */
#verifyBox{flex-direction:row !important;align-items:center}
#verifyBox input.form-control{flex:1;min-width:0}
#verifyBox #sendSMSbtn{white-space:nowrap}

/* 自适应：去掉原 col- 样式依赖，手机全宽 */
@media (max-width:768px){
 .auth-wrapper{padding:1.5rem 1rem;align-items:flex-start}
 .auth-panel{padding:2rem 1.5rem;width:100%;box-shadow:0 2px 8px rgba(0,0,0,.08)}
 .auth-panel h1{font-size:1.6rem;text-align:center}
 /* 小屏下保持验证码行内布局并减小间距 */
 #verifyBox{gap:.5rem}
}
/* 大屏(>=992px) 右侧布局 */
@media (min-width: 992px){
 .auth-wrapper{justify-content:flex-end;padding-right:8%;}
}
@media (max-width:420px){
 .auth-panel{padding:1.5rem 1.1rem}
 .auth-panel input.form-control{height:2.6rem;font-size:.95rem}
}