/* =============================================
   [风月主题 - 侠客江湖 v3 (状态栏深度美化 + 字体内嵌)]
   base-hue:160  base-sat:18%  is-dark:0  accent-hue:45  accent-sat:85%

   bg-deep: hsl(160, 18%, 96%)     bg-default: hsl(160, 18%, 93%)
   bg-paper: hsl(160, 18%, 100%)   bg-raised: hsl(160, 18%, 88%)
   bg-hover: hsl(160, 18%, 82%)    text-main: hsl(160, 8%, 7%)
   text-sub: hsl(160, 6%, 35%)     text-muted: hsl(160, 5%, 56%)
   border: hsl(160, 18%, 80%)      accent: hsl(45, 85%, 48%)
   accent-dim: hsl(45, 29.75%, 90%) accent-text: hsl(45, 68%, 30%)
   
   亮点① blockquote → 左侧纯金粗边 + 霞鹜文楷 + 淡金渐变 + 顶部「◈」纹样
   亮点② 加载动画   → 替换为纯代码 SVG 八卦阵法双层旋转 (SMIL · 纯金色)
   亮点③ 评论分隔线 → 纯金渐变细线 + 居中剑形「⚔」+ 两侧菱形「◆」
   ============================================= */

/* ===== 字体内嵌（霞鹜文楷 WebFont） ===== */
@font-face {
    font-family: 'LXGW WenKai' !important;
    src: url('https://cdn.jsdelivr.net/npm/lxgw-wenkai-webfont@1.1.0/lxgwwenkai-regular.woff2') format('woff2') !important;
    font-weight: normal !important;
    font-style: normal !important;
    font-display: swap !important;
}

/* ===== 危险区域（必须最优先处理） ===== */
/* 1. 隐藏装饰条 */
[class*="bg-[#F1CBCB]"], [class*="bg-[#c9e1e9]"] { 
    display: none !important; 
}

/* 2. 代码块 (严格按照平台格式) */
.markdown-body pre { 
    background: hsl(160, 18%, 88%) !important; 
    border: 1px solid hsl(160, 18%, 80%) !important; 
    border-left: 3px solid hsl(45, 85%, 48%) !important; 
    border-radius: 6px !important; 
    padding: 1em 1.2em !important; 
    overflow-x: auto !important; 
}
.markdown-body pre code { 
    background: transparent !important; 
    color: hsl(160, 8%, 7%) !important; 
}
.markdown-body :not(pre)>code { 
    background: hsl(45, 29.75%, 90%) !important; 
    color: hsl(45, 68%, 30%) !important; 
    padding: 0.15em 0.45em !important; 
    border-radius: 4px !important; 
}

