{"id":"1775ea35-d00d-4b06-9d37-3a223951998b","authorId":"u3OIz4nL0XjzqfIWXCKkSCLgks5sYS5f","title":"💕万界换妻APP💕-【可单男/单女/原创角色】","description":"【兼容所有同人世界】【推荐2记忆游玩】\n鸣人与黑崎一护换妻？\n精灵女王与魅魔共享伴侣？\n\n万界兼容。跨维匹配。\n打破伦理。绝对自愿。\n\n【双轨玩法】\n▶ 换侣模式：交叉互换，品尝别人的禁果。\n▶ 单人模式：强势介入，当面粉碎原配的防线。\n\n【硬核驱动】\n▶ 认知润滑：保留原生性格，享受清冷变放荡的极致反差。\n▶ 记忆中枢：永久存档，每一滴汗水与体液都将被记录。\n▶ 思维链条：深挖心理张力，拒绝干瘪的肉戏。\n\n准备好迎接这场跨维度的情欲狂欢了吗？\n\n【更新日志】\n[v1.0] 正式版发布 (2026/08/28)","background":"k4t4wwyz7hm7logojbahbfzt.webp","backgroundWidth":1216,"backgroundHeight":684,"cover":"ag389dyzbcyj0b73gy3tvkl3.webp","coverWidth":1024,"coverHeight":768,"introPage":"eoupdtestbo0vanz20avi91b.html","changelog":null,"createdAt":"2026-08-28T14:44:46.122Z","updatedAt":"2026-08-28T22:14:10.006Z","initPublicAt":"2026-08-28T14:48:07.893Z","renderTemplate":null,"assistantRegexReplace":null,"enableMemorySchema":false,"memorySchema":null,"injectStyles":"/* ======================\n   CSS 模块化重构 - 莫兰迪绿调主题\n   基于万界换妻系统风格优化\n   结构说明：\n   1. 每个模块包含基础样式和对应的暗色模式适配\n   2. 使用清晰的注释分隔各个模块\n   3. 响应式设计整合在对应模块中\n   ====================== */\n\n/* ======================\n   1. 全局与基础设置\n   ====================== */\n* {\n  box-sizing: border-box !important;\n}\n\n/* 全局分隔线样式优化 - 莫兰迪绿调 */\nhr {\n  border: none !important;\n  border-top: 2px solid #c8d6c4 !important;\n  margin: 1.5em 0 !important;\n  opacity: 0.9 !important;\n}\n\nhr:hover {\n  opacity: 1 !important;\n  box-shadow: 0 0 10px rgba(143, 168, 143, 0.4) !important;\n}\n\n/* 暗色模式适配 - 全局分隔线 */\n@media (prefers-color-scheme: dark) {\n  hr {\n    border-top: 2px solid #d9d1c7 !important;\n    opacity: 0.8 !important;\n  }\n  \n  hr:hover {\n    box-shadow: 0 0 10px rgba(180, 190, 170, 0.4) !important;\n  }\n}\n\n/* ======================\n   2. 核心元素：头像\n   ====================== */\n.mb-2 .shrink-0 { display: none; } /* 隐藏头像 */\n\n/* ======================\n   3. 可折叠内容区 (details) - 莫兰迪绿调\n   ====================== */\ndetails {\n  position: relative !important;\n  width: 100% !important;\n  max-width: 800px !important;\n  margin: 15px auto !important;\n  padding: 0 !important;\n  border: none !important;\n  background: transparent !important;\n  box-shadow: none !important;\n  font-size: 1em !important;\n  top: auto !important;\n  right: auto !important;\n  z-index: 1 !important;\n}\n\ndetails summary {\n  max-width: 100% !important;\n  width: 100% !important;\n  padding: 6px 16px 6px 38px !important;\n  margin: 0 !important;\n  position: relative !important;\n  background: linear-gradient(to right, #8fa88f, #a8bda6) !important;\n  color: #f8faf6 !important;\n  border-radius: 20px !important;\n  font-size: 1.1em !important;\n  font-weight: bold !important;\n  cursor: pointer !important;\n  list-style: none !important;\n  box-shadow: 0 2px 8px rgba(120, 145, 120, 0.2) !important;\n  transition: all 0.3s ease !important;\n  writing-mode: horizontal-tb !important;\n  text-orientation: mixed !important;\n  height: auto !important;\n}\n\ndetails summary::before {\n  content: \"📕\" !important;\n  position: absolute !important;\n  left: 10px !important;\n  top: 50% !important;\n  transform: translateY(-50%) rotate(0deg) !important;\n  font-size: 1em !important;\n  color: #f8faf6 !important;\n  z-index: 2 !important;\n  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;\n  transform-origin: center !important;\n}\n\ndetails[open] summary::before {\n  content: \"📖\" !important;\n  transform: translateY(-50%) rotate(15deg) !important;\n  color: #ffe8a0 !important;\n  text-shadow: 0 0 8px rgba(200, 175, 100, 0.5) !important;\n}\n\ndetails[open] summary {\n  background: linear-gradient(to right, #9ab89a, #b8cdb6) !important;\n  box-shadow: 0 4px 15px rgba(120, 145, 120, 0.4) !important;\n  border-radius: 20px !important;\n}\n\ndetails summary:hover {\n  transform: translateY(-1px) !important;\n  box-shadow: 0 4px 12px rgba(120, 145, 120, 0.3) !important;\n  background: linear-gradient(to right, #9ab89a, #b8cdb6) !important;\n}\n\ndetails > div {\n  width: 100% !important;\n  padding: 20px !important;\n  margin-top: 0 !important;\n  border-radius: 0 0 10px 10px !important;\n  box-shadow: 0 4px 20px rgba(120, 145, 120, 0.15) !important;\n  border: 1px solid #d8e3d4 !important;\n  background: linear-gradient(135deg, #fafcfa 0%, #f2f6f1 100%) !important;\n  animation: slideDown 0.3s ease-out !important;\n  color: #3d4a3d !important;\n  backdrop-filter: blur(5px) !important;\n}\n\n@keyframes slideDown {\n  from {\n    opacity: 0;\n    transform: translateY(-10px);\n    max-height: 0;\n  }\n  to {\n    opacity: 1;\n    transform: translateY(0);\n    max-height: 1000px;\n  }\n}\n\n/* 暗色模式适配 - 可折叠内容区 */\n@media (prefers-color-scheme: dark) {\n  details {\n    background: transparent !important;\n    border-color: transparent !important;\n    color: #d8e0d4 !important;\n    box-shadow: none !important;\n  }\n  \n  details summary {\n    background: linear-gradient(to right, #556355, #657365) !important;\n    color: #f0f4ee !important;\n  }\n  \n  details summary:hover,\n  details[open] summary {\n    background: linear-gradient(to right, #657365, #758375) !important;\n  }\n  \n  details > div {\n    background: linear-gradient(135deg, #3d4a3d 0%, #4a5a4a 100%) !important;\n    border-color: #5a6b5a !important;\n    color: #d8e0d4 !important;\n    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.4) !important;\n  }\n  \n  details > div h1,\n  details > div h2,\n  details > div h3,\n  details > div h4 {\n    color: #d8e0d4 !important;\n    border-bottom-color: #5a6b5a !important;\n  }\n  \n  details > div code {\n    background: #5a6b5a !important;\n    color: #d8e0d4 !important;\n  }\n}\n\n/* 响应式设计 - 可折叠内容区 */\n@media (max-width: 768px) {\n  details {\n    max-width: 95% !important;\n    margin: 10px auto !important;\n  }\n  \n  details summary {\n    padding: 5px 12px 5px 40px !important;\n    font-size: 1em !important;\n  }\n  \n  details summary::before {\n    left: 12px !important;\n  }\n\n  details > div {\n    padding: 15px !important;\n  }\n}\n\n@media (max-width: 480px) {\n  details summary {\n    padding: 4px 10px 4px 36px !important;\n    font-size: 1em !important;\n  }\n  \n  details summary::before {\n    left: 12px !important;\n  }\n\n  details > div {\n    padding: 12px !important;\n  }\n}\n\n/* ======================\n   4. 表格样式 (table) - 莫兰迪绿调\n   ====================== */\n.table-container {\n  max-height: 400px !important;\n  overflow: auto !important;\n  border-radius: 8px !important;\n  box-shadow: 0 4px 12px rgba(120, 145, 120, 0.1) !important;\n  margin: 20px 0 !important;\n}\n\ndetails table {\n  width: 100% !important;\n  border-collapse: separate !important;\n  border-spacing: 0 !important;\n  background-color: rgba(250, 252, 249, 0.98) !important;\n  font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif !important;\n}\n\ndetails th {\n  background: #a8bda6 !important;\n  color: #f8faf6 !important;\n  font-weight: bold !important;\n  padding: 14px 18px !important;\n  text-align: left !important;\n  border-bottom: 2px solid #5a735a !important;\n  font-size: 1.1em !important;\n  position: sticky !important;\n  top: 0 !important;\n  z-index: 2 !important;\n}\n\ndetails td {\n  padding: 12px 18px !important;\n  border-bottom: 1px solid #c8d6c4 !important;\n  color: #2d3a2d !important;\n  transition: background-color 0.2s !important;\n}\n\ndetails tr:last-child td {\n  border-bottom: none !important;\n}\n\ndetails tr:hover td {\n  background-color: rgba(143, 168, 143, 0.1) !important;\n}\n\ndetails tr:nth-child(even) {\n  background-color: rgba(230, 240, 228, 0.4) !important;\n}\n\n/* 暗色模式适配 - 表格 */\n@media (prefers-color-scheme: dark) {\n  .table-container {\n    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4) !important;\n  }\n  \n  details table {\n    background-color: rgba(45, 55, 45, 0.9) !important;\n  }\n  \n  details th {\n    background: linear-gradient(to bottom, #4a5a4a, #3d4a3d) !important;\n    border-bottom-color: #2d3a2d !important;\n  }\n  \n  details td {\n    color: #d8e0d4 !important;\n    border-bottom-color: #5a6b5a !important;\n  }\n  \n  details tr:nth-child(even) {\n    background-color: rgba(42, 50, 42, 0.4) !important;\n  }\n  \n  details tr:hover td {\n    background-color: rgba(90, 107, 90, 0.3) !important;\n  }\n}\n\n/* 响应式设计 - 表格 */\n@media (max-width: 768px) {\n  .table-container {\n    max-height: 300px !important;\n    overflow-x: auto !important;\n    -webkit-overflow-scrolling: touch !important;\n  }\n  \n  details table {\n    min-width: 100% !important;\n    width: auto !important;\n  }\n  \n  .table-container::-webkit-scrollbar {\n    height: 8px !important;\n  }\n  \n  .table-container::-webkit-scrollbar-thumb {\n    background-color: rgba(120, 145, 120, 0.3) !important;\n    border-radius: 4px !important;\n  }\n}\n\n@media (max-width: 480px) {\n  details th, details td {\n    padding: 10px 12px !important;\n    font-size: 0.9em !important;\n  }\n  \n  details td {\n    word-break: break-word !important;\n  }\n}\n\n/* ======================\n   5. AI 输出对话框 - 莫兰迪绿调\n   ====================== */\n.group .bg-gray-100\\/90 {\n  background: rgba(250, 252, 249, 0.95) !important;\n  border: 2px solid #b0c4ad !important;\n  border-radius: 12px !important;\n  box-shadow: 3px 3px 8px rgba(120, 145, 120, 0.2) !important;\n  color: #2d3a2d !important;\n  padding: 16px !important;\n  font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif !important;\n  position: relative !important;\n  font-size: 1.0em !important;\n  line-height: 1.6 !important;\n}\n\n.group .bg-gray-100\\/90::before {\n  content: \"\" !important;\n  position: absolute !important;\n  top: -10px !important;\n  left: 20px !important;\n  width: 0 !important;\n  height: 0 !important;\n  border-left: 10px solid transparent !important;\n  border-right: 10px solid transparent !important;\n  border-bottom: 10px solid #b0c4ad !important;\n}\n\n.group .bg-gray-100\\/90::after {\n  content: \"\" !important;\n  position: absolute !important;\n  top: -8px !important;\n  left: 20px !important;\n  width: 0 !important;\n  height: 0 !important;\n  border-left: 10px solid transparent !important;\n  border-right: 10px solid transparent !important;\n  border-bottom: 10px solid rgba(250, 252, 249, 0.95) !important;\n}\n\n.group .bg-gray-100\\/90 p,\n.group .bg-gray-100\\/90 li,\n.group .bg-gray-100\\/90 td,\n.group .bg-gray-100\\/90 th {\n  margin: 15px 0 !important;\n  line-height: 1.7 !important;\n  font-size: 1.05em !important;\n  font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif !important;\n  color: #4a5a4a !important;\n  text-align: justify !important;\n  position: relative !important;\n}\n\n.group .bg-gray-100\\/90 p:last-child,\n.group .bg-gray-100\\/90 li:last-child {\n  margin-bottom: 0 !important;\n}\n\n/* 暗色模式适配 - AI 输出对话框 */\n@media (prefers-color-scheme: dark) {\n  .group .bg-gray-100\\/90 {\n    background: rgba(45, 55, 45, 0.95) !important;\n    border-color: #5a6b5a !important;\n    color: #d8e0d4 !important;\n    box-shadow: 3px 3px 8px rgba(0, 0, 0, 0.4) !important;\n  }\n  \n  .group .bg-gray-100\\/90::after {\n    border-bottom: 10px solid rgba(45, 55, 45, 0.95) !important;\n  }\n  \n  .group .bg-gray-100\\/90 p,\n  .group .bg-gray-100\\/90 li,\n  .group .bg-gray-100\\/90 td,\n  .group .bg-gray-100\\/90 th {\n    color: #d8e0d4 !important;\n  }\n}\n\n/* ======================\n   6. 底部输入区域 - 莫兰迪绿调（已整合发送按钮修复）\n   ====================== */\n#ai-chat-bottom-input { \n  background: transparent !important; \n  backdrop-filter: none !important; \n}\n\n#ai-chat-input {\n  background-color: #fafcfa !important;\n  border: 2px solid #b0c4ad !important;\n  border-radius: 8px !important;\n  color: #4a5a4a !important;\n  box-shadow: inset 2px 2px 4px rgba(120, 145, 120, 0.1) !important;\n  font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif !important;\n  font-size: 0.85em !important;\n  padding: 12px 16px !important;\n}\n\n/* 发送按钮修复（原模块17） */\n#ai-send-button {\n  width: 32px !important;\n  height: 32px !important;\n  overflow: visible !important;\n}\n#ai-send-button svg {\n  display: inline-block !important;\n  visibility: visible !important;\n  opacity: 1 !important;\n  width: 20px !important;\n  height: 20px !important;\n  fill: #8fa88f !important;\n  color: #8fa88f !important;\n}\n#ai-send-button:hover svg {\n  fill: #a8bda6 !important;\n  color: #a8bda6 !important;\n}\n\n/* 暗色模式适配 - 底部输入区域 + 发送按钮 */\n@media (prefers-color-scheme: dark) {\n  #ai-chat-input {\n    background-color: #3d4a3d !important;\n    border: 2px solid #5a6b5a !important;\n    color: #d8e0d4 !important;\n    box-shadow: inset 2px 2px 4px rgba(0, 0, 0, 0.2) !important;\n  }\n  /* 暗色模式下发送按钮配色 */\n  #ai-send-button svg {\n    fill: #9ab89a !important;\n    color: #9ab89a !important;\n  }\n  #ai-send-button:hover svg {\n    fill: #b8cdb6 !important;\n    color: #b8cdb6 !important;\n  }\n}\n\n/* ======================\n   7. 顶部横幅\n   ====================== */\n.sticky.w-full.top-0.h-16 {\n  background: #000 !important;\n  background-image: url('https://youke1.picui.cn/s1/2025/08/14/689dd42f18d31.jpg') !important;\n  background-size: cover !important;\n  background-position: center !important;\n  border-bottom: 1px solid rgba(160, 176, 208, 0.7) !important;\n}\n\n/* 暗色模式适配 - 顶部横幅 */\n@media (prefers-color-scheme: dark) {\n  .sticky.w-full.top-0.h-16 {\n    border-bottom: 1px solid rgba(74, 85, 104, 0.7) !important;\n  }\n}\n\n/* ======================\n   8. 按钮样式 - 莫兰迪绿调（已整合按钮图标修复 + 用户气泡刷新按钮修复）\n   ====================== */\n.flex.items-center.gap-2.pb-2 > button,\n.MuiButtonBase-root.MuiButton-root.MuiButton-default, \n.flex.items-center.gap-2.mb-4 button.px-3 {\n  background: linear-gradient(to bottom, #f2f6f1, #e8f0e6) !important;\n  color: #4a5a4a !important;\n  border: 1px solid #b8a08a !important;\n  border-radius: 6px !important;\n  box-shadow: 2px 2px 0px rgba(180, 155, 130, 0.5) !important;\n  font-weight: bold !important;\n  font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif !important;\n  text-transform: none !important;\n  transition: all 0.1s ease-in-out !important;\n  padding: 4px 10px !important;\n  font-size: 0.85em !important;\n}\n\n.flex.items-center.gap-2.pb-2 > button:hover,\n.MuiButtonBase-root.MuiButton-root.MuiButton-default:hover, \n.flex.items-center.gap-2.mb-4 button.px-3:hover { \n  background: linear-gradient(to bottom, #e8f0e6, #d8e3d4) !important;\n  color: #4a5a4a !important;\n  transform: translate(2px, 2px) !important;\n  box-shadow: 0px 0px 2px rgba(120, 145, 120, 0.2) !important;\n}\n\n/* 按钮图标修复（原模块16） */\n.css-m3x93c svg,\n.css-m3x93c i,\n.css-m3x93c span,\n.css-m3x93c * {\n  display: inline-block !important;\n  visibility: visible !important;\n  opacity: 1 !important;\n  color: #8fa88f !important;\n  fill: #8fa88f !important;\n  font-family: inherit !important;\n}\n.css-m3x93c {\n  font-family: var(--font-system), -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto !important;\n}\n.css-m3x93c svg {\n  width: 18px !important;\n  height: 18px !important;\n  min-width: 18px !important;\n  min-height: 18px !important;\n}\n.css-m3x93c:hover {\n  background-color: rgba(143, 168, 143, 0.15) !important;\n}\n\n/* 用户气泡刷新按钮修复（融入模块8） */\n#customized-resend-button.css-b8ryli {\n  display: inline-flex !important;\n  align-items: center !important;\n  justify-content: center !important;\n  width: 32px !important;\n  height: 32px !important;\n  min-width: 32px !important;\n  padding: 4px !important;\n  color: #8fa88f !important;\n  background: transparent !important;\n  border-radius: 6px !important;\n  overflow: visible !important;\n  border: none !important;\n}\n\n#customized-resend-button.css-b8ryli svg {\n  display: block !important;\n  width: 18px !important;\n  height: 18px !important;\n  fill: #8fa88f !important;\n  color: #8fa88f !important;\n  flex-shrink: 0 !important;\n}\n\n#customized-resend-button.css-b8ryli:hover {\n  background-color: rgba(143, 168, 143, 0.12) !important;\n}\n\n#customized-resend-button.css-b8ryli:hover svg {\n  fill: #a8bda6 !important;\n  color: #a8bda6 !important;\n}\n\n/* 暗色模式适配 - 按钮样式 + 图标修复 + 刷新按钮 */\n@media (prefers-color-scheme: dark) {\n  .flex.items-center.gap-2.pb-2 > button,\n  .MuiButtonBase-root.MuiButton-root.MuiButton-default, \n  .flex.items-center.gap-2.mb-4 button.px-3 {\n    background: linear-gradient(to bottom, #4a5a4a, #3d4a3d) !important;\n    color: #d8e0d4 !important;\n    border: 2px solid #6a7a6a !important;\n    box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3) !important;\n  }\n  \n  .flex.items-center.gap-2.pb-2 > button:hover,\n  .MuiButtonBase-root.MuiButton-root.MuiButton-default:hover, \n  .flex.items-center.gap-2.mb-4 button.px-3:hover {\n    background: linear-gradient(to bottom, #3d4a3d, #2d3a2d) !important;\n    color: #d8e0d4 !important;\n  }\n\n  .css-m3x93c svg,\n  .css-m3x93c i,\n  .css-m3x93c span {\n    color: #9ab89a !important;\n    fill: #9ab89a !important;\n  }\n\n  /* 刷新按钮暗色模式 */\n  #customized-resend-button.css-b8ryli {\n    color: #9ab89a !important;\n  }\n  #customized-resend-button.css-b8ryli svg {\n    fill: #9ab89a !important;\n    color: #9ab89a !important;\n  }\n  #customized-resend-button.css-b8ryli:hover {\n    background-color: rgba(154, 184, 154, 0.15) !important;\n  }\n  #customized-resend-button.css-b8ryli:hover svg {\n    fill: #c8d8c4 !important;\n    color: #c8d8c4 !important;\n  }\n}\n\n/* ======================\n   9. 元素隐藏\n   ====================== */\n.MuiButtonBase-root.MuiButton-root.MuiButton-default.css-w13mdt,\n.absolute.z-40 .px-4.py-2.hover\\:bg-indigo-100:nth-child(5),\n.css-nkqe49 { \n  display: none !important; \n}\n\n/* ======================\n   10. 侧边栏、弹出菜单与对话框 - 莫兰迪绿调\n   ====================== */\n#ai-model-selector .group {\n  background: #fafcfa !important;\n  border: 1px solid #b0c4ad !important;\n  border-radius: 6px !important;\n  position: relative !important;\n  overflow: hidden !important;\n  transition: all 0.3s ease !important;\n}\n#ai-model-selector .group:hover { \n  box-shadow: 0 0 10px rgba(143, 168, 143, 0.5) !important;\n  border-color: #c8d6c4 !important;\n}\n#ai-model-selector .group *, #ai-model-selector .group { \n  color: #4a5a4a !important;\n  font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif !important;\n}\n\n.MuiDialog-paper,\n.absolute.z-40.w-48.bg-white.border, \n.w-\\[360px\\].max-h-\\[480px\\].rounded-lg, \n.absolute.z-40.text-gray-700.right-0.mt-6.w-48.bg-white.border.border-gray-200.rounded-lg.shadow-lg.py-2 {\n  background: rgba(250, 252, 249, 0.95) !important;\n  border: 1px solid #b0c4ad !important;\n  border-radius: 8px !important;\n  box-shadow: 0 0 20px rgba(143, 168, 143, 0.3) !important;\n  backdrop-filter: blur(15px) !important;\n}\n.MuiDialogContent-root,\n.MuiDialogTitle-root,\n.MuiDialogActions-root,\n.absolute.z-40.w-48.bg-white.border > *, \n.w-\\[360px\\].max-h-\\[480px\\].rounded-lg *, \n.absolute.z-40.text-gray-700.right-0.mt-6.w-48.bg-white.border.border-gray-200.rounded-lg.shadow-lg.py-2 * { \n  color: #4a5a4a !important;\n  font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif !important;\n}\n.absolute.z-40.w-48.bg-white.border > *:hover, \n.absolute.z-40.text-gray-700.right-0.mt-6.w-48.bg-white.border.border-gray-200.rounded-lg.shadow-lg.py-2 > div:hover { \n  background: rgba(143, 168, 143, 0.15) !important;\n}\n.MuiDialogContent-dividers {\n  border-top: 1px solid rgba(160, 180, 155, 0.7) !important;\n  border-bottom: 1px solid rgba(160, 180, 155, 0.7) !important;\n}\n\n.MuiDialogContent-root.MuiDialogContent-dividers::-webkit-scrollbar { width: 8px !important; }\n.MuiDialogContent-root.MuiDialogContent-dividers::-webkit-scrollbar-track { background: rgba(250, 252, 249, 0.5) !important; border-radius: 4px !important; }\n.MuiDialogContent-root.MuiDialogContent-dividers::-webkit-scrollbar-thumb { \n  background: #b0c4ad !important;\n  border-radius: 4px !important; \n  border: 1px solid #fafcfa !important; \n}\n.MuiDialogContent-root.MuiDialogContent-dividers::-webkit-scrollbar-thumb:hover { background: #8fa88f !important; }\n\ndiv.duration-500.w-60.MuiBox-root {\n  background: rgba(250, 252, 249, 0.8) !important;\n  border-right: 1px solid #b0c4ad !important;\n  backdrop-filter: blur(10px) !important;\n}\ndiv.duration-500.w-60.MuiBox-root * {\n  color: #4a5a4a !important;\n  font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif !important;\n}\ndiv.duration-500.w-60.MuiBox-root .MuiListItemButton-root:hover {\n  background: rgba(143, 168, 143, 0.15) !important;\n}\n\ndiv.duration-500.w-60.MuiBox-root .MuiList-root::-webkit-scrollbar { width: 6px !important; }\ndiv.duration-500.w-60.MuiBox-root .MuiList-root::-webkit-scrollbar-track { background: transparent !important; }\ndiv.duration-500.w-60.MuiBox-root .MuiList-root::-webkit-scrollbar-thumb { \n  background: #b0c4ad !important;\n  border-radius: 3px !important; \n}\ndiv.duration-500.w-60.MuiBox-root .MuiList-root::-webkit-scrollbar-thumb:hover { background: #8fa88f !important; }\n\n.sticky.top-0.my-0.mx-3.border-\\[1\\.5px\\] {\n  background: rgba(250, 252, 249, 0.6) !important;\n  border: 1px solid #b0c4ad !important;\n  backdrop-filter: blur(5px) !important;\n  position: relative !important;\n  padding-top: 25px !important;\n}\n.sticky.top-0.my-0.mx-3.border-\\[1\\.5px\\]::before {\n  content: '留下你的评论' !important;\n  position: absolute !important;\n  top: 5px !important;\n  left: 50% !important;\n  transform: translateX(-50%) !important;\n  color: #8fa88f !important;\n  font-size: 14px !important;\n  font-weight: bold !important;\n  text-shadow: 0 0 5px rgba(143, 168, 143, 0.3) !important;\n  font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif !important;\n}\n.translate-y-0 .p-3.overflow-y-auto {\n  background: rgba(250, 252, 249, 0.6) !important;\n}\n\n.block.w-full.sm\\:w-\\[240px\\].shrink-0 {\n  background: rgba(250, 252, 249, 0.6) !important;\n  border-left: 1px solid #b0c4ad !important;\n}\n.block.w-full.sm\\:w-\\[240px\\].shrink-0 * {\n  color: #4a5a4a !important;\n  font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif !important;\n}\n.block.w-full.sm\\:w-\\[240px\\].shrink-0 div[class*=\"hover:bg-gray-200\"]:hover {\n  background: rgba(143, 168, 143, 0.15) !important;\n}\n\n/* 暗色模式适配 - 侧边栏、弹出菜单与对话框 */\n@media (prefers-color-scheme: dark) {\n  #ai-model-selector .group {\n    background: #3d4a3d !important;\n    border-color: #5a6b5a !important;\n  }\n  \n  #ai-model-selector .group:hover {\n    box-shadow: 0 0 10px rgba(90, 107, 90, 0.5) !important;\n    border-color: #7a8a7a !important;\n  }\n  \n  #ai-model-selector .group *, #ai-model-selector .group {\n    color: #d8e0d4 !important;\n  }\n  \n  .MuiDialog-paper,\n  .absolute.z-40.w-48.bg-white.border, \n  .w-\\[360px\\].max-h-\\[480px\\].rounded-lg, \n  .absolute.z-40.text-gray-700.right-0.mt-6.w-48.bg-white.border.border-gray-200.rounded-lg.shadow-lg.py-2 {\n    background: rgba(45, 55, 45, 0.95) !important;\n    border-color: #5a6b5a !important;\n    box-shadow: 0 0 20px rgba(90, 107, 90, 0.3) !important;\n  }\n  \n  .MuiDialogContent-root,\n  .MuiDialogTitle-root,\n  .MuiDialogActions-root,\n  .absolute.z-40.w-48.bg-white.border > *, \n  .w-\\[360px\\].max-h-\\[480px\\].rounded-lg *, \n  .absolute.z-40.text-gray-700.right-0.mt-6.w-48.bg-white.border.border-gray-200.rounded-lg.shadow-lg.py-2 * {\n    color: #d8e0d4 !important;\n  }\n  \n  .absolute.z-40.w-48.bg-white.border > *:hover, \n  .absolute.z-40.text-gray-700.right-0.mt-6.w-48.bg-white.border.border-gray-200.rounded-lg.shadow-lg.py-2 > div:hover {\n    background: rgba(90, 107, 90, 0.25) !important;\n  }\n  \n  .MuiDialogContent-dividers {\n    border-top: 1px solid rgba(90, 107, 90, 0.7) !important;\n    border-bottom: 1px solid rgba(90, 107, 90, 0.7) !important;\n  }\n  \n  .MuiDialogContent-root.MuiDialogContent-dividers::-webkit-scrollbar-track {\n    background: rgba(45, 55, 45, 0.5) !important;\n  }\n  \n  .MuiDialogContent-root.MuiDialogContent-dividers::-webkit-scrollbar-thumb {\n    background: #5a6b5a !important;\n    border-color: #3d4a3d !important;\n  }\n  \n  .MuiDialogContent-root.MuiDialogContent-dividers::-webkit-scrollbar-thumb:hover {\n    background: #7a8a7a !important;\n  }\n  \n  div.duration-500.w-60.MuiBox-root {\n    background: rgba(45, 55, 45, 0.8) !important;\n    border-right: 1px solid #5a6b5a !important;\n  }\n  \n  div.duration-500.w-60.MuiBox-root * {\n    color: #d8e0d4 !important;\n  }\n  \n  div.duration-500.w-60.MuiBox-root .MuiListItemButton-root:hover {\n    background: rgba(90, 107, 90, 0.2) !important;\n  }\n  \n  div.duration-500.w-60.MuiBox-root .MuiList-root::-webkit-scrollbar-thumb {\n    background: #5a6b5a !important;\n  }\n  \n  div.duration-500.w-60.MuiBox-root .MuiList-root::-webkit-scrollbar-thumb:hover {\n    background: #7a8a7a !important;\n  }\n  \n  .sticky.top-0.my-0.mx-3.border-\\[1\\.5px\\] {\n    background: rgba(45, 55, 45, 0.6) !important;\n    border-color: #5a6b5a !important;\n  }\n  \n  .sticky.top-0.my-0.mx-3.border-\\[1\\.5px\\]::before {\n    color: #9ab89a !important;\n    text-shadow: 0 0 5px rgba(154, 184, 154, 0.3) !important;\n  }\n  \n  .translate-y-0 .p-3.overflow-y-auto {\n    background: rgba(45, 55, 45, 0.6) !important;\n  }\n  \n  .block.w-full.sm\\:w-\\[240px\\].shrink-0 {\n    background: rgba(45, 55, 45, 0.6) !important;\n    border-left: 1px solid #5a6b5a !important;\n  }\n  \n  .block.w-full.sm\\:w-\\[240px\\].shrink-0 * {\n    color: #d8e0d4 !important;\n  }\n  \n  .block.w-full.sm\\:w-\\[240px\\].shrink-0 div[class*=\"hover:bg-gray-200\"]:hover {\n    background: rgba(90, 107, 90, 0.2) !important;\n  }\n}\n\n/* ======================\n   11. 积分信息栏 - 莫兰迪绿调\n   ====================== */\n.MuiStack-root.text-purple-500.mt-1.css-1kz283j {\n  background: linear-gradient(145deg, #f2f6f1, #e8f0e6) !important;\n  border: 1px solid #c8d6c4 !important;\n  border-radius: 4px !important;\n  box-shadow: 0 1px 4px rgba(120, 145, 120, 0.1) !important;\n  padding: 4px 8px !important;\n  display: flex !important;\n  flex-direction: row !important;\n  flex-wrap: wrap !important;\n  align-items: center !important;\n  justify-content: flex-start !important;\n  font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif !important;\n  margin-top: 6px !important;\n  position: relative !important;\n  height: auto !important;\n  min-height: 22px !important;\n  gap: 3px !important;\n}\n\n.MuiStack-root.text-purple-500.mt-1.css-1kz283j::before {\n  content: \"📚\" !important;\n  position: absolute !important;\n  left: 5px !important;\n  font-size: 0.7em !important;\n  color: rgba(120, 145, 120, 0.3) !important;\n}\n\n.MuiStack-root.text-purple-500.mt-1.css-1kz283j::after {\n  content: \"🔖\" !important;\n  position: absolute !important;\n  right: 5px !important;\n  font-size: 0.7em !important;\n  color: rgba(120, 145, 120, 0.3) !important;\n}\n\n.MuiTypography-root.MuiTypography-body2.css-6c0gf2 {\n  color: #2d3a2d !important;\n  font-size: 0.7em !important;\n  font-weight: bold !important;\n  padding: 2px 4px !important;\n  background: rgba(250, 252, 249, 0.8) !important;\n  border-radius: 4px !important;\n  border: 1px solid rgba(160, 180, 155, 0.2) !important;\n  margin: 1px 0.5px !important;\n  word-break: break-all !important;\n  line-height: 1.2 !important;\n}\n\n.MuiTypography-root.MuiTypography-body2.text-orange-500.css-1x48u03 {\n  color: #2d3a2d !important;\n  font-size: 0.65em !important;\n  padding: 2px 4px !important;\n  background: rgba(250, 252, 249, 0.8) !important;\n  border-radius: 4px !important;\n  border: 1px solid rgba(160, 180, 155, 0.2) !important;\n  display: flex !important;\n  align-items: center !important;\n  margin: 1px 0.5px !important;\n  word-break: break-all !important;\n  line-height: 1.2 !important;\n}\n\n.MuiTypography-root.MuiTypography-body2.text-orange-500.css-1x48u03::before {\n  content: \"•\" !important;\n  margin-right: 3px !important;\n  font-size: 0.6em !important;\n  color: #7d967d !important;\n}\n\n/* 暗色模式适配 - 积分信息栏 */\n@media (prefers-color-scheme: dark) {\n  .MuiStack-root.text-purple-500.mt-1.css-1kz283j {\n    background: linear-gradient(135deg, #3d4a3d, #4a5a4a) !important;\n    border: 1px solid #5a6b5a !important;\n    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3) !important;\n  }\n  \n  .MuiTypography-root.MuiTypography-body2.css-6c0gf2 {\n    color: #d8e0d4 !important;\n    background: rgba(45, 55, 45, 0.7) !important;\n    border: 1px solid rgba(90, 107, 90, 0.2) !important;\n  }\n  \n  .MuiTypography-root.MuiTypography-body2.text-orange-500.css-1x48u03 {\n    color: #d8e0d4 !important;\n    background: rgba(45, 55, 45, 0.7) !important;\n    border: 1px solid rgba(90, 107, 90, 0.2) !important;\n  }\n  \n  .MuiTypography-root.MuiTypography-body2.text-orange-500.css-1x48u03::before {\n    color: #9ab89a !important;\n  }\n}\n\n/* 响应式设计 - 积分信息栏 */\n@media (max-width: 480px) {\n  .MuiStack-root.text-purple-500.mt-1.css-1kz283j {\n    padding: 3px 6px !important;\n    min-height: 20px !important;\n    gap: 2px !important;\n    margin-top: 4px !important;\n  }\n  \n  .MuiTypography-root.MuiTypography-body2.css-6c0gf2 {\n    font-size: 0.65em !important;\n    padding: 1px 3px !important;\n    margin: 0.5px !important;\n  }\n  \n  .MuiTypography-root.MuiTypography-body2.text-orange-500.css-1x48u03 {\n    font-size: 0.6em !important;\n    padding: 1px 3px !important;\n    margin: 0.5px !important;\n  }\n}\n\n@media (min-width: 481px) and (max-width: 768px) {\n  .MuiStack-root.text-purple-500.mt-1.css-1kz283j {\n    padding: 4px 8px !important;\n    min-height: 22px !important;\n    gap: 3px !important;\n  }\n  .MuiTypography-root.MuiTypography-body2.css-6c0gf2 {\n    font-size: 0.7em !important;\n    padding: 2px 4px !important;\n  }\n  .MuiTypography-root.MuiTypography-body2.text-orange-500.css-1x48u03 {\n    font-size: 0.65em !important;\n    padding: 2px 4px !important;\n  }\n}\n\n@media (min-width: 769px) {\n  .MuiStack-root.text-purple-500.mt-1.css-1kz283j {\n    padding: 4px 8px !important;\n    min-height: 22px !important;\n    gap: 3px !important;\n  }\n\n  .MuiTypography-root.MuiTypography-body2.css-6c0gf2 {\n    font-size: 0.7em !important;\n    padding: 2px 4px !important;\n    margin: 1px !important;\n  }\n\n  .MuiTypography-root.MuiTypography-body2.text-orange-500.css-1x48u03 {\n    font-size: 0.65em !important;\n    padding: 2px 4px !important;\n    margin: 1px !important;\n  }\n}\n\n/* ======================\n   12. 叙事正文专用样式保护 - 莫兰迪绿调\n   ====================== */\ndetails > div.narrative-content,\n.narrative-content {\n  background: linear-gradient(135deg, #fafcfa 0%, #f2f6f1 100%) !important;\n  border: 1px solid #c8d6c4 !important;\n  border-radius: 10px !important;\n  padding: 20px 15px !important;\n  margin: 15px 0 !important;\n  line-height: 1.7 !important;\n  font-size: 1.05em !important;\n  font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif !important;\n  color: #4a5a4a !important;\n  text-align: justify !important;\n  box-shadow: 0 4px 12px rgba(143, 168, 143, 0.1) !important;\n  position: relative !important;\n}\n\n.narrative-content p {\n  margin-bottom: 1.2em !important;\n  text-indent: 0 !important;\n}\n\n.narrative-content p:last-child {\n  margin-bottom: 0 !important;\n}\n\n.narrative-content ::selection {\n  background: #a8bda6 !important;\n  color: #2d3a2d !important;\n}\n\n.narrative-content ::-moz-selection {\n  background: #a8bda6 !important;\n  color: #2d3a2d !important;\n}\n\n.narrative-content.compact {\n  padding: 20px 15px !important;\n  border-radius: 10px !important;\n  font-size: 1em !important;\n  line-height: 1.6 !important;\n}\n\n.narrative-content::before {\n  content: '' !important;\n  position: absolute !important;\n  top: 0 !important;\n  left: 0 !important;\n  right: 0 !important;\n  bottom: 0 !important;\n  border-radius: 12px !important;\n  box-shadow: inset 0 1px 3px rgba(255, 255, 255, 0.8) !important;\n  pointer-events: none !important;\n  z-index: 1 !important;\n}\n\n/* 暗色模式适配 - 叙事正文 */\n@media (prefers-color-scheme: dark) {\n  .narrative-content {\n    background: linear-gradient(135deg, #3d4a3d 0%, #4a5a4a 100%) !important;\n    border-color: #5a6b5a !important;\n    color: #d8e0d4 !important;\n    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4) !important;\n  }\n  \n  .narrative-content ::selection {\n    background: #5a6b5a !important;\n    color: #d8e0d4 !important;\n  }\n  \n  .narrative-content ::-moz-selection {\n    background: #5a6b5a !important;\n    color: #d8e0d4 !important;\n  }\n  \n  .narrative-content::before {\n    box-shadow: inset 0 1px 3px rgba(255, 255, 255, 0.1) !important;\n  }\n}\n\n/* ======================\n   13. 状态面板特殊修复 - 莫兰迪绿调\n   ====================== */\ndetails .content-wrapper {\n  background: #f2f6f1 !important;\n  border: 1px solid #c8d6c4 !important;\n  margin-top: 8px !important;\n  border-radius: 10px !important;\n  padding: 15px !important;\n  font-family: 'Consolas', 'Monaco', monospace !important;\n  font-size: 0.9em !important;\n  line-height: 1.5 !important;\n  color: #3d4a3d !important;\n}\n\ndetails .content-wrapper strong {\n  color: #6b5a8a !important;\n  font-weight: 700 !important;\n}\n\ndetails .content-wrapper pre,\ndetails .content-wrapper code {\n  background: transparent !important;\n  margin: 0 !important;\n  padding: 0 !important;\n  border: none !important;\n  font: inherit !important;\n  color: inherit !important;\n  line-height: inherit !important;\n  white-space: inherit !important;\n}\n\n/* 暗色模式适配 - 状态面板 */\n@media (prefers-color-scheme: dark) {\n  details .content-wrapper {\n    background: #3d4a3d !important;\n    border-color: #5a6b5a !important;\n    color: #d8e0d4 !important;\n  }\n  \n  details .content-wrapper strong {\n    color: #b0c4e0 !important;\n  }\n}\n\n/* ======================\n   14. 小说设定卡片样式 - 莫兰迪绿调\n   ====================== */\n.novel-setting-card {\n  background: linear-gradient(145deg, #fafcfa 0%, #f2f6f1 100%) !important;\n  border: 1px solid #c8d6c4 !important;\n  border-radius: 12px !important;\n  padding: 20px 18px !important;\n  margin: 18px 0 !important;\n  box-shadow: \n    0 4px 16px rgba(143, 168, 143, 0.12),\n    0 1px 3px rgba(0, 0, 0, 0.05),\n    inset 0 1px 0 rgba(255, 255, 255, 0.8) !important;\n  font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif !important;\n  line-height: 1.7 !important;\n  color: #4a5a4a !important;\n  position: relative !important;\n  transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;\n  overflow: hidden !important;\n}\n\n.novel-setting-card::before {\n  content: '' !important;\n  position: absolute !important;\n  top: 0 !important;\n  left: 0 !important;\n  right: 0 !important;\n  height: 2px !important;\n  background: linear-gradient(90deg, #8fa88f, #a8bda6, #8fa88f) !important;\n  border-radius: 12px 12px 0 0 !important;\n}\n\n.novel-setting-card:hover {\n  transform: translateY(-1px) !important;\n  box-shadow: \n    0 6px 20px rgba(143, 168, 143, 0.18),\n    0 2px 6px rgba(0, 0, 0, 0.08),\n    inset 0 1px 0 rgba(255, 255, 255, 0.9) !important;\n  border-color: #c8d6c4 !important;\n}\n\n.novel-setting-card p,\n.novel-setting-card div {\n  margin-bottom: 12px !important;\n  font-size: 1em !important;\n  color: #5a6b5a !important;\n  line-height: 1.6 !important;\n}\n\n.novel-setting-card p:last-child {\n  margin-bottom: 0 !important;\n}\n\n.novel-setting-card .setting-icon {\n  display: inline-block !important;\n  width: 20px !important;\n  text-align: center !important;\n  margin-right: 8px !important;\n  opacity: 0.8 !important;\n  transition: opacity 0.3s ease !important;\n}\n\n.novel-setting-card:hover .setting-icon {\n  opacity: 1 !important;\n}\n\n.novel-setting-card .highlight {\n  color: #3d4a3d !important;\n  font-weight: 600 !important;\n  background: linear-gradient(120deg, transparent 0%, rgba(143, 168, 143, 0.1) 100%) !important;\n  padding: 2px 6px !important;\n  border-radius: 4px !important;\n  margin: 0 2px !important;\n}\n\n.novel-setting-card .card-title {\n  margin: 0 0 16px 0 !important;\n  font-size: 1.1em !important;\n  font-weight: 600 !important;\n  color: #3d4a3d !important;\n  text-align: center !important;\n  padding: 8px 0 !important;\n  border-bottom: 2px solid #a8bda6;\n  letter-spacing: 0.5px !important;\n}\n\n/* 暗色模式适配 - 小说设定卡片 */\n@media (prefers-color-scheme: dark) {\n  .novel-setting-card {\n    background: linear-gradient(145deg, #3d4a3d 0%, #4a5a4a 100%) !important;\n    border-color: #5a6b5a !important;\n    color: #d8e0d4 !important;\n    box-shadow: \n      0 4px 20px rgba(0, 0, 0, 0.4),\n      inset 0 1px 0 rgba(255, 255, 255, 0.1) !important;\n  }\n  \n  .novel-setting-card::before {\n    background: linear-gradient(90deg, #5a6b5a, #6a7a6a, #5a6b5a) !important;\n  }\n  \n  .novel-setting-card:hover {\n    border-color: #6a7a6a !important;\n    box-shadow: \n      0 6px 25px rgba(0, 0, 0, 0.5),\n      inset 0 1px 0 rgba(255, 255, 255, 0.15) !important;\n  }\n  \n  .novel-setting-card p,\n  .novel-setting-card div {\n    color: #d8e0d4 !important;\n  }\n  \n  .novel-setting-card .highlight {\n    color: #f0f4ee !important;\n    background: linear-gradient(120deg, transparent 0%, rgba(90, 107, 90, 0.3) 100%) !important;\n  }\n  \n  .novel-setting-card .card-title {\n    color: #d8e0d4 !important;\n    border-bottom-color: #6a7a6a !important;\n  }\n}\n\n/* 响应式设计 - 小说设定卡片 */\n@media (max-width: 768px) {\n  .novel-setting-card {\n    padding: 16px 14px !important;\n    margin: 15px 0 !important;\n    border-radius: 10px !important;\n  }\n  \n  .novel-setting-card p,\n  .novel-setting-card div {\n    font-size: 0.9em !important;\n    line-height: 1.6 !important;\n  }\n}\n\n/* ======================\n   15. 行动选项卡片 - 莫兰迪绿调\n   ====================== */\n.action-card {\n  background: linear-gradient(145deg, #fafcfa, #f2f6f1);\n  border: 1px solid #c8d6c4;\n  border-radius: 12px;\n  padding: 20px;\n  margin: 20px 0;\n  box-shadow: 0 4px 12px rgba(143, 168, 143, 0.1);\n  transition: all 0.3s ease;\n}\n\n.action-card:hover {\n  box-shadow: 0 6px 20px rgba(143, 168, 143, 0.15);\n  transform: translateY(-1px);\n}\n\n.action-header {\n  text-align: center;\n  font-weight: bold;\n  font-size: 1.1em;\n  margin-bottom: 15px;\n  color: #4a5a4a;\n  border-bottom: 2px solid #a8bda6;\n  padding-bottom: 8px;\n}\n\n.action-grid {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 12px;\n}\n\n.action-btn {\n  padding: 12px 15px;\n  background: white;\n  border: 1px solid #d8e3d4;\n  border-radius: 8px;\n  cursor: pointer;\n  transition: all 0.2s ease;\n  text-align: left;\n  font-size: 1em;\n  line-height: 1.4;\n  color: #5a6b5a;\n  user-select: text !important;\n  -webkit-user-select: text !important;\n  -moz-user-select: text !important;\n  -ms-user-select: text !important;\n  -webkit-touch-callout: text !important;\n}\n\n.action-btn * {\n  user-select: text !important;\n  -webkit-user-select: text !important;\n  -moz-user-select: text !important;\n  -ms-user-select: text !important;\n  pointer-events: none;\n}\n\n.action-btn:hover {\n  background: #eef2ec;\n  border-color: #a8bda6;\n  transform: translateY(-2px);\n  box-shadow: 0 2px 8px rgba(143, 168, 143, 0.2);\n}\n\n.action-btn:active {\n  transform: translateY(-2px) !important;\n  box-shadow: 0 2px 8px rgba(143, 168, 143, 0.2) !important;\n  background: #eef2ec !important;\n  border-color: #a8bda6 !important;\n}\n\n/* 暗色模式适配 - 行动选项卡片 */\n@media (prefers-color-scheme: dark) {\n  .action-card {\n    background: linear-gradient(145deg, #3d4a3d, #4a5a4a) !important;\n    border-color: #5a6b5a !important;\n    color: #d8e0d4 !important;\n    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4) !important;\n  }\n  \n  .action-header {\n    color: #d8e0d4 !important;\n    border-bottom-color: #6a7a6a !important;\n  }\n  \n  .action-btn {\n    background: #3d4a3d !important;\n    border-color: #5a6b5a !important;\n    color: #d8e0d4 !important;\n  }\n  \n  .action-btn:hover {\n    background: #4a5a4a !important;\n    border-color: #6a7a6a !important;\n    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3) !important;\n  }\n  \n  .action-btn:active {\n    background: #4a5a4a !important;\n    border-color: #6a7a6a !important;\n    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3) !important;\n  }\n}\n\n/* 响应式设计 - 行动选项卡片 */\n@media (max-width: 768px) {\n  .action-grid {\n    grid-template-columns: 1fr;\n  }\n  \n  .action-card {\n    padding: 15px;\n    margin: 15px 0;\n  }\n}\n\n/* ======================\n   16. 顶部导航栏美化 - 莫兰迪绿调主题\n   ====================== */\n\n/* 1. 导航栏整体容器 */\n.flex.items-center.justify-between.w-full.relative {\n  background: linear-gradient(to bottom, #f2f6f1, #e8f0e6) !important;\n  border-bottom: 2px solid #b0c4ad !important;\n  box-shadow: 0 4px 12px rgba(120, 145, 120, 0.25) !important;\n  padding: 4px 12px !important;\n  position: relative !important;\n  z-index: 10 !important;\n}\n\n/* 暗色模式适配 - 导航栏整体 */\n@media (prefers-color-scheme: dark) {\n  .flex.items-center.justify-between.w-full.relative {\n    background: linear-gradient(to bottom, #3d4a3d, #4a5a4a) !important;\n    border-bottom-color: #5a6b5a !important;\n    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4) !important;\n  }\n}\n\n/* 2. 左侧\"未公开\"状态标签 */\n.px-2\\\\.5.py-px.text-xs.leading-5.rounded-md.inline-flex.items-center.text-green-800.bg-green-100.flex-shrink-0 {\n  background: linear-gradient(135deg, #8fa88f, #a8bda6) !important;\n  color: #ffffff !important;\n  border: 1px solid #c8d6c4 !important;\n  box-shadow: 0 0 8px rgba(143, 168, 143, 0.4) !important;\n  font-weight: bold !important;\n  letter-spacing: 1px !important;\n  text-shadow: 1px 1px 2px rgba(0,0,0,0.2) !important;\n  font-family: \"Segoe UI\", -apple-system, sans-serif !important;\n  text-transform: uppercase !important;\n}\n\n/* 暗色模式 - 状态标签 */\n@media (prefers-color-scheme: dark) {\n  .px-2\\\\.5.py-px.text-xs.leading-5.rounded-md.inline-flex.items-center.text-green-800.bg-green-100.flex-shrink-0 {\n    background: linear-gradient(135deg, #5a6b5a, #6a7a6a) !important;\n    color: #f0f4ee !important;\n    border-color: #5a6b5a !important;\n    box-shadow: 0 0 8px rgba(90, 107, 90, 0.4) !important;\n  }\n}\n\n/* 3. 语言切换与设置按钮通用图标颜色 */\n.MuiIconButton-root svg,\nbutton.MuiButtonBase-root svg {\n  color: #8fa88f !important;\n  fill: #8fa88f !important;\n  transition: color 0.2s, filter 0.2s !important;\n}\n\n.MuiIconButton-root:hover svg {\n  color: #a8bda6 !important;\n  fill: #a8bda6 !important;\n  filter: drop-shadow(0 0 6px rgba(143, 168, 143, 0.6)) !important;\n}\n\n/* 暗色模式 - 图标 */\n@media (prefers-color-scheme: dark) {\n  .MuiIconButton-root svg,\n  button.MuiButtonBase-root svg {\n    color: #9ab89a !important;\n    fill: #9ab89a !important;\n  }\n  .MuiIconButton-root:hover svg {\n    color: #c8d8c4 !important;\n    fill: #c8d8c4 !important;\n  }\n}\n\n/* 4. 模型选择器 (中间部分) */\n#ai-model-selector .Group {\n  background: rgba(250, 252, 249, 0.9) !important;\n  border: 1.5px solid #b0c4ad !important;\n  border-radius: 8px !important;\n  box-shadow: 0 2px 8px rgba(120, 145, 120, 0.15), inset 0 1px 0 rgba(255,255,255,0.8) !important;\n  font-family: \"Segoe UI\", -apple-system, sans-serif !important;\n  transition: all 0.3s ease !important;\n  padding: 2px 8px !important;\n  position: relative !important;\n}\n\n#ai-model-selector .Group:hover {\n  border-color: #c8d6c4 !important;\n  box-shadow: 0 0 12px rgba(143, 168, 143, 0.5), inset 0 1px 0 rgba(255,255,255,0.8) !important;\n}\n\n#ai-model-selector .Group .truncate {\n  color: #4a5a4a !important;\n  font-weight: 600 !important;\n  font-size: 13px !important;\n}\n\n#ai-model-selector .Group svg,\n#ai-model-selector .Group [data-icon=\"ChevronDown\"] path {\n  stroke: #8fa88f !important;\n  color: #8fa88f !important;\n}\n\n#ai-model-selector .Group:hover svg,\n#ai-model-selector .Group:hover [data-icon=\"ChevronDown\"] path {\n  stroke: #a8bda6 !important;\n  color: #a8bda6 !important;\n}\n\n/* 暗色模式 - 模型选择器 */\n@media (prefers-color-scheme: dark) {\n  #ai-model-selector .Group {\n    background: rgba(45, 55, 45, 0.9) !important;\n    border-color: #5a6b5a !important;\n    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3), inset 0 1px 0 rgba(255,255,255,0.05) !important;\n  }\n  #ai-model-selector .Group .truncate {\n    color: #d8e0d4 !important;\n  }\n  #ai-model-selector .Group svg,\n  #ai-model-selector .Group [data-icon=\"ChevronDown\"] path {\n    stroke: #9ab89a !important;\n    color: #9ab89a !important;\n  }\n  #ai-model-selector .Group:hover {\n    border-color: #7a8a7a !important;\n    box-shadow: 0 0 12px rgba(90, 107, 90, 0.4), inset 0 1px 0 rgba(255,255,255,0.05) !important;\n  }\n}\n\n/* 5. 隐藏的时间聊天图标 */\n.cursor-pointer.items-center.hidden.gap-1.text-xs svg,\n.cursor-pointer.items-center.hidden.gap-1.text-xs use {\n  color: #8fa88f !important;\n  fill: #8fa88f !important;\n}\n\n/* 6. 设置按钮区域右侧额外微调 */\n.MuiBox-root.css-0:has(> #header-setting-button) button {\n  background: transparent !important;\n}\n\n/* 7. 为导航栏增加莫兰迪绿装饰线条 */\n.flex.items-center.justify-between.w-full.relative::after {\n  content: \"\" !important;\n  position: absolute !important;\n  bottom: -2px !important;\n  left: 0 !important;\n  width: 100% !important;\n  height: 1px !important;\n  background: linear-gradient(to right, transparent, #b0c4ad, transparent) !important;\n  opacity: 0.6 !important;\n}\n\n/* 暗色模式下装饰线 */\n@media (prefers-color-scheme: dark) {\n  .flex.items-center.justify-between.w-full.relative::after {\n    background: linear-gradient(to right, transparent, #7a8a7a, transparent) !important;\n    opacity: 0.5 !important;\n  }\n}\n\n/* 响应式微调 */\n@media (max-width: 640px) {\n  .flex.items-center.justify-between.w-full.relative {\n    padding: 4px 8px !important;\n  }\n  #ai-model-selector .Group {\n    padding: 2px 6px !important;\n  }\n}\n\n/* ======================\n   17. 加载状态 - 构思剧情动画 (莫兰迪绿调)\n   ====================== */\n\n/* ---------- 外层容器扩展 ---------- */\ndiv:has(> [class*=\"dot-flashing\"]) {\n  width: auto !important;\n  min-width: 150px !important;\n  height: auto !important;\n  min-height: 30px !important;\n  overflow: visible !important;\n}\n\n/* ---------- 内层元素重置 ---------- */\n[class*=\"dot-flashing\"] {\n  width: auto !important;\n  height: auto !important;\n  min-width: 140px !important;\n  background: transparent !important;\n  border: none !important;\n  border-radius: 0 !important;\n  box-shadow: none !important;\n  animation: none !important;\n  font-size: 0 !important;\n  color: transparent !important;\n  position: relative !important;\n  display: inline-flex !important;\n  align-items: center !important;\n  justify-content: center !important;\n  padding: 4px 8px !important;\n}\n\n/* ---------- 清除原始伪元素 ---------- */\n[class*=\"dot-flashing\"]::before,\n[class*=\"dot-flashing\"]::after {\n  animation: none !important;\n  background: transparent !important;\n  border-radius: 0 !important;\n  box-shadow: none !important;\n  position: absolute !important;\n}\n[class*=\"dot-flashing\"]::before {\n  content: none !important;\n  width: 0 !important;\n  height: 0 !important;\n}\n[class*=\"dot-flashing\"]::after {\n  content: none !important;\n  width: 0 !important;\n  height: 0 !important;\n}\n\n/* ---------- ::before - 莫兰迪绿光点装饰 ---------- */\n[class*=\"dot-flashing\"]::before {\n  content: \"\" !important;\n  display: inline-block !important;\n  width: 6px !important;\n  height: 6px !important;\n  min-width: 6px !important;\n  min-height: 6px !important;\n  background: radial-gradient(circle, #b0c4ad 0%, rgba(176,196,173,0.6) 40%, transparent 70%) !important;\n  border-radius: 50% !important;\n  box-shadow:\n    0 0 6px rgba(143,168,143,0.8),\n    0 0 12px rgba(143,168,143,0.4),\n    0 0 20px rgba(143,168,143,0.2) !important;\n  position: relative !important;\n  left: auto !important;\n  top: auto !important;\n  margin-right: 8px !important;\n  flex-shrink: 0 !important;\n  animation: dotGreenPulse 2s ease-in-out infinite !important;\n  transform-origin: center !important;\n}\n\n@keyframes dotGreenPulse {\n  0%, 100% {\n    transform: translateY(0) scale(1);\n    box-shadow:\n      0 0 6px rgba(143,168,143,0.8),\n      0 0 12px rgba(143,168,143,0.4),\n      0 0 20px rgba(143,168,143,0.2);\n  }\n  50% {\n    transform: translateY(-5px) scale(1.2);\n    box-shadow:\n      0 0 10px rgba(168,189,166,1),\n      0 0 18px rgba(168,189,166,0.6),\n      0 0 30px rgba(168,189,166,0.35);\n  }\n}\n\n/* ---------- ::after - 文字\"正在构思剧情\" ---------- */\n[class*=\"dot-flashing\"]::after {\n  content: \"正在构思剧情\" !important;\n  display: inline-block !important;\n  position: relative !important;\n  left: auto !important;\n  top: auto !important;\n  width: auto !important;\n  height: auto !important;\n  font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif !important;\n  font-size: 14px !important;\n  font-weight: 600 !important;\n  letter-spacing: 1px !important;\n  white-space: nowrap !important;\n  line-height: 1.4 !important;\n  /* 莫兰迪绿金属流动渐变 */\n  background-image: linear-gradient(\n    105deg,\n    #6a7a6a 0%,\n    #8fa88f 15%,\n    #a8bda6 35%,\n    #e8f0e6 50%,\n    #a8bda6 65%,\n    #8fa88f 85%,\n    #6a7a6a 100%\n  ) !important;\n  background-size: 300% 100% !important;\n  background-clip: text !important;\n  -webkit-background-clip: text !important;\n  color: transparent !important;\n  text-shadow: none !important;\n  animation: conceiveGreenFlow 3s ease-in-out infinite !important;\n  filter: drop-shadow(0 0 6px rgba(143,168,143,0.5)) !important;\n  transition: filter 0.5s ease !important;\n}\n\n@keyframes conceiveGreenFlow {\n  0%, 100% {\n    background-position: 0% 50%;\n    filter: drop-shadow(0 0 4px rgba(143,168,143,0.4));\n  }\n  25% {\n    background-position: 100% 50%;\n    filter: drop-shadow(0 0 10px rgba(168,189,166,0.75));\n  }\n  50% {\n    background-position: 200% 50%;\n    filter: drop-shadow(0 0 16px rgba(180,200,178,0.9));\n  }\n  75% {\n    background-position: 100% 50%;\n    filter: drop-shadow(0 0 10px rgba(168,189,166,0.75));\n  }\n}\n\n/* ---------- 暗色模式适配 ---------- */\n@media (prefers-color-scheme: dark) {\n  [class*=\"dot-flashing\"]::before {\n    background: radial-gradient(circle, #c8d8c4 0%, rgba(200,216,196,0.7) 40%, transparent 70%) !important;\n    box-shadow:\n      0 0 8px rgba(200,216,196,0.9),\n      0 0 16px rgba(200,216,196,0.5),\n      0 0 24px rgba(200,216,196,0.3) !important;\n  }\n\n  @keyframes dotGreenPulseDark {\n    0%, 100% {\n      transform: translateY(0) scale(1);\n      box-shadow:\n        0 0 8px rgba(200,216,196,0.9),\n        0 0 16px rgba(200,216,196,0.5),\n        0 0 24px rgba(200,216,196,0.3);\n    }\n    50% {\n      transform: translateY(-5px) scale(1.2);\n      box-shadow:\n        0 0 14px rgba(220,235,215,1),\n        0 0 22px rgba(220,235,215,0.7),\n        0 0 36px rgba(220,235,215,0.45);\n    }\n  }\n\n  [class*=\"dot-flashing\"]::before {\n    animation-name: dotGreenPulseDark !important;\n  }\n\n  [class*=\"dot-flashing\"]::after {\n    background-image: linear-gradient(\n      105deg,\n      #8fa88f 0%,\n      #9ab89a 15%,\n      #c8d8c4 35%,\n      #eef5ec 50%,\n      #c8d8c4 65%,\n      #9ab89a 85%,\n      #8fa88f 100%\n    ) !important;\n    filter: drop-shadow(0 0 8px rgba(168,189,166,0.6)) !important;\n  }\n\n  @keyframes conceiveGreenFlowDark {\n    0%, 100% {\n      background-position: 0% 50%;\n      filter: drop-shadow(0 0 6px rgba(168,189,166,0.5));\n    }\n    25% {\n      background-position: 100% 50%;\n      filter: drop-shadow(0 0 14px rgba(200,216,196,0.8));\n    }\n    50% {\n      background-position: 200% 50%;\n      filter: drop-shadow(0 0 20px rgba(215,230,210,0.95));\n    }\n    75% {\n      background-position: 100% 50%;\n      filter: drop-shadow(0 0 14px rgba(200,216,196,0.8));\n    }\n  }\n\n  [class*=\"dot-flashing\"]::after {\n    animation-name: conceiveGreenFlowDark !important;\n  }\n}\n\n/* ---------- 响应式设计 ---------- */\n@media (max-width: 768px) {\n  div:has(> [class*=\"dot-flashing\"]) {\n    min-width: 135px !important;\n    min-height: 26px !important;\n  }\n  [class*=\"dot-flashing\"] {\n    min-width: 125px !important;\n    padding: 3px 6px !important;\n  }\n  [class*=\"dot-flashing\"]::before {\n    width: 5px !important;\n    height: 5px !important;\n    min-width: 5px !important;\n    min-height: 5px !important;\n    margin-right: 6px !important;\n  }\n  [class*=\"dot-flashing\"]::after {\n    font-size: 13px !important;\n    letter-spacing: 0.5px !important;\n  }\n}\n\n@media (max-width: 480px) {\n  div:has(> [class*=\"dot-flashing\"]) {\n    min-width: 120px !important;\n    min-height: 24px !important;\n  }\n  [class*=\"dot-flashing\"] {\n    min-width: 110px !important;\n    padding: 2px 5px !important;\n  }\n  [class*=\"dot-flashing\"]::before {\n    width: 4px !important;\n    height: 4px !important;\n    min-width: 4px !important;\n    min-height: 4px !important;\n    margin-right: 5px !important;\n  }\n  [class*=\"dot-flashing\"]::after {\n    font-size: 12px !important;\n    letter-spacing: 0px !important;\n  }\n}\n\n/* ======================\n   15. 行动选项卡片（莫兰迪绿调极简版）\n   ====================== */\n\n/* 外层容器 */\n.acts {\n  margin: 16px 0;\n  padding: 14px;\n  border: 1px solid #c8d6c4;\n  border-radius: 10px;\n  background: #f2f6f1;\n}\n\n/* 标题 */\n.acts-h {\n  text-align: center;\n  font-weight: bold;\n  margin-bottom: 10px;\n  color: #4a5a4a;\n}\n\n/* 选项网格 */\n.acts-grid {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 8px;\n}\n\n/* 单个选项：用 div 而不是 button，保证文字可拖拽/长按复制 */\n.opt {\n  padding: 10px 12px;\n  border: 1px solid #c8d6c4;\n  border-radius: 8px;\n  background: #ffffff;\n  color: #5a6b5a;\n  cursor: text;\n  user-select: text !important;\n  -webkit-user-select: text !important;\n  -webkit-touch-callout: default !important;\n  line-height: 1.5;\n  word-break: break-word;\n}\n\n.opt:hover {\n  background: #eef2ec;\n  border-color: #a8bda6;\n}\n\n/* 暗色模式 */\n@media (prefers-color-scheme: dark) {\n  .acts {\n    background: #3d4a3d;\n    border-color: #5a6b5a;\n  }\n  .acts-h {\n    color: #d8e0d4;\n  }\n  .opt {\n    background: #3d4a3d;\n    border-color: #5a6b5a;\n    color: #d8e0d4;\n  }\n  .opt:hover {\n    background: #4a5a4a;\n    border-color: #6a7a6a;\n  }\n}\n\n/* 移动端单列 */\n@media (max-width: 600px) {\n  .acts-grid {\n    grid-template-columns: 1fr;\n  }\n}\n\n/* ======================\n   莫兰迪绿调（无边框输入区）- 新平台完整适配\n   涵盖消息气泡、输入框、工具栏、发送按钮及细节补全\n   ====================== */\n\n/* ---------- 0. 设计令牌（CSS 变量） ---------- */\n:root {\n  --md-bg-light: #fafcfa;\n  --md-bg-light-rgb: 250, 252, 250;\n  --md-bg-container: #f2f6f1;\n  --md-bg-container-2: #e8f0e6;\n  --md-bg-container-3: #d8e3d4;\n  --md-border: #b0c4ad;\n  --md-border-strong: #8fa88f;\n  --md-accent: #b8a08a;              /* 莫兰迪暖棕点缀 */\n  --md-text: #2d3a2d;\n  --md-icon: #8fa88f;\n  --md-shadow: rgba(120, 145, 120, 0.12);\n  --md-shadow-hover: rgba(120, 145, 120, 0.18);\n  --md-send-from: #b8a08a;\n  --md-send-to: #a08878;\n  --md-send-text: #ffffff;\n  --md-divider: #c8d6c4;\n  --md-inset-shadow: rgba(120, 145, 120, 0.08);\n  --md-focus-ring: rgba(143, 168, 143, 0.15);\n  --md-placeholder: #8a9a8a;\n}\n\n/* ---------- 1. 消息气泡 ---------- */\ndiv:has(> .space-y-3 > .rili-markdown-renderer) {\n  background: rgba(var(--md-bg-light-rgb), 0.95) !important;\n  border: 2px solid var(--md-border) !important;\n  border-radius: 14px !important;\n  box-shadow: 0 2px 10px var(--md-shadow) !important;\n  backdrop-filter: blur(5px) !important;\n  -webkit-backdrop-filter: blur(5px) !important;\n  transition: box-shadow 0.2s ease !important;\n}\ndiv:has(> .space-y-3 > .rili-markdown-renderer):hover {\n  box-shadow: 0 4px 16px var(--md-shadow-hover) !important;\n}\ndiv:has(> .space-y-3 > .rili-markdown-renderer) .rili-markdown-renderer,\ndiv:has(> .space-y-3 > .rili-markdown-renderer) p,\ndiv:has(> .space-y-3 > .rili-markdown-renderer) li,\ndiv:has(> .space-y-3 > .rili-markdown-renderer) td,\ndiv:has(> .space-y-3 > .rili-markdown-renderer) th {\n  color: var(--md-text) !important;\n  font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif !important;\n  line-height: 1.7 !important;\n  font-size: 1.05em !important;\n}\n\n/* ---------- 2. 输入组容器（无边框，柔阴影） ---------- */\n[data-slot=\"input-group\"] {\n  background-color: var(--md-bg-light) !important;\n  border: none !important;\n  border-radius: 12px !important;\n  box-shadow: 0 2px 12px var(--md-shadow) !important;\n  transition: box-shadow 0.2s ease !important;\n}\n[data-slot=\"input-group\"]:focus-within {\n  box-shadow: 0 0 0 4px var(--md-focus-ring), 0 2px 12px var(--md-shadow) !important;\n}\n\n/* ---------- 3. 文本框（可拖拽调整大小，无边框） ---------- */\n[data-slot=\"input-group-control\"] {\n  background-color: var(--md-bg-light) !important;\n  border: none !important;\n  border-radius: 8px !important;\n  color: var(--md-text) !important;\n  box-shadow: inset 0 1px 4px var(--md-inset-shadow) !important;\n  font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif !important;\n  font-size: 0.95em !important;\n  line-height: 1.6 !important;\n  padding: 12px 16px !important;\n  transition: background-color 0.2s ease, box-shadow 0.2s ease !important;\n  resize: vertical !important;\n}\n[data-slot=\"input-group-control\"]:focus-visible {\n  background-color: rgba(var(--md-bg-light-rgb), 0.98) !important;\n  box-shadow: inset 0 1px 6px var(--md-inset-shadow), 0 0 0 3px var(--md-focus-ring) !important;\n  outline: none !important;\n}\n[data-slot=\"input-group-control\"]::placeholder {\n  color: var(--md-placeholder) !important;\n  opacity: 0.8 !important;\n}\n\n/* ---------- 4. 工具栏容器（保留上下分割线） ---------- */\n#prompt-input-header,\n#prompt-input-footer {\n  background: rgba(var(--md-bg-light-rgb), 0.6) !important;\n  backdrop-filter: blur(6px) !important;\n  -webkit-backdrop-filter: blur(6px) !important;\n}\n#prompt-input-header {\n  border-bottom: 1px solid var(--md-divider) !important;\n  padding-bottom: 6px !important;\n}\n#prompt-input-footer {\n  border-top: 1px solid var(--md-divider) !important;\n  padding-top: 6px !important;\n}\n\n/* 分隔竖线 */\n#prompt-input-header .w-px,\n#prompt-input-footer .w-px {\n  background-color: var(--md-divider) !important;\n}\n\n/* 通用按钮（暖棕色边框，莫兰迪特色） */\n#prompt-input-header button[class*=\"border-input\"],\n#prompt-input-footer button[class*=\"border-input\"] {\n  background: linear-gradient(to bottom, var(--md-bg-container), var(--md-bg-container-2)) !important;\n  border-color: var(--md-accent) !important;\n  color: var(--md-text) !important;\n  box-shadow: 0 1px 3px var(--md-shadow) !important;\n  transition: all 0.15s ease !important;\n}\n#prompt-input-header button[class*=\"border-input\"]:hover,\n#prompt-input-footer button[class*=\"border-input\"]:hover {\n  background: linear-gradient(to bottom, var(--md-bg-container-2), var(--md-bg-container-3)) !important;\n  border-color: var(--md-border-strong) !important;\n  box-shadow: 0 2px 6px var(--md-shadow-hover) !important;\n  transform: translateY(-1px) !important;\n}\n#prompt-input-header button[class*=\"border-input\"]:focus-visible,\n#prompt-input-footer button[class*=\"border-input\"]:focus-visible {\n  box-shadow: 0 0 0 2px var(--md-border-strong), 0 1px 3px var(--md-shadow) !important;\n  outline: none !important;\n}\n\n/* 模型选择器按钮（暖棕边框一致） */\nbutton:has(img[alt=\"google logo\"]) {\n  background: linear-gradient(to bottom, var(--md-bg-container), var(--md-bg-container-2)) !important;\n  border-color: var(--md-accent) !important;\n  color: var(--md-text) !important;\n  box-shadow: 0 1px 3px var(--md-shadow) !important;\n}\nbutton:has(img[alt=\"google logo\"]):hover {\n  background: linear-gradient(to bottom, var(--md-bg-container-2), var(--md-bg-container-3)) !important;\n  border-color: var(--md-border-strong) !important;\n}\nbutton:has(img[alt=\"google logo\"]):focus-visible {\n  box-shadow: 0 0 0 2px var(--md-border-strong), 0 1px 3px var(--md-shadow) !important;\n  outline: none !important;\n}\n\n/* 图标颜色 */\n#prompt-input-header svg,\n#prompt-input-footer svg {\n  color: var(--md-icon) !important;\n}\n\n/* 发送按钮 - 暖棕色渐变 */\n#prompt-input-footer button[type=\"submit\"] {\n  background: linear-gradient(135deg, var(--md-send-from), var(--md-send-to)) !important;\n  border: none !important;\n  color: var(--md-send-text) !important;\n  box-shadow: 0 2px 8px rgba(160, 136, 120, 0.35) !important;\n  transition: all 0.2s ease !important;\n}\n#prompt-input-footer button[type=\"submit\"]:hover {\n  background: linear-gradient(135deg, var(--md-send-to), var(--md-send-from)) !important;\n  box-shadow: 0 4px 12px rgba(160, 136, 120, 0.45) !important;\n  transform: translateY(-1px) !important;\n}\n#prompt-input-footer button[type=\"submit\"] svg {\n  color: var(--md-send-text) !important;\n}\n#prompt-input-footer button[type=\"submit\"]:focus-visible {\n  box-shadow: 0 0 0 3px rgba(160, 136, 120, 0.4), 0 2px 8px rgba(160, 136, 120, 0.35) !important;\n}\n\n/* ---------- 5. 顶部导航栏适配（新增） ---------- */\nheader {\n  background-color: var(--md-bg-light) !important;\n  border-bottom: 1px solid var(--md-divider) !important;\n  box-shadow: 0 2px 8px var(--md-shadow) !important;\n  color: var(--md-text) !important;\n}\n\n/* 导航栏内所有按钮基础样式 */\nheader button {\n  background: transparent !important;\n  border: none !important;\n  color: var(--md-text) !important;\n  box-shadow: none !important;\n  border-radius: 8px !important;\n  transition: background 0.15s ease, box-shadow 0.15s ease, transform 0.15s ease !important;\n}\n\n/* 按钮悬停 */\nheader button:hover {\n  background: linear-gradient(to bottom, var(--md-bg-container), var(--md-bg-container-2)) !important;\n  color: var(--md-text) !important;\n  box-shadow: 0 1px 3px var(--md-shadow) !important;\n  transform: translateY(-1px) !important;\n}\n\n/* 按钮聚焦 */\nheader button:focus-visible {\n  box-shadow: 0 0 0 2px var(--md-border-strong), 0 1px 3px var(--md-shadow) !important;\n  outline: none !important;\n}\n\n/* 图标颜色 */\nheader button svg {\n  color: var(--md-icon) !important;\n  transition: color 0.15s ease !important;\n}\nheader button:hover svg {\n  color: var(--md-text) !important;\n}\n\n/* 中间区域文字 */\n#nav-middle {\n  color: var(--md-text) !important;\n  font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif !important;\n  font-size: 0.95em !important;\n}\n\n/* ---------- 6. 暗色模式 ---------- */\n@media (prefers-color-scheme: dark) {\n  :root {\n    --md-bg-light: #3d4a3d;\n    --md-bg-light-rgb: 61, 74, 61;\n    --md-bg-container: #4a5a4a;\n    --md-bg-container-2: #3d4a3d;\n    --md-bg-container-3: #2d3a2d;\n    --md-border: #5a6b5a;\n    --md-border-strong: #8fa88f;\n    --md-accent: #9a8270;              /* 暗色下暖棕微调 */\n    --md-text: #d8e0d4;\n    --md-icon: #9ab89a;\n    --md-shadow: rgba(0, 0, 0, 0.3);\n    --md-shadow-hover: rgba(0, 0, 0, 0.45);\n    --md-send-from: #a08878;\n    --md-send-to: #907868;\n    --md-send-text: #ffffff;\n    --md-divider: #5a6b5a;\n    --md-inset-shadow: rgba(0, 0, 0, 0.2);\n    --md-focus-ring: rgba(143, 168, 143, 0.3);\n    --md-placeholder: #7a8a7a;\n  }\n\n  /* 输入组容器 */\n  [data-slot=\"input-group\"] {\n    background-color: var(--md-bg-light) !important;\n    box-shadow: 0 2px 12px var(--md-shadow) !important;\n  }\n  [data-slot=\"input-group\"]:focus-within {\n    box-shadow: 0 0 0 4px var(--md-focus-ring), 0 2px 12px var(--md-shadow) !important;\n  }\n\n  /* 文本框 */\n  [data-slot=\"input-group-control\"] {\n    background-color: var(--md-bg-light) !important;\n    box-shadow: inset 0 1px 4px var(--md-inset-shadow) !important;\n    color: var(--md-text) !important;\n  }\n  [data-slot=\"input-group-control\"]:focus-visible {\n    background-color: rgba(var(--md-bg-light-rgb), 0.98) !important;\n    box-shadow: inset 0 1px 6px var(--md-inset-shadow), 0 0 0 3px var(--md-focus-ring) !important;\n  }\n  [data-slot=\"input-group-control\"]::placeholder {\n    color: var(--md-placeholder) !important;\n  }\n\n  /* 消息气泡 */\n  div:has(> .space-y-3 > .rili-markdown-renderer) {\n    background: rgba(var(--md-bg-light-rgb), 0.95) !important;\n    border-color: var(--md-border) !important;\n    box-shadow: 0 2px 10px var(--md-shadow) !important;\n  }\n  div:has(> .space-y-3 > .rili-markdown-renderer):hover {\n    box-shadow: 0 4px 16px var(--md-shadow-hover) !important;\n  }\n  div:has(> .space-y-3 > .rili-markdown-renderer) .rili-markdown-renderer,\n  div:has(> .space-y-3 > .rili-markdown-renderer) p,\n  div:has(> .space-y-3 > .rili-markdown-renderer) li,\n  div:has(> .space-y-3 > .rili-markdown-renderer) td,\n  div:has(> .space-y-3 > .rili-markdown-renderer) th {\n    color: var(--md-text) !important;\n  }\n\n  /* 工具栏容器 */\n  #prompt-input-header,\n  #prompt-input-footer {\n    background: rgba(var(--md-bg-light-rgb), 0.6) !important;\n  }\n  #prompt-input-header {\n    border-bottom-color: var(--md-divider) !important;\n  }\n  #prompt-input-footer {\n    border-top-color: var(--md-divider) !important;\n  }\n\n  /* 分隔竖线 */\n  #prompt-input-header .w-px,\n  #prompt-input-footer .w-px {\n    background-color: var(--md-divider) !important;\n  }\n\n  /* 通用按钮（暖棕边框） */\n  #prompt-input-header button[class*=\"border-input\"],\n  #prompt-input-footer button[class*=\"border-input\"],\n  button:has(img[alt=\"google logo\"]) {\n    background: linear-gradient(to bottom, var(--md-bg-container), var(--md-bg-container-2)) !important;\n    border-color: var(--md-accent) !important;\n    color: var(--md-text) !important;\n  }\n  #prompt-input-header button[class*=\"border-input\"]:hover,\n  #prompt-input-footer button[class*=\"border-input\"]:hover,\n  button:has(img[alt=\"google logo\"]):hover {\n    background: linear-gradient(to bottom, var(--md-bg-container-2), var(--md-bg-container-3)) !important;\n    border-color: var(--md-border-strong) !important;\n  }\n  #prompt-input-header button[class*=\"border-input\"]:focus-visible,\n  #prompt-input-footer button[class*=\"border-input\"]:focus-visible,\n  button:has(img[alt=\"google logo\"]):focus-visible {\n    box-shadow: 0 0 0 2px var(--md-border-strong), 0 1px 3px var(--md-shadow) !important;\n  }\n\n  /* 图标 */\n  #prompt-input-header svg,\n  #prompt-input-footer svg {\n    color: var(--md-icon) !important;\n  }\n\n  /* 发送按钮 */\n  #prompt-input-footer button[type=\"submit\"] {\n    background: linear-gradient(135deg, var(--md-send-from), var(--md-send-to)) !important;\n    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.4) !important;\n  }\n  #prompt-input-footer button[type=\"submit\"]:hover {\n    background: linear-gradient(135deg, var(--md-send-to), var(--md-send-from)) !important;\n  }\n  #prompt-input-footer button[type=\"submit\"]:focus-visible {\n    box-shadow: 0 0 0 3px rgba(160, 136, 120, 0.4), 0 2px 8px rgba(0, 0, 0, 0.4) !important;\n  }\n  #prompt-input-footer button[type=\"submit\"] svg {\n    color: var(--md-send-text) !important;\n  }\n\n  /* 顶部导航栏暗色适配 */\n  header {\n    background-color: var(--md-bg-light) !important;\n    border-bottom-color: var(--md-divider) !important;\n    box-shadow: 0 2px 8px var(--md-shadow) !important;\n  }\n  header button:hover {\n    background: linear-gradient(to bottom, var(--md-bg-container), var(--md-bg-container-2)) !important;\n  }\n  header button svg {\n    color: var(--md-icon) !important;\n  }\n  header button:hover svg {\n    color: var(--md-text) !important;\n  }\n}\n\n/* ======================\n   最终优化补丁：防抖动 + 消除加载卡顿（兼容新/旧平台）\n   直接追加到主题 CSS 末尾即可\n   ====================== */\n\n/* ----- 1. 防止高度变化时聊天区自动滚动（核心） ----- */\n/*\n   请根据实际滚动容器替换选择器。\n   新平台通常的消息列表容器带有 overflow-y-auto 类，已用通用选择器捕获；\n   若仍抖动，请 F12 找到滚动元素，将其类名/ID 添加到下列选择器中。\n*/\nbody,                                 /* 兜底 */\n[class*=\"overflow-y-auto\"],\n[class*=\"overflow-y-scroll\"],\n.chat-scroll-container,              /* 旧平台占位 */\n.message-list {                      /* 旧平台占位 */\n  overflow-anchor: none !important;            /* 禁用滚动锚定 */\n  scroll-behavior: auto !important;            /* 关闭平滑滚动（避免阻塞渲染） */\n  scrollbar-gutter: stable !important;         /* 预留滚动条空间，防止宽度抖动 */\n}\n\n/* ----- 2. details 折叠优化（平稳过渡，不影响布局） ----- */\ndetails {\n  contain: none !important;                    /* 移除可能导致渲染死锁的属性 */\n}\n\ndetails > div {\n  overflow: hidden !important;\n  transition: max-height 0.25s ease-out, opacity 0.25s ease-out !important;\n  max-height: 3000px !important;               /* 需大于面板实际最大高度，可按需调整 */\n  opacity: 1 !important;\n  animation: none !important;                  /* 禁用原 slideDown 动画 */\n}\n\ndetails:not([open]) > div {\n  max-height: 0 !important;\n  opacity: 0 !important;\n  padding-top: 0 !important;\n  padding-bottom: 0 !important;\n  margin-top: 0 !important;\n  margin-bottom: 0 !important;\n  border-width: 0 !important;\n}\n\n/* ----- 3. 加载动画性能优化（消除卡顿） ----- */\n/*\n   将原有的 box-shadow 和 filter 动画替换为纯 transform + opacity，\n   完全不占用主线程，加载时也不会卡死界面。\n*/\n[class*=\"dot-flashing\"]::before {\n  background: #c4a08c !important;\n  border-radius: 50% !important;\n  opacity: 0.9 !important;\n  box-shadow: none !important;                  /* 移除昂贵阴影 */\n  animation: dotWarmPulse 1.5s ease-in-out infinite !important;\n}\n\n@keyframes dotWarmPulse {\n  0%, 100% {\n    transform: translateY(0) scale(1);\n    opacity: 0.6;\n  }\n  50% {\n    transform: translateY(-5px) scale(1.25);\n    opacity: 1;\n  }\n}\n\n[class*=\"dot-flashing\"]::after {\n  animation: conceiveWarmFlow 2.5s ease-in-out infinite !important;\n  filter: none !important;                     /* 去掉 drop-shadow 滤镜 */\n  text-shadow: 0 0 8px rgba(196, 160, 140, 0.3) !important;  /* 改用较轻的阴影 */\n}\n\n@keyframes conceiveWarmFlow {\n  0%, 100% { background-position: 0% 50%; }\n  50% { background-position: 200% 50%; }\n}\n\n/* 暗色模式下的加载动画 */\n@media (prefers-color-scheme: dark) {\n  [class*=\"dot-flashing\"]::before {\n    background: #d0b8a8 !important;\n    box-shadow: none !important;\n    animation-name: dotWarmPulseDark !important;\n  }\n  @keyframes dotWarmPulseDark {\n    0%, 100% {\n      transform: translateY(0) scale(1);\n      opacity: 0.7;\n    }\n    50% {\n      transform: translateY(-5px) scale(1.25);\n      opacity: 1;\n    }\n  }\n  [class*=\"dot-flashing\"]::after {\n    filter: none !important;\n    text-shadow: 0 0 8px rgba(230, 210, 190, 0.3) !important;\n    animation-name: conceiveWarmFlowDark !important;\n  }\n  @keyframes conceiveWarmFlowDark {\n    0%, 100% { background-position: 0% 50%; }\n    50% { background-position: 200% 50%; }\n  }\n}\n\n/* ----- 4. 加载期间暂停其他元素的过渡（可选，进一步减轻主线程压力） ----- */\n/*\n   当页面中出现加载动画时，临时暂停其所在父容器中其他元素的 transition/animation，\n   避免和加载动画争抢渲染资源。\n*/\ndiv:has(> [class*=\"dot-flashing\"]) * {\n  transition-duration: 0s !important;\n  animation-play-state: paused !important;\n}\n\n/* 但必须让加载动画自身正常运行 */\ndiv:has(> [class*=\"dot-flashing\"]) [class*=\"dot-flashing\"],\ndiv:has(> [class*=\"dot-flashing\"]) [class*=\"dot-flashing\"]::before,\ndiv:has(> [class*=\"dot-flashing\"]) [class*=\"dot-flashing\"]::after {\n  animation-play-state: running !important;\n}","options":{"items":[{"order":0,"label":"自检","type":"SET-INPUT","value":"[元命令：执行全局格式修复。①结构完整：HTML标签严格闭合且嵌套正确，全量输出所有区块严禁遗漏；②隐蔽隔离：深度思考强制使用 `<!-- -->` 完整包裹。]"},{"order":1,"label":"战力","type":"SET-INPUT","value":"校准战力"}]},"language":"zh","containsNSFW":true,"publicAccess":true,"deletedAt":null,"isAnonymous":true,"enableSafeguard":false,"defaultModelSettings":{"model":"mango_gemini_vertex/gemini-3.1-pro-preview","contextWindow":2,"modelSettings":{"topP":0.8,"temperature":0.7}},"totalConversations":25,"totalMessages":97,"totalCreditsUsed":120533,"totalTokensUsed":1312984,"totalPlayedUsers":15,"deeplyPlayed":2,"maxNonAuthorPlayCount":50,"fixedPromptLength":8021,"lorebookLength":17988,"author":{"id":"u3OIz4nL0XjzqfIWXCKkSCLgks5sYS5f","name":"赤霄辞","displayUsername":"ybb173","username":"ybb173"},"cardsTags":[{"tag":{"name":"换妻","cardsCount":2}},{"tag":{"name":"NTL","cardsCount":99}},{"tag":{"name":"定制角色","cardsCount":6}},{"tag":{"name":"已破甲","cardsCount":2823}},{"tag":{"name":"反差","cardsCount":807}},{"tag":{"name":"NTR","cardsCount":212}},{"tag":{"name":"调教","cardsCount":1314}},{"tag":{"name":"开局即可色","cardsCount":2004}}],"cardsVoices":[],"prompt":null,"promptSizeBytes":null}