/* --- 清淡写实风：化妆盒与粉扑模型选择器 --- */

/* 主容器：打造圆润的珠光化妆盒外壳 */
#ai-model-selector .group.flex.items-center {
    /* 清淡的珠光粉白渐变背景 */
    background: linear-gradient(135deg, #ffffff 0%, #fdf5f6 40%, #fae8ea 100%) !important;
    border: 1px solid #f2d8da !important;
    border-radius: 30px !important; /* 经典的圆润粉饼盒造型 */
    /* 利用多层内阴影塑造真实的3D立体体积感 */
    box-shadow: 
        inset 0 3px 5px rgba(255, 255, 255, 1), 
        inset 0 -3px 6px rgba(230, 200, 205, 0.4), 
        0 4px 10px rgba(0, 0, 0, 0.04) !important;
    position: relative !important;
    padding: 6px 16px 6px 12px !important; /* 调整内边距容纳伪元素 */
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
}

/* 悬浮效果：模拟拿起化妆盒时的光影变化 */
#ai-model-selector .group.flex.items-center:hover {
    box-shadow: 
        inset 0 3px 6px rgba(255, 255, 255, 1), 
        inset 0 -3px 6px rgba(230, 200, 205, 0.6), 
        0 6px 14px rgba(220, 180, 185, 0.15) !important;
    transform: translateY(-1px) !important;
}

/* 伪元素 1 (右侧)：写实的金属开合卡扣 */
#ai-model-selector .group.flex.items-center::before {
    content: '' !important;
    position: absolute !important;
    right: -3px !important; /* 卡扣微微凸出边缘 */
    top: 50% !important;
    transform: translateY(-50%) !important;
    width: 5px !important;
    height: 16px !important;
    /* 银色与玫瑰金交织的金属反光质感 */
    background: linear-gradient(to bottom, #fdfbfb 0%, #ebedee 30%, #e2d1d3 70%, #fdfbfb 100%) !important;
    border-radius: 4px !important;
    border: 1px solid #dcb5b8 !important;
    box-shadow: -1px 0 2px rgba(255,255,255,0.8), 1px 2px 3px rgba(0,0,0,0.08) !important;
}

/* 伪元素 2 (左侧)：具象写实的立体小粉扑 */
#ai-model-selector .group.flex.items-center::after {
    content: '' !important;
    position: absolute !important;
    left: 8px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    width: 16px !important;
    height: 16px !important;
    /* 粉扑的基底立体感 */
    background-color: #fffafb !important;
    border-radius: 50% !important;
    /* 利用双层径向渐变叠加，画出粉扑表面的绒毛颗粒纹理 */
    background-image: 
        radial-gradient(circle at 30% 30%, rgba(255,255,255,0.9) 0%, transparent 50%),
        radial-gradient(rgba(240, 210, 215, 0.4) 15%, transparent 20%), 
        radial-gradient(rgba(240, 210, 215, 0.4) 15%, transparent 20%) !important;
    background-size: 100% 100%, 3px 3px, 3px 3px !important;
    background-position: 0 0, 0 0, 1.5px 1.5px !important;
    box-shadow: 
        1px 2px 3px rgba(0,0,0,0.06), 
        inset -2px -2px 4px rgba(230, 200, 205, 0.5),
        inset 1px 1px 2px rgba(255,255,255,1) !important;
    pointer-events: none !important;
}

/* 模型名称文字：优雅的灰玫瑰色雕刻字 */
#ai-model-selector .truncate.text-\[13px\] {
    color: #8a6c71 !important; /* 深灰玫瑰色，确保在浅色背景上绝对可读 */
    font-weight: 600 !important;
    padding-left: 20px !important; /* 给左侧的粉扑让出空间 */
    letter-spacing: 0.5px !important;
    /* 底部纯白投影营造文字被雕刻在粉饼盒上的凹凸感 */
    text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.9) !important; 
    font-family: 'Optima', 'Georgia', serif !important; /* 赋予美妆品牌的高级字体感 */
}

/* 下拉箭头：玫瑰金质感 */
#ai-model-selector .shrink-0.flex.items-center svg {
    color: #c49a9f !important;
    margin-right: 6px !important; /* 避开右侧的金属卡扣 */
    filter: drop-shadow(0px 1px 0px rgba(255,255,255,0.9)) !important;
    transition: transform 0.3s ease !important;
}

/* 下拉箭头展开时的优雅旋转 */
#ai-model-selector .group[data-state="open"] .shrink-0.flex.items-center svg {
    transform: rotate(180deg) scale(1.1) !important;
}

/* ========================================
   开场白选择器 - 轻盈纸鸢主题 (精准ID版)
   ======================================== */

/* 主容器：五彩浅色渐变与风筝流线型圆角 */
#customized-opening-statement-selector {
    /* 极浅的五彩马卡龙渐变：浅粉 -> 浅青 -> 浅绿 -> 浅黄 */
    background: linear-gradient(135deg, #fff0f5 0%, #e0ffff 33%, #f0fff0 66%, #ffffe0 100%) !important;
    /* 取消原本的边框，换用柔和的半透明彩色边框 */
    border: 1px solid rgba(167, 139, 250, 0.3) !important;
    /* 不对称圆角，模拟风筝的流线型和动感 */
    border-radius: 15px 30px 15px 30px !important;
    /* 轻盈的阴影，增加悬浮感 */
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.03), inset 0 0 8px rgba(255, 255, 255, 0.8) !important;
    position: relative !important;
    color: #5b21b6 !important; /* 补充深紫罗兰色文字，绝对保证在浅色背景上的可读性 */
    transition: all 0.4s cubic-bezier(0.34, 1.56, 0.64, 1) !important;
}

/* 鼠标悬浮时的“起飞”效果 */
#customized-opening-statement-selector:hover {
    transform: translateY(-3px) scale(1.02) !important;
    box-shadow: 0 6px 16px rgba(167, 139, 250, 0.15) !important;
    border-color: rgba(167, 139, 250, 0.6) !important;
}

/* 装饰性元素：风筝的彩色小尾巴/飘带 */
#customized-opening-statement-selector::after {
    content: '' !important;
    position: absolute !important;
    bottom: -6px !important;
    right: 15px !important;
    width: 12px !important;
    height: 12px !important;
    /* 飘带颜色 */
    background: linear-gradient(135deg, #fca5a5, #93c5fd) !important;
    /* 裁切成小三角形飘带 */
    clip-path: polygon(0 0, 100% 50%, 0 100%) !important;
    transform: rotate(45deg) !important;
    opacity: 0.8 !important;
    transition: all 0.3s ease !important;
    pointer-events: none !important;
}