/* 3. details折叠块 (平台结构强约束对齐 + 菱形箭头) */
.markdown-body details { 
    background: hsl(160, 18%, 100%) !important; 
    border: 1px solid hsl(160, 18%, 80%) !important; 
    border-radius: 8px !important; 
    margin: 12px 0 !important; 
    display: block !important; 
    width: 100% !important; 
    max-width: 100% !important; 
    overflow: hidden !important; 
    transition: border-color 0.15s !important; 
    box-shadow: 0 2px 8px rgba(20, 40, 35, 0.06) !important;
}
.markdown-body details[open] { 
    border-color: hsl(45, 85%, 48%) !important; 
    box-shadow: 0 4px 12px rgba(212, 175, 55, 0.15) !important;
}
.markdown-body details summary { 
    background: hsl(160, 18%, 93%) !important; 
    color: hsl(160, 8%, 7%) !important; 
    display: block !important; 
    width: 100% !important; 
    list-style: none !important; 
    position: relative !important; 
    padding: 10px 16px 10px 36px !important; 
    border-bottom: 1px solid hsl(160, 18%, 80%) !important; 
    cursor: pointer !important; 
    font-weight: 600 !important; 
    font-size: 15px !important;
    user-select: none !important; 
    font-family: 'LXGW WenKai', 'KaiTi', 'STKaiti', serif !important;
    transition: background 0.15s !important;
}
.markdown-body details summary:hover {
    background: hsl(160, 18%, 88%) !important;
}
.markdown-body details[open] summary {
    background: linear-gradient(90deg, hsl(45, 29.75%, 90%), hsl(160, 18%, 93%)) !important;
    border-bottom-color: hsl(45, 85%, 48%) !important;
}
.markdown-body details summary::before { 
    content: '◆' !important; 
    position: absolute !important; 
    left: 14px !important; 
    top: 50% !important; 
    transform: translateY(-50%) !important; 
    color: hsl(45, 85%, 48%) !important; 
    font-size: 12px !important; 
    transition: transform 0.2s ease !important; 
}
.markdown-body details[open] summary::before { 
    transform: translateY(-50%) rotate(90deg) !important; 
}
.markdown-body details summary::after {
    content: '◈' !important;
    position: absolute !important;
    right: 14px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    color: hsl(45, 85%, 48%) !important;
    font-size: 11px !important;
    opacity: 0.6 !important;
}
.markdown-body details summary::-webkit-details-marker { 
    display: none !important; 
}

/* 状态栏专属样式 - 当前情况 */
.markdown-body details:has(summary:first-child:contains("当前情况")) {
    border-left: 4px solid hsl(45, 85%, 48%) !important;
    background: linear-gradient(135deg, hsl(45, 29.75%, 95%), hsl(160, 18%, 100%)) !important;
}
.markdown-body details:has(summary:first-child:contains("当前情况")) summary {
    background: linear-gradient(90deg, hsl(45, 29.75%, 88%), hsl(160, 18%, 93%)) !important;
}

/* 状态栏专属样式 - 行动推荐 */
.markdown-body details:has(summary:first-child:contains("行动推荐")) {
    border-left: 4px solid hsl(45, 85%, 48%) !important;
    background: linear-gradient(135deg, hsl(45, 29.75%, 95%), hsl(160, 18%, 100%)) !important;
}
.markdown-body details:has(summary:first-child:contains("行动推荐")) summary {
    background: linear-gradient(90deg, hsl(45, 29.75%, 88%), hsl(160, 18%, 93%)) !important;
}

/* 状态栏专属样式 - 推栏 */
.markdown-body details:has(summary:first-child:contains("推栏")) {
    background: hsl(160, 18%, 96%) !important;
    border: 1px solid hsl(160, 18%, 80%) !important;
}
.markdown-body details:has(summary:first-child:contains("推栏")) summary {
    background: hsl(160, 18%, 88%) !important;
}
.markdown-body details:has(summary:first-child:contains("推栏")) div {
    padding: 12px 16px !important;
    background: hsl(160, 18%, 98%) !important;
}
.markdown-body details:has(summary:first-child:contains("推栏")) p {
    margin: 6px 0 !important;
    line-height: 1.6 !important;
}
.markdown-body details:has(summary:first-child:contains("推栏")) p:has(b:first-child) {
    padding-left: 20px !important;
    position: relative !important;
}
.markdown-body details:has(summary:first-child:contains("推栏")) p:has(b:first-child)::before {
    content: '' !important;
    position: absolute !important;
    left: 8px !important;
    top: 6px !important;
    width: 3px !important;
    height: calc(100% - 12px) !important;
    background: hsl(45, 85%, 48%) !important;
    border-radius: 2px !important;
}

/* 4. 滚动条 */
::-webkit-scrollbar { 
    width: 6px !important; 
    height: 6px !important; 
}
::-webkit-scrollbar-track { 
    background: hsl(160, 18%, 96%) !important; 
}
::-webkit-scrollbar-thumb { 
    background: hsl(160, 18%, 80%) !important; 
    border-radius: 3px !important; 
}
::-webkit-scrollbar-thumb:hover { 
    background: hsl(45, 85%, 48%) !important; 
}

