/* Generated by scripts/sync-design-colors.cjs from design/changtu-design-tokens.css. Color-only: existing layout tokens stay local. */
:root{
  color-scheme: light;
  --brand: #0B63C5;
  --brand-hover: #08427F;
  --focus: #1E9BE8;
  --accent: #FF7A1A;
  --accent-soft: #FFB169;
  --accent-tint: #FFF2E7;
  --violet: #7B3FE4;
  --violet-deep: #5B21B6;
  --violet-soft: #A78BFA;
  --violet-tint: #F3EEFF;
  --violet-line: #E4D9FB;
  --domain-expression: #0B63C5;
  --domain-expression-tint: #EAF4FE;
  --domain-thinking: #0E9F9F;
  --domain-thinking-tint: #E6F7F7;
  --domain-learning: #D97706;
  --domain-learning-tint: #FEF3E2;
  --domain-creativity: #7B3FE4;
  --domain-creativity-tint: #F3EEFF;
  --surface: #FFFFFF;
  --surface-2: #F6FAFF;
  --surface-3: #EAF4FE;
  --text: #0F1B2A;
  --text-2: #3C4C63;
  --text-3: #78879C;
  --border: #E3ECF6;
  --border-strong: #CBD5E1;
  --success: #0AB67D;
  --warning: #D97706;
  --danger: #E5484D;
  --blue-50: #EFF6FF;
  --blue-100: #DBEAFE;
  --blue-200: #BFDBFE;
  --blue-300: #93C5FD;
  --blue-400: #60A5FA;
  --blue-500: #3B82F6;
  --blue-600: #0B63C5;
  --blue-700: #08427F;
  --blue-800: #063260;
  --blue-900: #04203D;
  --blue-950: #02152A;
  --violet-50: #F5F3FF;
  --violet-100: #EDE9FE;
  --violet-200: #DDD6FE;
  --violet-300: #C4B5FD;
  --violet-400: #A78BFA;
  --violet-500: #8B5CF6;
  --violet-600: #7B3FE4;
  --violet-700: #5B21B6;
  --violet-800: #4C1D95;
  --violet-900: #3B1578;
  --violet-950: #2A0F55;
  --gray-50: #F8FAFC;
  --gray-100: #F1F5F9;
  --gray-200: #E2E8F0;
  --gray-300: #CBD5E1;
  --gray-400: #94A3B8;
  --gray-500: #64748B;
  --gray-600: #475569;
  --gray-700: #334155;
  --gray-800: #1E293B;
  --gray-900: #0F172A;
  --gray-950: #080D16;
  --blue: var(--brand);
  --blue-2: var(--focus);
  --blue-deep: var(--brand-hover);
  --ink: var(--text);
  --ink-2: var(--text-2);
  --muted: var(--text-3);
  --line: var(--border);
  --bg: var(--surface);
  --bg-2: var(--surface-2);
  --tint: var(--surface-3);
  --tint-2: var(--surface-2);
  --orange: var(--accent);
  --orange-2: var(--accent-soft);
  --orange-tint: var(--accent-tint);
  --violet-2: var(--violet-soft);
  --ok: var(--success);
  --ok-bg: var(--domain-thinking-tint);
  --warn: var(--warning);
  --warn-bg: var(--domain-learning-tint);
  --bad: var(--danger);
  --bad-bg: var(--accent-tint);
}

*{box-sizing:border-box}body{margin:0;background:var(--surface-2);color:var(--text);font:16px/1.65 system-ui,"Microsoft YaHei",sans-serif;min-height:100vh;display:grid;place-items:center;padding:24px}main{width:min(100%,420px);background:white;border:1px solid var(--border);border-radius:16px;padding:36px}.brand{font-weight:700;color:var(--brand)}h1{font-size:27px;margin:22px 0 8px}p{color:var(--text-3)}label{display:block;margin:18px 0}input{width:100%;display:block;padding:12px;border:1px solid var(--surface-3);border-radius:7px;margin-top:7px;font:inherit}button{width:100%;padding:12px;border:0;border-radius:7px;background:var(--brand);color:white;font:inherit;cursor:pointer}button:disabled{opacity:.6}input:focus-visible,button:focus-visible{outline:3px solid var(--focus);outline-offset:2px}small{display:block;color:var(--text-3);margin-top:20px;font-size:12px}#message{color:var(--danger);font-size:14px;min-height:23px}