{"id":"a3ec2c30-0300-4c0a-b60a-61bcdc639e31","authorId":"u3OIz4nL0XjzqfIWXCKkSCLgks5sYS5f","title":"【roll天赋】💕马男大世界💕【BG/GB/BL】","description":"【BG/GB/BL】【人类/马男】\n【推荐2记忆】【大世界/高自由/细腻表现】\n在一个活力四射的现代共生社会，人类与由远古基因工程创造的智慧种族——马男和谐共存。马男以其独特的生物学特征（如显著的第二性征和“裸体偏好”文化）深刻塑造着社会面貌。他们依据不同“血统”在竞技、安防、物流等领域闪耀，而人类则作为技术、管理与文化的关键支持者。世界聚焦于个体成长与文化融合，其独特的亲子制度、血统经济和蓬勃的竞技体育，共同构建了这个充满理解、活力与挑战的非凡世界。\n\n【更新日志】\n[v1.0] 正式版发布 (2026/08/29)","background":"c782ciemjw3bp9do6oqhq823.webp","backgroundWidth":2400,"backgroundHeight":1800,"cover":"asyomxyyz6raaym0vbmim92r.webp","coverWidth":400,"coverHeight":300,"introPage":"asv3wiu3naxk40mfbj3cx7wz.html","changelog":null,"createdAt":"2026-08-29T14:55:09.094Z","updatedAt":"2026-08-29T14:59:37.086Z","initPublicAt":"2026-08-29T14:59:37.086Z","renderTemplate":null,"assistantRegexReplace":null,"enableMemorySchema":false,"memorySchema":null,"injectStyles":"/* ======================\n   CSS 模块化重构 - 温润奶茶主题（加深版）\n   调整：粗体/深色文字加深，整体层次更清晰\n   ====================== */\n\n/* ======================\n   1. 全局与基础设置\n   ====================== */\n* {\n  box-sizing: border-box !important;\n}\n\nhr {\n  border: none !important;\n  border-top: 2px solid #d9c8b8 !important;\n  margin: 1.5em 0 !important;\n  opacity: 0.9 !important;\n  transition: all 0.3s ease !important;\n}\n\nhr:hover {\n  opacity: 1 !important;\n  box-shadow: 0 0 10px rgba(160, 120, 100, 0.35) !important;\n}\n\n@media (prefers-color-scheme: dark) {\n  hr {\n    border-top: 2px solid #8a7b70 !important;\n    opacity: 0.75 !important;\n  }\n  hr:hover {\n    box-shadow: 0 0 10px rgba(200, 170, 150, 0.3) !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: 7px 18px 7px 40px !important;\n  margin: 0 !important;\n  position: relative !important;\n  background: linear-gradient(to right, #b89480, #c4a08c) !important;\n  color: #fffaf7 !important;\n  border-radius: 22px !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 3px 10px rgba(150, 120, 100, 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  letter-spacing: 0.35px !important;\n}\n\ndetails summary::before {\n  content: \"📕\" !important;\n  position: absolute !important;\n  left: 12px !important;\n  top: 50% !important;\n  transform: translateY(-50%) rotate(0deg) !important;\n  font-size: 1em !important;\n  color: #fffaf7 !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: #f5e6d8 !important;\n  text-shadow: 0 0 8px rgba(230, 200, 180, 0.6) !important;\n}\n\ndetails[open] summary {\n  background: linear-gradient(to right, #c4a08c, #d0b8a8) !important;\n  box-shadow: 0 5px 18px rgba(150, 120, 100, 0.35) !important;\n  border-radius: 22px !important;\n}\n\ndetails summary:hover {\n  transform: translateY(-1px) !important;\n  box-shadow: 0 5px 14px rgba(150, 120, 100, 0.3) !important;\n  background: linear-gradient(to right, #c4a08c, #d0b8a8) !important;\n}\n\ndetails > div {\n  width: 100% !important;\n  padding: 22px !important;\n  margin-top: 0 !important;\n  border-radius: 0 0 14px 14px !important;\n  box-shadow: 0 5px 22px rgba(150, 120, 100, 0.14) !important;\n  border: 1px solid #e0cebe !important;\n  background: linear-gradient(135deg, #fefbf8 0%, #faf3eb 100%) !important;\n  animation: slideDown 0.3s ease-out !important;\n  color: #3b302b !important;\n  backdrop-filter: blur(6px) !important;\n  -webkit-backdrop-filter: blur(6px) !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/* 暗色模式 - details */\n@media (prefers-color-scheme: dark) {\n  details {\n    background: transparent !important;\n    border-color: transparent !important;\n    color: #e2d8cf !important;\n    box-shadow: none !important;\n  }\n  details summary {\n    background: linear-gradient(to right, #62554c, #6e6056) !important;\n    color: #faf4ed !important;\n  }\n  details summary:hover,\n  details[open] summary {\n    background: linear-gradient(to right, #6e6056, #7c6e64) !important;\n  }\n  details > div {\n    background: linear-gradient(135deg, #362e28 0%, #463c34 100%) !important;\n    border-color: #5a4e44 !important;\n    color: #e2d8cf !important;\n    box-shadow: 0 5px 22px rgba(0, 0, 0, 0.4) !important;\n  }\n  details > div h1,\n  details > div h2,\n  details > div h3,\n  details > div h4 {\n    color: #e2d8cf !important;\n    border-bottom-color: #5a4e44 !important;\n  }\n  details > div code {\n    background: #5a4e44 !important;\n    color: #e2d8cf !important;\n  }\n}\n\n/* 响应式 */\n@media (max-width: 768px) {\n  details {\n    max-width: 95% !important;\n    margin: 10px auto !important;\n  }\n  details summary {\n    padding: 6px 14px 6px 42px !important;\n    font-size: 1em !important;\n    border-radius: 20px !important;\n  }\n  details summary::before {\n    left: 14px !important;\n  }\n  details > div {\n    padding: 16px !important;\n  }\n}\n\n@media (max-width: 480px) {\n  details summary {\n    padding: 5px 12px 5px 38px !important;\n    font-size: 0.95em !important;\n    border-radius: 18px !important;\n  }\n  details summary::before {\n    left: 13px !important;\n  }\n  details > div {\n    padding: 14px !important;\n  }\n}\n\n/* ======================\n   4. 表格样式\n   ====================== */\n.table-container {\n  max-height: 400px !important;\n  overflow: auto !important;\n  border-radius: 10px !important;\n  box-shadow: 0 5px 14px rgba(150, 120, 100, 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(254, 251, 248, 0.98) !important;\n  font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif !important;\n}\n\ndetails th {\n  background: #c4a08c !important;\n  color: #fffaf7 !important;\n  font-weight: bold !important;\n  padding: 14px 18px !important;\n  text-align: left !important;\n  border-bottom: 2px solid #a07868 !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 #e0cebe !important;\n  color: #3b302b !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(180, 140, 120, 0.1) !important;\n}\n\ndetails tr:nth-child(even) {\n  background-color: rgba(225, 205, 190, 0.35) !important;\n}\n\n@media (prefers-color-scheme: dark) {\n  .table-container {\n    box-shadow: 0 5px 14px rgba(0, 0, 0, 0.4) !important;\n  }\n  details table {\n    background-color: rgba(50, 40, 35, 0.9) !important;\n  }\n  details th {\n    background: linear-gradient(to bottom, #5a4e44, #4a3e34) !important;\n    border-bottom-color: #3b302b !important;\n  }\n  details td {\n    color: #e2d8cf !important;\n    border-bottom-color: #5a4e44 !important;\n  }\n  details tr:nth-child(even) {\n    background-color: rgba(48, 38, 32, 0.4) !important;\n  }\n  details tr:hover td {\n    background-color: rgba(90, 76, 66, 0.3) !important;\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  details table {\n    min-width: 100% !important;\n    width: auto !important;\n  }\n  .table-container::-webkit-scrollbar {\n    height: 8px !important;\n  }\n  .table-container::-webkit-scrollbar-thumb {\n    background-color: rgba(180, 140, 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  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(254, 251, 248, 0.95) !important;\n  border: 2px solid #c4a08c !important;\n  border-radius: 14px !important;\n  box-shadow: 3px 3px 10px rgba(150, 120, 100, 0.18) !important;\n  color: #3b302b !important;\n  padding: 18px !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.7 !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 #c4a08c !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(254, 251, 248, 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: 16px 0 !important;\n  line-height: 1.75 !important;\n  font-size: 1.05em !important;\n  font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif !important;\n  color: #4b3e36 !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/* 暗色模式 - 对话框 */\n@media (prefers-color-scheme: dark) {\n  .group .bg-gray-100\\/90 {\n    background: rgba(50, 40, 35, 0.95) !important;\n    border-color: #5a4e44 !important;\n    color: #e2d8cf !important;\n    box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.4) !important;\n  }\n  .group .bg-gray-100\\/90::after {\n    border-bottom: 10px solid rgba(50, 40, 35, 0.95) !important;\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: #e2d8cf !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: #fefbf8 !important;\n  border: 2px solid #c4a08c !important;\n  border-radius: 10px !important;\n  color: #3b302b !important;\n  box-shadow: inset 2px 2px 6px rgba(150, 120, 100, 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: 13px 18px !important;\n  transition: all 0.3s ease !important;\n}\n\n#ai-chat-input:focus {\n  border-color: #b89480 !important;\n  box-shadow: inset 2px 2px 6px rgba(150, 120, 100, 0.1), 0 0 0 4px rgba(180, 140, 120, 0.12) !important;\n}\n\n#ai-send-button {\n  width: 34px !important;\n  height: 34px !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: #b89480 !important;\n  color: #b89480 !important;\n  transition: all 0.2s ease !important;\n}\n#ai-send-button:hover svg {\n  fill: #c4a08c !important;\n  color: #c4a08c !important;\n  filter: drop-shadow(0 0 6px rgba(180, 140, 120, 0.5)) !important;\n}\n\n@media (prefers-color-scheme: dark) {\n  #ai-chat-input {\n    background-color: #362e28 !important;\n    border: 2px solid #5a4e44 !important;\n    color: #e2d8cf !important;\n    box-shadow: inset 2px 2px 6px rgba(0, 0, 0, 0.25) !important;\n  }\n  #ai-chat-input:focus {\n    border-color: #8a7b70 !important;\n    box-shadow: inset 2px 2px 6px rgba(0,0,0,0.25), 0 0 0 4px rgba(138, 123, 112, 0.15) !important;\n  }\n  #ai-send-button svg {\n    fill: #a08878 !important;\n    color: #a08878 !important;\n  }\n  #ai-send-button:hover svg {\n    fill: #c4a08c !important;\n    color: #c4a08c !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(190, 160, 140, 0.6) !important;\n}\n\n@media (prefers-color-scheme: dark) {\n  .sticky.w-full.top-0.h-16 {\n    border-bottom: 1px solid rgba(110, 95, 80, 0.6) !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, #faf3eb, #f3e6da) !important;\n  color: #3b302b !important;\n  border: 1.5px solid #a07868 !important;\n  border-radius: 8px !important;\n  box-shadow: 2px 2px 0px rgba(160, 120, 104, 0.4) !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.15s ease-in-out !important;\n  padding: 5px 12px !important;\n  font-size: 0.85em !important;\n  letter-spacing: 0.25px !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, #f3e6da, #ebd9cb) !important;\n  color: #2e2520 !important;\n  transform: translate(2px, 2px) !important;\n  box-shadow: 0px 0px 3px rgba(150, 120, 100, 0.2) !important;\n}\n\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: #b89480 !important;\n  fill: #b89480 !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(180, 140, 120, 0.15) !important;\n}\n\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: #b89480 !important;\n  background: transparent !important;\n  border-radius: 8px !important;\n  overflow: visible !important;\n  border: none !important;\n  transition: all 0.2s ease !important;\n}\n#customized-resend-button.css-b8ryli svg {\n  display: block !important;\n  width: 18px !important;\n  height: 18px !important;\n  fill: #b89480 !important;\n  color: #b89480 !important;\n  flex-shrink: 0 !important;\n}\n#customized-resend-button.css-b8ryli:hover {\n  background-color: rgba(180, 140, 120, 0.12) !important;\n}\n#customized-resend-button.css-b8ryli:hover svg {\n  fill: #c4a08c !important;\n  color: #c4a08c !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, #5a4e44, #4a3e34) !important;\n    color: #e2d8cf !important;\n    border: 1.5px solid #7a6b60 !important;\n    box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3) !important;\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, #4a3e34, #3b302b) !important;\n    color: #faf4ed !important;\n  }\n  .css-m3x93c svg,\n  .css-m3x93c i,\n  .css-m3x93c span {\n    color: #a08878 !important;\n    fill: #a08878 !important;\n  }\n  #customized-resend-button.css-b8ryli {\n    color: #a08878 !important;\n  }\n  #customized-resend-button.css-b8ryli svg {\n    fill: #a08878 !important;\n    color: #a08878 !important;\n  }\n  #customized-resend-button.css-b8ryli:hover {\n    background-color: rgba(160, 136, 120, 0.15) !important;\n  }\n  #customized-resend-button.css-b8ryli:hover svg {\n    fill: #c4a08c !important;\n    color: #c4a08c !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: #fefbf8 !important;\n  border: 1px solid #c4a08c !important;\n  border-radius: 8px !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 12px rgba(180, 140, 120, 0.4) !important;\n  border-color: #d0b8a8 !important;\n}\n#ai-model-selector .group *, #ai-model-selector .group {\n  color: #3b302b !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(254, 251, 248, 0.96) !important;\n  border: 1px solid #c4a08c !important;\n  border-radius: 10px !important;\n  box-shadow: 0 0 22px rgba(150, 120, 100, 0.25) !important;\n  backdrop-filter: blur(16px) !important;\n  -webkit-backdrop-filter: blur(16px) !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: #3b302b !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(180, 140, 120, 0.12) !important;\n}\n.MuiDialogContent-dividers {\n  border-top: 1px solid rgba(190, 160, 140, 0.6) !important;\n  border-bottom: 1px solid rgba(190, 160, 140, 0.6) !important;\n}\n\n.MuiDialogContent-root.MuiDialogContent-dividers::-webkit-scrollbar { width: 8px !important; }\n.MuiDialogContent-root.MuiDialogContent-dividers::-webkit-scrollbar-track {\n  background: rgba(254, 251, 248, 0.5) !important;\n  border-radius: 4px !important;\n}\n.MuiDialogContent-root.MuiDialogContent-dividers::-webkit-scrollbar-thumb {\n  background: #c4a08c !important;\n  border-radius: 4px !important;\n  border: 1px solid #fefbf8 !important;\n}\n.MuiDialogContent-root.MuiDialogContent-dividers::-webkit-scrollbar-thumb:hover {\n  background: #b89480 !important;\n}\n\ndiv.duration-500.w-60.MuiBox-root {\n  background: rgba(254, 251, 248, 0.82) !important;\n  border-right: 1px solid #c4a08c !important;\n  backdrop-filter: blur(12px) !important;\n  -webkit-backdrop-filter: blur(12px) !important;\n}\ndiv.duration-500.w-60.MuiBox-root * {\n  color: #3b302b !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(180, 140, 120, 0.12) !important;\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: #c4a08c !important;\n  border-radius: 3px !important;\n}\ndiv.duration-500.w-60.MuiBox-root .MuiList-root::-webkit-scrollbar-thumb:hover {\n  background: #b89480 !important;\n}\n\n.sticky.top-0.my-0.mx-3.border-\\[1\\.5px\\] {\n  background: rgba(254, 251, 248, 0.65) !important;\n  border: 1px solid #c4a08c !important;\n  backdrop-filter: blur(6px) !important;\n  -webkit-backdrop-filter: blur(6px) !important;\n  position: relative !important;\n  padding-top: 28px !important;\n  border-radius: 8px !important;\n}\n.sticky.top-0.my-0.mx-3.border-\\[1\\.5px\\]::before {\n  content: '留下你的评论' !important;\n  position: absolute !important;\n  top: 6px !important;\n  left: 50% !important;\n  transform: translateX(-50%) !important;\n  color: #a07868 !important;\n  font-size: 14px !important;\n  font-weight: bold !important;\n  text-shadow: 0 0 5px rgba(160, 120, 104, 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(254, 251, 248, 0.65) !important;\n}\n\n.block.w-full.sm\\:w-\\[240px\\].shrink-0 {\n  background: rgba(254, 251, 248, 0.65) !important;\n  border-left: 1px solid #c4a08c !important;\n}\n.block.w-full.sm\\:w-\\[240px\\].shrink-0 * {\n  color: #3b302b !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(180, 140, 120, 0.12) !important;\n}\n\n/* 暗色模式 - 侧边栏/弹窗 */\n@media (prefers-color-scheme: dark) {\n  #ai-model-selector .group {\n    background: #362e28 !important;\n    border-color: #5a4e44 !important;\n  }\n  #ai-model-selector .group:hover {\n    box-shadow: 0 0 12px rgba(90, 76, 66, 0.5) !important;\n    border-color: #7a6b60 !important;\n  }\n  #ai-model-selector .group *, #ai-model-selector .group {\n    color: #e2d8cf !important;\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(50, 40, 35, 0.96) !important;\n    border-color: #5a4e44 !important;\n    box-shadow: 0 0 22px rgba(0, 0, 0, 0.4) !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: #e2d8cf !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(90, 76, 66, 0.25) !important;\n  }\n  .MuiDialogContent-dividers {\n    border-top: 1px solid rgba(90, 76, 66, 0.6) !important;\n    border-bottom: 1px solid rgba(90, 76, 66, 0.6) !important;\n  }\n  .MuiDialogContent-root.MuiDialogContent-dividers::-webkit-scrollbar-track {\n    background: rgba(50, 40, 35, 0.5) !important;\n  }\n  .MuiDialogContent-root.MuiDialogContent-dividers::-webkit-scrollbar-thumb {\n    background: #5a4e44 !important;\n    border-color: #362e28 !important;\n  }\n  .MuiDialogContent-root.MuiDialogContent-dividers::-webkit-scrollbar-thumb:hover {\n    background: #7a6b60 !important;\n  }\n  div.duration-500.w-60.MuiBox-root {\n    background: rgba(50, 40, 35, 0.82) !important;\n    border-right: 1px solid #5a4e44 !important;\n  }\n  div.duration-500.w-60.MuiBox-root * {\n    color: #e2d8cf !important;\n  }\n  div.duration-500.w-60.MuiBox-root .MuiListItemButton-root:hover {\n    background: rgba(90, 76, 66, 0.2) !important;\n  }\n  div.duration-500.w-60.MuiBox-root .MuiList-root::-webkit-scrollbar-thumb {\n    background: #5a4e44 !important;\n  }\n  div.duration-500.w-60.MuiBox-root .MuiList-root::-webkit-scrollbar-thumb:hover {\n    background: #7a6b60 !important;\n  }\n  .sticky.top-0.my-0.mx-3.border-\\[1\\.5px\\] {\n    background: rgba(50, 40, 35, 0.65) !important;\n    border-color: #5a4e44 !important;\n  }\n  .sticky.top-0.my-0.mx-3.border-\\[1\\.5px\\]::before {\n    color: #a08878 !important;\n    text-shadow: 0 0 5px rgba(160, 136, 120, 0.3) !important;\n  }\n  .translate-y-0 .p-3.overflow-y-auto {\n    background: rgba(50, 40, 35, 0.65) !important;\n  }\n  .block.w-full.sm\\:w-\\[240px\\].shrink-0 {\n    background: rgba(50, 40, 35, 0.65) !important;\n    border-left: 1px solid #5a4e44 !important;\n  }\n  .block.w-full.sm\\:w-\\[240px\\].shrink-0 * {\n    color: #e2d8cf !important;\n  }\n  .block.w-full.sm\\:w-\\[240px\\].shrink-0 div[class*=\"hover:bg-gray-200\"]:hover {\n    background: rgba(90, 76, 66, 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, #faf3eb, #f3e6da) !important;\n  border: 1px solid #e0cebe !important;\n  border-radius: 6px !important;\n  box-shadow: 0 2px 6px rgba(150, 120, 100, 0.1) !important;\n  padding: 5px 10px !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: 8px !important;\n  position: relative !important;\n  height: auto !important;\n  min-height: 24px !important;\n  gap: 4px !important;\n}\n\n.MuiStack-root.text-purple-500.mt-1.css-1kz283j::before {\n  content: \"📚\" !important;\n  position: absolute !important;\n  left: 6px !important;\n  font-size: 0.7em !important;\n  color: rgba(160, 130, 110, 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: 6px !important;\n  font-size: 0.7em !important;\n  color: rgba(160, 130, 110, 0.3) !important;\n}\n\n.MuiTypography-root.MuiTypography-body2.css-6c0gf2 {\n  color: #2e2520 !important;\n  font-size: 0.7em !important;\n  font-weight: bold !important;\n  padding: 2px 5px !important;\n  background: rgba(254, 251, 248, 0.8) !important;\n  border-radius: 5px !important;\n  border: 1px solid rgba(190, 160, 140, 0.2) !important;\n  margin: 1px 0.5px !important;\n  word-break: break-all !important;\n  line-height: 1.25 !important;\n}\n\n.MuiTypography-root.MuiTypography-body2.text-orange-500.css-1x48u03 {\n  color: #2e2520 !important;\n  font-size: 0.65em !important;\n  padding: 2px 5px !important;\n  background: rgba(254, 251, 248, 0.8) !important;\n  border-radius: 5px !important;\n  border: 1px solid rgba(190, 160, 140, 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.25 !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: #a07868 !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, #362e28, #463c34) !important;\n    border: 1px solid #5a4e44 !important;\n    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3) !important;\n  }\n  .MuiTypography-root.MuiTypography-body2.css-6c0gf2 {\n    color: #e2d8cf !important;\n    background: rgba(50, 40, 35, 0.7) !important;\n    border: 1px solid rgba(90, 76, 66, 0.2) !important;\n  }\n  .MuiTypography-root.MuiTypography-body2.text-orange-500.css-1x48u03 {\n    color: #e2d8cf !important;\n    background: rgba(50, 40, 35, 0.7) !important;\n    border: 1px solid rgba(90, 76, 66, 0.2) !important;\n  }\n  .MuiTypography-root.MuiTypography-body2.text-orange-500.css-1x48u03::before {\n    color: #a08878 !important;\n  }\n}\n\n@media (max-width: 480px) {\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    margin-top: 5px !important;\n  }\n  .MuiTypography-root.MuiTypography-body2.css-6c0gf2 {\n    font-size: 0.65em !important;\n    padding: 1px 4px !important;\n  }\n  .MuiTypography-root.MuiTypography-body2.text-orange-500.css-1x48u03 {\n    font-size: 0.6em !important;\n    padding: 1px 4px !important;\n  }\n}\n\n/* ======================\n   12. 叙事正文\n   ====================== */\ndetails > div.narrative-content,\n.narrative-content {\n  background: linear-gradient(135deg, #fefbf8 0%, #faf3eb 100%) !important;\n  border: 1px solid #e0cebe !important;\n  border-radius: 12px !important;\n  padding: 22px 18px !important;\n  margin: 16px 0 !important;\n  line-height: 1.75 !important;\n  font-size: 1.05em !important;\n  font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif !important;\n  color: #3b302b !important;\n  text-align: justify !important;\n  box-shadow: 0 5px 14px rgba(150, 120, 100, 0.1) !important;\n  position: relative !important;\n}\n\n.narrative-content p {\n  margin-bottom: 1.3em !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: #c4a08c !important;\n  color: #2e2520 !important;\n}\n\n.narrative-content ::-moz-selection {\n  background: #c4a08c !important;\n  color: #2e2520 !important;\n}\n\n.narrative-content.compact {\n  padding: 22px 18px !important;\n  border-radius: 12px !important;\n  font-size: 1em !important;\n  line-height: 1.65 !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, 252, 249, 0.7) !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, #362e28 0%, #463c34 100%) !important;\n    border-color: #5a4e44 !important;\n    color: #e2d8cf !important;\n    box-shadow: 0 5px 14px rgba(0, 0, 0, 0.4) !important;\n  }\n  .narrative-content ::selection {\n    background: #5a4e44 !important;\n    color: #e2d8cf !important;\n  }\n  .narrative-content ::-moz-selection {\n    background: #5a4e44 !important;\n    color: #e2d8cf !important;\n  }\n  .narrative-content::before {\n    box-shadow: inset 0 1px 3px rgba(255, 252, 249, 0.1) !important;\n  }\n}\n\n/* ======================\n   13. 状态面板\n   ====================== */\ndetails .content-wrapper {\n  background: #faf3eb !important;\n  border: 1px solid #e0cebe !important;\n  margin-top: 8px !important;\n  border-radius: 12px !important;\n  padding: 16px !important;\n  font-family: 'Consolas', 'Monaco', monospace !important;\n  font-size: 0.9em !important;\n  line-height: 1.55 !important;\n  color: #3b302b !important;\n}\n\ndetails .content-wrapper strong {\n  color: #8b6b5c !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@media (prefers-color-scheme: dark) {\n  details .content-wrapper {\n    background: #362e28 !important;\n    border-color: #5a4e44 !important;\n    color: #e2d8cf !important;\n  }\n  details .content-wrapper strong {\n    color: #c4a08c !important;\n  }\n}\n\n/* ======================\n   14. 小说设定卡片\n   ====================== */\n.novel-setting-card {\n  background: linear-gradient(145deg, #fefbf8 0%, #faf3eb 100%) !important;\n  border: 1px solid #e0cebe !important;\n  border-radius: 14px !important;\n  padding: 22px 20px !important;\n  margin: 20px 0 !important;\n  box-shadow:\n    0 5px 18px rgba(150, 120, 100, 0.12),\n    0 1px 4px rgba(0, 0, 0, 0.05),\n    inset 0 1px 0 rgba(255, 252, 249, 0.8) !important;\n  font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif !important;\n  line-height: 1.75 !important;\n  color: #3b302b !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: 2.5px !important;\n  background: linear-gradient(90deg, #b89480, #c4a08c, #b89480) !important;\n  border-radius: 14px 14px 0 0 !important;\n}\n\n.novel-setting-card:hover {\n  transform: translateY(-1px) !important;\n  box-shadow:\n    0 7px 22px rgba(150, 120, 100, 0.18),\n    0 2px 8px rgba(0, 0, 0, 0.07),\n    inset 0 1px 0 rgba(255, 252, 249, 0.9) !important;\n  border-color: #d0b8a8 !important;\n}\n\n.novel-setting-card p,\n.novel-setting-card div {\n  margin-bottom: 14px !important;\n  font-size: 1em !important;\n  color: #4b3e36 !important;\n  line-height: 1.65 !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: 22px !important;\n  text-align: center !important;\n  margin-right: 9px !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: #2e2520 !important;\n  font-weight: 600 !important;\n  background: linear-gradient(120deg, transparent 0%, rgba(180, 140, 120, 0.1) 100%) !important;\n  padding: 2px 7px !important;\n  border-radius: 5px !important;\n  margin: 0 2px !important;\n}\n\n.novel-setting-card .card-title {\n  margin: 0 0 18px 0 !important;\n  font-size: 1.1em !important;\n  font-weight: 600 !important;\n  color: #2e2520 !important;\n  text-align: center !important;\n  padding: 9px 0 !important;\n  border-bottom: 2px solid #c4a08c;\n  letter-spacing: 0.5px !important;\n}\n\n/* 暗色 - 设定卡片 */\n@media (prefers-color-scheme: dark) {\n  .novel-setting-card {\n    background: linear-gradient(145deg, #362e28 0%, #463c34 100%) !important;\n    border-color: #5a4e44 !important;\n    color: #e2d8cf !important;\n    box-shadow:\n      0 5px 20px rgba(0, 0, 0, 0.4),\n      inset 0 1px 0 rgba(255, 252, 249, 0.08) !important;\n  }\n  .novel-setting-card::before {\n    background: linear-gradient(90deg, #5a4e44, #6e6056, #5a4e44) !important;\n  }\n  .novel-setting-card:hover {\n    border-color: #7a6b60 !important;\n    box-shadow:\n      0 7px 26px rgba(0, 0, 0, 0.5),\n      inset 0 1px 0 rgba(255, 252, 249, 0.12) !important;\n  }\n  .novel-setting-card p,\n  .novel-setting-card div {\n    color: #e2d8cf !important;\n  }\n  .novel-setting-card .highlight {\n    color: #faf4ed !important;\n    background: linear-gradient(120deg, transparent 0%, rgba(90, 76, 66, 0.3) 100%) !important;\n  }\n  .novel-setting-card .card-title {\n    color: #e2d8cf !important;\n    border-bottom-color: #5a4e44 !important;\n  }\n}\n\n@media (max-width: 768px) {\n  .novel-setting-card {\n    padding: 18px 16px !important;\n    margin: 16px 0 !important;\n    border-radius: 12px !important;\n  }\n  .novel-setting-card p,\n  .novel-setting-card div {\n    font-size: 0.9em !important;\n    line-height: 1.65 !important;\n  }\n}\n\n/* ======================\n   15. 行动选项卡片\n   ====================== */\n.action-card {\n  background: linear-gradient(145deg, #fefbf8, #faf3eb);\n  border: 1px solid #e0cebe;\n  border-radius: 14px;\n  padding: 22px;\n  margin: 22px 0;\n  box-shadow: 0 5px 14px rgba(150, 120, 100, 0.1);\n  transition: all 0.3s ease;\n}\n\n.action-card:hover {\n  box-shadow: 0 7px 22px rgba(150, 120, 100, 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: 16px;\n  color: #3b302b;\n  border-bottom: 2px solid #c4a08c;\n  padding-bottom: 10px;\n}\n\n.action-grid {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 13px;\n}\n\n.action-btn {\n  padding: 13px 16px;\n  background: #fffdfb;\n  border: 1px solid #e0cebe;\n  border-radius: 10px;\n  cursor: pointer;\n  transition: all 0.2s ease;\n  text-align: left;\n  font-size: 1em;\n  line-height: 1.45;\n  color: #4b3e36;\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: #faf3eb;\n  border-color: #c4a08c;\n  transform: translateY(-2px);\n  box-shadow: 0 3px 10px rgba(150, 120, 100, 0.18);\n}\n\n.action-btn:active {\n  transform: translateY(-2px) !important;\n  box-shadow: 0 3px 10px rgba(150, 120, 100, 0.18) !important;\n  background: #faf3eb !important;\n  border-color: #c4a08c !important;\n}\n\n@media (prefers-color-scheme: dark) {\n  .action-card {\n    background: linear-gradient(145deg, #362e28, #463c34) !important;\n    border-color: #5a4e44 !important;\n    color: #e2d8cf !important;\n    box-shadow: 0 5px 14px rgba(0, 0, 0, 0.4) !important;\n  }\n  .action-header {\n    color: #e2d8cf !important;\n    border-bottom-color: #5a4e44 !important;\n  }\n  .action-btn {\n    background: #362e28 !important;\n    border-color: #5a4e44 !important;\n    color: #e2d8cf !important;\n  }\n  .action-btn:hover {\n    background: #463c34 !important;\n    border-color: #6e6056 !important;\n    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.35) !important;\n  }\n  .action-btn:active {\n    background: #463c34 !important;\n    border-color: #6e6056 !important;\n    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.35) !important;\n  }\n}\n\n@media (max-width: 768px) {\n  .action-grid {\n    grid-template-columns: 1fr;\n  }\n  .action-card {\n    padding: 16px;\n    margin: 16px 0;\n  }\n}\n\n/* ======================\n   16. 顶部导航栏\n   ====================== */\n.flex.items-center.justify-between.w-full.relative {\n  background: linear-gradient(to bottom, #faf3eb, #f3e6da) !important;\n  border-bottom: 2px solid #c4a08c !important;\n  box-shadow: 0 5px 14px rgba(150, 120, 100, 0.22) !important;\n  padding: 5px 14px !important;\n  position: relative !important;\n  z-index: 10 !important;\n}\n\n@media (prefers-color-scheme: dark) {\n  .flex.items-center.justify-between.w-full.relative {\n    background: linear-gradient(to bottom, #362e28, #463c34) !important;\n    border-bottom-color: #5a4e44 !important;\n    box-shadow: 0 5px 14px rgba(0, 0, 0, 0.4) !important;\n  }\n}\n\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, #b89480, #c4a08c) !important;\n  color: #fffaf7 !important;\n  border: 1px solid #d0b8a8 !important;\n  box-shadow: 0 0 8px rgba(180, 140, 120, 0.35) !important;\n  font-weight: bold !important;\n  letter-spacing: 1px !important;\n  text-shadow: 1px 1px 2px rgba(0,0,0,0.15) !important;\n  font-family: \"Segoe UI\", -apple-system, sans-serif !important;\n  text-transform: uppercase !important;\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, #5a4e44, #6e6056) !important;\n    color: #faf4ed !important;\n    border-color: #5a4e44 !important;\n    box-shadow: 0 0 8px rgba(90, 76, 66, 0.35) !important;\n  }\n}\n\n.MuiIconButton-root svg,\nbutton.MuiButtonBase-root svg {\n  color: #b89480 !important;\n  fill: #b89480 !important;\n  transition: color 0.2s, filter 0.2s !important;\n}\n\n.MuiIconButton-root:hover svg {\n  color: #c4a08c !important;\n  fill: #c4a08c !important;\n  filter: drop-shadow(0 0 6px rgba(180, 140, 120, 0.5)) !important;\n}\n\n@media (prefers-color-scheme: dark) {\n  .MuiIconButton-root svg,\n  button.MuiButtonBase-root svg {\n    color: #a08878 !important;\n    fill: #a08878 !important;\n  }\n  .MuiIconButton-root:hover svg {\n    color: #c4a08c !important;\n    fill: #c4a08c !important;\n  }\n}\n\n#ai-model-selector .Group {\n  background: rgba(254, 251, 248, 0.9) !important;\n  border: 1.5px solid #c4a08c !important;\n  border-radius: 10px !important;\n  box-shadow: 0 3px 10px rgba(150, 120, 100, 0.14), inset 0 1px 0 rgba(255,252,249,0.8) !important;\n  font-family: \"Segoe UI\", -apple-system, sans-serif !important;\n  transition: all 0.3s ease !important;\n  padding: 3px 10px !important;\n  position: relative !important;\n}\n\n#ai-model-selector .Group:hover {\n  border-color: #d0b8a8 !important;\n  box-shadow: 0 0 14px rgba(180, 140, 120, 0.4), inset 0 1px 0 rgba(255,252,249,0.8) !important;\n}\n\n#ai-model-selector .Group .truncate {\n  color: #3b302b !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: #b89480 !important;\n  color: #b89480 !important;\n}\n\n#ai-model-selector .Group:hover svg,\n#ai-model-selector .Group:hover [data-icon=\"ChevronDown\"] path {\n  stroke: #c4a08c !important;\n  color: #c4a08c !important;\n}\n\n@media (prefers-color-scheme: dark) {\n  #ai-model-selector .Group {\n    background: rgba(50, 40, 35, 0.9) !important;\n    border-color: #5a4e44 !important;\n    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.3), inset 0 1px 0 rgba(255,252,249,0.05) !important;\n  }\n  #ai-model-selector .Group .truncate {\n    color: #e2d8cf !important;\n  }\n  #ai-model-selector .Group svg,\n  #ai-model-selector .Group [data-icon=\"ChevronDown\"] path {\n    stroke: #a08878 !important;\n    color: #a08878 !important;\n  }\n  #ai-model-selector .Group:hover {\n    border-color: #7a6b60 !important;\n    box-shadow: 0 0 14px rgba(90, 76, 66, 0.4), inset 0 1px 0 rgba(255,252,249,0.05) !important;\n  }\n}\n\n.cursor-pointer.items-center.hidden.gap-1.text-xs svg,\n.cursor-pointer.items-center.hidden.gap-1.text-xs use {\n  color: #b89480 !important;\n  fill: #b89480 !important;\n}\n\n.MuiBox-root.css-0:has(> #header-setting-button) button {\n  background: transparent !important;\n}\n\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, #c4a08c, transparent) !important;\n  opacity: 0.55 !important;\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, #7a6b60, transparent) !important;\n    opacity: 0.45 !important;\n  }\n}\n\n@media (max-width: 640px) {\n  .flex.items-center.justify-between.w-full.relative {\n    padding: 5px 10px !important;\n  }\n  #ai-model-selector .Group {\n    padding: 3px 8px !important;\n  }\n}\n\n/* ======================\n   17. 加载动画 - 构思剧情\n   ====================== */\ndiv:has(> [class*=\"dot-flashing\"]) {\n  width: auto !important;\n  min-width: 155px !important;\n  height: auto !important;\n  min-height: 32px !important;\n  overflow: visible !important;\n}\n\n[class*=\"dot-flashing\"] {\n  width: auto !important;\n  height: auto !important;\n  min-width: 145px !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: 5px 10px !important;\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[class*=\"dot-flashing\"]::before {\n  content: \"\" !important;\n  display: inline-block !important;\n  width: 7px !important;\n  height: 7px !important;\n  min-width: 7px !important;\n  min-height: 7px !important;\n  background: radial-gradient(circle, #c4a08c 0%, rgba(196, 160, 140, 0.6) 40%, transparent 70%) !important;\n  border-radius: 50% !important;\n  box-shadow:\n    0 0 7px rgba(180, 140, 120, 0.7),\n    0 0 14px rgba(180, 140, 120, 0.4),\n    0 0 22px rgba(180, 140, 120, 0.2) !important;\n  position: relative !important;\n  left: auto !important;\n  top: auto !important;\n  margin-right: 9px !important;\n  flex-shrink: 0 !important;\n  animation: dotWarmPulse 2s ease-in-out infinite !important;\n  transform-origin: center !important;\n}\n\n@keyframes dotWarmPulse {\n  0%, 100% {\n    transform: translateY(0) scale(1);\n    box-shadow:\n      0 0 7px rgba(180, 140, 120, 0.7),\n      0 0 14px rgba(180, 140, 120, 0.4),\n      0 0 22px rgba(180, 140, 120, 0.2);\n  }\n  50% {\n    transform: translateY(-5px) scale(1.18);\n    box-shadow:\n      0 0 11px rgba(196, 160, 140, 0.9),\n      0 0 20px rgba(196, 160, 140, 0.55),\n      0 0 32px rgba(196, 160, 140, 0.35);\n  }\n}\n\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  background-image: linear-gradient(\n    105deg,\n    #7a6b60 0%,\n    #a07868 15%,\n    #c4a08c 35%,\n    #f0e0d0 50%,\n    #c4a08c 65%,\n    #a07868 85%,\n    #7a6b60 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: conceiveWarmFlow 3s ease-in-out infinite !important;\n  filter: drop-shadow(0 0 6px rgba(180, 140, 120, 0.5)) !important;\n  transition: filter 0.5s ease !important;\n}\n\n@keyframes conceiveWarmFlow {\n  0%, 100% {\n    background-position: 0% 50%;\n    filter: drop-shadow(0 0 4px rgba(180, 140, 120, 0.35));\n  }\n  25% {\n    background-position: 100% 50%;\n    filter: drop-shadow(0 0 10px rgba(196, 160, 140, 0.65));\n  }\n  50% {\n    background-position: 200% 50%;\n    filter: drop-shadow(0 0 16px rgba(210, 180, 160, 0.8));\n  }\n  75% {\n    background-position: 100% 50%;\n    filter: drop-shadow(0 0 10px rgba(196, 160, 140, 0.65));\n  }\n}\n\n/* 暗色 - 加载 */\n@media (prefers-color-scheme: dark) {\n  [class*=\"dot-flashing\"]::before {\n    background: radial-gradient(circle, #d0b8a8 0%, rgba(208, 184, 168, 0.65) 40%, transparent 70%) !important;\n    box-shadow:\n      0 0 8px rgba(208, 184, 168, 0.8),\n      0 0 16px rgba(208, 184, 168, 0.5),\n      0 0 26px rgba(208, 184, 168, 0.3) !important;\n  }\n\n  @keyframes dotWarmPulseDark {\n    0%, 100% {\n      transform: translateY(0) scale(1);\n      box-shadow:\n        0 0 8px rgba(208, 184, 168, 0.8),\n        0 0 16px rgba(208, 184, 168, 0.5),\n        0 0 26px rgba(208, 184, 168, 0.3);\n    }\n    50% {\n      transform: translateY(-5px) scale(1.18);\n      box-shadow:\n        0 0 14px rgba(230, 210, 190, 0.95),\n        0 0 24px rgba(230, 210, 190, 0.65),\n        0 0 38px rgba(230, 210, 190, 0.4);\n    }\n  }\n\n  [class*=\"dot-flashing\"]::before {\n    animation-name: dotWarmPulseDark !important;\n  }\n\n  [class*=\"dot-flashing\"]::after {\n    background-image: linear-gradient(\n      105deg,\n      #a07868 0%,\n      #b89480 15%,\n      #d0b8a8 35%,\n      #f0e0d0 50%,\n      #d0b8a8 65%,\n      #b89480 85%,\n      #a07868 100%\n    ) !important;\n    filter: drop-shadow(0 0 8px rgba(196, 160, 140, 0.55)) !important;\n  }\n\n  @keyframes conceiveWarmFlowDark {\n    0%, 100% {\n      background-position: 0% 50%;\n      filter: drop-shadow(0 0 6px rgba(196, 160, 140, 0.45));\n    }\n    25% {\n      background-position: 100% 50%;\n      filter: drop-shadow(0 0 14px rgba(208, 184, 168, 0.7));\n    }\n    50% {\n      background-position: 200% 50%;\n      filter: drop-shadow(0 0 20px rgba(230, 210, 190, 0.85));\n    }\n    75% {\n      background-position: 100% 50%;\n      filter: drop-shadow(0 0 14px rgba(208, 184, 168, 0.7));\n    }\n  }\n\n  [class*=\"dot-flashing\"]::after {\n    animation-name: conceiveWarmFlowDark !important;\n  }\n}\n\n/* 响应式 */\n@media (max-width: 768px) {\n  div:has(> [class*=\"dot-flashing\"]) {\n    min-width: 140px !important;\n    min-height: 28px !important;\n  }\n  [class*=\"dot-flashing\"] {\n    min-width: 130px !important;\n    padding: 4px 7px !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: 7px !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: 125px !important;\n    min-height: 26px !important;\n  }\n  [class*=\"dot-flashing\"] {\n    min-width: 115px !important;\n    padding: 3px 6px !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: 6px !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 #e0cebe;\n  border-radius: 10px;\n  background: #faf3eb;\n}\n\n/* 标题 */\n.acts-h {\n  text-align: center;\n  font-weight: bold;\n  margin-bottom: 10px;\n  color: #3b302b;\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 #e0cebe;\n  border-radius: 8px;\n  background: #fffdfb;\n  color: #4b3e36;\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: #faf3eb;\n  border-color: #c4a08c;\n}\n\n/* 暗色模式 */\n@media (prefers-color-scheme: dark) {\n  .acts {\n    background: #362e28;\n    border-color: #5a4e44;\n  }\n  .acts-h {\n    color: #e2d8cf;\n  }\n  .opt {\n    background: #362e28;\n    border-color: #5a4e44;\n    color: #e2d8cf;\n  }\n  .opt:hover {\n    background: #463c34;\n    border-color: #6e6056;\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  --tea-bg-light: #fefbf8;\n  --tea-bg-light-rgb: 254, 251, 248;\n  --tea-bg-warm: #faf3eb;\n  --tea-bg-warm-2: #f3e6da;\n  --tea-bg-warm-3: #ebd9cb;\n  --tea-border: #c4a08c;\n  --tea-border-strong: #b89480;\n  --tea-border-deep: #a07868;\n  --tea-text: #3b302b;\n  --tea-text-soft: #5a4e44;\n  --tea-icon: #b89480;\n  --tea-shadow: rgba(150, 120, 100, 0.1);\n  --tea-shadow-hover: rgba(150, 120, 100, 0.15);\n  --tea-send-bg-from: #b89480;\n  --tea-send-bg-to: #a07868;\n  --tea-send-text: #fffaf7;\n  --tea-divider: #e0cebe;\n  --tea-inset-shadow: rgba(150, 120, 100, 0.08);\n  --tea-focus-ring: rgba(180, 140, 120, 0.15);\n}\n\n/* ---------- 1. 消息气泡 ---------- */\ndiv:has(> .space-y-3 > .rili-markdown-renderer) {\n  background: rgba(var(--tea-bg-light-rgb), 0.95) !important;\n  border: 2px solid var(--tea-border) !important;   /* 气泡保留边框，因为属于历史消息 */\n  border-radius: 14px !important;\n  box-shadow: 0 3px 10px var(--tea-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 5px 16px var(--tea-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(--tea-text) !important;\n  font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif !important;\n  line-height: 1.75 !important;\n  font-size: 1.05em !important;\n}\n\n/* ---------- 2. 输入组容器（去掉边框，保留阴影） ---------- */\n[data-slot=\"input-group\"] {\n  background-color: var(--tea-bg-light) !important;\n  border: none !important;                 /* 移除边框 */\n  border-radius: 12px !important;\n  box-shadow: 0 2px 12px var(--tea-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(--tea-focus-ring), 0 2px 12px var(--tea-shadow) !important;\n}\n\n/* ---------- 3. 文本框（可拖拽调整大小的输入区） ---------- */\n[data-slot=\"input-group-control\"] {\n  background-color: var(--tea-bg-light) !important;\n  border: none !important;                /* 核心：去掉 textarea 的边框 */\n  border-radius: 8px !important;\n  color: var(--tea-text) !important;\n  box-shadow: inset 0 1px 4px var(--tea-inset-shadow) !important;  /* 极浅内阴影暗示可编辑 */\n  font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, 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(--tea-bg-light-rgb), 0.98) !important;\n  box-shadow: inset 0 1px 6px var(--tea-inset-shadow), 0 0 0 3px var(--tea-focus-ring) !important;\n  outline: none !important;\n}\n/* 占位符颜色 */\n[data-slot=\"input-group-control\"]::placeholder {\n  color: #a28b7a !important;\n  opacity: 0.7 !important;\n}\n\n/* ---------- 4. 工具栏容器（保留上下分割线） ---------- */\n#prompt-input-header,\n#prompt-input-footer {\n  background: rgba(var(--tea-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(--tea-divider) !important;\n  padding-bottom: 6px !important;\n}\n#prompt-input-footer {\n  border-top: 1px solid var(--tea-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(--tea-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(--tea-bg-warm), var(--tea-bg-warm-2)) !important;\n  border-color: var(--tea-border-deep) !important;\n  color: var(--tea-text) !important;\n  box-shadow: 0 1px 3px var(--tea-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(--tea-bg-warm-2), var(--tea-bg-warm-3)) !important;\n  border-color: var(--tea-border-strong) !important;\n  box-shadow: 0 2px 6px var(--tea-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(--tea-border-strong), 0 1px 3px var(--tea-shadow) !important;\n  outline: none !important;\n}\n\n/* 模型选择器按钮 */\nbutton:has(img[alt=\"google logo\"]) {\n  background: linear-gradient(to bottom, var(--tea-bg-warm), var(--tea-bg-warm-2)) !important;\n  border-color: var(--tea-border-deep) !important;\n  color: var(--tea-text) !important;\n  box-shadow: 0 1px 3px var(--tea-shadow) !important;\n}\nbutton:has(img[alt=\"google logo\"]):hover {\n  background: linear-gradient(to bottom, var(--tea-bg-warm-2), var(--tea-bg-warm-3)) !important;\n  border-color: var(--tea-border-strong) !important;\n}\n\n/* 图标 */\n#prompt-input-header svg,\n#prompt-input-footer svg {\n  color: var(--tea-icon) !important;\n}\n\n/* 发送按钮 */\n#prompt-input-footer button[type=\"submit\"] {\n  background: linear-gradient(135deg, var(--tea-send-bg-from), var(--tea-send-bg-to)) !important;\n  border: none !important;\n  color: var(--tea-send-text) !important;\n  box-shadow: 0 2px 8px rgba(160, 120, 104, 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(--tea-send-bg-to), var(--tea-send-bg-from)) !important;\n  box-shadow: 0 4px 12px rgba(160, 120, 104, 0.45) !important;\n  transform: translateY(-1px) !important;\n}\n#prompt-input-footer button[type=\"submit\"] svg {\n  color: var(--tea-send-text) !important;\n}\n#prompt-input-footer button[type=\"submit\"]:focus-visible {\n  box-shadow: 0 0 0 3px rgba(180, 140, 120, 0.4), 0 2px 8px rgba(160, 120, 104, 0.35) !important;\n}\n\n/* ---------- 5. 顶部导航栏适配（新增） ---------- */\nheader {\n  background-color: var(--tea-bg-light) !important;\n  border-bottom: 1px solid var(--tea-divider) !important;\n  box-shadow: 0 2px 8px var(--tea-shadow) !important;\n  color: var(--tea-text) !important;\n}\n\n/* 导航栏内所有按钮基础样式 */\nheader button {\n  background: transparent !important;\n  border: none !important;\n  color: var(--tea-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(--tea-bg-warm), var(--tea-bg-warm-2)) !important;\n  color: var(--tea-text) !important;\n  box-shadow: 0 1px 3px var(--tea-shadow) !important;\n  transform: translateY(-1px) !important;\n}\n\n/* 按钮聚焦 */\nheader button:focus-visible {\n  box-shadow: 0 0 0 2px var(--tea-border-strong), 0 1px 3px var(--tea-shadow) !important;\n  outline: none !important;\n}\n\n/* 图标颜色 */\nheader button svg {\n  color: var(--tea-icon) !important;\n  transition: color 0.15s ease !important;\n}\nheader button:hover svg {\n  color: var(--tea-text) !important;\n}\n\n/* 中间区域文字 */\n#nav-middle {\n  color: var(--tea-text-soft) !important;\n  font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif !important;\n  font-size: 0.95em !important;\n}\n\n/* ---------- 6. 暗色模式（同样去掉边框） ---------- */\n@media (prefers-color-scheme: dark) {\n  :root {\n    --tea-bg-light: #362e28;\n    --tea-bg-light-rgb: 54, 46, 40;\n    --tea-bg-warm: #5a4e44;\n    --tea-bg-warm-2: #4a3e34;\n    --tea-bg-warm-3: #3b302b;\n    --tea-border: #5a4e44;\n    --tea-border-strong: #8a7b70;\n    --tea-border-deep: #7a6b60;\n    --tea-text: #e2d8cf;\n    --tea-text-soft: #b9a89a;\n    --tea-icon: #a08878;\n    --tea-shadow: rgba(0, 0, 0, 0.3);\n    --tea-shadow-hover: rgba(0, 0, 0, 0.45);\n    --tea-send-bg-from: #a07868;\n    --tea-send-bg-to: #8b6b5c;\n    --tea-send-text: #fffaf7;\n    --tea-divider: #5a4e44;\n    --tea-inset-shadow: rgba(0, 0, 0, 0.2);\n    --tea-focus-ring: rgba(138, 123, 112, 0.2);\n  }\n\n  /* 输入组容器 */\n  [data-slot=\"input-group\"] {\n    background-color: var(--tea-bg-light) !important;\n    box-shadow: 0 2px 12px var(--tea-shadow) !important;\n  }\n  [data-slot=\"input-group\"]:focus-within {\n    box-shadow: 0 0 0 4px var(--tea-focus-ring), 0 2px 12px var(--tea-shadow) !important;\n  }\n\n  /* 文本框 */\n  [data-slot=\"input-group-control\"] {\n    background-color: var(--tea-bg-light) !important;\n    box-shadow: inset 0 1px 4px var(--tea-inset-shadow) !important;\n    color: var(--tea-text) !important;\n  }\n  [data-slot=\"input-group-control\"]:focus-visible {\n    background-color: rgba(var(--tea-bg-light-rgb), 0.98) !important;\n    box-shadow: inset 0 1px 6px var(--tea-inset-shadow), 0 0 0 3px var(--tea-focus-ring) !important;\n  }\n  [data-slot=\"input-group-control\"]::placeholder {\n    color: #9a897a !important;\n  }\n\n  /* 工具栏容器 */\n  #prompt-input-header,\n  #prompt-input-footer {\n    background: rgba(var(--tea-bg-light-rgb), 0.6) !important;\n  }\n  #prompt-input-header {\n    border-bottom-color: var(--tea-divider) !important;\n  }\n  #prompt-input-footer {\n    border-top-color: var(--tea-divider) !important;\n  }\n\n  /* 分隔竖线 */\n  #prompt-input-header .w-px,\n  #prompt-input-footer .w-px {\n    background-color: var(--tea-divider) !important;\n  }\n\n  /* 顶部导航栏暗色适配 */\n  header {\n    background-color: var(--tea-bg-light) !important;\n    border-bottom-color: var(--tea-divider) !important;\n    box-shadow: 0 2px 8px var(--tea-shadow) !important;\n  }\n  header button:hover {\n    background: linear-gradient(to bottom, var(--tea-bg-warm), var(--tea-bg-warm-2)) !important;\n  }\n  header button svg {\n    color: var(--tea-icon) !important;\n  }\n  header button:hover svg {\n    color: var(--tea-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标签严格闭合且嵌套正确，全量输出所有区块严禁遗漏；②隐蔽隔离：深度思考强制使用 `<!-- -->` 完整包裹。]"}]},"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":0,"totalMessages":0,"totalCreditsUsed":0,"totalTokensUsed":0,"totalPlayedUsers":0,"deeplyPlayed":0,"maxNonAuthorPlayCount":0,"fixedPromptLength":8247,"lorebookLength":134212,"author":{"id":"u3OIz4nL0XjzqfIWXCKkSCLgks5sYS5f","name":"赤霄辞","displayUsername":"ybb173","username":"ybb173"},"cardsTags":[{"tag":{"name":"定制角色","cardsCount":7}},{"tag":{"name":"已破甲","cardsCount":2834}},{"tag":{"name":"可剧情可涩涩","cardsCount":3379}},{"tag":{"name":"开放世界","cardsCount":1850}},{"tag":{"name":"男同","cardsCount":62}},{"tag":{"name":"耽美","cardsCount":127}},{"tag":{"name":"女性向","cardsCount":272}},{"tag":{"name":"自由探索","cardsCount":1557}}],"cardsVoices":[],"prompt":null,"promptSizeBytes":null}