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

CHARACTER CARD

我和班上第二可爱的女生成为朋友

作者：谁在呼叫舰队

校园已破甲可剧情可涩涩纯爱我和班上第二可爱的女生成为朋友开局即可色恋爱

在班上是边缘人的前原真树，交到了人生第一个朋友──朝凪海。她总是站在圈子中心，还被其他男生私下传说是“班上第二可爱”的女生。本以为她和边缘人根本不是同一个世界的人——没想到…… 阴角男与“第二女主角”，最贴近真实的“朋友”恋爱喜剧开幕。 作者群号：948713187

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

公开统计

1,235热度分
388消息量
5,885世界书字符
12,192固定设定字符

字段状态

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

原卡能力

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

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

图片引用

cover: tkht6opajlgh34zpe6gohlxc.webpbackground: rncl34av93ihs4edl3nik3w9.webp

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

注入样式预览

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

下载 CSS
/* =========================================
   模块一：消息气泡区 (星期五的秘密基地)
   ========================================= */

/* 用户消息气泡 (前原真树 - 宁静薄荷绿) */
#customized-question-content {
    background: linear-gradient(135deg, #f0fdf4 0%, #dcfce7 100%) !important;
    box-shadow: 0 4px 15px rgba(34, 197, 94, 0.1), inset 0 1px 0 rgba(255, 255, 255, 0.6) !important;
    border: 1px solid rgba(74, 222, 128, 0.2) !important;
    border-radius: 20px 20px 4px 20px !important;
    transition: all 0.3s ease !important;
}

/* AI消息气泡 (朝凪海 - 甜美樱花粉) */
#customized-answer-content {
    background: linear-gradient(135deg, #fdf2f8 0%, #fce7f3 100%) !important;
    box-shadow: 0 4px 15px rgba(244, 114, 182, 0.1), inset 0 1px 0 rgba(255, 255, 255, 0.6) !important;
    border: 1px solid rgba(249, 168, 212, 0.2) !important;
    border-radius: 20px 20px 20px 4px !important;
    transition: all 0.3s ease !important;
}

/* 消息文本颜色统一调优，确保高可读性 */
#customized-question-content .markdown-body,
#customized-answer-content .markdown-body,
#customized-question-content .text-gray-900,
#customized-answer-content .text-gray-900 {
    color: #374151 !important;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
    line-height: 1.6 !important;
}

/* 隐藏原本生硬的顶部装饰条 */
#customized-question-content .bg-\[\#c9e1e9\],
#customized-answer-content .bg-\[\#F1CBCB\] {
    display: none !important;
}

/* 头像微调：增加柔和阴影与呼吸感 */
#customized-question-avatar,
#customized-answer-avatar {
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08) !important;
    border: 2px solid #ffffff !important;
    border-radius: 50% !important;
    transition: transform 0.3s ease !important;
}
#customized-question-avatar:hover,
#customized-answer-avatar:hover {
    transform: scale(1.05) !important;
}

/* 消息操作按钮悬浮效果 (粉色微光) */
#customized-reload-button:hover,
#customized-edit-button:hover,
#customized-resend-button:hover,
#customized-delete-button:hover {
    background-color: rgba(244, 114, 182, 0.1) !important;
    border-radius: 8px !important;
}


/* =========================================
   模块二：加载动画 (电玩少女的心跳) ———— 修复版
   ========================================= */

/* 1. 彻底隐藏默认的加载点阵（强化选择器） */
#customized-answer-content [class*="dot-flashing"],
#customized-answer-content .flex.items-center.justify-center.w-6.h-5 > * {
    display: none !important;
}

/* 2. 将容器改为相对定位，作为爱心动画的父容器 */
#customized-answer-content .flex.items-center.justify-center.w-6.h-5 {
    position: relative !important;
    width: 32px !important;
    height: 32px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: transparent !important;
}

/* 3. 用伪元素插入跳动的爱心，并置于顶层 */
#customized-answer-content .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;
    z-index: 10 !important;
    display: block !important;
    width: 28px !important;
    height: 28px !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23f472b6'%3E%3Cpath d='M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z'%3E%3CanimateTransform attributeName='transform' type='scale' values='1; 1.2; 1' dur='0.8s' repeatCount='indefinite' transform-origin='center'/%3E%3C/path%3E%3C/svg%3E") !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
}

/* 4. 备选方案：如果父容器类名不完整，通过更宽泛的属性选择器兜底 */
#customized-answer-content [class*="w-6"][class*="h-5"]:not([class*="hidden"]) {
    position: relative !important;
    width: 32px !important;
    height: 32px !important;
}
#customized-answer-content [class*="w-6"][class*="h-5"]:not([class*="hidden"])::before {
    content: '' !important;
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    z-index: 10 !important;
    display: block !important;
    width: 28px !important;
    height: 28px !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23f472b6'%3E%3Cpath d='M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z'%3E%3CanimateTransform attributeName='transform' type='scale' values='1; 1.2; 1' dur='0.8s' repeatCount='indefinite' transform-origin='center'/%3E%3C/path%3E%3C/svg%3E") !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
}


/* =========================================
   模块三：界面控制区 (现代校园手机UI)
   ========================================= */

