/* ═══════════════════════════════════════════════════════════
   主题来源 https://linux.do/t/topic/325119, 可以换自己喜欢的
   深烟雨主题 · Cherry Studio 主题美化 + LLM 回复容器样式 
   配色基调：墨青 / 雨灰 / 苔绿 / 琥珀
   ═══════════════════════════════════════════════════════════ */

/* ─── PART 1 · 应用 UI 美化 ─────────────────────────────── */

:root {
  --color-black-soft: #1a2429;
  --color-white-soft: #f5f7f6;
}

/* 深色：深烟雨 */
body[theme-mode="dark"] {
  --color-background:           #1a2429;   /* 主背景 - 墨青 */
  --color-background-soft:      #243038;   /* 次背景 - 雨灰 */
  --color-background-mute:      #1f2a31;   /* 静默 - 沉雾 */
  --navbar-background:          #131c20;   /* 导航 - 最深 */
  --chat-background:            #1a2429;
  --chat-background-user:       #1e3a3f;   /* 用户 - 青苔 */
  --chat-background-assistant:  #243038;
}

body[theme-mode="dark"] #content-container {
  background-color: #1a2429 !important;
}
body[theme-mode="dark"] #content-container #messages {
  background-color: #1a2429;
}

/* 输入框 */
body[theme-mode="dark"] .inputbar-container {
  background-color: #243038;
  border: 1px solid #2f3b43;
  border-radius: 10px;
}

/* 思考区文字 */
body[theme-mode="dark"] .ant-collapse-content-box .markdown {
  color: #94a3b8;
}

/* 全局行内代码 */
body[theme-mode="dark"] code {
  background-color: #0f1518;
  color: #f59e0b;
}
body[theme-mode="dark"] pre code {
  color: #cbd5e1;
  background: transparent;
}

/* 浅色：清雨（备用） */
body[theme-mode="light"] {
  --color-background:           #E8F0F2;
  --color-background-soft:      #DBE7EB;
  --color-background-mute:      #D1E0E5;
  --navbar-background:          #E3EDF0;
  --chat-background:            #EDF4F6;
  --chat-background-user:       #E8F0F2;
  --chat-background-assistant:  #DBE7EB;
  --color-white:                #EDF4F6;
}
body[theme-mode="light"] #content-container {
  background-color: #EDF4F6 !important;
}

/* ─── PART 2 · LLM 回复容器语义类 ────────────────────────── */

body[theme-mode="dark"] {
  --llm-card:    #243038;          /* 卡片底 */
  --llm-sunken:  #0f1518;          /* 凹陷底（代码、徽章） */
  --llm-fg:      #d6dde2;          /* 主文字 - 雾白 */
  --llm-muted:   #8a9aa3;          /* 次文字 - 烟灰 */
  --llm-border:  #2f3b43;          /* 边框 */

  /* 语义色：低饱和、与青底协调 */
  --llm-c-b:     #7dd3fc;          /* 青蓝 - 标题/信息 */
  --llm-c-g:     #86d9b9;          /* 松绿 - 成功/术语 */
  --llm-c-o:     #f5b76e;          /* 琥珀 - 警告/代码 */
  --llm-c-r:     #f08a8a;          /* 珊瑚 - 错误 */
  --llm-c-p:     #c4b5fd;          /* 紫藤 - 副标题 */
}

body[theme-mode="light"] {
  --llm-card:    #ffffff;
  --llm-sunken:  #DBE7EB;
  --llm-fg:      #1e293b;
  --llm-muted:   #64748b;
  --llm-border:  #B8CDD3;
  --llm-c-b:     #0369a1;
  --llm-c-g:     #047857;
  --llm-c-o:     #b45309;
  --llm-c-r:     #b91c1c;
  --llm-c-p:     #6d28d9;
}

/* 主容器 */
.reply { color: var(--llm-fg); line-height: 1.65; }
.reply h2, .reply h3 { color: var(--llm-c-b); margin: 1em 0 .4em; }
.reply h2 { font-size: 1.15em; border-bottom: 1px solid var(--llm-border); padding-bottom: 4px; }
.reply h3 { font-size: 1em; color: var(--llm-c-p); }
.reply p  { margin: .5em 0; }

/* 内联元素 */
.reply mark {
  background: rgba(245,183,110,.18);
  color: var(--llm-c-o);
  padding: 0 4px;
  border-radius: 3px;
}
.reply kbd {
  background: var(--llm-sunken);
  border: 1px solid var(--llm-border);
  border-radius: 3px;
  padding: 1px 6px;
  font-size: .85em;
  color: var(--llm-fg);
}

/* 表格 */
.reply table { border-collapse: collapse; width: 100%; margin: 8px 0; }
.reply th, .reply td { border: 1px solid var(--llm-border); padding: 6px 10px; text-align: left; }
.reply th { background: rgba(125,211,252,.08); color: var(--llm-c-b); }

/* 术语列表 */
.reply dl { display: grid; grid-template-columns: max-content 1fr; gap: 4px 14px; }
.reply dt { color: var(--llm-c-g); font-weight: 600; }

/* 折叠区 */
.reply details {
  background: var(--llm-card);
  border: 1px solid var(--llm-border);
  border-radius: 6px;
  padding: 8px 12px;
  margin: 6px 0;
}
.reply summary { cursor: pointer; color: var(--llm-c-b); font-weight: 600; }

/* 布局系统 */
.reply .row    { display: flex; gap: 12px; flex-wrap: wrap; margin: 10px 0; }
.reply .col    { flex: 1; min-width: 240px; }
.reply .grid   { display: grid; gap: 12px; margin: 10px 0; }
.reply .grid-2 { grid-template-columns: repeat(2, 1fr); }
.reply .grid-3 { grid-template-columns: repeat(3, 1fr); }

/* 卡片 */
.reply .card {
  background: var(--llm-card);
  border: 1px solid var(--llm-border);
  border-radius: 6px;
  padding: 12px 14px;
}
.reply .card-b { border-top: 3px solid var(--llm-c-b); }
.reply .card-g { border-top: 3px solid var(--llm-c-g); }
.reply .card-o { border-top: 3px solid var(--llm-c-o); }
.reply .card-r { border-top: 3px solid var(--llm-c-r); }
.reply .card-p { border-top: 3px solid var(--llm-c-p); }

/* 徽章 */
.reply .badge {
  display: inline-block;
  padding: 1px 8px;
  border-radius: 10px;
  font-size: .82em;
  background: var(--llm-sunken);
}
.reply .badge-b { color: var(--llm-c-b); }
.reply .badge-g { color: var(--llm-c-g); }
.reply .badge-o { color: var(--llm-c-o); }
.reply .badge-r { color: var(--llm-c-r); }

/* 提示框 */
.reply .note {
  border-left: 3px solid var(--llm-c-b);
  background: rgba(125,211,252,.07);
  padding: 10px 14px;
  border-radius: 4px;
  margin: 8px 0;
}
.reply .warn {
  border-left: 3px solid var(--llm-c-o);
  background: rgba(245,183,110,.07);
  padding: 10px 14px;
  border-radius: 4px;
  margin: 8px 0;
}
.reply .tip {
  border-left: 3px solid var(--llm-c-g);
  background: rgba(134,217,185,.07);
  padding: 10px 14px;
  border-radius: 4px;
  margin: 8px 0;
}