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

CHARACTER CARD

【游戏UI】阿卡伊地牢(测试版)

作者:RedprP

视觉小说可捏脸地牢回合制rpg魔物娘换装娃娃

[注意事项]:本游戏没有正文,纯靠ui实现场景与角色的交互;请将记忆数设为2游玩,请尽量不要使用任何外部mod(记忆mod会破坏格式,文风mod在本作中没有任何作用);启用色情模式可触发战败CG; 交流群:1054795528

公开统计

841热度分
196消息量
25,421世界书字符
1,288固定设定字符

字段状态

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

原卡能力

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

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

图片引用

cover: uirfse91ll5mhcoljl47qf82.webp

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

注入样式预览

共 98,004 字符;仅作为文本显示,不会在本站执行。

下载 CSS
/* ==========================================================================
   1. 聊天气泡 (强制暗色底板 + 亮色防瞎眼文字)
   ========================================================================== */
/* 气泡主容器:暗色装甲底板,取消外边框,改为内凹阴影 */
.is-assistant > div {min-width: 670px;}
think {display: none !important;}
@media (max-width: 768px) {
  .is-assistant > div {min-width: 360px; max-width: 94vw;}
}

.is-user > div, .is-assistant > div {
    background-color: #121417 !important;
    border: none !important;
    border-radius: 4px !important;
    box-shadow: inset 0 0 15px rgba(0,0,0,0.8), 2px 2px 6px rgba(0,0,0,0.5) !important;
    position: relative !important;
    padding: 1em !important;
}

.is-user > div {
    min-width: 190px !important;
}

