/* 顶部栏主基底：暗黑毛玻璃质感与全息底边 */
.sticky.w-full.top-0.flex.items-center {
    background: rgba(5, 5, 5, 0.9) !important;
    backdrop-filter: blur(12px) !important;
    border-bottom: 1px solid rgba(0, 191, 255, 0.4) !important;
    box-shadow: 0 4px 20px rgba(0, 191, 255, 0.15) !important;
    /* 注入微弱的系统网格暗纹 */
    background-image: linear-gradient(rgba(0, 191, 255, 0.03) 1px, transparent 1px),
                      linear-gradient(90deg, rgba(0, 191, 255, 0.03) 1px, transparent 1px) !important;
    background-size: 10px 10px !important;
}

/* 模型选择器容器：异能核心模块 */
#ai-model-selector .group.flex.items-center {
    background: rgba(0, 25, 55, 0.8) !important;
    border: 1px solid rgba(0, 191, 255, 0.6) !important;
    border-radius: 4px !important;
    box-shadow: inset 0 0 10px rgba(0, 191, 255, 0.2) !important;
    transition: all 0.3s ease !important;
}

#ai-model-selector .group.flex.items-center:hover {
    box-shadow: inset 0 0 15px rgba(0, 191, 255, 0.4), 0 0 8px rgba(0, 191, 255, 0.3) !important;
    border-color: #00FFFF !important;
}

/* 模型名称文字：高亮终端显色 */
#ai-model-selector .truncate.text-\[13px\] {
    color: #00FFFF !important;
    font-family: 'Consolas', 'Menlo', monospace, sans-serif !important;
    font-weight: bold !important;
    text-shadow: 0 0 6px rgba(0, 255, 255, 0.5) !important;
    letter-spacing: 0.5px !important;
}

/* 顶部各功能图标(历史/设置/下拉/音乐)：纯粹系统冷光 */
.sticky.w-full.top-0 svg, 
#header-setting-button svg,
#ai-model-selector .shrink-0.flex.items-center svg {
    color: #00BFFF !important;
    stroke: #00BFFF !important;
    filter: drop-shadow(0 0 3px rgba(0, 191, 255, 0.8)) !important;
}

/* 移动端历史记录未读角标：警示红光转为能量蓝 */
.sticky.w-full.top-0 span.MuiBadge-dot.md\:hidden {
    background-color: #00FFFF !important;
    box-shadow: 0 0 8px #00FFFF !important;
}

/* ==========================================
   2. 预设参数台 (Sliders / 开场白)
========================================== */
div.h-9.rounded-md.cursor-pointer.group:has(svg[data-icon="SlidersH"]) {
    background: rgba(0, 15, 30, 0.85) !important;
    border: 1px solid rgba(0, 191, 255, 0.3) !important;
    box-shadow: 0 0 8px rgba(0, 191, 255, 0.1) !important;
    transition: all 0.2s ease !important;
}

div.h-9.rounded-md.cursor-pointer.group:has(svg[data-icon="SlidersH"]):hover {
    border-color: #00FFFF !important;
    box-shadow: 0 0 12px rgba(0, 191, 255, 0.3) !important;
}

div.h-9.rounded-md.cursor-pointer.group:has(svg[data-icon="SlidersH"]) svg {
    color: #00BFFF !important;
}

/* ==========================================
   3. 底部信息输入中枢 (Bottom Input Area)
========================================== */
/* 底部防遮挡渐变层：抹除原版白光，替换为深渊吞噬过渡 */
.bg-gradient-to-t {
    background: linear-gradient(to top, rgba(5,5,5,1) 40%, rgba(5,5,5,0.7) 70%, transparent 100%) !important;
}

/* 输入框外壳：强化装甲与能量流转 */
#ai-chat-bottom-input {
    background-color: #030a14 !important;
    border: 1px solid rgba(0, 191, 255, 0.5) !important;
    border-radius: 8px !important;
    box-shadow: inset 0 0 20px rgba(0, 100, 200, 0.3), 0 5px 15px rgba(0, 0, 0, 0.8) !important;
}

/* 文本输入域：绝对清晰的战术指令面板 */
#ai-chat-input {
    color: #FFFFFF !important;
    font-family: 'Consolas', 'Menlo', monospace, sans-serif !important;
    font-size: 15px !important;
    line-height: 1.6 !important;
    text-shadow: 0 0 2px rgba(255, 255, 255, 0.2) !important;
}

/* 输入指引提示词 (Placeholder) */
#ai-chat-input::placeholder {
    color: rgba(0, 191, 255, 0.3) !important;
    font-style: italic !important;
    letter-spacing: 1px !important;
}

/* 文字高亮选中：纯粹的能量剥离感 */
#ai-chat-input::selection {
    background: rgba(0, 191, 255, 0.7) !important;
    color: #FFFFFF !important;
    text-shadow: none !important;
}

/* ==========================================
   4. 分页控制台 (Pagination - 纯视觉重构)
========================================== */
/* 基础按钮：未激活状态的沉寂终端 */
.MuiPaginationItem-root {
    background: rgba(0, 15, 35, 0.7) !important;
    color: #00BFFF !important;
    border: 1px solid rgba(0, 191, 255, 0.2) !important;
    font-family: 'Consolas', monospace !important;
    font-weight: bold !important;
    transition: all 0.3s !important;
}

