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

CHARACTER CARD

『🌓|女神异闻录|详细世界书||P3|P4|P5|🌗』

作者:Feast宴

超高自由度校园可快餐可长线已破甲开放大世界可剧情可涩涩多角色开放世界

沉迷于ai的阁下,我们已经深知您的罪业(指涩涩)。您那扭曲的欲望,将由我们收下。 ——心之怪盗团 敬上 || 你怎么知道我是上课浑水摸鱼,考试全校第一,借录像带不还,游戏城扛把子,小诊所试药员,大新闻提供者,逆天改命的天选之人,不世出的将棋大手,女仆咖啡店老主顾,挥金如土的大土豪,持有大量改造枪械,知名议员的好门生,人工智能的好朋友。若干家店铺的实习工,若干起家庭纠纷的调解员,游历全日本的旅行家,以及十(算上天鹅绒间的拉雯妲实际是十一)艘跳记录的持有者,据说相貌平平,实则众星捧月的美男子,涩谷和四轩茶屋的舞王? ||来玩天下第一的女神异闻录!

公开统计

4,034热度分
831消息量
61,874世界书字符
6,669固定设定字符

字段状态

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

原卡能力

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

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

图片引用

cover: k6b23n62lepclj08vjq2llzr.webpbackground: tjjp2ygp4sn75ny98dh7fthr.webp

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

注入样式预览

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

下载 CSS
/* =========================================
   PERSONA STYLE CHATBOX THEME
   Design: P3 (Day) / P5 (Night)
   ========================================= */

/* 1. 隐藏顶部默认颜色装饰条 (强制) */
[class*="bg-[#F1CBCB]"], 
[class*="bg-[#c9e1e9]"] {
    display: none !important;
}

/* =========================================
   2. 聊天框主体美化 - 通用结构
   ========================================= */
.bg-gray-100\/90.relative.inline-block {
    /* 字体优化 */
    font-family: "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
    font-weight: 700 !important; /* 加粗以匹配Persona风格 */
    letter-spacing: 0.5px !important;
    
    /* 形状与边框基础 */
    border-radius: 0 !important; /* 去除圆角,采用锐利边缘 */
    box-shadow: 5px 5px 0px rgba(0,0,0,0.3) !important; /* 硬阴影 */
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
    
    /* 稍微扩充内边距以适应切角 */
    padding: 15px 20px !important;
    
    /* 关键:不规则切角造型 (轻微切割,不影响阅读) */
    clip-path: polygon(
        2% 0%, 100% 0%, 
        100% 95%, 98% 100%, 
        0% 100%, 0% 5%
    ) !important;
}

/* =========================================
   3. 白昼模式样式 (Persona 3 - 蓝/金)
   默认状态 (适用于 Light Mode)
   ========================================= */
