.wcm-auth { --el-color-primary:#6254ee; --el-color-primary-light-3:#8c81f3; --el-color-primary-light-9:#f4f1ff; }
.wcm-auth header .nav-inner .navbar>.h-item:first-child>a>span { color:#53566b; font-weight:400; }
.wcm-auth .login-box { height:auto; min-height:540px; padding:28px 24px; background:#faf8ff url('../images/home-lavender-bg.png') center/cover; text-align:left; }
.wcm-auth .box-content { position:relative; min-width:0; width:min(1120px,100%); height:auto; display:grid; grid-template-columns:minmax(0,1fr) 400px; gap:70px; align-items:center; }
.auth-eyebrow { color:#7864b0; font-size:14px; margin:0 0 26px; }
.auth-brand h1 { color:#282039; font-size:42px; font-weight:700; line-height:1.4; margin:0 0 12px; }
.auth-brand h1 span { color:#6254ee; }
.auth-description { color:#786c8a; font-size:16px; line-height:1.8; }
.auth-capabilities { display:flex; flex-wrap:wrap; gap:12px; margin-top:24px; }
.auth-capabilities span { color:#6e5895; padding:7px 14px; border:1px solid #e4dbf6; border-radius:6px; background:#ffffff99; font-size:13px; }
.wcm-auth .box-info { width:100%; min-height:450px; height:auto; border:1px solid #ebe5f6; border-radius:18px; box-shadow:0 14px 46px #4931740d; margin:0; }
.wcm-auth .el-card__header { padding:28px 30px 0; }
.wcm-auth .card_header>span:first-child { font-size:24px!important; color:#30243d; }
.wcm-auth .card_header a { color:#6254ee!important; }
.wcm-auth .el-card__body { padding:24px 30px 28px; }
.wcm-auth .form-content { padding:0!important; }
.wcm-auth .el-input__wrapper { min-height:46px; border-radius:8px; }
.wcm-auth .el-form-item { margin-bottom:22px; }
.wcm-auth .el-input-group__append { background:#f6f3ff; color:#6254ee; border-radius:0 8px 8px 0; }
.wcm-auth .form-button { width:100%; min-width:0; height:46px; border-radius:8px; }
.wcm-auth .submit-item span { letter-spacing:0; margin-left:0; }
.wcm-auth .submit-item a { color:#6254ee!important; }
.wcm-auth .gzh-qr-content { margin:5px auto 20px; width:204px; height:204px; padding:12px; border:1px solid #ece7f7; border-radius:12px; }
.wcm-auth .gzh-qr-content img { width:178px!important; height:178px!important; }
.wcm-auth .qr-text-ctn { display:flex; align-items:center; justify-content:center; width:100%; margin:0 auto 24px; }
.wcm-auth .third-login { margin-top:22px; }
.wcm-auth .hr-line { border-color:#eee8f5; }
.wcm-auth .hr-text { color:#9688a4; }
.wcm-auth .icon-content { border:1px solid #e9e1f6; border-radius:7px; padding:3px 14px; cursor:pointer; }
.wcm-auth .icon-content:hover { background:#f6f3ff; }
@media(max-width:850px) {
 .wcm-auth .box-content { grid-template-columns:minmax(0,1fr) 370px; gap:30px; }
 .auth-brand h1 { font-size:30px; }
}
@media(max-width:720px) {
 .wcm-auth .login-box { padding:28px 20px; }
 .wcm-auth .box-content { grid-template-columns:1fr; max-width:440px; gap:24px; }
 .auth-brand h1 { font-size:27px; margin-bottom:10px; }
 .auth-brand h1 span,.auth-capabilities { display:none; }
 .auth-eyebrow { margin-bottom:12px; }
 .auth-description { font-size:14px; }
}

/* Keep the original configurable advertisement and its click-through. */
.wcm-auth .pro-link { position:absolute; inset:0; overflow:hidden; }
.wcm-auth .pro-link a { display:block; width:1920px; height:100%; top:0; left:50%; transform:translateX(-50%); }
.wcm-auth .pro-link a img { width:1920px; height:100%; top:0; object-fit:cover; }
.wcm-auth .box-info { grid-column:2; }
.wcm-auth .box-content { pointer-events:none; }
.wcm-auth .box-info,.wcm-auth .auth-brand { pointer-events:auto; }
@media(max-width:720px) {
 .wcm-auth .box-info { grid-column:1; }
 .wcm-auth .pro-link { position:relative; width:100%; aspect-ratio:1920/512; }
 .wcm-auth .pro-link a { position:static; display:block; width:100%; height:100%; transform:none; }
 .wcm-auth .pro-link a img { position:static; width:100%; height:100%; transform:none; object-fit:contain; }
 .wcm-auth .login-box { flex-direction:column; align-items:center; gap:20px; }
}

/* Keep the shared footer at the viewport bottom on short login pages. */
.wcm-auth .site-footer-spacer { flex:1; }
.wcm-auth .foot-box { flex:none; }
.wcm-auth .pro-link::after { content:""; position:absolute; inset:auto 0 0; height:8px; background:linear-gradient(transparent,#faf9fe); pointer-events:none; }
.wcm-auth .el-card__header { padding-top:24px; }
.wcm-auth .el-card__body { padding-top:20px; padding-bottom:20px; }
.wcm-auth #regForm .el-form-item { margin-bottom:16px; }
.wcm-auth .third-login { margin-top:16px; }

/* Align captcha and send-code controls with the full input height. */
.wcm-auth .el-input-group__append { display:flex; align-items:center; justify-content:center; padding:0 8px; }
.wcm-auth .el-input-group__append .el-button { display:inline-flex; align-items:center; justify-content:center; align-self:stretch; height:auto; min-height:46px; margin:0 -8px; padding:0 12px; }
.wcm-auth .el-input-group__append .el-button>span { display:inline-flex; align-items:center; line-height:1.4; }
.wcm-auth .el-input-group__append img { display:block; }

/* Element Plus owns the focus border; avoid a second outline on its inner input. */
.wcm-auth .el-input__inner:focus,
.wcm-auth .el-input__inner:focus-visible { outline:none; box-shadow:none; }

@media(max-width:720px) { .wcm-auth>.site-content { margin-top:0!important; } }
/* WCM-only Taste styling; shared authentication and advertisement remain intact. */
.wcm-auth { --el-color-primary:#6254ee; --el-color-primary-light-9:#f5f3ff; --el-border-color:#e0e3ec; --el-text-color-primary:#202236; }
.wcm-auth .login-box { background:#f8f9fc; }
.wcm-auth .auth-brand h1 { color:#202236; }
.wcm-auth .auth-description { color:#686d7e; }
.wcm-auth .auth-capabilities span { color:#505568; background:#fff; border-color:#e5e7ef; border-radius:7px; }
.wcm-auth .box-info { border-color:#e5e7ef; border-radius:12px; box-shadow:0 10px 30px #20223608; }
.wcm-auth .card_header>span:first-child { color:#202236; }
.wcm-auth .el-input__wrapper { background:#fff; }
.wcm-auth .el-input-group__append { background:#f5f3ff; color:#6254ee; }
.wcm-auth .form-button { background:#6254ee; border-color:#6254ee; box-shadow:0 5px 12px #6254ee1a; }
.wcm-auth .form-button:hover { background:#5143d6; border-color:#5143d6; }
.wcm-auth .gzh-qr-content { border-color:#e5e7ef; border-radius:8px; background:#fff; }
.wcm-auth .hr-line { border-color:#e9ebf2; }
.wcm-auth .hr-text { color:#858b9c; }
.wcm-auth .icon-content { border-color:#e5e7ef; }
.wcm-auth .icon-content:hover { background:#f8f9fc; }
.wcm-auth .pro-link::after { background:linear-gradient(transparent,#f8f9fc); }