/* 5. 选区 & 占位符 */
::placeholder { 
    color: hsl(160, 5%, 56%) !important; 
    opacity: 1 !important; 
}
::selection { 
    background: hsl(45, 29.75%, 90%) !important; 
    color: hsl(45, 68%, 30%) !important; 
}

/* 6. 页面背景与强制输入框 */
body, html, #root, .app-root, .h-screen { 
    background: linear-gradient(135deg, hsl(160, 18%, 96%), hsl(160, 18%, 93%) 50%, hsl(160, 18%, 88%)) !important; 
    background-attachment: fixed !important;
    color: hsl(160, 8%, 7%) !important; 
}
#ai-chat-input { 
    background: hsl(160, 18%, 100%) !important; 
    color: hsl(160, 8%, 7%) !important; 
    caret-color: hsl(45, 85%, 48%) !important; 
}
textarea.rc-textarea { 
    background: hsl(160, 18%, 100%) !important; 
    color: hsl(160, 8%, 7%) !important; 
    border: 1px solid hsl(160, 18%, 80%) !important; 
}

/* ===== 顶部导航 ===== */
.sticky.w-full.top-0.flex.items-center { 
    background: rgba(255, 255, 255, 0.88) !important; 
    backdrop-filter: blur(10px) !important; 
    border-bottom: 1px solid hsl(160, 18%, 80%) !important; 
    box-shadow: 0 2px 8px rgba(20, 40, 35, 0.06) !important;
}
#ai-model-selector .group.flex.items-center,
#ai-model-selector .truncate.text-\[13px\] { 
    color: hsl(160, 8%, 7%) !important; 
}
#ai-model-selector .shrink-0.flex.items-center svg,
#header-setting-button svg { 
    color: hsl(160, 6%, 35%) !important; 
}
#ai-model-selector:hover .truncate.text-\[13px\],
#header-setting-button:hover svg {
    color: hsl(45, 85%, 48%) !important;
}

/* ===== 开场白区域 ===== */
div.flex.items-center.h-9.bg-white.rounded-md.cursor-pointer.group[class*="border-gray"] {
    background: hsl(160, 18%, 100%) !important;
    border-color: hsl(160, 18%, 80%) !important;
}
div.flex.items-center.h-9.cursor-pointer.group svg[data-icon="SlidersH"],
div.flex.items-center.h-9.cursor-pointer.group svg[data-icon="ChevronDown"] {
    color: hsl(160, 6%, 35%) !important;
}

/* ===== 侧边栏 ===== */
.shadow-lg.border-r.border-gray-200 {
    background: hsl(160, 18%, 96%) !important;
    border-right-color: hsl(160, 18%, 80%) !important;
}
.MuiList-root {
    background: transparent !important;
}
.conversation-text {
    color: hsl(160, 8%, 7%) !important;
}

/* ===== 功能按钮 ===== */
#ai-mod-button2 button.MuiButton-root {
    background: hsl(160, 18%, 100%) !important;
    border: 1px solid hsl(160, 18%, 80%) !important;
    color: hsl(160, 8%, 7%) !important;
}
#ai-mod-button2 button.MuiButton-root svg {
    color: hsl(45, 85%, 48%) !important;
}

