小狐狸

css
/* 
 * ========================================================
 *   主题：灵狐·满樱织梦 (Nana & Fox Fusion)
 *   融合说明：
 *   1. 结构：保留“灵狐”的触手/狐耳装饰元素和不对称圆角。
 *   2. 配色：采用“Nana World”的甜美粉色系 (渐变粉背景)。
 *   3. 核心：强制白底黑字 (#000000)，确保极致清晰度。
 * ========================================================
 */

/* --- 全局背景 (建议应用在body或最外层容器) --- */
body, .nana-fox-theme {
    background: linear-gradient(135deg, #fff0f6 0%, #ffe3e8 50%, #ffd1dc 100%) !important;
    color: #000000 !important;
}

/* 
 * ---------------------------------
 *   模块一：状态面板美化 (.status-content)
 *   风格：灵狐的不对称轮廓 + 奈奈的粉白配色 + 强制黑字
 * ---------------------------------
 */
.status-content {
    position: relative;
    padding: 20px 25px;
    margin: 20px 0;
    
    /* --- 轮廓：灵狐触手风格的不对称圆角 --- */
    border-radius: 24px 4px 24px 4px;
    
    /* --- 背景：高不透明度白色，确保文字清晰 --- */
    background: rgba(255, 255, 255, 0.95);
    
    /* --- 边框：双层粉色边框 --- */
    border: 3px double #ffb7b2;
    
    /* --- 阴影：柔和的粉色柔光 --- */
    box-shadow: 
        0 10px 30px rgba(255, 107, 129, 0.15),
        inset 0 0 20px rgba(255, 228, 225, 0.5);
    
    /* --- 字体：强制纯黑 --- */
    color: #000000 !important;
    font-family: "Microsoft YaHei", sans-serif;
    font-weight: 500; /* 稍微加粗一点点 */
    overflow: visible;
    transition: transform 0.3s ease;
}

/* 装饰：左上角·灵狐幻耳 (颜色改为奈奈粉 #ff6b81) */
.status-content::before {
    content: '';
    position: absolute;
    top: -12px;
    left: -10px;
    width: 35px;
    height: 35px;
    /* 狐耳形状 */
    border-top: 5px solid #ff6b81;
    border-left: 5px solid #ff6b81;
    border-radius: 80% 0 0 0;
    background: #fff0f6; /* 内部填充浅粉，遮挡线条 */
    filter: drop-shadow(2px 2px 2px rgba(255,107,129,0.2));
    z-index: 1;
}

/* 装饰：右下角·花瓣触手 (颜色改为渐变粉) */
.status-content::after {
    content: '';
    position: absolute;
    bottom: -12px;
    right: -12px;
    width: 50px;
    height: 50px;
    /* 触手/花瓣卷曲形状 */
    border-bottom: 6px solid #ff9a9e;
    border-right: 6px solid #ff6b81;
    border-radius: 0 0 30px 0;
    /* 增加一点波点纹理 */
    background-image: radial-gradient(circle, #ffb7b2 2px, transparent 3px);
    background-size: 10px 10px;
    z-index: 1;
}

.status-content:hover {
    transform: translateY(-3px);
    box-shadow: 0 15px 35px rgba(255, 107, 129, 0.25);
    border-color: #ff6b81;
}

/* 
 * ---------------------------------
 *   模块二：对话气泡美化 (AI侧)
 *   风格：纯白底色 + 黑字 + 粉色装饰
 * ---------------------------------
 */
.group .bg-gray-100\/90 {
    /* --- 背景：纯白 --- */
    background-color: #FFFFFF !important;
    
    /* --- 字体：强制纯黑 --- */
    color: #000000 !important;
    
    /* --- 边框：实线粉色 + 底部加厚 --- */
    border: 2px solid #ffb7b2 !important;
    border-bottom: 4px solid #ff6b81 !important; /* 增加立体感 */
    border-radius: 16px !important;
    
    /* --- 阴影 --- */
    box-shadow: 0 5px 15px rgba(255, 183, 178, 0.3) !important;
        
    padding: 15px 20px !important;
    position: relative !important;
    overflow: visible !important;
}

/* 气泡装饰：右上角狐火 (改为樱花粉) */
.group .bg-gray-100\/90::before {
    content: "" !important;
    position: absolute !important;
    top: -8px !important;
    right: -8px !important;
    width: 24px !important;
    height: 24px !important;
    background: #ff9a9e !important;
    border: 2px solid #fff !important;
    border-radius: 50% 50% 0 50% !important;
    transform: rotate(45deg) !important;
    box-shadow: 0 2px 5px rgba(255,107,129,0.3) !important;
    z-index: 1 !important;
}

/* 气泡装饰：右下角条纹 (模拟奈奈风格的细节) */
.group .bg-gray-100\/90::after {
    content: "" !important;
    position: absolute !important;
    bottom: 10px !important;
    right: -2px !important;
    width: 4px !important;
    height: 20px !important;
    background: repeating-linear-gradient(
        to bottom,
        #ff6b81,
        #ff6b81 4px,
        #fff 4px,
        #fff 6px
    ) !important;
}

/* 
 * ---------------------------------
 *   模块三：平台按钮美化
 *   风格：奈奈风格的虚线/渐变按钮
 * ---------------------------------
 */
.flex.items-center.gap-2.pb-2 > button {
    /* 默认：白底 + 虚线粉边 + 深粉字 */
    background: #FFFFFF !important;
    color: #d65a76 !important; /* 按钮文字保持深粉色以示区分，也可改为黑色 */
    border: 2px dashed #ffb7b2 !important;
    border-radius: 12px !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 {
    /* 悬停：渐变背景 + 白字 + 实线边 */
    background: linear-gradient(45deg, #ff6b81, #ff9a9e) !important;
    color: #FFFFFF !important;
    border: 2px solid transparent !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 5px 15px rgba(255, 107, 129, 0.4) !important;
}

/* 
 * ---------------------------------
 *   模块四：输入栏美化
 *   风格：白底 + 粉边 + 黑字
 * ---------------------------------
 */
#ai-chat-input {
    /* --- 背景：纯白 --- */
    background-color: #FFFFFF !important;
    
    /* --- 边框：淡粉色 + 左侧高亮条 --- */
    border: 2px solid #ffe3e8 !important;
    border-left: 5px solid #ff6b81 !important; /* 奈奈红 */
    border-radius: 10px !important;
    
    /* --- 字体：强制纯黑 --- */
    color: #000000 !important;
    font-weight: 500 !important;
    
    box-shadow: inset 0 2px 5px rgba(0, 0, 0, 0.03) !important;
    transition: all 0.3s ease !important;
}

#ai-chat-input:focus {
    outline: none !important;
    border-color: #ff80bf !important;
    background-color: #fffafa !important; /* 聚焦时极淡的粉白 */
    box-shadow: 
        inset 0 2px 5px rgba(0, 0, 0, 0.03),
        0 0 15px rgba(255, 107, 129, 0.2) !important;
}

#ai-chat-input::placeholder {
    color: #b08d9a !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 可查看完整原始记录。