.wcm-recovery { --el-color-primary:#6254ee; --el-color-primary-light-3:#8c81f3; --el-color-primary-light-9:#f4f1ff; }
.wcm-recovery [v-cloak] { display:none; }
.wcm-recovery header .nav-inner .navbar>.h-item:first-child>a>span { color:#53566b; font-weight:400; }
.recovery-shell { padding:40px 24px 48px; background:#faf8ff url('../images/home-lavender-bg.png') center/cover; }
.recovery-heading { max-width:720px; margin:0 auto 24px; }
.recovery-heading a { color:#7862ab; font-size:13px; }
.recovery-heading h1 { font-size:30px; font-weight:650; color:#30243d; margin:16px 0 12px; }
.recovery-heading p { color:#877991; font-size:14px; margin:0; }
.wcm-recovery .find_psw { width:min(720px,100%); height:auto; min-height:350px; margin:0 auto; padding:32px 36px; border:1px solid #e8e0f3; border-radius:16px; background:#fff; box-shadow:0 12px 40px #49317408; }
.wcm-recovery .step-content { margin-top:32px; }
.wcm-recovery .step-form { width:min(360px,100%); }
.wcm-recovery .form-button { width:100%; min-width:0; height:46px; border-radius:8px; }
.wcm-recovery .el-input__wrapper { min-height:46px; border-radius:8px; }
.wcm-recovery .el-form-item { margin-bottom:22px; }
.wcm-recovery .el-input-group__append { background:#f7f4ff; color:#6254ee; border-radius:0 8px 8px 0; }
.wcm-recovery .el-step__title { font-size:14px; }
.wcm-recovery .el-step__head.is-process,.wcm-recovery .el-step__title.is-process { color:#6254ee; border-color:#6254ee; }
.wcm-recovery .el-step__head.is-wait { color:#b2a8c6; border-color:#e4dcef; }
.wcm-recovery .el-step__title.is-wait { color:#9a8cac; }
.wcm-recovery .el-step__line { background:#eee7f7; }
.wcm-recovery .el-result { padding:0 12px 10px; }
.wcm-recovery .el-result__title p { color:#382a46; font-size:20px; }
.wcm-recovery .el-result .el-button { min-width:160px; height:44px; border-radius:8px; }
@media(max-width:600px) {
 .recovery-shell { padding:24px 18px 32px; }
 .wcm-recovery .find_psw { padding:26px 18px; }
 .wcm-recovery .el-step__title { font-size:12px; }
 .recovery-heading h1 { font-size:26px; }
}

/* Align captcha and send-code controls with the full input height. */
.wcm-recovery .el-input-group__append { display:flex; align-items:center; justify-content:center; padding:0 8px; }
.wcm-recovery .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-recovery .el-input-group__append .el-button>span { display:inline-flex; align-items:center; line-height:1.4; }
.wcm-recovery .el-input-group__append img { display:block; }

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

@media(max-width:720px) { .wcm-recovery>.site-content { margin-top:0!important; } }
/* WCM-only Taste recovery flow; authentication behavior is unchanged. */
.wcm-recovery { --el-color-primary:#6254ee; --el-color-primary-light-9:#f5f3ff; --el-border-color:#e0e3ec; --el-text-color-primary:#202236; }
.wcm-recovery .recovery-shell { background:#f8f9fc; }
.wcm-recovery .recovery-heading a,.wcm-recovery .recovery-heading p { color:#686d7e; }
.wcm-recovery .recovery-heading h1 { color:#202236; font-weight:700; }
.wcm-recovery .find_psw { border-color:#e5e7ef; border-radius:12px; box-shadow:0 8px 28px #20223606; }
.wcm-recovery .el-input__wrapper { background:#fff; }
.wcm-recovery .el-input-group__append { background:#f5f3ff; }
.wcm-recovery .form-button { background:#6254ee; border-color:#6254ee; box-shadow:0 5px 12px #6254ee1a; }
.wcm-recovery .form-button:hover { background:#5143d6; border-color:#5143d6; }
.wcm-recovery .el-step__head.is-wait { color:#858b9c; border-color:#e0e3ec; }
.wcm-recovery .el-step__title.is-wait { color:#858b9c; }
.wcm-recovery .el-step__line { background:#e9ebf2; }
.wcm-recovery .el-result__title p { color:#202236; }
.wcm-recovery .el-result__subtitle p { color:#686d7e; }