/* ═══════════════════════════════════════════
   仙侠古风宣纸书卷 - 聊天框美化
   ═══════════════════════════════════════════ */
/* 统一聊天框基础样式 */
.bg-gray-100\/90.relative.inline-block {
  background: linear-gradient(180deg, #f5e6c8 0%, #e8d4a8 50%, #f5e6c8 100%) !important;
  border: 3px solid #8b7355 !important;
  border-radius: 8px !important;
  box-shadow: 
    0 0 0 1px #5a4632,
    4px 4px 12px rgba(90, 70, 50, 0.4),
    inset 0 0 30px rgba(139, 115, 85, 0.15) !important;
  position: relative !important;
  isolation: isolate !important;
  padding: 8px !important;
}
/* 宣纸纹理背景 */
.bg-gray-100\/90.relative.inline-block::before {
  content: '' !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='paper'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.04' numOctaves='5' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23paper)' opacity='0.08'/%3E%3C/svg%3E") !important;
  pointer-events: none !important;
  z-index: 0 !important;
  border-radius: 6px !important;
}
/* 顶部装饰条隐藏 */
[class*="bg-[#F1CBCB]"], 
[class*="bg-[#c9e1e9]"] {
  display: none !important;
}
/* 正文内容样式 */
.markdown-body {
  background: transparent !important;
  color: #3d2b1f !important;
  font-family: 'Noto Serif SC', 'Source Han Serif SC', 'SimSun', serif !important;
  font-size: 15px !important;
  line-height: 1.9 !important;
  position: relative !important;
  z-index: 1 !important;
  padding: 12px 8px !important;
}
/* 正文标题样式 */
.markdown-body h1,
.markdown-body h2,
.markdown-body h3 {
  color: #5a3d2b !important;
  border-bottom: 2px solid #c9a86c !important;
  padding-bottom: 8px !important;
  margin-top: 20px !important;
  font-weight: 700 !important;
}
/* 正文强调文字 */
.markdown-body strong {
  color: #8b4513 !important;
  font-weight: 700 !important;
}
.markdown-body em {
  color: #6b4423 !important;
  font-style: italic !important;
}
/* ═══════════════════════════════════════════
   折叠栏 (details) - 卷轴边框样式
   ═══════════════════════════════════════════ */
.markdown-body details {
  background: linear-gradient(135deg, #faf3e0 0%, #f0e4c8 100%) !important;
  border: 2px solid #a08060 !important;
  border-radius: 6px !important;
  margin: 12px 0 !important;
  padding: 0 !important;
  box-shadow: 
    2px 2px 8px rgba(90, 70, 50, 0.25),
    inset 0 1px 0 rgba(255, 255, 255, 0.5) !important;
  position: relative !important;
  overflow: hidden !important;
}
/* 卷轴顶部装饰 */
.markdown-body details::before {
  content: '◈━━━━━━━━━━━━━━━━━━━━━━◈' !important;
  display: block !important;
  text-align: center !important;
  color: #a08060 !important;
  font-size: 10px !important;
  letter-spacing: 2px !important;
  padding: 4px 0 !important;
  background: linear-gradient(90deg, transparent, rgba(160, 128, 96, 0.1), transparent) !important;
}
/* 折叠栏标题 (summary) */
.markdown-body summary {
  background: linear-gradient(180deg, #e8d4a8 0%, #dcc89c 100%) !important;
  color: #4a3728 !important;
  font-weight: 700 !important;
  font-size: 14px !important;
  padding: 10px 15px !important;
  cursor: pointer !important;
  border-bottom: 1px dashed #a08060 !important;
  list-style: none !important;
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
}
.markdown-body summary::before {
  content: '☰' !important;
  font-size: 14px !important;
  color: #8b7355 !important;
}
.markdown-body details[open] > summary::before {
  content: '☷' !important;
}
.markdown-body summary:hover {
  background: linear-gradient(180deg, #f0ddb0 0%, #e4cca0 100%) !important;
}
/* 折叠栏内容区 */
.markdown-body details > *:not(summary) {
  padding: 12px 15px !important;
}
/* ═══════════════════════════════════════════
   状态栏内部元素美化
   ═══════════════════════════════════════════ */
/* 表格样式 - 记忆区等 */
.markdown-body table {
  width: 100% !important;
  border-collapse: collapse !important;
  background: #fdfaf0 !important;
  border: 1px solid #c9a86c !important;
  margin: 10px 0 !important;
  font-size: 13px !important;
}
.markdown-body th {
  background: linear-gradient(180deg, #e8d4a8 0%, #dcc89c 100%) !important;
  color: #4a3728 !important;
  font-weight: 700 !important;
  padding: 8px 10px !important;
  border: 1px solid #c9a86c !important;
  text-align: left !important;
}
.markdown-body td {
  padding: 8px 10px !important;
  border: 1px solid #d4c4a0 !important;
  color: #3d2b1f !important;
  background: #fdfaf0 !important;
}
.markdown-body tr:nth-child(even) td {
  background: #f8f0dc !important;
}
/* 列表样式 */
.markdown-body ul,
.markdown-body ol {
  padding-left: 20px !important;
  margin: 8px 0 !important;
}
.markdown-body li {
  color: #3d2b1f !important;
  margin: 6px 0 !important;
  line-height: 1.7 !important;
}
.markdown-body li::marker {
  color: #8b7355 !important;
}
/* 分隔线 */
.markdown-body hr {
  border: none !important;
  height: 2px !important;
  background: linear-gradient(90deg, transparent, #c9a86c, transparent) !important;
  margin: 15px 0 !important;
}
/* 代码块 - 状态栏yaml等 */
.markdown-body pre {
  background: linear-gradient(135deg, #f8f0dc 0%, #f0e4c8 100%) !important;
  border: 2px solid #a08060 !important;
  border-radius: 6px !important;
  padding: 12px !important;
  overflow-x: auto !important;
  font-size: 13px !important;
}
.markdown-body code {
  background: rgba(160, 128, 96, 0.15) !important;
  color: #5a3d2b !important;
  padding: 2px 6px !important;
  border-radius: 3px !important;
  font-family: 'Consolas', 'Source Code Pro', monospace !important;
}
.markdown-body pre code {
  background: transparent !important;
  padding: 0 !important;
}
/* ═══════════════════════════════════════════
   底部按钮与信息样式
   ═══════════════════════════════════════════ */
.MuiButtonBase-root.MuiButton-root.MuiButton-text.MuiButton-textPrimary {
  color: #6b5344 !important;
  font-size: 12px !important;
}
.MuiButtonBase-root.MuiButton-root.MuiButton-text.MuiButton-textPrimary:hover {
  color: #4a3728 !important;
  background: rgba(160, 128, 96, 0.1) !important;
}
.MuiTypography-root.MuiTypography-body2.css-6c0gf2 {
  color: #8b7355 !important;
  font-size: 11px !important;
}
.text-orange-500 {
  color: #a07040 !important;
  font-size: 11px !important;
}
/* ═══════════════════════════════════════════
   加载动画 - 仙气飘渺
   ═══════════════════════════════════════════ */
.style_dot-flashing__8L91Q.style_text__zGhNq {
  display: none !important;
}
.flex.items-center.justify-center.w-6.h-5 {
  position: relative !important;
  width: 60px !important;
  height: 30px !important;
}
.flex.items-center.justify-center.w-6.h-5::before {
  content: '' !important;
  position: absolute !important;
  width: 100% !important;
  height: 100% !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 30'%3E%3Ccircle cx='10' cy='15' r='4' fill='%238b7355'%3E%3Canimate attributeName='opacity' values='0.3;1;0.3' dur='1.2s' repeatCount='indefinite' begin='0s'/%3E%3C/circle%3E%3Ccircle cx='30' cy='15' r='4' fill='%238b7355'%3E%3Canimate attributeName='opacity' values='0.3;1;0.3' dur='1.2s' repeatCount='indefinite' begin='0.4s'/%3E%3C/circle%3E%3Ccircle cx='50' cy='15' r='4' fill='%238b7355'%3E%3Canimate attributeName='opacity' values='0.3;1;0.3' dur='1.2s' repeatCount='indefinite' begin='0.8s'/%3E%3C/circle%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: contain !important;
}
/* ═══════════════════════════════════════════
   移动端适配
   ═══════════════════════════════════════════ */
@media (max-width: 600px) {
  .markdown-body {
    font-size: 14px !important;
    line-height: 1.8 !important;
    padding: 8px 5px !important;
  }
  .markdown-body summary {
    font-size: 13px !important;
    padding: 8px 10px !important;
  }
  .markdown-body details > *:not(summary) {
    padding: 8px 10px !important;
  }
  .markdown-body table {
    font-size: 11px !important;
  }
  .markdown-body th,
  .markdown-body td {
    padding: 5px 6px !important;
  }
  .markdown-body details::before {
    content: '◈━━━━━━━━━━◈' !important;
    font-size: 8px !important;
  }
}
/* 低动效模式 */
@media (prefers-reduced-motion: reduce) {
  .flex.items-center.justify-center.w-6.h-5::before {
    animation: none !important;
  }
}