/* =========================================================
   kb-theme.css — 知识库统一主题（DeepSeek 风格 · 唯一主题源）
   ---------------------------------------------------------
   适用范围：index / reader / docs / stats / vectors /
             changelog / login（知识库体系全部页面）
   原则：
     1. 全站仅此一套主题，禁止再新增调色板 / 主题切换机制；
     2. 下方“历史变量别名层”把各页面旧变量名统一指向
        DeepSeek 色板，页面内 var() 引用无需改名；
     3. 硬编码色值应优先改用本文件变量。
   品牌主色：#4D6BFE（DeepSeek Blue）
   ========================================================= */

:root{
  /* ─────────── DeepSeek 设计令牌 ─────────── */
  --accent:#4D6BFE;                 /* DeepSeek 品牌蓝 */
  --accent-hover:#3A5BFC;
  --accent-active:#2E4DF0;
  --accent-light:#5A74FE;
  --accent-soft:rgba(77,107,254,0.08);

  --bg:#FFFFFF;                     /* 画布底色（白） */
  --bg-soft:#F7F7F8;                /* 次级表面 / hover */
  --surface:#FFFFFF;                /* 卡片 / 输入面 */
  --surface-hover:#F2F2F4;

  --text-primary:#1A1A1A;           /* 主文字 */
  --text-secondary:#666666;         /* 次文字 */
  --text-muted:#999999;             /* 弱文字 */

  --border:rgba(0,0,0,0.08);        /* 细分隔线 */
  --border-soft:rgba(0,0,0,0.06);
  --border-strong:rgba(0,0,0,0.14);

  --success:#34C759;
  --success-2:#248A3D;
  --warning:#FF9500;
  --danger:#FF3B30;

  --radius:10px;
  --radius-md:12px;
  --radius-lg:14px;
  --shadow-sm:0 1px 2px rgba(0,0,0,0.04);
  --shadow-md:0 2px 8px rgba(0,0,0,0.06);
  --shadow-lg:0 8px 24px rgba(0,0,0,0.08);
  --blur:20px;
  --font:-apple-system,BlinkMacSystemFont,'PingFang SC','Microsoft YaHei','Helvetica Neue',sans-serif;
  --mono:'SF Mono',Consolas,'Courier New',monospace;

  /* ─────────── 历史变量别名层（勿新增主题） ─────────── */

  /* index.html / changelog.html（旧 Apple 风变量名） */
  --bg-deep:var(--bg);              /* 页面底色 */
  --bg-mid:#FAFAFA;
  --bg-light:#FFFFFF;
  --bg-sky:var(--bg-soft);
  --bg-glow:#FFFFFF;
  --cream:var(--surface);
  --cream-dark:var(--bg-soft);
  --paper:var(--surface);
  --paper-dark:var(--bg-soft);
  --moss:var(--accent);             /* 主色 */
  --moss-light:var(--accent-light);
  --moss-dark:var(--accent-active);
  --gold:var(--success);
  --gold-light:#3DDC63;
  --gold-dark:var(--success-2);
  --orange:var(--warning);
  --stone:#D2D2D7;
  --stone-dark:var(--text-muted);
  --ink:var(--text-primary);
  --ink-light:var(--text-secondary);
  --ink-faint:rgba(0,0,0,0.4);
  --vermillion:var(--danger);
  --vermillion-light:#FF453A;
  --chat-other:rgba(0,0,0,0.05);    /* 对方气泡 */
  --chat-self:var(--accent);        /* 自己气泡 */
  --card-bg:var(--surface);
  --card-border:var(--border);
  --hairline:var(--border);
  --hairline-strong:var(--border-strong);
  --glass:rgba(255,255,255,0.85);
  --glass-border:var(--border);
  --primary-glow:var(--accent-soft);
  --accent-glow:rgba(52,199,89,0.12);

  /* reader.html（旧变量名） */
  --ink-2:var(--text-secondary);
  --ink-3:var(--text-muted);
  --hairline-soft:var(--border-soft);
  --accent-soft:rgba(77,107,254,0.08);

  /* docs.html / login.html / vectors.html（旧 Material 变量名） */
  --primary:var(--accent);
  --primary-light:var(--accent-light);
  --primary-dark:var(--accent-active);
  --secondary:var(--accent-light);  /* 辅助强调（更浅的品牌蓝） */
  --secondary-light:#7B8AFE;
  --text-title:var(--text-primary);
  --text-body:#333333;
  --text:var(--text-primary);
  --text-light:var(--text-secondary);
  --text-lighter:var(--text-muted);
  --text-dark:var(--text-primary);
  --text-mid:var(--text-secondary);
  --highlight:var(--accent);
  --highlight-light:var(--accent-light);
  --bg-card:var(--surface);
  --border-hover:var(--border-strong);
  --panel-bg:var(--surface);
  --panel-border:var(--border);
  --divider:var(--border);
  --grid-line:rgba(0,0,0,0.05);
  --shadow:var(--shadow-sm);
  --shadow-hover:var(--shadow-lg);
  --accent-press:var(--accent-active);

  /* 布局尺寸（保持各页原值，避免布局变化） */
  --sidebar-w:280px;
  --header-h:52px;
  --topbar-h:52px;
  --content-w:800px;
}

/* ─────────── 公共基础样式 ─────────── */
*{box-sizing:border-box}

body{
  font-family:var(--font);
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  text-rendering:optimizeLegibility;
}

::selection{background:var(--accent-soft);color:var(--text-primary)}

::-webkit-scrollbar{width:10px;height:10px}
::-webkit-scrollbar-track{background:transparent}
::-webkit-scrollbar-thumb{background:rgba(0,0,0,0.18);border-radius:5px}
::-webkit-scrollbar-thumb:hover{background:rgba(0,0,0,0.30)}

button,input,select,textarea{font-family:inherit}
:focus-visible{outline:2px solid var(--accent);outline-offset:1px}