/* 认证页交互增强：分段切换控件与首页平台切换同款；使用浏览器支持的后代选择器，不依赖构建期 deep 转换。 */
.app-auth .auth-tabs { padding:5px; border:1px solid #e8e9f2; border-radius:16px; background:rgba(255,255,255,.9); box-shadow:0 4px 16px rgba(37,43,89,.035); }
.app-auth .auth-tabs .v-tabs-bar { height:44px; background:transparent !important; }
.app-auth .auth-tabs .v-slide-group__content { align-items:center; }
.app-auth .auth-tabs .v-tabs-slider-wrapper { display:none; }
.app-auth .auth-tab-item.v-tab { min-width:0; height:38px; padding:0 12px; border-radius:11px; color:#636b80; font-size:13px; font-weight:600; letter-spacing:0; text-transform:none; transition:background .18s,color .18s,box-shadow .18s; }
.app-auth .auth-tab-item.v-tab:hover:not(.v-tab--active) { color:#6255c7; background:#f4f2ff; }
.app-auth .auth-tab-item.v-tab--active { color:#fff !important; background:linear-gradient(115deg,#6464dd,#7e63da) !important; box-shadow:0 3px 9px rgba(102,91,205,.2); }
.app-auth .auth-tab-item .v-icon { color:inherit; }
.app-auth .auth-tab-panels { padding-top:26px; }
/* 注册表单不设口号式标题：以一句说明作为头部主文案，避免与左侧品牌区重复。 */
.app-auth .form-header--plain .form-subtitle { font-size:14.5px; font-weight:500; color:#4f5670; letter-spacing:.005em; }
.app-auth .verification-row { display:flex; align-items:flex-start; gap:10px; }
.app-auth .verification-input { min-width:0; }
.app-auth .verification-row .code-btn { flex:0 0 auto; }
.app-auth .auth-switch { display:flex; flex-wrap:wrap; align-items:center; justify-content:center; gap:6px; color:#929bad; font-size:12px; }
.app-auth .auth-switch a,.app-auth .auth-switch button { padding:2px; border-radius:4px; color:#6758d8; font-weight:600; text-decoration:none; }
.app-auth .auth-switch a:hover,.app-auth .auth-switch button:hover,.app-auth .forgot-link:hover { text-decoration:underline; text-underline-offset:3px; }
.app-auth .agreement-label { color:#778297; font-size:12px; line-height:1.6; }
.app-auth .agreement-label a { text-decoration:none; }
.app-auth .inv-status-row { display:flex; align-items:center; min-height:22px; padding:6px 0 2px; }
.app-auth .inv-status-text { font-size:11px; }
/* 邀请码校验通过：通过提示 + 赠送额度胶囊 + 邀请人，空间不足时整体换行而不挤压文本 */
.app-auth .inv-status-row--valid { flex-wrap:wrap; gap:2px 8px; }
.app-auth .inv-credit-pill { display:inline-flex; align-items:center; height:19px; padding:0 8px; border-radius:999px; background:#eeebff; color:#5a4ec9; font-size:11px; font-weight:600; white-space:nowrap; }
.app-auth .inv-inviter { color:#8b94a8; font-size:11px; }
.app-auth .inv-status-placeholder { min-height:4px; }
.app-auth .inv-optional-tag { margin-inline-start:4px; color:#8c96a9; font-weight:400; }
.app-auth .inv-required-mark { margin-inline-start:4px; color:#b34b5b; }
.app-auth .status-info { color:#687aa6; }
.app-auth .status-success { color:#37856c; }
.app-auth .status-error { color:#c24455; }
.app-auth button:focus-visible,.app-auth a:focus-visible,.app-auth .v-tab:focus-visible { outline:3px solid #8b7ee8; outline-offset:3px; }
@media (max-width:600px) { .app-auth .auth-tab-panels { padding-top:22px; } .app-auth .auth-tab-item.v-tab { padding:0 7px; font-size:12.5px; } .app-auth .auth-tab-item .v-icon { margin-inline-end:4px !important; } .app-auth .form-header--plain .form-subtitle { font-size:14px; } }
@media (max-width:380px) { .app-auth .auth-tab-item .v-icon { display:none; } .app-auth .verification-row { flex-direction:column; gap:4px; } .app-auth .verification-row .v-input,.app-auth .verification-row .code-btn { width:100%; } }
@media (prefers-reduced-motion:reduce) { .app-auth .auth-tab-item.v-tab { transition:none; } }
@media (forced-colors:active) { .app-auth .auth-tab-item.v-tab--active { outline:2px solid Highlight; } .app-auth .inv-credit-pill { border:1px solid CanvasText; } }
