/* ==========================================
   暗夜遥控主题 - 顶部栏美化
   深紫黑半透明背景，琥珀金微光点缀
   ========================================== */

/* 顶部栏主容器 - 深邃背景+底部微光分割 */
.sticky.w-full.top-0.flex.items-center {
  background: linear-gradient(180deg, rgba(18, 14, 24, 0.95) 0%, rgba(28, 22, 38, 0.92) 100%) !important;
  backdrop-filter: blur(16px) !important;
  -webkit-backdrop-filter: blur(16px) !important;
  border-bottom: 1px solid rgba(180, 140, 80, 0.18) !important;
  box-shadow: 0 1px 20px rgba(0, 0, 0, 0.4), inset 0 1px 0 rgba(255, 255, 255, 0.03) !important;
  transition: all 0.3s ease !important;
}

/* 模型选择器容器 */
#ai-model-selector .group.flex.items-center {
  background: rgba(30, 22, 40, 0.6) !important;
  border: 1px solid rgba(160, 120, 70, 0.25) !important;
  border-radius: 8px !important;
  padding: 4px 10px !important;
  transition: all 0.25s ease !important;
  box-shadow: 0 0 8px rgba(180, 140, 80, 0.06) !important;
}
#ai-model-selector .group.flex.items-center:hover {
  border-color: rgba(200, 150, 70, 0.5) !important;
  background: rgba(40, 30, 54, 0.7) !important;
  box-shadow: 0 0 16px rgba(200, 150, 70, 0.12) !important;
}

/* 模型名称文字 */
#ai-model-selector .truncate.text-\[13px\] {
  color: #e0d0c0 !important;
  font-weight: 500 !important;
  letter-spacing: 0.02em !important;
  text-shadow: 0 0 6px rgba(200, 160, 80, 0.2) !important;
}

/* 下拉箭头容器 */
#ai-model-selector .shrink-0.flex.items-center svg {
  color: #bfa070 !important;
  transition: transform 0.25s ease, color 0.25s ease !important;
  filter: drop-shadow(0 0 3px rgba(200, 150, 60, 0.3)) !important;
}
#ai-model-selector .group.flex.items-center:hover .shrink-0.flex.items-center svg {
  color: #e0c080 !important;
  transform: rotate(180deg) !important;
}

/* 历史记录图标（移动端可见的裸SVG） */
.sticky.w-full.top-0 svg.lucide-clock-8 {
  color: #bfa070 !important;
  filter: drop-shadow(0 0 4px rgba(180, 140, 60, 0.25)) !important;
  transition: all 0.25s ease !important;
}
.sticky.w-full.top-0 svg.lucide-clock-8:hover {
  color: #e0c080 !important;
  filter: drop-shadow(0 0 8px rgba(200, 150, 60, 0.5)) !important;
}

/* 历史记录未读角标 */
.sticky.w-full.top-0 span.MuiBadge-dot.md\:hidden {
  background-color: #c04848 !important;
  box-shadow: 0 0 6px rgba(200, 60, 60, 0.6) !important;
}

/* 设置按钮 */
#header-setting-button {
  background: rgba(30, 22, 40, 0.5) !important;
  border: 1px solid rgba(160, 120, 70, 0.2) !important;
  border-radius: 8px !important;
  transition: all 0.25s ease !important;
}
#header-setting-button:hover {
  background: rgba(40, 30, 54, 0.6) !important;
  border-color: rgba(200, 150, 70, 0.45) !important;
  box-shadow: 0 0 14px rgba(200, 150, 70, 0.1) !important;
}

/* 设置按钮图标 */
#header-setting-button svg {
  color: #bfa070 !important;
  transition: all 0.25s ease !important;
  filter: drop-shadow(0 0 3px rgba(180, 140, 60, 0.2)) !important;
}
#header-setting-button:hover svg {
  color: #e0c080 !important;
  filter: drop-shadow(0 0 6px rgba(200, 150, 60, 0.4)) !important;
}

