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

CHARACTER CARD

最后一位修仙者

作者:诗人OK

呱呱呱现代都市超高自由度已破甲超低消耗可剧情可涩涩多角色自由探索

玩家是作为凡俗中最后一位修仙者,也是唯一的修仙者,那么该如何运用修仙者的便利或是麻烦进行生存?(记忆2-4即可)(好久没做这种卡了,感觉有点不习惯。内置三名女主。)(母猪文风回复后面输入❤️)

公开统计

441热度分
67消息量
5,110世界书字符
6,939固定设定字符

字段状态

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

原卡能力

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

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

图片引用

cover: s3c2mqxz2kd7awdvzovl8n3a.webpbackground: f9zaju0xtkxlz3i1vcp2s0un.webp

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

注入样式预览

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

下载 CSS
/* --- 主题:简易修仙 · 清雅风格 UI (Simple Cultivation Elegant) --- */
/* [功能更新]: 
   - 遵照指示,将【仅叙事正文】的字体颜色修改为中黑色 (#212529)。
   - 为确保可读性,此规则仅针对AI回复气泡内的主要段落(<p>)生效。
   - 所有其他UI元素(如悬浮面板、选项按钮等)的字体颜色将维持原有的修仙风格。
   - 保留并沿用所有现有功能,包括AI回复加载动画和悬浮面板交互。
*/

/* ======================================================= */
/* Part 1: 全局UI美化 */
/* ======================================================= */

