/* ===== 顶部栏 - 塔顶部分 ===== */
.sticky.w-full.top-0.flex.items-center {
    background: linear-gradient(180deg, #1a0a2e 0%, #2d1b4e 50%, #0f0520 100%) !important;
    border-bottom: 2px solid #d4af37 !important;
    box-shadow: 0 4px 20px rgba(212, 175, 55, 0.3), 
                0 8px 40px rgba(138, 43, 226, 0.4),
                inset 0 1px 0 rgba(255, 215, 0, 0.2) !important;
    position: relative !important;
}

.sticky.w-full.top-0.flex.items-center::before {
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 60%;
    height: 1px;
    background: linear-gradient(90deg, transparent, #ffd700, transparent);
    opacity: 0.6;
}

/* 模型选择器 */
#ai-model-selector .group.flex.items-center {
    background: rgba(45, 27, 78, 0.6) !important;
    border: 1px solid #8b45d6 !important;
    border-radius: 8px !important;
    padding: 6px 12px !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 2px 8px rgba(139, 69, 214, 0.3) !important;
}

#ai-model-selector .group.flex.items-center:hover {
    border-color: #d4af37 !important;
    box-shadow: 0 0 15px rgba(212, 175, 55, 0.5), 
                0 0 30px rgba(138, 43, 226, 0.3) !important;
    transform: translateY(-1px) !important;
}

#ai-model-selector .truncate.text-\[13px\] {
    color: #f0e6ff !important;
    font-weight: 500 !important;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif !important;
}

#ai-model-selector .shrink-0.flex.items-center svg {
    color: #d4af37 !important;
    filter: drop-shadow(0 0 4px rgba(212, 175, 55, 0.6)) !important;
}

/* 历史记录图标 */
.sticky.w-full.top-0 svg.lucide-clock-8 {
    color: #e6d5ff !important;
    filter: drop-shadow(0 0 6px rgba(138, 43, 226, 0.6)) !important;
    transition: all 0.3s ease !important;
}

.sticky.w-full.top-0 svg.lucide-clock-8:hover {
    color: #d4af37 !important;
    filter: drop-shadow(0 0 10px rgba(212, 175, 55, 0.8)) !important;
    transform: scale(1.1) !important;
}

/* 未读角标 */
.sticky.w-full.top-0 span.MuiBadge-dot.md\:hidden {
    background: #d4af37 !important;
    box-shadow: 0 0 8px rgba(212, 175, 55, 0.8) !important;
}

/* 音乐按钮 */
.sticky.w-full.top-0 button.MuiIconButton-root:has(svg.lucide-music-2) {
    background: rgba(45, 27, 78, 0.4) !important;
    border: 1px solid #8b45d6 !important;
    transition: all 0.3s ease !important;
}

.sticky.w-full.top-0 button.MuiIconButton-root:has(svg.lucide-music-2):hover {
    background: rgba(212, 175, 55, 0.2) !important;
    border-color: #d4af37 !important;
    box-shadow: 0 0 12px rgba(212, 175, 55, 0.6) !important;
}

.sticky.w-full.top-0 button.MuiIconButton-root svg.lucide-music-2 {
    color: #e6d5ff !important;
}

/* 移动端设置图标 */
.sticky.w-full.top-0 svg:has(use[href="#icon-icon-set"]) {
    color: #e6d5ff !important;
    filter: drop-shadow(0 0 6px rgba(138, 43, 226, 0.6)) !important;
}

/* 设置按钮 */
#header-setting-button {
    background: rgba(45, 27, 78, 0.5) !important;
    border: 1px solid #8b45d6 !important;
    border-radius: 8px !important;
    transition: all 0.3s ease !important;
}

#header-setting-button:hover {
    background: rgba(212, 175, 55, 0.15) !important;
    border-color: #d4af37 !important;
    box-shadow: 0 0 15px rgba(212, 175, 55, 0.5) !important;
    transform: translateY(-2px) !important;
}

#header-setting-button svg {
    color: #f0e6ff !important;
    filter: drop-shadow(0 0 4px rgba(212, 175, 55, 0.4)) !important;
}

