{"id":"f327286e-477d-41e4-b80e-78eaf73ead39","authorId":"lAgyOY957kxlq7BGiA4uEJT41Y1Uuzis","title":"绿在校园-反转【被染绿的幸福】吧","description":"改编自『被染绿的幸福』\n【查看征服者论坛——可以在正文中模拟显示论坛界面】\n【显示某某论坛——可以在正文中模拟显示某某论坛的界面，比如显示校园论坛】\n【显示聊天界面——可以在正文中模拟显示聊天界面】\n你来到了在南方知名学府S大，新学期伊始，一切都显得那么美好。\n你认识了一个新朋友佐含言，那个拥有校花未婚女友舒仪涵、漂亮温柔的母亲顾爱如、性感时尚未来岳母风千华的“人生赢家”；也认识了一个大一新生张明，那个脸皮极厚、欲望强烈的“征服者”。美艳风骚的总裁辣妈、成熟能干的秘书姐姐、端庄知性的教授妈妈、性感诱人的学姐、清纯可爱的学妹......这种熟悉的感觉是怎么回事！？\n可以选择原书中的角色，或者成为另一个存在——转学生、年轻讲师、富二代、甚至舒仪涵的远房表哥……\n苦主朋友拯救（加害）计划，启动！你这个朋友，我帮定了！\n（建议自定义剧情开始游戏，固定剧情就当剧情介绍）\n（你可以选择守护这份幸福，也可以亲手将其撕碎；你可以沉沦于被绿的屈辱与刺激，也能成为那个掠夺他人一切的征服者）","background":null,"backgroundWidth":null,"backgroundHeight":null,"cover":"y3tnadmaagyyovfh3hhutjok.webp","coverWidth":null,"coverHeight":null,"introPage":"m8221bpnv8oqres4q22zocvq.html","changelog":"","createdAt":"2026-07-03T02:40:09.459Z","updatedAt":"2026-07-27T04:47:10.872Z","initPublicAt":"2026-07-04T08:14:16.386Z","renderTemplate":null,"assistantRegexReplace":null,"enableMemorySchema":false,"memorySchema":null,"injectStyles":"/* ===== 深紫背景优雅风格按钮（深紫黑阴影 + 金边框） ===== */\n/* 背景改为深紫色渐变，文字为浅金色/白，对比强烈 */\n#prompt-input button:not([type=\"submit\"]) {\n    background: linear-gradient(135deg, #5B21B6 0%, #2E1065 100%) !important;  /* 深紫到更深紫渐变 */\n    color: #FEF9C3 !important;  /* 淡金色文字，温暖且清晰 */\n    border: 2px solid #FBBF24 !important;  /* 金色边框 */\n    border-radius: 8px !important;\n    box-shadow: 0 5px 0 #1E1B4B !important;  /* 深紫偏黑色阴影 */\n    font-weight: bold !important;\n    text-transform: none !important;\n    transition: all 0.1s ease-in-out !important;\n}\n\n/* 悬停效果：背景变亮/饱和度提高，文字更亮，阴影消失下沉 */\n#prompt-input button:not([type=\"submit\"]):hover {\n    background: linear-gradient(135deg, #7C3AED 0%, #4C1D95 100%) !important;  /* 更亮的深紫色 */\n    color: #FEF08A !important;  /* 更鲜明的淡金色 */\n    border-color: #D97706 !important;  /* 深金色边框 */\n    transform: translateY(3px) !important;\n    box-shadow: none !important;\n}\n\n/* 活动效果：按入感更明显 */\n#prompt-input button:not([type=\"submit\"]):active {\n    background: linear-gradient(135deg, #4C1D95 0%, #2E1065 100%) !important;\n    border-color: #B45309 !important;\n    transform: translateY(5px) scale(0.98) !important;\n    box-shadow: none !important;\n}\n\n/* ===== 发送按钮（蓝色系） ===== */\n#prompt-input [type=\"submit\"] {\n    background: linear-gradient(135deg, #2563EB 0%, #1E3A8A 100%) !important;  /* 亮蓝到深蓝 */\n    color: #FEF9C3 !important;\n    border: 2px solid #60A5FA !important;      /* 浅蓝边框 */\n    border-radius: 8px !important;\n    box-shadow: 0 5px 0 #172554 !important;    /* 深蓝黑阴影 */\n    font-weight: bold !important;\n    text-transform: none !important;\n    transition: all 0.1s ease-in-out !important;\n}\n\n#prompt-input [type=\"submit\"]:hover {\n    background: linear-gradient(135deg, #3B82F6 0%, #1D4ED8 100%) !important;\n    color: #FEF08A !important;\n    border-color: #93C5FD !important;\n    transform: translateY(3px) !important;\n    box-shadow: none !important;\n}\n\n#prompt-input [type=\"submit\"]:active {\n    background: linear-gradient(135deg, #1D4ED8 0%, #1E3A8A 100%) !important;\n    border-color: #60A5FA !important;\n    transform: translateY(5px) scale(0.98) !important;\n    box-shadow: none !important;\n}\n\n/* ===== 停止按钮（红色系） ===== */\n#prompt-input button[aria-label=\"停止\"] {\n    background: linear-gradient(135deg, #DC2626 0%, #7F1D1D 100%) !important;  /* 红到深红 */\n    color: #FEF9C3 !important;\n    border: 2px solid #F87171 !important;      /* 浅红边框 */\n    border-radius: 8px !important;\n    box-shadow: 0 5px 0 #451A1A !important;    /* 深红黑阴影 */\n    font-weight: bold !important;\n    text-transform: none !important;\n    transition: all 0.1s ease-in-out !important;\n}\n\n#prompt-input button[aria-label=\"停止\"]:hover {\n    background: linear-gradient(135deg, #EF4444 0%, #B91C1C 100%) !important;\n    color: #FEF08A !important;\n    border-color: #FCA5A5 !important;\n    transform: translateY(3px) !important;\n    box-shadow: none !important;\n}\n\n#prompt-input button[aria-label=\"停止\"]:active {\n    background: linear-gradient(135deg, #B91C1C 0%, #7F1D1D 100%) !important;\n    border-color: #F87171 !important;\n    transform: translateY(5px) scale(0.98) !important;\n    box-shadow: none !important;\n}\n\n.contents {\n    display: block;\n    width: 100%;\n    border: 2px solid #FBBF24 !important;    /* 与深紫按钮相同的金色边框 */\n    border-radius: 8px !important;           /* 与按钮保持一致的圆角 */\n    background: rgba(255, 255, 255, 0.08) !important; /* 浅色透明背景 */\n    box-shadow: none !important;             /* 无阴影 */\n    /* 可根据需要添加内边距或其它布局属性，但不强制 */\n    padding: 12px 16px;                      /* 示例内边距，可按需调整 */\n}\n\n#prompt-input-body textarea[name=\"message\"] {\n    display: block;\n    width: 100%;\n    border: 2px solid #FBBF24 !important;\n    border-radius: 8px !important;\n    background: rgba(255, 255, 255, 0.08) !important;\n    padding: 12px 16px;\n    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.04);\n    transition: border-color 0.2s ease, box-shadow 0.2s ease;\n    font-family: inherit;\n    resize: vertical;\n    outline: none;\n}\n\n#prompt-input-body textarea[name=\"message\"]:focus {\n    border-color: rgb(242, 206, 4);\n    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.15);\n}\n\n/* ----- 青春校园活力配色 · 用户侧 / AI侧 ----- */\n/* 基础卡片样式（提取公共属性，减少重复） */\n.is-user .flex.w-fit.max-w-full.min-w-0.flex-col.gap-2.text-sm.border.border-muted,\n.is-assistant .flex.w-fit.max-w-full.min-w-0.flex-col.gap-2.text-sm.border.border-muted {\n  border-radius: 12px !important;\n  transition: all 0.2s ease;\n}\n\n/* ===== 用户侧 —— 天蓝背景 + 蓝色边框与阴影 ===== */\n.is-user .flex.w-fit.max-w-full.min-w-0.flex-col.gap-2.text-sm.border.border-muted {\n  background: rgba(214, 234, 248, 0.99) !important;\n  border: 2px solid #2980B9 !important;\n  box-shadow: -3px 3px 0 rgba(41, 128, 185, 0.25), 0 2px 6px rgba(0, 0, 0, 0.05) !important;\n  color: #2C1A0E !important;\n}\n.is-user .flex.w-fit.max-w-full.min-w-0.flex-col.gap-2.text-sm.border.border-muted:hover {\n  transform: translate(-1px, 1px);\n  border-color: #1A5276 !important;\n  box-shadow: -2px 2px 0 rgba(26, 82, 118, 0.3), 0 2px 6px rgba(0, 0, 0, 0.05) !important;\n}\n\n/* ===== AI侧 —— 护眼羊皮纸色 + 暖色边框与阴影 ===== */\n.is-assistant .flex.w-fit.max-w-full.min-w-0.flex-col.gap-2.text-sm.border.border-muted {\n  /* ★ 背景改为浅羊皮纸色（#F5F0E6），护眼柔和 */\n  background: rgba(245, 240, 230, 0.99) !important;   /* 羊皮纸白 */\n  border: 2px solid #C4A882 !important;              /* 暖灰褐色边框 */\n  box-shadow: 3px 3px 0 rgba(160, 120, 80, 0.25), 0 2px 6px rgba(0, 0, 0, 0.05) !important;\n  color: #3D2E1B !important;                         /* 深褐文字，与背景协调 */\n}\n.is-assistant .flex.w-fit.max-w-full.min-w-0.flex-col.gap-2.text-sm.border.border-muted:hover {\n  transform: translate(1px, 1px);\n  border-color: #B08968 !important;                  /* 悬停加深边框 */\n  box-shadow: 2px 2px 0 rgba(140, 100, 60, 0.30), 0 2px 6px rgba(0, 0, 0, 0.05) !important;\n}\n\n@media (prefers-color-scheme: dark) {\n  /* ----- AI侧 —— 暗色模式（深暖羊皮纸） ----- */\n  .is-assistant .flex.w-fit.max-w-full.min-w-0.flex-col.gap-2.text-sm.border.border-muted {\n    background: rgba(61, 53, 40, 0.99) !important;    /* 深暖灰，仿旧纸 */\n    border-color: #A68B6B !important;                 /* 暖金褐边框 */\n    box-shadow: 3px 3px 0 rgba(100, 80, 50, 0.35), 0 2px 6px rgba(0, 0, 0, 0.3) !important;\n    color: #E8DDD0 !important;                        /* 浅米色文字 */\n  }\n  .is-assistant .flex.w-fit.max-w-full.min-w-0.flex-col.gap-2.text-sm.border.border-muted:hover {\n    transform: translate(1px, 1px);\n    border-color: #C4A882 !important;                 /* 悬停提亮边框 */\n    box-shadow: 2px 2px 0 rgba(130, 100, 70, 0.40), 0 2px 6px rgba(0, 0, 0, 0.3) !important;\n  }\n\n  /* 移动端深色适配（阴影略减，保持风格） */\n  @media (max-width: 768px) {\n    .is-assistant .flex.w-fit.max-w-full.min-w-0.flex-col.gap-2.text-sm.border.border-muted {\n      box-shadow: 2px 2px 0 rgba(100, 80, 50, 0.35), 0 2px 4px rgba(0, 0, 0, 0.3) !important;\n    }\n    .is-assistant .flex.w-fit.max-w-full.min-w-0.flex-col.gap-2.text-sm.border.border-muted:hover {\n      box-shadow: 1px 1px 0 rgba(130, 100, 70, 0.40), 0 2px 4px rgba(0, 0, 0, 0.3) !important;\n    }\n  }\n}\n\n/* ===== 卡片样式（角色、消息、任务、新闻、NPC、情节）青春校园风格 ===== */\n/* 基础卡片样式 - 大屏幕（合并所有卡片公用类） */\n.card, .sms-card, .task-card, .news-card, .npc-card, .plot {\n  display: block;\n  margin: 10px 2px;\n  padding: 2px;\n  border-radius: 6px;\n  border-width: 2px;\n  border-style: solid;\n  background: linear-gradient(135deg, rgba(255,255,255,0.9) 0%, rgba(247,249,252,0.8) 100%);\n  backdrop-filter: blur(8px);\n  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);\n  transition: all 0.3s ease;\n  color: #2d3436;\n  font-size: 1em;\n  line-height: 1.6;\n  word-wrap: break-word;\n}\n\n/* 卡片悬停效果 */\n.card:hover, .sms-card:hover, .task-card:hover, .news-card:hover, .npc-card:hover, .plot:hover {\n  transform: translateY(-3px);\n  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.15);\n}\n\n/* 各卡片边框颜色区分 —— 全新青春校园主题色（清爽蓝紫+活力粉橙） */\n.card { border-color: #5F9EF8; }    /* 角色卡片 - 淡海蓝 */\n.sms-card { border-color: #48D1CC; } /* 消息卡片 - 明快浅海绿 */\n.task-card { border-color: #FFB347; } /* 任务卡片 - 暖橘 */\n.news-card { border-color: #FF7B7B; } /* 新闻卡片 - 珊瑚粉 */\n.npc-card { border-color: #C792EA; } /* NPC卡片 - 淡紫 */\n.plot { border-color: #F48FB1; }      /* 情节卡片 - 樱花粉 */\n\n/* 卡片内部通用元素 */\n.card p, .sms-card p, .task-card p, .news-card p, .npc-card p, .plot p,\n.card ul, .sms-card ul, .task-card ul, .news-card ul, .npc-card ul, .plot ul,\n.card ol, .sms-card ol, .task-card ol, .news-card ol, .npc-card ol, .plot ol,\n.card pre, .sms-card pre, .task-card pre, .news-card pre, .npc-card pre, .plot pre,\n.card blockquote, .sms-card blockquote, .task-card blockquote, .news-card blockquote, .npc-card blockquote, .plot blockquote {\n  margin: 4px 0;\n  padding: 0;\n}\n\n.card h1, .card h2, .card h3, .card h4,\n.sms-card h1, .sms-card h2, .sms-card h3, .sms-card h4,\n.task-card h1, .task-card h2, .task-card h3, .task-card h4,\n.news-card h1, .news-card h2, .news-card h3, .news-card h4,\n.npc-card h1, .npc-card h2, .npc-card h3, .npc-card h4,\n.plot h1, .plot h2, .plot h3, .plot h4 {\n  margin-top: 4px;\n  margin-bottom: 4px;\n  color: #2d3436;\n}\n\n.card code,\n.sms-card code,\n.task-card code,\n.news-card code,\n.npc-card code,\n.plot code {\n  background: rgba(95,158,248,0.1);\n  color: #2d3436;\n  padding: 2px 4px;\n  border-radius: 4px;\n  font-size: 0.9em;\n}\n\n.card pre,\n.sms-card pre,\n.task-card pre,\n.news-card pre,\n.npc-card pre,\n.plot pre {\n  background: rgba(247, 249, 252, 0.8);\n  padding: 12px;\n  border-radius: 4px;\n  overflow-x: auto;\n  border: 1px solid rgba(0,0,0,0.1);\n}\n\n/* 深色模式卡片适配 */\n@media (prefers-color-scheme: dark) {\n  .card, .sms-card, .task-card, .news-card, .npc-card, .plot {\n    background: linear-gradient(135deg, rgba(45,52,54,0.9) 0%, rgba(30,35,40,0.8) 100%);\n    color: #e0e0e0;\n    box-shadow: 0 4px 20px rgba(255,255,255,0.05);\n  }\n\n  .card code, .sms-card code, .task-card code, .news-card code, .npc-card code, .plot code {\n    background: rgba(255,255,255,0.15);\n    color: #e0e0e0;\n  }\n\n  .card pre, .sms-card pre, .task-card pre, .news-card pre, .npc-card pre, .plot pre {\n    background: rgba(60, 70, 73, 0.95);\n    color: #e0e0e0;\n    border-color: rgba(255,255,255,0.1);\n  }\n\n  .card h1, .card h2, .card h3, .card h4,\n  .sms-card h1, .sms-card h2, .sms-card h3, .sms-card h4,\n  .task-card h1, .task-card h2, .task-card h3, .task-card h4,\n  .news-card h1, .news-card h2, .news-card h3, .news-card h4,\n  .npc-card h1, .npc-card h2, .npc-card h3, .npc-card h4,\n  .plot h1, .plot h2, .plot h3, .plot h4 {\n    color: #e0e0e0;\n  }\n}\n\n/* 行动选项卡片样式 */\n.act-option {\n  display: block;\n  margin: 20px 2px 10px 2px; \n  padding: 10px;\n  border-radius: 6px;\n  border-width: 2px;\n  border-style: solid;\n  border-color: #f59e0b;  /* 琥珀色 - 代表行动/选择 */\n  background: linear-gradient(135deg, rgba(255,255,255,0.2) 0%, rgba(247,249,252,0.1) 100%);\n  backdrop-filter: blur(8px);\n  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);\n  transition: all 0.3s ease;\n  color: #2d3436;\n  font-size: 1em;\n  line-height: 1.6;\n  word-wrap: break-word;\n}\n\n/* 悬停效果 */\n.act-option:hover {\n  transform: translateY(-3px);\n  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15);\n}\n\n/* 代码块样式 */\n.act-option code {\n  background: rgba(99,102,241,0.1);\n  color: #2d3436;\n  padding: 2px 4px;\n  border-radius: 4px;\n  font-size: 0.95em;\n}\n\n.act-option pre {\n  background: rgba(247, 249, 252, 0.8);\n  padding: 2px;\n  border-radius: 2px;\n  overflow-x: auto;\n  border: 1px solid rgba(0,0,0,0.1);\n}\n\n/* 深色模式适配 */\n@media (prefers-color-scheme: dark) {\n  .act-option {\n    background: linear-gradient(135deg, rgba(45,52,54,0.2) 0%, rgba(30,35,40,0.1) 100%);\n    color: #badbe4;\n    box-shadow: 0 2px 10px rgba(255,255,255,0.05);\n  }\n}\n\n/* ========== 小屏幕优化（响应式设计）========== */\n@media (max-width: 768px) {\n  .act-option {\n    margin: 10px 0px 0px 0px; \n    padding: 4px;  \n    font-size: 0.95em; \n    backdrop-filter: blur(4px); \n  }\n}\n\n/* ===== 折叠状态栏（details）青春校园风格 ===== */\ndetails {\n  background: rgba(135, 206, 235, 0.02);  /* 浅天蓝色 (SkyBlue) + 85% 透明度 */\n  border: 2px solid #2563EB;\n  border-radius: 6px;\n  margin: 10px 2px;\n  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n  position: relative;\n  overflow: hidden;\n  color: rgba(45, 52, 54, 0.9);\n  backdrop-filter: blur(8px);\n  padding: 2px 10px;\n}\n\n/* 展开状态 - 保持原有蓝白风格，阴影保留 */\ndetails[open] {\n  background: rgba(247, 249, 252, 0.7);\n  backdrop-filter: blur(15px) saturate(180%);\n  box-shadow: 0 4px 6px rgba(59, 130, 246, 0.3),\n              0 2px 4px rgba(37, 99, 235, 0.2),\n              inset 0 1px 0 rgba(255, 255, 255, 0.2);\n  padding: 2px;\n}\n\n/* 折叠状态悬停 - 去除阴影，保留微上浮效果 */\ndetails:hover:not([open]) {\n  transform: translateY(-2px);\n  box-shadow: none;  /* 清楚悬停阴影 */\n}\n\n/* ----- 摘要区域（深蓝色调）----- */\ndetails summary {\n  font-size: 1.1em;\n  font-weight: 800;\n  cursor: pointer;\n  color: #1E293B;\n  padding: 12px 10px;\n  margin: 0;\n  position: relative;\n  transition: all 0.3s ease;\n  list-style: none;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  letter-spacing: 0.5px;\n  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);\n}\n\ndetails summary .summary-text {\n  background: linear-gradient(90deg, #2563EB, #06B6D4);\n  -webkit-background-clip: text;\n  background-clip: text;\n  color: transparent;\n  flex: 1;\n  padding: 0 8px;\n}\n\n/* 自定义箭头（保持深蓝色） */\ndetails summary::after {\n  content: '➤';\n  font-size: 0.9em;\n  transition: all 0.3s ease;\n  color: #2563EB;\n  margin: 0 8px;\n  transform-origin: center;\n  font-weight: bold;\n}\n\ndetails[open] summary::after {\n  transform: rotate(90deg);\n  color: #06B6D4;\n}\n\ndetails summary:hover {\n  background: rgba(37, 99, 235, 0.05);\n}\n\ndetails summary:active {\n  transform: translateY(1px);\n}\n\n/* ----- 内容区域通用样式（深蓝色调点缀）----- */\ndetails > *:not(summary) {\n  margin: 1px;\n  padding: 0;\n  font-size: 1.1em;\n  line-height: 1.6;\n}\n\ndetails p,\ndetails ul,\ndetails ol,\ndetails pre,\ndetails blockquote {\n  margin: 1px;\n  line-height: 1.6;\n  padding: 0;\n}\n\n/* 列表项标记改为深蓝色 */\ndetails li::before {\n  content: '•';\n  color: #3B82F6;\n  font-weight: bold;\n  position: absolute;\n  left: 0;\n}\n\n/* 文字强调改为深蓝色调 */\ndetails strong,\ndetails b {\n  color: #2563EB;\n  font-weight: 800;\n  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);\n}\n\ndetails em {\n  color: #06B6D4;\n  font-style: italic;\n  font-weight: 600;\n}\n\ndetails code {\n  color: #1E293B;\n  background: rgba(37, 99, 235, 0.1);\n  padding: 2px 6px;\n  border-radius: 4px;\n  font-weight: 600;\n  font-size: 1em;\n}\n\ndetails pre {\n  background: linear-gradient(135deg, rgba(255, 255, 255, 0.95) 0%, rgba(247, 249, 252, 0.95) 100%);\n  padding: 2px;\n  border-radius: 2px;\n  overflow-x: auto;\n  color: #1E293B;\n  font-family: 'Consolas', 'Monaco', monospace;\n  margin: 1px;\n}\n\n/* ----- 表格美化（深蓝色边框/阴影）----- */\ntable {\n  display: block;\n  width: 100%;\n  border-collapse: separate;\n  border-spacing: 0;\n  margin: 1px 0;\n  font-size: 0.95em;\n  overflow-x: auto;\n  -webkit-overflow-scrolling: touch;\n  word-wrap: break-word;\n  border-radius: 4px;\n  box-shadow: 0 5px 20px rgba(37, 99, 235, 0.15),\n              0 2px 8px rgba(6, 182, 212, 0.1);\n  background: linear-gradient(135deg, rgba(255,255,255,0.9) 0%, rgba(247,249,252,0.8) 100%);\n  backdrop-filter: blur(10px);\n  border: 1px solid rgba(59, 130, 246, 0.2);\n}\n\ntable th {\n  background: linear-gradient(135deg, #2563EB, #06B6D4);\n  color: white;\n  font-weight: 700;\n  text-align: left;\n  padding: 6px 12px;\n  font-size: 1em;\n  text-transform: uppercase;\n  letter-spacing: 0.5px;\n  border-bottom: 2px solid #FDE047;\n}\n\ntable td {\n  padding: 6px 12px;\n  border-bottom: 1px solid rgba(37, 99, 235, 0.1);\n  transition: all 0.2s ease;\n  font-weight: 500;\n  min-width: 80px;\n}\n\ntable tr {\n  transition: all 0.2s ease;\n}\n\ntable tr:hover {\n  background: rgba(253, 224, 71, 0.15);\n  transform: translateY(-1px);\n  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);\n}\n\ntable tr:hover td {\n  border-bottom-color: #FDE047;\n}\n\ntable tr:last-child td {\n  border-bottom: none;\n}\n\n/* ----- 滚动条自定义（深蓝色）----- */\ndetails ::-webkit-scrollbar {\n  width: 8px;\n  height: 8px;\n}\n\ndetails ::-webkit-scrollbar-track {\n  background: rgba(37, 99, 235, 0.1);\n  border-radius: 4px;\n}\n\ndetails ::-webkit-scrollbar-thumb {\n  background: linear-gradient(135deg, #2563EB, #06B6D4);\n  border-radius: 4px;\n}\n\ndetails ::-webkit-scrollbar-thumb:hover {\n  background: linear-gradient(135deg, #06B6D4, #2563EB);\n}\n\n/* ----- 展开动画 ----- */\ndetails[open] > *:not(summary) {\n  animation: slideIn 0.4s cubic-bezier(0.4, 0, 0.2, 1) forwards;\n}\n\n@keyframes slideIn {\n  from {\n    opacity: 0;\n    transform: translateY(-8px);\n  }\n  to {\n    opacity: 1;\n    transform: translateY(0);\n  }\n}\n\n/* ----- 深色模式适配（深蓝色系延续）----- */\n@media (prefers-color-scheme: dark) {\n  details {\n    color: rgba(247, 249, 252, 0.9);\n    background: rgba(0, 100, 150, 0.45); /* 深天蓝色，透明度 45% */\n    border-color:  #3B82F6;\n  }\n\n  details[open] {\n    background: rgba(30, 41, 59, 0.7);\n  }\n\n  details summary {\n    color: #F1F5F9;\n  }\n\n  details code {\n    color: #E2E8F0;\n    background: rgba(255, 255, 255, 0.15);\n  }\n\n  details pre {\n    background: linear-gradient(135deg, rgba(15, 23, 42, 0.95) 0%, rgba(30, 41, 59, 0.95) 100%);\n    color: #E2E8F0;\n  }\n\n  table {\n    background: linear-gradient(135deg, rgba(15, 23, 42, 0.9) 0%, rgba(30, 41, 59, 0.8) 100%);\n    border-color: rgba(96, 165, 250, 0.3);\n  }\n}\n\n/* ===== 打印样式 ===== */\n@media print {\n  details {\n    border: 1px solid #ddd !important;\n    background: white !important;\n    color: black !important;\n    break-inside: avoid;\n  }\n\n  details[open] {\n    border: 1px solid #ddd !important;\n  }\n\n  table {\n    box-shadow: none !important;\n    background: white !important;\n    border: 1px solid #ddd;\n  }\n\n  details summary::after {\n    display: none !important;\n  }\n\n  .card, .sms-card, .task-card, .news-card, .npc-card, .plot {\n    background: white !important;\n    color: black !important;\n    border: 2px solid #ccc !important;\n    box-shadow: none !important;\n    page-break-inside: avoid;\n  }\n}\n\n/* ===== 移动端响应式（合并媒体查询）===== */\n@media (max-width: 768px) {\n  /* ----- details 折叠栏移动适配 ----- */\n  details {\n    margin: 4px 0;\n    padding: 2px;\n    font-size: 0.95em;\n  }\n\n  details[open] {\n    font-size: 0.95em;\n    line-hight: 1.5;\n  }\n\n  details > *:not(summary) {\n    font-size: 0.95em;\n    line-height: 1.2;\n  }\n\n  details summary {\n    font-size: 0.95em;\n    padding: 4px 6px;\n  }\n\n  details pre {\n    padding: 2px;\n    margin: 1px 0px;\n  }\n\n  details code {\n    padding: 0;\n    font-size: 0.95em;\n  }\n\n  .table {\n    font-size: 0.9em;\n    border-radius: 4px;\n    display: block;\n    position: relative;\n    width: 100%;\n    margin: 1px 0;\n    overflow-x: auto;\n    overflow-y: hidden;\n    -webkit-overflow-scrolling: touch;\n  }\n  \n  .table table {\n    display: block;\n    min-width: 400px;\n    width: auto;\n    table-layout: auto;\n    border-collapse: collapse;\n    margin: 0;\n  }\n\n  table th,\n  table td {\n    padding: 4px 6px;\n    min-width: 40px;\n  }\n\n  table td.allow-wrap {\n    white-space: normal;\n    word-break: break-word;\n  }\n\n  /* ----- 卡片移动适配（减小内外边距）----- */\n  .card, .sms-card, .task-card, .news-card, .npc-card, .plot {\n    margin: 4px 0;\n    padding: 2px;\n    font-size: 0.95em;\n  }\n\n  .card pre, .sms-card pre, .task-card pre, .news-card pre, .npc-card pre, .plot pre {\n    padding: 2px;\n    font-size: 0.95em;\n  }\n\n  .card code, .sms-card code, .task-card code, .news-card code, .npc-card code, .plot code {\n    padding: 0;\n    font-size: 0.95em;\n  }\n\n  .card p, .sms-card p, .task-card p, .news-card p, .npc-card p, .plot p,\n  .card ul, .sms-card ul, .task-card ul, .news-card ul, .npc-card ul, .plot ul,\n  .card ol, .sms-card ol, .task-card ol, .news-card ol, .npc-card ol, .plot ol,\n  .card blockquote, .sms-card blockquote, .task-card blockquote, .news-card blockquote, .npc-card blockquote, .plot blockquote {\n    margin: 2px 0;\n  }\n\n  .card h1, .card h2, .card h3, .card h4,\n  .sms-card h1, .sms-card h2, .sms-card h3, .sms-card h4,\n  .task-card h1, .task-card h2, .task-card h3, .task-card h4,\n  .news-card h1, .news-card h2, .news-card h3, .news-card h4,\n  .npc-card h1, .npc-card h2, .npc-card h3, .npc-card h4,\n  .plot h1, .plot h2, .plot h3, .plot h4 {\n    margin-top: 2px;\n    margin-bottom: 2px;\n  }\n}\n\n/* ===== 当前状态栏（status-info）青春校园风格 ===== */\n.status-info {\n  display: flex;\n  flex-direction: row;\n  align-items: stretch;\n  flex-wrap: nowrap;\n  margin: 10px 2px;\n  padding: 2px;\n  border: 2px solid #6366f1;\n  border-radius: 6px;\n  background: linear-gradient(135deg, rgba(255,255,255,0.9) 0%, rgba(247,249,252,0.8) 100%);\n  backdrop-filter: blur(8px);\n  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);\n  color: #2d3436;\n  font-weight: bold;\n  transition: all 0.3s ease;\n}\n\n.status-info:hover {\n  transform: translateY(-3px);\n  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.15);\n}\n\n.status-info > .time,\n.status-info > .weather,\n.status-info > .location {\n  flex: 1 1 0%;\n  padding: 10px 12px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  text-align: center;\n  font-weight: 700;\n  border-right: 2px solid rgba(99,102,241,0.2);\n  white-space: normal;\n  word-break: break-word;\n  transition: background 0.2s;\n}\n\n.status-info > .location:last-child {\n  border-right: none;\n}\n\n.status-info > .time:hover,\n.status-info > .weather:hover,\n.status-info > .location:hover {\n  background: rgba(99,102,241,0.05);\n  border-radius: 4px;\n}\n\n.status-info .time { color: #6366f1; }\n.status-info .weather { color: #2ecc71; }\n.status-info .location { color: #ff9f1c; }\n\n.status-info .time::before {\n  content: \"📅 \";\n  font-size: 1.2em;\n  margin-right: 6px;\n  line-height: 1;\n}\n.status-info .weather::before {\n  content: \"☀️ \";\n  font-size: 1.2em;\n  margin-right: 6px;\n  line-height: 1;\n}\n.status-info .location::before {\n  content: \"📍 \";\n  font-size: 1.2em;\n  margin-right: 6px;\n  line-height: 1;\n}\n\n/* 深色模式 · 青春霓虹变奏 */\n@media (prefers-color-scheme: dark) {\n  .status-info {\n    background: linear-gradient(135deg, rgba(45,52,54,0.9) 0%, rgba(30,35,40,0.85) 100%);\n    border-color: #a78bfa;\n    box-shadow: 0 4px 20px rgba(167,139,250,0.1);\n    color: #f7f9fc;\n  }\n\n  .status-info > .time,\n  .status-info > .weather,\n  .status-info > .location {\n    border-right-color: rgba(167,139,250,0.3);\n    color: #f7f9fc;\n  }\n\n  .status-info .time { color: #a78bfa; }\n  .status-info .weather { color: #6ee7b7; }\n  .status-info .location { color: #fbbf24; }\n\n  .status-info > .time:hover,\n  .status-info > .weather:hover,\n  .status-info > .location:hover {\n    background: rgba(167,139,250,0.1);\n  }\n\n  .status-info .time::before,\n  .status-info .weather::before,\n  .status-info .location::before {\n    opacity: 0.95;\n  }\n}\n\n/* 移动响应式 */\n@media (max-width: 768px) {\n  .status-info {\n    margin: 4px 0;\n    padding: 2px;\n    font-size: 0.9em;\n  }\n\n  .status-info > .time,\n  .status-info > .weather,\n  .status-info > .location {\n    padding: 6px 4px;\n    font-size: 0.9em;\n  }\n\n  .status-info .time::before,\n  .status-info .weather::before,\n  .status-info .location::before {\n    font-size: 1em;\n    margin-right: 4px;\n  }\n\n  .status-info {\n    flex-wrap: wrap;\n  }\n  .status-info > .time,\n  .status-info > .weather,\n  .status-info > .location {\n    flex: 1 1 auto;\n  }\n}\n\n/* 打印样式 */\n@media print {\n  .status-info {\n    background: white !important;\n    border: 2px solid #ccc !important;\n    box-shadow: none !important;\n    color: black !important;\n    page-break-inside: avoid;\n  }\n\n  .status-info > .time,\n  .status-info > .weather,\n  .status-info > .location {\n    border-right-color: #aaa !important;\n    color: black !important;\n  }\n\n  .status-info .time::before,\n  .status-info .weather::before,\n  .status-info .location::before {\n    color: black !important;\n    opacity: 1;\n  }\n}\n\n/* 角色卡片进度条 - 青春校园主题 */\n.role-status {\n    margin: 15px 0;\n    position: relative;\n    z-index: 2;\n}\n\n.label {\n    position: absolute;\n    left: 8px;\n    top: 50%;\n    transform: translateY(-50%);\n    font-weight: 700;\n    font-size: 0.75rem;\n    letter-spacing: 0.8px;\n    text-transform: uppercase;\n    z-index: 4;\n    background: rgba(0, 0, 0, 0.4);\n    padding: 2px;\n    box-shadow: \n        0 0 3px rgba(0, 0, 0, 0.6),\n        inset 0 0 5px rgba(255, 255, 255, 0.08);\n    border-radius: 3px;\n    font-family: 'Orbitron', 'Rajdhani', sans-serif;\n    text-shadow: 0 0 3px currentColor;\n}\n\n.hp .label {\n    color: #ff477e;\n    border-left-color: #ff477e;\n    background: rgba(20, 20, 20, 0.4);\n    box-shadow: \n        0 0 3px rgba(0, 0, 0, 0.6),\n        inset 0 0 5px rgba(255,71,126,0.25);\n}\n\n.mp .label {\n    color: #6366f1;\n    border-left-color: #6366f1;\n    background: rgba(20, 20, 20, 0.4);\n    box-shadow: \n        0 0 3px rgba(0, 0, 0, 0.6),\n        inset 0 0 5px rgba(99,102,241,0.25);\n}\n\n.st .label {\n    color: #ff9f1c;\n    border-left-color: #ff9f1c;\n    background: rgba(20, 20, 20, 0.4);\n    box-shadow: \n        0 0 3px rgba(0, 0, 0, 0.6),\n        inset 0 0 5px rgba(255,159,28,0.25);\n}\n\n.container {\n    height: 26px;\n    background: rgba(40, 40, 60, 0.7);\n    border: 1px solid rgba(255, 255, 255, 0.15);\n    border-radius: 4px;\n    position: relative;\n    overflow: hidden;\n    box-shadow: \n        inset 0 0 4px rgba(0, 0, 0, 0.9),\n        0 0 3px rgba(255, 255, 255, 0.1),\n        0 2px 4px rgba(0, 0, 0, 0.4);\n}\n\n.container::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background: linear-gradient(90deg,\n        transparent 0%,\n        rgba(255, 255, 255, 0.05) 50%,\n        transparent 100%);\n    animation: scan 2.5s linear infinite;\n    z-index: 1;\n}\n\n.fill {\n    height: 100%;\n    position: relative;\n    transition: width 1.5s cubic-bezier(0.34, 1.56, 0.64, 1);\n    width: calc(var(--progress-width, 75%));\n    max-width: 100%;\n    border-radius: 4px;\n}\n\n.hp .fill {\n    background: linear-gradient(90deg,\n        rgba(255,71,126,0.7),\n        #ff477e 40%,\n        #ff1a66 70%,\n        #ff477e 100%);\n    box-shadow: \n        0 0 5px rgba(255,71,126,0.6),\n        inset 0 0 8px rgba(255, 255, 255, 0.2);\n}\n\n.mp .fill {\n    background: linear-gradient(90deg,\n        rgba(99,102,241,0.7),\n        #6366f1 40%,\n        #4f52e0 70%,\n        #6366f1 100%);\n    box-shadow: \n        0 0 5px rgba(99,102,241,0.6),\n        inset 0 0 8px rgba(255, 255, 255, 0.2);\n}\n\n.st .fill {\n    background: linear-gradient(90deg,\n        rgba(255,159,28,0.7),\n        #ff9f1c 40%,\n        #ff8000 70%,\n        #ff9f1c 100%);\n    box-shadow: \n        0 0 5px rgba(255,159,28,0.6),\n        inset 0 0 8px rgba(255, 255, 255, 0.2);\n}\n\n.fill::after {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background: \n        linear-gradient(90deg, \n        transparent 0%, \n        rgba(255, 255, 255, 0.15) 50%, \n        transparent 100%);\n    animation: shimmer 2s infinite;\n    border-radius: 4px;\n}\n\n.value {\n    position: absolute;\n    right: 8px;\n    top: 50%;\n    transform: translateY(-50%);\n    color: #FFF;\n    font-weight: 800;\n    font-size: 0.75rem;\n    text-shadow: \n        0 0 3px rgba(0, 0, 0, 0.9),\n        1px 1px 2px rgba(0, 0, 0, 0.5);\n    z-index: 3;\n    padding: 2px 8px;\n    font-family: 'Orbitron', monospace;\n    letter-spacing: 0.5px;\n}\n\n/* 进度条低值变色 */\n.hp .value.low {\n    color: #FFCCCC;\n    background: rgba(255,30,102,0.4);\n    text-shadow: 0 0 5px rgba(255,30,102,0.8);\n}\n\n.mp .value.low {\n    color: #CCDDFF;\n    background: rgba(79,82,224,0.4);\n    text-shadow: 0 0 5px rgba(79,82,224,0.8);\n}\n\n.st .value.low {\n    color: #FFE0CC;\n    background: rgba(255,128,0,0.4);\n    text-shadow: 0 0 5px rgba(255,128,0,0.8);\n}\n\n/* 动画效果 */\n@keyframes scan {\n    0% {\n        transform: translateX(-100%);\n    }\n    100% {\n        transform: translateX(100%);\n    }\n}\n\n@keyframes shimmer {\n    0% {\n        transform: translateX(-100%);\n    }\n    100% {\n        transform: translateX(100%);\n    }\n}\n\n/* 低血量警告 */\n.hp .fill.low-hp {\n    animation: pulse 1.5s infinite;\n}\n\n@keyframes pulse {\n    0%, 100% {\n        opacity: 1;\n        box-shadow: \n            0 0 5px rgba(255,71,126,0.6),\n            inset 0 0 8px rgba(255, 255, 255, 0.2);\n    }\n    50% {\n        opacity: 0.7;\n        box-shadow: \n            0 0 8px rgba(255,71,126,0.8),\n            inset 0 0 10px rgba(255, 255, 255, 0.3);\n    }\n}\n\n.label, .value {\n    pointer-events: none;\n}\n\n@media (max-width: 768px) {\n    .container {\n        height: 22px;\n    }\n\n    .label {\n        font-size: 0.7rem;\n    }\n\n    .value {\n        font-size: 0.7rem;\n    }\n}\n\n/* ========== custom-details 样式（论坛风格 - 完全覆盖默认样式）========== */\n/* 重置所有默认 details 样式，使用更高优先级 */\n.custom-details,\n.custom-details[open],\n.custom-details:not([open]) {\n  all: initial; /* 重置所有属性 */\n  display: block;\n  margin: 0 0 15px 0;\n  border-radius: 0;\n  background: none;\n  border: none;\n  backdrop-filter: none;\n  box-shadow: none;\n  padding: 0;\n  overflow: visible;\n  color: inherit;\n}\n\n/* 重新设置必要的属性 */\n.custom-details {\n  display: block;\n  margin: 0 0 15px 0;\n}\n\n.custom-details summary {\n  all: initial; /* 重置 summary 的所有样式 */\n  cursor: pointer;\n  outline: none;\n  display: block;\n  list-style: none;\n  padding: 0;\n  margin: 0;\n  background: none;\n}\n\n.custom-details summary::-webkit-details-marker {\n  display: none;\n}\n\n/* 移除默认箭头 */\n.custom-details summary::after {\n  display: none !important;\n}\n\n.custom-details summary .summary-text {\n  all: initial; /* 重置内部文本样式 */\n  display: inline;\n}\n\n.custom-details summary h3 {\n  color: #333333;\n  margin: 0;\n  display: inline-block;\n  font-size: 20px;\n  font-weight: normal;\n  transition: color 0.2s;\n  background: none;\n  padding: 0;\n}\n\n.custom-details summary:hover h3 {\n  color: #b8960c;\n}\n\n/* 重置展开状态 */\n.custom-details[open] {\n  background: none;\n  backdrop-filter: none;\n  border: none;\n  box-shadow: none;\n  padding: 0;\n  margin: 0;\n}\n\n/* 重置内容区域 */\n.custom-details > *:not(summary) {\n  all: initial;\n  display: block;\n}\n\n.custom-details .details-content {\n  padding-top: 15px;\n  font-family: Arial, sans-serif;\n}\n\n/* 重置内部元素样式 */\n.custom-details p,\n.custom-details ul,\n.custom-details ol,\n.custom-details pre,\n.custom-details blockquote {\n  all: initial;\n  display: block;\n  margin-bottom: 15px;\n  line-height: 1.5;\n}\n\n.custom-details p {\n  display: block;\n  margin-bottom: 15px;\n  line-height: 1.5;\n}\n\n.custom-details li::before {\n  display: none;\n}\n\n.custom-details strong,\n.custom-details b {\n  color: inherit;\n  font-weight: bold;\n  text-shadow: none;\n}\n\n/* 确保论坛容器内的 custom-details 使用正确的字体 */\n.forum-post-container .custom-details,\n.forum-post-container .custom-details * {\n  font-family: Arial, sans-serif;\n}\n\n/* ========== 模拟论坛样式 - 浅色/深色模式自适应 ========== */\n\n/* 浅色模式（默认） */\n/* 主容器 */\n.forum-post-container {\n  background-color: #faf8f0;\n  border: 1px solid #e0d5b5;\n  padding: 20px;\n  font-family: Arial, sans-serif;\n  color: #333333;\n  max-width: 800px;\n  margin: auto;\n  width: 100%;\n  box-shadow: 0 5px 20px rgba(0,0,0,0.1);\n  border-radius: 0px;\n  transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease;\n}\n\n/* 头部区域 */\n.post-header-area {\n  border-bottom: 2px solid #b8960c;\n  margin-bottom: 15px;\n  padding-bottom: 10px;\n}\n\n.post-header-area h2 {\n  color: #b8960c;\n  margin: 0;\n  font-size: 24px;\n  font-weight: bold;\n}\n\n/* 发帖人信息行 */\n.post-meta {\n  font-size: 12px;\n  color: #888888;\n  margin-top: 0;\n  margin-bottom: 12px;\n}\n\n.post-meta .username {\n  color: #2c7cb6;\n  font-weight: bold;\n}\n\n/* 分割线 */\n.divider-light {\n  border: none;\n  border-top: 1px solid #e0d5b5;\n  margin: 15px 0;\n}\n\n.divider-gold {\n  border: none;\n  border-top: 2px solid #b8960c;\n  margin: 20px 0 10px;\n}\n\n/* 正文段落样式 */\n.post-text p {\n  margin-bottom: 15px;\n  line-height: 1.5;\n  color: #333333;\n}\n\n/* 图片容器 */\n.image-placeholder {\n  background: #f0ebd8;\n  padding: 10px;\n  border: 1px dashed #d4c9a8;\n  text-align: center;\n  margin: 15px 0;\n}\n\n.image-placeholder p {\n  margin: 0;\n  font-style: italic;\n  color: #666666;\n}\n\n/* 回复区块 */\n.replies-section {\n  background: #ffffff;\n  padding: 1px 15px;\n  margin-top: 15px;\n  font-size: 14px;\n  border-radius: 5px;\n  transition: background-color 0.3s ease;\n}\n\n.replies-section h4 {\n  color: #b8960c;\n  margin: 15px 0 10px 0;\n  font-size: 16px;\n}\n\n.reply-item {\n  border-top: 1px solid #e0d5b5;\n  padding: 10px 0;\n}\n\n.reply-item:first-of-type {\n  border-top: none;\n}\n\n.reply-author {\n  font-weight: bold;\n  margin: 0 0 5px 0;\n}\n\n.reply-author strong {\n  color: #333333;\n}\n\n.reply-like {\n  color: #888888;\n  font-size: 12px;\n  margin-left: 8px;\n}\n\n.reply-text {\n  margin: 5px 0 0 0;\n  line-height: 1.4;\n  color: #666666;\n}\n\n/* 保持强标记的样式一致性 */\n.forum-post-container strong, \n.forum-post-container b {\n  color: #333333;\n}\n\n/* ========== 深色模式 - 统一媒体查询 ========== */\n@media (prefers-color-scheme: dark) {\n  /* 主容器 */\n  .forum-post-container {\n    background-color: #2a2a2a;\n    border-color: #444444;\n    color: #e0e0e0;\n    box-shadow: 0 5px 20px rgba(0,0,0,0.5);\n  }\n\n  /* 头部区域 */\n  .post-header-area {\n    border-bottom-color: #d4af37;\n  }\n\n  .post-header-area h2 {\n    color: #d4af37;\n  }\n\n  /* custom-details 深色模式 */\n  .custom-details summary h3 {\n    color: #e0e0e0;\n  }\n\n  .custom-details summary:hover h3 {\n    color: #d4af37;\n  }\n\n  /* 发帖人信息行 */\n  .post-meta {\n    color: #888888;\n  }\n\n  .post-meta .username {\n    color: #5dade2;\n  }\n\n  /* 分割线 */\n  .divider-light {\n    border-top-color: #444444;\n  }\n\n  .divider-gold {\n    border-top-color: #d4af37;\n  }\n\n  /* 正文段落样式 */\n  .post-text p {\n    color: #e0e0e0;\n  }\n\n  /* 图片容器 */\n  .image-placeholder {\n    background: #1a1a1a;\n    border-color: #555555;\n  }\n\n  .image-placeholder p {\n    color: #aaaaaa;\n  }\n\n  /* 回复区块 */\n  .replies-section {\n    background: #333333;\n  }\n\n  .replies-section h4 {\n    color: #d4af37;\n  }\n\n  .reply-item {\n    border-top-color: #444444;\n  }\n\n  .reply-author strong {\n    color: #e0e0e0;\n  }\n\n  .reply-like {\n    color: #888888;\n  }\n\n  .reply-text {\n    color: #aaaaaa;\n  }\n\n  /* 强标记样式 */\n  .forum-post-container strong,\n  .forum-post-container b {\n    color: #e0e0e0;\n  }\n\n  /* custom-details 内部文本颜色 */\n  .forum-post-container .custom-details,\n  .forum-post-container .custom-details .details-content {\n    color: #e0e0e0;\n  }\n}\n\n/* ========== 小屏幕适配（768px及以下）- 优化字体大小，不改变边距 ========== */\n@media (max-width: 768px) {\n\n  .forum-post-container {\n    padding: 6px;\n  }\n  \n/* 分割线 */\n  .divider-light {\n    margin: 4px 0;\n  }\n\n  .divider-gold {\n    border: none;\n    margin: 6px 0 4px;\n  }\n\n  .post-header-area h2 {\n    font-size: 16px;\n  }\n\n  .custom-details summary h3 {\n    font-size: 14px;\n  }\n\n  .post-text p {\n    margin-bottom: 6px;  /* 原有边距调整，保持不变 */\n    font-size: 14px;\n  }\n\n  /* 发帖人信息行 */\n  .post-meta,\n  .post-meta .username {\n    font-size: 12px;\n  }\n\n  .replies-section {\n    padding: 1px 6px;\n    margin-top: 6px;\n  }\n\n  /* 回复区块标题 */\n  .replies-section h4 {\n    font-size: 14px;\n  }\n\n  .reply-item {\n    padding: 6px 0;\n  }\n\n  /* 回复者姓名 */\n  .reply-author {\n    font-size: 14px;\n    margin: 0 0 2px 0;\n  }\n\n  /* 回复内容正文 */\n  .reply-text {\n    font-size: 14px;\n  }\n\n  /* 点赞数等辅助信息 */\n  .reply-like {\n    font-size: 12px;\n  }\n\n  /* 图片占位符内文字 */\n  .image-placeholder p {\n    font-size: 12px;\n  }\n\n  /* custom-details 内部所有内容区域（确保折叠内容在移动端清晰可读） */\n  .custom-details > *:not(summary),\n  .custom-details .details-content,\n  .custom-details .details-content p,\n  .custom-details .details-content ul,\n  .custom-details .details-content li,\n  .custom-details .details-content blockquote,\n  .custom-details .details-content pre {\n    font-size: 14px;\n  }\n\n  /* 正文区域的其他块级元素（列表、引用、代码块等） */\n  .post-text ul,\n  .post-text ol,\n  .post-text blockquote,\n  .post-text pre {\n    font-size: 14px;\n  }\n}\n\n/* ========== 微信聊天界面样式 - 完整版 ========== */\n/* ---------- 全局重置 ---------- */\n.wechat-app,\n.wechat-app * {\nmargin: 0;\npadding: 0;\nbox-sizing: border-box;\n-webkit-tap-highlight-color: transparent;\n}\n\n.wechat-app {\nfont-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\nbackground-color: #f5f5f5;\nwidth: 100%;\nmax-width: 500px;\nmargin: 0 auto;\nborder-radius: 24px;\noverflow-y: auto;\noverflow-x: hidden;\nbox-shadow: 0 0 30px rgba(0, 0, 0, 0.1);\n}\n\n/* 自定义滚动条 */\n.wechat-app::-webkit-scrollbar {\nwidth: 4px;\n}\n.wechat-app::-webkit-scrollbar-track {\nbackground: transparent;\n}\n.wechat-app::-webkit-scrollbar-thumb {\nbackground: rgba(0,0,0,0.2);\nborder-radius: 4px;\n}\n\n/* ========== 完全重置 details.talk-list ========== */\n.talk-list,\n.talk-list[open],\n.talk-list:not([open]) {\nall: initial;\ndisplay: block;\nmargin: 0;\nborder-bottom: 0.5px solid #e5e5e5;\nbackground-color: #ffffff;\n}\n\n.talk-list font {\n    font-size: inherit !important;\n    color: inherit !important;\n}\n\n/* 重置 summary 默认样式 */\n.talk-list summary {\nall: initial;\ndisplay: flex;\nalign-items: center;\npadding: 12px 16px;\ncursor: pointer;\nlist-style: none;\nbackground-color: #ffffff;\ngap: 12px;\n}\n.talk-list summary::-webkit-details-marker {\ndisplay: none;\n}\n.talk-list summary:active {\nbackground-color: #f2f2f2;\n}\n\n/* 重置内部所有元素（为了彻底清除继承样式，再单独定义） */\n.talk-list * {\nall: initial;\n}\n\n/* ---------- 重新定义微信会话列表样式 ---------- */\n.talk-list summary {\ndisplay: flex !important;\nalign-items: center !important;\npadding: 12px 16px !important;\ngap: 12px !important;\n}\n\n.talk-list .talk-avatar {\nwidth: 48px;\nheight: 48px;\nborder-radius: 50%;\nbackground-color: #e5e5e5;\ndisplay: flex !important;\nalign-items: center;\njustify-content: center;\nflex-shrink: 0;\noverflow: hidden;\n}\n.talk-list .talk-avatar span {\nfont-size: 28px;\nline-height: 1;\ndisplay: inline-block;\n}\n\n.talk-list .talk-info {\nflex: 1;\nmin-width: 0;\ndisplay: block !important;\n}\n.talk-list .talk-name {\nfont-size: 17px;\nfont-weight: 500;\ncolor: #111111;\nline-height: 1.3;\nmargin-bottom: 4px;\ndisplay: block;\n}\n.talk-list .talk-preview {\nfont-size: 13px;\ncolor: #8e8e93;\nwhite-space: nowrap;\noverflow: hidden;\ntext-overflow: ellipsis;\ndisplay: block;\n}\n\n.talk-list .talk-meta {\ntext-align: right;\nflex-shrink: 0;\ndisplay: block !important;\n}\n.talk-list .talk-time {\nfont-size: 11px;\ncolor: #8e8e93;\nmargin-bottom: 6px;\nwhite-space: nowrap;\ndisplay: block;\n}\n.talk-list .talk-badge {\nbackground-color: #fa5151;\ncolor: #ffffff;\nfont-size: 11px;\nfont-weight: 500;\nmin-width: 18px;\nheight: 18px;\nborder-radius: 9px;\ndisplay: inline-flex;\nalign-items: center;\njustify-content: center;\npadding: 0 5px;\nline-height: 1;\n}\n\n/* ---------- 聊天记录区域（展开后） ---------- */\n.talk-list .chat-history {\ndisplay: none;\npadding: 12px 12px 20px 12px;\n}\n.talk-list[open] .chat-history {\ndisplay: block;\nborder-top: 0.5px solid #e5e5e5;\nbackground-color: #f5f5f5;\n}\n\n/* 聊天头部 */\n.talk-list .chat-header {\nbackground-color: #ffffff;\npadding: 8px 16px;\nborder-bottom: 0.5px solid #e5e5e5;\nmargin-bottom: 12px;\nborder-radius: 8px 8px 0 0;\n}\n.talk-list .chat-header h3 {\nmargin: 0;\nfont-size: 17px;\nfont-weight: 500;\ntext-align: center;\ncolor: #111111;\ndisplay: block;\n}\n\n/* 系统时间标签 */\n.talk-list .system-message {\ntext-align: center;\nmargin: 16px 0 20px 0;\ndisplay: block;\n}\n.talk-list .time-tag {\nbackground-color: rgba(0, 0, 0, 0.06);\ndisplay: inline-block;\npadding: 4px 12px;\nborder-radius: 16px;\nfont-size: 11px;\ncolor: #5e5e60;\nletter-spacing: 0.2px;\n}\n\n/* 消息行 */\n.talk-list .message-row {\ndisplay: flex;\nmargin-bottom: 16px;\nalign-items: flex-start;\ngap: 8px;\n}\n.talk-list .message-left {\njustify-content: flex-start;\n}\n.talk-list .message-right {\njustify-content: flex-end;\n}\n\n/* 聊天气泡内头像 */\n.talk-list .message-avatar {\nwidth: 40px;\nheight: 40px;\nborder-radius: 50%;\nbackground-color: #c4c4c4;\ndisplay: flex;\nalign-items: center;\njustify-content: center;\nflex-shrink: 0;\n}\n.talk-list .message-avatar span {\nfont-size: 22px;\nline-height: 1;\ndisplay: inline-block;\n}\n\n.talk-list .message-content {\nmax-width: 70%;\ndisplay: flex;\nflex-direction: column;\n}\n\n/* 气泡——真实微信风格 */\n.talk-list .message-bubble {\npadding: 9px 12px;\nfont-size: 16px;\nline-height: 1.45;\nword-wrap: break-word;\nword-break: break-word;\nposition: relative;\n}\n/* 对方气泡（白色） */\n.talk-list .message-left .message-bubble {\nbackground-color: #ffffff;\ncolor: #111111;\nborder-radius: 18px 18px 18px 4px;\nbox-shadow: 0 1px 0.5px rgba(0, 0, 0, 0.05);\n}\n/* 我的气泡（微信绿） */\n.talk-list .message-right .message-bubble {\nbackground-color: #d9f0e3;\ncolor: #111111;\nborder-radius: 18px 18px 4px 18px;\n}\n\n/* 消息元数据（时间、状态） */\n.talk-list .message-meta {\nfont-size: 10px;\ncolor: #8e8e93;\nmargin-top: 4px;\ndisplay: flex;\ngap: 6px;\nalign-items: center;\n}\n.talk-list .message-left .message-meta {\njustify-content: flex-start;\npadding-left: 4px;\n}\n.talk-list .message-right .message-meta {\njustify-content: flex-end;\npadding-right: 4px;\n}\n.talk-list .message-status {\nfont-size: 10px;\nletter-spacing: -0.5px;\ndisplay: inline-block;\n}\n\n/* 图片消息 */\n.talk-list .image-message {\nmax-width: 200px;\nmax-height: 200px;\nborder-radius: 12px;\noverflow: hidden;\nbackground-color: #e5e5e5;\n}\n.talk-list .image-message img {\nwidth: 100%;\nheight: auto;\ndisplay: block;\nobject-fit: cover;\n}\n\n/* 引用消息（可选） */\n.talk-list .quote-message {\nbackground-color: rgba(0, 0, 0, 0.04);\nborder-left: 3px solid #c4c4c4;\npadding: 6px 8px;\nmargin-bottom: 6px;\nborder-radius: 6px;\nfont-size: 13px;\ncolor: #6c6c70;\nword-break: break-all;\n}\n\n/* ========== 深色模式（完全匹配微信） ========== */\n@media (prefers-color-scheme: dark) {\n.wechat-app {\nbackground-color: #111111;\n}\n.talk-list,\n.talk-list[open],\n.talk-list:not([open]) {\nbackground-color: #1f1f1f;\nborder-bottom-color: #2c2c2e;\n}\n.talk-list summary {\nbackground-color: #1f1f1f;\n}\n.talk-list summary:active {\nbackground-color: #2c2c2e;\n}\n.talk-list .talk-name {\ncolor: #ffffff;\n}\n.talk-list .talk-preview {\ncolor: #8e8e93;\n}\n.talk-list .talk-time {\ncolor: #636366;\n}\n.talk-list[open] .chat-history {\nbackground-color: #111111;\nborder-top-color: #2c2c2e;\n}\n.talk-list .chat-header {\nbackground-color: #1f1f1f;\nborder-bottom-color: #2c2c2e;\n}\n.talk-list .chat-header h3 {\ncolor: #ffffff;\n}\n.talk-list .time-tag {\nbackground-color: rgba(255, 255, 255, 0.1);\ncolor: #98989e;\n}\n/* 对方气泡深色 */\n.talk-list .message-left .message-bubble {\nbackground-color: #2c2c2e;\ncolor: #ffffff;\nbox-shadow: none;\n}\n/* 我的气泡深色 */\n.talk-list .message-right .message-bubble {\nbackground-color: #1f6e43;\ncolor: #ffffff;\n}\n.talk-list .message-meta {\ncolor: #636366;\n}\n.talk-list .quote-message {\nbackground-color: rgba(255, 255, 255, 0.06);\nborder-left-color: #636366;\ncolor: #aeaeb2;\n}\n.talk-list .image-message {\nbackground-color: #3a3a3c;\n}\n.talk-list .talk-badge {\nbackground-color: #fa5151;\n}\n}\n\n/* ========== 移动端适配 ========== */\n@media (max-width: 768px) {\n.wechat-app {\nmax-width: 100%;\nborder-radius: 0;\nheight: 50vh;\n}\n.talk-list summary {\npadding: 6px 8px;\n}\n.talk-list .talk-avatar {\nwidth: 32px;\nheight: 32px;\n}\n.talk-list .talk-name {\nfont-size: 12px;\n}\n.talk-list .talk-time {\nfont-size: 9px;\n}\n.talk-list .talk-preview {\nfont-size: 12.5px;\n}\n.talk-list .message-content {\nmax-width: 80%;\n}\n.talk-list .message-bubble {\nfont-size: 12px;\npadding: 2px 3px;\n}\n/* 对方气泡（白色） */\n.talk-list .message-left .message-bubble {\nborder-radius: 6px 6px 6px 2px;\n}\n/* 我的气泡（微信绿） */\n.talk-list .message-right .message-bubble {\nborder-radius: 6px 6px 2px 6px;\n}\n.message-avatar {\nwidth: 32px;\nheight: 32px;\n}\n.talk-list .image-message {\nmax-width: 160px;\nmax-height: 160px;\n}\n.talk-list .chat-header {\npadding: 4px 8px;\nmargin-bottom: 6px;\nborder-radius: 4px 4px 0 0;\n}\n.talk-list .chat-header h3 {\nfont-size: 12px;\n}\n.message-meta span {\nfont-size: 8px;\ngap: 2px;\n}\n}\n\n/* ======对话行容器====== */\n.npc-talk,\n.my-talk {\n    display: flex;\n    align-items: flex-start;\n    gap: 10px;\n    margin-bottom: 24px;\n    max-width: 100%;\n}\n\n.npc-talk {\n    flex-direction: row !important;\n}\n\n.my-talk {\n    flex-direction: row-reverse !important;\n}\n\n/* ======姓名框 · 黏土效果====== */\n.npc-name,\n.my-name {\n    flex-shrink: 0;\n    padding: 6px 18px;\n    font-weight: 700;\n    font-size: 1.15em;\n    letter-spacing: 0.3px;\n    line-height: 1.4;\n    margin-top: 1px;\n    max-width: 80px; \n    word-break: break-all;\n    border: none;\n    border-radius: 14px;\n    color: #ffffff;\n\n    /* 黏土多层阴影 */\n    box-shadow:\n        0 4px 0 rgba(0, 0, 0, 0.15),\n        0 6px 12px rgba(0, 0, 0, 0.08),\n        inset 0 -3px 6px rgba(0, 0, 0, 0.06),\n        inset 0 2px 8px rgba(255, 255, 255, 0.25);\n\n    transform: translateY(-2px);\n    transition: transform 0.15s ease, box-shadow 0.15s ease;\n    cursor: default;\n    user-select: none;\n}\n\n.npc-name:hover,\n.my-name:hover {\n    transform: translateY(-4px);\n    box-shadow:\n        0 6px 0 rgba(0, 0, 0, 0.12),\n        0 10px 20px rgba(0, 0, 0, 0.06),\n        inset 0 -3px 6px rgba(0, 0, 0, 0.04),\n        inset 0 2px 8px rgba(255, 255, 255, 0.30);\n}\n\n.npc-name:active,\n.my-name:active {\n    transform: translateY(2px);\n    box-shadow:\n        0 2px 0 rgba(0, 0, 0, 0.18),\n        0 4px 8px rgba(0, 0, 0, 0.06),\n        inset 0 2px 4px rgba(0, 0, 0, 0.10),\n        inset 0 -1px 4px rgba(255, 255, 255, 0.10);\n    transition-duration: 0.06s;\n}\n\n/* ---- NPC 姓名框 · 深粉色（对应浅粉气泡） ---- */\n.npc-name {\n    background: radial-gradient(circle at 30% 25%,\n            rgba(255, 255, 255, 0.15) 0%,\n            transparent 70%),\n        #b34a4a;\n    /* 主色：深粉色，与气泡阴影呼应 */\n    box-shadow:\n        0 4px 0 #7a2e2e,\n        /* 更深粉色做厚度 */\n        0 6px 12px rgba(0, 0, 0, 0.08),\n        inset 0 -3px 6px rgba(0, 0, 0, 0.08),\n        inset 0 2px 8px rgba(255, 255, 255, 0.20);\n}\n.npc-name:hover {\n    box-shadow:\n        0 6px 0 #7a2e2e,\n        0 10px 20px rgba(0, 0, 0, 0.06),\n        inset 0 -3px 6px rgba(0, 0, 0, 0.06),\n        inset 0 2px 8px rgba(255, 255, 255, 0.28);\n}\n.npc-name:active {\n    box-shadow:\n        0 2px 0 #7a2e2e,\n        0 4px 8px rgba(0, 0, 0, 0.06),\n        inset 0 2px 4px rgba(0, 0, 0, 0.12),\n        inset 0 -1px 4px rgba(255, 255, 255, 0.08);\n}\n\n/* ---- 用户姓名框 · 深蓝色（对应浅蓝气泡） ---- */\n.my-name {\n    background: radial-gradient(circle at 30% 25%,\n            rgba(255, 255, 255, 0.15) 0%,\n            transparent 70%),\n        #2d5a8a;\n    /* 主色：深蓝色，与气泡阴影呼应 */\n    box-shadow:\n        0 4px 0 #1a3f5a,\n        /* 更深蓝色做厚度 */\n        0 6px 12px rgba(0, 0, 0, 0.08),\n        inset 0 -3px 6px rgba(0, 0, 0, 0.08),\n        inset 0 2px 8px rgba(255, 255, 255, 0.20);\n}\n.my-name:hover {\n    box-shadow:\n        0 6px 0 #1a3f5a,\n        0 10px 20px rgba(0, 0, 0, 0.06),\n        inset 0 -3px 6px rgba(0, 0, 0, 0.06),\n        inset 0 2px 8px rgba(255, 255, 255, 0.28);\n}\n.my-name:active {\n    box-shadow:\n        0 2px 0 #1a3f5a,\n        0 4px 8px rgba(0, 0, 0, 0.06),\n        inset 0 2px 4px rgba(0, 0, 0, 0.12),\n        inset 0 -1px 4px rgba(255, 255, 255, 0.08);\n}\n\n/* ======对话气泡（护眼配色）====== */\n.talk-word {\n    flex: 1;\n    min-width: 0;\n    padding: 10px 16px;\n    border: 2px solid;\n    border-radius: 8px;\n    word-wrap: break-word;\n    line-height: 1.6;\n    font-size: 1em;\n    position: relative;\n}\n\n/* ---- NPC 气泡 · 护眼浅粉色 ---- */\n.npc-talk .talk-word {\n    border-color: #d99e9e;\n    background-color: #fce8e8;\n    box-shadow: -6px 6px 0 0 #b34a4a;\n}\n\n/* ---- 用户气泡 · 护眼浅蓝色 ---- */\n.my-talk .talk-word {\n    border-color: #7ba9c9;\n    background-color: #dceaf7;\n    box-shadow: 6px 6px 0 0 #2d5a8a;\n}\n\n/* ======三角形（指向姓名框）====== */\n\n/* ---- NPC：左侧 ---- */\n.npc-talk .talk-word::before,\n.npc-talk .talk-word::after {\n    content: '';\n    position: absolute;\n    left: -8px;\n    top: 14px;\n    width: 0;\n    height: 0;\n    border-style: solid;\n}\n.npc-talk .talk-word::before {\n    border-width: 6px 8px 6px 0;\n    border-color: transparent #d99e9e transparent transparent;\n    filter: drop-shadow(-2px 2px 0 rgba(179, 74, 74, 0.15));\n}\n.npc-talk .talk-word::after {\n    left: -5px;\n    border-width: 5px 7px 5px 0;\n    border-color: transparent #fce8e8 transparent transparent;\n}\n\n/* ---- 用户：右侧 ---- */\n.my-talk .talk-word::before,\n.my-talk .talk-word::after {\n    content: '';\n    position: absolute;\n    right: -8px;\n    top: 14px;\n    width: 0;\n    height: 0;\n    border-style: solid;\n}\n.my-talk .talk-word::before {\n    border-width: 6px 0 6px 8px;\n    border-color: transparent transparent transparent #7ba9c9;\n    filter: drop-shadow(2px 2px 0 rgba(45, 90, 138, 0.15));\n}\n.my-talk .talk-word::after {\n    right: -5px;\n    border-width: 5px 0 5px 7px;\n    border-color: transparent transparent transparent #dceaf7;\n}\n\n/* ======深色模式 - 改为 .dark 前缀 ====== */\n.dark body {\n  background: #1a1e24;\n}\n\n.dark .npc-name {\n  background: radial-gradient(circle at 30% 25%,\n          rgba(255, 255, 255, 0.08) 0%,\n          transparent 70%),\n      #7a3a3a;\n  /* 深粉色 */\n  box-shadow:\n      0 4px 0 #4a1a1a,\n      0 6px 12px rgba(0, 0, 0, 0.25),\n      inset 0 -3px 6px rgba(0, 0, 0, 0.15),\n      inset 0 2px 8px rgba(255, 255, 255, 0.08);\n  color: #e8edf5;\n}\n.dark .npc-name:hover {\n  box-shadow:\n      0 6px 0 #4a1a1a,\n      0 10px 20px rgba(0, 0, 0, 0.20),\n      inset 0 -3px 6px rgba(0, 0, 0, 0.12),\n      inset 0 2px 8px rgba(255, 255, 255, 0.12);\n}\n.dark .npc-name:active {\n  box-shadow:\n      0 2px 0 #4a1a1a,\n      0 4px 8px rgba(0, 0, 0, 0.20),\n      inset 0 2px 4px rgba(0, 0, 0, 0.18),\n      inset 0 -1px 4px rgba(255, 255, 255, 0.04);\n}\n\n.dark .my-name {\n  background: radial-gradient(circle at 30% 25%,\n          rgba(255, 255, 255, 0.08) 0%,\n          transparent 70%),\n      #1a3f5a;\n  /* 深蓝色 */\n  box-shadow:\n      0 4px 0 #0a1f2a,\n      0 6px 12px rgba(0, 0, 0, 0.25),\n      inset 0 -3px 6px rgba(0, 0, 0, 0.15),\n      inset 0 2px 8px rgba(255, 255, 255, 0.08);\n  color: #e8edf5;\n}\n.dark .my-name:hover {\n  box-shadow:\n      0 6px 0 #0a1f2a,\n      0 10px 20px rgba(0, 0, 0, 0.20),\n      inset 0 -3px 6px rgba(0, 0, 0, 0.12),\n      inset 0 2px 8px rgba(255, 255, 255, 0.12);\n}\n.dark .my-name:active {\n  box-shadow:\n      0 2px 0 #0a1f2a,\n      0 4px 8px rgba(0, 0, 0, 0.20),\n      inset 0 2px 4px rgba(0, 0, 0, 0.18),\n      inset 0 -1px 4px rgba(255, 255, 255, 0.04);\n}\n\n.dark .npc-talk .talk-word {\n  border-color: #8a4a4a;\n  background-color: #2a1a1a;\n  color: #e0e4ec;\n  box-shadow: -6px 6px 0 0 #4a2a2a;\n}\n.dark .my-talk .talk-word {\n  border-color: #4a7a9a;\n  background-color: #1a2a3a;\n  color: #e0e4ec;\n  box-shadow: 6px 6px 0 0 #1a3a4a;\n}\n\n.dark .npc-talk .talk-word::before {\n  border-color: transparent #8a4a4a transparent transparent;\n  filter: drop-shadow(-2px 2px 0 rgba(74, 42, 42, 0.3));\n}\n.dark .npc-talk .talk-word::after {\n  border-color: transparent #2a1a1a transparent transparent;\n}\n.dark .my-talk .talk-word::before {\n  border-color: transparent transparent transparent #4a7a9a;\n  filter: drop-shadow(2px 2px 0 rgba(26, 58, 74, 0.3));\n}\n.dark .my-talk .talk-word::after {\n  border-color: transparent transparent transparent #1a2a3a;\n}\n\n/* ======小屏幕适配 (≤768px)====== */\n@media (max-width: 768px) {\n    .npc-talk,\n    .my-talk {\n        gap: 8px;\n        margin-bottom: 18px;\n    }\n\n    .npc-name,\n    .my-name {\n        font-size: 0.95em;\n        padding: 2px 10px;\n        border-radius: 12px;\n        margin-top: 0;\n        transform: translateY(-1px);\n        box-shadow:\n            0 3px 0 rgba(0, 0, 0, 0.15),\n            0 4px 10px rgba(0, 0, 0, 0.06),\n            inset 0 -2px 4px rgba(0, 0, 0, 0.06),\n            inset 0 2px 6px rgba(255, 255, 255, 0.20);\n    }\n    .npc-name:hover,\n    .my-name:hover {\n        transform: translateY(-2px);\n        box-shadow:\n            0 4px 0 rgba(0, 0, 0, 0.12),\n            0 8px 16px rgba(0, 0, 0, 0.05),\n            inset 0 -2px 4px rgba(0, 0, 0, 0.04),\n            inset 0 2px 6px rgba(255, 255, 255, 0.25);\n    }\n    .npc-name:active,\n    .my-name:active {\n        transform: translateY(2px);\n        box-shadow:\n            0 1px 0 rgba(0, 0, 0, 0.18),\n            0 3px 6px rgba(0, 0, 0, 0.05),\n            inset 0 2px 4px rgba(0, 0, 0, 0.10),\n            inset 0 -1px 4px rgba(255, 255, 255, 0.08);\n    }\n\n    .talk-word {\n        padding: 8px 12px;\n        font-size: 0.95em;\n        border-width: 1.5px;\n        border-radius: 6px;\n    }\n\n    .npc-talk .talk-word::before,\n    .npc-talk .talk-word::after {\n        top: 12px;\n        left: -7px;\n    }\n    .npc-talk .talk-word::before {\n        border-width: 5px 7px 5px 0;\n    }\n    .npc-talk .talk-word::after {\n        left: -4px;\n        border-width: 4px 6px 4px 0;\n    }\n\n    .my-talk .talk-word::before,\n    .my-talk .talk-word::after {\n        top: 12px;\n        right: -7px;\n    }\n    .my-talk .talk-word::before {\n        border-width: 5px 0 5px 7px;\n    }\n    .my-talk .talk-word::after {\n        right: -4px;\n        border-width: 4px 0 4px 6px;\n    }\n\n    .npc-talk .talk-word {\n        box-shadow: -4px 4px 0 0 #b34a4a;\n    }\n    .my-talk .talk-word {\n        box-shadow: 4px 4px 0 0 #2d5a8a;\n    }\n    /* 深色模式小屏幕适配 - 使用 .dark 前缀 */\n    .dark .npc-talk .talk-word {\n        box-shadow: -4px 4px 0 0 #4a2a2a;\n    }\n    .dark .my-talk .talk-word {\n        box-shadow: 4px 4px 0 0 #1a3a4a;\n    }\n    .dark .npc-name {\n        box-shadow:\n            0 3px 0 #4a1a1a,\n            0 4px 10px rgba(0, 0, 0, 0.25),\n            inset 0 -2px 4px rgba(0, 0, 0, 0.15),\n            inset 0 2px 6px rgba(255, 255, 255, 0.06);\n    }\n    .dark .my-name {\n        box-shadow:\n            0 3px 0 #0a1f2a,\n            0 4px 10px rgba(0, 0, 0, 0.25),\n            inset 0 -2px 4px rgba(0, 0, 0, 0.15),\n            inset 0 2px 6px rgba(255, 255, 255, 0.06);\n    }\n}","options":{"items":[{"order":0,"label":"❤️","type":"SET-INPUT","value":"❤️"},{"order":1,"label":"论坛","type":"SET-INPUT","value":"【查看征服者论坛】"},{"order":2,"label":"聊天","type":"SET-INPUT","value":"【显示聊天界面】"}]},"language":"zh","containsNSFW":true,"publicAccess":true,"deletedAt":null,"isAnonymous":false,"enableSafeguard":true,"defaultModelSettings":null,"totalConversations":1464,"totalMessages":17457,"totalCreditsUsed":24582414,"totalTokensUsed":727561161,"totalPlayedUsers":270,"deeplyPlayed":173,"fixedPromptLength":7874,"lorebookLength":27461,"author":{"id":"lAgyOY957kxlq7BGiA4uEJT41Y1Uuzis","name":"dadsaysnoplay","displayUsername":"momsaysnoplay","username":"momsaysnoplay"},"cardsTags":[{"tag":{"name":"校园","cardsCount":424}},{"tag":{"name":"自定义","cardsCount":338}},{"tag":{"name":"已破甲","cardsCount":2205}},{"tag":{"name":"可剧情可涩涩","cardsCount":2459}},{"tag":{"name":"多角色","cardsCount":1110}},{"tag":{"name":"可NTL","cardsCount":37}},{"tag":{"name":"可ntr可纯爱","cardsCount":244}},{"tag":{"name":"男性向R18","cardsCount":60}}],"cardsVoices":[],"prompt":null,"promptSizeBytes":null}