/* ===== 聊天气泡（双层边框 + 四角金色纹样） ===== */
/* 用户气泡 */
.bg-gray-100\/90.relative.inline-block:not(.chat-answer-container .bg-gray-100\/90) {
    background: hsl(160, 18%, 100%) !important;
    border: 1px solid hsl(160, 18%, 80%) !important;
    outline: 1px dashed hsl(45, 85%, 48%, 0.3) !important;
    outline-offset: 2px !important;
    color: hsl(160, 8%, 7%) !important;
    box-shadow: 0 4px 12px rgba(20, 40, 35, 0.08) !important;
    border-radius: 12px 12px 0 12px !important;
    position: relative !important;
}
.bg-gray-100\/90.relative.inline-block:not(.chat-answer-container .bg-gray-100\/90)::before {
    content: '◈' !important;
    position: absolute !important;
    top: -6px !important;
    left: -6px !important;
    color: hsl(45, 85%, 48%) !important;
    font-size: 10px !important;
    background: hsl(160, 18%, 100%) !important;
    padding: 2px !important;
    border-radius: 50% !important;
}
.bg-gray-100\/90.relative.inline-block:not(.chat-answer-container .bg-gray-100\/90)::after {
    content: '◈' !important;
    position: absolute !important;
    top: -6px !important;
    right: -6px !important;
    color: hsl(45, 85%, 48%) !important;
    font-size: 10px !important;
    background: hsl(160, 18%, 100%) !important;
    padding: 2px !important;
    border-radius: 50% !important;
}

/* AI气泡 (带纯金强调左边框 + 双层边框 + 四角纹样) */
.chat-answer-container .bg-gray-100\/90.relative.inline-block {
    background: hsl(160, 18%, 98%) !important;
    border: 1px solid hsl(160, 18%, 80%) !important;
    border-left: 3px solid hsl(45, 85%, 48%) !important;
    outline: 1px dashed hsl(45, 85%, 48%, 0.3) !important;
    outline-offset: 2px !important;
    color: hsl(160, 8%, 7%) !important;
    box-shadow: 0 4px 12px rgba(20, 40, 35, 0.08) !important;
    border-radius: 12px 12px 12px 0 !important;
    position: relative !important;
}
.chat-answer-container .bg-gray-100\/90.relative.inline-block::before {
    content: '◈' !important;
    position: absolute !important;
    top: -6px !important;
    left: -6px !important;
    color: hsl(45, 85%, 48%) !important;
    font-size: 10px !important;
    background: hsl(160, 18%, 98%) !important;
    padding: 2px !important;
    border-radius: 50% !important;
}
.chat-answer-container .bg-gray-100\/90.relative.inline-block::after {
    content: '◈' !important;
    position: absolute !important;
    top: -6px !important;
    right: -6px !important;
    color: hsl(45, 85%, 48%) !important;
    font-size: 10px !important;
    background: hsl(160, 18%, 98%) !important;
    padding: 2px !important;
    border-radius: 50% !important;
}

/* Markdown 排版细节 */
.markdown-body { 
    color: hsl(160, 8%, 7%) !important; 
    font-family: 'LXGW WenKai', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
}
.markdown-body h1, .markdown-body h2, .markdown-body h3 { 
    color: hsl(45, 68%, 30%) !important; 
    border-bottom-color: hsl(160, 18%, 80%) !important; 
    font-family: 'LXGW WenKai', serif !important;
}
.markdown-body ul, .markdown-body ol, .markdown-body li { color: hsl(160, 8%, 7%) !important; }
.markdown-body table { 
    border-collapse: collapse !important; 
    width: 100% !important; 
    margin: 12px 0 !important;
    border: 1px solid hsl(160, 18%, 80%) !important;
}
.markdown-body th { 
    background: linear-gradient(135deg, hsl(45, 29.75%, 88%), hsl(45, 29.75%, 90%)) !important; 
    color: hsl(45, 68%, 30%) !important;
    font-weight: 600 !important;
    padding: 10px 12px !important;
    border: 1px solid hsl(160, 18%, 80%) !important;
    font-family: 'LXGW WenKai', serif !important;
}
.markdown-body td { 
    padding: 8px 12px !important;
    border: 1px solid hsl(160, 18%, 80%) !important;
}
.markdown-body tbody tr:nth-child(even) {
    background: hsl(160, 18%, 98%) !important;
}
.markdown-body tbody tr:hover {
    background: hsl(45, 29.75%, 95%) !important;
}
.markdown-body strong { 
    color: hsl(45, 85%, 48%) !important; 
    font-weight: 700 !important;
}
.markdown-body b {
    color: hsl(45, 85%, 48%) !important;
    font-weight: 700 !important;
}
.markdown-body em { 
    color: hsl(45, 68%, 30%) !important; 
    font-style: italic !important;
}
.markdown-body a { 
    color: hsl(45, 85%, 48%) !important; 
    text-decoration: none !important;
    border-bottom: 1px dashed hsl(45, 85%, 48%, 0.4) !important;
}
.markdown-body a:hover {
    border-bottom-style: solid !important;
}
.markdown-body hr {
    border: none !important;
    height: 1px !important;
    background: linear-gradient(90deg, transparent, hsl(45, 85%, 48%), transparent) !important;
    margin: 16px 0 !important;
    opacity: 0.6 !important;
}

