{"id":"7fa08ea6-5b64-472f-8f5b-410b58d5feab","authorId":"MH7QLrupIPjf3h5Qt0mV7aXLAw8cW3Jr","title":"💗极致综漫世界：这才不是我的东京生活！","description":"✨超好看网页！点进来看看吧~建议电脑创角，手机游玩！✨\n💘超百部超详细综漫题材收录，总收录角色超过1000+，超多类型世界观，适配日常/战斗/涩涩三大文风\n💗自带二十项功能，带着你的人设头像与大家在推特或者line上聊天吧，你可以在手机里玩手机~\n📙你所期待的是什么样的故事？\n❤‍🔥新番老番热番冷番我全都要，缺啥补啥，欢迎评论区提意见！进来看看吧，这里一定有你心爱的那个她！\n🏙️如果重生在融合了无数动漫世界的东京，是成为日常世界的人生赢家？\n⚔️还是追求极致的战斗登峰造极？亦或者美人江山我全都要？\n🖊️现在——你想创造的是怎样的故事？\n🔮题材一览：尼古喵喵、咒术回战、电锯人、碧蓝之海、无职转生、游戏人生、近月少女的礼仪、我独自升级、紫罗兰永恒花园、关于我在无意间被隔壁的天使变成废柴这件事、迦楠大人的白给是恶魔级、莉可丽丝、在超市后门吸烟的二人、我怎么可能成为你的恋人、爱神巧克力进行时、青春纪行、2.5次元的诱惑、魔女之旅、欢迎来到实力至上主义的教室（实教）、我的青春恋爱物语肯定有问题（春物）、不时轻声地以俄语遮羞的邻座艾莉同学、更衣人偶坠入爱河、路人女主的养成方法、邪神与厨二病少女、珈百璃的堕落、五等分的新娘、干物妹！小埋、天降之物、约会大作战、青春猪头少年、噬血狂袭、弑神者、魔法禁书目录、Re:CREATORS、看得见的女孩、辉夜大小姐想让我告白～天才们的恋爱头脑战～、我推的孩子、月刊少女野崎君、伪恋、我的朋友很少、龙王的工作！、潜行吧！奈亚子、One Room、主播女孩重度依赖、笨女孩、败犬女主太多了！、缘之空、农林、新妹魔王的契约者、出包王女、尸鬼、Another、零之使魔、我不受欢迎，怎么想都是你们的错！、水仙、鬼父、濑户的花嫁、日在校园、曾几何时天魔的黑兔、租借女友、人形电脑天使心、声之形、东京喰种、线上游戏的老婆不可能是女生？、Charlotte（夏洛特）、我的脑内恋碍选项、问题儿童都来自异世界、这个美术社大有问题！、SSSS.GRIDMAN（古立特）、SSSS.DYNAZENON（电光机王）、契约之吻、金牌得主、学园默示录、千恋万花、冰菓、沙耶之歌、幸福甜蜜生活、花薰凛然、人渣的本愿、素晴、白色相簿2、学生会的一己之见、俺妹、电波女与青春男、天才麻将少女、狂赌之渊、灼眼的夏娜、食戟之灵、甜蜜女友、幸运星、异世界舅舅、甘城光辉游乐园、凉宫春日系列、点兔、死亡笔记、无限斯特拉托斯\n👑借…","background":"zfcd4k5m2ddly6xu3at4rfg2.webp","backgroundWidth":1279,"backgroundHeight":1930,"cover":"hlge0cvzjaqslcoo9rqs8ai4.webp","coverWidth":1279,"coverHeight":1930,"introPage":"fg7gccbfn6t7i87d556rxhf3.html","changelog":null,"createdAt":"2026-08-15T06:39:39.156Z","updatedAt":"2026-08-17T15:10:47.233Z","initPublicAt":"2026-08-17T12:24:11.767Z","renderTemplate":null,"assistantRegexReplace":null,"enableMemorySchema":false,"memorySchema":null,"injectStyles":"/* =========================================\n   1. 核心气泡容器样式 (日系轻小说·暖治愈系 - 兼容性优化版)\n   ========================================= */\n:root {\n  --font-serif: \"Noto Serif SC\", \"Source Han Serif SC\", \"Source Han Serif CN\", \"Songti SC\", \"SimSun\", \"STSong\", \"KaiTi\", serif;\n  --font-kaiti: \"LXGW WenKai\", \"KaiTi\", \"STKaiti\", \"HKaiT\", \"Fangkaiti\", serif;\n}\ndiv.group.relative,\n.momo-talk-wrapper,\n.classUI-panel,\n.classUI-details-panel,\n.styled-prose-container { box-sizing: border-box; }\ndiv.group.relative *,\n.momo-talk-wrapper *,\n.classUI-panel *,\n.classUI-details-panel * { box-sizing: border-box; }\ndiv.group.relative > div.relative.inline-block.bg-gray-100\\/90 p[data-character=\"天照院夜夜\"] {\n  position: relative; display: inline-block; padding-right: 14px;\n  font-family: var(--font-kaiti); z-index: 2;\n}\ndiv.group.relative > div.relative.inline-block.bg-gray-100\\/90 p[data-character=\"天照院夜夜\"]::after {\n  content: \"✦\"; position: absolute; right: -6px; top: 50%;\n  transform: translateY(-55%); font-size: 0.9em; opacity: 0.9;\n  color: #E6C07B; animation: heartbeat 1.5s infinite ease-in-out; z-index: 1;\n}\n@keyframes heartbeat {\n  0% { transform: translateY(-55%) scale(1) rotate(0deg); opacity: 0.7; }\n  50% { transform: translateY(-55%) scale(1.2) rotate(15deg); opacity: 1; text-shadow: 0 0 8px rgba(230, 192, 123, 0.6); }\n  100% { transform: translateY(-55%) scale(1) rotate(0deg); opacity: 0.7; }\n}\ndiv.group.relative > div.relative.inline-block.bg-gray-100\\/90 {\n  display: block !important;\n  border: 2px solid transparent;\n  background-clip: padding-box, border-box;\n  background-origin: padding-box, border-box;\n  background-image: linear-gradient(135deg, rgba(255, 251, 245, 0.92) 0%, rgba(248, 242, 233, 0.92) 100%), \n                    linear-gradient(135deg, #A8D5C5, #E6C07B, #A8D5C5);\n  border-radius: 20px;\n  box-shadow: 0 6px 20px rgba(224, 213, 200, 0.25), 0 0 30px rgba(230, 192, 123, 0.1), inset 0 1px 0 rgba(255, 255, 255, 0.5);\n  padding: 18px 22px; max-width: 38em; width: 100%; margin: 12px auto;\n  font-family: var(--font-serif); color: #2E2821 !important; font-size: 1rem; line-height: 1.8;\n  position: relative; -webkit-font-smoothing: antialiased; isolation: isolate; z-index: 1;\n  backdrop-filter: blur(8px);\n}\ndiv.group.relative > div.relative.inline-block.bg-gray-100\\/90::before {\n  content: \"\"; position: absolute; top: 6px; left: 6px; right: 6px; bottom: 6px;\n  border: 1px solid rgba(230, 192, 123, 0.25); pointer-events: none; border-radius: 14px; z-index: -1;\n}\n/* =========================================\n   2. ClassUI 面板通用样式 (暖白治愈清新风格)\n   ========================================= */\n.classUI-details-panel {\n  margin-bottom: 15px; border: 2px solid #A8D5C5; border-radius: 18px; overflow: hidden;\n  background: linear-gradient(135deg, rgba(255, 251, 245, 0.92), rgba(248, 242, 233, 0.92)); position: relative;\n  box-shadow: 0 4px 12px rgba(224, 213, 200, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.5);\n  backdrop-filter: blur(8px);\n}\n.classUI-panel {\n  margin-bottom: 15px; border: 2px solid #A8D5C5; border-radius: 18px; overflow: hidden;\n  background: linear-gradient(135deg, rgba(255, 251, 245, 0.92), rgba(248, 242, 233, 0.92));\n  box-shadow: 0 4px 12px rgba(224, 213, 200, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.5); position: relative;\n  backdrop-filter: blur(8px);\n}\n.styled-prose-container {\n  background: transparent;\n  --classUI-panel-bg: #F8F2E9;\n  --classUI-panel-border: #A8D5C5;\n  --classUI-header-bg: #F5EFE6;\n  --classUI-text-secondary: #6B6258;\n  --classUI-accent: #E6C07B;\n  --classUI-code-bg: #F5EFE6;\n  --classUI-code-text: #5A4A2A;\n  --classUI-summary-hover-bg: #F0E8DA;\n  --novel-text-underline: rgba(230, 192, 123, 0.25);\n  --novel-text-color: #2E2821;\n  padding: 0; box-shadow: none; width: 100%;\n}\n/* 核心容器与面板暗色模式适配 */\ndiv.group.relative > div.relative.inline-block.bg-gray-100\\/90:is(.dark *),\n.classUI-details-panel:is(.dark *),\n.classUI-panel:is(.dark *) {\n  background: linear-gradient(135deg, rgba(42, 36, 32, 0.92) 0%, rgba(61, 54, 47, 0.92) 100%);\n  color: #F5EFE6 !important;\n  border: 2px solid transparent;\n  background-clip: padding-box, border-box;\n  background-origin: padding-box, border-box;\n  background-image: linear-gradient(135deg, rgba(42, 36, 32, 0.92) 0%, rgba(61, 54, 47, 0.92) 100%), \n                    linear-gradient(135deg, #5A6A5A, #8A6A4A, #5A6A5A);\n  box-shadow: 0 6px 20px rgba(212, 201, 187, 0.1), inset 0 1px 0 rgba(255, 255, 255, 0.05);\n  backdrop-filter: blur(8px);\n}\n.styled-prose-container:is(.dark *) {\n  background: transparent;\n  --classUI-panel-bg: #3D362F;\n  --classUI-panel-border: #5A6A5A;\n  --classUI-header-bg: #4D443A;\n  --classUI-text-secondary: #B0A392;\n  --classUI-accent: #E6C07B;\n  --classUI-code-bg: #4D443A;\n  --classUI-code-text: #D4C9BB;\n  --classUI-summary-hover-bg: #5A5246;\n  --novel-text-underline: rgba(230, 192, 123, 0.3);\n  --novel-text-color: #F5EFE6;\n}\ndiv.group.relative > div.relative.inline-block.bg-gray-100\\/90:is(.dark *)::before { border-color: rgba(230, 192, 123, 0.15); }\n.classUI-summary-header:is(.dark *) { background: linear-gradient(to right, #4D5A4D, #6A5A3A); color: #F5EFE6; border-bottom: 1px solid #5A6A5A; }\n.classUI-summary-header:hover:is(.dark *),\n.classUI-summary-header:focus:is(.dark *) { background: linear-gradient(to right, #5A6A5A, #7A6A4A); }\n.classUI-master-system .classUI-task-active:is(.dark *) { background-color: rgba(168, 213, 197, 0.15); color: #B0C4B0; border-color: #5A6A5A; }\n.classUI-master-system .classUI-task-completed:is(.dark *) { background-color: rgba(80, 130, 80, 0.2); color: #A0C0A0; border-color: #507050; }\n.classUI-master-system .classUI-task-failed:is(.dark *) { background-color: rgba(160, 60, 60, 0.2); color: #D0A0A0; border-color: #A03C3C; }\n\n.styled-prose-container > p:not([class]),\n.styled-prose-container > div > p:not([class]),\n.story-content p { text-indent: 2em; margin-bottom: 0.8em; font-family: var(--font-serif); letter-spacing: 0.5px; }\n@media (max-width: 768px) {\n  .classUI-panel, .classUI-details-panel { margin: 0.5em 0; border-radius: 16px; }\n  div.group.relative > div.relative.inline-block.bg-gray-100\\/90 {\n    border-radius: 18px; width: 100%; max-width: 100%; padding: 12px 14px;\n    font-size: 0.95rem; line-height: 1.6; margin-left: 0; margin-right: 0;\n  }\n  .styled-prose-container > p:not([class]),\n  .styled-prose-container > div > p:not([class]),\n  .story-content p { text-indent: 1.8em; margin-bottom: 0.6em; }\n}\n.classUI-panel,\n.classUI-details-panel { margin: 0.8em 0; overflow: hidden; max-width: 100%; }\n.classUI-panel-header,\n.classUI-summary-header {\n  background-color: var(--classUI-header-bg); padding: 0.7em 1.2em; font-weight: 600;\n  cursor: default; color: inherit; display: flex; align-items: center;\n  border-bottom: 1px solid transparent; transition: all 0.2s ease; font-family: var(--font-serif); letter-spacing: 0.5px;\n}\n.classUI-summary-header {\n  cursor: pointer; background: linear-gradient(to right, #C9E4D9, #F5D89A);\n  color: #2E2821; text-shadow: 0 1px 2px rgba(255,255,255,0.4); padding: 12px 20px;\n  font-weight: 600; border-radius: 16px 16px 0 0; transition: all 0.3s ease; letter-spacing: 0.5px;\n}\n.classUI-summary-header:hover,\n.classUI-summary-header:focus { background: linear-gradient(to right, #B0D5C5, #E6C07B); }\n.classUI-details-panel[open] > .classUI-summary-header { border-bottom-color: var(--classUI-panel-border); }\n.classUI-panel-content { padding: 1.2em; font-family: var(--font-serif); }\n.classUI-master-system { font-family: var(--font-serif); }\n.classUI-master-system .classUI-system-line { display: flex; flex-wrap: wrap; margin-bottom: 0.6em; align-items: baseline; line-height: 1.7; }\n.classUI-master-system .classUI-system-line:last-child { margin-bottom: 0; }\n.classUI-master-system .classUI-label { color: var(--classUI-text-secondary); flex-shrink: 0; margin-right: 0.4em; font-weight: 600; font-family: var(--font-serif); }\n.classUI-master-system .classUI-value { word-break: break-word; flex-grow: 1; min-width: 60%; }\n.classUI-master-system .classUI-indent-1 { padding-left: 1.8em; position: relative; }\n.classUI-master-system .classUI-indent-1::before { content: \"♪\"; position: absolute; left: 1em; font-size: 0.8em; color: var(--classUI-accent); }\n.classUI-master-system .classUI-indent-2 { padding-left: 3.2em; position: relative; }\n.classUI-master-system .classUI-indent-2::before { content: \"♫\"; position: absolute; left: 2.4em; font-size: 0.8em; color: var(--classUI-accent); }\n.classUI-master-system .classUI-task-active,\n.classUI-master-system .classUI-task-completed,\n.classUI-master-system .classUI-task-failed {\n  font-size: 0.85em; padding: 0.1em 0.5em; border-radius: 12px; margin-left: 0.5em; font-weight: bold;\n  border-style: solid; border-width: 1px; font-family: var(--font-kaiti);\n}\n.classUI-master-system .classUI-task-active { background-color: #D4EDDA; color: #2E4A3A; border-color: #A8D5C5; }\n.classUI-master-system .classUI-task-completed { background-color: #E8F5E9; color: #2E4A2E; border-color: #B4D8B4; }\n.classUI-master-system .classUI-task-failed { background-color: #F8E8E8; color: #A04A4A; border-color: #E8B4B4; }\n.classUI-status-grid { font-family: var(--font-serif); display: flex; flex-direction: column; gap: 1em; }\n.classUI-status-grid .classUI-status-item { display: flex; flex-wrap: nowrap; margin-bottom: 0.8em; align-items: flex-start; line-height: 1.7; }\n.classUI-status-grid .classUI-status-item:last-child { margin-bottom: 0; }\n.classUI-status-grid .classUI-label { font-weight: 600; color: var(--classUI-text-secondary); flex-shrink: 0; width: 6.5em; }\n.classUI-status-grid .classUI-value { word-break: break-word; flex-grow: 1; padding-left: 0.5em; border-left: 2px solid var(--classUI-accent); }\n.classUI-memory-section { display: flex; flex-direction: column; width: 100%; }\n.classUI-memory-header { font-weight: 700; color: var(--classUI-accent); padding-bottom: 0.4em; border-bottom: 1px dashed var(--classUI-panel-border); margin-bottom: 0.6em; font-size: 0.95em; letter-spacing: 0.5px; }\n.classUI-memory-content { line-height: 1.8; white-space: pre-wrap; word-wrap: break-word; padding-left: 0.5em; font-family: var(--font-serif); }\n/* --- 剧情罗盘 (轻小说选项风格) --- */\n.classUI-compass-options { display: flex; flex-direction: column; gap: 10px; padding-top: 10px; }\n.classUI-compass-option {\n  position: relative; padding: 14px 16px; border: 1px solid #E0D5C8; color: inherit; border-radius: 16px;\n  background: linear-gradient(135deg, rgba(255, 251, 245, 0.8), rgba(248, 242, 233, 0.8)); text-align: center; cursor: pointer;\n  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); overflow: hidden; user-select: text;\n  font-weight: 600; font-family: var(--font-serif); display: flex; flex-direction: column; gap: 6px;\n  box-shadow: 0 2px 8px rgba(224, 213, 200, 0.2); backdrop-filter: blur(4px);\n}\n.classUI-compass-option:hover,\n.classUI-compass-option:focus-visible {\n  background: linear-gradient(135deg, rgba(255, 251, 245, 0.95), rgba(245, 239, 230, 0.95)); border-color: var(--classUI-accent);\n  outline: none; transform: translateY(-3px); box-shadow: 0 6px 16px rgba(230, 192, 123, 0.2);\n}\n.classUI-option-label { color: #406454; font-weight: 800; display: block; text-shadow: 0 0 1px rgba(255, 255, 255, 0.5); font-family: var(--font-kaiti); }\n.classUI-hint-content { font-size: 0.95em; opacity: 1; color: #2E2821; line-height: 1.6; font-weight: 500; font-family: var(--font-serif); letter-spacing: 0.5px; }\n.classUI-compass-disabled { color: var(--classUI-text-secondary); text-align: center; padding: 1em 0; font-style: italic; user-select: text; }\n/* 剧情罗盘暗色模式 */\n.classUI-compass-option:is(.dark *) { background: linear-gradient(135deg, rgba(42, 36, 32, 0.8), rgba(61, 54, 47, 0.8)); border-color: #5A6A5A; }\n.classUI-compass-option:hover:is(.dark *) { background: linear-gradient(135deg, rgba(61, 54, 47, 0.95), rgba(74, 64, 56, 0.95)); box-shadow: 0 6px 16px rgba(230, 192, 123, 0.15); }\n.classUI-option-label:is(.dark *) { color: #A8D5C5; text-shadow: 0 0 5px rgba(230, 192, 123, 0.2); }\n.classUI-hint-content:is(.dark *) { color: #F5EFE6; font-weight: 400; text-shadow: 0 1px 2px rgba(0,0,0,0.8); }\n\n@media (min-width: 768px) {\n  .classUI-compass-options { flex-direction: column; }\n  .classUI-compass-option { flex-direction: row; align-items: flex-start; text-align: left; padding: 16px 20px; }\n  .classUI-option-label {\n    width: 6em; flex-shrink: 0; margin-right: 15px; border-right: 2px solid rgba(168, 213, 197, 0.3);\n    padding-right: 12px; display: flex; align-items: center; justify-content: flex-end; height: auto; min-height: 1.5em;\n  }\n  .classUI-hint-content { flex-grow: 1; display: block; padding-top: 0; }\n}\n/* =========================================\n   3. MomoTalk (偶像荣耀·LINE风格)   —— 保持不变，不做暗色适配改动\n   ========================================= */\n.momo-talk-wrapper {\n  font-family: 'Segoe UI', 'Helvetica Neue', Helvetica, 'Microsoft YaHei', sans-serif !important;\n  background-color: #89C4F4 !important;\n  border: none !important;\n  border-radius: 16px;\n  overflow: hidden;\n  max-width: 100%;\n  margin: 20px 0;\n  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);\n  color: #000 !important;\n  text-indent: 0 !important;\n  clear: both;\n  isolation: isolate;\n  z-index: 1;\n}\n.momo-talk-wrapper details > summary { list-style: none; cursor: pointer; outline: none; }\n.momo-talk-wrapper details > summary::-webkit-details-marker { display: none; }\n.momo-talk-wrapper * { text-indent: 0 !important; box-sizing: border-box; }\n.momo-header {\n  background-color: #2C3E50 !important;\n  color: #FFFFFF !important;\n  padding: 14px 18px;\n  font-weight: 600;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  border-bottom: 1px solid rgba(255,255,255,0.1) !important;\n  font-size: 1em;\n  letter-spacing: 0.5px;\n}\n.momo-header:hover { filter: brightness(1.1); }\n.momo-body {\n  background-color: #89C4F4 !important;\n  padding: 20px 15px;\n  display: flex;\n  flex-direction: column;\n  gap: 15px;\n  overflow-y: auto;\n  background-image: none;\n}\n.momo-msg { display: flex; align-items: flex-start; animation: momoFadeIn 0.3s ease-out; margin-bottom: 5px; width: 100%; }\n.momo-msg.student-side { justify-content: flex-start; }\n.momo-msg.student-side .momo-avatar-box { margin-right: 8px; margin-top: 2px; }\n/* --- 主角侧（右侧）--- */\n.momo-msg.sensei-side { justify-content: flex-end; }\n.momo-msg.sensei-side .momo-avatar-box {\n  display: flex;\n  margin-left: 8px;\n  margin-top: 2px;\n}\n.momo-msg.sensei-side .momo-content { align-items: flex-end; }\n.momo-msg.sensei-side .momo-bubble {\n  background-color: #98E165 !important;\n  color: #000000 !important;\n  border: none !important;\n  border-radius: 18px;\n  box-shadow: 0 2px 4px rgba(0,0,0,0.05);\n  position: relative;\n}\n.momo-msg.sensei-side .momo-bubble::after {\n  content: \"\"; position: absolute; right: -6px; top: 12px; width: 0; height: 0;\n  border-style: solid; border-width: 6px 0 6px 8px; border-color: transparent transparent transparent #98E165;\n}\n/* --- 头像通用样式 --- */\n.momo-avatar-box {\n  width: 42px; height: 42px; border-radius: 50%; background-color: #F0F0F0; flex-shrink: 0;\n  display: flex; justify-content: center; align-items: center; border: 2px solid #FFFFFF;\n  box-shadow: 0 2px 5px rgba(0,0,0,0.1); overflow: hidden;\n}\n.momo-avatar-img { width: 100%; height: 100%; object-fit: cover; }\n.momo-avatar-text { font-size: 10px; display: none; }\n.momo-content { display: flex; flex-direction: column; max-width: 75%; }\n.momo-name {\n  font-size: 0.75em; color: #FFFFFF !important; text-shadow: 0 1px 2px rgba(0,0,0,0.2);\n  margin-bottom: 4px; margin-left: 2px; line-height: 1.2;\n}\n.momo-msg.sensei-side .momo-name { display: none; }\n.momo-bubble {\n  background-color: #FFFFFF !important; border: none !important; padding: 10px 14px;\n  border-radius: 18px; font-size: 0.95em; line-height: 1.5; color: #000000 !important;\n  box-shadow: 0 2px 4px rgba(0,0,0,0.05); text-align: left; white-space: pre-line !important;\n  word-wrap: break-word; min-width: 2em; position: relative;\n}\n.momo-subtext { display: block; font-size: 0.75em; color: #555555 !important; margin-top: 4px; margin-left: 4px; line-height: 1.2; opacity: 1; font-weight: 500; }\n.momo-msg.student-side .momo-bubble::before {\n  content: \"\"; position: absolute; left: -6px; top: 12px; width: 0; height: 0;\n  border-style: solid; border-width: 6px 8px 6px 0; border-color: transparent #FFFFFF transparent transparent;\n}\n.momo-bubble p { text-indent: 0 !important; margin: 0 !important; padding: 0 !important; }\n.momo-sticker { max-width: 140px; border-radius: 12px; margin-top: 4px; }\n@keyframes momoFadeIn {\n  from { opacity: 0; transform: translateY(5px); }\n  to { opacity: 1; transform: translateY(0); }\n}\n/* MomoTalk 暗色模式保持原样，不进行平台适配 */\n@media (prefers-color-scheme: dark) {\n  .momo-talk-wrapper { background-color: #202020 !important; box-shadow: 0 8px 20px rgba(0,0,0,0.5); border: 1px solid #333 !important; }\n  .momo-header { background-color: #151515 !important; border-bottom-color: #333 !important; }\n  .momo-body { background-color: #202020 !important; }\n  .momo-bubble { background-color: #2F2F2F !important; color: #FFFFFF !important; }\n  .momo-msg.student-side .momo-bubble::before { border-color: transparent #2F2F2F transparent transparent; }\n  .momo-msg.sensei-side .momo-bubble { background-color: #518F42 !important; color: #FFFFFF !important; }\n  .momo-msg.sensei-side .momo-bubble::after { border-color: transparent transparent transparent #518F42; }\n  .momo-msg.sensei-side .momo-avatar-box {\n    display: flex;\n    margin-left: 8px;\n    margin-top: 2px;\n  }\n  .momo-name { color: #BBBBBB !important; text-shadow: none; }\n  .momo-avatar-box { border-color: #444; }\n  .momo-subtext { color: #AAAAAA !important; }\n}\n/* =========================================\n   4. 角色信息面板 - 气泡进度条样式 (轻小说结构 + 偶像应援色)\n   ========================================= */\n.classUI-bubble-bar {\n  position: relative; width: 100%; min-height: 24px; height: auto; background-color: #F5EFE6;\n  border-radius: 14px; overflow: hidden; box-shadow: inset 0 1px 3px rgba(224, 213, 200, 0.3);\n  margin-top: 4px; display: flex; align-items: center; border: 1px solid #E0D5C8;\n}\n.classUI-bar-fill { position: absolute; top: 0; left: 0; bottom: 0; height: 100%; border-radius: 14px; transition: width 0.5s ease; z-index: 1; }\n.classUI-bar-text {\n  position: relative; width: 100%; padding: 3px 10px; font-size: 0.85em; line-height: 1.4;\n  color: #2E2821; font-weight: bold; z-index: 2; white-space: normal; word-break: break-word;\n  text-align: left; font-family: var(--font-serif); text-shadow: 0 0 2px rgba(255,255,255,0.8);\n}\n.classUI-bar-fill.pink { background: linear-gradient(90deg, #FF9A9E, #FBC2EB); }\n.classUI-bar-fill.dark { background: linear-gradient(90deg, #A18CD1, #FBC2EB); }\n.classUI-bar-fill.blue { background: linear-gradient(90deg, #84FAB0, #8FD3F4); }\n.classUI-bar-fill.purple { background: linear-gradient(90deg, #D58BDD, #9D50BB); }\n.classUI-bar-fill.green { background: linear-gradient(90deg, #A8E063, #56AB2F); }\n/* 进度条暗色模式 */\n.classUI-bubble-bar:is(.dark *) { background-color: #4D443A; border-color: #6B5D4A; }\n.classUI-bar-text:is(.dark *) { color: #F5EFE6; text-shadow: 0 0 2px rgba(0,0,0,0.8); }\n.classUI-bar-fill.pink:is(.dark *) { background: linear-gradient(90deg, #C2185B, #E91E63); }\n.classUI-bar-fill.dark:is(.dark *) { background: linear-gradient(90deg, #512DA8, #7B1FA2); }\n.classUI-bar-fill.blue:is(.dark *) { background: linear-gradient(90deg, #00796B, #009688); }\n.classUI-bar-fill.purple:is(.dark *) { background: linear-gradient(90deg, #6A1B9A, #4A148C); }\n.classUI-bar-fill.green:is(.dark *) { background: linear-gradient(90deg, #2E7D32, #1B5E20); }\n\n/* =========================================\n   5. [修改版] 顶部角色面板 (Dashboard - 暖治愈档案卡风格)\n   ========================================= */\n.classUI-top-dashboard {\n  display: grid; grid-template-columns: repeat(auto-fit, minmax(130px, 1fr)); gap: 10px;\n  margin-bottom: 20px; padding: 5px;\n}\n.classUI-top-dashboard .classUI-system-line { margin-bottom: 0 !important; box-sizing: border-box; }\n.classUI-top-dashboard .classUI-system-line:nth-child(1) {\n  grid-column: 1 / -1; display: flex; align-items: center; background: transparent; border: none;\n  border-bottom: 2px solid; border-image: linear-gradient(to right, #A8D5C5, #E6C07B, #A8D5C5) 1;\n  box-shadow: none; padding-bottom: 8px; margin-bottom: 5px; font-size: 1.6em; font-weight: 800;\n  color: #406454; font-family: var(--font-serif); text-shadow: 2px 2px 0px rgba(168, 213, 197, 0.2); letter-spacing: 0.5px;\n}\n.classUI-top-dashboard .classUI-system-line:nth-child(1) .classUI-label { font-size: 0.8em; margin-right: 8px; opacity: 0.6; }\n.classUI-top-dashboard .classUI-system-line:not(:nth-child(1)) {\n  background: linear-gradient(135deg, rgba(255, 251, 245, 0.8), rgba(245, 239, 230, 0.8)); border: 1px solid #E0D5C8; border-radius: 12px;\n  padding: 8px 12px; display: flex; align-items: center; justify-content: flex-start;\n  box-shadow: 0 4px 6px rgba(224, 213, 200, 0.15); transition: all 0.2s ease; min-width: 0;\n  position: relative; overflow: hidden; backdrop-filter: blur(4px);\n}\n.classUI-top-dashboard .classUI-system-line:not(:nth-child(1))::after {\n  content: \"\"; position: absolute; top: 0; left: 0; width: 100%; height: 100%;\n  background: linear-gradient(120deg, rgba(255,255,255,0) 30%, rgba(230, 192, 123, 0.1) 50%, rgba(255,255,255,0) 70%);\n  transform: translateX(-100%); transition: transform 0.6s;\n}\n.classUI-top-dashboard .classUI-system-line:not(:nth-child(1)):hover::after { transform: translateX(100%); }\n.classUI-top-dashboard .classUI-system-line:not(:nth-child(1)):hover {\n  transform: translateY(-2px); border-color: #E6C07B; box-shadow: 0 6px 12px rgba(230, 192, 123, 0.2);\n}\n.classUI-top-dashboard .classUI-system-line:not(:nth-child(1)) .classUI-label { margin-right: 8px; font-size: 1.1em; flex-shrink: 0; color: #6B6258; }\n.classUI-top-dashboard .classUI-system-line:not(:nth-child(1)) .classUI-value {\n  font-weight: 600; color: #2E2821; font-family: var(--font-serif); white-space: normal; word-wrap: break-word; overflow-wrap: break-word;\n}\n/* 面板暗色 */\n.classUI-top-dashboard .classUI-system-line:nth-child(1):is(.dark *) { color: #A8D5C5 !important; }\n.classUI-top-dashboard .classUI-system-line:not(:nth-child(1)):is(.dark *) {\n  background: linear-gradient(135deg, rgba(42, 36, 32, 0.8), rgba(61, 54, 47, 0.8)); border-color: #5A6A5A; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);\n}\n.classUI-top-dashboard .classUI-system-line:not(:nth-child(1)):hover:is(.dark *) { border-color: #E6C07B; background: linear-gradient(135deg, rgba(61, 54, 47, 0.9), rgba(74, 64, 56, 0.9)); }\n.classUI-top-dashboard .classUI-system-line:not(:nth-child(1)) .classUI-label:is(.dark *) { color: #B0A392; }\n.classUI-top-dashboard .classUI-system-line:not(:nth-child(1)) .classUI-value:is(.dark *) { color: #F5EFE6; }\n\n/* =========================================\n   新增：开发度标签美化 (偶像SSR风格 - 保持不变)\n   ========================================= */\n.classUI-dev-tag {\n  display: inline-flex; align-items: center; justify-content: center;\n  background: linear-gradient(135deg, #FF5252 0%, #D50000 100%);\n  color: #FFFFFF !important; font-family: var(--font-serif); font-size: 0.85rem; font-weight: bold;\n  padding: 2px 10px; border-radius: 4px; margin-left: 8px; line-height: 1.4; vertical-align: middle;\n  box-shadow: 0 2px 6px rgba(213, 0, 0, 0.4); border: 1px solid rgba(255, 255, 255, 0.4);\n  cursor: help; transition: all 0.2s ease; letter-spacing: 1px; position: relative; overflow: hidden;\n}\n.classUI-dev-tag::before {\n  content: \"\"; position: absolute; top: -50%; left: -50%; width: 200%; height: 200%;\n  background: linear-gradient(to bottom right, rgba(255,255,255,0.4) 0%, rgba(255,255,255,0) 50%, rgba(255,255,255,0) 100%);\n  transform: rotate(30deg); pointer-events: none;\n}\n.classUI-dev-tag:hover { transform: scale(1.1) rotate(-2deg); box-shadow: 0 4px 10px rgba(255, 82, 82, 0.6); z-index: 10; }\n.classUI-dev-tag:is(.dark *) { background: linear-gradient(135deg, #C62828 0%, #8E0000 100%); box-shadow: 0 2px 6px rgba(255, 255, 255, 0.1); border-color: rgba(255,255,255,0.2); }\n\n/* ========== 手机界面隔离 ========== */\n.phone-wrapper { all: initial; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', sans-serif; display: block; box-sizing: border-box; width: 380px; max-width: 95vw; height: 820px; max-height: 95vh; background: #0a0a0a; border-radius: 48px; padding: 10px; box-shadow: 0 0 0 2px #222, 0 0 0 6px #0a0a0a, 0 0 0 8px #1a1a1a, 0 20px 50px rgba(0,0,0,0.6); margin: 20px auto; color: #000; position: relative; }\n.phone-wrapper * { all: unset; display: revert; box-sizing: border-box; font-family: inherit; color: inherit; }\n.phone-wrapper span { display: inline; }\n.phone-wrapper details { display: block; }\n.phone-wrapper summary { cursor: pointer; list-style: none; outline: none; }\n.phone-wrapper summary::-webkit-details-marker { display: none; }\n.phone-wrapper br { display: none !important; }\n/* 基础图片设定：全占容器 */\n.phone-wrapper img { display: block; width: 100%; height: 100%; }\n.phone-wrapper textarea { display: block; }\n.phone-wrapper button { cursor: pointer; }\n.phone-screen { width: 100%; height: 100%; background: #ffffff; border-radius: 38px; overflow: hidden; position: relative; display: flex; flex-direction: column; box-shadow: inset 0 0 4px rgba(0,0,0,0.2); }\n.phone-statusbar { height: 48px; background: rgba(255,255,255,0.92); display: flex; justify-content: space-between; align-items: center; padding: 0 24px; font-weight: 600; font-size: 15px; z-index: 200; flex-shrink: 0; border-bottom: 0.5px solid rgba(0,0,0,0.08); color: #000; }\n.phone-home { position: absolute; top: 48px; left: 0; right: 0; bottom: 0; background-image: url('https://i.postimg.cc/zfqQhHgg/wei-xin-tu-pian-20260519032318-265-40.jpg'); background-size: cover; background-position: center; display: flex; flex-direction: column; justify-content: space-between; padding: 30px 20px 40px; z-index: 50; }\n.app-page { position: absolute; top: 48px; left: 0; right: 0; bottom: 0; width: 100%; height: calc(100% - 48px); background: #ffffff; display: flex; flex-direction: column; z-index: 60; color: #000; }\n.phone-wrapper details:not([open]) > .app-page { display: none !important; }\n.phone-wrapper .app-page .app-page { top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; z-index: 70; }\n/* 分层返回按钮 */\n.phone-wrapper .level-1[open]:not(:has(.level-2[open])) > summary {\n  position: absolute !important; top: 48px !important; left: 0 !important; width: 50px !important; height: 54px !important; z-index: 100 !important;\n  display: flex !important; align-items: center !important; justify-content: center !important; font-size: 18px !important; color: #000 !important;\n  background: rgba(255,255,255,0.98) !important; border: none !important; margin: 0 !important; padding: 0 !important; pointer-events: auto !important;\n}\n.phone-wrapper .level-1[open]:has(.level-2[open]) > summary {\n  position: absolute !important; top: 48px !important; left: 0 !important; width: 50px !important; height: 54px !important; z-index: 100 !important;\n  opacity: 0 !important; pointer-events: none !important;\n}\n.phone-wrapper .level-2[open] > summary {\n  position: absolute !important; top: 0 !important; left: 0 !important; width: 50px !important; height: 54px !important; z-index: 110 !important;\n  display: flex !important; align-items: center !important; justify-content: center !important; font-size: 18px !important; color: #000 !important;\n  background: #ffffff !important; border: none !important; margin: 0 !important; padding: 0 !important; pointer-events: auto !important;\n  box-shadow: 2px 0 8px rgba(0,0,0,0.05);\n}\n.phone-wrapper .level-1[open]:not(:has(.level-2[open])) > summary > * { display: none !important; }\n.phone-wrapper .level-2[open] > summary > * { display: none !important; }\n.phone-wrapper .level-1[open]:not(:has(.level-2[open])) > summary::before { content: \"←\"; font-weight: 600; display: block; }\n.phone-wrapper .level-2[open] > summary::before { content: \"←\"; font-weight: 600; display: block; }\n/* 图标布局 */\n.phone-home .home-row > details { display: inline-block; width: auto; margin: 0; }\n.app-icon { display: flex; flex-direction: column; align-items: center; color: #fff; gap: 6px; position: relative; cursor: pointer; }\n.app-icon-img { width: 64px; height: 64px; background: rgba(255,255,255,0.85); border-radius: 16px; display: flex; align-items: center; justify-content: center; font-size: 30px; box-shadow: 0 8px 20px rgba(0,0,0,0.2); }\n.app-icon-name { font-size: 11px; font-weight: 500; text-shadow: 0 1px 3px rgba(0,0,0,0.5); }\n.app-badge { position: absolute; top: -4px; right: -6px; background: #ff3b30; color: #fff; font-size: 11px; font-weight: 700; min-width: 18px; height: 18px; border-radius: 9px; display: flex; align-items: center; justify-content: center; padding: 0 5px; box-shadow: 0 1px 3px rgba(0,0,0,0.3); border: 1px solid rgba(255,255,255,0.5); line-height: 1; text-shadow: none; }\n.home-row { display: flex; justify-content: center; gap: 18px; flex-wrap: nowrap; width: 100%; }\n.home-row.top { flex: 1; align-items: flex-start; }\n.home-row.middle { align-items: center; margin-bottom: 20px; }\n.home-row.bottom { align-items: flex-end; padding-bottom: 20px; }\n.app-header { height: 54px; background: #ffffff; display: flex; align-items: center; padding: 0 18px 0 50px; border-bottom: 1px solid #e5e5ea; flex-shrink: 0; }\n.app-title { font-size: 18px; font-weight: 620; }\n.app-body { flex: 1; overflow-y: auto; background: #ffffff; }\n/* 所有头像容器：圆形 + 溢出隐藏 */\n.phone-wrapper .line-contact-avatar,\n.phone-wrapper .twitter-compose-avatar,\n.phone-wrapper .twitter-tweet-avatar,\n.phone-wrapper .contacts-item-avatar,\n.phone-wrapper .contacts-detail-avatar,\n.phone-wrapper .call-item-avatar,\n.phone-wrapper .call-detail-avatar,\n.phone-wrapper .mail-item-avatar,\n.phone-wrapper .mail-detail-avatar,\n.phone-wrapper .twitter-comment-avatar,\n.phone-wrapper .momo-avatar-box {\n  display: flex !important;\n  align-items: center;\n  justify-content: center;\n  background: #d9d9dc;\n  overflow: hidden;\n}\n/* 所有头像图片强制居中裁剪 */\n.phone-wrapper .line-contact-avatar img,\n.phone-wrapper .twitter-compose-avatar img,\n.phone-wrapper .twitter-tweet-avatar img,\n.phone-wrapper .contacts-item-avatar img,\n.phone-wrapper .contacts-detail-avatar img,\n.phone-wrapper .call-item-avatar img,\n.phone-wrapper .call-detail-avatar img,\n.phone-wrapper .mail-item-avatar img,\n.phone-wrapper .mail-detail-avatar img,\n.phone-wrapper .twitter-comment-avatar img,\n.phone-wrapper .momo-avatar-box img {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  object-position: center;\n}\n.phone-wrapper .momo-avatar-text { font-size: 11px; color: #6c6c70; font-weight: bold; display: none; }\n/* 文字强制 */\n.phone-wrapper .line-contact-name, .phone-wrapper .line-chat-title, .phone-wrapper .momo-name,\n.phone-wrapper .contacts-item-name, .phone-wrapper .call-item-name, .phone-wrapper .mail-item-sender,\n.phone-wrapper .mail-item-subject, .phone-wrapper .mail-detail-sender-name, .phone-wrapper .call-detail-name,\n.phone-wrapper .contacts-detail-name { color: #000000 !important; text-shadow: none !important; }\n/* LINE */\n.phone-wrapper .line-app-body { background: #ffffff; }\n.phone-wrapper .line-contact-item { display: flex; align-items: center; padding: 16px 18px; border-bottom: 0.5px solid #f0f0f5; color: #1d1d1f; cursor: pointer; }\n.phone-wrapper .line-contact-avatar { width: 52px; height: 52px; border-radius: 50%; margin-right: 14px; flex-shrink: 0; }\n.phone-wrapper .line-contact-info { flex: 1; }\n.phone-wrapper .line-contact-name { font-size: 17px; font-weight: 600; margin-bottom: 4px; }\n.phone-wrapper .line-contact-preview { font-size: 14px; color: #8e8e93; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }\n.phone-wrapper .line-chat-header { height: 54px; background: #ffffff; border-bottom: 1px solid #e5e5ea; display: flex; align-items: center; padding: 0 16px 0 50px; flex-shrink: 0; }\n.phone-wrapper .line-chat-title { font-size: 18px; font-weight: 620; color: #000; }\n.phone-wrapper .line-chat-detail { display: flex; flex-direction: column; height: 100%; width: 100%; background: #f2f2f7; }\n.phone-wrapper .line-chat-messages { flex: 1; overflow-y: auto; padding: 16px 12px; background: #f2f2f7; }\n.phone-wrapper .line-chat-input-bar { height: 60px; background: #ffffff; border-top: 1px solid #e5e5ea; display: flex; align-items: center; padding: 0 12px; flex-shrink: 0; }\n.phone-wrapper .line-chat-input { flex: 1; height: 40px; background: #f2f2f7; border-radius: 20px; padding: 0 16px; font-size: 15px; color: #8e8e93; display: flex; align-items: center; }\n/* 聊天气泡 */\n.phone-wrapper .momo-msg { display: flex; gap: 10px; margin-bottom: 18px; align-items: flex-end; }\n.phone-wrapper .momo-msg.student-side { flex-direction: row; justify-content: flex-start; }\n.phone-wrapper .momo-msg.sensei-side { flex-direction: row; justify-content: flex-end; width: 100%; }\n.phone-wrapper .momo-avatar-box { width: 40px; height: 40px; border-radius: 50%; flex-shrink: 0; border: 2px solid #fff; box-shadow: 0 1px 3px rgba(0,0,0,0.1); }\n.phone-wrapper .momo-content { max-width: 75%; display: flex; flex-direction: column; }\n.phone-wrapper .momo-name { font-size: 11px; margin-bottom: 3px; }\n.phone-wrapper .momo-bubble { background: #ffffff; padding: 10px 14px; border-radius: 20px; font-size: 14px; line-height: 1.45; color: #1c1c1e !important; box-shadow: 0 1px 4px rgba(0,0,0,0.04); position: relative; }\n.phone-wrapper .momo-subtext { font-size: 10px; color: #8e8e93; margin-top: 4px; font-style: italic; }\n.phone-wrapper .momo-msg.student-side .momo-bubble::before { content: \"\"; position: absolute; left: -6px; top: 12px; width: 0; height: 0; border-style: solid; border-width: 6px 6px 6px 0; border-color: transparent #ffffff transparent transparent; }\n.phone-wrapper .sensei-side .momo-bubble { background: #06c755 !important; color: #ffffff !important; }\n.phone-wrapper .momo-msg.sensei-side .momo-bubble::after { content: \"\"; position: absolute; right: -6px; top: 12px; width: 0; height: 0; border-style: solid; border-width: 6px 0 6px 6px; border-color: transparent transparent transparent #06c755; }\n/* Twitter */\n.phone-wrapper .twitter-compose { padding: 14px 16px; border-bottom: 6px solid #f2f2f7; display: flex; gap: 10px; align-items: flex-start; }\n.phone-wrapper .twitter-compose-avatar { width: 46px; height: 46px; border-radius: 50%; }\n.phone-wrapper .twitter-compose-content { flex: 1; }\n.phone-wrapper .twitter-compose-input { width: 100%; min-height: 55px; border: none; font-size: 15px; resize: none; outline: none; background: transparent; color: #1d1d1f; }\n.phone-wrapper .twitter-compose-btn { background: #1da1f2; color: #fff; border: none; padding: 8px 18px; border-radius: 20px; font-weight: 600; margin-top: 6px; }\n.phone-wrapper .twitter-tweet { padding: 16px; border-bottom: 0.5px solid #e5e5ea; display: flex; gap: 10px; }\n.phone-wrapper .twitter-tweet-avatar { width: 48px; height: 48px; border-radius: 50%; }\n.phone-wrapper .twitter-tweet-content { flex: 1; }\n.phone-wrapper .twitter-tweet-header { display: flex; gap: 6px; margin-bottom: 4px; flex-wrap: wrap; }\n.phone-wrapper .twitter-tweet-name { font-weight: 700; font-size: 15px; color: #0f1419; }\n.phone-wrapper .twitter-tweet-handle, .phone-wrapper .twitter-tweet-time { font-size: 13px; color: #536471; }\n.phone-wrapper .twitter-tweet-text { font-size: 15px; line-height: 1.45; margin-bottom: 10px; color: #0f1419; }\n.phone-wrapper .twitter-tweet-actions { display: flex; gap: 40px; color: #536471; font-size: 13px; }\n/* Twitter 评论 */\n.phone-wrapper .twitter-comment-view { background: #ffffff; }\n.phone-wrapper .twitter-comment-header { height: 54px; background: #ffffff; border-bottom: 1px solid #e5e5ea; display: flex; align-items: center; padding: 0 16px 0 50px; flex-shrink: 0; }\n.phone-wrapper .twitter-comment-title { font-size: 18px; font-weight: 620; }\n.phone-wrapper .twitter-comment-list { flex: 1; overflow-y: auto; padding: 16px; }\n.phone-wrapper .twitter-comment { display: flex; gap: 10px; margin-bottom: 16px; }\n.phone-wrapper .twitter-comment-avatar { width: 36px; height: 36px; border-radius: 50%; flex-shrink: 0; }\n.phone-wrapper .twitter-comment-body { font-size: 14px; line-height: 1.4; color: #0f1419; }\n.phone-wrapper .twitter-comment-user { font-weight: 700; margin-right: 6px; }\n/* 联系人 */\n.phone-wrapper .contacts-item { display: flex; align-items: center; padding: 12px 18px; border-bottom: 0.5px solid #f0f0f5; color: #1d1d1f; cursor: pointer; }\n.phone-wrapper .contacts-item-avatar { width: 48px; height: 48px; border-radius: 50%; margin-right: 14px; }\n.phone-wrapper .contacts-item-info { flex: 1; }\n.phone-wrapper .contacts-item-name { font-size: 16px; font-weight: 600; }\n.phone-wrapper .contacts-item-detail { font-size: 14px; color: #8e8e93; }\n.phone-wrapper .contacts-detail-view { display: flex; flex-direction: column; height: 100%; width: 100%; overflow-y: auto; background: #ffffff; padding: 54px 20px 24px; color: #000; }\n.phone-wrapper .contacts-detail-avatar { width: 100px; height: 100px; border-radius: 50%; margin: 0 auto 18px; }\n.phone-wrapper .contacts-detail-name { font-size: 24px; font-weight: 680; text-align: center; margin-bottom: 24px; }\n.phone-wrapper .contacts-detail-info { background: #f9f9fb; border-radius: 12px; padding: 14px 18px; }\n.phone-wrapper .contacts-detail-row { padding: 12px 0; border-bottom: 0.5px solid #e5e5ea; }\n.phone-wrapper .contacts-detail-row:last-child { border-bottom: none; }\n.phone-wrapper .contacts-detail-label { font-size: 12px; color: #8e8e93; margin-bottom: 4px; }\n.phone-wrapper .contacts-detail-value { font-size: 16px; color: #000; }\n/* 来电 */\n.phone-wrapper .call-item { display: flex; align-items: center; padding: 12px 18px; border-bottom: 0.5px solid #f0f0f5; color: #1d1d1f; cursor: pointer; }\n.phone-wrapper .call-item-avatar { width: 48px; height: 48px; border-radius: 50%; margin-right: 14px; }\n.phone-wrapper .call-item-info { flex: 1; }\n.phone-wrapper .call-item-name { font-size: 16px; font-weight: 600; }\n.phone-wrapper .call-item-status { font-size: 13px; color: #ff3b30; }\n.phone-wrapper .call-item-time { font-size: 13px; color: #8e8e93; }\n.phone-wrapper .call-item-type { font-size: 20px; }\n.phone-wrapper .call-detail-view { display: flex; flex-direction: column; height: 100%; width: 100%; overflow-y: auto; background: #ffffff; padding: 54px 20px 20px; color: #000; }\n.phone-wrapper .call-detail-header { display: flex; align-items: center; gap: 12px; margin-bottom: 20px; }\n.phone-wrapper .call-detail-avatar { width: 50px; height: 50px; border-radius: 50%; }\n.phone-wrapper .call-detail-name { font-size: 20px; font-weight: 680; }\n.phone-wrapper .call-detail-reason { background: #f9f9fb; border-radius: 12px; padding: 16px; margin-bottom: 16px; }\n.phone-wrapper .call-detail-reason-label { font-size: 13px; color: #8e8e93; margin-bottom: 6px; }\n.phone-wrapper .call-detail-reason-text { font-size: 15px; line-height: 1.4; color: #000; }\n.phone-wrapper .call-voicemail { background: #f0f0f5; border-radius: 12px; padding: 16px; display: flex; align-items: center; gap: 12px; }\n.phone-wrapper .call-voicemail-icon { font-size: 28px; }\n.phone-wrapper .call-voicemail-text { font-size: 14px; font-style: italic; color: #000; }\n/* 邮箱 */\n.phone-wrapper .mail-item { padding: 14px 18px; border-bottom: 0.5px solid #f0f0f5; color: #1d1d1f; display: flex; gap: 12px; cursor: pointer; }\n.phone-wrapper .mail-item-avatar { width: 46px; height: 46px; border-radius: 50%; }\n.phone-wrapper .mail-item-content { flex: 1; }\n.phone-wrapper .mail-item-header { display: flex; justify-content: space-between; margin-bottom: 3px; }\n.phone-wrapper .mail-item-sender { font-size: 15px; font-weight: 620; }\n.phone-wrapper .mail-item-time { font-size: 12px; color: #8e8e93; }\n.phone-wrapper .mail-item-email { font-size: 11px; color: #6c6c70; margin-bottom: 4px; }\n.phone-wrapper .mail-item-subject { font-size: 14px; font-weight: 600; margin-bottom: 3px; }\n.phone-wrapper .mail-item-preview { font-size: 13px; color: #8e8e93; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }\n.phone-wrapper .mail-detail-view { display: flex; flex-direction: column; height: 100%; width: 100%; overflow-y: auto; background: #ffffff; padding: 54px 18px 18px; color: #000; }\n.phone-wrapper .mail-detail-header { margin-bottom: 16px; padding-bottom: 16px; border-bottom: 1px solid #e5e5ea; }\n.phone-wrapper .mail-detail-sender-info { display: flex; align-items: center; gap: 12px; margin-bottom: 14px; }\n.phone-wrapper .mail-detail-avatar { width: 46px; height: 46px; border-radius: 50%; }\n.phone-wrapper .mail-detail-sender-text { flex: 1; }\n.phone-wrapper .mail-detail-sender-name { font-size: 16px; font-weight: 620; }\n.phone-wrapper .mail-detail-sender-email { font-size: 13px; color: #6c6c70; }\n.phone-wrapper .mail-detail-subject { font-size: 20px; font-weight: 680; margin-bottom: 6px; color: #000; }\n.phone-wrapper .mail-detail-time { font-size: 13px; color: #8e8e93; }\n.phone-wrapper .mail-detail-body { line-height: 1.7; font-size: 15px; color: #000; }\n.phone-wrapper .mail-detail-body p { margin-bottom: 0.8em; }\n/* ==================== 加载动画 ==================== */\n.style_dot-flashing__8L91Q { display: none !important; }\n.flex.items-center.justify-center.w-6.h-5 { position: relative !important; }\n.flex.items-center.justify-center.w-6.h-5::before {\n  content: '' !important; display: block !important; width: 100% !important; height: 100% !important;\n  background-image: url('data:image/svg+xml,%3Csvg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 100 100\"%3E%3Cdefs%3E%3CradialGradient id=\"magicGlow\"%3E%3Cstop offset=\"0%25\" stop-color=\"%23E6C07B\" stop-opacity=\"0.9\"/%3E%3Cstop offset=\"100%25\" stop-color=\"%23A8D5C5\" stop-opacity=\"0.5\"/%3E%3C/radialGradient%3E%3C/defs%3E%3Cg transform=\"translate(50,50)\"%3E%3CanimateTransform attributeName=\"transform\" type=\"rotate\" from=\"0 50 50\" to=\"360 50 50\" dur=\"1.5s\" repeatCount=\"indefinite\"/%3E%3Ccircle cx=\"0\" cy=\"0\" r=\"35\" fill=\"none\" stroke=\"%23A8D5C5\" stroke-width=\"2.5\" opacity=\"0.8\"/%3E%3Cpath d=\"M 0,-30 L 0,30 M -30,0 L 30,0\" stroke=\"%23E6C07B\" stroke-width=\"3\" stroke-linecap=\"round\"/%3E%3Ccircle cx=\"0\" cy=\"-25\" r=\"4\" fill=\"%23E6C07B\"%3E%3Canimate attributeName=\"opacity\" values=\"1;0.3;1\" dur=\"0.8s\" repeatCount=\"indefinite\"/%3E%3C/circle%3E%3Ccircle cx=\"25\" cy=\"0\" r=\"4\" fill=\"%23E6C07B\"%3E%3Canimate attributeName=\"opacity\" values=\"0.3;1;0.3\" dur=\"0.8s\" repeatCount=\"indefinite\"/%3E%3C/circle%3E%3Ccircle cx=\"0\" cy=\"25\" r=\"4\" fill=\"%23E6C07B\"%3E%3Canimate attributeName=\"opacity\" values=\"1;0.3;1\" dur=\"0.8s\" repeatCount=\"indefinite\"/%3E%3C/circle%3E%3Ccircle cx=\"-25\" cy=\"0\" r=\"4\" fill=\"%23E6C07B\"%3E%3Canimate attributeName=\"opacity\" values=\"0.3;1;0.3\" dur=\"0.8s\" repeatCount=\"indefinite\"/%3E%3C/circle%3E%3Cpolygon points=\"0,-15 4,-5 15,-5 6,3 10,13 0,7 -10,13 -6,3 -15,-5 -4,-5\" fill=\"%23E6C07B\" opacity=\"0.8\"%3E%3CanimateTransform attributeName=\"transform\" type=\"rotate\" from=\"0 0 0\" to=\"-360 0 0\" dur=\"3s\" repeatCount=\"indefinite\"/%3E%3C/polygon%3E%3C/g%3E%3C/svg%3E') !important;\n  background-size: contain !important; background-repeat: no-repeat !important; background-position: center !important;\n}\n/* ==================== 界面控制区 ==================== */\n.sticky.top-0 {\n  background: linear-gradient(180deg, #FFFFFF 0%, #F8F2E9 100%) !important;\n  box-shadow: 0 2px 15px rgba(230, 192, 123, 0.2) !important;\n  border-bottom: 2px solid #A8D5C5 !important;\n}\n#ai-model-selector {\n  background: linear-gradient(135deg, rgba(255, 251, 245, 0.95) 0%, rgba(245, 239, 230, 0.95) 100%) !important;\n  border: 2px solid #A8D5C5 !important; border-radius: 16px !important;\n  box-shadow: 0 4px 12px rgba(224, 213, 200, 0.25) !important; transition: all 0.3s ease !important;\n}\n#ai-model-selector:hover {\n  box-shadow: 0 6px 20px rgba(230, 192, 123, 0.4), 0 0 20px rgba(230, 192, 123, 0.3) !important;\n  transform: translateY(-2px) !important; border-color: #E6C07B !important;\n}\n#ai-model-selector .truncate { color: #2E2821 !important; font-weight: 600 !important; font-family: \"Noto Serif SC\", \"Source Han Serif SC\", \"Songti SC\", serif !important; }\n#ai-model-selector svg[data-icon=\"ChevronDown\"] { color: #A8D5C5 !important; filter: drop-shadow(0 0 4px rgba(168, 213, 197, 0.5)) !important; }\n#header-setting-button {\n  background: linear-gradient(135deg, #E6C07B 0%, #D4A85A 100%) !important; border-radius: 14px !important;\n  box-shadow: 0 4px 12px rgba(230, 192, 123, 0.3) !important; transition: all 0.3s ease !important;\n}\n#header-setting-button:hover {\n  box-shadow: 0 6px 20px rgba(230, 192, 123, 0.5), 0 0 25px rgba(230, 192, 123, 0.4) !important;\n  transform: translateY(-2px) scale(1.05) !important;\n}\n#ai-mod-button2 .MuiButton-outlinedPrimary {\n  border: 2px solid #A8D5C5 !important; color: #A8D5C5 !important; background: rgba(255, 255, 255, 0.8) !important;\n  border-radius: 14px !important; transition: all 0.3s ease !important; font-weight: 600 !important;\n}\n#ai-mod-button2 .MuiButton-outlinedPrimary:hover {\n  background: linear-gradient(135deg, #A8D5C5 0%, #7BB8A0 100%) !important; color: #FFFFFF !important;\n  border-color: #E6C07B !important; box-shadow: 0 4px 15px rgba(168, 213, 197, 0.4), 0 0 20px rgba(230, 192, 123, 0.3) !important; transform: translateY(-2px) !important;\n}\n#ai-mod-button2 svg { filter: drop-shadow(0 0 4px rgba(168, 213, 197, 0.4)) !important; }\n.bg-gradient-to-t { background: linear-gradient(to top, #F8F2E9 0%, rgba(248, 242, 233, 0) 100%) !important; }\n.bg-white.border-\\[1\\.5px\\] {\n  background: linear-gradient(135deg, #FFFFFF 0%, #F8F2E9 100%) !important; border: 2px solid #A8D5C5 !important;\n  border-radius: 20px !important; box-shadow: 0 4px 20px rgba(224, 213, 200, 0.25) !important; transition: all 0.3s ease !important;\n}\n.bg-white.border-\\[1\\.5px\\]:focus-within {\n  border-color: #E6C07B !important; box-shadow: 0 6px 25px rgba(230, 192, 123, 0.35), 0 0 30px rgba(230, 192, 123, 0.2) !important;\n}\n#ai-chat-input { color: #2E2821 !important; font-weight: 500 !important; font-family: \"Noto Serif SC\", \"Source Han Serif SC\", \"Songti SC\", serif !important; }\n#ai-chat-input::placeholder { color: #A8D5C5 !important; opacity: 0.7 !important; }\n#ai-chat-input::selection { background: rgba(230, 192, 123, 0.3) !important; color: #2E2821 !important; }\n.absolute.bottom-2.right-2 .bg-gray-100 {\n  background: linear-gradient(135deg, #F5EFE6 0%, #F8F2E9 100%) !important; color: #6B6258 !important;\n  border-radius: 10px !important; font-weight: 600 !important; box-shadow: 0 2px 8px rgba(224, 213, 200, 0.2) !important;\n}\n#ai-send-button {\n  background: linear-gradient(135deg, #A8D5C5 0%, #8BBDA8 100%) !important; border-radius: 16px !important;\n  box-shadow: 0 4px 15px rgba(168, 213, 197, 0.4) !important; transition: all 0.3s ease !important;\n}\n#ai-send-button:hover {\n  background: linear-gradient(135deg, #E6C07B 0%, #D4A85A 100%) !important;\n  box-shadow: 0 6px 25px rgba(230, 192, 123, 0.5), 0 0 30px rgba(230, 192, 123, 0.4) !important;\n  transform: translateY(-3px) scale(1.05) !important;\n}\n#ai-send-button .icon-icon-send { filter: drop-shadow(0 0 8px rgba(255, 255, 255, 0.6)) !important; }\n.MuiPaginationItem-root {\n  color: #A8D5C5 !important; border: 2px solid #A8D5C5 !important; border-radius: 12px !important;\n  transition: all 0.3s ease !important; font-weight: 600 !important; font-family: \"Noto Serif SC\", serif !important;\n}\n.MuiPaginationItem-root:hover { background: rgba(168, 213, 197, 0.15) !important; border-color: #E6C07B !important; box-shadow: 0 0 15px rgba(230, 192, 123, 0.4) !important; }\n.MuiPaginationItem-root.Mui-selected {\n  background: linear-gradient(135deg, #A8D5C5 0%, #7BB8A0 100%) !important; color: #FFFFFF !important;\n  border-color: #E6C07B !important; box-shadow: 0 4px 15px rgba(168, 213, 197, 0.4) !important;\n}\n/* ==================== 隐藏头像 ==================== */\n#customized-question-avatar, #customized-answer-avatar { display: none !important; }\n/* ==================== 开场白选择框 ==================== */\n#customized-opening-statement-selector {\n  background: rgba(255, 251, 245, 0.92) !important; border: 2px solid #A8D5C5 !important;\n  border-radius: 14px !important; color: #406454 !important; font-family: \"Noto Serif SC\", \"Source Han Serif SC\", \"Songti SC\", serif !important;\n  font-weight: 600 !important; font-size: 0.9rem !important; padding: 8px 14px !important;\n  box-shadow: 0 4px 10px rgba(224, 213, 200, 0.25) !important; backdrop-filter: blur(4px) !important; transition: all 0.3s ease !important; cursor: pointer !important;\n}\n#customized-opening-statement-selector:hover { border-color: #E6C07B !important; box-shadow: 0 6px 15px rgba(230, 192, 123, 0.3) !important; transform: translateY(-1px) !important; }\n#customized-opening-statement-selector:focus { outline: none !important; border-color: #E6C07B !important; box-shadow: 0 0 0 3px rgba(168, 213, 197, 0.3) !important; }\n/* ==================== 底部功能菜单：一排不换行，允许横向滚动 ==================== */\n#ai-mod-button2 {\n  display: flex !important;\n  flex-wrap: nowrap !important;\n  gap: 4px !important;\n  padding: 4px 0 !important;\n  overflow-x: auto !important;\n  -webkit-overflow-scrolling: touch;\n}\n/* ==================== 所有操作按钮（包含复制、快捷指令等） ==================== */\n#customized-reload-button,\n#customized-edit-button,\n#customized-resend-button,\n#customized-delete-button,\n#customized-create-image-button,\n#customized-create-audio-button,\n#customized-branch-and-share-button,\n#customized-prompt-log-button,\n#customized-answer-content > div.MuiStack-root.css-1ajg1ui > button:nth-child(1),\n#customized-copy-button,\n#customized-chat-copy-button,\n#copy-button,\n#message-copy-button,\nbutton:has(svg use[xlink\\:href=\"#icon-a-icon-chat-copy01\"]),\n[role=\"button\"]:has(svg use[xlink\\:href=\"#icon-a-icon-chat-copy01\"]),\n[id^=\"customized-shortcut-command-button-\"],\n#customized-ai-summary-button,\n#customized-flow-button,\n#customized-comment-button,\n#customized-scroll-to-bottom-button,\n#toggle-sub-buttons,\n#ai-mod-button {\n  padding: 6px 12px !important;\n  min-width: 70px !important;\n  height: auto !important;\n  display: inline-flex !important;\n  align-items: center !important;\n  justify-content: center !important;\n  gap: 6px !important;\n  flex-shrink: 0 !important;\n  border: 1.5px solid #A8D5C5 !important;\n  color: #406454 !important;\n  background: rgba(255, 251, 245, 0.92) !important;\n  border-radius: 10px !important;\n  font-family: \"Noto Serif SC\", \"Source Han Serif SC\", \"Songti SC\", serif !important;\n  font-weight: 600 !important;\n  font-size: 0.85rem !important;\n  line-height: 1.3 !important;\n  box-shadow: 0 2px 6px rgba(224, 213, 200, 0.2) !important;\n  backdrop-filter: blur(4px) !important;\n  transition: all 0.3s ease !important;\n  cursor: pointer !important;\n  margin: 2px !important;\n  white-space: nowrap !important;\n  text-transform: none !important;\n  letter-spacing: 0.5px !important;\n}\n/* 悬停效果 */\n#customized-reload-button:hover,\n#customized-edit-button:hover,\n#customized-resend-button:hover,\n#customized-delete-button:hover,\n#customized-create-image-button:hover,\n#customized-create-audio-button:hover,\n#customized-branch-and-share-button:hover,\n#customized-prompt-log-button:hover,\n#customized-answer-content > div.MuiStack-root.css-1ajg1ui > button:nth-child(1):hover,\n#customized-copy-button:hover,\n#customized-chat-copy-button:hover,\n#copy-button:hover,\n#message-copy-button:hover,\n[id^=\"customized-shortcut-command-button-\"]:hover,\n#customized-ai-summary-button:hover,\n#customized-flow-button:hover,\n#customized-comment-button:hover,\n#customized-scroll-to-bottom-button:hover,\n#toggle-sub-buttons:hover,\n#ai-mod-button:hover,\nbutton:has(svg use[xlink\\:href=\"#icon-a-icon-chat-copy01\"]):hover,\n[role=\"button\"]:has(svg use[xlink\\:href=\"#icon-a-icon-chat-copy01\"]):hover {\n  background: linear-gradient(135deg, #A8D5C5 0%, #7BB8A0 100%) !important;\n  color: #FFFFFF !important;\n  border-color: #E6C07B !important;\n  transform: translateY(-1px) !important;\n  box-shadow: 0 4px 10px rgba(230, 192, 123, 0.3) !important;\n}\n#customized-delete-button:hover { background: linear-gradient(135deg, #E6C07B, #D4A85A) !important; }\n/* ==================== 移动端强制显示按钮文字 ==================== */\n@media (max-width: 767px) {\n  /* 按钮本身样式微调 */\n  #customized-reload-button,\n  #customized-edit-button,\n  #customized-resend-button,\n  #customized-delete-button,\n  #customized-create-image-button,\n  #customized-create-audio-button,\n  #customized-branch-and-share-button,\n  #customized-prompt-log-button,\n  #customized-answer-content > div.MuiStack-root.css-1ajg1ui > button:nth-child(1),\n  #customized-copy-button,\n  #customized-chat-copy-button,\n  #copy-button,\n  #message-copy-button,\n  [id^=\"customized-shortcut-command-button-\"],\n  #customized-ai-summary-button,\n  #customized-flow-button,\n  #customized-comment-button,\n  #customized-scroll-to-bottom-button,\n  #toggle-sub-buttons,\n  #ai-mod-button,\n  button:has(svg use[xlink\\:href=\"#icon-a-icon-chat-copy01\"]),\n  [role=\"button\"]:has(svg use[xlink\\:href=\"#icon-a-icon-chat-copy01\"]) {\n    font-size: 0.8rem !important;\n    padding: 5px 10px !important;\n    min-width: 72px !important;\n    color: #406454 !important;\n    -webkit-text-fill-color: #406454 !important;\n  }\n  /* 核心：强制显示所有按钮内的文字标签 */\n  #customized-reload-button span,\n  #customized-edit-button span,\n  #customized-resend-button span,\n  #customized-delete-button span,\n  #customized-create-image-button span,\n  #customized-create-audio-button span,\n  #customized-branch-and-share-button span,\n  #customized-prompt-log-button span,\n  #customized-copy-button span,\n  #customized-chat-copy-button span,\n  #copy-button span,\n  #message-copy-button span,\n  [id^=\"customized-shortcut-command-button-\"] span,\n  #customized-ai-summary-button span,\n  #customized-flow-button span,\n  #customized-comment-button span,\n  #customized-scroll-to-bottom-button span,\n  #toggle-sub-buttons span,\n  #ai-mod-button span,\n  button:has(svg use[xlink\\:href=\"#icon-a-icon-chat-copy01\"]) span,\n  [role=\"button\"]:has(svg use[xlink\\:href=\"#icon-a-icon-chat-copy01\"]) span {\n    display: inline !important;\n    visibility: visible !important;\n    opacity: 1 !important;\n    color: inherit !important;\n    -webkit-text-fill-color: inherit !important;\n    margin-left: 2px !important;\n  }\n}\n/* ==================== 界面控制区与按钮暗色模式适配 ==================== */\n.sticky.top-0:is(.dark *) { background: linear-gradient(180deg, #2E2821 0%, #3D362F 100%) !important; box-shadow: 0 2px 15px rgba(230, 192, 123, 0.15) !important; border-bottom: 2px solid #5A6A5A !important; }\n#ai-model-selector:is(.dark *) { background: linear-gradient(135deg, rgba(42, 36, 32, 0.95) 0%, rgba(61, 54, 47, 0.95) 100%) !important; border: 2px solid #5A6A5A !important; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.5) !important; }\n#ai-model-selector:hover:is(.dark *) { box-shadow: 0 6px 20px rgba(230, 192, 123, 0.3), 0 0 20px rgba(230, 192, 123, 0.15) !important; border-color: #E6C07B !important; }\n#ai-model-selector .truncate:is(.dark *) { color: #F5EFE6 !important; }\n#ai-model-selector svg[data-icon=\"ChevronDown\"]:is(.dark *) { color: #E6C07B !important; filter: drop-shadow(0 0 4px rgba(230, 192, 123, 0.4)) !important; }\n#header-setting-button:is(.dark *) { background: linear-gradient(135deg, #D4A85A 0%, #B8913A 100%) !important; box-shadow: 0 4px 12px rgba(230, 192, 123, 0.25) !important; }\n#ai-mod-button2 .MuiButton-outlinedPrimary:is(.dark *) { border-color: #5A6A5A !important; color: #A8D5C5 !important; background: rgba(42, 36, 32, 0.8) !important; }\n#ai-mod-button2 .MuiButton-outlinedPrimary:hover:is(.dark *) { background: linear-gradient(135deg, #5A6A5A 0%, #4A5A4A 100%) !important; color: #FFFFFF !important; border-color: #E6C07B !important; }\n#ai-mod-button2 svg:is(.dark *) { filter: drop-shadow(0 0 4px rgba(168, 213, 197, 0.3)) !important; }\n.bg-gradient-to-t:is(.dark *) { background: linear-gradient(to top, #3D362F 0%, rgba(61, 54, 47, 0) 100%) !important; }\n.bg-white.border-\\[1\\.5px\\]:is(.dark *) { background: linear-gradient(135deg, #2E2821 0%, #3D362F 100%) !important; border-color: #5A6A5A !important; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.5) !important; }\n.bg-white.border-\\[1\\.5px\\]:focus-within:is(.dark *) { border-color: #E6C07B !important; box-shadow: 0 6px 25px rgba(230, 192, 123, 0.25), 0 0 30px rgba(230, 192, 123, 0.15) !important; }\n#ai-chat-input:is(.dark *) { color: #F5EFE6 !important; }\n#ai-chat-input::placeholder:is(.dark *) { color: #B0A392 !important; }\n#ai-chat-input::selection:is(.dark *) { background: rgba(230, 192, 123, 0.4) !important; color: #F5EFE6 !important; }\n.absolute.bottom-2.right-2 .bg-gray-100:is(.dark *) { background: linear-gradient(135deg, #4D443A 0%, #5A5246 100%) !important; color: #B0A392 !important; }\n#ai-send-button:is(.dark *) { background: linear-gradient(135deg, #5A6A5A 0%, #4A5A4A 100%) !important; box-shadow: 0 4px 15px rgba(0, 0, 0, 0.4) !important; }\n#ai-send-button:hover:is(.dark *) { background: linear-gradient(135deg, #D4A85A 0%, #B8913A 100%) !important; box-shadow: 0 6px 25px rgba(230, 192, 123, 0.4) !important; }\n.MuiPaginationItem-root:is(.dark *) { color: #A8D5C5 !important; border-color: #5A6A5A !important; }\n.MuiPaginationItem-root:hover:is(.dark *) { background: rgba(168, 213, 197, 0.1) !important; border-color: #E6C07B !important; }\n.MuiPaginationItem-root.Mui-selected:is(.dark *) { background: linear-gradient(135deg, #5A6A5A 0%, #4A5A4A 100%) !important; color: #FFFFFF !important; border-color: #E6C07B !important; }\n#customized-opening-statement-selector:is(.dark *) { background: rgba(42, 36, 32, 0.9) !important; border-color: #5A6A5A !important; color: #A8D5C5 !important; box-shadow: 0 4px 10px rgba(0,0,0,0.5) !important; }\n#customized-opening-statement-selector:hover:is(.dark *) { border-color: #E6C07B !important; }\n\n/* 暗色模式 - 操作按钮 */\n#customized-reload-button:is(.dark *),\n#customized-edit-button:is(.dark *),\n#customized-resend-button:is(.dark *),\n#customized-delete-button:is(.dark *),\n#customized-create-image-button:is(.dark *),\n#customized-create-audio-button:is(.dark *),\n#customized-branch-and-share-button:is(.dark *),\n#customized-prompt-log-button:is(.dark *),\n#customized-answer-content > div.MuiStack-root.css-1ajg1ui > button:nth-child(1):is(.dark *),\n#customized-copy-button:is(.dark *),\n#customized-chat-copy-button:is(.dark *),\n#copy-button:is(.dark *),\n#message-copy-button:is(.dark *),\n[id^=\"customized-shortcut-command-button-\"]:is(.dark *),\n#customized-ai-summary-button:is(.dark *),\n#customized-flow-button:is(.dark *),\n#customized-comment-button:is(.dark *),\n#customized-scroll-to-bottom-button:is(.dark *),\n#toggle-sub-buttons:is(.dark *),\n#ai-mod-button:is(.dark *),\nbutton:has(svg use[xlink\\:href=\"#icon-a-icon-chat-copy01\"]):is(.dark *),\n[role=\"button\"]:has(svg use[xlink\\:href=\"#icon-a-icon-chat-copy01\"]):is(.dark *) {\n  background: rgba(42, 36, 32, 0.9) !important;\n  border-color: #5A6A5A !important;\n  color: #A8D5C5 !important;\n  box-shadow: 0 2px 6px rgba(0,0,0,0.4) !important;\n}\n#customized-reload-button:hover:is(.dark *),\n#customized-edit-button:hover:is(.dark *),\n#customized-resend-button:hover:is(.dark *),\n#customized-delete-button:hover:is(.dark *),\n#customized-create-image-button:hover:is(.dark *),\n#customized-create-audio-button:hover:is(.dark *),\n#customized-branch-and-share-button:hover:is(.dark *),\n#customized-prompt-log-button:hover:is(.dark *),\n#customized-answer-content > div.MuiStack-root.css-1ajg1ui > button:nth-child(1):hover:is(.dark *),\n#customized-copy-button:hover:is(.dark *),\n#customized-chat-copy-button:hover:is(.dark *),\n#copy-button:hover:is(.dark *),\n#message-copy-button:hover:is(.dark *),\n[id^=\"customized-shortcut-command-button-\"]:hover:is(.dark *),\n#customized-ai-summary-button:hover:is(.dark *),\n#customized-flow-button:hover:is(.dark *),\n#customized-comment-button:hover:is(.dark *),\n#customized-scroll-to-bottom-button:hover:is(.dark *),\n#toggle-sub-buttons:hover:is(.dark *),\n#ai-mod-button:hover:is(.dark *),\nbutton:has(svg use[xlink\\:href=\"#icon-a-icon-chat-copy01\"]):hover:is(.dark *),\n[role=\"button\"]:has(svg use[xlink\\:href=\"#icon-a-icon-chat-copy01\"]):hover:is(.dark *) {\n  background: linear-gradient(135deg, #5A6A5A 0%, #4A5A4A 100%) !important;\n  color: #FFFFFF !important;\n  border-color: #E6C07B !important;\n  box-shadow: 0 4px 10px rgba(168, 213, 197, 0.3) !important;\n}\n/* 暗色模式移动端：按钮文字颜色与强制显示 */\n@media (max-width: 767px) {\n  #customized-reload-button:is(.dark *),\n  #customized-edit-button:is(.dark *),\n  #customized-resend-button:is(.dark *),\n  #customized-delete-button:is(.dark *),\n  #customized-create-image-button:is(.dark *),\n  #customized-create-audio-button:is(.dark *),\n  #customized-branch-and-share-button:is(.dark *),\n  #customized-prompt-log-button:is(.dark *),\n  #customized-copy-button:is(.dark *),\n  #customized-chat-copy-button:is(.dark *),\n  #copy-button:is(.dark *),\n  #message-copy-button:is(.dark *),\n  [id^=\"customized-shortcut-command-button-\"]:is(.dark *),\n  #customized-ai-summary-button:is(.dark *),\n  #customized-flow-button:is(.dark *),\n  #customized-comment-button:is(.dark *),\n  #customized-scroll-to-bottom-button:is(.dark *),\n  #toggle-sub-buttons:is(.dark *),\n  #ai-mod-button:is(.dark *),\n  button:has(svg use[xlink\\:href=\"#icon-a-icon-chat-copy01\"]):is(.dark *),\n  [role=\"button\"]:has(svg use[xlink\\:href=\"#icon-a-icon-chat-copy01\"]):is(.dark *) {\n    color: #A8D5C5 !important;\n    -webkit-text-fill-color: #A8D5C5 !important;\n  }\n  #customized-reload-button span:is(.dark *),\n  #customized-edit-button span:is(.dark *),\n  #customized-resend-button span:is(.dark *),\n  #customized-delete-button span:is(.dark *),\n  #customized-create-image-button span:is(.dark *),\n  #customized-create-audio-button span:is(.dark *),\n  #customized-branch-and-share-button span:is(.dark *),\n  #customized-prompt-log-button span:is(.dark *),\n  #customized-copy-button span:is(.dark *),\n  #customized-chat-copy-button span:is(.dark *),\n  #copy-button span:is(.dark *),\n  #message-copy-button span:is(.dark *),\n  [id^=\"customized-shortcut-command-button-\"] span:is(.dark *),\n  #customized-ai-summary-button span:is(.dark *),\n  #customized-flow-button span:is(.dark *),\n  #customized-comment-button span:is(.dark *),\n  #customized-scroll-to-bottom-button span:is(.dark *),\n  #toggle-sub-buttons span:is(.dark *),\n  #ai-mod-button span:is(.dark *),\n  button:has(svg use[xlink\\:href=\"#icon-a-icon-chat-copy01\"]) span:is(.dark *),\n  [role=\"button\"]:has(svg use[xlink\\:href=\"#icon-a-icon-chat-copy01\"]) span:is(.dark *) {\n    display: inline !important;\n    visibility: visible !important;\n    opacity: 1 !important;\n    color: inherit !important;\n    -webkit-text-fill-color: inherit !important;\n  }\n}\n/* 另一个复制按钮（用户提问内容区域） */\n#customized-question-content > div.MuiStack-root.css-1ajg1ui > button:nth-child(1) {\n  padding: 6px 12px !important;\n  min-width: 70px !important;\n  height: auto !important;\n  display: inline-flex !important;\n  align-items: center !important;\n  justify-content: center !important;\n  gap: 6px !important;\n  flex-shrink: 0 !important;\n  border: 1.5px solid #A8D5C5 !important;\n  color: #406454 !important;\n  background: rgba(255, 251, 245, 0.92) !important;\n  border-radius: 10px !important;\n  font-family: \"Noto Serif SC\", \"Source Han Serif SC\", \"Songti SC\", serif !important;\n  font-weight: 600 !important;\n  font-size: 0.85rem !important;\n  line-height: 1.3 !important;\n  box-shadow: 0 2px 6px rgba(224, 213, 200, 0.2) !important;\n  backdrop-filter: blur(4px) !important;\n  transition: all 0.3s ease !important;\n  cursor: pointer !important;\n  margin: 2px !important;\n  white-space: nowrap !important;\n  text-transform: none !important;\n  letter-spacing: 0.5px !important;\n}\n#customized-question-content > div.MuiStack-root.css-1ajg1ui > button:nth-child(1):hover {\n  background: linear-gradient(135deg, #A8D5C5 0%, #7BB8A0 100%) !important;\n  color: #FFFFFF !important;\n  border-color: #E6C07B !important;\n  transform: translateY(-1px) !important;\n  box-shadow: 0 4px 10px rgba(230, 192, 123, 0.3) !important;\n}\n/* 暗色模式 */\n#customized-question-content > div.MuiStack-root.css-1ajg1ui > button:nth-child(1):is(.dark *) {\n  background: rgba(42, 36, 32, 0.9) !important;\n  border-color: #5A6A5A !important;\n  color: #A8D5C5 !important;\n  box-shadow: 0 2px 6px rgba(0,0,0,0.4) !important;\n}\n#customized-question-content > div.MuiStack-root.css-1ajg1ui > button:nth-child(1):hover:is(.dark *) {\n  background: linear-gradient(135deg, #5A6A5A 0%, #4A5A4A 100%) !important;\n  color: #FFFFFF !important;\n  border-color: #E6C07B !important;\n}\n/* 移动端文字强制显示 */\n@media (max-width: 767px) {\n  #customized-question-content > div.MuiStack-root.css-1ajg1ui > button:nth-child(1) {\n    font-size: 0.8rem !important;\n    padding: 5px 10px !important;\n    min-width: 72px !important;\n    color: #406454 !important;\n    -webkit-text-fill-color: #406454 !important;\n  }\n  #customized-question-content > div.MuiStack-root.css-1ajg1ui > button:nth-child(1) span {\n    display: inline !important;\n    visibility: visible !important;\n    opacity: 1 !important;\n    color: inherit !important;\n    -webkit-text-fill-color: inherit !important;\n    margin-left: 2px !important;\n  }\n}\n/* 暗色模式移动端文字颜色 */\n@media (max-width: 767px) {\n  #customized-question-content > div.MuiStack-root.css-1ajg1ui > button:nth-child(1):is(.dark *) {\n    color: #A8D5C5 !important;\n    -webkit-text-fill-color: #A8D5C5 !important;\n  }\n}\n/* ========== 世界信息面板样式 v3.0 ========== */\n.world-briefing {\n  max-width: 680px;\n  margin: 0 auto;\n  background: #faf7f2;\n  border: 1px solid #d6cec2;\n  border-radius: 12px;\n  font-family: 'Noto Serif JP', 'Source Han Serif', 'Hiragino Mincho Pro', 'Times New Roman', serif;\n  box-shadow: 0 3px 12px rgba(0,0,0,0.06);\n  overflow: hidden;\n}\n.world-briefing[open] .world-summary {\n  border-bottom: 1px dashed #c4b8a8;\n}\n.world-summary {\n  list-style: none !important;\n  cursor: pointer;\n  padding: 0.9em 1.4em;\n  font-size: 1.1em;\n  font-weight: 700;\n  color: #4e3b2c !important;\n  background: #efe6db;\n  letter-spacing: 0.05em;\n  display: flex;\n  align-items: center;\n  gap: 0.5em;\n  user-select: none;\n  border-radius: 12px 12px 0 0;\n}\n.world-summary::marker { display: none; }\n.world-summary::-webkit-details-marker { display: none; }\n.world-content {\n  padding: 1.4em 1.6em;\n  display: flex;\n  flex-direction: column;\n  gap: 1.2em;\n  background: #faf7f2;\n}\n.world-section {\n  background: #ffffff;\n  border-left: 4px solid #c7b295;\n  padding: 0.7em 1em 0.7em 1.2em;\n  border-radius: 0 8px 8px 0;\n  box-shadow: 0 1px 4px rgba(0,0,0,0.04);\n}\n.world-section-title {\n  font-weight: 700;\n  font-size: 0.95em;\n  color: #5a4636;\n  margin-bottom: 0.5em;\n  display: flex;\n  align-items: center;\n  gap: 0.3em;\n}\n.world-list {\n  margin: 0;\n  padding-left: 1.5em;\n  list-style: none;\n}\n.world-list li {\n  font-size: 0.9em;\n  line-height: 1.65;\n  color: #3d3227;\n  position: relative;\n}\n.world-list li::before {\n  content: \"•\";\n  position: absolute;\n  left: -1.2em;\n  color: #b29a7a;\n  font-weight: bold;\n}\n.world-murmur {\n  font-style: italic;\n  color: #6b5e4f;\n  background: #f5f0e9;\n  padding: 0.6em 1em;\n  border-radius: 6px;\n  font-size: 0.9em;\n  line-height: 1.75;\n}\n.world-event-table {\n  width: 100%;\n  border-collapse: collapse;\n  font-size: 0.9em;\n}\n.world-event-table td {\n  padding: 0.4em 0.6em;\n  border-bottom: 1px dotted #e2d8cc;\n  vertical-align: top;\n  color: #3d3227;\n}\n.world-event-table td:first-child {\n  font-weight: 600;\n  white-space: nowrap;\n  color: #8b7355;\n  width: 30%;\n}\n/* 世界信息暗色模式 */\n.world-briefing:is(.dark *) { background: #3d362f; border-color: #5a4e3e; box-shadow: 0 3px 12px rgba(0,0,0,0.3); }\n.world-summary:is(.dark *) { background: #4d443a; color: #e8dcca !important; }\n.world-content:is(.dark *) { background: #3d362f; }\n.world-section:is(.dark *) { background: #4a4036; border-left-color: #8f7a66; box-shadow: 0 1px 4px rgba(0,0,0,0.2); }\n.world-section-title:is(.dark *) { color: #d4c5b2; }\n.world-list li:is(.dark *) { color: #e0d6c8; }\n.world-list li:is(.dark *)::before { color: #b29a7a; }\n.world-murmur:is(.dark *) { background: #52483e; color: #c8bcab; }\n.world-event-table td:is(.dark *) { border-bottom-color: #5a4e3e; color: #e0d6c8; }\n.world-event-table td:first-child:is(.dark *) { color: #c7b295; }\n\n/* ========== 人际关系网络面板 ========== */\n.relation-network {\n  max-width: 680px;\n  margin: 1.5em auto;\n  background: #f8f6f9;\n  border: 1px solid #dcd5e6;\n  border-radius: 12px;\n  font-family: 'Noto Serif JP', 'Source Han Serif', 'Hiragino Mincho Pro', serif;\n  box-shadow: 0 3px 12px rgba(0,0,0,0.05);\n  overflow: hidden;\n}\n.relation-network[open] .relation-summary {\n  border-bottom: 1px dashed #cfc3da;\n}\n.relation-summary {\n  list-style: none !important;\n  cursor: pointer;\n  padding: 0.9em 1.4em;\n  font-size: 1.1em;\n  font-weight: 700;\n  color: #463c5a !important;\n  background: #ece4f2;\n  letter-spacing: 0.05em;\n  display: flex;\n  align-items: center;\n  gap: 0.5em;\n  user-select: none;\n  border-radius: 12px 12px 0 0;\n}\n.relation-summary::marker { content: none; }\n.relation-summary::-webkit-details-marker { display: none; }\n.relation-content {\n  padding: 1.4em 1.6em;\n  display: flex;\n  flex-direction: column;\n  gap: 1.2em;\n  background: #f8f6f9;\n}\n.relation-section {\n  background: #ffffff;\n  padding: 0.8em 1.2em;\n  border-left: 5px solid #aaa;\n  border-radius: 0 8px 8px 0;\n  box-shadow: 0 1px 4px rgba(0,0,0,0.03);\n}\n.relation-section.core {\n  border-left-color: #e05a6b;\n  background: #fffafb;\n}\n.relation-section.normal {\n  border-left-color: #5a8ec0;\n  background: #fafcff;\n}\n.relation-section.dormant {\n  border-left-color: #b5a58c;\n  background: #fafaf8;\n}\n.relation-section.social {\n  border-left-color: #5a9e7c;\n  background: #f9fdfa;\n}\n.relation-section-title {\n  font-weight: 700;\n  font-size: 0.95em;\n  color: #4a3e5c;\n  margin-bottom: 0.5em;\n  display: flex;\n  align-items: center;\n  gap: 0.3em;\n}\n.relation-list {\n  margin: 0;\n  padding-left: 1.2em;\n  list-style: none;\n}\n.relation-list li {\n  font-size: 0.92em;\n  line-height: 1.65;\n  color: #3d3548;\n  position: relative;\n  padding: 0.15em 0;\n}\n.relation-list li::before {\n  content: \"•\";\n  position: absolute;\n  left: -1.2em;\n  color: #b9a7c9;\n  font-weight: bold;\n}\n.relation-empty {\n  font-style: italic;\n  color: #a092b0 !important;\n}\n.relation-empty::before {\n  display: none;\n}\n/* \n =========================================\n 🛠️ 修复重点：这里全部改为了 :is(.dark *)\n 因为平台的 .dark 是加在祖先元素上的，所以必须用通配符。\n========================================= */\n.relation-network:is(.dark *) { background: #3a3540; border-color: #5a4e5e; box-shadow: 0 3px 12px rgba(0,0,0,0.3); }\n.relation-summary:is(.dark *) { background: #4d4255; color: #e8daf0 !important; }\n.relation-content:is(.dark *) { background: #3a3540; }\n.relation-section:is(.dark *) { background: #453c4a; box-shadow: 0 1px 4px rgba(0,0,0,0.2); }\n.relation-section.core:is(.dark *) { background: #4d3f44; border-left-color: #e05a6b; }\n.relation-section.normal:is(.dark *) { background: #3f4852; border-left-color: #5a8ec0; }\n.relation-section.dormant:is(.dark *) { background: #44403c; border-left-color: #b5a58c; }\n.relation-section.social:is(.dark *) { background: #3f4a42; border-left-color: #5a9e7c; }\n.relation-section-title:is(.dark *) { color: #d4cae0; }\n.relation-list li:is(.dark *) { color: #e0d8ea; }\n.relation-list li:is(.dark *)::before { color: #b9a7c9; }\n.relation-empty:is(.dark *) { color: #8a7a9a !important; }\n\n/* 像素风RPG战斗面板样式 */\n.battleUI-details-panel {\n  border: 4px solid #2a2a2a;\n  border-image: repeating-linear-gradient(90deg, #2a2a2a 0px, #2a2a2a 4px, #4a4a4a 4px, #4a4a4a 8px) 4;\n  background: linear-gradient(135deg, #1a1a2e 0%, #16213e 100%);\n  box-shadow: 0 0 0 2px #000, 0 8px 16px rgba(0,0,0,0.8), inset 0 2px 0 rgba(255,255,255,0.1);\n  margin: 16px 0;\n  padding: 0;\n  font-family: 'Courier New', 'MS Gothic', monospace;\n  image-rendering: pixelated;\n  border-radius: 0;\n}\n.battleUI-summary-header {\n  background: linear-gradient(180deg, #8b4513 0%, #654321 50%, #3d2817 100%);\n  color: #fff;\n  padding: 12px 16px;\n  cursor: pointer;\n  font-weight: bold;\n  font-size: 18px;\n  text-shadow: 2px 2px 0 #000, -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000;\n  letter-spacing: 2px;\n  border-bottom: 4px solid #2a2a2a;\n  box-shadow: inset 0 -4px 0 rgba(0,0,0,0.3), inset 0 2px 0 rgba(255,255,255,0.2);\n  user-select: none;\n}\n.battleUI-summary-header:hover {\n  background: linear-gradient(180deg, #a0522d 0%, #8b4513 50%, #654321 100%);\n  box-shadow: inset 0 -4px 0 rgba(0,0,0,0.3), inset 0 2px 0 rgba(255,255,255,0.3);\n}\n.battleUI-panel-content {\n  padding: 16px;\n  background: rgba(0,0,0,0.3);\n  border-top: 2px solid rgba(255,255,255,0.1);\n}\n.battleUI-system-line {\n  display: flex;\n  align-items: center;\n  padding: 8px 4px;\n  border-bottom: 2px dotted rgba(255,255,255,0.15);\n  background: repeating-linear-gradient(0deg, transparent 0px, transparent 1px, rgba(255,255,255,0.02) 1px, rgba(255,255,255,0.02) 2px);\n  transition: background 0.2s;\n}\n.battleUI-system-line:hover {\n  background: rgba(139,69,19,0.15);\n  border-bottom: 2px dotted rgba(255,215,0,0.3);\n}\n.battleUI-label {\n  color: #ffd700;\n  font-weight: bold;\n  min-width: 100px;\n  text-shadow: 1px 1px 0 #000, -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000;\n  font-size: 14px;\n  letter-spacing: 1px;\n}\n.battleUI-value {\n  color: #e0e0e0;\n  flex: 1;\n  text-shadow: 1px 1px 2px rgba(0,0,0,0.8);\n  font-size: 14px;\n  line-height: 1.6;\n}\n.battleUI-bubble-bar {\n  position: relative;\n  height: 24px;\n  background: linear-gradient(180deg, #1a1a1a 0%, #0a0a0a 100%);\n  border: 3px solid #3a3a3a;\n  border-radius: 0;\n  overflow: hidden;\n  box-shadow: inset 0 2px 4px rgba(0,0,0,0.8), 0 2px 0 rgba(255,255,255,0.1);\n}\n.battleUI-bar-fill {\n  position: absolute;\n  height: 100%;\n  transition: width 0.5s cubic-bezier(0.4, 0, 0.2, 1);\n  box-shadow: inset 0 -2px 4px rgba(0,0,0,0.3), inset 0 2px 4px rgba(255,255,255,0.3);\n  background-size: 24px 24px;\n}\n.battleUI-bar-fill.red {\n  background: repeating-linear-gradient(90deg, #dc143c 0px, #dc143c 12px, #b00020 12px, #b00020 24px);\n  box-shadow: inset 0 -2px 4px rgba(0,0,0,0.4), inset 0 2px 4px rgba(255,100,100,0.4), 0 0 8px rgba(220,20,60,0.5);\n}\n.battleUI-bar-fill.blue {\n  background: repeating-linear-gradient(90deg, #1e90ff 0px, #1e90ff 12px, #0066cc 12px, #0066cc 24px);\n  box-shadow: inset 0 -2px 4px rgba(0,0,0,0.4), inset 0 2px 4px rgba(100,180,255,0.4), 0 0 8px rgba(30,144,255,0.5);\n}\n.battleUI-bar-fill.purple {\n  background: repeating-linear-gradient(90deg, #9370db 0px, #9370db 12px, #6a4db5 12px, #6a4db5 24px);\n  box-shadow: inset 0 -2px 4px rgba(0,0,0,0.4), inset 0 2px 4px rgba(180,140,255,0.4), 0 0 8px rgba(147,112,219,0.5);\n}\n.battleUI-bar-fill.gold {\n  background: repeating-linear-gradient(90deg, #ffd700 0px, #ffd700 12px, #daa520 12px, #daa520 24px);\n  box-shadow: inset 0 -2px 4px rgba(0,0,0,0.4), inset 0 2px 4px rgba(255,240,150,0.4), 0 0 8px rgba(255,215,0,0.5);\n}\n.battleUI-bar-text {\n  position: relative;\n  color: #fff;\n  font-weight: bold;\n  font-size: 12px;\n  line-height: 24px;\n  text-align: center;\n  text-shadow: 1px 1px 0 #000, -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 0 0 4px rgba(0,0,0,0.8);\n  z-index: 1;\n  letter-spacing: 1px;\n}\n/* =========================================\n   [终极防断层版] 字号精准自适应，解决换行割裂，手机端头像放大\n   ========================================= */\n/* 1. 名字行基础布局：限制整体空间 */\n.classUI-top-dashboard .classUI-system-line.classUI-name-row {\n  grid-column: 1 / -1 !important;\n  display: flex !important;\n  flex-wrap: nowrap !important;\n  justify-content: space-between !important;\n  align-items: center !important;\n  background: transparent !important;\n  border: none !important;\n  box-shadow: none !important;\n  padding: 5px 0 12px 0 !important;\n  margin-bottom: 10px !important;\n  border-bottom: 2px solid !important;\n  border-image: linear-gradient(to right, #A8D5C5, #E6C07B, #A8D5C5) 1 !important;\n}\n\n/* 2. 名字文字区域：自适应可用空间 */\n.classUI-name-area {\n  display: flex !important;\n  align-items: center !important;\n  flex: 1 1 auto !important;\n  min-width: 0 !important;\n  overflow: hidden !important;\n}\n\n/* 前面的“姓名”标签 */\n.classUI-name-area .classUI-label {\n  flex-shrink: 0 !important;\n  font-size: 0.95em !important;\n  white-space: nowrap !important;\n}\n\n/* 名字内容：废除导致断层的webkit-box，采用紧凑行高+彻底的断词换行 */\n.classUI-name-area .classUI-value {\n  flex: 1 1 auto !important;\n  min-width: 0 !important;\n  font-size: 1.25em !important;   /* 电脑端默认字号 */\n  font-weight: 800 !important;\n  padding-left: 4px !important;\n  \n  /* 核心修复：解决长名字换行时，上下字间距过大(撕裂)的问题 */\n  line-height: 1.15 !important;\n  white-space: normal !important;\n  word-break: break-all !important; /* 确保长名字能在任何字断开换行，绝不越界 */\n  display: inline-block !important; /* 保持为内联块，使紧凑line-height完美生效 */\n}\n\n/* 3. 右侧头像容器：电脑端保持不变 (85px) */\n.classUI-avatar-wrapper {\n  flex-shrink: 0 !important;          \n  width: 85px !important;\n  height: 85px !important;\n  min-width: 85px !important;\n  min-height: 85px !important;\n  max-width: 85px !important;\n  max-height: 85px !important;\n  margin-left: 15px !important;\n  box-sizing: border-box !important;\n\n  border-radius: 50% !important;      \n  clip-path: circle(50% at 50% 50%) !important;  \n  border: 3px solid #E6C07B !important;\n  overflow: hidden !important;\n  background: #F5EFE6 !important;\n  display: flex !important;\n  justify-content: center !important;\n  align-items: center !important;\n  box-shadow: 0 4px 12px rgba(230, 192, 123, 0.3) !important;\n  transition: all 0.3s ease !important;\n}\n\n.classUI-avatar-wrapper:hover {\n  transform: scale(1.05) rotate(-2deg) !important;\n  border-color: #D4A85A !important;\n}\n\n/* 4. 头像图片自身强制约束 */\n.classUI-avatar {\n  width: 100% !important;\n  height: 100% !important;\n  max-width: 100% !important;\n  max-height: 100% !important;\n  border-radius: 50% !important;     \n  object-fit: cover !important;\n  object-position: top center !important; \n  display: block !important;\n}\n\n/* 5. 适配暗色模式 */\n.classUI-avatar-wrapper:is(.dark *) {\n  border-color: #D4A85A !important;\n  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.5) !important;\n  background: #4D443A !important;\n}\n.classUI-avatar-wrapper:hover:is(.dark *) {\n  border-color: #E6C07B !important;\n}\n\n/* 6. 移动端适配：强制缩小字号，同时进一步放大头像 */\n@media (max-width: 768px) {\n  .classUI-avatar-wrapper {\n    /* 手机端头像大幅放大至 80px (非常接近电脑端尺寸) */\n    width: 80px !important;\n    height: 80px !important;\n    min-width: 80px !important;\n    min-height: 80px !important;\n    max-width: 80px !important;\n    max-height: 80px !important;\n    border-width: 2px !important;\n    margin-left: 10px !important;\n  }\n  /* 强制缩小字号，防止名字过长换行 */\n  .classUI-name-area .classUI-value {\n    font-size: 1.05em !important; \n  }\n  .classUI-name-area .classUI-label {\n    font-size: 0.85em !important;\n  }\n}\n\n/* 7. 小屏手机极值适配 */\n@media (max-width: 420px) {\n  .classUI-avatar-wrapper {\n    /* 极小屏头像也强行保持 75px 的大尺寸（原来只有52px） */\n    width: 75px !important;\n    height: 75px !important;\n    min-width: 75px !important;\n    min-height: 75px !important;\n    max-width: 75px !important;\n    max-height: 75px !important;\n    margin-left: 8px !important;\n  }\n  /* 极限缩小字号，把空间全让给名字，绝不溢出 */\n  .classUI-name-area .classUI-value {\n    font-size: 0.9em !important; \n  }\n  .classUI-name-area .classUI-label {\n    font-size: 0.8em !important;\n  }\n}\n/* 8.弹幕动画关键帧（废弃 transform，采用 margin-left） */\n/* 核心动画：无缝循环，复位点在屏幕外 */\n@keyframes danmu-scroll {\n  0% { transform: translateX(100%); }\n  100% { transform: translateX(-100%); }\n}\n\n/* 轨道设定：绝对定位 */\n#high-dimension-live-chat .danmu-line {\n  position: absolute;\n  left: 0;\n  width: 100%;\n  height: 1.8em;\n  line-height: 1.8;\n  overflow: hidden;\n  white-space: nowrap;\n}\n\n/* 弹幕本体：靠右绝对定位，永不堆叠 */\n#high-dimension-live-chat .danmu-line > .danmu-item {\n  position: absolute;        /* 继承旧版精髓，绝对定位 */\n  right: 0;                  /* 始终锚定在轨道右端 */\n  transform: translateX(100%); /* 初始位置在屏幕外右侧 */\n  white-space: nowrap;\n  font-size: 14px;\n  font-weight: 600;\n  text-shadow: 1px 1px 2px rgba(0,0,0,0.8);\n  \n  /* 调用动画，使用内联传进来的变量 */\n  animation-name: danmu-scroll;\n  animation-timing-function: linear;\n  animation-iteration-count: infinite; /* 必须无限循环 */\n  animation-duration: var(--danmu-dur, 18s);\n  animation-delay: var(--danmu-delay, 0s); /* 核心：随机延迟！ */\n}\n/* ==========================================\n   新平台适配样式 - 日系轻小说·暖治愈系\n   ========================================== */\n\n/* 1. 用户输入框上方的功能按钮区域 */\n.flex.min-w-max.items-start.whitespace-nowrap.pr-1.gap-1\\.5 {\n  background: rgba(255, 251, 245, 0.5) !important;\n  padding: 8px 12px !important;\n  border-radius: 16px 16px 0 0 !important;\n  backdrop-filter: blur(8px) !important;\n}\n\n/* 功能按钮（模组、评论、滚动到底部等） */\n.flex.min-w-max.items-start button.inline-flex.items-center.justify-center,\nbutton.inline-flex.items-center.justify-center.gap-2[aria-label*=\"滚动\"],\nbutton.inline-flex.items-center.justify-center.gap-2[aria-label*=\"Add\"],\nbutton.inline-flex.items-center.justify-center.gap-2[aria-label*=\"搜索\"] {\n  background: rgba(255, 251, 245, 0.92) !important;\n  border: 1.5px solid #A8D5C5 !important;\n  color: #406454 !important;\n  border-radius: 10px !important;\n  font-family: var(--font-serif, \"Noto Serif SC\", serif) !important;\n  font-weight: 600 !important;\n  box-shadow: 0 2px 6px rgba(224, 213, 200, 0.2) !important;\n  backdrop-filter: blur(4px) !important;\n  transition: all 0.3s ease !important;\n  padding: 6px 10px !important;\n  height: auto !important;\n  min-height: 28px !important;\n}\n\n.flex.min-w-max.items-start button.inline-flex.items-center.justify-center:hover,\nbutton.inline-flex.items-center.justify-center.gap-2[aria-label*=\"滚动\"]:hover,\nbutton.inline-flex.items-center.justify-center.gap-2[aria-label*=\"Add\"]:hover,\nbutton.inline-flex.items-center.justify-center.gap-2[aria-label*=\"搜索\"]:hover {\n  background: linear-gradient(135deg, #A8D5C5 0%, #7BB8A0 100%) !important;\n  color: #FFFFFF !important;\n  border-color: #E6C07B !important;\n  transform: translateY(-1px) !important;\n  box-shadow: 0 4px 10px rgba(230, 192, 123, 0.3) !important;\n}\n\n/* 模组按钮特殊样式（带图标） */\nbutton.inline-flex.items-center.justify-center:has(svg.lucide-package) {\n  background: linear-gradient(135deg, rgba(255, 251, 245, 0.95), rgba(245, 239, 230, 0.95)) !important;\n  border: 2px solid #E6C07B !important;\n}\n\nbutton.inline-flex.items-center.justify-center:has(svg.lucide-package):hover {\n  box-shadow: 0 4px 12px rgba(230, 192, 123, 0.4) !important;\n}\n\n/* 评论按钮 */\nbutton.inline-flex.items-center.justify-center:has(svg.lucide-message-circle) span {\n  color: inherit !important;\n}\n\n/* 2. 快捷指令按钮区域 */\n.flex.shrink-0.items-center.gap-1 button.rounded-full {\n  background: rgba(255, 251, 245, 0.92) !important;\n  border: 1.5px solid #A8D5C5 !important;\n  color: #406454 !important;\n  font-family: var(--font-serif, \"Noto Serif SC\", serif) !important;\n  font-weight: 600 !important;\n  box-shadow: 0 2px 6px rgba(224, 213, 200, 0.2) !important;\n  backdrop-filter: blur(4px) !important;\n  transition: all 0.3s ease !important;\n  padding: 6px 14px !important;\n  letter-spacing: 0.5px !important;\n}\n\n.flex.shrink-0.items-center.gap-1 button.rounded-full:hover {\n  background: linear-gradient(135deg, #A8D5C5 0%, #7BB8A0 100%) !important;\n  color: #FFFFFF !important;\n  border-color: #E6C07B !important;\n  transform: translateY(-1px) !important;\n  box-shadow: 0 4px 10px rgba(230, 192, 123, 0.3) !important;\n}\n\n/* 特定快捷指令按钮（带特殊emoji） */\n.flex.shrink-0.items-center.gap-1 button.rounded-full:has(span:first-child) span {\n  color: inherit !important;\n  font-weight: 600 !important;\n}\n\n/* 3. 输入框容器 */\n#prompt-input-body,\n.contents#prompt-input-body {\n  background: transparent !important;\n}\n\n/* 输入框本身 */\ntextarea[data-slot=\"input-group-control\"],\ntextarea[name=\"message\"] {\n  background: rgba(255, 251, 245, 0.92) !important;\n  border: 2px solid #A8D5C5 !important;\n  border-radius: 0 0 16px 16px !important;\n  color: #2E2821 !important;\n  font-family: var(--font-serif, \"Noto Serif SC\", serif) !important;\n  font-weight: 500 !important;\n  padding: 12px 16px !important;\n  box-shadow: 0 4px 20px rgba(224, 213, 200, 0.25) !important;\n  backdrop-filter: blur(8px) !important;\n  transition: all 0.3s ease !important;\n}\n\ntextarea[data-slot=\"input-group-control\"]:focus,\ntextarea[name=\"message\"]:focus {\n  border-color: #E6C07B !important;\n  box-shadow: 0 6px 25px rgba(230, 192, 123, 0.35), 0 0 30px rgba(230, 192, 123, 0.2) !important;\n  outline: none !important;\n}\n\ntextarea[data-slot=\"input-group-control\"]::placeholder,\ntextarea[name=\"message\"]::placeholder {\n  color: #A8D5C5 !important;\n  opacity: 0.7 !important;\n  font-family: var(--font-serif, \"Noto Serif SC\", serif) !important;\n}\n\ntextarea[data-slot=\"input-group-control\"]::selection,\ntextarea[name=\"message\"]::selection {\n  background: rgba(230, 192, 123, 0.3) !important;\n  color: #2E2821 !important;\n}\n\n/* 4. 底部控制按钮区域 */\n.gap-1.group-data-\\[compact\\=true\\]\\/input-group\\:gap-0\\.5,\ndiv[class*=\"gap-1\"][class*=\"items-center\"][class*=\"w-full\"] {\n  background: rgba(255, 251, 245, 0.8) !important;\n  padding: 8px 12px !important;\n  border-radius: 0 0 16px 16px !important;\n  backdrop-filter: blur(8px) !important;\n  margin-top: -10px !important;\n}\n\n/* 设置和信息按钮 */\nbutton.inline-flex.items-center.justify-center.gap-2:has(svg.lucide-settings),\nbutton.inline-flex.items-center.justify-center.gap-2:has(svg.lucide-info) {\n  background: rgba(255, 251, 245, 0.92) !important;\n  border: 1.5px solid #A8D5C5 !important;\n  color: #406454 !important;\n  border-radius: 10px !important;\n  box-shadow: 0 2px 6px rgba(224, 213, 200, 0.2) !important;\n  backdrop-filter: blur(4px) !important;\n  transition: all 0.3s ease !important;\n}\n\nbutton.inline-flex.items-center.justify-center.gap-2:has(svg.lucide-settings):hover,\nbutton.inline-flex.items-center.justify-center.gap-2:has(svg.lucide-info):hover {\n  background: linear-gradient(135deg, #E6C07B 0%, #D4A85A 100%) !important;\n  color: #FFFFFF !important;\n  border-color: #E6C07B !important;\n  transform: translateY(-1px) scale(1.05) !important;\n  box-shadow: 0 4px 12px rgba(230, 192, 123, 0.4) !important;\n}\n\n/* 5. 模型选择框 - 核心优化区域 */\nbutton.inline-flex.gap-2:has(img[alt*=\"logo\"]) {\n  background: linear-gradient(135deg, rgba(255, 251, 245, 0.95) 0%, rgba(245, 239, 230, 0.95) 100%) !important;\n  border: 2px solid #A8D5C5 !important;\n  border-radius: 12px !important;\n  color: #2E2821 !important;\n  font-family: var(--font-serif, \"Noto Serif SC\", serif) !important;\n  font-weight: 600 !important;\n  box-shadow: 0 4px 12px rgba(224, 213, 200, 0.25) !important;\n  backdrop-filter: blur(8px) !important;\n  transition: all 0.3s ease !important;\n  padding: 6px 12px !important;\n  min-width: 0 !important; /* 允许自适应收缩 */\n  flex-shrink: 1 !important; /* 允许收缩 */\n}\n\nbutton.inline-flex.gap-2:has(img[alt*=\"logo\"]):hover {\n  border-color: #E6C07B !important;\n  box-shadow: 0 6px 20px rgba(230, 192, 123, 0.4), 0 0 20px rgba(230, 192, 123, 0.3) !important;\n  transform: translateY(-2px) !important;\n}\n\nbutton.inline-flex.gap-2:has(img[alt*=\"logo\"]) span.flex-1.truncate {\n  color: #2E2821 !important;\n  font-weight: 600 !important;\n  font-family: var(--font-serif, \"Noto Serif SC\", serif) !important;\n  overflow: hidden !important;\n  text-overflow: ellipsis !important;\n  white-space: nowrap !important;\n  max-width: 100% !important; /* 确保能正常截断 */\n}\n\n/* 模型logo样式 */\nbutton.inline-flex.gap-2:has(img[alt*=\"logo\"]) img {\n  filter: drop-shadow(0 0 4px rgba(168, 213, 197, 0.4)) !important;\n  transition: all 0.3s ease !important;\n  flex-shrink: 0 !important; /* Logo不收缩 */\n}\n\nbutton.inline-flex.gap-2:has(img[alt*=\"logo\"]):hover img {\n  filter: drop-shadow(0 0 6px rgba(230, 192, 123, 0.6)) !important;\n}\n\n/* 6. 回复模式按钮 - 核心优化区域 */\nbutton[aria-label*=\"回复模式\"],\nbutton:has(svg.lucide-waves) {\n  background: rgba(255, 251, 245, 0.92) !important;\n  border: 1.5px solid #A8D5C5 !important;\n  color: #406454 !important;\n  border-radius: 10px !important;\n  font-family: var(--font-serif, \"Noto Serif SC\", serif) !important;\n  font-weight: 600 !important;\n  box-shadow: 0 2px 6px rgba(224, 213, 200, 0.2) !important;\n  backdrop-filter: blur(4px) !important;\n  transition: all 0.3s ease !important;\n  flex-shrink: 0 !important; /* 防止过度收缩 */\n  min-width: fit-content !important; /* 适应内容宽度 */\n}\n\nbutton[aria-label*=\"回复模式\"]:hover,\nbutton:has(svg.lucide-waves):hover {\n  background: linear-gradient(135deg, #A8D5C5 0%, #7BB8A0 100%) !important;\n  color: #FFFFFF !important;\n  border-color: #E6C07B !important;\n  transform: translateY(-1px) !important;\n  box-shadow: 0 4px 10px rgba(230, 192, 123, 0.3) !important;\n}\n\nbutton[aria-label*=\"回复模式\"] span,\nbutton:has(svg.lucide-waves) span {\n  color: inherit !important;\n  font-weight: 600 !important;\n}\n\n/* 7. 发送按钮 */\nbutton[type=\"submit\"][data-size=\"icon-sm\"],\nbutton[aria-label*=\"发送\"],\nbutton:has(svg.lucide-corner-down-left) {\n  background: linear-gradient(135deg, #A8D5C5 0%, #8BBDA8 100%) !important;\n  border: none !important;\n  border-radius: 10px !important;\n  box-shadow: 0 4px 15px rgba(168, 213, 197, 0.4) !important;\n  transition: all 0.3s ease !important;\n  flex-shrink: 0 !important; /* 发送按钮不收缩 */\n}\n\nbutton[type=\"submit\"][data-size=\"icon-sm\"]:hover,\nbutton[aria-label*=\"发送\"]:hover,\nbutton:has(svg.lucide-corner-down-left):hover {\n  background: linear-gradient(135deg, #E6C07B 0%, #D4A85A 100%) !important;\n  box-shadow: 0 6px 25px rgba(230, 192, 123, 0.5), 0 0 30px rgba(230, 192, 123, 0.4) !important;\n  transform: translateY(-3px) scale(1.05) !important;\n}\n\nbutton[type=\"submit\"][data-size=\"icon-sm\"] svg,\nbutton[aria-label*=\"发送\"] svg,\nbutton:has(svg.lucide-corner-down-left) svg {\n  filter: drop-shadow(0 0 8px rgba(255, 255, 255, 0.6)) !important;\n  color: #FFFFFF !important;\n}\n\n/* 8. SVG图标通用美化 */\n.flex.min-w-max.items-start svg.lucide,\nbutton svg.lucide {\n  transition: all 0.3s ease !important;\n  filter: drop-shadow(0 0 2px rgba(168, 213, 197, 0.3)) !important;\n}\n\nbutton:hover svg.lucide {\n  filter: drop-shadow(0 0 4px rgba(230, 192, 123, 0.5)) !important;\n}\n\n/* 9. 分隔线美化 */\n.w-px.shrink-0.bg-border {\n  background: linear-gradient(to bottom, transparent, #A8D5C5, transparent) !important;\n  opacity: 0.5 !important;\n}\n\n/* 10. 暗色模式适配 */\n.dark textarea[data-slot=\"input-group-control\"],\n.dark textarea[name=\"message\"] {\n  background: rgba(42, 36, 32, 0.92) !important;\n  border-color: #5A6A5A !important;\n  color: #F5EFE6 !important;\n  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.5) !important;\n}\n\n.dark textarea[data-slot=\"input-group-control\"]:focus,\n.dark textarea[name=\"message\"]:focus {\n  border-color: #E6C07B !important;\n  box-shadow: 0 6px 25px rgba(230, 192, 123, 0.25), 0 0 30px rgba(230, 192, 123, 0.15) !important;\n}\n\n.dark textarea[data-slot=\"input-group-control\"]::placeholder,\n.dark textarea[name=\"message\"]::placeholder {\n  color: #B0A392 !important;\n}\n\n.dark .flex.min-w-max.items-start button,\n.dark .flex.shrink-0.items-center.gap-1 button,\n.dark button[aria-label*=\"回复模式\"],\n.dark button:has(svg.lucide-settings),\n.dark button:has(svg.lucide-info) {\n  background: rgba(42, 36, 32, 0.9) !important;\n  border-color: #5A6A5A !important;\n  color: #A8D5C5 !important;\n  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.4) !important;\n}\n\n.dark .flex.min-w-max.items-start button:hover,\n.dark .flex.shrink-0.items-center.gap-1 button:hover,\n.dark button[aria-label*=\"回复模式\"]:hover,\n.dark button:has(svg.lucide-settings):hover,\n.dark button:has(svg.lucide-info):hover {\n  background: linear-gradient(135deg, #5A6A5A 0%, #4A5A4A 100%) !important;\n  color: #FFFFFF !important;\n  border-color: #E6C07B !important;\n  box-shadow: 0 4px 10px rgba(168, 213, 197, 0.3) !important;\n}\n\n.dark button.inline-flex.gap-2:has(img[alt*=\"logo\"]) {\n  background: linear-gradient(135deg, rgba(42, 36, 32, 0.95) 0%, rgba(61, 54, 47, 0.95) 100%) !important;\n  border-color: #5A6A5A !important;\n  color: #F5EFE6 !important;\n  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.5) !important;\n}\n\n.dark button.inline-flex.gap-2:has(img[alt*=\"logo\"]):hover {\n  border-color: #E6C07B !important;\n  box-shadow: 0 6px 20px rgba(230, 192, 123, 0.3), 0 0 20px rgba(230, 192, 123, 0.15) !important;\n}\n\n.dark button.inline-flex.gap-2:has(img[alt*=\"logo\"]) span.flex-1.truncate {\n  color: #F5EFE6 !important;\n}\n\n.dark button[type=\"submit\"][data-size=\"icon-sm\"],\n.dark button:has(svg.lucide-corner-down-left) {\n  background: linear-gradient(135deg, #5A6A5A 0%, #4A5A4A 100%) !important;\n  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.4) !important;\n}\n\n.dark button[type=\"submit\"][data-size=\"icon-sm\"]:hover,\n.dark button:has(svg.lucide-corner-down-left):hover {\n  background: linear-gradient(135deg, #D4A85A 0%, #B8913A 100%) !important;\n  box-shadow: 0 6px 25px rgba(230, 192, 123, 0.4) !important;\n}\n\n.dark .gap-1.group-data-\\[compact\\=true\\]\\/input-group\\:gap-0\\.5,\n.dark div[class*=\"gap-1\"][class*=\"items-center\"][class*=\"w-full\"] {\n  background: rgba(42, 36, 32, 0.8) !important;\n}\n\n.dark .flex.min-w-max.items-start.whitespace-nowrap.pr-1.gap-1\\.5 {\n  background: rgba(42, 36, 32, 0.5) !important;\n}\n\n/* 11. 移动端适配 - 重点优化区域 */\n@media (max-width: 768px) {\n  /* 底部控制区整体增加间距 */\n  .gap-1.group-data-\\[compact\\=true\\]\\/input-group\\:gap-0\\.5,\n  div[class*=\"gap-1\"][class*=\"items-center\"][class*=\"w-full\"] {\n    padding: 8px 8px !important;\n    gap: 6px !important; /* 增加按钮间距 */\n  }\n  \n  /* 左侧设置/信息按钮区域 */\n  .flex.items-center.gap-1\\.5 {\n    gap: 6px !important;\n    flex-shrink: 0 !important;\n  }\n  \n  /* 设置和信息按钮缩小 */\n  button:has(svg.lucide-settings),\n  button:has(svg.lucide-info) {\n    width: 32px !important;\n    height: 32px !important;\n    min-width: 32px !important;\n    padding: 0 !important;\n    flex-shrink: 0 !important;\n  }\n  \n  /* 中间模型选择区域 - 允许更灵活的收缩 */\n  .flex.min-w-0.flex-1.items-center.justify-end {\n    gap: 6px !important;\n    min-width: 0 !important;\n    flex: 1 1 auto !important;\n  }\n  \n  /* 模型选择框 - 优先保证显示 */\n  .min-w-0.flex-1.overflow-x-hidden.truncate {\n    min-width: 0 !important;\n    flex: 1 1 0% !important;\n    overflow: hidden !important;\n  }\n  \n  button.inline-flex.gap-2:has(img[alt*=\"logo\"]) {\n    padding: 4px 8px !important;\n    height: 32px !important;\n    min-width: 0 !important;\n    max-width: 100% !important;\n    flex-shrink: 1 !important;\n    gap: 6px !important; /* 图标和文字间距 */\n  }\n  \n  button.inline-flex.gap-2:has(img[alt*=\"logo\"]) img {\n    width: 14px !important;\n    height: 14px !important;\n    min-width: 14px !important;\n    flex-shrink: 0 !important;\n  }\n  \n  button.inline-flex.gap-2:has(img[alt*=\"logo\"]) span.flex-1.truncate {\n    font-size: 11px !important;\n    min-width: 0 !important;\n    flex: 1 1 auto !important;\n    overflow: hidden !important;\n    text-overflow: ellipsis !important;\n  }\n  \n  /* 回复模式按钮 - 优化布局 */\n  button[aria-label*=\"回复模式\"],\n  button:has(svg.lucide-waves) {\n    padding: 4px 8px !important;\n    height: 32px !important;\n    min-width: fit-content !important;\n    flex-shrink: 0 !important;\n    gap: 4px !important;\n  }\n  \n  button[aria-label*=\"回复模式\"] svg,\n  button:has(svg.lucide-waves) svg {\n    width: 16px !important;\n    height: 16px !important;\n  }\n  \n  button[aria-label*=\"回复模式\"] span,\n  button:has(svg.lucide-waves) span {\n    font-size: 11px !important;\n    white-space: nowrap !important;\n  }\n  \n  /* 发送按钮 */\n  button[type=\"submit\"][data-size=\"icon-sm\"],\n  button:has(svg.lucide-corner-down-left) {\n    width: 32px !important;\n    height: 32px !important;\n    min-width: 32px !important;\n    padding: 0 !important;\n    flex-shrink: 0 !important;\n  }\n  \n  /* 上方功能按钮区域 */\n  .flex.min-w-max.items-start button.inline-flex.items-center.justify-center,\n  .flex.shrink-0.items-center.gap-1 button.rounded-full {\n    font-size: 11px !important;\n    padding: 5px 10px !important;\n    min-width: auto !important;\n    height: 28px !important;\n  }\n  \n  /* 输入框 */\n  textarea[data-slot=\"input-group-control\"],\n  textarea[name=\"message\"] {\n    font-size: 14px !important;\n    padding: 10px 12px !important;\n  }\n}\n\n/* 12. 极小屏幕适配（< 375px） */\n@media (max-width: 374px) {\n  /* 进一步压缩间距 */\n  .gap-1.group-data-\\[compact\\=true\\]\\/input-group\\:gap-0\\.5,\n  div[class*=\"gap-1\"][class*=\"items-center\"][class*=\"w-full\"] {\n    gap: 4px !important;\n    padding: 6px 6px !important;\n  }\n  \n  .flex.min-w-0.flex-1.items-center.justify-end {\n    gap: 4px !important;\n  }\n  \n  /* 模型名称更小 */\n  button.inline-flex.gap-2:has(img[alt*=\"logo\"]) {\n    padding: 4px 6px !important;\n    gap: 4px !important;\n  }\n  \n  button.inline-flex.gap-2:has(img[alt*=\"logo\"]) span.flex-1.truncate {\n    font-size: 10px !important;\n  }\n  \n  /* 回复模式按钮文字更小 */\n  button[aria-label*=\"回复模式\"] span,\n  button:has(svg.lucide-waves) span {\n    font-size: 10px !important;\n  }\n  \n  button[aria-label*=\"回复模式\"],\n  button:has(svg.lucide-waves) {\n    padding: 4px 6px !important;\n  }\n}\n\n/* 13. 响应式横向滚动（快捷指令区域） */\n.flex.shrink-0.items-center.gap-1 {\n  overflow-x: auto !important;\n  -webkit-overflow-scrolling: touch !important;\n  scrollbar-width: thin !important;\n  scrollbar-color: #A8D5C5 transparent !important;\n}\n\n.flex.shrink-0.items-center.gap-1::-webkit-scrollbar {\n  height: 4px !important;\n}\n\n.flex.shrink-0.items-center.gap-1::-webkit-scrollbar-track {\n  background: rgba(255, 251, 245, 0.3) !important;\n  border-radius: 2px !important;\n}\n\n.flex.shrink-0.items-center.gap-1::-webkit-scrollbar-thumb {\n  background: #A8D5C5 !important;\n  border-radius: 2px !important;\n}\n\n.flex.shrink-0.items-center.gap-1::-webkit-scrollbar-thumb:hover {\n  background: #E6C07B !important;\n}\n\n/* 14. 按钮文字强制显示（防止被Tailwind隐藏） */\n.flex.min-w-max.items-start button span,\n.flex.shrink-0.items-center.gap-1 button span,\nbutton[aria-label*=\"回复模式\"] span {\n  display: inline !important;\n  visibility: visible !important;\n  opacity: 1 !important;\n}\n\n/* 15. 动画效果 */\n@keyframes subtle-pulse {\n  0%, 100% { opacity: 1; }\n  50% { opacity: 0.85; }\n}\n\nbutton[type=\"submit\"][data-size=\"icon-sm\"]:not(:hover),\nbutton:has(svg.lucide-corner-down-left):not(:hover) {\n  animation: subtle-pulse 2s ease-in-out infinite;\n}\n\n/* 16. 聚焦可访问性增强 */\n.flex.min-w-max.items-start button:focus-visible,\n.flex.shrink-0.items-center.gap-1 button:focus-visible,\nbutton[aria-label*=\"回复模式\"]:focus-visible,\nbutton:has(svg.lucide-settings):focus-visible,\nbutton:has(svg.lucide-info):focus-visible,\nbutton.inline-flex.gap-2:has(img[alt*=\"logo\"]):focus-visible,\nbutton[type=\"submit\"][data-size=\"icon-sm\"]:focus-visible {\n  outline: 2px solid #E6C07B !important;\n  outline-offset: 2px !important;\n  box-shadow: 0 0 0 3px rgba(230, 192, 123, 0.3) !important;\n}","options":{"items":[{"order":0,"label":" ✦ 主要功能区","type":"SET-INPUT","value":"开启思维链、开启角色信息（角色数值：挑一个开启）、开启主角面板、开启剧情辅助、开启line、开启世界信息"},{"order":1,"label":"🌸 次要功能区","type":"SET-INPUT","value":"开启隐奸系统、开启肉文文风、开启迷雾协议、开启系统、开启防绝望、开启防抢话、开启晴天树上文风、开启主角line界面、开启手机、开启细致描写、开启弹幕、开启人际关系网、开启战斗面板【记得自己删改保留】"},{"order":2,"label":"💌总结记忆转新档","type":"SET-INPUT","value":"【总结记忆区】（务必以这个关键词直接输出）"},{"order":3,"label":"伪恋开局（参考）","type":"SET-INPUT","value":"（进入伪恋剧情）  我是XX，最近组织事务繁多，为了不再让手下人和集英组和蜂巢火拼，我接受了他们的条款【阿德鲁托和一条一征两边同时发来消息，三人会谈开始叙事，两个老头子嘻嘻哈哈的，完全把主角当成了好女婿】  要我和一个桐崎千棘的女孩假装谈恋爱？还要和一个叫一条乐的人处成哥们？真是奇怪……  这两人还在上高中吧，难道我也得去跟着一起上高中？凡矢理高中？"},{"order":4,"label":"东京喰种开局（参考）","type":"SET-INPUT","value":"【进入东京喰种】 我是xx，代号“终焉”的SSSSS➕喰种，被CCG列为绝对禁忌，不可招惹，因为厌倦打打杀杀和与人作对的日子，化身一个普通家庭的人，融入人世"},{"order":5,"label":"春物开局","type":"SET-INPUT","value":"我是xx【进入春物剧情，我和比企谷因为交上去的作文被平冢静叫过去批评，在班上没什么交集的男生走在了一起】【两人的作文被平冢静当着全班处刑】"},{"order":6,"label":"约会大作战精灵开局（参考）","type":"SET-INPUT","value":"【进入约会大作战世界观，进入约会大作战剧情】我是xx，目前正为了逃婚在日本旅居，偶尔接点杀手的活来维持生活。此时，拉塔托斯克内，士道、琴里等人正在面露难色地盯着屏幕中的画面。  经过观测主角的危险性极高，而且已经开始了无差别屠杀人类的活动了（指暗杀），士道必须立即去攻略对方，封印她的灵力"},{"order":7,"label":"租借女友开局（参考）","type":"SET-INPUT","value":"我是xx。这天偶然刷到了租借女友的广告，刷到了水原千鹤的广告，出于好奇，点击了下单"},{"order":8,"label":"零之使魔开局（参考）","type":"SET-INPUT","value":"【进入零之使魔世界观】我是xx，目前一个人在东京的普通大学内上学混文凭，这是什么，摸一下  【于是穿越到了零之使魔的世界，被露易丝召唤了出来】  【从露易丝在众人（蒙莫朗西，基修，塔巴萨，丘鲁克等人）的注视下进行召唤仪式开始叙事】"},{"order":9,"label":"缘之空开局（参考）","type":"SET-INPUT","value":"我是xx，春日野家的远房亲戚，目前在一个人东京的普通大学内上学混文凭，顺便照顾这对寄住在我家的兄妹  【春日野悠和春日野穹住在主角家，其中穹早已发觉主角忘了小时候来日本的事，也发现他忘了曾经要娶她的话】"}]},"language":"zh","containsNSFW":true,"publicAccess":true,"deletedAt":null,"isAnonymous":false,"enableSafeguard":true,"defaultModelSettings":{"model":"mango_gemini_vertex/gemini-3.1-pro-preview"},"totalConversations":60,"totalMessages":341,"totalCreditsUsed":614557,"totalTokensUsed":14950392,"totalPlayedUsers":45,"deeplyPlayed":13,"fixedPromptLength":9492,"lorebookLength":1522455,"author":{"id":"MH7QLrupIPjf3h5Qt0mV7aXLAw8cW3Jr","name":"晴天树上","displayUsername":"1547536767","username":"1547536767"},"cardsTags":[{"tag":{"name":"西幻","cardsCount":68}},{"tag":{"name":"自定义","cardsCount":436}},{"tag":{"name":"已破甲","cardsCount":2663}},{"tag":{"name":"大世界","cardsCount":396}},{"tag":{"name":"妈妈","cardsCount":220}},{"tag":{"name":"燃夏争魁","cardsCount":85}},{"tag":{"name":"NTR","cardsCount":200}},{"tag":{"name":"纯爱","cardsCount":990}},{"tag":{"name":"战斗","cardsCount":104}},{"tag":{"name":"后宫","cardsCount":886}},{"tag":{"name":"同人","cardsCount":146}},{"tag":{"name":"妹妹","cardsCount":125}},{"tag":{"name":"萝莉","cardsCount":254}},{"tag":{"name":"剧情","cardsCount":95}},{"tag":{"name":"修仙","cardsCount":196}}],"cardsVoices":[],"prompt":null,"promptSizeBytes":null}