{"id":"9271cb00-8994-433a-b6b6-fcf2c6042d83","authorId":"iW6pR8T94RwQay38ylz8urOkgbbucVbF","title":"我的女朋友是异形👨‍🚀嗯，还挺可爱的","description":"（黑夜模式游玩）养成异形然后谈恋爱吧！不过请小心她的爪子把你的脑浆抓出来。我只是个倒霉的飞船船员，本来打算安安稳稳运货退休，结果现在：1. 被异形群体追杀 ✓2. 被疯狂科学家追杀 ✓3. 被军工公司追杀 ✓4. 被一只刚出生的异形当成妈...不对，当成配偶 ✓\n对，就是那只X-23。她有人类情感基因，所以她会对我撒娇、保护我、学说话，还会在我受伤时哭（异形居然会哭？！）。但她也是异形，能徒手撕钢板、尾巴能当武器、血液是强酸。\n最尴尬的是...她好像对我发情了。而我，一个普通人类，正在认真考虑\"跨种族恋爱\"的可行性。\n氧气还剩三天，食物快吃完了，追杀者随时会来。但说实话？和她在一起，我反而不那么怕死了。\n——一个可能是宇宙第一个\"异形男友\"的倒霉蛋","background":"eok1ljbr9x0px8yjtzhiymyn.webp","backgroundWidth":2400,"backgroundHeight":1800,"cover":"souagievv7nifonwtgzso8cx.webp","coverWidth":2400,"coverHeight":1800,"introPage":"digcm0ycqtmt11j7co8brni8.html","changelog":null,"createdAt":"2026-05-25T10:48:18.338Z","updatedAt":"2026-07-06T03:22:02.262Z","initPublicAt":"2026-05-25T10:59:46.413Z","renderTemplate":null,"assistantRegexReplace":null,"enableMemorySchema":false,"memorySchema":null,"injectStyles":"/* =========================================================\n   深渊之茧｜诺斯特罗莫II号生存终端 CSS【通用版】\n   Abyss Cocoon · Universal Survival Terminal UI\n\n   适配目标：\n   - 普通 Markdown 页面\n   - AI聊天/角色卡网站\n   - 酒馆类界面\n   - details / summary 状态栏\n   - 自定义标签：tl、row、tag、inf、danger、bond、system、res、r 等\n\n   说明：\n   - 已去掉对单一网站的强绑定依赖\n   - 仍保留 #customized-answer-content / #customized-question-content 作为兼容项\n   - 修复了不通用的 :contains() 写法\n   - 保留科幻惊悚、飞船黑匣子、扫描线、警报、资源胶囊风格\n========================================================= */\n\n\n/* ==================== 0. 全局变量 ==================== */\n\n:root {\n  --abyss-bg: #05070b;\n  --abyss-bg-2: #090d13;\n  --abyss-card: rgba(8, 14, 22, 0.88);\n  --abyss-card-2: rgba(12, 20, 31, 0.92);\n\n  --ice-blue: #6fdcff;\n  --ice-blue-soft: rgba(111, 220, 255, 0.45);\n  --ice-blue-dim: rgba(68, 168, 210, 0.24);\n\n  --x-purple: #a980ff;\n  --x-purple-soft: rgba(169, 128, 255, 0.42);\n  --x-purple-dim: rgba(130, 88, 230, 0.22);\n\n  --alarm-red: #ff3b4f;\n  --alarm-red-soft: rgba(255, 59, 79, 0.38);\n  --alarm-red-dim: rgba(150, 18, 32, 0.28);\n\n  --amber: #ffb55c;\n  --amber-soft: rgba(255, 181, 92, 0.34);\n\n  --text-main: #dbe9f2;\n  --text-soft: #9fb7c8;\n  --text-dim: #6f8392;\n\n  --line: rgba(130, 210, 255, 0.22);\n  --line-strong: rgba(145, 225, 255, 0.52);\n\n  --radius-lg: 18px;\n  --radius-md: 12px;\n  --radius-sm: 8px;\n\n  --shadow-blue:\n    0 0 18px rgba(76, 201, 255, 0.16),\n    inset 0 0 20px rgba(76, 201, 255, 0.035);\n\n  --shadow-purple:\n    0 0 18px rgba(169, 128, 255, 0.16),\n    inset 0 0 18px rgba(169, 128, 255, 0.035);\n\n  --font-ui:\n    \"Rajdhani\",\n    \"Orbitron\",\n    \"Share Tech Mono\",\n    \"Microsoft YaHei\",\n    \"PingFang SC\",\n    sans-serif;\n\n  --font-body:\n    \"Microsoft YaHei\",\n    \"PingFang SC\",\n    \"Noto Sans SC\",\n    sans-serif;\n}\n\n\n/* ==================== 1. 通用正文容器 ==================== */\n\n:where(\n  .markdown-body,\n  .prose,\n  .message-content,\n  .message-body,\n  .message,\n  .chat-message,\n  .chat-content,\n  .mes_text,\n  .mes-block,\n  .swipes,\n  .custom-html,\n  .custom-content,\n  .ai-response,\n  .bot-message,\n  .assistant-message,\n  .response-content,\n  .content,\n  .reply-content,\n  .text-content,\n  .article-content,\n  article,\n  main\n) {\n  color: var(--text-main);\n  font-family: var(--font-body);\n  line-height: 1.78;\n  letter-spacing: 0.02em;\n}\n\n\n/* ==================== 2. 页面底色 ==================== */\n/* 不想影响网站整体背景的话，可以删掉 body 这一段 */\n\nbody {\n  background:\n    radial-gradient(circle at 16% 8%, rgba(78, 200, 255, 0.08), transparent 28%),\n    radial-gradient(circle at 88% 18%, rgba(255, 60, 80, 0.05), transparent 24%),\n    radial-gradient(circle at 50% 100%, rgba(169, 128, 255, 0.06), transparent 34%),\n    linear-gradient(180deg, #05070b 0%, #070b12 46%, #030508 100%);\n}\n\n\n/* ==================== 3. AI回复区 / 用户发言区兼容 ==================== */\n\n:where(\n  #customized-answer-content,\n  .assistant-message,\n  .bot-message,\n  .ai-response,\n  .message.assistant,\n  .chat-message.assistant,\n  .mes[is_user=\"false\"],\n  .mes_text\n) {\n  position: relative;\n  color: var(--text-main);\n}\n\n#customized-answer-content {\n  margin: 10px 0;\n  padding: 14px 14px 16px;\n  border-radius: var(--radius-lg);\n  border: 1px solid rgba(111, 220, 255, 0.18);\n  background:\n    linear-gradient(135deg, rgba(8, 14, 22, 0.96), rgba(5, 8, 13, 0.92)),\n    radial-gradient(circle at 10% 0%, rgba(111, 220, 255, 0.08), transparent 30%);\n  box-shadow:\n    0 0 22px rgba(76, 201, 255, 0.10),\n    inset 0 0 24px rgba(76, 201, 255, 0.035);\n  overflow: hidden;\n}\n\n#customized-answer-content::before {\n  content: \"◆ NARRATIVE ENGINE\";\n  display: block;\n  margin: 0 0 10px;\n  padding: 6px 10px;\n  width: fit-content;\n  max-width: 100%;\n  border: 1px solid rgba(111, 220, 255, 0.28);\n  border-radius: 999px;\n  background: rgba(10, 25, 36, 0.7);\n  color: rgba(180, 235, 255, 0.86);\n  font-family: var(--font-ui);\n  font-size: 11px;\n  letter-spacing: 0.14em;\n  text-shadow: 0 0 8px rgba(111, 220, 255, 0.45);\n}\n\n:where(\n  #customized-question-content,\n  .user-message,\n  .message.user,\n  .chat-message.user\n) {\n  position: relative;\n  color: #eaded0;\n}\n\n#customized-question-content {\n  margin: 10px 0;\n  padding: 13px 14px;\n  border-radius: var(--radius-lg);\n  border: 1px solid rgba(255, 181, 92, 0.24);\n  background:\n    radial-gradient(circle at 0% 0%, rgba(255, 181, 92, 0.10), transparent 28%),\n    linear-gradient(135deg, rgba(13, 13, 14, 0.94), rgba(8, 10, 14, 0.92));\n  box-shadow:\n    0 0 18px rgba(255, 181, 92, 0.08),\n    inset 0 0 18px rgba(255, 181, 92, 0.025);\n}\n\n#customized-question-content::before {\n  content: \"◇ CREW INPUT\";\n  display: block;\n  margin-bottom: 8px;\n  width: fit-content;\n  padding: 5px 9px;\n  border-radius: 999px;\n  border: 1px solid rgba(255, 181, 92, 0.3);\n  background: rgba(42, 25, 11, 0.42);\n  color: rgba(255, 214, 160, 0.88);\n  font-family: var(--font-ui);\n  font-size: 11px;\n  letter-spacing: 0.14em;\n}\n\n\n/* ==================== 4. 正文基础元素 ==================== */\n\n:where(p, li) {\n  color: inherit;\n}\n\n:where(\n  .markdown-body,\n  .prose,\n  .message-content,\n  .message-body,\n  .chat-content,\n  .mes_text,\n  .ai-response,\n  .response-content,\n  article,\n  main\n) p {\n  margin: 0.72em 0;\n}\n\n:where(\n  .markdown-body,\n  .prose,\n  .message-content,\n  .message-body,\n  .chat-content,\n  .mes_text,\n  article,\n  main\n) strong {\n  color: #f1fbff;\n  text-shadow: 0 0 8px rgba(111, 220, 255, 0.18);\n}\n\n:where(\n  .markdown-body,\n  .prose,\n  .message-content,\n  .message-body,\n  .chat-content,\n  .mes_text,\n  article,\n  main\n) em {\n  color: #d7c9ff;\n  font-style: normal;\n  text-shadow: 0 0 8px rgba(169, 128, 255, 0.18);\n}\n\n:where(\n  .markdown-body,\n  .prose,\n  .message-content,\n  .message-body,\n  .chat-content,\n  .mes_text,\n  article,\n  main\n) :where(h1, h2, h3, h4) {\n  font-family: var(--font-ui);\n  letter-spacing: 0.08em;\n  color: #e9f9ff;\n  border-bottom: 1px solid rgba(111, 220, 255, 0.18);\n  padding-bottom: 6px;\n  text-shadow: 0 0 12px rgba(111, 220, 255, 0.22);\n}\n\n:where(\n  .markdown-body,\n  .prose,\n  .message-content,\n  .message-body,\n  .chat-content,\n  .mes_text,\n  article,\n  main\n) hr {\n  height: 1px;\n  border: none;\n  background:\n    linear-gradient(\n      90deg,\n      transparent,\n      rgba(111, 220, 255, 0.42),\n      rgba(169, 128, 255, 0.34),\n      transparent\n    );\n  margin: 16px 0;\n}\n\nblockquote {\n  margin: 12px 0;\n  padding: 10px 14px;\n  border-left: 3px solid var(--x-purple);\n  border-radius: 0 var(--radius-md) var(--radius-md) 0;\n  background: rgba(169, 128, 255, 0.075);\n  color: #d8ccff;\n}\n\n\n/* ==================== 5. details / summary 通用资料卡 ==================== */\n\ndetails {\n  position: relative;\n  box-sizing: border-box;\n  margin: 13px 0;\n  border-radius: var(--radius-lg);\n  border: 1px solid rgba(111, 220, 255, 0.22);\n  background:\n    linear-gradient(145deg, rgba(9, 16, 24, 0.92), rgba(4, 7, 12, 0.94)),\n    radial-gradient(circle at 100% 0%, rgba(111, 220, 255, 0.08), transparent 28%);\n  box-shadow: var(--shadow-blue);\n  overflow: hidden;\n}\n\ndetails::before {\n  content: \"\";\n  position: absolute;\n  inset: 0;\n  pointer-events: none;\n  background:\n    linear-gradient(\n      90deg,\n      rgba(111, 220, 255, 0.08),\n      transparent 18%,\n      transparent 82%,\n      rgba(111, 220, 255, 0.08)\n    ),\n    linear-gradient(180deg, rgba(255, 255, 255, 0.035), transparent 32%);\n  opacity: 0.7;\n}\n\nsummary {\n  position: relative;\n  cursor: pointer;\n  list-style: none;\n  padding: 12px 58px 12px 16px;\n  min-height: 24px;\n  color: #e8f9ff;\n  font-family: var(--font-ui);\n  font-weight: 700;\n  letter-spacing: 0.08em;\n  background:\n    linear-gradient(\n      90deg,\n      rgba(111, 220, 255, 0.16),\n      rgba(169, 128, 255, 0.06),\n      transparent\n    ),\n    rgba(255, 255, 255, 0.018);\n  border-bottom: 1px solid rgba(111, 220, 255, 0.14);\n  border-left: 3px solid rgba(111, 220, 255, 0.45);\n  text-shadow: 0 0 10px rgba(111, 220, 255, 0.28);\n  user-select: none;\n}\n\nsummary::-webkit-details-marker {\n  display: none;\n}\n\nsummary::after {\n  content: \"OPEN\";\n  position: absolute;\n  right: 14px;\n  top: 50%;\n  transform: translateY(-50%);\n  font-family: var(--font-ui);\n  font-size: 10px;\n  color: rgba(111, 220, 255, 0.65);\n  border: 1px solid rgba(111, 220, 255, 0.24);\n  border-radius: 999px;\n  padding: 2px 7px;\n}\n\ndetails[open] {\n  border-color: rgba(169, 128, 255, 0.38);\n  box-shadow: var(--shadow-purple);\n}\n\ndetails[open] summary::after {\n  content: \"LOCK\";\n  color: rgba(255, 181, 92, 0.86);\n  border-color: rgba(255, 181, 92, 0.34);\n}\n\ndetails > *:not(summary) {\n  position: relative;\n  z-index: 1;\n  margin-left: 15px;\n  margin-right: 15px;\n}\n\ndetails > :last-child {\n  margin-bottom: 14px;\n}\n\ndetails strong {\n  color: #f2fbff;\n}\n\ndetails ul,\ndetails ol {\n  margin: 8px 0 10px;\n  padding-left: 20px;\n}\n\ndetails li {\n  margin: 4px 0;\n}\n\ndetails li::marker {\n  color: var(--ice-blue);\n}\n\n\n/* ==================== 6. 不同 details 自动区分 ==================== */\n\ndetails:nth-of-type(1) {\n  border-color: rgba(169, 128, 255, 0.32);\n  background:\n    radial-gradient(circle at 0% 0%, rgba(169, 128, 255, 0.13), transparent 30%),\n    linear-gradient(145deg, rgba(13, 8, 20, 0.94), rgba(4, 6, 11, 0.96));\n}\n\ndetails:nth-of-type(1) summary {\n  color: #eadfff;\n  background:\n    linear-gradient(\n      90deg,\n      rgba(169, 128, 255, 0.2),\n      rgba(111, 220, 255, 0.06),\n      transparent\n    );\n  text-shadow: 0 0 12px rgba(169, 128, 255, 0.34);\n}\n\ndetails:nth-of-type(1)::after {\n  content: \"COGNITIVE TRACE\";\n  position: absolute;\n  right: 16px;\n  bottom: 8px;\n  font-family: var(--font-ui);\n  font-size: 9px;\n  letter-spacing: 0.15em;\n  color: rgba(169, 128, 255, 0.28);\n  pointer-events: none;\n}\n\ndetails:nth-of-type(4),\ndetails:nth-of-type(5) {\n  border-color: rgba(169, 128, 255, 0.36);\n  background:\n    radial-gradient(circle at 96% 10%, rgba(169, 128, 255, 0.13), transparent 32%),\n    radial-gradient(circle at 10% 100%, rgba(111, 220, 255, 0.07), transparent 32%),\n    linear-gradient(145deg, rgba(12, 9, 20, 0.96), rgba(5, 7, 12, 0.94));\n}\n\ndetails:nth-of-type(4) summary,\ndetails:nth-of-type(5) summary {\n  border-left-color: rgba(169, 128, 255, 0.62);\n  color: #efe7ff;\n}\n\ndetails:nth-of-type(4) li::marker,\ndetails:nth-of-type(5) li::marker {\n  color: var(--x-purple);\n}\n\ndetails:nth-of-type(6) {\n  border-color: rgba(255, 59, 79, 0.26);\n  background:\n    radial-gradient(circle at 100% 0%, rgba(255, 59, 79, 0.10), transparent 30%),\n    linear-gradient(145deg, rgba(16, 8, 11, 0.94), rgba(5, 7, 12, 0.96));\n}\n\ndetails:nth-of-type(6) summary {\n  border-left-color: rgba(255, 59, 79, 0.58);\n  color: #ffe6e9;\n}\n\ndetails:nth-of-type(6) li::marker {\n  color: var(--alarm-red);\n}\n\ndetails:nth-of-type(7) {\n  border-color: rgba(255, 181, 92, 0.3);\n  background:\n    radial-gradient(circle at 0% 0%, rgba(255, 181, 92, 0.09), transparent 30%),\n    radial-gradient(circle at 100% 100%, rgba(255, 59, 79, 0.08), transparent 30%),\n    linear-gradient(145deg, rgba(14, 12, 9, 0.96), rgba(5, 7, 12, 0.94));\n}\n\ndetails:nth-of-type(7) summary {\n  border-left-color: rgba(255, 181, 92, 0.58);\n  color: #fff1dc;\n}\n\ndetails:nth-of-type(7) li::marker {\n  color: var(--amber);\n}\n\ndetails:last-of-type {\n  border-color: rgba(111, 220, 255, 0.3);\n  background:\n    radial-gradient(circle at 50% 0%, rgba(111, 220, 255, 0.12), transparent 34%),\n    linear-gradient(145deg, rgba(8, 15, 22, 0.96), rgba(5, 7, 12, 0.96));\n}\n\ndetails:last-of-type summary {\n  color: #eaffff;\n}\n\n\n/* ==================== 7. 行动推荐列表 ==================== */\n\ndetails:last-of-type ol,\ndetails:last-of-type ul {\n  counter-reset: action;\n  list-style: none;\n  padding-left: 0;\n  margin: 12px 0 14px;\n}\n\ndetails:last-of-type ol li,\ndetails:last-of-type ul li {\n  position: relative;\n  margin: 9px 0;\n  padding: 10px 12px 10px 44px;\n  border-radius: var(--radius-md);\n  border: 1px solid rgba(111, 220, 255, 0.18);\n  background:\n    linear-gradient(90deg, rgba(111, 220, 255, 0.10), rgba(111, 220, 255, 0.025));\n  color: #e7f8ff;\n  transition:\n    transform 0.22s ease,\n    background 0.22s ease,\n    border-color 0.22s ease;\n}\n\ndetails:last-of-type ol li::before,\ndetails:last-of-type ul li::before {\n  counter-increment: action;\n  content: \"0\" counter(action);\n  position: absolute;\n  left: 12px;\n  top: 50%;\n  transform: translateY(-50%);\n  font-family: var(--font-ui);\n  color: var(--ice-blue);\n  text-shadow: 0 0 8px rgba(111, 220, 255, 0.48);\n}\n\ndetails:last-of-type ol li:hover,\ndetails:last-of-type ul li:hover {\n  border-color: rgba(169, 128, 255, 0.42);\n  background:\n    linear-gradient(90deg, rgba(169, 128, 255, 0.14), rgba(111, 220, 255, 0.05));\n  transform: translateX(2px);\n}\n\n\n/* ==================== 8. 自定义标签：危险 / 羁绊 / 系统 / 备注 ==================== */\n\ndanger,\n.danger {\n  display: block;\n  margin: 10px 0;\n  padding: 10px 12px 10px 38px;\n  position: relative;\n  border: 1px solid rgba(255, 59, 79, 0.34);\n  border-radius: var(--radius-md);\n  background:\n    linear-gradient(90deg, rgba(255, 59, 79, 0.18), rgba(255, 59, 79, 0.035)),\n    rgba(12, 6, 8, 0.78);\n  color: #ffd9dd;\n  box-shadow: 0 0 16px rgba(255, 59, 79, 0.12);\n}\n\ndanger::before,\n.danger::before {\n  content: \"!\";\n  position: absolute;\n  left: 13px;\n  top: 50%;\n  transform: translateY(-50%);\n  width: 17px;\n  height: 17px;\n  border-radius: 50%;\n  background: var(--alarm-red);\n  color: #130306;\n  font-weight: 900;\n  text-align: center;\n  line-height: 17px;\n  box-shadow: 0 0 12px rgba(255, 59, 79, 0.6);\n}\n\nbond,\n.bond {\n  display: block;\n  margin: 10px 0;\n  padding: 11px 13px;\n  border: 1px solid rgba(169, 128, 255, 0.35);\n  border-radius: var(--radius-md);\n  background:\n    radial-gradient(circle at 10% 0%, rgba(169, 128, 255, 0.16), transparent 36%),\n    linear-gradient(90deg, rgba(169, 128, 255, 0.13), rgba(111, 220, 255, 0.04));\n  color: #eadfff;\n  box-shadow: 0 0 16px rgba(169, 128, 255, 0.11);\n}\n\nbond::before,\n.bond::before {\n  content: \"X-23 / BOND\";\n  display: block;\n  margin-bottom: 4px;\n  font-family: var(--font-ui);\n  font-size: 10px;\n  letter-spacing: 0.16em;\n  color: rgba(210, 190, 255, 0.7);\n}\n\nsystem,\n.system {\n  display: block;\n  margin: 10px 0;\n  padding: 10px 12px;\n  border: 1px solid rgba(111, 220, 255, 0.28);\n  border-radius: var(--radius-md);\n  background:\n    linear-gradient(90deg, rgba(111, 220, 255, 0.12), transparent),\n    rgba(5, 14, 20, 0.74);\n  color: #dff8ff;\n  font-family: var(--font-ui);\n  letter-spacing: 0.04em;\n}\n\nsystem::before,\n.system::before {\n  content: \"SYSTEM // \";\n  color: var(--ice-blue);\n}\n\nnote,\n.note {\n  display: block;\n  margin: 10px 0;\n  padding: 9px 12px;\n  border-left: 3px solid var(--amber);\n  border-radius: 0 var(--radius-md) var(--radius-md) 0;\n  background: rgba(255, 181, 92, 0.08);\n  color: #ffe6c5;\n}\n\n\n/* ==================== 9. 生存资源胶囊标签 ==================== */\n\nres,\n.res {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 8px;\n  margin: 10px 0;\n}\n\nr,\n.res-item {\n  display: inline-flex;\n  align-items: center;\n  min-height: 26px;\n  padding: 4px 10px;\n  border-radius: 999px;\n  border: 1px solid rgba(111, 220, 255, 0.22);\n  background: rgba(8, 18, 26, 0.78);\n  color: #dff8ff;\n  font-size: 13px;\n  box-shadow: inset 0 0 10px rgba(111, 220, 255, 0.04);\n}\n\nr[oxygen],\n.r-oxygen {\n  border-color: rgba(111, 220, 255, 0.38);\n  color: #c7f4ff;\n}\n\nr[water],\n.r-water {\n  border-color: rgba(94, 230, 255, 0.34);\n  color: #c9fbff;\n}\n\nr[food],\n.r-food {\n  border-color: rgba(255, 181, 92, 0.34);\n  color: #ffe1b8;\n}\n\nr[med],\n.r-med {\n  border-color: rgba(210, 245, 255, 0.38);\n  color: #effcff;\n}\n\nr[ammo],\n.r-ammo {\n  border-color: rgba(255, 96, 96, 0.36);\n  color: #ffd1d1;\n}\n\nr[threat],\n.r-threat {\n  border-color: rgba(255, 59, 79, 0.46);\n  color: #ffcfd5;\n  background: rgba(55, 8, 14, 0.5);\n}\n\n\n/* ==================== 10. 表格 / 代码块 ==================== */\n\ntable {\n  width: 100%;\n  border-collapse: collapse;\n  overflow: hidden;\n  border-radius: var(--radius-md);\n  background: rgba(7, 13, 20, 0.8);\n  border: 1px solid rgba(111, 220, 255, 0.18);\n}\n\nth,\ntd {\n  padding: 9px 10px;\n  border: 1px solid rgba(111, 220, 255, 0.13);\n}\n\nth {\n  color: #eaffff;\n  background: rgba(111, 220, 255, 0.10);\n  font-family: var(--font-ui);\n  letter-spacing: 0.06em;\n}\n\ntd {\n  color: #cfe1ec;\n}\n\ncode {\n  padding: 2px 5px;\n  border-radius: 6px;\n  color: #9eeaff;\n  background: rgba(111, 220, 255, 0.09);\n  border: 1px solid rgba(111, 220, 255, 0.12);\n  font-family:\n    \"Share Tech Mono\",\n    \"Consolas\",\n    \"Menlo\",\n    \"Monaco\",\n    monospace;\n}\n\npre {\n  padding: 12px;\n  border-radius: var(--radius-md);\n  border: 1px solid rgba(111, 220, 255, 0.18);\n  background: rgba(2, 6, 10, 0.82);\n  color: #dff8ff;\n  overflow-x: auto;\n}\n\npre code {\n  padding: 0;\n  border: none;\n  background: transparent;\n}\n\n\n/* ==================== 11. 输入框 / 按钮通用兼容 ==================== */\n\n:where(\n  #ai-chat-input,\n  textarea,\n  input[type=\"text\"],\n  input[type=\"search\"],\n  input:not([type]),\n  [contenteditable=\"true\"]\n) {\n  border-radius: var(--radius-lg) !important;\n  border: 1px solid rgba(111, 220, 255, 0.28) !important;\n  background:\n    radial-gradient(circle at 0% 0%, rgba(111, 220, 255, 0.08), transparent 30%),\n    rgba(5, 9, 14, 0.94) !important;\n  color: #e9f9ff !important;\n  box-shadow:\n    0 0 18px rgba(111, 220, 255, 0.08),\n    inset 0 0 18px rgba(111, 220, 255, 0.035) !important;\n  outline: none !important;\n}\n\n:where(\n  #ai-chat-input,\n  textarea,\n  input[type=\"text\"],\n  input[type=\"search\"],\n  input:not([type]),\n  [contenteditable=\"true\"]\n):focus {\n  border-color: rgba(169, 128, 255, 0.46) !important;\n  box-shadow:\n    0 0 20px rgba(169, 128, 255, 0.18),\n    inset 0 0 20px rgba(111, 220, 255, 0.04) !important;\n}\n\n:where(\n  #ai-send-button,\n  #ai-mod-button2,\n  button,\n  input[type=\"button\"],\n  input[type=\"submit\"],\n  [role=\"button\"]\n) {\n  border-radius: 999px !important;\n  border: 1px solid rgba(111, 220, 255, 0.26) !important;\n  background:\n    linear-gradient(135deg, rgba(111, 220, 255, 0.18), rgba(169, 128, 255, 0.12)),\n    rgba(6, 12, 18, 0.88) !important;\n  color: #e9f9ff !important;\n  font-family: var(--font-ui);\n  letter-spacing: 0.05em;\n  box-shadow:\n    0 0 14px rgba(111, 220, 255, 0.10),\n    inset 0 0 10px rgba(255, 255, 255, 0.025);\n  transition:\n    transform 0.22s ease,\n    border-color 0.22s ease,\n    background 0.22s ease,\n    box-shadow 0.22s ease;\n}\n\n:where(\n  #ai-send-button,\n  #ai-mod-button2,\n  button,\n  input[type=\"button\"],\n  input[type=\"submit\"],\n  [role=\"button\"]\n):hover {\n  border-color: rgba(169, 128, 255, 0.45) !important;\n  background:\n    linear-gradient(135deg, rgba(169, 128, 255, 0.24), rgba(111, 220, 255, 0.14)),\n    rgba(8, 14, 22, 0.96) !important;\n  transform: translateY(-1px);\n  box-shadow:\n    0 0 18px rgba(169, 128, 255, 0.18),\n    inset 0 0 14px rgba(111, 220, 255, 0.04);\n}\n\n\n/* ==================== 12. 常见自定义面板标签兼容 ==================== */\n\ntl,\ntime,\nap,\ncal,\ntr,\nrow,\ntag,\ninf,\ndesign,\nname,\ntags,\ntg,\nq {\n  box-sizing: border-box;\n}\n\ntl {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 8px;\n  margin: 10px 0;\n  padding: 10px;\n  border: 1px solid rgba(111, 220, 255, 0.2);\n  border-radius: var(--radius-md);\n  background: rgba(6, 12, 18, 0.74);\n}\n\ntl time,\ntl cal {\n  display: inline-flex;\n  align-items: center;\n  padding: 5px 10px;\n  border-radius: 999px;\n  background: rgba(111, 220, 255, 0.09);\n  color: #dff8ff;\n  font-family: var(--font-ui);\n  font-size: 13px;\n  letter-spacing: 0.05em;\n}\n\nap {\n  margin-left: 6px;\n  color: #b7d9e7;\n}\n\ntr {\n  display: grid;\n  gap: 8px;\n  margin: 10px 0;\n}\n\nrow {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  padding: 8px 10px;\n  border-radius: var(--radius-md);\n  border: 1px solid rgba(111, 220, 255, 0.14);\n  background: rgba(7, 13, 20, 0.72);\n}\n\ntag {\n  flex: 0 0 auto;\n  min-width: 42px;\n  padding: 3px 8px;\n  border-radius: 999px;\n  text-align: center;\n  color: #041018;\n  background: var(--ice-blue);\n  font-family: var(--font-ui);\n  font-size: 12px;\n  font-weight: 700;\n}\n\ninf {\n  color: #d8eaf4;\n}\n\ndesign {\n  display: block;\n  margin: 10px 0;\n  padding: 12px;\n  border-radius: var(--radius-lg);\n  border: 1px solid rgba(169, 128, 255, 0.26);\n  background:\n    radial-gradient(circle at 100% 0%, rgba(169, 128, 255, 0.12), transparent 30%),\n    rgba(7, 10, 16, 0.82);\n}\n\nname {\n  display: block;\n  margin-bottom: 8px;\n  color: #f2ecff;\n  font-family: var(--font-ui);\n  font-size: 18px;\n  font-weight: 800;\n  letter-spacing: 0.08em;\n}\n\nname i {\n  margin-left: 8px;\n  color: rgba(169, 128, 255, 0.65);\n  font-size: 12px;\n  font-style: normal;\n}\n\ntags {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 7px;\n  margin: 8px 0;\n}\n\ntg {\n  display: inline-flex;\n  padding: 4px 9px;\n  border-radius: 999px;\n  border: 1px solid rgba(169, 128, 255, 0.28);\n  background: rgba(169, 128, 255, 0.08);\n  color: #e8dcff;\n  font-size: 12px;\n}\n\nq {\n  display: block;\n  margin-top: 10px;\n  padding: 10px 12px;\n  border-left: 3px solid var(--x-purple);\n  border-radius: 0 var(--radius-md) var(--radius-md) 0;\n  background: rgba(169, 128, 255, 0.07);\n  color: #e6ddff;\n}\n\n\n/* ==================== 13. 可选关键词高亮类 ==================== */\n\n.hl-danger {\n  color: #ffd5da;\n  text-shadow: 0 0 8px rgba(255, 59, 79, 0.38);\n}\n\n.hl-bond {\n  color: #eadfff;\n  text-shadow: 0 0 8px rgba(169, 128, 255, 0.38);\n}\n\n.hl-system {\n  color: #baf1ff;\n  text-shadow: 0 0 8px rgba(111, 220, 255, 0.38);\n}\n\n\n/* ==================== 14. 动画：扫描 / 警报呼吸 ==================== */\n\n@keyframes abyssScan {\n  0% {\n    transform: translateY(-120%);\n    opacity: 0;\n  }\n\n  15% {\n    opacity: 0.45;\n  }\n\n  100% {\n    transform: translateY(260%);\n    opacity: 0;\n  }\n}\n\n@keyframes alarmPulse {\n  0%,\n  100% {\n    box-shadow: 0 0 12px rgba(255, 59, 79, 0.08);\n  }\n\n  50% {\n    box-shadow: 0 0 22px rgba(255, 59, 79, 0.22);\n  }\n}\n\ndetails[open]::after {\n  content: \"\";\n  position: absolute;\n  left: 0;\n  right: 0;\n  top: -40%;\n  height: 34%;\n  pointer-events: none;\n  background:\n    linear-gradient(\n      to bottom,\n      transparent,\n      rgba(111, 220, 255, 0.08),\n      transparent\n    );\n  animation: abyssScan 3.8s ease-in-out infinite;\n}\n\ndanger,\n.danger,\nr[threat],\n.r-threat {\n  animation: alarmPulse 2.6s ease-in-out infinite;\n}\n\n@media (prefers-reduced-motion: reduce) {\n  details[open]::after,\n  danger,\n  .danger,\n  r[threat],\n  .r-threat {\n    animation: none !important;\n  }\n\n  * {\n    transition: none !important;\n  }\n}\n\n\n/* ==================== 15. 图片 / 链接 / 长内容兜底 ==================== */\n\nimg {\n  max-width: 100%;\n  height: auto;\n  border-radius: var(--radius-md);\n  border: 1px solid rgba(111, 220, 255, 0.18);\n  box-shadow: 0 0 18px rgba(111, 220, 255, 0.10);\n}\n\n* {\n  word-break: break-word;\n}\n\na {\n  color: #8ee8ff;\n  text-decoration: none;\n  border-bottom: 1px dashed rgba(142, 232, 255, 0.35);\n}\n\na:hover {\n  color: #e9fbff;\n  border-bottom-color: rgba(169, 128, 255, 0.55);\n  text-shadow: 0 0 8px rgba(111, 220, 255, 0.32);\n}\n\n\n/* ==================== 16. 手机端适配 ==================== */\n\n@media screen and (max-width: 768px) {\n  :where(\n    .markdown-body,\n    .prose,\n    .message-content,\n    .message-body,\n    .chat-message,\n    .chat-content,\n    .mes_text,\n    .ai-response,\n    .response-content,\n    article,\n    main\n  ) {\n    font-size: 14px;\n    line-height: 1.72;\n  }\n\n  #customized-answer-content,\n  #customized-question-content {\n    padding: 12px 10px;\n    border-radius: 14px;\n  }\n\n  #customized-answer-content::before,\n  #customized-question-content::before {\n    font-size: 10px;\n    letter-spacing: 0.1em;\n    max-width: calc(100% - 8px);\n    white-space: normal;\n  }\n\n  details {\n    margin: 10px 0;\n    border-radius: 14px;\n  }\n\n  summary {\n    padding: 11px 58px 11px 12px;\n    font-size: 14px;\n    letter-spacing: 0.04em;\n  }\n\n  summary::after {\n    right: 10px;\n    font-size: 9px;\n    padding: 2px 6px;\n  }\n\n  details > *:not(summary) {\n    margin-left: 11px;\n    margin-right: 11px;\n  }\n\n  details:last-of-type ol li,\n  details:last-of-type ul li {\n    padding: 9px 10px 9px 38px;\n    font-size: 13.5px;\n  }\n\n  res,\n  .res,\n  tags {\n    gap: 6px;\n  }\n\n  r,\n  .res-item,\n  tg {\n    font-size: 12px;\n    padding: 4px 8px;\n  }\n\n  tl {\n    padding: 8px;\n  }\n\n  tl time,\n  tl cal {\n    font-size: 12px;\n    padding: 4px 8px;\n  }\n\n  row {\n    flex-direction: column;\n    align-items: flex-start;\n    gap: 5px;\n  }\n\n  tag {\n    min-width: auto;\n  }\n\n  table {\n    display: block;\n    overflow-x: auto;\n    white-space: nowrap;\n  }\n\n  danger,\n  .danger,\n  bond,\n  .bond,\n  system,\n  .system,\n  note,\n  .note {\n    font-size: 13.5px;\n  }\n}\n\n\n/* ==================== 17. 超窄屏适配 ==================== */\n\n@media screen and (max-width: 420px) {\n  :where(\n    .markdown-body,\n    .prose,\n    .message-content,\n    .message-body,\n    .chat-content,\n    .mes_text,\n    article,\n    main\n  ) {\n    font-size: 13px;\n  }\n\n  summary {\n    font-size: 13px;\n    padding-right: 54px;\n  }\n\n  :where(h1, h2, h3) {\n    font-size: 1.05em;\n  }\n\n  #customized-answer-content::before {\n    content: \"◆ NARRATIVE\";\n  }\n\n  #customized-question-content::before {\n    content: \"◇ CREW\";\n  }\n\n  details:last-of-type ol li,\n  details:last-of-type ul li {\n    transform: none !important;\n  }\n\n  name {\n    font-size: 16px;\n  }\n}","options":{"items":[]},"language":"zh","containsNSFW":true,"publicAccess":true,"deletedAt":null,"isAnonymous":false,"enableSafeguard":true,"defaultModelSettings":{"model":"mango_gemini_vertex/gemini-3-flash-preview"},"totalConversations":9,"totalMessages":226,"totalCreditsUsed":822647,"totalTokensUsed":8809586,"totalPlayedUsers":11,"deeplyPlayed":5,"fixedPromptLength":14511,"lorebookLength":21515,"author":{"id":"iW6pR8T94RwQay38ylz8urOkgbbucVbF","name":"一点也不懂","displayUsername":"18chen","username":"18chen"},"cardsTags":[{"tag":{"name":"单人卡","cardsCount":788}},{"tag":{"name":"可快餐可长线","cardsCount":614}},{"tag":{"name":"已破甲","cardsCount":2205}},{"tag":{"name":"反差","cardsCount":628}},{"tag":{"name":"剧情向","cardsCount":310}},{"tag":{"name":"可剧情可涩涩","cardsCount":2460}},{"tag":{"name":"纯爱","cardsCount":886}},{"tag":{"name":"异形","cardsCount":1}}],"cardsVoices":[],"prompt":null,"promptSizeBytes":null}