{"id":"66ce0901-1b8f-42fc-a7e5-28fafe8f55d5","authorId":"f1YW6MOcHiDQg2Ln60FXWYWpvvnWiRma","title":"【8.4更新角色立绘】超神学院：诸天降临","description":"全剧情还原，欢迎品鉴，感谢支持","background":"lpshj8qfcd4jcaxmqcypn5ii.webp","backgroundWidth":2304,"backgroundHeight":1609,"cover":"xr203hjscp3cf6qkof4oupch.webp","coverWidth":2304,"coverHeight":1609,"introPage":"qfsh1lmlo1hpb4eibdprfolh.html","changelog":null,"createdAt":"2026-08-05T18:46:58.154Z","updatedAt":"2026-08-06T02:01:11.754Z","initPublicAt":"2026-08-05T18:48:59.835Z","renderTemplate":null,"assistantRegexReplace":null,"enableMemorySchema":false,"memorySchema":null,"injectStyles":"/* ============================================================\n   超神学院 · 天使圣殿 — 全端统一美化CSS\n   适配：网页端 (.ai-chat-container) + App端 (#viewer.built-in-css-active)\n   功能：高亮标记 · 输入框白底金边 · 75%/全宽气泡 · 立绘展示\n   ============================================================ */\n\n/* ============================================================\n   ★★★ 1. 全局基础变量（网页端） ★★★\n   ============================================================ */\n.ai-chat-container {\n  --ink: #2e2418;\n  --paper: #f7f3e8;\n  --gold: #b49450;\n  --gold-light: #d4b76a;\n  --angel-blue: #5a7d9a;\n  --void-purple: #7a6a9a;\n  --border-subtle: rgba(180, 148, 80, 0.25);\n\n  background-color: var(--paper);\n  font-family: 'Inter', 'PingFang SC', 'Microsoft YaHei', sans-serif;\n  line-height: 1.7;\n  padding: 1rem;\n  box-sizing: border-box;\n}\n\n/* 网页端全局文字颜色 */\n.ai-chat-container,\n.ai-chat-container * {\n  color: var(--ink) !important;\n}\n\n/* 网页端次要信息弱化 */\n.ai-chat-container .el-bubble-footer,\n.ai-chat-container .el-bubble-footer *,\n.ai-chat-container .last-turn,\n.ai-chat-container .comm-post-author {\n  color: #8b7a62 !important;\n  font-size: 0.8rem;\n}\n\n\n/* ============================================================\n   ★★★ 2. 时空信息行 ★★★\n   ============================================================ */\n.time-location-bar {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  justify-content: center;\n  gap: 1.5rem;\n  width: 100%;\n  background: rgba(255, 252, 245, 0.9);\n  border: 1px solid var(--border-subtle);\n  border-radius: 40px;\n  padding: 0.8rem 2rem;\n  margin-bottom: 2rem;\n  box-sizing: border-box;\n}\n\n\n/* ============================================================\n   ★★★ 3. 消息气泡（75%宽度） ★★★\n   ============================================================ */\n.el-bubble-content {\n  background: rgba(255, 252, 245, 0.95) !important;\n  border: 1px solid var(--border-subtle) !important;\n  border-radius: 20px !important;\n  max-width: 75% !important;\n  width: auto !important;\n  padding: 1.4rem 1.8rem !important;\n  margin-bottom: 1rem;\n  word-break: break-word;\n  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.04) !important;\n}\n\n.el-bubble-start .el-bubble-content {\n  margin-right: auto !important;\n  margin-left: 0 !important;\n  border-left: 4px solid var(--angel-blue) !important;\n}\n\n.el-bubble-end .el-bubble-content {\n  margin-left: auto !important;\n  margin-right: 0 !important;\n  border-right: 4px solid var(--void-purple) !important;\n}\n\n\n/* ============================================================\n   ★★★ 4. 正文叙事区 ★★★\n   ============================================================ */\n.narrative-body {\n  background: transparent !important;\n  border: none !important;\n  border-radius: 0 !important;\n  padding: 2rem 0.5rem !important;\n  margin: 2rem 0;\n  font-size: 1.2rem;\n  line-height: 2.1;\n  text-align: justify;\n  word-break: break-word;\n}\n\n.narrative-body p {\n  margin-bottom: 1.6rem;\n  text-indent: 2.2em;\n}\n\n.narrative-body p:first-child {\n  text-indent: 0;\n}\n\n\n/* ============================================================\n   ★★★ 5. 标题 ★★★\n   ============================================================ */\n.markdown-body h1,\n.markdown-body h2,\n.markdown-body h3 {\n  font-family: 'Georgia', 'Times New Roman', serif !important;\n  color: #6b4e1e !important;\n  border-bottom: 2px solid #e0c88c !important;\n  padding-bottom: 0.4rem !important;\n  margin: 2rem 0 1rem !important;\n}\n\n\n/* ============================================================\n   ★★★ 6. 高亮标记 ★★★\n   ============================================================ */\n.hl-npc { color: #8b5e14 !important; font-weight: 700; }\n.hl-dialogue { color: #2a5f7a !important; font-style: italic; }\n.hl-skill { color: #5f3d8a !important; font-weight: 700; }\n.hl-location { color: #3d6b8a !important; }\n.hl-item { color: #8a3d5f !important; }\n.hl-danger { color: #b04444 !important; font-weight: 700; }\n.hl-good { color: #2a6a4a !important; }\n.hl-void { color: #6a4d8a !important; font-style: italic; }\n.hl-angel { color: #5a7d9a !important; font-weight: 600; }\n.hl-demon { color: #8a4d5a !important; font-weight: 600; }\n\n\n/* ============================================================\n   ★★★ 7. 折叠面板 ★★★\n   ============================================================ */\ndetails {\n  width: 100% !important;\n  background: rgba(255, 252, 245, 0.8);\n  border: 1px solid var(--border-subtle);\n  border-radius: 14px;\n  padding: 0.8rem 1.2rem;\n  margin-bottom: 0.8rem;\n  box-sizing: border-box;\n}\n\nsummary {\n  font-weight: 700;\n  color: var(--ink);\n  cursor: pointer;\n  list-style: none;\n  padding: 0.4rem 0;\n}\n\nsummary::before {\n  content: '✧ ';\n  color: var(--gold);\n}\n\n\n/* ============================================================\n   ★★★ 8. 表格 ★★★\n   ============================================================ */\n.markdown-body table {\n  width: 100% !important;\n  display: block;\n  overflow-x: auto;\n  border-collapse: collapse;\n}\n\n.markdown-body th,\n.markdown-body td {\n  padding: 10px 14px;\n  border-bottom: 1px solid var(--border-subtle);\n  white-space: nowrap;\n}\n\n.markdown-body th {\n  background: rgba(180, 148, 80, 0.15);\n  font-weight: 700;\n}\n\n\n/* ============================================================\n   ★★★ 9. 选项按钮 ★★★\n   ============================================================ */\n.option-btn {\n  width: 100% !important;\n  background: rgba(255, 250, 240, 0.9) !important;\n  border: 2px solid #e0c88c !important;\n  border-radius: 14px !important;\n  padding: 1rem 1.5rem !important;\n  margin: 8px 0 !important;\n  font-weight: 600;\n  transition: 0.3s;\n  color: #2e2418 !important;\n}\n\n.option-btn:hover {\n  background: #e0c88c !important;\n  border-color: #b08b4c !important;\n  transform: translateX(6px);\n}\n\n.option-number {\n  background: #d4a843 !important;\n  color: white !important;\n  width: 32px;\n  height: 32px;\n  border-radius: 50%;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  margin-right: 12px;\n}\n\n\n/* ============================================================\n   ★★★ 10. 输入框美化 ★★★\n   ============================================================ */\n.input-field,\n.select-field,\ninput[type=\"text\"],\ninput[type=\"number\"],\ntextarea {\n  background: #ffffff !important;\n  border: 2px solid #d4a843 !important;\n  color: #b49450 !important;\n  border-radius: 8px !important;\n  padding: 0.6rem 1rem !important;\n  font-weight: 600;\n  outline: none;\n}\n\n.input-field:focus,\n.select-field:focus,\ninput[type=\"text\"]:focus,\ninput[type=\"number\"]:focus,\ntextarea:focus {\n  border-color: #b08b4c !important;\n  box-shadow: 0 0 8px rgba(180, 148, 80, 0.4);\n}\n\n.select-field {\n  appearance: none;\n  background-image: url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 12 12\"><path fill=\"%23b49450\" d=\"M6 8L1 3h10z\"/></svg>');\n  background-repeat: no-repeat;\n  background-position: right 14px center;\n}\n\n\n/* ============================================================\n   ★★★ 11. 立绘展示样式 ★★★\n   ============================================================ */\n\n/* 角色头像/立绘容器（矩形，适合竖版立绘） */\n.profile-avatar,\n.relation-avatar,\n.npc-avatar {\n  flex-shrink: 0;\n  width: 120px;\n  height: 160px;\n  border-radius: 6px;\n  overflow: hidden;\n  border: 2px solid #d4a84b;\n  box-shadow: 0 0 20px rgba(212, 168, 75, 0.15);\n  background: #0a080f;\n  position: relative;\n}\n\n/* 立绘图片 */\n.profile-avatar img,\n.relation-avatar img,\n.npc-avatar img {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  display: block;\n}\n\n/* 无图占位 */\n.profile-avatar:not(:has(img))::after,\n.relation-avatar:not(:has(img))::after,\n.npc-avatar:not(:has(img))::after {\n  content: attr(data-placeholder);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 100%;\n  height: 100%;\n  font-size: 14px;\n  font-weight: 700;\n  color: #d4a84b;\n  background: linear-gradient(135deg, #1a1230, #2d1a48);\n  position: absolute;\n  top: 0;\n  left: 0;\n  text-align: center;\n  padding: 8px;\n  box-sizing: border-box;\n  word-break: break-all;\n  line-height: 1.2;\n}\n\n/* 档案面板中的立绘行 */\n.npc-avatar-row,\n.profile-avatar-row {\n  display: flex;\n  align-items: center;\n  gap: 20px;\n  padding: 8px 0 14px 0;\n  border-bottom: 1px solid #2d2448;\n  margin-bottom: 14px;\n}\n\n\n/* ============================================================\n   ★★★ 12. APP端美化 ★★★\n   ============================================================ */\n#viewer.built-in-css-active {\n  --ink: #2e2418;\n  --paper: #f7f3e8;\n  --gold: #b49450;\n\n  background-color: var(--paper) !important;\n  font-family: 'Inter', 'PingFang SC', 'Microsoft YaHei', sans-serif;\n  padding: 0.6rem !important;\n  box-sizing: border-box;\n}\n\n#viewer.built-in-css-active,\n#viewer.built-in-css-active * {\n  color: var(--ink) !important;\n}\n\n#viewer.built-in-css-active .el-bubble-footer,\n#viewer.built-in-css-active .last-turn,\n#viewer.built-in-css-active .comm-post-author {\n  color: #8b7a62 !important;\n  font-size: 0.7rem;\n}\n\n/* App端 · 信息行 */\n#viewer.built-in-css-active .time-location-bar {\n  padding: 0.4rem 0;\n  margin-bottom: 0.8rem;\n  font-size: 0.75rem;\n  background: transparent;\n  border: none;\n}\n\n/* App端 · 气泡（全宽无边框） */\n#viewer.built-in-css-active .viewer-message-card {\n  background: rgba(255, 252, 245, 0.9) !important;\n  border: none !important;\n  border-radius: 6px !important;\n  padding: 0.8rem !important;\n  box-shadow: none !important;\n}\n\n/* App端 · 正文 */\n#viewer.built-in-css-active .narrative-body {\n  background: transparent !important;\n  border: none !important;\n  padding: 0.6rem 0 !important;\n  margin: 0.6rem 0;\n  font-size: 1rem;\n  line-height: 1.8;\n}\n\n/* App端 · 折叠面板 */\n#viewer.built-in-css-active details {\n  background: rgba(255, 252, 245, 0.6);\n  border: none;\n  border-radius: 6px;\n  padding: 0.5rem 0.6rem;\n  margin-bottom: 0.5rem;\n}\n\n#viewer.built-in-css-active summary {\n  font-weight: 700;\n  font-size: 0.9rem;\n  cursor: pointer;\n  list-style: none;\n}\n\n#viewer.built-in-css-active summary::before {\n  content: '✧ ';\n  color: var(--gold);\n}\n\n/* App端 · 选项按钮 */\n#viewer.built-in-css-active .option-btn {\n  background: rgba(255, 252, 245, 0.8);\n  border: 1px solid rgba(180, 148, 80, 0.2);\n  border-radius: 6px;\n  padding: 0.6rem 0.8rem;\n  margin: 4px 0;\n  font-size: 0.9rem;\n}\n\n#viewer.built-in-css-active .option-number {\n  background: #d4a843 !important;\n  color: white !important;\n  width: 28px;\n  height: 28px;\n  border-radius: 50%;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  margin-right: 10px;\n  font-size: 0.8rem;\n}\n\n/* App端 · 表格 */\n#viewer.built-in-css-active .markdown-body table {\n  width: 100%;\n  overflow-x: auto;\n  font-size: 0.8rem;\n}\n\n#viewer.built-in-css-active .markdown-body th,\n#viewer.built-in-css-active .markdown-body td {\n  padding: 5px 8px;\n  border-bottom: 1px solid rgba(180, 148, 80, 0.15);\n  white-space: nowrap;\n}\n\n/* App端 · 输入框 */\n#viewer.built-in-css-active .input-field,\n#viewer.built-in-css-active .select-field,\n#viewer.built-in-css-active input[type=\"text\"],\n#viewer.built-in-css-active input[type=\"number\"],\n#viewer.built-in-css-active textarea {\n  background: #ffffff !important;\n  border: 2px solid #d4a843 !important;\n  color: #b49450 !important;\n  border-radius: 8px !important;\n  padding: 0.6rem 1rem !important;\n  font-weight: 600;\n  outline: none;\n}\n\n#viewer.built-in-css-active .input-field:focus,\n#viewer.built-in-css-active .select-field:focus,\n#viewer.built-in-css-active input[type=\"text\"]:focus,\n#viewer.built-in-css-active input[type=\"number\"]:focus,\n#viewer.built-in-css-active textarea:focus {\n  border-color: #b08b4c !important;\n  box-shadow: 0 0 8px rgba(180, 148, 80, 0.4);\n}\n\n#viewer.built-in-css-active .select-field {\n  appearance: none;\n  background-image: url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 12 12\"><path fill=\"%23b49450\" d=\"M6 8L1 3h10z\"/></svg>');\n  background-repeat: no-repeat;\n  background-position: right 14px center;\n}\n\n\n/* ============================================================\n   ★★★ 13. 移动端适配 ★★★\n   ============================================================ */\n@media (max-width: 768px) {\n  .ai-chat-container {\n    padding: 0.5rem;\n  }\n\n  .el-bubble-content {\n    max-width: 100% !important;\n    padding: 1rem 1.2rem !important;\n    border-radius: 14px !important;\n  }\n\n  .narrative-body {\n    font-size: 1rem;\n    padding: 1rem 0.2rem !important;\n    margin: 1rem 0;\n    line-height: 1.9;\n  }\n\n  .narrative-body p {\n    text-indent: 1.8em;\n  }\n\n  .time-location-bar {\n    padding: 0.5rem 1rem;\n    gap: 0.8rem;\n    font-size: 0.8rem;\n    border-radius: 30px;\n  }\n\n  .profile-avatar,\n  .relation-avatar,\n  .npc-avatar {\n    width: 80px;\n    height: 106px;\n  }\n\n  .npc-avatar-row,\n  .profile-avatar-row {\n    gap: 12px;\n  }\n\n  details {\n    padding: 0.5rem 0.8rem;\n  }\n\n  summary {\n    font-size: 0.9rem;\n  }\n\n  .option-btn {\n    padding: 0.7rem 1rem !important;\n    font-size: 0.9rem;\n    border-radius: 10px !important;\n  }\n\n  .option-number {\n    width: 28px;\n    height: 28px;\n    font-size: 0.8rem;\n    margin-right: 10px;\n  }\n\n  .markdown-body th,\n  .markdown-body td {\n    padding: 6px 8px;\n    font-size: 0.8rem;\n    white-space: normal;\n  }\n\n  .input-field,\n  .select-field,\n  input[type=\"text\"],\n  input[type=\"number\"],\n  textarea {\n    padding: 0.5rem 0.8rem !important;\n    font-size: 0.9rem !important;\n  }\n}\n\n@media (max-width: 480px) {\n  .profile-avatar,\n  .relation-avatar,\n  .npc-avatar {\n    width: 60px;\n    height: 80px;\n  }\n\n  .npc-avatar-row,\n  .profile-avatar-row {\n    flex-direction: column;\n    align-items: flex-start;\n    gap: 8px;\n  }\n\n  .narrative-body {\n    font-size: 0.9rem;\n  }\n\n  .time-location-bar {\n    flex-direction: column;\n    gap: 0.4rem;\n    padding: 0.4rem 0.8rem;\n    border-radius: 20px;\n  }\n\n  .option-btn {\n    font-size: 0.8rem;\n    padding: 0.5rem 0.8rem !important;\n  }\n\n  .option-number {\n    width: 24px;\n    height: 24px;\n    font-size: 0.7rem;\n    margin-right: 8px;\n  }\n\n  details {\n    padding: 0.4rem 0.6rem;\n  }\n\n  summary {\n    font-size: 0.8rem;\n  }\n}","options":{"items":[{"order":0,"label":"差评","type":"SET-INPUT","value":"差评"},{"order":1,"label":"存档","type":"SET-INPUT","value":"存档"},{"order":2,"label":"切换第三人称","type":"SET-INPUT","value":"切换第三人称"},{"order":3,"label":"切换第二人称","type":"SET-INPUT","value":"切换第二人称"}]},"language":"zh","containsNSFW":true,"publicAccess":true,"deletedAt":null,"isAnonymous":true,"enableSafeguard":true,"defaultModelSettings":null,"totalConversations":4,"totalMessages":37,"totalCreditsUsed":40550,"totalTokensUsed":579123,"totalPlayedUsers":4,"deeplyPlayed":2,"fixedPromptLength":4925,"lorebookLength":134245,"author":{"id":"f1YW6MOcHiDQg2Ln60FXWYWpvvnWiRma","name":"wssz","displayUsername":"19933386338","username":"19933386338"},"cardsTags":[],"cardsVoices":[],"prompt":null,"promptSizeBytes":null}