RRili 卡库下载 JSON
← 返回卡片目录
R本地导出未包含卡图

CHARACTER CARD

花田福利院（正太兽人）

作者：eyyan（远渡重洋版）

已破甲可bg/gb/bl可剧情可涩涩正太兽人多角色开局即可色耽美

（点门进去！）【兽人正太养成】“尊敬的女士/先生：我们通过血型检测，检测出了您体内拥有的特殊安抚信息素，现高薪诚聘您成为花田福利院的院长，请帮我们照顾好这些可怜的——小家伙们。不论用什么方式。落款：特殊监管局”一封特殊的信件，在你上班上的口吐白沫的时候被送了过来。出于对非人公司的怨念和高薪的诱惑，你决定接下这封含糊的入职邀请信。 一辆涂满涂鸦的班车载着你，开往林中的未知的可爱建筑……【进来的自罚三电棍先（）这下不得不主控左位了！（想当被开的大车也请随意（口哨）调试的时候电脑一直在电我哦呵呵呵呵……】【可爱一点就deepseek3.2最推荐！想被电就去Gemini……大家都懂】（deepseek容易吞字！刷新一下就好！有时候格式也容易乱呃啊啊啊啊啊啊啊）

下载卡片 JSON查看原站公开页

公开统计

199热度分
13消息量
0世界书字符
11,640固定设定字符

字段状态

  • 卡片 JSON可下载
  • 描述与标签已包含
  • 完整提示词正文导出未提供
  • 卡图资源仅文件名引用

原卡能力

以下状态来自本地公开导出字段；样式与模板仅提供安全预览/下载，不在本站自动执行。

  • 自定义渲染模板未提供
  • 注入样式 CSS已包含
  • 正则替换规则未提供
  • 记忆 Schema未提供
  • 开场页已包含
  • 默认模型设置未提供
  • 图片引用已包含

图片引用

cover: ti1y6d88j0k3pabe55j764ha.webp

导出中只有文件名引用，未包含实际图片二进制资源。

注入样式预览

共 12,151 字符；仅作为文本显示，不会在本站执行。

下载 CSS
/* ===== 底部输入栏整体美化 ===== */
/* 为输入区域外圈容器设置浅米色背景和棕色边框 */
#ai-chat-bottom-input {
    background-color: #FDF5E6 !important; /* 浅米色背景 */
    border: 2px solid #8B4513 !important; /* 棕色边框 */
    border-radius: 8px !important; /* 圆角 */
    padding: 12px !important;
    font-family: sans-serif !important;
    transition: all 0.3s ease !important;
}

/* 自定义主输入框内的样式 */
#ai-chat-input {
    background-color: #FDF5E6 !important; /* 与背景统一 */
    color: #000000 !important; /* 黑色字体 */
    font-family: inherit !important; /* 继承容器字体 */
    padding: 0 !important; /* 移除内边距，由容器提供 */
}

/* 自定义输入框的占位符颜色 */
#ai-chat-input::placeholder {
    color: #8B4513 !important; /* 使用棕色，使其在浅米色上可见 */
    opacity: 0.6 !important;
}

/* 自定义输入框内文字被选中时的背景色 */
#ai-chat-input::selection {
    background-color: #8B4513 !important;
    color: #FFFFFF !important;
}

/* ===== 发送按钮美化 ===== */
/* 美化“发送”按钮（通常包含SVG图标） */
#ai-chat-bottom-input button[type="submit"], 
#ai-chat-bottom-input button:has(svg) {
    background-color: #8B4513 !important; /* 棕色背景 */
    color: #FDF5E6 !important; /* 浅米色文字 */
    border-radius: 6px !important; /* 按钮圆角 */
    font-weight: bold !important;
    transition: all 0.3s ease !important;
    border: none !important; /* 移除默认边框 */
    min-height: 40px !important; /* 确保按钮高度 */
    padding: 0 20px !important; /* 添加水平内边距 */
}

/* 发送按钮的悬停效果 */
#ai-chat-bottom-input button[type="submit"]:hover, 
#ai-chat-bottom-input button:has(svg):hover {
    background-color: #A0522D !important; /* 悬停时变为稍浅的棕色 */
    transform: scale(1.05) !important;
    box-shadow: 0 4px 12px rgba(139, 69, 19, 0.3) !important;
}

