/* 隐藏顶部颜色装饰条 */ [class*="bg-[#F1CBCB]"], [class*="bg-[#c9e1e9]"] { display: none !important; } /* 统一聊天框 - 中土世界史诗风格 */ .bg-gray-100\/90.relative.inline-block { background: linear-gradient(135deg, #1a1a2e 0%, #16213e 50%, #0f3460 100%) !important; border: 2px solid transparent !important; border-radius: 16px !important; box-shadow: 0 8px 32px rgba(0, 0, 0, 0.6), inset 0 1px 0 rgba(255, 215, 0, 0.3), 0 0 40px rgba(100, 149, 237, 0.2) !important; padding: 20px !important; position: relative !important; isolation: isolate !important; backdrop-filter: blur(10px) !important; border-image: linear-gradient( 135deg, rgba(255, 215, 0, 0.6), rgba(192, 192, 192, 0.4), rgba(255, 215, 0, 0.6) ) 1 !important; } /* 星空魔法背景动效 - 使用伪元素 */ .bg-gray-100\/90.relative.inline-block::before { content: '' !important; position: absolute !important; top: 0 !important; left: 0 !important; right: 0 !important; bottom: 0 !important; border-radius: 16px !important; background-image: radial-gradient(2px 2px at 20% 30%, rgba(255, 255, 255, 0.8), transparent), radial-gradient(2px 2px at 60% 70%, rgba(255, 255, 255, 0.6), transparent), radial-gradient(1px 1px at 50% 50%, rgba(255, 215, 0, 0.8), transparent), radial-gradient(1px 1px at 80% 10%, rgba(255, 255, 255, 0.7), transparent), radial-gradient(2px 2px at 90% 60%, rgba(192, 192, 192, 0.6), transparent), radial-gradient(1px 1px at 33% 80%, rgba(255, 255, 255, 0.5), transparent) !important; background-size: 200% 200% !important; background-position: 0% 0% !important; opacity: 0.6 !important; z-index: 0 !important; pointer-events: none !important; animation: starfield 60s linear infinite !important; } /* 魔法光晕动效 - 第二层伪元素 */ .bg-gray-100\/90.relative.inline-block::after { content: '' !important; position: absolute !important; top: -2px !important; left: -2px !important; right: -2px !important; bottom: -2px !important; border-radius: 16px !important; background: linear-gradient( 45deg, rgba(255, 215, 0, 0.4), rgba(100, 149, 237, 0.3), rgba(192, 192, 192, 0.4), rgba(255, 215, 0, 0.4) ) !important; background-size: 300% 300% !important; z-index: -1 !important; opacity: 0.5 !important; filter: blur(8px) !important; animation: magicGlow 8s ease-in-out infinite !important; } @keyframes starfield { 0% { background-position: 0% 0%; } 100% { background-position: 100% 100%; } } @keyframes magicGlow { 0%, 100% { background-position: 0% 50%; opacity: 0.5; } 50% { background-position: 100% 50%; opacity: 0.7; } } /* 主要文本内容 - 确保高对比度可读性 */ .markdown-body { color: #F5F5F5 !important; font-family: 'Palatino Linotype', 'Book Antiqua', Palatino, serif, system-ui !important; font-size: 15px !important; line-height: 1.8 !important; position: relative !important; z-index: 1 !important; background: transparent !important; text-rendering: optimizeLegibility !important; } /* 强调文本 */ .markdown-body strong, .markdown-body b { color: #FFD700 !important; font-weight: bold !important; text-shadow: 0 0 8px rgba(255, 215, 0, 0.3) !important; } /* 代码块 */ .markdown-body code { background: rgba(0, 0, 0, 0.4) !important; color: #E0E0E0 !important; border: 1px solid rgba(255, 215, 0, 0.3) !important; border-radius: 4px !important; padding: 2px 6px !important; } /* 底部操作按钮 */ .MuiButtonBase-root.MuiButton-root.MuiButton-text.MuiButton-textPrimary { color: #D4D4D4 !important; font-family: 'Palatino Linotype', 'Book Antiqua', Palatino, serif !important; transition: all 0.3s ease !important; text-transform: none !important; } .MuiButtonBase-root.MuiButton-root.MuiButton-text.MuiButton-textPrimary:hover { color: #FFD700 !important; text-shadow: 0 0 10px rgba(255, 215, 0, 0.5) !important; background: rgba(255, 215, 0, 0.1) !important; } /* 模型名称文本 */ .MuiTypography-root.MuiTypography-body2.css-6c0gf2 { color: #C0C0C0 !important; font-family: 'Palatino Linotype', 'Book Antiqua', Palatino, serif !important; font-style: italic !important; opacity: 0.85 !important; } /* Token消耗文本 */ .text-orange-500 { color: #FFD700 !important; font-family: 'Palatino Linotype', 'Book Antiqua', Palatino, serif !important; font-weight: 500 !important; } /* 隐藏默认加载动画 */ .style_dot-flashing__8L91Q.style_text__zGhNq { display: none !important; } /* 自定义加载动画 - 魔戒旋转效果 */ .flex.items-center.justify-center.w-6.h-5 { position: relative !important; min-height: 40px !important; } .flex.items-center.justify-center.w-6.h-5::before { content: '' !important; position: absolute !important; width: 32px !important; height: 32px !important; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Ccircle cx='50' cy='50' r='40' fill='none' stroke='%23FFD700' stroke-width='4' opacity='0.3'/%3E%3Ccircle cx='50' cy='50' r='35' fill='none' stroke='%23C0C0C0' stroke-width='3' opacity='0.5'%3E%3CanimateTransform attributeName='transform' type='rotate' from='0 50 50' to='360 50 50' dur='2s' repeatCount='indefinite'/%3E%3C/circle%3E%3Ccircle cx='50' cy='15' r='4' fill='%23FFD700'%3E%3Canimate attributeName='opacity' values='1;0.3;1' dur='2s' repeatCount='indefinite'/%3E%3CanimateTransform attributeName='transform' type='rotate' from='0 50 50' to='360 50 50' dur='2s' repeatCount='indefinite'/%3E%3C/circle%3E%3C/svg%3E") !important; background-size: contain !important; background-repeat: no-repeat !important; background-position: center !important; left: 50% !important; top: 50% !important; transform: translate(-50%, -50%) !important; } /* 移动端适配 */ @media (max-width: 480px) { .bg-gray-100\/90.relative.inline-block { padding: 16px !important; border-radius: 12px !important; } .markdown-body { font-size: 14px !important; } .flex.items-center.justify-center.w-6.h-5::before { width: 28px !important; height: 28px !important; } } /* 低动效模式 */ @media (prefers-reduced-motion: reduce) { .bg-gray-100\/90.relative.inline-block::before { animation-duration: 120s !important; } .bg-gray-100\/90.relative.inline-block::after { animation-duration: 16s !important; } }