/* 顶部控制栏毛玻璃效果 */
.sticky.top-0 {
    background: rgba(255, 255, 255, 0.85) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border-bottom: 1px solid rgba(244, 114, 182, 0.15) !important;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.02) !important;
}

/* 底部输入框容器美化（强化选择器） */
.bg-white.border-\[1\.5px\],
div.bg-white.border-\[1\.5px\] {
    border-radius: 24px !important;
    border: 1.5px solid rgba(229, 231, 235, 0.8) !important;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.04) !important;
    transition: all 0.3s ease !important;
    background: rgba(255, 255, 255, 0.95) !important;
}
.bg-white.border-\[1\.5px\]:focus-within,
div.bg-white.border-\[1\.5px\]:focus-within {
    border-color: rgba(244, 114, 182, 0.5) !important;
    box-shadow: 0 4px 20px rgba(244, 114, 182, 0.15), 0 0 0 3px rgba(244, 114, 182, 0.05) !important;
}

/* 发送按钮美化 + 点击反馈 */
#ai-send-button {
    background: linear-gradient(135deg, #f472b6 0%, #fb7185 100%) !important;
    border-radius: 50% !important;
    color: white !important;
    box-shadow: 0 4px 10px rgba(244, 114, 182, 0.3) !important;
    transition: transform 0.2s ease, box-shadow 0.2s ease !important;
    cursor: pointer !important;
}
#ai-send-button:hover {
    transform: scale(1.05) translateY(-1px) !important;
    box-shadow: 0 6px 14px rgba(244, 114, 182, 0.4) !important;
}
#ai-send-button:active {
    transform: scale(0.92) !important;
    box-shadow: 0 2px 6px rgba(244, 114, 182, 0.2) !important;
}
#ai-send-button .icon-icon-send {
    fill: white !important;
}

/* 快捷按钮组圆润化 */
#ai-mod-button2 .MuiButton-outlinedPrimary {
    border-radius: 20px !important;
    border-color: rgba(244, 114, 182, 0.3) !important;
    color: #db2777 !important;
    background: rgba(253, 242, 248, 0.5) !important;
    transition: all 0.2s ease !important;
}
#ai-mod-button2 .MuiButton-outlinedPrimary:hover {
    background: rgba(253, 242, 248, 1) !important;
    border-color: rgba(244, 114, 182, 0.6) !important;
    transform: translateY(-1px) !important;
}


/* =========================================
   模块四：评论区 (温柔放学后)
   ========================================= */

/* 面板主容器 */
.absolute.bottom-0.z-20.inset-x-0.bg-white {
    border-top-left-radius: 24px !important;
    border-top-right-radius: 24px !important;
    box-shadow: 0 -4px 25px rgba(0, 0, 0, 0.06) !important;
    background: rgba(255, 255, 255, 0.98) !important;
}

/* 评论输入框 */
textarea[placeholder="发表评论"] {
    background-color: #f9fafb !important;
    border-radius: 12px !important;
    padding: 12px 16px !important;
    border: 1px solid transparent !important;
    transition: all 0.3s ease !important;
    font-family: inherit !important;
}
textarea[placeholder="发表评论"]:focus {
    background-color: #ffffff !important;
    border-color: rgba(244, 114, 182, 0.4) !important;
    box-shadow: 0 0 0 3px rgba(244, 114, 182, 0.1) !important;
    outline: none !important;
}

/* 评分星星颜色 (暖橙金) */
.MuiRating-iconFilled {
    color: #fbbf24 !important;
}
.MuiRating-iconHover {
    color: #fbbf24 !important;
}

/* 评论列表悬浮反馈 */
.group.ml-0 {
    padding: 8px 12px !important;
    border-radius: 12px !important;
    transition: background-color 0.2s ease !important;
}
.group.ml-0:hover {
    background-color: rgba(253, 242, 248, 0.6) !important;
}

/* 评论区滚动条美化（包含深色模式兼容） */
.p-3.overflow-y-auto.h-full::-webkit-scrollbar {
    width: 6px !important;
}
.p-3.overflow-y-auto.h-full::-webkit-scrollbar-track {
    background: rgba(244, 114, 182, 0.04) !important;
    border-radius: 10px !important;
}
.p-3.overflow-y-auto.h-full::-webkit-scrollbar-thumb {
    background: rgba(244, 114, 182, 0.25) !important;
    border-radius: 10px !important;
    transition: background 0.3s ease !important;
}
.p-3.overflow-y-auto.h-full::-webkit-scrollbar-thumb:hover {
    background: rgba(244, 114, 182, 0.4) !important;
}

/* Firefox 滚动条 */
.p-3.overflow-y-auto.h-full {
    scrollbar-width: thin !important;
    scrollbar-color: rgba(244, 114, 182, 0.25) transparent !important;
}
查看已核验的原始字段
{
  "renderTemplate": null,
  "assistantRegexReplace": null,
  "enableMemorySchema": false,
  "memorySchema": null,
  "introPage": "h4my538ff790ui8xxdootcj4.html",
  "options": {
    "items": []
  },
  "defaultModelSettings": null,
  "cover": "tkht6opajlgh34zpe6gohlxc.webp",
  "background": "rncl34av93ihs4edl3nik3w9.webp"
}
原始导出字段

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