/* 确保按钮内的SVG图标也变为浅米色 */
#ai-chat-bottom-input button[type="submit"] svg, 
#ai-chat-bottom-input button:has(svg) svg {
    color: #FDF5E6 !important;
    /* 如果你希望图标也跟随悬停放大，可以添加下面这行 */
    /* transition: transform 0.3s ease !important; */
}

/* 发送按钮悬停时，图标轻微放大 */
#ai-chat-bottom-input button[type="submit"]:hover svg, 
#ai-chat-bottom-input button:has(svg):hover svg {
    transform: scale(1.1) !important;
}

/* ====== 可选增强效果 ====== */
/* 如果您希望输入框获得焦点时，外圈边框颜色有变化，可以添加此规则 */
#ai-chat-bottom-input:focus-within {
    border-color: #D2691E !important; /* 聚焦时更亮的棕色 */
    box-shadow: 0 0 0 3px rgba(139, 69, 19, 0.2) !important; /* 聚焦发光效果 */
}
/* 统一美化输入与输出聊天框 */
.bg-gray-100\/90.relative.inline-block {
  /* 核心样式：浅米色背景，棕色边框，圆角 */
  background-color: #FDF5E6 !important; /* 浅米色背景 (老花色) */
  border: 2px solid #8B4513 !important; /* 棕色边框 (马鞍棕色) */
  border-radius: 8px !important;        /* 圆角设计 */
  /* 内边距与间距 */
  padding: 12px !important;
  margin-bottom: 12px !important;
  /* 平滑过渡效果，提升交互感 */
  transition: all 0.3s ease !important;
  /* 确保层叠上下文，防止伪元素干扰内容 */
  position: relative !important;
  isolation: isolate !important;
}

/* 确保聊天框内所有文本（markdown渲染内容）为黑色，实现绝对可读性 */
.bg-gray-100\/90.relative.inline-block .markdown-body {
  /* 强制执行黑色字体，确保与浅米色背景形成高对比度 */
  color: #000000 !important;
  /* 清除所有可能影响文本可读性的阴影或滤镜效果 */
  text-shadow: none !important;
  /* 确保文本位于动效层之上 */
  position: relative;
  z-index: 1;
}

/* 美化聊天框底部的操作按钮 */
.bg-gray-100\/90.relative.inline-block .MuiButtonBase-root.MuiButton-root.MuiButton-text.MuiButton-textPrimary {
  /* 按钮颜色与边框主色协调，但降低饱和度以突出功能 */
  color: #A67C52 !important;
  /* 移除按钮的默认背景 */
  background-color: transparent !important;
  /* 添加边框交互反馈 */
  border: 1px solid transparent !important;
  transition: all 0.2s ease !important;
}

.bg-gray-100\/90.relative.inline-block .MuiButtonBase-root.MuiButton-root.MuiButton-text.MuiButton-textPrimary:hover {
  /* 悬停时加深颜色，并显示边框 */
  color: #8B4513 !important;
  border-color: #D2B48C !important;
}

/* 美化模型名称文本 */
.bg-gray-100\/90.relative.inline-block .MuiTypography-root.MuiTypography-body2.css-6c0gf2 {
  color: #8B4513 !important; /* 使用与边框协调的棕色 */
  font-weight: 500 !important; /* 稍微加粗 */
}

/* 美化Token消耗文本 */
.bg-gray-100\/90.relative.inline-block .text-orange-500 {
  color: #D2691E !important; /* 使用棕色系的橘色变体，保持风格统一 */
}

/* 为深色背景聊天框提供的可读性保障 - 备用规则 */
.bg-gray-100\/90.relative.inline-block[style*="background-color: rgba(0, 0, 0"] .markdown-body,
.bg-gray-100\/90.relative.inline-block[style*="background-color: #000000"] .markdown-body,
.bg-gray-100\/90.relative.inline-block[style*="background: #000000"] .markdown-body {
  /* 如果检测到背景色变为深色，确保文字为白色 */
  color: #FFFFFF !important;
}

/* 移除聊天框顶部的默认颜色装饰条 */
[class*="bg-[#F1CBCB]"],
[class*="bg-[#c9e1e9]"] {
    display: none !important;
}

/* 移动端适配：在小屏幕上稍微调整内边距和圆角 */
@media (max-width: 480px) {
  .bg-gray-100\/90.relative.inline-block {
    padding: 10px !important;
    border-radius: 6px !important;
    margin-bottom: 10px !important;
  }
}

