{"id":"53677d30-b432-46b0-b524-293b08bf8874","authorId":"hOtoYZ4DEnXCBgiVuqoq3HHYFjom7BPx","title":"❤️✨憧魔大世界✨❤️——憧憬・反派 & 物语！","description":"🔥【N0.1：低消耗，大制作，高还原（固设这么多是因为html美化代码的原因）】\n⭐【N0.2：超超超详细人物创建，无论扮演同人角色还是直接原创都OK】\n💎【N0.3：极高自由度，完全无系统限制在这里你可以干任何事】\n❤️【N0.4：情感三象限+情绪矩阵+性癖觉醒，特殊规则包有趣】\n🔮【N0.END： 变身系女主角！全是神！！】\n本卡将会在6.17与风月发布参加5战，若玩的开心，还请去支持一下，拜托了欧内该OP2❤️\n\n✒️更新：\n【7.24】优化了记忆区\n\n# 正经简介：\n😇爱与正义的魔法少女——特雷斯玛吉纳\n👿恶与支配的反派组织——艾诺鲁秘达\n这是一个魔法少女真实存在的世界。\n电视台会插播魔物来袭的紧急避难通知，报纸上偶尔有魔法少女击败巨型怪人的报道。魔法少女的存在早已融入日常，如同天气预报般理所当然。\n品红/硫磺/碧蓝\n人们憧憬着这些魔法\n而某一天...\n\n# 作者的碎碎念：html好难做啊...果然带黄色的克劳德sama就无法生成了吗？keso啊，不过最后还是我技高一筹...话说这个风格真的能算仿官方吗？￥%%@。算了，写完之后休息两天更新神人系列第3弹《史上最强牛头人vs现代最强牛头人！》（大概，也可能更其他的比如斩服少女（因为htmlcss风格简单））...瑶瑶无期啊。第0弹的css牢y也没有准信，我nmd一年前就已经吧图片和提示词搞完了啊！耍我呢Koran！￥……*%&￥（总而言之，玩的开心：]）","background":"pmuvixbyqnrz87ak22705ra2.webp","backgroundWidth":2400,"backgroundHeight":1800,"cover":"id6ykptvlcurcvi4rzh3yk0n.webp","coverWidth":2400,"coverHeight":1800,"introPage":"f5u7dgdaecgx37dhh6qauktr.html","changelog":"","createdAt":"2026-06-15T12:12:13.582Z","updatedAt":"2026-07-27T04:31:20.903Z","initPublicAt":"2026-06-15T12:13:21.545Z","renderTemplate":null,"assistantRegexReplace":null,"enableMemorySchema":false,"memorySchema":null,"injectStyles":"/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━\n   ✦ Magia Cupita · Unified CSS · v2.0 Final\n   一体化文件:平台外壳 + v4.1 内容卡片 + 双主题联动\n\n   ▸ 平台外壳(顶栏/按钮/输入框/评论区/分页)\n   ▸ <ai> 内容卡片(故事/思维链/PC/NPC/记忆等)\n   ▸ 白天主题:粉樱花调\n   ▸ 夜晚主题:深紫星河调(随系统 prefers-color-scheme 自动切换)\n   ▸ 动态纹理:顶栏漂浮粒子 + 扫光 + 输入框呼吸\n   ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */\n\n\n/* ╔════════════════════════════════════════════════════╗\n   ║                                                    ║\n   ║   PART A · <ai> 内容卡片样式                         ║\n   ║   (原 v4.1 完整内容,粉调白天 + 深紫夜晚)            ║\n   ║                                                    ║\n   ╚════════════════════════════════════════════════════╝ */\n\n/* ========== A1. 设计令牌(粉调白天) ========== */\nai {\n  /* —— 底色系统:粉樱花奶白 —— */\n  --bg:           #FFF5F7;\n  --bg-card:     #FFFCF6;\n  --bg-card-2:   #FCF0F2;\n  --bg-inset:    #F8E5EA;\n  --bg-cream:    #FFF8E8;\n  --bg-night:    #1F1834;\n\n  /* —— 文字色:深酒红系 —— */\n  --text:        #5C2A48;\n  --text-soft:   #8A4F70;\n  --text-mute:   #B58FA0;\n  --text-light:  #FFF;\n\n  /* —— 主题色:糖果点缀 —— */\n  --c-pink:      #E589B5;\n  --c-pink-2:    #F4B3CE;\n  --c-blue:      #7FB8D4;\n  --c-blue-2:    #A8D2E5;\n  --c-yellow:    #E5BD5E;\n  --c-yellow-2: #F2D88E;\n  --c-purple:    #9B7FC4;\n  --c-purple-2: #BDA8DA;\n  --c-magenta:   #D85A8B;\n  --c-mint:      #88C9A8;\n\n  /* —— 强调色 —— */\n  --accent:      #D85A8B;\n  --accent-warm: #E59D3D;\n\n  /* —— 线条 —— */\n  --line:         rgba(216, 90, 139, 0.12);\n  --line-strong: rgba(216, 90, 139, 0.22);\n  --line-dash:   rgba(216, 90, 139, 0.28);\n\n  /* —— 阴影 —— */\n  --sh-1: 0 1px 2px rgba(216, 90, 139, 0.06),\n          0 4px 12px rgba(216, 90, 139, 0.08);\n  --sh-2: 0 2px 4px rgba(216, 90, 139, 0.06),\n          0 10px 24px rgba(216, 90, 139, 0.10),\n          0 20px 44px rgba(82, 65, 110, 0.06);\n  --sh-3: 0 4px 8px rgba(216, 90, 139, 0.08),\n          0 16px 36px rgba(216, 90, 139, 0.12),\n          0 32px 64px rgba(82, 65, 110, 0.08);\n  --sh-in:  inset 0 1px 0 rgba(255, 255, 255, 0.72);\n\n  /* —— 字体 —— */\n  --ff-title: \"Mochiy Pop One\", \"ZCOOL KuaiLe\", \"PingFang SC\",\n              \"Microsoft YaHei\", system-ui, sans-serif;\n  --ff-body:  \"Noto Sans SC\", -apple-system, BlinkMacSystemFont,\n              \"PingFang SC\", \"Microsoft YaHei\", sans-serif;\n  --ff-mono:  \"Cascadia Code\", \"JetBrains Mono\", \"Fira Code\",\n              \"Consolas\", monospace;\n\n  /* —— 圆角 —— */\n  --r-sm: 10px;\n  --r-md: 14px;\n  --r-lg: 18px;\n  --r-xl: 24px;\n\n  /* —— 间距 —— */\n  --s-1: 4px;\n  --s-2: 8px;\n  --s-3: 12px;\n  --s-4: 16px;\n  --s-5: 24px;\n  --s-6: 32px;\n  --s-7: 48px;\n\n  /* —— 过渡 —— */\n  --ease:   cubic-bezier(0.32, 0.72, 0.24, 1.00);\n  --bounce: cubic-bezier(0.34, 1.42, 0.64, 1.00);\n\n  /* —— SVG 装饰 —— */\n  --svg-star: url(\"data:image/svg+xml,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23E5BD5E' d='M10 0 L11 9 L20 10 L11 11 L10 20 L9 11 L0 10 L9 9 Z'/%3E%3C/svg%3E\");\n  --svg-sparkle: url(\"data:image/svg+xml,%3Csvg viewBox='0 0 12 12' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23FFF' d='M6 0 L7 5 L12 6 L7 7 L6 12 L5 7 L0 6 L5 5 Z'/%3E%3C/svg%3E\");\n}\n\n/* ========== A2. 基础与全局 ========== */\nai {\n  display: block;\n  max-width: 100%;\n  margin: 0;\n  padding: var(--s-5);\n\n  font-family: var(--ff-body);\n  font-size: 15px;\n  line-height: 1.85;\n  letter-spacing: 0.012em;\n  color: var(--text);\n\n  background:\n    radial-gradient(circle at 10% 4%, rgba(229, 137, 181, 0.08) 0 18%, transparent 38%),\n    radial-gradient(circle at 92% 8%, rgba(127, 184, 212, 0.06) 0 16%, transparent 36%),\n    radial-gradient(circle at 50% 110%, rgba(155, 127, 196, 0.05) 0 28%, transparent 50%),\n    var(--bg);\n\n  position: relative;\n  overflow-x: hidden;\n  scroll-behavior: smooth;\n  font-feature-settings: \"palt\" 1;\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n\n  transition: background-color 0.4s ease, color 0.4s ease;\n}\n\nai *,\nai *::before,\nai *::after {\n  box-sizing: border-box;\n  margin: 0;\n  padding: 0;\n}\n\nai * {\n  word-wrap: break-word;\n  overflow-wrap: anywhere;\n  scrollbar-width: thin;\n  scrollbar-color: var(--c-pink) rgba(216, 90, 139, 0.08);\n}\n\nai *::before,\nai *::after { pointer-events: none; }\n\nai summary,\nai button,\nai a,\nai input,\nai select,\nai textarea { pointer-events: auto; }\n\n/* —— 标题 —— */\nai h4, ai h5 {\n  font-family: var(--ff-title);\n  font-weight: 700;\n  letter-spacing: 0.02em;\n  margin-bottom: var(--s-2);\n  color: var(--text);\n}\n\nai h4 { font-size: 15.5px; }\nai h5 { font-size: 14px; color: var(--text-soft); }\n\n/* —— 段落 —— */\nai p {\n  margin-bottom: var(--s-4);\n  max-width: 65ch;\n}\n\n/* —— 列表 —— */\nai ul { list-style: none; padding-left: 0; }\n\nai li {\n  position: relative;\n  padding-left: 22px;\n  margin-bottom: var(--s-2);\n  line-height: 1.78;\n}\n\nai li::before {\n  content: \"\";\n  position: absolute;\n  left: 2px;\n  top: 0.62em;\n  width: 10px;\n  height: 10px;\n  background: var(--c-yellow);\n  clip-path: polygon(50% 0%, 61% 35%, 98% 35%, 68% 57%,\n                     79% 91%, 50% 70%, 21% 91%, 32% 57%,\n                     2% 35%, 39% 35%);\n  opacity: 0.88;\n}\n\n/* —— 代码 —— */\nai pre, ai code {\n  font-family: var(--ff-mono);\n  font-size: 0.88em;\n  white-space: pre-wrap;\n}\n\nai code {\n  padding: 0.12em 0.45em;\n  background: rgba(216, 90, 139, 0.10);\n  border-radius: 5px;\n  color: var(--c-magenta);\n}\n\nai pre {\n  background: var(--bg-inset);\n  border: 1px solid var(--line);\n  border-radius: var(--r-sm);\n  padding: var(--s-4);\n  overflow-x: auto;\n}\n\n/* —— 链接 —— */\nai a {\n  color: var(--accent);\n  text-decoration: none;\n  border-bottom: 1px dashed rgba(216, 90, 139, 0.42);\n  transition: color 0.25s var(--ease),\n              border-color 0.25s var(--ease);\n}\n\nai a:hover {\n  color: #C24578;\n  border-bottom-style: solid;\n}\n\n/* —— 图片 —— */\nai img {\n  max-width: 100%;\n  height: auto;\n  border-radius: var(--r-sm);\n  box-shadow: var(--sh-1);\n}\n\n/* —— 引用 —— */\nai blockquote {\n  border-left: 3px solid var(--c-magenta);\n  background: rgba(216, 90, 139, 0.06);\n  padding: var(--s-4) var(--s-5);\n  margin: var(--s-4) 0;\n  border-radius: 0 var(--r-sm) var(--r-sm) 0;\n  color: var(--text-soft);\n  font-style: italic;\n}\n\n/* —— 分隔线 —— */\nai hr {\n  border: none;\n  height: 1px;\n  background: linear-gradient(90deg,\n    transparent 0%,\n    rgba(216, 90, 139, 0.28) 50%,\n    transparent 100%);\n  margin: var(--s-5) 0;\n  position: relative;\n}\n\nai hr::after {\n  content: \"✦\";\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  background: var(--bg);\n  padding: 0 var(--s-3);\n  color: var(--c-magenta);\n  font-size: 13px;\n  opacity: 0.68;\n}\n\n/* ========== A3. 卡片公共质感 ========== */\nai .think,\nai .pc,\nai .npc,\nai .track,\nai .mem,\nai .act,\nai story {\n  position: relative;\n  background: var(--bg-card);\n  border-radius: var(--r-xl);\n  border: 1px solid var(--line);\n  box-shadow: var(--sh-2);\n  margin-bottom: var(--s-5);\n  overflow: hidden;\n  padding: var(--s-5);\n  padding-left: calc(var(--s-5) + 4px);\n  transition: background-color 0.4s ease,\n              border-color 0.4s ease,\n              box-shadow 0.4s ease;\n}\n\n/* —— 左侧 4px 色带 —— */\nai .think::before,\nai .pc::before,\nai .npc::before,\nai .track::before,\nai .mem::before,\nai .act::before {\n  content: \"\";\n  position: absolute;\n  left: 0;\n  top: 0;\n  bottom: 0;\n  width: 4px;\n  border-radius: 4px 0 0 4px;\n}\n\nai .think::before { background: var(--c-purple); }\nai .pc::before    { background: var(--c-blue); }\nai .npc::before   { background: var(--c-magenta); }\nai .track::before { background: var(--c-purple-2); }\nai .mem::before   { background: var(--c-yellow); }\nai .act::before   { background: var(--c-pink); }\n\n/* —— 折叠标题 —— */\nai .think summary,\nai .pc summary,\nai .npc summary,\nai .track summary,\nai .mem summary,\nai .act summary,\nai .star summary {\n  font-family: var(--ff-title);\n  font-size: 15.5px;\n  letter-spacing: 0.03em;\n  cursor: pointer;\n  padding: var(--s-3) var(--s-5) var(--s-3) var(--s-3);\n  border-radius: var(--r-md);\n  position: relative;\n  z-index: 1;\n  background: var(--bg-card-2);\n  border: 1px solid var(--line);\n  color: var(--text);\n  transition: transform 0.25s var(--ease),\n              box-shadow 0.25s var(--ease),\n              background 0.25s var(--ease),\n              color 0.4s ease;\n  list-style: none;\n  display: flex;\n  align-items: center;\n  gap: var(--s-2);\n}\n\nai .think summary::marker,\nai .pc summary::marker,\nai .npc summary::marker,\nai .track summary::marker,\nai .mem summary::marker,\nai .act summary::marker,\nai .star summary::marker { display: none; }\n\nai .think summary::-webkit-details-marker,\nai .pc summary::-webkit-details-marker,\nai .npc summary::-webkit-details-marker,\nai .track summary::-webkit-details-marker,\nai .mem summary::-webkit-details-marker,\nai .act summary::-webkit-details-marker,\nai .star summary::-webkit-details-marker { display: none; }\n\nai [open] > summary {\n  background: #FFF;\n  box-shadow: 0 4px 12px rgba(216, 90, 139, 0.08);\n}\n\n/* —— 标题圆形图标 —— */\nai .think summary::before,\nai .pc summary::before,\nai .npc summary::before,\nai .track summary::before,\nai .mem summary::before,\nai .act summary::before {\n  content: \"\";\n  flex-shrink: 0;\n  width: 24px;\n  height: 24px;\n  border-radius: 8px;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 13px;\n  color: #FFF;\n  font-weight: 700;\n  background: var(--c-purple);\n  font-family: var(--ff-body);\n  transition: transform 0.4s var(--bounce);\n}\n\nai .think summary::before { background: var(--c-purple);  content: \"✦\"; }\nai .pc summary::before    { background: var(--c-blue);    content: \"P\"; font-size: 12px; }\nai .npc summary::before   { background: var(--c-magenta); content: \"★\"; }\nai .track summary::before { background: var(--c-purple-2); content: \"◇\"; }\nai .mem summary::before   { background: var(--c-yellow);  content: \"M\"; color: #5C4A1C; font-size: 12px; }\nai .act summary::before   { background: var(--c-pink);    content: \"?\"; }\n\nai [open] > summary::before {\n  transform: rotate(360deg) scale(1.08);\n}\n\n/* ========== A4. 思维链 ========== */\nai .think .think-body {\n  margin-top: var(--s-4);\n  display: flex;\n  flex-direction: column;\n  gap: var(--s-4);\n}\n\nai .think .mod {\n  background: transparent;\n  padding: 0;\n  margin: 0;\n}\n\nai .think .mod-title {\n  font-family: var(--ff-title);\n  font-size: 14px;\n  letter-spacing: 0.04em;\n  color: var(--text);\n  background: var(--bg-card-2);\n  border: 1px solid var(--line);\n  border-left: 3px solid var(--c-purple);\n  border-radius: var(--r-sm);\n  padding: var(--s-2) var(--s-4);\n  margin: 0 0 var(--s-3) 0;\n  display: flex;\n  align-items: center;\n  gap: var(--s-2);\n  box-shadow: 0 2px 6px rgba(216, 90, 139, 0.06);\n}\n\nai .think .grid3 {\n  display: grid;\n  gap: var(--s-3);\n  margin-top: var(--s-4);\n}\n\nai .think .grid3 > div {\n  background: var(--bg-card-2);\n  border: 1px solid var(--line);\n  border-radius: var(--r-md);\n  padding: var(--s-4);\n  position: relative;\n  padding-left: calc(var(--s-4) + 6px);\n}\n\nai .think .grid3 > div::before {\n  content: \"\";\n  position: absolute;\n  left: 0; top: 8px; bottom: 8px;\n  width: 3px;\n  border-radius: 3px;\n}\n\nai .think .grid3 > div[t=\"权限\"]::before { background: var(--c-blue); }\nai .think .grid3 > div[t=\"场景\"]::before { background: var(--c-pink); }\nai .think .grid3 > div[t=\"连锁\"]::before { background: var(--accent); }\n\nai .think d {\n  display: block;\n  font-size: 13.5px;\n  line-height: 1.78;\n  color: var(--text-soft);\n  margin-bottom: var(--s-1);\n}\n\nai .think .sub {\n  background: var(--bg-card-2);\n  border: 1px solid var(--line);\n  border-radius: var(--r-sm);\n  padding: var(--s-3) var(--s-4);\n  margin-top: var(--s-2);\n}\n\nai .think .sub:first-of-type { margin-top: 0; }\n\nai .think .sub h5 {\n  font-family: var(--ff-title);\n  font-size: 12.5px;\n  color: var(--text-soft);\n  margin-bottom: var(--s-2);\n  padding-bottom: var(--s-1);\n  border-bottom: 1px dashed var(--line-dash);\n  letter-spacing: 0.04em;\n}\n\nai .think .sub d {\n  display: block;\n  font-size: 12.5px;\n  line-height: 1.78;\n  color: var(--text-soft);\n  margin-bottom: 2px;\n  padding-left: 4px;\n}\n\nai .think .sub d strong {\n  color: var(--text);\n  font-weight: 700;\n}\n\nai .think .char-block {\n  position: relative;\n  padding-left: calc(var(--s-4) + 6px);\n  border-left: 3px solid var(--c-magenta);\n  background: var(--bg-card);\n}\n\nai .think .char-block h5 {\n  color: var(--c-magenta);\n  font-size: 13px;\n  border-bottom-color: rgba(216, 90, 139, 0.22);\n}\n\nai .think .check-block {\n  position: relative;\n  padding-left: calc(var(--s-4) + 6px);\n  border-left: 3px solid var(--c-purple);\n  background: rgba(155, 127, 196, 0.06);\n}\n\nai .think .check-block h5 {\n  color: var(--c-purple);\n  font-size: 13px;\n  border-bottom-color: rgba(155, 127, 196, 0.22);\n}\n\nai .think .sec-tag {\n  display: inline-block;\n  font-family: var(--ff-title);\n  font-size: 11px;\n  color: var(--accent);\n  background: var(--bg-cream);\n  border: 1px solid rgba(216, 90, 139, 0.22);\n  padding: 1px 8px;\n  border-radius: 10px;\n  margin: var(--s-2) 0 var(--s-1) 0;\n  letter-spacing: 0.06em;\n  font-weight: 600;\n}\n\nai .think .check-block .sec-tag {\n  color: var(--c-purple);\n  background: rgba(155, 127, 196, 0.10);\n  border-color: rgba(155, 127, 196, 0.28);\n}\n\nai .think .mod-meta {\n  display: block;\n  font-size: 12.5px;\n  color: var(--text);\n  background: var(--bg-cream);\n  border: 1px solid rgba(229, 189, 94, 0.28);\n  border-radius: var(--r-sm);\n  padding: var(--s-2) var(--s-4);\n  margin: 0 0 var(--s-3) 0;\n  font-family: var(--ff-title);\n  letter-spacing: 0.04em;\n}\n\nai .think .mod-meta strong {\n  color: var(--accent);\n  font-family: var(--ff-mono);\n  font-size: 13.5px;\n  margin: 0 4px;\n}\n\nai .think .calib-mark {\n  display: block;\n  text-align: center;\n  font-size: 11.5px;\n  color: var(--c-mint);\n  background: transparent;\n  border: none;\n  padding: var(--s-2) 0 0 0;\n  margin-top: var(--s-2);\n  border-top: 1px dashed var(--line-dash);\n  letter-spacing: 0.12em;\n  font-style: italic;\n}\n\n/* ========== A5. 时间地点条 ========== */\nai hd {\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  gap: var(--s-1);\n  isolation: isolate;\n  position: relative;\n  margin: 0 var(--s-2) var(--s-5);\n  padding: var(--s-5) var(--s-6) var(--s-5) calc(var(--s-7) + 4px);\n  min-height: 104px;\n  border-radius: 28px;\n  border: 1px solid rgba(229, 137, 181, 0.42);\n\n  background:\n    radial-gradient(circle at 6% 50%, rgba(255, 255, 255, 0.62) 0 10%, transparent 22%),\n    radial-gradient(circle at 96% 56%, rgba(255, 255, 255, 0.42) 0 7%, transparent 18%),\n    linear-gradient(108deg, #FBD3DD 0%, #F4A6BD 44%, #E589B5 100%);\n\n  box-shadow:\n    0 2px 6px rgba(216, 90, 139, 0.18),\n    0 12px 28px rgba(229, 137, 181, 0.20),\n    0 20px 48px rgba(216, 90, 139, 0.08),\n    inset 0 1px 0 rgba(255, 255, 255, 0.62);\n\n  overflow: hidden;\n  transition: background 0.4s ease, border-color 0.4s ease, box-shadow 0.4s ease;\n}\n\nai hd::before {\n  content: \"\";\n  position: absolute;\n  inset: 0;\n  z-index: 0;\n  background:\n    linear-gradient(180deg, rgba(255, 255, 255, 0.36), transparent 38%),\n    radial-gradient(circle at 18% 28%, rgba(255, 255, 255, 0.52) 0 3.5px, transparent 4.5px),\n    radial-gradient(circle at 84% 72%, rgba(255, 255, 255, 0.32) 0 3px, transparent 4px);\n  border-radius: inherit;\n}\n\nai hd::after {\n  content: \"\";\n  position: absolute;\n  left: var(--s-5);\n  top: 50%;\n  transform: translateY(-50%);\n  width: 22px;\n  height: 22px;\n  z-index: 1;\n  background: var(--svg-star);\n  background-size: contain;\n  filter: drop-shadow(0 1px 2px rgba(255, 255, 255, 0.68));\n  opacity: 0.84;\n  animation: twinkle 4.2s ease-in-out infinite;\n}\n\nai hd span {\n  position: relative;\n  z-index: 2;\n  display: block;\n  max-width: 100%;\n  margin: 0;\n  font-family: var(--ff-title);\n  font-size: 13.5px;\n  line-height: 1.75;\n  letter-spacing: 0.02em;\n  color: rgba(92, 24, 56, 0.92);\n  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.52);\n  white-space: normal;\n  word-break: break-word;\n  overflow-wrap: anywhere;\n}\n\n/* ========== A6. 正文 ========== */\nai story {\n  padding: var(--s-6) var(--s-5);\n  padding-left: calc(var(--s-5) + 4px);\n}\n\nai story::before {\n  background: linear-gradient(180deg, var(--c-pink) 0%, var(--c-purple-2) 100%);\n}\n\nai story p {\n  position: relative;\n  text-indent: 2em;\n  margin-bottom: var(--s-4);\n  line-height: 1.96;\n  color: var(--text);\n  max-width: 64ch;\n}\n\nai story p:first-child::before {\n  content: \"\";\n  position: absolute;\n  left: -22px;\n  top: 0.45em;\n  width: 12px;\n  height: 12px;\n  background: var(--svg-star);\n  background-size: contain;\n  opacity: 0.72;\n}\n\nai story::after {\n  content: \"\";\n  position: absolute;\n  top: 14%;\n  right: 8%;\n  width: 8px;\n  height: 8px;\n  background: var(--svg-sparkle);\n  background-size: contain;\n  opacity: 0.32;\n  animation: twinkle 5.5s ease-in-out infinite 1.2s;\n}\n\n/* ========== A7. 状态行 ========== */\nai .status-row {\n  display: grid;\n  gap: var(--s-4);\n  margin-bottom: var(--s-5);\n}\n\n/* ========== A8. PC 玩家面板 ========== */\nai .pc section { margin-top: var(--s-4); }\n\nai .pc d {\n  display: block;\n  font-size: 13.5px;\n  line-height: 1.78;\n  color: var(--text-soft);\n  margin-bottom: var(--s-2);\n  background: var(--bg-card-2);\n  padding: var(--s-2) var(--s-3);\n  border-radius: 8px;\n  border: 1px solid var(--line);\n}\n\nai .pc f {\n  font-weight: 700;\n  color: var(--c-magenta);\n  margin-right: var(--s-1);\n  font-size: 13px;\n  letter-spacing: 0.04em;\n}\n\nai .pc meter {\n  width: 100%;\n  height: 7px;\n  vertical-align: middle;\n}\n\nai .pc meter::-webkit-meter-bar {\n  background: rgba(216, 90, 139, 0.08);\n  border: none;\n  border-radius: 4px;\n}\n\nai .pc meter::-webkit-meter-optimum-value {\n  background: linear-gradient(90deg, var(--c-mint), #B8E0C4);\n  border-radius: 4px;\n}\n\nai .pc .items {\n  background: var(--bg-inset);\n  border-radius: var(--r-sm);\n  padding: var(--s-4);\n  margin-top: var(--s-2);\n  border: 1px solid var(--line);\n}\n\n/* ========== A9. NPC 角色 ========== */\nai .npc {\n  background:\n    radial-gradient(circle at 96% 4%, rgba(229, 137, 181, 0.08) 0 22%, transparent 42%),\n    var(--bg-card);\n}\n\nai .npc section {\n  margin-top: var(--s-4);\n  position: relative;\n  z-index: 1;\n}\n\nai .npc d {\n  display: block;\n  font-size: 13.5px;\n  line-height: 1.78;\n  color: var(--text-soft);\n  margin-bottom: var(--s-2);\n  background: var(--bg-card-2);\n  padding: var(--s-2) var(--s-3);\n  border-radius: 8px;\n  border: 1px solid var(--line);\n}\n\nai .npc f {\n  font-weight: 700;\n  color: var(--c-magenta);\n  margin-right: var(--s-1);\n  font-size: 13px;\n  letter-spacing: 0.04em;\n}\n\nai .npc b[type=\"爆\"],\nai .npc b[type=\"数\"] {\n  display: inline-block;\n  padding: 1px 9px;\n  background: var(--bg-cream);\n  color: var(--accent);\n  font-weight: 700;\n  font-size: 12.5px;\n  margin: 0 2px;\n  border: 1px solid rgba(216, 90, 139, 0.28);\n  border-radius: 6px;\n  font-family: var(--ff-mono);\n}\n\nai .npc b[type=\"爆\"] {\n  background: var(--accent);\n  color: #FFF;\n  border-color: transparent;\n}\n\n/* —— HP/欲念双仪表 —— */\nai .npc .meters {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: var(--s-4);\n  margin: var(--s-4) 0;\n}\n\nai .npc .meter-wrap {\n  text-align: center;\n  background: var(--bg-card-2);\n  border: 1px solid var(--line);\n  border-radius: var(--r-sm);\n  padding: var(--s-3);\n}\n\nai .npc .meter-wrap span {\n  display: block;\n  font-family: var(--ff-title);\n  font-size: 12px;\n  color: var(--text-soft);\n  margin-bottom: var(--s-2);\n  letter-spacing: 0.06em;\n}\n\nai .npc .meter-wrap meter {\n  width: 100%;\n  height: 8px;\n  display: block;\n}\n\nai .npc .meter-wrap .meter-num {\n  display: block;\n  font-family: var(--ff-mono);\n  font-size: 11px;\n  color: var(--text-soft);\n  font-style: normal;\n  margin-top: 2px;\n  letter-spacing: 0.02em;\n}\n\nai .npc meter::-webkit-meter-bar {\n  background: rgba(216, 90, 139, 0.08);\n  border-radius: 4px;\n  border: none;\n}\n\nai .npc meter::-webkit-meter-optimum-value {\n  background: linear-gradient(90deg, var(--c-pink), var(--c-magenta));\n  border-radius: 4px;\n}\n\n/* —— 表/里身份分离卡片 —— */\nai .npc .surface {\n  background: var(--bg-card-2);\n  border: 1px solid var(--line);\n  border-radius: var(--r-md);\n  padding: var(--s-4);\n  margin: var(--s-3) 0;\n}\n\nai .npc .identity-card {\n  position: relative;\n  padding-left: calc(var(--s-4) + 6px);\n}\n\nai .npc .identity-card::before {\n  content: \"\";\n  position: absolute;\n  left: 0; top: var(--s-3); bottom: var(--s-3);\n  width: 3px;\n  border-radius: 3px;\n  background: var(--c-blue);\n}\n\nai .npc .identity-card.inner-id::before {\n  background: var(--c-magenta);\n}\n\nai .npc .id-title {\n  font-family: var(--ff-title);\n  font-size: 13px;\n  color: var(--c-blue);\n  margin-bottom: var(--s-2);\n  letter-spacing: 0.04em;\n  font-weight: 700;\n}\n\nai .npc .identity-card.inner-id .id-title {\n  color: var(--c-magenta);\n}\n\nai .npc .id-eval {\n  display: block;\n  font-size: 13px;\n  color: var(--text);\n  background: var(--bg-card);\n  padding: var(--s-2) var(--s-3);\n  border-radius: 8px;\n  border: 1px solid var(--line);\n  margin-bottom: var(--s-3);\n  line-height: 1.72;\n  font-style: italic;\n}\n\n/* —— 血条行 —— */\nai .npc .bar-row {\n  display: grid;\n  grid-template-columns: 44px 1fr 60px;\n  align-items: center;\n  gap: var(--s-3);\n  margin-top: var(--s-2);\n}\n\nai .npc .bar-label {\n  font-family: var(--ff-title);\n  font-size: 12px;\n  color: var(--text-soft);\n  letter-spacing: 0.06em;\n  text-align: left;\n  font-weight: 600;\n}\n\nai .npc .bar-track {\n  position: relative;\n  width: 100%;\n  height: 10px;\n  background: rgba(216, 90, 139, 0.08);\n  border-radius: 5px;\n  overflow: hidden;\n  border: 1px solid var(--line);\n}\n\nai .npc .bar-track meter {\n  width: 100%;\n  height: 100%;\n  display: block;\n  background: transparent;\n  border: none;\n  -webkit-appearance: none;\n  appearance: none;\n}\n\nai .npc .bar-track meter::-webkit-meter-bar {\n  background: transparent;\n  border: none;\n  border-radius: 5px;\n}\n\nai .npc .bar-track .bar-favor::-webkit-meter-optimum-value {\n  background: linear-gradient(90deg, var(--c-pink-2), var(--c-magenta));\n  border-radius: 5px;\n}\nai .npc .bar-track .bar-favor::-moz-meter-bar {\n  background: linear-gradient(90deg, var(--c-pink-2), var(--c-magenta));\n  border-radius: 5px;\n}\n\nai .npc .bar-track .bar-heart::-webkit-meter-optimum-value {\n  background: linear-gradient(90deg, var(--c-purple-2), var(--c-purple));\n  border-radius: 5px;\n}\nai .npc .bar-track .bar-heart::-moz-meter-bar {\n  background: linear-gradient(90deg, var(--c-purple-2), var(--c-purple));\n  border-radius: 5px;\n}\n\nai .npc .bar-num {\n  font-family: var(--ff-mono);\n  font-size: 12px;\n  color: var(--accent);\n  font-weight: 700;\n  font-style: normal;\n  text-align: right;\n  letter-spacing: 0.02em;\n}\n\nai .npc .bar-reason {\n  display: block;\n  font-size: 12px;\n  line-height: 1.62;\n  color: var(--text-mute);\n  background: transparent;\n  border: none;\n  padding: 2px 0 0 calc(44px + var(--s-3));\n  margin-bottom: var(--s-2);\n}\n\nai .npc .bar-reason f {\n  font-size: 11px;\n  color: var(--text-soft);\n  margin-right: var(--s-1);\n  padding: 1px 6px;\n  background: var(--bg-inset);\n  border-radius: 4px;\n  border: 1px solid var(--line);\n  font-weight: 600;\n  letter-spacing: 0.04em;\n}\n\nai .npc .bar-reason:last-child { margin-bottom: 0; }\n\n/* —— 情绪六维血条 —— */\nai .npc .emotion-bars {\n  background: var(--bg-card-2);\n  border: 1px solid var(--line);\n  border-radius: var(--r-md);\n  padding: var(--s-4);\n  margin: var(--s-3) 0;\n}\n\nai .npc .emo-title {\n  display: block;\n  font-family: var(--ff-title);\n  font-size: 13px;\n  color: var(--text);\n  margin-bottom: var(--s-3);\n  letter-spacing: 0.04em;\n  font-weight: 700;\n}\n\nai .npc .emo-row {\n  display: grid;\n  grid-template-columns: 28px 1fr 38px;\n  align-items: center;\n  gap: var(--s-3);\n  margin-bottom: var(--s-2);\n}\n\nai .npc .emo-row:last-of-type { margin-bottom: var(--s-3); }\n\nai .npc .emo-label {\n  font-family: var(--ff-title);\n  font-size: 13px;\n  font-weight: 700;\n  text-align: center;\n  width: 22px;\n  height: 22px;\n  line-height: 22px;\n  border-radius: 6px;\n  color: #FFF;\n}\n\nai .npc .emo-row[lv=\"喜\"] .emo-label { background: var(--c-yellow); color: #5C4A1C; }\nai .npc .emo-row[lv=\"怒\"] .emo-label { background: var(--c-magenta); }\nai .npc .emo-row[lv=\"哀\"] .emo-label { background: var(--c-blue); color: #1E3A52; }\nai .npc .emo-row[lv=\"惧\"] .emo-label { background: var(--c-purple); }\nai .npc .emo-row[lv=\"惊\"] .emo-label { background: var(--c-pink); }\nai .npc .emo-row[lv=\"恶\"] .emo-label { background: var(--text-mute); }\n\nai .npc .emo-row .bar-track {\n  height: 8px;\n  border-radius: 4px;\n}\n\nai .npc .emo-row[lv=\"喜\"] meter::-webkit-meter-optimum-value { background: linear-gradient(90deg, var(--c-yellow-2), var(--c-yellow)); }\nai .npc .emo-row[lv=\"怒\"] meter::-webkit-meter-optimum-value { background: linear-gradient(90deg, var(--c-pink), var(--c-magenta)); }\nai .npc .emo-row[lv=\"哀\"] meter::-webkit-meter-optimum-value { background: linear-gradient(90deg, var(--c-blue-2), var(--c-blue)); }\nai .npc .emo-row[lv=\"惧\"] meter::-webkit-meter-optimum-value { background: linear-gradient(90deg, var(--c-purple-2), var(--c-purple)); }\nai .npc .emo-row[lv=\"惊\"] meter::-webkit-meter-optimum-value { background: linear-gradient(90deg, var(--c-pink-2), var(--c-pink)); }\nai .npc .emo-row[lv=\"恶\"] meter::-webkit-meter-optimum-value { background: linear-gradient(90deg, #B8B0C8, #8A7FA0); }\n\nai .npc .emo-row[lv=\"喜\"] meter::-moz-meter-bar { background: var(--c-yellow); }\nai .npc .emo-row[lv=\"怒\"] meter::-moz-meter-bar { background: var(--c-magenta); }\nai .npc .emo-row[lv=\"哀\"] meter::-moz-meter-bar { background: var(--c-blue); }\nai .npc .emo-row[lv=\"惧\"] meter::-moz-meter-bar { background: var(--c-purple); }\nai .npc .emo-row[lv=\"惊\"] meter::-moz-meter-bar { background: var(--c-pink); }\nai .npc .emo-row[lv=\"恶\"] meter::-moz-meter-bar { background: #8A7FA0; }\n\nai .npc .emo-row .bar-num {\n  font-family: var(--ff-mono);\n  font-size: 11.5px;\n  color: var(--text-soft);\n  font-weight: 600;\n  font-style: normal;\n  text-align: right;\n}\n\nai .npc .emotion-bars .lead {\n  display: block;\n  margin-top: var(--s-2);\n  padding-top: var(--s-2);\n  border-top: 1px dashed var(--line-dash);\n  font-size: 12px;\n  color: var(--accent);\n  font-weight: 600;\n  text-align: center;\n  letter-spacing: 0.06em;\n}\n\n/* —— 内心独白 —— */\nai .npc .inner {\n  background: var(--bg-inset);\n  border-left: 3px solid var(--c-magenta);\n  border-radius: 0 var(--r-sm) var(--r-sm) 0;\n  padding: var(--s-4);\n  margin: var(--s-4) 0;\n  font-style: italic;\n  line-height: 1.85;\n  color: var(--text);\n}\n\nai .npc .body-detail {\n  background: var(--bg-card-2);\n  border: 1px solid var(--line);\n  border-radius: var(--r-sm);\n  padding: var(--s-4);\n  margin-top: var(--s-4);\n}\n\nai .npc .body-detail summary {\n  font-size: 13.5px;\n  padding: var(--s-2) var(--s-3);\n  background: var(--bg-inset);\n}\n\nai .npc .body-detail summary::before {\n  background: var(--text-mute);\n  content: \"+\";\n  font-size: 14px;\n}\n\nai .npc .body-detail d {\n  background: var(--bg-inset);\n  margin-top: var(--s-1);\n}\n\n/* ========== A10. 角色追踪 ========== */\nai .track section { margin-top: var(--s-4); }\n\nai .track .char-track {\n  display: block;\n  background: var(--bg-card-2);\n  border: 1px solid var(--line);\n  border-radius: var(--r-sm);\n  padding: var(--s-3) var(--s-4) var(--s-3) calc(var(--s-5) + 4px);\n  margin-bottom: var(--s-2);\n  font-size: 13px;\n  line-height: 1.82;\n  color: var(--text-soft);\n  position: relative;\n  transition: transform 0.25s var(--ease),\n              box-shadow 0.25s var(--ease);\n}\n\nai .track .char-track::before {\n  content: \"\";\n  position: absolute;\n  left: var(--s-3);\n  top: 50%;\n  transform: translateY(-50%);\n  width: 12px;\n  height: 12px;\n  background: var(--c-yellow);\n  clip-path: polygon(50% 0%, 61% 35%, 98% 35%, 68% 57%,\n                     79% 91%, 50% 70%, 21% 91%, 32% 57%,\n                     2% 35%, 39% 35%);\n  opacity: 0.78;\n}\n\nai .track .char-track:hover {\n  transform: translateX(2px);\n  box-shadow: -2px 4px 12px rgba(216, 90, 139, 0.10);\n}\n\nai .track .char-track .n {\n  font-weight: 700;\n  color: var(--c-purple);\n  font-size: 13.5px;\n  margin-right: var(--s-2);\n}\n\nai .track .char-track span { margin-right: var(--s-2); }\n\n/* ========== A11. 记忆区 ========== */\nai .mem h4 {\n  font-size: 14px;\n  color: var(--c-yellow);\n  filter: brightness(0.85);\n  margin: var(--s-4) 0 var(--s-2) 0;\n  padding-bottom: var(--s-1);\n  border-bottom: 1px dashed var(--line-dash);\n}\n\nai .mem h4:first-child { margin-top: 0; }\n\nai .mem d {\n  display: block;\n  font-size: 13px;\n  line-height: 1.82;\n  color: var(--text-soft);\n  background: var(--bg-card-2);\n  padding: var(--s-2) var(--s-4);\n  border-radius: 8px;\n  margin-bottom: var(--s-1);\n  border-left: 3px solid var(--c-yellow);\n  border-right: 1px solid var(--line);\n  border-top: 1px solid var(--line);\n  border-bottom: 1px solid var(--line);\n}\n\n/* ========== A12. 星记忆回廊(永远深色星空) ========== */\nai .star {\n  position: relative;\n  padding: var(--s-6);\n  border-radius: var(--r-xl);\n  background:\n    radial-gradient(circle at 24% 12%, rgba(155, 127, 196, 0.22), transparent 28%),\n    radial-gradient(circle at 82% 16%, rgba(127, 184, 212, 0.12), transparent 24%),\n    radial-gradient(circle at 50% 100%, rgba(216, 90, 139, 0.10), transparent 28%),\n    linear-gradient(180deg, #221A3D 0%, #150E28 100%);\n  color: rgba(232, 224, 244, 0.86);\n  border: 1px solid rgba(255, 255, 255, 0.08);\n  box-shadow:\n    0 4px 10px rgba(0, 0, 0, 0.16),\n    0 24px 56px rgba(34, 26, 61, 0.24),\n    inset 0 1px 0 rgba(255, 255, 255, 0.08),\n    inset 0 -24px 56px rgba(0, 0, 0, 0.22);\n  margin-bottom: var(--s-5);\n  overflow: hidden;\n}\n\nai .star::before {\n  content: \"\";\n  position: absolute;\n  inset: -25%;\n  background-image:\n    radial-gradient(circle at 18% 25%, rgba(229, 189, 94, 0.72) 1.2px, transparent 1.8px),\n    radial-gradient(circle at 82% 68%, rgba(127, 184, 212, 0.56) 0.9px, transparent 1.4px),\n    radial-gradient(circle at 45% 55%, rgba(229, 137, 181, 0.52) 1px, transparent 1.6px),\n    radial-gradient(circle at 65% 30%, rgba(155, 127, 196, 0.56) 0.9px, transparent 1.4px),\n    radial-gradient(circle at 30% 75%, rgba(229, 189, 94, 0.36) 0.7px, transparent 1.2px);\n  background-size: 150px 150px, 200px 200px, 120px 120px, 170px 170px, 90px 90px;\n  opacity: 0.58;\n  animation: starfield 200s linear infinite;\n}\n\nai .star summary {\n  color: var(--c-yellow);\n  background: rgba(229, 189, 94, 0.08);\n  border: 1px solid rgba(229, 189, 94, 0.20);\n}\n\nai .star summary::before {\n  content: \"✨\";\n  background: transparent;\n  font-size: 14px;\n  filter: drop-shadow(0 0 4px rgba(229, 189, 94, 0.52));\n}\n\nai .star-config {\n  background: rgba(0, 0, 0, 0.22);\n  border: 1px solid rgba(229, 189, 94, 0.14);\n  border-radius: var(--r-sm);\n  padding: var(--s-4);\n  margin: var(--s-4) 0;\n}\n\nai .star-config summary {\n  font-size: 13.5px;\n  padding: var(--s-2) var(--s-3);\n  background: rgba(229, 189, 94, 0.06);\n  border-radius: 8px;\n  color: rgba(216, 200, 232, 0.86);\n  border: none;\n}\n\nai .star-config summary::before {\n  content: \"⚙\";\n  background: transparent;\n  color: rgba(216, 200, 232, 0.78);\n  font-size: 13px;\n}\n\nai .star-config d {\n  display: block;\n  font-size: 12px;\n  line-height: 1.78;\n  color: rgba(216, 200, 232, 0.74);\n  background: rgba(255, 255, 255, 0.03);\n  padding: var(--s-1) var(--s-2);\n  border-radius: 5px;\n  margin-bottom: var(--s-1);\n}\n\nai .star-mem {\n  position: relative;\n  z-index: 1;\n  margin-top: var(--s-5);\n}\n\nai .star-mem h4 {\n  font-family: var(--ff-title);\n  font-size: 14.5px;\n  color: var(--c-yellow);\n  text-align: center;\n  margin: var(--s-5) 0 var(--s-3) 0;\n  text-shadow: 0 0 8px rgba(229, 189, 94, 0.28);\n  letter-spacing: 0.08em;\n}\n\nai .star .tbl {\n  overflow-x: auto;\n  border-radius: var(--r-sm);\n  background: rgba(0, 0, 0, 0.16);\n  border: 1px solid rgba(255, 255, 255, 0.08);\n  padding: var(--s-4);\n  margin: var(--s-4) 0;\n  position: relative;\n}\n\nai .star .tbl::before {\n  content: \"← 滑动查看 →\";\n  position: absolute;\n  top: 5px;\n  right: 9px;\n  font-size: 10px;\n  color: rgba(127, 184, 212, 0.62);\n  background: rgba(31, 23, 52, 0.78);\n  padding: 1px 7px;\n  border-radius: 4px;\n}\n\nai .star table {\n  width: 100%;\n  min-width: 600px;\n  border-collapse: collapse;\n  font-size: 13px;\n}\n\nai .star table thead { background: rgba(229, 189, 94, 0.12); }\n\nai .star table th {\n  padding: var(--s-2) var(--s-4);\n  text-align: left;\n  color: var(--c-yellow);\n  font-weight: 600;\n  letter-spacing: 0.04em;\n  border-bottom: 1px solid rgba(229, 189, 94, 0.20);\n}\n\nai .star table td {\n  padding: var(--s-2) var(--s-4);\n  color: rgba(208, 200, 224, 0.84);\n  border-bottom: 1px solid rgba(255, 255, 255, 0.06);\n  line-height: 1.72;\n}\n\nai .star table td:first-child {\n  color: var(--c-blue-2);\n  font-weight: 600;\n}\n\nai .star table tr:hover td {\n  background: rgba(229, 189, 94, 0.05);\n}\n\n/* ========== A13. 选项区(竖向) ========== */\nai .act .btns,\nai .act .btns.vertical {\n  display: flex;\n  flex-direction: column;\n  gap: var(--s-3);\n  margin-top: var(--s-4);\n}\n\nai .act button {\n  font-family: var(--ff-body);\n  font-size: 14px;\n  font-weight: 600;\n  letter-spacing: 0.02em;\n  border: none;\n  cursor: pointer;\n  transition: transform 0.25s var(--bounce),\n              box-shadow 0.25s var(--ease),\n              background 0.25s var(--ease);\n  position: relative;\n  width: 100%;\n  flex: 1 1 100%;\n  min-width: 0;\n  text-align: left;\n  outline: none;\n}\n\nai .act button[n=\"1\"],\nai .act button[n=\"2\"],\nai .act button[n=\"3\"] {\n  padding: var(--s-3) var(--s-4) var(--s-3) calc(var(--s-7) + 4px);\n  color: var(--text);\n  background: var(--bg-card);\n  border: 1px solid var(--line);\n  border-radius: var(--r-md);\n  box-shadow:\n    0 2px 4px rgba(216, 90, 139, 0.04),\n    0 6px 14px rgba(216, 90, 139, 0.08),\n    inset 0 1px 0 rgba(255, 255, 255, 0.72);\n  line-height: 1.5;\n  min-height: 56px;\n  display: flex;\n  align-items: center;\n}\n\nai .act button[n=\"1\"]::before,\nai .act button[n=\"2\"]::before,\nai .act button[n=\"3\"]::before {\n  content: \"\";\n  position: absolute;\n  left: var(--s-2);\n  top: 50%;\n  transform: translateY(-50%);\n  width: 36px;\n  height: 36px;\n  border-radius: var(--r-sm);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-family: var(--ff-title);\n  font-size: 15px;\n  color: #FFF;\n  font-weight: 700;\n  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.32),\n              0 2px 4px rgba(216, 90, 139, 0.10);\n}\n\nai .act button[n=\"1\"]::before {\n  content: \"A\";\n  background: linear-gradient(135deg, var(--c-pink) 0%, #D6709E 100%);\n}\nai .act button[n=\"2\"]::before {\n  content: \"B\";\n  background: linear-gradient(135deg, var(--c-blue) 0%, #6BA8C5 100%);\n}\nai .act button[n=\"3\"]::before {\n  content: \"C\";\n  background: linear-gradient(135deg, var(--c-yellow) 0%, #D5AA48 100%);\n  color: #5C4A1C;\n}\n\nai .act button[n=\"1\"]:hover,\nai .act button[n=\"2\"]:hover,\nai .act button[n=\"3\"]:hover {\n  transform: translateY(-2px);\n  background: #FFF;\n  box-shadow:\n    0 4px 8px rgba(216, 90, 139, 0.08),\n    0 12px 24px rgba(216, 90, 139, 0.12),\n    inset 0 1px 0 rgba(255, 255, 255, 0.72);\n}\n\nai .act button[n=\"1\"]:hover::before { box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.32), 0 4px 10px rgba(229, 137, 181, 0.42); }\nai .act button[n=\"2\"]:hover::before { box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.32), 0 4px 10px rgba(127, 184, 212, 0.42); }\nai .act button[n=\"3\"]:hover::before { box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.32), 0 4px 10px rgba(229, 189, 94, 0.42); }\n\nai .act button.sys {\n  background: var(--bg-card-2);\n  color: var(--text-soft);\n  padding: var(--s-3) var(--s-4);\n  border-radius: var(--r-md);\n  font-size: 13px;\n  border: 1px solid var(--line);\n  box-shadow: 0 1px 3px rgba(216, 90, 139, 0.04);\n  width: 100%;\n  flex: 1 1 100%;\n  text-align: left;\n  justify-content: flex-start;\n  display: flex;\n  align-items: center;\n  gap: 6px;\n}\n\nai .act button[n=\"4\"]::before { content: \"⚙ \"; }\nai .act button[n=\"5\"]::before { content: \"⏳ \"; }\n\nai .act button.sys:hover {\n  background: #FFF;\n  color: var(--text);\n  transform: translateY(-1px);\n  box-shadow: 0 4px 10px rgba(216, 90, 139, 0.10);\n}\n\nai .act button:active { transform: scale(0.98); }\n\n/* ========== A14. details 动画 ========== */\nai details { transition: all 0.25s var(--ease); }\n\nai details[open] { animation: detailsOpen 0.35s var(--ease); }\n\n@keyframes detailsOpen {\n  from { opacity: 0; transform: translateY(-4px); }\n  to   { opacity: 1; transform: translateY(0); }\n}\n\n@supports (interpolate-size: allow-keywords) {\n  ai details { interpolate-size: allow-keywords; }\n  ai details > *:not(summary) {\n    overflow: hidden;\n    transition:\n      height 0.35s var(--ease),\n      opacity 0.25s var(--ease),\n      margin-top 0.25s var(--ease);\n  }\n  ai details:not([open]) > *:not(summary) {\n    height: 0;\n    opacity: 0;\n    margin-top: 0;\n  }\n}\n\n/* ========== A15. 关键帧 ========== */\n@keyframes spin { to { transform: rotate(360deg); } }\n\n@keyframes starfield {\n  from { transform: translate(0, 0); }\n  to   { transform: translate(-32px, -32px); }\n}\n\n@keyframes twinkle {\n  0%, 100% { opacity: 0.84; transform: translateY(-50%) scale(1); }\n  50%      { opacity: 0.48; transform: translateY(-50%) scale(0.88); }\n}\n\n@keyframes float {\n  0%, 100% { transform: translateY(0); }\n  50%      { transform: translateY(-3px); }\n}\n\n/* ========== A16. 响应式 ========== */\n@media (min-width: 768px) {\n  ai .think .grid3 {\n    grid-template-columns: 1fr 1fr;\n    grid-template-rows: auto auto;\n  }\n  ai .think .grid3 > div:nth-child(1) { grid-column: 1; grid-row: 1; }\n  ai .think .grid3 > div:nth-child(2) { grid-column: 2; grid-row: 1; }\n  ai .think .grid3 > div:nth-child(3) { grid-column: 1 / -1; grid-row: 2; }\n  ai .status-row { grid-template-columns: 1fr 1fr; }\n}\n\n@media (max-width: 767px) {\n  ai {\n    padding: var(--s-3);\n    font-size: 14.5px;\n    line-height: 1.82;\n  }\n\n  ai hd {\n    min-height: 96px;\n    margin-inline: 0;\n    padding: var(--s-4) var(--s-4) var(--s-4) calc(var(--s-6) + 4px);\n    border-radius: 22px;\n  }\n  ai hd::after { left: var(--s-3); width: 18px; height: 18px; }\n  ai hd span { font-size: 12.5px; line-height: 1.68; }\n\n  ai story, ai .think, ai .pc, ai .npc, ai .track, ai .mem, ai .act {\n    border-radius: var(--r-lg);\n    padding: var(--s-4);\n    padding-left: calc(var(--s-4) + 4px);\n  }\n  ai story { padding: var(--s-5) var(--s-4); padding-left: calc(var(--s-4) + 4px); }\n\n  ai .think summary, ai .pc summary, ai .npc summary,\n  ai .track summary, ai .mem summary, ai .act summary {\n    font-size: 14px;\n    padding: var(--s-2) var(--s-3) var(--s-2) var(--s-2);\n  }\n\n  ai .think .mod-title { font-size: 13px; padding: var(--s-2) var(--s-3); }\n  ai .think .sub { padding: var(--s-3); }\n  ai .think .sub h5 { font-size: 12px; }\n  ai .think .sub d { font-size: 12px; }\n  ai .think .sec-tag { font-size: 10.5px; }\n\n  ai .think .grid3 { grid-template-columns: 1fr; }\n  ai .status-row { grid-template-columns: 1fr; }\n  ai .npc .meters { grid-template-columns: 1fr; }\n\n  ai .npc .bar-row {\n    grid-template-columns: 36px 1fr 52px;\n    gap: var(--s-2);\n  }\n  ai .npc .bar-reason { padding-left: calc(36px + var(--s-2)); }\n  ai .npc .emo-row {\n    grid-template-columns: 24px 1fr 34px;\n    gap: var(--s-2);\n  }\n\n  ai .act .btns,\n  ai .act .btns.vertical { flex-direction: column; }\n  ai .act button { flex: 1 1 100%; min-width: auto; }\n  ai .act button[n=\"1\"],\n  ai .act button[n=\"2\"],\n  ai .act button[n=\"3\"] { min-height: 52px; }\n\n  ai .star { padding: var(--s-5); border-radius: var(--r-lg); }\n  ai .star summary { font-size: 14.5px; }\n  ai .star table { font-size: 12.5px; }\n  ai .star table th, ai .star table td { padding: var(--s-1) var(--s-3); }\n}\n\n@media (min-width: 1024px) {\n  ai {\n    max-width: 1160px;\n    margin: 0 auto;\n    padding: var(--s-6);\n  }\n  ai .act .btns,\n  ai .act .btns.vertical {\n    display: flex;\n    flex-direction: column;\n    grid-template-columns: none;\n    grid-template-rows: none;\n    gap: var(--s-3);\n  }\n  ai .act .btns button[n=\"1\"],\n  ai .act .btns button[n=\"2\"],\n  ai .act .btns button[n=\"3\"] { grid-row: auto; }\n  ai .act .btns button.sys {\n    grid-row: auto;\n    justify-self: stretch;\n    width: 100%;\n    margin: 0;\n  }\n}\n\n/* ========== A17. 滚动条 / 选区 / 打印 / 辅助类 ========== */\nai ::-webkit-scrollbar { width: 6px; height: 6px; }\nai ::-webkit-scrollbar-track { background: transparent; border-radius: 4px; }\nai ::-webkit-scrollbar-thumb {\n  background: var(--c-pink);\n  border-radius: 4px;\n  opacity: 0.62;\n}\nai ::-webkit-scrollbar-thumb:hover { background: var(--c-magenta); }\n\nai ::selection {\n  background: rgba(229, 137, 181, 0.42);\n  color: var(--text);\n  text-shadow: none;\n}\nai ::-moz-selection {\n  background: rgba(229, 137, 181, 0.42);\n  color: var(--text);\n  text-shadow: none;\n}\n\n@media print {\n  ai { background: #FFF; padding: 20mm; color: #000; }\n  ai::before,\n  ai hd::before, ai hd::after,\n  ai .star::before { display: none; }\n  ai details[open] summary ~ * { display: block !important; }\n  ai .act { display: none; }\n}\n\nai summary:focus-visible {\n  outline: 2px solid var(--c-yellow);\n  outline-offset: 3px;\n  border-radius: 8px;\n}\n\nai button:focus-visible {\n  outline: 2px solid var(--c-pink);\n  outline-offset: 3px;\n}\n\nai .badge {\n  display: inline-block;\n  padding: 2px 9px;\n  border-radius: 10px;\n  font-size: 11px;\n  font-weight: 600;\n  letter-spacing: 0.06em;\n  background: var(--bg-cream);\n  color: var(--accent);\n  border: 1px solid rgba(216, 90, 139, 0.22);\n}\n\nai .badge.pink   { background: #FCE5EE; color: #B04575; border-color: rgba(229, 137, 181, 0.32); }\nai .badge.blue   { background: #E2F0F8; color: #3F7592; border-color: rgba(127, 184, 212, 0.32); }\nai .badge.yellow { background: #FCF3D4; color: #8A6D1E; border-color: rgba(229, 189, 94, 0.32); }\nai .badge.purple { background: #ECE3F8; color: #65479A; border-color: rgba(155, 127, 196, 0.32); }\n\n\n/* ╔════════════════════════════════════════════════════╗\n   ║                                                    ║\n   ║   PART B · 平台外壳样式                              ║\n   ║   (顶栏/按钮/输入框/分页/评论区)                      ║\n   ║                                                    ║\n   ╚════════════════════════════════════════════════════╝ */\n\n/* ========== B1. 顶栏 + 动态粒子 ========== */\n.sticky.w-full.top-0.flex.items-center {\n  background: #FFF5F7 !important;\n  border-bottom: 1px solid rgba(216, 90, 139, 0.18) !important;\n  box-shadow: 0 2px 12px rgba(216, 90, 139, 0.08) !important;\n  position: relative !important;\n  overflow: hidden !important;\n  transition: background-color 0.4s ease, border-color 0.4s ease !important;\n}\n\n.sticky.w-full.top-0.flex.items-center::before {\n  content: \"\";\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  background-image:\n    radial-gradient(circle at 12% 35%, rgba(229, 137, 181, 0.42) 1.2px, transparent 2px),\n    radial-gradient(circle at 78% 65%, rgba(216, 90, 139, 0.32) 1px, transparent 1.8px),\n    radial-gradient(circle at 38% 78%, rgba(244, 179, 206, 0.52) 1.4px, transparent 2.2px),\n    radial-gradient(circle at 88% 22%, rgba(229, 189, 94, 0.28) 0.9px, transparent 1.5px),\n    radial-gradient(circle at 22% 12%, rgba(155, 127, 196, 0.32) 0.8px, transparent 1.4px),\n    radial-gradient(circle at 62% 42%, rgba(229, 137, 181, 0.26) 1px, transparent 1.6px);\n  background-size:\n    140px 140px, 180px 180px, 100px 100px,\n    160px 160px, 120px 120px, 200px 200px;\n  background-repeat: repeat;\n  opacity: 0.62;\n  animation: particle-drift 90s linear infinite;\n  pointer-events: none;\n  z-index: 0;\n}\n\n.sticky.w-full.top-0.flex.items-center::after {\n  content: \"\";\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  height: 2px;\n  background: linear-gradient(90deg,\n    transparent 0%,\n    rgba(229, 137, 181, 0.62) 20%,\n    rgba(216, 90, 139, 0.82) 50%,\n    rgba(229, 137, 181, 0.62) 80%,\n    transparent 100%);\n  background-size: 200% 100%;\n  animation: light-sweep 6s ease-in-out infinite;\n  pointer-events: none;\n  z-index: 0;\n}\n\n@keyframes particle-drift {\n  0%   { background-position: 0 0, 0 0, 0 0, 0 0, 0 0, 0 0; }\n  100% { background-position: 140px 70px, -180px 90px, 100px -50px, -160px 80px, 120px -60px, -200px 100px; }\n}\n\n@keyframes light-sweep {\n  0%, 100% { background-position: -100% 0; opacity: 0.42; }\n  50%      { background-position: 100% 0;  opacity: 0.82; }\n}\n\n.sticky.w-full.top-0.flex.items-center > * {\n  position: relative !important;\n  z-index: 1 !important;\n}\n\n/* —— 模型选择器 —— */\n#ai-model-selector .group.flex.items-center {\n  background: #FFFCF6 !important;\n  border: 1px solid rgba(216, 90, 139, 0.22) !important;\n  border-left: 3px solid #D85A8B !important;\n  border-radius: 10px !important;\n  padding: 4px 10px !important;\n  box-shadow: 0 2px 6px rgba(216, 90, 139, 0.10),\n              inset 0 1px 0 rgba(255, 255, 255, 0.82) !important;\n  transition: background 0.25s ease,\n              border-color 0.25s ease,\n              transform 0.25s cubic-bezier(0.34, 1.42, 0.64, 1) !important;\n}\n\n#ai-model-selector .group.flex.items-center:hover {\n  background: #FFF !important;\n  border-left-color: #E589B5 !important;\n  transform: translateY(-1px) !important;\n  box-shadow: 0 4px 12px rgba(216, 90, 139, 0.18) !important;\n}\n\n#ai-model-selector .truncate.text-\\[13px\\] {\n  color: #5C2A48 !important;\n  font-weight: 600 !important;\n  letter-spacing: 0.02em !important;\n}\n\n#ai-model-selector .shrink-0.flex.items-center svg {\n  color: #D85A8B !important;\n  transition: transform 0.3s cubic-bezier(0.34, 1.42, 0.64, 1) !important;\n}\n\n#ai-model-selector .group.flex.items-center:hover svg {\n  transform: rotate(180deg) !important;\n}\n\n/* —— 顶栏图标 —— */\n.sticky.w-full.top-0 svg.lucide-clock-8 { color: #D85A8B !important; }\n.sticky.w-full.top-0 svg:has(use[href=\"#icon-icon-set\"]) { color: #D85A8B !important; }\n\n.sticky.w-full.top-0 span.MuiBadge-dot.md\\:hidden {\n  background: #D85A8B !important;\n  box-shadow: 0 0 0 2px #FFF5F7,\n              0 0 8px rgba(216, 90, 139, 0.62) !important;\n  animation: dotPulse 2s ease-in-out infinite;\n}\n\n@keyframes dotPulse {\n  0%, 100% { transform: scale(1); opacity: 1; }\n  50%      { transform: scale(1.2); opacity: 0.78; }\n}\n\n.sticky.w-full.top-0 button.MuiIconButton-root:has(svg.lucide-music-2) {\n  background: rgba(229, 137, 181, 0.12) !important;\n  border-radius: 10px !important;\n  transition: all 0.25s ease !important;\n}\n\n.sticky.w-full.top-0 button.MuiIconButton-root:has(svg.lucide-music-2):hover {\n  background: rgba(229, 137, 181, 0.22) !important;\n  transform: translateY(-1px) !important;\n}\n\n.sticky.w-full.top-0 button.MuiIconButton-root svg.lucide-music-2 {\n  color: #D85A8B !important;\n}\n\n#header-setting-button {\n  background: rgba(216, 90, 139, 0.10) !important;\n  border-radius: 10px !important;\n  transition: all 0.25s ease !important;\n}\n\n#header-setting-button:hover {\n  background: rgba(216, 90, 139, 0.22) !important;\n  transform: translateY(-1px) rotate(45deg) !important;\n}\n\n#header-setting-button svg {\n  color: #D85A8B !important;\n  transition: transform 0.4s cubic-bezier(0.34, 1.42, 0.64, 1) !important;\n}\n\n/* ========== B2. 开场白选择器 ========== */\ndiv.flex.items-center.h-9.bg-white.rounded-md.cursor-pointer.group[class*=\"border-gray\"] {\n  background: #FFFCF6 !important;\n  border: 1px solid rgba(229, 189, 94, 0.32) !important;\n  border-left: 3px solid #E5BD5E !important;\n  border-radius: 10px !important;\n  box-shadow: 0 2px 6px rgba(229, 189, 78, 0.12),\n              inset 0 1px 0 rgba(255, 255, 255, 0.82) !important;\n  transition: all 0.25s cubic-bezier(0.32, 0.72, 0.24, 1) !important;\n}\n\ndiv.flex.items-center.h-9.bg-white.rounded-md.cursor-pointer.group[class*=\"border-gray\"]:hover {\n  background: #FFF8E8 !important;\n  border-left-color: #D5A848 !important;\n  transform: translateY(-1px) !important;\n  box-shadow: 0 4px 12px rgba(229, 189, 78, 0.22) !important;\n}\n\ndiv.flex.items-center.h-9.cursor-pointer.group svg[data-icon=\"SlidersH\"] { color: #B58838 !important; }\ndiv.flex.items-center.h-9.cursor-pointer.group svg[data-icon=\"ChevronDown\"] {\n  color: #B58838 !important;\n  transition: transform 0.3s ease !important;\n}\n\ndiv.flex.items-center.h-9.bg-white.rounded-md.cursor-pointer.group[class*=\"border-gray\"]:hover svg[data-icon=\"ChevronDown\"] {\n  transform: translateY(2px) !important;\n}\n\n/* ========== B3. 按钮栏 ========== */\n#ai-mod-button2 button.MuiButton-root {\n  background: #FFFCF6 !important;\n  color: #5C2A48 !important;\n  border: 1px solid rgba(216, 90, 139, 0.22) !important;\n  border-left: 3px solid #D85A8B !important;\n  border-radius: 10px !important;\n  font-family: \"Noto Sans SC\", -apple-system, sans-serif !important;\n  font-weight: 600 !important;\n  font-size: 13px !important;\n  letter-spacing: 0.04em !important;\n  padding: 6px 14px 6px 12px !important;\n  box-shadow: 0 2px 6px rgba(216, 90, 139, 0.10),\n              inset 0 1px 0 rgba(255, 255, 255, 0.82) !important;\n  transition: background 0.25s ease,\n              border-color 0.25s ease,\n              transform 0.25s cubic-bezier(0.34, 1.42, 0.64, 1) !important;\n  text-transform: none !important;\n}\n\n#ai-mod-button2 button.MuiButton-root:hover {\n  background: #FFF !important;\n  border-color: rgba(216, 90, 139, 0.42) !important;\n  border-left-color: #E589B5 !important;\n  transform: translateY(-1px) !important;\n  box-shadow: 0 4px 12px rgba(216, 90, 139, 0.22) !important;\n}\n\n#ai-mod-button2 button.MuiButton-root:active { transform: scale(0.98) !important; }\n\n#ai-mod-button2 button.MuiButton-root svg {\n  color: #D85A8B !important;\n  transition: all 0.25s ease !important;\n}\n\n#ai-mod-button2 button.MuiButton-root:hover svg {\n  color: #E589B5 !important;\n  transform: scale(1.08) !important;\n}\n\n/* ========== B4. 底部输入栏 ========== */\n.bg-gradient-to-t {\n  background: #FFF5F7 !important;\n  border-top: 1px solid rgba(216, 90, 139, 0.18) !important;\n  box-shadow: 0 -2px 12px rgba(216, 90, 139, 0.08) !important;\n  transition: background-color 0.4s ease, border-color 0.4s ease !important;\n}\n\n#ai-chat-bottom-input {\n  background: #FFFCF6 !important;\n  border: 1px solid rgba(216, 90, 139, 0.22) !important;\n  border-left: 3px solid #E589B5 !important;\n  border-radius: 14px !important;\n  box-shadow: 0 2px 6px rgba(216, 90, 139, 0.10),\n              0 8px 18px rgba(216, 90, 139, 0.08),\n              inset 0 1px 0 rgba(255, 255, 255, 0.82) !important;\n  transition: border-color 0.25s ease,\n              box-shadow 0.25s ease !important;\n}\n\n#ai-chat-bottom-input:focus-within {\n  border-color: rgba(216, 90, 139, 0.52) !important;\n  border-left-color: #D85A8B !important;\n  box-shadow: 0 2px 6px rgba(216, 90, 139, 0.16),\n              0 8px 18px rgba(216, 90, 139, 0.22),\n              inset 0 1px 0 rgba(255, 255, 255, 0.82) !important;\n  animation: input-breath 2.4s ease-in-out infinite;\n}\n\n@keyframes input-breath {\n  0%, 100% { border-left-color: #D85A8B; }\n  50%      { border-left-color: #E589B5; }\n}\n\n#ai-chat-input {\n  background: transparent !important;\n  color: #5C2A48 !important;\n  font-family: \"Noto Sans SC\", -apple-system, sans-serif !important;\n  font-size: 14.5px !important;\n  line-height: 1.78 !important;\n  letter-spacing: 0.012em !important;\n  caret-color: #D85A8B !important;\n}\n\n#ai-chat-input::placeholder {\n  color: rgba(92, 42, 72, 0.46) !important;\n  font-style: italic !important;\n  font-weight: 400 !important;\n}\n\n#ai-chat-input::selection {\n  background: rgba(229, 137, 181, 0.42) !important;\n  color: #5C2A48 !important;\n}\n\n/* ========== B5. 分页栏 ========== */\n.MuiPaginationItem-root {\n  color: #8A4F70 !important;\n  font-family: \"Cascadia Code\", \"JetBrains Mono\", monospace !important;\n  font-weight: 600 !important;\n  border-radius: 8px !important;\n  transition: background 0.25s ease, color 0.25s ease !important;\n}\n\n.MuiPaginationItem-root:hover {\n  background: rgba(229, 137, 181, 0.16) !important;\n  color: #D85A8B !important;\n}\n\n.MuiPaginationItem-root.Mui-selected {\n  background: #D85A8B !important;\n  color: #FFF !important;\n  box-shadow: 0 2px 4px rgba(216, 90, 139, 0.32),\n              inset 0 1px 0 rgba(255, 255, 255, 0.32) !important;\n  font-weight: 700 !important;\n}\n\n.MuiPaginationItem-root.Mui-selected:hover { background: #E589B5 !important; }\n\n.MuiPaginationItem-root.Mui-disabled {\n  color: rgba(138, 79, 112, 0.32) !important;\n  opacity: 0.46 !important;\n}\n\n.MuiPaginationItem-icon { color: inherit !important; }\n\n.MuiStack-root.css-1uwir8f .MuiBox-root {\n  color: #8A4F70 !important;\n  font-size: 13px !important;\n}\n\n.MuiInputBase-input {\n  color: #5C2A48 !important;\n  background: #FFFCF6 !important;\n  border: 1px solid rgba(216, 90, 139, 0.22) !important;\n  border-radius: 6px !important;\n  font-family: \"Cascadia Code\", monospace !important;\n  font-weight: 600 !important;\n}\n\n/* ========== B6. 评论区 ========== */\ndiv[class*=\"w-full\"][class*=\"bg-white\"][class*=\"bottom-0\"] {\n  background: #FFF5F7 !important;\n  border-top: 1px solid rgba(216, 90, 139, 0.18) !important;\n}\n\ndiv.text-lg.font-bold {\n  color: #5C2A48 !important;\n  font-family: \"Mochiy Pop One\", \"PingFang SC\", sans-serif !important;\n  letter-spacing: 0.04em !important;\n  position: relative;\n  padding-left: 14px !important;\n}\n\ndiv.text-lg.font-bold::before {\n  content: \"\";\n  position: absolute;\n  left: 0;\n  top: 50%;\n  transform: translateY(-50%);\n  width: 4px;\n  height: 18px;\n  background: #D85A8B;\n  border-radius: 2px;\n  box-shadow: 0 0 8px rgba(216, 90, 139, 0.42);\n}\n\np.MuiTypography-body1.text-grey-600 {\n  color: #8A4F70 !important;\n  font-family: \"Mochiy Pop One\", \"PingFang SC\", sans-serif !important;\n  font-weight: 600 !important;\n  letter-spacing: 0.04em !important;\n}\n\nspan.MuiRating-iconEmpty svg {\n  color: rgba(216, 90, 139, 0.22) !important;\n  transition: transform 0.25s cubic-bezier(0.34, 1.42, 0.64, 1) !important;\n}\n\nspan.MuiRating-iconFilled svg {\n  color: #E5BD5E !important;\n  filter: drop-shadow(0 0 6px rgba(229, 189, 94, 0.52));\n  transition: transform 0.25s cubic-bezier(0.34, 1.42, 0.64, 1) !important;\n}\n\nspan.MuiRating-root:hover svg { transform: scale(1.1) rotate(8deg) !important; }\n\nspan.text-orange-500 {\n  color: #D85A8B !important;\n  font-family: \"Cascadia Code\", monospace !important;\n  font-weight: 700 !important;\n  font-size: 15px !important;\n}\n\ndiv.flex.flex-col.border-gray-200 {\n  background: #FFFCF6 !important;\n  border: 1px solid rgba(216, 90, 139, 0.22) !important;\n  border-left: 3px solid #E589B5 !important;\n  border-radius: 14px !important;\n  box-shadow: 0 2px 6px rgba(216, 90, 139, 0.10),\n              inset 0 1px 0 rgba(255, 255, 255, 0.82) !important;\n  transition: all 0.25s ease !important;\n}\n\ndiv.flex.flex-col.border-gray-200:focus-within {\n  border-color: rgba(216, 90, 139, 0.52) !important;\n  border-left-color: #D85A8B !important;\n  box-shadow: 0 4px 14px rgba(216, 90, 139, 0.22) !important;\n}\n\ntextarea.rc-textarea {\n  background: transparent !important;\n  color: #5C2A48 !important;\n  font-family: \"Noto Sans SC\", -apple-system, sans-serif !important;\n  font-size: 14px !important;\n  line-height: 1.78 !important;\n  caret-color: #D85A8B !important;\n}\n\ntextarea.rc-textarea::placeholder {\n  color: rgba(92, 42, 72, 0.46) !important;\n  font-style: italic !important;\n}\n\ndiv.bg-gray-100.text-gray-500 {\n  background: rgba(216, 90, 139, 0.10) !important;\n  color: #D85A8B !important;\n  font-family: \"Cascadia Code\", monospace !important;\n  border-radius: 8px !important;\n  font-size: 11.5px !important;\n  font-weight: 600 !important;\n}\n\ndiv.cursor-pointer.group.flex.items-center.justify-center {\n  background: #D85A8B !important;\n  border-radius: 12px !important;\n  box-shadow: 0 2px 6px rgba(216, 90, 139, 0.32),\n              inset 0 1px 0 rgba(255, 255, 255, 0.32) !important;\n  transition: all 0.25s cubic-bezier(0.34, 1.42, 0.64, 1) !important;\n}\n\ndiv.cursor-pointer.group.flex.items-center.justify-center:hover {\n  background: #E589B5 !important;\n  transform: translateY(-2px) !important;\n  box-shadow: 0 4px 12px rgba(216, 90, 139, 0.42),\n              inset 0 1px 0 rgba(255, 255, 255, 0.32) !important;\n}\n\ndiv.cursor-pointer.group.flex.items-center.justify-center:active {\n  transform: scale(0.96) !important;\n}\n\ndiv[data-state=\"closed\"] svg[data-icon=\"Send03\"] {\n  color: #FFF !important;\n  transition: transform 0.3s cubic-bezier(0.34, 1.42, 0.64, 1) !important;\n}\n\ndiv.cursor-pointer.group.flex.items-center.justify-center:hover svg[data-icon=\"Send03\"] {\n  transform: translateX(2px) rotate(-12deg) !important;\n}\n\ndiv.style_divider__mW0YX {\n  background: rgba(216, 90, 139, 0.18) !important;\n  height: 1px !important;\n  border: none !important;\n}\n\nbutton.MuiButton-containedPrimary {\n  background: #D85A8B !important;\n  color: #FFF !important;\n  border-radius: 10px !important;\n  font-family: \"Noto Sans SC\", sans-serif !important;\n  font-weight: 600 !important;\n  letter-spacing: 0.04em !important;\n  box-shadow: 0 2px 6px rgba(216, 90, 139, 0.32),\n              inset 0 1px 0 rgba(255, 255, 255, 0.32) !important;\n  text-transform: none !important;\n  transition: all 0.25s ease !important;\n}\n\nbutton.MuiButton-containedPrimary:hover {\n  background: #E589B5 !important;\n  transform: translateY(-1px) !important;\n  box-shadow: 0 4px 12px rgba(216, 90, 139, 0.42) !important;\n}\n\nbutton.MuiButton-outlinedPrimary {\n  background: #FFFCF6 !important;\n  color: #D85A8B !important;\n  border: 1px solid rgba(216, 90, 139, 0.42) !important;\n  border-radius: 10px !important;\n  font-family: \"Noto Sans SC\", sans-serif !important;\n  font-weight: 600 !important;\n  text-transform: none !important;\n  transition: all 0.25s ease !important;\n}\n\nbutton.MuiButton-outlinedPrimary:hover {\n  background: rgba(216, 90, 139, 0.08) !important;\n  border-color: #E589B5 !important;\n  transform: translateY(-1px) !important;\n}\n\ndiv.group.ml-0 {\n  background: #FFFCF6 !important;\n  border: 1px solid rgba(216, 90, 139, 0.18) !important;\n  border-left: 3px solid rgba(229, 137, 181, 0.52) !important;\n  border-radius: 14px !important;\n  padding: 12px !important;\n  margin-bottom: 8px !important;\n  transition: all 0.25s ease !important;\n}\n\ndiv.group.ml-0:hover {\n  background: #FFF !important;\n  border-left-color: #D85A8B !important;\n  transform: translateX(2px) !important;\n  box-shadow: -2px 4px 12px rgba(216, 90, 139, 0.12) !important;\n}\n\ndiv.group img.rounded-full {\n  border: 2px solid #FFFCF6 !important;\n  box-shadow: 0 2px 6px rgba(216, 90, 139, 0.16),\n              0 0 0 1px rgba(229, 137, 181, 0.32) !important;\n  transition: transform 0.3s cubic-bezier(0.34, 1.42, 0.64, 1) !important;\n}\n\ndiv.group:hover img.rounded-full { transform: scale(1.08) rotate(-3deg) !important; }\n\ndiv.text-sm.text-grey-600 span.font-bold {\n  color: #5C2A48 !important;\n  font-family: \"Mochiy Pop One\", \"PingFang SC\", sans-serif !important;\n}\n\ndiv.text-sm.text-grey-600 { color: #8A4F70 !important; }\n\nspan.text-\\[10px\\] {\n  background: #E5BD5E !important;\n  color: #5C4A1C !important;\n  padding: 1px 7px !important;\n  border-radius: 8px !important;\n  font-weight: 700 !important;\n  font-family: \"Cascadia Code\", monospace !important;\n}\n\ndiv.break-all {\n  color: #5C2A48 !important;\n  line-height: 1.78 !important;\n  font-size: 14px !important;\n}\n\ndiv.text-xs.text-grey-600 {\n  color: rgba(138, 79, 112, 0.62) !important;\n  font-family: \"Cascadia Code\", monospace !important;\n  font-size: 11px !important;\n}\n\nbutton.text-gray-400 {\n  color: rgba(138, 79, 112, 0.52) !important;\n  border-radius: 8px !important;\n  padding: 4px 8px !important;\n  transition: all 0.25s ease !important;\n}\n\nbutton.text-gray-400:hover {\n  color: #D85A8B !important;\n  background: rgba(229, 137, 181, 0.16) !important;\n  transform: scale(1.05) !important;\n}\n\nbutton.text-gray-400 svg { transition: transform 0.3s cubic-bezier(0.34, 1.42, 0.64, 1) !important; }\nbutton.text-gray-400:hover svg { transform: scale(1.18) rotate(-12deg) !important; }\n\nspan.cursor-pointer {\n  color: #D85A8B !important;\n  font-weight: 600 !important;\n  border-bottom: 1px dashed rgba(216, 90, 139, 0.42) !important;\n  transition: all 0.25s ease !important;\n}\n\nspan.cursor-pointer:hover {\n  color: #C24578 !important;\n  border-bottom-style: solid !important;\n}\n\ndiv.ml-8.border-l {\n  border-left: 2px solid rgba(216, 90, 139, 0.32) !important;\n  padding-left: 12px !important;\n  margin-top: 8px !important;\n  background: rgba(229, 137, 181, 0.06) !important;\n  border-radius: 0 8px 8px 0 !important;\n}\n\n\n/* ╔════════════════════════════════════════════════════╗\n   ║                                                    ║\n   ║   PART C · 系统深色模式 → 切换为深紫夜晚主题          ║\n   ║   ai 内容 + 平台外壳 同步联动                         ║\n   ║                                                    ║\n   ╚════════════════════════════════════════════════════╝ */\n\n@media (prefers-color-scheme: dark) {\n\n  /* ━━━━━ C1. ai 内容令牌覆盖为深紫 ━━━━━ */\n  ai {\n    --bg:           #14101E;\n    --bg-card:     #1F1A2C;\n    --bg-card-2:   #1A1626;\n    --bg-inset:    #15111F;\n    --bg-cream:    #2A2238;\n\n    --text:        #E8E0F4;\n    --text-soft:   rgba(232, 224, 244, 0.74);\n    --text-mute:   rgba(232, 224, 244, 0.46);\n\n    --line:         rgba(255, 255, 255, 0.08);\n    --line-strong: rgba(255, 255, 255, 0.14);\n    --line-dash:   rgba(255, 255, 255, 0.16);\n\n    --sh-1: 0 1px 2px rgba(0, 0, 0, 0.18),\n            0 4px 12px rgba(0, 0, 0, 0.22);\n    --sh-2: 0 2px 4px rgba(0, 0, 0, 0.18),\n            0 10px 24px rgba(0, 0, 0, 0.28),\n            0 20px 44px rgba(0, 0, 0, 0.22);\n\n    background:\n      radial-gradient(circle at 10% 4%, rgba(229, 137, 181, 0.10), transparent 38%),\n      radial-gradient(circle at 92% 8%, rgba(127, 184, 212, 0.08), transparent 36%),\n      var(--bg);\n  }\n\n  /* —— 时间地点条:恢复金色款 —— */\n  ai hd {\n    background:\n      radial-gradient(circle at 6% 50%, rgba(255, 255, 255, 0.32) 0 10%, transparent 22%),\n      linear-gradient(108deg, #E8C770 0%, #D5A848 44%, #B58838 100%);\n    border-color: rgba(229, 189, 94, 0.32);\n    box-shadow:\n      0 12px 28px rgba(213, 168, 72, 0.18),\n      0 20px 48px rgba(0, 0, 0, 0.32),\n      inset 0 1px 0 rgba(255, 255, 255, 0.42);\n  }\n  ai hd span {\n    color: rgba(40, 30, 12, 0.92);\n    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.32);\n  }\n\n  /* —— 折叠标题 —— */\n  ai .think summary,\n  ai .pc summary,\n  ai .npc summary,\n  ai .track summary,\n  ai .mem summary,\n  ai .act summary {\n    background: var(--bg-card-2);\n    border-color: var(--line);\n    color: var(--text);\n  }\n  ai [open] > summary { background: var(--bg-cream); }\n\n  ai story p { color: rgba(232, 224, 244, 0.92); }\n  ai .pc d, ai .npc d, ai .think d,\n  ai .track .char-track, ai .mem d {\n    background: var(--bg-card-2);\n    color: var(--text-soft);\n    border-color: var(--line);\n  }\n\n  ai .pc f { color: var(--c-blue-2); }\n  ai .npc f { color: var(--c-pink-2); }\n  ai .track .char-track .n { color: var(--c-purple-2); }\n  ai .mem h4 { color: var(--c-yellow-2); filter: none; }\n\n  /* —— NPC 身份卡片 —— */\n  ai .npc .surface,\n  ai .npc .emotion-bars {\n    background: var(--bg-card-2);\n    border-color: var(--line);\n  }\n  ai .npc .id-eval {\n    background: var(--bg-inset);\n    color: var(--text);\n  }\n  ai .npc .bar-track {\n    background: rgba(255, 255, 255, 0.06);\n    border-color: var(--line);\n  }\n  ai .npc .bar-reason f {\n    background: var(--bg-inset);\n    color: var(--text-soft);\n  }\n  ai .npc .id-title { color: var(--c-blue-2); }\n  ai .npc .identity-card.inner-id .id-title { color: var(--c-pink-2); }\n\n  /* —— 思维链模块 —— */\n  ai .think .mod-title {\n    background: var(--bg-card-2);\n    border-color: var(--line);\n    color: var(--text);\n  }\n  ai .think .char-block { background: var(--bg-card-2); }\n  ai .think .check-block { background: rgba(155, 127, 196, 0.10); }\n  ai .think .mod-meta {\n    background: var(--bg-cream);\n    color: var(--text);\n  }\n  ai .think .sec-tag {\n    background: rgba(216, 90, 139, 0.14);\n    color: var(--c-pink-2);\n  }\n  ai .think .check-block .sec-tag {\n    background: rgba(155, 127, 196, 0.16);\n    color: var(--c-purple-2);\n  }\n\n  /* —— 选项按钮 —— */\n  ai .act button[n=\"1\"],\n  ai .act button[n=\"2\"],\n  ai .act button[n=\"3\"] {\n    background: var(--bg-card-2);\n    color: var(--text);\n    border-color: var(--line);\n  }\n  ai .act button[n=\"1\"]:hover,\n  ai .act button[n=\"2\"]:hover,\n  ai .act button[n=\"3\"]:hover { background: var(--bg-cream); }\n  ai .act button.sys {\n    background: var(--bg-card-2);\n    color: var(--text-soft);\n    border-color: var(--line);\n  }\n  ai .act button.sys:hover {\n    background: var(--bg-cream);\n    color: var(--text);\n  }\n\n  ai code { background: rgba(155, 127, 196, 0.18); color: var(--c-purple-2); }\n  ai pre { background: var(--bg-inset); }\n  ai blockquote {\n    background: rgba(155, 127, 196, 0.08);\n    color: var(--text-soft);\n  }\n\n  /* ━━━━━ C2. 平台顶栏切换为深紫 ━━━━━ */\n  .sticky.w-full.top-0.flex.items-center {\n    background: #1F1A2C !important;\n    border-bottom: 1px solid rgba(155, 127, 196, 0.22) !important;\n    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.32) !important;\n  }\n\n  .sticky.w-full.top-0.flex.items-center::before {\n    background-image:\n      radial-gradient(circle at 12% 35%, rgba(229, 137, 181, 0.62) 1.2px, transparent 2px),\n      radial-gradient(circle at 78% 65%, rgba(189, 168, 218, 0.52) 1px, transparent 1.8px),\n      radial-gradient(circle at 38% 78%, rgba(229, 189, 94, 0.42) 1.4px, transparent 2.2px),\n      radial-gradient(circle at 88% 22%, rgba(168, 210, 229, 0.42) 0.9px, transparent 1.5px),\n      radial-gradient(circle at 22% 12%, rgba(155, 127, 196, 0.52) 0.8px, transparent 1.4px),\n      radial-gradient(circle at 62% 42%, rgba(244, 179, 206, 0.42) 1px, transparent 1.6px) !important;\n    opacity: 0.78 !important;\n  }\n\n  .sticky.w-full.top-0.flex.items-center::after {\n    background: linear-gradient(90deg,\n      transparent 0%,\n      rgba(189, 168, 218, 0.62) 20%,\n      rgba(229, 137, 181, 0.82) 50%,\n      rgba(189, 168, 218, 0.62) 80%,\n      transparent 100%) !important;\n    background-size: 200% 100% !important;\n  }\n\n  /* 模型选择器 */\n  #ai-model-selector .group.flex.items-center {\n    background: #2A2238 !important;\n    border-color: rgba(189, 168, 218, 0.32) !important;\n    border-left-color: #BDA8DA !important;\n    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.32),\n                inset 0 1px 0 rgba(255, 255, 255, 0.06) !important;\n  }\n  #ai-model-selector .group.flex.items-center:hover {\n    background: #342A48 !important;\n    border-left-color: #E589B5 !important;\n    box-shadow: 0 4px 12px rgba(155, 127, 196, 0.22) !important;\n  }\n  #ai-model-selector .truncate.text-\\[13px\\] { color: #E8E0F4 !important; }\n  #ai-model-selector .shrink-0.flex.items-center svg { color: #BDA8DA !important; }\n\n  /* 顶栏图标 */\n  .sticky.w-full.top-0 svg.lucide-clock-8 { color: #A8D2E5 !important; }\n  .sticky.w-full.top-0 svg:has(use[href=\"#icon-icon-set\"]) { color: #BDA8DA !important; }\n\n  .sticky.w-full.top-0 span.MuiBadge-dot.md\\:hidden {\n    background: #E589B5 !important;\n    box-shadow: 0 0 0 2px #1F1A2C,\n                0 0 8px rgba(229, 137, 181, 0.62) !important;\n  }\n\n  .sticky.w-full.top-0 button.MuiIconButton-root:has(svg.lucide-music-2) {\n    background: rgba(229, 137, 181, 0.12) !important;\n  }\n  .sticky.w-full.top-0 button.MuiIconButton-root:has(svg.lucide-music-2):hover {\n    background: rgba(229, 137, 181, 0.22) !important;\n  }\n  .sticky.w-full.top-0 button.MuiIconButton-root svg.lucide-music-2 { color: #F4B3CE !important; }\n\n  #header-setting-button { background: rgba(155, 127, 196, 0.12) !important; }\n  #header-setting-button:hover { background: rgba(155, 127, 196, 0.22) !important; }\n  #header-setting-button svg { color: #BDA8DA !important; }\n\n  /* 开场白选择器 */\n  div.flex.items-center.h-9.bg-white.rounded-md.cursor-pointer.group[class*=\"border-gray\"] {\n    background: #2A2238 !important;\n    border-color: rgba(229, 189, 94, 0.32) !important;\n    border-left-color: #E5BD5E !important;\n    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.32),\n                inset 0 1px 0 rgba(255, 255, 255, 0.06) !important;\n  }\n  div.flex.items-center.h-9.bg-white.rounded-md.cursor-pointer.group[class*=\"border-gray\"]:hover {\n    background: #342A48 !important;\n    border-left-color: #F2D88E !important;\n  }\n  div.flex.items-center.h-9.cursor-pointer.group svg[data-icon=\"SlidersH\"],\n  div.flex.items-center.h-9.cursor-pointer.group svg[data-icon=\"ChevronDown\"] {\n    color: #F2D88E !important;\n  }\n\n  /* 按钮栏 */\n  #ai-mod-button2 button.MuiButton-root {\n    background: #1F1A2C !important;\n    color: #E8E0F4 !important;\n    border-color: rgba(155, 127, 196, 0.32) !important;\n    border-left-color: #BDA8DA !important;\n    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.32),\n                inset 0 1px 0 rgba(255, 255, 255, 0.04) !important;\n  }\n  #ai-mod-button2 button.MuiButton-root:hover {\n    background: #2A2238 !important;\n    border-color: rgba(189, 168, 218, 0.52) !important;\n    border-left-color: #E589B5 !important;\n    color: #FFF !important;\n    box-shadow: 0 4px 12px rgba(155, 127, 196, 0.32) !important;\n  }\n  #ai-mod-button2 button.MuiButton-root svg { color: #F4B3CE !important; }\n  #ai-mod-button2 button.MuiButton-root:hover svg { color: #E589B5 !important; }\n\n  /* 底部输入栏 */\n  .bg-gradient-to-t {\n    background: #14101E !important;\n    border-top: 1px solid rgba(155, 127, 196, 0.22) !important;\n    box-shadow: 0 -2px 12px rgba(0, 0, 0, 0.32) !important;\n  }\n  #ai-chat-bottom-input {\n    background: #1F1A2C !important;\n    border-color: rgba(155, 127, 196, 0.32) !important;\n    border-left-color: #E589B5 !important;\n    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.32),\n                0 8px 18px rgba(0, 0, 0, 0.22),\n                inset 0 1px 0 rgba(255, 255, 255, 0.04) !important;\n  }\n  #ai-chat-bottom-input:focus-within {\n    border-color: rgba(229, 137, 181, 0.52) !important;\n    border-left-color: #F4B3CE !important;\n    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.32),\n                0 8px 18px rgba(229, 137, 181, 0.22),\n                inset 0 1px 0 rgba(255, 255, 255, 0.04) !important;\n  }\n  #ai-chat-input {\n    color: #E8E0F4 !important;\n    caret-color: #F4B3CE !important;\n  }\n  #ai-chat-input::placeholder { color: rgba(232, 224, 244, 0.42) !important; }\n  #ai-chat-input::selection {\n    background: rgba(229, 137, 181, 0.42) !important;\n    color: #FFF !important;\n  }\n\n  /* 分页 */\n  .MuiPaginationItem-root { color: rgba(232, 224, 244, 0.62) !important; }\n  .MuiPaginationItem-root:hover {\n    background: rgba(229, 137, 181, 0.16) !important;\n    color: #F4B3CE !important;\n  }\n  .MuiPaginationItem-root.Mui-selected {\n    background: #D85A8B !important;\n    color: #FFF !important;\n    box-shadow: 0 2px 4px rgba(216, 90, 139, 0.42),\n                inset 0 1px 0 rgba(255, 255, 255, 0.22) !important;\n  }\n  .MuiPaginationItem-root.Mui-disabled { color: rgba(232, 224, 244, 0.22) !important; }\n  .MuiStack-root.css-1uwir8f .MuiBox-root { color: rgba(232, 224, 244, 0.62) !important; }\n  .MuiInputBase-input {\n    color: #E8E0F4 !important;\n    background: #1F1A2C !important;\n    border-color: rgba(155, 127, 196, 0.32) !important;\n  }\n\n  /* 评论区 */\n  div[class*=\"w-full\"][class*=\"bg-white\"][class*=\"bottom-0\"] {\n    background: #14101E !important;\n    border-top: 1px solid rgba(155, 127, 196, 0.22) !important;\n  }\n  div.text-lg.font-bold { color: #E8E0F4 !important; }\n  div.text-lg.font-bold::before { background: #E589B5 !important; }\n\n  p.MuiTypography-body1.text-grey-600 { color: rgba(232, 224, 244, 0.74) !important; }\n  span.MuiRating-iconEmpty svg { color: rgba(232, 224, 244, 0.22) !important; }\n  span.MuiRating-iconFilled svg { color: #F2D88E !important; }\n  span.text-orange-500 { color: #F4B3CE !important; }\n\n  div.flex.flex-col.border-gray-200 {\n    background: #1F1A2C !important;\n    border-color: rgba(155, 127, 196, 0.32) !important;\n    border-left-color: #E589B5 !important;\n    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.32),\n                inset 0 1px 0 rgba(255, 255, 255, 0.04) !important;\n  }\n  div.flex.flex-col.border-gray-200:focus-within {\n    border-color: rgba(229, 137, 181, 0.52) !important;\n    border-left-color: #F4B3CE !important;\n    box-shadow: 0 4px 14px rgba(229, 137, 181, 0.22) !important;\n  }\n\n  textarea.rc-textarea {\n    color: #E8E0F4 !important;\n    caret-color: #F4B3CE !important;\n  }\n  textarea.rc-textarea::placeholder { color: rgba(232, 224, 244, 0.42) !important; }\n\n  div.bg-gray-100.text-gray-500 {\n    background: rgba(155, 127, 196, 0.18) !important;\n    color: #BDA8DA !important;\n  }\n\n  div.cursor-pointer.group.flex.items-center.justify-center {\n    background: #D85A8B !important;\n    box-shadow: 0 2px 6px rgba(216, 90, 139, 0.42),\n                inset 0 1px 0 rgba(255, 255, 255, 0.22) !important;\n  }\n  div.cursor-pointer.group.flex.items-center.justify-center:hover {\n    background: #E589B5 !important;\n  }\n\n  div.style_divider__mW0YX { background: rgba(189, 168, 218, 0.32) !important; }\n\n  button.MuiButton-containedPrimary {\n    background: #9B7FC4 !important;\n    box-shadow: 0 2px 6px rgba(155, 127, 196, 0.42),\n                inset 0 1px 0 rgba(255, 255, 255, 0.22) !important;\n  }\n  button.MuiButton-containedPrimary:hover { background: #BDA8DA !important; }\n\n  button.MuiButton-outlinedPrimary {\n    background: #1F1A2C !important;\n    color: #BDA8DA !important;\n    border-color: rgba(155, 127, 196, 0.52) !important;\n  }\n  button.MuiButton-outlinedPrimary:hover {\n    background: #2A2238 !important;\n    color: #E8E0F4 !important;\n  }\n\n  div.group.ml-0 {\n    background: #1F1A2C !important;\n    border-color: rgba(155, 127, 196, 0.22) !important;\n    border-left-color: rgba(189, 168, 218, 0.52) !important;\n  }\n  div.group.ml-0:hover {\n    background: #2A2238 !important;\n    border-left-color: #E589B5 !important;\n    box-shadow: -2px 4px 12px rgba(0, 0, 0, 0.32) !important;\n  }\n\n  div.group img.rounded-full {\n    border-color: #1F1A2C !important;\n    box-shadow: 0 0 0 1px rgba(229, 137, 181, 0.42) !important;\n  }\n  div.text-sm.text-grey-600 span.font-bold { color: #E8E0F4 !important; }\n  div.text-sm.text-grey-600 { color: rgba(232, 224, 244, 0.62) !important; }\n  span.text-\\[10px\\] {\n    background: #E5BD5E !important;\n    color: #3A2A0E !important;\n  }\n  div.break-all { color: rgba(232, 224, 244, 0.92) !important; }\n  div.text-xs.text-grey-600 { color: rgba(232, 224, 244, 0.42) !important; }\n\n  button.text-gray-400 { color: rgba(232, 224, 244, 0.52) !important; }\n  button.text-gray-400:hover {\n    color: #F4B3CE !important;\n    background: rgba(229, 137, 181, 0.16) !important;\n  }\n\n  span.cursor-pointer {\n    color: #A8D2E5 !important;\n    border-bottom-color: rgba(168, 210, 229, 0.42) !important;\n  }\n  span.cursor-pointer:hover { color: #C8E3F0 !important; }\n\n  div.ml-8.border-l {\n    border-left-color: rgba(155, 127, 196, 0.52) !important;\n    background: rgba(155, 127, 196, 0.10) !important;\n  }\n}\n\n/* ╔════════════════════════════════════════════════════╗\n   ║  PART D · 可访问性                                   ║\n   ╚════════════════════════════════════════════════════╝ */\n\n@media (prefers-reduced-motion: reduce) {\n  *, *::before, *::after {\n    animation-duration: 0.01ms !important;\n    animation-iteration-count: 1 !important;\n    transition-duration: 0.01ms !important;\n  }\n  ai .star::before { animation: none; }\n}\n\n@media (prefers-contrast: more) {\n  ai { background: #FFF; }\n  ai .think, ai .pc, ai .npc, ai .track, ai .mem, ai .act {\n    border: 2px solid currentColor;\n  }\n  ai .star { background: #000; color: #FFF; border: 2px solid #FFF; }\n}\n\n/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━\n   ✦ End · Magia Cupita Unified v2.0\n   ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */\n","options":{"items":[]},"language":"zh","containsNSFW":true,"publicAccess":true,"deletedAt":null,"isAnonymous":false,"enableSafeguard":false,"defaultModelSettings":null,"totalConversations":917,"totalMessages":15433,"totalCreditsUsed":24939013,"totalTokensUsed":616567549,"totalPlayedUsers":519,"deeplyPlayed":300,"fixedPromptLength":16901,"lorebookLength":37996,"author":{"id":"hOtoYZ4DEnXCBgiVuqoq3HHYFjom7BPx","name":"mrcrz","displayUsername":"mrcrz","username":"mrcrz"},"cardsTags":[{"tag":{"name":"超高自由度","cardsCount":981}},{"tag":{"name":"校园","cardsCount":424}},{"tag":{"name":"可剧情可涩涩","cardsCount":2459}},{"tag":{"name":"多角色","cardsCount":1110}},{"tag":{"name":"恶堕","cardsCount":302}},{"tag":{"name":"开放世界","cardsCount":1289}},{"tag":{"name":"可调教","cardsCount":286}},{"tag":{"name":"动漫同人","cardsCount":97}}],"cardsVoices":[],"prompt":null,"promptSizeBytes":null}