:root{--bg-secondary:var(--bg-card)}
.login-wrap{display:flex;align-items:center;justify-content:center;min-height:100vh;background:var(--bg-primary)}
.login-card{width:380px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:32px}
.login-title{font-size:22px;font-weight:700;text-align:center;margin-bottom:4px}
.login-sub{font-size:13px;color:var(--text-muted);text-align:center;margin-bottom:20px}
.login-error{background:#fef2f2;color:#dc2626;padding:10px 14px;border-radius:6px;font-size:13px;margin-bottom:16px;text-align:center}
.login-success{background:#f0fdf4;color:#15803d;padding:10px 14px;border-radius:6px;font-size:13px;margin-bottom:16px;text-align:center}
.tabs{display:flex;border-bottom:1px solid var(--border);margin-bottom:20px}
.tab{flex:1;text-align:center;padding:8px 0;cursor:pointer;font-size:14px;color:var(--text-muted);border-bottom:2px solid transparent}
.tab.active{color:var(--accent);border-bottom-color:var(--accent);font-weight:600}
.tab-content{display:none}
.tab-content.active{display:block}
.btn-sms{width:100px;font-size:12px;white-space:nowrap}
.input-group{display:flex;gap:8px}
.third-party{text-align:center;margin-top:16px;padding-top:16px;border-top:1px solid var(--border)}
.third-party-title{font-size:12px;color:var(--text-muted);margin-bottom:8px}
.third-party-btns{display:flex;gap:12px;justify-content:center}
.third-party-btn{width:48px;height:48px;border-radius:50%;border:1px solid var(--border);background:var(--bg-card);display:flex;align-items:center;justify-content:center;font-size:20px;cursor:pointer;text-decoration:none}
.third-party-btn:hover{background:var(--bg-secondary)}
.wechat{color:#07c160}.alipay{color:#1677ff}
.st_e5313461aa{width:100%;padding:10px}
.st_cb45893012{display:none}
.st_7adeeb145f{font-size:12px;color:var(--accent);text-align:center;margin-top:8px;display:none}
.st_556bb94c62{text-align:center;margin-top:12px;font-size:12px;color:var(--text-muted)}