/* 赛博朋克风格主聊天框 */
.bg-gray-100\/90.relative.inline-block {
    background-color: #080a10 !important; /* 极深邃的科技暗色背景 */
    border: 2px solid #00f3ff !important; /* 霓虹青色实线边框 */
    border-radius: 0px !important; /* 抹除默认圆角，呈现锐利感 */
    /* 外部青色光晕与内部洋红光晕交织 */
    box-shadow: 0 0 12px rgba(0, 243, 255, 0.4), inset 0 0 20px rgba(255, 0, 85, 0.2) !important;
    position: relative !important;
    isolation: isolate !important; /* 建立层叠上下文 */
    /* 赛博朋克标志性的几何切角设计 */
    clip-path: polygon(0 0, calc(100% - 16px) 0, 100% 16px, 100% 100%, 16px 100%, 0 calc(100% - 16px)) !important;
}

/* 聊天框背景：CRT扫描线特效 */
.bg-gray-100\/90.relative.inline-block::before {
    content: "" !important;
    position: absolute !important;
    top: 0 !important; 
    left: 0 !important; 
    right: 0 !important; 
    bottom: 0 !important;
    background: linear-gradient(rgba(0, 243, 255, 0.03) 50%, transparent 50%) !important;
    background-size: 100% 4px !important; /* 细密的扫描线 */
    z-index: 0 !important;
    pointer-events: none !important;
}

/* 【强制亮度】深色背景下的主文本高亮，绝对保障可读性 */
.markdown-body {
    color: #FFFFFF !important; /* 纯白高对比度文字 */
    background: transparent !important;
    z-index: 1 !important; /* 确保文字在扫描线之上 */
}

/* 深色背景下的底部附加元素（按钮、模型名、Token等）颜色自适应，使用霓虹青色点缀 */
.MuiButtonBase-root.MuiButton-root.MuiButton-text.MuiButton-textPrimary,
.MuiTypography-root.MuiTypography-body2.css-6c0gf2,
.text-orange-500 {
    color: #00f3ff !important; 
    transition: all 0.2s ease !important;
}

/* 按钮悬停时的霓虹洋红反转效果 */
.MuiButtonBase-root.MuiButton-root.MuiButton-text.MuiButton-textPrimary:hover {
    color: #ff0055 !important;
    text-shadow: 0 0 8px rgba(255, 0, 85, 0.6) !important;
}