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

CHARACTER CARD

回乡后山上遇到的小狼孩

作者：口M口

单人卡反差救赎可剧情可涩涩正太耽美养成

暑假回乡，你在后山发现了与狼为伴的12岁野生少年墨哮。从投喂零食开始，用耐心与温柔融化他的警惕，教导他人类的语言与触碰。随着好感加深，他将经历懵懂的发情期，依赖你引导他探索身体的欲望。你可以网购有趣的玩具与他分享最亲密的秘密。但要小心村民的闲言碎语——一旦他受惊躲藏，你需要再次赢得他的信任。是让他留在山林，还是将他驯养成只属于你的少年，带回人间共同生活？这个夏天，由你决定。

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

公开统计

140热度分
2消息量
2,878世界书字符
18,225固定设定字符

字段状态

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

原卡能力

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

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

图片引用

cover: xju6h83w03njw239yhd701x0.webpbackground: zobllgbzschte5zx60zc2lj5.webp

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

注入样式预览

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

下载 CSS
/* === 青翠山林主题聊天框美化 === */
/* 核心效果：山水背景、树木纹理、动态狼足迹 */

/* 1. 移除平台默认的彩色顶条 */
[class*="bg-[#F1CBCB]"],
[class*="bg-[#c9e1e9]"] {
    display: none !important;
}

