:root {
  --white-color: #101014;

  --bg-color-base: hsl(218, 22%, 10%);
  --bg-color-card: var(--white-color);
  --bg-color-select: #2a3a4d;
  --bg-color-hover: #293345;
  --bg-color-background: var(--white-color);
  --bg-menu-light: rgba(63, 95, 255, 0.15);
  --bg-left-menu: #18181C;


  --font-color-base: #bed0ff;
  --font-color-bread: #7282a0;
  --font-color-light: var(--color-text-gray);


  --border-color-base: #344055;
  
  --disabled-color: rgba(117, 132, 182, 0.5);
  --selecter-hover-color: #282828;
  --red-base: #FE4646;      /* 保留，*/
  --yellow-base: #FFBA00;         /* 保留，*/
  --color-success: #18a058;             /* 保留，成功色 */
  --primary-color-alt: #5B8EFF;        /* 保留，备用主色调，用于特定UI元素 */
  --link-color: #905dbf;

  --color-head-title: #a5c1f1;
  --color-left-menu-context: #bed0ff;

  /* 补充常用颜色变量 - 暗色系适配 */
  --color-text-primary: #e5e7eb;        /* 主要文字颜色（暗色系用浅灰） */
  --color-text-gray: #8a9ab8;           /* 灰色文字（保持蓝灰调） */
  --color-text-gray-blue: #d1d5db;      /* 灰蓝色文字（暗色系用浅灰） */
  --color-border-lightest: #2a3442;     /* 极浅的边框（暗色系用深灰） */
  
  --text-card-bg: #1a2332;            /* 浅色背景（暗色系用深蓝灰） */
  --tree-bg: #161c27;          /* 更浅的背景（暗色系用更深） */
  --color-bg-hover-light: #374151;      /* 浅色悬停背景（中深灰） */
  --bg-function-menu-hover: rgba(217, 223, 255, 0.08); /* 功能菜单悬停 */
  --bg-doc-block-hover: rgba(229, 230, 252, 0.08);     /* 文档块悬停 */
  --bg-color-table-stripe: #2a3442;     /* 表格斑马纹背景（暗色） */
  
  --table-th-color: #1f2937;         /* 禁用背景颜色（暗色系用深灰） */
  --scrollbar-bg: rgba(157, 166, 184, 0.3);
  
  --color-stroke: #9ca3af;                 /* 描边颜色（中灰） */
  --color-stroke-light: #6b7280;        /* 浅色描边（深灰） */
  --color-stroke-active: #60a5fa;       /* 激活描边（亮蓝） */
  
  --color-border-card-item: #3d4a5c;    /* 卡片项边框颜色（暗色） */
  --color-bg-card-item-active: rgba(91, 142, 255, 0.15); /* 卡片项激活背景色（暗色） */
  --color-bg-config-summary: #1a2332;   /* 配置总结背景色（暗色） */

  --create-project-bg: radial-gradient(#2a3a4d 0%, #1f2d3d 100%);
  --kg-stats-card-bg: radial-gradient(at 0% 0%, #1e2a3a 0%, #1a2332 99%);  /* 知识图谱统计卡片背景（暗色） */
  --btn-add-gradient: linear-gradient(-87deg, #5B8EFF, #9370DB);  /* 添加按钮渐变背景（暗色） */
  
  --debug-bg-user: #1e293b;             /* Debug用户消息背景（深蓝灰） */
  --debug-bg-assistant: #0f172a;        /* Debug助手消息背景（极深蓝） */
  --debug-text-gray: #94a3b8;           /* Debug灰色文字（浅灰） */

  --chat-item-active-bg: rgba(91, 142, 255, 0.15);  /* 聊天列表项激活/悬停背景（暗色） */

  --site-notice-icon-color: var(--font-color-bread);
  --site-notice-primary-bg-hover: rgba(91, 142, 255, 0.08);
  --site-notice-primary-bg: rgba(91, 142, 255, 0.1);
  --site-notice-primary-bg-strong: rgba(91, 142, 255, 0.14);
  --site-notice-primary-bg-selected: rgba(91, 142, 255, 0.18);
  --site-notice-primary-border-hover: rgba(91, 142, 255, 0.24);
  --site-notice-primary-border: rgba(91, 142, 255, 0.32);
  --site-notice-primary-border-strong: rgba(91, 142, 255, 0.44);
  --site-notice-warning-border: rgba(255, 186, 0, 0.32);
  --site-notice-warning-bg: rgba(255, 186, 0, 0.12);
  --site-notice-warning-icon: var(--yellow-base);
  --site-notice-danger-bg: rgba(254, 70, 70, 0.16);
  --site-notice-danger-color: var(--red-base);
  --site-notice-scrollbar-thumb: var(--scrollbar-bg);
  --site-notice-scrollbar-thumb-hover: rgba(157, 166, 184, 0.45);

  --text-card-hover-border: rgba(91, 142, 255, 0.62);
  --text-card-expired-bg: linear-gradient(180deg, rgba(254, 70, 70, 0.16), rgba(254, 70, 70, 0.05)), var(--text-card-bg);
  --text-card-expired-badge-bg: rgba(254, 70, 70, 0.18);
  --text-card-expired-badge-color: #ff8a8a;
  --text-card-expired-badge-border: rgba(254, 70, 70, 0.34);
  --text-card-expired-badge-shadow: rgba(0, 0, 0, 0.22);

  --mask-bg: rgba(0, 0, 0, 0.7);

  /* Deep Research Toggle */
  --toggle-bg: var(--white-color);
  --toggle-border: var(--border-color-base);
  --toggle-hover-bg: var(--bg-color-hover);
  --toggle-active-bg: rgba(91, 142, 255, 0.15);
  --toggle-active-border: var(--primary-color-alt);

  /* Report Preview */
  --report-preview-bg: #161c27;
  --report-preview-text-bg: #101014;
  --report-preview-img-bg: #161c27;

  /* ==================== 笔记模块颜色（暗色主题） ==================== */

  /* 笔记主题色 */
  --note-primary: #7b93ff;
  --note-primary-alt: #60a5fa;

  /* 笔记文字颜色 */
  --note-text-title: #e5e7eb;
  --note-text-subtitle: #9ca3af;
  --note-text-meta: #6b7280;
  --note-text-label: #9ca3af;
  --note-text-description: #9ca3af;
  --note-text-eyebrow: #9ca3af;
  --note-text-value: #d1d5db;

  /* 笔记主色透明系列 */
  --note-primary-alpha-4: rgba(123, 147, 255, 0.04);
  --note-primary-alpha-8: rgba(123, 147, 255, 0.08);
  --note-primary-alpha-12: rgba(123, 147, 255, 0.12);
  --note-primary-alpha-14: rgba(123, 147, 255, 0.14);
  --note-primary-alpha-16: rgba(123, 147, 255, 0.16);

  /* 笔记备用主色透明系列 */
  --note-alt-alpha-4: rgba(96, 165, 250, 0.04);
  --note-alt-alpha-5: rgba(96, 165, 250, 0.05);
  --note-alt-alpha-6: rgba(96, 165, 250, 0.06);
  --note-alt-alpha-8: rgba(96, 165, 250, 0.08);
  --note-alt-alpha-10: rgba(96, 165, 250, 0.1);
  --note-alt-alpha-11: rgba(96, 165, 250, 0.11);
  --note-alt-alpha-14: rgba(96, 165, 250, 0.14);
  --note-alt-alpha-18: rgba(96, 165, 250, 0.18);
  --note-alt-alpha-24: rgba(96, 165, 250, 0.24);

  /* 笔记背景颜色 */
  --note-bg-sidebar-start: #18181c;
  --note-bg-sidebar-end: #101014;
  --note-bg-main-start: #101014;
  --note-bg-main-end: #161c27;
  --note-bg-preview-start: #101014;
  --note-bg-preview-end: #161c27;
  --note-bg-editor-start: #101014;
  --note-bg-editor-end: #181c24;

  /* 笔记边框颜色 */
  --note-border-divider: rgba(255, 255, 255, 0.06);
  --note-border-dashed: rgba(255, 255, 255, 0.08);

  /* 笔记阴影颜色 */
  --note-shadow-card: rgba(0, 0, 0, 0.2);
  --note-shadow-panel: rgba(0, 0, 0, 0.15);
  --note-shadow-panel-lg: rgba(0, 0, 0, 0.2);
  --note-shadow-note: rgba(0, 0, 0, 0.15);
  --note-shadow-inset: rgba(255, 255, 255, 0.05);
  --note-shadow-inset-alt: rgba(255, 255, 255, 0.05);

  /* 笔记状态颜色 - 已保存 */
  --note-status-saved-bg: rgba(34, 197, 94, 0.2);
  --note-status-saved-text: #4ade80;

  /* 笔记状态颜色 - 未保存 */
  --note-status-dirty-bg: rgba(251, 191, 36, 0.2);
  --note-status-dirty-text: #fbbf24;

  /* 笔记状态颜色 - 保存中 */
  --note-status-saving-bg: rgba(96, 165, 250, 0.2);
  --note-status-saving-text: #60a5fa;

  /* 笔记欢迎页 - 徽章 */
  --note-welcome-badge-start: rgba(251, 191, 36, 0.3);
  --note-welcome-badge-end: rgba(251, 191, 36, 0.15);
  --note-welcome-badge-text: #fbbf24;

  /* 笔记欢迎页 - 高亮 */
  --note-welcome-highlight: rgba(251, 191, 36, 0.4);
  --note-welcome-highlight-alt: rgba(251, 191, 36, 0.3);
  --note-welcome-highlight-selection: rgba(251, 191, 36, 0.35);

  /* 笔记欢迎页 - 装饰线 */
  --note-welcome-line-start: rgba(74, 222, 128, 0.9);
  --note-welcome-line-end: rgba(251, 191, 36, 0.9);
  --note-welcome-note-line: rgba(251, 191, 36, 0.7);
  --note-welcome-note-line-alt: rgba(74, 222, 128, 0.7);

  /* 笔记欢迎页 - 笔记卡片 */
  --note-welcome-note-border: rgba(251, 191, 36, 0.2);
  --note-welcome-note-border-alt: rgba(74, 222, 128, 0.2);
  --note-welcome-note-start: rgba(251, 191, 36, 0.08);
  --note-welcome-note-end: rgba(30, 41, 59, 0.9);
  --note-welcome-note-alt-start: rgba(74, 222, 128, 0.08);
  --note-welcome-note-alt-end: rgba(30, 41, 59, 0.9);
  --note-welcome-note-title: #fbbf24;

  /* 笔记加载骨架屏 */
  --note-skeleton-start: rgba(55, 65, 81, 0.8);
  --note-skeleton-mid: rgba(75, 85, 99, 0.9);
  --note-skeleton-end: rgba(55, 65, 81, 0.8);
  --note-skeleton-primary-start: rgba(96, 165, 250, 0.2);
  --note-skeleton-primary-mid: rgba(96, 165, 250, 0.3);
  --note-skeleton-primary-end: rgba(96, 165, 250, 0.2);
  --note-skeleton-shimmer: rgba(255, 255, 255, 0.1);

  /* Markdown 预览 */
  --note-markdown-text: #d1d5db;

  /* 笔记编辑器 */
  --note-editor-cursor: #60a5fa;
  --note-editor-shadow: rgba(0, 0, 0, 0.2);
  --note-editor-text: #d1d5db;

  /* 笔记源代码预览 */
  --note-source-bg: #0d1117;
  --note-source-text: #c9d1d9;
}
.vxe-pager{
  background: rgb(33, 41, 54);
}
.vxe-pager .vxe-pager--jump-prev, .vxe-pager .vxe-pager--prev-btn, .vxe-pager .vxe-pager--next-btn, .vxe-pager .vxe-pager--jump-next, .vxe-pager .vxe-pager--num-btn{
  background: rgb(33, 41, 54);
}
 .row--stripe .col--ellipsis{
  background: rgb(42, 52, 66);
}

body{
  background: var(--bg-color-background);
  margin: 0;
  overflow: hidden;
}

#app {
  width: 100vw;
  height: 100vh;
  padding: 0;
  margin: 0;
  font-weight: normal;
  overflow: hidden;

  input:-webkit-autofill,
  textarea:-webkit-autofill,
  select:-webkit-autofill {
    padding-left: 5px;
    color: var(--font-color-base) !important;
    -webkit-text-fill-color: #FFF !important;
    background-image: none;
    -webkit-box-shadow: 0 0 0 1000px transparent inset !important;
    background-color: transparent;
    transition: background-color 50000s ease-in-out 0s;
  }
}

/* 工具内容通用样式 - 暗色主题 */
.tool-content {
  margin-left: 24px;
  font-size: 14px;
  word-break: break-word;
  white-space: pre-wrap;
  color: var(--font-color-base);
}

.tool-content img {
  width: 100%;
  height: auto;
}

.tool-content table {
  border-collapse: collapse;
  width: 100%;
  max-width: 100%;
  margin: 1rem 0;
  font-size: 14px;
  line-height: 1.6;
  border: 1px solid #3d4a5c;
}

.tool-content th,
.tool-content td {
  border: 1px solid #3d4a5c;
  padding: 8px 12px;
  text-align: left;
  vertical-align: top;
  color: rgb(160, 163, 167);
  &:hover{
    background-color: #262727;
  }
}

.tool-content th {
  background-color: #28282A;
  color: rgb(160, 163, 167);
}

.tool-content tr:nth-child(even) {
  background-color: #28282A;
  color: rgb(160, 163, 167);
  
}

.tool-content caption {
  font-weight: bold;
  margin-bottom: 0.5rem;
  /* color: #e5e7eb; */
}