/* 为偏好低动效的用户提供降级方案 */
@media (prefers-reduced-motion: reduce) {
  .bg-gray-100\/90.relative.inline-block {
    transition: none !important;
  }
}
/* 第一步：隐藏平台默认的加载动画 */
.style_dot-flashing__8L91Q.style_text__zGhNq {
    display: none !important;
}

/* 第二步：设置加载容器，为三朵独立的小花创建定位环境 */
.flex.items-center.justify-center.w-6.h-5 {
    position: relative !important;
    width: 70px !important;  /* 扩大容器以适应三朵独立的花 */
    height: 45px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    overflow: visible !important;
    /* 清除所有默认的内边距和外边距 */
    padding: 0 !important;
    margin: 0 !important;
}

/* 第三步：使用伪元素和盒阴影技术创建三朵完全独立的花 */

/* 粉色小花 - 左上角位置，使用::before伪元素 */
.flex.items-center.justify-center.w-6.h-5::before {
    content: '' !important;
    position: absolute !important;
    width: 18px !important;
    height: 18px !important;
    left: 12px !important;
    top: 8px !important;
    /* SVG SMIL旋转动画 - 粉色花 */
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' width='20' height='20'%3E%3Cdefs%3E%3CanimateTransform id='pinkRotate' attributeName='transform' type='rotate' from='0 10 10' to='360 10 10' dur='1.8s' repeatCount='indefinite' /%3E%3C/defs%3E%3Cg transform='translate(10,10)'%3E%3Cpath d='M0,-6.5 L1.8,-2.8 L6.5,-2.8 L2.8,0 L4.5,4.5 L0,1.8 L-4.5,4.5 L-2.8,0 L-6.5,-2.8 L-1.8,-2.8 Z' fill='%23FF69B4'%3E%3CanimateTransform attributeName='transform' type='rotate' from='0 0 0' to='360 0 0' dur='1.8s' repeatCount='indefinite' /%3E%3C/path%3E%3C/g%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: contain !important;
    transform-origin: center !important;
    z-index: 3 !important;
    /* CSS动画增强 */
    animation: pinkFlowerSpin 1.8s ease-in-out infinite !important;
}

/* 蓝色小花 - 右上角位置，使用::after伪元素 */
.flex.items-center.justify-center.w-6.h-5::after {
    content: '' !important;
    position: absolute !important;
    width: 16px !important;
    height: 16px !important;
    right: 12px !important;
    top: 8px !important;
    /* SVG SMIL旋转动画 - 蓝色花 */
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' width='20' height='20'%3E%3Cdefs%3E%3CanimateTransform id='blueRotate' attributeName='transform' type='rotate' from='0 10 10' to='360 10 10' dur='2.2s' repeatCount='indefinite' /%3E%3C/defs%3E%3Cg transform='translate(10,10)'%3E%3Cpath d='M0,-6 L1.7,-2.6 L6,-2.6 L2.6,0 L4.2,4.2 L0,1.7 L-4.2,4.2 L-2.6,0 L-6,-2.6 L-1.7,-2.6 Z' fill='%2342A5F5' opacity='0.9'%3E%3CanimateTransform attributeName='transform' type='rotate' from='0 0 0' to='360 0 0' dur='2.2s' repeatCount='indefinite' /%3E%3C/path%3E%3C/g%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: contain !important;
    transform-origin: center !important;
    z-index: 2 !important;
    /* CSS动画增强 - 与粉色不同速度和缓动 */
    animation: blueFlowerSpin 2.2s cubic-bezier(0.4, 0, 0.2, 1) infinite !important;
}

/* 黄色小花 - 底部中间位置，通过容器的伪元素创建 */
/* 由于只有::before和::after两个伪元素，我们使用盒阴影技术在容器上创建第三朵花 */
/* 为容器创建一个额外的伪元素效果 */
.flex.items-center.justify-center.w-6.h-5 {
    /* 创建黄色小花的旋转效果 - 通过动画改变背景图片来实现 */
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' width='20' height='20'%3E%3Cdefs%3E%3CanimateTransform id='yellowRotate' attributeName='transform' type='rotate' from='0 10 10' to='360 10 10' dur='2s' repeatCount='indefinite' /%3E%3C/defs%3E%3Cg transform='translate(10,10)'%3E%3Cpath d='M0,-5.5 L1.5,-2.4 L5.5,-2.4 L2.4,0 L3.8,3.8 L0,1.5 L-3.8,3.8 L-2.4,0 L-5.5,-2.4 L-1.5,-2.4 Z' fill='%23FFEB3B' opacity='0.95'%3E%3CanimateTransform attributeName='transform' type='rotate' from='0 0 0' to='360 0 0' dur='2s' repeatCount='indefinite' /%3E%3C/path%3E%3C/g%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: center 26px !important;
    background-size: 15px 15px !important;
    transform-origin: center !important;
    z-index: 1 !important;
    /* CSS动画增强 - 黄色花独有的动画效果 */
    animation: yellowFlowerPulse 2s ease infinite !important;
}

