/* ═══ B平台加载动画适配（自动注入）═══ */ 
.flex.items-center.justify-center.size-6 { opacity: 1 !important; } 
.flex.items-center.justify-center.size-6 > .flex.gap-2 { display: none !important; } 
.is-assistant.w-fit { width: 100% !important; } 
.is-assistant > .border.border-muted:has(.flex.items-center.justify-center.size-6) { width: 100% !important; background: transparent !important; border: none !important; padding: 0 !important; } 
.is-assistant .space-y-3:has(.flex.items-center.justify-center.size-6) { display: flex; justify-content: center; width: 100%; } 

/* ═══ B平台表格修正（自动注入）═══ */ 
.rili-markdown-renderer table { display:table!important; table-layout:auto!important; width:100%!important; border-collapse:collapse!important; } 
.rili-markdown-renderer table caption { display:table-caption!important; caption-side:top!important; text-align:center!important; padding:8px!important; } 
.rili-markdown-renderer thead { display:table-header-group!important; } 
.rili-markdown-renderer tbody { display:table-row-group!important; } 
.rili-markdown-renderer tr { display:table-row!important; } 
.rili-markdown-renderer th, .rili-markdown-renderer td { display:table-cell!important; } 
/* ═══ B平台顶部栏适配说明（自动注入）═══ */ 
header.flex.justify-between { position: relative; overflow: visible; } 

