:root {
  --primary-color: #b91c1c;
  --primary-hover: #dc2626;
  --background-dark: #0a0c12;
  --background-light: #1a1e2a;
  --background-lighter: #2a2f3f;
  --border-color: #7f1a1a;
  --text-light: #e2dcd0;
  --text-dark: #1a0e0a;
}
body {
  font-family: 'Noto Serif SC', 'Cinema Decorative', serif;
  background-color: var(--background-dark);
  color: var(--text-light);
  background-image: radial-gradient(circle at 15% 30%, rgba(100, 30, 20, 0.15) 0%, rgba(0,0,0,0.6) 100%);
  -webkit-font-smoothing: antialiased;
}
::-webkit-scrollbar { width: 8px; }
::-webkit-scrollbar-track { background: var(--background-light); }
::-webkit-scrollbar-thumb { background: var(--primary-color); border-radius: 4px; }
::-webkit-scrollbar-thumb:hover { background: var(--primary-hover); }

/* 用户对话气泡 */
.group.relative.ml-2 .relative.inline-block {
  background-color: rgba(26, 22, 18, 0.95) !important;
  border: 1px solid #7f1a1a !important;
  border-radius: 12px !important;
  box-shadow: 4px 4px 0px rgba(100, 30, 20, 0.5) !important;
}
.group.relative.ml-2 .absolute.top-0.left-1/2 {
  background-color: #b91c1c !important;
  height: 3px !important;
  width: 85% !important;
}
.group.relative.ml-2 .markdown-body p {
  color: #f5e6d3 !important;
  font-weight: 500;
}
.group.relative.ml-2 .MuiButton-root.css-1t7rg57 {
  color: #b91c1c !important;
  background: rgba(0,0,0,0.6) !important;
  border-radius: 4px !important;
  border: 1px solid #4a2f2f !important;
}
.group.relative.ml-2 .MuiButton-root.css-1t7rg57 svg {
  fill: #b91c1c !important;
}
.group.relative.ml-2 .MuiButton-root.css-1t7rg57:hover {
  background: #7f1a1a !important;
  color: #f5e6d3 !important;
}
/* AI对话气泡 */
.chat-answer-container .relative.inline-block {
  background-color: rgba(20, 16, 14, 0.92) !important;
  border: 1px solid #8b5a2b !important;
  border-radius: 12px !important;
  box-shadow: 4px 4px 0px rgba(139, 90, 43, 0.3) !important;
}
.chat-answer-container .absolute.top-0.right-1/2 {
  background-color: #8b5a2b !important;
  height: 3px !important;
  width: 85% !important;
}
.chat-answer-container .markdown-body p {
  color: #e2c9a7 !important;
}
.chat-answer-container .MuiStack-root.text-purple-500 .MuiTypography-body2 {
  color: #b91c1c !important;
}
.chat-answer-container .MuiButton-root.css-1t7rg57 {
  color: #b87c4f !important;
  background: rgba(0,0,0,0.5) !important;
  border: 1px solid #5a3a1a !important;
}
.chat-answer-container .MuiButton-root.css-1t7rg57 svg {
  fill: #b87c4f !important;
}
.chat-answer-container .MuiButton-root.css-1t7rg57:hover {
  background: #5a3a1a !important;
  color: #f5e6d3 !important;
}
/* 顶部栏 */
.flex.items-center.justify-between.w-full.relative {
  background: linear-gradient(135deg, #1a120b 0%, rgb(244, 244, 3) 100%) !important;
  border-bottom: 2px solid #b91c1c !important;
  padding: 8px 16px !important;
}
#ai-model-selector .group.flex.items-center {
  background-color: #fcfc07 !important;
  border: 1px solid #b87c4f !important;
  border-radius: 6px !important;
}
#ai-model-selector .truncate.text-\[13px\].font-medium {
  color: #e2c9a7 !important;
}
#ai-model-selector svg {
  color: #b91c1c !important;
}
#header-setting-button.MuiIconButton-root {
  background-color: #f9f907 !important;
  border: 1px solid #b87c4f !important;
  border-radius: 6px !important;
}
#header-setting-button svg {
  color: #b91c1c !important;
  fill: #b91c1c !important;
}
/* 底部区域整体背景 */
.bg-gradient-to-t.from-white.via-white.to-transparent {
  background: linear-gradient(to top, #4de2f2, rgb(242, 63, 3), transparent) !important;
}
.mx-auto.w-full.max-w-\[720px\].px-4 {
  background-color: rgba(8, 193, 244, 0.85) !important;
}
/* 预制按钮栏 */
.flex.items-center.gap-2.pb-2.overflow-x-auto {
  background-color: rgba(26, 22, 18, 0.9) !important;
  border-radius: 12px !important;
  padding: 8px 12px !important;
  border: 1px solid #4a2f2f !important;
}
.MuiButtonBase-root.MuiButton-outlinedPrimary {
  background-color: #1f1a14 !important;
  color: #b87c4f !important;
  border: 1px solid #b87c4f !important;
  border-radius: 4px !important;
  box-shadow: 2px 2px 0px #4a2f2f !important;
  transition: all 0.1s ease !important;
}
.MuiButtonBase-root.MuiButton-outlinedPrimary:hover {
  transform: translate(2px, 2px) !important;
  box-shadow: none !important;
  background-color: #3a2a1a !important;
  color: #f5e6d3 !important;
}
.MuiButtonBase-root.MuiButton-outlinedPrimary svg {
  fill: #b87c4f !important;
}
/* 用户输入发送框 */
.p-\[5\.5px\].max-h-\[150px\].bg-white.border-\[1\.5px\] {
  background-color: #1a120b !important;
  border: 1px solid #b87c4f !important;
  border-radius: 12px !important;
}
#ai-chat-input {
  background-color: #1f1a14 !important;
  color: #e2c9a7 !important;
  border: none !important;
}
#ai-chat-input::placeholder {
  color: #7a5a3a !important;
}
#ai-send-button svg {
  color: #b91c1c !important;
  fill: #b91c1c !important;
}
#ai-send-button:hover svg {
  color: #dc2626 !important;
  fill: #dc2626 !important;
}
.flex.items-center.px-1.h-5.rounded-md.bg-gray-100 {
  background-color: #2a1a12 !important;
  color: #b87c4f !important;
}
/* 跳转翻页栏 */
.py-0.w-full.flex.justify-center.items-center {
  background-color: #0f0a07 !important;
  padding: 12px 0 !important;
  border-top: 1px solid #4a2f2f !important;
  border-bottom: 1px solid #4a2f2f !important;
}
.MuiPaginationItem-root {
  background-color: #1f1a14 !important;
  color: #e2c9a7 !important;
  border: 1px solid #b87c4f !important;
}
.MuiPaginationItem-root.Mui-selected {
  background-color: #b91c1c !important;
  color: #f5e6d3 !important;
  border-color: #b91c1c !important;
}
.MuiPaginationItem-previousNext svg {
  fill: #b87c4f !important;
}
.MuiInputBase-root.MuiInputBase-colorPrimary {
  background-color: #1f1a14 !important;
  border: 1px solid #b87c4f !important;
}
.MuiInputBase-input.css-z66qp8 {
  color: #e2c9a7 !important;
}
.MuiStack-root.text-sm .MuiBox-root {
  color: #b87c4f !important;
}
/* 对话大整体背景 */
.mx-auto.pt-24.w-full.max-w-\[720px\] {
  background: transparent !important;
}
/* 折叠状态栏 (如果使用<details>) */
details {
  background: rgba(26, 22, 18, 0.85) !important;
  border: 1px solid #7f1a1a !important;
  border-radius: 12px !important;
  margin: 12px 0 !important;
  padding: 8px !important;
}
details summary {
  font-size: 1.2em !important;
  font-weight: bold !important;
  color: #e2c9a7 !important;
  cursor: pointer !important;
  background: #2a1a12 !important;
  padding: 8px !important;
  border-radius: 8px !important;
}
details[open] summary {
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}
details .markdown-body table {
  background: #1a1e2a !important;
  border-collapse: collapse !important;
  width: 100% !important;
  overflow-x: auto !important;
  display: block !important;
}
details .markdown-body th,
details .markdown-body td {
  border: 1px solid #b87c4f !important;
  padding: 8px !important;
  color: #e2c9a7 !important;
}
details .markdown-body th {
  background: #2a2f3f !important;
}
/* 加载中状态（三点替换为文字） */
.flex.items-center.justify-center.w-6.h-5 {
  background: transparent !important;
}
.style_dot-flashing__8L91Q {
  display: none !important;
}
.flex.items-center.justify-center.w-6.h-5::after {
  content: "⚔️ 血祷中 ⚔️" !important;
  font-size: 12px !important;
  color: #b91c1c !important;
  white-space: nowrap !important;
  animation: pulse 1.2s infinite !important;
}
@keyframes pulse {
  0%, 100% { opacity: 0.6; letter-spacing: normal; }
  50% { opacity: 1; letter-spacing: 2px; }
}
/* 输入输出积分区域 */
.MuiStack-root.text-purple-500.mt-1 {
  background: rgba(0,0,0,0.5) !important;
  padding: 4px 8px !important;
  border-radius: 8px !important;
  border-left: 3px solid #b91c1c !important;
}
.MuiTypography-body2.text-orange-500 {
  color: #e2c9a7 !important;
}
.MuiTypography-body2.css-6c0gf2 {
  color: #b91c1c !important;
}