过年来串门的熟女亲戚

css
/* 
 * ========================================================
 *   主题：职场修罗场·红蓝双煞 (Office Chaos: Rin & Chinatsu)
 *   风格适配：
 *   1. 配色：天空蓝 (#87CEEB) + 蜜桃粉 (#ff9a9e) 双色渐变。
 *   2. 元素：保留职场“卡片”感，但在细节处体现“混沌”的液态感。
 *   3. 核心：强制白底黑字 (#000000)，保持办公文档的清晰度。
 * ========================================================
 */

/* --- 全局背景 (对应里世界背景) --- */
body, .nana-fox-theme {
    /* 这种渐变对应你上一段代码的 .office-world-fix 背景 */
    background: linear-gradient(135deg, #fff0f6 0%, #e0f7fa 100%) !important;
    color: #000000 !important;
}

/* 
 * ---------------------------------
 *   模块一：状态面板美化 (.status-content)
 *   设计理念：凛的秩序(蓝边框) 包裹着 千夏的欲望(粉阴影)
 * ---------------------------------
 */
.status-content {
    position: relative;
    padding: 20px 25px;
    margin: 20px 0;
    
    /* --- 轮廓：稍微圆润的办公卡片 --- */
    border-radius: 12px;
    
    /* --- 背景：高透白，像磨砂玻璃文件板 --- */
    background: rgba(255, 255, 255, 0.95);
    
    /* --- 边框：左边蓝色(凛)，右边粉色(千夏) --- */
    border: 2px solid #87CEEB; /* 默认蓝色主调 */
    border-right: 2px solid #ff9a9e; /* 右侧渐变暗示 */
    
    /* --- 阴影：红蓝交织的柔光 --- */
    box-shadow: 
        -5px 5px 20px rgba(135, 206, 235, 0.2), /* 蓝光 */
        5px 5px 20px rgba(255, 154, 158, 0.2);  /* 粉光 */
    
    /* --- 字体：强制纯黑 --- */
    color: #000000 !important;
    font-family: "Microsoft YaHei", sans-serif;
    font-weight: 600; 
    overflow: visible;
    transition: transform 0.3s ease;
}

/* 装饰：左上角·凛的冰冷 (蓝色方块) */
.status-content::before {
    content: '';
    position: absolute;
    top: -6px;
    left: 20px;
    width: 40px;
    height: 8px;
    background: #87CEEB;
    border-radius: 4px;
    box-shadow: 0 2px 5px rgba(135, 206, 235, 0.4);
    z-index: 1;
}

/* 装饰：右下角·千夏的纠缠 (粉色液态圆点) */
.status-content::after {
    content: '';
    position: absolute;
    bottom: -8px;
    right: -8px;
    width: 20px;
    height: 20px;
    background: #ff9a9e;
    border-radius: 50%;
    border: 3px solid #fff;
    box-shadow: 0 4px 10px rgba(255, 154, 158, 0.5);
    z-index: 1;
}

.status-content:hover {
    transform: translateY(-2px);
    border-color: #ff9a9e; /* 悬停时被千夏侵蚀 */
}

/* 
 * ---------------------------------
 *   模块二：对话气泡美化 (AI侧)
 *   风格：办公文档风格，但底部有暗示性的颜色条
 * ---------------------------------
 */
.group .bg-gray-100\/90 {
    /* --- 背景：纯白 --- */
    background-color: #FFFFFF !important;
    
    /* --- 字体：强制纯黑 --- */
    color: #000000 !important;
    
    /* --- 边框：顶部蓝色，底部粉色 --- */
    border: 1px solid #e0f7fa !important;
    border-top: 3px solid #87CEEB !important; /* 凛 */
    border-bottom: 3px solid #ff9a9e !important; /* 千夏 */
    border-radius: 12px !important;
    
    /* --- 阴影 --- */
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.03) !important;
        
    padding: 15px 20px !important;
    position: relative !important;
    overflow: visible !important;
}

/* 气泡装饰：右上角回形针/装饰条 */
.group .bg-gray-100\/90::before {
    content: "" !important;
    position: absolute !important;
    top: 10px !important;
    right: 10px !important;
    width: 8px !important;
    height: 8px !important;
    border-radius: 50% !important;
    background: #e0e0e0 !important; /* 模拟钉子 */
    box-shadow: inset 1px 1px 2px rgba(0,0,0,0.1) !important;
}

/* 
 * ---------------------------------
 *   模块三：平台按钮美化
 *   风格：对应你HTML中的 .btn-submit 渐变风格
 * ---------------------------------
 */
.flex.items-center.gap-2.pb-2 > button {
    /* 默认：白底 + 蓝色虚线边 (对应 gen-area) */
    background: #FFFFFF !important;
    color: #87CEEB !important; 
    border: 2px dashed #87CEEB !important;
    border-radius: 20px !important; /* 圆润按钮 */
    box-shadow: 0 2px 5px rgba(0,0,0,0.05) !important;
    font-weight: bold !important;
    padding: 8px 16px !important;
    transition: all 0.2s ease-in-out !important;
}

.flex.items-center.gap-2.pb-2 > button:hover {
    /* 悬停：红蓝渐变背景 + 白字 (对应 btn-submit) */
    background: linear-gradient(45deg, #ff9a9e, #87CEEB) !important;
    color: #FFFFFF !important;
    border: 2px solid transparent !important;
    transform: scale(1.05) !important;
    box-shadow: 0 5px 15px rgba(135, 206, 235, 0.4) !important;
}

/* 
 * ---------------------------------
 *   模块四：输入栏美化
 *   风格：极简办公风，聚焦时出现红蓝光晕
 * ---------------------------------
 */
#ai-chat-input {
    /* --- 背景：纯白 --- */
    background-color: #FFFFFF !important;
    
    /* --- 边框：淡蓝 --- */
    border: 2px solid #e0f7fa !important;
    border-radius: 10px !important;
    
    /* --- 字体：强制纯黑 --- */
    color: #000000 !important;
    font-weight: 500 !important;
    
    box-shadow: inset 0 2px 5px rgba(0, 0, 0, 0.01) !important;
    transition: all 0.3s ease !important;
}

#ai-chat-input:focus {
    outline: none !important;
    border-color: #87CEEB !important;
    /* 聚焦时：红蓝双色光晕 */
    box-shadow: 
        inset 0 2px 5px rgba(0, 0, 0, 0.03),
        0 0 0 3px rgba(135, 206, 235, 0.2),
        0 0 10px rgba(255, 154, 158, 0.2) !important;
}

#ai-chat-input::placeholder {
    color: #aaa !important; 
}

#ai-chat-bottom-input { 
    background: transparent !important; 
    backdrop-filter: none !important; 
}

/* 
 * ---------------------------------
 *   模块五：隐藏不需要的默认元素
 * ---------------------------------
 */
.MuiButtonBase-root.MuiButton-root.MuiButton-default.css-w13mdt,
.css-nkqe49 {
    /* display: none !important; */ 
}

本页只展示本地导出中可核验的公开字段。下载 JSON 可查看完整原始记录。