/* ==================================================
   修仙·九渊仙域风格美化 (浅色版)
   宣纸底色 · 墨韵花边 · 黑字清晰 · 仙气留白
   ================================================== */
/* ---------------------------------
 * 模块一：对话气泡美化 (AI侧)
 * 背景：米白底 + 暗纹 + 深棕边框 + 云纹角饰
 * 文字强制黑色，不影响内部details/p
 * --------------------------------- */
.group .bg-gray-100\/90 {
    /* 不透明浅色背景 + 极淡古纸纹理 */
    background: #faf7f2 !important;                /* 宣纸白 */
    background-image: 
        repeating-linear-gradient(45deg, 
            rgba(120, 90, 60, 0.03) 0px, 
            rgba(120, 90, 60, 0.03) 2px,
            transparent 2px, 
            transparent 10px) !important;           /* 隐约墨痕 */
    border: 2px solid #6f5e4e !important;          /* 深褐边框，似檀木 */
    border-radius: 16px 16px 16px 4px !important;
    box-shadow: 
        0 8px 16px rgba(0, 0, 0, 0.15),
        inset 0 0 30px rgba(150, 120, 80, 0.1) !important; /* 内敛暖光 */
    color: #000000 !important;                       /* 文字强制黑色 */
    padding: 12px !important;
    position: relative !important;
    overflow: visible !important;
}
/* 左上角云纹图案 (深色，与浅底呼应) */
.group .bg-gray-100\/90::before {
    content: '☁️';
    position: absolute;
    top: -18px;
    left: -12px;
    font-size: 32px;
    color: #5f4e3c;                                 /* 深褐色云 */
    opacity: 0.4;
    text-shadow: 0 0 6px #bbaa99, 0 0 12px #ccb699;
    transform: rotate(-10deg);
    pointer-events: none;
    z-index: 5;
    filter: drop-shadow(0 2px 4px rgba(0,0,0,0.2));
}
/* 右下角云雾纹样 (古风符号) */
.group .bg-gray-100\/90::after {
    content: '༄';                                   /* 藏文风纹 */
    position: absolute;
    bottom: -20px;
    right: -14px;
    font-size: 36px;
    color: #5c5348;
    opacity: 0.35;
    text-shadow: 0 0 6px #b3a28b, 0 0 12px #dac29c;
    transform: rotate(8deg);
    pointer-events: none;
    z-index: 5;
}
/* 确保内部段落不受额外颜色强制（但可继承黑色，原有个别颜色保留） */
.group .bg-gray-100\/90 p {
    margin: 0 0 0.5rem 0;
}
/* ---------------------------------
 * 模块二：平台按钮美化
 * (mod、流式、评论、回到底部等)
 * 浅色底 · 深褐边框 · 墨迹光影
 * --------------------------------- */
.flex.items-center.gap-2.pb-2 > button {
    background: #f0ede8 !important;                 /* 浅岩色 */
    color: #000000 !important;                       /* 黑字 */
    border: 2px solid #7a6856 !important;           /* 深褐边框 */
    border-radius: 30px !important;
    box-shadow: 0 5px 0 #b8aa9a, 0 8px 16px rgba(0,0,0,0.15) !important; /* 柔和阶梯 */
    font-weight: 500 !important;
    letter-spacing: 1px !important;
    text-transform: none !important;
    transition: all 0.15s ease-in-out !important;
    padding: 6px 18px !important;
    position: relative !important;
    overflow: visible !important;
    background-image: linear-gradient(145deg, #f5f1eb 0%, #e8e2d9 100%) !important;
}
/* 悬停时“按下”效果 + 古韵光晕 */
.flex.items-center.gap-2.pb-2 > button:hover {
    background: #e2dbd2 !important;
    transform: translateY(4px) !important;
    box-shadow: 0 2px 0 #b8aa9a, 0 12px 24px rgba(150, 120, 80, 0.25) !important;
    border-color: #9c8874 !important;
}
/* ---------------------------------
 * 模块三：多余元素隐藏（保留原注释）
 * --------------------------------- */
.MuiButtonBase-root.MuiButton-root.MuiButton-default.css-w13mdt,
.absolute.z-40 .px-4.py-2.hover\:bg-indigo-100:nth-child(5),
.css-nkqe49 {
    /* display: none !important; */ /* 注释状态，不隐藏 */
}
/* ---------------------------------
 * 模块四：输入栏美化 (id 选择器)
 * 浅色背景 · 深褐边框 · 墨韵角饰
 * 文字强制黑色，大小不变
 * --------------------------------- */
#ai-chat-input {
    background-color: #ffffff !important;            /* 纯白底 */
    border: 2px solid #8a7866 !important;           /* 深褐边框 */
    border-radius: 24px !important;
    color: #000000 !important;                        /* 黑字 */
    caret-color: #5f4e3c !important;                  /* 深色光标 */
    box-shadow: inset 0 2px 6px rgba(0,0,0,0.1), 0 0 0 1px #cfc6bc inset !important;
    padding: 8px 16px !important;
    font-size: 1rem !important;
    position: relative !important;
    background-image: radial-gradient(circle at 10% 30%, rgba(150,120,80,0.05) 0%, transparent 40%) !important;
}
/* 输入框容器背景改为浅白，不透明 */
#ai-chat-bottom-input {
    background: #f3efe9 !important;                  /* 米白底，不透明 */
    backdrop-filter: none !important;
    border-radius: 32px !important;
    padding: 4px !important;
    border: 1px solid #b7a693 !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1) !important;
    position: relative !important;
    overflow: visible !important;
}
/* 输入框占位符颜色 */
#ai-chat-input::placeholder {
    color: #6b625a !important;
    opacity: 0.6 !important;
    font-style: italic;
}
/* 输入框容器边角云纹 (深色) */
#ai-chat-bottom-input::before {
    content: '☯';
    position: absolute;
    top: -14px;
    left: -10px;
    font-size: 26px;
    color: #7b6b5b;
    opacity: 0.3;
    text-shadow: 0 0 6px #b8a084;
    pointer-events: none;
    transform: rotate(-10deg);
}
#ai-chat-bottom-input::after {
    content: '❁';
    position: absolute;
    bottom: -16px;
    right: -8px;
    font-size: 30px;
    color: #7a6a5c;
    opacity: 0.25;
    text-shadow: 0 0 8px #ab9a85;
    transform: rotate(12deg);
    pointer-events: none;
}
/* 可选：滚动条保持深色系以协调 */
::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}
::-webkit-scrollbar-track {
    background: #e5ddd4;
    border-radius: 10px;
}
::-webkit-scrollbar-thumb {
    background: #b7a999;
    border-radius: 10px;
    border: 1px solid #9e9082;
}
::-webkit-scrollbar-thumb:hover {
    background: #a09080;
}