/* 移动端设置图标 */
.sticky.w-full.top-0 svg:has(use[href="#icon-icon-set"]) {
  color: #bfa070 !important;
  filter: drop-shadow(0 0 4px rgba(180, 140, 60, 0.2)) !important;
  transition: all 0.25s ease !important;
}
.sticky.w-full.top-0 svg:has(use[href="#icon-icon-set"]):hover {
  color: #e0c080 !important;
  filter: drop-shadow(0 0 8px rgba(200, 150, 60, 0.4)) !important;
}

/* 音乐按钮（如可见） */
.sticky.w-full.top-0 button.MuiIconButton-root:has(svg.lucide-music-2) {
  background: rgba(30, 22, 40, 0.4) !important;
  border-radius: 8px !important;
  transition: all 0.25s ease !important;
}
.sticky.w-full.top-0 button.MuiIconButton-root:has(svg.lucide-music-2):hover {
  background: rgba(40, 30, 54, 0.55) !important;
}
.sticky.w-full.top-0 button.MuiIconButton-root svg.lucide-music-2 {
  color: #bfa070 !important;
  transition: color 0.25s ease !important;
}
.sticky.w-full.top-0 button.MuiIconButton-root:hover svg.lucide-music-2 {
  color: #e0c080 !important;
}


/* ==========================================
   暗夜遥控主题 - 开场白选择器美化
   ========================================== */

/* 开场白主容器 */
div.flex.items-center.h-9.bg-white.rounded-md.cursor-pointer.group[class*="border-gray"],
div.h-9.rounded-md.cursor-pointer.group:has(svg[data-icon="SlidersH"]) {
  background: rgba(28, 20, 36, 0.85) !important;
  border: 1px solid rgba(160, 120, 70, 0.3) !important;
  border-radius: 8px !important;
  transition: all 0.25s ease !important;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3) !important;
}
div.flex.items-center.h-9.bg-white.rounded-md.cursor-pointer.group[class*="border-gray"]:hover,
div.h-9.rounded-md.cursor-pointer.group:has(svg[data-icon="SlidersH"]):hover {
  border-color: rgba(200, 150, 70, 0.55) !important;
  background: rgba(36, 26, 48, 0.9) !important;
  box-shadow: 0 0 18px rgba(200, 150, 70, 0.15) !important;
}

/* 左侧滑块图标 */
div.flex.items-center.h-9.cursor-pointer.group svg[data-icon="SlidersH"] {
  color: #c09860 !important;
  filter: drop-shadow(0 0 3px rgba(180, 140, 60, 0.25)) !important;
  transition: all 0.25s ease !important;
}
div.flex.items-center.h-9.cursor-pointer.group:hover svg[data-icon="SlidersH"] {
  color: #e0c080 !important;
  filter: drop-shadow(0 0 6px rgba(200, 150, 60, 0.45)) !important;
}

/* 右侧下拉箭头 */
div.flex.items-center.h-9.cursor-pointer.group svg[data-icon="ChevronDown"] {
  color: #c09860 !important;
  transition: all 0.25s ease !important;
}
div.flex.items-center.h-9.cursor-pointer.group:hover svg[data-icon="ChevronDown"] {
  color: #e0c080 !important;
  transform: rotate(180deg) !important;
}


/* ==========================================
   暗夜遥控主题 - 按钮栏美化
   ========================================== */

/* 按钮外层容器 */
#ai-mod-button2 {
  background: transparent !important;
}

/* 按钮 */
#ai-mod-button2 button.MuiButton-root {
  background: rgba(28, 20, 36, 0.8) !important;
  border: 1px solid rgba(160, 120, 70, 0.3) !important;
  border-radius: 8px !important;
  color: #d0c0a8 !important;
  font-weight: 500 !important;
  letter-spacing: 0.03em !important;
  transition: all 0.25s ease !important;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.02) !important;
  text-shadow: 0 0 4px rgba(200, 160, 80, 0.15) !important;
}
#ai-mod-button2 button.MuiButton-root:hover {
  background: rgba(40, 30, 54, 0.85) !important;
  border-color: rgba(200, 150, 70, 0.55) !important;
  color: #f0dcc0 !important;
  box-shadow: 0 0 18px rgba(200, 150, 70, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.04) !important;
  transform: translateY(-1px) !important;
}
#ai-mod-button2 button.MuiButton-root:active {
  transform: translateY(0) !important;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.4) !important;
}

