/* --- 母系魅魔：至臻美化方案 --- */

/* 1. 顶部栏美化：深邃夜色与金边 */
.sticky.w-full.top-0.flex.items-center {
    background: linear-gradient(135deg, #1a061d 0%, #2d0b31 100%) !important;
    border-bottom: 1px solid #ad1457 !important;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.5) !important;
}

#ai-model-selector .group.flex.items-center {
    background: rgba(255, 255, 255, 0.05) !important;
    border: 1px solid #6a1b9a !important;
    border-radius: 20px !important;
    padding: 2px 10px !important;
    transition: all 0.3s ease !important;
}

#ai-model-selector .group.flex.items-center:hover {
    border-color: #ff4081 !important;
    box-shadow: 0 0 10px rgba(255, 64, 129, 0.3) !important;
}

#ai-model-selector .truncate.text-\[13px\], 
#header-setting-button {
    color: #f3e5f5 !important;
    font-family: "Microsoft YaHei", sans-serif !important;
    text-shadow: 1px 1px 2px rgba(0,0,0,0.8) !important;
}

/* 2. 开场白/状态栏容器美化 */
div.flex.items-center.h-9.bg-white.rounded-md.cursor-pointer.group[class*="border-gray"] {
    background: #2d0b31 !important;
    border: 1px solid #ad1457 !important;
    color: #fce4ec !important;
}

/* 3. 核心：状态栏 <details> 专用美化 */
details {
    margin-bottom: 10px !important;
    border: 1px solid rgba(173, 20, 87, 0.3) !important;
    border-radius: 8px !important;
    background: rgba(26, 6, 29, 0.6) !important;
    overflow: hidden !important;
    transition: all 0.3s ease !important;
}

details[open] {
    border-color: #ff4081 !important;
    box-shadow: 0 0 15px rgba(173, 20, 87, 0.2) !important;
}

summary {
    list-style: none !important;
    padding: 10px 15px !important;
    background: linear-gradient(90deg, #4a148c, #2d0b31) !important;
    color: #ff80ab !important;
    font-weight: bold !important;
    cursor: pointer !important;
    display: flex !important;
    align-items: center !important;
    border-bottom: 1px solid rgba(255, 64, 129, 0.2) !important;
}

summary::before {
    content: '♥' !important;
    margin-right: 8px !important;
    font-size: 12px !important;
    color: #ff4081 !important;
    transition: transform 0.3s ease !important;
}

details[open] summary::before {
    transform: rotate(180deg) !important;
    color: #f48fb1 !important;
}

details pre, details code {
    background: transparent !important;
    color: #e1bee7 !important;
    border: none !important;
    font-size: 13px !important;
    line-height: 1.6 !important;
}

/* 4. 底部输入区：丝绒质感 */
.bg-gradient-to-t {
    background: linear-gradient(to top, #1a061d, transparent) !important;
}

#ai-chat-bottom-input {
    background: #2d0b31 !important;
    border: 1px solid #6a1b9a !important;
    border-radius: 12px !important;
    box-shadow: 0 -4px 20px rgba(0, 0, 0, 0.4) !important;
}

#ai-chat-input {
    color: #fce4ec !important;
    caret-color: #ff4081 !important;
}

#ai-chat-input::placeholder {
    color: #880e4f !important;
    font-style: italic !important;
}

/* 5. 评论区：优雅暗色模式 */
div[class*="w-full"][class*="bg-white"][class*="bottom-0"] {
    background: #1a061d !important;
    color: #f3e5f5 !important;
}

div.text-lg.font-bold, p.MuiTypography-body1.text-grey-600 {
    color: #ff80ab !important;
}

/* 评论输入框 */
textarea.rc-textarea {
    background: #260a2b !important;
    border: 1px solid #4a148c !important;
    color: #fce4ec !important;
    border-radius: 8px !important;
}

/* 发送按钮 */
div.cursor-pointer.group.flex.items-center.justify-center {
    background: #ad1457 !important;
    border-radius: 50% !important;
    transition: transform 0.2s !important;
}

div.cursor-pointer.group.flex.items-center.justify-center:hover {
    transform: scale(1.1) !important;
    background: #ff4081 !important;
}

/* 按钮栏美化 */
#ai-mod-button2 button.MuiButton-root {
    background: rgba(106, 27, 154, 0.2) !important;
    border: 1px solid #ad1457 !important;
    color: #fce4ec !important;
    backdrop-filter: blur(4px) !important;
}

#ai-mod-button2 button.MuiButton-root:hover {
    background: #ad1457 !important;
    color: #ffffff !important;
}