/* ============================================
   😈 雌小鬼风格 👿
   意境：得意洋洋的小恶魔，翘着腿坐在高处，
   用轻蔑的眼神俯视着你，嘴角挂着恶作剧的微笑，
   裙摆下若隐若现，嘴上说着“杂鱼~杂鱼~”
   但偶尔也会露出害羞的一面…才不是为你了呢！
   ============================================ */

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

/* 2. 聊天框主体：紫黑基底 + 品红边框 + 锯齿感 */
.bg-gray-100\/90.relative.inline-block {
    background: #1A1028 !important; /* 暗紫色基底 */
    border: 2px solid #FF43A4 !important; /* 亮品红边框 */
    border-radius: 4px !important; /* 锐利棱角 */
    box-shadow:
        0 0 0 1px #FF1493,                          /* 内层亮粉 */
        0 0 0 3px rgba(255, 67, 164, 0.5),          /* 品红光晕 */
        0 0 0 5px rgba(138, 43, 226, 0.4),          /* 蓝紫外层 */
        0 12px 32px rgba(0, 0, 0, 0.7),
        inset 0 0 50px rgba(255, 20, 147, 0.2) !important; /* 粉紫内光 */
    isolation: isolate !important;
    overflow: hidden !important;
    transition: all 0.3s ease !important;
}

/* 3. 背景动效：彩色糖果碎屑 + 小恶魔角 + 星星 */
.bg-gray-100\/90.relative.inline-block::before {
    content: "" !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25'%3E%3Cdefs%3E%3CradialGradient id='g1'%3E%3Cstop offset='0%25' stop-color='%23FF69B4' stop-opacity='0.2'/%3E%3Cstop offset='100%25' stop-color='%23FF69B4' stop-opacity='0'/%3E%3C/radialGradient%3E%3CradialGradient id='g2'%3E%3Cstop offset='0%25' stop-color='%239B59B6' stop-opacity='0.15'/%3E%3Cstop offset='100%25' stop-color='%239B59B6' stop-opacity='0'/%3E%3C/radialGradient%3E%3C/defs%3E%3C!-- 浮动的光团1 --%3E%3Ccircle cx='20%25' cy='30%25' r='120' fill='url(%23g1)'%3E%3Canimate attributeName='cx' values='20%25;70%25;20%25' dur='10s' repeatCount='indefinite'/%3E%3Canimate attributeName='cy' values='30%25;60%25;30%25' dur='12s' repeatCount='indefinite'/%3E%3C/circle%3E%3C!-- 浮动的光团2 --%3E%3Ccircle cx='80%25' cy='70%25' r='100' fill='url(%23g2)'%3E%3Canimate attributeName='cx' values='80%25;30%25;80%25' dur='14s' repeatCount='indefinite'/%3E%3Canimate attributeName='cy' values='70%25;40%25;70%25' dur='9s' repeatCount='indefinite'/%3E%3C/circle%3E%3C!-- 小星星1 --%3E%3Ctext x='15%25' y='20%25' font-size='18' fill='%23FFD700' opacity='0'%3E%E2%9C%A8%3Canimate attributeName='opacity' values='0;0.8;0' dur='3s' begin='0s' repeatCount='indefinite'/%3E%3C/text%3E%3C!-- 小星星2 --%3E%3Ctext x='75%25' y='30%25' font-size='14' fill='%23FF69B4' opacity='0'%3E%E2%AD%90%3Canimate attributeName='opacity' values='0;0.7;0' dur='4s' begin='1s' repeatCount='indefinite'/%3E%3C/text%3E%3C!-- 小星星3 --%3E%3Ctext x='35%25' y='75%25' font-size='16' fill='%23FFD700' opacity='0'%3E%E2%9C%A8%3Canimate attributeName='opacity' values='0;0.6;0' dur='3.5s' begin='2s' repeatCount='indefinite'/%3E%3C/text%3E%3C!-- 小星星4 --%3E%3Ctext x='85%25' y='55%25' font-size='12' fill='%23FFB6C1' opacity='0'%3E%F0%9F%92%96%3Canimate attributeName='opacity' values='0;0.5;0' dur='5s' begin='0.5s' repeatCount='indefinite'/%3E%3C/text%3E%3C!-- 小星星5 --%3E%3Ctext x='10%25' y='60%25' font-size='20' fill='%239B59B6' opacity='0'%3E%F0%9F%92%9C%3Canimate attributeName='opacity' values='0;0.9;0' dur='2.5s' begin='3s' repeatCount='indefinite'/%3E%3C/text%3E%3C!-- 小星星6 --%3E%3Ctext x='55%25' y='15%25' font-size='15' fill='%23FF1493' opacity='0'%3E%F0%9F%92%95%3Canimate attributeName='opacity' values='0;0.7;0' dur='4.5s' begin='1.5s' repeatCount='indefinite'/%3E%3C/text%3E%3C/svg%3E") !important;
    background-size: cover !important;
    z-index: 0 !important;
    pointer-events: none !important;
}

/* 4. 核心文本：亮白偏粉，加发光效果 */
.markdown-body {
    color: #FFF0F5 !important; /* 薰衣草白 */
    font-weight: 500 !important;
    position: relative !important;
    z-index: 1 !important;
    background: transparent !important;
    text-shadow:
        0 1px 2px rgba(0, 0, 0, 0.5),
        0 0 10px rgba(255, 105, 180, 0.3) !important;
}

/* 5. 底部按钮/标签：亮品红 */
.MuiButtonBase-root.MuiButton-root.MuiButton-text.MuiButton-textPrimary,
.MuiTypography-root.MuiTypography-body2.css-6c0gf2,
.text-orange-500 {
    color: #FF69B4 !important;
    position: relative !important;
    z-index: 1 !important;
}