/* 悬浮时尾巴随风飘动 */
#customized-opening-statement-selector:hover::after {
    transform: rotate(70deg) translateY(4px) scale(1.2) !important;
}

/* 左侧滑块图标：修改为柔和的紫罗兰色并增加互动动画 */
#customized-opening-statement-selector svg[data-icon="SlidersH"] {
    color: #8b5cf6 !important;
    transition: transform 0.4s ease !important;
}

/* 右侧下拉箭头：修改为柔和的紫罗兰色 */
#customized-opening-statement-selector svg[data-icon="ChevronDown"] {
    color: #8b5cf6 !important;
    transition: transform 0.4s ease !important;
}

/* 图标悬浮互动效果 */
#customized-opening-statement-selector:hover svg[data-icon="SlidersH"] {
    transform: rotate(15deg) scale(1.1) !important;
}
#customized-opening-statement-selector:hover svg[data-icon="ChevronDown"] {
    transform: translateY(3px) scale(1.1) !important;
}


/* ========================================
   顶部栏：彻底告别椭圆！纯矢量手绘写实秋叶
   ======================================== */
.sticky.w-full.top-0.flex.items-center {
    /* 浅蓝晴空底色 */
    background: linear-gradient(to bottom, #E1F5FE, #F0F9FF) !important;
    position: relative;
    border-bottom: 1px solid rgba(255, 255, 255, 0.6) !important;
}

/* ========================================
   左侧：浅橘色梧桐树冠 (真正的五裂梧桐叶片 + 柔和底座)
   ======================================== */
.sticky.w-full.top-0.flex.items-center::before {
    content: "";
    position: absolute;
    top: 0; 
    bottom: 0; 
    left: 0;
    width: 280px; 
    /* 
       核心原理：
       1. url(...) 部分是纯CSS内嵌的矢量手绘【五裂梧桐叶】，分大中小错落排布。
       2. radial-gradient(circle...) 部分是底层的柔和树丛体积，消除割裂感。
       3. 彻底没有 ellipse！
    */
    background: 
        /* 梧桐叶簇 1 (中等) */
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cg opacity='0.85'%3E%3Cpath d='M60 110 L57 85 L18 95 L30 65 L6 48 L42 45 L60 6 L78 45 L114 48 L90 65 L102 95 L63 85 Z' fill='%23ffcc80'/%3E%3Cpath d='M40 90 L38 70 L12 78 L20 54 L4 40 L28 37 L40 10 L52 37 L76 40 L60 54 L68 78 L42 70 Z' fill='%23ffe0b2' transform='rotate(-15 40 90)'/%3E%3Cpath d='M80 100 L76 75 L35 85 L45 55 L15 40 L45 38 L60 5 L75 38 L105 40 L75 55 L85 85 L84 75 Z' fill='%23ffb74d' transform='rotate(25 80 100)'/%3E%3C/g%3E%3C/svg%3E") 5% 15% / 75px 75px no-repeat,
        /* 梧桐叶簇 2 (大，边缘透出) */
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cg opacity='0.9'%3E%3Cpath d='M60 110 L57 85 L18 95 L30 65 L6 48 L42 45 L60 6 L78 45 L114 48 L90 65 L102 95 L63 85 Z' fill='%23ffcc80'/%3E%3Cpath d='M40 90 L38 70 L12 78 L20 54 L4 40 L28 37 L40 10 L52 37 L76 40 L60 54 L68 78 L42 70 Z' fill='%23ffe0b2' transform='rotate(-15 40 90)'/%3E%3Cpath d='M80 100 L76 75 L35 85 L45 55 L15 40 L45 38 L60 5 L75 38 L105 40 L75 55 L85 85 L84 75 Z' fill='%23ffb74d' transform='rotate(25 80 100)'/%3E%3C/g%3E%3C/svg%3E") 35% 55% / 100px 100px no-repeat,
        /* 梧桐叶簇 3 (小，点缀) */
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cg opacity='0.8'%3E%3Cpath d='M60 110 L57 85 L18 95 L30 65 L6 48 L42 45 L60 6 L78 45 L114 48 L90 65 L102 95 L63 85 Z' fill='%23ffcc80'/%3E%3Cpath d='M40 90 L38 70 L12 78 L20 54 L4 40 L28 37 L40 10 L52 37 L76 40 L60 54 L68 78 L42 70 Z' fill='%23ffe0b2' transform='rotate(-15 40 90)'/%3E%3Cpath d='M80 100 L76 75 L35 85 L45 55 L15 40 L45 38 L60 5 L75 38 L105 40 L75 55 L85 85 L84 75 Z' fill='%23ffb74d' transform='rotate(25 80 100)'/%3E%3C/g%3E%3C/svg%3E") 15% 90% / 65px 65px no-repeat,
        
        /* 底部柔和树冠基底 (只用纯正的圆形云团，消除单片叶子的割裂感) */
        radial-gradient(circle 80px at 15% 30%, rgba(255, 204, 128, 0.85) 0%, transparent 100%),
        radial-gradient(circle 100px at 25% 65%, rgba(255, 224, 178, 0.9) 0%, transparent 100%),
        radial-gradient(circle 70px at -5% 50%, rgba(255, 183, 77, 0.7) 0%, transparent 100%);
    
    pointer-events: none !important; 
}

/* ========================================
   右侧：浅黄银杏树冠 (真正的波浪扇形叶片 + 柔和底座)
   ======================================== */
.sticky.w-full.top-0.flex.items-center::after {
    content: "";
    position: absolute;
    top: 0; 
    bottom: 0; 
    right: 0;
    width: 280px; 
    /* 
       核心原理：
       内嵌矢量绘制的【波浪形银杏扇叶】，彻底抛弃扁平椭圆！
    */
    background: 
        /* 银杏叶簇 1 (边缘) */
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cg opacity='0.9'%3E%3Cpath d='M60 110 C54 85 12 80 6 45 C6 15 42 10 57 28 C60 31 63 31 66 28 C78 10 114 15 114 45 C108 80 66 85 60 110 Z' fill='%23ffe066'/%3E%3Cpath d='M40 90 C36 70 8 66 4 37 C4 12 28 8 38 23 C40 25 42 25 44 23 C52 8 76 12 76 37 C72 66 44 70 40 90 Z' fill='%23fff0b3' transform='rotate(-20 40 90)'/%3E%3Cpath d='M80 95 C75 72 25 68 18 38 C18 13 45 8 58 24 C61 26 64 26 67 24 C80 8 108 13 108 38 C102 68 85 72 80 95 Z' fill='%23ffeb99' transform='rotate(30 80 95)'/%3E%3C/g%3E%3C/svg%3E") 95% 15% / 80px 80px no-repeat,
        /* 银杏叶簇 2 (大，中心) */
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cg opacity='0.9'%3E%3Cpath d='M60 110 C54 85 12 80 6 45 C6 15 42 10 57 28 C60 31 63 31 66 28 C78 10 114 15 114 45 C108 80 66 85 60 110 Z' fill='%23ffe066'/%3E%3Cpath d='M40 90 C36 70 8 66 4 37 C4 12 28 8 38 23 C40 25 42 25 44 23 C52 8 76 12 76 37 C72 66 44 70 40 90 Z' fill='%23fff0b3' transform='rotate(-20 40 90)'/%3E%3Cpath d='M80 95 C75 72 25 68 18 38 C18 13 45 8 58 24 C61 26 64 26 67 24 C80 8 108 13 108 38 C102 68 85 72 80 95 Z' fill='%23ffeb99' transform='rotate(30 80 95)'/%3E%3C/g%3E%3C/svg%3E") 60% 50% / 105px 105px no-repeat,
        /* 银杏叶簇 3 (小，底部) */
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cg opacity='0.85'%3E%3Cpath d='M60 110 C54 85 12 80 6 45 C6 15 42 10 57 28 C60 31 63 31 66 28 C78 10 114 15 114 45 C108 80 66 85 60 110 Z' fill='%23ffe066'/%3E%3Cpath d='M40 90 C36 70 8 66 4 37 C4 12 28 8 38 23 C40 25 42 25 44 23 C52 8 76 12 76 37 C72 66 44 70 40 90 Z' fill='%23fff0b3' transform='rotate(-20 40 90)'/%3E%3Cpath d='M80 95 C75 72 25 68 18 38 C18 13 45 8 58 24 C61 26 64 26 67 24 C80 8 108 13 108 38 C102 68 85 72 80 95 Z' fill='%23ffeb99' transform='rotate(30 80 95)'/%3E%3C/g%3E%3C/svg%3E") 85% 85% / 70px 70px no-repeat,
        
        /* 底部柔和树冠基底 (纯圆形云团) */
        radial-gradient(circle 80px at 85% 30%, rgba(255, 224, 102, 0.85) 0%, transparent 100%),
        radial-gradient(circle 100px at 75% 65%, rgba(255, 240, 179, 0.9) 0%, transparent 100%),
        radial-gradient(circle 70px at 105% 50%, rgba(255, 214, 51, 0.7) 0%, transparent 100%);
    
    pointer-events: none !important;
}

/* ========================================
   文字清晰度保障
   ======================================== */
#ai-model-selector .truncate.text-\[13px\],
.sticky.w-full.top-0.flex.items-center svg {
    color: #4A4A4A !important; 
    filter: drop-shadow(0px 1px 2px rgba(255, 255, 255, 1)) !important; 
    font-weight: 600 !important;
}


/* ========================================
   底部栏：纯CSS绘制 - 2D横向视角林荫石板路 (带侧视透视感)
   ======================================== */
.bg-gradient-to-t {
    /* 采用2D横向取景：上部为天，左右为树，下部为地。利用渐变叠加出带有景深感的画面 */
    background:
        /* 1. 顶层光影：地面上的阳光高光斑块 */
        radial-gradient(ellipse at 25% 85%, rgba(255, 255, 255, 0.9) 0%, transparent 15%),
        radial-gradient(ellipse at 75% 75%, rgba(255, 253, 230, 0.8) 0%, transparent 20%),
        radial-gradient(ellipse at 50% 90%, rgba(255, 255, 255, 0.7) 0%, transparent 10%),

        /* 2. 顶层光影：倾斜的婆娑树影 (投射在石板路上) */
        repeating-linear-gradient(65deg, transparent 0%, transparent 4%, rgba(150, 180, 150, 0.12) 5%, rgba(150, 180, 150, 0.05) 7%, transparent 9%),

        /* 3. 左侧写实小树林：树冠 (多层浅绿色交叠) */
        radial-gradient(circle at -2% 10%, rgba(165, 215, 165, 0.5) 0%, transparent 25%),
        radial-gradient(circle at 8% 28%, rgba(185, 235, 185, 0.4) 0%, transparent 30%),
        radial-gradient(circle at -5% 45%, rgba(145, 195, 145, 0.3) 0%, transparent 20%),

        /* 4. 右侧写实小树林：树冠 */
        radial-gradient(circle at 102% 15%, rgba(165, 215, 165, 0.5) 0%, transparent 25%),
        radial-gradient(circle at 92% 35%, rgba(185, 235, 185, 0.4) 0%, transparent 30%),
        radial-gradient(circle at 105% 55%, rgba(145, 195, 145, 0.3) 0%, transparent 20%),

        /* 5. 左侧树干：从地平线(55%)垂直向下延伸 */
        linear-gradient(to right, rgba(160, 170, 150, 0.4) 0%, rgba(180, 190, 170, 0.2) 15px, transparent 25px),

        /* 6. 右侧树干 */
        linear-gradient(to left, rgba(160, 170, 150, 0.4) 0%, rgba(180, 190, 170, 0.2) 15px, transparent 25px),

        /* 7. 石板路横向纹理 (核心透视效果：线条越靠近地平线55%越密集，越往下越宽) */
        linear-gradient(to bottom,
            transparent 55%,
            rgba(190, 200, 190, 0.4) 56%, transparent 57%,
            transparent 63%, rgba(190, 200, 190, 0.3) 64%, transparent 65%,
            transparent 74%, rgba(190, 200, 190, 0.2) 75%, transparent 76%,
            transparent 88%, rgba(190, 200, 190, 0.15) 89%, transparent 90%
        ),

        /* 8. 石板路纵向拼接缝 (微弱的垂直网格线) */
        repeating-linear-gradient(to right, transparent 0, transparent 40px, rgba(190, 200, 190, 0.1) 41px, transparent 42px),

        /* 9. 地面基底：从地平线(55%)开始的白色石板路底色 */
        linear-gradient(to bottom, transparent 55%, rgba(240, 248, 240, 0.95) 55%, rgba(255, 255, 255, 1) 100%),

        /* 10. 中间与远景：浅蓝色的天空 (占据画面的上半部分 0%~55%) */
        linear-gradient(to bottom, rgba(200, 235, 255, 0.8) 0%, rgba(235, 250, 255, 0.6) 55%, transparent 55%) !important;

    background-size: 100% 100% !important;
    background-repeat: no-repeat !important;
}

/* 输入框样式优化：确保在石板路背景上具有绝对的清晰度 */
#ai-chat-input {
    background-color: rgba(255, 255, 255, 0.9) !important; 
    border: 1px solid rgba(185, 230, 165, 0.6) !important; /* 浅绿边框融入环境 */
    color: #444 !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.04) !important;
    backdrop-filter: blur(2px) !important;
}

