/* ============================================================
   印运达 · 认证页（登录 / 注册）
   依赖 layouts/app.blade.php 中的 --yd-* 变量
   ============================================================ */

.yd_auth { display: flex; justify-content: center; padding: 24px 0 40px; }
.yd_auth_card { width: 100%; max-width: 920px; background: #fff; border-radius: var(--yd-radius-xl); box-shadow: var(--yd-shadow-lg); overflow: hidden; display: grid; grid-template-columns: 380px 1fr; border: 1px solid var(--yd-border); }

/* 左品牌面板 */
.yd_auth_brand { background: var(--yd-grad); color: #fff; padding: 44px 38px; position: relative; overflow: hidden; display: flex; flex-direction: column; }
.yd_auth_brand::after { content: '\f4d8'; font-family: 'Font Awesome 5 Free'; font-weight: 900; position: absolute; right: -18px; bottom: -18px; font-size: 150px; opacity: 0.13; }
.yd_auth_logo { background: #fff; border-radius: var(--yd-radius-md); padding: 10px 16px; display: inline-flex; align-self: flex-start; margin-bottom: 26px; }
.yd_auth_logo img { height: 36px; width: auto; display: block; }
.yd_auth_brand h2 { font-size: 26px; font-weight: 800; line-height: 1.35; margin-bottom: 14px; position: relative; z-index: 1; }
.yd_auth_brand p { font-size: 14px; color: rgba(255,255,255,0.88); line-height: 1.8; margin-bottom: 28px; position: relative; z-index: 1; }
.yd_auth_feats { display: flex; flex-direction: column; gap: 14px; position: relative; z-index: 1; margin-top: auto; }
.yd_auth_feat { display: flex; align-items: center; gap: 12px; font-size: 14px; font-weight: 600; }
.yd_auth_feat i { width: 34px; height: 34px; border-radius: 50%; background: rgba(255,255,255,0.18); display: flex; align-items: center; justify-content: center; font-size: 14px; }

/* 右表单 */
.yd_auth_form { padding: 44px 46px; }
.yd_auth_form_head { margin-bottom: 26px; }
.yd_auth_form_head h3 { font-size: 24px; font-weight: 800; color: var(--yd-text-primary); margin-bottom: 6px; }
.yd_auth_form_head p { font-size: 13.5px; color: var(--yd-text-tertiary); }
.yd_auth_alert { background: #FEF2F2; border-left: 3px solid var(--yd-error); border-radius: var(--yd-radius-sm); padding: 12px 16px; margin-bottom: 20px; font-size: 13px; color: #991B1B; }
.yd_auth_alert div { line-height: 1.7; }

.yd_auth_field { margin-bottom: 18px; }
.yd_auth_label { display: block; font-size: 13.5px; font-weight: 600; color: var(--yd-text-secondary); margin-bottom: 7px; }
.yd_auth_input { width: 100%; border: 1.5px solid var(--yd-border); border-radius: var(--yd-radius-sm); padding: 12px 15px; font-size: 14px; color: var(--yd-text-primary); outline: none; transition: all 0.2s; }
.yd_auth_input:focus { border-color: var(--yd-primary); box-shadow: 0 0 0 3px var(--yd-primary-glow); }
.yd_auth_inputgroup { display: flex; gap: 10px; }
.yd_auth_inputgroup .yd_auth_input { flex: 1; }
.yd_auth_captcha { height: 46px; border: 1px solid var(--yd-border); border-radius: var(--yd-radius-sm); cursor: pointer; }
.yd_auth_codebtn { white-space: nowrap; border: 1.5px solid var(--yd-primary); background: #fff; color: var(--yd-primary); border-radius: var(--yd-radius-sm); padding: 0 16px; font-size: 13px; font-weight: 600; cursor: pointer; transition: all 0.2s; }
.yd_auth_codebtn:hover:not(:disabled) { background: var(--yd-primary-light); }
.yd_auth_codebtn:disabled { opacity: 0.6; cursor: not-allowed; }

.yd_auth_check { display: flex; align-items: center; gap: 8px; font-size: 13px; color: var(--yd-text-secondary); margin-bottom: 18px; }
.yd_auth_check input { width: 16px; height: 16px; accent-color: var(--yd-primary); flex-shrink: 0; }
.yd_auth_check a { color: var(--yd-primary); }

.yd_auth_submit { width: 100%; padding: 13px; background: var(--yd-grad); color: #fff; border: none; border-radius: var(--yd-radius-pill); font-size: 15px; font-weight: 700; letter-spacing: 2px; cursor: pointer; transition: all 0.22s; box-shadow: 0 6px 16px var(--yd-primary-glow); }
.yd_auth_submit:hover { transform: translateY(-2px); box-shadow: var(--yd-shadow-hover); }
.yd_auth_foot { text-align: center; font-size: 13.5px; color: var(--yd-text-tertiary); margin-top: 18px; }
.yd_auth_foot a { color: var(--yd-primary); font-weight: 600; }
.yd_auth_tip { text-align: center; font-size: 12px; color: var(--yd-text-tertiary); margin-top: 14px; }
.yd_auth_tip a { color: var(--yd-primary); }

@media (max-width: 768px) {
    .yd_auth_card { grid-template-columns: 1fr; max-width: 460px; }
    .yd_auth_brand { display: none; }
    .yd_auth_form { padding: 32px 26px; }
}