/* 隐藏顶部装饰条，确保您的聊天框更清爽 */
[class*="bg-[#F1CBCB]"], 
[class*="bg-[#c9e1e9]"] {
    display: none !important;
}
/* 统一聊天框的背景和边框，营造林晚晴的温柔氛围——杏花粉底，花瓣暗纹 */
.bg-gray-100\/90.relative.inline-block {
    background: #FCF5ED !important; /* 暖杏底色，比绢黄更柔 */
    background-image: 
        url('data:image/svg+xml;charset=UTF-8,%3Csvg width="100" height="100" viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"%3E%3Cdefs%3E%3Cpattern id="flower" width="20" height="20" patternUnits="userSpaceOnUse"%3E%3Cpath d="M10 5 Q12 3 13 5 Q14 7 12 9 Q10 11 8 9 Q6 7 7 5 Q8 3 10 5Z" fill="none" stroke="%23D9B48B" stroke-width="0.5" opacity="0.3"/%3E%3C/pattern%3E%3C/defs%3E%3Crect width="100" height="100" fill="url(%23flower)"/%3E%3C/svg%3E'), /* 散落花瓣 */
        radial-gradient(circle at 30% 40%, rgba(255,245,235,0.6) 0%, rgba(210,180,150,0.15) 70%, transparent 100%),
        linear-gradient(145deg, rgba(235,210,180,0.2) 0%, rgba(250,235,215,0.6) 100%);
    background-size: 35px 35px, cover, cover !important;
    background-blend-mode: overlay, normal, normal !important;
    border: 10px solid #B28B6F !important; /* 淡檀色边框 */
    border-image: url('data:image/svg+xml;charset=UTF-8,%3Csvg width="100" height="100" viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"%3E%3Cdefs%3E%3Cpattern id="borderPattern" width="20" height="20" patternUnits="userSpaceOnUse"%3E%3Cpath d="M5 10 L15 10 M10 5 L10 15" stroke="%23D6A77A" stroke-width="0.8" fill="none" opacity="0.6"/%3E%3C/pattern%3E%3Cpattern id="cornerTL" width="20" height="20" patternUnits="userSpaceOnUse"%3E%3Cpath d="M0 0 L6 0 Q3 3 0 6 Z" fill="%23D6A77A" opacity="0.3"/%3E%3C/pattern%3E%3Cpattern id="cornerTR" width="20" height="20" patternUnits="userSpaceOnUse"%3E%3Cpath d="M20 0 L14 0 Q17 3 20 6 Z" fill="%23D6A77A" opacity="0.3"/%3E%3C/pattern%3E%3Cpattern id="cornerBL" width="20" height="20" patternUnits="userSpaceOnUse"%3E%3Cpath d="M0 20 L0 14 Q3 17 6 20 Z" fill="%23D6A77A" opacity="0.3"/%3E%3C/pattern%3E%3Cpattern id="cornerBR" width="20" height="20" patternUnits="userSpaceOnUse"%3E%3Cpath d="M20 20 L20 14 Q17 17 14 20 Z" fill="%23D6A77A" opacity="0.3"/%3E%3C/pattern%3E%3C/defs%3E%3Crect width="100" height="100" fill="%23B28B6F"/%3E%3Crect x="0" y="0" width="20" height="20" fill="url(%23cornerTL)"/%3E%3Crect x="80" y="0" width="20" height="20" fill="url(%23cornerTR)"/%3E%3Crect x="0" y="80" width="20" height="20" fill="url(%23cornerBL)"/%3E%3Crect x="80" y="80" width="20" height="20" fill="url(%23cornerBR)"/%3E%3Crect x="20" y="0" width="60" height="20" fill="url(%23borderPattern)"/%3E%3Crect x="0" y="20" width="20" height="60" fill="url(%23borderPattern)"/%3E%3Crect x="80" y="20" width="20" height="60" fill="url(%23borderPattern)"/%3E%3Crect x="20" y="80" width="60" height="20" fill="url(%23borderPattern)"/%3E%3C/svg%3E') 10 round !important;
    border-radius: 2px !important;
    box-shadow: 6px 6px 18px rgba(80, 60, 40, 0.25) !important;
    padding: 18px !important;
    isolation: isolate !important;
}
/* 聊天框内的文本颜色，墨色偏暖 */
.markdown-body {
    color: #3A2F28 !important; /* 暖黑 */
    font-family: "KaiTi", "华文楷体", "STKaiti", "楷体", serif !important;
    line-height: 1.75 !important;
    font-size: 16px !important;
    background: transparent !important;
    z-index: 1 !important;
    text-shadow: 0 1px 1px rgba(255, 240, 220, 0.4) !important;
}
/* 聊天框底部附加元素的颜色，采用花青色 */
.MuiButtonBase-root.MuiButton-root.MuiButton-text.MuiButton-textPrimary,
.MuiTypography-root.MuiTypography-body2.css-6c0gf2,
.text-orange-500 {
    color: #6D8B8F !important; /* 柔和的青灰色，呼应晚晴 */
    font-weight: 500 !important;
}
/* 隐藏默认的加载动画 */
.style_dot-flashing__8L91Q.style_text__zGhNq {
    display: none !important;
}
/* 为发送中的加载动画创建飘落花瓣效果 */
.flex.items-center.justify-center.w-6.h-5 {
    position: relative !important;
    overflow: visible !important;
    width: 32px !important;
    height: 32px !important;
    margin-left: 6px !important;
}
.flex.items-center.justify-center.w-6.h-5::before {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 30px;
    height: 30px;
    background-image: url('data:image/svg+xml;charset=UTF-8,%3Csvg width="30" height="30" viewBox="0 0 30 30" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M15 5 L17 10 L22 11 L18 14 L19 19 L15 16 L11 19 L12 14 L8 11 L13 10 Z" fill="none" stroke="%236D8B8F" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round" opacity="0.7"%3E%3Canimate attributeName="opacity" dur="2.5s" values="0.5;1;0.5" repeatCount="indefinite"/%3E%3C/path%3E%3Ccircle cx="15" cy="12" r="1.2" fill="%236D8B8F" opacity="0.6"%3E%3Canimate attributeName="r" dur="2s" values="1.2;1.8;1.2" repeatCount="indefinite"/%3E%3C/circle%3E%3C/svg%3E'); /* 简约花瓣，循环淡入淡出 */
    background-size: contain;
    background-repeat: no-repeat;
    animation: petalFloat 2.2s ease-in-out infinite;
    z-index: 1;
}
@keyframes petalFloat {
    0% { transform: translate(-50%, -50%) rotate(0deg) scale(0.95); opacity: 0.6; }
    50% { transform: translate(-50%, -55%) rotate(6deg) scale(1.05); opacity: 1; }
    100% { transform: translate(-50%, -50%) rotate(0deg) scale(0.95); opacity: 0.6; }
}
/* 移动端适配 */
@media (max-width: 480px) {
    .bg-gray-100\/90.relative.inline-block {
        border-width: 6px !important;
        padding: 12px !important;
    }
    .markdown-body {
        font-size: 14px !important;
    }
    .flex.items-center.justify-center.w-6.h-5 {
        width: 28px !important;
        height: 28px !important;
    }
    .flex.items-center.justify-center.w-6.h-5::before {
        width: 26px;
        height: 26px;
    }
}
/* 低动效模式下降低动画频率 */
@media (prefers-reduced-motion: reduce) {
    .flex.items-center.justify-center.w-6.h-5::before {
        animation-duration: 4s;
    }
}