.bg-gray-100\/90.relative.inline-block {
    /* P3 影时间风格蓝 */
    background: linear-gradient(135deg, #002B49 0%, #005691 100%) !important;
    /* 月光金边框 */
    border: 2px solid #D4AF37 !important;
    border-left: 6px solid #D4AF37 !important; /* 左侧加粗强调 */
}

/* 白昼模式下的文字颜色 - 强制白色 */
.bg-gray-100\/90.relative.inline-block .markdown-body {
    color: #FFFFFF !important;
    text-shadow: 0 1px 2px rgba(0,0,0,0.5) !important; /* 增加文字立体感 */
}

/* =========================================
   4. 黑夜模式样式 (Persona 5 - 红/黄)
   当 html 或 body 拥有 dark 类时触发
   ========================================= */
html.dark .bg-gray-100\/90.relative.inline-block,
:root[class~="dark"] .bg-gray-100\/90.relative.inline-block {
    /* P5 风格躁动红 */
    background: 
        repeating-linear-gradient(
            45deg,
            #D00000,
            #D00000 10px,
            #B00000 10px,
            #B00000 20px
        ) !important;
    /* 亮黄色装饰 */
    border: 2px solid #000000 !important;
    border-left: 6px solid #FEE834 !important; /* P5黄 */
    box-shadow: 6px 6px 0px #000000 !important;
}

/* 黑夜模式下的文字颜色 - 保持白色高对比 */
html.dark .bg-gray-100\/90.relative.inline-block .markdown-body,
:root[class~="dark"] .bg-gray-100\/90.relative.inline-block .markdown-body {
    color: #FFFFFF !important;
    text-shadow: 2px 2px 0px #000000 !important; /* 黑色硬阴影,漫画感 */
}

/* =========================================
   5. 底部附加元素美化 (按钮、Token等)
   确保在深色背景上清晰可见
   ========================================= */
/* 底部操作按钮 (复制/编辑等) */
.MuiButtonBase-root.MuiButton-root.MuiButton-text.MuiButton-textPrimary {
    color: #EAEAEA !important;
    font-weight: bold !important;
    opacity: 0.9 !important;
}

/* 模型名称 */
.MuiTypography-root.MuiTypography-body2.css-6c0gf2 {
    color: #FFD700 !important; /* 金色文字 */
    font-family: monospace !important;
    text-transform: uppercase !important;
}

/* Token 消耗 */
.text-orange-500 {
    color: #FEE834 !important; /* P5黄 */
    font-weight: 800 !important;
}

/* =========================================
   6. 加载动画替换 (Take Your Heart)
   ========================================= */

/* 隐藏默认的三个点加载动画 */
.style_dot-flashing__8L91Q.style_text__zGhNq {
    display: none !important;
}

/* 设置加载动画容器 */
.flex.items-center.justify-center.w-6.h-5 {
    position: relative !important;
    width: 80px !important;  /* 调整宽度以容纳GIF */
    height: 80px !important; /* 调整高度 */
    overflow: visible !important;
}

/* 插入 GIF */
.flex.items-center.justify-center.w-6.h-5::before {
    content: '' !important;
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    width: 100% !important;
    height: 100% !important;
    
    /* 用户指定的 GIF */
    background-image: url('https://i.postimg.cc/Z5pYPNgG/433c5bba-b893-4601-848f-611ec3d8a2ad-watermark.gif') !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    
    /* 确保层级 */
    z-index: 10 !important;
}
/* =========================================
   女神异闻录5 (Persona 5) 风格美化主题
   ========================================= */

/* --- 1. 顶部栏 (Top Bar) --- */
/* 核心背景:使用动态GIF,增加底部粗边框分割 */
.sticky.w-full.top-0.flex.items-center {
    background-image: url('https://i.postimg.cc/htT48m6n/R.gif') !important;
    background-size: cover !important;
    background-position: center !important;
    border-bottom: 4px solid #000 !important;
    box-shadow: 0 4px 0 #e60012 !important; /* 红色阴影 */
}

/* 模型选择器容器:倾斜黑底白字风格 */
#ai-model-selector .group.flex.items-center {
    background-color: #000 !important;
    transform: skewX(-15deg) !important;
    padding: 2px 15px !important;
    border: 2px solid #fff !important;
    box-shadow: 3px 3px 0 #e60012 !important;
}

/* 模型名称:反向倾斜文字以保持直立,高对比度 */
#ai-model-selector .truncate.text-\[13px\] {
    color: #fff !important;
    font-weight: 900 !important;
    font-family: sans-serif !important;
    transform: skewX(15deg) !important; /* 抵消容器倾斜 */
    letter-spacing: 1px !important;
}

/* 下拉箭头:变白 */
#ai-model-selector .shrink-0.flex.items-center svg {
    color: #fff !important;
    transform: skewX(15deg) !important;
}

/* 顶部右侧设置按钮:红底白图标 */
#header-setting-button {
    background-color: #e60012 !important;
    color: #fff !important;
    border: 2px solid #000 !important;
    border-radius: 0 !important;
    transform: rotate(5deg) !important; /* 俏皮旋转 */
}

/* --- 2. 底部栏输入框 (Bottom Input) --- */
/* 输入框容器:清除默认背景,避免干扰 */
#ai-chat-bottom-input {
    background: transparent !important;
    padding-top: 10px !important;
}

