/**
 * 登录、注册、密码找回
 */
.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，避免底部出现两条
 */
.footer-nav-content,
.friendship-list {
	display: none;
}
.user-login-container .am-footer-default,
.user-register-container .am-footer-default,
.user-forgetpwd-container .am-footer-default,
.user-login-modal-container .am-footer-default {
    display: none !important;
}
.am-footer-default,
.am-footer-miscs > .am-container {
	border-top: 0;
}
.am-footer-default {
    background: var(--body-bg-color);
}
/* 清新简约风 - 用户中心覆盖 */
.user-center, .user-content { margin-top: 2rem !important; }
.user-info-card { border-radius: var(--border-radius-lg) !important; box-shadow: var(--box-shadow) !important; border: none !important; overflow: hidden; background: #00BFFF !important; }
.user-info-card .user-name { color: #fff !important; }
.user-info-card .user-info-item { color: #fff !important; }
.user-menu .am-list { border-radius: var(--border-radius-lg) !important; overflow: hidden; box-shadow: var(--box-shadow-sm) !important; }
.user-menu .am-list>li { padding: 1.5rem 2rem !important; border-bottom: 0.1rem solid #f0f4f8 !important; transition: all 0.2s ease; }
.user-menu .am-list>li:hover { background: var(--color-main-light) !important; padding-left: 2.5rem !important; }
.user-menu .am-list>li:last-child { border-bottom: none !important; }
.user-menu .am-list>li i { color: var(--color-main) !important; margin-right: 1rem !important; }
.personal-info { border-radius: var(--border-radius-lg) !important; box-shadow: var(--box-shadow) !important; border: none !important; }
.order-list .order-item { border-radius: var(--border-radius-lg) !important; box-shadow: var(--box-shadow-sm) !important; border: none !important; margin-bottom: 1.5rem !important; overflow: hidden; }
.order-list .order-item:hover { box-shadow: var(--box-shadow) !important; }

/* ============ 天蓝清新风 - 登录/注册/找回密码覆盖 ============ */

/* ---------- 登录页面背景 ---------- */
.user-login-container,
.user-forgetpwd-container {
    background: #f0f9ff !important;
    position: relative !important;
}
.user-login-background-img-container {
    position: relative !important;
}

/* ---------- 弹窗登录容器 - 添加内边距 ---------- */
.user-login-modal-container {
    padding: 1.5rem 2rem !important;
    background: #fff !important;
}
.user-login-modal-container .am-tabs {
    height: auto !important;
}

/* ---------- 登录/注册/找回密码表单容器 - 白色卡片 ---------- */
.user-right-container > .am-radius-lg.am-background-white,
.user-right-container > .user-form-container.am-radius-lg.am-background-white,
.user-right-container .user-form-container.am-radius-lg,
.register-container > .am-radius-lg.am-background-white {
    background: #fff !important;
    border-radius: 1.2rem !important;
    box-shadow: 0 4px 20px rgba(0,191,255,0.1) !important;
    border: 1px solid #e6f7ff !important;
    overflow: hidden !important;
    padding: 1.5rem 2rem !important;
}
/* 移动端减少卡片内边距，避免表单被挤压 */
@media only screen and (max-width: 640px) {
    .user-right-container > .am-radius-lg.am-background-white,
    .user-right-container > .user-form-container.am-radius-lg.am-background-white,
    .user-right-container .user-form-container.am-radius-lg,
    .register-container > .am-radius-lg.am-background-white {
        padding: 1.2rem 1rem !important;
        border-radius: 1rem !important;
    }
}
/* 弹窗登录表单容器 - 不用 overflow:hidden 避免裁剪 */
.user-login-modal-container .user-form-content-container {
    background: #fff !important;
    border-radius: 1.2rem !important;
    padding: 0.5rem 1.5rem 1.5rem !important;
    overflow: visible !important;
}
.user-form-content-container {
    background: transparent !important;
    border: none !important;
}
.user-login-content-container,
.user-register-content-container,
.user-forgetpwd-content-container {
    min-height: auto !important;
}
.user-form-container .user-form-content-container {
    border-radius: 1.5rem !important;
    overflow: hidden !important;
}
/* 表单内容区域内边距 */
.user-form-content-container .am-tabs-bd,
.user-form-content-container .am-tab-panel {
    padding: 0.5rem 0 !important;
}
.user-form-content-container .am-form {
    padding: 0 !important;
    overflow: visible !important;
}

/* ---------- 表单标题 / 标签页导航 - 渐变下划线 ---------- */
/* 隐藏 AmazeUI JS 生成的 .bar 指示线，避免与 ::after 伪元素重复出现两条线 */
.user-form-content-container .am-tabs-nav .bar {
    display: none !important;
}
.user-entrance-tabs,
.user-form-content-container > .am-tabs-nav {
    border-bottom: none !important;
    display: flex !important;
    flex-direction: row !important;
    justify-content: stretch !important;
    padding: 0 !important;
    margin-bottom: 0.5rem !important;
}
/* 高优先级覆盖 common.css 中的 max-width / display / truncation */
.user-login-content-container .user-entrance-tabs.am-nav-tabs > li,
.user-register-content-container .user-entrance-tabs.am-nav-tabs > li,
.user-forgetpwd-content-container .user-entrance-tabs.am-nav-tabs > li,
.user-entrance-tabs li,
.user-form-content-container > .am-tabs-nav li {
    max-width: none !important;
    flex: 1 1 0 !important;
    width: auto !important;
    margin-bottom: 0 !important;
    border-bottom: none !important;
    text-align: center !important;
}
/* 高优先级覆盖 common.css 中的 white-space / overflow / padding / line-height */
.user-login-content-container .user-entrance-tabs.am-nav-tabs > li a,
.user-register-content-container .user-entrance-tabs.am-nav-tabs > li a,
.user-forgetpwd-content-container .user-entrance-tabs.am-nav-tabs > li a,
.user-entrance-tabs li a,
.user-form-content-container > .am-tabs-nav li a {
    color: #666 !important;
    font-size: 1.4rem !important;
    font-weight: 500 !important;
    padding: 1rem 0.5rem !important;
    border: none !important;
    border-radius: 0 !important;
    transition: all 0.25s ease !important;
    position: relative !important;
    white-space: nowrap !important;
    overflow: visible !important;
    text-overflow: clip !important;
    line-height: 1.6 !important;
    text-align: center !important;
    display: block !important;
}
/* 覆盖 common.css 中非首元素 padding-left: 2rem */
.user-login-content-container .user-entrance-tabs.am-nav-tabs > li:not(:first-child) a {
    padding-left: 0.5rem !important;
}
.user-entrance-tabs li a::after,
.user-form-content-container > .am-tabs-nav li a::after {
    content: '' !important;
    position: absolute !important;
    bottom: 0 !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    width: 0 !important;
    height: 0.3rem !important;
    border-radius: 0.3rem !important;
    background: #00BFFF !important;
    transition: width 0.3s ease !important;
}
.user-login-content-container .user-entrance-tabs.am-nav-tabs > li.am-active a::after,
.user-register-content-container .user-entrance-tabs.am-nav-tabs > li.am-active a::after,
.user-forgetpwd-content-container .user-entrance-tabs.am-nav-tabs > li.am-active a::after,
.user-entrance-tabs li.am-active a::after,
.user-form-content-container > .am-tabs-nav li.am-active a::after {
    width: 60% !important;
}
.user-login-content-container .user-entrance-tabs.am-nav-tabs > li.am-active a,
.user-register-content-container .user-entrance-tabs.am-nav-tabs > li.am-active a,
.user-forgetpwd-content-container .user-entrance-tabs.am-nav-tabs > li.am-active a,
.user-entrance-tabs li.am-active a,
.user-form-content-container > .am-tabs-nav li.am-active a {
    color: var(--color-main) !important;
    font-weight: 600 !important;
    background: transparent !important;
}
.user-login-content-container .user-entrance-tabs.am-nav-tabs > li a:hover,
.user-register-content-container .user-entrance-tabs.am-nav-tabs > li a:hover,
.user-forgetpwd-content-container .user-entrance-tabs.am-nav-tabs > li a:hover,
.user-entrance-tabs li a:hover,
.user-form-content-container > .am-tabs-nav li a:hover {
    color: var(--color-secondary) !important;
}

/* ---------- 输入框 - Material Design 底线样式 ---------- */
/* 表单组间距 - 适中即可，不过度拉开 */
.user-form-content-container .am-form-group {
    margin-bottom: 1.5rem !important;
}
.user-form-content-container .am-form-group.am-margin-top-main {
    margin-top: 1.5rem !important;
}
.user-form-content-container .am-form-group.am-margin-top-lg {
    margin-top: 2rem !important;
}
/* Material Design 输入框底线颜色 */
.user-form-content-container .am-form-input-material input.am-form-field,
.user-form-content-container .am-form-input-material input.am-form-field:hover {
    border-bottom: 1px solid #cceeff !important;
}
.user-form-content-container .am-form-input-material input.am-form-field:focus {
    border-bottom-color: #00BFFF !important;
    box-shadow: none !important;
    outline: none !important;
}
/* 浮动标签颜色 */
.user-form-content-container .am-material-label {
    color: #999 !important;
    font-size: 1.4rem !important;
    transition: color 0.25s ease !important;
}
.user-form-content-container .am-form-input-material input:focus~.am-material-label,
.user-form-content-container .am-form-input-material input:valid~.am-material-label {
    color: #00BFFF !important;
}
/* 底部聚焦线条 */
.user-form-content-container .am-material-bar {
    background: #00BFFF !important;
    height: 0.2rem !important;
    border-radius: 0.2rem !important;
}

/* ---------- 密码可见切换按钮 ---------- */
.user-form-content-container .eye-submit {
    border-radius: var(--border-radius-sm) !important;
    background: var(--color-main-light) !important;
    border: none !important;
    color: var(--color-main) !important;
    transition: all 0.25s ease !important;
}
.user-form-content-container .eye-submit:hover {
    background: var(--color-main) !important;
    color: #fff !important;
}

/* ---------- 验证码区域 ---------- */
.user-form-content-container .form-verify img {
    border-radius: var(--border-radius-sm) !important;
}
.user-form-content-container .form-verify-tips {
    border-radius: var(--border-radius-sm) !important;
    color: var(--color-main) !important;
    font-size: 1.2rem !important;
    transition: color 0.25s ease !important;
}
.user-form-content-container .form-verify-tips:hover {
    color: var(--color-secondary) !important;
}
.user-form-content-container .user-verify-submit {
    border-radius: 50px !important;
    background: var(--color-main-light) !important;
    color: var(--color-main) !important;
    border: 1px solid #cceeff !important;
    padding: 0.6rem 1.5rem !important;
    font-size: 1.2rem !important;
    transition: all 0.25s ease !important;
}
.user-form-content-container .user-verify-submit:hover {
    background: #00BFFF !important;
    color: #fff !important;
    border-color: transparent !important;
    transform: translateY(-2px) !important;
}

/* ---------- 登录/注册按钮 - 蓝色胶囊 + 悬停上浮 ---------- */
.user-form-content-container .am-btn-primary.am-btn-block,
.user-form-content-container .am-btn-primary {
    background: #00BFFF !important;
    border: none !important;
    border-radius: 50px !important;
    color: #fff !important;
    font-size: 1.6rem !important;
    font-weight: 600 !important;
    padding: 1.3rem 2rem !important;
    letter-spacing: 0.1rem !important;
    transition: all 0.25s ease !important;
    font-family: 'PingFang SC', -apple-system, BlinkMacSystemFont, sans-serif !important;
}
.user-form-content-container .am-btn-primary.am-btn-block:hover,
.user-form-content-container .am-btn-primary:hover {
    background: #0EA5E9 !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 12px rgba(0,191,255,0.25) !important;
}
.user-form-content-container .am-btn-primary.am-btn-block:active,
.user-form-content-container .am-btn-primary:active {
    transform: translateY(-1px) !important;
}

/* ---------- 第三方社交登录按钮 ---------- */
.user-form-content-container .plugins-tag + a,
.bottom-container .am-icon-btn,
.bottom-container [class*="social"],
.bottom-container [class*="oauth"],
.bottom-container [class*="third"] {
    border-radius: 50px !important;
    border: 0.1rem solid rgba(0,191,255,0.15) !important;
    background: rgba(255,255,255,0.6) !important;
    transition: all 0.25s ease !important;
    box-shadow: var(--box-shadow-sm) !important;
}
.user-form-content-container .plugins-tag + a:hover,
.bottom-container .am-icon-btn:hover,
.bottom-container [class*="social"]:hover,
.bottom-container [class*="oauth"]:hover,
.bottom-container [class*="third"]:hover {
    transform: translateY(-3px) !important;
    box-shadow: 0 6px 20px rgba(14,165,233,0.18) !important;
    border-color: var(--color-main) !important;
}

/* ---------- 底部容器 / 切换链接 ---------- */
.user-form-content-container .bottom-container {
    padding: 1rem 1.5rem 0.5rem !important;
    position: relative !important;
}
.user-form-content-container .bottom-content {
    text-align: center !important;
    font-size: 1.3rem !important;
    color: #636e72 !important;
}
.user-form-content-container .bottom-content a.am-color-main {
    color: var(--color-secondary) !important;
    font-weight: 600 !important;
    font-size: 1.3rem !important;
    padding: 0.2rem 0.8rem !important;
    border-radius: 50px !important;
    transition: all 0.25s ease !important;
}
.user-form-content-container .bottom-content a.am-color-main:hover {
    color: #fff !important;
    background: var(--gradient-main, linear-gradient(135deg, #00BFFF, #0EA5E9)) !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 12px rgba(0,191,255,0.2) !important;
}

/* ---------- 忘记密码链接 ---------- */
.user-form-content-container .am-color-grey {
    color: var(--color-main) !important;
    font-size: 1.3rem !important;
    transition: all 0.25s ease !important;
    opacity: 0.8 !important;
}
.user-form-content-container .am-color-grey:hover {
    color: var(--color-secondary) !important;
    opacity: 1 !important;
}

/* ---------- 记住我 / 协议勾选 ---------- */
.user-form-content-container .agreement {
    background: rgba(0,191,255,0.04) !important;
    border-radius: var(--border-radius) !important;
    padding: 1.2rem 1.5rem !important;
    border: 0.1rem solid rgba(0,191,255,0.08) !important;
}
.user-form-content-container .agreement .am-checkbox {
    color: #636e72 !important;
    font-size: 1.3rem !important;
}
.user-form-content-container .agreement .am-checkbox input[type="checkbox"] {
    accent-color: var(--color-main) !important;
}
.user-form-content-container .agreement a {
    color: var(--color-secondary) !important;
    transition: color 0.25s ease !important;
}
.user-form-content-container .agreement a:hover {
    color: var(--color-main) !important;
    text-decoration: underline !important;
}

/* ---------- 注册表单步骤标签页 ---------- */
.user-register-content-container .am-tabs-nav {
    border-bottom: 0.2rem solid rgba(0,191,255,0.1) !important;
}
.user-register-content-container .am-tab-panel {
    padding: 1.5rem !important;
}
.user-register-content-container .am-form {
    padding: 0.5rem 0 !important;
}

/* ---------- 找回密码页面容器 ---------- */
.user-forgetpwd-container .user-right-container {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
}
.user-forgetpwd-content-container .am-tabs-nav {
    border-bottom: 0.2rem solid rgba(0,191,255,0.1) !important;
    justify-content: center !important;
}
.user-forgetpwd-content-container .am-tabs-nav li a {
    color: #636e72 !important;
    font-size: 1.5rem !important;
    font-weight: 500 !important;
    border: none !important;
    position: relative !important;
}
.user-forgetpwd-content-container .am-tabs-nav li.am-active a {
    color: var(--color-main) !important;
    font-weight: 600 !important;
}
.user-forgetpwd-content-container .am-tabs-nav li.am-active a::after {
    content: '' !important;
    position: absolute !important;
    bottom: 0 !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    width: 60% !important;
    height: 0.3rem !important;
    border-radius: 0.3rem !important;
    background: var(--gradient-main) !important;
}
.user-forgetpwd-content-container .am-form-field {
    border-radius: var(--border-radius) !important;
    border: 0.1rem solid rgba(0,191,255,0.15) !important;
    background: rgba(255,255,255,0.6) !important;
    padding: 1.2rem 1.5rem !important;
    transition: all 0.25s ease !important;
}
.user-forgetpwd-content-container .am-form-field:focus {
    border-color: var(--color-main) !important;
    background: rgba(255,255,255,0.9) !important;
    box-shadow: 0 0 0 0.4rem rgba(0,191,255,0.12) !important;
}
.user-forgetpwd-content-container .am-btn-primary {
    background: var(--gradient-main) !important;
    border: none !important;
    border-radius: 50px !important;
    font-size: 1.6rem !important;
    font-weight: 600 !important;
    padding: 1.3rem 2rem !important;
    box-shadow: 0 6px 20px rgba(0,191,255,0.25) !important;
    transition: all 0.3s ease !important;
}
.user-forgetpwd-content-container .am-btn-primary:hover {
    background: var(--gradient-main-hover) !important;
    transform: translateY(-4px) !important;
    box-shadow: 0 10px 30px rgba(14,165,233,0.3) !important;
}
.user-forgetpwd-content-container .bottom-content a.am-color-main {
    color: var(--color-secondary) !important;
    font-weight: 600 !important;
    transition: all 0.25s ease !important;
}
.user-forgetpwd-content-container .bottom-content a.am-color-main:hover {
    color: var(--color-main) !important;
}

/* ---------- 关闭注册提示 ---------- */
.register-close {
    padding: 3rem 2rem !important;
    color: #636e72 !important;
}
.register-close i {
    color: var(--color-main) !important;
    font-size: 2.5rem !important;
    margin-bottom: 1rem !important;
}