/* --- 顶部栏与模型选择器美化 --- */
.sticky.w-full.top-0.flex.items-center {
    background: linear-gradient(180deg, #1a202c 0%, #2d3748 100%) !important;
    border-bottom: 2px solid #4a5568 !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.5) !important;
}

#ai-model-selector .group.flex.items-center {
    background: rgba(45, 55, 72, 0.8) !important;
    border: 1px solid #718096 !important;
    border-radius: 2px !important;
    padding: 2px 8px !important;
}

#ai-model-selector .truncate.text-\[13px\] {
    color: #90cdf4 !important;
    font-family: ui-monospace, SFMono-Regular, Menlo, monospace !important;
    font-weight: bold !important;
    text-shadow: 0 0 8px rgba(144, 205, 244, 0.4) !important;
}

/* --- 开场白/状态栏美化 --- */
div.h-9.rounded-md.cursor-pointer.group:has(svg[data-icon="SlidersH"]),
div.flex.items-center.h-9.bg-white.rounded-md.cursor-pointer.group[class*="border-gray"] {
    background: #2d3748 !important;
    border: 1px solid #4a5568 !important;
    border-left: 4px solid #90cdf4 !important;
    border-radius: 2px !important;
}

/* --- 按钮栏美化 (机械按钮风格) --- */
#ai-mod-button2 button.MuiButton-root {
    background: linear-gradient(145deg, #2d3748 0%, #1a202c 100%) !important;
    border: 1px solid #718096 !important;
    border-radius: 2px !important;
    color: #e2e8f0 !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    transition: all 0.3s ease !important;
    position: relative;
    overflow: hidden;
}

#ai-mod-button2 button.MuiButton-root:hover {
    border-color: #90cdf4 !important;
    box-shadow: 0 0 15px rgba(144, 205, 244, 0.3) !important;
    transform: translateY(-1px) !important;
}

/* 按钮扫描线伪元素 */
#ai-mod-button2 button.MuiButton-root::after {
    content: "";
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: linear-gradient(transparent, rgba(144, 205, 244, 0.05), transparent);
    transform: rotate(45deg);
    transition: 0.5s;
    pointer-events: none;
}

/* --- 底部栏与输入框美化 --- */
.bg-gradient-to-t {
    background: linear-gradient(to top, #1a202c, #2d3748) !important;
}

#ai-chat-bottom-input {
    background: #1a202c !important;
    border: 1px solid #4a5568 !important;
    border-radius: 4px !important;
    box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.6) !important;
}

#ai-chat-input {
    color: #f7fafc !important;
    font-family: system-ui, -apple-system, sans-serif !important;
}

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

#ai-chat-input:focus {
    border-color: #90cdf4 !important;
    box-shadow: 0 0 10px rgba(144, 205, 244, 0.2) !important;
}

/* --- 评论区美化 (战场模块风格) --- */
/* 主容器背景 */
div[class*="w-full"][class*="bg-white"][class*="bottom-0"] {
    background-color: #1a202c !important;
    background-image: 
        radial-gradient(circle at 2px 2px, rgba(74, 85, 104, 0.15) 1px, transparent 0) !important;
    background-size: 24px 24px !important;
    color: #e2e8f0 !important;
}

/* 评论项 */
div.group.ml-0 {
    background: rgba(45, 55, 72, 0.4) !important;
    border-left: 3px solid #4a5568 !important;
    margin-bottom: 12px !important;
    padding: 12px !important;
    transition: border-color 0.3s !important;
}

div.group.ml-0:hover {
    border-left-color: #90cdf4 !important;
    background: rgba(45, 55, 72, 0.6) !important;
}

/* 用户名与评分 */
div.text-sm.text-grey-600 span.font-bold {
    color: #90cdf4 !important;
}

span.MuiRating-iconFilled svg {
    color: #90cdf4 !important; /* 科技青星星 */
    filter: drop-shadow(0 0 2px rgba(144, 205, 244, 0.8));
}

span.MuiRating-iconEmpty svg {
    color: #4a5568 !important;
}

/* 输入框区域 */
textarea.rc-textarea {
    background: #2d3748 !important;
    border: 1px solid #4a5568 !important;
    color: #ffffff !important;
    border-radius: 2px !important;
}

/* 排序按钮 */
button.MuiButton-containedPrimary {
    background: #90cdf4 !important;
    color: #1a202c !important;
    font-weight: bold !important;
}

button.MuiButton-outlinedPrimary {
    border-color: #90cdf4 !important;
    color: #90cdf4 !important;
}

/* 分割线 */
div.style_divider__mW0YX {
    background-color: #4a5568 !important;
    opacity: 0.5;
}

/* 分页栏美化 */
.MuiPaginationItem-root {
    color: #a0aec0 !important;
    border: 1px solid #4a5568 !important;
    background: #2d3748 !important;
}

.MuiPaginationItem-root.Mui-selected {
    background: #90cdf4 !important;
    color: #1a202c !important;
    font-weight: bold !important;
}

/* 聊天区代码块美化 - 明亮清晰版 */
pre, code {
    background: #f8fafc !important; /* 浅淡的云石色 */
    color: #1e293b !important; /* 深板岩色文字，确保对比度 */
    border: 1px solid #e2e8f0 !important; /* 浅色边框 */
    border-top: 4px solid #3b82f6 !important; /* 亮蓝色顶边，增加辨识度 */
    box-shadow: 0 4px 12px rgba(0,0,0,0.05) !important; /* 减弱阴影，更显轻盈 */
    font-family: 'Fira Code', monospace !important;
    text-shadow: none !important; /* 去除可能存在的文字阴影 */
}