css
/* ================================================================
   ⚜ 圣女之焰 · 法兰西荣光 ⚜
   终极美化协议 V3.0 — 中世纪泥金手抄本 × 哥特圣殿
   ================================================================ */

/* ═══════════════════════════════════════
   [0] 动画引擎：圣光、烛火、金箔
   ═══════════════════════════════════════ */
@keyframes sacredGlow {
  0%, 100% { opacity: 0.6; filter: blur(20px); }
  50% { opacity: 1; filter: blur(30px); }
}
@keyframes candleFlicker {
  0%, 100% { opacity: 0.9; }
  25% { opacity: 1; }
  50% { opacity: 0.85; }
  75% { opacity: 0.95; }
}
@keyframes goldShimmer {
  0% { background-position: -200% center; }
  100% { background-position: 200% center; }
}
@keyframes bannerWave {
  0%, 100% { transform: scaleY(1); }
  50% { transform: scaleY(1.01); }
}
@keyframes inkBleed {
  from { opacity: 0; transform: translateY(8px); }
  to { opacity: 1; transform: translateY(0); }
}
@keyframes borderPulse {
  0%, 100% { border-color: rgba(201, 162, 39, 0.4); }
  50% { border-color: rgba(201, 162, 39, 0.8); }
}
@keyframes holyRays {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

/* ═══════════════════════════════════════
   [1] 强制清除：抹除一切现代痕迹
   ═══════════════════════════════════════ */
[class*="bg-[#F1CBCB]"],
[class*="bg-[#c9e1e9]"] {
  display: none !important;
}

/* ═══════════════════════════════════════
   [2] 核心聊天容器：圣殿之壁
   多层边框 + 四角纹章 + 圣光底纹
   ═══════════════════════════════════════ */
.bg-gray-100\/90.relative.inline-block {
  /* 基底：深邃的皇家蓝黑，叠加细腻皮革纹理 */
  background:
    radial-gradient(ellipse at 20% 0%, rgba(201, 162, 39, 0.08) 0%, transparent 50%),
    radial-gradient(ellipse at 80% 100%, rgba(107, 15, 26, 0.12) 0%, transparent 50%),
    linear-gradient(175deg, #0c1a2e 0%, #0a1020 40%, #12101e 70%, #0e0a18 100%) !important;
  /* 三层边框系统：外金 → 中蓝 → 内金线 */
  border: none !important;
  outline: 3px solid #c9a227 !important;
  outline-offset: -1px !important;
  box-shadow:
    /* 外层：深沉的投影 */
    0 8px 40px rgba(0, 0, 0, 0.7),
    0 2px 15px rgba(0, 0, 0, 0.5),
    /* 中层：金色外发光 */
    0 0 20px rgba(201, 162, 39, 0.15),
    0 0 60px rgba(201, 162, 39, 0.05),
    /* 内层：圣殿内壁的微光 */
    inset 0 0 40px rgba(10, 16, 32, 0.9),
    inset 0 0 80px rgba(201, 162, 39, 0.04),
    inset 0 1px 0 rgba(201, 162, 39, 0.2),
    inset 0 -1px 0 rgba(201, 162, 39, 0.1) !important;
  border-radius: 2px !important;
  padding: 36px 28px 28px !important;
  position: relative !important;
  margin: 24px 4px !important;
  overflow: visible !important;
}

/* 顶部装饰带：法兰西王室纹章横幅 */
.bg-gray-100\/90.relative.inline-block::before {
  content: '━━━ ⚜ POUR LA FRANCE ⚜ ━━━' !important;
  position: absolute !important;
  top: -1px !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  font-family: 'Cinzel', 'Noto Serif SC', serif !important;
  font-size: 10px !important;
  letter-spacing: 4px !important;
  color: #c9a227 !important;
  background: linear-gradient(90deg, #0c1a2e, #141e30 20%, #1a2744 50%, #141e30 80%, #0c1a2e) !important;
  padding: 4px 24px !important;
  border-bottom: 1px solid rgba(201, 162, 39, 0.3) !important;
  white-space: nowrap !important;
  text-shadow: 0 0 8px rgba(201, 162, 39, 0.4) !important;
  z-index: 5 !important;
}

/* 底部装饰带：十字与鸢尾花 */
.bg-gray-100\/90.relative.inline-block::after {
  content: '✦ ─── ✝ ─── ✦' !important;
  position: absolute !important;
  bottom: 4px !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  font-size: 11px !important;
  letter-spacing: 3px !important;
  color: rgba(201, 162, 39, 0.35) !important;
  white-space: nowrap !important;
  z-index: 5 !important;
}

/* ═══════════════════════════════════════
   [3] 正文文本：泥金手抄本的墨迹
   ═══════════════════════════════════════ */
.markdown-body {
  font-family: 'Noto Serif SC', 'Cinzel', Georgia, serif !important;
  color: #ddd0b8 !important;
  font-size: 15px !important;
  line-height: 2 !important;
  letter-spacing: 0.3px !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6) !important;
  animation: inkBleed 0.6s ease-out !important;
}

/* 段落首行缩进 + 段间装饰 */
.markdown-body p {
  text-indent: 2em !important;
  margin-bottom: 16px !important;
  position: relative !important;
}

/* 加粗文字：金箔烫印效果 */
.markdown-body strong {
  color: transparent !important;
  background: linear-gradient(135deg, #8b6914, #c9a227, #f0d060, #c9a227, #8b6914) !important;
  background-size: 300% auto !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  animation: goldShimmer 4s linear infinite !important;
  font-weight: 700 !important;
  filter: drop-shadow(0 0 2px rgba(201, 162, 39, 0.3)) !important;
}

/* 斜体：圣人的低语 */
.markdown-body em {
  color: #b8a080 !important;
  font-style: italic !important;
  border-bottom: 1px dotted rgba(201, 162, 39, 0.25) !important;
}

/* 链接：圣火之触 */
.markdown-body a {
  color: #e8b830 !important;
  text-decoration: none !important;
  border-bottom: 1px solid rgba(232, 184, 48, 0.3) !important;
  transition: all 0.3s !important;
}
.markdown-body a:hover {
  color: #fff4b0 !important;
  border-bottom-color: #fff4b0 !important;
  text-shadow: 0 0 8px rgba(255, 244, 176, 0.4) !important;
}

/* 引用块：神谕的回响 */
.markdown-body blockquote {
  border-left: 3px solid #c9a227 !important;
  background: linear-gradient(90deg, rgba(201, 162, 39, 0.08), transparent) !important;
  padding: 12px 20px !important;
  margin: 16px 0 !important;
  font-style: italic !important;
  color: #c9a880 !important;
  position: relative !important;
}
.markdown-body blockquote::before {
  content: '❝' !important;
  position: absolute !important;
  top: -5px !important;
  left: 8px !important;
  font-size: 28px !important;
  color: rgba(201, 162, 39, 0.25) !important;
}

/* 水平分割线：剑刃 */
.markdown-body hr {
  border: none !important;
  height: 1px !important;
  background: linear-gradient(90deg, transparent, #c9a227 20%, #f0d060 50%, #c9a227 80%, transparent) !important;
  margin: 24px 0 !important;
  position: relative !important;
}
.markdown-body hr::after {
  content: '⚜' !important;
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  background: #0c1a2e !important;
  padding: 0 12px !important;
  color: #c9a227 !important;
  font-size: 14px !important;
}

/* ═══════════════════════════════════════
   [4] 折叠面板 (Details)：王室密令卷轴
   ═══════════════════════════════════════ */
details {
  margin: 18px 0 !important;
  border: 1px solid rgba(201, 162, 39, 0.25) !important;
  border-radius: 0 !important;
  background: rgba(10, 16, 32, 0.5) !important;
  position: relative !important;
  overflow: hidden !important;
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1) !important;
  animation: borderPulse 6s ease-in-out infinite !important;
}

/* 展开时的华丽变化 */
details[open] {
  border-color: rgba(201, 162, 39, 0.6) !important;
  box-shadow:
    0 4px 20px rgba(0, 0, 0, 0.4),
    0 0 30px rgba(201, 162, 39, 0.08),
    inset 0 0 30px rgba(201, 162, 39, 0.03) !important;
}

/* ═══════════════════════════════════════
   [5] Summary：战旗标题 — 核心视觉焦点
   ═══════════════════════════════════════ */
summary {
  /* 三色渐变战旗：深蓝 → 殉道红 → 深蓝 */
  background:
    linear-gradient(90deg,
      #0a1628 0%,
      #0e1e38 8%,
      #6b0f1a 35%,
      #8b1a2e 50%,
      #6b0f1a 65%,
      #0e1e38 92%,
      #0a1628 100%) !important;
  padding: 14px 22px 14px 48px !important;
  font-family: 'Cinzel', 'Noto Serif SC', serif !important;
  font-size: 15px !important;
  color: #f0d060 !important;
  letter-spacing: 2.5px !important;
  cursor: pointer !important;
  list-style: none !important;
  position: relative !important;
  border-bottom: 1px solid rgba(201, 162, 39, 0.3) !important;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.8), 0 0 12px rgba(240, 208, 96, 0.15) !important;
  transition: all 0.3s !important;
  animation: bannerWave 8s ease-in-out infinite !important;
  /* 上下金线装饰 */
  box-shadow:
    inset 0 1px 0 rgba(201, 162, 39, 0.3),
    inset 0 -1px 0 rgba(201, 162, 39, 0.15) !important;
}

/* 左侧鸢尾花纹章 */
summary::before {
  content: '⚜' !important;
  position: absolute !important;
  left: 16px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  font-size: 18px !important;
  color: #f0d060 !important;
  text-shadow: 0 0 10px rgba(240, 208, 96, 0.5) !important;
  animation: candleFlicker 3s ease-in-out infinite !important;
  transition: transform 0.3s !important;
}

/* 右侧展开指示器 */
summary::after {
  content: '▸' !important;
  position: absolute !important;
  right: 18px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  font-size: 14px !important;
  color: #c9a227 !important;
  transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

details[open] > summary::after {
  transform: translateY(-50%) rotate(90deg) !important;
}

/* 悬停效果：圣光降临 */
summary:hover {
  background:
    linear-gradient(90deg,
      #0e1e38 0%,
      #122848 8%,
      #8b1a2e 35%,
      #a02040 50%,
      #8b1a2e 65%,
      #122848 92%,
      #0e1e38 100%) !important;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.8), 0 0 20px rgba(240, 208, 96, 0.3) !important;
}

/* 隐藏默认marker */
summary::-webkit-details-marker { display: none !important; }
summary::marker { display: none !important; content: '' !important; }

/* ═══════════════════════════════════════
   [6] 面板内容区：泥金手抄本内页
   ═══════════════════════════════════════ */
details > *:not(summary) {
  color: #ddd0b8 !important;
  font-size: 14px !important;
  line-height: 1.85 !important;
}

/* 内容区整体背景：深色羊皮纸 */
details[open] {
  background:
    linear-gradient(180deg, rgba(10, 16, 32, 0.7) 0%, rgba(18, 16, 30, 0.8) 100%) !important;
}

/* 内部标题：章节装饰 */
details h3, details h4 {
  font-family: 'Cinzel', 'Noto Serif SC', serif !important;
  color: #f0d060 !important;
  font-size: 14px !important;
  letter-spacing: 1.5px !important;
  margin: 16px 0 8px !important;
  padding-bottom: 6px !important;
  border-bottom: 1px solid rgba(201, 162, 39, 0.15) !important;
  text-shadow: 0 0 6px rgba(240, 208, 96, 0.2) !important;
}

/* 内部加粗 */
details strong {
  color: #e8c850 !important;
  font-weight: 700 !important;
}

/* 内部列表 */
details ul, details ol {
  padding-left: 8px !important;
  list-style: none !important;
}
details li {
  position: relative !important;
  padding-left: 20px !important;
  margin-bottom: 6px !important;
  color: #c8b898 !important;
}
details li::before {
  content: '◈' !important;
  position: absolute !important;
  left: 0 !important;
  color: #c9a227 !important;
  font-size: 10px !important;
  top: 4px !important;
}

/* 内部表格：军事简报 */
details table {
  width: 100% !important;
  border-collapse: collapse !important;
  margin: 12px 0 !important;
}
details th {
  background: linear-gradient(180deg, #1a2744, #0e1e38) !important;
  color: #f0d060 !important;
  font-family: 'Cinzel', serif !important;
  font-size: 12px !important;
  letter-spacing: 1px !important;
  padding: 10px !important;
  border: 1px solid rgba(201, 162, 39, 0.3) !important;
  text-align: left !important;
}
details td {
  padding: 8px 10px !important;
  border: 1px solid rgba(201, 162, 39, 0.15) !important;
  color: #c8b898 !important;
  font-size: 13px !important;
  background: rgba(10, 16, 32, 0.3) !important;
}
details tr:hover td {
  background: rgba(201, 162, 39, 0.05) !important;
}

/* ═══════════════════════════════════════
   [7] 代码块 / 战略地图：战术沙盘
   ═══════════════════════════════════════ */
details pre, .markdown-body pre {
  background:
    linear-gradient(rgba(8, 8, 16, 0.95), rgba(12, 12, 24, 0.95)) !important;
  color: #a0b8a0 !important;
  border: 1px solid rgba(201, 162, 39, 0.2) !important;
  padding: 16px !important;
  margin: 12px 0 !important;
  font-family: 'Courier New', monospace !important;
  font-size: 12px !important;
  line-height: 1.5 !important;
  overflow-x: auto !important;
  position: relative !important;
  box-shadow: inset 0 0 20px rgba(0, 0, 0, 0.5) !important;
}

details pre::before, .markdown-body pre::before {
  content: '── 战术文书 ──' !important;
  position: absolute !important;
  top: 0 !important;
  right: 0 !important;
  font-size: 9px !important;
  color: rgba(201, 162, 39, 0.3) !important;
  padding: 2px 8px !important;
  font-family: 'Cinzel', serif !important;
  letter-spacing: 2px !important;
}

.markdown-body code {
  background: rgba(201, 162, 39, 0.08) !important;
  color: #e8c850 !important;
  padding: 1px 6px !important;
  border: 1px solid rgba(201, 162, 39, 0.15) !important;
  font-size: 0.9em !important;
}

/* ═══════════════════════════════════════
   [8] 特殊面板识别：根据内容定制
   ═══════════════════════════════════════ */

/* 思维链面板：神谕之眼 */
details:first-of-type summary {
  background:
    linear-gradient(90deg,
      #0a1628 0%,
      #0e1e38 10%,
      #1a2744 40%,
      #243660 50%,
      #1a2744 60%,
      #0e1e38 90%,
      #0a1628 100%) !important;
}

/* ═══════════════════════════════════════
   [9] 图片：战场素描的画框
   ═══════════════════════════════════════ */
.markdown-body img {
  border: 3px solid #c9a227 !important;
  box-shadow:
    0 0 0 1px #0a1628,
    0 0 0 4px rgba(201, 162, 39, 0.3),
    0 4px 15px rgba(0, 0, 0, 0.5) !important;
  margin: 12px 0 !important;
  max-width: 100% !important;
}

/* ═══════════════════════════════════════
   [10] 底部按钮：骑士的誓约之盾
   ═══════════════════════════════════════ */
.MuiButtonBase-root.MuiButton-root {
  background: linear-gradient(180deg, #1a2744 0%, #0e1e38 100%) !important;
  color: #c9a227 !important;
  border: 1px solid rgba(201, 162, 39, 0.4) !important;
  border-radius: 0 !important;
  font-family: 'Cinzel', 'Noto Serif SC', serif !important;
  font-size: 12px !important;
  letter-spacing: 1px !important;
  padding: 6px 14px !important;
  transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1) !important;
  position: relative !important;
  overflow: hidden !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5) !important;
}

/* 按钮光泽扫过效果 */
.MuiButtonBase-root.MuiButton-root::before {
  content: '' !important;
  position: absolute !important;
  top: 0 !important;
  left: -100% !important;
  width: 100% !important;
  height: 100% !important;
  background: linear-gradient(90deg, transparent, rgba(240, 208, 96, 0.12), transparent) !important;
  transition: left 0.5s !important;
}
.MuiButtonBase-root.MuiButton-root:hover::before {
  left: 100% !important;
}

.MuiButtonBase-root.MuiButton-root:hover {
  background: linear-gradient(180deg, #6b0f1a 0%, #4a0a12 100%) !important;
  border-color: #f0d060 !important;
  color: #f0d060 !important;
  box-shadow: 0 0 15px rgba(201, 162, 39, 0.2), 0 2px 8px rgba(0, 0, 0, 0.4) !important;
}

/* ═══════════════════════════════════════
   [11] 选项列表：命运的岔路
   ═══════════════════════════════════════ */
.markdown-body ol, .markdown-body ul {
  padding-left: 0 !important;
  list-style: none !important;
}

.markdown-body > ul > li,
.markdown-body > ol > li {
  position: relative !important;
  padding: 10px 16px 10px 40px !important;
  margin: 8px 0 !important;
  background: linear-gradient(90deg, rgba(201, 162, 39, 0.06), transparent 80%) !important;
  border-left: 3px solid rgba(201, 162, 39, 0.4) !important;
  border-bottom: 1px solid rgba(201, 162, 39, 0.08) !important;
  transition: all 0.3s !important;
}

.markdown-body > ul > li::before,
.markdown-body > ol > li::before {
  content: '⚜' !important;
  position: absolute !important;
  left: 12px !important;
  top: 12px !important;
  color: #c9a227 !important;
  font-size: 12px !important;
}

.markdown-body > ul > li:hover,
.markdown-body > ol > li:hover {
  background: linear-gradient(90deg, rgba(201, 162, 39, 0.12), transparent 80%) !important;
  border-left-color: #f0d060 !important;
  transform: translateX(4px) !important;
  box-shadow: -3px 0 10px rgba(201, 162, 39, 0.1) !important;
}

/* ═══════════════════════════════════════
   [12] 滚动条：金箔流沙
   ═══════════════════════════════════════ */
::-webkit-scrollbar {
  width: 8px !important;
  height: 8px !important;
}
::-webkit-scrollbar-track {
  background: #0a1020 !important;
  border-left: 1px solid rgba(201, 162, 39, 0.1) !important;
}
::-webkit-scrollbar-thumb {
  background: linear-gradient(180deg, #8b6914, #c9a227, #8b6914) !important;
  border: 1px solid rgba(240, 208, 96, 0.3) !important;
}
::-webkit-scrollbar-thumb:hover {
  background: linear-gradient(180deg, #c9a227, #f0d060, #c9a227) !important;
}
::-webkit-scrollbar-corner {
  background: #0a1020 !important;
}

/* ═══════════════════════════════════════
   [13] 用户输入框：骑士的誓言
   与AI回复区分，使用更深沉的殉道红基调
   ═══════════════════════════════════════ */
.bg-gray-100\/90.relative.inline-block:not(.chat-answer-container .bg-gray-100\/90) {
  background:
    radial-gradient(ellipse at 30% 0%, rgba(107, 15, 26, 0.15) 0%, transparent 50%),
    radial-gradient(ellipse at 70% 100%, rgba(201, 162, 39, 0.06) 0%, transparent 50%),
    linear-gradient(175deg, #18101e 0%, #1a0e18 40%, #120a14 70%, #0e0a12 100%) !important;
  outline-color: #8b1a2e !important;
  box-shadow:
    0 8px 40px rgba(0, 0, 0, 0.7),
    0 0 15px rgba(107, 15, 26, 0.15),
    inset 0 0 40px rgba(10, 8, 16, 0.9),
    inset 0 0 60px rgba(107, 15, 26, 0.04),
    inset 0 1px 0 rgba(139, 26, 46, 0.3) !important;
}

.bg-gray-100\/90.relative.inline-block:not(.chat-answer-container .bg-gray-100\/90)::before {
  content: '━━━ ✝ EN NOM DIEU ✝ ━━━' !important;
  color: #a08060 !important;
  background: linear-gradient(90deg, #18101e, #1a0e18 20%, #201420 50%, #1a0e18 80%, #18101e) !important;
  border-bottom: 1px solid rgba(139, 26, 46, 0.3) !important;
}

.bg-gray-100\/90.relative.inline-block:not(.chat-answer-container .bg-gray-100\/90)::after {
  content: '✦ ─── ⚜ ─── ✦' !important;
  color: rgba(139, 26, 46, 0.3) !important;
}

/* ═══════════════════════════════════════
   [14] 💞 心形标记：圣火之心
   ═══════════════════════════════════════ */
.markdown-body p:first-child {
  position: relative !important;
}

/* ═══════════════════════════════════════
   [15] 嵌套Details内的Details：子卷轴
   ═══════════════════════════════════════ */
details details {
  margin: 10px 8px !important;
  border-color: rgba(201, 162, 39, 0.15) !important;
  background: rgba(8, 12, 24, 0.4) !important;
}

details details summary {
  font-size: 13px !important;
  padding: 10px 18px 10px 40px !important;
  background:
    linear-gradient(90deg,
      rgba(10, 22, 40, 0.9) 0%,
      rgba(26, 39, 68, 0.9) 50%,
      rgba(10, 22, 40, 0.9) 100%) !important;
  letter-spacing: 1.5px !important;
}

details details summary::before {
  content: '◆' !important;
  font-size: 10px !important;
}

/* ═══════════════════════════════════════
   [16] 特殊文本标记增强
   ═══════════════════════════════════════ */

/* 删除线：被命运抹去的可能 */
.markdown-body del {
  color: #6a5a48 !important;
  text-decoration: line-through !important;
  opacity: 0.6 !important;
}

/* 标记高亮：圣火照耀之处 */
.markdown-body mark {
  background: linear-gradient(transparent 40%, rgba(201, 162, 39, 0.25) 40%) !important;
  color: #f0d060 !important;
  padding: 0 4px !important;
}

/* H1-H6标题系统：从王令到军报 */
.markdown-body h1 {
  font-family: 'Cinzel Decorative', 'Cinzel', 'Noto Serif SC', serif !important;
  color: transparent !important;
  background: linear-gradient(135deg, #8b6914, #c9a227, #f0d060, #fff4b0, #f0d060, #c9a227, #8b6914) !important;
  background-size: 400% auto !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  animation: goldShimmer 6s linear infinite !important;
  font-size: 24px !important;
  letter-spacing: 3px !important;
  text-align: center !important;
  padding: 16px 0 !important;
  margin: 20px 0 !important;
  border-top: 2px solid rgba(201, 162, 39, 0.3) !important;
  border-bottom: 2px solid rgba(201, 162, 39, 0.3) !important;
  position: relative !important;
}
.markdown-body h1::before {
  content: '⚜ ' !important;
}
.markdown-body h1::after {
  content: ' ⚜' !important;
}

.markdown-body h2 {
  font-family: 'Cinzel', 'Noto Serif SC', serif !important;
  color: #f0d060 !important;
  font-size: 20px !important;
  letter-spacing: 2px !important;
  padding-bottom: 8px !important;
  margin: 18px 0 12px !important;
  border-bottom: 1px solid rgba(201, 162, 39, 0.2) !important;
  text-shadow: 0 0 8px rgba(240, 208, 96, 0.15) !important;
}
.markdown-body h2::before {
  content: '✦ ' !important;
  color: #c9a227 !important;
}

.markdown-body h3 {
  font-family: 'Cinzel', 'Noto Serif SC', serif !important;
  color: #d4b850 !important;
  font-size: 17px !important;
  letter-spacing: 1.5px !important;
  margin: 14px 0 8px !important;
}
.markdown-body h3::before {
  content: '─ ' !important;
  color: rgba(201, 162, 39, 0.4) !important;
}
.markdown-body h3::after {
  content: ' ─' !important;
  color: rgba(201, 162, 39, 0.4) !important;
}

.markdown-body h4 {
  color: #c9a880 !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  margin: 12px 0 6px !important;
}

.markdown-body h5, .markdown-body h6 {
  color: #a09078 !important;
  font-size: 14px !important;
  margin: 10px 0 4px !important;
}

/* ═══════════════════════════════════════
   [17] 行内代码块中的emoji增强
   ═══════════════════════════════════════ */
.markdown-body p, .markdown-body li, .markdown-body td {
  word-break: break-word !important;
}

/* ═══════════════════════════════════════
   [18] 响应式微调
   ═══════════════════════════════════════ */
@media (max-width: 768px) {
  .bg-gray-100\/90.relative.inline-block {
    padding: 28px 16px 20px !important;
    margin: 12px 2px !important;
  }
  .bg-gray-100\/90.relative.inline-block::before {
    font-size: 8px !important;
    letter-spacing: 2px !important;
    padding: 3px 12px !important;
  }
  summary {
    font-size: 13px !important;
    padding: 12px 16px 12px 38px !important;
    letter-spacing: 1.5px !important;
  }
  summary::before {
    left: 12px !important;
    font-size: 14px !important;
  }
  .markdown-body {
    font-size: 14px !important;
  }
  .markdown-body h1 {
    font-size: 20px !important;
  }
  .markdown-body h2 {
    font-size: 17px !important;
  }
}

/* ═══════════════════════════════════════
   [19] 最终收尾：全局文字阴影与抗锯齿
   ═══════════════════════════════════════ */
* {
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
}
@media (max-width: 768px){
  .markdown-body{
    background: linear-gradient(180deg, rgba(10,16,32,0.98), rgba(18,16,30,0.98)) !important;
    color: #ddd0b8 !important;
    padding: 16px 14px !important;
    border-radius: 10px !important;
  }
  .bg-gray-100\/90.relative.inline-block{
    background: linear-gradient(175deg, #0c1a2e 0%, #0a1020 40%, #12101e 70%, #0e0a18 100%) !important;
  }
  .chat-answer-container .markdown-body{
    background: linear-gradient(180deg, rgba(10,16,32,0.98), rgba(18,16,30,0.98)) !important;
    color: #ddd0b8 !important;
  }

  /* =====================================================
   正文专用美化：必须配合 <section class="jeanne-story-body">
   ===================================================== */

.jeanne-story-body {
  font-family: "Noto Serif SC", "Songti SC", "STSong", serif !important;
  color: #efe3c4 !important;
  font-size: 15.5px !important;
  line-height: 2.05 !important;
  letter-spacing: 0.35px !important;

  background:
    radial-gradient(circle at 12% 0%, rgba(240, 208, 96, 0.12), transparent 36%),
    radial-gradient(circle at 88% 100%, rgba(107, 15, 26, 0.18), transparent 42%),
    linear-gradient(180deg, rgba(12, 22, 40, 0.96), rgba(18, 14, 28, 0.98)) !important;

  border: 1px solid rgba(201, 162, 39, 0.42) !important;
  border-radius: 14px !important;
  padding: 22px 20px !important;
  margin: 18px 0 !important;

  box-shadow:
    0 8px 24px rgba(0, 0, 0, 0.42),
    inset 0 0 28px rgba(0, 0, 0, 0.38),
    inset 0 1px 0 rgba(255, 244, 176, 0.16) !important;

  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.75) !important;
  position: relative !important;
  overflow: hidden !important;
}

/* 正文顶部金线 */
.jeanne-story-body::before {
  content: "✦ CHRONIQUE DE JEANNE ✦" !important;
  display: block !important;
  text-align: center !important;
  color: #d8b44a !important;
  font-family: "Cinzel", "Noto Serif SC", serif !important;
  font-size: 11px !important;
  letter-spacing: 3px !important;
  margin-bottom: 16px !important;
  padding-bottom: 8px !important;
  border-bottom: 1px solid rgba(201, 162, 39, 0.28) !important;
  text-shadow: 0 0 10px rgba(216, 180, 74, 0.28) !important;
}

/* 正文段落 */
.jeanne-story-body p {
  margin: 0 0 15px !important;
  text-indent: 2em !important;
  color: #efe3c4 !important;
}

/* 如果 AI 没有自动分 p，也保证文字好看 */
.jeanne-story-body {
  white-space: pre-wrap !important;
}

/* 正文里的加粗 */
.jeanne-story-body strong {
  color: #f5d76e !important;
  font-weight: 700 !important;
  text-shadow: 0 0 8px rgba(245, 215, 110, 0.25) !important;
}

/* 正文里的对话引号、重点可以更清楚 */
.jeanne-story-body em {
  color: #d8bfa0 !important;
  font-style: italic !important;
}

/* 手机适配 */
@media (max-width: 768px) {
  .jeanne-story-body {
    font-size: 14.5px !important;
    line-height: 1.9 !important;
    padding: 18px 14px !important;
    margin: 14px 0 !important;
    border-radius: 12px !important;
  }

  .jeanne-story-body::before {
    font-size: 9px !important;
    letter-spacing: 2px !important;
  }
}
}