body{ background:var(--c-sidebar);overflow:hidden}
		.ai-login-page{ min-height:100vh;display:grid;grid-template-columns:minmax(520px,720px) 430px;gap:74px;align-items:center;justify-content:center;padding:54px 7vw;background:radial-gradient(circle at 22% 18%,rgba(200,16,46,.28),transparent 34%),radial-gradient(circle at 72% 86%,rgba(255,255,255,.08),transparent 36%),var(--c-sidebar);color:#fff}
		.ai-login-hero{ height:min(780px,calc(100vh - 108px));display:flex;flex-direction:column;justify-content:space-between;min-width:0}
		.ai-login-brand{ display:flex;align-items:center;gap:14px}
		.ai-login-logo{ width:54px;height:54px;border-radius:16px;background:linear-gradient(145deg,#e4053b,#a70d27 70%);display:flex;align-items:center;justify-content:center;box-shadow:0 16px 38px rgba(200,16,46,.36)}
		.ai-login-logo .icon{ width:30px;height:30px;stroke-width:1.9}
		.ai-login-brand h1{ margin:0;font-size:22px;line-height:1.25}
		.ai-login-brand p{ margin:4px 0 0;color:#a5a5ad;font-size:13px}
		.ai-login-copy{ max-width:680px}
		.ai-login-copy h2{ margin:0 0 18px;font-size:44px;line-height:1.16;letter-spacing:0;font-weight:800}
		.ai-login-copy p{ margin:0;color:#c9c9d0;font-size:16px;line-height:1.9;max-width:560px}
		.ai-login-points{ display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:34px;max-width:720px}
		.ai-login-points span{ min-height:76px;border:1px solid rgba(255,255,255,.09);background:rgba(255,255,255,.05);border-radius:16px;padding:14px;color:#f5f5f7;font-size:13.5px;line-height:1.65}
		.ai-login-points .icon{ width:18px;height:18px;color:#ff5e72;margin-bottom:8px;display:block}
		.ai-login-foot{ color:#85858d;font-size:12.5px}
		.ai-login-panel-wrap{ display:flex;align-items:center;justify-content:center;min-width:0}
		.ai-login-panel{ width:100%;max-width:390px;background:var(--c-surface);color:var(--c-ink);border:1px solid var(--c-line);border-radius:24px;box-shadow:0 28px 80px rgba(0,0,0,.36);padding:28px}
		.ai-login-panel h2{ margin:0 0 8px;font-size:26px;line-height:1.25;font-weight:800}
		.ai-login-panel .sub{ margin:0 0 22px;color:var(--c-muted);line-height:1.7;font-size:13.5px}
		.ai-login-tabs{ display:grid;grid-template-columns:repeat(auto-fit,minmax(0,1fr));background:var(--c-line-2);border-radius:12px;padding:4px;margin-bottom:18px}
		.ai-login-tabs button{ height:38px;border:0;border-radius:9px;background:transparent;color:var(--c-muted);font-weight:700;cursor:pointer}
		.ai-login-tabs button.is-active{ background:var(--c-surface);color:var(--c-red);box-shadow:var(--sh-sm)}
		.ai-login-form{ display:none}
		.ai-login-form.is-active{ display:block}
		.ai-wx-login{ text-align:center;padding:4px 0 2px}
		.ai-wx-tip{ display:inline-flex;align-items:center;gap:7px;height:30px;padding:0 12px;border-radius:999px;background:#f0faf4;color:#159947;font-size:12.5px;font-weight:700;margin-bottom:14px}
		.ai-wx-tip .dot{ width:7px;height:7px;border-radius:50%;background:#19b95f;box-shadow:0 0 0 4px rgba(25,185,95,.12)}
		.ai-wx-qr{ position:relative;width:202px;height:202px;margin:0 auto;border:1px solid var(--c-line);border-radius:18px;background:var(--c-surface-2);display:flex;align-items:center;justify-content:center;overflow:hidden}
		.ai-wx-qr img{ width:176px;height:176px;object-fit:contain}
		.ai-wx-refresh{ position:absolute;inset:0;display:none;align-items:center;justify-content:center;flex-direction:column;gap:10px;background:rgba(255,255,255,.92);color:var(--c-ink-2);font-size:13px}
		.ai-wx-refresh button{ height:32px;border:0;border-radius:999px;padding:0 14px;background:var(--c-red);color:#fff;font-weight:700;cursor:pointer}
		.ai-wx-desc{ margin:14px 0 0;color:var(--c-muted);font-size:13px;line-height:1.75}
		.ai-wx-desc b{ color:var(--c-ink-2)}
		.ai-field{ margin-bottom:13px}
		.ai-field label{ display:block;margin-bottom:7px;color:var(--c-muted);font-size:12.5px}
		.ai-field .input{ height:44px;border:1px solid var(--c-line);border-radius:12px;background:var(--c-surface-2);display:flex;align-items:center;gap:9px;padding:0 12px;transition:.15s}
		.ai-field .input:focus-within{ border-color:var(--c-red);box-shadow:0 0 0 3px rgba(200,16,46,.08);background:var(--c-surface)}
		.ai-field .input .icon{ width:16px;height:16px;color:var(--c-faint)}
		.ai-field input{ width:100%;height:100%;border:0;background:transparent;outline:0;font-size:14px}
		.ai-captcha{ display:grid;grid-template-columns:1fr 112px;gap:9px}
		.ai-captcha img{ width:112px;height:44px;object-fit:cover;border:1px solid var(--c-line);border-radius:12px;background:var(--c-surface-2);cursor:pointer}
		.ai-code-row{ display:grid;grid-template-columns:1fr 106px;gap:9px}
		.ai-code-btn{ height:44px;border:1px solid var(--c-line);border-radius:12px;background:var(--c-surface);color:var(--c-red);font-weight:700;cursor:pointer}
		.ai-code-btn[disabled]{ color:var(--c-faint);cursor:not-allowed;background:var(--c-line-2)}
		.ai-login-options{ display:flex;align-items:center;justify-content:space-between;margin:4px 0 18px;color:var(--c-muted);font-size:12.5px}
		.ai-login-options label{ display:flex;align-items:center;gap:6px;cursor:pointer}
		.ai-login-options a{ color:var(--c-red)}
		.ai-login-submit{ width:100%;height:46px;border:0;border-radius:13px;background:var(--c-red);color:#fff;font-size:15px;font-weight:800;cursor:pointer;box-shadow:0 12px 26px rgba(200,16,46,.22);transition:.15s}
		.ai-login-submit:hover{ background:var(--c-red-deep);transform:translateY(-1px)}
		.ai-login-submit[disabled]{ opacity:.7;transform:none;cursor:not-allowed}
		.ai-login-protocol{ margin:15px 0 0;color:var(--c-faint);font-size:12px;line-height:1.75}
		.ai-login-protocol a{ color:var(--c-red)}
		.ai-oauth{ margin-top:20px;padding-top:18px;border-top:1px solid var(--c-line);display:flex;align-items:center;justify-content:space-between;gap:12px}
		.ai-oauth span{ color:var(--c-muted);font-size:12.5px}
		.ai-oauth .links{ display:flex;gap:8px}
		.ai-oauth a{ width:34px;height:34px;border:1px solid var(--c-line);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--c-ink-2);font-size:12px;font-weight:700}
		.ai-oauth a:hover{ border-color:var(--c-red);color:var(--c-red)}
		.ai-login-bottom{ margin-top:18px;text-align:center;color:var(--c-muted);font-size:13px}
		.ai-login-bottom a{ color:var(--c-red);font-weight:700}
		@media(max-width:980px){
			body{ overflow:auto}
			.ai-login-page{ grid-template-columns:1fr;gap:18px;min-height:100vh;padding:28px 24px 32px}
			.ai-login-hero{ height:auto}
			.ai-login-copy{ display:none}
			.ai-login-points{ display:none}
			.ai-login-panel-wrap{ align-items:flex-start}
			.ai-login-panel{ max-width:520px}
		}
		@media(max-width:520px){ .ai-login-page{ padding:22px 18px 28px}.ai-login-panel{ padding:22px;border-radius:18px}.ai-login-brand h1{ font-size:19px}.ai-login-panel h2{ font-size:23px}.ai-login-tabs button{ font-size:12.5px}.ai-wx-qr{ width:188px;height:188px}.ai-wx-qr img{ width:164px;height:164px} }