/* ============================================
   艾尔德兰大陆 · 羊皮纸史诗 主题
   设计：暖浅色 · 古铜镶边 · 不覆盖角色语言颜色
   ============================================ */

/* --- 1. AI 输出气泡背景（叙事者·羊皮纸原色） --- */
.group.is-assistant > div:first-child {
  background: #faf3e0 !important;
  border: 1px solid #d4c5a9 !important;
  border-radius: 8px !important;
  box-shadow: 0 2px 8px rgba(139, 105, 20, 0.08), inset 0 1px 0 rgba(255, 255, 255, 0.7) !important;
  position: relative !important;
  isolation: isolate !important;
  overflow: hidden !important;
}

/* --- 2. 用户输入气泡背景（主角·暖米色） --- */
.group.is-user > div:first-child {
  background: #f5ebd8 !important;
  border: 1px solid #c4b08a !important;
  border-radius: 8px !important;
  box-shadow: 0 2px 6px rgba(139, 105, 20, 0.06) !important;
}

/* --- 3. 文字默认颜色（深棕灰·仅设默认，不覆盖内联颜色） --- */
.rili-markdown-renderer {
  color: #3d3226 !important;
}

/* 对于子元素，使用继承而非强制覆盖，保护角色语言的内联颜色 */
.rili-markdown-renderer p,
.rili-markdown-renderer li,
.rili-markdown-renderer td,
.rili-markdown-renderer th,
.rili-markdown-renderer blockquote,
.rili-markdown-renderer figcaption {
  color: inherit;
}

/* --- 4. 状态栏折叠区美化（Details/Summary·古卷轴风） --- */
.rili-markdown-renderer details {
  border: 1px solid #d4c5a9 !important;
  border-radius: 6px !important;
  background: rgba(250, 243, 224, 0.45) !important;
  padding: 10px 14px !important;
  margin: 12px 0 !important;
  transition: background 0.2s ease;
}

.rili-markdown-renderer details[open] {
  background: rgba(250, 243, 224, 0.7) !important;
  border-color: #c4a97d !important;
  box-shadow: inset 0 0 0 1px rgba(196, 169, 125, 0.3) !important;
}

.rili-markdown-renderer summary {
  cursor: pointer !important;
  color: #6b4e1d !important;
  font-weight: 600 !important;
  font-size: 0.95em !important;
  padding: 4px 0 !important;
  outline: none !important;
  letter-spacing: 0.02em !important;
}

.rili-markdown-renderer summary:hover {
  color: #8b6914 !important;
}

/* 嵌套 details 微调 */
.rili-markdown-renderer details details {
  background: rgba(245, 235, 216, 0.5) !important;
  margin: 8px 0 !important;
}

/* --- 5. 表格美化（状态栏中大量使用） --- */
.rili-markdown-renderer table {
  border-collapse: collapse !important;
  margin: 8px 0 !important;
  width: 100% !important;
  font-size: 0.9em !important;
}

.rili-markdown-renderer th {
  background: rgba(196, 169, 125, 0.25) !important;
  color: #4a3520 !important;
  border: 1px solid #d4c5a9 !important;
  padding: 6px 10px !important;
  font-weight: 600 !important;
  text-align: left !important;
}

.rili-markdown-renderer td {
  border: 1px solid #e0d3bb !important;
  padding: 5px 10px !important;
  color: #3d3226 !important;
  background: rgba(255, 252, 245, 0.4) !important;
}

.rili-markdown-renderer tr:nth-child(even) td {
  background: rgba(245, 235, 216, 0.5) !important;
}

/* --- 6. 标题样式（状态栏中的板块标题） --- */
.rili-markdown-renderer h1,
.rili-markdown-renderer h2,
.rili-markdown-renderer h3,
.rili-markdown-renderer h4,
.rili-markdown-renderer h5,
.rili-markdown-renderer h6 {
  color: #4a3520 !important;
}