/* 6. 隐藏默认加载动画 */
.style-module__AtdJSq__dot-flashing.style-module__AtdJSq__text {
    display: none !important;
}

/* 7. 自定义加载动画：😈 杂鱼~杂鱼~ 在看着你呢 ♡ */
.flex.items-center.justify-center.w-6.h-5 {
    position: relative !important;
    width: 260px !important;
    height: 34px !important;
    margin: 0 auto !important;
}
.flex.items-center.justify-center.w-6.h-5::before {
    content: "" !important;
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    width: 260px !important;
    height: 34px !important;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='260' height='34' viewBox='0 0 260 34'%3E%3Cdefs%3E%3Cfilter id='glow'%3E%3CfeGaussianBlur stdDeviation='1.5' result='blur'/%3E%3CfeMerge%3E%3CfeMergeNode in='blur'/%3E%3CfeMergeNode in='SourceGraphic'/%3E%3C/feMerge%3E%3C/filter%3E%3C/defs%3E%3Ctext x='50%25' y='50%25' dominant-baseline='middle' text-anchor='middle' font-family='sans-serif' font-size='15' fill='%23FF69B4' filter='url(%23glow)'%3E%F0%9F%98%88 %E6%9D%82%E9%B1%BC~%E6%9D%82%E9%B1%BC~ %E5%9C%A8%E7%9C%8B%E7%9D%80%E4%BD%A0%E5%91%A2 %E2%99%A1%3Canimate attributeName='opacity' values='0.3;1;0.3' dur='1.4s' repeatCount='indefinite'/%3E%3C/text%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
}

/* 8. 移动端适配 */
@media (max-width: 480px) {
    .bg-gray-100\/90.relative.inline-block {
        border-radius: 2px !important;
        border-width: 1.5px !important;
        box-shadow:
            0 0 0 1px #FF1493,
            0 0 0 2px rgba(255, 67, 164, 0.5),
            0 6px 18px rgba(0, 0, 0, 0.7),
            inset 0 0 30px rgba(255, 20, 147, 0.15) !important;
    }
    .flex.items-center.justify-center.w-6.h-5 {
        width: 200px !important;
        height: 30px !important;
    }
    .flex.items-center.justify-center.w-6.h-5::before {
        width: 200px !important;
        height: 30px !important;
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='30' viewBox='0 0 200 30'%3E%3Cdefs%3E%3Cfilter id='glow'%3E%3CfeGaussianBlur stdDeviation='1.2' result='blur'/%3E%3CfeMerge%3E%3CfeMergeNode in='blur'/%3E%3CfeMergeNode in='SourceGraphic'/%3E%3C/feMerge%3E%3C/filter%3E%3C/defs%3E%3Ctext x='50%25' y='50%25' dominant-baseline='middle' text-anchor='middle' font-family='sans-serif' font-size='13' fill='%23FF69B4' filter='url(%23glow)'%3E%F0%9F%98%88 %E6%9D%82%E9%B1%BC~%E6%9D%82%E9%B1%BC~ %E2%99%A1%3Canimate attributeName='opacity' values='0.3;1;0.3' dur='1.4s' repeatCount='indefinite'/%3E%3C/text%3E%3C/svg%3E") !important;
    }
}

/* 9. 低动效模式：静态小恶魔 */
@media (prefers-reduced-motion: reduce) {
    .bg-gray-100\/90.relative.inline-block::before {
        opacity: 0.5 !important;
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25'%3E%3Cdefs%3E%3CradialGradient id='g1'%3E%3Cstop offset='0%25' stop-color='%23FF69B4' stop-opacity='0.15'/%3E%3Cstop offset='100%25' stop-color='%23FF69B4' stop-opacity='0'/%3E%3C/radialGradient%3E%3C/defs%3E%3Ccircle cx='20%25' cy='30%25' r='120' fill='url(%23g1)'/%3E%3Ccircle cx='80%25' cy='70%25' r='100' fill='url(%23g1)'/%3E%3Ctext x='15%25' y='20%25' font-size='18' fill='%23FFD700'%3E%E2%9C%A8%3C/text%3E%3Ctext x='75%25' y='30%25' font-size='14' fill='%23FF69B4'%3E%E2%AD%90%3C/text%3E%3Ctext x='35%25' y='75%25' font-size='16' fill='%23FFD700'%3E%E2%9C%A8%3C/text%3E%3Ctext x='85%25' y='55%25' font-size='12' fill='%23FFB6C1'%3E%F0%9F%92%96%3C/text%3E%3Ctext x='10%25' y='60%25' font-size='20' fill='%239B59B6'%3E%F0%9F%92%9C%3C/text%3E%3C/svg%3E") !important;
    }
    .flex.items-center.justify-center.w-6.h-5::before {
        animation: none !important;
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='260' height='34' viewBox='0 0 260 34'%3E%3Cdefs%3E%3Cfilter id='glow'%3E%3CfeGaussianBlur stdDeviation='1.5' result='blur'/%3E%3CfeMerge%3E%3CfeMergeNode in='blur'/%3E%3CfeMergeNode in='SourceGraphic'/%3E%3C/feMerge%3E%3C/filter%3E%3C/defs%3E%3Ctext x='50%25' y='50%25' dominant-baseline='middle' text-anchor='middle' font-family='sans-serif' font-size='15' fill='%23FF69B4' filter='url(%23glow)'%3E%F0%9F%98%88 %E6%9D%82%E9%B1%BC~%E6%9D%82%E9%B1%BC~ %E5%9C%A8%E7%9C%8B%E7%9D%80%E4%BD%A0%E5%91%A2 %E2%99%A1%3C/text%3E%3C/svg%3E") !important;
    }
}