#ai-chat-input::placeholder {
    color: #a3c2a3 !important; /* 柔和的浅绿色占位符 */
}

/* 输入框外层容器，微调以适应底部的透视地面 */
#ai-chat-bottom-input {
    position: relative;
    z-index: 10;
}

/* ========================================
   按钮栏：情书信封与小爱心
   ======================================== */
#ai-mod-button2 button.MuiButton-root {
    background-color: #fffdfa !important; /* 信纸米白色 */
    border: 1px solid #e8d5c4 !important;
    border-radius: 6px !important;
    color: #6d4c41 !important; /* 深棕色字体，确保可读 */
    position: relative;
    /* 调整上下内边距，给上方的信封口和下方的小爱心留出绝对空间，不挡字 */
    padding: 18px 12px 16px 12px !important; 
    box-shadow: 0 2px 5px rgba(0,0,0,0.06) !important;
    transition: all 0.3s ease !important;
    overflow: visible !important; /* 允许爱心在边缘显示 */
}

/* 信封上方的折叠封口 (利用纯CSS三角形绘制) */
#ai-mod-button2 button.MuiButton-root::before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    border-left: 24px solid transparent;
    border-right: 24px solid transparent;
    border-top: 12px solid #f0e4d8; /* 封口阴影色 */
    pointer-events: none;
    transition: all 0.3s ease !important;
}