/* ===== 开场白选择器 ===== */
div.flex.items-center.h-9.bg-white.rounded-md.cursor-pointer.group[class*="border-gray"] {
    background: linear-gradient(135deg, rgba(45, 27, 78, 0.8) 0%, rgba(26, 10, 46, 0.9) 100%) !important;
    border: 1px solid #8b45d6 !important;
    box-shadow: 0 2px 12px rgba(138, 43, 226, 0.4) !important;
    transition: all 0.3s ease !important;
}

div.flex.items-center.h-9.bg-white.rounded-md.cursor-pointer.group[class*="border-gray"]:hover {
    border-color: #d4af37 !important;
    box-shadow: 0 0 20px rgba(212, 175, 55, 0.6) !important;
    transform: translateY(-2px) !important;
}

div.flex.items-center.h-9.cursor-pointer.group svg[data-icon="SlidersH"],
div.flex.items-center.h-9.cursor-pointer.group svg[data-icon="ChevronDown"] {
    color: #d4af37 !important;
    filter: drop-shadow(0 0 4px rgba(212, 175, 55, 0.5)) !important;
}

/* ===== 按钮栏 - 塔身装饰 ===== */
#ai-mod-button2 button.MuiButton-root {
    background: linear-gradient(135deg, rgba(45, 27, 78, 0.6) 0%, rgba(26, 10, 46, 0.7) 100%) !important;
    border: 1px solid #8b45d6 !important;
    color: #f0e6ff !important;
    border-radius: 8px !important;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif !important;
    font-weight: 500 !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 2px 8px rgba(138, 43, 226, 0.3) !important;
}

#ai-mod-button2 button.MuiButton-root:hover {
    background: linear-gradient(135deg, rgba(212, 175, 55, 0.2) 0%, rgba(45, 27, 78, 0.8) 100%) !important;
    border-color: #d4af37 !important;
    box-shadow: 0 0 20px rgba(212, 175, 55, 0.6), 
                0 4px 15px rgba(138, 43, 226, 0.4) !important;
    transform: translateY(-2px) scale(1.02) !important;
}

#ai-mod-button2 button.MuiButton-root svg {
    filter: drop-shadow(0 0 4px rgba(212, 175, 55, 0.5)) !important;
    transition: all 0.3s ease !important;
}

#ai-mod-button2 button.MuiButton-root:hover svg {
    filter: drop-shadow(0 0 8px rgba(212, 175, 55, 0.8)) !important;
}

/* ===== 底部栏 - 塔基部分 ===== */
.bg-gradient-to-t {
    background: linear-gradient(0deg, #1a0a2e 0%, #2d1b4e 50%, #0f0520 100%) !important;
    border-top: 2px solid #d4af37 !important;
    box-shadow: 0 -4px 20px rgba(212, 175, 55, 0.3), 
                0 -8px 40px rgba(138, 43, 226, 0.4),
                inset 0 -1px 0 rgba(255, 215, 0, 0.2) !important;
}

#ai-chat-bottom-input {
    background: linear-gradient(135deg, rgba(45, 27, 78, 0.8) 0%, rgba(26, 10, 46, 0.9) 100%) !important;
    border: 2px solid #8b45d6 !important;
    border-radius: 12px !important;
    box-shadow: 0 4px 20px rgba(138, 43, 226, 0.4),
                0 0 30px rgba(212, 175, 55, 0.2),
                inset 0 1px 2px rgba(255, 215, 0, 0.1) !important;
    transition: all 0.3s ease !important;
}

#ai-chat-bottom-input:focus-within {
    border-color: #d4af37 !important;
    box-shadow: 0 0 30px rgba(212, 175, 55, 0.6),
                0 4px 25px rgba(138, 43, 226, 0.5),
                inset 0 1px 3px rgba(255, 215, 0, 0.2) !important;
}

#ai-chat-input {
    color: #f0e6ff !important;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif !important;
    font-weight: 400 !important;
}

#ai-chat-input::placeholder {
    color: #b399d4 !important;
    opacity: 0.7 !important;
}

#ai-chat-input::selection {
    background: rgba(212, 175, 55, 0.3) !important;
    color: #ffffff !important;
}