/* 按钮图标 */
#ai-mod-button2 button.MuiButton-root svg {
  color: #c09860 !important;
  filter: drop-shadow(0 0 3px rgba(180, 140, 60, 0.3)) !important;
  transition: all 0.25s ease !important;
}
#ai-mod-button2 button.MuiButton-root:hover svg {
  color: #e0c080 !important;
  filter: drop-shadow(0 0 6px rgba(200, 150, 60, 0.5)) !important;
}


/* ==========================================
   暗夜遥控主题 - 底部栏美化
   暗色输入区+发光边框，如遥控器信号发射口
   ========================================== */

/* 底部栏外层背景 */
.bg-gradient-to-t {
  background: linear-gradient(0deg, rgba(14, 10, 20, 0.95) 0%, rgba(22, 16, 32, 0.88) 40%, rgba(28, 20, 38, 0.45) 100%) !important;
  border-top: 1px solid rgba(160, 120, 70, 0.15) !important;
  box-shadow: 0 -2px 20px rgba(0, 0, 0, 0.5) !important;
}

/* 输入框容器 */
#ai-chat-bottom-input {
  background: rgba(24, 16, 34, 0.7) !important;
  border: 1px solid rgba(160, 120, 70, 0.25) !important;
  border-radius: 12px !important;
  transition: all 0.3s ease !important;
  box-shadow: 0 0 12px rgba(0, 0, 0, 0.4), inset 0 0 20px rgba(180, 140, 60, 0.03) !important;
}
#ai-chat-bottom-input:focus-within {
  border-color: rgba(200, 150, 70, 0.55) !important;
  box-shadow: 0 0 22px rgba(200, 150, 70, 0.18), inset 0 0 30px rgba(180, 140, 60, 0.05) !important;
}

/* 主输入框 */
#ai-chat-input {
  color: #e8dcc8 !important;
  font-family: "Segoe UI", "SF Pro Text", system-ui, -apple-system, sans-serif !important;
  letter-spacing: 0.02em !important;
  caret-color: #d0a860 !important;
}
#ai-chat-input::placeholder {
  color: #6a5a4a !important;
  font-style: italic !important;
  letter-spacing: 0.03em !important;
  text-shadow: 0 0 3px rgba(180, 140, 60, 0.08) !important;
  opacity: 0.7 !important;
}
#ai-chat-input::selection {
  background: rgba(200, 150, 70, 0.3) !important;
  color: #f8f0e0 !important;
}


/* ==========================================
   暗夜遥控主题 - 分页栏美化
   仅颜色与视觉样式，不修改布局
   ========================================== */

/* 分页按钮通用 */
.MuiPaginationItem-root {
  background: rgba(28, 20, 36, 0.7) !important;
  border: 1px solid rgba(160, 120, 70, 0.2) !important;
  color: #bfa080 !important;
  border-radius: 6px !important;
  transition: all 0.25s ease !important;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.3) !important;
  font-weight: 500 !important;
}
.MuiPaginationItem-root:hover {
  background: rgba(40, 30, 54, 0.75) !important;
  border-color: rgba(200, 150, 70, 0.45) !important;
  color: #e0c8a0 !important;
  box-shadow: 0 0 14px rgba(200, 150, 70, 0.18) !important;
}

/* 选中的按钮 */
.MuiPaginationItem-root.Mui-selected {
  background: linear-gradient(135deg, rgba(60, 36, 20, 0.8) 0%, rgba(40, 24, 18, 0.85) 100%) !important;
  border-color: rgba(200, 140, 60, 0.6) !important;
  color: #f0d8a0 !important;
  font-weight: 600 !important;
  box-shadow: 0 0 16px rgba(200, 140, 50, 0.3), inset 0 0 12px rgba(200, 150, 60, 0.08) !important;
}

/* 禁用按钮 */
.MuiPaginationItem-root.Mui-disabled {
  background: rgba(18, 14, 22, 0.5) !important;
  border-color: rgba(100, 80, 60, 0.1) !important;
  color: #4a3a2e !important;
  box-shadow: none !important;
  opacity: 0.55 !important;
}

