/* --- 顶部栏美化：霓虹深邃风格 --- */
.sticky.w-full.top-0.flex.items-center {
    background: linear-gradient(90deg, #0f0f13 0%, #1a1a24 100%) !important;
    border-bottom: 1px solid #ff6b9d44 !important;
    backdrop-filter: blur(10px) !important;
}

#ai-model-selector .group.flex.items-center {
    background: rgba(255, 107, 157, 0.1) !important;
    border: 1px solid #ff6b9d66 !important;
    border-radius: 8px !important;
    padding: 2px 8px !important;
}

#ai-model-selector .truncate.text-\[13px\] {
    color: #ff6b9d !important;
    font-weight: bold !important;
    font-family: 'PingFang SC', sans-serif !important;
}

#header-setting-button svg, 
.sticky.w-full.top-0 svg.lucide-clock-8,
.sticky.w-full.top-0 svg:has(use[href="#icon-icon-set"]) {
    color: #ff6b9d !important;
    filter: drop-shadow(0 0 5px rgba(255, 107, 157, 0.5)) !important;
}

/* --- 开场白选择器：粉色呼吸边框 --- */
div.flex.items-center.h-9.bg-white.rounded-md.cursor-pointer.group[class*="border-gray"] {
    background: rgba(15, 15, 19, 0.8) !important;
    border: 1px solid #ff6b9d !important;
    box-shadow: 0 0 10px rgba(255, 107, 157, 0.2) !important;
}

div.flex.items-center.h-9.cursor-pointer.group svg {
    color: #ff6b9d !important;
}

/* --- 按钮栏：紫色渐变与悬浮光效 --- */
#ai-mod-button2 button.MuiButton-root {
    background: linear-gradient(135deg, #ff6b9d 0%, #9d6bff 100%) !important;
    color: #ffffff !important;
    border-radius: 10px !important;
    font-weight: bold !important;
    text-transform: none !important;
    border: none !important;
    transition: all 0.3s ease !important;
}

#ai-mod-button2 button.MuiButton-root:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 5px 15px rgba(255, 107, 157, 0.4) !important;
    filter: brightness(1.1) !important;
}

/* --- 底部输入栏：沉浸式黑盒 --- */
.bg-gradient-to-t {
    background: linear-gradient(to top, #0f0f13 80%, transparent) !important;
}

#ai-chat-bottom-input {
    background: rgba(30, 30, 38, 0.95) !important;
    border: 1px solid #ff6b9d44 !important;
    border-radius: 15px !important;
}

#ai-chat-input {
    color: #e0e0e0 !important;
    font-family: 'PingFang SC', sans-serif !important;
}

#ai-chat-input::placeholder {
    color: #ff6b9d66 !important;
    font-style: italic !important;
}

#ai-chat-input::selection {
    background: #ff6b9d44 !important;
    color: #ffffff !important;
}

/* --- 分页栏：极简粉色点缀 --- */
.MuiPaginationItem-root {
    color: #ff6b9d !important;
}

.MuiPaginationItem-root.Mui-selected {
    background-color: #ff6b9d !important;
    color: #fff !important;
    box-shadow: 0 0 10px rgba(255, 107, 157, 0.5) !important;
}

/* --- 评论区：深度定制的社交空间 --- */
div[class*="w-full"][class*="bg-white"][class*="bottom-0"] {
    background-color: #0f0f13 !important;
    color: #e0e0e0 !important;
    border-top: 1px solid #ff6b9d44 !important;
}

div.text-lg.font-bold {
    color: #ff6b9d !important;
    letter-spacing: 1px !important;
}

/* 输入框与评论内容 */
textarea.rc-textarea {
    background: rgba(255, 255, 255, 0.05) !important;
    color: #fff !important;
    border: 1px solid #ff6b9d44 !important;
    border-radius: 12px !important;
}

textarea.rc-textarea:focus {
    border-color: #ff6b9d !important;
    box-shadow: 0 0 8px rgba(255, 107, 157, 0.3) !important;
}

/* 评论项美化 */
div.group.ml-0 {
    background: rgba(255, 255, 255, 0.02) !important;
    border-radius: 12px !important;
    padding: 12px !important;
    margin-bottom: 8px !important;
    border: 1px solid transparent !important;
    transition: 0.3s !important;
}

div.group.ml-0:hover {
    border-color: #ff6b9d22 !important;
    background: rgba(255, 107, 157, 0.05) !important;
}

div.text-sm.text-grey-600 span.font-bold {
    color: #9d6bff !important; /* 用户名颜色 */
}

div.break-all {
    color: #d1d1d1 !important;
    line-height: 1.6 !important;
}

/* 评分与按钮 */
span.MuiRating-iconFilled svg {
    color: #ff6b9d !important;
}

button.MuiButton-containedPrimary {
    background: #ff6b9d !important;
    border-radius: 20px !important;
}

button.MuiButton-outlinedPrimary {
    border-color: #ff6b9d !important;
    color: #ff6b9d !important;
    border-radius: 20px !important;
}

/* 发送按钮图标 */
div[data-state="closed"] svg[data-icon="Send03"] {
    color: #ff6b9d !important;
}