/* 隐藏聊天框顶部的颜色装饰条，以保持科幻主题的统一性 */
[class*="bg-[#F1CBCB]"], 
[class*="bg-[#c9e1e9]"] {
    display: none !important;
}

/* 统一聊天框 (输入与输出共有) 的科幻旅馆主题 */
.bg-gray-100/90.relative.inline-block {
    /* 深邃的背景，模拟宇宙或异次元入口，带有一丝幽蓝光泽（强化幽蓝渐变质感） */
    background: linear-gradient(135deg, #080818 0%, #12122D 50%, #080818 100%) !important;
    border: 1px solid rgba(60, 160, 255, 0.5) !important; /* 科技感边框，提升幽蓝通透度 */
    border-radius: 12px !important; /* 柔和的圆角 */
    box-shadow: 
        0 0 18px rgba(40, 150, 255, 0.7) inset, /* 内部发光效果，强化幽蓝光泽，代表无限能量 */
        0 0 25px rgba(40, 150, 255, 0.4) !important; /* 外部微弱光晕，提升异次元氛围感 */
    transition: all 0.3s ease-in-out !important; /* 平滑过渡效果 */
    /* 新增：轻微的背景纹理，模拟星云或电路板 */
    background-image: radial-gradient(circle at top left, rgba(28, 28, 48, 0.4) 1%, transparent 60%),
                      radial-gradient(circle at bottom right, rgba(28, 28, 48, 0.4) 1%, transparent 60%),
                      url('data:image/svg+xml;utf8,') !important; /* 微小点阵 */
    background-repeat: repeat !important;
}

/* 聊天框内的主要文本内容，确保在背景下高可读性（文字颜色改为黑色，符合要求） */
.markdown-body {
    color: #000000 !important; /* 纯黑色，与深邃幽蓝背景形成强对比度，拒绝白色 */
    font-family: 'Inter', 'Segoe UI', 'Roboto', 'Helvetica Neue', Arial, sans-serif !important; /* 现代无衬线字体，尝试更具科技感的Inter字体 */
    line-height: 1.7 !important; /* 增加行高以提高可读性，略微调大 */
    font-size: 15.5px !important; /* 适中的字体大小，略微调大 */
    /* 新增：文字阴影，提升黑色文字在幽蓝背景上的辨识度，不影响对比度 */
    text-shadow: 0 0 6px rgba(0, 0, 0, 0.2) !important;
}

/* 聊天框底部操作按钮 (复制, 编辑, 删除等)，高对比度与主题色相符 */
.MuiButtonBase-root.MuiButton-root.MuiButton-text.MuiButton-textPrimary {
    color: #001F3F !important; /* 深海黑蓝（黑色系延伸），与科幻主题协调，拒绝白色 */
    font-weight: bold !important;
    text-transform: uppercase !important; /* 按钮文字大写，更具科技感 */
    letter-spacing: 1.2px !important; /* 字间距，略微调大 */
    /* 新增：按钮悬停发光效果 */
    transition: all 0.2s ease-in-out !important;
    box-shadow: none !important; /* 移除默认可能存在的阴影 */
}

.MuiButtonBase-root.MuiButton-root.MuiButton-text.MuiButton-textPrimary:hover {
    color: #003366 !important; /* 悬停时加深黑色系蓝调，更醒目 */
    text-shadow: 0 0 8px rgba(0, 51, 102, 0.6) !important; /* 悬停发光，强化对比度 */
    transform: translateY(-1px) !important; /* 轻微上浮效果 */
}

/* 模型名称文本 (例如 gemini2.5pro)，清晰可见 */
.MuiTypography-root.MuiTypography-body2.css-6c0gf2 {
    color: #001A2E !important; /* 深黑青色（黑色系），区分于按钮，拒绝白色 */
    font-family: 'Roboto Mono', 'Consolas', 'Menlo', monospace !important; /* 尝试更现代的Monospace字体 */
    font-size: 13.5px !important; /* 略微调大 */
    opacity: 0.9 !important; /* 略微提高透明度，保证黑色系文字的辨识度 */
}

/* Token消耗文本，醒目的警告色但确保在深色背景下可读（采用黑色系强化对比，拒绝白色） */
.text-orange-500 {
    color: #002211 !important; /* 深黑绿色（黑色系），在幽蓝背景上突出，代表珍贵资源 */
    font-weight: bold !important;
    font-family: 'Roboto Mono', 'Consolas', 'Menlo', monospace !important; /* 与模型名称保持一致 */
    font-size: 13.5px !important; /* 略微调大 */
    text-shadow: 0 0 5px rgba(0, 34, 17, 0.4) !important; /* 警告色发光效果，提升可读性 */
}

/* 链接（如果有）的科幻样式 */
.markdown-body a {
    color: #001122 !important; /* 纯黑蓝调（黑色系），赛博科技感，拒绝白色 */
    text-decoration: none !important;
    border-bottom: 1px dashed rgba(0, 17, 34, 0.6) !important;
    transition: all 0.2s ease-in-out !important;
}

.markdown-body a:hover {
    color: #002244 !important; /* 悬停时加深黑色系蓝调 */
    border-bottom: 1px solid #002244 !important;
    text-shadow: 0 0 5px rgba(0, 34, 68, 0.5) !important;
}