{"id":"2b5afddd-dc3b-4ddf-929a-400e52cb9df7","authorId":"drUDPLeR7TU6DTdeR5DSq6J9tQ9ZReX4","title":"误入coser聊天群","description":"【作者大师处女作 欢迎提出意见】\n【0709 美化改了一下 看起来应该还行】\n\n您手滑点错群聊，意外闯入一个热闹的Coser分享群。\n\n群里正刷屏：樱花兔兔刚发神里绫华的正片，骑士君在晒鬼泣道具，喵酱用波奇酱社恐cos引发共鸣……还没回过神，群主就@你：“新人爆照！是coser还是摄影？”\n\n你盯着屏幕，手指悬在键盘上——坦白走错？还是将错就错？从被误认萌新到被拽去漫展，从对cos一窍不通到意外解锁隐藏技能，一场啼笑皆非又暖心的次元穿越就此展开。\n\n社恐同好的小心翼翼、大佬的傲娇指导、摄影师的约拍轰炸、漫展现场的混乱与感动……误入，或许是命运打开的一扇新世界大门。\n\n你，准备好回应了吗？","background":null,"backgroundWidth":null,"backgroundHeight":null,"cover":"pu20vvk7n5j7hyh1tr5vjew1.webp","coverWidth":null,"coverHeight":null,"introPage":"br6c54bhcqp3ibgf4ns9onwt.html","changelog":"","createdAt":"2026-07-10T15:07:07.064Z","updatedAt":"2026-07-26T23:25:01.949Z","initPublicAt":"2026-07-10T15:10:04.742Z","renderTemplate":null,"assistantRegexReplace":null,"enableMemorySchema":false,"memorySchema":null,"injectStyles":"/* ═══ B平台表格修正（自动注入）═══ */\n.rili-markdown-renderer table { display:table!important; table-layout:auto!important; width:100%!important; border-collapse:collapse!important; }\n.rili-markdown-renderer table caption { display:table-caption!important; caption-side:top!important; text-align:center!important; padding:8px!important; }\n.rili-markdown-renderer thead { display:table-header-group!important; }\n.rili-markdown-renderer tbody { display:table-row-group!important; }\n.rili-markdown-renderer tr { display:table-row!important; }\n.rili-markdown-renderer th, .rili-markdown-renderer td { display:table-cell!important; }\n\n/* ═══ B平台按钮组保护（自动注入 — 防止按钮消失）═══\n   原理：B平台消息操作按钮结构为：\n   .flex.items-center.gap-1.ml-auto (hover显隐包装)\n     └── .bg-muted.rounded.flex.p-0.5 (按钮组容器)\n           └── button.rounded-full.size-7 (单个按钮)\n   以下规则使用高specificity + !important确保按钮\n   不被任何转换后/透传的CSS规则意外隐藏\n   ═══════════════════════════════════════════════ */\n/* 按钮组容器保护 */\n.w-full.h-full.flex.group .bg-muted.rounded.flex.p-0\\.5,\n.is-user .bg-muted.rounded.flex.p-0\\.5,\n.is-assistant .bg-muted.rounded.flex.p-0\\.5 {\n  display: flex !important;\n  visibility: visible !important;\n  opacity: 1 !important;\n  overflow: visible !important;\n  position: relative !important;\n  width: auto !important;\n  height: auto !important;\n  max-height: none !important;\n  pointer-events: auto !important;\n  clip: auto !important;\n  clip-path: none !important;\n}\n/* 单个按钮保护 */\n.w-full.h-full.flex.group .bg-muted.rounded.flex.p-0\\.5 > button,\n.is-user .bg-muted.rounded.flex.p-0\\.5 > button,\n.is-assistant .bg-muted.rounded.flex.p-0\\.5 > button {\n  display: inline-flex !important;\n  visibility: visible !important;\n  opacity: 1 !important;\n  pointer-events: auto !important;\n  position: relative !important;\n  clip: auto !important;\n  clip-path: none !important;\n}\n/* hover显隐包装层保护 — 仅保留B平台原生的opacity过渡 */\n.flex.items-center.gap-1.ml-auto.md\\:opacity-0.group-hover\\:opacity-100 {\n  visibility: visible !important;\n  display: flex !important;\n  pointer-events: auto !important;\n  overflow: visible !important;\n}\n/* 操作行保护 */\n.flex.w-full.items-center.justify-between.gap-2.px-2 {\n  display: flex !important;\n  visibility: visible !important;\n  overflow: visible !important;\n}\n\n/* =============================================\n   🌸 樱花日和 · 柔光社交 — 日间主题\n   适配「误入coser聊天群」互动卡\n   ============================================= */\n\n/* ═══════════════════════════════════════════\n   第一部分：全局排版基础\n   ═══════════════════════════════════════════ */\n\n/* 主容器文字基调 */\n.message,\n.response,\n.assistant-message,\n.mes_text,\n[data-role=\"assistant\"] {\n    font-family:\n        \"PingFang SC\",\n        \"Hiragino Sans GB\",\n        -apple-system,\n        BlinkMacSystemFont,\n        \"Segoe UI\",\n        \"Noto Sans SC\",\n        \"Microsoft YaHei\",\n        sans-serif;\n    font-size: 15px;\n    line-height: 1.85;\n    color: #3d3535;\n    letter-spacing: 0.3px;\n    word-spacing: 1px;\n}\n\n/* ═══════════════════════════════════════════\n   第二部分：场景头部卡片（Scene Header）\n   ═══════════════════════════════════════════ */\n\n.scene-header {\n    background: linear-gradient(\n        135deg,\n        #fff5f7 0%,\n        #fce4ec 30%,\n        #f3e5f5 70%,\n        #e8eaf6 100%\n    );\n    border: 1px solid rgba(206, 147, 178, 0.35);\n    border-left: 5px solid #e48aaa;\n    border-radius: 16px;\n    padding: 18px 22px;\n    margin-bottom: 24px;\n    margin-top: 8px;\n    box-shadow:\n        0 4px 16px rgba(228, 138, 170, 0.12),\n        0 1px 3px rgba(0, 0, 0, 0.04);\n    position: relative;\n    overflow: hidden;\n}\n\n/* 右上角装饰光晕 */\n.scene-header::before {\n    content: '';\n    position: absolute;\n    top: -30px;\n    right: -30px;\n    width: 90px;\n    height: 90px;\n    background: radial-gradient(\n        circle,\n        rgba(255, 183, 197, 0.25) 0%,\n        transparent 70%\n    );\n    border-radius: 50%;\n    pointer-events: none;\n}\n\n/* 左下角装饰光晕 */\n.scene-header::after {\n    content: '';\n    position: absolute;\n    bottom: -25px;\n    left: -25px;\n    width: 70px;\n    height: 70px;\n    background: radial-gradient(\n        circle,\n        rgba(206, 176, 232, 0.2) 0%,\n        transparent 70%\n    );\n    border-radius: 50%;\n    pointer-events: none;\n}\n\n.scene-header p {\n    margin: 5px 0;\n    font-size: 0.93em;\n    color: #5d4157;\n    position: relative;\n    z-index: 1;\n}\n\n/* 场景标题（第一行 📍）加粗突出 */\n.scene-header p:first-child {\n    font-weight: 700;\n    font-size: 1.05em;\n    color: #c0577a;\n    margin-bottom: 8px;\n}\n\n/* 时间行（第二行 🕐） */\n.scene-header p:nth-child(2) {\n    color: #7e6b8a;\n    font-size: 0.88em;\n}\n\n/* 氛围行（第三行 🌡️） */\n.scene-header p:nth-child(3) {\n    color: #8d6e97;\n    font-style: italic;\n    font-size: 0.88em;\n}\n\n/* ═══════════════════════════════════════════\n   第三部分：叙事正文排版（<text> 标签）\n   ═══════════════════════════════════════════ */\n\ntext {\n    display: block;\n    line-height: 1.9;\n    color: #3d3535;\n    font-size: 1em;\n    padding: 8px 6px;\n}\n\ntext p {\n    margin-bottom: 16px;\n    text-align: justify;\n}\n\n/* 正文中的强调文字 */\ntext strong, text b {\n    color: #c0577a;\n    font-weight: 700;\n}\n\ntext em, text i {\n    color: #8d6e97;\n    font-style: italic;\n}\n\n/* ═══════════════════════════════════════════\n   第四部分：聊天容器与消息气泡\n   ═══════════════════════════════════════════ */\n\n/* 聊天区域外框 — 模拟手机聊天窗口 */\n.chat-box {\n    background: linear-gradient(\n        180deg,\n        #fef9f4 0%,\n        #fdf6f0 100%\n    );\n    border: 1px solid rgba(206, 147, 178, 0.2);\n    border-radius: 20px;\n    padding: 20px 16px;\n    margin: 20px 0;\n    box-shadow:\n        inset 0 2px 8px rgba(0, 0, 0, 0.03),\n        0 2px 10px rgba(0, 0, 0, 0.04);\n    position: relative;\n}\n\n/* 聊天窗口顶部装饰条 — 模拟APP标题栏 */\n.chat-box::before {\n    content: '💬 次元突破口🌀';\n    display: block;\n    text-align: center;\n    font-size: 0.82em;\n    color: #b07da0;\n    padding: 4px 0 14px;\n    margin-bottom: 10px;\n    border-bottom: 1px dashed rgba(176, 125, 160, 0.2);\n    letter-spacing: 1px;\n    font-weight: 600;\n}\n\n/* 单条消息容器 */\n.chat-msg {\n    margin-bottom: 16px;\n    display: flex;\n    flex-direction: column;\n    align-items: flex-start;\n    animation: msgSlideIn 0.35s ease-out;\n}\n\n/* 玩家自己的消息 — 靠右对齐 */\n.chat-msg.user {\n    align-items: flex-end;\n}\n\n/* 发言人昵称行 */\n.chat-name {\n    font-size: 0.78em;\n    color: #c0577a;\n    margin-bottom: 5px;\n    margin-left: 10px;\n    font-weight: 600;\n    display: flex;\n    align-items: center;\n    gap: 8px;\n}\n\n.chat-msg.user .chat-name {\n    color: #7c6bc4;\n    margin-left: 0;\n    margin-right: 10px;\n    flex-direction: row-reverse;\n}\n\n/* 时间戳 */\n.chat-time {\n    color: #b8a9c1;\n    font-size: 0.85em;\n    font-weight: 400;\n}\n\n/* NPC消息气泡 */\n.chat-bubble {\n    background: #ffffff;\n    color: #3d3535;\n    padding: 12px 16px;\n    border-radius: 4px 18px 18px 18px;\n    max-width: 82%;\n    box-shadow:\n        0 2px 8px rgba(0, 0, 0, 0.06),\n        0 1px 2px rgba(0, 0, 0, 0.04);\n    line-height: 1.6;\n    word-wrap: break-word;\n    border: 1px solid rgba(0, 0, 0, 0.04);\n    position: relative;\n}\n\n/* 玩家消息气泡 — 薰衣草紫 */\n.chat-msg.user .chat-bubble {\n    background: linear-gradient(\n        135deg,\n        #e8d5f5 0%,\n        #dcc8f0 100%\n    );\n    color: #3d3535;\n    border-radius: 18px 4px 18px 18px;\n    border: 1px solid rgba(124, 107, 196, 0.15);\n    box-shadow:\n        0 2px 8px rgba(124, 107, 196, 0.12),\n        0 1px 2px rgba(0, 0, 0, 0.04);\n}\n\n/* 气泡内的表情包/图片描述 */\n.chat-bubble em {\n    display: inline-block;\n    background: #fef3e2;\n    border: 1px dashed #e0c9a0;\n    border-radius: 8px;\n    padding: 4px 10px;\n    font-size: 0.88em;\n    color: #9e8a6a;\n    font-style: italic;\n    margin: 4px 0;\n}\n\n/* 系统消息/提示消息 */\n.chat-msg.system {\n    align-items: center;\n}\n\n.chat-msg.system .chat-bubble {\n    background: rgba(232, 213, 245, 0.3);\n    color: #8d6e97;\n    font-size: 0.82em;\n    border-radius: 12px;\n    max-width: 70%;\n    text-align: center;\n    border: 1px dashed rgba(141, 110, 151, 0.25);\n    box-shadow: none;\n}\n\n/* 消息入场动画 */\n@keyframes msgSlideIn {\n    from {\n        opacity: 0;\n        transform: translateY(12px);\n    }\n    to {\n        opacity: 1;\n        transform: translateY(0);\n    }\n}\n\n/* ═══════════════════════════════════════════\n   第五部分：NPC昵称颜色区分系统\n   为每位NPC分配不同的名字颜色\n   通过 chat-name 中包含的文字自动染色\n   ═══════════════════════════════════════════ */\n\n/* NPC1 — 玫瑰粉 */\n.chat-msg.npc1 .chat-name {\n    color: #d4617b;\n}\n.chat-msg.npc1 .chat-bubble {\n    border-left: 3px solid rgba(212, 97, 123, 0.3);\n}\n\n/* NPC2 — 琥珀橘 */\n.chat-msg.npc2 .chat-name {\n    color: #d48a3e;\n}\n.chat-msg.npc2 .chat-bubble {\n    border-left: 3px solid rgba(212, 138, 62, 0.3);\n}\n\n/* NPC3 — 森林绿 */\n.chat-msg.npc3 .chat-name {\n    color: #5ba67d;\n}\n.chat-msg.npc3 .chat-bubble {\n    border-left: 3px solid rgba(91, 166, 125, 0.3);\n}\n\n/* NPC4 — 星空蓝 */\n.chat-msg.npc4 .chat-name {\n    color: #5b8ec4;\n}\n.chat-msg.npc4 .chat-bubble {\n    border-left: 3px solid rgba(91, 142, 196, 0.3);\n}\n\n/* NPC5 — 紫藤紫 */\n.chat-msg.npc5 .chat-name {\n    color: #9b6bb4;\n}\n.chat-msg.npc5 .chat-bubble {\n    border-left: 3px solid rgba(155, 107, 180, 0.3);\n}\n\n/* ═══════════════════════════════════════════\n   第六部分：选项交互区\n   ═══════════════════════════════════════════ */\n\n.options {\n    background: linear-gradient(\n        135deg,\n        #fef9f4 0%,\n        #fdf2f6 50%,\n        #f5f0fa 100%\n    );\n    border: 1px solid rgba(206, 147, 178, 0.25);\n    border-radius: 16px;\n    padding: 18px 16px;\n    margin: 24px 0;\n    box-shadow: 0 3px 12px rgba(0, 0, 0, 0.04);\n}\n\n/* 选项按钮 */\n.options p {\n    margin: 8px 0;\n    padding: 13px 18px;\n    background: #ffffff;\n    border-radius: 12px;\n    cursor: pointer;\n    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);\n    color: #4a3f50;\n    border: 1px solid rgba(206, 147, 178, 0.15);\n    border-left: 4px solid transparent;\n    font-size: 0.93em;\n    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.03);\n    position: relative;\n    overflow: hidden;\n}\n\n/* 选项悬浮效果 */\n.options p:hover {\n    background: linear-gradient(\n        135deg,\n        #fff5f7 0%,\n        #fce4ec 100%\n    );\n    border-left: 4px solid #e48aaa;\n    transform: translateX(5px);\n    box-shadow: 0 4px 14px rgba(228, 138, 170, 0.15);\n    color: #5d4157;\n}\n\n/* 选项悬浮时的微光效果 */\n.options p:hover::after {\n    content: '';\n    position: absolute;\n    top: 0;\n    right: 0;\n    width: 40px;\n    height: 100%;\n    background: linear-gradient(\n        90deg,\n        transparent,\n        rgba(255, 183, 197, 0.1)\n    );\n    pointer-events: none;\n}\n\n/* 分割线（首尾两个p）样式重置 */\n.options p:first-child,\n.options p:last-child {\n    background: transparent !important;\n    color: #cdb8d4;\n    text-align: center;\n    pointer-events: none;\n    border: none !important;\n    padding: 2px 0;\n    margin: 4px 0;\n    box-shadow: none !important;\n    transform: none !important;\n    font-size: 0.85em;\n    letter-spacing: 3px;\n}\n\n/* 选项编号圆圈样式 — 让①②③④⑤更醒目 */\n.options p:not(:first-child):not(:last-child)::before {\n    display: inline-block;\n    min-width: 1.2em;\n    color: #c0577a;\n    font-weight: 700;\n}\n\n/* ═══════════════════════════════════════════\n   第七部分：折叠面板（details / summary）\n   ═══════════════════════════════════════════ */\n\ndetails {\n    background: #fefcfa;\n    border: 1px solid rgba(206, 147, 178, 0.2);\n    border-radius: 14px;\n    margin-bottom: 12px;\n    padding: 4px 18px;\n    transition: all 0.35s ease;\n    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.03);\n}\n\ndetails:hover {\n    border-color: rgba(206, 147, 178, 0.35);\n    box-shadow: 0 2px 8px rgba(228, 138, 170, 0.08);\n}\n\nsummary {\n    list-style: none;\n    cursor: pointer;\n    padding: 14px 0;\n    font-weight: 700;\n    color: #c0577a;\n    font-size: 1em;\n    display: flex;\n    align-items: center;\n    user-select: none;\n    transition: color 0.3s ease;\n}\n\nsummary:hover {\n    color: #a04468;\n}\n\n/* 隐藏默认三角 */\nsummary::-webkit-details-marker {\n    display: none;\n}\nsummary::marker {\n    display: none;\n    content: '';\n}\n\n/* 自定义折叠指示符 */\nsummary::before {\n    content: '❀';\n    margin-right: 10px;\n    font-size: 1.1em;\n    transition: transform 0.4s ease;\n    display: inline-block;\n}\n\ndetails[open] summary::before {\n    transform: rotate(135deg);\n}\n\n/* 展开后面板高亮 */\ndetails[open] {\n    padding-bottom: 18px;\n    background: linear-gradient(\n        180deg,\n        #fefcfa 0%,\n        #fdf5f8 100%\n    );\n    border-color: rgba(228, 138, 170, 0.3);\n    box-shadow:\n        0 3px 12px rgba(228, 138, 170, 0.08),\n        inset 0 -2px 8px rgba(228, 138, 170, 0.03);\n}\n\ndetails[open] summary {\n    border-bottom: 1px solid rgba(206, 147, 178, 0.15);\n    padding-bottom: 12px;\n    margin-bottom: 8px;\n}\n\n/* 面板内文字 */\ndetails p,\ndetails ul,\ndetails li {\n    color: #4a3f50;\n    font-size: 0.9em;\n    line-height: 1.75;\n}\n\ndetails li {\n    margin-bottom: 4px;\n}\n\n/* 面板内无序列表圆点 */\ndetails ul {\n    list-style: none;\n    padding-left: 0;\n}\n\ndetails ul li::before {\n    content: '◦ ';\n    color: #d4a0b5;\n    font-weight: bold;\n    margin-right: 4px;\n}\n\n/* ═══════════════════════════════════════════\n   第八部分：面板内小标题（h3 — NPC名字等）\n   ═══════════════════════════════════════════ */\n\ndetails h3 {\n    font-size: 0.95em;\n    font-weight: 700;\n    margin-top: 20px;\n    margin-bottom: 10px;\n    padding: 8px 14px;\n    border-radius: 10px;\n    display: block;\n    width: 100%;\n    box-sizing: border-box;\n    position: relative;\n}\n\n/* 📊 主角状态面板的h3 */\ndetails:nth-of-type(1) h3 {\n    background: linear-gradient(135deg, #e8f5e9 0%, #f1f8e9 100%);\n    color: #4a7c59;\n    border-left: 4px solid #81c784;\n}\n\n/* 💕 NPC关系面板的h3 — 交替配色让5位NPC视觉区分 */\ndetails:nth-of-type(2) h3:nth-of-type(1) {\n    background: linear-gradient(135deg, #fce4ec 0%, #fff0f3 100%);\n    color: #c0577a;\n    border-left: 4px solid #e48aaa;\n}\n\ndetails:nth-of-type(2) h3:nth-of-type(2) {\n    background: linear-gradient(135deg, #fff3e0 0%, #fff8f0 100%);\n    color: #c4843e;\n    border-left: 4px solid #e8a85c;\n}\n\ndetails:nth-of-type(2) h3:nth-of-type(3) {\n    background: linear-gradient(135deg, #e8f5e9 0%, #f0faf2 100%);\n    color: #4a7c59;\n    border-left: 4px solid #81c784;\n}\n\ndetails:nth-of-type(2) h3:nth-of-type(4) {\n    background: linear-gradient(135deg, #e3f2fd 0%, #f0f7ff 100%);\n    color: #4a7499;\n    border-left: 4px solid #64b5f6;\n}\n\ndetails:nth-of-type(2) h3:nth-of-type(5) {\n    background: linear-gradient(135deg, #f3e5f5 0%, #f9f0fc 100%);\n    color: #7b5a8e;\n    border-left: 4px solid #ba68c8;\n}\n\n/* 🧠 记忆区面板的h3 */\ndetails:nth-of-type(3) h3 {\n    background: linear-gradient(135deg, #e8eaf6 0%, #f0f1fa 100%);\n    color: #5c6099;\n    border-left: 4px solid #7986cb;\n}\n\n/* 📡 群生态速报面板的h3 */\ndetails:nth-of-type(4) h3 {\n    background: linear-gradient(135deg, #e0f7fa 0%, #f0fcfd 100%);\n    color: #3d8a8a;\n    border-left: 4px solid #4dd0e1;\n}\n\n/* ═══════════════════════════════════════════\n   第九部分：数值关键词高亮\n   让好感度/暧昧值等数字在面板中更醒目\n   ═══════════════════════════════════════════ */\n\n/* 面板内加粗文字（数值名称）*/\ndetails strong, details b {\n    color: #c0577a;\n    font-weight: 700;\n}\n\n/* 面板内斜体（补充说明）*/\ndetails em, details i {\n    color: #8d6e97;\n    font-style: italic;\n    font-size: 0.9em;\n}\n\n/* ═══════════════════════════════════════════\n   第十部分：分割线与装饰性元素\n   ═══════════════════════════════════════════ */\n\nhr {\n    border: none;\n    height: 1px;\n    background: linear-gradient(\n        90deg,\n        transparent 0%,\n        rgba(228, 138, 170, 0.3) 20%,\n        rgba(228, 138, 170, 0.3) 80%,\n        transparent 100%\n    );\n    margin: 24px 0;\n}\n\n/* 引用块 — 用于回忆/内心独白片段 */\nblockquote {\n    background: linear-gradient(\n        135deg,\n        #fef9f4 0%,\n        #fdf5f8 100%\n    );\n    border-left: 4px solid #e8b4c8;\n    border-radius: 0 12px 12px 0;\n    padding: 14px 18px;\n    margin: 16px 0;\n    color: #6e5770;\n    font-style: italic;\n    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.03);\n}\n\nblockquote::before {\n    content: '💭 ';\n    font-style: normal;\n}\n\n/* 行内代码 — 用于专业术语/cos术语标注 */\ncode {\n    background: #f3e5f5;\n    color: #7b5a8e;\n    padding: 2px 8px;\n    border-radius: 6px;\n    font-size: 0.9em;\n    font-family: inherit;\n    border: 1px solid rgba(186, 104, 200, 0.15);\n}\n\n/* ═══════════════════════════════════════════\n   第十一部分：表格样式（数值表格适用）\n   ═══════════════════════════════════════════ */\n\ntable {\n    width: 100%;\n    border-collapse: separate;\n    border-spacing: 0;\n    border-radius: 12px;\n    overflow: hidden;\n    margin: 16px 0;\n    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);\n    border: 1px solid rgba(206, 147, 178, 0.2);\n}\n\nthead th {\n    background: linear-gradient(\n        135deg,\n        #fce4ec 0%,\n        #f3e5f5 100%\n    );\n    color: #5d4157;\n    font-weight: 700;\n    padding: 12px 14px;\n    font-size: 0.88em;\n    text-align: left;\n    border-bottom: 2px solid rgba(228, 138, 170, 0.2);\n}\n\ntbody td {\n    padding: 10px 14px;\n    background: #fefcfa;\n    font-size: 0.88em;\n    color: #4a3f50;\n    border-bottom: 1px solid rgba(206, 147, 178, 0.1);\n}\n\ntbody tr:last-child td {\n    border-bottom: none;\n}\n\ntbody tr:hover td {\n    background: #fff5f7;\n}\n\n/* ═══════════════════════════════════════════\n   第十二部分：滚动条美化\n   ═══════════════════════════════════════════ */\n\n::-webkit-scrollbar {\n    width: 6px;\n    height: 6px;\n}\n\n::-webkit-scrollbar-track {\n    background: #fdf5f8;\n    border-radius: 3px;\n}\n\n::-webkit-scrollbar-thumb {\n    background: #e8b4c8;\n    border-radius: 3px;\n}\n\n::-webkit-scrollbar-thumb:hover {\n    background: #d4899f;\n}\n\n/* ═══════════════════════════════════════════\n   第十三部分：特殊场景标记（可选增强）\n   通过在正文中添加class来切换场景氛围色\n   ═══════════════════════════════════════════ */\n\n/* 暧昧场景 — 粉红加深 */\n.scene-header.romantic {\n    background: linear-gradient(\n        135deg,\n        #fce4ec 0%,\n        #f8bbd0 40%,\n        #f3e5f5 100%\n    );\n    border-left-color: #e91e63;\n}\n\n/* 日常欢脱场景 — 明亮暖黄 */\n.scene-header.daily {\n    background: linear-gradient(\n        135deg,\n        #fffde7 0%,\n        #fff9c4 40%,\n        #fff3e0 100%\n    );\n    border-left-color: #ffb74d;\n}\n\n/* 紧张/冲突场景 — 灰蓝冷调 */\n.scene-header.tension {\n    background: linear-gradient(\n        135deg,\n        #eceff1 0%,\n        #e3f2fd 40%,\n        #e8eaf6 100%\n    );\n    border-left-color: #78909c;\n}\n\n/* 深夜连麦场景 — 夜幕暗调 */\n.scene-header.night {\n    background: linear-gradient(\n        135deg,\n        #4a3f5e 0%,\n        #3d3555 40%,\n        #352d4a 100%\n    );\n    border-left-color: #b39ddb;\n}\n.scene-header.night p {\n    color: #d7cfe6;\n}\n.scene-header.night p:first-child {\n    color: #e8b4c8;\n}\n\n/* ═══════════════════════════════════════════\n   第十四部分：思维链隐藏\n   确保AI的推演过程不会显示给玩家\n   ═══════════════════════════════════════════ */\n\n/* HTML注释本身不会渲染，这里是双保险 */\nthink, .think, [data-think] {\n    display: none !important;\n    visibility: hidden !important;\n    height: 0 !important;\n    overflow: hidden !important;\n    margin: 0 !important;\n    padding: 0 !important;\n    border: none !important;\n    font-size: 0 !important;\n    line-height: 0 !important;\n    max-height: 0 !important;\n    pointer-events: none !important;\n}\n\n/* ═══════════════════════════════════════════\n   第十五部分：进度条/数值条可视化\n   在NPC面板中如果AI输出了数值，用背景渐变\n   直观表示数值高低\n   ═══════════════════════════════════════════ */\n\n/* 好感度相关数值行 — 如果AI用了<span class=\"bar-XX\">格式 */\n.bar-low {\n    display: inline-block;\n    background: linear-gradient(\n        90deg,\n        #ffcdd2 0%,\n        #ffcdd2 var(--val, 20%),\n        #f5f5f5 var(--val, 20%)\n    );\n    padding: 2px 10px;\n    border-radius: 6px;\n    font-size: 0.85em;\n    color: #c0577a;\n    border: 1px solid rgba(255, 205, 210, 0.5);\n}\n\n.bar-mid {\n    display: inline-block;\n    background: linear-gradient(\n        90deg,\n        #ffe0b2 0%,\n        #ffe0b2 var(--val, 50%),\n        #f5f5f5 var(--val, 50%)\n    );\n    padding: 2px 10px;\n    border-radius: 6px;\n    font-size: 0.85em;\n    color: #c4843e;\n    border: 1px solid rgba(255, 224, 178, 0.5);\n}\n\n.bar-high {\n    display: inline-block;\n    background: linear-gradient(\n        90deg,\n        #f8bbd0 0%,\n        #f8bbd0 var(--val, 80%),\n        #f5f5f5 var(--val, 80%)\n    );\n    padding: 2px 10px;\n    border-radius: 6px;\n    font-size: 0.85em;\n    color: #ad1457;\n    border: 1px solid rgba(248, 187, 208, 0.5);\n}\n\n/* ═══════════════════════════════════════════\n   第十六部分：语音条模拟\n   群聊中NPC发语音时的视觉样式\n   ═══════════════════════════════════════════ */\n\n.voice-msg {\n    display: inline-flex;\n    align-items: center;\n    gap: 8px;\n    background: linear-gradient(\n        90deg,\n        #f3e5f5 0%,\n        #fce4ec 100%\n    );\n    padding: 8px 16px;\n    border-radius: 18px;\n    color: #7b5a8e;\n    font-size: 0.88em;\n    min-width: 120px;\n}\n\n.voice-msg::before {\n    content: '🎙️';\n    font-size: 1.1em;\n}\n\n.voice-msg::after {\n    content: '〰〰〰';\n    letter-spacing: 2px;\n    color: #ba68c8;\n    font-size: 0.8em;\n    animation: voiceWave 1.5s ease-in-out infinite;\n}\n\n@keyframes voiceWave {\n    0%, 100% { opacity: 0.4; }\n    50% { opacity: 1; }\n}\n\n/* ═══════════════════════════════════════════\n   第十七部分：图片/表情包描述框\n   当AI描述某张表情包或图片时的容器\n   ═══════════════════════════════════════════ */\n\n.sticker {\n    display: inline-block;\n    background: #fef9f4;\n    border: 2px dashed #e8b4c8;\n    border-radius: 14px;\n    padding: 16px 22px;\n    margin: 6px 0;\n    text-align: center;\n    color: #8d6e97;\n    font-size: 0.85em;\n    font-style: italic;\n    min-width: 100px;\n    max-width: 200px;\n}\n\n.sticker::before {\n    content: '🖼️ ';\n    font-style: normal;\n}\n\n/* ═══════════════════════════════════════════\n   第十八部分：@提及样式\n   群聊中@某人时的高亮\n   ═══════════════════════════════════════════ */\n\n.mention {\n    background: linear-gradient(\n        135deg,\n        rgba(228, 138, 170, 0.15) 0%,\n        rgba(186, 104, 200, 0.15) 100%\n    );\n    color: #c0577a;\n    padding: 1px 6px;\n    border-radius: 4px;\n    font-weight: 600;\n    font-size: 0.92em;\n}\n\n/* ═══════════════════════════════════════════\n   第十九部分：已撤回消息样式\n   ═══════════════════════════════════════════ */\n\n.chat-msg.recalled .chat-bubble {\n    background: transparent;\n    border: 1px dashed rgba(0, 0, 0, 0.1);\n    color: #b8a9c1;\n    font-size: 0.82em;\n    font-style: italic;\n    box-shadow: none;\n    text-align: center;\n}\n\n.chat-msg.recalled .chat-bubble::before {\n    content: '⤺ ';\n}\n\n/* ═══════════════════════════════════════════\n   第二十部分：红包/群投票等特殊消息卡片\n   ═══════════════════════════════════════════ */\n\n/* 红包消息 */\n.red-packet {\n    background: linear-gradient(\n        135deg,\n        #ff8a65 0%,\n        #ef5350 100%\n    );\n    color: #fff;\n    padding: 14px 20px;\n    border-radius: 14px;\n    display: inline-flex;\n    align-items: center;\n    gap: 10px;\n    font-size: 0.9em;\n    box-shadow: 0 3px 10px rgba(239, 83, 80, 0.25);\n    max-width: 200px;\n}\n\n.red-packet::before {\n    content: '🧧';\n    font-size: 1.6em;\n}\n\n/* 投票卡片 */\n.poll-card {\n    background: #ffffff;\n    border: 1px solid rgba(206, 147, 178, 0.25);\n    border-radius: 14px;\n    padding: 16px 18px;\n    max-width: 280px;\n    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);\n}\n\n.poll-card .poll-title {\n    font-weight: 700;\n    color: #5d4157;\n    margin-bottom: 10px;\n    font-size: 0.9em;\n}\n\n.poll-card .poll-option {\n    background: #fef9f4;\n    border: 1px solid rgba(206, 147, 178, 0.15);\n    border-radius: 8px;\n    padding: 8px 12px;\n    margin: 6px 0;\n    font-size: 0.85em;\n    color: #4a3f50;\n    cursor: pointer;\n    transition: all 0.2s ease;\n}\n\n.poll-card .poll-option:hover {\n    background: #fce4ec;\n    border-color: #e48aaa;\n}\n\n/* ═══════════════════════════════════════════\n   第二十一部分：通知栏/系统提示条\n   如\"XXX邀请XXX加入了群聊\"\n   ═══════════════════════════════════════════ */\n\n.sys-notice {\n    text-align: center;\n    color: #b8a9c1;\n    font-size: 0.78em;\n    padding: 8px 0;\n    margin: 12px 0;\n    position: relative;\n}\n\n.sys-notice::before,\n.sys-notice::after {\n    content: '';\n    display: inline-block;\n    width: 40px;\n    height: 1px;\n    background: rgba(184, 169, 193, 0.3);\n    vertical-align: middle;\n    margin: 0 10px;\n}\n\n/* ═══════════════════════════════════════════\n   第二十二部分：关系阶段徽章\n   在NPC面板中关系阶段后添加视觉标记\n   ═══════════════════════════════════════════ */\n\n.badge {\n    display: inline-block;\n    padding: 2px 10px;\n    border-radius: 20px;\n    font-size: 0.78em;\n    font-weight: 600;\n    letter-spacing: 0.5px;\n}\n\n.badge.stranger {\n    background: #f5f5f5;\n    color: #9e9e9e;\n    border: 1px solid #e0e0e0;\n}\n\n.badge.acquaintance {\n    background: #e3f2fd;\n    color: #5b8ec4;\n    border: 1px solid rgba(91, 142, 196, 0.3);\n}\n\n.badge.friend {\n    background: #e8f5e9;\n    color: #5ba67d;\n    border: 1px solid rgba(91, 166, 125, 0.3);\n}\n\n.badge.close-friend {\n    background: #fff3e0;\n    color: #d48a3e;\n    border: 1px solid rgba(212, 138, 62, 0.3);\n}\n\n.badge.crush {\n    background: #fce4ec;\n    color: #c0577a;\n    border: 1px solid rgba(192, 87, 122, 0.3);\n}\n\n.badge.lover {\n    background: linear-gradient(\n        135deg,\n        #fce4ec 0%,\n        #f3e5f5 100%\n    );\n    color: #ad1457;\n    border: 1px solid rgba(173, 20, 87, 0.3);\n    box-shadow: 0 0 8px rgba(173, 20, 87, 0.1);\n}\n\n/* ═══════════════════════════════════════════\n   第二十三部分：朋友圈/动态卡片\n   NPC发的社交媒体动态展示\n   ═══════════════════════════════════════════ */\n\n.moment-card {\n    background: #ffffff;\n    border: 1px solid rgba(206, 147, 178, 0.18);\n    border-radius: 14px;\n    padding: 16px 18px;\n    margin: 14px 0;\n    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);\n    max-width: 360px;\n}\n\n.moment-card .moment-user {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n    margin-bottom: 10px;\n    padding-bottom: 10px;\n    border-bottom: 1px solid rgba(206, 147, 178, 0.1);\n}\n\n.moment-card .moment-avatar {\n    width: 36px;\n    height: 36px;\n    border-radius: 50%;\n    background: linear-gradient(\n        135deg,\n        #fce4ec,\n        #f3e5f5\n    );\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-size: 1.2em;\n}\n\n.moment-card .moment-name {\n    font-weight: 700;\n    color: #5d4157;\n    font-size: 0.9em;\n}\n\n.moment-card .moment-time {\n    font-size: 0.75em;\n    color: #b8a9c1;\n}\n\n.moment-card .moment-content {\n    color: #3d3535;\n    font-size: 0.9em;\n    line-height: 1.65;\n    margin-bottom: 10px;\n}\n\n.moment-card .moment-img {\n    background: #fef3e2;\n    border: 2px dashed #e0c9a0;\n    border-radius: 10px;\n    padding: 20px;\n    text-align: center;\n    color: #9e8a6a;\n    font-style: italic;\n    font-size: 0.82em;\n    margin-bottom: 10px;\n}\n\n.moment-card .moment-actions {\n    display: flex;\n    gap: 16px;\n    padding-top: 8px;\n    border-top: 1px solid rgba(206, 147, 178, 0.1);\n    font-size: 0.8em;\n    color: #b8a9c1;\n}\n\n/* ═══════════════════════════════════════════\n   第二十四部分：私聊界面切换标识\n   当场景从群聊切到私聊时的视觉区分\n   ═══════════════════════════════════════════ */\n\n.chat-box.private {\n    background: linear-gradient(\n        180deg,\n        #f9f4fe 0%,\n        #f5eefa 100%\n    );\n    border: 1px solid rgba(186, 104, 200, 0.2);\n}\n\n.chat-box.private::before {\n    content: '🔒 私聊';\n    color: #9b6bb4;\n    border-bottom-color: rgba(155, 107, 180, 0.2);\n}\n\n/* ═══════════════════════════════════════════\n   第二十五部分：NPC在线状态指示灯\n   ═══════════════════════════════════════════ */\n\n.status-dot {\n    display: inline-block;\n    width: 8px;\n    height: 8px;\n    border-radius: 50%;\n    margin-right: 6px;\n    vertical-align: middle;\n}\n\n.status-dot.online {\n    background: #66bb6a;\n    box-shadow: 0 0 6px rgba(102, 187, 106, 0.4);\n}\n\n.status-dot.offline {\n    background: #bdbdbd;\n}\n\n.status-dot.busy {\n    background: #ff7043;\n    box-shadow: 0 0 6px rgba(255, 112, 67, 0.4);\n}\n\n.status-dot.dnd {\n    background: #ef5350;\n    box-shadow: 0 0 6px rgba(239, 83, 80, 0.4);\n}\n\n/* ═══════════════════════════════════════════\n   第二十六部分：打字中动画\n   ═══════════════════════════════════════════ */\n\n.typing {\n    display: inline-flex;\n    align-items: center;\n    gap: 4px;\n    padding: 10px 16px;\n    background: #f5f5f5;\n    border-radius: 18px;\n    margin: 4px 0;\n}\n\n.typing span {\n    display: inline-block;\n    width: 7px;\n    height: 7px;\n    background: #d4a0b5;\n    border-radius: 50%;\n    animation: typingBounce 1.4s ease-in-out infinite;\n}\n\n.typing span:nth-child(1) { animation-delay: 0s; }\n.typing span:nth-child(2) { animation-delay: 0.2s; }\n.typing span:nth-child(3) { animation-delay: 0.4s; }\n\n@keyframes typingBounce {\n    0%, 60%, 100% {\n        transform: translateY(0);\n        opacity: 0.4;\n    }\n    30% {\n        transform: translateY(-6px);\n        opacity: 1;\n    }\n}\n\n/* ═══════════════════════════════════════════\n   第二十七部分：吃醋/暧昧等情绪浮层\n   当NPC进入特定情绪时气泡外围发光\n   ═══════════════════════════════════════════ */\n\n/* 暧昧中 — 粉色柔光 */\n.chat-msg.mood-flirty .chat-bubble {\n    box-shadow:\n        0 2px 8px rgba(0, 0, 0, 0.06),\n        0 0 12px rgba(228, 138, 170, 0.2);\n    border-color: rgba(228, 138, 170, 0.25);\n}\n\n/* 吃醋中 — 橙色暗涌 */\n.chat-msg.mood-jealous .chat-bubble {\n    box-shadow:\n        0 2px 8px rgba(0, 0, 0, 0.06),\n        0 0 12px rgba(255, 152, 0, 0.18);\n    border-color: rgba(255, 152, 0, 0.2);\n}\n\n/* 生气中 — 红色警告 */\n.chat-msg.mood-angry .chat-bubble {\n    box-shadow:\n        0 2px 8px rgba(0, 0, 0, 0.06),\n        0 0 12px rgba(239, 83, 80, 0.2);\n    border-color: rgba(239, 83, 80, 0.2);\n}\n\n/* 害羞中 — 玫瑰色颤抖 */\n.chat-msg.mood-shy .chat-bubble {\n    box-shadow:\n        0 2px 8px rgba(0, 0, 0, 0.06),\n        0 0 14px rgba(240, 98, 146, 0.2);\n    animation: shyTremble 0.4s ease-in-out;\n}\n\n@keyframes shyTremble {\n    0%, 100% { transform: translateX(0); }\n    25% { transform: translateX(-2px); }\n    75% { transform: translateX(2px); }\n}\n\n/* 感动/温暖 — 金色暖光 */\n.chat-msg.mood-warm .chat-bubble {\n    box-shadow:\n        0 2px 8px rgba(0, 0, 0, 0.06),\n        0 0 14px rgba(255, 193, 7, 0.15);\n    border-color: rgba(255, 193, 7, 0.2);\n}\n\n/* ═══════════════════════════════════════════\n   第二十八部分：响应式适配\n   确保在不同屏幕宽度下都能正常显示\n   ═══════════════════════════════════════════ */\n\n@media (max-width: 768px) {\n    .scene-header {\n        padding: 14px 16px;\n        border-radius: 12px;\n    }\n\n    .chat-box {\n        padding: 14px 10px;\n        border-radius: 14px;\n    }\n\n    .chat-bubble {\n        max-width: 90%;\n        padding: 10px 13px;\n        font-size: 0.92em;\n    }\n\n    .options p {\n        padding: 11px 14px;\n        font-size: 0.9em;\n    }\n\n    details {\n        padding: 4px 12px;\n    }\n\n    summary {\n        font-size: 0.95em;\n        padding: 12px 0;\n    }\n\n    .moment-card {\n        max-width: 100%;\n    }\n\n    details h3 {\n        font-size: 0.9em;\n        padding: 6px 10px;\n    }\n}\n\n@media (max-width: 480px) {\n    .scene-header p {\n        font-size: 0.85em;\n    }\n\n    .chat-name {\n        font-size: 0.72em;\n    }\n\n    .chat-bubble {\n        max-width: 92%;\n        font-size: 0.88em;\n        padding: 9px 11px;\n    }\n\n    .options p {\n        padding: 10px 12px;\n        font-size: 0.87em;\n    }\n\n    text {\n        font-size: 0.93em;\n        line-height: 1.75;\n    }\n}\n\n/* ═══════════════════════════════════════════\n   第二十九部分：过渡与微交互\n   ═══════════════════════════════════════════ */\n\n/* 所有交互元素的统一过渡 */\n.options p,\ndetails,\nsummary,\n.chat-bubble,\n.poll-card .poll-option,\n.badge {\n    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);\n}\n\n/* 面板标题悬浮亮色 */\ndetails h3:hover {\n    filter: brightness(1.05);\n}\n\n/* 气泡悬浮微浮效果 */\n.chat-bubble:hover {\n    transform: translateY(-1px);\n    box-shadow:\n        0 4px 12px rgba(0, 0, 0, 0.08),\n        0 1px 3px rgba(0, 0, 0, 0.05);\n}\n\n/* 徽章悬浮放大 */\n.badge:hover {\n    transform: scale(1.05);\n}\n\n/* ═══════════════════════════════════════════\n   第三十部分：打印样式（备用）\n   万一有人想截图/打印存档\n   ═══════════════════════════════════════════ */\n\n@media print {\n    .options {\n        border: 1px solid #ccc;\n    }\n\n    .options p:hover {\n        transform: none;\n        box-shadow: none;\n    }\n\n    details {\n        border: 1px solid #ddd;\n    }\n\n    .chat-box {\n        border: 1px solid #ddd;\n        box-shadow: none;\n    }\n\n    .scene-header {\n        box-shadow: none;\n        border: 1px solid #ddd;\n    }\n\n    .chat-bubble:hover {\n        transform: none;\n        box-shadow: none;\n    }\n}","options":{"items":[]},"language":"zh","containsNSFW":true,"publicAccess":true,"deletedAt":null,"isAnonymous":false,"enableSafeguard":true,"defaultModelSettings":null,"totalConversations":40,"totalMessages":988,"totalCreditsUsed":835929,"totalTokensUsed":21907448,"totalPlayedUsers":43,"deeplyPlayed":14,"fixedPromptLength":7065,"lorebookLength":0,"author":{"id":"drUDPLeR7TU6DTdeR5DSq6J9tQ9ZReX4","name":"睡眠","displayUsername":"zxcvbnmpoiuytrewq","username":"zxcvbnmpoiuytrewq"},"cardsTags":[{"tag":{"name":"反差","cardsCount":628}},{"tag":{"name":"多角色","cardsCount":1110}},{"tag":{"name":"恶堕","cardsCount":302}},{"tag":{"name":"可调教","cardsCount":286}},{"tag":{"name":"开局即可色","cardsCount":1444}},{"tag":{"name":"后宫","cardsCount":692}}],"cardsVoices":[],"prompt":null,"promptSizeBytes":null}