/* 亮点①：世界观氛围 Blockquote (古籍批注风格 + 霞鹜文楷) */
.markdown-body blockquote {
    border-left: 4px solid hsl(45, 85%, 48%) !important;
    background: linear-gradient(90deg, hsl(45, 29.75%, 90%), transparent) !important;
    color: hsl(45, 68%, 30%) !important;
    padding: 16px 16px 16px 20px !important;
    font-style: italic !important;
    font-family: 'LXGW WenKai', 'KaiTi', 'STKaiti', serif !important;
    margin: 12px 0 !important;
    border-radius: 0 8px 8px 0 !important;
    position: relative !important;
}
.markdown-body blockquote::before {
    content: "◈" !important;
    position: absolute !important;
    left: 8px !important;
    top: 6px !important;
    color: hsl(45, 85%, 48%) !important;
    font-size: 12px !important;
    font-style: normal !important;
}
.markdown-body blockquote::after {
    content: "◈" !important;
    position: absolute !important;
    right: 8px !important;
    bottom: 6px !important;
    color: hsl(45, 85%, 48%) !important;
    font-size: 12px !important;
    font-style: normal !important;
}

/* ===== 加载动画 ===== */
/* 隐藏原生文字加载 */
.style_dot-flashing__8L91Q.style_text__zGhNq { 
    display: none !important; 
}
/* 亮点②：自定义八卦阵法双层旋转动画 (SVG SMIL 内嵌 · 纯金色) */
.flex.items-center.justify-center.w-6.h-5::before {
    content: '' !important;
    display: block !important;
    width: 24px !important;
    height: 24px !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg stroke='%23D4AF37' stroke-width='2' fill='none'%3E%3Cpath d='M12,3 L13,6 L12,9 L11,6 Z M21,12 L18,13 L15,12 L18,11 Z M12,21 L11,18 L12,15 L13,18 Z M3,12 L6,11 L9,12 L6,13 Z' stroke-width='1.5'%3E%3CanimateTransform attributeName='transform' type='rotate' from='0 12 12' to='360 12 12' dur='4s' repeatCount='indefinite'/%3E%3C/path%3E%3Ccircle cx='12' cy='12' r='6' stroke-dasharray='9 3'%3E%3CanimateTransform attributeName='transform' type='rotate' from='360 12 12' to='0 12 12' dur='2.5s' repeatCount='indefinite'/%3E%3C/circle%3E%3C/g%3E%3C/svg%3E") !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
}

/* ===== 底部输入区 ===== */
.bg-gradient-to-t {
    background: linear-gradient(to top, hsl(160, 18%, 96%) 40%, transparent) !important;
}
#ai-chat-bottom-input {
    background: hsl(160, 18%, 100%) !important;
    border-color: hsl(160, 18%, 80%) !important;
    box-shadow: 0 -4px 20px rgba(20, 40, 35, 0.06) !important;
}
#ai-send-button {
    background: hsl(45, 85%, 48%) !important;
    color: #ffffff !important;
    border-radius: 8px !important;
}
#ai-send-button:hover {
    box-shadow: 0 0 14px hsla(45, 85%, 55%, 0.4) !important;
}

