/* ==================== 基础设置 ==================== */
* {
    font-family: "Microsoft YaHei", "微软雅黑", sans-serif !important;
        /* 如果想用像素字体，把上面这行改成下面这行： */
            /* font-family: "Cubic 11", "DotGothic16", "Press Start 2P", monospace !important; */
            }

            /* 整体背景 - 粉色渐变 + 花纹 */
            body, .grow.overflow-hidden {
                background: linear-gradient(135deg, #ffd1dc 0%, #ffb3d9 50%, #ffc8dd 100%) !important;
                    position: relative;
                    }

                    /* 添加花纹背景 */
                    body::before {
                        content: "";
                            position: fixed;
                                top: 0;
                                    left: 0;
                                        width: 100%;
                                            height: 100%;
                                                background-image: 
                                                        repeating-linear-gradient(45deg, transparent, transparent 35px, rgba(255,255,255,.1) 35px, rgba(255,255,255,.1) 70px),
                                                                repeating-linear-gradient(-45deg, transparent, transparent 35px, rgba(255,192,203,.1) 35px, rgba(255,192,203,.1) 70px);
                                                                    pointer-events: none;
                                                                        z-index: 1;
                                                                        }

                                                                        /* ==================== 侧边栏样式 ==================== */
                                                                        .relative.overflow-auto.h-full.min-h-\[500px\].min-w-\[240px\].bg-white {
                                                                            background: linear-gradient(180deg, #fff0f5 0%, #ffe4e9 100%) !important;
                                                                                box-shadow: 2px 0 20px rgba(255, 182, 193, 0.3) !important;
                                                                                    border-right: 2px solid #ffb6c1 !important;
                                                                                    }

                                                                                    /* 侧边栏标题 */
                                                                                    .text-zinc-800.text-xl.font-semibold {
                                                                                        color: #ff69b4 !important;
                                                                                            text-shadow: 2px 2px 4px rgba(255, 105, 180, 0.3);
                                                                                            }

                                                                                            /* ==================== 按钮样式 ==================== */
                                                                                            .MuiButton-outlined {
                                                                                                background: linear-gradient(135deg, #ffb3d9 0%, #ff9eca 100%) !important;
                                                                                                    border: 2px solid #ff69b4 !important;
                                                                                                        color: #fff !important;
                                                                                                            font-weight: bold !important;
                                                                                                                transition: all 0.3s ease !important;
                                                                                                                    box-shadow: 0 4px 8px rgba(255, 105, 180, 0.3) !important;
                                                                                                                    }

                                                                                                                    .MuiButton-outlined:hover {
                                                                                                                        background: linear-gradient(135deg, #ff9eca 0%, #ff69b4 100%) !important;
                                                                                                                            transform: translateY(-2px) !important;
                                                                                                                                box-shadow: 0 6px 12px rgba(255, 105, 180, 0.4) !important;
                                                                                                                                }

                                                                                                                                /* ==================== 对话列表 ==================== */
                                                                                                                                /* 选中的对话 */
                                                                                                                                .MuiStack-root.css-v6pit4,
                                                                                                                                .bg-gray-100.bg-gray-100 {
                                                                                                                                    background: linear-gradient(90deg, #ffb3d9 0%, #ffc8dd 100%) !important;
                                                                                                                                        border-left: 4px solid #ff69b4 !important;
                                                                                                                                            box-shadow: 0 2px 8px rgba(255, 105, 180, 0.2) !important;
                                                                                                                                            }

                                                                                                                                            /* 未选中的对话 */
                                                                                                                                            .MuiStack-root.css-hffw0f {
                                                                                                                                                background: linear-gradient(90deg, #fff0f5 0%, #ffe4e9 100%) !important;
                                                                                                                                                    transition: all 0.3s ease !important;
                                                                                                                                                    }

                                                                                                                                                    .MuiStack-root.css-hffw0f:hover {
                                                                                                                                                        background: linear-gradient(90deg, #ffd1dc 0%, #ffb3d9 100%) !important;
                                                                                                                                                            transform: translateX(5px) !important;
                                                                                                                                                            } 
                                                                                                                                                            /* ==================== 聊天消息气泡 ==================== */
                                                                                                                                                            /* 用户消息 */
                                                                                                                                                            .relative.inline-block.px-4.py-3.max-w-full.text-gray-900.bg-gray-100\/90 {
                                                                                                                                                                background: linear-gradient(135deg, #ffb3d9 0%, #ffc8dd 100%) !important;
                                                                                                                                                                    border: 2px solid #ffb6c1 !important;
                                                                                                                                                                        box-shadow: 0 4px 12px rgba(255, 105, 180, 0.3) !important;
                                                                                                                                                                            position: relative;
                                                                                                                                                                            }

                                                                                                                                                                            /* 添加小花纹装饰到消息气泡 */
                                                                                                                                                                            .relative.inline-block.px-4.py-3.max-w-full.text-gray-900.bg-gray-100\/90::before {
                                                                                                                                                                                content: "✿";
                                                                                                                                                                                    position: absolute;
                                                                                                                                                                                        top: -10px;
                                                                                                                                                                                            right: 10px;
                                                                                                                                                                                                font-size: 20px;
                                                                                                                                                                                                    color: #ff69b4;
                                                                                                                                                                                                        opacity: 0.6;
                                                                                                                                                                                                        }

                                                                                                                                                                                                        /* AI回复消息 */
                                                                                                                                                                                                        .chat-answer-container .relative.inline-block {
                                                                                                                                                                                                            background: linear-gradient(135deg, #fff0f5 0%, #ffe4e9 100%) !important;
                                                                                                                                                                                                                border: 2px solid #ffb6c1 !important;
                                                                                                                                                                                                                    box-shadow: 0 4px 12px rgba(255, 192, 203, 0.3) !important;
                                                                                                                                                                                                                    }

                                                                                                                                                                                                                    /* ==================== 输入框区域 ==================== */
                                                                                                                                                                                                                    #ai-chat-input {
                                                                                                                                                                                                                        background: linear-gradient(135deg, #fff0f5 0%, #ffffff 100%) !important;
                                                                                                                                                                                                                            border: 2px solid #ffb6c1 !important;
                                                                                                                                                                                                                                color: #ff69b4 !important;
                                                                                                                                                                                                                                    font-weight: 500 !important;
                                                                                                                                                                                                                                    }

                                                                                                                                                                                                                                    .p-\[5\.5px\].max-h-\[150px\].bg-white {
                                                                                                                                                                                                                                        background: linear-gradient(180deg, #fff0f5 0%, #ffe4e9 100%) !important;
                                                                                                                                                                                                                                            border: 2px solid #ff69b4 !important;
                                                                                                                                                                                                                                                box-shadow: 0 4px 15px rgba(255, 105, 180, 0.3) !important;
                                                                                                                                                                                                                                                }

                                                                                                                                                                                                                                                /* 输入框placeholder */
                                                                                                                                                                                                                                                #ai-chat-input::placeholder {
                                                                                                                                                                                                                                                    color: #ffb3d9 !important;
                                                                                                                                                                                                                                                        opacity: 0.7;
                                                                                                                                                                                                                                                        }

                                                                                                                                                                                                                                                        /* ==================== 发送按钮 ==================== */
                                                                                                                                                                                                                                                        #ai-send-button {
                                                                                                                                                                                                                                                            background: linear-gradient(135deg, #ff69b4 0%, #ff1493 100%) !important;
                                                                                                                                                                                                                                                                border-radius: 50% !important;
                                                                                                                                                                                                                                                                    transition: all 0.3s ease !important;
                                                                                                                                                                                                                                                                    }

                                                                                                                                                                                                                                                                    #ai-send-button:hover {
                                                                                                                                                                                                                                                                        transform: scale(1.1) rotate(15deg) !important;
                                                                                                                                                                                                                                                                            box-shadow: 0 0 20px rgba(255, 20, 147, 0.6) !important;
                                                                                                                                                                                                                                                                            }

                                                                                                                                                                                                                                                                            /* ==================== 顶部导航栏 ==================== */
                                                                                                                                                                                                                                                                            .sticky.w-full.top-0 {
                                                                                                                                                                                                                                                                                background: linear-gradient(90deg, #ffd1dc 0%, #ffb3d9 50%, #ffc8dd 100%) !important;
                                                                                                                                                                                                                                                                                    border-bottom: 3px solid #ff69b4 !important;
                                                                                                                                                                                                                                                                                        backdrop-filter: blur(10px) !important;
                                                                                                                                                                                                                                                                                        }

                                                                                                                                                                                                                                                                                        /* ==================== 滚动条美化 ==================== */
                                                                                                                                                                                                                                                                                        ::-webkit-scrollbar {
                                                                                                                                                                                                                                                                                            width: 10px;
                                                                                                                                                                                                                                                                                                height: 10px;
                                                                                                                                                                                                                                                                                                }

                                                                                                                                                                                                                                                                                                ::-webkit-scrollbar-track {
                                                                                                                                                                                                                                                                                                    background: #fff0f5;
                                                                                                                                                                                                                                                                                                        border-radius: 10px;
                                                                                                                                                                                                                                                                                                        }

                                                                                                                                                                                                                                                                                                        ::-webkit-scrollbar-thumb {
                                                                                                                                                                                                                                                                                                            background: linear-gradient(180deg, #ffb3d9 0%, #ff69b4 100%);
                                                                                                                                                                                                                                                                                                                border-radius: 10px;
                                                                                                                                                                                                                                                                                                                    border: 2px solid #fff0f5;
                                                                                                                                                                                                                                                                                                                    }

                                                                                                                                                                                                                                                                                                                    ::-webkit-scrollbar-thumb:hover {
                                                                                                                                                                                                                                                                                                                        background: linear-gradient(180deg, #ff69b4 0%, #ff1493 100%);
                                                                                                                                                                                                                                                                                                                        }

                                                                                                                                                                                                                                                                                                                        /* ==================== 额外的花纹装饰 ==================== */
                                                                                                                                                                                                                                                                                                                        /* 给主聊天区域添加樱花图案 */
                                                                                                                                                                                                                                                                                                                        .chat-container::before {
                                                                                                                                                                                                                                                                                                                            content: "🌸 ❀ ✿ ❁ 🌸";
                                                                                                                                                                                                                                                                                                                                position: fixed;
                                                                                                                                                                                                                                                                                                                                    top: 50%;
                                                                                                                                                                                                                                                                                                                                        left: 50%;
                                                                                                                                                                                                                                                                                                                                            transform: translate(-50%, -50%);
                                                                                                                                                                                                                                                                                                                                                font-size: 200px;
                                                                                                                                                                                                                                                                                                                                                    opacity: 0.03;
                                                                                                                                                                                                                                                                                                                                                        pointer-events: none;
                                                                                                                                                                                                                                                                                                                                                            z-index: 0;
                                                                                                                                                                                                                                                                                                                                                                letter-spacing: 50px;
                                                                                                                                                                                                                                                                                                                                                                }