.rili-markdown-renderer h1 { font-size: 1.3em !important; border-bottom: 2px solid #d4c5a9 !important; padding-bottom: 4px !important; }
.rili-markdown-renderer h2 { font-size: 1.15em !important; }
.rili-markdown-renderer h3 { font-size: 1.05em !important; color: #5c3d1a !important; }

/* --- 7. 引用块（信件/文书·羊皮纸便签） --- */
.rili-markdown-renderer blockquote {
  border-left: 3px solid #c4a97d !important;
  background: rgba(250, 243, 224, 0.55) !important;
  padding: 8px 14px !important;
  margin: 10px 0 !important;
  color: #5c3d1a !important;
  border-radius: 0 4px 4px 0 !important;
}

/* --- 8. 行内代码与代码块 --- */
.rili-markdown-renderer code {
  background: rgba(196, 169, 125, 0.2) !important;
  color: #5c3d1a !important;
  padding: 2px 5px !important;
  border-radius: 3px !important;
  font-size: 0.9em !important;
}

.rili-markdown-renderer pre {
  background: #f5ecd7 !important;
  border: 1px solid #d4c5a9 !important;
  border-radius: 6px !important;
  padding: 12px !important;
}

.rili-markdown-renderer pre code {
  background: transparent !important;
  padding: 0 !important;
}

/* --- 9. 水平分隔线 --- */
.rili-markdown-renderer hr {
  border: none !important;
  border-top: 1px solid #d4c5a9 !important;
  margin: 16px 0 !important;
}

/* --- 10. 超链接 --- */
.rili-markdown-renderer a {
  color: #8b6914 !important;
  text-decoration: underline !important;
  text-underline-offset: 2px !important;
}

/* --- 11. 底部信息栏（Token消耗/模型信息） --- */
.text-xs.font-mono.text-muted-foreground {
  color: #8b7d6b !important;
  font-size: 0.75em !important;
}

/* --- 12. 底部操作按钮区 --- */
.bg-muted.rounded.flex button svg.lucide {
  stroke: #7a6a55 !important;
}

.bg-muted.rounded.flex {
  background: rgba(245, 235, 216, 0.6) !important;
  border-radius: 6px !important;
}

.bg-muted.rounded.flex button:hover svg.lucide {
  stroke: #8b6914 !important;
}

/* --- 13. 加载动画（暖金色光晕·替代原生跳动点） --- */
.flex.gap-2.w-full.h-full.items-center.justify-center > span {
  display: none !important;
}

.flex.gap-2.w-full.h-full.items-center.justify-center {
  position: relative !important;
}

.flex.gap-2.w-full.h-full.items-center.justify-center::before {
  content: '' !important;
  display: block !important;
  width: 32px !important;
  height: 32px !important;
  border-radius: 50% !important;
  background: radial-gradient(circle, #c4a97d 0%, rgba(196, 169, 125, 0.2) 60%, transparent 70%) !important;
  box-shadow: 0 0 16px rgba(196, 169, 125, 0.5), 0 0 32px rgba(196, 169, 125, 0.25) !important;
  animation: eld-crest-pulse 1.6s ease-in-out infinite !important;
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
}

@keyframes eld-crest-pulse {
  0%, 100% {
    transform: translate(-50%, -50%) scale(0.85);
    opacity: 0.6;
  }
  50% {
    transform: translate(-50%, -50%) scale(1.15);
    opacity: 1;
  }
}

/* --- 14. 列表样式微调 --- */
.rili-markdown-renderer ul {
  list-style-type: '✦  ' !important;
  padding-left: 1.2em !important;
}

.rili-markdown-renderer ul li::marker {
  color: #c4a97d !important;
}

.rili-markdown-renderer ol li::marker {
  color: #8b6914 !important;
}

/* --- 15. 粗体/强调保持深色 --- */
.rili-markdown-renderer strong {
  color: #2d2014 !important;
}

.rili-markdown-renderer em {
  color: #4a3520 !important;
}