/* ===== 评论区 ===== */
div[class*="w-full"][class*="bg-white"][class*="bottom-0"] {
    background: hsl(160, 18%, 100%) !important;
    border-top: 1px solid hsl(160, 18%, 80%) !important;
}
div.text-lg.font-bold { color: hsl(160, 8%, 7%) !important; }
p.MuiTypography-body1.text-grey-600 { color: hsl(160, 6%, 35%) !important; }

/* 评分星级 */
span.MuiRating-iconEmpty svg { color: hsl(160, 18%, 80%) !important; }
span.MuiRating-iconFilled svg { color: hsl(45, 85%, 48%) !important; }
span.text-orange-500 { color: hsl(45, 85%, 48%) !important; }

/* 评论块 */
div.flex.flex-col.border-gray-200 { border-color: hsl(160, 18%, 80%) !important; }
div.bg-gray-100.text-gray-500 { background: hsl(160, 18%, 93%) !important; color: hsl(160, 6%, 35%) !important; }
div.cursor-pointer.group.flex.items-center.justify-center svg[data-icon="Send03"] { color: hsl(45, 85%, 48%) !important; }

/* 亮点③：分隔线装饰 (纯金细线与居中剑形 + 两侧菱形) */
div.style_divider__mW0YX {
    border: none !important;
    height: 1px !important;
    background: linear-gradient(90deg, transparent, hsl(45, 85%, 48%), transparent) !important;
    position: relative !important;
    overflow: visible !important;
    opacity: 0.7 !important;
    margin: 24px 0 !important;
}
div.style_divider__mW0YX::before {
    content: "◆" !important;
    position: absolute !important;
    left: 35% !important;
    top: 50% !important;
    transform: translate(-50%, -50%) !important;
    color: hsl(45, 85%, 48%) !important;
    background: hsl(160, 18%, 100%) !important;
    padding: 0 8px !important;
    font-size: 10px !important;
}
div.style_divider__mW0YX::after {
    content: "⚔" !important;
    position: absolute !important;
    left: 50% !important;
    top: 50% !important;
    transform: translate(-50%, -50%) !important;
    color: hsl(45, 85%, 48%) !important;
    background: hsl(160, 18%, 100%) !important;
    padding: 0 12px !important;
    font-size: 16px !important;
}

/* 评论文字细节 */
div.p-3.overflow-y-auto { color: hsl(160, 8%, 7%) !important; }
div.group.ml-0 { background: transparent !important; }
div.text-sm.text-grey-600 span.font-bold { color: hsl(160, 8%, 7%) !important; }
div.text-xs.text-grey-600, span.text-\[10px\] { color: hsl(160, 5%, 56%) !important; }
div.break-all { color: hsl(160, 8%, 7%) !important; }
button.text-gray-400 svg { color: hsl(160, 6%, 35%) !important; }
button.text-gray-400:hover svg { color: hsl(45, 85%, 48%) !important; }
div.ml-8.border-l { border-left-color: hsl(160, 18%, 80%) !important; }

/* ===== 分页 ===== */
.MuiPaginationItem-root { color: hsl(160, 8%, 7%) !important; border-color: hsl(160, 18%, 80%) !important; }
.MuiPaginationItem-root.Mui-selected { background: hsl(45, 29.75%, 90%) !important; color: hsl(45, 68%, 30%) !important; border-color: hsl(45, 85%, 48%) !important; }
.MuiPaginationItem-root:hover { background: hsl(160, 18%, 93%) !important; }
.MuiPaginationItem-root.Mui-disabled { color: hsl(160, 5%, 56%) !important; }
.MuiPaginationItem-icon { color: hsl(160, 6%, 35%) !important; }
.MuiStack-root.css-1uwir8f { background: transparent !important; }
.MuiInputBase-input { color: hsl(160, 8%, 7%) !important; }

