/* =========================================
   粉色少女系全动态美化方案 (Pink Maiden Theme)
   ========================================= */

/* 1. 界面净化：移除顶部默认颜色条 */
[class*="bg-[#F1CBCB]"], 
[class*="bg-[#c9e1e9]"] {
    display: none !important;
}

/* 2. 聊天框主体美化 (输入与输出统一) */
.bg-gray-100\/90.relative.inline-block {
    /* 动态流光渐变背景 */
    background: linear-gradient(135deg, #fff0f5 0%, #ffe4e1 50%, #ffc0cb 100%) !important;
    background-size: 200% 200% !important;
    animation: pinkFlow 4s ease infinite !important;
    
    /* 边框与柔光阴影 */
    border: 2px solid #ffb7c5 !important;
    border-radius: 18px !important;
    box-shadow: 0 5px 15px rgba(255, 105, 180, 0.25) !important;
    
    /* 交互动效 */
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
}

/* 鼠标悬停时的灵动反馈 */
.bg-gray-100\/90.relative.inline-block:hover {
    transform: scale(1.015) translateY(-2px) !important;
    box-shadow: 0 8px 20px rgba(255, 105, 180, 0.35) !important;
    border-color: #ff69b4 !important;
}

/* 背景流动动画定义 */
@keyframes pinkFlow {
    0% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
    100% { background-position: 0% 50%; }
}

/* 3. 核心文本可读性保障 (Absolute Readability) */
/* 配合浅粉色背景，强制使用深玫红/褐色字体 */
.markdown-body {
    color: #5c1838 !important; /* 深浆果色，高对比度 */
    font-family: 'Nunito', 'Segoe UI', system-ui, sans-serif !important;
    font-weight: 600 !important; /* 适当加粗提升清晰度 */
    text-shadow: none !important; /* 禁止模糊阴影 */
    line-height: 1.6 !important;
}

/* 底部操作按钮与信息栏颜色适配 */
.MuiButtonBase-root.MuiButton-root.MuiButton-text.MuiButton-textPrimary,
.MuiTypography-root.MuiTypography-body2.css-6c0gf2,
.text-orange-500 {
    color: #8b3a5b !important; /* 深粉褐色 */
    opacity: 0.9 !important;
}

/* 4. “少女祈祷中” 加载动画定制 (Loading Animation) */

/* 隐藏原始加载点 */
.style_dot-flashing__8L91Q.style_text__zGhNq {
    display: none !important;
}

/* 重塑加载容器尺寸以容纳文字 */
.flex.items-center.justify-center.w-6.h-5 {
    width: 130px !important; /* 强制拓宽宽度 */
    height: 40px !important;
    position: relative !important;
    background: transparent !important;
    margin: 0 auto !important; /* 居中 */
}

/* 使用伪元素植入SVG动画文字 */
.flex.items-center.justify-center.w-6.h-5::before {
    content: '' !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    
    /* SVG Data URI: 绘制深粉色文字 */
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='130' height='40' viewBox='0 0 130 40'%3E%3Ctext x='50%25' y='50%25' dominant-baseline='middle' text-anchor='middle' fill='%23db4c93' font-weight='bold' font-family='sans-serif' font-size='15'%3E✨少女祈祷中...%3C/text%3E%3C/svg%3E") !important;
    
    background-repeat: no-repeat !important;
    background-position: center !important;
    
    /* 文字呼吸跳动动画 */
    animation: maidenPray 1.2s ease-in-out infinite alternate !important;
}

/* 加载文字的动态效果 */
@keyframes maidenPray {
    0% {
        transform: translateY(0) scale(0.95);
        opacity: 0.7;
    }
    100% {
        transform: translateY(-3px) scale(1.05);
        opacity: 1;
    }
}