/* 2. 统一美化所有聊天框主体 (山水背景与狼足迹) */
.bg-gray-100\/90.relative.inline-block {
    /* 基础样式 */
    background: linear-gradient(145deg, #0a3d2f 0%, #1a6b5a 30%, #2a9d8a 100%) !important;
    border-radius: 16px !important;
    border: 2px solid rgba(42, 157, 143, 0.4) !important;
    box-shadow:
        0 8px 32px rgba(10, 61, 47, 0.3),
        inset 0 1px 0 rgba(255, 255, 255, 0.1) !important;
    padding: 16px 20px !important;
    margin: 12px 0 !important;
    position: relative !important;
    overflow: hidden !important;
    isolation: isolate !important; /* 建立层叠上下文 */
    color: #e0f2f1 !important; /* 设置默认文字颜色 */

    /* 树木点缀纹理 - 使用::before伪元素 */
    &::before {
        content: "" !important;
        position: absolute !important;
        top: 0 !important;
        left: 0 !important;
        right: 0 !important;
        bottom: 0 !important;
        background-image:
            radial-gradient(circle at 15% 20%, rgba(76, 175, 80, 0.08) 2px, transparent 3px),
            radial-gradient(circle at 85% 65%, rgba(76, 175, 80, 0.08) 2px, transparent 3px),
            radial-gradient(circle at 50% 40%, rgba(76, 175, 80, 0.05) 3px, transparent 4px);
        background-size: 80px 80px, 100px 100px, 120px 120px !important;
        z-index: 0 !important;
        pointer-events: none !important;
    }

    /* 动态狼足迹装饰条（替代被隐藏的顶条）- 使用::after伪元素 */
    &::after {
        content: "" !important;
        position: absolute !important;
        top: 6px !important;
        left: 50% !important;
        transform: translateX(-50%) !important;
        width: 180px !important;
        height: 20px !important;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 180 20'%3E%3Cdefs%3E%3Cstyle%3E.paw %7B fill: %23FF9800; opacity: 0.7; %7D %3C/style%3E%3C/defs%3E%3Cg%3E%3Ccircle class='paw' cx='15' cy='10' r='4'%3E%3Canimate attributeName='opacity' values='0.3;0.7;0.3' dur='3s' repeatCount='indefinite' begin='0s'/%3E%3C/circle%3E%3Ccircle class='paw' cx='45' cy='8' r='3.5'%3E%3Canimate attributeName='opacity' values='0.7;0.3;0.7' dur='3s' repeatCount='indefinite' begin='0.5s'/%3E%3C/circle%3E%3Ccircle class='paw' cx='75' cy='12' r='4'%3E%3Canimate attributeName='opacity' values='0.3;0.7;0.3' dur='3s' repeatCount='indefinite' begin='1s'/%3E%3C/circle%3E%3Ccircle class='paw' cx='105' cy='9' r='3.5'%3E%3Canimate attributeName='opacity' values='0.7;0.3;0.7' dur='3s' repeatCount='indefinite' begin='1.5s'/%3E%3C/circle%3E%3Ccircle class='paw' cx='135' cy='11' r='4'%3E%3Canimate attributeName='opacity' values='0.3;0.7;0.3' dur='3s' repeatCount='indefinite' begin='2s'/%3E%3C/circle%3E%3Ccircle class='paw' cx='165' cy='7' r='3.5'%3E%3Canimate attributeName='opacity' values='0.7;0.3;0.7' dur='3s' repeatCount='indefinite' begin='2.5s'/%3E%3C/circle%3E%3C/g%3E%3C/svg%3E") !important;
        background-repeat: no-repeat !important;
        background-position: center !important;
        z-index: 1 !important;
        pointer-events: none !important;
        /* CSS动画增强（在SMIL基础上） */
        animation: paw-glide 6s ease-in-out infinite !important;
    }
}

/* 狼足迹水平滑动动画（CSS增强） */
@keyframes paw-glide {
    0%, 100% { transform: translateX(-50%) translateY(0); }
    50% { transform: translateX(-50%) translateY(-2px); }
}

/* 3. 聊天框内主要文本内容 (确保在深色背景上绝对可读) */
.markdown-body {
    color: #FFFFFF !important; /* 最高优先级：纯白色确保可读性 */
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans SC', sans-serif !important;
    font-size: 15px !important;
    line-height: 1.6 !important;
    text-shadow: none !important; /* 禁止任何可能降低可读性的阴影 */
    position: relative !important;
    z-index: 1 !important; /* 确保文本在背景图层之上 */
    background: transparent !important; /* 透明背景以显示下方山水 */
}

/* 4. 聊天框底部附加元素统一美化 (确保在深色背景上可见) */
/* 底部操作按钮 (复制、编辑、删除等) */
.MuiButtonBase-root.MuiButton-root.MuiButton-text.MuiButton-textPrimary {
    color: #EAEAEA !important; /* 与主文本区分的高对比度浅灰色 */
    font-size: 12px !important;
    opacity: 0.8 !important;
    transition: opacity 0.2s ease !important;
}
.MuiButtonBase-root.MuiButton-root.MuiButton-text.MuiButton-textPrimary:hover {
    opacity: 1 !important;
    color: #4FC3F7 !important; /* 悬停时变为青蓝色 */
}

/* 模型名称文本 */
.MuiTypography-root.MuiTypography-body2.css-6c0gf2 {
    color: #B2DFDB !important; /* 浅青绿色，与主题呼应 */
    font-size: 11px !important;
    font-weight: 500 !important;
}

/* Token消耗文本 */
.text-orange-500 {
    color: #FFCC80 !important; /* 柔和的琥珀色，保持可见但不刺眼 */
    font-size: 11px !important;
}

/* 5. 【可选】单独美化输入聊天框（如需要更明显区分） */
.bg-gray-100\/90.relative.inline-block:not(.chat-answer-container .bg-gray-100\/90) {
    /* 可在输入框使用稍浅的渐变背景以示区分 */
    background: linear-gradient(145deg, #1b5e5c 0%, #2a9d8a 50%, #38c4b0 100%) !important;
    border-color: rgba(56, 196, 176, 0.5) !important;
}

/* 6. 自定义加载动画 (替换默认三个点) */
/* 隐藏默认加载动画 */
.style-module__AtdJSq__dot-flashing.style-module__AtdJSq__text {
    display: none !important;
}
/* 在父容器创建奔跑的小狼加载动画 */
.flex.items-center.justify-center.w-6.h-5 {
    position: relative !important;
    min-height: 24px !important; /* 确保动画有足够空间 */
}
/* 使用::before创建奔跑的小狼SVG动画 */
.flex.items-center.justify-center.w-6.h-5::before {
    content: "" !important;
    position: absolute !important;
    width: 24px !important;
    height: 16px !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 16'%3E%3Cpath d='M2,8 Q4,4 8,6 Q12,8 16,6 Q20,4 22,8' stroke='%234FC3F7' stroke-width='1.5' fill='none' stroke-linecap='round'%3E%3Canimate attributeName='d' dur='0.8s' repeatCount='indefinite' values='M2,8 Q4,4 8,6 Q12,8 16,6 Q20,4 22,8;M2,8 Q4,12 8,10 Q12,8 16,10 Q20,12 22,8;M2,8 Q4,4 8,6 Q12,8 16,6 Q20,4 22,8'/%3E%3C/path%3E%3Ccircle cx='6' cy='7' r='1' fill='%234FC3F7'%3E%3Canimate attributeName='cy' dur='0.8s' repeatCount='indefinite' values='7;9;7'/%3E%3C/circle%3E%3Ccircle cx='18' cy='7' r='1' fill='%234FC3F7'%3E%3Canimate attributeName='cy' dur='0.8s' repeatCount='indefinite' values='7;9;7'/%3E%3C/circle%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    /* CSS动画增强 */
    animation: wolf-run 1.2s ease-in-out infinite !important;
}
/* 奔跑动画关键帧 */
@keyframes wolf-run {
    0%, 100% { transform: translateX(0); }
    50% { transform: translateX(4px); }
}

/* 7. 响应式与无障碍适配 */
/* 移动端适配 */
@media (max-width: 480px) {
    .bg-gray-100\/90.relative.inline-block {
        border-radius: 12px !important;
        padding: 14px 16px !important;
        margin: 10px 0 !important;
    }
    .markdown-body {
        font-size: 14px !important;
    }
}
/* 减少动效偏好设置 */
@media (prefers-reduced-motion: reduce) {
    .bg-gray-100\/90.relative.inline-block::after,
    .flex.items-center.justify-center.w-6.h-5::before {
        animation-duration: 2s !important;
        opacity: 0.9 !important;
    }
}
/* =========================================
   主题：青绿山水，树木点缀，小狼
   ========================================= */

/* 1. 顶部栏：青绿渐变与山水小狼点缀 */
.sticky.w-full.top-0.flex.items-center {
    background: linear-gradient(135deg, #d1fae5 0%, #a7f3d0 100%) !important;
    border-bottom: 2px solid #34d399 !important;
    box-shadow: 0 4px 15px rgba(16, 185, 129, 0.1) !important;
    position: relative;
}

/* 顶部栏中心装饰：山、树、狼 */
.sticky.w-full.top-0.flex.items-center::after {
    content: "⛰️ 🌲 🐺 🌲";
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: -2px;
    font-size: 14px;
    opacity: 0.7;
    pointer-events: none;
    letter-spacing: 4px;
    text-shadow: 0 1px 2px rgba(255,255,255,0.5);
}

/* 顶部文字与图标颜色（深墨绿，确保绝对可读） */
#ai-model-selector .truncate.text-\[13px\] {
    color: #064e3b !important;
    font-weight: 600 !important;
}
#ai-model-selector .shrink-0.flex.items-center svg,
.sticky.w-full.top-0 svg {
    color: #047857 !important;
}

/* 2. 开场白选择器：青绿透亮风格 */
div.flex.items-center.h-9.bg-white.rounded-md.cursor-pointer.group[class*="border-gray"] {
    background-color: rgba(236, 253, 245, 0.9) !important;
    border: 1px solid #6ee7b7 !important;
    color: #064e3b !important;
    transition: all 0.3s ease !important;
}
div.flex.items-center.h-9.bg-white.rounded-md.cursor-pointer.group[class*="border-gray"]:hover {
    background-color: #d1fae5 !important;
    border-color: #10b981 !important;
    box-shadow: 0 2px 8px rgba(16, 185, 129, 0.2) !important;
}

/* 3. 底部栏：山水倒影与输入框美化 */
#ai-chat-bottom-input {
    background: linear-gradient(to top, #a7f3d0 0%, #ecfdf5 100%) !important;
    border-top: 2px solid #6ee7b7 !important;
    position: relative;
}

/* 底部输入框上方的小狼巡林装饰 */
#ai-chat-bottom-input::before {
    content: "🌲 🐺";
    position: absolute;
    right: 20px;
    top: -24px;
    font-size: 16px;
    pointer-events: none;
    text-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

/* 主输入框 */
#ai-chat-input {
    background-color: rgba(255, 255, 255, 0.85) !important;
    border: 1px solid #34d399 !important;
    color: #064e3b !important;
    border-radius: 12px !important;
    box-shadow: inset 0 2px 4px rgba(16, 185, 129, 0.05) !important;
    font-family: system-ui, -apple-system, sans-serif !important;
}
#ai-chat-input::placeholder {
    color: #059669 !important;
    opacity: 0.7 !important;
}
#ai-chat-input::selection {
    background-color: #34d399 !important;
    color: white !important;
}

