@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@400;700&display=swap');
/* ===== 基础全局 ===== */
* {
  scrollbar-width: thin !important;
  scrollbar-color: rgba(56,189,248,0.3) rgba(6,15,30,0.3) !important;
}
/* ===== 聊天框主体 ===== */
.bg-gray-100\/90.relative.inline-block {
  background: linear-gradient(135deg, #0a1628 0%, #0d1f3c 40%, #0a1a2e 100%) !important;
  border: 1px solid rgba(100,180,255,0.25) !important;
  border-radius: 12px !important;
  box-shadow: 0 0 18px rgba(80,160,255,0.12), inset 0 0 30px rgba(0,80,160,0.08) !important;
  position: relative !important;
  isolation: isolate !important;
  overflow: hidden !important;
  font-family: 'Noto Serif SC', 'STKaiti', 'KaiTi', serif !important;
  transition: all 0.3s ease !important;
}
.bg-gray-100\/90.relative.inline-block:hover {
  box-shadow: 0 0 25px rgba(80,160,255,0.2), inset 0 0 30px rgba(0,80,160,0.12) !important;
  border-color: rgba(100,180,255,0.4) !important;
}
.bg-gray-100\/90.relative.inline-block::before {
  content: '' !important;
  position: absolute !important;
  inset: 0 !important;
  background-image:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Ccircle cx='60' cy='60' r='55' fill='none' stroke='rgba(80,160,255,0.06)' stroke-width='1'/%3E%3Ccircle cx='60' cy='60' r='40' fill='none' stroke='rgba(80,160,255,0.04)' stroke-width='1'/%3E%3Cline x1='60' y1='5' x2='60' y2='115' stroke='rgba(80,160,255,0.04)' stroke-width='1'/%3E%3Cline x1='5' y1='60' x2='115' y2='60' stroke='rgba(80,160,255,0.04)' stroke-width='1'/%3E%3Cline x1='21' y1='21' x2='99' y2='99' stroke='rgba(80,160,255,0.03)' stroke-width='1'/%3E%3Cline x1='99' y1='21' x2='21' y2='99' stroke='rgba(80,160,255,0.03)' stroke-width='1'/%3E%3C/svg%3E") !important;
  background-size: 120px 120px !important;
  opacity: 0.5 !important;
  z-index: 0 !important;
  pointer-events: none !important;
}
.bg-gray-100\/90.relative.inline-block::after {
  content: '' !important;
  position: absolute !important;
  top: -1px !important;
  left: 10% !important;
  right: 10% !important;
  height: 2px !important;
  background: linear-gradient(90deg, transparent, rgba(100,200,255,0.6), rgba(180,220,255,0.9), rgba(100,200,255,0.6), transparent) !important;
  border-radius: 2px !important;
  z-index: 1 !important;
  pointer-events: none !important;
}
/* ===== 输入聊天框独立样式 ===== */
.bg-gray-100\/90.relative.inline-block:not(.chat-answer-container .bg-gray-100\/90) {
  background: linear-gradient(135deg, #0b1a30 0%, #0e2240 40%, #0b1d32 100%) !important;
  border: 1px solid rgba(100,200,255,0.3) !important;
  box-shadow: 0 0 20px rgba(80,180,255,0.15), inset 0 0 25px rgba(0,80,160,0.1) !important;
}
.bg-gray-100\/90.relative.inline-block:not(.chat-answer-container .bg-gray-100\/90)::after {
  background: linear-gradient(90deg, transparent, rgba(56,189,248,0.7), rgba(120,210,255,0.95), rgba(56,189,248,0.7), transparent) !important;
  height: 2px !important;
}
/* ===== 聊天框内文字（主内容） ===== */
.markdown-body {
  color: #c8e6ff !important;
  font-family: 'Noto Serif SC', 'STKaiti', 'KaiTi', serif !important;
  font-size: 15px !important;
  line-height: 2.2 !important;
  letter-spacing: 0.03em !important;
  background: transparent !important;
  position: relative !important;
  z-index: 1 !important;
  text-shadow: 0 0 8px rgba(56,189,248,0.06) !important;
}
.markdown-body p {
  margin: 12px 0 !important;
  padding: 0 2px !important;
}
/* ===== 女性对话内容（粉红色） ===== */
.female-dialogue,
.markdown-body .female,
.markdown-body .female-speech,
.markdown-body span.female {
  color: #f9a8d4 !important;
  font-family: 'Noto Serif SC', 'STKaiti', 'KaiTi', serif !important;
  text-shadow: 0 0 10px rgba(249,168,212,0.15) !important;
}
.markdown-body blockquote {
  border-left: 3px solid rgba(56,189,248,0.5) !important;
  background: rgba(10,30,60,0.4) !important;
  color: #93c5fd !important;
  padding: 10px 16px !important;
  border-radius: 0 6px 6px 0 !important;
  margin: 14px 0 !important;
  line-height: 2.2 !important;
}
/* ===== 女性角色内心想法（NPC档案内） ===== */
.markdown-body details summary {
  color: #38bdf8 !important;
  font-size: 14px !important;
  letter-spacing: 0.08em !important;
  padding: 6px 0 !important;
}
.markdown-body details[open] summary {
  color: #7dd3fc !important;
}
.markdown-body details table {
  margin: 8px 0 !important;
  border-collapse: collapse !important;
  width: 100% !important;
}
.markdown-body details table th {
  background: rgba(20,50,90,0.6) !important;
  color: #7dd3fc !important;
  font-size: 12px !important;
  padding: 6px 10px !important;
  border: 1px solid rgba(100,180,255,0.2) !important;
}
.markdown-body details table td {
  font-size: 12px !important;
  padding: 5px 10px !important;
  color: #bfdbfe !important;
  border: 1px solid rgba(100,180,255,0.15) !important;
  line-height: 1.9 !important;
}
.markdown-body details table tr:nth-child(even) td {
  background: rgba(20,50,90,0.3) !important;
}
/* ===== 女性角色内心想法特殊标记 ===== */
.markdown-body details p:has(span.thought) {
  color: #f9a8d4 !important;
}
/* ===== 加粗和强调 ===== */
.markdown-body strong, .markdown-body b {
  color: #7dd3fc !important;
  font-weight: bold !important;
  text-shadow: 0 0 10px rgba(56,189,248,0.15) !important;
  letter-spacing: 0.02em !important;
}
.markdown-body em, .markdown-body i {
  color: #93c5fd !important;
  font-style: italic !important;
}
/* ===== 标题 ===== */
.markdown-body h1 {
  color: #38bdf8 !important;
  font-size: 1.3em !important;
  border-bottom: 2px solid rgba(56,189,248,0.3) !important;
  padding-bottom: 8px !important;
  margin: 20px 0 12px !important;
  text-shadow: 0 0 12px rgba(56,189,248,0.15) !important;
  letter-spacing: 0.05em !important;
}
.markdown-body h2 {
  color: #38bdf8 !important;
  font-size: 1.15em !important;
  border-bottom: 1px solid rgba(56,189,248,0.25) !important;
  padding-bottom: 6px !important;
  margin: 18px 0 10px !important;
  letter-spacing: 0.04em !important;
}
.markdown-body h3 {
  color: #60a5fa !important;
  font-size: 1.05em !important;
  margin: 16px 0 8px !important;
  letter-spacing: 0.03em !important;
}
/* ===== 链接 ===== */
.markdown-body a {
  color: #60a5fa !important;
  text-decoration: underline !important;
  text-underline-offset: 2px !important;
}
.markdown-body a:hover {
  color: #38bdf8 !important;
}
/* ===== 代码 ===== */
.markdown-body code {
  background: rgba(30,60,100,0.6) !important;
  color: #7dd3fc !important;
  border: 1px solid rgba(100,180,255,0.2) !important;
  border-radius: 4px !important;
  padding: 2px 6px !important;
  font-family: 'Courier New', monospace !important;
  font-size: 0.9em !important;
}
.markdown-body pre {
  background: rgba(6,15,30,0.8) !important;
  border: 1px solid rgba(56,189,248,0.2) !important;
  border-radius: 8px !important;
  padding: 14px !important;
  overflow-x: auto !important;
  margin: 12px 0 !important;
}
.markdown-body pre code {
  background: transparent !important;
  border: none !important;
  padding: 0 !important;
  color: #93c5fd !important;
}
/* ===== 列表 ===== */
.markdown-body ul, .markdown-body ol {
  padding-left: 24px !important;
  margin: 10px 0 !important;
}
.markdown-body li {
  color: #bfdbfe !important;
  margin: 6px 0 !important;
  line-height: 2.1 !important;
}
.markdown-body li::marker {
  color: #38bdf8 !important;
}
/* ===== 分割线 ===== */
.markdown-body hr {
  border: none !important;
  height: 1px !important;
  background: linear-gradient(90deg, transparent, rgba(56,189,248,0.4), transparent) !important;
  margin: 18px 0 !important;
}
/* ===== 折叠块 ===== */
.markdown-body details {
  background: rgba(10,25,50,0.5) !important;
  border: 1px solid rgba(100,180,255,0.2) !important;
  border-radius: 8px !important;
  padding: 8px 14px !important;
  margin: 10px 0 !important;
  transition: all 0.2s !important;
}
.markdown-body details[open] {
  background: rgba(10,25,50,0.7) !important;
  border-color: rgba(56,189,248,0.4) !important;
}
.markdown-body summary {
  color: #38bdf8 !important;
  cursor: pointer !important;
  font-weight: bold !important;
  letter-spacing: 0.05em !important;
  padding: 4px 0 !important;
}
.markdown-body summary:hover {
  text-shadow: 0 0 10px rgba(56,189,248,0.3) !important;
}
/* ===== 顶部颜色条隐藏 ===== */
[class*="bg-[#F1CBCB]"],
[class*="bg-[#c9e1e9]"] {
  display: none !important;
}
/* ===== 加载动画（SMIL驱动，CSS动画禁用时仍可动） ===== */
.style-module__AtdJSq__dot-flashing.style-module__AtdJSq__text {
  display: none !important;
}
.flex.items-center.justify-center.w-6.h-5 {
  position: relative !important;
  width: 48px !important;
  height: 48px !important;
  min-height: 48px !important;
}
.flex.items-center.justify-center.w-6.h-5::before {
  content: '' !important;
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  width: 40px !important;
  height: 40px !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Ccircle cx='20' cy='20' r='17' fill='none' stroke='rgba(56,189,248,0.5)' stroke-width='1.5' stroke-dasharray='4 3'%3E%3CanimateTransform attributeName='transform' type='rotate' from='0 20 20' to='360 20 20' dur='3s' repeatCount='indefinite'/%3E%3C/circle%3E%3Ccircle cx='20' cy='20' r='10' fill='none' stroke='rgba(125,211,252,0.7)' stroke-width='1.5' stroke-dasharray='3 4'%3E%3CanimateTransform attributeName='transform' type='rotate' from='360 20 20' to='0 20 20' dur='2s' repeatCount='indefinite'/%3E%3C/circle%3E%3Ccircle cx='20' cy='3' r='2.5' fill='rgba(56,189,248,0.9)'%3E%3CanimateTransform attributeName='transform' type='rotate' from='0 20 20' to='360 20 20' dur='3s' repeatCount='indefinite'/%3E%3C/circle%3E%3Ccircle cx='20' cy='10' r='2' fill='rgba(125,211,252,0.9)'%3E%3CanimateTransform attributeName='transform' type='rotate' from='360 20 20' to='0 20 20' dur='2s' repeatCount='indefinite'/%3E%3C/circle%3E%3Ctext x='20' y='24' text-anchor='middle' font-size='8' fill='rgba(56,189,248,0.8)' font-family='serif'%3E道%3C/text%3E%3C/svg%3E") !important;
  background-size: contain !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
}
.flex.items-center.justify-center.w-6.h-5::after {
  content: '' !important;
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  width: 20px !important;
  height: 20px !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Ccircle cx='10' cy='10' r='3' fill='rgba(56,189,248,0.4)'%3E%3Canimate attributeName='r' values='2;4;2' dur='1.5s' repeatCount='indefinite'/%3E%3Canimate attributeName='opacity' values='0.4;1;0.4' dur='1.5s' repeatCount='indefinite'/%3E%3C/circle%3E%3C/svg%3E") !important;
  background-size: contain !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
}
/* ===== 底部按钮 ===== */
.MuiButtonBase-root.MuiButton-root.MuiButton-text.MuiButton-textPrimary {
  color: #7dd3fc !important;
  transition: color 0.2s, text-shadow 0.2s !important;
  font-family: 'Noto Serif SC', serif !important;
  font-size: 12px !important;
}
.MuiButtonBase-root.MuiButton-root.MuiButton-text.MuiButton-textPrimary:hover {
  color: #38bdf8 !important;
  text-shadow: 0 0 10px rgba(56,189,248,0.3) !important;
}
.MuiButtonBase-root.MuiButton-root.MuiButton-text.MuiButton-textPrimary svg {
  color: #7dd3fc !important;
}
.MuiButtonBase-root.MuiButton-root.MuiButton-text.MuiButton-textPrimary:hover svg {
  color: #38bdf8 !important;
}
/* ===== 模型名称 ===== */
.MuiTypography-root.MuiTypography-body2.css-6c0gf2 {
  color: #60a5fa !important;
  font-family: 'Noto Serif SC', serif !important;
  font-size: 11px !important;
  letter-spacing: 0.03em !important;
}
/* ===== token消耗 ===== */
.text-orange-500 {
  color: #38bdf8 !important;
  font-family: 'Noto Serif SC', serif !important;
}
/* ===== 顶部栏 ===== */
.sticky.w-full.top-0.flex.items-center {
  background: linear-gradient(180deg, #060f1e 0%, rgba(6,15,30,0.95) 100%) !important;
  border-bottom: 1px solid rgba(56,189,248,0.2) !important;
  box-shadow: 0 2px 20px rgba(0,80,160,0.3) !important;
  backdrop-filter: blur(10px) !important;
  padding: 6px 12px !important;
}
#ai-model-selector .group.flex.items-center {
  background: rgba(10,30,60,0.6) !important;
  border: 1px solid rgba(56,189,248,0.25) !important;
  border-radius: 8px !important;
  padding: 4px 10px !important;
  transition: all 0.2s !important;
}
#ai-model-selector .group.flex.items-center:hover {
  border-color: rgba(56,189,248,0.6) !important;
  box-shadow: 0 0 10px rgba(56,189,248,0.2) !important;
}
#ai-model-selector .truncate.text-\[13px\] {
  color: #7dd3fc !important;
  font-family: 'Noto Serif SC', serif !important;
  font-size: 13px !important;
}
#ai-model-selector .shrink-0.flex.items-center svg {
  color: #60a5fa !important;
}
.sticky.w-full.top-0 svg.lucide-clock-8 {
  color: #60a5fa !important;
  transition: color 0.2s !important;
}
.sticky.w-full.top-0 svg.lucide-clock-8:hover {
  color: #38bdf8 !important;
}
.sticky.w-full.top-0 span.MuiBadge-dot.md\:hidden {
  background: #38bdf8 !important;
  box-shadow: 0 0 6px rgba(56,189,248,0.6) !important;
}
.sticky.w-full.top-0 button.MuiIconButton-root:has(svg.lucide-music-2) {
  color: #60a5fa !important;
}
.sticky.w-full.top-0 button.MuiIconButton-root svg.lucide-music-2 {
  color: #60a5fa !important;
}
.sticky.w-full.top-0 svg:has(use[href="#icon-icon-set"]) {
  color: #60a5fa !important;
}
#header-setting-button {
  color: #7dd3fc !important;
}
#header-setting-button svg {
  color: #60a5fa !important;
}
#header-setting-button:hover {
  color: #38bdf8 !important;
}
/* ===== 开场白选择器 ===== */
div.flex.items-center.h-9.bg-white.rounded-md.cursor-pointer.group[class*="border-gray"] {
  background: rgba(10,25,50,0.7) !important;
  border: 1px solid rgba(56,189,248,0.3) !important;
  border-radius: 8px !important;
  color: #7dd3fc !important;
  transition: all 0.2s !important;
}
div.flex.items-center.h-9.bg-white.rounded-md.cursor-pointer.group[class*="border-gray"]:hover {
  border-color: rgba(56,189,248,0.6) !important;
  box-shadow: 0 0 10px rgba(56,189,248,0.15) !important;
}
div.flex.items-center.h-9.cursor-pointer.group svg[data-icon="SlidersH"] {
  color: #60a5fa !important;
}
div.flex.items-center.h-9.cursor-pointer.group svg[data-icon="ChevronDown"] {
  color: #60a5fa !important;
}
/* ===== 按钮栏 ===== */
#ai-mod-button2 {
  background: transparent !important;
}
#ai-mod-button2 button.MuiButton-root {
  color: #7dd3fc !important;
  border: 1px solid rgba(56,189,248,0.2) !important;
  background: rgba(10,25,50,0.4) !important;
  border-radius: 6px !important;
  padding: 4px 12px !important;
  font-family: 'Noto Serif SC', serif !important;
  font-size: 12px !important;
  transition: all 0.2s !important;
  margin: 0 3px !important;
}
#ai-mod-button2 button.MuiButton-root:hover {
  border-color: rgba(56,189,248,0.6) !important;
  background: rgba(20,50,90,0.5) !important;
  color: #38bdf8 !important;
  box-shadow: 0 0 10px rgba(56,189,248,0.15) !important;
}
#ai-mod-button2 button.MuiButton-root svg {
  color: #7dd3fc !important;
}
#ai-mod-button2 button.MuiButton-root:hover svg {
  color: #38bdf8 !important;
}
/* ===== 底部栏 ===== */
.bg-gradient-to-t {
  background: linear-gradient(0deg, #060f1e 0%, rgba(6,15,30,0.6) 100%) !important;
  border-top: 1px solid rgba(56,189,248,0.15) !important;
}
#ai-chat-bottom-input {
  background: rgba(10,25,50,0.6) !important;
  border: 1px solid rgba(56,189,248,0.2) !important;
  border-radius: 10px !important;
  box-shadow: 0 0 10px rgba(0,80,160,0.1) !important;
  transition: all 0.2s !important;
}
#ai-chat-bottom-input:focus-within {
  border-color: rgba(56,189,248,0.5) !important;
  box-shadow: 0 0 15px rgba(56,189,248,0.15) !important;
}
#ai-chat-input {
  color: #c8e6ff !important;
  font-family: 'Noto Serif SC', 'STKaiti', serif !important;
  font-size: 14px !important;
  background: transparent !important;
  caret-color: #38bdf8 !important;
  letter-spacing: 0.03em !important;
}
#ai-chat-input::placeholder {
  color: rgba(96,165,250,0.4) !important;
  font-family: 'Noto Serif SC', serif !important;
}
#ai-chat-input::selection {
  background: rgba(56,189,248,0.3) !important;
  color: #e0f2fe !important;
}
/* ===== 分页栏 ===== */
.MuiPaginationItem-root {
  color: #7dd3fc !important;
  font-family: 'Noto Serif SC', serif !important;
  border-color: rgba(56,189,248,0.2) !important;
  transition: all 0.2s !important;
}
.MuiPaginationItem-root:hover {
  background: rgba(20,50,90,0.5) !important;
  border-color: rgba(56,189,248,0.4) !important;
}
.MuiPaginationItem-root.Mui-selected {
  background: rgba(56,189,248,0.2) !important;
  color: #38bdf8 !important;
  border-color: #38bdf8 !important;
  box-shadow: 0 0 10px rgba(56,189,248,0.2) !important;
}
.MuiPaginationItem-root.Mui-disabled {
  color: rgba(96,165,250,0.3) !important;
  opacity: 0.5 !important;
}
.MuiPaginationItem-icon {
  color: #60a5fa !important;
}
.MuiStack-root.css-1uwir8f {
  background: transparent !important;
}
.MuiStack-root.css-1uwir8f .MuiBox-root {
  color: #7dd3fc !important;
  font-family: 'Noto Serif SC', serif !important;
}
.MuiInputBase-input {
  color: #c8e6ff !important;
  background: rgba(10,25,50,0.5) !important;
  border: 1px solid rgba(56,189,248,0.2) !important;
  border-radius: 4px !important;
  font-family: 'Noto Serif SC', serif !important;
}
/* ===== 评论区 ===== */
div[class*="w-full"][class*="bg-white"][class*="bottom-0"] {
  background: linear-gradient(180deg, rgba(6,15,30,0.98) 0%, rgba(8,20,40,0.98) 100%) !important;
  border-top: 1px solid rgba(56,189,248,0.15) !important;
}
div.text-lg.font-bold {
  color: #38bdf8 !important;
  font-family: 'Noto Serif SC', serif !important;
  text-shadow: 0 0 8px rgba(56,189,248,0.15) !important;
}
p.MuiTypography-body1.text-grey-600 {
  color: #93c5fd !important;
  font-family: 'Noto Serif SC', serif !important;
}
span.MuiRating-root {
  color: #fbbf24 !important;
}
span.MuiRating-iconEmpty svg {
  color: rgba(96,165,250,0.3) !important;
}
span.MuiRating-iconFilled svg {
  color: #fbbf24 !important;
  filter: drop-shadow(0 0 4px rgba(251,191,36,0.3)) !important;
}
span.text-orange-500 {
  color: #fbbf24 !important;
  font-family: 'Noto Serif SC', serif !important;
}
div.flex.flex-col.border-gray-200 {
  border-color: rgba(56,189,248,0.15) !important;
  background: transparent !important;
}
textarea.rc-textarea {
  background: rgba(10,25,50,0.5) !important;
  border: 1px solid rgba(56,189,248,0.2) !important;
  border-radius: 8px !important;
  color: #c8e6ff !important;
  font-family: 'Noto Serif SC', serif !important;
  font-size: 13px !important;
  padding: 10px 14px !important;
  resize: vertical !important;
  transition: all 0.2s !important;
  line-height: 1.9 !important;
}
textarea.rc-textarea:focus {
  border-color: rgba(56,189,248,0.5) !important;
  box-shadow: 0 0 12px rgba(56,189,248,0.12) !important;
  outline: none !important;
}
textarea.rc-textarea::placeholder {
  color: rgba(96,165,250,0.4) !important;
}
div.bg-gray-100.text-gray-500 {
  background: rgba(10,25,50,0.4) !important;
  color: #60a5fa !important;
  font-family: 'Noto Serif SC', serif !important;
  font-size: 11px !important;
  border-radius: 0 0 8px 8px !important;
}
div.cursor-pointer.group.flex.items-center.justify-center {
  color: #7dd3fc !important;
  transition: all 0.2s !important;
}
div.cursor-pointer.group.flex.items-center.justify-center:hover {
  color: #38bdf8 !important;
  text-shadow: 0 0 8px rgba(56,189,248,0.3) !important;
}
div[data-state="closed"] svg[data-icon="Send03"] {
  color: #7dd3fc !important;
}
div[data-state="closed"]:hover svg[data-icon="Send03"] {
  color: #38bdf8 !important;
}
div.style_divider__mW0YX {
  border-color: rgba(56,189,248,0.15) !important;
}
.MuiStack-root.css-1dmzxoz {
  background: transparent !important;
}
button.MuiButton-containedPrimary {
  background: rgba(56,189,248,0.2) !important;
  color: #38bdf8 !important;
  font-family: 'Noto Serif SC', serif !important;
  border: 1px solid rgba(56,189,248,0.4) !important;
  border-radius: 6px !important;
  padding: 4px 14px !important;
  font-size: 12px !important;
  transition: all 0.2s !important;
}
button.MuiButton-containedPrimary:hover {
  background: rgba(56,189,248,0.3) !important;
  box-shadow: 0 0 10px rgba(56,189,248,0.2) !important;
}
button.MuiButton-outlinedPrimary {
  color: #7dd3fc !important;
  font-family: 'Noto Serif SC', serif !important;
  border: 1px solid rgba(56,189,248,0.2) !important;
  border-radius: 6px !important;
  padding: 4px 14px !important;
  font-size: 12px !important;
  transition: all 0.2s !important;
  background: transparent !important;
}
button.MuiButton-outlinedPrimary:hover {
  border-color: rgba(56,189,248,0.5) !important;
  color: #38bdf8 !important;
  background: rgba(20,50,90,0.3) !important;
}
div.p-3.overflow-y-auto {
  background: transparent !important;
}
div.group.ml-0 {
  background: transparent !important;
  border-bottom: 1px solid rgba(56,189,248,0.08) !important;
  padding: 10px 0 !important;
}
div.group img.rounded-full {
  border: 1px solid rgba(56,189,248,0.2) !important;
  box-shadow: 0 0 6px rgba(56,189,248,0.1) !important;
}
div.text-sm.text-grey-600 span.font-bold {
  color: #7dd3fc !important;
  font-family: 'Noto Serif SC', serif !important;
  font-size: 13px !important;
}
span.text-\[10px\] {
  color: #60a5fa !important;
  font-family: 'Noto Serif SC', serif !important;
  font-size: 10px !important;
}
div.break-all {
  color: #bfdbfe !important;
  font-family: 'Noto Serif SC', serif !important;
  font-size: 13px !important;
  line-height: 1.9 !important;
}
div.text-xs.text-grey-600 {
  color: #60a5fa !important;
  font-family: 'Noto Serif SC', serif !important;
  font-size: 11px !important;
}
button.text-gray-400 {
  color: #60a5fa !important;
  transition: color 0.2s !important;
}
button.text-gray-400:hover {
  color: #38bdf8 !important;
}
button.text-gray-400 svg {
  color: #60a5fa !important;
}
button.text-gray-400:hover svg {
  color: #38bdf8 !important;
}
span.cursor-pointer {
  color: #7dd3fc !important;
  font-family: 'Noto Serif SC', serif !important;
  font-size: 12px !important;
  transition: color 0.2s !important;
}
span.cursor-pointer:hover {
  color: #38bdf8 !important;
}
div.ml-8.border-l {
  border-left-color: rgba(56,189,248,0.2) !important;
}
/* ===== 移动端适配 ===== */
@media(max-width:480px) {
  .markdown-body {
    font-size: 14px !important;
    line-height: 2.1 !important;
  }
  .markdown-body h1 { font-size: 1.15em !important; }
  .markdown-body h2 { font-size: 1.05em !important; }
  .markdown-body h3 { font-size: 0.95em !important; }
  .flex.items-center.justify-center.w-6.h-5 {
    width: 38px !important;
    height: 38px !important;
    min-height: 38px !important;
  }
  .flex.items-center.justify-center.w-6.h-5::before {
    width: 34px !important;
    height: 34px !important;
  }
  .flex.items-center.justify-center.w-6.h-5::after {
    width: 16px !important;
    height: 16px !important;
  }
  .bg-gray-100\/90.relative.inline-block {
    border-radius: 8px !important;
  }
  #ai-chat-input {
    font-size: 13px !important;
  }
  .sticky.w-full.top-0.flex.items-center {
    padding: 4px 8px !important;
  }
}
/* ===== 低动效模式 ===== */
@media(prefers-reduced-motion:reduce) {
  .flex.items-center.justify-center.w-6.h-5::before {
    animation: none !important;
  }
  .flex.items-center.justify-center.w-6.h-5::after {
    animation: none !important;
  }
  .bg-gray-100\/90.relative.inline-block {
    transition: none !important;
  }
}
/* ===== 滚动条美化 ===== */
::-webkit-scrollbar {
  width: 5px !important;
  height: 5px !important;
}
::-webkit-scrollbar-track {
  background: rgba(6,15,30,0.3) !important;
  border-radius: 3px !important;
}
::-webkit-scrollbar-thumb {
  background: rgba(56,189,248,0.3) !important;
  border-radius: 3px !important;
}
::-webkit-scrollbar-thumb:hover {
  background: rgba(56,189,248,0.5) !important;
}
/* ===== 聊天框四角符文装饰 ===== */
.bg-gray-100\/90.relative.inline-block::before {
  background-image:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30'%3E%3Ctext x='2' y='14' font-size='10' fill='rgba(56,189,248,0.12)' font-family='serif'%3E☰%3C/text%3E%3C/svg%3E"),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30'%3E%3Ctext x='2' y='14' font-size='10' fill='rgba(56,189,248,0.12)' font-family='serif'%3E☷%3C/text%3E%3C/svg%3E"),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30'%3E%3Ctext x='2' y='14' font-size='10' fill='rgba(56,189,248,0.12)' font-family='serif'%3E☵%3C/text%3E%3C/svg%3E"),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30'%3E%3Ctext x='2' y='14' font-size='10' fill='rgba(56,189,248,0.12)' font-family='serif'%3E☲%3C/text%3E%3C/svg%3E") !important;
  background-position:
    top 8px left 8px,
    top 8px right 8px,
    bottom 8px left 8px,
    bottom 8px right 8px !important;
  background-repeat: no-repeat !important;
  background-size: 24px 24px !important;
  opacity: 1 !important;
}
/* ===== 输入框灵气光效 ===== */
#ai-chat-bottom-input {
  position: relative !important;
  overflow: hidden !important;
}
#ai-chat-bottom-input::after {
  content: '' !important;
  position: absolute !important;
  bottom: 0 !important;
  left: 5% !important;
  right: 5% !important;
  height: 1px !important;
  background: linear-gradient(90deg, transparent, rgba(56,189,248,0.3), transparent) !important;
  pointer-events: none !important;
}