.member-reset-page .user-login .login { padding: 0 42px 34px; }
.member-reset-page .user-login .login .tit { padding: 36px 0 28px; color: #202631; font-size: 26px; line-height: 1.3; }
.member-reset-page .user-login .login .tit span { display: block; margin-top: 6px; color: #8a94a3; font-size: 13px; font-weight: 400; }
.member-reset-page .reset-form { width: 100%; max-width: 410px; margin: 0 auto; }
.member-reset-page .reset-field { position: relative; margin-bottom: 17px; }
.member-reset-page .reset-field > span,
.member-reset-page .reset-password-wrap > span { z-index: 1; top: 0; bottom: auto; width: 42px; height: 46px; color: #8993a2; pointer-events: none; }
.member-reset-page .reset-password-wrap { position: relative; }
.member-reset-page .reset-field .layui-input,
.member-reset-page .reset-password-wrap .layui-input,
.member-reset-page .reset-code-field .layui-input { height: 46px; padding: 0 13px 0 42px; border: 1px solid #dfe5ed; border-radius: 8px; background: #fff; color: #303846; line-height: 46px; text-indent: 0; }
.member-reset-page .reset-password-wrap .layui-input { padding-right: 46px; }
.member-reset-page .reset-password-toggle { position: absolute; z-index: 2; top: 1px; right: 1px; width: 44px; height: 44px; padding: 0; border: 0; border-radius: 0 7px 7px 0; background: transparent; color: #7d8795; cursor: pointer; }
.member-reset-page .reset-password-toggle:hover,
.member-reset-page .reset-password-toggle:focus { background: #f2f6fc; color: #3978d8; outline: 0; }
.member-reset-page .reset-submit-item { margin-bottom: 14px !important; }
.member-reset-page .reset-submit { display: flex; width: 100%; height: 46px; align-items: center; justify-content: center; gap: 8px; border-radius: 8px; background: #3978d8 !important; box-shadow: none !important; font-size: 15px; line-height: 46px; transition: background-color .2s !important; }
.member-reset-page .reset-submit:hover { background: #2f6bc5 !important; box-shadow: none !important; transform: none; }
.member-reset-page .reset-submit b { font-weight: 600; }
.member-reset-page .reset-submit[disabled] { cursor: not-allowed; opacity: .72; }
.member-reset-page .reset-form-status { display: none; margin: 0 0 14px; padding: 9px 11px; border-radius: 6px; box-sizing: border-box; font-size: 12px; line-height: 1.65; }
.member-reset-page .reset-form-status.is-visible { display: block; }
.member-reset-page .reset-form-status.is-success { background: #edf8f2; color: #16814a; }
.member-reset-page .reset-form-status.is-error { background: #fff1f1; color: #c43d3d; }
.member-reset-page .reset-form-status.is-info { background: #eef5ff; color: #356bb6; }
.member-reset-page .reset-account-tip { max-width: 410px; margin: -10px auto 22px; padding: 11px 14px; border: 1px solid #cfe0ff; border-radius: 8px; box-sizing: border-box; background: #f3f7ff; color: #68758c; font-size: 13px; line-height: 1.7; text-align: center; }
.member-reset-page .reset-account-tip strong { color: #245fd4; word-break: break-all; }
.member-reset-page .reset-password-strength { display: flex; min-height: 20px; margin-top: 7px; align-items: center; gap: 10px; color: #7d8795; font-size: 12px; line-height: 20px; }
.member-reset-page .reset-password-strength b { display: block; flex: 0 0 92px; height: 5px; border-radius: 3px; background: #e7ebf1; overflow: hidden; }
.member-reset-page .reset-password-strength b i { display: block; width: 0; height: 100%; border-radius: inherit; background: #c8ced8; transition: width .2s, background-color .2s; }
.member-reset-page .reset-password-strength em { position: static !important; display: block !important; width: auto !important; color: inherit !important; font-style: normal; }
.member-reset-page .reset-password-strength.is-weak b i { width: 34%; background: #e5484d; }
.member-reset-page .reset-password-strength.is-medium b i { width: 67%; background: #e59a1b; }
.member-reset-page .reset-password-strength.is-strong b i { width: 100%; background: #18a058; }
.member-reset-page .reset-password-match { display: none; margin-top: 7px; padding: 7px 10px; border-radius: 6px; font-size: 12px; line-height: 18px; }
.member-reset-page .reset-password-match.is-visible { display: block; }
.member-reset-page .reset-password-match.is-valid { background: #edf8f2; color: #16814a; }
.member-reset-page .reset-password-match.is-invalid { background: #fff1f1; color: #c43d3d; }
.member-reset-page .reset-code-tip { max-width: 410px; margin: -10px auto 22px; color: #7b8494; font-size: 13px; line-height: 1.7; text-align: center; }
.member-reset-page .reset-code-error { max-width: 410px; margin: -8px auto 20px; padding: 10px 14px; border: 1px solid #ffc7c7; border-radius: 8px; box-sizing: border-box; background: #fff3f3; color: #c93636; font-size: 13px; text-align: center; }
.member-reset-page .reset-code-input { text-transform: uppercase; letter-spacing: 4px; font-size: 18px; font-weight: 700; }
.member-reset-page .reset-error-panel { max-width: 410px; margin: -8px auto 0; text-align: center; }
.member-reset-page .reset-error-icon { display: flex; width: 54px; height: 54px; margin: 0 auto 18px; align-items: center; justify-content: center; border-radius: 50%; background: #fff3f3; color: #d84a4a; font-size: 28px; }
.member-reset-page .reset-error-message { margin: 0 0 22px; color: #616b7c; font-size: 14px; line-height: 1.8; }
.member-reset-page .reset-error-panel .reset-submit { box-sizing: border-box; margin-bottom: 14px; color: #fff; }

body.night.member-reset-page .user-login .login .tit { color: #eef1f5; }
body.night.member-reset-page .user-login .login .tit span { color: #989faa; }
body.night.member-reset-page .reset-field .layui-input,
body.night.member-reset-page .reset-password-wrap .layui-input,
body.night.member-reset-page .reset-code-field .layui-input { border-color: #45484e; background: #323335; color: #e0e4ea; }
body.night.member-reset-page .reset-password-toggle { color: #9ba3af; }
body.night.member-reset-page .reset-password-toggle:hover,
body.night.member-reset-page .reset-password-toggle:focus { background: #3a3e45; color: #8db5ff; }
body.night.member-reset-page .reset-account-tip { border-color: #355486; background: #202c42; color: #aebbd0; }
body.night.member-reset-page .reset-account-tip strong { color: #72a6ff; }
body.night.member-reset-page .reset-password-strength b { background: #484b51; }
body.night.member-reset-page .reset-password-match.is-valid,
body.night.member-reset-page .reset-form-status.is-success { background: #183629; color: #73d6a3; }
body.night.member-reset-page .reset-password-match.is-invalid,
body.night.member-reset-page .reset-form-status.is-error { background: #3a2427; color: #ffaaa7; }
body.night.member-reset-page .reset-form-status.is-info { background: #202c42; color: #8db5ff; }
body.night.member-reset-page .reset-code-tip { color: #aeb6c2; }
body.night.member-reset-page .reset-code-error { border-color: #714044; background: #352326; color: #ffaaa7; }
body.night.member-reset-page .reset-error-icon { background: #352326; color: #ffaaa7; }
body.night.member-reset-page .reset-error-message { color: #b6becb; }

@media screen and (max-width: 640px) {
    .member-reset-page .user-login .login { padding: 0 16px 24px; }
    .member-reset-page .user-login .login .tit { padding: 25px 0 22px; font-size: 23px; }
    .member-reset-page .reset-field .layui-input,
    .member-reset-page .reset-password-wrap .layui-input,
    .member-reset-page .reset-code-field .layui-input { height: 44px; line-height: 44px; }
    .member-reset-page .reset-field > span,
    .member-reset-page .reset-password-wrap > span { height: 44px; }
    .member-reset-page .reset-password-toggle { height: 42px; }
}