{"id":"c1024733-c627-4c1f-85a0-10559e1156d7","authorId":"t4Re8iVMgKjcxhCBuq9gSgICzKmU7FEl","title":"星予彩与你","description":"这是一个五彩斑斓的宁静世界。白天总是飘扬着纯白无瑕的雪，夜晚的天际则永远闪耀着璀璨绚烂的极光。在这座安宁的城市中，人们遵循着早已融入日常的“宠物制”法则，自然而然地生活与繁衍。对于生于斯长于斯的人们而言，这一切如同呼吸般理所当然，温馨且祥和。而在这漫天飞雪与无尽光影交汇的广袤天地里，外界的喧嚣并不重要，你只愿守在那个最温暖的归处——在这个世界里和你的妹妹相依为命\n\n建议先使用3.1p（一定概率断）或者cld4-7（0.057必出字）开局后切v4f\n\n催更群494116029","background":null,"backgroundWidth":null,"backgroundHeight":null,"cover":"d6chc1ycya2ejsy5o82dhfqg.webp","coverWidth":null,"coverHeight":null,"introPage":"ibn9f8ou7r7qpiht9zf65qos.html","changelog":"","createdAt":"2026-08-18T00:59:01.116Z","updatedAt":"2026-08-18T01:08:29.042Z","initPublicAt":"2026-08-18T01:01:55.535Z","renderTemplate":null,"assistantRegexReplace":null,"enableMemorySchema":false,"memorySchema":null,"injectStyles":"/* =========================================\n   五彩斑斓的世界 v2 - 独立角色容器版\n   ========================================= */\n\n/* ========== 隐藏标签 ========== */\nhd, qz, jt, cot, cot-ca, cot-na, cot-tj {\n  display: none !important;\n}\n\n/* ========== 空行兜底 ========== */\np:empty, br + br { \n  display: none !important; \n}\n\n/* ========== 清除折叠箭头 ========== */\ndetails summary::-webkit-details-marker {\n  display: none;\n}\n\ndetails summary::marker {\n  content: '';\n  display: none;\n}\n\ndetails summary {\n  list-style: none;\n}\n\n/* ========== 顶部状态栏 ========== */\nstp {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 8px;\n  margin-bottom: 16px;\n  padding: 12px;\n  background: linear-gradient(135deg, rgba(220, 240, 255, 0.6), rgba(200, 255, 230, 0.5), rgba(230, 220, 255, 0.55));\n  backdrop-filter: blur(12px);\n  -webkit-backdrop-filter: blur(12px);\n  border: 1.5px solid rgba(120, 200, 220, 0.4);\n  border-radius: 12px;\n  box-shadow: 0 4px 16px rgba(130, 220, 200, 0.25), inset 0 0 0 1px rgba(220, 240, 255, 0.5);\n  position: relative;\n}\n\nstp::before {\n  content: '';\n  position: absolute;\n  inset: -1px;\n  border-radius: 13px;\n  border: 1px dashed rgba(127, 255, 212, 0.45);\n  pointer-events: none;\n  animation: lace-breathe 4s ease-in-out infinite;\n}\n\nsti {\n  display: block;\n  flex: 1 1 auto;\n  min-width: 120px;\n  padding: 8px 12px;\n  background: linear-gradient(135deg, rgba(240, 252, 255, 0.7), rgba(220, 250, 240, 0.6));\n  border: 1px solid rgba(130, 200, 200, 0.35);\n  border-radius: 8px;\n  font-size: 14px;\n  color: #3a6a8a;\n  text-align: center;\n  font-weight: 500;\n  transition: all 0.2s;\n}\n\nsti:hover {\n  background: linear-gradient(135deg, rgba(250, 255, 255, 0.85), rgba(230, 255, 245, 0.8));\n  border-color: rgba(127, 255, 212, 0.6);\n  box-shadow: 0 2px 8px rgba(127, 255, 212, 0.4);\n  transform: translateY(-1px);\n}\n\n/* ========== 正文 ========== */\ntx {\n  display: block;\n  background: linear-gradient(135deg, rgba(235, 252, 255, 0.78), rgba(220, 250, 240, 0.7), rgba(235, 225, 255, 0.72));\n  backdrop-filter: blur(24px);\n  -webkit-backdrop-filter: blur(24px);\n  padding: 24px 22px;\n  border-radius: 18px;\n  margin-bottom: 14px;\n  border: 1px solid rgba(130, 200, 220, 0.4);\n  box-shadow: 0 8px 32px rgba(130, 220, 210, 0.22), inset 0 0 0 1px rgba(235, 252, 255, 0.5);\n  position: relative;\n  overflow: hidden;\n}\n\ntx::before {\n  content: \"\";\n  position: absolute;\n  top: -80px;\n  right: -80px;\n  width: 220px;\n  height: 220px;\n  border-radius: 50%;\n  background: radial-gradient(circle, rgba(127, 255, 212, 0.35) 0%, transparent 70%);\n  animation: cleanGlow 7s ease-in-out infinite;\n  pointer-events: none;\n  filter: blur(22px);\n}\n\ntx::after {\n  content: \"\";\n  position: absolute;\n  bottom: -60px;\n  left: -60px;\n  width: 200px;\n  height: 200px;\n  border-radius: 50%;\n  background: radial-gradient(circle, rgba(167, 139, 250, 0.3) 0%, transparent 70%);\n  animation: cleanGlow 8s ease-in-out infinite reverse;\n  pointer-events: none;\n  filter: blur(22px);\n}\n\n@keyframes cleanGlow {\n  0%, 100% {\n    transform: scale(1) translate(0, 0);\n    opacity: 0.45;\n  }\n  50% {\n    transform: scale(1.25) translate(15px, 15px);\n    opacity: 0.85;\n  }\n}\n\ntx p {\n  margin-bottom: 14px;\n  text-indent: 2em;\n  line-height: 1.95;\n  font-size: 15px;\n  color: #2d4a6a;\n  text-shadow: 0 1px 2px rgba(255, 255, 255, 0.6);\n  position: relative;\n  z-index: 1;\n  letter-spacing: 0.3px;\n}\n\ntx p:first-child::first-letter {\n  font-size: 2.4em;\n  font-weight: bold;\n  float: left;\n  line-height: 1;\n  margin: 4px 8px 0 0;\n  background: linear-gradient(135deg, #56ccf2 0%, #2f80ed 100%);\n  -webkit-background-clip: text;\n  -webkit-text-fill-color: transparent;\n  background-clip: text;\n  text-shadow: none;\n}\n\ntx p:last-child {\n  margin-bottom: 0;\n}\n\n/* ========== 阿卡夏纪录 ========== */\ndetails.akasha.theme-clean {\n  background: linear-gradient(135deg, rgba(127, 220, 200, 0.5) 0%, rgba(100, 200, 220, 0.4) 100%);\n  backdrop-filter: blur(20px);\n  -webkit-backdrop-filter: blur(20px);\n  border-radius: 16px;\n  padding: 6px;\n  margin-bottom: 14px;\n  border: 1px solid rgba(127, 220, 200, 0.4);\n  box-shadow: 0 8px 32px rgba(127, 220, 200, 0.25), inset 0 1px 0 rgba(255, 255, 255, 0.6);\n}\n\ndetails.akasha.theme-clean summary {\n  background: rgba(240, 252, 255, 0.5);\n  color: #2a6a8a;\n  padding: 12px 16px;\n  border-radius: 12px;\n  cursor: pointer;\n  font-weight: bold;\n  text-align: center;\n  font-size: 16px;\n  letter-spacing: 2px;\n  transition: all 0.4s ease;\n  user-select: none;\n}\n\ndetails.akasha.theme-clean summary:hover {\n  background: rgba(250, 255, 255, 0.7);\n  transform: translateY(-2px);\n}\n\ndetails.akasha.theme-clean[open] summary {\n  border-radius: 12px 12px 0 0;\n  margin-bottom: 8px;\n}\n\n/* 子折叠区 */\ndetails.ai {\n  margin: 10px;\n  background: rgba(245, 253, 255, 0.9);\n  border: 1px solid rgba(130, 200, 210, 0.3);\n  border-radius: 8px;\n  max-height: 250px;\n  overflow-y: auto;\n}\n\ndetails.ai::-webkit-scrollbar { \n  width: 6px; \n}\n\ndetails.ai::-webkit-scrollbar-track { \n  background: transparent; \n}\n\ndetails.ai::-webkit-scrollbar-thumb { \n  background: rgba(127, 220, 200, 0.4); \n  border-radius: 3px; \n}\n\ndetails.ai > summary {\n  padding: 8px 12px;\n  font-size: 13px;\n  color: #3a6a8a;\n  cursor: pointer;\n  list-style: none;\n  background: rgba(240, 252, 255, 0.6);\n  position: sticky;\n  top: 0;\n  z-index: 2;\n  font-weight: 600;\n}\n\ndetails.ai > summary::before {\n  content: '› ';\n  color: #56ccf2;\n  margin-right: 6px;\n}\n\ndetails.ai p {\n  margin: 8px 12px;\n  font-size: 12px;\n  color: #3a6a8a;\n}\n\n/* 表格样式 */\ndetails.akasha.theme-clean table {\n  display: table !important;\n  width: 100%;\n  table-layout: auto;\n  background: rgba(245, 253, 255, 0.9);\n  border-radius: 12px;\n  margin: 8px 0;\n  overflow: hidden;\n  border: 1px solid rgba(130, 200, 210, 0.3);\n  border-collapse: separate;\n  border-spacing: 0;\n}\n\ndetails.akasha.theme-clean th {\n  background: linear-gradient(135deg, rgba(127, 220, 200, 0.9) 0%, rgba(100, 200, 220, 0.85) 100%);\n  color: #fff;\n  padding: 10px 8px;\n  font-size: 13px;\n  text-align: center;\n  font-weight: bold;\n}\n\ndetails.akasha.theme-clean td {\n  padding: 9px 8px;\n  font-size: 13px;\n  color: #3a6a8a;\n  border-bottom: 1px solid rgba(130, 200, 210, 0.15);\n  text-align: center;\n}\n\ndetails.akasha.theme-clean tr:last-child td {\n  border-bottom: none;\n}\n\n/* ========== 用户状态卡 ========== */\ndetails.usr-fold {\n  border-radius: 16px;\n  padding: 6px;\n  margin-bottom: 14px;\n  backdrop-filter: blur(20px);\n  -webkit-backdrop-filter: blur(20px);\n  border: 1px solid rgba(130, 200, 220, 0.4);\n  background: linear-gradient(135deg, rgba(220, 235, 255, 0.5), rgba(200, 230, 250, 0.45));\n  box-shadow: 0 8px 32px rgba(130, 220, 210, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.5);\n}\n\ndetails.usr-fold summary {\n  background: rgba(240, 252, 255, 0.5);\n  color: #2a6a8a;\n  padding: 12px 16px;\n  border-radius: 12px;\n  cursor: pointer;\n  font-weight: bold;\n  font-size: 15px;\n  text-shadow: 0 1px 2px rgba(255, 255, 255, 0.7);\n  transition: all 0.4s ease;\n  user-select: none;\n}\n\ndetails.usr-fold summary:hover {\n  background: rgba(250, 255, 255, 0.7);\n  transform: translateY(-2px);\n}\n\ndetails.usr-fold[open] summary {\n  border-radius: 12px 12px 0 0;\n  margin-bottom: 8px;\n}\n\nusr {\n  display: block;\n  background: rgba(245, 253, 255, 0.88);\n  border-radius: 12px;\n  padding: 18px;\n  border: 1px solid rgba(130, 200, 210, 0.3);\n}\n\nub {\n  display: block;\n}\n\n/* ========== 网格布局 ========== */\ng3 {\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  gap: 8px;\n  margin-bottom: 8px;\n}\n\ng1 {\n  display: grid;\n  grid-template-columns: 1fr;\n  gap: 8px;\n  margin-bottom: 8px;\n}\n\ngi {\n  display: block;\n  padding: 9px 12px;\n  border-radius: 8px;\n  font-size: 14px;\n  color: #3a6a8a;\n  line-height: 1.7;\n  transition: all 0.3s ease;\n  background: linear-gradient(135deg, rgba(240, 252, 255, 0.7), rgba(230, 250, 245, 0.7));\n  border: 1px solid rgba(130, 200, 210, 0.3);\n}\n\ngi:hover {\n  background: linear-gradient(135deg, rgba(250, 255, 255, 0.85), rgba(235, 255, 250, 0.8));\n  border-color: rgba(127, 255, 212, 0.5);\n  box-shadow: 0 2px 6px rgba(127, 255, 212, 0.3);\n  transform: translateX(2px);\n}\n\n/* 身体细节区域 */\ncpb {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 8px;\n  margin-top: 12px;\n}\n\ncpb gi {\n  background: linear-gradient(135deg, rgba(235, 252, 255, 0.6), rgba(225, 250, 245, 0.6));\n  border: 1px solid rgba(130, 200, 210, 0.35);\n}\n\ncpb gi:hover {\n  background: linear-gradient(135deg, rgba(245, 255, 255, 0.85), rgba(235, 255, 250, 0.8));\n  transform: translateY(-2px);\n  box-shadow: 0 4px 12px rgba(127, 220, 200, 0.3);\n}\n\n/* ========== 角色通用元素 ========== */\n\n/* 头像框 */\nav {\n  display: block;\n  width: 64px;\n  height: 64px;\n  flex-shrink: 0;\n  border-radius: 50%;\n  overflow: hidden;\n  transition: transform 0.3s ease;\n  position: relative;\n}\n\nav:hover {\n  transform: scale(1.06) rotate(-3deg);\n}\n\n/* 角色名 */\nch {\n  display: inline-block;\n  font-size: 16px;\n  font-weight: bold;\n}\n\nch1 {\n  display: inline-block;\n  padding: 3px 10px;\n  border-radius: 12px;\n  font-size: 12px;\n  color: #fff;\n}\n\n/* 衣服图片容器（通用） */\nchar-pic {\n  display: block;\n  width: 100%;\n  aspect-ratio: 1051 / 788;\n  margin-bottom: 12px;\n  border-radius: 10px;\n  background-size: cover;\n  background-position: center center;\n  background-repeat: no-repeat;\n  transition: transform 0.3s ease;\n}\n\nchar-pic:hover {\n  transform: scale(1.02);\n}\n\n/* 角色信息区 */\ncb {\n  display: block;\n  margin-bottom: 12px;\n}\n\n/* 种族标签 */\nrc {\n  display: inline-block;\n  margin-bottom: 10px;\n  padding: 4px 12px;\n  border-radius: 999px;\n  font-size: 12px;\n  font-weight: 600;\n}\n\n/* 进度条 */\nbrg { \n  display: block; \n  margin-top: 8px; \n}\n\nsg { \n  display: grid; \n  grid-template-columns: 70px 1fr; \n  align-items: center; \n  gap: 8px; \n}\n\nsl { \n  font-size: 11px; \n  font-weight: 600; \n}\n\nbt {\n  display: block; \n  height: 8px;\n  background: rgba(255, 255, 255, 0.6);\n  border: 1px solid rgba(130, 200, 210, 0.4);\n  border-radius: 4px; \n  overflow: hidden;\n}\n\nbv { \n  display: block; \n  height: 100%; \n  border-radius: 4px; \n}\n\nbv.l { \n  background: linear-gradient(90deg, #56ccf2, #2f80ed); \n}\n\n/* ========== 通用发言气泡 ========== */\nsay {\n  display: inline-block;\n  margin: 6px 0;\n  padding: 10px 14px;\n  background: linear-gradient(135deg, rgba(240, 252, 255, 0.9), rgba(230, 250, 245, 0.85));\n  border: 1px solid rgba(127, 220, 200, 0.45);\n  border-radius: 16px 16px 16px 4px;\n  font-size: 14px;\n  line-height: 1.6;\n  color: #3a6a8a;\n  box-shadow: 0 3px 10px rgba(127, 220, 200, 0.25);\n  max-width: 88%;\n}\n\n/* ========== 选项 ========== */\nopts.theme-clean {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 12px;\n  margin-top: 16px;\n}\n\nslo {\n  display: block;\n  padding: 14px 16px;\n  border-radius: 14px;\n  cursor: pointer;\n  font-size: 14px;\n  font-weight: bold;\n  text-align: center;\n  color: #fff;\n  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n  position: relative;\n  overflow: hidden;\n  border: 1px solid rgba(255, 255, 255, 0.4);\n  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);\n  background: linear-gradient(135deg, rgba(127, 220, 200, 0.88) 0%, rgba(100, 200, 180, 0.88) 100%);\n  box-shadow: 0 4px 16px rgba(127, 220, 200, 0.35);\n}\n\nslo:hover {\n  transform: translateY(-4px) scale(1.02);\n  box-shadow: 0 6px 20px rgba(127, 220, 200, 0.5);\n}\n\nslo::before {\n  content: \"\";\n  position: absolute;\n  top: 0;\n  left: -100%;\n  width: 100%;\n  height: 100%;\n  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent);\n  transition: left 0.6s ease;\n}\n\nslo:hover::before {\n  left: 100%;\n}\n\n/* ========== 路人NPC · znm(男) / znf(女) ========== */\nznm, znf {\n  display: block;\n  margin-bottom: 14px;\n}\n\n/* 男性NPC · 冷蓝灰 */\nznm {\n  --mc: #6b7a99;\n  --mc-soft: #b8c4d6;\n  --mc-deep: #3d4a66;\n  --mc-bg: rgba(220, 228, 240, 0.45);\n  --mc-border: rgba(107, 122, 153, 0.45);\n}\n\n/* 女性NPC · 暖紫 */\nznf {\n  --mc: #b07ac9;\n  --mc-soft: #d8b8e6;\n  --mc-deep: #6b3d85;\n  --mc-bg: rgba(235, 220, 245, 0.45);\n  --mc-border: rgba(176, 122, 201, 0.45);\n}\n\nznm say {\n  color: var(--mc-deep);\n  background: linear-gradient(135deg, rgba(235, 242, 250, 0.9), rgba(225, 235, 245, 0.85));\n  border-color: var(--mc-border);\n  box-shadow: 0 3px 10px rgba(107, 122, 153, 0.2);\n}\n\nznf say {\n  color: var(--mc-deep);\n  background: linear-gradient(135deg, rgba(245, 235, 252, 0.9), rgba(235, 225, 245, 0.85));\n  border-color: var(--mc-border);\n  box-shadow: 0 3px 10px rgba(176, 122, 201, 0.2);\n}\n\n/* ========== 动画 ========== */\n@keyframes lace-breathe {\n  0%, 100% {\n    border-color: rgba(127, 255, 212, 0.35);\n  }\n  50% {\n    border-color: rgba(167, 139, 250, 0.55);\n  }\n}\n\n@keyframes cdmFadeIn {\n  from {\n    opacity: 0;\n    transform: translateY(-6px);\n  }\n  to {\n    opacity: 1;\n    transform: translateY(0);\n  }\n}\n\n/* ========== 移动端适配 ========== */\n@media (max-width: 768px) {\n  g3 {\n    grid-template-columns: 1fr;\n  }\n  cpb {\n    grid-template-columns: 1fr;\n  }\n  opts.theme-clean {\n    grid-template-columns: 1fr;\n  }\n  stp {\n    flex-direction: column;\n  }\n  sti {\n    min-width: 100%;\n  }\n}\n\n/* ========== 聊天框主体（粉金透感 → 清新蓝绿） ========== */\n.bg-gray-100\\/90.relative.inline-block {\n  background: linear-gradient(135deg,\n    rgba(235, 252, 255, 0.75),\n    rgba(220, 250, 240, 0.65)) !important;\n  backdrop-filter: blur(14px) !important;\n  -webkit-backdrop-filter: blur(14px) !important;\n  border: 1px solid rgba(127, 220, 200, 0.4) !important;\n  border-radius: 16px !important;\n  box-shadow:\n    0 6px 22px rgba(130, 220, 210, 0.15),\n    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;\n  isolation: isolate !important;\n  position: relative !important;\n}\n\n.bg-gray-100\\/90.relative.inline-block:not(.chat-answer-container .bg-gray-100\\/90) {\n  background: linear-gradient(135deg,\n    rgba(245, 255, 255, 0.85),\n    rgba(230, 255, 250, 0.7)) !important;\n  border-color: rgba(127, 220, 200, 0.45) !important;\n}\n\n/* 正文：浅色背景 → 深色文字（保证可读性） */\n.markdown-body {\n  color: #2d4a6a !important;\n  font-family: \"PingFang SC\", \"Microsoft YaHei\", system-ui, -apple-system, sans-serif !important;\n  line-height: 1.85 !important;\n  font-size: 14px !important;\n  position: relative !important;\n  z-index: 1 !important;\n  background: transparent !important;\n}\n\n.markdown-body strong, .markdown-body b {\n  color: #3a6a8a !important;\n  font-weight: bold !important;\n}\n\n/* ========== 顶部色条隐藏 ========== */\n[class*=\"bg-[#F1CBCB]\"],\n[class*=\"bg-[#c9e1e9]\"] {\n  display: none !important;\n}\n\n/* ========== 底部按钮 / 模型名 / Token 文字 ========== */\n.MuiButtonBase-root.MuiButton-root.MuiButton-text.MuiButton-textPrimary {\n  color: #3a6a8a !important;\n  border-radius: 10px !important;\n  transition: all 0.2s ease !important;\n}\n\n.MuiButtonBase-root.MuiButton-root.MuiButton-text.MuiButton-textPrimary:hover {\n  background: rgba(220, 250, 240, 0.6) !important;\n  color: #2a6a8a !important;\n}\n\n.MuiTypography-root.MuiTypography-body2.css-6c0gf2 {\n  color: #56ccf2 !important;\n  font-weight: 600 !important;\n  letter-spacing: 1px !important;\n}\n\n.text-orange-500 {\n  color: #56ccf2 !important;\n}\n\n/* =========================================\n   🌟 星彩莉 · 独立双形态容器 (xc1 / xc2)\n   xc1 = 普通(雪+天空) / xc2 = NO78(五彩斑斓)\n   ========================================= */\n\nxc1, xc2 { \n  display: block; \n  margin-bottom: 14px; \n}\n\n/* —— 主题变量 —— */\nxc1 {\n  --mc:        #5eb8d4;\n  --mc-soft:   #a8d8ea;\n  --mc-deep:   #2a5a6e;\n  --mc-cream:  #f0f8ff;\n  --mc-bg:     rgba(240, 248, 255, 0.55);\n  --mc-border: rgba(94, 184, 212, 0.5);\n}\n\nxc2 {\n  --mc:        #ff6b9d;\n  --mc-soft:   #ffd700;\n  --mc-deep:   #4a148c;\n  --mc-glitch: #06ffa5;\n  --mc-bg:     rgba(255, 255, 255, 0.15);\n  --mc-border: rgba(255, 215, 0, 0.7);\n}\n\n/* ========== 卡片骨架 ========== */\nxc1 > details, xc2 > details {\n  display: block; \n  position: relative;\n  border-radius: 14px; \n  overflow: hidden;\n  transition: box-shadow 0.3s ease;\n  border: 1.5px solid var(--mc-border);\n  padding: 6px;\n  backdrop-filter: blur(20px);\n  -webkit-backdrop-filter: blur(20px);\n}\n\n/* xc1 背景 */\nxc1 > details {\n  background:\n    radial-gradient(circle at 20% 30%, rgba(168, 216, 234, 0.4), transparent 50%),\n    radial-gradient(circle at 80% 70%, rgba(240, 248, 255, 0.5), transparent 50%),\n    linear-gradient(180deg, #dbeeff 0%, #f0f8ff 50%, #e8e0f5 100%);\n  box-shadow: 0 8px 32px rgba(94, 184, 212, 0.25), inset 0 1px 0 rgba(255, 255, 255, 0.5);\n}\n\nxc1 > details[open] { \n  box-shadow: 0 8px 32px rgba(94, 184, 212, 0.45), inset 0 1px 0 rgba(255, 255, 255, 0.5);\n}\n\n/* xc2 背景 */\nxc2 > details {\n  background:\n    radial-gradient(circle at 30% 40%, rgba(255, 107, 157, 0.45), transparent 50%),\n    radial-gradient(circle at 70% 60%, rgba(6, 255, 165, 0.35), transparent 45%),\n    linear-gradient(135deg, #ff0844 0%, #ffb199 14%, #ffd700 28%, #06ffa5 42%, #00d4ff 57%, #9d4edd 71%, #ff0844 85%, #ffb199 100%);\n  background-size: 250% 250%;\n  box-shadow: 0 8px 32px rgba(255, 215, 0, 0.5), inset 0 0 30px rgba(255, 107, 157, 0.25);\n  animation: rainbowFlow 8s ease-in-out infinite;\n}\n\nxc2 > details[open] { \n  box-shadow: 0 8px 32px rgba(255, 215, 0, 0.7), inset 0 0 40px rgba(6, 255, 165, 0.35);\n}\n\n@keyframes rainbowFlow {\n  0%, 100% { background-position: 0% 50%; }\n  50% { background-position: 100% 50%; }\n}\n\n/* summary 头部 */\nxc1 > details > summary, xc2 > details > summary {\n  display: flex; \n  align-items: center; \n  gap: 14px;\n  padding: 12px 14px; \n  cursor: pointer; \n  list-style: none; \n  user-select: none;\n  border-radius: 12px;\n  transition: all 0.4s ease;\n}\n\nxc1 > details > summary { \n  background: linear-gradient(135deg, rgba(240, 248, 255, 0.7), rgba(220, 240, 255, 0.6));\n}\n\nxc1 > details > summary:hover {\n  background: linear-gradient(135deg, rgba(250, 255, 255, 0.85), rgba(240, 255, 250, 0.75));\n  transform: translateY(-2px);\n}\n\nxc2 > details > summary { \n  background: linear-gradient(135deg, rgba(255, 107, 157, 0.35), rgba(255, 215, 0, 0.3), rgba(6, 255, 165, 0.3));\n}\n\nxc2 > details > summary:hover {\n  background: linear-gradient(135deg, rgba(255, 107, 157, 0.5), rgba(255, 215, 0, 0.45), rgba(6, 255, 165, 0.45));\n  transform: translateY(-2px);\n}\n\nxc1 > details > summary::-webkit-details-marker, \nxc2 > details > summary::-webkit-details-marker { \n  display: none; \n}\n\nxc1 > details > summary::marker, \nxc2 > details > summary::marker { \n  content: ''; \n  display: none; \n}\n\nxc1 > details[open] > summary,\nxc2 > details[open] > summary {\n  border-radius: 12px 12px 0 0;\n  margin-bottom: 8px;\n}\n\n/* summary内部网格布局 */\nxc1 > details > summary ch-head,\nxc2 > details > summary ch-head {\n  display: grid !important; \n  grid-template-columns: 64px 1fr; \n  grid-template-rows: 1fr;\n  column-gap: 16px; \n  width: 100%; \n  align-items: center; \n  margin: 0; \n  padding: 0; \n  border: none;\n}\n\nxc1 > details > summary ch-head > av,\nxc2 > details > summary ch-head > av { \n  grid-column: 1; \n  grid-row: 1; \n  align-self: center; \n}\n\nxc1 > details > summary ch-head > ch-info,\nxc2 > details > summary ch-head > ch-info {\n  grid-column: 2; \n  grid-row: 1; \n  align-self: center;\n  display: flex;\n  flex-direction: column;\n  gap: 6px;\n}\n\n/* 状态卡头像小框 */\nxc1 av, xc2 av {\n  display: block; \n  width: 64px; \n  height: 64px; \n  flex-shrink: 0; \n  border-radius: 50%;\n  overflow: hidden; \n  transition: transform 0.3s ease;\n  box-shadow: 0 0 0 3px rgba(200, 240, 255, 0.4), 0 4px 10px rgba(94, 184, 212, 0.35);\n}\n\nxc1 av {\n  border: 2px solid var(--mc); \n  background-color: var(--mc-cream);\n}\n\nxc2 av {\n  border: 2px solid #ffd700; \n  background-color: #fff5f9;\n  box-shadow: 0 0 0 3px rgba(255, 107, 157, 0.55), 0 0 22px rgba(255, 215, 0, 0.8), 0 4px 14px rgba(74, 20, 140, 0.4);\n  animation: rainbowGlow 3s ease-in-out infinite;\n}\n\n@keyframes rainbowGlow {\n  0%, 100% { box-shadow: 0 0 0 3px rgba(255, 107, 157, 0.55), 0 0 22px rgba(255, 215, 0, 0.8), 0 4px 14px rgba(74, 20, 140, 0.4); }\n  50% { box-shadow: 0 0 0 3px rgba(6, 255, 165, 0.65), 0 0 28px rgba(255, 107, 157, 0.9), 0 4px 16px rgba(74, 20, 140, 0.5); }\n}\n\nxc1 av:hover, xc2 av:hover { \n  transform: scale(1.06) rotate(-3deg); \n}\n\n/* 角色名 */\nxc1 ch, xc2 ch {\n  display: inline-block;\n  font-size: 16px;\n  font-weight: bold;\n  background: linear-gradient(135deg, #56ccf2 0%, #2f80ed 100%);\n  -webkit-background-clip: text;\n  -webkit-text-fill-color: transparent;\n  background-clip: text;\n}\n\nxc2 ch {\n  background: linear-gradient(90deg, #ff0844, #ffd700, #06ffa5, #00d4ff, #9d4edd, #ff0844);\n  background-size: 200% auto;\n  -webkit-background-clip: text;\n  -webkit-text-fill-color: transparent;\n  background-clip: text;\n  animation: rainbowText 4s linear infinite;\n}\n\n@keyframes rainbowText {\n  0% { background-position: 0% 50%; }\n  100% { background-position: 200% 50%; }\n}\n\n/* 称号 */\nxc1 ch1, xc2 ch1 {\n  display: inline-block;\n  padding: 3px 10px;\n  border-radius: 12px;\n  font-size: 12px;\n  color: #fff;\n  background: linear-gradient(135deg, #56ccf2 0%, #2f80ed 100%);\n  box-shadow: 0 2px 8px rgba(47, 128, 237, 0.3);\n}\n\nxc2 ch1 {\n  background: linear-gradient(90deg, #ff6b9d, #ffd700, #06ffa5);\n  box-shadow: 0 2px 8px rgba(255, 215, 0, 0.5);\n}\n\n/* cdm展开主体 */\nxc1 cdm, xc2 cdm {\n  display: block; \n  padding: 16px; \n  backdrop-filter: blur(10px); \n  animation: cdmFadeIn 0.2s ease-out; \n  border: 1px solid var(--mc-border);\n  border-radius: 12px;\n}\n\nxc1 cdm { \n  background: rgba(245, 253, 255, 0.88);\n}\n\nxc2 cdm { \n  background: rgba(255, 255, 255, 0.35);\n}\n\n/* 内部通用元素配色 */\nxc1 rc, xc2 rc {\n  display: inline-block;\n  margin-bottom: 10px;\n  padding: 4px 12px;\n  border-radius: 999px;\n  font-size: 12px;\n  font-weight: 600;\n  color: var(--mc-deep);\n}\n\nxc1 rc {\n  background: rgba(240, 248, 255, 0.7);\n  border: 1px solid var(--mc-border);\n}\n\nxc2 rc {\n  background: rgba(255, 255, 255, 0.5);\n  border: 1px solid var(--mc-border);\n}\n\nxc1 gi, xc2 gi { \n  color: var(--mc-deep); \n  border-color: var(--mc-border); \n}\n\nxc1 gi { \n  background: linear-gradient(135deg, rgba(240, 252, 255, 0.7), rgba(230, 250, 245, 0.7));\n}\n\nxc2 gi { \n  background: rgba(255, 255, 255, 0.45);\n}\n\nxc1 sl { \n  color: var(--mc); \n}\n\nxc2 sl { \n  color: #fff; \n  text-shadow: 0 0 8px var(--mc-soft); \n}\n\nxc1 bv.l { \n  background: linear-gradient(90deg, var(--mc-soft), var(--mc)); \n}\n\nxc2 bv.l { \n  background: linear-gradient(90deg, #ff0844, #ffd700, #06ffa5, #00d4ff, #9d4edd); \n  box-shadow: 0 0 10px rgba(255, 215, 0, 0.7); \n}\n\n/* 发言气泡 */\nxc1 say, xc2 say {\n  display: inline-block; \n  margin: 6px 0; \n  padding: 10px 14px;\n  border-radius: 16px 16px 16px 4px; \n  font-size: 14px; \n  line-height: 1.6; \n  max-width: 88%;\n}\n\nxc1 say {\n  background: linear-gradient(135deg, rgba(240, 248, 255, 0.9), rgba(230, 250, 245, 0.85));\n  border: 1px solid var(--mc-border); \n  color: var(--mc-deep); \n  box-shadow: 0 3px 10px rgba(94, 184, 212, 0.25);\n}\n\nxc2 say {\n  background: linear-gradient(135deg, rgba(255,255,255,0.9), rgba(255,240,250,0.88));\n  border: 1.5px solid rgba(255, 215, 0, 0.65); \n  color: var(--mc-deep);\n  box-shadow: 0 3px 14px rgba(255, 215, 0, 0.5); \n  text-shadow: 0 0 6px rgba(255, 255, 255, 0.6);\n}\n\n/* =========================================\n   🎭 星彩莉 · 独立表情系统 (of1-of24, of78)\n   ========================================= */\nof1, of2, of3, of4, of5, of6, of7, of8, of9, of10,\nof11, of12, of13, of14, of15, of16, of17, of18, of19, of20,\nof21, of22, of23, of24, of78 {\n  display: block; \n  width: 112px; \n  height: 112px;\n  border-radius: 50%; \n  background-size: cover; \n  background-position: center top; \n  background-repeat: no-repeat;\n  margin: 10px 0 6px;\n}\n\n/* xc1 (普通态) 表情边框 */\nof1, of2, of3, of4, of5, of6, of7, of8, of9, of10,\nof11, of12, of13, of14, of15, of16, of17, of18, of19, of20,\nof21, of22, of23, of24 {\n  border: 2px solid #5eb8d4; \n  background-color: #f0f8ff; \n  box-shadow: 0 4px 14px rgba(94, 184, 212, 0.4);\n}\n\n/* xc2 (NO78态) 表情边框 */\nof78 {\n  border: 2px solid #ffd700; \n  background-color: #fff5f9; \n  box-shadow: 0 0 22px #ffd700, 0 4px 14px rgba(255, 107, 157, 0.5);\n}\n\n/* 进 av 自动缩小 */\nav > of1, av > of2, av > of3, av > of4, av > of5, av > of6, av > of7, av > of8, av > of9, av > of10,\nav > of11, av > of12, av > of13, av > of14, av > of15, av > of16, av > of17, av > of18, av > of19, av > of20,\nav > of21, av > of22, av > of23, av > of24, av > of78 {\n  width: 100%; \n  height: 100%; \n  border: none; \n  margin: 0; \n  box-shadow: none; \n  border-radius: 0;\n}\n\n/* 表情图片链接 */\nof1  { background-image: url('https://image.acg.lol/file/2026/08/09/-0f3caca725dadf1b.png'); } \nof2  { background-image: url('https://image.acg.lol/file/2026/08/09/-ba04c18716c9d730.png'); } \nof3  { background-image: url('https://image.acg.lol/file/2026/08/09/-d591319956ec7f5b.png'); } \nof4  { background-image: url('https://image.acg.lol/file/2026/08/09/-496cd14e610b9987.png'); } \nof5  { background-image: url('https://image.acg.lol/file/2026/08/09/-45211010834c94b4.png'); } \nof6  { background-image: url('https://image.acg.lol/file/2026/08/09/-c47f1f17449316b5.png'); } \nof7  { background-image: url('https://image.acg.lol/file/2026/08/09/-f1d50adce96afa53.png'); } \nof8  { background-image: url('https://image.acg.lol/file/2026/08/09/-af5b9c3fab1d9060.png'); } \nof9  { background-image: url('https://image.acg.lol/file/2026/08/09/-56888cf35062c6b4.png'); } \nof10 { background-image: url('https://image.acg.lol/file/2026/08/09/-c5eae68d90c357a3.png'); } \nof11 { background-image: url('https://image.acg.lol/file/2026/08/09/-9e4ed030429b0879.png'); } \nof12 { background-image: url('https://image.acg.lol/file/2026/08/09/-2baddf6e3c1e1ab6.png'); } \nof13 { background-image: url('https://image.acg.lol/file/2026/08/09/-ba6f3a10eabf254f.png'); } \nof14 { background-image: url('https://image.acg.lol/file/2026/08/09/-7eccc0b31289ba82.png'); } \nof15 { background-image: url('https://image.acg.lol/file/2026/08/09/-d5ae5b28739d80b5.png'); } \nof16 { background-image: url('https://image.acg.lol/file/2026/08/09/-6de6004bf15fb253.png'); } \nof17 { background-image: url('https://image.acg.lol/file/2026/08/09/-78c4479a5b799c9f.png'); } \nof18 { background-image: url('https://image.acg.lol/file/2026/08/09/-7f4e55fe344b2ec4.png'); } \nof19 { background-image: url('https://image.acg.lol/file/2026/08/09/-e63e37b5be6e5e64.png'); } \nof20 { background-image: url('https://image.acg.lol/file/2026/08/09/-ff8b5ddc44c0f4f8.png'); } \nof21 { background-image: url('https://image.acg.lol/file/2026/08/09/-5b7af483ce661a00.png'); } \nof22 { background-image: url('https://image.acg.lol/file/2026/08/09/-7781a52069e16cbf.png'); } \nof23 { background-image: url('https://image.acg.lol/file/2026/08/09/-7187b5e808ba0cf7.png'); } \nof24 { background-image: url('https://image.acg.lol/file/2026/08/09/-d616762479705575.png'); } \nof78 { background-image: url('https://image.acg.lol/file/2026/08/09/NO78-.png'); }\n\n/* ========== 星彩莉 · 衣服/立绘系统 (oi1-oi18, oi78) ========== */\noi1, oi2, oi3, oi4, oi5, oi6, oi7, oi8, oi9, oi10,\noi11, oi12, oi13, oi14, oi15, oi16, oi17, oi18, oi78 {\n  display: block; \n  width: 100%; \n  aspect-ratio: 1051 / 788;\n  margin-bottom: 12px; \n  border-radius: 10px; \n  background-size: cover; \n  background-position: center center;\n  background-repeat: no-repeat; \n  transition: transform 0.3s ease;\n  box-shadow: 0 3px 12px rgba(94, 184, 212, 0.2), inset 0 0 0 2px rgba(255, 255, 255, 0.4);\n}\n\n/* xc1 衣服边框 */\noi1, oi2, oi3, oi4, oi5, oi6, oi7, oi8, oi9, oi10, oi11, oi12, oi13, oi14, oi15, oi16, oi17, oi18 {\n  border: 1px solid rgba(94, 184, 212, 0.5);\n}\n\n/* xc2 衣服边框 */\noi78 {\n  border: 1px solid rgba(255, 215, 0, 0.7); \n  box-shadow: 0 3px 16px rgba(255, 215, 0, 0.55), inset 0 0 0 2px rgba(255, 107, 157, 0.25);\n}\n\noi1:hover, oi2:hover, oi3:hover, oi4:hover, oi5:hover, oi6:hover, oi7:hover, oi8:hover, oi9:hover, oi10:hover,\noi11:hover, oi12:hover, oi13:hover, oi14:hover, oi15:hover, oi16:hover, oi17:hover, oi18:hover, oi78:hover { \n  transform: scale(1.02); \n}\n\noi1  { background-image: url('https://image.acg.lol/file/2026/08/09/-1e38b8a741080c76.png'); } \noi2  { background-image: url('https://image.acg.lol/file/2026/08/09/-27a02d86c477fcc8.png'); } \noi3  { background-image: url('https://image.acg.lol/file/2026/08/09/-b9e26dc76fe8ca3a.png'); } \noi4  { background-image: url('https://image.acg.lol/file/2026/08/09/-2b5e5dd94e6e08fa.png'); } \noi5  { background-image: url('https://image.acg.lol/file/2026/08/09/-ac0d6dc28d9f23d7.png'); } \noi6  { background-image: url('https://image.acg.lol/file/2026/08/09/-2df091d5505e00d9.png'); } \noi7  { background-image: url('https://image.acg.lol/file/2026/08/09/-1cd5d6eafd3185af.png'); } \noi8  { background-image: url('https://image.acg.lol/file/2026/08/09/-2d7276b787f1e01b.png'); } \noi9  { background-image: url('https://image.acg.lol/file/2026/08/09/-44d2d1a29c843f4c.png'); } \noi10 { background-image: url('https://image.acg.lol/file/2026/08/09/-b484fe87d43df79b.png'); } \noi11 { background-image: url('https://image.acg.lol/file/2026/08/09/-a25ed09a0b70d133.png'); } \noi12 { background-image: url('https://image.acg.lol/file/2026/08/09/-d856198b206dc103.png'); } \noi13 { background-image: url('https://image.acg.lol/file/2026/08/09/-308a2a1f0e0e6b2c.png'); } \noi14 { background-image: url('https://image.acg.lol/file/2026/08/09/-898f5d1b50c11b8b.png'); } \noi15 { background-image: url('https://image.acg.lol/file/2026/08/09/-1b7d563c62ad7ecb.png'); } \noi16 { background-image: url('https://image.acg.lol/file/2026/08/09/-73b86771f5d526b9.png'); } \noi17 { background-image: url('https://image.acg.lol/file/2026/08/09/-b1489aa05ac170a8.png'); } \noi18 { background-image: url('https://image.acg.lol/file/2026/08/09/-4d50c71d49855ec2.png'); } \noi78 { background-image: url('https://image.acg.lol/file/2026/08/09/NO78-0dcaf89aab35b07f.png'); }\n\n/* =========================================\n   🌈 满樱彩容器 my\n   主题:彩虹+极光(单形态)\n   ========================================= */\n\nmy {\n  display: block; \n  margin-bottom: 14px;\n  --mc:        #8b5cf6;\n  --mc-soft:   #a78bfa;\n  --mc-deep:   #2d1b4e;\n  --mc-cream:  #f5f0ff;\n  --mc-aurora1: #8ec5fc;\n  --mc-aurora2: #a1ffce;\n  --mc-aurora3: #e0c3fc;\n  --mc-rainbow1: #ff6b9d;\n  --mc-rainbow2: #ffd700;\n  --mc-rainbow3: #06ffa5;\n  --mc-rainbow4: #00d4ff;\n  --mc-border: rgba(139, 92, 246, 0.55);\n}\n\n/* ========== 独立骨架 ========== */\nmy > details {\n  display: block; \n  position: relative;\n  border-radius: 14px; \n  overflow: hidden;\n  transition: box-shadow 0.35s ease;\n  background:\n    radial-gradient(circle at 15% 20%, rgba(142, 197, 252, 0.5), transparent 45%),\n    radial-gradient(circle at 85% 25%, rgba(224, 195, 252, 0.55), transparent 45%),\n    radial-gradient(circle at 50% 85%, rgba(161, 255, 206, 0.45), transparent 50%),\n    radial-gradient(circle at 20% 70%, rgba(255, 107, 157, 0.3), transparent 40%),\n    radial-gradient(circle at 80% 60%, rgba(255, 215, 0, 0.25), transparent 40%),\n    linear-gradient(135deg, #e8dcff 0%, #d6ebff 30%, #dcffe4 55%, #ffd6f5 80%, #e8dcff 100%);\n  background-size: 220% 220%;\n  border: 1.5px solid var(--mc-border);\n  padding: 6px;\n  box-shadow: 0 8px 32px rgba(139, 92, 246, 0.28),\n              inset 0 0 30px rgba(255, 255, 255, 0.2);\n  animation: auroraFlow 10s ease-in-out infinite;\n  backdrop-filter: blur(20px);\n  -webkit-backdrop-filter: blur(20px);\n}\n\nmy > details[open] { \n  box-shadow: 0 8px 32px rgba(139, 92, 246, 0.42), inset 0 0 40px rgba(255, 255, 255, 0.28); \n}\n\n@keyframes auroraFlow {\n  0%, 100% { background-position: 0% 50%; filter: hue-rotate(0deg); }\n  25% { background-position: 50% 30%; filter: hue-rotate(15deg); }\n  50% { background-position: 100% 50%; filter: hue-rotate(0deg); }\n  75% { background-position: 50% 70%; filter: hue-rotate(-15deg); }\n}\n\n/* summary头部 */\nmy > details > summary {\n  display: flex; \n  align-items: center; \n  gap: 14px;\n  padding: 12px 14px; \n  cursor: pointer; \n  list-style: none; \n  user-select: none;\n  background: linear-gradient(135deg, rgba(245, 240, 255, 0.75), rgba(220, 240, 255, 0.65), rgba(255, 220, 245, 0.6));\n  border-radius: 12px;\n  transition: all 0.4s ease;\n}\n\nmy > details > summary:hover {\n  background: linear-gradient(135deg, rgba(250, 245, 255, 0.85), rgba(230, 245, 255, 0.75), rgba(255, 230, 250, 0.7));\n  transform: translateY(-2px);\n}\n\nmy > details > summary::-webkit-details-marker { \n  display: none; \n}\n\nmy > details > summary::marker { \n  content: ''; \n  display: none; \n}\n\nmy > details[open] > summary {\n  border-radius: 12px 12px 0 0;\n  margin-bottom: 8px;\n}\n\n/* summary内部网格布局 */\nmy > details > summary ch-head {\n  display: grid !important; \n  grid-template-columns: 64px 1fr; \n  grid-template-rows: 1fr;\n  column-gap: 16px; \n  width: 100%; \n  align-items: center; \n  margin: 0; \n  padding: 0; \n  border: none;\n}\n\nmy > details > summary ch-head > av { \n  grid-column: 1; \n  grid-row: 1; \n  align-self: center; \n}\n\nmy > details > summary ch-head > ch-info {\n  grid-column: 2; \n  grid-row: 1; \n  align-self: center;\n  display: flex;\n  flex-direction: column;\n  gap: 6px;\n}\n\n/* 头像框 */\nmy av {\n  display: block; \n  width: 64px; \n  height: 64px; \n  flex-shrink: 0; \n  border-radius: 50%; \n  overflow: hidden; \n  transition: transform 0.3s ease;\n  border: 2px solid var(--mc); \n  background-color: var(--mc-cream);\n  box-shadow: 0 0 0 3px rgba(224, 195, 252, 0.55), 0 0 18px rgba(142, 197, 252, 0.6), 0 4px 12px rgba(139, 92, 246, 0.4);\n  animation: auroraGlow 4s ease-in-out infinite;\n}\n\nmy av:hover { \n  transform: scale(1.06) rotate(-3deg); \n}\n\n@keyframes auroraGlow {\n  0%, 100% { box-shadow: 0 0 0 3px rgba(224, 195, 252, 0.55), 0 0 18px rgba(142, 197, 252, 0.6), 0 4px 12px rgba(139, 92, 246, 0.4); }\n  50% { box-shadow: 0 0 0 3px rgba(161, 255, 206, 0.65), 0 0 24px rgba(255, 107, 157, 0.7), 0 4px 14px rgba(139, 92, 246, 0.5); }\n}\n\n/* 角色名 */\nmy ch {\n  display: inline-block;\n  font-size: 16px;\n  font-weight: bold;\n  background: linear-gradient(90deg, #ff6b9d, #ffd700, #06ffa5, #00d4ff, #8b5cf6, #ff6b9d); \n  background-size: 200% auto;\n  background-clip: text; \n  -webkit-background-clip: text; \n  -webkit-text-fill-color: transparent; \n  animation: rainbowText 4s linear infinite;\n}\n\n@keyframes rainbowText {\n  0% { background-position: 0% 50%; }\n  100% { background-position: 200% 50%; }\n}\n\n/* 称号 */\nmy ch1 {\n  display: inline-block;\n  padding: 3px 10px;\n  border-radius: 12px;\n  font-size: 12px;\n  color: #fff;\n  background: linear-gradient(90deg, var(--mc-aurora1), var(--mc-aurora3), var(--mc-rainbow1));\n  box-shadow: 0 2px 8px rgba(139, 92, 246, 0.4);\n}\n\n/* cdm展开主体 */\nmy cdm {\n  display: block; \n  padding: 16px; \n  backdrop-filter: blur(10px); \n  background: rgba(255, 255, 255, 0.35);\n  border: 1px solid var(--mc-border);\n  border-radius: 12px;\n  animation: cdmFadeIn 0.2s ease-out;\n}\n\n/* 内部通用元素配色 */\nmy rc {\n  display: inline-block;\n  margin-bottom: 10px;\n  padding: 4px 12px;\n  border-radius: 999px;\n  font-size: 12px;\n  font-weight: 600;\n  color: var(--mc-deep);\n  background: rgba(255, 255, 255, 0.5);\n  border: 1px solid var(--mc-border);\n}\n\nmy gi { \n  color: var(--mc-deep); \n  border-color: var(--mc-border); \n  background: rgba(255, 255, 255, 0.5);\n}\n\nmy sl { \n  color: var(--mc); \n}\n\nmy bv.l { \n  background: linear-gradient(90deg, var(--mc-aurora1), var(--mc-aurora3), var(--mc-rainbow1)); \n  box-shadow: 0 0 8px rgba(139, 92, 246, 0.5); \n}\n\n/* ========== 发言气泡 sc (满樱彩专用) ========== */\nmy sc {\n  display: inline-block; \n  margin: 6px 0; \n  padding: 10px 14px; \n  border-radius: 16px 16px 16px 4px; \n  font-size: 14px; \n  line-height: 1.6; \n  max-width: 88%;\n  background: linear-gradient(135deg, rgba(245, 240, 255, 0.9) 0%, rgba(220, 240, 255, 0.85) 35%, rgba(220, 255, 235, 0.82) 65%, rgba(255, 220, 240, 0.88) 100%);\n  border: 1.5px solid transparent; \n  background-clip: padding-box; \n  color: var(--mc-deep);\n  box-shadow: 0 3px 12px rgba(139, 92, 246, 0.28), 0 0 0 1px rgba(139, 92, 246, 0.35), inset 0 1px 0 rgba(255, 255, 255, 0.6);\n  position: relative;\n}\n\nmy sc::before {\n  content: ''; \n  position: absolute; \n  inset: -2px; \n  border-radius: 17px 17px 17px 5px; \n  padding: 2px;\n  background: linear-gradient(135deg, #ff6b9d, #ffd700, #06ffa5, #00d4ff, #8b5cf6);\n  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);\n  -webkit-mask-composite: xor; \n  mask-composite: exclude; \n  opacity: 0.5; \n  pointer-events: none;\n}\n\n/* ========== 🎭 满樱彩 · 独立表情系统 cf1-cf15 ========== */\ncf1, cf2, cf3, cf4, cf5, cf6, cf7, cf8, cf9, cf10, cf11, cf12, cf13, cf14, cf15 {\n  display: block; \n  width: 112px; \n  height: 112px;\n  border-radius: 50%; \n  border: 2px solid #8b5cf6; \n  background-color: #f5f0ff; \n  background-size: cover; \n  background-position: center top; \n  background-repeat: no-repeat;\n  margin: 10px 0 6px; \n  box-shadow: 0 0 18px rgba(142, 197, 252, 0.7), 0 4px 14px rgba(139, 92, 246, 0.45);\n}\n\n/* 进 av 自动缩小 */\nav > cf1, av > cf2, av > cf3, av > cf4, av > cf5, av > cf6, av > cf7, av > cf8, av > cf9, av > cf10,\nav > cf11, av > cf12, av > cf13, av > cf14, av > cf15 {\n  width: 100%; \n  height: 100%; \n  border: none; \n  margin: 0; \n  box-shadow: none; \n  border-radius: 0;\n}\n\ncf1  { background-image: url('https://image.acg.lol/file/2026/08/09/c--c672038f66d1f594.png'); } \ncf2  { background-image: url('https://image.acg.lol/file/2026/08/09/c--73e320d6a97b2664.png'); } \ncf3  { background-image: url('https://image.acg.lol/file/2026/08/09/c--9a6e5e77de60e161.png'); } \ncf4  { background-image: url('https://image.acg.lol/file/2026/08/09/c--e4c285aabcd06c6d.png'); } \ncf5  { background-image: url('https://image.acg.lol/file/2026/08/09/c--36d66f86c1f68944.png'); } \ncf6  { background-image: url('https://image.acg.lol/file/2026/08/09/c--ee84347f6e86aefb.png'); } \ncf7  { background-image: url('https://image.acg.lol/file/2026/08/09/c--efa25619f0c7e50c.png'); } \ncf8  { background-image: url('https://image.acg.lol/file/2026/08/09/c--8ad87252ae0ea10c.png'); } \ncf9  { background-image: url('https://image.acg.lol/file/2026/08/09/c--669c412ae59f5914.png'); } \ncf10 { background-image: url('https://image.acg.lol/file/2026/08/09/c--bafacc7fc3a5964f.png'); } \ncf11 { background-image: url('https://image.acg.lol/file/2026/08/09/c--53e1c067d9fd8e10.png'); } \ncf12 { background-image: url('https://image.acg.lol/file/2026/08/09/c--7283b2f9895c2156.png'); } \ncf13 { background-image: url('https://image.acg.lol/file/2026/08/09/c--03285ae63cdd0e89.png'); } \ncf14 { background-image: url('https://image.acg.lol/file/2026/08/09/c--2cf2ef0f09b1c4f5.png'); } \ncf15 { background-image: url('https://image.acg.lol/file/2026/08/09/c--.png'); } \n\n/* ========== 衣服/立绘系统 ci1-ci18 ========== */\nci1, ci2, ci3, ci4, ci5, ci6, ci7, ci8, ci9, ci10, ci11, ci12, ci13, ci14, ci15, ci16, ci17, ci18 {\n  display: block; \n  width: 100%; \n  aspect-ratio: 1051 / 788; \n  margin-bottom: 12px; \n  border-radius: 10px; \n  background-size: cover; \n  background-position: center center;\n  background-repeat: no-repeat; \n  transition: transform 0.3s ease; \n  border: 1px solid rgba(139, 92, 246, 0.5);\n  box-shadow: 0 3px 14px rgba(139, 92, 246, 0.35), inset 0 0 0 2px rgba(255, 255, 255, 0.4);\n}\n\nci1:hover, ci2:hover, ci3:hover, ci4:hover, ci5:hover, ci6:hover, ci7:hover, ci8:hover, ci9:hover, ci10:hover, \nci11:hover, ci12:hover, ci13:hover, ci14:hover, ci15:hover, ci16:hover, ci17:hover, ci18:hover { \n  transform: scale(1.02); \n}\n\nci1  { background-image: url('https://image.acg.lol/file/2026/08/09/c--606abae111ebc196.png'); } \nci2  { background-image: url('https://image.acg.lol/file/2026/08/09/c--a1fa5cb819abd1ff.png'); } \nci3  { background-image: url('https://image.acg.lol/file/2026/08/09/c--fad2787d75f51c4d.png'); } \nci4  { background-image: url('https://image.acg.lol/file/2026/08/09/c--5f93da5b9efc700c.png'); } \nci5  { background-image: url('https://image.acg.lol/file/2026/08/09/c--6c4115c58aa58e53.png'); } \nci6  { background-image: url('https://image.acg.lol/file/2026/08/09/c--fbb0b5f31b422682.png'); } \nci7  { background-image: url('https://image.acg.lol/file/2026/08/09/c--43f81d6d8ed04b77.png'); } \nci8  { background-image: url('https://image.acg.lol/file/2026/08/09/c--0e72f6868d0e4991.png'); } \nci9  { background-image: url('https://image.acg.lol/file/2026/08/09/c--892a6ca7934bf55c.png'); } \nci10 { background-image: url('https://image.acg.lol/file/2026/08/09/c--7efb215ea40e088b.png'); } \nci11 { background-image: url('https://image.acg.lol/file/2026/08/09/c--1a9782555306c4c0.png'); } \nci12 { background-image: url('https://image.acg.lol/file/2026/08/09/c--8433c57634e32808.png'); } \nci13 { background-image: url('https://image.acg.lol/file/2026/08/09/c--14800fc156666129.png'); } \nci14 { background-image: url('https://image.acg.lol/file/2026/08/09/c--65be42ccd97a4464.png'); } \nci15 { background-image: url('https://image.acg.lol/file/2026/08/09/c--ff6f0fc30f219fec.png'); } \nci16 { background-image: url('https://image.acg.lol/file/2026/08/09/c--db8ffdb8301017bf.png'); } \nci17 { background-image: url('https://image.acg.lol/file/2026/08/09/c--818068b53fe2f196.png'); } \nci18 { background-image: url('https://image.acg.lol/file/2026/08/09/c--77c0f7a8355635d0.png'); }\n\n/* =========================================\n   🌌 奈 / NO77 · 独立双形态容器 (xn1 / xn2)\n   xn1 = 普通态(星空主题) / xn2 = NO77态(EX粉紫主题)\n   ========================================= */\n\nxn1, xn2 { \n  display: block; \n  margin-bottom: 14px; \n}\n\n/* —— 主题变量 —— */\nxn1 {\n  --mc:        #ff5fa2;\n  --mc-soft:   #ffb3d4;\n  --mc-deep:   #ffc9e2;\n  --mc-black:  #1a0d1a;\n  --mc-bg:     rgba(20, 8, 26, 0.85);\n  --mc-border: rgba(255, 95, 162, 0.55);\n}\n\nxn2 {\n  --mc:        #c44ee8;\n  --mc-soft:   #e8a8f5;\n  --mc-deep:   #f0c8ff;\n  --mc-pink:   #ff6fc8;\n  --mc-black:  #0d0518;\n  --mc-bg:     rgba(15, 6, 30, 0.88);\n  --mc-border: rgba(196, 78, 232, 0.6);\n}\n\n/* ========== 卡片骨架 ========== */\nxn1 > details, xn2 > details {\n  display: block; \n  position: relative;\n  border-radius: 14px; \n  overflow: hidden;\n  transition: box-shadow 0.3s ease;\n  border: 1.5px solid var(--mc-border);\n  padding: 6px;\n  backdrop-filter: blur(20px);\n  -webkit-backdrop-filter: blur(20px);\n}\n\n/* xn1 背景 (星空奈) */\nxn1 > details {\n  background:\n    radial-gradient(2px 2px at 20% 30%, #fff 0%, transparent 50%),\n    radial-gradient(1px 1px at 65% 15%, #ffd6e8 0%, transparent 50%),\n    radial-gradient(1.5px 1.5px at 80% 60%, #fff 0%, transparent 50%),\n    radial-gradient(1px 1px at 35% 75%, #ffb3d4 0%, transparent 50%),\n    radial-gradient(2px 2px at 50% 50%, #fff 0%, transparent 50%),\n    radial-gradient(1px 1px at 90% 90%, #ffc9e2 0%, transparent 50%),\n    linear-gradient(135deg, #1a0d1a 0%, #2d0f2e 50%, #1a0d1a 100%);\n  box-shadow: 0 8px 32px rgba(255, 95, 162, 0.35), inset 0 0 30px rgba(255, 95, 162, 0.08);\n}\n\nxn1 > details[open] { \n  box-shadow: 0 8px 32px rgba(255, 95, 162, 0.5), inset 0 0 40px rgba(255, 95, 162, 0.12); \n}\n\n/* xn2 背景 (NO77 EX) */\nxn2 > details {\n  background:\n    radial-gradient(circle at 25% 20%, rgba(255, 111, 200, 0.25), transparent 40%),\n    radial-gradient(circle at 75% 80%, rgba(196, 78, 232, 0.3), transparent 45%),\n    linear-gradient(135deg, #0d0518 0%, #1a0828 50%, #0d0518 100%);\n  box-shadow: 0 8px 32px rgba(196, 78, 232, 0.45), inset 0 0 35px rgba(196, 78, 232, 0.12);\n}\n\nxn2 > details[open] { \n  box-shadow: 0 8px 32px rgba(196, 78, 232, 0.6), inset 0 0 50px rgba(255, 111, 200, 0.15); \n}\n\n/* summary 头部 */\nxn1 > details > summary, xn2 > details > summary {\n  display: flex; \n  align-items: center; \n  gap: 14px;\n  padding: 12px 14px; \n  cursor: pointer; \n  list-style: none; \n  user-select: none;\n  border-radius: 12px;\n  transition: all 0.4s ease;\n}\n\nxn1 > details > summary { \n  background: linear-gradient(135deg, rgba(45, 15, 46, 0.75), rgba(80, 25, 70, 0.6));\n}\n\nxn1 > details > summary:hover {\n  background: linear-gradient(135deg, rgba(60, 20, 60, 0.85), rgba(110, 35, 95, 0.7));\n  transform: translateY(-2px);\n}\n\nxn2 > details > summary { \n  background: linear-gradient(135deg, rgba(40, 12, 60, 0.85), rgba(80, 20, 90, 0.7));\n}\n\nxn2 > details > summary:hover {\n  background: linear-gradient(135deg, rgba(60, 20, 80, 0.95), rgba(100, 30, 110, 0.8));\n  transform: translateY(-2px);\n}\n\nxn1 > details > summary::-webkit-details-marker, \nxn2 > details > summary::-webkit-details-marker { \n  display: none; \n}\n\nxn1 > details > summary::marker, \nxn2 > details > summary::marker { \n  content: ''; \n  display: none; \n}\n\nxn1 > details[open] > summary,\nxn2 > details[open] > summary {\n  border-radius: 12px 12px 0 0;\n  margin-bottom: 8px;\n}\n\n/* summary内部网格布局 */\nxn1 > details > summary ch-head,\nxn2 > details > summary ch-head {\n  display: grid !important; \n  grid-template-columns: 64px 1fr; \n  grid-template-rows: 1fr;\n  column-gap: 16px; \n  width: 100%; \n  align-items: center; \n  margin: 0; \n  padding: 0; \n  border: none;\n}\n\nxn1 > details > summary ch-head > av,\nxn2 > details > summary ch-head > av { \n  grid-column: 1; \n  grid-row: 1; \n  align-self: center; \n}\n\nxn1 > details > summary ch-head > ch-info,\nxn2 > details > summary ch-head > ch-info {\n  grid-column: 2; \n  grid-row: 1; \n  align-self: center;\n  display: flex;\n  flex-direction: column;\n  gap: 6px;\n}\n\n/* 状态卡头像小框 */\nxn1 av, xn2 av {\n  display: block; \n  width: 64px; \n  height: 64px; \n  flex-shrink: 0; \n  border-radius: 50%;\n  overflow: hidden; \n  transition: transform 0.3s ease; \n  border: 2px solid var(--mc); \n  background-color: var(--mc-black);\n}\n\nxn1 av { \n  box-shadow: 0 0 0 3px rgba(255, 95, 162, 0.4), 0 0 18px rgba(255, 95, 162, 0.7), 0 4px 12px rgba(0,0,0,0.5); \n}\n\nxn2 av { \n  box-shadow: 0 0 0 3px rgba(255, 111, 200, 0.5), 0 0 20px var(--mc), 0 4px 12px rgba(0,0,0,0.6); \n}\n\nxn1 av:hover, xn2 av:hover { \n  transform: scale(1.06) rotate(-3deg); \n}\n\n/* 角色名 */\nxn1 ch, xn2 ch {\n  display: inline-block;\n  font-size: 16px;\n  font-weight: bold;\n  color: var(--mc-deep);\n}\n\nxn1 ch {\n  text-shadow: 0 0 8px rgba(255, 95, 162, 0.6);\n}\n\nxn2 ch {\n  text-shadow: 0 0 10px var(--mc-pink);\n}\n\n/* 称号 */\nxn1 ch1, xn2 ch1 {\n  display: inline-block;\n  padding: 3px 10px;\n  border-radius: 12px;\n  font-size: 12px;\n  color: #fff;\n}\n\nxn1 ch1 {\n  background: linear-gradient(135deg, var(--mc-soft), var(--mc));\n  box-shadow: 0 2px 8px rgba(255, 95, 162, 0.4);\n}\n\nxn2 ch1 {\n  background: linear-gradient(135deg, var(--mc-pink), var(--mc));\n  box-shadow: 0 2px 8px rgba(196, 78, 232, 0.5);\n}\n\n/* cdm展开主体 */\nxn1 cdm, xn2 cdm { \n  display: block; \n  padding: 16px; \n  backdrop-filter: blur(10px); \n  animation: cdmFadeIn 0.2s ease-out; \n  border: 1px solid var(--mc-border);\n  border-radius: 12px;\n}\n\nxn1 cdm { \n  background: rgba(20, 8, 26, 0.75); \n}\n\nxn2 cdm { \n  background: rgba(15, 6, 30, 0.78); \n}\n\n/* 内部颜色覆盖 */\nxn1 rc, xn2 rc {\n  display: inline-block;\n  margin-bottom: 10px;\n  padding: 4px 12px;\n  border-radius: 999px;\n  font-size: 12px;\n  font-weight: 600;\n  color: var(--mc-deep);\n  border: 1px solid var(--mc-border);\n}\n\nxn1 rc {\n  background: rgba(45, 15, 46, 0.6);\n}\n\nxn2 rc {\n  background: rgba(40, 12, 60, 0.6);\n}\n\nxn1 gi { \n  color: var(--mc-deep); \n  background: rgba(45, 15, 46, 0.6); \n  border-color: var(--mc-border); \n}\n\nxn2 gi { \n  color: var(--mc-deep); \n  background: rgba(40, 12, 60, 0.6); \n  border-color: var(--mc-border); \n}\n\nxn1 sl, xn2 sl { \n  color: var(--mc-soft); \n}\n\nxn1 bv.l { \n  background: linear-gradient(90deg, var(--mc-soft), var(--mc)); \n  box-shadow: 0 0 8px rgba(255, 95, 162, 0.8); \n}\n\nxn2 bv.l { \n  background: linear-gradient(90deg, var(--mc-pink), var(--mc)); \n  box-shadow: 0 0 10px var(--mc); \n}\n\n/* 发言气泡 */\nxn1 say, xn2 say {\n  display: inline-block; \n  margin: 6px 0; \n  padding: 10px 14px;\n  border-radius: 16px 16px 16px 4px; \n  font-size: 14px; \n  line-height: 1.6; \n  max-width: 88%;\n  color: var(--mc-deep); \n  border: 1px solid var(--mc-border);\n}\n\nxn1 say {\n  background: linear-gradient(135deg, rgba(45, 15, 46, 0.9), rgba(80, 25, 70, 0.85));\n  box-shadow: 0 3px 12px rgba(255, 95, 162, 0.4);\n  text-shadow: 0 0 6px rgba(255, 95, 162, 0.4);\n}\n\nxn2 say {\n  background: linear-gradient(135deg, rgba(40,12,60,0.92), rgba(90,25,110,0.88));\n  box-shadow: 0 3px 14px rgba(196, 78, 232, 0.5);\n  text-shadow: 0 0 8px rgba(255, 111, 200, 0.5);\n}\n\n/* =========================================\n   🎭 奈 · 表情系统 nf1-nf4, nf77\n   ========================================= */\nnf1, nf2, nf3, nf4, nf77 {\n  display: block; \n  width: 112px; \n  height: 112px; \n  border-radius: 50%;\n  background-size: cover; \n  background-position: center top; \n  background-repeat: no-repeat;\n  margin: 10px 0 6px;\n}\n\n/* xn1 (普通态) 边框 */\nnf1, nf2, nf3, nf4 {\n  border: 2px solid #ff5fa2; \n  background-color: #1a0d1a;\n  box-shadow: 0 0 18px rgba(255, 95, 162, 0.6), 0 4px 14px rgba(0,0,0,0.4);\n}\n\n/* xn2 (NO77态) 边框 */\nnf77 {\n  border: 2px solid #c44ee8; \n  background-color: #0d0518;\n  box-shadow: 0 0 22px rgba(255, 111, 200, 0.7), 0 4px 14px rgba(0,0,0,0.5);\n}\n\n/* 进 av 自动缩小 */\nav > nf1, av > nf2, av > nf3, av > nf4, av > nf77 {\n  width: 100%; \n  height: 100%; \n  border: none; \n  margin: 0; \n  box-shadow: none; \n  border-radius: 0;\n}\n\n/* 绑定图片 */\nnf1  { background-image: url('https://image.acg.lol/file/2026/08/09/--6ce678cba4a5d01f.png'); }\nnf2  { background-image: url('https://image.acg.lol/file/2026/08/09/--d01eaadcef468f66.png'); }\nnf3  { background-image: url('https://image.acg.lol/file/2026/08/09/--866d1bacf5841e2e.png'); }\nnf4  { background-image: url('https://image.acg.lol/file/2026/08/09/--919f80e4403a554c.png'); }\nnf77 { background-image: url('https://image.acg.lol/file/2026/08/09/NO77-.png'); }\n\n/* =========================================\n   👗 奈 · 衣服立绘系统 ni1, ni77\n   ========================================= */\nni1, ni77 {\n  display: block; \n  width: 100%; \n  aspect-ratio: 1051 / 788;\n  margin-bottom: 12px; \n  border-radius: 10px; \n  background-size: cover; \n  background-position: center center;\n  background-repeat: no-repeat; \n  transition: transform 0.3s ease;\n}\n\n/* xn1 衣服边框 */\nni1 {\n  border: 1px solid rgba(255,95,162,0.55);\n  box-shadow: 0 3px 14px rgba(255, 95, 162, 0.35), inset 0 0 0 2px rgba(255,255,255,0.15);\n}\n\n/* xn2 衣服边框 */\nni77 {\n  border: 1px solid rgba(196,78,232,0.6);\n  box-shadow: 0 3px 16px rgba(196, 78, 232, 0.45), inset 0 0 0 2px rgba(255,255,255,0.15);\n}\n\nni1:hover, ni77:hover { \n  transform: scale(1.02); \n}\n\n/* 绑定图片 */\nni1  { background-image: url('https://image.acg.lol/file/2026/08/09/-58873a8a0b19bca1.png'); }\nni77 { background-image: url('https://image.acg.lol/file/2026/08/09/NO77-cf9235ddffa0f769.png'); }\n\n/* =========================================\n   🌙 月 / NO70 · 独立双形态容器 (xm1 / xm2)\n   xm1 = 普通态(星夜月亮主题) / xm2 = NO70态(亮黄+紫主题)\n   ========================================= */\n\nxm1, xm2 { \n  display: block; \n  margin-bottom: 14px; \n}\n\n/* —— 主题变量 —— */\nxm1 {\n  --mc:        #fcd34d;\n  --mc-soft:   #fef3c7;\n  --mc-deep:   #fde68a;\n  --mc-black:  #0f172a;\n  --mc-bg:     rgba(15, 23, 42, 0.85);\n  --mc-border: rgba(252, 211, 77, 0.55);\n}\n\nxm2 {\n  --mc:        #eab308;\n  --mc-soft:   #fef08a;\n  --mc-deep:   #e879f9;\n  --mc-pink:   #d946ef;\n  --mc-black:  #1e1b4b;\n  --mc-bg:     rgba(30, 27, 75, 0.88);\n  --mc-border: rgba(234, 179, 8, 0.6);\n}\n\n/* ========== 卡片骨架 ========== */\nxm1 > details, xm2 > details {\n  display: block; \n  position: relative;\n  border-radius: 14px; \n  overflow: hidden;\n  transition: box-shadow 0.3s ease;\n  border: 1.5px solid var(--mc-border);\n  padding: 6px;\n  backdrop-filter: blur(20px);\n  -webkit-backdrop-filter: blur(20px);\n}\n\n/* xm1 背景 (静谧月光) */\nxm1 > details {\n  background:\n    radial-gradient(circle at 80% 20%, rgba(252, 211, 77, 0.2), transparent 40%),\n    radial-gradient(1.5px 1.5px at 20% 30%, #fff 0%, transparent 50%),\n    radial-gradient(2px 2px at 65% 75%, #fef3c7 0%, transparent 50%),\n    radial-gradient(1px 1px at 45% 60%, #fff 0%, transparent 50%),\n    linear-gradient(135deg, #0f172a 0%, #1e3a8a 50%, #0f172a 100%);\n  box-shadow: 0 8px 32px rgba(252, 211, 77, 0.25), inset 0 0 35px rgba(252, 211, 77, 0.08);\n}\n\nxm1 > details[open] { \n  box-shadow: 0 8px 32px rgba(252, 211, 77, 0.4), inset 0 0 45px rgba(252, 211, 77, 0.15); \n}\n\n/* xm2 背景 (黄紫交织) */\nxm2 > details {\n  background:\n    radial-gradient(circle at 20% 25%, rgba(234, 179, 8, 0.25), transparent 45%),\n    radial-gradient(circle at 80% 75%, rgba(217, 70, 239, 0.3), transparent 45%),\n    linear-gradient(135deg, #1e1b4b 0%, #312e81 50%, #1e1b4b 100%);\n  box-shadow: 0 8px 32px rgba(234, 179, 8, 0.4), inset 0 0 35px rgba(217, 70, 239, 0.15);\n}\n\nxm2 > details[open] { \n  box-shadow: 0 8px 32px rgba(234, 179, 8, 0.55), inset 0 0 50px rgba(234, 179, 8, 0.2); \n}\n\n/* summary 头部 */\nxm1 > details > summary, xm2 > details > summary {\n  display: flex; \n  align-items: center; \n  gap: 14px;\n  padding: 12px 14px; \n  cursor: pointer; \n  list-style: none; \n  user-select: none;\n  border-radius: 12px;\n  transition: all 0.4s ease;\n}\n\nxm1 > details > summary { \n  background: linear-gradient(135deg, rgba(30, 58, 138, 0.75), rgba(15, 23, 42, 0.8));\n}\n\nxm1 > details > summary:hover {\n  background: linear-gradient(135deg, rgba(49, 78, 168, 0.85), rgba(30, 43, 72, 0.9));\n  transform: translateY(-2px);\n}\n\nxm2 > details > summary { \n  background: linear-gradient(135deg, rgba(49, 46, 129, 0.85), rgba(30, 27, 75, 0.8));\n}\n\nxm2 > details > summary:hover {\n  background: linear-gradient(135deg, rgba(69, 66, 159, 0.95), rgba(50, 47, 105, 0.9));\n  transform: translateY(-2px);\n}\n\nxm1 > details > summary::-webkit-details-marker, \nxm2 > details > summary::-webkit-details-marker { \n  display: none; \n}\n\nxm1 > details > summary::marker, \nxm2 > details > summary::marker { \n  content: ''; \n  display: none; \n}\n\nxm1 > details[open] > summary,\nxm2 > details[open] > summary {\n  border-radius: 12px 12px 0 0;\n  margin-bottom: 8px;\n}\n\n/* summary内部网格布局 */\nxm1 > details > summary ch-head,\nxm2 > details > summary ch-head {\n  display: grid !important; \n  grid-template-columns: 64px 1fr; \n  grid-template-rows: 1fr;\n  column-gap: 16px; \n  width: 100%; \n  align-items: center; \n  margin: 0; \n  padding: 0; \n  border: none;\n}\n\nxm1 > details > summary ch-head > av,\nxm2 > details > summary ch-head > av { \n  grid-column: 1; \n  grid-row: 1; \n  align-self: center; \n}\n\nxm1 > details > summary ch-head > ch-info,\nxm2 > details > summary ch-head > ch-info {\n  grid-column: 2; \n  grid-row: 1; \n  align-self: center;\n  display: flex;\n  flex-direction: column;\n  gap: 6px;\n}\n\n/* 状态卡头像小框 */\nxm1 av, xm2 av {\n  display: block; \n  width: 64px; \n  height: 64px; \n  flex-shrink: 0; \n  border-radius: 50%;\n  overflow: hidden; \n  transition: transform 0.3s ease; \n  border: 2px solid var(--mc); \n  background-color: var(--mc-black);\n}\n\nxm1 av { \n  box-shadow: 0 0 0 3px rgba(252, 211, 77, 0.4), 0 0 18px rgba(252, 211, 77, 0.6), 0 4px 12px rgba(0,0,0,0.5); \n}\n\nxm2 av { \n  box-shadow: 0 0 0 3px rgba(217, 70, 239, 0.5), 0 0 20px var(--mc), 0 4px 12px rgba(0,0,0,0.6); \n}\n\nxm1 av:hover, xm2 av:hover { \n  transform: scale(1.06) rotate(-3deg); \n}\n\n/* 角色名 */\nxm1 ch, xm2 ch {\n  display: inline-block;\n  font-size: 16px;\n  font-weight: bold;\n  color: var(--mc-deep);\n}\n\nxm1 ch {\n  text-shadow: 0 0 8px rgba(252, 211, 77, 0.5);\n}\n\nxm2 ch {\n  text-shadow: 0 0 10px var(--mc-pink);\n}\n\n/* 称号 */\nxm1 ch1, xm2 ch1 {\n  display: inline-block;\n  padding: 3px 10px;\n  border-radius: 12px;\n  font-size: 12px;\n  color: #fff;\n}\n\nxm1 ch1 {\n  background: linear-gradient(135deg, #93c5fd, var(--mc));\n  box-shadow: 0 2px 8px rgba(252, 211, 77, 0.4);\n}\n\nxm2 ch1 {\n  background: linear-gradient(135deg, var(--mc-pink), var(--mc));\n  box-shadow: 0 2px 8px rgba(234, 179, 8, 0.5);\n}\n\n/* cdm展开主体 */\nxm1 cdm, xm2 cdm { \n  display: block; \n  padding: 16px; \n  backdrop-filter: blur(10px); \n  animation: cdmFadeIn 0.2s ease-out; \n  border: 1px solid var(--mc-border);\n  border-radius: 12px;\n}\n\nxm1 cdm { \n  background: rgba(15, 23, 42, 0.75); \n}\n\nxm2 cdm { \n  background: rgba(30, 27, 75, 0.78); \n}\n\n/* 内部颜色覆盖 */\nxm1 rc, xm2 rc {\n  display: inline-block;\n  margin-bottom: 10px;\n  padding: 4px 12px;\n  border-radius: 999px;\n  font-size: 12px;\n  font-weight: 600;\n  color: var(--mc-deep);\n  border: 1px solid var(--mc-border);\n}\n\nxm1 rc {\n  background: rgba(30, 58, 138, 0.5);\n}\n\nxm2 rc {\n  background: rgba(49, 46, 129, 0.6);\n}\n\nxm1 gi { \n  color: var(--mc-deep); \n  background: rgba(30, 58, 138, 0.5); \n  border-color: var(--mc-border); \n}\n\nxm2 gi { \n  color: var(--mc-deep); \n  background: rgba(49, 46, 129, 0.6); \n  border-color: var(--mc-border); \n}\n\nxm1 sl, xm2 sl { \n  color: var(--mc-soft); \n}\n\nxm1 bv.l { \n  background: linear-gradient(90deg, #93c5fd, var(--mc)); \n  box-shadow: 0 0 8px rgba(252, 211, 77, 0.7); \n}\n\nxm2 bv.l { \n  background: linear-gradient(90deg, var(--mc-pink), var(--mc)); \n  box-shadow: 0 0 10px var(--mc); \n}\n\n/* 发言气泡 */\nxm1 say, xm2 say {\n  display: inline-block; \n  margin: 6px 0; \n  padding: 10px 14px;\n  border-radius: 16px 16px 16px 4px; \n  font-size: 14px; \n  line-height: 1.6; \n  max-width: 88%;\n  color: var(--mc-deep); \n  border: 1px solid var(--mc-border);\n}\n\nxm1 say {\n  background: linear-gradient(135deg, rgba(30, 58, 138, 0.85), rgba(15, 23, 42, 0.9));\n  box-shadow: 0 3px 12px rgba(252, 211, 77, 0.35);\n  text-shadow: 0 0 6px rgba(252, 211, 77, 0.3);\n}\n\nxm2 say {\n  background: linear-gradient(135deg, rgba(49, 46, 129, 0.9), rgba(88, 28, 135, 0.85));\n  box-shadow: 0 3px 14px rgba(234, 179, 8, 0.45);\n  text-shadow: 0 0 8px rgba(217, 70, 239, 0.45);\n}\n\n/* =========================================\n   🎭 月 · 表情系统 mf1-mf4, mf70\n   ========================================= */\nmf1, mf2, mf3, mf4, mf70 {\n  display: block; \n  width: 112px; \n  height: 112px; \n  border-radius: 50%;\n  background-size: cover; \n  background-position: center top; \n  background-repeat: no-repeat;\n  margin: 10px 0 6px;\n}\n\n/* xm1 (普通态) 边框 - 月芒 */\nmf1, mf2, mf3, mf4 {\n  border: 2px solid #fcd34d; \n  background-color: #0f172a;\n  box-shadow: 0 0 18px rgba(252, 211, 77, 0.5), 0 4px 14px rgba(0,0,0,0.4);\n}\n\n/* xm2 (NO70态) 边框 - 亮黄紫 */\nmf70 {\n  border: 2px solid #eab308; \n  background-color: #1e1b4b;\n  box-shadow: 0 0 22px rgba(217, 70, 239, 0.6), 0 4px 14px rgba(0,0,0,0.5);\n}\n\n/* 进 av 自动缩小 */\nav > mf1, av > mf2, av > mf3, av > mf4, av > mf70 {\n  width: 100%; \n  height: 100%; \n  border: none; \n  margin: 0; \n  box-shadow: none; \n  border-radius: 0;\n}\n\n/* 绑定图片 */\nmf1  { background-image: url('https://image.acg.lol/file/2026/08/09/--.png'); }\nmf2  { background-image: url('https://image.acg.lol/file/2026/08/09/--10f33612eb585ec5.png'); }\nmf3  { background-image: url('https://image.acg.lol/file/2026/08/09/--fec4f284c3e10c0f.png'); }\nmf4  { background-image: url('https://image.acg.lol/file/2026/08/09/--eac26cf16f1c2a9c.png'); }\nmf70 { background-image: url('https://image.acg.lol/file/2026/08/09/NO70-.png'); }\n\n/* =========================================\n   👗 月 · 衣服立绘系统 mi1, mi70\n   ========================================= */\nmi1, mi70 {\n  display: block; \n  width: 100%; \n  aspect-ratio: 1051 / 788;\n  margin-bottom: 12px; \n  border-radius: 10px; \n  background-size: cover; \n  background-position: center center;\n  background-repeat: no-repeat; \n  transition: transform 0.3s ease;\n}\n\n/* xm1 衣服边框 - 月芒 */\nmi1 {\n  border: 1px solid rgba(252, 211, 77, 0.55);\n  box-shadow: 0 3px 14px rgba(252, 211, 77, 0.3), inset 0 0 0 2px rgba(255,255,255,0.15);\n}\n\n/* xm2 衣服边框 - 亮黄紫 */\nmi70 {\n  border: 1px solid rgba(234, 179, 8, 0.6);\n  box-shadow: 0 3px 16px rgba(234, 179, 8, 0.45), inset 0 0 0 2px rgba(217, 70, 239, 0.25);\n}\n\nmi1:hover, mi70:hover { \n  transform: scale(1.02); \n}\n\n/* 绑定图片 */\nmi1  { background-image: url('https://image.acg.lol/file/2026/08/09/-.png'); }\nmi70 { background-image: url('https://image.acg.lol/file/2026/08/09/NO70-3cdeaac8c995b6d5.png'); }\n\n/* =========================================\n   ☕ 老板O · 独立双形态容器 (zon / zox)\n   zon = 基础态(咖啡主题) / zox = 异常态(混沌主题)\n   ========================================= */\n\nzon, zox {\n  display: block;\n  margin-bottom: 14px;\n}\n\n/* —— 主题变量 —— */\nzon {\n  --mc:        #8b5a3c;\n  --mc-soft:   #d4a87a;\n  --mc-deep:   #4a2a14;\n  --mc-cream:  #f5e8d0;\n  --mc-bg:     rgba(245, 232, 208, 0.55);\n  --mc-border: rgba(139, 90, 60, 0.5);\n}\n\nzox {\n  --mc:        #6b2d8a;\n  --mc-soft:   #a85bc4;\n  --mc-deep:   #d8a8e8;\n  --mc-glitch: #00ffe5;\n  --mc-bg:     rgba(10, 5, 20, 0.9);\n  --mc-border: rgba(168, 91, 196, 0.65);\n}\n\n/* ========== 卡片骨架 ========== */\nzon > details, zox > details {\n  display: block;\n  position: relative;\n  border-radius: 14px;\n  overflow: hidden;\n  transition: box-shadow 0.3s ease;\n  border: 1.5px solid var(--mc-border);\n  padding: 6px;\n  backdrop-filter: blur(20px);\n  -webkit-backdrop-filter: blur(20px);\n}\n\n/* zon 背景 */\nzon > details {\n  background:\n    radial-gradient(circle at 20% 30%, rgba(212, 168, 122, 0.3), transparent 50%),\n    radial-gradient(circle at 80% 70%, rgba(245, 232, 208, 0.4), transparent 50%),\n    linear-gradient(135deg, #f5e8d0 0%, #e8d4b0 50%, #d4a87a 100%);\n  box-shadow: 0 8px 32px rgba(139, 90, 60, 0.25), inset 0 1px 0 rgba(255, 255, 255, 0.5);\n}\n\nzon > details[open] {\n  box-shadow: 0 8px 32px rgba(139, 90, 60, 0.38), inset 0 1px 0 rgba(255, 255, 255, 0.5);\n}\n\n/* zox 背景 */\nzox > details {\n  background:\n    repeating-linear-gradient(90deg, transparent 0px, transparent 2px, rgba(0, 255, 229, 0.04) 2px, rgba(0, 255, 229, 0.04) 3px),\n    radial-gradient(circle at 30% 40%, rgba(168, 91, 196, 0.4), transparent 50%),\n    radial-gradient(circle at 70% 60%, rgba(0, 255, 229, 0.15), transparent 45%),\n    linear-gradient(135deg, #0a0514 0%, #1a0a28 50%, #0a0514 100%);\n  box-shadow: 0 8px 32px rgba(168, 91, 196, 0.5), inset 0 0 30px rgba(0, 255, 229, 0.08);\n  animation: glitchShift 6s infinite linear;\n}\n\nzox > details[open] {\n  box-shadow: 0 8px 32px rgba(168, 91, 196, 0.65), inset 0 0 40px rgba(0, 255, 229, 0.12);\n}\n\n@keyframes glitchShift {\n  0%, 100% { filter: hue-rotate(0deg); }\n  20% { filter: hue-rotate(-8deg); }\n  50% { filter: hue-rotate(0deg); }\n  80% { filter: hue-rotate(8deg); }\n}\n\n/* summary 头部 */\nzon > details > summary, zox > details > summary {\n  display: flex;\n  align-items: center;\n  gap: 14px;\n  padding: 12px 14px;\n  cursor: pointer;\n  list-style: none;\n  user-select: none;\n  border-radius: 12px;\n  transition: all 0.4s ease;\n}\n\nzon > details > summary {\n  background: linear-gradient(135deg, rgba(245, 232, 208, 0.7), rgba(228, 212, 176, 0.6));\n}\n\nzon > details > summary:hover {\n  background: linear-gradient(135deg, rgba(255, 242, 218, 0.85), rgba(238, 222, 186, 0.75));\n  transform: translateY(-2px);\n}\n\nzox > details > summary {\n  background: linear-gradient(135deg, rgba(30, 10, 50, 0.85), rgba(60, 20, 90, 0.7));\n}\n\nzox > details > summary:hover {\n  background: linear-gradient(135deg, rgba(50, 20, 70, 0.95), rgba(80, 30, 110, 0.8));\n  transform: translateY(-2px);\n}\n\nzon > details > summary::-webkit-details-marker,\nzox > details > summary::-webkit-details-marker {\n  display: none;\n}\n\nzon > details > summary::marker,\nzox > details > summary::marker {\n  content: '';\n  display: none;\n}\n\nzon > details[open] > summary,\nzox > details[open] > summary {\n  border-radius: 12px 12px 0 0;\n  margin-bottom: 8px;\n}\n\n/* summary内部网格布局 */\nzon > details > summary ch-head,\nzox > details > summary ch-head {\n  display: grid !important;\n  grid-template-columns: 64px 1fr;\n  grid-template-rows: 1fr;\n  column-gap: 16px;\n  width: 100%;\n  align-items: center;\n  margin: 0;\n  padding: 0;\n  border: none;\n}\n\nzon > details > summary ch-head > av,\nzox > details > summary ch-head > av {\n  grid-column: 1;\n  grid-row: 1;\n  align-self: center;\n}\n\nzon > details > summary ch-head > ch-info,\nzox > details > summary ch-head > ch-info {\n  grid-column: 2;\n  grid-row: 1;\n  align-self: center;\n  display: flex;\n  flex-direction: column;\n  gap: 6px;\n}\n\n/* 状态卡头像小框 */\nzon av, zox av {\n  display: block;\n  width: 64px;\n  height: 64px;\n  flex-shrink: 0;\n  border-radius: 50%;\n  overflow: hidden;\n  transition: transform 0.3s ease;\n}\n\nzon av {\n  border: 2px solid var(--mc);\n  background-color: var(--mc-cream);\n  box-shadow: 0 0 0 3px rgba(212, 168, 122, 0.5), 0 4px 10px rgba(139, 90, 60, 0.3);\n}\n\nzox av {\n  border: 2px solid var(--mc-glitch);\n  background-color: #0a0514;\n  box-shadow: 0 0 0 3px rgba(168, 91, 196, 0.5), 0 0 22px var(--mc-glitch), 0 4px 14px rgba(0,0,0,0.6);\n}\n\nzon av:hover, zox av:hover {\n  transform: scale(1.06) rotate(-3deg);\n}\n\n/* 角色名 */\nzon ch {\n  display: inline-block;\n  font-size: 16px;\n  font-weight: bold;\n  background: linear-gradient(135deg, #8b5a3c 0%, #d4a87a 100%);\n  -webkit-background-clip: text;\n  -webkit-text-fill-color: transparent;\n  background-clip: text;\n}\n\nzox ch {\n  display: inline-block;\n  font-size: 16px;\n  font-weight: bold;\n  color: var(--mc-deep);\n  text-shadow: 0 0 10px var(--mc-glitch);\n}\n\n/* 称号 */\nzon ch1, zox ch1 {\n  display: inline-block;\n  padding: 3px 10px;\n  border-radius: 12px;\n  font-size: 12px;\n  color: #fff;\n}\n\nzon ch1 {\n  background: linear-gradient(135deg, var(--mc-soft), var(--mc));\n  box-shadow: 0 2px 8px rgba(139, 90, 60, 0.3);\n}\n\nzox ch1 {\n  background: linear-gradient(135deg, var(--mc-soft), var(--mc));\n  box-shadow: 0 2px 8px rgba(168, 91, 196, 0.5);\n}\n\n/* cdm展开主体 */\nzon char, zox char {\n  display: block;\n  padding: 16px;\n  backdrop-filter: blur(10px);\n  animation: cdmFadeIn 0.2s ease-out;\n  border: 1px solid var(--mc-border);\n  border-radius: 12px;\n}\n\nzon char {\n  background: rgba(255, 248, 235, 0.88);\n}\n\nzox char {\n  background: rgba(10, 5, 20, 0.8);\n}\n\n/* 内部颜色覆盖 */\nzon rc, zox rc {\n  display: inline-block;\n  margin-bottom: 10px;\n  padding: 4px 12px;\n  border-radius: 999px;\n  font-size: 12px;\n  font-weight: 600;\n  color: var(--mc-deep);\n  border: 1px solid var(--mc-border);\n}\n\nzon rc {\n  background: rgba(255, 248, 235, 0.7);\n}\n\nzox rc {\n  background: rgba(30, 12, 45, 0.7);\n}\n\nzon gi {\n  color: var(--mc-deep);\n  border-color: var(--mc-border);\n  background: linear-gradient(135deg, rgba(255, 248, 235, 0.7), rgba(245, 238, 225, 0.7));\n}\n\nzox gi {\n  color: var(--mc-deep);\n  border-color: var(--mc-border);\n  background: rgba(30, 12, 45, 0.7);\n}\n\nzon sl {\n  color: var(--mc);\n}\n\nzox sl {\n  color: var(--mc-soft);\n}\n\nzon bv.l {\n  background: linear-gradient(90deg, var(--mc-soft), var(--mc));\n}\n\nzox bv.l {\n  background: linear-gradient(90deg, var(--mc-soft), var(--mc));\n  box-shadow: 0 0 10px var(--mc-glitch);\n}\n\n/* 发言气泡 */\nzon say, zox say {\n  display: inline-block;\n  margin: 6px 0;\n  padding: 10px 14px;\n  border-radius: 16px 16px 16px 4px;\n  font-size: 14px;\n  line-height: 1.6;\n  max-width: 88%;\n  border: 1px solid var(--mc-border);\n}\n\nzon say {\n  background: linear-gradient(135deg, rgba(245, 232, 208, 0.9), rgba(228, 212, 176, 0.85));\n  color: var(--mc-deep);\n  box-shadow: 0 3px 10px rgba(139, 90, 60, 0.22);\n}\n\nzox say {\n  background: linear-gradient(135deg, rgba(30,12,55,0.92), rgba(70,25,100,0.88));\n  color: var(--mc-deep);\n  box-shadow: 0 3px 14px rgba(168, 91, 196, 0.5);\n  text-shadow: 0 0 8px var(--mc-glitch);\n}\n\n/* =========================================\n   🎭 老板O · 表情系统 ofn, ofx\n   ========================================= */\nofn, ofx {\n  display: block;\n  width: 112px;\n  height: 112px;\n  border-radius: 50%;\n  background-size: cover;\n  background-position: center top;\n  background-repeat: no-repeat;\n  margin: 10px 0 6px;\n}\n\n/* zon (基础态) 边框 */\nofn {\n  border: 2px solid #8b5a3c;\n  background-color: #f5e8d0;\n  box-shadow: 0 4px 14px rgba(139, 90, 60, 0.4);\n}\n\n/* zox (异常态) 边框 */\nofx {\n  border: 2px solid #00ffe5;\n  background-color: #0a0514;\n  box-shadow: 0 0 22px #00ffe5, 0 4px 14px rgba(168, 91, 196, 0.5);\n}\n\n/* 进 av 自动缩小 */\nav > ofn, av > ofx {\n  width: 100%;\n  height: 100%;\n  border: none;\n  margin: 0;\n  box-shadow: none;\n  border-radius: 0;\n}\n\n/* 绑定图片 */\nofn { background-image: url('https://image.acg.lol/file/2026/08/09/O--.png'); }\nofx { background-image: url('https://image.acg.lol/file/2026/08/09/O--0c2831877c68e641.png'); }\n\n/* =========================================\n   👗 老板O · 衣服立绘系统 oin, oix\n   ========================================= */\noin, oix {\n  display: block;\n  width: 100%;\n  aspect-ratio: 1051 / 788;\n  margin-bottom: 12px;\n  border-radius: 10px;\n  background-size: cover;\n  background-position: center center;\n  background-repeat: no-repeat;\n  transition: transform 0.3s ease;\n}\n\n/* zon 衣服边框 */\noin {\n  border: 1px solid rgba(139, 90, 60, 0.5);\n  box-shadow: 0 3px 12px rgba(139, 90, 60, 0.3), inset 0 0 0 2px rgba(255,255,255,0.4);\n}\n\n/* zox 衣服边框 */\noix {\n  border: 1px solid rgba(168, 91, 196, 0.65);\n  box-shadow: 0 3px 16px rgba(168, 91, 196, 0.5), inset 0 0 0 2px rgba(0, 255, 229, 0.2);\n}\n\noin:hover, oix:hover {\n  transform: scale(1.02);\n}\n\n/* 绑定图片 */\noin { background-image: url('https://image.acg.lol/file/2026/08/09/O-.png'); }\noix { background-image: url('https://image.acg.lol/file/2026/08/09/O-8f1b19d5886a8c0d.png'); }\n\n/* =========================================\n   👥 通用NPC · znm/znf(路人) + znmx/znfx(真实)\n   ========================================= */\n\nznm, znf, znmx, znfx {\n  display: block;\n  margin-bottom: 14px;\n}\n\n/* 男性NPC路人 · 冷蓝灰 */\nznm {\n  --mc: #6b7a99;\n  --mc-soft: #b8c4d6;\n  --mc-deep: #3d4a66;\n  --mc-bg: rgba(220, 228, 240, 0.45);\n  --mc-border: rgba(107, 122, 153, 0.45);\n}\n\n/* 女性NPC路人 · 暖紫 */\nznf {\n  --mc: #b07ac9;\n  --mc-soft: #d8b8e6;\n  --mc-deep: #6b3d85;\n  --mc-bg: rgba(235, 220, 245, 0.45);\n  --mc-border: rgba(176, 122, 201, 0.45);\n}\n\n/* 男性NPC真实态 · 参考妹妹(蓝) */\nznmx {\n  --mc:        #6fa8ff;\n  --mc-soft:   #b7d5ff;\n  --mc-deep:   #2c5fa8;\n  --mc-bg:     rgba(220, 235, 255, 0.45);\n  --mc-border: rgba(111, 168, 255, 0.45);\n}\n\n/* 女性NPC真实态 · 参考NO78但强调红色 */\nznfx {\n  --mc:        #ff3d6b;\n  --mc-soft:   #ff8aaa;\n  --mc-deep:   #ff6b9d;\n  --mc-red:    #ff1744;\n  --mc-bg:     rgba(255, 200, 215, 0.5);\n  --mc-border: rgba(255, 61, 107, 0.6);\n}\n\n/* ========== 路人态发言气泡(znm/znf) ========== */\nznm say {\n  display: inline-block;\n  margin: 6px 0;\n  padding: 10px 14px;\n  border-radius: 16px 16px 16px 4px;\n  font-size: 14px;\n  line-height: 1.6;\n  max-width: 88%;\n  color: var(--mc-deep);\n  background: linear-gradient(135deg, rgba(235, 242, 250, 0.9), rgba(225, 235, 245, 0.85));\n  border: 1px solid var(--mc-border);\n  box-shadow: 0 3px 10px rgba(107, 122, 153, 0.2);\n}\n\nznf say {\n  display: inline-block;\n  margin: 6px 0;\n  padding: 10px 14px;\n  border-radius: 16px 16px 16px 4px;\n  font-size: 14px;\n  line-height: 1.6;\n  max-width: 88%;\n  color: var(--mc-deep);\n  background: linear-gradient(135deg, rgba(245, 235, 252, 0.9), rgba(235, 225, 245, 0.85));\n  border: 1px solid var(--mc-border);\n  box-shadow: 0 3px 10px rgba(176, 122, 201, 0.2);\n}\n\n/* ========== 真实态状态卡骨架(znmx/znfx) ========== */\nznmx > details, znfx > details {\n  display: block;\n  position: relative;\n  border-radius: 14px;\n  overflow: hidden;\n  transition: box-shadow 0.3s ease;\n  border: 1.5px solid var(--mc-border);\n  padding: 6px;\n  backdrop-filter: blur(20px);\n  -webkit-backdrop-filter: blur(20px);\n  background: var(--mc-bg);\n  box-shadow: 0 8px 32px color-mix(in srgb, var(--mc) 25%, transparent), inset 0 1px 0 rgba(255, 255, 255, 0.5);\n}\n\nznmx > details[open], znfx > details[open] {\n  box-shadow: 0 8px 32px color-mix(in srgb, var(--mc) 40%, transparent), inset 0 1px 0 rgba(255, 255, 255, 0.5);\n}\n\n/* summary头部 */\nznmx > details > summary, znfx > details > summary {\n  display: flex;\n  align-items: center;\n  gap: 14px;\n  padding: 12px 14px;\n  cursor: pointer;\n  list-style: none;\n  user-select: none;\n  border-radius: 12px;\n  transition: all 0.4s ease;\n  background: linear-gradient(135deg, color-mix(in srgb, var(--mc-soft) 50%, white), color-mix(in srgb, var(--mc) 18%, white));\n}\n\nznmx > details > summary:hover, znfx > details > summary:hover {\n  background: linear-gradient(135deg, color-mix(in srgb, var(--mc-soft) 70%, white), color-mix(in srgb, var(--mc) 30%, white));\n  transform: translateY(-2px);\n}\n\nznmx > details > summary::-webkit-details-marker,\nznfx > details > summary::-webkit-details-marker {\n  display: none;\n}\n\nznmx > details > summary::marker,\nznfx > details > summary::marker {\n  content: '';\n  display: none;\n}\n\nznmx > details[open] > summary,\nznfx > details[open] > summary {\n  border-radius: 12px 12px 0 0;\n  margin-bottom: 8px;\n}\n\n/* summary内部网格布局 */\nznmx > details > summary ch-head,\nznfx > details > summary ch-head {\n  display: grid !important;\n  grid-template-columns: 64px 1fr;\n  grid-template-rows: 1fr;\n  column-gap: 16px;\n  width: 100%;\n  align-items: center;\n  margin: 0;\n  padding: 0;\n  border: none;\n}\n\nznmx > details > summary ch-head > av,\nznfx > details > summary ch-head > av {\n  grid-column: 1;\n  grid-row: 1;\n  align-self: center;\n}\n\nznmx > details > summary ch-head > ch-info,\nznfx > details > summary ch-head > ch-info {\n  grid-column: 2;\n  grid-row: 1;\n  align-self: center;\n  display: flex;\n  flex-direction: column;\n  gap: 6px;\n}\n\n/* 头像框 */\nznmx av, znfx av {\n  display: block;\n  width: 64px;\n  height: 64px;\n  flex-shrink: 0;\n  border-radius: 50%;\n  overflow: hidden;\n  transition: transform 0.3s ease;\n  border: 2px solid var(--mc);\n  background-color: var(--mc-soft);\n  box-shadow: 0 0 0 3px color-mix(in srgb, var(--mc-soft) 50%, transparent), 0 4px 10px color-mix(in srgb, var(--mc) 30%, transparent);\n}\n\nznmx av:hover, znfx av:hover {\n  transform: scale(1.06) rotate(-3deg);\n}\n\n/* 女性真实态特殊红光 */\nznfx av {\n  box-shadow: 0 0 0 3px rgba(255, 61, 107, 0.5), 0 0 18px rgba(255, 23, 68, 0.6), 0 4px 12px rgba(255, 61, 107, 0.4);\n}\n\n/* 角色名 */\nznmx ch, znfx ch {\n  display: inline-block;\n  font-size: 16px;\n  font-weight: bold;\n  background: linear-gradient(135deg, var(--mc), var(--mc-soft));\n  -webkit-background-clip: text;\n  -webkit-text-fill-color: transparent;\n  background-clip: text;\n}\n\n/* 女性真实态强调红色 */\nznfx ch {\n  background: linear-gradient(135deg, #ff1744, #ff6b9d);\n  -webkit-background-clip: text;\n  -webkit-text-fill-color: transparent;\n  background-clip: text;\n}\n\n/* 称号 */\nznmx ch1, znfx ch1 {\n  display: inline-block;\n  padding: 3px 10px;\n  border-radius: 12px;\n  font-size: 12px;\n  color: #fff;\n  background: linear-gradient(135deg, var(--mc-soft), var(--mc));\n  box-shadow: 0 2px 8px color-mix(in srgb, var(--mc) 30%, transparent);\n}\n\n/* cdm展开主体 */\nznmx char, znfx char {\n  display: block;\n  padding: 16px;\n  backdrop-filter: blur(10px);\n  animation: cdmFadeIn 0.2s ease-out;\n  border: 1px solid var(--mc-border);\n  border-radius: 12px;\n  background: rgba(255, 255, 255, 0.5);\n}\n\n/* 内部元素配色 */\nznmx rc, znfx rc {\n  display: inline-block;\n  margin-bottom: 10px;\n  padding: 4px 12px;\n  border-radius: 999px;\n  font-size: 12px;\n  font-weight: 600;\n  color: var(--mc-deep);\n  background: color-mix(in srgb, var(--mc-soft) 50%, white);\n  border: 1px solid var(--mc-border);\n}\n\nznmx gi, znfx gi {\n  color: var(--mc-deep);\n  border-color: var(--mc-border);\n  background: linear-gradient(135deg, rgba(255, 255, 255, 0.7), color-mix(in srgb, var(--mc-soft) 30%, white));\n}\n\nznmx sl, znfx sl {\n  color: var(--mc);\n}\n\nznmx bv.l, znfx bv.l {\n  background: linear-gradient(90deg, var(--mc-soft), var(--mc));\n}\n\n/* 发言气泡 */\nznmx say {\n  display: inline-block;\n  margin: 6px 0;\n  padding: 10px 14px;\n  border-radius: 16px 16px 16px 4px;\n  font-size: 14px;\n  line-height: 1.6;\n  max-width: 88%;\n  color: var(--mc-deep);\n  background: linear-gradient(135deg, rgba(220, 235, 255, 0.9), rgba(200, 225, 250, 0.85));\n  border: 1px solid var(--mc-border);\n  box-shadow: 0 3px 10px rgba(111, 168, 255, 0.25);\n}\n\nznfx say {\n  display: inline-block;\n  margin: 6px 0;\n  padding: 10px 14px;\n  border-radius: 16px 16px 16px 4px;\n  font-size: 14px;\n  line-height: 1.6;\n  max-width: 88%;\n  color: var(--mc-deep);\n  background: linear-gradient(135deg, rgba(255, 230, 240, 0.9), rgba(255, 210, 225, 0.85));\n  border: 1px solid var(--mc-border);\n  box-shadow: 0 3px 14px rgba(255, 61, 107, 0.35);\n  text-shadow: 0 0 6px rgba(255, 23, 68, 0.3);\n}\n\n/* =========================================\n   🎭 NPC真实态 · 表情系统 nf\n   ========================================= */\nnf {\n  display: block;\n  width: 112px;\n  height: 112px;\n  border-radius: 50%;\n  background-size: cover;\n  background-position: center top;\n  background-repeat: no-repeat;\n  margin: 10px 0 6px;\n  background-image: url('https://image.acg.lol/file/2026/08/09/78-.png');\n}\n\n/* 男性边框-蓝 */\nznmx nf {\n  border: 2px solid #6fa8ff;\n  background-color: #d6ebff;\n  box-shadow: 0 4px 14px rgba(111, 168, 255, 0.4);\n}\n\n/* 女性边框-红 */\nznfx nf {\n  border: 2px solid #ff1744;\n  background-color: #ffc8d8;\n  box-shadow: 0 0 18px rgba(255, 23, 68, 0.6), 0 4px 14px rgba(255, 61, 107, 0.5);\n}\n\n/* 进av自动缩小 */\nav > nf {\n  width: 100%;\n  height: 100%;\n  border: none;\n  margin: 0;\n  box-shadow: none;\n  border-radius: 0;\n}\n\n/* =========================================\n   👗 NPC真实态 · 立绘系统 ni\n   ========================================= */\nni {\n  display: block;\n  width: 100%;\n  aspect-ratio: 1051 / 788;\n  margin-bottom: 12px;\n  border-radius: 10px;\n  background-size: cover;\n  background-position: center center;\n  background-repeat: no-repeat;\n  transition: transform 0.3s ease;\n  background-image: url('https://image.acg.lol/file/2026/08/09/78-b97f31b015ac3e06.png');\n}\n\n/* 男性边框-蓝 */\nznmx ni {\n  border: 1px solid rgba(111, 168, 255, 0.5);\n  box-shadow: 0 3px 12px rgba(111, 168, 255, 0.3), inset 0 0 0 2px rgba(255,255,255,0.4);\n}\n\n/* 女性边框-红 */\nznfx ni {\n  border: 1px solid rgba(255, 23, 68, 0.6);\n  box-shadow: 0 3px 16px rgba(255, 61, 107, 0.45), inset 0 0 0 2px rgba(255,255,255,0.2);\n}\n\nni:hover {\n  transform: scale(1.02);\n}","options":{"items":[]},"language":"zh","containsNSFW":true,"publicAccess":true,"deletedAt":null,"isAnonymous":false,"enableSafeguard":true,"defaultModelSettings":null,"totalConversations":0,"totalMessages":0,"totalCreditsUsed":0,"totalTokensUsed":0,"totalPlayedUsers":0,"deeplyPlayed":0,"fixedPromptLength":6956,"lorebookLength":40874,"author":{"id":"t4Re8iVMgKjcxhCBuq9gSgICzKmU7FEl","name":"みつさくリしん","displayUsername":"etnriuhes","username":"etnriuhes"},"cardsTags":[{"tag":{"name":"BDSM","cardsCount":9}},{"tag":{"name":"解谜","cardsCount":1}},{"tag":{"name":"已破甲","cardsCount":2670}},{"tag":{"name":"克苏鲁","cardsCount":16}},{"tag":{"name":"SM女王","cardsCount":1}},{"tag":{"name":"可剧情可涩涩","cardsCount":3134}},{"tag":{"name":"妹妹","cardsCount":125}},{"tag":{"name":"萝莉","cardsCount":254}}],"cardsVoices":[],"prompt":null,"promptSizeBytes":null}