/* 顶部黄铜装饰线 */
.is-user > div::before, .is-assistant > div::before {
    content: '' !important;
    position: absolute !important;
    top: 0; left: 0; right: 0; height: 2px !important;
    background: linear-gradient(90deg, transparent, #8b7355, #c5a059, #8b7355, transparent) !important;
    opacity: 0.8 !important; pointer-events: none !important; z-index: 10 !important;
}

/* ★ 核心文本修复:强制亮色,防止白天模式字变黑 */
.rili-markdown-renderer, 
.rili-markdown-renderer p, 
.rili-markdown-renderer li, 
.rili-markdown-renderer span {
    color: #d3cbb8 !important;
    font-family: 'Georgia', serif, 'Microsoft YaHei', sans-serif !important;
    text-shadow: 0 1px 1px rgba(0,0,0,0.8) !important;
}

/* Markdown 特殊元素着色 */
.rili-markdown-renderer strong { color: #c5a059 !important; }
.rili-markdown-renderer em { color: #8b7355 !important; }
.rili-markdown-renderer blockquote {
    border-left: 3px solid #5a4b31 !important;
    background: rgba(139, 115, 85, 0.1) !important;
    padding: 0.5em 1em !important;
    margin: 1em 0 !important;
    border-radius: 0 4px 4px 0 !important;
    color: #a89f91 !important;
}
.rili-markdown-renderer hr {
    border: none !important; height: 1px !important;
    background: linear-gradient(90deg, transparent, #5a4b31, #8b7355, transparent) !important;
    margin: 1.5em 0 !important;
}

/* 气泡内操作按钮 */
.is-user > div button, .is-assistant > div button {
    background: linear-gradient(135deg, #2b2317, #15110a) !important;
    color: #8b7355 !important;
    border: 1px solid #4a3c27 !important;
    border-radius: 2px !important;
    box-shadow: 0 2px 6px rgba(0,0,0,0.6) !important;
    transition: all 0.2s !important;
}
.is-user > div button:hover, .is-assistant > div button:hover {
    background: linear-gradient(135deg, #4a3c27, #2a2215) !important;
    color: #c5a059 !important;
    border-color: #8b7355 !important;
    transform: translateY(-1px) !important;
}
.is-user > div button svg, .is-assistant > div button svg { stroke: currentcolor !important; }

/* ==========================================================================
   2. 顶栏美化 (暗黑黄铜化)
   ========================================================================== */
header:has(#nav-right) {
    background: linear-gradient(180deg, #1a1c20, #121417) !important;
    border-bottom: 2px solid #5a4b31 !important;
    position: relative !important;
    box-shadow: 0 4px 12px rgba(0,0,0,0.8) !important;
}
/* 顶栏图标交互 */
header:has(#nav-right) button { color: #8b7355 !important; border-radius: 2px !important; transition: all 0.25s !important; }
header:has(#nav-right) button:hover { background: rgba(0,0,0,0.4) !important; color: #c5a059 !important; transform: translateY(-1px) !important; }
header:has(#nav-right) button svg { stroke: #8b7355 !important; transition: all 0.25s !important; }
header:has(#nav-right) button:hover svg { stroke: #c5a059 !important; filter: drop-shadow(0 0 4px rgba(197, 160, 89, 0.5)) !important; }
header:has(#nav-right) [data-sidebar="trigger"] svg { stroke: #c5a059 !important; }

/* ==========================================================================
   3. 底部输入框与控制台按钮
   ========================================================================== */
form#prompt-input { background-color: transparent !important; box-shadow: none !important; }
div[data-slot="input-group"] {
    background-color: #121417 !important;
    border: 1px solid #5a4b31 !important;
    border-radius: 4px !important;
    box-shadow: inset 0 0 10px rgba(0,0,0,0.8), 0 4px 16px rgba(0,0,0,0.6) !important;
    transition: all 0.3s !important;
}
/* 聚焦时黄铜边框发光 */
div[data-slot="input-group"]:focus-within {
    border-color: #c5a059 !important;
    box-shadow: inset 0 0 10px rgba(197, 160, 89, 0.15), 0 0 12px rgba(197, 160, 89, 0.25) !important;
}

/* 输入框本体 */
#prompt-input textarea {
    background-color: transparent !important;
    border: none !important;
    color: #e8dcc5 !important;
    padding: 12px 16px !important;
    font-size: 15px !important;
    line-height: 1.6 !important;
}
#prompt-input textarea:focus { outline: none !important; }
#prompt-input textarea::placeholder { color: #5a4b31 !important; font-style: italic; }

/* 输入区附加功能按钮 */
#prompt-input-header button, #prompt-input-footer button {
    background: linear-gradient(135deg, #2b2317, #15110a) !important;
    color: #8b7355 !important;
    border: 1px solid #4a3c27 !important;
    border-radius: 2px !important;
    transition: all 0.2s !important;
}
#prompt-input-header button:hover, #prompt-input-footer button:hover {
    background: linear-gradient(135deg, #4a3c27, #2a2215) !important;
    color: #c5a059 !important;
    border-color: #8b7355 !important;
    transform: translateY(-2px) !important;
}
#prompt-input-header button svg, #prompt-input-footer button svg { stroke: currentcolor !important; }

/* 发送按钮特化 */
#prompt-input-footer button[type="submit"] {
    background: linear-gradient(135deg, #5a4b31, #3a3022) !important;
    color: #e8dcc5 !important;
    border-color: #8b7355 !important;
    box-shadow: 0 0 8px rgba(0,0,0,0.8) !important;
}
#prompt-input-footer button[type="submit"]:hover {
    background: linear-gradient(135deg, #8b7355, #5a4b31) !important;
    border-color: #c5a059 !important;
    box-shadow: 0 0 10px rgba(197, 160, 89, 0.4) !important;
}

/* 弹出菜单/列表颜色同步覆盖 */
[role="dialog"], [role="listbox"], [role="menu"], [data-radix-popper-content-wrapper] > div {
    background: #1a1c20 !important;
    border: 1px solid #5a4b31 !important;
    border-radius: 4px !important;
    color: #d3cbb8 !important;
    box-shadow: 0 8px 24px rgba(0,0,0,0.8) !important;
}
[role="option"], [role="menuitem"] { color: #a89f91 !important; transition: all 0.2s !important; }
[role="option"]:hover, [role="menuitem"]:hover, [role="option"][data-highlighted], [role="menuitem"][data-highlighted] {
    background: rgba(197, 160, 89, 0.15) !important;
    color: #c5a059 !important;
}

/* 全局黄铜滚动条 */
::-webkit-scrollbar { width: 6px; height: 6px; }
::-webkit-scrollbar-track { background: #121417; border-radius: 2px; }
::-webkit-scrollbar-thumb { background: linear-gradient(180deg, #5a4b31, #3a3022); border-radius: 2px; }
::-webkit-scrollbar-thumb:hover { background: linear-gradient(180deg, #8b7355, #5a4b31); }

/* ==========================================================================
   4. 载入动画重制:黄铜雷达扫描仪 (去背景 / 居中 / 放大版)
   ========================================================================== */
@keyframes radar-spin { 100% { transform: rotate(360deg); } }

/* ★ 核心修正 1:气泡隐身术。当检测到助手气泡内有加载动画时,强行扒掉外部的装甲底板 */
.is-assistant > div:has(.items-center.justify-center.size-6) {
    background: transparent !important;
    box-shadow: none !important;
    border: none !important;
    padding: 3em 0 !important; /* 给雷达上下留出充足的呼吸空间 */
    display: flex !important;
    justify-content: center !important; /* 强制雷达水平居中 */
    align-items: center !important;
}
/* 同步隐藏掉那个加载中气泡顶部的黄铜线 */
.is-assistant > div:has(.items-center.justify-center.size-6)::before {
    display: none !important;
}

/* 清理内部可能限制宽度的包装层 */
div:has(> .flex.items-center.justify-center.size-6 > .flex.gap-2) {
    display: flex !important; justify-content: center !important; align-items: center !important;
    width: 100% !important; padding: 0 !important;
}

.flex.items-center.justify-center.size-6:has(> .flex.gap-2) {
    width: 108px !important; height: 108px !important; 
    opacity: 1 !important; overflow: visible !important;
}

/* 把核心容器变成圆形雷达底盘 */
.flex.items-center.justify-center.size-6 > .flex.gap-2 {
    position: relative !important;
    display: block !important;
    width: 100% !important; height: 100% !important;
    border-radius: 50% !important;
    background: #121417 !important;
    border: 3px solid #5a4b31 !important; /* 边框稍微加粗以适应大尺寸 */
    overflow: hidden !important;
    animation: none !important;
}

/* 杀掉原生那三个跳动的小球 */
.flex.items-center.justify-center.size-6 > .flex.gap-2 > * { display: none !important; }

/* 雷达底层:旋转扫描扇叶 */
.flex.items-center.justify-center.size-6 > .flex.gap-2::before {
    content: '' !important;
    position: absolute !important;
    top: -50% !important; left: -50% !important;
    width: 200% !important; height: 200% !important;
    background: conic-gradient(from 0deg, transparent 75%, rgba(197, 160, 89, 0.8) 100%) !important;
    animation: radar-spin 1.5s linear infinite !important; /* 速度微调,更显沉稳质感 */
    pointer-events: none !important;
}

/* 雷达表层:渐变网格线 + 中心发光点 */
.flex.items-center.justify-center.size-6 > .flex.gap-2::after {
    content: '' !important;
    position: absolute !important;
    inset: 0 !important;
    /* 配合放大的尺寸,调整中心点大小与网格密度 */
    background-image: 
        radial-gradient(circle at center, #c5a059 3px, transparent 4px),
        linear-gradient(rgba(197, 160, 89, 0.3) 1px, transparent 1px),
        linear-gradient(90deg, rgba(197, 160, 89, 0.3) 1px, transparent 1px) !important;
    background-size: 100% 100%, 12px 12px, 12px 12px !important;
    background-position: center !important;
    border-radius: 50% !important;
    pointer-events: none !important;
}

/* ==========================================================================
   9. 新增:气泡控制台 (刷新/修改/复制 操作按键)
   ========================================================================== */
div.group button:not(.MuiButton-root):not(#header-setting-button) {
    background: #121417 !important; /* 暗色底板 */
    border: 1px solid #5a4b31 !important; /* 铜色边框 */
    border-radius: 2px !important;
    padding: 2px 6px !important;
    margin: 0 2px !important;
    transition: all 0.2s ease !important;
    box-shadow: 1px 1px 3px rgba(0,0,0,0.5) !important;
}
div.group button:not(.MuiButton-root):not(#header-setting-button) svg {
    color: #8b7355 !important; /* 默认暗铜色 */
    transition: all 0.2s ease !important;
}

/* 悬停高亮特效,强制高亮以防瞎眼 */
div.group button:not(.MuiButton-root):not(#header-setting-button):hover {
    background: #202428 !important;
    border-color: #c5a059 !important; /* 点亮黄铜边框 */
    box-shadow: 0 0 6px rgba(197, 160, 89, 0.4) !important;
}
div.group button:not(.MuiButton-root):not(#header-setting-button):hover svg {
    color: #fff !important; /* 悬停时图标变为亮白 */
    filter: drop-shadow(0 0 2px #c5a059) !important;
}
/* =========================================================
   补丁 1:修复羊皮纸 .mb 内部字体被全局提亮的问题 
   ========================================================= */
.gst .mb, .gst .mb * {
    color: #3e2723 !important;      /* 强制改回深色以适配羊皮纸底色 */
    text-shadow: none !important;   /* 去除暗影防止文字发糊 */
}
/* 重新激活高亮专属标签的颜色,避免被上面的 * 误伤 */
.gst .mb pt, .gst .mb pt * { color: #8b0000 !important; font-weight: bold !important; }
.gst .mb ot, .gst .mb ot * { color: #8C5001 !important; font-weight: bold !important; }
.gst .mb gt, .gst .mb gt * { color: #004d40 !important; font-weight: bold !important; }
.gst .mb t, .gst .mb t * { color: #1a237e !important; font-weight: bold !important; }
/* =========================================================
   补丁 2:修复气泡底部操作栏 (消耗显示与操作按钮) 
   ========================================================= */
/* 1. 将独立的底部操作栏由纯黑死板改为轻量的半透明质感 */
.is-user > div:last-child:not(:first-child), 
.is-assistant > div:last-child:not(:first-child) {
    background: rgba(18, 20, 23, 0.5) !important; /* 半透明暗底 */
    box-shadow: none !important;          

/* 预览已截断;下载 CSS 可查看完整内容。 */
查看已核验的原始字段
{
  "renderTemplate": null,
  "assistantRegexReplace": null,
  "enableMemorySchema": false,
  "memorySchema": null,
  "introPage": "p24778z5f588u6x3v30sivif.html",
  "options": {
    "items": [
      {
        "order": 0,
        "label": "快速移动",
        "type": "SET-INPUT",
        "value": "快速移动 前往{填入坐标,适用于距离≥2格且路径无阻碍的目标}"
      },
      {
        "order": 1,
        "label": "分配属性点",
        "type": "SET-INPUT",
        "value": "分配{数量}属性点至{属性名称}"
      }
    ]
  },
  "defaultModelSettings": {
    "contextWindow": 2
  },
  "cover": "uirfse91ll5mhcoljl47qf82.webp",
  "background": null
}
原始导出字段

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