公开统计
3,618热度分
988消息量
0世界书字符
7,065固定设定字符
CHARACTER CARD
【作者大师处女作 欢迎提出意见】 【0709 美化改了一下 看起来应该还行】 您手滑点错群聊,意外闯入一个热闹的Coser分享群。 群里正刷屏:樱花兔兔刚发神里绫华的正片,骑士君在晒鬼泣道具,喵酱用波奇酱社恐cos引发共鸣……还没回过神,群主就@你:“新人爆照!是coser还是摄影?” 你盯着屏幕,手指悬在键盘上——坦白走错?还是将错就错?从被误认萌新到被拽去漫展,从对cos一窍不通到意外解锁隐藏技能,一场啼笑皆非又暖心的次元穿越就此展开。 社恐同好的小心翼翼、大佬的傲娇指导、摄影师的约拍轰炸、漫展现场的混乱与感动……误入,或许是命运打开的一扇新世界大门。 你,准备好回应了吗?
以下状态来自本地公开导出字段;样式与模板仅提供安全预览/下载,不在本站自动执行。
cover: pu20vvk7n5j7hyh1tr5vjew1.webp导出中只有文件名引用,未包含实际图片二进制资源。
共 31,744 字符;仅作为文本显示,不会在本站执行。
/* ═══ B平台表格修正(自动注入)═══ */
.rili-markdown-renderer table { display:table!important; table-layout:auto!important; width:100%!important; border-collapse:collapse!important; }
.rili-markdown-renderer table caption { display:table-caption!important; caption-side:top!important; text-align:center!important; padding:8px!important; }
.rili-markdown-renderer thead { display:table-header-group!important; }
.rili-markdown-renderer tbody { display:table-row-group!important; }
.rili-markdown-renderer tr { display:table-row!important; }
.rili-markdown-renderer th, .rili-markdown-renderer td { display:table-cell!important; }
/* ═══ B平台按钮组保护(自动注入 — 防止按钮消失)═══
原理:B平台消息操作按钮结构为:
.flex.items-center.gap-1.ml-auto (hover显隐包装)
└── .bg-muted.rounded.flex.p-0.5 (按钮组容器)
└── button.rounded-full.size-7 (单个按钮)
以下规则使用高specificity + !important确保按钮
不被任何转换后/透传的CSS规则意外隐藏
═══════════════════════════════════════════════ */
/* 按钮组容器保护 */
.w-full.h-full.flex.group .bg-muted.rounded.flex.p-0\.5,
.is-user .bg-muted.rounded.flex.p-0\.5,
.is-assistant .bg-muted.rounded.flex.p-0\.5 {
display: flex !important;
visibility: visible !important;
opacity: 1 !important;
overflow: visible !important;
position: relative !important;
width: auto !important;
height: auto !important;
max-height: none !important;
pointer-events: auto !important;
clip: auto !important;
clip-path: none !important;
}
/* 单个按钮保护 */
.w-full.h-full.flex.group .bg-muted.rounded.flex.p-0\.5 > button,
.is-user .bg-muted.rounded.flex.p-0\.5 > button,
.is-assistant .bg-muted.rounded.flex.p-0\.5 > button {
display: inline-flex !important;
visibility: visible !important;
opacity: 1 !important;
pointer-events: auto !important;
position: relative !important;
clip: auto !important;
clip-path: none !important;
}
/* hover显隐包装层保护 — 仅保留B平台原生的opacity过渡 */
.flex.items-center.gap-1.ml-auto.md\:opacity-0.group-hover\:opacity-100 {
visibility: visible !important;
display: flex !important;
pointer-events: auto !important;
overflow: visible !important;
}
/* 操作行保护 */
.flex.w-full.items-center.justify-between.gap-2.px-2 {
display: flex !important;
visibility: visible !important;
overflow: visible !important;
}
/* =============================================
🌸 樱花日和 · 柔光社交 — 日间主题
适配「误入coser聊天群」互动卡
============================================= */
/* ═══════════════════════════════════════════
第一部分:全局排版基础
═══════════════════════════════════════════ */
/* 主容器文字基调 */
.message,
.response,
.assistant-message,
.mes_text,
[data-role="assistant"] {
font-family:
"PingFang SC",
"Hiragino Sans GB",
-apple-system,
BlinkMacSystemFont,
"Segoe UI",
"Noto Sans SC",
"Microsoft YaHei",
sans-serif;
font-size: 15px;
line-height: 1.85;
color: #3d3535;
letter-spacing: 0.3px;
word-spacing: 1px;
}
/* ═══════════════════════════════════════════
第二部分:场景头部卡片(Scene Header)
═══════════════════════════════════════════ */
.scene-header {
background: linear-gradient(
135deg,
#fff5f7 0%,
#fce4ec 30%,
#f3e5f5 70%,
#e8eaf6 100%
);
border: 1px solid rgba(206, 147, 178, 0.35);
border-left: 5px solid #e48aaa;
border-radius: 16px;
padding: 18px 22px;
margin-bottom: 24px;
margin-top: 8px;
box-shadow:
0 4px 16px rgba(228, 138, 170, 0.12),
0 1px 3px rgba(0, 0, 0, 0.04);
position: relative;
overflow: hidden;
}
/* 右上角装饰光晕 */
.scene-header::before {
content: '';
position: absolute;
top: -30px;
right: -30px;
width: 90px;
height: 90px;
background: radial-gradient(
circle,
rgba(255, 183, 197, 0.25) 0%,
transparent 70%
);
border-radius: 50%;
pointer-events: none;
}
/* 左下角装饰光晕 */
.scene-header::after {
content: '';
position: absolute;
bottom: -25px;
left: -25px;
width: 70px;
height: 70px;
background: radial-gradient(
circle,
rgba(206, 176, 232, 0.2) 0%,
transparent 70%
);
border-radius: 50%;
pointer-events: none;
}
.scene-header p {
margin: 5px 0;
font-size: 0.93em;
color: #5d4157;
position: relative;
z-index: 1;
}
/* 场景标题(第一行 📍)加粗突出 */
.scene-header p:first-child {
font-weight: 700;
font-size: 1.05em;
color: #c0577a;
margin-bottom: 8px;
}
/* 时间行(第二行 🕐) */
.scene-header p:nth-child(2) {
color: #7e6b8a;
font-size: 0.88em;
}
/* 氛围行(第三行 🌡️) */
.scene-header p:nth-child(3) {
color: #8d6e97;
font-style: italic;
font-size: 0.88em;
}
/* ═══════════════════════════════════════════
第三部分:叙事正文排版(<text> 标签)
═══════════════════════════════════════════ */
text {
display: block;
line-height: 1.9;
color: #3d3535;
font-size: 1em;
padding: 8px 6px;
}
text p {
margin-bottom: 16px;
text-align: justify;
}
/* 正文中的强调文字 */
text strong, text b {
color: #c0577a;
font-weight: 700;
}
text em, text i {
color: #8d6e97;
font-style: italic;
}
/* ═══════════════════════════════════════════
第四部分:聊天容器与消息气泡
═══════════════════════════════════════════ */
/* 聊天区域外框 — 模拟手机聊天窗口 */
.chat-box {
background: linear-gradient(
180deg,
#fef9f4 0%,
#fdf6f0 100%
);
border: 1px solid rgba(206, 147, 178, 0.2);
border-radius: 20px;
padding: 20px 16px;
margin: 20px 0;
box-shadow:
inset 0 2px 8px rgba(0, 0, 0, 0.03),
0 2px 10px rgba(0, 0, 0, 0.04);
position: relative;
}
/* 聊天窗口顶部装饰条 — 模拟APP标题栏 */
.chat-box::before {
content: '💬 次元突破口🌀';
display: block;
text-align: center;
font-size: 0.82em;
color: #b07da0;
padding: 4px 0 14px;
margin-bottom: 10px;
border-bottom: 1px dashed rgba(176, 125, 160, 0.2);
letter-spacing: 1px;
font-weight: 600;
}
/* 单条消息容器 */
.chat-msg {
margin-bottom: 16px;
display: flex;
flex-direction: column;
align-items: flex-start;
animation: msgSlideIn 0.35s ease-out;
}
/* 玩家自己的消息 — 靠右对齐 */
.chat-msg.user {
align-items: flex-end;
}
/* 发言人昵称行 */
.chat-name {
font-size: 0.78em;
color: #c0577a;
margin-bottom: 5px;
margin-left: 10px;
font-weight: 600;
display: flex;
align-items: center;
gap: 8px;
}
.chat-msg.user .chat-name {
color: #7c6bc4;
margin-left: 0;
margin-right: 10px;
flex-direction: row-reverse;
}
/* 时间戳 */
.chat-time {
color: #b8a9c1;
font-size: 0.85em;
font-weight: 400;
}
/* NPC消息气泡 */
.chat-bubble {
background: #ffffff;
color: #3d3535;
padding: 12px 16px;
border-radius: 4px 18px 18px 18px;
max-width: 82%;
box-shadow:
0 2px 8px rgba(0, 0, 0, 0.06),
0 1px 2px rgba(0, 0, 0, 0.04);
line-height: 1.6;
word-wrap: break-word;
border: 1px solid rgba(0, 0, 0, 0.04);
position: relative;
}
/* 玩家消息气泡 — 薰衣草紫 */
.chat-msg.user .chat-bubble {
background: linear-gradient(
135deg,
#e8d5f5 0%,
#dcc8f0 100%
);
color: #3d3535;
border-radius: 18px 4px 18px 18px;
border: 1px solid rgba(124, 107, 196, 0.15);
box-shadow:
0 2px 8px rgba(124, 107, 196, 0.12),
0 1px 2px rgba(0, 0, 0, 0.04);
}
/* 气泡内的表情包/图片描述 */
.chat-bubble em {
display: inline-block;
background: #fef3e2;
border: 1px dashed #e0c9a0;
border-radius: 8px;
padding: 4px 10px;
font-size: 0.88em;
color: #9e8a6a;
font-style: italic;
margin: 4px 0;
}
/* 系统消息/提示消息 */
.chat-msg.system {
align-items: center;
}
.chat-msg.system .chat-bubble {
background: rgba(232, 213, 245, 0.3);
color: #8d6e97;
font-size: 0.82em;
border-radius: 12px;
max-width: 70%;
text-align: center;
border: 1px dashed rgba(141, 110, 151, 0.25);
box-shadow: none;
}
/* 消息入场动画 */
@keyframes msgSlideIn {
from {
opacity: 0;
transform: translateY(12px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
/* ═══════════════════════════════════════════
第五部分:NPC昵称颜色区分系统
为每位NPC分配不同的名字颜色
通过 chat-name 中包含的文字自动染色
═══════════════════════════════════════════ */
/* NPC1 — 玫瑰粉 */
.chat-msg.npc1 .chat-name {
color: #d4617b;
}
.chat-msg.npc1 .chat-bubble {
border-left: 3px solid rgba(212, 97, 123, 0.3);
}
/* NPC2 — 琥珀橘 */
.chat-msg.npc2 .chat-name {
color: #d48a3e;
}
.chat-msg.npc2 .chat-bubble {
border-left: 3px solid rgba(212, 138, 62, 0.3);
}
/* NPC3 — 森林绿 */
.chat-msg.npc3 .chat-name {
color: #5ba67d;
}
.chat-msg.npc3 .chat-bubble {
border-left: 3px solid rgba(91, 166, 125, 0.3);
}
/* NPC4 — 星空蓝 */
.chat-msg.npc4 .chat-name {
color: #5b8ec4;
}
.chat-msg.npc4 .chat-bubble {
border-left: 3px solid rgba(91, 142, 196, 0.3);
}
/* NPC5 — 紫藤紫 */
.chat-msg.npc5 .chat-name {
color: #9b6bb4;
}
.chat-msg.npc5 .chat-bubble {
border-left: 3px solid rgba(155, 107, 180, 0.3);
}
/* ═══════════════════════════════════════════
第六部分:选项交互区
═══════════════════════════════════════════ */
.options {
background: linear-gradient(
135deg,
#fef9f4 0%,
#fdf2f6 50%,
#f5f0fa 100%
);
border: 1px solid rgba(206, 147, 178, 0.25);
border-radius: 16px;
padding: 18px 16px;
margin: 24px 0;
box-shadow: 0 3px 12px rgba(0, 0, 0, 0.04);
}
/* 选项按钮 */
.options p {
margin: 8px 0;
padding: 13px 18px;
background: #ffffff;
border-radius: 12px;
cursor: pointer;
transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
color: #4a3f50;
border: 1px solid rgba(206, 147, 178, 0.15);
border-left: 4px solid transparent;
font-size: 0.93em;
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.03);
position: relative;
overflow: hidden;
}
/* 选项悬浮效果 */
.options p:hover {
background: linear-gradient(
135deg,
#fff5f7 0%,
#fce4ec 100%
);
border-left: 4px solid #e48aaa;
transform: translateX(5px);
box-shadow: 0 4px 14px rgba(228, 138, 170, 0.15);
color: #5d4157;
}
/* 选项悬浮时的微光效果 */
.options p:hover::after {
content: '';
position: absolute;
top: 0;
right: 0;
width: 40px;
height: 100%;
background: linear-gradient(
90deg,
transparent,
rgba(255, 183, 197, 0.1)
);
pointer-events: none;
}
/* 分割线(首尾两个p)样式重置 */
.options p:first-child,
.options p:last-child {
background: transparent !important;
color: #cdb8d4;
text-align: center;
pointer-events: none;
border: none !important;
padding: 2px 0;
margin: 4px 0;
box-shadow: none !important;
transform: none !important;
font-size: 0.85em;
letter-spacing: 3px;
}
/* 选项编号圆圈样式 — 让①②③④⑤更醒目 */
.options p:not(:first-child):not(:last-child)::before {
display: inline-block;
min-width: 1.2em;
color: #c0577a;
font-weight: 700;
}
/* ═══════════════════════════════════════════
第七部分:折叠面板(details / summary)
═══════════════════════════════════════════ */
details {
background: #fefcfa;
border: 1px solid rgba(206, 147, 178, 0.2);
border-radius: 14px;
margin-bottom: 12px;
padding: 4px 18px;
transition: all 0.35s ease;
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.03);
}
details:hover {
border-color: rgba(206, 147, 178, 0.35);
box-shadow: 0 2px 8px rgba(228, 138, 170, 0.08);
}
summary {
list-style: none;
cursor: pointer;
padding: 14px 0;
font-weight: 700;
color: #c0577a;
font-size: 1em;
display: flex;
align-items: center;
user-select: none;
transition: color 0.3s ease;
}
summary:hover {
color: #a04468;
}
/* 隐藏默认三角 */
summary::-webkit-details-marker {
display: none;
}
summary::marker {
display: none;
content: '';
}
/* 自定义折叠指示符 */
summary::before {
content: '❀';
margin-right: 10px;
font-size: 1.1em;
transition: transform 0.4s ease;
display: inline-block;
}
details[open] summary::before {
transf
/* 预览已截断;下载 CSS 可查看完整内容。 */{
"renderTemplate": null,
"assistantRegexReplace": null,
"enableMemorySchema": false,
"memorySchema": null,
"introPage": "br6c54bhcqp3ibgf4ns9onwt.html",
"options": {
"items": []
},
"defaultModelSettings": null,
"cover": "pu20vvk7n5j7hyh1tr5vjew1.webp",
"background": null
}本页只展示本地导出中可核验的公开字段。下载 JSON 可查看完整原始记录。