css
/* 1. 移除平台默认装饰，保持纯净聊天界面 */
[class*="bg-[#F1CBCB]"], 
[class*="bg-[#c9e1e9]"] {
    display: none !important;
}

/* 2. 统一聊天框主体容器设置 */
.bg-gray-100\/90.relative.inline-block {
    background: transparent !important;
    padding: 15px 10px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 3. 气泡基础样式 */
.markdown-body p {
    margin: 10px 0 !important;
    padding: 12px 16px !important;
    border-radius: 18px !important;
    position: relative !important;
    max-width: 85% !important;
    font-size: 15px !important;
    line-height: 1.5 !important;
    word-wrap: break-word !important;
    box-shadow: 0 2px 5px rgba(0,0,0,0.05) !important;
    transition: all 0.3s ease !important;
}

/* 4. 左侧对话框 (对方) */
.markdown-body p.chat-left {
    background-color: #f1f0f0 !important;
    color: #333333 !important;
    border-bottom-left-radius: 4px !important;
    align-self: flex-start !important;
    margin-right: auto !important;
}

/* 5. 右侧对话框 (自己) */
.markdown-body p.chat-right {
    background-color: #0084ff !important;
    color: #ffffff !important;
    border-bottom-right-radius: 4px !important;
    align-self: flex-end !important;
    margin-left: auto !important;
    text-align: right !important;
}

/* 6. 强制确保底部操作栏清晰可见 */
.MuiButtonBase-root.MuiButton-root.MuiButton-text.MuiButton-textPrimary,
.MuiTypography-root.MuiTypography-body2.css-6c0gf2,
.text-orange-500 {
    color: #888888 !important;
    font-size: 12px !important;
    opacity: 0.8 !important;
}

/* 7. 移动端适配 */
@media (max-width: 480px) {
    .markdown-body p {
        font-size: 14px !important;
        padding: 10px 14px !important;
    }
}