/* ========================================
   [羊皮纸质感] 消息气泡与卷轴形态
   ======================================== */
/* 通用气泡背景：羊皮纸渐变与纸张内阴影 */
.group .bg-gray-100\/90, 
.chat-answer-container .bg-gray-100\/90 {
    background: linear-gradient(135deg, #fdf8e1 0%, #eaddb6 100%) !important;
    border: 1px solid #d4c399 !important;
    /* 不对称圆角模拟展开的卷轴边缘 */
    border-radius: 4px 18px 4px 18px !important;
    box-shadow: 2px 4px 8px rgba(92, 64, 51, 0.1), inset 0 0 24px rgba(212, 195, 153, 0.3) !important;
    color: #2c1e16 !important;
}

/* 文本墨色与字体文书化 */
.group .text-gray-900,
.group .markdown-body,
#ai-chat-answer .markdown-body {
    color: #2c1e16 !important;
    font-family: "Georgia", "Times New Roman", serif !important;
    line-height: 1.6 !important;
}

/* 顶部装饰条：褪色墨水质感 */
.group .bg-\[\#c9e1e9\] {
    background: #8b7355 !important; 
}
.chat-answer-container .bg-\[\#F1CBCB\] {
    background: #5c4033 !important; 
}

/* ========================================
   [简约魔幻] SVG 符文加载动画
   ======================================== */
/* 隐藏默认加载点 */
.style_dot-flashing__8L91Q { 
    display: none !important; 
}
/* 容器定位 */
.flex.items-center.justify-center.w-6.h-5 { 
    position: relative !important; 
    width: 24px !important;
    height: 24px !important;
}
/* 插入旋转的魔幻符文（菱形外框+呼吸内圆） */
.flex.items-center.justify-center.w-6.h-5::before {
    content: '';
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%238b7355' stroke-width='1.5' d='M12 2L2 12l10 10 10-10Z'%3E%3CanimateTransform attributeName='transform' type='rotate' from='0 12 12' to='360 12 12' dur='3s' repeatCount='indefinite'/%3E%3C/path%3E%3Ccircle cx='12' cy='12' r='2.5' fill='%235c4033'%3E%3Canimate attributeName='opacity' values='0.2;1;0.2' dur='1.5s' repeatCount='indefinite'/%3E%3C/circle%3E%3C/svg%3E") !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
}

/* ========================================
   [文书感] 界面控制区搭配
   ======================================== */
/* 顶部控制栏：微透的做旧纸张 */
.sticky.top-0 {
    background: linear-gradient(to bottom, #ebd9b4, rgba(235, 217, 180, 0.85)) !important;
    border-bottom: 1px dashed #8b7355 !important;
    backdrop-filter: blur(6px) !important;
}

/* 模型选择器：边框与字体 */
#ai-model-selector {
    background: transparent !important;
    color: #2c1e16 !important;
    border: 1px solid #8b7355 !important;
    border-radius: 4px !important;
    font-family: "Georgia", serif !important;
}

/* 底部输入区背景渐变掩码 */
.bg-gradient-to-t {
    background: linear-gradient(to top, #fbf5e6 70%, transparent) !important;
}

/* 输入框：信笺质感 */
.bg-white.border-\[1\.5px\] {
    background: #fdf8e1 !important;
    border: 1px solid #c2a878 !important;
    border-radius: 6px !important;
    box-shadow: inset 0 2px 6px rgba(139, 115, 85, 0.15) !important;
}

/* 输入框文本与占位符 */
#ai-chat-input {
    color: #2c1e16 !important;
    font-family: "Georgia", serif !important;
}
#ai-chat-input::placeholder {
    color: #8b7355 !important;
    opacity: 0.6 !important;
}

/* 发送按钮：模拟暗红色的火漆印章 */
#ai-send-button {
    background: #8b2500 !important;
    border-radius: 50% !important; /* 纯圆印章 */
    box-shadow: 0 3px 6px rgba(139, 37, 0, 0.3), inset 0 2px 4px rgba(255,255,255,0.2) !important;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
}
#ai-send-button:hover {
    background: #a52a2a !important;
    box-shadow: 0 5px 12px rgba(139, 37, 0, 0.4), inset 0 2px 4px rgba(255,255,255,0.2) !important;
    transform: scale(1.08) rotate(-5deg) !important; /* 悬浮时带一点俏皮的旋转 */
}
#ai-send-button .icon-icon-send {
    color: #fdf8e1 !important;
}

/* 快捷按钮组：复古线框 */
#ai-mod-button2 .MuiButton-outlinedPrimary {
    border-color: #8b7355 !important;
    color: #5c4033 !important;
    background: rgba(253, 248, 225, 0.6) !important;
    font-family: "Georgia", serif !important;
}
#ai-mod-button2 .MuiButton-outlinedPrimary:hover {
    background: #ebd9b4 !important;
}