/* 信封下方的小爱心 */
#ai-mod-button2 button.MuiButton-root::after {
    content: "❤";
    position: absolute;
    bottom: 2px;
    left: 50%;
    transform: translateX(-50%);
    font-size: 10px;
    color: #ff8a80;
    pointer-events: none;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
}

/* 鼠标悬停时的互动效果：信封轻微抬起，爱心放大 */
#ai-mod-button2 button.MuiButton-root:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 10px rgba(0,0,0,0.1) !important;
    border-color: #ffb7c5 !important;
}
#ai-mod-button2 button.MuiButton-root:hover::after {
    color: #ff5252;
    transform: translateX(-50%) scale(1.3);
}


/* =========================================
   上半部分：正文与头部 (复古双线花框 + 蕾丝边)
   ========================================= */
.header {
    position: relative;
    background: 
        radial-gradient(circle at 10% 20%, rgba(255,255,255,0.4) 0%, transparent 40%),
        radial-gradient(circle at 90% 80%, rgba(230,230,250,0.6) 0%, transparent 40%),
        linear-gradient(135deg, #E6E6FA, #D8BFD8) !important;
    color: #4B0082 !important;
    padding: 15px !important;
    border-radius: 12px 12px 0 0 !important;
    text-align: center !important;
    font-weight: bold !important;
    letter-spacing: 1px !important;
    border: 4px double #C7A4C7 !important;
    border-bottom: none !important; 
    box-shadow: inset 0 0 10px rgba(255,255,255,0.6) !important;
    margin-bottom: 0 !important;
}

text {
    position: relative;
    display: block !important;
    background-color: #FFFFFF !important; 
    color: #333333 !important; 
    padding: 20px 25px !important;
    border-radius: 0 0 12px 12px !important;
    border: 4px double #C7A4C7 !important;
    border-top: 2px dashed #D8BFD8 !important; 
    margin: 0 0 25px 0 !important;
    box-shadow: 0 6px 12px rgba(0,0,0,0.06), inset 0 0 20px rgba(230,230,250,0.2) !important;
    line-height: 1.8 !important;
    background-image: 
        radial-gradient(circle at 0% 50%, rgba(216,191,216,0.25) 6px, transparent 7px),
        radial-gradient(circle at 100% 50%, rgba(216,191,216,0.25) 6px, transparent 7px) !important;
    background-size: 100% 24px !important; 
}

.header::before { content: '❀'; position: absolute; top: -12px; left: -10px; font-size: 20px; color: #9370DB; text-shadow: 0 0 3px #fff; }
.header::after { content: '❀'; position: absolute; top: -12px; right: -10px; font-size: 20px; color: #9370DB; text-shadow: 0 0 3px #fff; }
text::before { content: '❀'; position: absolute; bottom: -12px; left: -10px; font-size: 20px; color: #9370DB; text-shadow: 0 0 3px #fff; }
text::after { content: '❀'; position: absolute; bottom: -12px; right: -10px; font-size: 20px; color: #9370DB; text-shadow: 0 0 3px #fff; }

/* =========================================
   专属台词高亮 (浅紫温柔风)
   ========================================= */
say {
    color: #9370DB !important; 
    font-weight: 600 !important;
    background: rgba(147, 112, 219, 0.08) !important; 
    padding: 2px 6px !important;
    border-radius: 6px !important;
    transition: all 0.2s ease !important;
}
say:hover { background: rgba(147, 112, 219, 0.15) !important; color: #7B68EE !important; }

/* =========================================
   下半部分：状态栏外部大区 (零间距总控)
   ========================================= */
status {
    display: flex !important;
    flex-direction: column !important;
    gap: 0 !important; 
    padding: 0 !important; 
    margin: 0 !important;
    border: 2px solid #E6E6FA !important; 
    border-radius: 12px !important;
    overflow: hidden !important;
    box-shadow: 0 6px 16px rgba(0,0,0,0.05) !important;
    background: #FAFAFC !important; 
}
status br { display: none !important; }

/* =========================================
   通用面板样式与标题栏渐变
   ========================================= */
status details, memory details {
    margin: 0 !important; 
    border: none !important; 
    border-radius: 0 !important; 
    border-bottom: 1px solid #EAEAEA !important; 
    overflow: hidden !important; 
    position: relative !important;
}
memory details { border-bottom: none !important; }

status summary, memory summary {
    padding: 12px 18px !important;
    font-weight: bold !important;
    color: #333333 !important;
    cursor: pointer !important;
    list-style: none !important;
    display: flex !important;
    align-items: center !important;
    position: relative !important;
    z-index: 2 !important;
}
status summary::-webkit-details-marker, memory summary::-webkit-details-marker { display: none !important; }

/* 五大栏目专属标题渐变背景 */
status > details:nth-of-type(1) summary { background: repeating-linear-gradient(45deg, rgba(255,255,255,0.2) 0px, rgba(255,255,255,0.2) 10px, transparent 10px, transparent 20px), linear-gradient(135deg, #FFFACD, #FFE4B5) !important; }
status > details:nth-of-type(2) summary { background: radial-gradient(ellipse at bottom left, rgba(255,182,193,0.3) 0%, transparent 50%), radial-gradient(ellipse at top right, rgba(173,255,47,0.15) 0%, transparent 50%), linear-gradient(135deg, #FFF0F5, #E8F8F5) !important; }
status > details:nth-of-type(3) summary { background: radial-gradient(circle at 20% 50%, rgba(255,192,203,0.4) 0%, transparent 20%), radial-gradient(circle at 80% 30%, rgba(255,192,203,0.3) 0%, transparent 15%), linear-gradient(135deg, #E0FFFF, #FFE4E1) !important; }
status > details:nth-of-type(4) summary { background: repeating-linear-gradient(-45deg, rgba(255,255,255,0.3) 0px, rgba(255,255,255,0.3) 2px, transparent 2px, transparent 15px), linear-gradient(135deg, #FFE4B5, #FFDAB9) !important; }
memory details summary { background: radial-gradient(circle at 50% 100%, rgba(255,255,255,0.9) 0%, transparent 60%), #F4F4EC !important; }

/* =========================================
   ✨ 核心修复：Emoji 水印置顶 ✨
   ========================================= */
status details[open]::after, memory details[open]::after {
    position: absolute !important; 
    bottom: 10px !important; 
    right: 15px !important; 
    font-size: 65px !important; 
    opacity: 0.15 !important; 
    pointer-events: none !important; /* 幽灵属性，不挡点击 */
    z-index: 10 !important; /* 图层置顶，覆盖在所有白框上方！ */
    line-height: 1 !important;
}
status > details:nth-of-type(1)[open]::after { content: '🌻' !important; }
status > details:nth-of-type(2)[open]::after { content: '🪷' !important; }
status > details:nth-of-type(3)[open]::after { content: '🎐' !important; }
status > details:nth-of-type(4)[open]::after { content: '🍁' !important; }
memory details[open]::after { content: '🌼' !important; }

/* =========================================
   【骨架排版】1, 2, 4 栏目通用结构 (不包含颜色)
   ========================================= */
status > details:nth-of-type(1), status > details:nth-of-type(2), status > details:nth-of-type(4) {
    font-size: 13px !important; font-weight: bold !important; text-align: center !important; 
}
status > details:nth-of-type(1) ul, status > details:nth-of-type(2) ul, status > details:nth-of-type(4) ul {
    background: #ffffff !important;
    border-radius: 14px !important;
    padding: 12px 15px !important;
    margin: 8px 15px 15px 15px !important;
    color: #333333 !important; /* 列表内正文保持深色易读 */
    font-size: 14px !important; font-weight: normal !important; text-align: left !important;
    list-style-type: none !important; 
    position: relative !important; z-index: 2 !important; 
}
status > details:nth-of-type(1) ul li:not(:last-child), status > details:nth-of-type(2) ul li:not(:last-child), status > details:nth-of-type(4) ul li:not(:last-child) {
    padding-bottom: 10px !important; margin-bottom: 10px !important; line-height: 1.6 !important;
}

/* =========================================
   🎨 【核心修复：各栏目专属主题色解绑】 🎨
   ========================================= */

/* 第1栏：向日葵黄主题 */
status > details:nth-of-type(1) { color: #DAA520 !important; } /* 透传小标题：金黄 */
status > details:nth-of-type(1) ul { border: 1px solid #F0E68C !important; box-shadow: 0 2px 6px rgba(218, 165, 32, 0.05) !important; } /* 白框边线：浅黄 */
status > details:nth-of-type(1) ul li:not(:last-child) { border-bottom: 1px dashed #FFFACD !important; } /* 内部虚线：极浅黄 */

/* 第2栏：荷花粉绿主题 */
status > details:nth-of-type(2) { color: #DB7093 !important; } /* 透传小标题：暗粉 */
status > details:nth-of-type(2) ul { border: 1px solid #FFB6C1 !important; box-shadow: 0 2px 6px rgba(219, 112, 147, 0.05) !important; } /* 白框边线：浅粉 */
status > details:nth-of-type(2) ul li:not(:last-child) { border-bottom: 1px dashed #FFF0F5 !important; } /* 内部虚线：极浅粉 */

/* =========================================
   第四栏：落叶枫叶橘主题 (可复制面板专属定制)
   ========================================= */
/* 1. 透传小标题：巧克力橘 */
status > details:nth-of-type(4) { color: #D2691E !important; } 

/* 2. 外层白框容器 (替代原来的 ul) */
status > details:nth-of-type(4) .aa-panel {
    background: #ffffff !important;
    border-radius: 14px !important;
    padding: 12px 15px !important;
    margin: 8px 15px 15px 15px !important;
    border: 1px solid #FFDAB9 !important; /* 白框边线：浅橘 */
    box-shadow: 0 2px 6px rgba(210, 105, 30, 0.05) !important;
    position: relative !important; 
    z-index: 2 !important;
    text-align: left !important; 
    font-size: 14px !important; 
    font-weight: normal !important;
    color: #333333 !important;
}

/* 3. 内部可复制代码块美化 (替代原来的 li) */
status > details:nth-of-type(4) .aa-panel pre {
    background: rgba(255, 239, 213, 0.4) !important; /* 极浅橘色打底，柔和区分选项 */
    border: 1px dashed #FFEFD5 !important; /* 极浅橘虚线边框 */
    border-radius: 8px !important;
    padding: 12px !important;
    margin-bottom: 12px !important;
    color: #333333 !important; /* 保持正文深色易读 */
    font-family: inherit !important; /* 覆盖默认的等宽代码字体，保持阅读沉浸感 */
    white-space: pre-wrap !important; /* 确保长选项自动换行，不会撑爆屏幕 */
    line-height: 1.6 !important;
    transition: all 0.2s ease !important; /* 动画过渡 */
}

/* 4. 去掉最后一个选项的底部留白，强迫症福音 */
status > details:nth-of-type(4) .aa-panel pre:last-child {
    margin-bottom: 0 !important;
}

/* 5. 附赠：鼠标悬浮微互动效果 (提升高级感) */
status > details:nth-of-type(4) .aa-panel pre:hover {
    background: rgba(255, 228, 181, 0.6) !important;
    border-color: #FFDAB9 !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 4px 8px rgba(210, 105, 30, 0.1) !important;
}

/* =========================================
   第三栏：复古报纸排版魔法 (风铃蓝粉主题)
   ========================================= */
status > details:nth-of-type(3) ul {
    column-width: 200px !important; column-gap: 25px !important;
    column-rule: 1px solid #B0E0E6 !important; /* 报纸中缝分割线：浅蓝 */
    padding: 15px !important; margin: 10px 15px 15px 15px !important;
    border-top: 4px double #87CEFA !important; /* 报纸上下边框：天蓝 */
    border-bottom: 4px double #87CEFA !important;
    font-family: "Georgia", "Times New Roman", serif !important; 
    list-style: none !important; position: relative !important; z-index: 2 !important;
    color: #333333 !important; text-align: left !important;
}
status > details:nth-of-type(3) li {
    break-inside: avoid !important; margin-bottom: 12px !important; padding-bottom: 12px !important;
    border-bottom: 1px dashed #E0FFFF !important; /* 报纸内部虚线：极浅蓝 */
    font-size: 0.95em !important; position: relative !important; padding-left: 20px !important; color: #333333 !important;
}
status > details:nth-of-type(3) li::before { content: '🗞' !important; position: absolute !important; left: 0 !important; top: -2px !important; font-size: 1.1em !important; }

/* =========================================
   第五栏：记忆区表格 (雏菊白灰主题)
   ========================================= */
memory details > *:not(summary) { padding: 15px !important; position: relative !important; z-index: 2 !important; }
memory table { width: 100% !important; border-collapse: collapse !important; margin-top: 10px !important; font-size: 0.9em !important; background: rgba(255,255,255,0.8) !important; }
memory th, memory td {
    border: 1px solid #EAEAEA !important; /* 表格边框：浅灰 */
    padding: 8px !important; text-align: left !important; color: #333333 !important;
}
memory th {
    background-color: #F8F8F6 !important; /* 表头背景：雏菊灰白 */
    color: #555555 !important; font-weight: bold !important;
}

/* 1. 隐藏平台默认的无聊闪烁加载点 */
.style_dot-flashing__8L91Q.style_text__zGhNq {
    display: none !important;
}

/* 2. 重新定义加载动画的父级容器，提供足够的展示空间并确保居中 */
.flex.items-center.justify-center.w-6.h-5 {
    position: relative !important;
    width: 120px !important;     /* 拓宽容器以容纳小猫和毛线球 */
    height: 60px !important;     /* 增加高度确保竖起的尾巴不被裁剪 */
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    overflow: visible !important;
}

/* 3. 注入“小猫玩毛线球”的写实级 SVG 动画 (采用高兼容性 SMIL 方案) */
.flex.items-center.justify-center.w-6.h-5::before {
    content: "" !important;
    position: absolute !important;
    width: 100% !important;
    height: 100% !important;
    /* 包含胡须、眼眸、猫爪和毛线球细节的精密 SVG，内置独立运动轨迹 */
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 60'%3E%3C!-- 摇摆的尾巴 --%3E%3Cg%3E%3Cpath d='M25,50 C10,50 5,30 15,15' fill='none' stroke='%23d97736' stroke-width='8' stroke-linecap='round'/%3E%3CanimateTransform attributeName='transform' type='rotate' values='0 25 50; -15 25 50; 0 25 50' dur='2s' repeatCount='indefinite'/%3E%3C/g%3E%3C!-- 身体与后腿 --%3E%3Cpath d='M20,55 C20,35 30,25 45,25 C55,25 60,35 60,55 Z' fill='%23e68a47'/%3E%3Cpath d='M25,55 C25,40 35,40 40,55 Z' fill='%23d97736'/%3E%3C!-- 头部与耳朵细节 --%3E%3Ccircle cx='50' cy='22' r='14' fill='%23e68a47'/%3E%3Cpolygon points='38,15 35,2 45,10' fill='%23d97736'/%3E%3Cpolygon points='39,13 37,5 43,10' fill='%23f4d0b3'/%3E%3Cpolygon points='62,15 65,2 55,10' fill='%23d97736'/%3E%3Cpolygon points='61,13 63,5 57,10' fill='%23f4d0b3'/%3E%3C!-- 眼睛、鼻子与写实胡须 --%3E%3Cellipse cx='45' cy='20' rx='3' ry='4' fill='%23fff'/%3E%3Ccircle cx='46' cy='20' r='1.5' fill='%232c3e50'/%3E%3Cellipse cx='57' cy='20' rx='3' ry='4' fill='%23fff'/%3E%3Ccircle cx='56' cy='20' r='1.5' fill='%232c3e50'/%3E%3Cpolygon points='51,26 50,28 52,28' fill='%23e74c3c'/%3E%3Cpath d='M51,28 Q48,31 46,29 M51,28 Q54,31 56,29' fill='none' stroke='%23555' stroke-width='0.8'/%3E%3Cpath d='M43,26 L30,24 M43,28 L28,28 M43,30 L32,33' stroke='%23fff' stroke-width='0.5' opacity='0.7'/%3E%3Cpath d='M59,26 L72,24 M59,28 L74,28 M59,30 L70,33' stroke='%23fff' stroke-width='0.5' opacity='0.7'/%3E%3C!-- 快速扒拉的白手套猫爪 --%3E%3Cg%3E%3Cpath d='M50,40 Q70,35 75,45' fill='none' stroke='%23e68a47' stroke-width='7' stroke-linecap='round'/%3E%3Cpath d='M75,45 C78,45 80,48 78,50 C75,50 72,48 75,45' fill='%23fff'/%3E%3CanimateTransform attributeName='transform' type='rotate' values='0 50 40; 30 50 40; 0 50 40' dur='0.5s' repeatCount='indefinite'/%3E%3C/g%3E%3C!-- 滚动且带有线头细节的毛线球 --%3E%3Cg%3E%3CanimateTransform attributeName='transform' type='translate' values='0,0; -15,0; 0,0' dur='0.5s' repeatCount='indefinite'/%3E%3CanimateTransform attributeName='transform' type='rotate' values='0 95 48; -60 95 48; 0 95 48' dur='0.5s' repeatCount='indefinite' additive='sum'/%3E%3Ccircle cx='95' cy='48' r='8' fill='%239b59b6'/%3E%3Cpath d='M89,45 Q95,55 101,45 M88,49 Q95,43 102,49 M92,54 Q95,42 98,54' fill='none' stroke='%238e44ad' stroke-width='1.2'/%3E%3Cpath d='M95,56 Q85,58 75,52' fill='none' stroke='%239b59b6' stroke-width='1.5'/%3E%3C/g%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: contain !important;
    z-index: 10 !important;
}

/* 4. 移动端与低动效兼容微调 */
@media (max-width: 480px) {
    .flex.items-center.justify-center.w-6.h-5 {
        width: 90px !important;
        height: 45px !important;
    }
}


/* =========================================
   小清新百花园 - 春日花架主题评论区美化
   ========================================= */

/* 1. 评论区主背景 - 阳光草坪与斑驳树影 (兼容PC与手机端) */
.w-full.bottom-0.z-20.inset-x-0.bg-background.absolute,
.w-full.bottom-0.z-20.inset-x-0.bg-background.fixed {
    background-color: #eef7ee !important; 
    background-image: 
        radial-gradient(circle at 10% 10%, rgba(255, 248, 220, 0.6) 0%, transparent 50%),
        radial-gradient(ellipse at 80% 60%, rgba(165, 214, 167, 0.15) 0%, transparent 40%),
        radial-gradient(ellipse at 20% 80%, rgba(165, 214, 167, 0.15) 0%, transparent 30%),
        repeating-linear-gradient(0deg, rgba(129, 178, 154, 0.05) 0px, transparent 1px, transparent 4px) !important;
    background-size: 100% 100%, 100% 100%, 100% 100%, 100% 100% !important;
}

/* 2. 顶部建筑 - 木质花架与垂坠的紫藤/蔷薇繁花 */
.w-full.bottom-0.z-20.inset-x-0.bg-background.absolute::before,
.w-full.bottom-0.z-20.inset-x-0.bg-background.fixed::before {
    content: "";
    position: absolute !important;
    top: 0 !important; 
    left: 0 !important;
    width: 100% !important; 
    height: 80px !important;
    pointer-events: none !important;
    background:
        repeating-radial-gradient(circle at 20px 25px, #ffb7b2 0, #ffb7b2 6px, transparent 7px) 0 10px / 50px 35px repeat-x,
        repeating-radial-gradient(circle at 45px 30px, #f28482 0, #f28482 5px, transparent 6px) 0 10px / 60px 40px repeat-x,
        repeating-radial-gradient(circle at 30px 15px, #81b29a 0, #81b29a 8px, transparent 9px) 0 10px / 40px 25px repeat-x,
        repeating-radial-gradient(circle at 15px 10px, #52796f 0, #52796f 10px, transparent 11px) 0 10px / 30px 20px repeat-x,
        linear-gradient(to bottom, #e2c290 0%, #d4a373 60%, #bc8a5f 100%) 0 0 / 100% 12px no-repeat,
        repeating-linear-gradient(90deg, transparent 0, transparent 40px, #bc8a5f 40px, #bc8a5f 44px) 0 12px / 100% 6px no-repeat !important;
    filter: drop-shadow(0 4px 6px rgba(82, 121, 111, 0.3)) !important; 
}

/* 3. 两侧边界 - 缠绕青藤的白色木栅栏 */
.w-full.bottom-0.z-20.inset-x-0.bg-background.absolute::after,
.w-full.bottom-0.z-20.inset-x-0.bg-background.fixed::after {
    content: "";
    position: absolute !important;
    top: 0px !important;
    bottom: 0 !important;
    left: 0 !important;
    width: 100% !important;
    pointer-events: none !important;
    background:
        repeating-linear-gradient(45deg, transparent 0, transparent 15px, #6b9080 15px, #6b9080 19px) 0 0 / 18px 40px repeat-y,
        linear-gradient(to right, #fdfdfc 0%, #ffffff 40%, #e8e8e4 100%) 0 0 / 18px 100% no-repeat,
        repeating-linear-gradient(-45deg, transparent 0, transparent 15px, #6b9080 15px, #6b9080 19px) 100% 0 / 18px 40px repeat-y,
        linear-gradient(to left, #fdfdfc 0%, #ffffff 40%, #e8e8e4 100%) 100% 0 / 18px 100% no-repeat !important;
    filter: drop-shadow(0 0 4px rgba(0,0,0,0.05)) !important;
}

/* 4. 评论列表容器 - 完美避开花架与栅栏，定制清新滚动条 */
.p-3.overflow-y-auto.h-full {
    padding-top: 85px !important; /* 避开顶部花架 */
    padding-left: 26px !important; /* 避开左栅栏 */
    padding-right: 26px !important; /* 避开右栅栏 */
    scrollbar-width: thin !important;
    scrollbar-color: #a5d6a7 transparent !important; /* 浅绿色滚动条 */
}

/* 5. 评论气泡 - 纯白信笺质感，确保绝对可读性 */
.flex.items-start.gap-2 {
    /* 使用高不透明度的暖白色，确保在任何背景下文字都清晰 */
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.98) 0%, rgba(250, 252, 248, 0.95) 100%) !important;
    border: 1px solid rgba(165, 214, 167, 0.5) !important;
    border-left: 4px solid #81b29a !important; /* 清新的薄荷绿左边框 */
    border-radius: 2px 12px 12px 12px !important; /* 柔和的圆角 */
    padding: 14px 16px !important;
    margin-bottom: 16px !important;
    box-shadow: 
        0 4px 12px rgba(82, 121, 111, 0.08), /* 清透的浅绿阴影 */
        inset 1px 1px 0 rgba(255,255,255,1) !important;
    position: relative !important;
}

/* 强制评论卡片内的文字为深色，防止融入白色信笺 */
.flex.items-start.gap-2 span.font-bold,
.flex.items-start.gap-2 div.break-all,
.flex.items-start.gap-2 p {
    color: #2c3e35 !important; /* 深墨绿色文字，既清晰又契合主题 */
    text-shadow: none !important;
}
.flex.items-start.gap-2 div.text-xs {
    color: #7b9686 !important; /* 次要信息使用柔和的灰绿色 */
}

/* 评论气泡右下角添加一枚淡粉色的落花/花瓣水印 */
.flex.items-start.gap-2::after {
    content: "";
    position: absolute !important;
    bottom: 8px !important;
    right: 12px !important;
    width: 20px !important;
    height: 14px !important;
    /* 用径向渐变画一片掉落的粉色花瓣 */
    background: radial-gradient(ellipse at 50% 50%, rgba(242, 132, 130, 0.15) 0%, transparent 70%) !important;
    border-radius: 50% 0 50% 0 !important;
    transform: rotate(-15deg) !important;
    pointer-events: none !important;
}

/* =========================================
   【关键修复】清除内部嵌套的同名类名样式
   防止出现“双层信笺”重叠现象
   ========================================= */
.flex.items-start.gap-2 .flex.items-start.gap-2 {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin-bottom: 0 !important;
    margin-top: 10px !important; 
}

/* 清除内部嵌套时多余的花瓣水印 */
.flex.items-start.gap-2 .flex.items-start.gap-2::after {
    display: none !important;
}

/* 6. 发送按钮 - 晨露玫瑰花苞造型 */
.absolute.bottom-2.right-2.flex.items-center.gap-2.h-8 {
    background: linear-gradient(135deg, #ffb7b2 0%, #f28482 100%) !important; /* 柔和的玫瑰粉 */
    color: #ffffff !important;
    border: 1px solid #e56b69 !important;
    border-radius: 16px !important; /* 圆润的胶囊形 */
    padding: 0 16px !important;
    box-shadow: 
        0 4px 8px rgba(242, 132, 130, 0.3), 
        inset 0 2px 4px rgba(255,255,255,0.4) !important; /* 顶部晨露高光 */
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
}
.absolute.bottom-2.right-2.flex.items-center.gap-2.h-8:hover {
    transform: translateY(-2px) scale(1.02) !important;
    box-shadow: 0 6px 12px rgba(242, 132, 130, 0.4) !important;
    background: linear-gradient(135deg, #ffc4c0 0%, #f79290 100%) !important;
}
.absolute.bottom-2.right-2.flex.items-center.gap-2.h-8 svg {
    color: #ffffff !important;
    filter: drop-shadow(0 1px 1px rgba(0,0,0,0.1)) !important;
}

/* 7. 评分星星 - 盛放的向日葵暖阳效果 */
.flex.items-center.gap-0\.5 svg {
    filter: drop-shadow(0 0 4px rgba(255, 213, 79, 0.6)) !important;
    color: #ffd54f !important; /* 明亮的向日葵黄 */
    transition: transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1) !important; /* Q弹的动画曲线 */
}
.flex.items-center.gap-0\.5 svg:hover {
    transform: scale(1.2) rotate(15deg) !important; /* 悬浮时像花朵一样绽放旋转 */
}

/* =========================================
   赛博花店：高定温柔系婚礼捧花 (发送键)
   ========================================= */

/* 1. 拿走冷冰冰的纸飞机，换上浪漫捧花 */
#ai-send-button svg {
    display: none !important;
}

/* 2. 捧花容器结界 */
#ai-send-button {
    width: 40px !important;
    height: 40px !important;
    background: transparent !important;
    border: none !important;
    position: relative !important;
    overflow: visible !important;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
    cursor: pointer !important;
}

/* 3. 扎起花束的根茎与香槟色丝带 (底层) */
#ai-send-button::after {
    content: '' !important;
    position: absolute !important;
    bottom: 2px !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    width: 12px !important;
    height: 16px !important;
    border-radius: 0 0 3px 3px !important;
    /* 丝带魔法：用交叉的线性渐变画出绑带，底层是灰绿色花茎 */
    background: 
        /* 丝带交叉的纹理 X */
        linear-gradient(135deg, transparent 40%, #fff8dc 40%, #fff8dc 60%, transparent 60%),
        linear-gradient(45deg, transparent 40%, #fff8dc 40%, #fff8dc 60%, transparent 60%),
        /* 底部低饱和度的绿色花茎 */
        linear-gradient(to right, #8fbc8f 0%, #a9dfbf 50%, #8fbc8f 100%) !important;
    box-shadow: 1px 2px 3px rgba(0,0,0,0.15) !important;
    z-index: 1 !important;
}

/* 4. 层层叠叠的莫兰迪色系花朵 (顶层花球) */
#ai-send-button::before {
    content: '' !important;
    position: absolute !important;
    top: -4px !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    width: 32px !important;
    height: 28px !important;
    border-radius: 50% 50% 40% 40% !important; /* 捧花饱满的半球形 */
    /* 核心魔法：用多重径向渐变，在不同坐标点出不同颜色的浅色花朵 */
    background: 
        /* C位主花：浅脏粉色玫瑰 */
        radial-gradient(circle at 50% 45%, #ffe4e1 2px, #ffb6c1 5px, transparent 6px),
        /* 左上：淡紫色洋桔梗 */
        radial-gradient(circle at 25% 30%, #f8f8ff 1px, #e6e6fa 4.5px, transparent 5.5px),
        /* 右上：香槟色芍药 */
        radial-gradient(circle at 75% 35%, #ffebcd 1.5px, #ffdab9 4.5px, transparent 5.5px),
        /* 左下：婴儿蓝勿忘我碎花 */
        radial-gradient(circle at 30% 70%, #f0f8ff 1px, #b0e0e6 4px, transparent 5px),
        /* 右下：奶黄色洋甘菊 */
        radial-gradient(circle at 70% 65%, #ffffe0 1px, #fffacd 4px, transparent 5px),
        /* 边缘点缀：灰绿色的尤加利叶 */
        radial-gradient(circle at 15% 50%, #c1d7c0 2px, transparent 3px),
        radial-gradient(circle at 85% 50%, #c1d7c0 2px, transparent 3px),
        radial-gradient(circle at 50% 15%, #c1d7c0 2px, transparent 3px),
        /* 打底：用极浅的米粉色填补花朵间的空隙，营造花束整体的体积感 */
        radial-gradient(ellipse at center, #fff0f5 0%, #fdf5e6 100%) !important;
    box-shadow: 
        0 4px 6px rgba(0, 0, 0, 0.1), /* 花束的轻盈投影 */
        inset 0 -2px 4px rgba(0,0,0,0.05) !important; /* 增加底部的立体感 */
    z-index: 2 !important;
}

/* 5. 交互效果：准备抛捧花啦！ */
#ai-send-button:hover {
    transform: translateY(-3px) rotate(-6deg) !important; /* 轻轻举起，微微倾斜 */
    /* 悬停时散发温柔的婚礼柔光 */
    filter: drop-shadow(0 4px 8px rgba(255, 182, 193, 0.5)) !important;
}

#ai-send-button:active {
    transform: translateY(1px) scale(0.95) !important; /* 按下发送，把幸福传递出去 */
}