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

/* 2. 统一聊天框主体美化：红白配色与玫瑰风格 */
.bg-gray-100\/90.relative.inline-block {
    background-color: #FFF9F9 !important; /* 极浅的粉白色背景 */
    border: 2px solid #D32F2F !important; /* 深红色丝绒感边框 */
    border-radius: 20px !important;
    box-shadow: 0 4px 15px rgba(211, 47, 47, 0.2) !important; /* 浅红色柔光阴影 */
    padding: 15px !important;
    position: relative !important;
    overflow: visible !important;
    /* 注入玫瑰装饰图案 (Base64 SVG) */
    background-image: 
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='%23D32F2F'%3E%3Cpath d='M21 12c0-1.66-1.34-3-3-3-.22 0-.42.02-.64.07C16.5 7.01 14.41 6 12 6c-2.41 0-4.5 1.01-5.36 3.07-.22-.05-.42-.07-.64-.07-1.66 0-3 1.34-3 3 0 .22.02.42.07.64C1.01 13.5 0 15.59 0 18c0 3.31 2.69 6 6 6 2.41 0 4.5-1.01 5.36-3.07.22.05.42.07.64.07s.42-.02.64-.07C13.5 22.99 15.59 24 18 24c3.31 0 6-2.69 6-6 0-2.41-1.01-4.5-3.07-5.36.05-.22.07-.42.07-.64z'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: top left 5px, top right 5px, bottom left 5px, bottom right 5px !important;
    background-size: 20px 20px !important;
}

/* 3. 聊天文本样式：确保极致可读性 */
.markdown-body {
    color: #5D0011 !important; /* 深勃艮第红，高对比度 */
    font-family: "Microsoft YaHei", "Segoe UI", sans-serif !important;
    font-weight: 500 !important;
    line-height: 1.6 !important;
}

/* 4. 强调文本颜色 */
.markdown-body strong {
    color: #D32F2F !important;
    font-weight: bold !important;
}

/* 5. 底部附加元素美化 (按钮、模型名称、Token消耗) */
/* 底部操作按钮 */
.MuiButtonBase-root.MuiButton-root.MuiButton-text.MuiButton-textPrimary {
    color: #D32F2F !important;
    opacity: 0.8 !important;
    transition: all 0.3s !important;
}

.MuiButtonBase-root.MuiButton-root.MuiButton-text.MuiButton-textPrimary:hover {
    background-color: rgba(211, 47, 47, 0.1) !important;
    opacity: 1 !important;
}

/* 模型名称文本 */
.MuiTypography-root.MuiTypography-body2.css-6c0gf2 {
    color: #A04040 !important;
    font-weight: bold !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
}

/* Token消耗文本 */
.text-orange-500 {
    color: #D32F2F !important; /* 将原本的橙色改为深红色以匹配风格 */
    font-style: italic !important;
}

/* 6. 输出加载动画美化 */
/* 隐藏原有的闪烁圆点 */
.style_dot-flashing__8L91Q.style_text__zGhNq {
    display: none !important;
}

/* 使用容器制作一个旋转的爱心/花瓣加载效果 */
.flex.items-center.justify-center.w-6.h-5 {
    position: relative !important;
    display: flex !important;
}

.flex.items-center.justify-center.w-6.h-5::before {
    content: "" !important;
    width: 12px !important;
    height: 12px !important;
    background-color: #D32F2F !important;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z'/%3E%3C/svg%3E") no-repeat center !important;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z'/%3E%3C/svg%3E") no-repeat center !important;
    animation: rose-pulse 1.2s infinite ease-in-out !important;
}

@keyframes rose-pulse {
    0% { transform: scale(0.8); opacity: 0.5; }
    50% { transform: scale(1.2); opacity: 1; }
    100% { transform: scale(0.8); opacity: 0.5; }
}