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

/* 统一聊天框基础样式：草莓香草奶油质感 */
.bg-gray-100\/90.relative.inline-block {
    background: linear-gradient(135deg, #FFF0F5 0%, #FFF8DC 100%) !important;
    border: 2px solid #FFD1DC !important;
    border-radius: 24px !important;
    box-shadow: 0 8px 20px rgba(255, 182, 193, 0.3), inset 0 3px 6px rgba(255, 255, 255, 0.8) !important;
    padding: 20px 24px !important;
    position: relative !important;
    isolation: isolate !important;
    transition: all 0.3s ease !important;
}

/* 模拟糖霜光泽滑过的背景微动效 */
.bg-gray-100\/90.relative.inline-block::before {
    content: "" !important;
    position: absolute !important;
    top: 0; left: 0; right: 0; bottom: 0;
    border-radius: inherit !important;
    background: linear-gradient(45deg, transparent 40%, rgba(255, 255, 255, 0.6) 50%, transparent 60%) !important;
    background-size: 200% 200% !important;
    z-index: 0 !important;
    pointer-events: none !important;
    animation: sugarGlazeShine 4s linear infinite !important;
}

@keyframes sugarGlazeShine {
    0% { background-position: 200% 0; }
    100% { background-position: -200% 0; }
}

/* 聊天框内的主要文本内容：【强制高对比度】深巧克力色，确保在浅色背景上绝对可读 */
.markdown-body {
    color: #5C3A21 !important; 
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
    font-weight: bold !important;
    line-height: 1.75 !important;
    z-index: 1 !important;
    background: transparent !important;
    text-shadow: none !important; /* 严禁文字阴影以保可读性 */
}

/* 底部附加元素：操作按钮、模型名称、Token消耗，使用果酱红作为点缀 */
.MuiButtonBase-root.MuiButton-root.MuiButton-text.MuiButton-textPrimary,
.MuiTypography-root.MuiTypography-body2.css-6c0gf2,
.text-orange-500 {
    color: #D47A8A !important; 
    font-weight: bold !important;
    transition: all 0.2s ease !important;
}

.MuiButtonBase-root.MuiButton-root.MuiButton-text.MuiButton-textPrimary:hover {
    background-color: #FFE4E1 !important;
    color: #C25970 !important;
    border-radius: 12px !important;
}

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

/* 自定义SVG加载动效：草莓、香草、薄荷三色马卡龙跳动 (SMIL动画) */
.flex.items-center.justify-center.w-6.h-5 {
    position: relative !important;
}

.flex.items-center.justify-center.w-6.h-5::before {
    content: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><circle cx="5" cy="12" r="3" fill="%23FFB6C1"><animate attributeName="cy" values="14;8;14" dur="1s" repeatCount="indefinite" begin="0s" /></circle><circle cx="12" cy="12" r="3" fill="%23F3E5AB"><animate attributeName="cy" values="14;8;14" dur="1s" repeatCount="indefinite" begin="0.15s" /></circle><circle cx="19" cy="12" r="3" fill="%2398FB98"><animate attributeName="cy" values="14;8;14" dur="1s" repeatCount="indefinite" begin="0.3s" /></circle></svg>') !important;
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
}

/* 移动端与低动效适配 */
@media(max-width:480px) {
    .bg-gray-100\/90.relative.inline-block {
        padding: 16px !important;
        border-radius: 18px !important;
    }
}

@media(prefers-reduced-motion:reduce) {
    .bg-gray-100\/90.relative.inline-block::before {
        animation-duration: 15s !important;
        background-position: 0 0 !important;
    }
}

/* ====== 甜品店主题：全局字体与基础色调设定 ====== */
/* 强制使用圆润可爱的UI字体 */
* { font-family: 'Comic Sans MS', 'Nunito', 'Microsoft YaHei', sans-serif !important; }

/* ====== 顶部栏 (甜美奶油顶) ====== */
.sticky.w-full.top-0.flex.items-center {
    background: linear-gradient(135deg, #FFB6C1 0%, #FFC0CB 100%) !important;
    border-bottom: 2px dashed #FF69B4 !important;
    box-shadow: 0 4px 15px rgba(255, 105, 180, 0.3) !important;
}
/* 模型选择器 - 类似白色小马卡龙 */
#ai-model-selector .group.flex.items-center {
    background-color: rgba(255, 255, 255, 0.7) !important;
    border-radius: 20px !important;
    border: 1px solid #FF69B4 !important;
    transition: all 0.3s ease !important;
}
#ai-model-selector .group.flex.items-center:hover {
    background-color: rgba(255, 255, 255, 0.9) !important;
    box-shadow: 0 0 8px rgba(255, 105, 180, 0.5) !important;
}
/* 顶部栏文字与图标统一为焦糖/深棕色确保极佳可读性 */
#ai-model-selector .truncate.text-\[13px\], 
#ai-model-selector .shrink-0.flex.items-center svg,
.sticky.w-full.top-0 svg.lucide-clock-8,
.sticky.w-full.top-0 svg:has(use[href="#icon-icon-set"]),
#header-setting-button svg,
.sticky.w-full.top-0 button.MuiIconButton-root svg.lucide-music-2 {
    color: #5C4033 !important;
    fill: #5C4033 !important;
}
/* 消息未读小红点(草莓点缀) */
.sticky.w-full.top-0 span.MuiBadge-dot.md\:hidden {
    background-color: #FF1493 !important;
}

