/* ============================================================
   auth-pages.css 缓存修复补丁
   原 auth-pages.css 被 WAF 按路径缓存了旧版本，其中使用 > 子选择器
   （.auth-main dl.input-list > dd）无法匹配 register/login 页中被 tab
   div 包裹的 dd。本文件为新路径，不会被旧缓存命中，用于覆盖修正。
   ============================================================ */

/* 修复：tab div 包裹后 dd 仍是 flex 行 */
.auth-main dl.input-list dd {
    margin-top: 18px;
    display: flex;
    align-items: center;
}

/* 修复：tab div 包裹后的输入框/下拉框样式 */
.auth-main dl.input-list dd input[type='text'],
.auth-main dl.input-list dd input[type='password'],
.auth-main dl.input-list dd select {
    flex: 1 1 auto;
    width: auto;
    height: 42px;
    padding: 0 14px;
    font-size: 16.8px;
    color: #2d3748;
    border: 1px solid #d9e0e8;
    border-radius: 8px;
    box-shadow: none;
    transition: border-color .15s, box-shadow .15s;
}
.auth-main dl.input-list dd input:focus,
.auth-main dl.input-list dd select:focus {
    border-color: #1675bb;
    box-shadow: 0 0 0 3px rgba(22, 117, 187, .15);
}
.auth-main dl.input-list dd input::placeholder {
    color: #b6bfca;
}

/* 验证码输入框保持短宽 */
.auth-main dl.input-list dd input[name='code'] {
    flex: 0 0 auto;
    width: 150px;
}

/* 手机号输入框允许收缩 */
.auth-main dl.input-list dd input#phone,
.auth-main dl.input-list dd input#lphone {
    min-width: 0;
}

/* 验证码「获取验证码」小按钮 */
.auth-main dl.input-list dd .form-sub {
    box-sizing: border-box;
    height: 42px;
    line-height: 42px;
    width: 120px;
    padding: 0 8px;
    border-radius: 8px;
    letter-spacing: 0;
    font-size: 15.6px;
    margin-left: 8px;
    flex: 0 0 120px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* 登录页手机号验证码行按钮（内联样式优先级高，需要覆盖） */
.auth-main dl.input-list dd .form-sub#lgetCode {
    width: 120px;
    height: 42px;
    line-height: 42px;
    margin-left: 8px;
    flex: 0 0 120px;
}

/* 空错误提示不占 flex 空间 */
.auth-main dl.input-list dd .form-error:empty {
    flex: 0 0 auto;
    width: 0;
    min-width: 0;
    padding: 0;
    margin: 0;
}

/* 表单标签字号 */
.auth-main .form-name {
    width: 92px;
    flex: 0 0 92px;
    color: #4a5568;
    font-size: 16.8px;
}