/* 为顶部栏和底部栏添加动态光晕脉动效果 */
@keyframes divine-pulse {
    0%, 100% { box-shadow: 0 4px 20px rgba(212, 175, 55, 0.3), 0 8px 40px rgba(138, 43, 226, 0.4); }
    50% { box-shadow: 0 4px 30px rgba(212, 175, 55, 0.5), 0 8px 50px rgba(138, 43, 226, 0.6); }
}

.sticky.w-full.top-0.flex.items-center,
.bg-gradient-to-t {
    animation: divine-pulse 3s ease-in-out infinite !important;
}

/* 为按钮添加金色粒子扫光效果 */
@keyframes shimmer {
    0% { background-position: -200% center; }
    100% { background-position: 200% center; }
}

#ai-mod-button2 button.MuiButton-root::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(90deg, transparent, rgba(212, 175, 55, 0.3), transparent);
    background-size: 200% 100%;
    animation: shimmer 3s infinite;
    border-radius: 8px;
}

/* 输入聊天框 - 星空背景 */
.bg-gray-100\/90.relative.inline-block:not(.chat-answer-container .bg-gray-100\/90) {
    position: relative !important;
    background: linear-gradient(135deg, #0f1620 0%, #1a2332 50%, #0d1b2a 100%) !important;
    border-radius: 16px !important;
    padding: 20px !important;
    box-shadow: 0 8px 32px rgba(15, 22, 32, 0.4) !important;
    border: 1px solid rgba(100, 150, 200, 0.3) !important;
    overflow: hidden !important;
    isolation: isolate !important;
}

/* 输入框星空动画 - 使用SVG SMIL */
.bg-gray-100\/90.relative.inline-block:not(.chat-answer-container .bg-gray-100\/90)::before {
    content: '' !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    z-index: 0 !important;
    background-image: 
        url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="800" height="600" viewBox="0 0 800 600"><circle cx="100" cy="80" r="1.5" fill="white" opacity="0.9"><animate attributeName="opacity" values="0.3;1;0.3" dur="3s" repeatCount="indefinite"/></circle><circle cx="250" cy="150" r="1" fill="white" opacity="0.7"><animate attributeName="opacity" values="0.5;1;0.5" dur="4s" repeatCount="indefinite"/></circle><circle cx="450" cy="100" r="1.2" fill="white" opacity="0.8"><animate attributeName="opacity" values="0.4;0.9;0.4" dur="3.5s" repeatCount="indefinite"/></circle><circle cx="600" cy="200" r="1" fill="white" opacity="0.6"><animate attributeName="opacity" values="0.3;0.8;0.3" dur="5s" repeatCount="indefinite"/></circle><circle cx="150" cy="300" r="1.3" fill="white" opacity="0.9"><animate attributeName="opacity" values="0.6;1;0.6" dur="2.8s" repeatCount="indefinite"/></circle><circle cx="400" cy="350" r="1.1" fill="white" opacity="0.7"><animate attributeName="opacity" values="0.4;0.9;0.4" dur="4.2s" repeatCount="indefinite"/></circle><circle cx="700" cy="400" r="1.4" fill="white" opacity="0.8"><animate attributeName="opacity" values="0.5;1;0.5" dur="3.3s" repeatCount="indefinite"/></circle><circle cx="200" cy="500" r="1" fill="white" opacity="0.6"><animate attributeName="opacity" values="0.3;0.7;0.3" dur="4.5s" repeatCount="indefinite"/></circle><circle cx="550" cy="480" r="1.2" fill="white" opacity="0.85"><animate attributeName="opacity" values="0.5;1;0.5" dur="3.7s" repeatCount="indefinite"/></circle><circle cx="80" cy="220" r="0.9" fill="white" opacity="0.65"><animate attributeName="opacity" values="0.4;0.8;0.4" dur="5.2s" repeatCount="indefinite"/></circle><circle cx="320" cy="260" r="1.1" fill="white" opacity="0.75"><animate attributeName="opacity" values="0.45;0.95;0.45" dur="3.9s" repeatCount="indefinite"/></circle><circle cx="680" cy="90" r="1" fill="white" opacity="0.7"><animate attributeName="opacity" values="0.35;0.85;0.35" dur="4.8s" repeatCount="indefinite"/></circle></svg>'),
        radial-gradient(2px 2px at 20% 30%, white, transparent),
        radial-gradient(2px 2px at 60% 70%, white, transparent),
        radial-gradient(1px 1px at 50% 50%, white, transparent),
        radial-gradient(1px 1px at 80% 10%, white, transparent),
        radial-gradient(2px 2px at 90% 60%, white, transparent),
        radial-gradient(1px 1px at 33% 80%, white, transparent) !important;
    background-size: 
        800px 600px,
        200px 200px,
        200px 200px,
        100px 100px,
        150px 150px,
        180px 180px,
        120px 120px !important;
    background-position: 
        0 0,
        0 0,
        40px 60px,
        130px 270px,
        70px 100px,
        150px 300px,
        250px 180px !important;
    opacity: 0.9 !important;
    pointer-events: none !important;
}

/* 输入框流星效果 */
.bg-gray-100\/90.relative.inline-block:not(.chat-answer-container .bg-gray-100\/90)::after {
    content: '' !important;
    position: absolute !important;
    top: -50% !important;
    left: -10% !important;
    width: 2px !important;
    height: 80px !important;
    z-index: 0 !important;
    background: linear-gradient(to bottom, transparent, rgba(255, 255, 255, 0.8), transparent) !important;
    transform: rotate(-45deg) !important;
    animation: shooting-star 8s linear infinite !important;
    opacity: 0 !important;
    pointer-events: none !important;
}

@keyframes shooting-star {
    0% {
        top: -50%;
        left: -10%;
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    30% {
        opacity: 0.8;
    }
    50% {
        top: 80%;
        left: 80%;
        opacity: 0;
    }
    100% {
        top: 150%;
        left: 110%;
        opacity: 0;
    }
}

/* 输出聊天框 - 鸢尾花田背景 */
.chat-answer-container .bg-gray-100\/90.relative.inline-block {
    position: relative !important;
    background: linear-gradient(135deg, #e8dff5 0%, #f0e7f8 30%, #dfe5f3 70%, #e1e8f0 100%) !important;
    border-radius: 16px !important;
    padding: 20px !important;
    box-shadow: 0 8px 32px rgba(127, 90, 240, 0.15) !important;
    border: 1px solid rgba(127, 90, 240, 0.25) !important;
    overflow: hidden !important;
    isolation: isolate !important;
}

/* 输出框鸢尾花动画 - 使用SVG SMIL */
.chat-answer-container .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;
    z-index: 0 !important;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="400" height="400" viewBox="0 0 400 400"><g opacity="0.5"><ellipse cx="80" cy="320" rx="8" ry="14" fill="%237c5fa0" transform="rotate(-15 80 320)"><animateTransform attributeName="transform" type="rotate" values="-15 80 320; -20 80 320; -15 80 320" dur="4s" repeatCount="indefinite"/></ellipse><ellipse cx="75" cy="320" rx="8" ry="14" fill="%238b6fb8" transform="rotate(-35 75 320)"><animateTransform attributeName="transform" type="rotate" values="-35 75 320; -30 75 320; -35 75 320" dur="4s" repeatCount="indefinite"/></ellipse><ellipse cx="85" cy="320" rx="8" ry="14" fill="%236a4a8f" transform="rotate(5 85 320)"><animateTransform attributeName="transform" type="rotate" values="5 85 320; 10 85 320; 5 85 320" dur="4s" repeatCount="indefinite"/></ellipse><ellipse cx="70" cy="325" rx="7" ry="12" fill="%239d88c7" transform="rotate(-50 70 325)"><animateTransform attributeName="transform" type="rotate" values="-50 70 325; -45 70 325; -50 70 325" dur="4s" repeatCount="indefinite"/></ellipse><ellipse cx="90" cy="325" rx="7" ry="12" fill="%23b8a5d6" transform="rotate(20 90 325)"><animateTransform attributeName="transform" type="rotate" values="20 90 325; 25 90 325; 20 90 325" dur="4s" repeatCount="indefinite"/></ellipse><rect x="78" y="330" width="4" height="25" fill="%235a7a4a" rx="1"/><path d="M 82 335 Q 88 338 90 343" stroke="%234a6a3a" stroke-width="1.5" fill="none"/></g><g opacity="0.45"><ellipse cx="220" cy="340" rx="9" ry="15" fill="%239b7fc5" transform="rotate(-10 220 340)"><animateTransform attributeName="transform" type="rotate" values="-10 220 340; -15 220 340; -10 220 340" dur="5s" repeatCount="indefinite"/></ellipse><ellipse cx="214" cy="340" rx="9" ry="15" fill="%23a890d0" transform="rotate(-30 214 340)"><animateTransform attributeName="transform" type="rotate" values="-30 214 340; -25 214 340; -30 214 340" dur="5s" repeatCount="indefinite"/></ellipse><ellipse cx="226" cy="340" rx="9" ry="15" fill="%238769b0" transform="rotate(10 226 340)"><animateTransform attributeName="transform" type="rotate" values="10 226 340; 15 226 340; 10 226 340" dur="5s" repeatCount="indefinite"/></ellipse><ellipse cx="208" cy="345" rx="8" ry="13" fill="%23c5b5e0" transform="rotate(-45 208 345)"><animateTransform attributeName="transform" type="rotate" values="-45 208 345; -40 208 345; -45 208 345" dur="5s" repeatCount="indefinite"/></ellipse><ellipse cx="232" cy="345" rx="8" ry="13" fill="%23d0c0f0" transform="rotate(25 232 345)"><animateTransform attributeName="transform" type="rotate" values="25 232 345; 30 232 345; 25 232 345" dur="5s" repeatCount="indefinite"/></ellipse><rect x="218" y="350" width="4" height="28" fill="%235a7a4a" rx="1"/></g><g opacity="0.4"><ellipse cx="340" cy="310" rx="7" ry="13" fill="%237a5f9d" transform="rotate(-20 340 310)"><animateTransform attributeName="transform" type="rotate" values="-20 340 310; -25 340 310; -20 340 310" dur="4.5s" repeatCount="indefinite"/></ellipse><ellipse cx="335" cy="310" rx="7" ry="13" fill="%238b70b0" transform="rotate(-40 335 310)"><animateTransform attributeName="transform" type="rotate" values="-40 335 310; -35 335 310; -40 335 310" dur="4.5s" repeatCount="indefinite"/></ellipse><ellipse cx="345" cy="310" rx="7" ry="13" fill="%236a4a8a" transform="rotate(0 345 310)"><animateTransform attributeName="transform" type="rotate" values="0 345 310; 5 345 310; 0 345 310" dur="4.5s" repeatCount="indefinite"/></ellipse><ellipse cx="330" cy="315" rx="6" ry="11" fill="%23a890c5" transform="rotate(-55 330 315)"><animateTransform attributeName="transform" type="rotate" values="-55 330 315; -50 330 315; -55 330 315" dur="4.5s" repeatCount="indefinite"/></ellipse><ellipse cx="350" cy="315" rx="6" ry="11" fill="%23c0b0e0" transform="rotate(15 350 315)"><animateTransform attributeName="transform" type="rotate" values="15 350 315; 20 350 315; 15 350 315" dur="4.5s" repeatCount="indefinite"/></ellipse><rect x="338" y="320" width="4" height="22" fill="%235a7a4a" rx="1"/></g></svg>') !important;
    background-size: 400px 400px !important;
    background-position: center bottom !important;
    background-repeat: repeat-x !important;
    opacity: 0.7 !important;
    pointer-events: none !important;
}

/* 输出框花瓣飘落效果 */
.chat-answer-container .bg-gray-100\/90.relative.inline-block::after {
    content: '' !important;
    position: absolute !important;
    top: -20px !important;
    left: 0 !important;
    width: 100% !important;
    height: 120% !important;
    z-index: 0 !important;
    background-image: 
        radial-gradient(ellipse 4px 7px at 20% 10%, rgba(139, 111, 184, 0.4), transparent),
        radial-gradient(ellipse 5px 8px at 70% 5%, rgba(157, 136, 199, 0.35), transparent),
        radial-gradient(ellipse 3px 6px at 45% 15%, rgba(184, 165, 214, 0.3), transparent),
        radial-gradient(ellipse 4px 7px at 85% 8%, rgba(124, 95, 160, 0.38), transparent) !important;
    background-size: 
        100% 100%,
        100% 100%,
        100% 100%,
        100% 100% !important;
    background-position: 
        0 0,
        0 0,
        0 0,
        0 0 !important;
    animation: petal-fall 12s linear infinite !important;
    opacity: 0.6 !important;
    pointer-events: none !important;
}

@keyframes petal-fall {
    0% {
        transform: translateY(-20px) rotate(0deg);
        opacity: 0;
    }
    10% {
        opacity: 0.6;
    }
    90% {
        opacity: 0.4;
    }
    100% {
        transform: translateY(calc(100% + 40px)) rotate(360deg);
        opacity: 0;
    }
}

/* 所有聊天框的文本内容 - 确保绝对可读性 */
.markdown-body {
    position: relative !important;
    z-index: 1 !important;
    background: transparent !important;
    color: #1E2227 !important;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
    font-size: 15px !important;
    line-height: 1.7 !important;
    font-weight: 400 !important;
}

/* 输入框文本 - 深色背景需要浅色文字 */
.bg-gray-100\/90.relative.inline-block:not(.chat-answer-container .bg-gray-100\/90) .markdown-body {
    color: #FFFFFF !important;
}

/* 输出框文本 - 浅色背景使用深色文字 */
.chat-answer-container .bg-gray-100\/90.relative.inline-block .markdown-body {
    color: #1E2227 !important;
}

/* 底部操作按钮 - 输入框 */
.bg-gray-100\/90.relative.inline-block:not(.chat-answer-container .bg-gray-100\/90) .MuiButtonBase-root.MuiButton-root {
    color: #EAEAEA !important;
    position: relative !important;
    z-index: 1 !important;
    transition: all 0.3s ease !important;
}

.bg-gray-100\/90.relative.inline-block:not(.chat-answer-container .bg-gray-100\/90) .MuiButtonBase-root.MuiButton-root:hover {
    color: #FFFFFF !important;
    background-color: rgba(255, 255, 255, 0.1) !important;
}

/* 底部操作按钮 - 输出框 */
.chat-answer-container .bg-gray-100\/90.relative.inline-block .MuiButtonBase-root.MuiButton-root {
    color: #6B7077 !important;
    position: relative !important;
    z-index: 1 !important;
    transition: all 0.3s ease !important;
}

.chat-answer-container .bg-gray-100\/90.relative.inline-block .MuiButtonBase-root.MuiButton-root:hover {
    color: #7c5fa0 !important;
    background-color: rgba(124, 95, 160, 0.1) !important;
}

/* 模型名称文本 - 输入框 */
.bg-gray-100\/90.relative.inline-block:not(.chat-answer-container .bg-gray-100\/90) .MuiTypography-root.MuiTypography-body2 {
    color: #EAEAEA !important;
    position: relative !important;
    z-index: 1 !important;
}

/* 模型名称文本 - 输出框 */
.chat-answer-container .bg-gray-100\/90.relative.inline-block .MuiTypography-root.MuiTypography-body2 {
    color: #6B7077 !important;
    position: relative !important;
    z-index: 1 !important;
}

/* Token消耗文本 - 输入框 */
.bg-gray-100\/90.relative.inline-block:not(.chat-answer-container .bg-gray-100\/90) .text-orange-500 {
    color: #ffd89b !important;
    position: relative !important;
    z-index: 1 !important;
}

/* Token消耗文本 - 输出框 */
.chat-answer-container .bg-gray-100\/90.relative.inline-block .text-orange-500 {
    color: #ff8c42 !important;
    position: relative !important;
    z-index: 1 !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;
    }
}

/* 低动效偏好用户 - 降低动画频率但不完全关闭 */
@media (prefers-reduced-motion: reduce) {
    @keyframes shooting-star {
        0%, 100% {
            opacity: 0;
        }
    }
    
    @keyframes petal-fall {
        0%, 100% {
            transform: translateY(0);
            opacity: 0.3;
        }
    }
    
    .bg-gray-100\/90.relative.inline-block:not(.chat-answer-container .bg-gray-100\/90)::after {
        animation-duration: 20s !important;
    }
    
    .chat-answer-container .bg-gray-100\/90.relative.inline-block::after {
        animation-duration: 24s !important;
    }
}