/* --- 深黄科技感 · 全局毛玻璃与配色 --- */

/* 1. 气泡与容器毛玻璃效果 */
#customized-question-content,
#customized-answer-content {
    background: rgba(255, 251, 235, 0.6) !important; /* 浅黄半透 */
    backdrop-filter: blur(12px) saturate(180%) !important;
    border: 1px solid rgba(217, 119, 6, 0.3) !important; /* 深黄边框 */
    box-shadow: 0 4px 15px rgba(217, 119, 6, 0.1) !important;
}

/* 2. 文本颜色修正（确保高对比度） */
#customized-question-content .markdown-body,
#customized-answer-content .markdown-body,
#customized-question-content .text-gray-900,
#customized-answer-content .text-gray-900 {
    color: #451a03 !important; /* 极深琥珀色，满足阅读对比度 */
}

/* 3. 输入区科技感强化 */
.bg-white.border-\[1\.5px\] {
    background: rgba(255, 251, 235, 0.8) !important;
    backdrop-filter: blur(8px) !important;
    border-color: #d97706 !important;
    box-shadow: 0 0 10px rgba(217, 119, 6, 0.2) !important;
}

#ai-chat-input {
    color: #78350f !important;
}

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

/* 4. 按钮与交互元素 */
#ai-send-button {
    background: #d97706 !important; /* 深黄实色 */
    color: #ffffff !important;
    transition: all 0.3s ease !important;
}

#ai-send-button:hover {
    background: #b45309 !important;
    box-shadow: 0 0 15px rgba(217, 119, 6, 0.5) !important;
}

/* 5. 顶部导航与边框线 */
.sticky.top-0 {
    background: rgba(255, 251, 235, 0.7) !important;
    backdrop-filter: blur(10px) !important;
    border-bottom: 1px solid rgba(217, 119, 6, 0.2) !important;
}

/* 6. 模型标识调整 */
#customized-answer-content .text-purple-500.mt-1 {
    color: #92400e !important; /* 将原本紫色调整为深黄调 */
    font-weight: 600 !important;
}

#customized-answer-content .text-orange-500 {
    color: #d97706 !important;
}