/* 主输入框:黑底白字,锐利边框 */
#ai-chat-input {
    background-color: rgba(0, 0, 0, 0.9) !important;
    border: 3px solid #e60012 !important;
    color: #fff !important;
    border-radius: 0 !important; /* 极其锐利 */
    font-weight: bold !important;
    box-shadow: 5px 5px 0 #333 !important;
}

/* 占位符颜色 */
#ai-chat-input::placeholder {
    color: #aaa !important;
    font-style: italic !important;
}

/* 选中文字效果:红底白字 */
#ai-chat-input::selection {
    background-color: #e60012 !important;
    color: #fff !important;
}

/* --- 3. 底部按钮栏 (Button Bar) --- */
/* 按钮容器背景:透明,不需要额外装饰 */
#ai-mod-button2 {
    background: transparent !important;
}

/* 按钮本体:怪盗风格,倾斜且高对比 */
#ai-mod-button2 button.MuiButton-root {
    background-color: #000 !important;
    color: #fff !important;
    border: 2px solid #fff !important;
    border-radius: 0 !important;
    transform: skewX(-10deg) !important;
    margin: 0 4px !important;
    font-weight: 800 !important;
    transition: all 0.2s ease !important;
}

/* 按钮悬停态:变成P5红 */
#ai-mod-button2 button.MuiButton-root:hover {
    background-color: #e60012 !important;
    color: #000 !important;
    border-color: #000 !important;
    transform: skewX(-10deg) translate(-2px, -2px) !important;
    box-shadow: 4px 4px 0 #000 !important;
}

/* 按钮图标 */
#ai-mod-button2 button.MuiButton-root svg {
    transform: skewX(10deg) !important; /* 修正图标倾斜 */
}

/* --- 4. 分页栏 (Pagination) --- */
/* 分页按钮:黑色方块,旋转效果 */
.MuiPaginationItem-root {
    border-radius: 0 !important;
    background-color: #000 !important;
    color: #fff !important;
    border: 1px solid #fff !important;
    transform: rotate(-3deg) !important;
    font-weight: bold !important;
    margin: 0 2px !important;
}

/* 选中状态:P5红,放大 */
.MuiPaginationItem-root.Mui-selected {
    background-color: #e60012 !important;
    border-color: #000 !important;
    transform: rotate(3deg) scale(1.1) !important;
    box-shadow: 2px 2px 0 #000 !important;
}

/* 翻页箭头图标颜色 */
.MuiPaginationItem-icon {
    color: #fff !important;
}

/* 跳转输入框容器 */
.MuiStack-root.css-1uwir8f {
    background: #fff !important;
    padding: 2px !important;
    border: 2px solid #000 !important;
    transform: skewX(-10deg) !important;
}
/* 跳转输入框文字 */
.MuiStack-root.css-1uwir8f .MuiBox-root {
    color: #000 !important;
    font-weight: bold !important;
}

/* --- 5. 评论区 (Comments Section) --- */
/* 主背景容器:使用用户提供的动态GIF */
div[class*="w-full"][class*="bg-white"][class*="bottom-0"] {
    background-image: url('https://i.postimg.cc/m202FjXB/1769242301387.gif') !important;
    background-size: cover !important;
    background-position: center !important;
    background-attachment: fixed !important; /* 视差滚动感 */
    border-top: 5px solid #000 !important;
}

/* 顶部标题 "评论(x)":白底黑字剪报风格 */
div[class*="w-full"][class*="bg-white"][class*="bottom-0"] > div.text-lg.font-bold {
    background-color: #fff !important;
    color: #000 !important;
    display: inline-block !important;
    padding: 5px 15px !important;
    transform: skewX(-10deg) !important;
    border: 3px solid #000 !important;
    box-shadow: 4px 4px 0 #e60012 !important;
    margin-bottom: 10px !important;
}

/* 评论输入框容器:强烈的黑白对比 */
div.flex.flex-col.border-gray-200 {
    background-color: #fff !important;
    border: 3px solid #000 !important;
    box-shadow: 5px 5px 0 rgba(0,0,0,0.5) !important;
}

/* 输入框本体 */
textarea.rc-textarea {
    background: transparent !important;
    color: #000 !important;
    font-weight: 500 !important;
}

