/* ========== 全局字体渲染优化 ========== */
* {
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
  text-rendering: optimizeLegibility !important;
}
/* 全局字体基准优化 */
body, html {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
  font-feature-settings: "kern" 1, "liga" 1 !important;
  letter-spacing: 0.02em !important;
}
/* ========== 顶部栏美化 (DQ勇者风格) ========== */
.sticky.w-full.top-0.flex.items-center {
  background: linear-gradient(135deg, #1e3a8a 0%, #2563eb 50%, #1e40af 100%) !important;
  border-bottom: 3px solid #fbbf24 !important;
  box-shadow: 0 4px 12px rgba(30, 58, 138, 0.5), 
              inset 0 1px 0 rgba(255, 255, 255, 0.2) !important;
  backdrop-filter: blur(10px) !important;
}
/* 模型选择器容器 */
#ai-model-selector .group.flex.items-center {
  background: linear-gradient(to bottom, #3b82f6, #2563eb) !important;
  border: 2px solid #fbbf24 !important;
  border-radius: 8px !important;
  padding: 6px 12px !important;
  box-shadow: 0 2px 8px rgba(251, 191, 36, 0.3),
              inset 0 1px 0 rgba(255, 255, 255, 0.3) !important;
  transition: all 0.3s ease !important;
}
#ai-model-selector .group.flex.items-center:hover {
  background: linear-gradient(to bottom, #60a5fa, #3b82f6) !important;
  box-shadow: 0 4px 12px rgba(251, 191, 36, 0.5),
              inset 0 1px 0 rgba(255, 255, 255, 0.4) !important;
  transform: translateY(-1px) !important;
}
/* 模型名称文字 */
#ai-model-selector .truncate.text-\[13px\] {
  color: #fef3c7 !important;
  font-weight: 600 !important;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5) !important;
  font-family: system-ui, -apple-system, sans-serif !important;
}
/* 下拉箭头 */
#ai-model-selector .shrink-0.flex.items-center svg {
  color: #fbbf24 !important;
  filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.4)) !important;
}
/* 历史记录图标 (移动端) */
.sticky.w-full.top-0 svg.lucide-clock-8 {
  color: #fde047 !important;
  filter: drop-shadow(0 2px 4px rgba(251, 191, 36, 0.6)) !important;
  transition: all 0.3s ease !important;
}
.sticky.w-full.top-0 svg.lucide-clock-8:hover {
  color: #fef3c7 !important;
  transform: scale(1.1) rotate(15deg) !important;
}
/* 历史记录未读角标 */
.sticky.w-full.top-0 span.MuiBadge-dot.md\:hidden {
  background: #ef4444 !important;
  border: 2px solid #fbbf24 !important;
  box-shadow: 0 0 8px rgba(239, 68, 68, 0.8) !important;
}
/* 音乐按钮 */
.sticky.w-full.top-0 button.MuiIconButton-root:has(svg.lucide-music-2) {
  background: linear-gradient(135deg, #8b5cf6, #6366f1) !important;
  border: 2px solid #fbbf24 !important;
  border-radius: 50% !important;
  transition: all 0.3s ease !important;
}
.sticky.w-full.top-0 button.MuiIconButton-root:has(svg.lucide-music-2):hover {
  background: linear-gradient(135deg, #a78bfa, #818cf8) !important;
  box-shadow: 0 0 12px rgba(139, 92, 246, 0.6) !important;
  transform: scale(1.1) !important;
}
.sticky.w-full.top-0 button.MuiIconButton-root svg.lucide-music-2 {
  color: #fef3c7 !important;
  filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.5)) !important;
}
/* 移动端设置图标 */
.sticky.w-full.top-0 svg:has(use[href="#icon-icon-set"]) {
  color: #fde047 !important;
  filter: drop-shadow(0 2px 4px rgba(251, 191, 36, 0.6)) !important;
  transition: all 0.3s ease !important;
}
/* 设置按钮 */
#header-setting-button {
  background: linear-gradient(to bottom, #3b82f6, #2563eb) !important;
  border: 2px solid #fbbf24 !important;
  border-radius: 8px !important;
  transition: all 0.3s ease !important;
}
#header-setting-button:hover {
  background: linear-gradient(to bottom, #60a5fa, #3b82f6) !important;
  box-shadow: 0 4px 12px rgba(251, 191, 36, 0.5) !important;
  transform: translateY(-2px) !important;
}
#header-setting-button svg {
  color: #fef3c7 !important;
  filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.4)) !important;
}
/* ========== 开场白选择器 (DQ窗口风格) ========== */
div.flex.items-center.h-9.bg-white.rounded-md.cursor-pointer.group[class*="border-gray"] {
  background: linear-gradient(to bottom, #dbeafe, #bfdbfe) !important;
  border: 3px solid #1e40af !important;
  border-radius: 10px !important;
  box-shadow: 0 3px 10px rgba(30, 64, 175, 0.3),
              inset 0 1px 0 rgba(255, 255, 255, 0.6) !important;
  transition: all 0.3s ease !important;
}
div.flex.items-center.h-9.bg-white.rounded-md.cursor-pointer.group[class*="border-gray"]:hover {
  background: linear-gradient(to bottom, #bfdbfe, #93c5fd) !important;
  border-color: #fbbf24 !important;
  box-shadow: 0 4px 14px rgba(251, 191, 36, 0.5),
              inset 0 1px 0 rgba(255, 255, 255, 0.7) !important;
  transform: translateY(-1px) !important;
}
div.flex.items-center.h-9.cursor-pointer.group svg[data-icon="SlidersH"] {
  color: #1e40af !important;
  filter: drop-shadow(0 1px 2px rgba(30, 64, 175, 0.4)) !important;
}
div.flex.items-center.h-9.cursor-pointer.group svg[data-icon="ChevronDown"] {
  color: #2563eb !important;
  filter: drop-shadow(0 1px 2px rgba(37, 99, 235, 0.4)) !important;
}
/* ========== 底部按钮栏 (DQ命令按钮) ========== */
#ai-mod-button2 button.MuiButton-root {
  background: linear-gradient(to bottom, #3b82f6, #1e40af) !important;
  border: 2px solid #fbbf24 !important;
  border-radius: 8px !important;
  color: #fef3c7 !important;
  font-weight: 700 !important;
  font-family: system-ui, -apple-system, sans-serif !important;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.6) !important;
  box-shadow: 0 3px 8px rgba(30, 64, 175, 0.4),
              inset 0 1px 0 rgba(255, 255, 255, 0.2) !important;
  transition: all 0.25s ease !important;
}
#ai-mod-button2 button.MuiButton-root:hover {
  background: linear-gradient(to bottom, #60a5fa, #2563eb) !important;
  border-color: #fde047 !important;
  box-shadow: 0 5px 15px rgba(251, 191, 36, 0.6),
              inset 0 1px 0 rgba(255, 255, 255, 0.3) !important;
  transform: translateY(-2px) !important;
}
#ai-mod-button2 button.MuiButton-root svg {
  color: #fde047 !important;
  filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.5)) !important;
}
/* ========== 底部输入栏 (羊皮纸风格) ========== */
#ai-chat-bottom-input {
  background: linear-gradient(135deg, #fef3c7, #fde68a, #fef3c7) !important;
  border: 3px solid #92400e !important;
  border-radius: 12px !important;
  box-shadow: 0 6px 20px rgba(146, 64, 14, 0.3),
              inset 0 2px 4px rgba(255, 255, 255, 0.5),
              inset 0 -2px 4px rgba(146, 64, 14, 0.1) !important;
  transition: all 0.3s ease !important;
}
#ai-chat-bottom-input:focus-within {
  border-color: #fbbf24 !important;
  box-shadow: 0 8px 24px rgba(251, 191, 36, 0.5),
              inset 0 2px 4px rgba(255, 255, 255, 0.6),
              0 0 0 3px rgba(251, 191, 36, 0.2) !important;
}
#ai-chat-input {
  background: transparent !important;
  color: #292524 !important;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif !important;
  font-weight: 400 !important;
  font-size: 15px !important;
  line-height: 1.6 !important;
  letter-spacing: 0.015em !important;
}
#ai-chat-input::placeholder {
  color: #92400e !important;
  opacity: 0.6 !important;
  font-style: italic !important;
}
#ai-chat-input::selection {
  background: #fbbf24 !important;
  color: #1e3a8a !important;
}
/* ========== 分页栏美化 (DQ菜单按钮风格) ========== */
.MuiPaginationItem-root {
  background: linear-gradient(to bottom, #dbeafe, #93c5fd) !important;
  border: 2px solid #1e40af !important;
  border-radius: 6px !important;
  color: #1e3a8a !important;
  font-weight: 700 !important;
  font-family: system-ui, -apple-system, sans-serif !important;
  box-shadow: 0 2px 6px rgba(30, 64, 175, 0.3),
              inset 0 1px 0 rgba(255, 255, 255, 0.4) !important;
  transition: all 0.25s ease !important;
}
.MuiPaginationItem-root:hover {
  background: linear-gradient(to bottom, #bfdbfe, #60a5fa) !important;
  border-color: #fbbf24 !important;
  box-shadow: 0 3px 10px rgba(251, 191, 36, 0.5),
              inset 0 1px 0 rgba(255, 255, 255, 0.5) !important;
  transform: translateY(-1px) !important;
}
.MuiPaginationItem-root.Mui-selected {
  background: linear-gradient(to bottom, #fbbf24, #f59e0b) !important;
  border: 2px solid #92400e !important;
  color: #451a03 !important;
  box-shadow: 0 3px 10px rgba(245, 158, 11, 0.6),
              inset 0 1px 0 rgba(255, 255, 255, 0.3),
              inset 0 -2px 4px rgba(146, 64, 14, 0.3) !important;
}
.MuiPaginationItem-root.Mui-disabled {
  background: linear-gradient(to bottom, #e5e7eb, #d1d5db) !important;
  border-color: #9ca3af !important;
  color: #6b7280 !important;
  opacity: 0.5 !important;
  box-shadow: none !important;
}
.MuiPaginationItem-icon {
  color: #1e40af !important;
  filter: drop-shadow(0 1px 2px rgba(30, 64, 175, 0.4)) !important;
}
.MuiPaginationItem-root.Mui-selected .MuiPaginationItem-icon {
  color: #78350f !important;
}
/* 跳转输入区域 */
.MuiStack-root.css-1uwir8f {
  background: linear-gradient(to bottom, #dbeafe, #bfdbfe) !important;
  border: 2px solid #1e40af !important;
  border-radius: 8px !important;
  box-shadow: 0 2px 8px rgba(30, 64, 175, 0.3),
              inset 0 1px 0 rgba(255, 255, 255, 0.4) !important;
}
.MuiStack-root.css-1uwir8f .MuiBox-root {
  color: #1e3a8a !important;
  font-weight: 600 !important;
  font-family: system-ui, -apple-system, sans-serif !important;
}
.MuiInputBase-input {
  background: #ffffff !important;
  border: 2px solid #3b82f6 !important;
  border-radius: 6px !important;
  color: #1e3a8a !important;
  font-weight: 600 !important;
  font-family: system-ui, -apple-system, sans-serif !important;
  box-shadow: inset 0 1px 3px rgba(30, 64, 175, 0.2) !important;
  transition: all 0.25s ease !important;
}
.MuiInputBase-input:focus {
  border-color: #fbbf24 !important;
  box-shadow: inset 0 1px 3px rgba(30, 64, 175, 0.2),
              0 0 0 2px rgba(251, 191, 36, 0.3) !important;
}
/* ========== 评论区美化 (DQ对话框风格) ========== */
div[class*="w-full"][class*="bg-white"][class*="bottom-0"] {
  background: linear-gradient(135deg, #fef3c7, #fde68a, #fef3c7) !important;
  border: 3px solid #92400e !important;
  border-radius: 12px !important;
  box-shadow: 0 8px 24px rgba(146, 64, 14, 0.4),
              inset 0 2px 6px rgba(255, 255, 255, 0.5),
              inset 0 -2px 6px rgba(146, 64, 14, 0.15) !important;
}
/* 顶部标题 */
div.text-lg.font-bold {
  color: #78350f !important;
  font-family: system-ui, -apple-system, sans-serif !important;
  font-weight: 800 !important;
  text-shadow: 1px 1px 2px rgba(120, 53, 15, 0.2) !important;
}
/* 个人评分文字 */
p.MuiTypography-body1.text-grey-600 {
  color: #92400e !important;
  font-weight: 600 !important;
  font-family: system-ui, -apple-system, sans-serif !important;
}
/* 评分星星容器 */
span.MuiRating-root {
  filter: drop-shadow(0 2px 4px rgba(251, 191, 36, 0.4)) !important;
}
/* 未选中的星星 */
span.MuiRating-iconEmpty svg {
  color: #d1d5db !important;
  transition: all 0.3s ease !important;
}
/* 选中的星星 */
span.MuiRating-iconFilled svg {
  color: #fbbf24 !important;
  filter: drop-shadow(0 2px 6px rgba(251, 191, 36, 0.8)) !important;
  transition: all 0.3s ease !important;
}
span.MuiRating-iconFilled:hover svg {
  color: #fde047 !important;
  transform: scale(1.15) rotate(15deg) !important;
}
/* 评分数字 */
span.text-orange-500 {
  color: #ea580c !important;
  font-weight: 700 !important;
  font-family: system-ui, -apple-system, sans-serif !important;
  text-shadow: 1px 1px 2px rgba(234, 88, 12, 0.3) !important;
}
/* 输入框容器 */
div.flex.flex-col.border-gray-200 {
  background: #ffffff !important;
  border: 2px solid #92400e !important;
  border-radius: 8px !important;
  box-shadow: inset 0 1px 3px rgba(146, 64, 14, 0.2) !important;
}
/* 输入框 */
textarea.rc-textarea {
  background: transparent !important;
  color: #451a03 !important;
  font-family: system-ui, -apple-system, sans-serif !important;
  font-weight: 500 !important;
}
textarea.rc-textarea::placeholder {
  color: #92400e !important;
  opacity: 0.5 !important;
  font-style: italic !important;
}
textarea.rc-textarea::selection {
  background: #fbbf24 !important;
  color: #1e3a8a !important;
}
/* 字数统计 */
div.bg-gray-100.text-gray-500 {
  background: #fef3c7 !important;
  color: #92400e !important;
  font-weight: 600 !important;
  font-family: system-ui, -apple-system, sans-serif !important;
}
/* 发送评论按钮 */
div.cursor-pointer.group.flex.items-center.justify-center {
  background: linear-gradient(to bottom, #3b82f6, #1e40af) !important;
  border: 2px solid #fbbf24 !important;
  border-radius: 8px !important;
  box-shadow: 0 3px 8px rgba(30, 64, 175, 0.4),
              inset 0 1px 0 rgba(255, 255, 255, 0.2) !important;
  transition: all 0.25s ease !important;
}
div.cursor-pointer.group.flex.items-center.justify-center:hover {
  background: linear-gradient(to bottom, #60a5fa, #2563eb) !important;
  border-color: #fde047 !important;
  box-shadow: 0 5px 15px rgba(251, 191, 36, 0.6),
              inset 0 1px 0 rgba(255, 255, 255, 0.3) !important;
  transform: translateY(-2px) !important;
}
div[data-state="closed"] svg[data-icon="Send03"] {
  color: #fde047 !important;
  filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.5)) !important;
}
/* 分割线 */
div.style_divider__mW0YX {
  background: linear-gradient(to right, transparent, #92400e, transparent) !important;
  opacity: 0.3 !important;
}
/* 排序按钮 */
.MuiStack-root.css-1dmzxoz {
  background: transparent !important;
}
button.MuiButton-containedPrimary,
button.MuiButton-outlinedPrimary {
  background: linear-gradient(to bottom, #dbeafe, #93c5fd) !important;
  border: 2px solid #1e40af !important;
  border-radius: 8px !important;
  color: #1e3a8a !important;
  font-weight: 700 !important;
  font-family: system-ui, -apple-system, sans-serif !important;
  box-shadow: 0 2px 6px rgba(30, 64, 175, 0.3),
              inset 0 1px 0 rgba(255, 255, 255, 0.4) !important;
  transition: all 0.25s ease !important;
}
button.MuiButton-containedPrimary {
  background: linear-gradient(to bottom, #fbbf24, #f59e0b) !important;
  border-color: #92400e !important;
  color: #451a03 !important;
  box-shadow: 0 3px 10px rgba(245, 158, 11, 0.6),
              inset 0 1px 0 rgba(255, 255, 255, 0.3) !important;
}
button.MuiButton-containedPrimary:hover,
button.MuiButton-outlinedPrimary:hover {
  background: linear-gradient(to bottom, #fde047, #fbbf24) !important;
  border-color: #78350f !important;
  color: #451a03 !important;
  box-shadow: 0 4px 14px rgba(251, 191, 36, 0.7),
              inset 0 1px 0 rgba(255, 255, 255, 0.4) !important;
  transform: translateY(-1px) !important;
}
/* 评论列表容器 */
div.p-3.overflow-y-auto {
  scrollbar-width: thin !important;
  scrollbar-color: #92400e #fef3c7 !important;
}
div.p-3.overflow-y-auto::-webkit-scrollbar {
  width: 8px !important;
}
div.p-3.overflow-y-auto::-webkit-scrollbar-track {
  background: #fef3c7 !important;
  border-radius: 4px !important;
}
div.p-3.overflow-y-auto::-webkit-scrollbar-thumb {
  background: #92400e !important;
  border-radius: 4px !important;
  transition: all 0.3s ease !important;
}
div.p-3.overflow-y-auto::-webkit-scrollbar-thumb:hover {
  background: #78350f !important;
}
/* 评论项 */
div.group.ml-0 {
  background: #ffffff !important;
  border: 2px solid #d1d5db !important;
  border-radius: 8px !important;
  box-shadow: 0 2px 6px rgba(146, 64, 14, 0.15),
              inset 0 1px 0 rgba(255, 255, 255, 0.8) !important;
  transition: all 0.25s ease !important;
}
div.group.ml-0:hover {
  border-color: #fbbf24 !important;
  box-shadow: 0 4px 12px rgba(251, 191, 36, 0.3),
              inset 0 1px 0 rgba(255, 255, 255, 0.9) !important;
  transform: translateY(-1px) !important;
}
/* 用户头像 */
div.group img.rounded-full {
  border: 2px solid #fbbf24 !important;
  box-shadow: 0 2px 6px rgba(251, 191, 36, 0.4) !important;
  transition: all 0.3s ease !important;
}
div.group:hover img.rounded-full {
  border-color: #f59e0b !important;
  box-shadow: 0 4px 10px rgba(245, 158, 11, 0.6) !important;
  transform: scale(1.05) !important;
}
/* 用户名 */
div.text-sm.text-grey-600 span.font-bold {
  color: #1e40af !important;
  font-weight: 800 !important;
  font-family: system-ui, -apple-system, sans-serif !important;
  text-shadow: 1px 1px 2px rgba(30, 64, 175, 0.2) !important;
}
/* "（你）" 标签 */
span.text-\[10px\] {
  color: #ea580c !important;
  font-weight: 700 !important;
  font-family: system-ui, -apple-system, sans-serif !important;
}
/* 评论内容 */
div.break-all {
  color: #451a03 !important;
  font-family: system-ui, -apple-system, sans-serif !important;
  font-weight: 500 !important;
  line-height: 1.6 !important;
}
/* 时间戳 */
div.text-xs.text-grey-600 {
  color: #92400e !important;
  font-weight: 600 !important;
  font-family: system-ui, -apple-system, sans-serif !important;
  opacity: 0.7 !important;
}
/* 点赞按钮 */
button.text-gray-400 {
  background: linear-gradient(to bottom, #fef3c7, #fde68a) !important;
  border: 2px solid #d1d5db !important;
  border-radius: 6px !important;
  box-shadow: 0 1px 4px rgba(146, 64, 14, 0.2) !important;
  transition: all 0.25s ease !important;
}
button.text-gray-400:hover {
  background: linear-gradient(to bottom, #fde68a, #fbbf24) !important;
  border-color: #fbbf24 !important;
  box-shadow: 0 2px 8px rgba(251, 191, 36, 0.5) !important;
  transform: scale(1.1) !important;
}
button.text-gray-400 svg {
  color: #92400e !important;
  filter: drop-shadow(0 1px 2px rgba(146, 64, 14, 0.3)) !important;
  transition: all 0.3s ease !important;
}
button.text-gray-400:hover svg {
  color: #f59e0b !important;
  transform: rotate(15deg) !important;
}
/* 回复按钮文字 */
span.cursor-pointer {
  color: #1e40af !important;
  font-weight: 600 !important;
  font-family: system-ui, -apple-system, sans-serif !important;
  transition: all 0.25s ease !important;
}
span.cursor-pointer:hover {
  color: #f59e0b !important;
  text-shadow: 0 1px 4px rgba(245, 158, 11, 0.4) !important;
  transform: scale(1.05) !important;
}
/* 回复区域边框 */
div.ml-8.border-l {
  border-left-color: #92400e !important;
  border-left-width: 3px !important;
}
/* ========== 可选增强效果 ========== */
/* 1. 顶部栏闪烁星光效果 */
.sticky.w-full.top-0.flex.items-center::before {
  content: '✨' !important;
  position: absolute !important;
  top: 8px !important;
  right: 120px !important;
  font-size: 14px !important;
  animation: sparkle 2s infinite ease-in-out !important;
  pointer-events: none !important;
}
.sticky.w-full.top-0.flex.items-center::after {
  content: '⭐' !important;
  position: absolute !important;
  top: 12px !important;
  left: 80px !important;
  font-size: 10px !important;
  animation: sparkle 2.5s infinite ease-in-out 0.5s !important;
  pointer-events: none !important;
}
@keyframes sparkle {
  0%, 100% {
    opacity: 0 !important;
    transform: scale(0.8) !important;
  }
  50% {
    opacity: 1 !important;
    transform: scale(1.2) !important;
  }
}
/* 2. 按钮按下凹陷效果 */
#ai-mod-button2 button.MuiButton-root:active,
div.cursor-pointer.group.flex.items-center.justify-center:active,
button.MuiButton-containedPrimary:active,
button.MuiButton-outlinedPrimary:active,
.MuiPaginationItem-root:active {
  transform: translateY(1px) scale(0.98) !important;
  box-shadow: 0 1px 3px rgba(30, 64, 175, 0.3),
              inset 0 2px 4px rgba(0, 0, 0, 0.2) !important;
}
/* 3. 输入框纸张纹理 */
#ai-chat-bottom-input::before {
  content: '' !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  background-image: 
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 2px,
      rgba(146, 64, 14, 0.03) 2px,
      rgba(146, 64, 14, 0.03) 4px
    ) !important;
  pointer-events: none !important;
  border-radius: 12px !important;
}
/* 4. 评论区纸张纹理 */
div[class*="w-full"][class*="bg-white"][class*="bottom-0"]::before {
  content: '' !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  background-image: 
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 2px,
      rgba(146, 64, 14, 0.02) 2px,
      rgba(146, 64, 14, 0.02) 4px
    ) !important;
  pointer-events: none !important;
  border-radius: 12px !important;
}
/* 5. 模型选择器光晕效果 */
#ai-model-selector .group.flex.items-center::before {
  content: '' !important;
  position: absolute !important;
  top: -2px !important;
  left: -2px !important;
  right: -2px !important;
  bottom: -2px !important;
  background: linear-gradient(45deg, #fbbf24, #fde047, #fbbf24) !important;
  border-radius: 10px !important;
  opacity: 0 !important;
  transition: opacity 0.3s ease !important;
  z-index: -1 !important;
}
#ai-model-selector .group.flex.items-center:hover::before {
  opacity: 0.5 !important;
  animation: pulse-glow 1.5s infinite !important;
}
@keyframes pulse-glow {
  0%, 100% {
    opacity: 0.3 !important;
  }
  50% {
    opacity: 0.7 !important;
  }
}
/* ========== 史莱姆加载动画（DQ经典造型） ========== */
/* 1. 强制隐藏平台默认加载动画 */
.is-assistant .flex.gap-2.w-full.h-full.items-center.justify-center span {
  display: none !important;
}
/* 2. 加载动画容器配置 */
.is-assistant .flex.gap-2.w-full.h-full.items-center.justify-center {
  position: relative !important;
  width: 80px !important;
  height: 80px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  isolation: isolate !important;
  z-index: 10 !important;
}
/* 3. 史莱姆主体（::before伪元素，使用SMIL内嵌SVG） */
.is-assistant .flex.gap-2.w-full.h-full.items-center.justify-center::before {
  content: '' !important;
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  width: 60px !important;
  height: 60px !important;
  transform: translate(-50%, -50%) !important;
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><radialGradient id="slimeBody" cx="50%25" cy="40%25" r="60%25"><stop offset="0%25" style="stop-color:%2360a5fa;stop-opacity:1"/><stop offset="70%25" style="stop-color:%233b82f6;stop-opacity:1"/><stop offset="100%25" style="stop-color:%232563eb;stop-opacity:1"/></radialGradient><radialGradient id="slimeShine" cx="35%25" cy="30%25" r="30%25"><stop offset="0%25" style="stop-color:%23ffffff;stop-opacity:0.8"/><stop offset="100%25" style="stop-color:%23ffffff;stop-opacity:0"/></radialGradient></defs><ellipse cx="50" cy="85" rx="42" ry="12" fill="%231e3a8a" opacity="0.3"><animate attributeName="rx" values="42;38;42" dur="1.2s" repeatCount="indefinite"/><animate attributeName="opacity" values="0.3;0.2;0.3" dur="1.2s" repeatCount="indefinite"/></ellipse><path d="M 50,30 Q 30,25 20,45 Q 15,60 20,70 Q 30,85 50,85 Q 70,85 80,70 Q 85,60 80,45 Q 70,25 50,30 Z" fill="url(%23slimeBody)" stroke="%231e40af" stroke-width="2.5"><animate attributeName="d" values="M 50,30 Q 30,25 20,45 Q 15,60 20,70 Q 30,85 50,85 Q 70,85 80,70 Q 85,60 80,45 Q 70,25 50,30 Z;M 50,35 Q 32,28 22,47 Q 17,62 22,72 Q 32,83 50,83 Q 68,83 78,72 Q 83,62 78,47 Q 68,28 50,35 Z;M 50,30 Q 30,25 20,45 Q 15,60 20,70 Q 30,85 50,85 Q 70,85 80,70 Q 85,60 80,45 Q 70,25 50,30 Z" dur="1.2s" repeatCount="indefinite"/></path><ellipse cx="50" cy="40" rx="25" ry="20" fill="url(%23slimeShine)" opacity="0.7"><animate attributeName="opacity" values="0.7;0.5;0.7" dur="1.2s" repeatCount="indefinite"/></ellipse><circle cx="38" cy="50" r="5" fill="%231e3a8a"><animate attributeName="r" values="5;0.5;5" dur="3s" repeatCount="indefinite" begin="0s"/></circle><circle cx="62" cy="50" r="5" fill="%231e3a8a"><animate attributeName="r" values="5;0.5;5" dur="3s" repeatCount="indefinite" begin="0.1s"/></circle><path d="M 40,62 Q 50,68 60,62" fill="none" stroke="%231e3a8a" stroke-width="2.5" stroke-linecap="round"><animate attributeName="d" values="M 40,62 Q 50,68 60,62;M 40,63 Q 50,66 60,63;M 40,62 Q 50,68 60,62" dur="2s" repeatCount="indefinite"/></path></svg>') !important;
  background-size: contain !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  z-index: 2 !important;
  pointer-events: none !important;
}
/* 4. 史莱姆反光高光（::after伪元素，使用纯CSS备用增强） */
.is-assistant .flex.gap-2.w-full.h-full.items-center.justify-center::after {
  content: '💧' !important;
  position: absolute !important;
  top: 20% !important;
  left: 30% !important;
  font-size: 16px !important;
  opacity: 0.6 !important;
  animation: slime-sparkle 2s ease-in-out infinite !important;
  z-index: 3 !important;
  pointer-events: none !important;
}
@keyframes slime-sparkle {
  0%, 100% {
    opacity: 0.6 !important;
    transform: scale(1) !important;
  }
  50% {
    opacity: 0.9 !important;
    transform: scale(1.2) !important;
  }
}
/* 5. 移动端适配 */
@media (max-width: 480px) {
  .is-assistant .flex.gap-2.w-full.h-full.items-center.justify-center {
    width: 60px !important;
    height: 60px !important;
  }
  .is-assistant .flex.gap-2.w-full.h-full.items-center.justify-center::before {
    width: 48px !important;
    height: 48px !important;
  }
  .is-assistant .flex.gap-2.w-full.h-full.items-center.justify-center::after {
    font-size: 12px !important;
  }
}
/* 6. 低动效模式适配（降低频率但保持可见） */
@media (prefers-reduced-motion: reduce) {
  .is-assistant .flex.gap-2.w-full.h-full.items-center.justify-center::before {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><radialGradient id="slimeBody" cx="50%25" cy="40%25" r="60%25"><stop offset="0%25" style="stop-color:%2360a5fa;stop-opacity:1"/><stop offset="100%25" style="stop-color:%232563eb;stop-opacity:1"/></radialGradient></defs><ellipse cx="50" cy="85" rx="40" ry="10" fill="%231e3a8a" opacity="0.25"/><path d="M 50,30 Q 30,25 20,45 Q 15,60 20,70 Q 30,85 50,85 Q 70,85 80,70 Q 85,60 80,45 Q 70,25 50,30 Z" fill="url(%23slimeBody)" stroke="%231e40af" stroke-width="2.5"/><circle cx="38" cy="50" r="5" fill="%231e3a8a"/><circle cx="62" cy="50" r="5" fill="%231e3a8a"/><path d="M 40,62 Q 50,68 60,62" fill="none" stroke="%231e3a8a" stroke-width="2.5" stroke-linecap="round"/></svg>') !important;
  }
  @keyframes slime-sparkle {
    0%, 100% { opacity: 0.5 !important; }
    50% { opacity: 0.7 !important; }
  }
}
/* ========== 高对比度模式优化 ========== */
@media (prefers-contrast: high) {
  .rili-markdown-renderer {
    color: #000000 !important;
    font-weight: 500 !important;
  }
  .rili-markdown-renderer dq d {
    color: #000000 !important;
    border-bottom: 2px solid #92400e !important;
  }
  .group > .is-user\:dark {
    border-width: 4px !important;
  }
}
/* ========== 暗色模式字体优化 ========== */
@media (prefers-color-scheme: dark) {
  * {
    -webkit-font-smoothing: subpixel-antialiased !important;
  }
}
/* ========== 大字体模式优化 ========== */
@media (min-width: 1920px) {
  .rili-markdown-renderer {
    font-size: 16px !important;
    line-height: 1.8 !important;
  }
  .rili-markdown-renderer dq d {
    font-size: 15.5px !important;
    padding: 12px 20px !important;
  }
}
/* 7. CSP兼容占位注释 */
/*
  如果平台CSP策略阻止data:image/svg+xml，可使用以下纯CSS备用方案：
  - ::before 改为渐变圆形 + CSS动画模拟弹跳
  - ::after 改为伪元素emoji表情
*/
/* ========== 聊天框背景美化（DQ风格） ========== */
/* 隐藏平台默认的顶部颜色装饰条 */
[class*="bg-[#F1CBCB]"], 
[class*="bg-[#c9e1e9]"] {
  display: none !important;
}
/* 统一聊天框容器（输入与输出共有） */
.group > .is-user\:dark {
  background: linear-gradient(135deg, #fef3c7, #fde68a, #fef3c7) !important;
  border: 3px solid #92400e !important;
  border-radius: 12px !important;
  box-shadow: 0 6px 20px rgba(146, 64, 14, 0.35),
              inset 0 2px 6px rgba(255, 255, 255, 0.5),
              inset 0 -2px 6px rgba(146, 64, 14, 0.15) !important;
  position: relative !important;
  isolation: isolate !important;
  transition: all 0.3s ease !important;
}
.group > .is-user\:dark:hover {
  border-color: #fbbf24 !important;
  box-shadow: 0 8px 24px rgba(251, 191, 36, 0.45),
              inset 0 2px 6px rgba(255, 255, 255, 0.6),
              inset 0 -2px 6px rgba(146, 64, 14, 0.2) !important;
  transform: translateY(-1px) !important;
}
/* 羊皮纸纹理背景（::before伪元素） */
.group > .is-user\:dark::before {
  content: '' !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  background-image: repeating-linear-gradient(
    0deg,
    transparent,
    transparent 2px,
    rgba(146, 64, 14, 0.03) 2px,
    rgba(146, 64, 14, 0.03) 4px
  ) !important;
  pointer-events: none !important;
  border-radius: 12px !important;
  z-index: 0 !important;
}
/* 聊天框主要文本内容（优化版） */
.rili-markdown-renderer {
  color: #292524 !important;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif !important;
  font-weight: 400 !important;
  font-size: 15px !important;
  line-height: 1.75 !important;
  letter-spacing: 0.015em !important;
  background: transparent !important;
  z-index: 1 !important;
  position: relative !important;
  word-break: break-word !important;
  overflow-wrap: break-word !important;
}
.rili-markdown-renderer::selection {
  background: #fbbf24 !important;
  color: #1e3a8a !important;
}
.rili-markdown-renderer p {
  margin-bottom: 1em !important;
  line-height: 1.8 !important;
}
/* 标题样式（优化版） */
.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: #57534e !important;
  font-weight: 700 !important;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", sans-serif !important;
  border-bottom: 2px solid #d6d3d1 !important;
  padding-bottom: 8px !important;
  margin-top: 1.5em !important;
  margin-bottom: 1em !important;
  line-height: 1.4 !important;
  letter-spacing: 0.02em !important;
}
.rili-markdown-renderer h1 { font-size: 1.8em !important; }
.rili-markdown-renderer h2 { font-size: 1.5em !important; }
.rili-markdown-renderer h3 { font-size: 1.3em !important; }
.rili-markdown-renderer h4 { font-size: 1.15em !important; }
/* 链接样式 */
.rili-markdown-renderer a {
  color: #1e40af !important;
  font-weight: 600 !important;
  text-decoration: underline !important;
  transition: all 0.25s ease !important;
}
.rili-markdown-renderer a:hover {
  color: #f59e0b !important;
  text-decoration: none !important;
}
/* 代码块样式 */
.rili-markdown-renderer code {
  background: #ffffff !important;
  border: 1px solid #92400e !important;
  border-radius: 4px !important;
  padding: 2px 6px !important;
  color: #1e40af !important;
  font-weight: 600 !important;
  font-family: "Courier New", monospace !important;
}
.rili-markdown-renderer pre {
  background: #ffffff !important;
  border: 2px solid #92400e !important;
  border-radius: 8px !important;
  padding: 12px !important;
  box-shadow: inset 0 2px 6px rgba(146, 64, 14, 0.15) !important;
}
.rili-markdown-renderer pre code {
  background: transparent !important;
  border: none !important;
  padding: 0 !important;
  color: #451a03 !important;
  font-weight: 500 !important;
}
/* 引用块样式 */
.rili-markdown-renderer blockquote {
  background: linear-gradient(to right, rgba(251, 191, 36, 0.15), transparent) !important;
  border-left: 4px solid #fbbf24 !important;
  padding: 10px 16px !important;
  color: #78350f !important;
  font-style: italic !important;
  margin: 1em 0 !important;
  border-radius: 4px !important;
}
/* 列表样式 */
.rili-markdown-renderer ul,
.rili-markdown-renderer ol {
  color: #451a03 !important;
  padding-left: 1.5em !important;
}
.rili-markdown-renderer li {
  margin: 0.4em 0 !important;
}
/* 表格样式 */
.rili-markdown-renderer table {
  border-collapse: collapse !important;
  background: #ffffff !important;
  border: 2px solid #92400e !important;
  border-radius: 8px !important;
  overflow: hidden !important;
  box-shadow: 0 3px 10px rgba(146, 64, 14, 0.2) !important;
  margin: 1em 0 !important;
}
.rili-markdown-renderer table th {
  background: linear-gradient(to bottom, #fbbf24, #f59e0b) !important;
  color: #451a03 !important;
  font-weight: 700 !important;
  padding: 10px 12px !important;
  border: 1px solid #92400e !important;
}
.rili-markdown-renderer table td {
  background: #ffffff !important;
  color: #451a03 !important;
  padding: 8px 12px !important;
  border: 1px solid #e5e7eb !important;
}
.rili-markdown-renderer table tr:nth-child(even) td {
  background: #fef3c7 !important;
}
.rili-markdown-renderer table tr:hover td {
  background: rgba(251, 191, 36, 0.15) !important;
}
/* ========== 聊天框底部附加元素美化 ========== */
/* 底部操作按钮（复制、编辑、删除等） */
.flex.items-center.gap-1.ml-auto button {
  background: linear-gradient(to bottom, #dbeafe, #93c5fd) !important;
  border: 2px solid #1e40af !important;
  border-radius: 6px !important;
  color: #1e3a8a !important;
  font-weight: 700 !important;
  font-family: system-ui, -apple-system, sans-serif !important;
  padding: 4px 12px !important;
  margin: 0 4px !important;
  box-shadow: 0 2px 6px rgba(30, 64, 175, 0.3),
              inset 0 1px 0 rgba(255, 255, 255, 0.4) !important;
  transition: all 0.25s ease !important;
  text-transform: none !important;
  width: auto !important;
  height: auto !important;
}
.flex.items-center.gap-1.ml-auto button:hover {
  background: linear-gradient(to bottom, #bfdbfe, #60a5fa) !important;
  border-color: #fbbf24 !important;
  box-shadow: 0 3px 10px rgba(251, 191, 36, 0.5),
              inset 0 1px 0 rgba(255, 255, 255, 0.5) !important;
  transform: translateY(-1px) !important;
  color: #1e40af !important;
}
.flex.items-center.gap-1.ml-auto button:active {
  transform: translateY(1px) scale(0.98) !important;
  box-shadow: 0 1px 3px rgba(30, 64, 175, 0.3),
              inset 0 2px 4px rgba(0, 0, 0, 0.2) !important;
}
.flex.items-center.gap-1.ml-auto button svg {
  color: currentColor !important;
}
/* 让屏幕阅读器文本显示出来，匹配DQ风格按钮 */
.flex.items-center.gap-1.ml-auto button .sr-only {
  position: static !important;
  width: auto !important;
  height: auto !important;
  clip: auto !important;
  overflow: visible !important;
  white-space: normal !important;
  margin-left: 4px !important;
}
/* 隐藏Rili默认的按钮容器背景 */
.flex.items-center.gap-1.ml-auto .bg-muted {
  background: transparent !important;
}
/* 修复手机端底部按钮被挤出屏幕的问题 */
@media (max-width: 640px) {
  .flex.items-center.gap-1.ml-auto {
    flex-wrap: wrap !important;
    justify-content: flex-end !important;
    gap: 4px !important;
  }
  .flex.items-center.gap-1.ml-auto button {
    padding: 6px 8px !important;
    margin: 2px 0 !important;
  }
  /* 手机端重新隐藏文字，仅保留图标以节省空间 */
  .flex.items-center.gap-1.ml-auto button .sr-only {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    clip: rect(0, 0, 0, 0) !important;
    overflow: hidden !important;
    margin-left: 0 !important;
  }
}
/* Token消耗文本容器 */
.flex.items-center.gap-2.text-xs.font-mono {
  background: transparent !important;
  padding: 0 !important;
}
/* Token消耗文本项 */
.flex.items-center.gap-2.text-xs.font-mono > span {
  color: #ea580c !important;
  font-weight: 700 !important;
  font-family: system-ui, -apple-system, sans-serif !important;
  font-size: 13px !important;
  padding: 4px 8px !important;
  background: linear-gradient(to bottom, #fef3c7, #fde68a) !important;
  border: 2px solid #f59e0b !important;
  border-radius: 6px !important;
  box-shadow: 0 2px 6px rgba(234, 88, 12, 0.3) !important;
  display: inline-flex !important;
  margin: 0 4px !important;
  align-items: center !important;
}
/* ========== 滚动条美化 ========== */
.group > .is-user\:dark ::-webkit-scrollbar {
  width: 10px !important;
  height: 10px !important;
}
.group > .is-user\:dark ::-webkit-scrollbar-track {
  background: #fef3c7 !important;
  border-radius: 5px !important;
  border: 2px solid #92400e !important;
}
.group > .is-user\:dark ::-webkit-scrollbar-thumb {
  background: linear-gradient(to bottom, #fbbf24, #f59e0b) !important;
  border-radius: 5px !important;
  border: 2px solid #92400e !important;
  box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.3) !important;
  transition: all 0.3s ease !important;
}
.group > .is-user\:dark ::-webkit-scrollbar-thumb:hover {
  background: linear-gradient(to bottom, #fde047, #fbbf24) !important;
  box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.4),
              0 0 8px rgba(251, 191, 36, 0.6) !important;
}
/* ========== 移动端适配（优化版） ========== */
@media (max-width: 640px) {
  .rili-markdown-renderer dq {
    font-size: 14px !important;
    margin: 16px 0;
  }
  .rili-markdown-renderer dq > hd {
    padding: 12px 16px !important;
    font-size: 15px !important;
    border-width: 2px;
    line-height: 1.5 !important;
  }
  .rili-markdown-renderer dq > article {
    padding: 18px 20px !important;
    font-size: 14.5px !important;
    line-height: 1.75 !important;
    border-width: 2px;
  }
  .rili-markdown-renderer dq > details {
    border-width: 2px;
    margin-bottom: 10px;
  }
  .rili-markdown-renderer dq > details > summary {
    padding: 12px 16px !important;
    font-size: 14.5px !important;
    line-height: 1.5 !important;
  }
  .rili-markdown-renderer dq d {
    padding: 9px 16px !important;
    font-size: 14px !important;
    line-height: 1.7 !important;
  }
  .rili-markdown-renderer dq d:last-child {
    padding-bottom: 12px !important;
  }
  .rili-markdown-renderer dq f {
    font-size: 12.5px !important;
    padding: 3px 8px !important;
    margin-right: 6px !important;
  }
  .rili-markdown-renderer dq t {
    padding: 10px 16px !important;
    font-size: 13.5px !important;
    margin-top: 14px !important;
    margin-bottom: 8px !important;
    line-height: 1.5 !important;
  }
  .rili-markdown-renderer dq t:first-child {
    margin-top: 12px !important;
  }
  .rili-markdown-renderer dq table {
    margin: 14px 0 !important;
  }
  .rili-markdown-renderer dq table th,
  .rili-markdown-renderer dq table td {
    padding: 9px 11px !important;
    font-size: 13px !important;
    line-height: 1.6 !important;
  }
  .rili-markdown-renderer dq d[c] {
    padding: 12px 16px !important;
    font-size: 14px !important;
    margin: 8px 0 !important;
    line-height: 1.5 !important;
  }
  .rili-markdown-renderer dq d[c]:first-of-type {
    margin-top: 12px !important;
  }
  .rili-markdown-renderer dq d[c]:last-of-type {
    margin-bottom: 12px !important;
  }
  /* 移动端正文字体优化 */
  .rili-markdown-renderer {
    font-size: 14.5px !important;
    line-height: 1.75 !important;
    padding: 0 4px !important;
  }
  .rili-markdown-renderer p {
    margin-bottom: 1.1em !important;
  }
}
/* ========== 可选装饰效果 ========== */
/* 聊天框顶部金色装饰边 */
.group > .is-user\:dark::after {
  content: '' !important;
  position: absolute !important;
  top: 0 !important;
  left: 10% !important;
  right: 10% !important;
  height: 4px !important;
  background: linear-gradient(to right, transparent, #fbbf24, #f59e0b, #fbbf24, transparent) !important;
  border-radius: 2px !important;
  z-index: 0 !important;
  pointer-events: none !important;
}
/* 金币闪光效果（可选，用于突出重要消息） */
@keyframes coin-sparkle {
  0%, 100% {
    box-shadow: 0 6px 20px rgba(146, 64, 14, 0.35),
                inset 0 2px 6px rgba(255, 255, 255, 0.5),
                inset 0 -2px 6px rgba(146, 64, 14, 0.15) !important;
  }
  50% {
    box-shadow: 0 8px 28px rgba(251, 191, 36, 0.6),
                inset 0 2px 8px rgba(255, 255, 255, 0.7),
                inset 0 -2px 8px rgba(251, 191, 36, 0.3),
                0 0 20px rgba(251, 191, 36, 0.4) !important;
  }
}
/* 为包含特定关键词的聊天框添加金光效果（可选） */
.group > .is-user\:dark:has(.rili-markdown-renderer:contains("宝箱")),
.group > .is-user\:dark:has(.rili-markdown-renderer:contains("获得")),
.group > .is-user\:dark:has(.rili-markdown-renderer:contains("奖励")) {
  animation: coin-sparkle 2s ease-in-out infinite !important;
}
/* ========== DQ状态栏核心容器 ========== */
.rili-markdown-renderer dq {
  display: block;
  max-width: 100%;
  margin: 20px 0;
  font-family: system-ui, -apple-system, "Segoe UI", sans-serif;
  font-size: 14px;
  line-height: 1.6;
  color: #451a03;
  isolation: isolate;
}
/* ========== 顶部时间地点栏 ========== */
.rili-markdown-renderer dq > hd {
  display: block;
  background: linear-gradient(135deg, #1e3a8a 0%, #2563eb 50%, #1e40af 100%);
  border: 3px solid #fbbf24;
  border-radius: 12px 12px 0 0;
  padding: 12px 16px;
  color: #fef3c7;
  font-weight: 700;
  font-size: 15px;
  text-align: center;
  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.6);
  box-shadow: 0 4px 12px rgba(30, 58, 138, 0.5),
              inset 0 2px 4px rgba(255, 255, 255, 0.25);
  position: relative;
  margin-bottom: 0;
}
/* 顶部栏金色装饰线 */
.rili-markdown-renderer dq > hd::after {
  content: '';
  position: absolute;
  bottom: -3px;
  left: 10%;
  right: 10%;
  height: 4px;
  background: linear-gradient(to right, transparent, #fbbf24, #f59e0b, #fbbf24, transparent);
  border-radius: 2px;
}
/* ========== 正文区域 ========== */
.rili-markdown-renderer dq > article {
  display: block;
  background: linear-gradient(135deg, #fef3c7, #fde68a, #fef3c7);
  border-left: 3px solid #92400e;
  border-right: 3px solid #92400e;
  padding: 20px 24px;
  color: #451a03;
  font-size: 15px;
  line-height: 1.8;
  position: relative;
  margin-bottom: 0;
}
/* 羊皮纸纹理 */
.rili-markdown-renderer dq > article::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: repeating-linear-gradient(
    0deg,
    transparent,
    transparent 2px,
    rgba(146, 64, 14, 0.03) 2px,
    rgba(146, 64, 14, 0.03) 4px
  );
  pointer-events: none;
  z-index: 0;
}
.rili-markdown-renderer dq > article > p {
  margin: 0 0 14px 0;
  position: relative;
  z-index: 1;
}
.rili-markdown-renderer dq > article > p:last-child {
  margin-bottom: 0;
}
/* ========== 可折叠状态栏容器 ========== */
.rili-markdown-renderer dq > details {
  display: block;
  background: linear-gradient(135deg, #fef3c7, #fde68a, #fef3c7);
  border: 3px solid #92400e;
  border-top: none;
  margin: 0 0 12px 0;
  position: relative;
}
.rili-markdown-renderer dq > details:last-child {
  border-radius: 0 0 12px 12px;
  box-shadow: 0 6px 20px rgba(146, 64, 14, 0.35),
              inset 0 2px 6px rgba(255, 255, 255, 0.5),
              inset 0 -2px 6px rgba(146, 64, 14, 0.15);
  margin-bottom: 0;
}
/* 羊皮纸纹理 */
.rili-markdown-renderer dq > details::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: repeating-linear-gradient(
    0deg,
    transparent,
    transparent 2px,
    rgba(146, 64, 14, 0.02) 2px,
    rgba(146, 64, 14, 0.02) 4px
  );
  pointer-events: none;
  border-radius: 0 0 12px 12px;
  z-index: 0;
}
/* ========== 折叠栏标题 ========== */
.rili-markdown-renderer dq > details > summary {
  display: block;
  background: linear-gradient(to bottom, #3b82f6, #2563eb);
  border-bottom: 2px solid #fbbf24;
  padding: 12px 16px;
  color: #fef3c7;
  font-weight: 700;
  font-size: 15px;
  text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
  cursor: pointer;
  list-style: none;
  box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.3);
  transition: all 0.25s ease;
  position: relative;
  z-index: 1;
}
.rili-markdown-renderer dq > details > summary::-webkit-details-marker {
  display: none;
}
.rili-markdown-renderer dq > details > summary::before {
  content: '▼ ';
  display: inline-block;
  transition: transform 0.3s ease;
  margin-right: 6px;
  color: #fbbf24;
  font-size: 12px;
}
.rili-markdown-renderer dq > details[open] > summary::before {
  transform: rotate(-180deg);
}
.rili-markdown-renderer dq > details > summary:hover {
  background: linear-gradient(to bottom, #60a5fa, #3b82f6);
  box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.4),
              0 2px 8px rgba(251, 191, 36, 0.4);
}
/* 数据行 <d>（优化版） */
.rili-markdown-renderer dq d {
  display: block;
  padding: 10px 18px !important;
  color: #292524 !important;
  font-size: 14.5px !important;
  line-height: 1.8 !important;
  letter-spacing: 0.015em !important;
  border-bottom: 1px solid rgba(146, 64, 14, 0.12);
  position: relative;
  z-index: 1;
  transition: all 0.2s ease;
}
.rili-markdown-renderer dq d:last-child {
  border-bottom: none;
  padding-bottom: 14px !important;
}
.rili-markdown-renderer dq d:hover {
  background: rgba(251, 191, 36, 0.12);
  padding-left: 22px !important;
}
.rili-markdown-renderer dq d:last-child {
  border-bottom: none;
  padding-bottom: 12px;
}
.rili-markdown-renderer dq d:hover {
  background: rgba(251, 191, 36, 0.12);
  padding-left: 20px;
}
/* ========== 字段名 <f> ========== */
.rili-markdown-renderer dq f {
  display: inline-block;
  background: linear-gradient(to bottom, #fbbf24, #f59e0b);
  border: 2px solid #92400e;
  border-radius: 6px;
  padding: 2px 8px;
  color: #451a03;
  font-weight: 700;
  font-size: 13px;
  margin-right: 8px;
  box-shadow: 0 2px 4px rgba(245, 158, 11, 0.4),
              inset 0 1px 0 rgba(255, 255, 255, 0.3);
  vertical-align: middle;
}
/* ========== 分类标题 <t> ========== */
.rili-markdown-renderer dq t {
  display: block;
  background: linear-gradient(to right, #2563eb, #1e40af);
  border-left: 5px solid #fbbf24;
  padding: 10px 16px;
  color: #fef3c7;
  font-weight: 700;
  font-size: 14px;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
  margin-top: 16px;
  margin-bottom: 8px;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2);
  position: relative;
  z-index: 1;
}
.rili-markdown-renderer dq t:first-child {
  margin-top: 12px;
}
/* ========== 表格 ========== */
.rili-markdown-renderer dq table {
  width: 100%;
  border-collapse: collapse;
  background: #ffffff;
  border: 2px solid #92400e;
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 3px 10px rgba(146, 64, 14, 0.2);
  margin: 16px 0;
  position: relative;
  z-index: 1;
}
.rili-markdown-renderer dq table th {
  background: linear-gradient(to bottom, #fbbf24, #f59e0b);
  color: #451a03;
  font-weight: 700;
  padding: 10px 12px;
  border: 1px solid #92400e;
  text-align: left;
  font-size: 13px;
}
.rili-markdown-renderer dq table td {
  background: #ffffff;
  color: #451a03;
  padding: 10px 12px;
  border: 1px solid #e5e7eb;
  font-size: 13px;
  line-height: 1.6;
}
.rili-markdown-renderer dq table tr:nth-child(even) td {
  background: #fef3c7;
}
.rili-markdown-renderer dq table tr:hover td {
  background: rgba(251, 191, 36, 0.18);
}
/* ========== 命运抉择选项按钮 ========== */
.rili-markdown-renderer dq d[c] {
  background: linear-gradient(to bottom, #dbeafe, #93c5fd);
  border: 2px solid #1e40af;
  border-radius: 8px;
  padding: 12px 16px;
  margin: 8px 0;
  color: #1e3a8a;
  font-weight: 700;
  font-size: 14px;
  cursor: pointer;
  box-shadow: 0 3px 8px rgba(30, 64, 175, 0.3),
              inset 0 1px 0 rgba(255, 255, 255, 0.4);
  transition: all 0.25s ease;
  border-bottom: 1px solid #1e40af;
}
.rili-markdown-renderer dq d[c]:hover {
  background: linear-gradient(to bottom, #bfdbfe, #60a5fa);
  border-color: #fbbf24;
  box-shadow: 0 5px 15px rgba(251, 191, 36, 0.6),
              inset 0 1px 0 rgba(255, 255, 255, 0.5);
  transform: translateY(-2px);
  padding-left: 20px;
}
.rili-markdown-renderer dq d[c]:active {
  transform: translateY(1px) scale(0.98);
  box-shadow: 0 1px 3px rgba(30, 64, 175, 0.3),
              inset 0 2px 4px rgba(0, 0, 0, 0.2);
}
.rili-markdown-renderer dq d[c]:first-of-type {
  margin-top: 12px;
}
.rili-markdown-renderer dq d[c]:last-of-type {
  margin-bottom: 12px;
}
/* 沙雕选项 */
.rili-markdown-renderer dq d[c="沙"] {
  background: linear-gradient(to bottom, #fef3c7, #fde68a);
  border-color: #f59e0b;
  color: #78350f;
}
.rili-markdown-renderer dq d[c="沙"]:hover {
  background: linear-gradient(to bottom, #fde68a, #fbbf24);
  border-color: #ea580c;
}
/* 反套路选项 */
.rili-markdown-renderer dq d[c="反"] {
  background: linear-gradient(to bottom, #e0e7ff, #c7d2fe);
  border-color: #6366f1;
  color: #312e81;
}
.rili-markdown-renderer dq d[c="反"]:hover {
  background: linear-gradient(to bottom, #c7d2fe, #a5b4fc);
  border-color: #8b5cf6;
}
/* 反智选项 */
.rili-markdown-renderer dq d[c="智"] {
  background: linear-gradient(to bottom, #fce7f3, #fbcfe8);
  border-color: #ec4899;
  color: #831843;
}
.rili-markdown-renderer dq d[c="智"]:hover {
  background: linear-gradient(to bottom, #fbcfe8, #f9a8d4);
  border-color: #db2777;
}
/* 正常选项 */
.rili-markdown-renderer dq d[c="正"] {
  background: linear-gradient(to bottom, #d1fae5, #a7f3d0);
  border-color: #10b981;
  color: #064e3b;
}
.rili-markdown-renderer dq d[c="正"]:hover {
  background: linear-gradient(to bottom, #a7f3d0, #6ee7b7);
  border-color: #059669;
}
/* 自由选项 */
.rili-markdown-renderer dq d[c="自"] {
  background: linear-gradient(to bottom, #e5e7eb, #d1d5db);
  border: 2px dashed #6b7280;
  color: #374151;
}
.rili-markdown-renderer dq d[c="自"]:hover {
  background: linear-gradient(to bottom, #d1d5db, #9ca3af);
  border-color: #4b5563;
}
/* ========== 移动端适配 ========== */
@media (max-width: 640px) {
  .rili-markdown-renderer dq {
    font-size: 13px;
    margin: 16px 0;
  }
  .rili-markdown-renderer dq > hd {
    padding: 10px 14px;
    font-size: 14px;
    border-width: 2px;
  }
  .rili-markdown-renderer dq > article {
    padding: 16px 18px;
    font-size: 14px;
    border-width: 2px;
  }
  .rili-markdown-renderer dq > details {
    border-width: 2px;
    margin-bottom: 10px;
  }
  .rili-markdown-renderer dq > details > summary {
    padding: 10px 14px;
    font-size: 14px;
  }
  .rili-markdown-renderer dq d {
    padding: 7px 14px;
    font-size: 13px;
  }
  .rili-markdown-renderer dq d:last-child {
    padding-bottom: 10px;
  }
  .rili-markdown-renderer dq f {
    font-size: 12px;
    padding: 2px 6px;
  }
  .rili-markdown-renderer dq t {
    padding: 8px 14px;
    font-size: 13px;
    margin-top: 12px;
    margin-bottom: 6px;
  }
  .rili-markdown-renderer dq t:first-child {
    margin-top: 10px;
  }
  .rili-markdown-renderer dq table {
    margin: 12px 0;
  }
  .rili-markdown-renderer dq table th,
  .rili-markdown-renderer dq table td {
    padding: 8px 10px;
    font-size: 12px;
  }
  .rili-markdown-renderer dq d[c] {
    padding: 10px 14px;
    font-size: 13px;
    margin: 6px 0;
  }
  .rili-markdown-renderer dq d[c]:first-of-type {
    margin-top: 10px;
  }
  .rili-markdown-renderer dq d[c]:last-of-type {
    margin-bottom: 10px;
  }
}
/* ========== 可选增强效果 ========== */
/* 1. 金币闪烁动画 */
@keyframes coin-sparkle {
  0%, 100% {
    filter: drop-shadow(0 2px 4px rgba(251, 191, 36, 0.4));
  }
  50% {
    filter: drop-shadow(0 4px 12px rgba(251, 191, 36, 0.8));
  }
}
.rili-markdown-renderer dq d:has(f:contains("金币余额")) f,
.rili-markdown-renderer dq d f:contains("金币") {
  animation: coin-sparkle 2s ease-in-out infinite;
}
/* 2. 危险期红色脉冲警告 */
@keyframes danger-pulse {
  0%, 100% {
    background: linear-gradient(to bottom, #fef2f2, #fee2e2);
    border-color: #dc2626;
    box-shadow: 0 0 8px rgba(220, 38, 38, 0.4);
  }
  50% {
    background: linear-gradient(to bottom, #fee2e2, #fecaca);
    border-color: #ef4444;
    box-shadow: 0 0 16px rgba(239, 68, 68, 0.8);
  }
}
.rili-markdown-renderer dq d:contains("危险期") {
  animation: danger-pulse 1.5s ease-in-out infinite;
  color: #7f1d1d !important;
  font-weight: 700 !important;
}
/* 3. 圣剑状态特效 */
.rili-markdown-renderer dq d:contains("圣剑状态")::before {
  content: '⚔️ ';
  display: inline-block;
  animation: sword-shake 0.5s ease-in-out infinite alternate;
}
@keyframes sword-shake {
  0% { transform: rotate(-3deg); }
  100% { transform: rotate(3deg); }
}
/* 4. 委托进度条 */
.rili-markdown-renderer dq d:contains("进度：进行中")::after {
  content: '';
  display: block;
  width: 100%;
  height: 4px;
  background: linear-gradient(to right, #3b82f6 60%, #e5e7eb 60%);
  border-radius: 2px;
  margin-top: 6px;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.2);
}
/* 5. 性经历数据高亮 */
.rili-markdown-renderer dq d:contains("性经历") {
  background: rgba(251, 191, 36, 0.08);
  border-left: 3px solid #f59e0b;
  padding-left: 13px;
  font-family: "Courier New", monospace;
  font-size: 13px;
  color: #78350f;
}
/* 6. 悬浮展开效果（长文本） */
.rili-markdown-renderer dq d:contains("客观事实") {
  max-height: 80px;
  overflow: hidden;
  transition: max-height 0.4s ease;
  cursor: pointer;
}
.rili-markdown-renderer dq d:contains("客观事实"):hover {
  max-height: 600px;
  background: rgba(251, 191, 36, 0.15);
}
/* 7. 滚动条美化 */
.rili-markdown-renderer dq details::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
.rili-markdown-renderer dq details::-webkit-scrollbar-track {
  background: #fef3c7;
  border-radius: 4px;
}
.rili-markdown-renderer dq details::-webkit-scrollbar-thumb {
  background: linear-gradient(to bottom, #fbbf24, #f59e0b);
  border-radius: 4px;
  border: 2px solid #92400e;
  box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.3);
}
.rili-markdown-renderer dq details::-webkit-scrollbar-thumb:hover {
  background: linear-gradient(to bottom, #fde047, #fbbf24);
}
/* 8. 文本选中样式 */
.rili-markdown-renderer dq ::selection {
  background: #fbbf24;
  color: #1e3a8a;
}