/* --- 聊天框美化：可爱动漫甜心风格 --- */ /* --- 移除聊天框顶部的颜色条 --- */ [class*="bg-[#F1CBCB]"], [class*="bg-[#c9e1e9]"] { display: none !important; } /* --- 统一聊天框基础样式 (保留) --- */ .is-user > div, .is-assistant > div { background: rgba(250, 250, 250, 0.25) !important; /* 半透明白色背景 */ backdrop-filter: blur(10px) !important; /* 毛玻璃效果 */ -webkit-backdrop-filter: blur(10px) !important; border-radius: 16px !important; /* 圆角 */ padding: 12px !important; /* 内边距 */ position: relative !important; overflow: hidden !important; border: none !important; /* 移除边框 */ transition: all 0.3s ease !important; /* 平滑过渡效果 */ /* --- 新增/修改的边框代码 --- */ /* 内层：2px 蓝色虚线边框 */ border: 2px dashed #87CEEB !important; /* 外层：2px 粉色实线边框 (通过 box-shadow 实现) */ box-shadow: 0 0 0 2px #FFC0CB !important; } /* --- 确保文本高可读性 (保留) --- */ .rili-markdown-renderer { font-size: 18px !important; line-height: 1.7 !important; color: #333333 !important; /* 深色文本确保可读性 */ position: relative !important; z-index: 2 !important; /* 确保文本在发光效果之上 */ } /* --- 输入框专属样式：粉色单色发光效果 (保留) --- */ div[data-slot="input-group"] { box-shadow: 0 0 15px 2px rgba(255, 182, 193, 0.6) !important; /* 粉色发光 */ } /* --- 输入框右上角添加旋转的樱花动画 (保留) --- */ div[data-slot="input-group"]::after { content: '🌸' !important; position: absolute !important; top: 8px !important; right: 10px !important; font-size: 16px !important; opacity: 0.85 !important; z-index: 3 !important; animation: cherry-spin 8s linear infinite !important; transform-origin: center !important; } @keyframes cherry-spin { 0% { transform: rotate(0deg) translateY(0px); opacity: 0.7; } 25% { transform: rotate(90deg) translateY(-2px); opacity: 0.9; } 50% { transform: rotate(180deg) translateY(0px); opacity: 0.8; } 75% { transform: rotate(270deg) translateY(2px); opacity: 0.9; } 100% { transform: rotate(360deg) translateY(0px); opacity: 0.7; } } /* --- 文本格式化样式重定义 --- */ /* 粗体 - 改为 yêu cầu 的粉色 */ .rili-markdown-renderer strong, .rili-markdown-renderer b { font-weight: 600 !important; color: #D17AAA !important; } /* --- 全新折叠栏样式 --- */ /* 折叠栏标题 <summary> */ .rili-markdown-renderer summary { display: flex !important; align-items: center !important; justify-content: center !important; padding: 7px 10px !important; margin-bottom: 8px !important; /* 增大与下方内容的边距 */ cursor: pointer !important; background: linear-gradient(135deg, rgba(209, 122, 170, 0.8), rgba(227, 253, 255, 0.7)) !important; color: #8b5182 !important; font-weight: bold !important; font-size: 1.1em !important; border-radius: 50px !important; /* 近乎半圆的圆角 */ border: 2px solid white !important; box-shadow: 0 2px 8px rgba(209, 122, 170, 0.4) !important; list-style: none !important; /* 移除默认的三角箭头 */ transition: all 0.3s ease !important; transform: scale(1.03) !important; } .rili-markdown-renderer summary::-webkit-details-marker { display: none !important; } .rili-markdown-renderer summary:hover { transform: scale(1.02) !important; box-shadow: 0 4px 12px rgba(209, 122, 170, 0.6) !important; } /* 折叠内容区域 */ .rili-markdown-renderer details > *:not(summary) { background: rgba(227, 253, 255, 0.16) !important; /* 0.1透明度背景 */ border-radius: 30px !important; /* 标准圆角 */ padding: 15px !important; box-shadow: 0 0 8px 1px rgba(255, 255, 255, 0.9) !important; /* 1px白色边缘发光 */ font-size: 15px !important; /* 字体大小14px */ color: #444 !important; /* 确保深色字体可读性 */ } /* 自定义展开/折叠图标 */ summary::before { content: '✦' !important; /* 可爱的小星星作为图标 */ color: #95618e !important; text-shadow: 0 0 5px rgba(255, 255, 255, 0.7) !important; margin-right: 12px !important; font-size: 1em !important; transition: transform 0.4s cubic-bezier(0.68, -0.55, 0.27, 1.55) !important; /* 果冻回弹效果 */ } details[open] > summary::before { transform: rotate(135deg) !important; } /* --- 底部附加元素：可爱动漫风格 --- */ /* 操作按钮 */ .is-assistant > div button, .is-user > div button { background-color: #FFC0CB !important; /* 柔和粉色 */ color: #fff !important; border-radius: 20px !important; padding: 4px 12px !important; font-size: 0.8em !important; text-transform: none !important; transition: all 0.2s ease !important; border: 1px solid white !important; box-shadow: 0 1px 4px rgba(255, 192, 203, 0.7) !important; } .is-assistant > div button:hover, .is-user > div button:hover { background-color: #FFB6C1 !important; transform: translateY(-2px) !important; } /* 模型名称 */ .MuiTypography-root.MuiTypography-body2.css-6c0gf2 { color: #B0B0B0 !important; /* 高级灰 */ font-weight: 600 !important; text-shadow: none !important; position: relative !important; display: flex !important; align-items: center !important; } /* --- 高级灰粉色动漫风格表格 --- */ .rili-markdown-renderer table { display: block !important; width: 100% !important; overflow-x: auto !important; border-collapse: separate !important; /* 使用 separate 以支持 border-radius */ border-spacing: 0 !important; margin: 1em 0 !important; background-color: #fdf6f8 !important; /* 极淡粉色背景 */ border-radius: 12px !important; border: 1px solid #fce4ec !important; box-shadow: 0 2px 6px rgba(0,0,0,0.05) !important; } .rili-markdown-renderer th { background-color: #D17AAA !important; color: white !important; font-weight: bold !important; text-align: left !important; } .rili-markdown-renderer td, .rili-markdown-renderer th { padding: 12px 16px !important; border-bottom: 1px solid #fce4ec !important; } .rili-markdown-renderer tr:last-child td { border-bottom: none !important; } .rili-markdown-renderer td { color: #6d6d6d !important; /* 灰色字体 */ } /* --- 加载动画 (保留) --- */ .style_dot-flashing__8L91Q { display: none; } div:has(> .style_dot-flashing__8L91Q) { display: flex; align-items: center; justify-content: center; padding: 10px; width: 100%; } div:has(> .style_dot-flashing__8L91Q)::before { content: '❀'; display: inline-block; font-size: 22px; margin-right: 4px; flex-shrink: 0; color: #FFB6C1; animation: spin-glow 3s linear infinite; } div:has(> .style_dot-flashing__8L91Q)::after { content: '文本正在穿越时空中...'; display: inline-block; font-size: 15px; color: #FFB6C1; font-weight: 400; animation: text-bounce-glow 2.5s ease-in-out infinite; } @keyframes spin-glow { 0% { transform: rotate(0deg); filter: drop-shadow(0 0 2px #87CEEB); } 50% { filter: drop-shadow(0 0 5px #87CEEB); } 100% { transform: rotate(360deg); filter: drop-shadow(0 0 2px #87CEEB); } } @keyframes text-bounce-glow { 0%, 100% { text-shadow: 0 0 3px #87CEEB; } 25% { text-shadow: 0 0 7px #87CEEB; } 50% { text-shadow: 0 0 3px #87CEEB; } 75% { text-shadow: 0 0 7px #87CEEB; } } /* --- 响应式设计调整 (保留) --- */ @media (max-width: 768px) { .is-user > div, .is-assistant > div { border-radius: 12px !important; } div[data-slot="input-group"]::after { font-size: 14px !important; top: 6px !important; right: 8px !important; } } topinfo { display: block; width: 100%; } .topinfo-container { display: flex; flex-direction: column; gap: 10px; width: 100%; } .row { display: flex; flex-wrap: wrap; gap: 10px; width: 100%; } .row time, .row moment, .row loc, .row around { flex: 1; min-width: 200px; background: linear-gradient(135deg, rgba(209, 122, 170, 0.6), rgba(227, 253, 255, 0.5)); backdrop-filter: blur(10px); padding: 12px 20px; border-radius: 50px; text-align: center; transition: all 0.3s ease; box-sizing: border-box; font-size: 15px !important; } .row time:hover, .row moment:hover, .row loc:hover, .row around:hover { transform: translateY(-2px); box-shadow: 0 4px 12px rgba(209, 122, 170, 0.6); } /* 小屏幕设备 */ @media (max-width: 768px) { .row time, .row moment, .row loc, .row around { flex: 1 1 100%; min-width: auto; } } text { display: block; background: rgba(255, 255, 255, 0.1); backdrop-filter: blur(10px); border-radius: 12px; padding: 15px 20px; margin: 5px 0; box-sizing: border-box; width: 100%; } /* 2. 列表项 <li> 基础样式 */ .rili-markdown-renderer li { list-style-type: none; /* 移除默认数字 */ margin-bottom: 0px; /* 调整列表项间距 */ position: relative; border-radius: 50px; /* 圆角形状 */ font-size: 0.95rem; padding: 4px 8px 4px 12px; /* 减少内边距，降低高度 */ line-height: 1.2; /* 减小行高 */ min-height: auto; /* 移除最小高度限制 */ transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1); /* 平滑的过渡效果 */ } /* 4. 列表项 <li> 悬浮效果 */ .rili-markdown-renderer li:hover { background-color: #D17AAA !important; /* 背景变为主题粉色 */ border-radius: 50px; /* 圆角形状 */ color: white !important; /* 文字变为白色 */ box-shadow: 0 4px 10px rgba(209, 122, 170, 0.4); /* 添加悬浮阴影 */ } /* 悬浮时，自定义数字也变为白色 */ .rili-markdown-renderer li:hover::before { color: white !important; } /* 5. 悬浮时出现的可爱图标 🎐 */ .rili-markdown-renderer li::after { content: '🎐' !important; /* 将眼睛图标改为闪亮星星 */ color: #fff; /* 闪亮的金色 */ position: absolute !important; right: 18px !important; /* 右对齐 */ top: 50% !important; transform: translateY(-50%) !important; font-size: 22px !important; opacity: 0 !important; /* 默认隐藏 */ transition: all 0.3s ease !important; } /* 悬浮时显示图标并播放动画 */ .rili-markdown-renderer li:hover::after { opacity: 1 !important; animation: sparkle-glow 2s ease-in-out infinite !important; } /* 6. 定义图标的闪烁发光动画 */ @keyframes sparkle-glow { 0%, 100% { text-shadow: 0 0 4px #FFD700, 0 0 6px white; transform: translateY(-50%) scale(1); } 50% { text-shadow: 0 0 12px #FFFFFF, 0 0 16px #FFD700; transform: translateY(-50%) scale(1.2) rotate(15deg); } } /* --- T和Ti提示窗口系统 (可爱综漫风格) --- */ /* 基础设置 */ T { display: inline-block !important; /* 改为inline-block避免换行 */ width: 85% !important; /* 仍然占据整行宽度 */ box-sizing: border-box !important; /* 包含内边距在宽度内 */ } Ti { display: inline; } /* 1. 触发文本 <T> 的样式 */ T { position: relative; color: #a29bfe !important; /* 柔和薰衣草紫 */ cursor: pointer; text-decoration: underline dotted; /* 下划虚线 */ outline: none; border-radius: 6px !important; /* 圆角 */ transition: all 0.3s ease !important; /* 过渡效果 */ background-color: transparent !important; /* 初始透明背景 */ } /* 整行悬浮效果 */ T:hover { color: #6c5ce7 !important; /* 悬浮后变为深薰衣草紫 */ } /* 2. 提示窗口 <Ti> 的核心样式 */ Ti { display: none; position: absolute !important; top: 50% !important; left: 50% !important; transform: translate(-50%, -50%) !important; width: auto; max-width: 20vw; min-width: 200px; max-height: 60vh; overflow-y: auto; background-color: #fff9f2 !important; /* 奶油白背景 */ color: #574b60 !important; /* 柔和暗紫色文字 */ padding: 15px 18px; border: 2px solid #fab1a0 !important; /* 蜜桃粉边框 */ border-radius: 10px; box-shadow: 0 8px 25px rgba(253, 121, 168, 0.25), /* 糖果粉辉光 */ 0 0 0 1px rgba(250, 177, 160, 0.2) !important; font-size: 15px; line-height: 1.7; text-align: left; z-index: 100001 !important; /* 极高z-index确保在最上层 */ animation: fadeInUp 0.3s ease-out; font-family: "Helvetica Neue", "Arial", "Hiragino Sans GB", "Microsoft YaHei", sans-serif !important; /* 使用更现代圆润的字体 */ } /* 3. 触碰<T> 时显示 <Ti> */ T:hover > Ti { display: block; } /* 4. 点击外部关闭窗口 */ T:focus { outline: none; } T:hover::after { content: ' ✨' !important; /* 添加闪烁星星符号 */ display: inline !important; font-size: 1.3em !important; color: #fd79a8 !important; /* 糖果粉 */ margin-left: 4px !important; animation: symbolGlow 2s ease-in-out infinite !important; vertical-align: middle !important; } /* 从下方淡入动画 */ @keyframes fadeInUp { from { opacity: 0; transform: translate(-50%, -40%) !important; } to { opacity: 1; transform: translate(-50%, -50%) !important; } } /* Ti内容段落样式 */ Ti p { margin-bottom: 12px !important; text-indent: 2em !important; line-height: 1.7 !important; } Ti p:last-child { margin-bottom: 0 !important; } Ti strong { color: #fd79a8 !important; /* 糖果粉 */ font-weight: 600 !important; } Ti em, Ti i { font-style: normal !important; display: block !important; background: linear-gradient(135deg, #a29bfe, #ffb8c6, #ffeaa7) !important; /* 梦幻渐变: 紫 -> 粉 -> 黄 */ font-size: 0.8em !important; font-weight: 300 !important; margin: 0 2px !important; position: relative !important; font-family: "Helvetica Neue", "Arial", "Hiragino Sans GB", "Microsoft YaHei", sans-serif !important; text-align: center; text-shadow: none !important; /* 移除文字投影 */ color: #fff !important; } /* 电脑端优化定位 */ @media (min-width: 769px) { Ti { max-width: 400px; min-width: 233px; top: 50% !important; left: 50% !important; transform: translate(-50%, -50%) !important; } } /* 手机端优化 */ @media (max-width: 480px) { T { text-decoration: underline dotted !important; padding: 10px 12px !important; /* 手机端稍大的点击区域 */ width: 50% !important; /* 仍然占据半行宽度 */ } Ti { max-width: 50vw; min-width: calc(60vw - 30px); padding: 12px 16px; font-size: 14px; top: 50% !important; left: 50% !important; transform: translate(-50%, -50%) !important; } } /* 超小屏幕手机优化 */ @media (max-width: 360px) { Ti { max-width: calc(50vw - 20px); padding: 12px 13px; font-size: 14px; } } /* 确保Ti在折叠栏内容之上 */ .rili-markdown-renderer details[open] { position: relative; z-index: 1; } .rili-markdown-renderer details[open] T { position: relative; } /* 为details容器创建定位上下文 */ .rili-markdown-renderer details { position: relative !important; } /* 确保Ti窗口能超出details边界 */ .rili-markdown-renderer details Ti { position: absolute !important; top: 50% !important; left: 50% !important; transform: translate(-50%, -50%) !important; overflow: visible !important; } /* 移除边界限制 */ Ti { max-width: 20vw !important; min-width: 200px !important; max-height: 60vh !important; } /* 确保Ti在折叠栏内容之上 */ .rili-markdown-renderer details[open] { position: relative; z-index: 1; overflow: visible !important; } .rili-markdown-renderer details[open] T { position: relative; } /* 为details容器创建定位上下文 */ .rili-markdown-renderer details { position: relative !important; overflow: visible !important; } /* 确保Ti可以完全显示，不受父容器限制 */ .rili-markdown-renderer details Ti { position: absolute !important; top: 50% !important; left: 50% !important; transform: translate(-50%, -50%) !important; clip: auto !important; overflow: visible !important; } /* 1. 可爱胶囊斜体样式 */ em, i { font-style: normal !important; display: inline-block; padding: 2px 10px; margin: 0 4px; border: 1px solid #fab1a0; /* 蜜桃粉边框 */ border-radius: 50em; /* 胶囊形状 */ background-color: rgba(227, 253, 255, 0.5); /* 半透明蜜桃粉背景 */ color: #000; /* 柔和的红色文字，增加可读性 */ line-height: 1.6; white-space: nowrap; /* 防止胶囊在某些情况下断行 */ } em::before, i::before { content: '✧ '; /* 花朵符号 */ color: rgba(209, 122, 170, 2); /* 糖果粉 */ margin-right: 3px; font-weight: bold; } em::after, i::after { content: '✧ '; /* 花朵符号 */ color: rgba(209, 122, 170, 2); /* 糖果粉 */ margin-right: 3px; font-weight: bold; } /* ===== 综漫主题界面美化 - 可爱甜心风格 ===== */ /* --- 1. 顶部栏美化 --- */ /* 模型选择器粉蓝双层边框 */ #ai-model-selector .group.flex.items-center { border: 2px dashed #87CEEB !important; box-shadow: 0 0 0 2px #FFC0CB !important; border-radius: 50px !important; background-color: rgba(255, 255, 255, 0.6) !important; backdrop-filter: blur(8px) !important; -webkit-backdrop-filter: blur(8px) !important; transition: all 0.3s ease !important; } #ai-model-selector .group.flex.items-center:hover { box-shadow: 0 0 0 2px #FFC0CB, 0 4px 12px rgba(209, 122, 170, 0.3) !important; } /* 模型名称可爱英文字体 */ #ai-model-selector .truncate.text-\[13px\] { font-weight: bold !important; color: #D17AAA !important; letter-spacing: 0.5px !important; transition: all 0.3s ease !important; } #ai-model-selector .group.flex.items-center:hover .truncate.text-\[13px\] { color: #c4619a !important; } /* 下拉箭头样式 */ #ai-model-selector .shrink-0.flex.items-center svg { color: #87CEEB !important; transition: all 0.3s ease !important; } #ai-model-selector .group.flex.items-center:hover .shrink-0.flex.items-center svg { color: #D17AAA !important; } /* 设置按钮樱花旋转动画 */ #header-setting-button { background-color: transparent !important; border: none !important; position: relative !important; display: flex !important; align-items: center !important; justify-content: center !important; transition: all 0.3s ease !important; } #header-setting-button::before { content: '🌸' !important; font-size: 22px !important; position: absolute !important; animation: sakura-spin 4s linear infinite !important; } #header-setting-button:hover::before { animation: sakura-spin 1.5s linear infinite !important; } #header-setting-button svg { opacity: 0 !important; } @keyframes sakura-spin { 0% { transform: rotate(0deg) scale(1); } 25% { transform: rotate(90deg) scale(1.05); } 50% { transform: rotate(180deg) scale(1); } 75% { transform: rotate(270deg) scale(1.05); } 100% { transform: rotate(360deg) scale(1); } } /* --- 2. 按钮栏美化 --- */ /* 粉色胶囊按钮 */ #ai-mod-button2 button.MuiButton-root { background: linear-gradient(135deg, #FFB6C1 0%, #FFC0CB 50%, #FFD1DC 100%) !important; border: 1px dashed rgb(135, 206, 235, 0.65) !important; box-shadow: 0 0 0 2px #FFC0CB, 0 2px 8px rgba(255, 182, 193, 0.4) !important; border-radius: 50px !important; color: #ffffff !important; font-weight: bold !important; text-shadow: 0 1px 2px rgba(209, 122, 170, 0.3) !important; transition: all 0.3s ease !important; position: relative !important; overflow: visible !important; } #ai-mod-button2 button.MuiButton-root:hover { background: linear-gradient(135deg, #FFA0B0 0%, #FFB0C0 50%, #FFC0D0 100%) !important; box-shadow: 0 0 0 2px #FFC0CB, 0 4px 12px rgba(255, 182, 193, 0.5) !important; } /* 悬浮时右上角旋转金粉色✧ */ #ai-mod-button2 button.MuiButton-root::before { content: '✧' !important; position: absolute !important; top: -8px !important; right: -5px !important; font-size: 16px !important; color: #FFD700 !important; text-shadow: 0 0 6px rgba(255, 215, 0, 0.85), 0 0 12px rgba(255, 182, 193, 0.65) !important; opacity: 0 !important; transform: rotate(0deg) scale(0) !important; transition: all 0.4s cubic-bezier(0.68, -0.55, 0.27, 1.55) !important; } #ai-mod-button2 button.MuiButton-root:hover::before { opacity: 1 !important; transform: rotate(360deg) scale(1) !important; animation: sparkle-rotate 1.5s linear infinite !important; } @keyframes sparkle-rotate { 0% { transform: rotate(0deg) scale(1); opacity: 1; } 50% { transform: rotate(180deg) scale(1.2); opacity: 0.8; } 100% { transform: rotate(360deg) scale(1); opacity: 1; } } #ai-mod-button2 button.MuiButton-root svg { color: #ffffff !important; } /* --- 3. 评分星星美化 --- */ /* 空心星星 - 灰色调🎐 */ span.MuiRating-iconEmpty { position: relative !important; } span.MuiRating-iconEmpty svg { opacity: 0 !important; } span.MuiRating-iconEmpty::before { content: '🎐' !important; position: absolute !important; font-size: 1.1em !important; filter: saturate(0.3) brightness(0.85) !important; opacity: 0.6 !important; left: 0 !important; top: 0 !important; } /* 实心星星 - 原版🎐 */ span.MuiRating-iconFilled { position: relative !important; } span.MuiRating-iconFilled svg { opacity: 0 !important; } span.MuiRating-iconFilled::before { content: '🎐' !important; position: absolute !important; font-size: 1.1em !important; filter: none !important; opacity: 1 !important; left: 0 !important; top: 0 !important; } /* --- 4. 评论区美化 --- */ /* 评论区主容器淡粉渐变背景 */ div[class*="w-full"][class*="bg-white"][class*="bottom-0"] { background: linear-gradient(180deg, #fff5f8 0%, #ffe8f0 50%, #fff0f5 100%) !important; } /* 评论项卡片半透明玻璃质感 */ div.group.ml-0 { background: rgba(255, 255, 255, 0.45) !important; backdrop-filter: blur(12px) !important; -webkit-backdrop-filter: blur(12px) !important; border-radius: 16px !important; border: 1px solid rgba(255, 255, 255, 0.6) !important; box-shadow: 0 4px 16px rgba(209, 122, 170, 0.15), inset 0 1px 0 rgba(255, 255, 255, 0.8) !important; margin-bottom: 12px !important; transition: all 0.3s ease !important; } div.group.ml-0:hover { background: rgba(255, 255, 255, 0.6) !important; box-shadow: 0 6px 20px rgba(209, 122, 170, 0.25), inset 0 1px 0 rgba(255, 255, 255, 0.9) !important; transform: translateY(-3px) !important; } /* 回复评论区域 - 20%半透明玻璃质感 */ div.ml-8.border-l { background: rgba(255, 255, 255, 0.20) !important; backdrop-filter: blur(8px) !important; -webkit-backdrop-filter: blur(8px) !important; border-left: 2px solid rgba(209, 122, 170, 0.4) !important; border-radius: 0 12px 12px 0 !important; margin-left: 20px !important; padding: 10px 12px !important; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5) !important; transition: all 0.3s ease !important; } div.ml-8.border-l:hover { background: rgba(255, 255, 255, 0.30) !important; border-left-color: rgba(209, 122, 170, 0.6) !important; } /* 评论区输入框粉蓝双层边框 */ div.flex.flex-col.border-gray-200 { border: 2px dashed #87CEEB !important; box-shadow: 0 0 0 2px #FFC0CB !important; border-radius: 16px !important; background: rgba(255, 255, 255, 0.7) !important; backdrop-filter: blur(8px) !important; -webkit-backdrop-filter: blur(8px) !important; } textarea.rc-textarea { background: transparent !important; border: none !important; color: #574b60 !important; font-family: 'Comic Sans MS', 'Chalkboard', cursive, sans-serif !important; } textarea.rc-textarea::placeholder { color: #D17AAA !important; opacity: 0.7 !important; } /* 评论区发送按钮粉色无边框 */ div.cursor-pointer.group.flex.items-center.justify-center { background: linear-gradient(135deg, #FFB6C1 0%, #FFC0CB 50%, #FFD1DC 100%) !important; border: none !important; border-radius: 12px !important; box-shadow: 0 3px 10px rgba(255, 182, 193, 0.4) !important; transition: all 0.3s ease !important; } div.cursor-pointer.group.flex.items-center.justify-center:hover { background: linear-gradient(135deg, #FFA0B0 0%, #FFB0C0 50%, #FFC0D0 100%) !important; box-shadow: 0 5px 15px rgba(255, 182, 193, 0.5) !important; transform: scale(1.05) !important; } div[data-state="closed"] svg[data-icon="Send03"] { color: #ffffff !important; } /* --- 5. 底部栏美化 --- */ /* 输入框容器粉蓝双层边框 */ div[data-slot="input-group"] { border: 2px dashed #87CEEB !important; box-shadow: 0 0 0 2px #FFC0CB, 0 4px 16px rgba(209, 122, 170, 0.2) !important; border-radius: 24px !important; background: rgba(255, 255, 255, 0.8) !important; backdrop-filter: blur(10px) !important; -webkit-backdrop-fil