/* 1.1: AI聊天气泡 & 用户输入框 */
.bg-gray-100\/90.relative.inline-block {
    background: linear-gradient(135deg, #fef9f4, #fdf6f0) !important;
    border: 1px solid rgba(232, 213, 196, 0.5) !important;
    border-radius: 16px !important;
    box-shadow: 0 0 15px rgba(232, 213, 196, 0.2), inset 0 0 6px rgba(232, 213, 196, 0.1) !important;
    transition: all 0.3s ease !important;
}
.bg-gray-100\/90.relative.inline-block:not(.chat-answer-container .bg-gray-100\/90) {
    margin-top: 0 !important;
}

/* 1.2: 全局字体及平台默认样式处理 */
/* 默认全局字体颜色(适用于UI面板、按钮等) */
.markdown-body {
    color: #5d4037 !important;
    font-weight: 500 !important;
}

/* --- 新增规则:仅修改叙事正文颜色 --- */
/* 此选择器`.markdown-body > p`精确地指向AI回复中的主要文本段落,
   而不影响<details>面板或其他自定义UI内的文本。
   注意:由于背景为深色,此处设定的中黑色字体在部分设备上可能难以阅读。
*/
.markdown-body > p {
    color: #212529 !important; /* 中黑色/深灰色 */
}
/* --- 新增规则结束 --- */


[class*="bg-[#F1CBCB]"], 
[class*="bg-[#c9e1e9]"] {
    display: none !important;
}

/* 1.3: 情节提要与选项区 */
div.markdown-body > pre:first-of-type {
    background: rgba(253, 246, 240, 0.9) !important; 
    border: 1px solid #e8d5c4 !important;
    border-radius: 12px !important; 
    box-shadow: inset 0 0 8px rgba(232, 213, 196, 0.3) !important;
    padding: 1em !important; 
    margin-bottom: 1.5rem !important;
}
div.markdown-body > pre:last-of-type {
    background: rgba(212, 230, 212, 0.3) !important; 
    border: 1px solid rgba(165, 214, 167, 0.3) !important;
    border-radius: 12px !important; 
    box-shadow: 0 2px 8px rgba(165, 214, 167, 0.15) !important;
    padding: 1em !important; 
    margin-top: 1.5rem !important;
}

/* 1.4: AI 回复加载动画 */
@keyframes gentle-pulse {
  0%, 100% {
    border-color: rgba(232, 213, 196, 0.5);
    box-shadow: 0 0 15px rgba(232, 213, 196, 0.2), inset 0 0 6px rgba(232, 213, 196, 0.1);
  }
  50% {
    border-color: rgba(165, 214, 167, 0.6);
    box-shadow: 0 0 25px rgba(165, 214, 167, 0.25), inset 0 0 10px rgba(165, 214, 167, 0.15);
  }
}

.bg-gray-100\/90.relative.inline-block.streaming {
    animation: gentle-pulse 2s infinite ease-in-out !important;
}


/* ============================================================= */
/* Part 2: 内嵌信息栏 (终极通用选择器) */
/* ============================================================= */

/* 2.1: 【终极通用】为所有 <details> 容器设置基础样式 */
div.markdown-body details {
    background: none !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin: 12px 0 !important;
    position: static !important;
}

/* 2.2: 【终极通用】为所有未展开的 <summary> (信息栏本体) 设置样式 */
div.markdown-body details > summary {
    position: static !important;
    width: auto !important; height: auto !important;
    background: linear-gradient(135deg, #f5f0e6, #e8e2d5) !important;
    border: 1px solid #d4c4b0 !important;
    border-radius: 12px !important;
    padding: 12px 18px !important;
    color: #8d6e63 !important;
    font-weight: bold !important;
    cursor: pointer !important;
    list-style: none !important;
    transition: all 0.3s ease !important;
    outline: none !important;
    box-shadow: 0 2px 8px rgba(141, 110, 99, 0.1) !important;
}
div.markdown-body details > summary::-webkit-details-marker {
    display: none !important;
}

/* 2.3: 【终极通用】为所有信息栏设置悬停效果 */
div.markdown-body details > summary:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 15px rgba(165, 214, 167, 0.2) !important;
    border-color: #a5d6a7 !important;
    color: #5d4037 !important;
}


/* ============================================================= */
/* Part 3: 展开后的面板样式 (终极通用选择器) */
/* ============================================================= */

/* 3.1: 【终极通用】为任何展开的 <details> (面板容器) 设置样式 */
div.markdown-body details[open] {
    position: fixed !important; top: 50% !important; 
    right: 20px !important;
    transform: translateY(-50%) !important;
    width: calc(100vw - 40px) !important;
    max-width: 420px !important;
    height: 70vh !important;
    z-index: 1001 !important;
    background: rgba(254, 249, 244, 0.95) !important;
    backdrop-filter: blur(15px) !important; -webkit-backdrop-filter: blur(15px) !important;
    border: 1px solid rgba(232, 213, 196, 0.6) !important;
    box-shadow: 0 8px 40px rgba(141, 110, 99, 0.15) !important;
    border-radius: 24px !important;
    animation: fadeInPanel 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
    overflow-y: auto !important;
}

/* 3.2: 【终极通用】为所有展开的面板美化滚动条 */
div.markdown-body details[open]::-webkit-scrollbar { width: 8px; }
div.markdown-body details[open]::-webkit-scrollbar-track { background: rgba(232, 213, 196, 0.2); border-radius: 4px;}
div.markdown-body details[open]::-webkit-scrollbar-thumb { background: #a5d6a7; border-radius: 4px; border: 2px solid transparent; background-clip: content-box; }
div.markdown-body details[open]::-webkit-scrollbar-thumb:hover { background: #81c784; }

@keyframes fadeInPanel {
  from { opacity: 0; transform: translateY(-50%) scale(0.95) translateX(20px); }
  to { opacity: 1; transform: translateY(-50%) scale(1) translateX(0); }
}

/* 3.3: 【终极通用】为所有展开的面板添加背景装饰图形 (柔和圆形渐变) */
div.markdown-body details[open]::before {
    content: '' !important;
    position: absolute !important;
    top: -15px !important; left: -15px !important;
    width: 80px !important; height: 80px !important;
    background: linear-gradient(135deg, rgba(165, 214, 167, 0.15) 0%, rgba(212, 230, 212, 0.15) 100%) !important;
    clip-path: circle(50% at 50% 50%) !important;
    opacity: 0.6 !important;
    transform: rotate(-15deg) !important;
    z-index: -1 !important;
    pointer-events: none !important;
}

/* 3.4: 【终极通用】为所有展开面板的"粘性"标题栏设置样式 */
div.markdown-body details[open] > summary {
    position: sticky !important;
    top: 0 !important;
    z-index: 1 !important;
    width: 100% !important; height: auto !important;
    background: rgba(254, 249, 244, 0.95) !important;
    backdrop-filter: blur(10px) !important; -webkit-backdrop-filter: blur(10px) !important;
    padding: 20px 20px 15px 20px !important;
    color: #5d4037 !important;
    font-weight: bold !important; font-size: 1.1em !important;
    cursor: pointer !important;
    border-bottom: 1px solid rgba(232, 213, 196, 0.4) !important;
    box-shadow: none !important;
    border-radius: 24px 24px 0 0 !important;
    margin: 0 !important;
    list-style: default !important;
}
div.markdown-body details[open] > summary::-webkit-details-marker {
    display: inline-block !important;
    color: #a5d6a7;
}

/* 3.5: 【终极通用】为所有展开面板的内容区域设置样式 */
div.markdown-body details[open] > *:not(summary) {
    padding: 20px !important;
}

/* 优化加载动画 - 仅针对AI回答区域 */
#ai-chat-answer .chat-answer-container div:has(> .style_dot-flashing__8L91Q) {
    justify-content: flex-start !important;
    width: auto !important;
    height: auto !important;
    background: linear-gradient(135deg, #fef9f4, #fdf6f0) !important;
    border: 1px solid #e8d5c4 !important;
    border-radius: 12px !important;
    padding: 16px 20px !important;
    margin: 8px 0 !important;
    animation: gentle-page-turn 3s ease-in-out infinite !important;
}

#ai-chat-answer .chat-answer-container div:has(> .style_dot-flashing__8L91Q)::after {
    content: '正在书写内容...' !important;
    font-size: 14px !important;
    color: #8d6e63 !important;
    margin-left: 12px !important;
    font-style: italic !important;
}

#ai-chat-answer .chat-answer-container .style_dot-flashing__8L91Q {
    background: transparent !important;
    width: 20px !important;
    height: 20px !important;
    box-sizing: border-box !important;
    flex-shrink: 0 !important;
    border: 2px solid rgba(141, 110, 99, 0.3) !important;
    border-left-color: #8d6e63 !important;
    border-radius: 50% !important;
    animation: ai-answer-spinner-rotation 1s linear infinite !important;
}
/* --- 动态加载美化 v2.0 --- */
/*
 * 更新日志:
 * 1. 新增 @keyframes dynamic-background-pan,实现背景渐变的动态流动效果,替代原有的静态背景。
 * 2. 新增 @keyframes text-fade-and-type-loop,实现文字 "正在输出正文..." 的打字效果,并在结尾渐隐,然后循环。
 * 3. 优化了动画参数,使整体视觉效果更流畅自然。
*/

/* 定义动画关键帧 */
@keyframes dynamic-background-pan {
    0% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
    100% { background-position: 0% 50%; }
}

@keyframes text-fade-and-type-loop {
    0% { content: '正在输出正文'; opacity: 1; }
    20% { content: '正在输出正文.'; opacity: 1; }
    40% { content: '正在输出正文..'; opacity: 1; }
    60% { content: '正在输出正文...'; opacity: 1; }
    80%, 100% { content: '正在输出正文...'; opacity: 0; }
}

@keyframes ai-answer-spinner-rotation {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}

/* 加载动画容器 */
#ai-chat-answer .chat-answer-container div:has(> .style_dot-flashing__8L91Q) {
    justify-content: flex-start !important;
    width: auto !important;
    height: auto !important;
    /* 使用更丰富的渐变并扩大背景尺寸以实现流动效果 */
    background: linear-gradient(135deg, #fef9f4, #fdf6f0, #fef9f4, #e8d5c4) !important;
    background-size: 400% 400% !important;
    border: 1px solid #e8d5c4 !important;
    border-radius: 12px !important;
    padding: 16px 20px !important;
    margin: 8px 0 !important;
    /* 应用新的动态背景动画 */
    animation: dynamic-background-pan 4s ease-in-out infinite !important;
}

/* 加载动画后的提示文字 */
#ai-chat-answer .chat-answer-container div:has(> .style_dot-flashing__8L91Q)::after {
    /* content由动画控制,实现打字和消失循环 */
    content: '' !important;
    font-size: 14px !important;
    color: #8d6e63 !important;
    margin-left: 12px !important;
    font-style: italic !important;
    /* 应用新的文字动画 */
    animation: text-fade-and-type-loop 3s linear infinite !important;
}