/* 4. 按钮栏：青绿主题按钮 */
#ai-mod-button2 button.MuiButton-root {
    background: linear-gradient(135deg, #10b981 0%, #059669 100%) !important;
    color: white !important;
    border-radius: 8px !important;
    border: none !important;
    box-shadow: 0 2px 6px rgba(5, 150, 105, 0.3) !important;
    transition: all 0.3s ease !important;
}
#ai-mod-button2 button.MuiButton-root:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 12px rgba(5, 150, 105, 0.4) !important;
    background: linear-gradient(135deg, #34d399 0%, #10b981 100%) !important;
}

/* 5. 分页栏：色彩适配 */
.MuiPaginationItem-root {
    color: #047857 !important;
}
.MuiPaginationItem-root.Mui-selected {
    background-color: #10b981 !important;
    color: white !important;
}
.MuiStack-root.css-1uwir8f .MuiBox-root {
    color: #064e3b !important;
}

/* 6. 评论区：森系背景与卡片式评论 */
div[class*="w-full"][class*="bg-white"][class*="bottom-0"] {
    background: linear-gradient(180deg, #f0fdfa 0%, #d1fae5 100%) !important;
}
div.text-lg.font-bold {
    color: #064e3b !important;
}
/* 评论标题后添加小狼印记 */
div.text-lg.font-bold::after {
    content: " 🐾";
    font-size: 0.8em;
    opacity: 0.8;
}

/* 评论项卡片化，增强阅读体验 */
div.group.ml-0 {
    background-color: rgba(255, 255, 255, 0.7) !important;
    border-radius: 12px !important;
    padding: 12px !important;
    margin-bottom: 10px !important;
    border-left: 4px solid #10b981 !important;
    box-shadow: 0 2px 4px rgba(16, 185, 129, 0.05) !important;
    transition: background-color 0.2s ease !important;
}
div.group.ml-0:hover {
    background-color: rgba(255, 255, 255, 0.9) !important;
}

/* 评论区文字颜色控制 */
div.text-sm.text-grey-600 span.font-bold {
    color: #047857 !important; /* 用户名墨绿 */
}
div.break-all {
    color: #064e3b !important; /* 评论正文深绿 */
    line-height: 1.6 !important;
}
div.text-xs.text-grey-600 {
    color: #059669 !important; /* 时间戳浅绿 */
}

/* 评论区输入框 */
textarea.rc-textarea {
    background-color: rgba(255, 255, 255, 0.8) !important;
    border-color: #6ee7b7 !important;
    color: #064e3b !important;
}
div.bg-gray-100.text-gray-500 {
    background-color: #a7f3d0 !important;
    color: #047857 !important;
}
查看已核验的原始字段
{
  "renderTemplate": null,
  "assistantRegexReplace": null,
  "enableMemorySchema": false,
  "memorySchema": null,
  "introPage": "wp6q9va7qmi63tsclu7k1zzd.html",
  "options": {
    "items": []
  },
  "defaultModelSettings": null,
  "cover": "xju6h83w03njw239yhd701x0.webp",
  "background": "zobllgbzschte5zx60zc2lj5.webp"
}
原始导出字段

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