/* --- 隐藏顶部默认颜色条 --- */
[class*="bg-[#F1CBCB]"],
[class*="bg-[#c9e1e9]"] {
    display: none !important;
}

/* --- 统一聊天框美化 - 斗罗大陆魂力基底 --- */
.bg-gray-100\/90.relative.inline-block {
    background: linear-gradient(135deg, rgba(10, 10, 40, 0.85), rgba(20, 20, 60, 0.9)) !important;
    backdrop-filter: blur(20px) saturate(180%) !important;
    -webkit-backdrop-filter: blur(20px) saturate(180%) !important;
    border-radius: 18px !important;
    border: 1.5px solid rgba(212, 168, 69, 0.5) !important;
    box-shadow:
        inset 0 0 15px rgba(26, 92, 176, 0.2),
        0 8px 32px 0 rgba(0, 0, 0, 0.5),
        0 0 0 1px rgba(0, 0, 0, 0.8) !important;
    overflow: hidden !important;
}

/* --- Markdown面板美化 - 魂力文字显现 --- */
.markdown-body,
div[class*="markdown"] .markdown-body,
.chat-content .markdown-body,
[class*="prose"],
[class*="prose"] .markdown-body {
    color: #e0d8cc !important;
    background: transparent !important;
    text-shadow: 0 0 3px rgba(212, 168, 69, 0.2), 0 1px 1px #000 !important;
    font-size: 16px !important;
    line-height: 1.6 !important;
    padding: 12px 16px !important;
    margin: 0 !important;
}

/* 关键信息高亮 - 魂环配色 */
.markdown-body font[color="#FF5722"],
font[color="#FF5722"] {
    color: #ff4a2a !important;
    font-weight: 600 !important;
    text-shadow: 0 0 6px rgba(255, 74, 42, 0.5) !important;
}
.markdown-body font[color="#9C27B0"],
font[color="#9C27B0"] {
    color: #8a2be2 !important;
    font-weight: 600 !important;
    text-shadow: 0 0 5px rgba(138, 43, 226, 0.4) !important;
}
.markdown-body font[color="#2196F3"],
font[color="#2196F3"] {
    color: #4a90d9 !important;
    font-weight: 600 !important;
    text-shadow: 0 0 5px rgba(74, 144, 217, 0.4) !important;
}

/* 美化<details>交互面板 */
.markdown-body details,
details {
    background: rgba(15, 15, 45, 0.75) !important;
    backdrop-filter: blur(8px) !important;
    border-radius: 12px !important;
    border: 1px solid rgba(212, 168, 69, 0.5) !important;
    padding: 8px 12px !important;
    margin: 8px 0 !important;
    box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.5) !important;
}
.markdown-body summary,
summary {
    color: #d4a845 !important;
    font-weight: bold !important;
    cursor: pointer !important;
    padding: 4px 8px !important;
    border-radius: 6px !important;
    transition: all 0.3s ease !important;
    text-shadow: 0 0 4px rgba(212, 168, 69, 0.3) !important;
}
.markdown-body summary:hover,
summary:hover {
    background: rgba(212, 168, 69, 0.15) !important;
    color: #f0c060 !important;
    text-shadow: 0 0 8px rgba(240, 192, 96, 0.5) !important;
}

/* 分隔线 - 魂力波动 */
.markdown-body hr,
hr {
    border: none !important;
    height: 2px !important;
    background: linear-gradient(90deg, transparent, #1a5cb0, #d4a845, #1a5cb0, transparent) !important;
    margin: 16px 0 !important;
    opacity: 0.7 !important;
}

/* 按钮 */
.MuiButtonBase-root.MuiButton-root.MuiButton-text.MuiButton-textPrimary {
    color: #f5f5f5 !important;
    background-color: rgba(20, 40, 80, 0.7) !important;
    border-radius: 8px !important;
    border: 1px solid rgba(212, 168, 69, 0.5) !important;
    transition: all 0.3s ease-in-out !important;
}
.MuiButtonBase-root.MuiButton-root.MuiButton-text.MuiButton-textPrimary:hover {
    background-color: rgba(212, 168, 69, 0.3) !important;
    border-color: #d4a845 !important;
    transform: translateY(-2px) scale(1.05) !important;
    box-shadow: 0 4px 12px rgba(212, 168, 69, 0.3) !important;
}

button.MuiButton-containedPrimary {
    background-color: #1a5cb0 !important;
    color: #fff !important;
}
button.MuiButton-containedPrimary:hover {
    background-color: #2a7ad0 !important;
    box-shadow: 0 0 10px rgba(26, 92, 176, 0.7) !important;
}

button.MuiButton-outlinedPrimary {
    color: #d4a845 !important;
    border-color: rgba(212, 168, 69, 0.6) !important;
}
button.MuiButton-outlinedPrimary:hover {
    background-color: rgba(212, 168, 69, 0.15) !important;
    border-color: #d4a845 !important;
    box-shadow: 0 0 8px rgba(212, 168, 69, 0.4) !important;
}