/* ====== 开场白选择器 (草莓切片) ====== */
div.flex.items-center.h-9.bg-white.rounded-md.cursor-pointer.group[class*="border-gray"] {
    background-color: #FFF0F5 !important;
    border: 1px solid #FF69B4 !important;
    border-radius: 12px !important;
}
div.flex.items-center.h-9.bg-white.rounded-md.cursor-pointer.group[class*="border-gray"]:hover {
    background-color: #FFE4E1 !important;
    border-color: #FF1493 !important;
}

/* ====== 按钮栏 (多彩马卡龙) ====== */
#ai-mod-button2 button.MuiButton-root {
    background: linear-gradient(to bottom, #FFF, #FFF0F5) !important;
    border: 1px solid #FFB6C1 !important;
    border-radius: 15px !important;
    color: #DB7093 !important;
    box-shadow: 0 2px 5px rgba(255, 182, 193, 0.4) !important;
    transition: transform 0.2s, box-shadow 0.2s !important;
}
#ai-mod-button2 button.MuiButton-root:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 8px rgba(255, 105, 180, 0.5) !important;
    background: #FFF5EE !important;
}
#ai-mod-button2 button.MuiButton-root svg {
    color: #FF69B4 !important;
}

/* ====== 底部栏 (奶油托盘) ====== */
.bg-gradient-to-t {
    background: linear-gradient(to top, rgba(255,240,245,1) 0%, rgba(255,255,255,0) 100%) !important;
}
#ai-chat-bottom-input {
    background-color: #FFF !important;
    border: 2px solid #FFC0CB !important;
    border-radius: 25px !important;
    box-shadow: 0 5px 15px rgba(255, 182, 193, 0.3) !important;
}
#ai-chat-input {
    color: #5C4033 !important; /* 焦糖色输入文字 */
}
#ai-chat-input::placeholder {
    color: #DB7093 !important;
    opacity: 0.7 !important;
}
#ai-chat-input::selection {
    background-color: #FF69B4 !important;
    color: #FFF !important;
}

/* ====== 分页栏 (草莓硬糖) ====== */
.MuiPaginationItem-root {
    color: #DB7093 !important;
    border-color: #FFC0CB !important;
    background-color: transparent !important;
}
.MuiPaginationItem-root.Mui-selected {
    background-color: #FF69B4 !important;
    color: #FFF !important;
    border-color: #FF69B4 !important;
}
.MuiPaginationItem-root:hover {
    background-color: #FFF0F5 !important;
}
.MuiStack-root.css-1uwir8f .MuiBox-root,
.MuiInputBase-input {
    color: #5C4033 !important;
}

/* ====== 评论区 (香草草莓慕斯) ====== */
/* 背景与分割线 */
div[class*="w-full"][class*="bg-white"][class*="bottom-0"] {
    background-color: #FFF5EE !important; /* 香草奶油底色 */
    background-image: linear-gradient(180deg, #FFF5EE 0%, #FFF0F5 100%) !important;
    border-top: 3px dashed #FFB6C1 !important;
}
div.style_divider__mW0YX {
    border-color: #FFC0CB !important;
    opacity: 0.5 !important;
}
/* 字体颜色重置为焦糖/深灰以确保在浅色背景上的绝对可读 */
div.text-lg.font-bold, 
div.text-sm.text-grey-600 span.font-bold,
div.break-all {
    color: #4A3525 !important; 
}
p.MuiTypography-body1.text-grey-600,
div.text-xs.text-grey-600 {
    color: #8B5A2B !important; 
}
/* 评分系统 (草莓星星) */
span.MuiRating-iconEmpty svg { color: #FFC0CB !important; }
span.MuiRating-iconFilled svg { color: #FF1493 !important; }
span.text-orange-500 { color: #FF69B4 !important; font-weight: bold !important; }
/* 评论输入框 */
div.flex.flex-col.border-gray-200 {
    border: 2px solid #FFB6C1 !important;
    border-radius: 15px !important;
    background-color: #FFF !important;
}
textarea.rc-textarea {
    color: #5C4033 !important;
}
div.bg-gray-100.text-gray-500 {
    background-color: #FFF0F5 !important;
    color: #DB7093 !important;
}
/* 发送按钮 */
div.cursor-pointer.group.flex.items-center.justify-center {
    background-color: #FF69B4 !important;
    border-radius: 50% !important;
    transition: transform 0.2s !important;
}
div.cursor-pointer.group.flex.items-center.justify-center:hover {
    transform: scale(1.1) !important;
    background-color: #FF1493 !important;
}
div[data-state="closed"] svg[data-icon="Send03"] {
    color: #FFF !important;
}
/* 排序按钮 */
button.MuiButton-containedPrimary {
    background-color: #FF69B4 !important;
    color: #FFF !important;
}
button.MuiButton-outlinedPrimary {
    color: #FF69B4 !important;
    border-color: #FF69B4 !important;
}
/* 用户头像装饰 */
div.group img.rounded-full {
    border: 2px solid #FFB6C1 !important;
    padding: 2px !important;
    background-color: #FFF !important;
}
/* 互动按钮(点赞/回复) */
button.text-gray-400:hover, 
button.text-gray-400:hover svg,
span.cursor-pointer:hover {
    color: #FF1493 !important;
    text-shadow: 0 0 5px rgba(255,20,147,0.3) !important;
}