/* * ==========================================
 * System GOURMET: 《美食的俘虏》专属 UI 美化
 * Theme: 深渊暗金卡牌 (Abyss & Gourmet Gold)
 * Version: Max (无视日间模式防壁、强杀白盒版)
 * ==========================================
 */

/* * ---------------------------------
 * 模块一：全局对话气泡与正文修正 (无视日间模式黑字)
 * ---------------------------------
 */
.group .bg-gray-100\/90 {
    background: linear-gradient(145deg, #161111 0%, #0d0d0d 100%) !important; 
    border: 2px solid #a67c33 !important; 
    border-radius: 12px !important;
    box-shadow: 6px 6px 16px rgba(0, 0, 0, 1), inset 0 0 15px rgba(166, 124, 51, 0.15) !important;
    color: #f0e8d5 !important; 
    padding: 16px !important;
}

/* 强制穿透日间模式，让正文文本发亮 */
.group .bg-gray-100\/90 p,
.group .bg-gray-100\/90 span,
.group .bg-gray-100\/90 li,
.group .bg-gray-100\/90 div {
    color: #f0e8d5 !important; 
    text-shadow: 1px 1px 2px #000000 !important; 
}


/* * ---------------------------------
 * 模块二：数据面板与档案卡 (.cot-container)
 * ---------------------------------
 */
.cot-container {
    background-color: #1a0f0f !important; 
    border: 4px double #a67c33 !important; 
    outline: 1px solid #4a0c0c !important; 
    outline-offset: -5px !important;
    border-radius: 6px !important;
    margin: 20px 0 !important;
    padding: 16px 16px 12px 16px !important;
    box-shadow: 5px 5px 12px #000000, inset 0 0 24px #000000 !important; 
    line-height: 1.6 !important;
}

.cot-container p, 
.cot-container span, 
.cot-container li {
    color: #e6d5b8 !important; 
}

.cot-container strong, .cot-container b {
    color: #f0c975 !important; 
    text-shadow: 1px 1px 2px #000000 !important;
    font-weight: 900 !important;
}

/* 标题栏 (Summary) 美化 */
.cot-container summary {
    background: #2b0f0f !important; 
    color: #d4af37 !important; 
    padding: 10px 14px !important;
    font-weight: 900 !important;
    font-size: 1.1em !important;
    letter-spacing: 1px !important; 
    border: 1px solid #705324 !important;
    border-bottom: 2px solid #a67c33 !important; 
    border-radius: 4px !important;
    cursor: pointer !important;
    text-shadow: 2px 2px 4px #000000 !important; 
    margin-bottom: 12px !important;
    box-shadow: inset 0 0 10px rgba(0,0,0,0.8) !important;
    transition: all 0.2s ease !important;
    list-style: none !important; 
}
.cot-container summary::before { content: "✦ " !important; color: #a67c33 !important; margin-right: 6px !important; }
.cot-container summary:hover { background: #3d1414 !important; color: #ffffff !important; border-color: #d4af37 !important; }
.cot-container summary::-webkit-details-marker { display: none !important; }

.cot-container ul { padding-left: 20px !important; margin: 8px 0 !important; list-style-type: none !important; }
.cot-container ul li { position: relative !important; margin-bottom: 6px !important; padding-left: 18px !important; }
.cot-container ul li::before {
    content: "►" !important; 
    position: absolute !important;
    left: 0 !important;
    color: #a67c33 !important; 
    font-size: 0.8em !important;
    top: 4px !important;
}

/* * ---------------------------------
 * 模块三：修复日间模式细节强杀白盒 (解决图1问题)
 * ---------------------------------
 */
.cot-container details {
    background-color: #120808 !important; 
    border: 1px solid #3a1212 !important; 
    border-radius: 6px !important;
    padding-bottom: 8px !important; 
    margin-bottom: 10px !important;
    overflow: hidden !important; 
}
.cot-container details[open] summary {
    margin-bottom: 12px !important;
    border-bottom: 1px dashed #8c6a2d !important; 
}

/* 【最高级点穴】强行溶解 details 内的所有未知渲染层 (剥离图1那层白皮) */
.cot-container details div,
.cot-container details p,
.cot-container details ul,
.cot-container details blockquote,
.cot-container details > * {
    background-color: transparent !important; 
    background: none !important;
    box-shadow: none !important; /* 彻底去除自带的阴影 */
    border: none !important; 
}

.cot-container details mark,
.cot-container details code {
    background-color: #2b0f0f !important; 
    color: #f0c975 !important; 
    border: 1px solid #5a1111 !important;
    padding: 2px 6px !important;
    border-radius: 4px !important;
    text-shadow: none !important;
}

/* * ---------------------------------
 * 模块四：推荐选项与引用块深度黑化 (解决图2问题)
 * ---------------------------------
 */
/* 针对截图中的推演选项 (Blockquote/代码块) 统一替换为美食猎人战术终端面板 */
.group .bg-gray-100\/90 blockquote,
.group .bg-gray-100\/90 pre {
    background-color: #120808 !important; /* 统一成深渊底色 */
    background: #120808 !important;
    border: 1px solid #3a1212 !important;
    border-left: 4px solid #a67c33 !important; /* 左侧加入暗金指令条，呈现高级感 */
    border-radius: 6px !important;
    padding: 12px 16px !important;
    margin: 16px 0 !important;
    box-shadow: inset 0 0 10px rgba(0,0,0,0.8), 2px 2px 5px rgba(0,0,0,0.5) !important; /* 内外立体阴影 */
}

/* 确保引用块里面的文字全部变为亮色 */
.group .bg-gray-100\/90 blockquote p,
.group .bg-gray-100\/90 blockquote li,
.group .bg-gray-100\/90 blockquote span,
.group .bg-gray-100\/90 blockquote div {
    color: #e6d5b8 !important;
    text-shadow: 1px 1px 2px #000000 !important;
    background-color: transparent !important; /* 防止内部有文字背景 */
}

/* 针对部分平台自定义的引用图标强制变色 */
.group .bg-gray-100\/90 blockquote svg, 
.group .bg-gray-100\/90 blockquote i {
    color: #a67c33 !important;
    fill: #a67c33 !important;
}

/* * ---------------------------------
 * 模块五：各类按钮终端美化 
 * ---------------------------------
 */
.flex.items-center.gap-2.pb-2 > button {
    background: #1a1a1a !important; color: #d4af37 !important; border: 1px solid #8c6a2d !important;
    border-radius: 4px !important; box-shadow: 3px 3px 0px #3a2711 !important; font-weight: bold !important;
    text-transform: none !important; transition: all 0.15s ease-in-out !important; padding: 6px 16px !important;
}
.flex.items-center.gap-2.pb-2 > button:hover {
    background: #332414 !important; color: #ffffff !important; transform: translate(3px, 3px) !important; 
    box-shadow: 0px 0px 0px #3a2711 !important; border-color: #d4af37 !important;
}

.MuiButtonBase-root.MuiButton-root.MuiButton-text {
    color: #d4af37 !important; background: transparent !important; border: 1px solid transparent !important; 
    border-radius: 4px !important; font-weight: bold !important; text-transform: none !important;
    transition: all 0.2s ease-in-out !important; padding: 6px 12px !important;
}
.MuiButtonBase-root.MuiButton-root.MuiButton-text:hover {
    background: #1e1414 !important; color: #ffffff !important; border: 1px solid #8c6a2d !important; 
    box-shadow: 2px 2px 0px #0a0a0a !important; transform: translate(-1px, -1px) !important; 
}
.MuiButtonBase-root.MuiButton-root.MuiButton-text:active { transform: translate(1px, 1px) !important; box-shadow: 0 0 0 #000; background: #110a0a !important; }

/* * ---------------------------------
 * 模块六：输入栏与能耗结算面板 
 * ---------------------------------
 */
#ai-chat-input {
    background-color: #121212 !important; border: 2px solid #8c6a2d !important; border-radius: 6px !important;
    color: #f5f0e6 !important; box-shadow: inset 3px 3px 8px rgba(0, 0, 0, 0.9), 0 0 6px rgba(140, 106, 45, 0.2) !important; 
}
#ai-chat-bottom-input { background: transparent !important; backdrop-filter: none !important; }

.MuiStack-root.text-purple-500.mt-1 {
    background: #110a0a !important; border: 1px solid #4a0c0c !important; border-top: 2px dashed #a67c33 !important; 
    border-radius: 4px !important; padding: 10px 14px !important; margin-top: 16px !important;
    box-shadow: inset 2px 2px 8px rgba(0, 0, 0, 0.9) !important; display: flex !important; flex-direction: row !important; 
    flex-wrap: wrap !important; align-items: center !important; gap: 16px !important;
}
.MuiStack-root.text-purple-500.mt-1 p.MuiTypography-root { font-family: inherit !important; font-size: 0.85rem !important; font-weight: bold !important; margin: 0 !important; }
.MuiStack-root.text-purple-500.mt-1 p:nth-child(1) { color: #b8860b !important; border-right: 1px solid #4a0c0c !important; padding-right: 16px !important; }
.MuiStack-root.text-purple-500.mt-1 p:nth-child(1)::before { content: "🧬 恶魔核心：" !important; color: #8c6a2d !important; }
.MuiStack-root.text-purple-500.mt-1 p:nth-child(2) { color: #d4af37 !important; }
.MuiStack-root.text-purple-500.mt-1 p:nth-child(2)::before { content: "📥 摄入卡路里：" !important; color: #a67c33 !important; }
.MuiStack-root.text-purple-500.mt-1 p:nth-child(3) { color: #e6d5b8 !important; }
.MuiStack-root.text-purple-500.mt-1 p:nth-child(3)::before { content: "💥 释放能量：" !important; color: #a67c33 !important; }

/* * ---------------------------------
 * 模块七：顶部导航栏面板 
 * ---------------------------------
 */
.bg-green-100.text-green-800 {
    background: #2b0f0f !important; color: #d4af37 !important; border: 1px solid #705324 !important;
    box-shadow: inset 0 0 5px rgba(0,0,0,0.8), 2px 2px 0px rgba(0,0,0,0.9) !important; font-weight: 900 !important;
}
#ai-model-selector .group {
    background: #110a0a !important; outline: 1px solid #8c6a2d !important; border-radius: 4px !important;
    box-shadow: inset 2px 2px 6px #000000, 2px 2px 0px rgba(0,0,0,0.8) !important; transition: all 0.2s ease-in-out !important;
}
#ai-model-selector .group:hover { background: #1e1414 !important; outline: 1px solid #d4af37 !important; box-shadow: inset 2px 2px 6px #000000, 0 0 8px rgba(212, 175, 55, 0.4) !important; }
#ai-model-selector .group div.truncate { color: #e6d5b8 !important; font-weight: 900 !important; transition: color 0.2s ease !important; }
#ai-model-selector .group:hover div.truncate { color: #ffffff !important; }
#ai-model-selector .group svg { color: #a67c33 !important; }
#ai-model-selector .group:hover svg { color: #d4af37 !important; }
#lang-button, #header-setting-button { color: #a67c33 !important; background: transparent !important; transition: all 0.2s ease !important; }
#lang-button:hover, #header-setting-button:hover { color: #ffffff !important; background: #1e1414 !important; box-shadow: inset 0 0 5px #000000, 1px 1px 0px #8c6a2d !important; }
#lang-button svg, #header-setting-button svg, .text-grey-600 { fill: currentColor !important; color: currentColor !important; }

/* * ---------------------------------
 * 模块八：加载动画食欲共鸣 
 * ---------------------------------
 */
.flex.items-center.justify-center.w-6.h-5 { width: auto !important; height: auto !important; padding: 8px 16px !important; }
.style_dot-flashing__8L91Q, .style_text__zGhNq { background-color: transparent !important; box-shadow: none !important; animation: none !important; }
.style_dot-flashing__8L91Q::after { display: none !important; content: none !important; }
.style_dot-flashing__8L91Q::before {
    display: inline-block !important; content: "🍽️ いただきます... (食欲共鸣中)" !important; white-space: nowrap !important; 
    color: #d4af37 !important; font-weight: 900 !important; font-size: 15px !important; letter-spacing: 2px !important;
    text-shadow: 2px 2px 4px #000000 !important; animation: appetitePulse 1.2s infinite alternate ease-in-out !important;
    box-shadow: none !important; background-color: transparent !important;
}
@keyframes appetitePulse {
    0% { opacity: 0.7; text-shadow: 2px 2px 4px #000000, 0 0 5px rgba(212, 175, 55, 0.3) !important; }
    100% { opacity: 1; text-shadow: 2px 2px 4px #000000, 0 0 15px rgba(212, 175, 55, 0.9) !important; transform: scale(1.02); }
}

.MuiButtonBase-root.MuiButton-root.MuiButton-default.css-w13mdt,
.absolute.z-40 .px-4.py-2.hover\:bg-indigo-100:nth-child(5),
.css-nkqe49 { /* display: none !important; */ }