/* 翻页箭头图标 */
.MuiPaginationItem-icon {
  color: #bfa070 !important;
  filter: drop-shadow(0 0 3px rgba(180, 140, 60, 0.2)) !important;
  transition: all 0.25s ease !important;
}
.MuiPaginationItem-root:hover .MuiPaginationItem-icon {
  color: #e0c080 !important;
}

/* 跳转输入区域容器 */
.MuiStack-root.css-1uwir8f {
  background: transparent !important;
}

/* 跳转输入区域文字 */
.MuiStack-root.css-1uwir8f .MuiBox-root {
  color: #bfa080 !important;
  font-weight: 500 !important;
}

/* 跳转输入框 */
.MuiInputBase-input {
  background: rgba(28, 20, 36, 0.75) !important;
  border: 1px solid rgba(160, 120, 70, 0.25) !important;
  border-radius: 6px !important;
  color: #e0d0b8 !important;
  caret-color: #d0a860 !important;
  transition: all 0.25s ease !important;
}
.MuiInputBase-input:focus {
  border-color: rgba(200, 150, 70, 0.5) !important;
  box-shadow: 0 0 12px rgba(200, 150, 70, 0.15) !important;
}


/* ==========================================
   暗夜遥控主题 - 评论区美化
   深邃背景+幽光卡片，如被遥控器静默监视
   ========================================== */

/* 评论区背景主容器 */
div[class*="w-full"][class*="bg-white"][class*="bottom-0"] {
  background: linear-gradient(180deg, rgba(16, 12, 22, 0.97) 0%, rgba(22, 16, 32, 0.96) 50%, rgba(18, 14, 24, 0.98) 100%) !important;
  border-top: 1px solid rgba(160, 120, 70, 0.15) !important;
  box-shadow: 0 -2px 24px rgba(0, 0, 0, 0.5) !important;
}

/* 顶部标题 */
div.text-lg.font-bold {
  color: #e0d0b8 !important;
  font-weight: 700 !important;
  letter-spacing: 0.04em !important;
  text-shadow: 0 0 10px rgba(200, 160, 80, 0.2) !important;
}

/* 个人评分文字 */
p.MuiTypography-body1.text-grey-600 {
  color: #bfa080 !important;
}

/* 评分容器 */
span.MuiRating-root {
  /* 保持默认，颜色由星星控制 */
}

/* 未选中星星 */
span.MuiRating-iconEmpty svg {
  color: #3a2e22 !important;
  filter: drop-shadow(0 0 2px rgba(0, 0, 0, 0.4)) !important;
}

/* 选中星星 */
span.MuiRating-iconFilled svg {
  color: #d0a040 !important;
  filter: drop-shadow(0 0 6px rgba(200, 150, 40, 0.5)) !important;
}

/* 评分数字 */
span.text-orange-500 {
  color: #e0b850 !important;
  font-weight: 700 !important;
  text-shadow: 0 0 6px rgba(200, 150, 40, 0.3) !important;
}

/* 输入框容器 */
div.flex.flex-col.border-gray-200 {
  background: rgba(24, 16, 34, 0.7) !important;
  border: 1px solid rgba(160, 120, 70, 0.25) !important;
  border-radius: 10px !important;
  transition: all 0.3s ease !important;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3) !important;
}
div.flex.flex-col.border-gray-200:focus-within {
  border-color: rgba(200, 150, 70, 0.5) !important;
  box-shadow: 0 0 20px rgba(200, 150, 70, 0.15), inset 0 0 20px rgba(180, 140, 60, 0.03) !important;
}

/* 输入框 */
textarea.rc-textarea {
  color: #e8dcc8 !important;
  font-family: "Segoe UI", "SF Pro Text", system-ui, sans-serif !important;
  letter-spacing: 0.02em !important;
  caret-color: #d0a860 !important;
}
textarea.rc-textarea::placeholder {
  color: #6a5a4a !important;
  opacity: 0.65 !important;
}

/* 输入字数统计 */
div.bg-gray-100.text-gray-500 {
  background: rgba(20, 14, 26, 0.6) !important;
  color: #8a7a6a !important;
  border-top: 1px solid rgba(160, 120, 70, 0.12) !important;
}