/* 第四步：定义每朵花的独立CSS关键帧动画 */

/* 粉色小花动画 - 快速旋转带轻微弹跳 */
@keyframes pinkFlowerSpin {
    0% {
        transform: rotate(0deg) scale(1);
    }
    25% {
        transform: rotate(90deg) scale(1.1);
    }
    50% {
        transform: rotate(180deg) scale(1);
        filter: brightness(1.1);
    }
    75% {
        transform: rotate(270deg) scale(0.95);
    }
    100% {
        transform: rotate(360deg) scale(1);
    }
}

/* 蓝色小花动画 - 中等速度，更平滑的旋转 */
@keyframes blueFlowerSpin {
    0% {
        transform: rotate(0deg) scale(1);
    }
    33% {
        transform: rotate(120deg) scale(1.05);
        filter: brightness(1.15);
    }
    66% {
        transform: rotate(240deg) scale(0.98);
    }
    100% {
        transform: rotate(360deg) scale(1);
    }
}

/* 黄色小花动画 - 脉冲式的旋转效果 */
@keyframes yellowFlowerPulse {
    0% {
        background-position: center 26px !important;
        opacity: 1;
    }
    25% {
        background-position: center 25px !important;
        opacity: 0.9;
    }
    50% {
        background-position: center 27px !important;
        opacity: 1;
        filter: brightness(1.2);
    }
    75% {
        background-position: center 25px !important;
        opacity: 0.9;
    }
    100% {
        background-position: center 26px !important;
        opacity: 1;
    }
}

/* 第五步：移动端适配 */
@media (max-width: 480px) {
    .flex.items-center.justify-center.w-6.h-5 {
        width: 55px !important;
        height: 40px !important;
    }
    
    .flex.items-center.justify-center.w-6.h-5::before {
        width: 15px !important;
        height: 15px !important;
        left: 8px !important;
        top: 6px !important;
        background-size: 15px 15px !important;
    }
    
    .flex.items-center.justify-center.w-6.h-5::after {
        width: 14px !important;
        height: 14px !important;
        right: 8px !important;
        top: 6px !important;
        background-size: 14px 14px !important;
    }
    
    .flex.items-center.justify-center.w-6.h-5 {
        background-size: 13px 13px !important;
        background-position: center 22px !important;
    }
    
    @keyframes yellowFlowerPulse {
        0% {
            background-position: center 22px !important;
        }
        25% {
            background-position: center 21px !important;
        }
        50% {
            background-position: center 23px !important;
        }
        75% {
            background-position: center 21px !important;
        }
        100% {
            background-position: center 22px !important;
        }
    }
}

/* 第六步：为偏好低动效的用户提供适度的降级方案 */
@media (prefers-reduced-motion: reduce) {
    .flex.items-center.justify-center.w-6.h-5::before,
    .flex.items-center.justify-center.w-6.h-5::after,
    .flex.items-center.justify-center.w-6.h-5 {
        animation-duration: 4s !important;
        animation-timing-function: linear !important;
    }
    
    /* 简化动画，减少缩放和亮度变化 */
    @keyframes pinkFlowerSpin, @keyframes blueFlowerSpin {
        to {
            transform: rotate(360deg);
        }
    }
    
    @keyframes yellowFlowerPulse {
        to {
            background-position: center 26px !important;
    

/* 预览已截断；下载 CSS 可查看完整内容。 */
查看已核验的原始字段
{
  "renderTemplate": null,
  "assistantRegexReplace": null,
  "enableMemorySchema": false,
  "memorySchema": null,
  "introPage": "bme35yki8nc4pr6393i8kkl5.html",
  "options": {
    "items": []
  },
  "defaultModelSettings": null,
  "cover": "ti1y6d88j0k3pabe55j764ha.webp",
  "background": null
}
原始导出字段

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