.MuiPaginationItem-root:hover {
    background: rgba(0, 191, 255, 0.15) !important;
    border-color: rgba(0, 191, 255, 0.6) !important;
}

/* 激活状态：当前所处的时间线/页码锚点 */
.MuiPaginationItem-root.Mui-selected {
    background: rgba(0, 191, 255, 0.8) !important;
    color: #000000 !important; /* 黑字蓝底，最高警示对比度 */
    border: 1px solid #00FFFF !important;
    box-shadow: 0 0 12px rgba(0, 191, 255, 0.6) !important;
}

/* 跳转区域文字与输入框 */
.MuiStack-root.css-1uwir8f .MuiBox-root {
    color: #00BFFF !important;
    font-family: 'Consolas', monospace !important;
}

.MuiInputBase-input {
    color: #00FFFF !important;
    background: rgba(0, 15, 35, 0.9) !important;
    border: 1px solid rgba(0, 191, 255, 0.5) !important;
    border-radius: 4px !important;
    text-align: center !important;
}
/* 全局气泡基底：极黑底色与异能深蓝渐变能量框 */
.group.is-user > div:first-child, 
.group.is-assistant > div:first-child {
    background-color: #050505 !important;
    /* 利用双层背景裁剪实现纯净的渐变边框 */
    border: 2px solid transparent !important;
    background-image: linear-gradient(#050505, #050505), linear-gradient(135deg, #001f3f 0%, #00BFFF 100%) !important;
    background-origin: border-box !important;
    background-clip: padding-box, border-box !important;
    /* 核心：内边距控制文字距离边框的距离 */
    padding: 22px !important; 
    border-radius: 6px !important; /* 硬朗的系统面板折角 */
    /* 深蓝异能向内晕染与向外散发效果 */
    box-shadow: inset 0 0 35px rgba(0, 80, 180, 0.4), 0 0 15px rgba(0, 150, 255, 0.2) !important;
    position: relative;
    overflow: hidden;
}

/* 系统感增强：底层数据观测网格 (通过 ::before 绘制，绝不遮挡文字) */
.group.is-user > div:first-child::before,
.group.is-assistant > div:first-child::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    /* 绘制微弱的蓝色科技网格 */
    background: 
        linear-gradient(rgba(0, 191, 255, 0.04) 1px, transparent 1px),
        linear-gradient(90deg, rgba(0, 191, 255, 0.04) 1px, transparent 1px);
    background-size: 15px 15px;
    z-index: 0;
}

/* 核心文本渲染：系统级清晰白字、加粗、光晕加持 */
.rili-markdown-renderer, 
.rili-markdown-renderer * {
    color: #FFFFFF !important; /* 绝对纯白 */
    font-weight: 600 !important; /* 强制加粗 */
    font-family: 'Consolas', 'Menlo', 'Monaco', monospace, sans-serif !important; /* 替换为等宽科技感字体 */
    /* 赋予文字微弱的异能冷光，提升高级感且不伤眼 */
    text-shadow: 0 0 4px rgba(255, 255, 255, 0.4), 0 0 12px rgba(0, 191, 255, 0.5) !important; 
    position: relative;
    z-index: 1; /* 确保文字浮于网格之上 */
    letter-spacing: 0.5px !important; /* 拉开字距，提升系统输出面板的既视感 */
    line-height: 1.7 !important;
}

/* 系统代码/终端引用框特殊处理 */
.rili-markdown-renderer pre, 
.rili-markdown-renderer code {
    background-color: rgba(0, 30, 70, 0.6) !important;
    border: 1px solid rgba(0, 191, 255, 0.4) !important;
    color: #00FFFF !important; /* 代码部分使用高亮青色区分 */
    box-shadow: inset 0 0 10px rgba(0, 191, 255, 0.1) !important;
}

/* 底部状态监测面板 (Token/模型等附加信息) */
.text-xs.font-mono.text-muted-foreground {
    color: rgba(0, 191, 255, 0.85) !important;
    text-shadow: 0 0 5px rgba(0, 191, 255, 0.6) !important;
}

/* 交互操作终端 (复制/刷新等按钮区) */
.bg-muted.rounded.flex {
    background-color: rgba(0, 20, 45, 0.8) !important;
    border: 1px solid rgba(0, 150, 255, 0.4) !important;
    box-shadow: 0 0 8px rgba(0, 150, 255, 0.2) !important;
}

.bg-muted.rounded.flex button svg.lucide {
    stroke: #00BFFF !important; /* 操作按钮统一为系统蓝 */
    filter: drop-shadow(0 0 2px rgba(0, 191, 255, 0.8));
}

.bg-muted.rounded.flex button:hover {
    background-color: rgba(0, 191, 255, 0.25) !important;
}

/* 加载中的系统推演动画伪装 */
.flex.gap-2.w-full.h-full.items-center.justify-center > span {
    background-color: #00BFFF !important;
    box-shadow: 0 0 8px #00BFFF !important;
}

/* 响应式防御：手机端自适应逻辑 */
@media (max-width: 768px) {
    .group.is-user > div:first-child, 
    .group.is-assistant > div:first-child {
        /* 手机端适当缩减内边距，防止阅读空间被过度压缩 */
        padding: 14px !important; 
        box-shadow: inset 0 0 20px rgba(0, 80, 180, 0.4) !important;
    }
}