/* 设计令牌 —— 高维「智能体」统一主题（大一统）。
   方向：暖白纸感 + 克制的高维蓝点缀 + 舒服易读的正文。四个网页共用本主题，
   只靠左侧栏的 agent 名字/logo 区分；右侧聊天区视觉一致。参照「智能体中心」原页面。 */
:root {
  /* 品牌点缀色（高维蓝，仅用于 logo / 发送键 / 链接 / 选中态，整体克制） */
  --brand-50:  oklch(97% 0.015 240);
  --brand-100: oklch(94% 0.03 240);
  --brand-200: oklch(88% 0.06 240);
  --brand-300: oklch(80% 0.09 242);
  --brand-400: oklch(71% 0.12 243);
  --brand-500: oklch(62% 0.135 244);  /* 主蓝 */
  --brand-600: oklch(55% 0.135 245);
  --brand-700: oklch(47% 0.115 246);
  --brand-800: oklch(39% 0.09 247);

  /* 墨色（暖中性，正文舒服不刺眼） */
  --ink-900: oklch(28% 0.008 70);
  --ink-700: oklch(42% 0.007 70);
  --ink-500: oklch(56% 0.006 70);
  --ink-400: oklch(67% 0.005 70);
  --ink-300: oklch(80% 0.004 70);

  /* 表面：暖白纸感 */
  --bg:        oklch(97.6% 0.006 75);  /* 暖纸背景 */
  --surface:   oklch(99.4% 0.003 75);  /* 卡片/输入框 近白 */
  --surface-2: oklch(96% 0.006 75);    /* 用户浅色块 / 选中态 */
  --line:      oklch(91% 0.006 75);
  --line-soft: oklch(94% 0.004 75);

  /* 语义色 */
  --good:    oklch(64% 0.13 150);
  --good-bg: oklch(95% 0.04 150);
  --warn:    oklch(62% 0.16 30);
  --warn-bg: oklch(95% 0.04 32);
  --gold:    oklch(80% 0.12 85);

  /* 字号（整体偏舒服，正文 16px，标题不过大） */
  --text-xs:  0.8rem;
  --text-sm:  0.9rem;
  --text-base: 1rem;
  --text-lg:  1.0625rem;
  --text-xl:  1.25rem;
  --text-2xl: clamp(1.45rem, 1.2rem + 1vw, 1.9rem);
  --text-hero: clamp(1.7rem, 1.3rem + 1.6vw, 2.4rem);

  --space-section: clamp(2.5rem, 1.8rem + 3vw, 5rem);

  --r-sm: 10px;
  --r-md: 14px;
  --r-lg: 20px;
  --r-xl: 28px;
  --shadow-sm: 0 1px 2px oklch(40% 0.02 70 / 0.05), 0 1px 6px oklch(40% 0.02 70 / 0.04);
  --shadow-md: 0 6px 20px oklch(45% 0.03 70 / 0.08), 0 2px 6px oklch(45% 0.03 70 / 0.05);
  --shadow-lg: 0 18px 48px oklch(45% 0.04 70 / 0.12), 0 4px 14px oklch(45% 0.03 70 / 0.07);
  --shadow-brand: 0 8px 22px oklch(55% 0.135 245 / 0.22);

  --dur-fast: 140ms;
  --dur: 280ms;
  --dur-slow: 480ms;
  --ease: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-soft: cubic-bezier(0.4, 0, 0.2, 1);

  --font-cjk: "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", system-ui, sans-serif;
  --font-num: "SF Mono", "JetBrains Mono", "Menlo", ui-monospace, monospace;
}

* { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body {
  margin: 0;
  font-family: var(--font-cjk);
  color: var(--ink-900);
  background: var(--bg);
  line-height: 1.75;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}
a { color: inherit; }
button { font-family: inherit; cursor: pointer; }
:focus-visible { outline: 2.5px solid var(--brand-500); outline-offset: 2px; border-radius: 4px; }

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation-duration: 0.01ms !important; transition-duration: 0.01ms !important; }
}