/* 发送评论按钮 */
div.cursor-pointer.group.flex.items-center.justify-center {
  background: rgba(28, 20, 36, 0.8) !important;
  border: 1px solid rgba(160, 120, 70, 0.3) !important;
  border-radius: 8px !important;
  transition: all 0.25s ease !important;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3) !important;
}
div.cursor-pointer.group.flex.items-center.justify-center:hover {
  background: rgba(40, 30, 54, 0.85) !important;
  border-color: rgba(200, 150, 70, 0.55) !important;
  box-shadow: 0 0 20px rgba(200, 150, 70, 0.22) !important;
  transform: translateY(-1px) !important;
}
div.cursor-pointer.group.flex.items-center.justify-center:active {
  transform: translateY(0) !important;
}

/* 发送按钮图标 */
div[data-state="closed"] svg[data-icon="Send03"] {
  color: #c09860 !important;
  filter: drop-shadow(0 0 4px rgba(180, 140, 60, 0.35)) !important;
  transition: all 0.25s ease !important;
}
div.cursor-pointer.group.flex.items-center.justify-center:hover div[data-state="closed"] svg[data-icon="Send03"] {
  color: #e0c080 !important;
  filter: drop-shadow(0 0 8px rgba(200, 150, 60, 0.6)) !important;
}

/* 分割线 */
div.style_divider__mW0YX {
  border-color: rgba(160, 120, 70, 0.15) !important;
}

/* 排序按钮容器 */
.MuiStack-root.css-1dmzxoz {
  /* 保持默认布局 */
}

/* 排序按钮已选中 */
button.MuiButton-containedPrimary {
  background: linear-gradient(135deg, rgba(50, 30, 18, 0.85) 0%, rgba(36, 22, 16, 0.9) 100%) !important;
  border: 1px solid rgba(200, 140, 60, 0.6) !important;
  color: #f0d8a0 !important;
  font-weight: 600 !important;
  border-radius: 8px !important;
  box-shadow: 0 0 14px rgba(200, 140, 50, 0.28), inset 0 0 10px rgba(200, 150, 60, 0.06) !important;
  letter-spacing: 0.03em !important;
}

/* 排序按钮未选中 */
button.MuiButton-outlinedPrimary {
  background: rgba(28, 20, 36, 0.65) !important;
  border: 1px solid rgba(160, 120, 70, 0.25) !important;
  color: #bfa080 !important;
  border-radius: 8px !important;
  transition: all 0.25s ease !important;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.3) !important;
}
button.MuiButton-outlinedPrimary:hover {
  background: rgba(36, 26, 48, 0.7) !important;
  border-color: rgba(200, 150, 70, 0.45) !important;
  color: #e0c8a0 !important;
  box-shadow: 0 0 14px rgba(200, 150, 70, 0.16) !important;
}

/* 排序按钮通用（补漏） */
button.MuiButton-containedPrimary,
button.MuiButton-outlinedPrimary {
  font-family: "Segoe UI", "SF Pro Text", system-ui, sans-serif !important;
  letter-spacing: 0.02em !important;
}

/* 评论列表容器 */
div.p-3.overflow-y-auto {
  background: transparent !important;
}

/* 评论项 */
div.group.ml-0 {
  background: rgba(24, 18, 34, 0.55) !important;
  border: 1px solid rgba(160, 120, 70, 0.12) !important;
  border-radius: 10px !important;
  padding: 12px !important;
  margin-bottom: 8px !important;
  transition: all 0.25s ease !important;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.25) !important;
}
div.group.ml-0:hover {
  background: rgba(30, 22, 42, 0.6) !important;
  border-color: rgba(200, 150, 70, 0.3) !important;
  box-shadow: 0 0 16px rgba(200, 150, 70, 0.1) !important;
}

/* 用户头像 */
div.group img.rounded-full {
  border: 1.5px solid rgba(180, 140, 80, 0.35) !important;
  box-shadow: 0 0 10px rgba(180, 140, 60, 0.2) !important;
  transition: all 0.25s ease !important;
}
div.group:hover img.rounded-full {
  border-color: rgba(220, 170, 90, 0.55) !important;
  box-shadow: 0 0 16px rgba(200, 150, 60, 0.4) !important;
}

