/* 玄微大师 — 统一登录弹窗样式（使用主题变量，自动适配 dark 模式） */
#auth-modal { display:none; position:fixed; inset:0; background:rgba(0,0,0,.55); z-index:10000; align-items:center; justify-content:center; }
#auth-modal.active { display:flex; }
.auth-box { background:var(--color-panel); border-radius:12px; width:380px; max-width:calc(100vw - 32px); max-height:85vh; overflow-y:auto; padding:28px 28px 20px; box-shadow:0 20px 60px rgba(0,0,0,.3); position:relative; }
.auth-close { position:absolute; top:14px; right:16px; font-size:22px; cursor:pointer; color:var(--color-text-faint); border:none; background:none; padding:4px 8px; line-height:1; }
.auth-close:hover { color:var(--color-text); }
.auth-tabs { display:flex; border-bottom:2px solid var(--color-border-light); margin-bottom:20px; }
.auth-tab { flex:1; text-align:center; padding:8px 0; font-size:14px; font-weight:700; cursor:pointer; color:var(--color-text-faint); border-bottom:2px solid transparent; margin-bottom:-2px; transition:all .2s; }
.auth-tab.active { color:var(--color-brand); border-bottom-color:var(--color-brand); }
.auth-panel { display:none; }
.auth-panel.active { display:block; }
.login-sub-panel { display:none; }
.login-sub-panel.active { display:block; }
.auth-sub-tabs { display:flex; gap:8px; margin-bottom:16px; }
.auth-sub-tab { padding:4px 14px; border-radius:20px; font-size:12px; font-weight:700; cursor:pointer; color:var(--color-text-sec); border:1px solid var(--color-border); background:none; transition:all .2s; }
.auth-sub-tab.active { background:var(--color-brand); color:#fff; border-color:var(--color-brand); }
.auth-form-group { margin-bottom:12px; position:relative; }
.auth-form-group input { width:100%; padding:10px 12px; border:1px solid var(--color-border); border-radius:6px; font-size:14px; outline:none; box-sizing:border-box; background:var(--color-panel); color:var(--color-text); }
.auth-form-group input:focus { border-color:var(--color-brand); }
.auth-form-group input::placeholder { color:var(--color-text-faint); }
/* 覆盖浏览器自动填充的白色背景 */
.auth-form-group input:-webkit-autofill,
.auth-form-group input:-webkit-autofill:hover,
.auth-form-group input:-webkit-autofill:focus {
    -webkit-box-shadow: 0 0 0 1000px var(--color-panel) inset !important;
    -webkit-text-fill-color: var(--color-text) !important;
    transition: background-color 5000s ease-in-out 0s;
}
.auth-code-row { display:flex; gap:8px; align-items:center; }
.auth-code-row input { flex:1; }
.auth-btn-code { flex-shrink:0; white-space:nowrap; padding:10px; background:var(--color-brand); color:#fff; border:none; border-radius:6px; font-size:12px; font-weight:700; cursor:pointer; }
.auth-btn-code:disabled { opacity:.5; cursor:default; }
.auth-btn-submit { width:100%; padding:12px; background:var(--color-brand); color:#fff; border:none; border-radius:6px; font-size:15px; font-weight:700; cursor:pointer; margin-top:4px; }
.auth-btn-submit:hover { opacity:.88; }
.auth-divider { text-align:center; color:var(--color-text-faint); font-size:12px; margin:14px 0 12px; }
.auth-divider::before,.auth-divider::after { content:''; flex:1; height:1px; background:var(--color-border-light); }
.auth-btn-wechat { width:100%; padding:10px; background:var(--color-subtle); color:var(--color-text-faint); border:1px solid var(--color-border); border-radius:6px; font-size:13px; font-weight:600; cursor:pointer; display:flex; align-items:center; justify-content:center; gap:6px; }
/* ── 密码可见切换 ── */
.auth-pwd-toggle { position:absolute; right:10px; top:50%; transform:translateY(-50%); background:none; border:none; font-size:16px; cursor:pointer; color:var(--color-text-faint); padding:4px; line-height:1; }
.auth-pwd-toggle:hover { color:var(--color-text); }
/* ── 错误提示 ── */
.auth-err { font-size:12px; color:#e53e3e; margin-top:4px; display:none; }
.auth-err.show { display:block; }
