/* =========================================
   终极穿透版：彻底抹除原生纯白背景与渐变遮罩
   ========================================= */
.bg-gradient-to-t {
    background-color: transparent !important;
    background-image: none !important;
}

/* =========================================
   1. 顶部栏 (淡粉色 + 浅蓝边框 + 小铅笔)
   ========================================= */
.sticky.w-full.top-0.flex.items-center {
    background-color: rgba(255, 230, 235, 0.8) !important;
    background-image: none !important;
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
    border-bottom: 2px solid #87ceeb !important;
}

/* 强行穿透顶部栏内部可能存在的白色包裹层 */
.sticky.w-full.top-0.flex.items-center div[class*="bg-white"] {
    background-color: transparent !important;
}

/* 顶部栏悬停：标准 URL 编码的浅蓝色铅笔指针（绝对兼容） */
.sticky.w-full.top-0.flex.items-center:hover {
    cursor: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%2387ceeb' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M17 3a2.828 2.828 0 1 1 4 4L7.5 20.5 2 22l1.5-5.5L17 3z'/%3E%3C/svg%3E") 0 24, auto !important;
}

/* 保证顶部模型名字和图标可读 */
#ai-model-selector .truncate.text-\[13px\],
.sticky.w-full.top-0 svg {
    color: #4a4a4a !important; 
    stroke: #4a4a4a !important;
}

/* =========================================
   2. 底部输入栏 (淡粉色 + 浅蓝圆角边框 + 小铅笔)
   ========================================= */
/* 外层输入框容器 */
#ai-chat-bottom-input {
    background-color: rgba(255, 230, 235, 0.8) !important;
    background-image: none !important;
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
    border: 2px solid #87ceeb !important;
    border-radius: 20px !important; 
    box-shadow: 0 4px 15px rgba(135, 206, 235, 0.2) !important;
}

/* 【关键】强行将输入框及其所有直接内部容器设为透明，否则粉色出不来 */
#ai-chat-bottom-input > div,
#ai-chat-input {
    background-color: transparent !important;
    background-image: none !important;
    color: #333333 !important; /* 深色文字确保绝对可读性 */
}

/* 底部区域悬停：小铅笔指针 */
#ai-chat-bottom-input:hover,
#ai-chat-input:hover {
    cursor: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%2387ceeb' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M17 3a2.828 2.828 0 1 1 4 4L7.5 20.5 2 22l1.5-5.5L17 3z'/%3E%3C/svg%3E") 0 24, auto !important;
}

/* 选中的文字高亮色：青春浅蓝色 */
#ai-chat-input::selection {
    background-color: #87ceeb !important;
    color: #ffffff !important;
}

/* =========================================
   3. 快捷按钮 / 对话附加框
   ========================================= */
#ai-mod-button2 button.MuiButton-root,
div.flex.items-center.h-9.bg-white.rounded-md.cursor-pointer.group[class*="border-gray"] {
    background-color: rgba(255, 230, 235, 0.8) !important;
    border: 1px solid #87ceeb !important;
    color: #4a4a4a !important;
}

#ai-mod-button2 button.MuiButton-root:hover,
div.flex.items-center.h-9.bg-white.rounded-md.cursor-pointer.group[class*="border-gray"]:hover {
    background-color: #87ceeb !important;
    color: #ffffff !important;
    /* 悬停变成白色铅笔 */
    cursor: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M17 3a2.828 2.828 0 1 1 4 4L7.5 20.5 2 22l1.5-5.5L17 3z'/%3E%3C/svg%3E") 0 24, auto !important;
}