/* 用户名 */
div.text-sm.text-grey-600 span.font-bold {
  color: #dcc8a0 !important;
  font-weight: 700 !important;
  text-shadow: 0 0 4px rgba(200, 160, 80, 0.15) !important;
}

/* "（你）"标签 */
span.text-\[10px\] {
  color: #d0a860 !important;
  background: rgba(200, 150, 60, 0.15) !important;
  border-radius: 3px !important;
  padding: 1px 5px !important;
}

/* 评论内容 */
div.break-all {
  color: #d0c0a8 !important;
  line-height: 1.6 !important;
  letter-spacing: 0.015em !important;
}

/* 时间戳 */
div.text-xs.text-grey-600 {
  color: #7a6a58 !important;
}

/* 点赞按钮 */
button.text-gray-400 {
  color: #8a7a62 !important;
  background: rgba(28, 20, 36, 0.5) !important;
  border: 1px solid rgba(160, 120, 70, 0.15) !important;
  border-radius: 6px !important;
  transition: all 0.25s ease !important;
  padding: 4px 8px !important;
}
button.text-gray-400:hover {
  color: #d0b880 !important;
  background: rgba(40, 30, 54, 0.6) !important;
  border-color: rgba(200, 150, 70, 0.4) !important;
  box-shadow: 0 0 10px rgba(200, 150, 70, 0.15) !important;
}

/* 点赞按钮图标 */
button.text-gray-400 svg {
  color: #9a8a6a !important;
  filter: drop-shadow(0 0 2px rgba(180, 140, 60, 0.15)) !important;
  transition: all 0.25s ease !important;
}
button.text-gray-400:hover svg {
  color: #d0b880 !important;
  filter: drop-shadow(0 0 6px rgba(200, 150, 60, 0.4)) !important;
}

/* 回复文字 */
span.cursor-pointer {
  color: #bfa070 !important;
  font-weight: 500 !important;
  transition: all 0.25s ease !important;
  letter-spacing: 0.03em !important;
}
span.cursor-pointer:hover {
  color: #e0c080 !important;
  text-shadow: 0 0 8px rgba(200, 160, 80, 0.4) !important;
}

/* 回复区域边框 */
div.ml-8.border-l {
  border-left-color: rgba(180, 140, 70, 0.3) !important;
  box-shadow: -1px 0 6px rgba(180, 140, 60, 0.08) !important;
}
/* ==============================================
   暗夜黑金 - 聊天框美化方案
   设计理念：深邃、神秘、掌控感，适配成人悬疑/游戏剧本
   ============================================== */

/* 1. 移除顶部的颜色装饰条 (强制性) */
[class*="bg-[#F1CBCB]"], 
[class*="bg-[#c9e1e9]"] {
    display: none !important;
}

/* 2. 统一聊天框美化 - 包括输入与输出 */
.bg-gray-100\/90.relative.inline-block {
    background: linear-gradient(145deg, #1e2229 0%, #282c34 100%) !important;
    border: 1px solid rgba(212, 175, 55, 0.25) !important; /* 暗金边框 */
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.5), inset 0 0 10px rgba(212, 175, 55, 0.05) !important;
    border-radius: 12px !important;
    transition: all 0.25s ease !important;
    isolation: isolate !important; /* 为可能添加的背景动效预留 */
}

/* 鼠标悬停时增强边框光晕 */
.bg-gray-100\/90.relative.inline-block:hover {
    border-color: rgba(212, 175, 55, 0.5) !important;
    box-shadow: 0 12px 24px rgba(0, 0, 0, 0.7), 0 0 20px rgba(212, 175, 55, 0.1) !important;
}

/* 3. 单独美化输入聊天框 (通过一个微妙的金色左边框来区分) */
.bg-gray-100\/90.relative.inline-block:not(.chat-answer-container .bg-gray-100\/90) {
    border-left: 3px solid rgba(212, 175, 55, 0.6) !important;
}

/* 4. 聊天框内主要文本内容的美化 - 保证绝对可读性 */
.markdown-body {
    color: #f0f0f0 !important; /* 高对比度浅色文字 */
    font-family: system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
    font-size: 0.95rem !important;
    line-height: 1.65 !important;
    letter-spacing: 0.02em !important;
    font-weight: 400 !important; /* 正文使用常规字重 */
    /* 绝对禁止添加 text-shadow ，以保证文本清晰度 */
    background: transparent !important;
    position: relative;
    z-index: 1;
}