/* 加载动画的旋转图标本身 (保持不变) */
#ai-chat-answer .chat-answer-container .style_dot-flashing__8L91Q {
    background: transparent !important;
    width: 20px !important;
    height: 20px !important;
    box-sizing: border-box !important;
    flex-shrink: 0 !important;
    border: 2px solid rgba(141, 110, 99, 0.3) !important;
    border-left-color: #8d6e63 !important;
    border-radius: 50% !important;
    animation: ai-answer-spinner-rotation 1s linear infinite !important;
}

/* --- TOOLTIP SYSTEM | 物品/技能悬浮窗 --- */
.tooltip {
    position: relative !important;
    display: inline-block !important;
    background: rgba(0, 229, 255, 0.1) !important;
    border: 1px solid var(--border-color) !important;
    padding: 2px 6px !important;
    border-radius: 4px !important;
    cursor: help !important;
    transition: all 0.2s !important;
    color: var(--accent-color);
}
.tooltip:hover {
    border-color: var(--accent-color) !important;
    background: rgba(0, 229, 255, 0.2) !important;
    color: #fff !important;
    z-index: 100 !important;
}
.tooltip .tooltiptext {
    visibility: hidden !important;
    width: 280px !important;
    max-width: 80vw !important; /* 移动端最大宽度限制 */
    background-color: #121220 !important;
    color: var(--text-color) !important;
    text-align: left !important;
    border: 1px solid var(--accent-color) !important;
    padding: 12px !important;
    border-radius: 6px !important;
    position: absolute !important;
    z-index: 999 !important;
    bottom: 130% !important;
    opacity: 0 !important;
    transition: opacity 0.2s ease-in-out !important;
    box-shadow: 0 0 15px rgba(0, 229, 255, 0.3) !important;
    font-size: 0.9em !important;
    pointer-events: none !important;
    line-height: 1.5 !important;
    
    /* 响应式定位系统 */
    left: 50% !important;
    transform: translateX(-50%) !important;
}

/* 桌面端:当悬浮窗超出左侧时向右偏移 */
@media (min-width: 768px) {
    .tooltip .tooltiptext {
        left: 50% !important;
        transform: translateX(-50%) !important;
        margin-left: 0 !important;
    }
    
    /

/* 预览已截断;下载 CSS 可查看完整内容。 */
查看已核验的原始字段
{
  "renderTemplate": null,
  "assistantRegexReplace": null,
  "enableMemorySchema": false,
  "memorySchema": null,
  "introPage": "ee379z7l2641lu3l1hbdb6tm.html",
  "options": {
    "items": [
      {
        "order": 0,
        "label": "涩情文风",
        "type": "SET-INPUT",
        "value": "❤️"
      }
    ]
  },
  "defaultModelSettings": null,
  "cover": "s3c2mqxz2kd7awdvzovl8n3a.webp",
  "background": "f9zaju0xtkxlz3i1vcp2s0un.webp"
}
原始导出字段

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