/* ====================== 全局基础色彩统一（仅改色，其余不动） ====================== */ 
/* 全局文字基础色统一深色模式 */ 
.rili-markdown-renderer { color: #F0F0F0 !important; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif !important; font-weight: 500 !important; line-height: 1.7 !important; background: transparent !important; } 
/* 页面基础背景底色统一深黑基调 */ 
body, html, #root, .overflow-auto.h-full { background: #1A1A1A !important; } 
/* 次要辅助文字统一浅灰，匹配深色主题 */ 
.text-gray-400, .text-grey-600, .flex.w-full.items-center.justify-between.gap-2.px-2 .MuiBox-root { color: #CCC !important; } 
::placeholder { color: #888 !important; } 

/* 边框统一金色半透边框，全页面通用 */ 
div.flex.items-center.h-9.bg-white.rounded-md.cursor-pointer.group[class*="border-gray"], #nav-middle .group.flex.items-center, #ai-chat-input, .MuiPaginationItem-root, .flex.w-full.items-center.justify-between.gap-2.px-2.css-1uwir8f .MuiInputBase-input, div.flex.flex-col.border-gray-200 { border: 1px solid rgba(212, 168, 83, 0.3) !important; } 
div.flex.items-center.h-9.bg-white.rounded-md.cursor-pointer.group[class*="border-gray"]:hover, #ai-chat-input:focus, .MuiPaginationItem-root:hover, .flex.w-full.items-center.justify-between.gap-2.px-2.css-1uwir8f .MuiInputBase-input:focus, div.flex.flex-col.border-gray-200:focus-within { border-color: #D4A853 !important; } 

/* 分割线统一金色半透 */ 
div.style_divider__mW0YX { background-color: rgba(212, 168, 83, 0.4) !important; } 
div.ml-8.border-l { border-left: 2px solid rgba(212, 168, 83, 0.4) !important; } 
header.flex.justify-between { border-bottom: 2px solid #D4A853 !important; } 
#ai-chat-bottom-input { border-top: 1px solid rgba(212, 168, 83, 0.3) !important; } 


/* ====================== 折叠块优化代码（完全保留，无删减修改） ====================== */ 
details { background: rgba(30, 30, 30, 0.9); backdrop-filter: blur(10px); border: 1px solid rgba(70, 70, 70, 0.5); border-radius: 16px; margin: 14px 0; padding: 0; overflow: hidden; transition: all 0.3s ease; box-shadow: 0 3px 16px rgba(0, 0, 0, 0.4); } 
details[open] { background: rgba(40, 40, 40, 0.95); border-color: rgba(212, 168, 83, 0.4); box-shadow: 0 6px 24px rgba(0, 0, 0, 0.6); } 
summary { list-style: none; cursor: pointer; padding: 14px 18px; font-size: 0.95rem; font-weight: 600; color: #D4A853; background: linear-gradient(135deg, rgba(50, 50, 50, 0.8), rgba(35, 35, 35, 0.6)); border-bottom: 1px solid rgba(70, 70, 70, 0.4); display: flex; align-items: center; gap: 8px; user-select: none; transition: background 0.25s; } 
summary:hover { background: linear-gradient(135deg, rgba(70, 70, 70, 0.8), rgba(50, 50, 50, 0.6)); } 
summary::-webkit-details-marker { display: none; } 
summary::marker { content: none; } 
summary::before { content: "✦"; display: inline-block; font-size: 0.85rem; transition: transform 0.3s ease; color: #D4A853; opacity: 0.9; } 
details[open] > summary::before { transform: rotate(180deg) scale(1.15); color: #E6C06B; } 
details > .details-content, details > *:not(summary) { padding: 14px 18px; color: #EAEAEA; line-height: 1.7; animation: petalInDark 0.3s ease; max-width: 100%; overflow-x: auto; box-sizing: border-box; -webkit-overflow-scrolling: touch; } 
details table { display: block; width: 100%; overflow-x: auto; } 
details table tbody tr:nth-child(even) { display: none !important; } 
details table { border-collapse: collapse !important; margin: 8px 0 !important; background: rgba(22, 22, 22, 0.7) !important; border-radius: 10px; } 
details table thead tr { background: linear-gradient(135deg, #D4A853, #B9903B) !important; } 
details table th { padding: 12px 10px !important; text-align: center !important; font-weight: 600 !important; color: #111 !important; border: none; } 
details table td { padding: 11px 10px !important; color: #EAEAEA !important; text-align: center; border-bottom: 1px solid rgba(60, 60, 60, 0.4); } 
details table tbody tr:nth-child(odd) { background: rgba(42, 42, 42, 0.9) !important; } 
details table tbody tr:hover { background: rgba(55, 55, 55, 0.95) !important; } 
details table tbody tr:last-child td { border-bottom: none; } 
details > .details-content::-webkit-scrollbar, details > *:not(summary)::-webkit-scrollbar, details table::-webkit-scrollbar { height: 8px; background: rgba(40, 40, 40, 0.6); border-radius: 4px; } 
details > .details-content::-webkit-scrollbar-thumb, details > *:not(summary)::-webkit-scrollbar-thumb, details table::-webkit-scrollbar-thumb { background: #D4A853; border-radius: 4px; box-shadow: inset 0 0 4px rgba(0,0,0,0.5); } 
details > .details-content::-webkit-scrollbar-thumb:hover, details > *:not(summary)::-webkit-scrollbar-thumb:hover, details table::-webkit-scrollbar-thumb:hover { background: #E6C06B; } 
@keyframes petalInDark { from { opacity: 0; transform: translateY(-8px) scale(0.97); } to { opacity: 1; transform: translateY(0) scale(1); } } 
details details { margin: 10px 0 0 0; border-radius: 14px; background: rgba(40, 40, 40, 0.6); border-color: rgba(100, 100, 100, 0.3); } 
details details summary { font-size: 0.9rem; padding: 10px 14px; color: #D4A853; background: linear-gradient(135deg, rgba(55, 55, 55, 0.6), transparent); } 
@media (max-width: 480px) { summary { padding: 12px 14px; font-size: 0.9rem; } details > .details-content, details > *:not(summary) { padding: 12px 14px; } details table th, details table td { padding: 9px 6px !important; } } 

/* ====================== 全部模块样式 ====================== */ 
[class*="bg-[#F1CBCB]"], [class*="bg-[#c9e1e9]"] { display: none !important; } 
.is-user > .border.border-muted, .is-assistant > .border.border-muted { background: linear-gradient(135deg, #2C2C2C 0%, #1A1A1A 100%) !important; border: 1px solid rgba(70, 70, 70, 0.5) !important; border-radius: 18px !important; padding: 16px !important; box-shadow: 0 4px 24px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3) !important; margin-bottom: 12px !important; transition: all 0.3s ease !important; } 
.bg-muted.rounded.flex.p-0\.5 > button.rounded-full.size-7, .flex.items-center.gap-2.text-xs.font-mono.text-muted-foreground { color: #D4A853 !important; font-weight: 600 !important; } 
.style-module__AtdJSq__dot-flashing.style-module__AtdJSq__text { display: none !important; } 
.flex.items-center.justify-center.size-6 { position: relative !important; width: 60px !important; height: 20px !important; } 
.flex.items-center.justify-center.size-6::before { content: url('data:image/svg+xml;utf8,<svg width="40" height="10" xmlns="http://www.w3.org/2000/svg"><circle cx="5" cy="5" r="3" fill="%23D4A853"><animate attributeName="opacity" values="1;0.3;1" dur="1s" repeatCount="indefinite"/></circle><circle cx="20" cy="5" r="3" fill="%23D4A853"><animate attributeName="opacity" values="1;0.3;1" dur="1s" begin="0.2s" repeatCount="indefinite"/></circle><circle cx="35" cy="5" r="3" fill="%23D4A853"><animate attributeName="opacity" values="1;0.3;1" dur="1s" begin="0.4s" repeatCount="indefinite"/></circle></svg>') !important; } 
@media (max-width: 480px) { .is-user > .border.border-muted, .is-assistant > .border.border-muted { border-radius: 12px !important; padding: 12px !important; } } 
* { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif !important; } 
header.flex.justify-between { background: #1A1A1A !important; color: #F0F0F0 !important; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.6) !important; } 
#nav-middle button:has(> .flex-1.truncate.text-left) .flex-1.truncate.text-left { color: #F0F0F0 !important; } 
header.flex.justify-between.w-full.top-0 svg.lucide-clock-8:hover, header.flex.justify-between.w-full.top-0 button.MuiIconButton-root svg.lucide-music-2:hover, header.flex.justify-between.w-full.top-0 svg:has(use[href="#icon-icon-set"]):hover, #nav-right button svg:hover { transform: scale(1.1) !important; } 
header.flex.justify-between.w-full.top-0 span.MuiBadge-dot.md\:hidden { background-color: #D4A853 !important; } 
div.flex.items-center.h-9.bg-white.rounded-md.cursor-pointer.group[class*="border-gray"] { color: #F0F0F0 !important; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5) !important; transition: all 0.3s ease !important; } 
div.flex.items-center.h-9.bg-white.rounded-md.cursor-pointer.group[class*="border-gray"]:hover { box-shadow: 0 1px 5px rgba(0, 0, 0, 0.7) !important; } 
#ai-mod-button2 button.MuiButton-root { color: #F0F0F0 !important; border-radius: 8px !important; margin: 0 4px !important; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.4) !important; transition: all 0.3s ease !important; } 
#ai-mod-button2 button.MuiButton-root:hover { box-shadow: 0 4px 8px rgba(0, 0, 0, 0.6) !important; } 
#ai-chat-input { color: #F0F0F0 !important; padding: 10px 12px !important; box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.4) !important; transition: border-color 0.3s ease, box-shadow 0.3s ease !important; } 
#ai-chat-input:focus { box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.6), 0 0 0 3px rgba(212, 168, 83, 0.3) !important; } 
#ai-chat-input::selection { background: #D4A853 !important; color: #000 !important; } 
.MuiPaginationItem-root { color: #CCC !important; border-radius: 4px !important; margin: 0 3px !important; transition: all 0.3s ease !important; } 
.MuiPaginationItem-root.Mui-disabled { color: #666 !important; border-color: #333 !important; } 
.flex.w-full.items-center.justify-between.gap-2.px-2.css-1uwir8f .MuiInputBase-input { padding: 4px 8px !important; color: #F0F0F0 !important; transition: border-color 0.3s ease !important; } 
.flex.w-full.items-center.justify-between.gap-2.px-2.css-1uwir8f .MuiInputBase-input:focus { box-shadow: 0 0 0 2px rgba(212, 168, 83, 0.3) !important; } 
div[class*="w-full"][class*="bg-white"][class*="bottom-0"] { border-top: 2px solid rgba(212, 168, 83, 0.4) !important; box-shadow: 0 -4px 10px rgba(0, 0, 0, 0.6) !important; } 
div.text-lg.font-bold, div.text-sm.text-grey-600 span.font-bold, div.break-all, div.text-xs.text-grey-600 { color: #F0F0F0 !important; } 
span.MuiRating-iconEmpty svg { color: #555 !important; } 
div.flex.flex-col.border-gray-200 { border-radius: 8px !important; box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.4) !important; transition: border-color 0.3s ease !important; color: #F0F0F0 !important; } 
div.flex.flex-col.border-gray-200:focus-within { box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.6), 0 0 0 3px rgba(212, 168, 83, 0.3) !important; } 

/* ═════════ 修复：强制接管所有输入框文字颜色与光标颜色 ═════════ */
textarea.rc-textarea, 
textarea, 
input, 
[contenteditable="true"], 
.ProseMirror { 
    color: #F0F0F0 !important; 
    background-color: transparent !important; 
    border: none !important; 
    resize: vertical !important; 
    caret-color: #D4A853 !important; 
}

div.bg-gray-100.text-gray-500 { color: #AAA !important; border-top: 1px solid rgba(212, 168, 83, 0.2) !important; border-radius: 0 0 8px 8px !important; } 
div.cursor-pointer.group.flex.items-center.justify-center { border-radius: 6px !important; transition: background-color 0.3s ease, box-shadow 0.3s ease !important; } 
div.cursor-pointer.group.flex.items-center.justify-center:hover { box-shadow: 0 2px 6px rgba(0, 0, 0, 0.5) !important; } 
div[data-state="closed"] svg[data-icon="Send03"] { color: #000 !important; } 
div.style_divider__mW0YX { height: 1px !important; margin: 15px 0 !important; } 
.flex.w-full.items-center.justify-between.gap-2.px-2.css-1dmzxoz button.MuiButton-containedPrimary { border-color: #D4A853 !important; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.4) !important; } 
.flex.w-full.items-center.justify-between.gap-2.px-2.css-1dmzxoz button.MuiButton-outlinedPrimary { color: #D4A853 !important; border-color: rgba(212, 168, 83, 0.5) !important; } 
div.group.ml-0 { border-bottom: 1px solid rgba(212, 168, 83, 0.2) !important; padding-bottom: 15px !important; margin-bottom: 15px !important; } 
button.text-gray-400 { color: #888 !important; } 
span.cursor-pointer:hover { text-decoration: underline !important; } 
div.ml-8.border-l { padding-left: 10px !important; } 

/* ====================== 折叠块内表格横向滚动修复 ====================== */ 
.rili-markdown-renderer details table { width: auto !important; min-width: 100% !important; display: block !important; overflow-x: auto !important; -webkit-overflow-scrolling: touch; } 
.rili-markdown-renderer details table thead { display: table-header-group !important; } 
.rili-markdown-renderer details table tbody { display: table-row-group !important; } 
.rili-markdown-renderer details table tr    { display: table-row !important; } 
.rili-markdown-renderer details table th, .rili-markdown-renderer details table td { display: table-cell !important; white-space: nowrap !important; } 
.rili-markdown-renderer details table::-webkit-scrollbar { height: 10px !important; } 
.rili-markdown-renderer details table::-webkit-scrollbar-track { background: rgba(30,30,30,0.85) !important; border-radius: 5px !important; } 
.rili-markdown-renderer details table::-webkit-scrollbar-thumb { background: #D4A853 !important; border-radius: 5px !important; min-width: 50px !important; } 
.rili-markdown-renderer details table::-webkit-scrollbar-thumb:hover { background: #E6C06B !important; } 
.rili-markdown-renderer details table { scrollbar-width: auto; scrollbar-color: #D4A853 rgba(30,30,30,0.85); } 
@media (max-width: 768px) { .rili-markdown-renderer details table::-webkit-scrollbar { height: 6px !important; } .rili-markdown-renderer details table::-webkit-scrollbar-thumb { min-width: 30px !important; } .rili-markdown-renderer details table { scrollbar-width: thin; } }