/* 发送按钮:红色突击风格 */
div.cursor-pointer.group.flex.items-center.justify-center {
    background-color: #e60012 !important;
    border-left: 3px solid #000 !important;
}
div.cursor-pointer.group.flex.items-center.justify-center svg {
    color: #fff !important;
}

/* --- 评论列表美化 (关键:确保可读性) --- */
/* 单条评论容器:漫画对话框风格 */
div.group.ml-0 {
    background-color: rgba(255, 255, 255, 0.95) !important; /* 高不透明度白底 */
    border: 2px solid #000 !important;
    margin-bottom: 12px !important;
    padding: 12px !important;
    border-left: 8px solid #e60012 !important; /* 红色左边框 */
    /* 模拟剪纸/漫画格子的不规则感 */
    box-shadow: 4px 4px 0 #000 !important;
    transform: perspective(500px) rotateY(1deg) !important;
    transition: transform 0.2s !important;
}

div.group.ml-0:hover {
    transform: perspective(500px) rotateY(0deg) scale(1.01) !important;
    border-color: #e60012 !important;
    box-shadow: 6px 6px 0 #e60012 !important;
}

/* 用户名:加粗红字 */
div.text-sm.text-grey-600 span.font-bold {
    color: #e60012 !important;
    font-size: 1.1em !important;
    text-transform: uppercase !important;
    background: #000 !important;
    color: #fff !important;
    padding: 0 4px !important;
}

/* 评论内容:纯黑文字,清晰易读 */
div.break-all {
    color: #000 !important;
    font-weight: 600 !important;
    font-family: sans-serif !important;
    line-height: 1.5 !important;
    margin-top: 5px !important;
}

/* 时间戳:灰色 */
div.text-xs.text-grey-600 {
    color: #666 !important;
    font-weight: bold !important;
}

/* 分割线:红色虚线 */
div.style_divider__mW0YX {
    background-color: transparent !important;
    border-bottom: 2px dashed #e60012 !important;
    height: 0 !important;
    margin: 10px 0 !important;
}

/* 排序按钮:黑白切换 */
button.MuiButton-containedPrimary {
    background-color: #e60012 !important;
    color: #fff !important;
    border: 2px solid #000 !important;
    border-radius: 0 !important;
}
button.MuiButton-outlinedPrimary {
    color: #000 !important;
    border: 2px solid #000 !important;
    background: #fff !important;
    border-radius: 0 !important;
}
/* --- 全局基础设置 --- */
body {
  font-family: 'Impact', 'Arial Black', sans-serif; /* 选用更粗犷的字体 */
  background-color: #1a1a1a; /* 深灰背景 */
  /* 背景添加动态斜纹理 */
  background-image: repeating-linear-gradient(
    45deg,
    #1a1a1a,
    #1a1a1a 10px,
    #222 10px,
    #222 20px
  );
  color: #fff;
  line-height: 1.5;
  margin: 0;
  padding: 20px;
  overflow-x: hidden; /* 防止倾斜元素撑开横向滚动条 */
}

/* 滚动条 P5化 */
::-webkit-scrollbar {
  width: 12px;
  background: #000;
}
::-webkit-scrollbar-track {
  background: #000;
  border-left: 2px solid #e60012;
}
::-webkit-scrollbar-thumb {
  background: #e60012;
  border: 2px solid #fff;
  border-radius: 0;
}
::-webkit-scrollbar-thumb:hover 

/* 预览已截断;下载 CSS 可查看完整内容。 */
查看已核验的原始字段
{
  "renderTemplate": null,
  "assistantRegexReplace": null,
  "enableMemorySchema": false,
  "memorySchema": null,
  "introPage": "s8nt9ikzarpnh21uplrdhfxy.html",
  "options": {
    "items": [
      {
        "order": 0,
        "label": "评价系统",
        "type": "SET-INPUT",
        "value": "【好评】(好评内容)or【差评】(差评内容)"
      }
    ]
  },
  "defaultModelSettings": null,
  "cover": "k6b23n62lepclj08vjq2llzr.webp",
  "background": "tjjp2ygp4sn75ny98dh7fthr.webp"
}
原始导出字段

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