/* 为标题和加粗文本增加一点金色调，与主题呼应 */
.markdown-body h1, .markdown-body h2, .markdown-body h3, .markdown-body h4,
.markdown-body strong, .markdown-body b {
    color: #ffffff !important;
    font-weight: 700 !important;
    text-shadow: none !important; /* 再次确保无阴影 */
    letter-spacing: 0.03em !important;
}

/* 确保所有链接也清晰可见 */
.markdown-body a {
    color: #d4af37 !important; /* 暗金色链接 */
    text-decoration: underline !important;
    font-weight: 500 !important;
}

/* 5. 底部附加元素美化 - 确保在深色背景上可见 */
/* 底部操作按钮 (复制, 编辑, 删除等) */
.MuiButtonBase-root.MuiButton-root.MuiButton-text.MuiButton-textPrimary {
    color: #b0b8c4 !important;
    font-weight: 500 !important;
    transition: color 0.2s ease !important;
}

.MuiButtonBase-root.MuiButton-root.MuiButton-text.MuiButton-textPrimary:hover {
    color: #d4af37 !important; /* 悬停时变为暗金色 */
    background-color: rgba(255, 255, 255, 0.05) !important;
}

/* 模型名称文本 */
.MuiTypography-root.MuiTypography-body2.css-6c0gf2 {
    color: #8a929d !important;
    font-weight: 400 !important;
}

/* Token消耗文本 */
.text-orange-500 {
    color: #c0a0a0 !important; /* 降低饱和度以适应暗色背景 */
}

/* ==============================================
   6. 自定义加载动画 (SVG SMIL 优先, CSP安全)
   ============================================== */

/* 隐藏默认的加载动画 */
.style-module__AtdJSq__dot-flashing.style-module__AtdJSq__text {
    display: none !important;
}

/* 设置自定义加载动画的容器 */
.flex.items-center.justify-center.w-6.h-5 {
    width: 28px !important;  /* 稍微加宽以容纳动画 */
    height: 24px !important; /* 稍微加高以容纳动画 */
    position: relative !important;
}

/* 使用 ::before 伪元素创建金色旋转环动画 (SMIL) */
.flex.items-center.justify-center.w-6.h-5::before {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='22' height='22'%3E%3Ccircle cx='12' cy='12' r='8' fill='none' stroke='%23d4af37' stroke-width='2' stroke-linecap='round' stroke-dasharray='40'%3E%3CanimateTransform attributeName='transform' type='rotate' from='0 12 12' to='360 12 12' dur='1.2s' repeatCount='indefinite'/%3E%3C/circle%3E%3Ccircle cx='12' cy='12' r='4' fill='none' stroke='%23d4af37' stroke-width='1.5' stroke-linecap='round' stroke-dasharray='20' opacity='0.6'%3E%3CanimateTransform attributeName='transform' type='rotate' from='360 12 12' to='0 12 12' dur='0.8s' repeatCount='indefinite'/%3E%3C/circle%3E%3C/svg%3E") !important;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 10;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* ==============================================
   7. 响应式与无障碍优化
   ============================================== */
@media (max-width: 480px) {
    .markdown-body {
        font-size: 0.9rem !important;
        letter-spacing: 0.01em !important;
    }
    .bg-gray-100\/90.relative.inline-block {
        border-radius: 8px !important;
    }
    .flex.items-center.justify-center.w-6.h-5::before {
        width: 18px !important;
        height: 18px !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    /* 降低动画速度，而不是完全停止 */
    .flex.items-center.justify-center.w-6.h-5::before {
        /* SVG内部的动画持续时间只能通过重新指定SVG来调整。
           这里提供一个没有动画的纯静态金色圆环作为降级方案。
           注意：conent中的SVG数据将被替换为无动画版本。*/
        content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='22' height='22'%3E%3Ccircle cx='12' cy='12' r='8' fill='none' stroke='%23d4af37' stroke-width='2' stroke-dasharray='40' opacity='0.5'/%3E%3C/svg%3E") !important;
    }
}