/* ===== MUI 全局 ===== */
.MuiButton-root { color: hsl(160, 8%, 7%) !important; }
button.MuiButton-containedPrimary { background: hsl(45, 85%, 48%) !important; color: #fff !important; }
button.MuiButton-containedPrimary:hover { box-shadow: 0 0 14px hsla(45, 85%, 55%, 0.4) !important; }
button.MuiButton-outlinedPrimary { border-color: hsl(45, 85%, 48%) !important; color: hsl(45, 85%, 48%) !important; }
button.MuiButton-outlinedPrimary:hover { background: hsl(45, 29.75%, 90%) !important; }
button.MuiButton-contained { background: hsl(160, 18%, 88%) !important; color: hsl(160, 8%, 7%) !important; }
button.MuiButton-outlined { border-color: hsl(160, 18%, 80%) !important; color: hsl(160, 8%, 7%) !important; }
.MuiIconButton-root { color: hsl(160, 6%, 35%) !important; }
.MuiIconButton-root:hover { color: hsl(45, 85%, 48%) !important; }
.MuiDialog-paper, .MuiDrawer-paper { background: hsl(160, 18%, 100%) !important; color: hsl(160, 8%, 7%) !important; }
.MuiBackdrop-root { background: rgba(20, 40, 35, 0.4) !important; backdrop-filter: blur(2px) !important; }
.MuiDivider-root { border-color: hsl(160, 18%, 80%) !important; }
.MuiTypography-root { color: hsl(160, 8%, 7%) !important; }
.MuiTypography-root.MuiTypography-body2.css-6c0gf2 { color: hsl(160, 6%, 35%) !important; }
.MuiButtonBase-root.MuiButton-root.MuiButton-text.MuiButton-textPrimary { color: hsl(45, 85%, 48%) !important; }
.MuiOutlinedInput-root { color: hsl(160, 8%, 7%) !important; }
.MuiOutlinedInput-notchedOutline { border-color: hsl(160, 18%, 80%) !important; }
.MuiOutlinedInput-root:hover .MuiOutlinedInput-notchedOutline { border-color: hsl(45, 85%, 48%) !important; }
.MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline { border-color: hsl(45, 85%, 48%) !important; }
.MuiTouchRipple-root { color: hsl(45, 85%, 48%) !important; }
.MuiRating-icon { color: hsl(160, 18%, 80%) !important; }

/* ===== 响应式 ===== */
@media (max-width: 480px) {
    .markdown-body blockquote { margin: 8px 0 !important; padding: 12px 12px 12px 16px !important; }
    div.style_divider__mW0YX { margin: 16px 0 !important; }
    .bg-gray-100\/90.relative.inline-block::before,
    .bg-gray-100\/90.relative.inline-block::after,
    .chat-answer-container .bg-gray-100\/90.relative.inline-block::before,
    .chat-answer-container .bg-gray-100\/90.relative.inline-block::after {
        font-size: 8px !important;
    }
    .markdown-body details summary {
        font-size: 14px !important;
        padding: 8px 12px 8px 32px !important;
    }
    .markdown-body details summary::after {
        display: none !important;
    }
}

/* ===== 降速兜底 ===== */
@media (prefers-reduced-motion: reduce) {
    .flex.items-center.justify-center.w-6.h-5::before {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg stroke='%23D4AF37' stroke-width='2' fill='none'%3E%3Cpath d='M12,3 L13,6 L12,9 L11,6 Z M21,12 L18,13 L15,12 L18,11 Z M12,21 L11,18 L12,15 L13,18 Z M3,12 L6,11 L9,12 L6,13 Z' stroke-width='1.5'/%3E%3Ccircle cx='12' cy='12' r='6' stroke-dasharray='9 3'/%3E%3C/g%3E%3C/svg%3E") !important;
        animation: none !important;
    }
}