/* === 赛博朋克 2077 浅色主题美化方案 === */

/* 1. 隐藏默认的顶部颜色条 */
[class*="bg-[#F1CBCB]"], 
[class*="bg-[#c9e1e9]"] {
    display: none !important;
}

/* 2. 主聊天框 - 核心容器 (浅色版) */
.bg-gray-100\/90.relative.inline-block {
    /* --- 背景处理 --- */
    /* 底层：浅色科技背景 */
    background-color: #F0F2F5 !important;
    
    /* 【网络图片位置】：建议替换为浅色科技纹理、蓝图或白色网格图 */
    background-image: 
        linear-gradient(145deg, rgba(255, 255, 255, 0.2), rgba(240, 242, 245, 0.1)),
        url('https://catai.wiki/1d73d3f8-4c45-4247-7ec8-88d21b3e3000/w=3000'); /* 示例：浅色抽象科技图 */
    
    background-size: cover, cover !important;
    background-position: center, center !important;
    background-blend-mode: overlay !important; /* 浅色模式下使用 overlay 或 normal */

    /* --- 边框与形状 --- */
    /* 边框改为深色或高饱和蓝色/黄色，以在浅色背景上凸显 */
    border: 2px solid #0051FF !important; /* 赛博蓝 */
    /* 或者保持黄色但加深： border: 2px solid #D4AF37 !important; */
    
    border-radius: 4px !important; 
    
    /* --- 光影效果 --- */
    /* 浅色模式下的阴影通常是深色的，模拟悬浮感 */
    box-shadow: 
        inset 0 0 20px rgba(255, 255, 255, 0.5), /* 内部高光 */
        0 0 15px rgba(0, 81, 255, 0.2), /* 外部微弱蓝光辉光 */
        0 4px 10px rgba(0, 0, 0, 0.1) !important; /* 底部投影，增加立体感 */

    padding: 1.5rem !important;
    margin: 1rem 0 !important;
    position: relative !important;
    isolation: isolate !important;
    overflow: hidden !important;
    
    /* --- 文字颜色修正 --- */
    color: #1A1A1A !important; /* 深灰色文字，保证可读性 */
    text-shadow: none !important; /* 浅色背景下通常不需要文字发光，否则看不清 */
}

/* 3. 装饰性扫描线 (浅色版) */
.bg-gray-100\/90.relative.inline-block::before {
    content: "" !important;
    position: absolute !important;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /* 浅色背景上的扫描线使用极淡的黑色或蓝色 */
    background: linear-gradient(
        to bottom,
        rgba(0, 0, 0, 0),
        rgba(0, 0, 0, 0) 50%,
        rgba(0, 81, 255, 0.03) 50%, /* 极淡的蓝色线条 */
        rgba(0, 81, 255, 0.03)
    );
    background-size: 100% 4px !important;
    pointer-events: none !important;
    z-index: 1 !important;
}

/* 4. 角落装饰 (模拟 HUD 界面) */
.bg-gray-100\/90.relative.inline-block::after {
    content: "" !important;
    position: absolute !important;
    bottom: 0;
    right: 0;
    width: 20px;
    height: 20px;
    /* 角落颜色与边框一致 */
    border-bottom: 3px solid #0051FF !important;
    border-right: 3px solid #0051FF !important;
    z-index: 2 !important;
}

/* 5. 输入框强调 (浅色版) */
.bg-gray-100\/90.relative.inline-block:not(.chat-answer-container .bg-gray-100\/90) {
    border-color: #0051FF !important; /* 与主边框呼应 */
    background-color: #FFFFFF !important; /* 纯白背景 */
    background-image: none !important; /* 输入框保持干净 */
    
    box-shadow: 
        inset 0 0 5px rgba(0, 81, 255, 0.1), /* 内部微弱蓝光 */
        0 0 10px rgba(0, 81, 255, 0.1) !important;
        
    color: #1A1A1A !important; /* 输入文字为深色 */
}