/* =========================================
   风月主题：底部栏与按钮区 "暗夜绯红" 视觉重构
   ========================================= */

/* 1. 底部输入框容器：营造幽暗暧昧的氛围底色 */
#ai-chat-bottom-input {
    background: linear-gradient(to top, rgba(20, 10, 15, 0.95), rgba(30, 15, 25, 0.8)) !important;
    border-top: 1px solid rgba(144, 12, 63, 0.3) !important;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    backdrop-filter: blur(8px) !important;
}

/* 2. 主输入框：深色半透明背景，配合迷离的粉红光晕 */
#ai-chat-input {
    background-color: rgba(40, 10, 20, 0.6) !important;
    color: #ffcdd2 !important; /* 柔和的浅粉红色文字，确保绝对可读性 */
    border: 1px solid rgba(199, 0, 57, 0.4) !important;
    border-radius: 16px !important;
    padding: 12px 16px !important;
    font-family: system-ui, -apple-system, sans-serif !important;
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1) !important;
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.5) !important;
}

/* 输入框获取焦点时的情欲张力效果：鲜艳的绯红呼吸边框 */
#ai-chat-input:focus {
    outline: none !important;
    border-color: rgba(255, 77, 109, 0.8) !important;
    box-shadow: 0 0 15px rgba(255, 77, 109, 0.4), inset 0 0 8px rgba(199, 0, 57, 0.3) !important;
    background-color: rgba(50, 15, 25, 0.7) !important;
}

/* 输入框占位符：隐秘的低语感 */
#ai-chat-input::placeholder {
    color: rgba(255, 205, 210, 0.4) !important;
    font-style: italic !important;
}

/* 文本选中效果：深红背景与纯白文字的强烈冲击 */
#ai-chat-input::selection {
    background-color: rgba(199, 0, 57, 0.8) !important;
    color: #ffffff !important;
}

/* 3. 按钮栏与按钮（包括您即将添加的“找回格式”按钮） */
#ai-mod-button2 {
    gap: 8px !important;
    padding-bottom: 8px !important;
}

/* 按钮基础样式：暗调酒红，玻璃质感 */
#ai-mod-button2 button.MuiButton-root {
    background: linear-gradient(135deg, rgba(88, 24, 69, 0.7), rgba(144, 12, 63, 0.7)) !important;
    color: #f8bbd0 !important; /* 浅粉色文字 */
    border: 1px solid rgba(255, 205, 210, 0.15) !important;
    border-radius: 20px !important;
    padding: 6px 16px !important;
    font-weight: 600 !important;
    letter-spacing: 0.5px !important;
    text-transform: none !important; /* 防止英文大写干扰原本排版 */
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.4) !important;
    transition: all 0.3s ease !important;
    position: relative !important;
    overflow: hidden !important;
}

/* 按钮悬停动画：仿佛指尖触碰的升温反应 */
#ai-mod-button2 button.MuiButton-root:hover {
    background: linear-gradient(135deg, rgba(144, 12, 63, 0.9), rgba(199, 0, 57, 0.9)) !important;
    color: #ffffff !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 15px rgba(255, 77, 109, 0.5) !important;
    border-color: rgba(255, 205, 210, 0.4) !important;
}

/* 按钮点击时的微缩反馈 */
#ai-mod-button2 button.MuiButton-root:active {
    transform: translateY(1px) !important;
    box-shadow: 0 2px 5px rgba(255, 77, 109, 0.3) !important;
}

/* 为按钮内的图标添加轻微的跃动感 */
#ai-mod-button2 button.MuiButton-root svg {
    color: #f48fb1 !important;
    transition: transform 0.3s ease !important;
}

#ai-mod-button2 button.MuiButton-root:hover svg {
    transform: scale(1.15) rotate(3deg) !important;
    color: #ffffff !important;
}