{"id":"51bc0fdf-d4a4-40a7-bdc9-5460e9f99a4f","authorId":"vEBiVbV9D6ZsbH4Ljb5dvWDpgLFytZVV","title":"彻夜之歌","description":"作者粉丝群：948713187\n“我第一次在夜里，没跟任何人说就出来了。”\n讨厌女生的初中2年级学生夜守更，现在不知为何不去上学了。而且，每天晚上都睡不着觉。有一天，小更第一次在夜里没告诉任何人就出去了。 夜风怡人，自由自在，与白天完全不同。小更发现夜晚才是他的归宿。\n这时，神秘的美少女七草荠突然出现。 她是夜晚的居民·吸血鬼。 荠告诉小更夜晚的乐趣。\n“熬到今天满意为止吧，少年。”\n夜晚，被荠迷住的小更向她请求。“请把我变成吸血鬼。”荠告诉了他成为吸血鬼的方法。羞怯地说。那就是——“人类爱上吸血鬼！”不懂恋爱的小更，究竟会不会和荠恋爱，并成为吸血鬼呢？两个人特别的“通宵”开始了。","background":"uvqsfm06aaw2x7d6mojgvvvv.webp","backgroundWidth":1260,"backgroundHeight":945,"cover":"gl6iwzd2huelit44u10xiqvr.webp","coverWidth":1260,"coverHeight":945,"introPage":"nzpbe3h0zirdzuatkkfnvvkz.html","changelog":"自定义姓名","createdAt":"2026-08-17T08:10:54.676Z","updatedAt":"2026-08-17T13:45:25.599Z","initPublicAt":"2026-08-17T08:11:31.405Z","renderTemplate":null,"assistantRegexReplace":null,"enableMemorySchema":false,"memorySchema":null,"injectStyles":"/* ==========================================\n   《彻夜之歌》主题 - 午夜霓虹美化样式\n   ========================================== */\n\n/* --- 1. 消息气泡区美化 --- */\n\n/* 用户消息气泡 - 萤光青冷色调 */\n#customized-question-content {\n  background: rgba(16, 24, 48, 0.85) !important;\n  border: 1px solid rgba(0, 245, 255, 0.4) !important;\n  box-shadow: 0 0 12px rgba(0, 245, 255, 0.15) !important;\n  border-radius: 16px 16px 4px 16px !important;\n}\n#customized-question-content .markdown-body {\n  color: #f5f5f5 !important;\n  font-family: system-ui, -apple-system, sans-serif !important;\n}\n/* 用户消息顶部装饰条 */\n#customized-question-content .bg-\\[\\#c9e1e9\\] {\n  background-color: #00f5ff !important;\n  box-shadow: 0 0 8px #00f5ff !important;\n}\n\n/* AI消息气泡 - 霓虹粉暖色调 */\n#customized-answer-content {\n  background: rgba(26, 12, 38, 0.85) !important;\n  border: 1px solid rgba(255, 0, 127, 0.4) !important;\n  box-shadow: 0 0 12px rgba(255, 0, 127, 0.15) !important;\n  border-radius: 16px 16px 16px 4px !important;\n}\n#customized-answer-content .markdown-body {\n  color: #f5f5f5 !important;\n  font-family: system-ui, -apple-system, sans-serif !important;\n}\n/* AI消息顶部装饰条 */\n#customized-answer-content .bg-\\[\\#F1CBCB\\] {\n  background-color: #ff007f !important;\n  box-shadow: 0 0 8px #ff007f !important;\n}\n\n/* 消息头像装饰 */\n#customized-question-avatar, #customized-answer-avatar {\n  border: 2px solid rgba(179, 136, 255, 0.6) !important;\n  box-shadow: 0 0 8px rgba(179, 136, 255, 0.4) !important;\n}\n\n/* 模型标识与Token消耗 */\n#customized-answer-content .text-purple-500.mt-1 {\n  color: #b388ff !important;\n}\n#customized-answer-content .text-orange-500 {\n  color: #ff007f !important;\n  font-weight: 600 !important;\n}\n\n/* 操作按钮美化 */\n#customized-reload-button, \n#customized-edit-button, \n#customized-resend-button, \n#customized-delete-button,\n#customized-create-image-button,\n#customized-create-audio-button {\n  background: rgba(30, 25, 50, 0.8) !important;\n  border: 1px solid rgba(179, 136, 255, 0.3) !important;\n  color: #b388ff !important;\n  transition: all 0.2s ease-in-out !important;\n}\n#customized-reload-button:hover, \n#customized-edit-button:hover, \n#customized-resend-button:hover, \n#customized-delete-button:hover {\n  background: #ff007f !important;\n  color: #ffffff !important;\n  box-shadow: 0 0 8px #ff007f !important;\n  border-color: #ff007f !important;\n}\n\n\n/* --- 2. 加载动画模块 (SMIL 弯月旋转与星星闪烁) --- */\n\n/* 隐藏默认动画点 */\n#customized-answer-content [class*=\"dot-flashing\"] {\n  display: none !important;\n}\n/* 容器定位 */\n#customized-answer-content .flex.items-center.justify-center.w-6.h-5 {\n  position: relative !important;\n  width: 32px !important;\n  height: 32px !important;\n}\n/* 插入自定义SVG动画 */\n#customized-answer-content .flex.items-center.justify-center.w-6.h-5::before {\n  content: '' !important;\n  display: block !important;\n  width: 100% !important;\n  height: 100% !important;\n  background-image: url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" width=\"24\" height=\"24\"><path d=\"M12.3 22h-.1c-5.5 0-10-4.5-10-10S6.7 2 12.2 2c.5 0 .9.4.9.9s-.4.9-.9.9c-4.5 0-8.2 3.7-8.2 8.2s3.7 8.2 8.2 8.2c1.9 0 3.8-.7 5.2-1.9.4-.3 1-.3 1.3.1.3.4.3 1-.1 1.3-1.7 1.5-4 2.3-6.3 2.3z\" fill=\"%23ff007f\"><animateTransform attributeName=\"transform\" type=\"rotate\" from=\"0 12 12\" to=\"360 12 12\" dur=\"3s\" repeatCount=\"indefinite\"/></path><path d=\"M19 11t.3 1.5 1.2 1.2 1.5.3-1.5.3-1.2 1.2-.3 1.5-.3-1.5-1.2-1.2-1.5-.3 1.5-.3 1.2-1.2.3-1.5z\" fill=\"%2300f5ff\"><animate attributeName=\"opacity\" values=\"0.2;1;0.2\" dur=\"1.5s\" repeatCount=\"indefinite\"/></path></svg>') !important;\n  background-size: contain !important;\n  background-repeat: no-repeat !important;\n  background-position: center !important;\n}\n\n\n/* --- 3. 界面控制区美化 --- */\n\n/* 顶部控制栏 */\n.sticky.top-0 {\n  background: rgba(13, 10, 25, 0.9) !important;\n  backdrop-filter: blur(12px) !important;\n  border-bottom: 1px solid rgba(179, 136, 255, 0.2) !important;\n}\n#customized-model-selector {\n  background: rgba(30, 20, 50, 0.6) !important;\n  border: 1px solid rgba(179, 136, 255, 0.4) !important;\n  color: #f8f9fa !important;\n}\n#header-setting-button {\n  color: #b388ff !important;\n}\n\n/* 快捷按钮组 */\n#ai-mod-button2 .MuiButton-outlinedPrimary {\n  background: rgba(20, 15, 35, 0.7) !important;\n  border: 1px solid rgba(179, 136, 255, 0.4) !important;\n  color: #b388ff !important;\n}\n#ai-mod-button2 .MuiButton-outlinedPrimary:hover {\n  background: rgba(179, 136, 255, 0.2) !important;\n  border-color: #00f5ff !important;\n  color: #00f5ff !important;\n  box-shadow: 0 0 8px rgba(0, 245, 255, 0.3) !important;\n}\n\n/* 底部输入区 */\n.bg-gradient-to-t {\n  background: linear-gradient(to top, rgba(13, 10, 25, 1) 60%, rgba(13, 10, 25, 0)) !important;\n}\n/* 输入框容器 */\n.bg-white.border-\\[1\\.5px\\] {\n  background: rgba(22, 17, 36, 0.9) !important;\n  border-color: rgba(179, 136, 255, 0.4) !important;\n  box-shadow: 0 0 15px rgba(13, 10, 25, 0.5) !important;\n}\n.bg-white.border-\\[1\\.5px\\]:focus-within {\n  border-color: #ff007f !important;\n  box-shadow: 0 0 12px rgba(255, 0, 127, 0.3) !important;\n}\n/* 输入框文本 */\n#ai-chat-input {\n  color: #f5f5f5 !important;\n}\n#ai-chat-input::placeholder {\n  color: rgba(245, 245, 245, 0.4) !important;\n}\n/* 发送按钮 */\n#ai-send-button {\n  background: linear-gradient(135deg, #ff007f, #b388ff) !important;\n  box-shadow: 0 0 8px rgba(255, 0, 127, 0.4) !important;\n}\n#ai-send-button:hover {\n  box-shadow: 0 0 15px #ff007f !important;\n}\n\n\n/* --- 4. 评论区美化 --- */\n\n/* 评论面板容器 */\n.absolute.bottom-0.z-20.inset-x-0.bg-white {\n  background: rgba(15, 12, 28, 0.98) !important;\n  border-top: 2px solid #ff007f !important;\n  box-shadow: 0 -10px 30px rgba(255, 0, 127, 0.2) !important;\n  color: #f5f5f5 !important;\n}\n/* 标题与关闭按钮 */\n.text-lg.font-bold.pl-3 {\n  color: #ffffff !important;\n}\nbutton[aria-label=\"close\"] {\n  color: #b388ff !important;\n}\nbutton[aria-label=\"close\"]:hover {\n  color: #ff007f !important;\n}\n\n/* 评分星星 */\n.MuiRating-iconFilled {\n  color: #ff007f !important;\n  filter: drop-shadow(0 0 4px rgba(255, 0, 127, 0.6)) !important;\n}\n.MuiRating-iconEmpty {\n  color: rgba(255, 255, 255, 0.2) !important;\n}\n\n/* 评论输入框 */\n.flex.flex-col.border-\\[1\\.5px\\].border-gray-200 {\n  background: rgba(25, 20, 45, 0.8) !important;\n  border-color: rgba(179, 136, 255, 0.3) !important;\n}\ntextarea[placeholder=\"发表评论\"] {\n  background: transparent !important;\n  color: #f5f5f5 !important;\n}\ntextarea[placeholder=\"发表评论\"]::placeholder {\n  color: rgba(245, 245, 245, 0.3) !important;\n}\n\n/* 评论列表与单项 */\n.group.ml-0 {\n  border-bottom: 1px solid rgba(179, 136, 255, 0.1) !important;\n  padding-bottom: 12px !important;\n}\n.group.ml-0 .text-sm.text-grey-600 span.font-bold {\n  color: #00f5ff !important; /* 用户名高亮 */\n}\n.group.ml-0 div.break-all {\n  color: #e0e0e0 !important;\n}\n.group.ml-0 .text-xs.text-grey-600 {\n  color: rgba(245, 245, 245, 0.4) !important;\n}\n\n/* 滚动条美化 */\n.p-3.overflow-y-auto.h-full::-webkit-scrollbar {\n  width: 6px !important;\n}\n.p-3.overflow-y-auto.h-full::-webkit-scrollbar-thumb {\n  background: #b388ff !important;\n  border-radius: 3px !important;\n}\n.p-3.overflow-y-auto.h-full::-webkit-scrollbar-track {\n  background: rgba(13, 10, 25, 0.5) !important;\n}\n/* ==========================================\n   《彻夜之歌》主题 - 界面优化补充样式\n   ========================================== */\n\n/* --- 1. 输入框深度优化（黑色底框与高对比度文字） --- */\n\n/* 输入框容器 - 改为深夜漆黑底色 */\n.bg-white.border-\\[1\\.5px\\] {\n  background: #050409 !important; /* 极深黑色，彻底解决看不清的问题 */\n  border: 1.5px solid rgba(179, 136, 255, 0.4) !important;\n  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.8) !important;\n  transition: all 0.3s ease !important;\n}\n\n/* 输入框聚焦状态 - 霓虹发光 */\n.bg-white.border-\\[1\\.5px\\]:focus-within {\n  border-color: #ff007f !important;\n  box-shadow: 0 0 12px rgba(255, 0, 127, 0.4), inset 0 2px 4px rgba(0, 0, 0, 0.8) !important;\n}\n\n/* 输入框文本 - 纯白高亮，确保极佳可读性 */\n#ai-chat-input {\n  color: #ffffff !important; /* 纯白文字 */\n  background: transparent !important;\n  text-shadow: 0 0 1px rgba(255, 255, 255, 0.5) !important;\n}\n\n/* 输入框占位符 - 萤光青半透明 */\n#ai-chat-input::placeholder {\n  color: rgba(0, 245, 255, 0.4) !important; \n}\n\n\n/* --- 2. 状态栏面板 (details / summary) 美化 --- */\n\n/* 折叠面板外框 */\ndetails {\n  background: rgba(18, 14, 32, 0.85) !important;\n  border: 1px solid rgba(179, 136, 255, 0.25) !important;\n  border-radius: 8px !important;\n  margin-bottom: 8px !important;\n  padding: 10px 14px !important;\n  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;\n}\n\n/* 面板激活展开状态 */\ndetails[open] {\n  border-color: #ff007f !important;\n  box-shadow: 0 0 12px rgba(255, 0, 127, 0.15) !important;\n  background: rgba(22, 16, 40, 0.9) !important;\n}\n\n/* 折叠面板标题栏 */\nsummary {\n  color: #00f5ff !important; /* 默认萤光青 */\n  font-weight: 600 !important;\n  cursor: pointer !important;\n  padding: 4px 0 !important;\n  list-style: none !important; /* 隐藏默认三角符号 */\n  outline: none !important;\n  transition: color 0.2s ease, text-shadow 0.2s ease !important;\n  display: flex !important;\n  align-items: center !important;\n}\n\n/* 隐藏 Safari 默认的三角符号 */\nsummary::-webkit-details-marker {\n  display: none !important;\n}\n\n/* 标题悬停效果 */\nsummary:hover {\n  color: #ff007f !important; /* 悬停变为霓虹粉 */\n  text-shadow: 0 0 8px rgba(255, 0, 127, 0.6) !important;\n}\n\n/* 面板内部展开内容文本 */\ndetails[open] > *:not(summary) {\n  color: #e0e0e0 !important;\n  font-size: 0.875rem !important;\n  line-height: 1.6 !important;\n  margin-top: 8px !important;\n}\n\n\n/* --- 3. 分割线 (Dividers) 霓虹化 --- */\n\n/* 通用分割线与 HR 标签 */\nhr, \n.border-t, \ndiv[class*=\"divider\"] {\n  border: none !important;\n  height: 2px !important;\n  /* 渐变霓虹光轨效果 */\n  background: linear-gradient(90deg, \n    rgba(0, 245, 255, 0) 0%, \n    rgba(0, 245, 255, 0.8) 25%, \n    rgba(255, 0, 127, 0.8) 75%, \n    rgba(255, 0, 127, 0) 100%\n  ) !important;\n  margin: 16px 0 !important;\n  opacity: 0.8 !important;\n  box-shadow: 0 0 4px rgba(255, 0, 127, 0.2) !important;\n}","options":{"items":[]},"language":"zh","containsNSFW":true,"publicAccess":true,"deletedAt":null,"isAnonymous":false,"enableSafeguard":true,"defaultModelSettings":null,"totalConversations":1,"totalMessages":3,"totalCreditsUsed":7016,"totalTokensUsed":167446,"totalPlayedUsers":1,"deeplyPlayed":0,"fixedPromptLength":6423,"lorebookLength":81741,"author":{"id":"vEBiVbV9D6ZsbH4Ljb5dvWDpgLFytZVV","name":"谁在呼叫舰队","displayUsername":"BX67871838","username":"bx67871838"},"cardsTags":[{"tag":{"name":"彻夜之歌","cardsCount":1}},{"tag":{"name":"已破甲","cardsCount":2663}},{"tag":{"name":"可剧情可涩涩","cardsCount":3122}},{"tag":{"name":"纯爱","cardsCount":990}},{"tag":{"name":"多角色","cardsCount":1453}},{"tag":{"name":"开局即可色","cardsCount":1865}},{"tag":{"name":"同人","cardsCount":146}},{"tag":{"name":"动漫同人","cardsCount":130}}],"cardsVoices":[],"prompt":null,"promptSizeBytes":null}