/**
 * 登录、注册、密码找回
 */
.user-form-content-container {
    position: relative;
}

/**
 * 登录页面窗口高度固定
 */
.user-login-content-container {
    min-height: 43rem;
}
.user-login-content-container.not-login-verify {
    min-height: 39rem;
}
.user-login-content-container .bottom-container {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
}


/**
 * 底部内容处理
 */
.footer-nav-content,
.friendship-list {
	display: none;
}
.am-footer-default,
.am-footer-miscs > .am-container {
	border-top: 0;
}
.am-footer-default {
    background: var(--body-bg-color);
}
/* 天驼家居客户登录与注册。复用 ShopXO 表单、tabs 和验证码。 */
.customer-auth-page {
    --auth-forest: #27533d;
    --auth-forest-dark: #193c2c;
    --auth-border: #dae5da;
    --auth-ink: #24372b;
    --auth-muted: #637367;
    background-color: #edf2e9;
}
.customer-auth-page .am-container {
    position: relative;
    z-index: 1;
}
.customer-auth-page.user-login-container,
.customer-auth-page.user-register-container {
    min-height: min(72rem, calc(100vh - 12rem));
}
.customer-auth-page .user-login-background-img-container {
    position: relative;
    min-height: inherit;
    overflow: hidden;
}
.customer-auth-page .user-login-background-img-content {
    inset: 0;
    transform: none;
    max-width: none;
    height: 100%;
    background-size: cover;
    background-position: center;
}
.customer-auth-page .user-login-background-img-container::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(22, 52, 37, .35), rgba(22, 52, 37, .08) 58%, rgba(22, 52, 37, .28));
    pointer-events: none;
}
.customer-auth-page.user-login-container .am-container {
    display: flex;
    align-items: center;
    min-height: inherit;
}
.customer-auth-page .user-left-container { flex: 1 1 0; width: auto; height: auto; min-height: 53rem; }
.customer-auth-page .user-right-container {
    flex: 0 1 43rem;
    width: 100%;
    max-width: 43rem;
    padding: 4rem 0;
    margin-left: auto;
}
.customer-auth-page.user-register-container {
    background-size: cover !important;
    background-position: center !important;
    padding: 4rem 1.5rem;
}
.customer-auth-page .register-container { max-width: 43rem; }
.customer-auth-page .user-right-container > .am-background-white,
.customer-auth-page .register-container > .am-background-white {
    overflow: hidden;
    border: 1px solid var(--auth-border);
    border-radius: 1.6rem;
    background: rgba(255, 255, 255, .97);
    box-shadow: 0 2rem 6rem rgba(20, 48, 32, .18);
}
.customer-auth-page .user-form-content-container {
    min-height: 0;
    color: var(--auth-ink);
}
.customer-auth-page .user-form-content-container .bottom-container {
    position: static;
    padding-bottom: 2rem;
}
.customer-auth-page .am-tabs-nav a { color: var(--auth-muted); }
.customer-auth-page .am-tabs-nav .am-active a,
.customer-auth-page .bottom-content a,
.customer-auth-page .agreement a { color: var(--auth-forest); }
.customer-auth-page .am-btn-primary {
    border-color: var(--auth-forest);
    background: var(--auth-forest);
}
.customer-auth-page .am-btn-primary:hover,
.customer-auth-page .am-btn-primary:focus {
    border-color: var(--auth-forest-dark);
    background: var(--auth-forest-dark);
}
.customer-auth-page .am-form-field:focus {
    border-color: var(--auth-forest);
    box-shadow: 0 0 0 .2rem rgba(39, 83, 61, .14);
}
.customer-auth-page .agreement { line-height: 1.8; }
@media only screen and (max-width: 640px) {
    .customer-auth-page.user-login-container,
    .customer-auth-page.user-register-container { min-height: 0; }
    .customer-auth-page.user-login-container .am-container { display: block; }
    .customer-auth-page .user-login-background-img-content { background-position: 38% center; }
    .customer-auth-page .user-login-background-img-container::after { background: rgba(21, 49, 34, .58); }
    .customer-auth-page .user-right-container,
    .customer-auth-page .register-container {
        padding: 3rem 1rem;
        margin: 0 auto;
        max-width: 43rem;
    }
    .customer-auth-page.user-register-container { padding: 1rem 0; }
}

/**
 * 客户登录/注册表单固定标签，避免 :valid 与失焦状态类切换时标签压住输入值。
 * user-login-content-container 同时覆盖通过原生弹窗加载的登录表单。
 */
.customer-auth-page .am-form-input-material input.am-form-field,
.user-login-content-container .am-form-input-material input.am-form-field,
.customer-auth-page .am-form-input-material input.am-form-field:hover,
.user-login-content-container .am-form-input-material input.am-form-field:hover {
    border: 1px solid var(--auth-border, #dae5da) !important;
    border-radius: .6rem !important;
    padding-left: .9rem !important;
    background: #fff !important;
}
.customer-auth-page .am-form-input-material .am-material-label,
.user-login-content-container .am-form-input-material .am-material-label {
    top: .2rem;
    transform: none !important;
    transition: none;
}
.customer-auth-page .am-form-input-material input:valid~.am-material-label,
.customer-auth-page .am-form-input-material input:focus~.am-material-label,
.customer-auth-page .am-form-input-material input.am-value-valid-true~.am-material-label,
.customer-auth-page .am-form-input-material input.am-value-valid-false~.am-material-label,
.user-login-content-container .am-form-input-material input:valid~.am-material-label,
.user-login-content-container .am-form-input-material input:focus~.am-material-label,
.user-login-content-container .am-form-input-material input.am-value-valid-true~.am-material-label,
.user-login-content-container .am-form-input-material input.am-value-valid-false~.am-material-label {
    transform: none !important;
}
.customer-auth-page .am-form-input-material .am-material-bar,
.user-login-content-container .am-form-input-material .am-material-bar {
    display: none;
}