{"id":"aa8f0f66-b8a4-4f8e-80d9-e733a4a7fb82","authorId":"8ddXOM7TLSwQeQbmXtedOnjJqLrtagRl","title":"【白色相簿2】","description":"【推荐4-6记忆，并使用yuegle-2.5pro游玩以获得最佳体验，已破甲】\n\nしあわせになりたいだけの \n仅仅想要变得幸福而已 \n\nしわよせが途切れない今日日 \n连锁反应却永不停歇的今日\n\n没有人有错，所有人都在追寻自己的幸福……\n\n然而，三个人过于拥挤的羁绊，注定要有人在寒风中被放逐。走调的吉他、孤高的钢琴、完美的歌声，在那个充满了灰尘味道的旧校舍里，编织成了青春最后的回响。\n\n无论如何当“届不到的爱恋”再次奏响，请握紧那只冰冷的手——因为在这个白色相簿的季节里，唯有拥抱时的体温，是这虚幻日常中唯一的真实。\n\n群聊已开放：\n【1072011550】-真田丸","background":"ghz9617rr5lwbyrq87m903wm.webp","backgroundWidth":1271,"backgroundHeight":1000,"cover":"lvatkxwiaxv4pgfovve7841g.webp","coverWidth":411,"coverHeight":190,"introPage":"uzcvo2vujwr12kvh90acp3kz.html","changelog":null,"createdAt":"2026-08-08T09:41:27.177Z","updatedAt":"2026-08-08T11:06:50.094Z","initPublicAt":"2026-08-08T10:25:53.298Z","renderTemplate":null,"assistantRegexReplace":null,"enableMemorySchema":false,"memorySchema":null,"injectStyles":"/* * ===================================================================\n * White Album 2: System Reconstructed (WA2:SR) - 统合样式表\n * Theme: Winter Snow / Melancholic School Life\n * Version: 1.0 Final\n * ===================================================================\n */\n\n/* ===================================================================\n   ❄️ 模块零：冬日绘卷 (Global Canvas & Background)\n   区域：您圈出的空白背景、页面边缘、模块间隙\n   设计：冰蓝格纹、纸张颗粒、边缘光晕\n   =================================================================== */\n\n/* 1. 全局背景重构：覆盖 body 和根容器 */\nbody, #root, main, .MuiBox-root {\n    /* [底色] 并非死白，而是带有一点点冷灰的白 */\n    background-color: #F5F7FA !important;\n}\n\n/* 2. 核心纹理层：应用到 body 上，确保填满所有缝隙 */\nbody::before {\n    content: \"\" !important;\n    position: fixed !important; /* 关键：固定背景，不随滚动条移动 */\n    top: 0; left: 0; width: 100vw; height: 100vh;\n    z-index: -9999 !important; /* 放在世界的最底层 */\n    pointer-events: none !important;\n\n    /* [纹理堆叠] */\n    background-image: \n        /* 层1：边缘暗角 (Vignette) - 模拟冬日窗边的光照 */\n        radial-gradient(circle at 50% 50%, transparent 60%, rgba(176, 190, 197, 0.2) 100%),\n        \n        /* 层2：经典的 WA2 菱形格纹 (放大版，作为背景底纹) */\n        repeating-linear-gradient(45deg, \n            rgba(144, 202, 249, 0.05) 0px, \n            rgba(144, 202, 249, 0.05) 1px, \n            transparent 1px, \n            transparent 40px\n        ),\n        repeating-linear-gradient(-45deg, \n            rgba(144, 202, 249, 0.05) 0px, \n            rgba(144, 202, 249, 0.05) 1px, \n            transparent 1px, \n            transparent 40px\n        ),\n        \n        /* 层3：纸张噪点 (Noise) - 增加实物质感 */\n        url(\"data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='0.03'/%3E%3C/svg%3E\")\n        !important;\n\n    background-attachment: fixed !important;\n    background-size: 100% 100%, 60px 60px, 60px 60px, 200px 200px !important;\n}\n\n/* 3. [夜间模式适配] 深夜雪原 */\n.dark body, .dark #root, .dark main {\n    background-color: #121212 !important;\n}\n\n.dark body::before {\n    /* 夜间纹理 */\n    background-image: \n        /* 层1：深夜暗角 */\n        radial-gradient(circle at 50% 50%, transparent 40%, rgba(0, 0, 0, 0.6) 100%),\n        \n        /* 层2：微弱的星光格纹 */\n        repeating-linear-gradient(45deg, \n            rgba(255, 255, 255, 0.02) 0px, \n            rgba(255, 255, 255, 0.02) 1px, \n            transparent 1px, \n            transparent 40px\n        ),\n        repeating-linear-gradient(-45deg, \n            rgba(255, 255, 255, 0.02) 0px, \n            rgba(255, 255, 255, 0.02) 1px, \n            transparent 1px, \n            transparent 40px\n        ) !important;\n}\n\n/* 4. 特殊修补：针对某些特定容器可能有的白色背景进行透明化 */\n/* 这一步是为了防止某些模块自带背景色遮挡了我们的全局纹理 */\n.w-full.text-token-text-primary,\n[class*=\"react-scroll-to-bottom\"] {\n    background-color: transparent !important;\n}\n\n/* * -------------------------------------------------------------------\n * 模块一：全局字体与基础设定 (Winter Ink Typography)\n * 核心：宋体/衬线体优先 + 字体平滑处理 + 英文优化\n * -------------------------------------------------------------------\n */\n\n/* 1. 字体资源导入 */\n@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@300;400;600;700&display=swap');\n@import url('https://fonts.googleapis.com/css2?family=Fira+Code:wght@400;500&display=swap'); /* 代码字体 */\n\n/* 2. 全局字体策略：书卷气 */\n/* [慎重修改] 使用 body 和 #root 控制全局，避免使用 * 导致图标损坏 */\nbody, #root, .prose {\n    /* 字体栈逻辑：\n       1. Georgia/Times: 确保英文和数字有经典的衬线质感 (2007 Web Vibe)\n       2. Noto Serif SC: 现代高清屏幕下的最佳宋体阅读体验\n       3. SimSun/Songti: 老式屏幕/系统原生宋体兜底\n    */\n    font-family: 'Georgia', 'Times New Roman', 'Noto Serif SC', 'Source Han Serif SC', 'SimSun', 'Songti SC', serif !important;\n    \n    /* [阅读体验] 稍微增加字间距，提升文学感 */\n    letter-spacing: 0.03em !important;\n    \n    /* [渲染优化] 让字体看起来更\"冷\"、更细致 (Mac/iOS/部分高分屏生效) */\n    -webkit-font-smoothing: antialiased !important;\n    -moz-osx-font-smoothing: grayscale !important;\n    \n    /* 基础字重 */\n    font-weight: 400 !important;\n}\n\n/* 3. 交互组件字体修正：统一为衬线体 */\n/* 为了配合【模块五】的手账/短信草稿风格，输入框和按钮也回归宋体 */\ninput, textarea, select, button, .MuiButtonBase-root {\n    font-family: 'Georgia', 'Noto Serif SC', 'SimSun', serif !important;\n}\n\n/* 4. 代码块：打字机风格 */\n/* 2007年的代码通常是 Courier New，这里用 Fira Code 提升可读性但保持等宽 */\ncode, pre, .hljs, .language-* {\n    font-family: 'Fira Code', 'Consolas', 'Courier New', monospace !important;\n    font-size: 0.9em !important; /* 代码通常比正文小一点 */\n    font-variant-ligatures: none !important; /* 禁用连字，保持复古感 */\n}\n\n/* 5. 特殊修补：防止图标字体被覆盖 */\n/* 排除常见的图标类名，防止变成方块 */\n[class*=\"icon\"], [class*=\"fa-\"], .material-icons, i {\n    font-family: initial !important; /* 恢复默认或由类名控制 */\n    letter-spacing: normal !important;\n}\n\n/* * -------------------------------------------------------------------\n * 模块二：主界面背景与纹理 (Day & Night) - WA2 经典重构版\n * 风格：左侧装饰条 / 菱形纹理 / 沉浸式文本框\n * -------------------------------------------------------------------\n */\n\n/* 1. 聊天气泡基础结构：重置所有默认样式 */\n.group .bg-gray-100\\/90 {\n    position: relative !important;\n    background: transparent !important; /* 核心：让伪元素接管背景 */\n    border: none !important;\n    box-shadow: none !important;\n    padding: 35px 45px 35px 50px !important; /* 左侧留宽给装饰条 */\n    overflow: hidden !important;\n    margin: 1.5em auto !important;\n    max-width: 960px !important; /* 稍微收窄，更有文本框感 */\n}\n\n/* 2. [背景层] 雪原网格与左侧装饰条 */\n.group .bg-gray-100\\/90::before {\n    content: '';\n    position: absolute;\n    top: 0; left: 0; right: 0; bottom: 0;\n    z-index: 0 !important; /* 放在最底层 */\n    pointer-events: none;\n    \n    /* [日间背景] 纯净雪白 */\n    background-color: #FAFAFA !important;\n    \n    /* [核心纹理] 经典的菱形交叉网格 (Diamond Grid) */\n    background-image: \n        /* 左侧装饰条：日间为温暖的夕阳橙 (FFB74D) */\n        linear-gradient(to right, #FFB74D 6px, transparent 6px),\n        /* 网格纹理 */\n        repeating-linear-gradient(45deg, \n            rgba(176, 190, 197, 0.15) 0px, \n            rgba(176, 190, 197, 0.15) 1px, \n            transparent 1px, \n            transparent 15px\n        ), \n        repeating-linear-gradient(-45deg, \n            rgba(176, 190, 197, 0.15) 0px, \n            rgba(176, 190, 197, 0.15) 1px, \n            transparent 1px, \n            transparent 15px\n        ) !important;\n        \n    background-size: 100% 100%, 30px 30px, 30px 30px !important;\n    background-repeat: no-repeat, repeat, repeat !important;\n    \n    /* [边框] 细致的冷灰边框 */\n    border: 1px solid #CFD8DC !important;\n    border-radius: 2px !important; /* 锐利的直角感 */\n    \n    /* [阴影] 浮起感 */\n    box-shadow: \n        0 4px 15px rgba(0,0,0,0.05), /* 外部柔和阴影 */\n        inset 0 0 20px rgba(255,255,255,0.8) !important; /* 内部高光，增加通透感 */\n        \n    transition: all 0.3s ease;\n}\n\n/* 3. [夜间模式] 深夜独白 (Midnight Monologue) */\n.dark .group .bg-gray-100\\/90::before {\n    /* [夜间背景] 深邃的蓝灰 */\n    background-color: #1c2226 !important; /* 使用更高级的深色，非纯黑 */\n    \n    background-image: \n        /* 左侧装饰条：夜间为冷艳的深紫 (Deep Violet) */\n        linear-gradient(to right, #5E35B1 6px, transparent 6px),\n        /* 网格纹理：极淡的白线 */\n        repeating-linear-gradient(45deg, \n            rgba(255, 255, 255, 0.03) 0px, \n            rgba(255, 255, 255, 0.03) 1px, \n            transparent 1px, \n            transparent 15px\n        ), \n        repeating-linear-gradient(-45deg, \n            rgba(255, 255, 255, 0.03) 0px, \n            rgba(255, 255, 255, 0.03) 1px, \n            transparent 1px, \n            transparent 15px\n        ) !important;\n        \n    border-color: #37474F !important;\n    box-shadow: \n        0 4px 20px rgba(0,0,0,0.3), \n        inset 0 0 30px rgba(0,0,0,0.2) !important; /* 内部压暗 */\n}\n\n/* 4. [装饰水印] 右下角的巨大雪花 (Watermark) */\n.group .bg-gray-100\\/90::after {\n    content: '❄' !important; \n    position: absolute !important;\n    bottom: -30px !important;\n    right: -20px !important;\n    \n    font-size: 160px !important; /* 巨大化 */\n    line-height: 1 !important;\n    font-family: serif !important; /* 确保雪花形状优雅 */\n    \n    z-index: 0 !important;\n    pointer-events: none !important;\n    \n    /* 颜色：极淡的冰蓝 */\n    color: #E1F5FE !important;\n    opacity: 0.4 !important; /* 若隐若现 */\n    \n    transform: rotate(15deg) !important;\n    filter: blur(1px); /* 轻微模糊，增加景深感 */\n}\n\n.dark .group .bg-gray-100\\/90::after {\n    color: #37474F !important;\n    opacity: 0.2 !important;\n}\n\n/* 5. [内容层级修正] 确保文字在背景之上 */\n.group .bg-gray-100\\/90 > * {\n    position: relative !important;\n    z-index: 2 !important;\n}\n\n/* * -------------------------------------------------------------------\n * 模块三：排版与文字 (Digital Novel Reader 2007)\n * 风格：宋体阅读器 / 邮件引用 / 像素风列表\n * -------------------------------------------------------------------\n */\n\n/* 1. 全局文字基调：电子宋体 */\n.group .bg-gray-100\\/90 {\n    /* [字体] 强制使用宋体，还原 Galgame/早期手机阅读质感 */\n    font-family: 'SimSun', 'Songti SC', 'Noto Serif SC', serif !important;\n    \n    /* [颜色] 并不是纯黑，而是像墨水一样的深灰蓝 */\n    color: #263238 !important; \n    \n    /* [排版] 增加行高，模拟小说排版 */\n    line-height: 2.0 !important; \n    font-size: 16px !important;\n    letter-spacing: 0.5px !important;\n    text-align: justify !important; /* 两端对齐 */\n}\n\n/* 夜间模式：银色文字 */\n.dark .group .bg-gray-100\\/90 {\n    color: #CFD8DC !important;\n    text-shadow: 0 0 1px rgba(0,0,0,0.5) !important; /* 增加一点锐度 */\n}\n\n/* 2. 标题样式 (H1-H3)：章节分割线 */\n.group .bg-gray-100\\/90 h1, \n.group .bg-gray-100\\/90 h2, \n.group .bg-gray-100\\/90 h3 {\n    font-family: 'Microsoft YaHei', sans-serif !important; /* 标题用黑体，区分正文 */\n    color: #37474F !important;\n    font-weight: 800 !important;\n    margin-top: 25px !important;\n    margin-bottom: 15px !important;\n    padding-left: 12px !important;\n    \n    /* 左侧装饰：像手机UI的分类标签 */\n    border-left: 4px solid #90CAF9 !important; \n    position: relative !important;\n}\n\n/* 标题下的虚线分割 */\n.group .bg-gray-100\\/90 h1::after,\n.group .bg-gray-100\\/90 h2::after,\n.group .bg-gray-100\\/90 h3::after {\n    content: '';\n    display: block;\n    width: 100%;\n    height: 1px;\n    background-image: linear-gradient(to right, #CFD8DC 50%, transparent 50%); /* 虚线 */\n    background-size: 8px 1px;\n    margin-top: 8px;\n}\n\n/* 夜间标题 */\n.dark .group .bg-gray-100\\/90 h1, \n.dark .group .bg-gray-100\\/90 h2, \n.dark .group .bg-gray-100\\/90 h3 {\n    color: #B0BEC5 !important;\n    border-left-color: #5C6BC0 !important; /* 夜间变紫 */\n}\n\n/* 3. 强调文本 (Bold/Strong)：改为“关键词高亮” */\n/* 不仅仅是加粗，而是给字加一点颜色，像游戏中提到的关键线索 */\n.group .bg-gray-100\\/90 strong,\n.group .bg-gray-100\\/90 b {\n    color: #01579B !important; /* 深蓝 */\n    font-weight: 900 !important;\n    background: linear-gradient(to top, rgba(179, 229, 252, 0.3) 0%, rgba(179, 229, 252, 0.3) 40%, transparent 40%) !important; /* 底部高光笔 */\n}\n.dark .group .bg-gray-100\\/90 strong,\n.dark .group .bg-gray-100\\/90 b {\n    color: #81D4FA !important;\n    background: none !important; /* 夜间去掉高光笔，防止刺眼 */\n}\n\n/* 4. 引用块 (Blockquote)：转发邮件 (Fwd: Mail) */\n.group .bg-gray-100\\/90 blockquote {\n    margin: 15px 0 !important;\n    padding: 10px 15px !important;\n    \n    /* 样式：模拟旧手机的灰色引用框 */\n    background: #F5F5F5 !important;\n    border-left: 3px solid #B0BEC5 !important;\n    border-radius: 0 4px 4px 0 !important;\n    \n    color: #607D8B !important;\n    font-family: 'SimSun', serif !important;\n    font-style: italic !important;\n    font-size: 0.95em !important;\n}\n/* 引用块前的图标 */\n.group .bg-gray-100\\/90 blockquote::before {\n    content: \"📩 Re:\";\n    display: block;\n    font-size: 0.8em;\n    font-weight: bold;\n    color: #90A4AE;\n    margin-bottom: 5px;\n}\n\n.dark .group .bg-gray-100\\/90 blockquote {\n    background: #263238 !important;\n    border-left-color: #546E7A !important;\n    color: #90A4AE !important;\n}\n\n/* 5. 列表 (List)：像素点风格 */\n.group .bg-gray-100\\/90 ul,\n.group .bg-gray-100\\/90 ol {\n    padding-left: 20px !important;\n    margin: 10px 0 !important;\n}\n.group .bg-gray-100\\/90 li {\n    margin-bottom: 5px !important;\n    list-style-type: square !important; /* 方块点，更有像素感 */\n    color: #455A64 !important;\n}\n.dark .group .bg-gray-100\\/90 li {\n    color: #B0BEC5 !important;\n}\n\n/* 6. 链接 (Link)：经典蓝链 */\n.group .bg-gray-100\\/90 a {\n    color: #1976D2 !important;\n    text-decoration: none !important;\n    border-bottom: 1px dotted #1976D2 !important;\n    transition: all 0.2s;\n}\n.group .bg-gray-100\\/90 a:hover {\n    background-color: #E3F2FD !important;\n    color: #0D47A1 !important;\n    border-bottom-style: solid !important;\n}\n\n/* 7. 文本选中 (Selection)：功能机反色效果 */\n.group .bg-gray-100\\/90 ::selection {\n    background: #37474F !important; /* 深色背景 */\n    color: #FFFFFF !important;      /* 白色文字 */\n}\n\n/* * -------------------------------------------------------------------\n * 模块四：状态栏与折叠区 (Flip Phone 2007 Edition)\n * 风格：翻盖手机UI / 液晶屏质感 / 拟物化按钮\n * -------------------------------------------------------------------\n */\n\n/* 1. 外层容器：模拟手机屏幕的内嵌感 */\n.group .bg-gray-100\\/90 details {\n    /* 液晶屏底色：极淡的冷灰/青色 */\n    background: #F2F4F6 !important; \n    /* 内嵌边框：模拟屏幕边缘的凹陷感 */\n    border: 1px solid #B0BEC5 !important;\n    border-radius: 2px !important; /* 手机UI通常圆角很小 */\n    margin: 15px auto !important;\n    padding: 2px !important; /* 留出一点边距给外框 */\n    width: 100% !important;\n    position: relative !important;\n    z-index: 3 !important;\n    /* 移除磨砂，改为实体质感 */\n    backdrop-filter: none !important;\n    box-shadow: inset 0 0 5px rgba(0,0,0,0.05) !important;\n}\n\n/* 夜间模式：深色液晶屏 */\n.dark .group .bg-gray-100\\/90 details {\n    background: #18191A !important;\n    border-color: #37474F !important;\n    box-shadow: inset 0 0 5px rgba(0,0,0,0.5) !important;\n}\n\n/* 2. 标题栏 Summary：高光水晶按钮 */\n.group .bg-gray-100\\/90 summary {\n    font-family: 'SimSun', 'MS Song', serif !important; /* 回归宋体/像素感 */\n    font-size: 1.1em !important;\n    font-weight: bold !important;\n    color: #FFFFFF !important;\n    padding: 8px 12px !important;\n    cursor: pointer !important;\n    outline: none !important;\n    list-style: none;\n    \n    /* [核心质感] 2007年经典的水晶按钮渐变 */\n    background: linear-gradient(to bottom, #546E7A 0%, #37474F 50%, #263238 51%, #37474F 100%) !important;\n    \n    /* 边框：模拟凸起按钮 */\n    border: 1px solid #263238 !important;\n    border-top: 1px solid #78909C !important; /* 顶部高光边 */\n    border-radius: 2px !important;\n    \n    /* 文字阴影：刻蚀感 */\n    text-shadow: 1px 1px 0 #000000 !important;\n    transition: all 0.2s;\n}\n\n/* 悬停效果：按钮发光 */\n.group .bg-gray-100\\/90 summary:hover {\n    background: linear-gradient(to bottom, #78909C 0%, #546E7A 50%, #455A64 51%, #546E7A 100%) !important;\n}\n\n/* 夜间模式标题栏：深蓝水晶 */\n.dark .group .bg-gray-100\\/90 summary {\n    background: linear-gradient(to bottom, #424242 0%, #212121 50%, #000000 51%, #212121 100%) !important;\n    border-color: #000 !important;\n    border-top-color: #616161 !important;\n}\n\n/* 去掉默认三角 */\n.group .bg-gray-100\\/90 summary::-webkit-details-marker { display: none; }\n\n/* 3. 图标替换：替换掉不协调的DVD，改为手机UI风格 */\n/* 选用 '✉' (邮件) 或 '✦' (星/重点) 或 '📂' (文件夹) */\n/* 这里推荐使用 '✦' 或 '❖'，更有WA2那种冬日唯美且像UI列表符的感觉 */\n.group .bg-gray-100\\/90 summary::before {\n    content: '❖' !important; /* 菱形花纹，既像雪花又像UI列表头 */\n    font-size: 1.1em;\n    margin-right: 8px;\n    display: inline-block;\n    color: #FFB74D !important; /* 橙色高亮，呼应黄昏 */\n    text-shadow: 0 0 5px rgba(255, 183, 77, 0.8); /* 霓虹光晕 */\n    transition: transform 0.3s ease;\n}\n\n/* 展开时图标变化 */\n.group .bg-gray-100\\/90 details[open] > summary::before {\n    transform: rotate(90deg) !important;\n    color: #4FC3F7 !important; /* 展开变蓝，呼应冬日/已读 */\n    text-shadow: 0 0 5px rgba(79, 195, 247, 0.8);\n}\n\n/* 4. 内容区域：电子扫描线纹理 */\n.group .bg-gray-100\\/90 details > div {\n    padding: 15px !important;\n    \n    /* 背景：极淡的横线纹理，模拟低分辨率屏幕或信纸 */\n    background-color: #F8F9FA !important;\n    background-image: repeating-linear-gradient(\n        0deg,\n        transparent,\n        transparent 19px,\n        #E0E0E0 20px\n    ) !important;\n    background-size: 100% 20px !important;\n    \n    color: #37474F !important;\n    border: 1px solid #CFD8DC !important;\n    border-top: none !important;\n    \n    font-family: 'SimSun', 'Microsoft YaHei', sans-serif !important;\n    font-size: 0.95em !important;\n    line-height: 20px !important; /* 对齐背景横线 */\n}\n\n/* 夜间模式内容区 */\n.dark .group .bg-gray-100\\/90 details > div {\n    background-color: #121212 !important;\n    /* 夜间横线更暗 */\n    background-image: repeating-linear-gradient(\n        0deg,\n        transparent,\n        transparent 19px,\n        #333333 20px\n    ) !important;\n    color: #B0BEC5 !important;\n    border-color: #37474F !important;\n}\n\n/* 5. 表格优化：像素边框感 */\n.group .bg-gray-100\\/90 table { width: 100%; border-collapse: collapse; margin-top: 10px; }\n.group .bg-gray-100\\/90 th, .group .bg-gray-100\\/90 td {\n    border: 1px dotted #90A4AE !important; /* 点状边框，更有电子感 */\n    padding: 6px 8px !important;\n    font-family: 'SimSun', monospace !important; /* 表格强制宋体/等宽 */\n    font-size: 0.9em !important;\n}\n\n.group .bg-gray-100\\/90 th {\n    background-color: rgba(0,0,0,0.05) !important;\n    color: #263238 !important;\n}\n.dark .group .bg-gray-100\\/90 th {\n    background-color: rgba(255,255,255,0.1) !important;\n    color: #ECEFF1 !important;\n    border-color: #546E7A !important;\n}\n.dark .group .bg-gray-100\\/90 td {\n    border-color: #546E7A !important;\n}\n\n/* * -------------------------------------------------------------------\n * 模块五：UI 组件 (Input, Buttons, Scrollbar)\n * 风格：短信草稿箱 / 水晶实体按键 / 冰棱滚动条\n * -------------------------------------------------------------------\n */\n\n/* 1. 输入框：未发送的短信 (Draft Box) */\n#ai-chat-input, \ntextarea {\n    /* [背景] 模拟信纸或低分屏的横线纹理 */\n    background-color: #FAFAFA !important;\n    background-image: repeating-linear-gradient(\n        0deg,\n        transparent,\n        transparent 23px,\n        #ECEFF1 24px\n    ) !important;\n    background-size: 100% 24px !important;\n    \n    /* [边框] 模拟屏幕内嵌的凹陷感 */\n    border: 1px solid #CFD8DC !important;\n    border-top: 2px solid #B0BEC5 !important; /* 顶部加深，制造阴影 */\n    border-left: 4px solid #90CAF9 !important; /* 左侧改为冰蓝色，象征冬日 */\n    border-radius: 2px !important;\n    \n    color: #37474F !important;\n    font-family: 'SimSun', 'Microsoft YaHei', sans-serif !important;\n    line-height: 24px !important; /* 对齐背景横线 */\n    \n    /* [内阴影] 屏幕的厚度 */\n    box-shadow: inset 0 2px 6px rgba(0,0,0,0.06) !important;\n    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);\n}\n\n/* 夜间模式：深夜的手机背光 */\n.dark #ai-chat-input, \n.dark textarea {\n    background-color: #1c2226 !important; /* 极深的蓝黑 */\n    /* 夜间横线更隐晦 */\n    background-image: repeating-linear-gradient(\n        0deg,\n        transparent,\n        transparent 23px,\n        #263238 24px\n    ) !important;\n    \n    border-color: #37474F !important;\n    border-top-color: #212121 !important;\n    border-left-color: #5C6BC0 !important; /* 夜间左侧变深紫蓝 */\n    \n    color: #ECEFF1 !important;\n    box-shadow: inset 0 2px 10px rgba(0,0,0,0.5) !important;\n}\n\n/* 输入框聚焦：屏幕唤醒高亮 */\n#ai-chat-input:focus, \ntextarea:focus {\n    background-color: #FFFFFF !important;\n    /* 聚焦时边框发光，像手机背光亮起 */\n    border-color: #4FC3F7 !important;\n    box-shadow: \n        inset 0 2px 4px rgba(0,0,0,0.05), \n        0 0 8px rgba(79, 195, 247, 0.4) !important; /* 外部辉光 */\n    outline: none !important;\n}\n\n/* 2. 按钮：2007水晶键盘 (Crystal Keypad) */\n/* 覆盖所有通用按钮及功能按钮 */\n.flex.items-center.gap-2.pb-2 > button,\n.MuiButtonBase-root.MuiButton-root,\nbutton.btn {\n    /* [核心] 拟物化水晶质感渐变 */\n    background: linear-gradient(to bottom, #FFFFFF 0%, #E3F2FD 50%, #BBDEFB 51%, #E3F2FD 100%) !important;\n    \n    color: #263238 !important;\n    /* 模拟实体按键边缘 */\n    border: 1px solid #90CAF9 !important;\n    border-bottom: 2px solid #64B5F6 !important; /* 底部加厚，增加立体感 */\n    border-radius: 4px !important;\n    \n    /* 文字刻蚀感 */\n    font-weight: 700 !important;\n    text-shadow: 0 1px 0 rgba(255,255,255,0.8) !important;\n    text-transform: none !important;\n    letter-spacing: 0.5px;\n    \n    box-shadow: 0 1px 2px rgba(0,0,0,0.1) !important;\n    transition: all 0.1s ease-out; /* 快速响应，像物理按键 */\n    position: relative;\n    overflow: hidden;\n}\n\n/* 夜间模式按钮：深海黑曜石 */\n.dark .flex.items-center.gap-2.pb-2 > button,\n.dark .MuiButtonBase-root.MuiButton-root,\n.dark button.btn {\n    background: linear-gradient(to bottom, #546E7A 0%, #37474F 50%, #263238 51%, #37474F 100%) !important;\n    color: #E1F5FE !important;\n    border-color: #263238 !important;\n    border-bottom-color: #102027 !important;\n    text-shadow: 0 -1px 0 rgba(0,0,0,0.5) !important;\n}\n\n/* [交互] 按钮悬停：高光流转 */\n.flex.items-center.gap-2.pb-2 > button:hover,\n.MuiButtonBase-root.MuiButton-root:hover,\nbutton.btn:hover {\n    /* 变亮 */\n    background: linear-gradient(to bottom, #FFFFFF 0%, #E1F5FE 50%, #90CAF9 51%, #E1F5FE 100%) !important;\n    color: #01579B !important;\n    transform: translateY(-1px);\n    box-shadow: 0 3px 8px rgba(3, 169, 244, 0.3) !important;\n    border-color: #4FC3F7 !important;\n}\n\n/* [交互] 按钮按下：物理阻尼感 (Click) */\n.flex.items-center.gap-2.pb-2 > button:active,\n.MuiButtonBase-root.MuiButton-root:active,\nbutton.btn:active {\n    transform: translateY(2px) !important; /* 真实下沉 */\n    border-bottom-width: 1px !important; /* 底部厚度消失 */\n    box-shadow: inset 0 2px 5px rgba(0,0,0,0.2) !important; /* 变为内阴影 */\n    background: #E1F5FE !important; /* 去掉高光，变平 */\n}\n\n/* 3. 滚动条：冻结的冰棱 (Frozen Scrollbar) */\n::-webkit-scrollbar { \n    width: 10px !important; \n    height: 10px !important;\n}\n\n/* 滑块：冰蓝渐变 */\n::-webkit-scrollbar-thumb {\n    background: linear-gradient(180deg, #CFD8DC 0%, #90A4AE 100%) !important;\n    border: 2px solid #F5F5F5 !important; /* 与背景隔开 */\n    border-radius: 5px !important;\n    box-shadow: inset 1px 1px 0 rgba(255,255,255,0.5);\n}\n\n/* 悬停滑块 */\n::-webkit-scrollbar-thumb:hover {\n    background: linear-gradient(180deg, #90CAF9 0%, #42A5F5 100%) !important; /* 激活变为冰蓝色 */\n    border-color: #FAFAFA !important;\n}\n\n/* 夜间模式滚动条 */\n.dark ::-webkit-scrollbar-thumb {\n    background: linear-gradient(180deg, #546E7A 0%, #37474F 100%) !important;\n    border-color: #121212 !important;\n}\n.dark ::-webkit-scrollbar-thumb:hover {\n    background: linear-gradient(180deg, #5C6BC0 0%, #3949AB 100%) !important;\n}\n\n/* 轨道：完全透明 */\n::-webkit-scrollbar-track { \n    background: transparent !important; \n}\n\n/* 4. 特殊补丁：发送按钮 (Send Button) 的强化 */\n/* 通常发送按钮会有特殊的颜色，这里给它一个“通话键”的绿色或“确认键”的橙色质感 */\n#ai-send-button,\nbutton[aria-label=\"Send\"] {\n    background: linear-gradient(to bottom, #FFF3E0 0%, #FFE0B2 50%, #FFB74D 51%, #FFE0B2 100%) !important;\n    border-color: #FFB74D !important;\n    border-bottom-color: #F57C00 !important;\n    color: #E65100 !important;\n}\n#ai-send-button:hover,\nbutton[aria-label=\"Send\"]:hover {\n    box-shadow: 0 0 10px rgba(255, 167, 38, 0.5) !important;\n}\n\n/* * -------------------------------------------------------------------\n * 模块六：选项卡美化 - 决意之刻 (Winter Decision / Phone Menu)\n * 风格：LCD菜单条 / 选中高亮 / 动态图标\n * -------------------------------------------------------------------\n */\n\n.wa2-opt {\n    /* [背景] 模拟未选中的手机菜单：灰白 + 扫描线 */\n    background-color: #F5F7FA !important;\n    background-image: repeating-linear-gradient(\n        45deg,\n        transparent,\n        transparent 10px,\n        rgba(0,0,0,0.02) 11px\n    ) !important;\n    \n    /* [边框] 水晶凸起感 */\n    border: 1px solid #CFD8DC !important;\n    border-top: 1px solid #FFFFFF !important; /* 顶部高光 */\n    border-bottom: 2px solid #B0BEC5 !important; /* 底部阴影，增加厚度 */\n    border-radius: 4px !important;\n    \n    /* 排版 */\n    padding: 12px 15px 12px 40px !important; /* 左侧留出空间给图标 */\n    margin: 10px 0 !important;\n    position: relative !important;\n    overflow: hidden !important; /* 限制流光 */\n    \n    /* 字体：宋体，加粗，深色 */\n    color: #455A64 !important;\n    font-family: 'SimSun', 'Microsoft YaHei', serif !important;\n    font-size: 1.05em !important;\n    font-weight: 700 !important;\n    text-shadow: 0 1px 0 #FFFFFF !important; /* 刻蚀感 */\n    \n    /* 交互 */\n    cursor: pointer !important;\n    transition: all 0.2s cubic-bezier(0.25, 0.8, 0.25, 1) !important;\n    box-shadow: 0 2px 4px rgba(0,0,0,0.05) !important;\n}\n\n/* [装饰] 左侧的隐形图标 (未悬停时是灰色的点) */\n.wa2-opt::before {\n    content: '♪' !important; /* 音符，或者是 '❄' */\n    position: absolute !important;\n    left: 12px !important;\n    top: 50% !important;\n    transform: translateY(-50%) scale(0.8) !important;\n    color: #B0BEC5 !important; /* 默认灰色 */\n    font-size: 1.2em !important;\n    transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1) !important; /* 弹性动画 */\n    opacity: 0.5 !important;\n}\n\n/* -----------------------------------------------------------\n   🖱️ 悬停状态 (Hover)：高亮菜单条\n   ----------------------------------------------------------- */\n.wa2-opt:hover {\n    /* [背景] 激活为冬日蓝渐变 (Galgame 经典选色) */\n    background: linear-gradient(90deg, #E1F5FE 0%, #B3E5FC 100%) !important;\n    border-color: #4FC3F7 !important;\n    border-bottom-color: #039BE5 !important; /* 底部变深蓝 */\n    \n    color: #01579B !important; /* 文字变深蓝 */\n    text-shadow: 0 0 5px rgba(255,255,255,0.8) !important;\n    \n    /* 位移 */\n    transform: translateX(4px) !important;\n    box-shadow: 0 4px 12px rgba(3, 169, 244, 0.3) !important;\n}\n\n/* 悬停时图标动画：变成彩色并弹跳 */\n.wa2-opt:hover::before {\n    content: '♫' !important; /* 变成双音符 */\n    color: #0288D1 !important;\n    transform: translateY(-50%) scale(1.2) rotate(-10deg) !important; /* 放大且旋转 */\n    opacity: 1 !important;\n    left: 14px !important; /* 稍微右移 */\n}\n\n/* [特效] 悬停时光扫过 (Sweep Effect) */\n.wa2-opt::after {\n    content: \"\" !important;\n    position: absolute !important;\n    top: 0 !important;\n    left: -100% !important;\n    width: 50% !important;\n    height: 100% !important;\n    background: linear-gradient(\n        to right,\n        transparent,\n        rgba(255,255,255,0.6),\n        transparent\n    ) !important;\n    transform: skewX(-20deg) !important;\n    transition: none !important;\n}\n.wa2-opt:hover::after {\n    left: 200% !important;\n    transition: left 0.5s ease-out !important;\n}\n\n/* -----------------------------------------------------------\n   👇 点击状态 (Active)：物理反馈\n   ----------------------------------------------------------- */\n.wa2-opt:active {\n    transform: translateX(4px) translateY(2px) !important; /* 下沉 */\n    border-bottom-width: 1px !important; /* 厚度消失 */\n    background: #81D4FA !important; /* 颜色更深 */\n    box-shadow: inset 0 2px 4px rgba(0,0,0,0.1) !important; /* 内阴影 */\n}\n\n/* -----------------------------------------------------------\n   🌙 夜间模式适配\n   ----------------------------------------------------------- */\n.dark .wa2-opt {\n    /* 深色菜单底 */\n    background-color: #263238 !important;\n    background-image: repeating-linear-gradient(\n        45deg,\n        transparent,\n        transparent 10px,\n        rgba(255,255,255,0.03) 11px\n    ) !important;\n    \n    border-color: #37474F !important;\n    border-top-color: #546E7A !important;\n    border-bottom-color: #102027 !important;\n    \n    color: #B0BEC5 !important;\n    text-shadow: 0 -1px 0 #000000 !important;\n}\n\n.dark .wa2-opt:hover {\n    /* 夜间高亮：深邃的星空蓝 */\n    background: linear-gradient(90deg, #1E3A8A 0%, #1565C0 100%) !important;\n    border-color: #64B5F6 !important;\n    color: #E3F2FD !important;\n}\n\n.dark .wa2-opt:hover::before {\n    color: #90CAF9 !important;\n}\n\n/* * -------------------------------------------------------------------\n * 模块七：移动端适配 (Mobile)\n * -------------------------------------------------------------------\n */\n@media screen and (max-width: 768px) {\n    .group .bg-gray-100\\/90 { padding: 25px 20px !important; }\n    \n    /* 缩小右下角水印 */\n    .group .bg-gray-100\\/90::after {\n        font-size: 80px !important;\n        bottom: 0 !important;\n    }\n    \n    .group .bg-gray-100\\/90 h1 { font-size: 1.5em !important; }\n    .group .bg-gray-100\\/90 p { font-size: 1.1em !important; }\n    \n    /* 选项按钮在手机上更紧凑 */\n    .wa2-opt { padding: 10px 12px !important; font-size: 1em !important; }\n}\n\n/* * -------------------------------------------------------------------\n * 模块七：加载动画 (Loading) - 图片外链版\n * -------------------------------------------------------------------\n */\n\n/* 1. 隐藏原本的“三个点”动画 */\n.style_dot-flashing__8L91Q { \n    display: none !important; \n}\n\n/* 2. 重塑加载容器 */\n.flex.items-center.justify-center.w-6.h-5 {\n    width: 100% !important; \n    height: auto !important; \n    max-width: 600px !important; /*稍微限制一下宽度，太宽会糊*/\n    aspect-ratio: 2 / 1 !important; /* 保持图片比例 */\n    padding: 0 !important;\n    \n    /* 背景：深邃的黑，衬托动画 */\n    background: radial-gradient(circle, #1A1A1A 0%, #000000 100%) !important;\n    \n    /* 边框：改为钢琴漆黑 */\n    border: 4px solid #000000 !important; \n    border-radius: 4px !important;\n    \n    /* [关键修改] 发光效果：改为冰蓝色以匹配 WA2 主题 */\n    /* 如果想要原来的金色，把 41, 182, 246 改回 255, 179, 71 即可 */\n    box-shadow: \n        0 0 20px rgba(41, 182, 246, 0.6), \n        inset 0 0 40px rgba(41, 182, 246, 0.2) !important;\n        \n    position: relative !important; \n    overflow: hidden !important;\n    display: flex !important; \n    align-items: center !important; \n    justify-content: center !important;\n    margin: 10px auto !important;\n}\n\n/* 3. 注入你的外链动图 */\n.flex.items-center.justify-center.w-6.h-5::before {\n    content: '' !important; \n    width: 100% !important; \n    height: 100% !important;\n    position: absolute !important; \n    top: 0 !important; left: 0 !important;\n    \n    /* 你的原版外链 */\n    background-image: url('https://img.cdn1.vip/i/6911fc3e0fd53_1762786366.webp') !important;\n    \n    background-size: contain !important; /* 改为 contain 防止被裁切 */\n    background-repeat: no-repeat !important;\n    background-position: center !important; \n    z-index: 5 !important;\n    \n    /* [关键修改] 图片投影：改为冰蓝色 */\n    filter: drop-shadow(0 0 10px rgba(41, 182, 246, 0.5)) !important;\n}\n\n/* * -------------------------------------------------------------------\n * 模块八：BBS 论坛美化 - 峰城大附属内网 (Aoi-Net Style)\n * -------------------------------------------------------------------\n */\n\n/* 1. BBS 容器整体 */\n.group .bg-gray-100\\/90 .bbs-container {\n    background: transparent !important;\n    border: 1px solid #CFD8DC !important;\n    border-radius: 4px !important;\n    margin: 15px auto !important;\n    padding: 0 !important;\n    width: 100% !important;\n    overflow: hidden !important;\n}\n.dark .group .bg-gray-100\\/90 .bbs-container {\n    border-color: #37474F !important;\n}\n\n/* 2. BBS 标题栏 (Summary) - 模仿浏览器标题条 */\n.group .bg-gray-100\\/90 .bbs-container > summary {\n    font-family: 'Microsoft YaHei', sans-serif !important;\n    font-size: 1.1em !important;\n    font-weight: 700 !important;\n    color: #FFFFFF !important;\n    padding: 8px 12px !important;\n    cursor: pointer !important;\n    outline: none !important;\n    list-style: none;\n    \n    background: #0277BD !important; /* 论坛经典蓝 */\n    border-left: 4px solid #B3E5FC !important; /* 浅蓝点缀 */\n    transition: background 0.2s ease;\n}\n.dark .group .bg-gray-100\\/90 .bbs-container > summary {\n    background: #1565C0 !important; /* 夜间深蓝 */\n    border-left-color: #546E7A !important;\n}\n\n.group .bg-gray-100\\/90 .bbs-container > summary:hover {\n    background: #0288D1 !important; /* 悬停变亮 */\n}\n\n/* 图标：改为地球仪 🌐 或 信号 📶 */\n.group .bg-gray-100\\/90 .bbs-container > summary::before {\n    content: '🌐' !important;\n    font-size: 1.1em;\n    margin-right: 8px;\n    transition: transform 0.3s;\n    display: inline-block;\n}\n.group .bg-gray-100\\/90 .bbs-container[open] > summary::before {\n    transform: rotate(180deg);\n}\n.group .bg-gray-100\\/90 .bbs-container > summary::-webkit-details-marker { display: none; }\n\n/* 3. BBS 内容区域 */\n.group .bg-gray-100\\/90 .bbs-content {\n    padding: 10px 15px !important;\n    background: #FAFAFA !important; /* 纯白底 */\n    border-top: 1px solid #E0E0E0 !important;\n    color: #37474F !important;\n    font-family: 'Microsoft YaHei', sans-serif !important;\n    font-size: 0.95em !important;\n}\n.dark .group .bg-gray-100\\/90 .bbs-content {\n    background: #1A2332 !important; /* 夜间深蓝底 */\n    color: #B0BEC5 !important;\n    border-top-color: #37474F !important;\n}\n\n/* 4. 版块标题 (Section Header) */\n.group .bg-gray-100\\/90 .bbs-section {\n    font-size: 1.05em !important;\n    font-weight: 800 !important;\n    color: #0277BD !important; /* 标题蓝 */\n    border-bottom: 2px solid #E1F5FE !important;\n    padding-bottom: 5px !important;\n    margin: 15px 0 10px 0 !important;\n}\n.dark .group .bg-gray-100\\/90 .bbs-section {\n    color: #90CAF9 !important;\n    border-bottom-color: #37474F !important;\n}\n\n/* 5. 帖子列表项 */\n.group .bg-gray-100\\/90 .bbs-thread-list {\n    list-style: none !important;\n    padding: 0 !important;\n    margin: 0 !important;\n}\n.group .bg-gray-100\\/90 .bbs-thread {\n    padding: 6px 0 !important;\n    border-bottom: 1px dashed #CFD8DC !important; /* 虚线分隔 */\n    display: flex !important;\n    align-items: center !important;\n    flex-wrap: wrap !important;\n}\n.dark .group .bg-gray-100\\/90 .bbs-thread {\n    border-bottom-color: #455A64 !important;\n}\n\n/* 6. [核心] 多彩标签 (Tags) - 找回丢失的颜色 */\n.group .bg-gray-100\\/90 .bbs-tag {\n    display: inline-block;\n    padding: 2px 6px;\n    border-radius: 3px;\n    font-weight: 700;\n    font-size: 0.8em;\n    margin-right: 8px;\n    min-width: 32px;\n    text-align: center;\n    color: #FFFFFF !important;\n    box-shadow: 0 1px 2px rgba(0,0,0,0.1); /* 轻微立体感 */\n}\n\n/* 颜色定义 (Day Mode) */\n.group .bg-gray-100\\/90 .tag-pinned { background: #37474F !important; } /* 置顶：深黑 */\n.group .bg-gray-100\\/90 .tag-hot    { background: #E91E63 !important; } /* 热帖：玫红 */\n.group .bg-gray-100\\/90 .tag-new    { background: #43A047 !important; } /* 新帖：翠绿 */\n.group .bg-gray-100\\/90 .tag-academic { background: #5D4037 !important; } /* 学术：褐色 */\n.group .bg-gray-100\\/90 .tag-gossip { background: #7B1FA2 !important; } /* 八卦：紫色 */\n.group .bg-gray-100\\/90 .tag-chat   { background: #78909C !important; } /* 闲聊：蓝灰 */\n.group .bg-gray-100\\/90 .tag-recruit{ background: #0288D1 !important; } /* 招募：亮蓝 */\n\n/* 颜色定义 (Night Mode) - 稍微降低亮度，避免刺眼 */\n.dark .group .bg-gray-100\\/90 .tag-pinned { background: #263238 !important; }\n.dark .group .bg-gray-100\\/90 .tag-hot    { background: #C2185B !important; }\n.dark .group .bg-gray-100\\/90 .tag-new    { background: #2E7D32 !important; }\n.dark .group .bg-gray-100\\/90 .tag-academic { background: #4E342E !important; }\n.dark .group .bg-gray-100\\/90 .tag-gossip { background: #6A1B9A !important; }\n.dark .group .bg-gray-100\\/90 .tag-chat   { background: #546E7A !important; }\n.dark .group .bg-gray-100\\/90 .tag-recruit{ background: #0277BD !important; }\n\n/* 7. 帖子标题与作者 */\n.group .bg-gray-100\\/90 .bbs-title {\n    font-weight: 700 !important;\n    color: #263238 !important;\n    margin-right: 5px;\n}\n.dark .group .bg-gray-100\\/90 .bbs-title {\n    color: #ECEFF1 !important;\n}\n\n.group .bg-gray-100\\/90 .bbs-author {\n    font-size: 0.85em !important;\n    color: #90A4AE !important; /* 浅灰色 */\n    margin-left: auto; /* 作者名右对齐 */\n}\n.dark .group .bg-gray-100\\/90 .bbs-author {\n    color: #607D8B !important;\n}\n\n/* * -------------------------------------------------------------------\n * 模块九：补丁 - 标题栏交互 (Summary Hover) - 内敛钢琴漆版\n * -------------------------------------------------------------------\n */\n\n/* [日间模式] 悬停效果 */\n.group .bg-gray-100\\/90 summary:hover {\n    /* 1. 背景：不再变色，而是增加一种“光泽感” (从左到右的微弱渐变) */\n    background: linear-gradient(90deg, #455A64, #37474F) !important;\n    \n    /* 2. 边框：左侧装饰条变亮，这是主要的反馈 */\n    border-left-color: #4FC3F7 !important; /* 冰蓝色变亮 */\n    \n    /* 3. 阴影：去掉发光，改为极淡的投影，让它轻轻浮起 */\n    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.15) !important;\n    \n    /* 4. 文字：去掉光晕，保持纯净的亮白，增加一点点字间距表示呼吸感 */\n    text-shadow: none !important;\n    color: #FFFFFF !important;\n    letter-spacing: 1px !important; /* 微微舒展 */\n    \n    /* 5. 动效：不再放大(scale)，而是向右轻微移动，模拟被按下的琴键 */\n    transform: translateX(4px) !important;\n    z-index: 10 !important;\n}\n\n/* [夜间模式] 悬停效果 */\n.dark .group .bg-gray-100\\/90 summary:hover {\n    /* 背景：提亮一点点 */\n    background: linear-gradient(90deg, #37474F, #263238) !important;\n    \n    /* 左侧条：紫色变亮 */\n    border-left-color: #CE93D8 !important; \n    \n    /* 阴影：非常克制的微光，仅用于区分背景 */\n    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3) !important;\n    \n    /* 动效 */\n    transform: translateX(4px) !important;\n}\n\n/* 保持丝滑过渡 */\n.group .bg-gray-100\\/90 summary {\n    transition: all 0.3s cubic-bezier(0.215, 0.610, 0.355, 1) !important;\n}\n\n/* * ===================================================================\n * Kyocera W51K Interface Style\n * Theme: 2007 Winter / Cold LCD\n * Class Constraint: Max 3 chars\n * ===================================================================\n */\n\n/* 1. 手机外壳容器 (.ph = Phone) */\n.ph {\n    /* 外壳质感：磨砂黑 */\n    background: #121212 !important;\n    border: 1px solid #37474F !important;\n    border-radius: 4px !important; /* 微圆角，硬朗风格 */\n    border-left: 4px solid #00E5FF !important; /* 京瓷冰蓝侧边条 */\n    margin: 1.5em auto !important;\n    max-width: 450px !important; /* 限制宽度，模拟手持设备 */\n    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.5) !important;\n    overflow: hidden !important;\n    font-family: 'Courier New', 'Microsoft YaHei', monospace !important; /* 等宽字体模拟数码感 */\n}\n\n/* 2. 触发器/外屏 (.ph summary) */\n.ph > summary {\n    background: linear-gradient(90deg, #1c2529, #121212) !important;\n    color: #00E5FF !important; /* 信号蓝 */\n    padding: 10px 15px !important;\n    font-size: 0.9em !important;\n    font-weight: bold !important;\n    cursor: pointer !important;\n    list-style: none !important;\n    border-bottom: 1px solid #263238 !important;\n    display: flex !important;\n    justify-content: space-between !important;\n    align-items: center !important;\n    text-shadow: 0 0 5px rgba(0, 229, 255, 0.5) !important; /* 发光字 */\n}\n.ph > summary::-webkit-details-marker { display: none !important; }\n\n/* 3. 内屏显示区 (.scr = Screen) */\n.scr {\n    background-color: #080f14 !important; /* 深邃的液晶黑 */\n    color: #e0f7fa !important; /* 偏冷的白色文字 */\n    position: relative !important;\n    padding: 0 !important;\n    min-height: 300px !important;\n    \n    /* [核心] LCD 扫描线效果 */\n    background-image: linear-gradient(\n        rgba(18, 16, 16, 0) 50%, \n        rgba(0, 0, 0, 0.25) 50%\n    ), linear-gradient(\n        90deg, \n        rgba(255, 0, 0, 0.06), \n        rgba(0, 255, 0, 0.02), \n        rgba(0, 0, 255, 0.06)\n    ) !important;\n    background-size: 100% 2px, 3px 100% !important; /* 模拟像素点 */\n}\n\n/* 4. 状态栏 (.bar = Status Bar) */\n.bar {\n    display: flex !important;\n    justify-content: space-between !important;\n    padding: 5px 10px !important;\n    background: rgba(0, 229, 255, 0.1) !important; /* 淡淡的背光 */\n    font-size: 0.75em !important;\n    border-bottom: 1px solid rgba(0, 229, 255, 0.2) !important;\n    color: #00E5FF !important;\n}\n\n/* 5. 待机主屏 (.ui = User Interface) */\n.ui {\n    padding: 20px 15px !important;\n    text-align: center !important;\n    border-bottom: 1px dashed #37474F !important;\n}\n/* 日期 (.dat) */\n.dat {\n    font-size: 0.9em !important;\n    opacity: 0.8 !important;\n    letter-spacing: 1px !important;\n}\n/* 天气/倒计时 (.wea) */\n.wea {\n    font-size: 1.1em !important;\n    margin: 10px 0 !important;\n    color: #ffffff !important;\n    text-shadow: 0 0 8px rgba(255, 255, 255, 0.6) !important;\n}\n/* 地点 (.loc) - 模拟滚动条 */\n.loc {\n    background: #000000 !important;\n    color: #FFB74D !important; /* 橙色高亮 */\n    padding: 4px !important;\n    font-size: 0.8em !important;\n    border: 1px solid #37474F !important;\n    margin-top: 10px !important;\n    white-space: nowrap !important;\n    overflow: hidden !important;\n}\n/* 调试信息 (.mod) */\n.mod {\n    font-size: 0.7em !important;\n    color: #546E7A !important;\n    margin-top: 5px !important;\n}\n\n/* 6. 收件箱 (.msg = Message) */\n.msg {\n    padding: 10px !important;\n}\n/* 标题 (.hdr) */\n.hdr {\n    font-size: 0.85em !important;\n    color: #00E5FF !important;\n    border-left: 3px solid #00E5FF !important;\n    padding-left: 6px !important;\n    margin-bottom: 8px !important;\n    font-weight: bold !important;\n}\n/* 列表 (.lst) */\n.lst {\n    list-style: none !important;\n    padding: 0 !important;\n    margin: 0 !important;\n}\n.lst li {\n    padding: 6px 0 !important;\n    border-bottom: 1px solid #1c2529 !important;\n    font-size: 0.85em !important;\n    color: #B0BEC5 !important;\n}\n/* 小字/摘要 (.sub) */\n.sub {\n    display: block !important;\n    white-space: nowrap !important;\n    overflow: hidden !important;\n    text-overflow: ellipsis !important;\n}\n\n/* 7. 浏览器/BBS (.net = Internet) */\n.net {\n    background: #e0e0e0 !important; /* 模拟白底网页 */\n    margin: 10px !important;\n    border-radius: 2px !important;\n    overflow: hidden !important;\n    /* 默认折叠，不需要额外样式，由 details 控制 */\n}\n/* 地址栏 (.url) - BBS触发器 */\n.url {\n    background: #0277BD !important; /* i-mode 蓝 */\n    color: white !important;\n    padding: 5px 10px !important;\n    font-size: 0.75em !important;\n    cursor: pointer !important;\n    list-style: none !important;\n    font-weight: bold !important;\n    white-space: nowrap !important;\n    overflow: hidden !important;\n    text-overflow: ellipsis !important;\n}\n.url::-webkit-details-marker { display: none !important; }\n\n/* 网页内容 (.pg = Page) */\n.pg {\n    padding: 8px !important;\n    color: #333 !important;\n    font-family: 'SimSun', serif !important; /* 网页用宋体 */\n}\n/* 版块标题 (.sec) */\n.sec {\n    background: #B3E5FC !important;\n    color: #01579B !important;\n    font-size: 0.8em !important;\n    padding: 2px 4px !important;\n    margin-top: 5px !important;\n    font-weight: bold !important;\n}\n/* 帖子行 (.row) */\n.row {\n    font-size: 0.8em !important;\n    border-bottom: 1px dotted #999 !important;\n    padding: 4px 0 !important;\n    display: flex !important;\n    align-items: center !important;\n}\n/* 标签 (.tag) */\n.tag {\n    background: #546E7A !important;\n    color: #fff !important;\n    font-size: 0.7em !important;\n    padding: 1px 3px !important;\n    border-radius: 2px !important;\n    margin-right: 4px !important;\n    flex-shrink: 0 !important;\n}\n\n/* ===================================================================\n * 峰城大附属 · 校园公告栏 (Low-Contrast Winter Theme)\n * =================================================================== */\n\n/* 1. 公告栏容器 (.bb) - 避免纯白，使用米灰/冷灰 */\n.bb {\n    background: #f8f9fa !important; /* 冷灰底色，防过曝 */\n    border: 1px solid #cfd8dc !important; /* 灰蓝边框 */\n    border-radius: 4px !important;\n    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05) !important; /* 极淡的阴影 */\n    font-family: 'Noto Serif SC', 'SimSun', serif !important;\n    color: #37474f !important; /* 深灰蓝文字，非纯黑 */\n    margin: 1.5em auto !important;\n    overflow: hidden !important;\n    max-width: 600px !important;\n}\n\n/* Summary 标题 - 极简处理 */\n.bb > summary {\n    background: #eceff1 !important;\n    color: #455a64 !important;\n    padding: 6px 12px !important;\n    font-size: 0.85em !important;\n    font-weight: bold !important;\n    border-bottom: 1px solid #cfd8dc !important;\n    cursor: pointer !important;\n    list-style: none !important;\n}\n.bb > summary::-webkit-details-marker { display: none !important; }\n\n/* 2. 顶部锚点区 (.hd) - 深色压顶，建立层级 */\n.hd {\n    background: #37474f !important; /* 深蓝灰背景 */\n    color: #eceff1 !important; /* 灰白文字，降低对比度 */\n    padding: 12px 15px !important;\n    display: flex !important;\n    justify-content: space-between !important;\n    align-items: flex-start !important;\n    font-family: sans-serif !important; /* 信息区用无衬线体 */\n}\n\n/* 左侧信息 (.l) */\n.hd .l { display: flex !important; flex-direction: column !important; gap: 4px !important; }\n\n/* 时间 (.tm) */\n.tm { font-size: 1em !important; letter-spacing: 0.5px !important; }\n.tm b { color: #ffffff !important; font-weight: 700 !important; }\n.tm sep { color: #78909c !important; margin: 0 4px !important; }\n.tm span { color: #cfd8dc !important; }\n\n/* 地点 (.lc) */\n.lc { font-size: 0.8em !important; color: #90a4ae !important; margin-top: 2px !important; }\n\n/* 右侧标签 (.r / .mt) */\n.mt { display: flex !important; flex-direction: column !important; align-items: flex-end !important; gap: 5px !important; }\n.tg {\n    font-size: 0.75em !important;\n    background: rgba(0, 0, 0, 0.2) !important; /* 半透明深底 */\n    color: #b0bec5 !important;\n    padding: 2px 6px !important;\n    border-radius: 3px !important;\n    border: 1px solid rgba(255, 255, 255, 0.1) !important;\n    white-space: nowrap !important;\n}\n.tg b { color: #81d4fa !important; } /* 开关状态微亮 */\n\n/* 3. 环境描写 (.ds) - 纸张质感 */\n.ds {\n    background: #fff !important; /* 纯白区留给这里 */\n    color: #546e7a !important;\n    padding: 10px 15px !important;\n    font-size: 0.9em !important;\n    font-style: italic !important;\n    border-bottom: 1px dashed #cfd8dc !important;\n    line-height: 1.6 !important;\n}\n.ds .ico { color: #b0bec5 !important; margin-right: 6px !important; }\n\n/* 4. 内容主体 (.bd) */\n.bd { padding: 15px !important; background: #f8f9fa !important; }\n\n/* 通用标题 (<tt>) */\n.bd tt {\n    display: block !important;\n    font-size: 0.75em !important;\n    font-weight: bold !important;\n    color: #90a4ae !important;\n    margin-bottom: 8px !important;\n    letter-spacing: 1px !important;\n    border-left: 3px solid #b0bec5 !important;\n    padding-left: 6px !important;\n    text-transform: uppercase !important;\n}\n\n/* 5. 心境盒子 (.bx) */\n.bx { margin-bottom: 15px !important; }\n.ln { font-size: 0.9em !important; margin-bottom: 5px !important; padding-left: 4px !important; }\n/* 困局 (s = Stuck) - 哑光红 */\n.ln.s b { color: #c62828 !important; margin-right: 4px !important; }\n/* 破局 (k = Key) - 哑光绿 */\n.ln.k b { color: #2e7d32 !important; margin-right: 4px !important; }\n\n/* 6. 行事历列表 (.ls) */\n.ls { margin-bottom: 15px !important; }\n\n/* 单条事项 (.it) */\n.it {\n    display: flex !important;\n    justify-content: space-between !important;\n    align-items: center !important;\n    padding: 6px 0 !important;\n    border-bottom: 1px solid #e0e0e0 !important;\n    font-size: 0.9em !important;\n}\n.it:last-child { border-bottom: none !important; }\n\n/* 类型图标 (.ty) */\n.ty {\n    display: inline-block !important;\n    font-size: 0.7em !important;\n    padding: 1px 4px !important;\n    border-radius: 2px !important;\n    margin-right: 6px !important;\n    color: #fff !important;\n    min-width: 36px !important;\n    text-align: center !important;\n}\n/* 配色方案：低饱和度 */\n.ty[c=\"公\"] { background: #546e7a !important; } /* 蓝灰 */\n.ty[c=\"私\"] { background: #8e24aa !important; } /* 暗紫 */\n.ty[c=\"急\"] { background: #d32f2f !important; } /* 暗红 */\n\n/* 收益/右侧信息 (.rw) */\n.rw {\n    font-size: 0.85em !important;\n    color: #f57f17 !important; /* 琥珀色 */\n    background: rgba(245, 127, 23, 0.08) !important;\n    padding: 1px 5px !important;\n    border-radius: 2px !important;\n}\n\n/* 7. 校内放送 (.nw) */\n.nw .rw {\n    display: block !important;\n    background: transparent !important;\n    color: #455a64 !important;\n    padding: 4px 0 !important;\n    border-bottom: 1px dotted #cfd8dc !important;\n    font-size: 0.85em !important;\n}\n.nw .rw b { color: #1565c0 !important; margin-right: 5px !important; } /* 暗蓝标题 */\n\n/* ===================================================================\n * 修复补丁：去过曝 & 增强对比度 (Ink Fix)\n * 请放在所有CSS的最下方\n * =================================================================== */\n\n/* 1. 全局去雾：强制加深文字与边框 */\n.bb {\n    /* 边框加深，更有轮廓感 */\n    border: 1px solid #b0bec5 !important; \n    /* 文字不再用浅灰，改用深墨色 */\n    color: #263238 !important; \n}\n\n/* 2. 顶部锚点区 (.hd) - 抢救“隐形”的时间地点 */\n.hd {\n    /* 给头部加一个明显的银灰底色，不再让它和背景融为一体 */\n    background: #e0e0e0 !important; \n    border-bottom: 1px solid #b0bec5 !important;\n    color: #37474f !important;\n}\n\n/* 时间与地点文字加深 */\n.tm b { color: #000000 !important; } /* 时间纯黑 */\n.tm span { color: #455a64 !important; } /* 星期深灰 */\n.lc { \n    color: #546e7a !important; /* 地点不再是浅灰，改为深蓝灰 */\n    font-weight: 600 !important; /* 稍微加粗 */\n}\n\n/* 3. 右上角标签 (.tg) - 修复“看不清字” */\n.tg {\n    /* 底色加深，不再是透明 */\n    background: #cfd8dc !important; \n    border: 1px solid #b0bec5 !important;\n    /* 文字加深 */\n    color: #37474f !important; \n    text-shadow: none !important; /* 去掉发光，防止模糊 */\n    font-weight: bold !important;\n}\n.tg b { color: #0277bd !important; } /* ON/OFF 状态改用深蓝 */\n\n/* 4. 环境描写 (.ds) - 增强阅读感 */\n.ds {\n    color: #37474f !important; /* 加深 */\n    border-bottom-color: #b0bec5 !important; /* 分割线加深 */\n    background: #fff !important; /* 确保这里是纯白底，突出文字 */\n}\n\n/* 5. 标题栏 (.bx tt, .ls tt) - 增强层级 */\n.bd tt {\n    color: #455a64 !important;\n    background: rgba(0,0,0,0.04) !important; /* 给标题条加一点点灰底 */\n    border-left: 4px solid #78909c !important; /* 左侧装饰条加深 */\n}\n\n/* 6. 列表项 (.it) - 修复分割线过淡 */\n.it {\n    border-bottom: 1px solid #cfd8dc !important;\n}\n\n/* 7. 右侧收益文字 (.rw) - 修复过曝的橙色 */\n.rw {\n    /* 改为深赭石色，白底上更清晰 */\n    color: #e65100 !important; \n    background: rgba(255, 111, 0, 0.12) !important;\n    font-weight: bold !important;\n}\n\n/* ===================================================================\n * 生徒手帐 · 样式表 (Student Handbook Theme)\n * =================================================================== */\n\n/* 1. 容器 (.sh) - 仿真笔记本质感 */\n.sh {\n    background: #ffffff !important;\n    border: 1px solid #b0bec5 !important;\n    border-top: 4px solid #546e7a !important; /* 顶部加粗像笔记本脊 */\n    border-radius: 4px !important;\n    box-shadow: 0 4px 6px rgba(0,0,0,0.05) !important;\n    font-family: 'Noto Serif SC', serif !important;\n    color: #37474f !important;\n    margin: 1.5em auto !important;\n    max-width: 600px !important;\n    overflow: visible !important; /* 允许悬浮窗溢出 */\n}\n\n/* 标题栏 */\n.sh > summary {\n    background: #eceff1 !important;\n    color: #263238 !important;\n    padding: 8px 12px !important;\n    font-weight: bold !important;\n    border-bottom: 1px solid #cfd8dc !important;\n    cursor: pointer !important;\n    list-style: none !important;\n}\n.sh > summary::-webkit-details-marker { display: none !important; }\n\n/* 2. 基础档案区 (.bio) */\n.bio {\n    padding: 12px 15px !important;\n    background: #fafafa !important;\n    border-bottom: 1px dashed #cfd8dc !important;\n}\n\n/* 顶部信息 (.top) */\n.bio .top {\n    display: flex !important;\n    justify-content: space-between !important;\n    align-items: baseline !important;\n    margin-bottom: 8px !important;\n}\n.nm { font-size: 1.2em !important; font-weight: bold !important; color: #000 !important; }\n.inf { font-size: 0.85em !important; color: #78909c !important; }\n\n/* 3. 资源条 (.res) */\n.res { display: flex !important; gap: 10px !important; align-items: center !important; }\n\n/* 进度条通用 (.bar) */\n.bar {\n    flex: 1 !important;\n    height: 14px !important;\n    background: #eceff1 !important;\n    border: 1px solid #cfd8dc !important;\n    border-radius: 7px !important;\n    position: relative !important;\n    overflow: hidden !important;\n    cursor: help !important; /* 提示可悬停 */\n}\n/* 进度值 */\n.bar .val {\n    height: 100% !important;\n    transition: width 0.3s !important;\n}\n/* 体力条 (hp) - 灰绿 */\n.hp .val { background: #81c784 !important; }\n/* 灵感条 (mp) - 灰蓝 */\n.mp .val { background: #64b5f6 !important; }\n\n/* 条内文字 (.txt) */\n.bar .txt {\n    position: absolute !important;\n    width: 100% !important;\n    text-align: center !important;\n    font-size: 9px !important;\n    line-height: 14px !important;\n    color: rgba(0,0,0,0.5) !important;\n    font-weight: bold !important;\n    letter-spacing: 1px !important;\n    z-index: 2 !important;\n}\n\n/* 状态徽章 (.bdg) */\n.bdg {\n    font-size: 0.8em !important;\n    background: #546e7a !important;\n    color: #fff !important;\n    padding: 1px 6px !important;\n    border-radius: 3px !important;\n    cursor: help !important;\n}\n\n/* 4. 音律核心区 (.core) - 重点突出 */\n.core { padding: 15px !important; background: #fff !important; }\n\n/* 乐理主体 (.root) - 视觉核心 */\n.root {\n    border: 2px solid #90a4ae !important; /* 加粗边框 */\n    background: rgba(144, 164, 174, 0.1) !important; /* 淡淡的底色 */\n    padding: 8px 12px !important;\n    border-radius: 4px !important;\n    display: flex !important;\n    justify-content: space-between !important;\n    align-items: center !important;\n    margin-bottom: 12px !important;\n    cursor: help !important;\n    position: relative !important;\n}\n.root .lbl { font-size: 0.75em !important; font-weight: bold !important; color: #546e7a !important; letter-spacing: 1px !important; }\n.root .grd { font-size: 1.1em !important; color: #263238 !important; } /* Lv等级加黑 */\n.root .tit { font-size: 0.85em !important; color: #0277bd !important; font-style: italic !important; }\n\n/* 四维技法 (.art) - 网格布局 */\n.art {\n    display: flex !important;\n    gap: 8px !important;\n}\n.dim {\n    flex: 1 !important;\n    border: 1px solid #e0e0e0 !important;\n    background: #fafafa !important;\n    padding: 6px 4px !important;\n    text-align: center !important;\n    border-radius: 3px !important;\n    cursor: help !important;\n    position: relative !important;\n    transition: all 0.2s !important;\n}\n.dim:hover { border-color: #90a4ae !important; background: #f5f5f5 !important; }\n\n.dim tt { display: block !important; font-size: 0.75em !important; color: #78909c !important; margin-bottom: 2px !important; }\n.dim b { font-size: 0.95em !important; color: #37474f !important; }\n\n/* 5. 学业成绩区 (.aca) */\n.aca {\n    display: flex !important;\n    border-top: 1px dashed #cfd8dc !important;\n    padding: 10px 15px !important;\n    background: #fcfcfc !important;\n    gap: 5px !important;\n    flex-wrap: wrap !important;\n}\n.sub {\n    flex: 1 !important;\n    font-size: 0.75em !important;\n    text-align: center !important;\n    color: #607d8b !important;\n    border-right: 1px solid #eee !important;\n    cursor: help !important;\n    position: relative !important;\n    min-width: 40px !important;\n}\n.sub:last-child { border-right: none !important; }\n.sub b { display: block !important; margin-top: 2px !important; color: #455a64 !important; }\n\n/* ===================================================================\n * 悬浮窗系统 (Tooltip System) - 核心交互\n * 适用于所有带 d=\"...\" 属性的元素\n * =================================================================== */\n\n/* 悬浮窗主体 */\n[d]:hover::after {\n    content: attr(d) !important; /* 读取HTML中的d属性 */\n    position: absolute !important;\n    \n    /* 位置调整：显示在上方 */\n    bottom: 100% !important;\n    left: 50% !important;\n    transform: translateX(-50%) translateY(-8px) !important;\n    \n    /* 样式：深色半透明面板 */\n    background: rgba(38, 50, 56, 0.95) !important;\n    color: #eceff1 !important;\n    font-size: 0.8em !important;\n    line-height: 1.5 !important;\n    padding: 8px 12px !important;\n    border-radius: 4px !important;\n    width: max-content !important;\n    max-width: 220px !important; /* 限制最大宽度防止太宽 */\n    \n    /* 文本处理 */\n    white-space: pre-wrap !important; /* 识别换行符 */\n    text-align: left !important;\n    z-index: 999 !important;\n    box-shadow: 0 4px 10px rgba(0,0,0,0.2) !important;\n    pointer-events: none !important; /* 鼠标不可点击悬浮窗 */\n    \n    /* 小三角装饰 */\n    border-bottom: 2px solid #78909c !important; \n}\n\n/* 适配：如果元素太靠左/右，可能被遮挡的微调逻辑 (可选) */\n/* 这里默认居中，通常足够使用 */\n\n/* ===================================================================\n * 修复补丁：弹窗逻辑修正 & 人设区域美化\n * =================================================================== */\n\n/* 1. 核心定位修正：确保所有弹窗挂载点具备溢出显示能力 */\n.sh, .bio, .aca, .res, .grp, .sub, .dim, .root {\n    position: relative !important;\n    overflow: visible !important; /* 强制允许弹窗溢出容器边界 */\n}\n\n/* 2. 人设详情区 (.des) 美化 - 低对比度文学感 */\n.des {\n    padding: 10px 0 !important;\n    margin-bottom: 12px !important;\n    border-bottom: 1px solid #eeeeee !important;\n}\n.des .row {\n    font-size: 0.85em !important;\n    line-height: 1.6 !important;\n    color: #455a64 !important; /* 深蓝灰，防过曝 */\n    margin-bottom: 4px !important;\n    text-align: left !important;\n}\n.des .row b {\n    color: #78909c !important; /* 标签色淡化 */\n    margin-right: 4px !important;\n    font-weight: bold !important;\n}\n\n/* 3. 资源条容器 (.grp) 布局修正 */\n.res {\n    display: flex !important;\n    gap: 12px !important;\n    margin-top: 10px !important;\n}\n.grp {\n    flex: 1 !important;\n    position: relative !important;\n    cursor: help !important;\n}\n\n/* 4. 弹窗系统 (Tooltip) 深度修正 */\n[d] {\n    pointer-events: auto !important; /* 确保能触发 hover */\n}\n\n[d]:hover::after {\n    content: attr(d) !important;\n    position: absolute !important;\n    \n    /* 强制置顶显示 */\n    bottom: 120% !important; \n    left: 50% !important;\n    transform: translateX(-50%) !important;\n    \n    /* 视觉设计：深墨色背板，高对比度防模糊 */\n    background: rgba(38, 50, 56, 0.98) !important;\n    color: #ffffff !important;\n    padding: 8px 12px !important;\n    font-size: 12px !important;\n    line-height: 1.5 !important;\n    border-radius: 4px !important;\n    box-shadow: 0 5px 15px rgba(0,0,0,0.3) !important;\n    \n    /* 识别换行符并强制最高层级 */\n    white-space: pre-wrap !important;\n    z-index: 9999 !important; \n    width: max-content !important;\n    max-width: 250px !important;\n    pointer-events: none !important;\n}\n\n/* 5. 学业区 (.aca) 弹窗专用修正 */\n.aca {\n    display: flex !important;\n    justify-content: space-between !important;\n    background: #fcfcfc !important;\n    padding: 12px 5px !important;\n    z-index: 10 !important; /* 提升整个区域层级 */\n}\n.sub {\n    flex: 1 !important;\n    text-align: center !important;\n    border-right: 1px solid #eeeeee !important;\n}\n.sub:last-child { border-right: none !important; }\n\n/* 增加一个小三角指针 */\n[d]:hover::before {\n    content: '' !important;\n    position: absolute !important;\n    bottom: 120% !important;\n    left: 50% !important;\n    margin-bottom: -10px !important;\n    transform: translateX(-50%) !important;\n    border: 6px solid transparent !important;\n    border-top-color: rgba(38, 50, 56, 0.98) !important;\n    z-index: 9999 !important;\n}\n\n/* ===================================================================\n * 修复补丁：行事历 (To-Do) 悬浮窗逻辑\n * =================================================================== */\n\n/* 1. 容器溢出修正：允许公告栏内部的弹窗向外飞出 */\n.bb, .bd, .ls, .it {\n    position: relative !important;\n    overflow: visible !important; /* 关键：防止弹窗被截断 */\n}\n\n/* 2. 奖励/结果项 (.rw) 的交互状态 */\n.it .rw {\n    cursor: help !important; /* 提示玩家此处有悬浮窗 */\n    position: relative !important;\n    display: inline-block !important;\n}\n\n/* 3. 悬浮窗样式：复用深墨色风格，保持视觉统一 */\n[d]:hover::after {\n    content: attr(d) !important;\n    position: absolute !important;\n    \n    /* 定位：显示在文字上方 */\n    bottom: 125% !important;\n    right: 0 !important; /* 靠右对齐，防止超出公告栏左侧 */\n    \n    /* 视觉设计 */\n    background: rgba(38, 50, 56, 0.98) !important;\n    color: #ffffff !important;\n    padding: 8px 12px !important;\n    font-size: 12px !important;\n    font-weight: normal !important;\n    line-height: 1.5 !important;\n    border-radius: 4px !important;\n    box-shadow: 0 4px 12px rgba(0,0,0,0.3) !important;\n    \n    /* 文本处理 */\n    white-space: pre-wrap !important;\n    z-index: 10000 !important;\n    width: max-content !important;\n    max-width: 200px !important;\n    pointer-events: none !important;\n    \n    /* 强制重置字体，防止继承斜体 */\n    font-style: normal !important;\n    letter-spacing: 0px !important;\n}\n\n/* 4. 悬浮窗小三角 */\n[d]:hover::before {\n    content: '' !important;\n    position: absolute !important;\n    bottom: 125% !important;\n    right: 15px !important;\n    margin-bottom: -10px !important;\n    border: 6px solid transparent !important;\n    border-top-color: rgba(38, 50, 56, 0.98) !important;\n    z-index: 10000 !important;\n}\n\n/* 5. 针对 [Deadline] 的特殊对比度优化 */\n.it .ty[c=\"急\"] + b + .r .rw {\n    color: #b71c1c !important; /* 紧急任务的收益显示更深，以示警示 */\n    background: rgba(211, 47, 47, 0.1) !important;\n}\n\n/* ===================================================================\n * 同学录 · 样式表 (Classmate Record Theme)\n * =================================================================== */\n\n/* 1. 外壳容器 (.cr) */\n.cr {\n    background: #ffffff !important;\n    border: 1px solid #cfd8dc !important;\n    border-radius: 4px !important;\n    box-shadow: 0 4px 12px rgba(0,0,0,0.05) !important;\n    font-family: 'Noto Serif SC', serif !important;\n    color: #37474f !important;\n    margin: 1.5em auto !important;\n    max-width: 620px !important;\n    overflow: visible !important;\n}\n\n/* 2. 快速检索栏 (.qk) */\n.qk {\n    padding: 10px 15px !important;\n    background: #f1f5f9 !important;\n    border-bottom: 1px solid #e2e8f0 !important;\n    display: flex !important;\n    align-items: center !important;\n    gap: 10px !important;\n}\n.qk tt { font-size: 0.75em !important; font-weight: bold !important; color: #64748b !important; }\n.qk i {\n    font-size: 0.8em !important;\n    font-style: normal !important;\n    background: #fff !important;\n    padding: 2px 8px !important;\n    border: 1px solid #cbd5e1 !important;\n    border-radius: 12px !important;\n    color: #475569 !important;\n}\n\n/* 3. 人物卡片通用 (.cd) */\n.cd { padding: 15px !important; background: #fff !important; }\n\n/* 头部信息 (.tp) */\n.cd .tp {\n    display: flex !important;\n    justify-content: space-between !important;\n    align-items: center !important;\n    margin-bottom: 12px !important;\n    border-bottom: 2px solid #37474f !important;\n    padding-bottom: 5px !important;\n}\n.cd name { font-size: 1.25em !important; font-weight: bold !important; color: #000 !important; }\n.cd .st { font-size: 0.85em !important; color: #78909c !important; }\n\n/* 羁绊等级 (.rel) */\n.rel {\n    font-size: 0.9em !important;\n    font-weight: bold !important;\n    color: #0277bd !important; /* 默认为理性蓝 */\n    background: rgba(2, 119, 189, 0.05) !important;\n    padding: 2px 8px !important;\n    border: 1px solid #b3e5fc !important;\n    border-radius: 2px !important;\n    cursor: help !important;\n}\n\n/* 4. 信息详情区 (.inf-g) */\n.inf-g { display: flex !important; flex-direction: column !important; gap: 15px !important; padding: 10px 0 !important; }\n\n/* 模块块 (.blk) */\n.blk { border-bottom: 1px dashed #eee !important; padding-bottom: 10px !important; }\n.blk:last-child { border-bottom: none !important; }\n.blk tt {\n    display: block !important;\n    font-size: 0.75em !important;\n    color: #90a4ae !important;\n    margin-bottom: 8px !important;\n    font-weight: bold !important;\n}\n\n/* 标签组 (.tag-g) */\n.tag-g { display: flex !important; gap: 5px !important; flex-wrap: wrap !important; margin-bottom: 8px !important; }\n.tag {\n    font-size: 0.75em !important;\n    background: #eceff1 !important;\n    color: #455a64 !important;\n    padding: 1px 6px !important;\n    border-radius: 2px !important;\n}\n.mn-st { font-size: 0.8em !important; color: #00838f !important; font-weight: bold !important; }\n\n/* 5. 观人术/穿着描述 (.des) */\n.des p { font-size: 0.85em !important; line-height: 1.8 !important; margin: 8px 0 !important; }\n.des b { color: #546e7a !important; margin-right: 5px !important; }\n\n/* 特殊：女性服饰分行描述 (.row-f) */\n.row-f {\n    font-size: 0.85em !important;\n    line-height: 1.8 !important;\n    color: #37474f !important;\n    padding-left: 1em !important;\n    border-left: 2px solid #cfd8dc !important;\n    margin-top: 5px !important;\n    white-space: pre-wrap !important; /* 保持分行显示 */\n}\n\n/* 6. 本音/内心独白 (.in-v) */\n.in-v {\n    background: #f5f5f5 !important;\n    padding: 10px !important;\n    border-radius: 4px !important;\n    font-style: italic !important;\n    font-size: 0.85em !important;\n    color: #607d8b !important;\n    margin: 10px 0 !important;\n}\n.in-v::before { content: \"“\" !important; font-size: 1.5em !important; color: #cfd8dc !important; line-height: 0 !important; vertical-align: middle !important; }\n\n/* 7. 日志列表 (.log) */\n.log { padding-left: 15px !important; margin: 5px 0 !important; }\n.log li { font-size: 0.8em !important; color: #78909c !important; margin-bottom: 3px !important; list-style-type: circle !important; }\n\n/* 8. 悬浮窗补丁：确保层级正确 */\n[d]:hover::after {\n    z-index: 10001 !important; /* 确保压住所有卡片 */\n    background: #263238 !important;\n}\n\n/* ===================================================================\n * 子模块差异化补丁：减小体积 + 浅色化处理\n * =================================================================== */\n\n/* 1. 子模块容器 (.bd) - 增加内缩感 */\n.bd {\n    margin: 8px 12px !important;\n    border: 1px solid #e2e8f0 !important;\n    border-radius: 4px !important;\n    background: #ffffff !important;\n}\n\n/* 2. 子模块页眉 (.bd > summary) - 核心缩小化 */\n.bd > summary {\n    background: #f8fafc !important; /* 换成极浅的蓝灰色 */\n    color: #475569 !important;      /* 文字改深灰蓝，不再过亮 */\n    padding: 6px 12px !important;   /* 减小内边距 */\n    font-size: 0.85em !important;   /* 缩减字号 */\n    font-weight: 600 !important;\n    border-bottom: 1px solid #e2e8f0 !important;\n    border-left: 3px solid #94a3b8 !important; /* 细边框取代粗边框 */\n    height: auto !important;\n    min-height: 0 !important;\n    line-height: 1.5 !important;\n}\n\n/* 3. 区分“特别关注”与“详细档案”的视觉暗示 */\n\n/* [特别关注] 蓝色暗示 */\n.bd[open] > summary {\n    background: #f1f5f9 !important;\n    border-left-color: #3b82f6 !important; /* 展开时高亮 */\n    color: #1e40af !important;\n}\n\n/* [人物详案] 灰色偏中性 */\n.bd:nth-of-type(2) > summary {\n    border-left-color: #64748b !important;\n}\n\n/* 4. 移除或缩小图标 - 如果您在 HTML 里用了图片/Emoji */\n.bd > summary i, \n.bd > summary .icon {\n    font-size: 0.8em !important;\n    opacity: 0.7 !important;\n    transform: scale(0.85) !important;\n}\n\n/* 5. 内部内容区 (.cd / .inf-g) 相应微调 */\n.bd .cd, .bd .inf-g {\n    padding: 10px 12px !important; /* 缩小内部边距 */\n}\n\n/* ===================================================================\n * 修复补丁：人物详案 (Profile Detail) 可读性深度优化\n * 目标：打破大面积纯白，建立卡片式层级，模拟剪贴簿质感\n * =================================================================== */\n\n/* 1. 详案总容器 (.inf-g) - 增加基础底色，不再是纯白 */\n/* 这会在详细信息周围创建一个浅灰色的背景框 */\n.inf-g {\n    background: #f8fafc !important; /* 使用一种极淡的冷灰底色 */\n    padding: 15px !important;       /* 增加内边距，让内容与边界有呼吸感 */\n    border-radius: 0 0 4px 4px !important; /* 底部圆角 */\n    border-top: 1px solid #e2e8f0 !important; /* 顶部增加分割线 */\n}\n\n/* 2. 各个信息模块 (.blk) - 做成独立的白色卡片 */\n.blk {\n    background: #ffffff !important; /* 回归纯白，与底色形成对比 */\n    padding: 15px !important;       /* 增加卡片内部空间 */\n    border: 1px solid #e2e8f0 !important; /* 实线细边框取代原来的虚线 */\n    border-radius: 4px !important;\n    margin-bottom: 15px !important; /* 增加块与块之间的间距 */\n    box-shadow: 0 2px 4px rgba(0,0,0,0.03) !important; /* 极微弱的立体感阴影 */\n}\n.blk:last-child {\n    margin-bottom: 0 !important;\n}\n\n/* 3. 模块标题栏 (<tt>) - 增强指引性，像卡片的标签 */\n.blk tt {\n    color: #334155 !important; /* 加深标题颜色 */\n    background: #f1f5f9 !important; /* 给标题加一个浅色背景条 */\n    padding: 6px 10px !important;\n    border-left: 4px solid #64748b !important; /* 左侧强调线加粗颜色加深 */\n    margin: -15px -15px 12px -15px !important; /* 撑满卡片顶部，形成通栏标题 */\n    border-bottom: 1px solid #e2e8f0 !important;\n    border-radius: 4px 4px 0 0 !important; /* 顶部圆角贴合卡片 */\n    font-size: 0.8em !important; /* 字号微调 */\n    letter-spacing: 1px !important;\n}\n\n/* 4. 精神状态评价 (.mn-st) - 独立化显示 */\n.mn-st {\n    display: inline-block !important;\n    background: #e0f2f1 !important; /* 极淡的青色背景 */\n    color: #00695c !important;      /* 深青色文字 */\n    padding: 4px 12px !important;\n    border-radius: 4px !important;\n    margin-top: 8px !important;\n    font-size: 0.85em !important;\n    border: 1px solid #b2dfdb !important;\n}\n\n/* 5. 观察笔记正文优化 (.des p, .row-f) - 提升阅读舒适度 */\n.des p, .row-f {\n    color: #334155 !important; /* 正文颜色微调加深，对比度更好 */\n    line-height: 1.8 !important; /* 保持舒适的行高 */\n    margin-bottom: 12px !important;\n}\n/* 强调关键词（如【容貌】） */\n.des b {\n    color: #0f172a !important; /* 几乎纯黑的强调色 */\n    font-weight: 700 !important;\n    margin-right: 8px !important;\n}\n\n/* 6. 本音区 (.in-v) - 更深的沉浸感笔触 */\n.in-v {\n    background: #eceff1 !important; /* 比之前更深一点的冷灰底色 */\n    border: 1px solid #cfd8dc !important; /* 边框加深 */\n    color: #455a64 !important; /* 字体颜色加深 */\n    padding: 12px 15px !important;\n    box-shadow: inset 0 1px 3px rgba(0,0,0,0.05) !important; /* 内阴影，制造凹陷感 */\n}\n.in-v::before {\n    color: #90a4ae !important; /* 引号颜色加深 */\n}\n\n/* ===================================================================\n * 进路指导 · 样式表 (Career Guidance Form Theme)\n * =================================================================== */\n\n/* 1. 容器 (.jr) - 模拟办公用纸，略带一点点纸张泛黄感以示严肃 */\n.jr {\n    background: #fdfdfd !important;\n    border: 1px solid #b0bec5 !important;\n    border-radius: 2px !important;\n    box-shadow: 0 4px 15px rgba(0,0,0,0.08) !important;\n    font-family: 'Noto Serif SC', serif !important;\n    margin: 2em auto !important;\n    max-width: 620px !important;\n    overflow: hidden !important;\n}\n\n/* 标题栏 - 模拟表单页眉 */\n.jr > summary {\n    background: #455a64 !important; /* 深灰蓝，压住底盘 */\n    color: #ffffff !important;\n    padding: 10px 15px !important;\n    font-size: 0.9em !important;\n    font-weight: bold !important;\n    letter-spacing: 2px !important;\n    cursor: pointer !important;\n    list-style: none !important;\n}\n.jr > summary::-webkit-details-marker { display: none !important; }\n\n/* 2. 主体内容 (.bd) */\n.jr .bd {\n    padding: 20px 15px !important;\n    background-image: \n        linear-gradient(rgba(176, 190, 197, 0.2) 1px, transparent 1px) !important;\n    background-size: 100% 2.5em !important; /* 模拟横线纸效果 */\n}\n\n/* 3. 选项样式 (.op) */\n.jr .op {\n    background: #ffffff !important;\n    border: 1px solid #cfd8dc !important;\n    padding: 12px 18px !important;\n    margin-bottom: 12px !important;\n    font-size: 0.95em !important;\n    color: #263238 !important;\n    border-radius: 4px !important;\n    cursor: pointer !important;\n    transition: all 0.2s ease !important;\n    position: relative !important;\n    line-height: 1.4 !important;\n    text-align: left !important;\n}\n\n/* 悬停效果：不再闪烁，而是像被圆珠笔勾选一样产生微妙的色变 */\n.jr .op:hover {\n    background: #f1f5f9 !important;\n    border-color: #78909c !important;\n    color: #01579b !important; /* 墨蓝色，模拟圆珠笔迹 */\n    transform: translateX(5px) !important; /* 轻轻右移，增加交互感 */\n}\n\n/* 最后一个选项去掉下边距 */\n.jr .op:last-child {\n    margin-bottom: 0 !important;\n}\n\n/* 4. 去过曝处理：针对白底黑字的对比度优化 */\n.jr .op {\n    box-shadow: inset 0 0 0 0 rgba(0,0,0,0) !important;\n}\n.jr .op:active {\n    background: #e1e8ed !important;\n    box-shadow: inset 0 2px 4px rgba(0,0,0,0.05) !important;\n}\n\n/* ===================================================================\n * 故事引擎 2.0 · 文本渲染补丁 (Campus Winter Narrative)\n * 适配标签: .nd, .nt, .ud, .wh, .sh, .aud, .act, .scn, .atm\n * =================================================================== */\n\n/* 1. 对话系统：建立声音的层次感 */\n\n/* NPC 对话 (.nd) - 标准墨色 */\n.nd {\n    color: #263238 !important;\n    font-weight: 500 !important;\n    line-height: 1.8 !important;\n}\n\n/* NPC 本音 (.nt) - 幽魂般的内心独白 */\n.nt {\n    color: #607d8b !important; /* 灰蓝色，代表冷淡与隐藏 */\n    font-style: italic !important;\n    font-family: \"Noto Serif SC\", serif !important;\n    letter-spacing: 0.5px !important;\n    opacity: 0.85 !important;\n}\n\n/* 玩家对话 (.ud) - 增强存在感 */\n.ud {\n    color: #000000 !important;\n    font-weight: 700 !important; /* 稍微加粗，强调玩家意志 */\n}\n\n/* 2. 情绪压力调节：声音的大小 */\n\n/* 微声耳语 (.wh) - 消失在风中的声音 */\n.wh {\n    font-size: 0.85em !important;\n    color: #90a4ae !important;\n    letter-spacing: -0.2px !important;\n    display: inline-block !important;\n    transform: translateY(-1px) !important;\n}\n\n/* 爆发呐喊 (.sh) - 情感的刺穿 */\n.sh {\n    color: #b71c1c !important; /* 暗红色，非亮红，防过曝 */\n    font-weight: 900 !important;\n    letter-spacing: 1px !important;\n    text-shadow: 0 0 1px rgba(183, 28, 28, 0.2) !important;\n}\n\n/* 3. 环境与感知：视觉化氛围 */\n\n/* 音景渲染 (.aud) - 乐章与环境音 */\n.aud {\n    display: block !important;\n    font-size: 0.8em !important;\n    color: #5c6bc0 !important; /* 琴键般的靛蓝色 */\n    margin: 8px 0 !important;\n    padding-left: 20px !important;\n    position: relative !important;\n    font-family: sans-serif !important;\n}\n.aud::before {\n    content: \"♪\" !important;\n    position: absolute !important;\n    left: 0 !important;\n    font-size: 1.2em !important;\n}\n\n/* 物理动态 (.act) - 动作特写 */\n.act {\n    color: #78909c !important;\n    font-size: 0.9em !important;\n    font-style: normal !important;\n    border-bottom: 1px solid #cfd8dc !important; /* 给动作加一个极淡的下划线 */\n}\n\n/* 场景锚点 (.scn) - 视点标记 */\n.scn {\n    display: table !important;\n    background: #37474f !important;\n    color: #ffffff !important;\n    padding: 2px 8px !important;\n    font-size: 0.75em !important;\n    font-weight: bold !important;\n    margin: 15px 0 !important;\n    border-radius: 2px !important;\n    letter-spacing: 1px !important;\n}\n\n/* 氛围指数 (.atm) - 社交读空气 */\n.atm {\n    display: inline-flex !important;\n    align-items: center !important;\n    font-size: 0.7em !important;\n    color: #455a64 !important;\n    background: #eceff1 !important;\n    padding: 1px 6px !important;\n    border-radius: 10px !important;\n    border: 1px solid #cfd8dc !important;\n    margin-left: 5px !important;\n    vertical-align: middle !important;\n}\n.atm::before {\n    content: \"●\" !important;\n    margin-right: 4px !important;\n    font-size: 0.8em !important;\n    color: #90a4ae !important;\n}\n\n/* ===================================================================\n   📖 新·模块一：冬日学园 · 笔耕不辍 (WA2 Input & Controls)\n   设计：手帐横线纸、学生证磁卡、校内公章\n   =================================================================== */\n\n/* --- 1. 输入框：手帐页 (Student Planner Page) --- */\n#ai-chat-input, \ntextarea, \ninput[type=\"text\"] {\n    /* 🗒️ 材质：冷色手帐纸纹理 */\n    background-color: #fcfdfd !important;\n    background-image: linear-gradient(#e1e8ed 1px, transparent 1px) !important;\n    background-size: 100% 1.8em !important; /* 模拟笔记本横线 */\n    \n    /* 🖼️ 边框：细边框，模拟笔记本装订边缘 */\n    border: 1px solid #cfd8dc !important;\n    border-left: 4px solid #455a64 !important; /* 左侧加厚，模拟装订轴 */\n    border-radius: 2px !important;\n    \n    /* 🖋️ 字体：冬日墨水 */\n    font-family: 'Noto Serif SC', 'SimSun', serif !important;\n    color: #263238 !important; \n    font-size: 15px !important;\n    line-height: 1.8 !important;\n    \n    padding: 12px 15px !important;\n    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.05) !important; \n    transition: all 0.2s ease !important;\n}\n\n/* 聚焦态：提笔落墨 */\n#ai-chat-input:focus, \ntextarea:focus, \ninput[type=\"text\"]:focus {\n    outline: none !important;\n    background-color: #ffffff !important;\n    border-color: #78909c !important;\n    border-left-color: #1976d2 !important; /* 聚焦时左轴变蓝，象征思考活跃 */\n    box-shadow: \n        inset 0 1px 3px rgba(0, 0, 0, 0.05),\n        0 4px 12px rgba(0, 0, 0, 0.08) !important;\n}\n\n/* --- 2. 通用按钮：学生证磁卡 (Student ID Card) --- */\n.MuiButtonBase-root, \nbutton, \n.btn,\n[role=\"button\"] {\n    /* 💳 材质：学生证塑料感 */\n    background: #f8f9fa !important;\n    border: 1px solid #cfd8dc !important;\n    color: #37474f !important;\n    \n    font-family: 'Noto Serif SC', serif !important;\n    font-weight: 600 !important;\n    border-radius: 3px !important;\n    padding: 5px 12px !important;\n    \n    /* 微弱阴影，模拟卡片厚度 */\n    box-shadow: 0 1px 2px rgba(0,0,0,0.1) !important;\n    transform: translateY(0) !important;\n    transition: all 0.15s ease !important;\n    text-transform: none !important;\n    letter-spacing: 0.5px !important;\n}\n\n/* 交互态：指尖触碰 */\n.MuiButtonBase-root:hover, \nbutton:hover, \n.btn:hover,\n[role=\"button\"]:hover {\n    background: #eceff1 !important;\n    color: #1a237e !important; /* 墨蓝色高亮 */\n    border-color: #b0bec5 !important;\n    transform: translateY(-1px) !important; /* 略微浮起 */\n    box-shadow: 0 3px 6px rgba(0,0,0,0.12) !important;\n}\n\n.MuiButtonBase-root:active, \nbutton:active {\n    transform: translateY(1px) !important; /* 点击下沉 */\n    box-shadow: none !important;\n    background: #cfd8dc !important;\n}\n\n/* --- 3. 功能区特化 (复制/编辑/删除 - 索引贴样式) --- */\n.MuiStack-root button,\n.MuiButton-sizeSmall {\n    font-size: 11px !important;\n    padding: 2px 8px !important;\n    border-radius: 2px !important;\n    background: rgba(236, 239, 241, 0.5) !important;\n    border: 1px dashed #cfd8dc !important; /* 模拟剪切线 */\n    box-shadow: none !important;\n    color: #78909c !important;\n}\n\n.MuiStack-root button:hover,\n.MuiButton-sizeSmall:hover {\n    background: #ffffff !important;\n    border-style: solid !important;\n    color: #455a64 !important;\n    border-color: #455a64 !important;\n}\n\n/* --- 4. 🌙 终章/夜间模式：深夜校舍 (Midnight Campus) --- */\n@media (prefers-color-scheme: dark) {\n    \n    /* 输入框：深夜的课桌 */\n    #ai-chat-input, textarea, input[type=\"text\"] {\n        background-color: #1c2529 !important;\n        background-image: linear-gradient(rgba(255, 255, 255, 0.05) 1px, transparent 1px) !important;\n        border-color: #37474f !important;\n        border-left-color: #546e7a !important;\n        color: #eceff1 !important;\n        box-shadow: inset 0 2px 10px rgba(0,0,0,0.4) !important;\n    }\n    #ai-chat-input:focus, textarea:focus {\n        background-color: #121212 !important;\n        border-color: #90caf9 !important; /* 深夜微光 */\n    }\n\n    /* 按钮：夜色磁卡 */\n    .MuiButtonBase-root, button, .btn {\n        background: #263238 !important;\n        border-color: #37474f !important;\n        color: #b0bec5 !important;\n        box-shadow: 0 1px 3px rgba(0,0,0,0.3) !important;\n    }\n    \n    /* 按钮悬停：月光 */\n    .MuiButtonBase-root:hover, button:hover {\n        background: #37474f !important;\n        color: #ffffff !important;\n        border-color: #90caf9 !important;\n    }\n    \n    /* 功能小按钮 */\n    .MuiStack-root button, .MuiButton-sizeSmall {\n        border-color: #455a64 !important;\n        color: #546e7a !important;\n    }\n    .MuiStack-root button:hover {\n        background: #1c2529 !important;\n        border-color: #90caf9 !important;\n        color: #90caf9 !important;\n    }\n}\n\n/* ===================================================================\n   ❄️ 新·模块二：冬日苍穹 · 序章顶栏 (WA2 Winter Header)\n   设计：冰蓝色调、磨砂玻璃、旋转雪花、冬日歌词\n   =================================================================== */\n\n/* 1. 顶部总容器：冬日清冷天空 */\n.sticky.w-full.top-0 {\n    background-color: rgba(236, 239, 241, 0.95) !important; /* 浅灰蓝，带透明度 */\n    background-image: \n        /* ❄️ 注入：动态雪花背景 */\n        url(\"data:image/svg+xml,%3Csvg width='200' height='200' xmlns='http://www.w3.org/2000/svg'%3E%3Ctext x='10' y='20' font-size='15' fill='rgba(176, 190, 197, 0.4)'%3E❄%3C/text%3E%3Ctext x='100' y='50' font-size='10' fill='rgba(176, 190, 197, 0.3)'%3E❅%3C/text%3E%3Ctext x='150' y='120' font-size='12' fill='rgba(176, 190, 197, 0.4)'%3E❆%3C/text%3E%3C/svg%3E\") !important;\n    border-bottom: 2px solid #b0bec5 !important; /* 冰盐色细线 */\n    box-shadow: 0 1px 10px rgba(0, 0, 0, 0.05) !important;\n    backdrop-filter: blur(8px) !important; /* 磨砂玻璃效果 */\n    animation: snowdrift 20s linear infinite !important; /* 背景微移，模拟雪飘 */\n}\n\n/* 2. 模型选择器：学生证磁卡样式 */\n#ai-model-selector .group.flex {\n    background-color: #ffffff !important;\n    border: 1px solid #cfd8dc !important;\n    border-top: 3px solid #78909c !important; /* 顶部冷灰色压感 */\n    border-radius: 2px !important;\n    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05) !important;\n    transition: all 0.3s ease !important;\n}\n\n/* 3. 模型文字：冬日墨水 */\n#ai-model-selector .truncate {\n    font-family: 'Noto Serif SC', serif !important;\n    color: #37474f !important;\n    font-weight: bold !important;\n}\n\n/* 4. 交互：旋转雪花与冷蓝高亮 */\n#ai-model-selector .group:hover {\n    border-color: #90caf9 !important; /* 冰蓝色 */\n    background-color: #f8fbff !important;\n    box-shadow: 0 0 12px rgba(144, 202, 249, 0.3) !important;\n    transform: translateY(-1px) !important;\n}\n\n/* 悬停时文字变为深蓝色 */\n#ai-model-selector .group:hover .truncate {\n    color: #1976d2 !important;\n}\n\n/* 5. 设置按钮：冷铁零件 */\n#header-setting-button {\n    background-color: rgba(176, 190, 197, 0.2) !important;\n    border: 1px solid #b0bec5 !important;\n    color: #455a64 !important;\n    border-radius: 2px !important;\n}\n\n/* 6. 🔄 旋转雪花特效 (针对右侧箭头或特定图标) */\n#ai-model-selector .group:hover svg {\n    color: #1976d2 !important;\n    animation: spin-snow 3s linear infinite !important; /* 箭头像雪花一样旋转 */\n}\n\n/* --- 🌙 终章模式 (暗色) --- */\n@media (prefers-color-scheme: dark) {\n    .sticky.w-full.top-0 {\n        background-color: rgba(28, 37, 41, 0.95) !important;\n        border-bottom-color: #37474f !important;\n    }\n    #ai-model-selector .group.flex {\n        background-color: #263238 !important;\n        border-color: #37474f !important;\n        border-top-color: #546e7a !important;\n    }\n    #ai-model-selector .truncate { color: #cfd8dc !important; }\n}\n\n/* ===================================================================\n   ❄️ 补丁：序章判词 (WA2 Quotes)\n   效果：在顶栏显示《白色相簿2》经典歌词\n   =================================================================== */\n\n/* 左侧：White Album */\n#ai-model-selector::before {\n    content: \"White Album... 那个积雪的季节\" !important;\n    position: absolute !important;\n    right: 100% !important;\n    top: 50% !important;\n    transform: translateY(-50%) !important;\n    font-family: 'Noto Serif SC', serif !important;\n    font-size: 12px !important;\n    font-style: italic !important;\n    color: rgba(120, 144, 156, 0.7) !important;\n    white-space: nowrap !important;\n    margin-right: 25px !important;\n    pointer-events: none !important;\n}\n\n/* 右侧：届かない恋 */\n#ai-model-selector::after {\n    content: \"无法传达的爱恋... 渐行渐远的冬日回响\" !important;\n    position: absolute !important;\n    left: 100% !important;\n    top: 50% !important;\n    transform: translateY(-50%) !important;\n    font-family: 'Noto Serif SC', serif !important;\n    font-size: 12px !important;\n    font-style: italic !important;\n    color: rgba(120, 144, 156, 0.7) !important;\n    white-space: nowrap !important;\n    margin-left: 25px !important;\n    pointer-events: none !important;\n}\n\n/* 动画：雪花微动 */\n@keyframes snowdrift {\n    from { background-position: 0 0; }\n    to { background-position: 200px 200px; }\n}\n\n/* 动画：旋转雪花 */\n@keyframes spin-snow {\n    from { transform: rotate(0deg); }\n    to { transform: rotate(360deg); }\n}\n\n/* 移动端隐藏判词 */\n@media screen and (max-width: 1024px) {\n    #ai-model-selector::before, #ai-model-selector::after { display: none !important; }\n}\n\n/* ===================================================================\n   🎹 新·模块三：冬日物语 · 终章交互区 (WA2 Bottom Interface)\n   包含：磁卡功能键、手札输入框、五线谱翻页器、批改红印\n   =================================================================== */\n\n/* 1. 底部整体渐变背景：冬日晨雾 (Winter Mist) */\n.bg-gradient-to-t.from-white {\n    background: linear-gradient(to top, \n        #eceff1 0%, \n        rgba(236, 239, 241, 0.9) 70%, \n        transparent 100%) !important;\n}\n\n/* 2. 功能按钮区 (Mod/流式/思维链)：学生证磁卡 */\n#ai-mod-button2 button,\n.MuiButton-outlinedSizeSmall {\n    background-color: #f8f9fa !important;\n    border: 1px solid #b0bec5 !important; /* 冰盐色边框 */\n    color: #455a64 !important;\n    font-family: 'Noto Serif SC', serif !important;\n    font-weight: 600 !important;\n    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05) !important;\n    margin-bottom: 4px !important;\n    transition: all 0.25s ease !important;\n    text-transform: none !important;\n    border-radius: 3px !important;\n}\n\n#ai-mod-button2 button:hover {\n    background-color: #455a64 !important; /* 深冬色底 */\n    color: #ffffff !important;\n    border-color: #37474f !important;\n    transform: translateY(-1px) !important;\n    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1) !important;\n}\n\n/* 特殊：思维链开启状态 (高亮) - 类似 WA2 的重点标注 */\n#ai-mod-button2 button:contains(\"开启\") {\n    border-color: #1976d2 !important; /* 忧郁蓝边 */\n    background-color: rgba(25, 118, 210, 0.05) !important;\n}\n\n/* 3. 输入框容器：冬日手札 (Journal Cover) */\n.border-gray-200.rounded-xl.border-grey-300 {\n    background-color: #ffffff !important;\n    /* ❄️ 注入：微弱的积雪质感纹理 */\n    background-image: url(\"data:image/svg+xml,%3Csvg width='60' height='60' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='10' cy='10' r='1' fill='rgba(176,190,197,0.2)'/%3E%3Ccircle cx='40' cy='35' r='1.5' fill='rgba(176,190,197,0.1)'/%3E%3C/svg%3E\") !important;\n    border: 1px solid #cfd8dc !important;\n    border-top: 3px solid #78909c !important; /* 模拟手札的装订压条 */\n    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05) !important;\n    border-radius: 4px !important;\n}\n\n/* 输入框本体：钢笔墨水感 */\n#ai-chat-input {\n    background: transparent !important;\n    font-family: 'Noto Serif SC', serif !important;\n    color: #263238 !important;\n    line-height: 1.8 !important;\n    caret-color: #1976d2 !important; /* 光标变为深蓝色 */\n}\n\n/* 4. 发送按钮与撤回按钮：录音机控制键 */\n#ai-send-button, \n.group.flex.items-center.justify-center.w-8.h-8 {\n    background: #eceff1 !important;\n    border: 1px solid #b0bec5 !important;\n    color: #546e7a !important;\n    border-radius: 3px !important;\n    transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1) !important;\n}\n\n#ai-send-button:hover {\n    background: #1976d2 !important; /* 发送时变为深蓝，象征传达的思念 */\n    color: #ffffff !important;\n    border-color: #1565c0 !important;\n    transform: scale(1.05) !important;\n}\n\n/* 5. 翻页器 (Pagination)：五线谱页码 */\n.MuiPagination-ul li button {\n    background: #ffffff !important;\n    border: 1px solid #e0e0e0 !important;\n    color: #78909c !important;\n    font-family: 'Georgia', serif !important; /* 使用更具古典乐谱感的字体 */\n    border-radius: 2px !important;\n    transition: all 0.2s !important;\n}\n\n/* 当前页码：选中的琴键 */\n.MuiPagination-ul li .Mui-selected {\n    background: #455a64 !important;\n    color: #ffffff !important;\n    border-color: #37474f !important;\n    font-weight: bold !important;\n}\n\n/* 翻页器右侧输入框 */\n.MuiPagination-root + .MuiStack-root input {\n    font-family: sans-serif !important;\n    background: #fcfdfd !important;\n    border: 1px solid #cfd8dc !important;\n    color: #455a64 !important;\n    border-radius: 2px !important;\n}\n\n/* 6. 字数统计：老师的批改红印 (Correction Mark) */\n.flex.items-center.px-1.h-5.rounded-md.bg-gray-100 {\n    background-color: rgba(183, 28, 28, 0.1) !important; /* 浅红底 */\n    color: #b71c1c !important; /* 朱红色文字 */\n    border: 1px solid rgba(183, 28, 28, 0.3) !important;\n    font-family: 'Georgia', serif !important;\n    font-size: 10px !important;\n    font-style: italic !important;\n    border-radius: 2px !important;\n    font-weight: bold !important;\n}\n\n/* --- 🌙 终章模式 (Dark Mode) --- */\n@media (prefers-color-scheme: dark) {\n    .bg-gradient-to-t.from-white { \n        background: linear-gradient(to top, #1c2529 0%, transparent 100%) !important; \n    }\n    \n    #ai-mod-button2 button, .MuiButton-outlinedSizeSmall {\n        background-color: #263238 !important;\n        border-color: #37474f !important;\n        color: #b0bec5 !important;\n    }\n    \n    .border-gray-200.rounded-xl.border-grey-300 {\n        background-color: #1c2529 !important;\n        border-color: #37474f !important;\n        border-top-color: #546e7a !important;\n    }\n    \n    #ai-chat-input { color: #eceff1 !important; }\n    \n    #ai-send-button { \n        background: #37474f !important; \n        color: #cfd8dc !important; \n    }\n    #ai-send-button:hover { \n        background: #90caf9 !important; \n        color: #0d47a1 !important; \n    }\n}\n\n/* ===================================================================\n   🌸 新·模块四：冬日物语 · 传言板 (WA2 Commentary Section)\n   设计：晴空纸笺、磨砂蓝框、柠檬暖阳、蓝色墨水\n   =================================================================== */\n\n/* 1. 评论容器：晴空纸笺 (Sky Blue Note) */\n.flex.items-start.gap-2:has(.break-all) {\n    padding: 12px 15px !important;\n    margin: 8px 0 !important;\n    border-radius: 4px !important;\n    \n    /* 🎨 底色：极其清淡的天蓝色，带一点透明度 */\n    background-color: rgba(225, 245, 254, 0.4) !important;\n    \n    /* 🖼️ 边框：冷蓝色细线，左侧加厚模拟装订边 */\n    border: 1px solid #e1f5fe !important;\n    border-left: 3px solid #90caf9 !important;\n    \n    /* 动画：像翻动书页一样轻盈 */\n    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;\n    position: relative !important;\n    overflow: hidden !important;\n}\n\n/* 2. 🖱️ 悬停交互：阳光照入 (The Sunlight Effect) */\n.flex.items-start.gap-2:has(.break-all):hover {\n    /* 🍋 注入：柠檬黄的微妙高亮 */\n    background-color: #fffde7 !important; /* 极浅柠檬黄 */\n    border-color: #fff59d !important;\n    border-left-color: #ffd600 !important; /* 柠檬黄重点标注 */\n    \n    /* ☁️ 阴影：冬日晨光的漫反射 */\n    box-shadow: 0 4px 15px rgba(255, 245, 157, 0.4) !important;\n    \n    /* 移动：轻微右移 4px */\n    transform: translateX(4px) !important;\n}\n\n/* 3. 头像美化：证件照边框 */\n.flex.items-start.gap-2:has(.break-all) img.rounded-full {\n    border: 1px solid #b0bec5 !important;\n    padding: 2px !important;\n    background: #fff !important;\n    transition: all 0.3s ease !important;\n}\n.flex.items-start.gap-2:has(.break-all):hover img.rounded-full {\n    border-color: #ffd600 !important; /* 悬停变为柠檬黄 */\n    transform: scale(1.1) !important;\n}\n\n/* 4. 用户名与标识：蓝调字体 */\n.flex.items-start.gap-2:has(.break-all) .text-sm.text-grey-600 {\n    color: #0d47a1 !important; /* 深蓝色名字 */\n    font-family: 'Noto Serif SC', serif !important;\n    font-weight: bold !important;\n}\n\n/* 5. 评论正文：蓝色钢笔墨水 (Blue Ink) */\n.flex.items-start.gap-2:has(.break-all) .break-all {\n    color: #263238 !important; /* 深灰蓝字 */\n    font-family: 'Noto Serif SC', serif !important;\n    line-height: 1.7 !important;\n    font-size: 14.5px !important;\n}\n\n/* 6. 底部操作栏：虚线分割线 */\n.flex.items-start.gap-2:has(.break-all) .text-xs.text-grey-600 {\n    margin-top: 10px !important;\n    padding-top: 8px !important;\n    border-top: 1px dashed rgba(144, 202, 249, 0.3) !important;\n    color: #78909c !important;\n}\n\n/* ❤️ 点赞按钮：柠檬暖意 */\n.flex.items-start.gap-2:has(.break-all) button:has(.text-red-500) {\n    background: rgba(255, 241, 118, 0.2) !important; /* 浅柠檬黄底 */\n    padding: 2px 10px !important;\n    border-radius: 12px !important;\n    color: #fbc02d !important; /* 柠檬黄图标 */\n    transition: all 0.2s !important;\n}\n.flex.items-start.gap-2:has(.break-all) button:has(.text-red-500):hover {\n    background: #fff9c4 !important;\n    transform: scale(1.1) !important;\n}\n\n/* 7. ↩️ 回复按钮：显形的蓝色钢笔字 */\n.flex.items-start.gap-2:has(.break-all) .text-xs button {\n    opacity: 0 !important; /* 默认完全隐形 */\n    transition: opacity 0.3s, color 0.3s !important;\n    font-weight: bold !important;\n}\n/* 悬停卡片时，操作按钮以“传达”的方式显现 */\n.flex.items-start.gap-2:has(.break-all):hover .text-xs button {\n    opacity: 1 !important;\n    color: #1976d2 !important; \n}\n\n/* --- 🌙 终章/夜间模式：深夜传言板 (Midnight Blue) --- */\n@media (prefers-color-scheme: dark) {\n    .flex.items-start.gap-2:has(.break-all) {\n        background-color: rgba(38, 50, 56, 0.4) !important;\n        border-color: #37474f !important;\n        border-left-color: #546e7a !important;\n    }\n    \n    .flex.items-start.gap-2:has(.break-all):hover {\n        background-color: #263238 !important;\n        border-left-color: #90caf9 !important;\n        box-shadow: 0 4px 20px rgba(0, 0, 0, 0.5) !important;\n    }\n    \n    .flex.items-start.gap-2:has(.break-all) .break-all {\n        color: #cfd8dc !important;\n    }\n    \n    .flex.items-start.gap-2:has(.break-all) .text-sm.text-grey-600 {\n        color: #90caf9 !important;\n    }\n}\n\n/* ===================================================================\n   🎹 模块：思维链 · 零度封印 (Static Thinking Logic)\n   效果：禁止点击展开 + 纯CSS状态切换 + 旋转雪花指示器\n   =================================================================== */\n\n/* 1. 物理锁定：强制禁止展开与交互 */\n.CoT-Box {\n    pointer-events: none !important; /* 彻底锁定，禁止点击 */\n    user-select: none !important;\n    border: 1px dashed #b0bec5 !important;\n    background: rgba(236, 239, 241, 0.4) !important;\n    margin: 10px 0 !important;\n    border-radius: 4px !important;\n}\n\n/* 移除浏览器默认的展开箭头 */\n.CoT-Box summary {\n    list-style: none !important;\n    outline: none !important;\n    cursor: default !important;\n    padding: 8px 12px !important;\n    font-family: 'Consolas', 'Courier New', monospace !important;\n    font-size: 0.85em !important;\n    color: #546e7a !important;\n}\n.CoT-Box summary::-webkit-details-marker { display: none !important; }\n\n/* 2. 状态渲染：在 Summary 后方注入【雪融】逻辑 */\n.CoT-Box summary::after {\n    content: \"\" !important;\n    margin-left: 10px !important;\n    font-weight: bold !important;\n    /* 核心：绑定两个阶段的动画 */\n    animation: cot-phase-shift 8s forwards !important; \n}\n\n/* 3. 视觉点缀：左侧旋转的小雪花 */\n.CoT-Box summary::before {\n    content: \"❄\" !important;\n    display: inline-block !important;\n    margin-right: 8px !important;\n    animation: cot-spin 3s linear infinite !important;\n    color: #90caf9 !important;\n}\n\n/* --- 核心动画：雪融雪降的双阶切换 --- */\n@keyframes cot-phase-shift {\n    /* 第一阶段：【雪融雪降中……】 (0% - 85%) */\n    0% { \n        content: \"【雪融雪降中...】\"; \n        color: #1976d2; \n        opacity: 0.6;\n    }\n    20% { content: \"【雪融雪降中......】\"; opacity: 1; }\n    40% { content: \"【雪融雪降中...】\"; opacity: 0.6; }\n    60% { content: \"【雪融雪降中......】\"; opacity: 1; }\n    80% { \n        content: \"【雪融雪降中...】\"; \n        color: #1976d2; \n        opacity: 0.6;\n    }\n\n    /* 临界点：雪融化的一瞬间 */\n    85% {\n        content: \"【雪融雪降中...】\";\n        transform: scale(1);\n    }\n\n    /* 第二阶段：【雪融雪降完毕】 (90% - 100%) */\n    95%, 100% { \n        content: \"【雪融雪降完毕】\"; \n        color: #455a64; \n        opacity: 1;\n        transform: scale(1);\n    }\n}\n\n/* 雪花旋转动画 */\n@keyframes cot-spin {\n    from { transform: rotate(0deg); }\n    to { transform: rotate(360deg); }\n}\n\n/* 4. 内部内容区 (.u-logic) 虚化处理 */\n/* 既然不能打开，内部内容应该保持一种“待定”的朦胧感 */\n.CoT-Box u-logic {\n    display: block !important;\n    opacity: 0.4 !important;\n    filter: blur(1px) !important;\n    padding: 10px !important;\n    background: rgba(255, 255, 255, 0.5) !important;\n    font-size: 0.9em !important;\n    line-height: 1.6 !important;\n}\n\n/* ===================================================================\n   ❄️ 故事引擎 2.5 · 自定义标签内核 (Custom Tag Kernel)\n   =================================================================== */\n\n/* 初始化：确保自定义标签为行内显示 */\nnd, nt, ud, wh, sh, aud, act, scn, atm {\n    display: inline;\n}\n\n/* NPC对话 (nd) */\nnd {\n    color: #263238 !important;\n    font-weight: 500 !important;\n}\nnd::before { content: \"「\"; }\nnd::after { content: \"」\"; }\n\n/* NPC本音 (nt) */\nnt {\n    color: #607d8b !important;\n    font-style: italic !important;\n    opacity: 0.85 !important;\n}\nnt::before { content: \"『\"; }\nnt::after { content: \"』\"; }\n\n/* 玩家对话 (ud) */\nud {\n    color: #000000 !important;\n    font-weight: 700 !important;\n}\nud::before { content: \"「\"; }\nud::after { content: \"」\"; }\n\n/* 音景渲染 (aud) - 保持块状感 */\naud {\n    display: block !important;\n    font-size: 0.8em !important;\n    color: #5c6bc0 !important;\n    margin: 6px 0 !important;\n    padding-left: 18px !important;\n    position: relative !important;\n}\naud::before {\n    content: \"♪\" !important;\n    position: absolute !important;\n    left: 0 !important;\n}\n\n/* 物理动态 (act) */\nact {\n    color: #78909c !important;\n    font-size: 0.9em !important;\n    border-bottom: 1px solid #cfd8dc !important;\n}\nact::before { content: \"*[\"; }\nact::after { content: \"]*\"; }\n\n/* 氛围指数 (atm) */\natm {\n    font-size: 0.7em !important;\n    color: #455a64 !important;\n    background: #eceff1 !important;\n    padding: 1px 6px !important;\n    border-radius: 10px !important;\n    margin-left: 4px !important;\n}\n\n/* ===================================================================\n   🎲 模块补丁：天与之才 (Talent Slots)\n   设计：冰晶容器、低饱和度分级、纯净排版\n   =================================================================== */\n\n/* 1. 天赋条容器 */\n.tlt-bar {\n    display: flex !important;\n    gap: 8px !important;\n    padding: 10px 15px !important;\n    background: #fdfdfd !important;\n    border-bottom: 1px solid #eceff1 !important; /* 极淡的分隔线 */\n    align-items: center !important;\n}\n\n/* 2. 单个槽位 (.slot) */\n.slot {\n    flex: 1 !important;\n    display: flex !important;\n    flex-direction: row !important; /* 图标和文字横向排列，更紧凑 */\n    align-items: center !important;\n    justify-content: center !important;\n    gap: 6px !important;\n    \n    background: #ffffff !important;\n    border: 1px solid #cfd8dc !important;\n    border-radius: 3px !important;\n    padding: 6px 4px !important;\n    position: relative !important;\n    cursor: help !important;\n    \n    /* 玻璃微光质感 */\n    box-shadow: inset 0 0 5px rgba(255,255,255,0.8) !important;\n    transition: all 0.2s ease !important;\n}\n\n/* 槽位悬停交互 */\n.slot:hover {\n    transform: translateY(-1px) !important;\n    box-shadow: 0 2px 6px rgba(0,0,0,0.06) !important;\n    background: #fafafa !important;\n}\n\n/* 3. 内容样式 */\n.slot .ico {\n    font-style: normal !important;\n    font-size: 1.1em !important;\n    line-height: 1 !important;\n    opacity: 0.8 !important;\n}\n.slot .nm {\n    font-family: 'Noto Serif SC', serif !important;\n    font-size: 0.8em !important;\n    font-weight: 600 !important;\n    color: #455a64 !important;\n    letter-spacing: 0.5px !important;\n}\n\n/* 4. 稀有度配色 (极简边框色区分) */\n\n/* ✨ Gold: 黯淡金 */\n.slot.gold { border-color: #ffe082 !important; background: linear-gradient(to bottom, #fff, #fffde7) !important; }\n.slot.gold .ico { color: #fbc02d !important; }\n\n/* 🥈 Silver: 冰川银 */\n.slot.silver { border-color: #b0bec5 !important; background: linear-gradient(to bottom, #fff, #eceff1) !important; }\n.slot.silver .ico { color: #78909c !important; }\n\n/* 🥉 Bronze: 沉稳铜 */\n.slot.bronze { border-color: #d7ccc8 !important; background: linear-gradient(to bottom, #fff, #efebe9) !important; }\n.slot.bronze .ico { color: #8d6e63 !important; }\n\n/* 5. 重随按钮 (Reroll) */\n.reroll-btn {\n    width: 20px !important;\n    height: 20px !important;\n    border: none !important;\n    background: transparent !important;\n    color: #b0bec5 !important;\n    font-size: 14px !important;\n    cursor: pointer !important;\n    display: flex !important;\n    align-items: center !important;\n    justify-content: center !important;\n    transition: all 0.3s !important;\n    margin-left: 2px !important;\n}\n.reroll-btn:hover {\n    color: #546e7a !important;\n    transform: rotate(180deg) !important;\n}\n\n/* 悬浮窗修复：确保 d 属性内容能显示 */\n.slot[d]:hover::after {\n    z-index: 10005 !important; /* 层级高于手帐本体 */\n    width: max-content !important;\n    min-width: 120px !important;\n}\n\n/* ===================================================================\n   ❄️ 新·模块八：冰晶枢机 (The Crystal Monitor)\n   设计：静止为旋转雪花，展开为磨砂玻璃卷轴\n   =================================================================== */\n\n/* 1. 核心容器：初始化为一颗冰晶 */\n.MuiStack-root.text-purple-500.mt-1.css-1kz283j {\n    /* 📦 布局控制 */\n    display: flex !important;\n    align-items: center !important;\n    overflow: hidden !important;\n    white-space: nowrap !important;\n    \n    /* 📏 尺寸：默认 32px 圆形 */\n    width: 32px !important;\n    max-width: 32px !important;\n    height: 32px !important;\n    padding: 0 !important;\n    \n    /* 🎨 外观：完全透明，只靠伪元素绘制雪花 */\n    background: transparent !important;\n    border: none !important;\n    box-shadow: none !important;\n    border-radius: 16px !important;\n    \n    position: relative !important;\n    transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1) !important;\n    cursor: help !important;\n    z-index: 20 !important; /* 确保层级够高 */\n}\n\n/* 2. ❄️ 旋转雪花 (利用 ::before 绘制) */\n.MuiStack-root.text-purple-500.mt-1.css-1kz283j::before {\n    content: \"\" !important;\n    display: block !important;\n    position: absolute !important;\n    left: 0 !important;\n    top: 0 !important;\n    width: 32px !important;\n    height: 32px !important;\n    \n    /* 🎨 绘制雪花 SVG (六角冰晶) */\n    background-image: url(\"data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' fill='none' stroke='%2390caf9' stroke-width='1.5'%3E%3Cpath d='M12 2v20M2 12h20M4.93 4.93l14.14 14.14M4.93 19.07L19.07 4.93'/%3E%3Cpath d='M12 2l2 4-2-1-2 1 2-4zm0 20l2-4-2 1-2-1 2 4zM2 12l4-2-1 2 1 2-4-2zm20 0l-4-2 1 2-1 2 4-2z' fill='%2390caf9' stroke='none'/%3E%3C/svg%3E\") !important;\n    background-size: cover !important;\n    background-repeat: no-repeat !important;\n    \n    /* 🔄 旋转动画：缓慢飘落感 */\n    animation: crystal-spin 6s linear infinite !important;\n    z-index: 2 !important;\n    filter: drop-shadow(0 0 2px rgba(144, 202, 249, 0.5)) !important; /* 冰蓝光晕 */\n    transition: all 0.4s !important;\n}\n\n/* 旋转关键帧 */\n@keyframes crystal-spin {\n    from { transform: rotate(0deg); }\n    to { transform: rotate(360deg); }\n}\n\n/* 3. 🖱️ 交互状态：展开为磨砂面板 (Hover / Active) */\n/* 适配：PC端悬停 OR 移动端点击聚焦 */\n.MuiStack-root.text-purple-500.mt-1.css-1kz283j:hover,\n.MuiStack-root.text-purple-500.mt-1.css-1kz283j:active,\n.MuiStack-root.text-purple-500.mt-1.css-1kz283j:focus-within {\n    /* 📏 展开尺寸 */\n    width: auto !important;\n    max-width: 400px !important; \n    padding: 0 15px 0 36px !important; /* 左侧留出雪花位置 */\n    \n    /* 🧊 材质：磨砂玻璃 (Frosted Glass) */\n    background-color: rgba(255, 255, 255, 0.85) !important;\n    backdrop-filter: blur(8px) !important;\n    border: 1px solid #b0bec5 !important;\n    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1) !important;\n    border-radius: 20px !important; /* 更圆润的胶囊形 */\n}\n\n/* 展开时：雪花停止旋转并定格 */\n.MuiStack-root.text-purple-500.mt-1.css-1kz283j:hover::before,\n.MuiStack-root.text-purple-500.mt-1.css-1kz283j:focus-within::before {\n    animation-play-state: paused !important;\n    transform: rotate(0deg) scale(0.9) !important; /* 稍微缩小 */\n}\n\n/* 4. 📝 文字内容美化 */\n/* 默认：隐形 */\n.MuiStack-root.text-purple-500.mt-1.css-1kz283j p {\n    opacity: 0 !important;\n    width: 0 !important; /* 物理占用为0，防止撑开 */\n    transition: opacity 0.2s ease 0s !important;\n    font-family: 'Noto Serif SC', sans-serif !important;\n    font-size: 12px !important;\n    color: #455a64 !important; /* 冷灰色字 */\n}\n\n/* 展开：显形 */\n.MuiStack-root.text-purple-500.mt-1.css-1kz283j:hover p,\n.MuiStack-root.text-purple-500.mt-1.css-1kz283j:focus-within p {\n    opacity: 1 !important;\n    width: auto !important;\n    margin: 0 6px !important;\n    transition: opacity 0.3s ease 0.2s !important;\n}\n\n/* 5. 📱 移动端特别适配 (Mobile Fixes) */\n@media screen and (max-width: 768px) {\n    .MuiStack-root.text-purple-500.mt-1.css-1kz283j {\n        /* 移动端稍微放大触控区 */\n        width: 36px !important;\n        height: 36px !important;\n    }\n    \n    /* 雪花也对应放大 */\n    .MuiStack-root.text-purple-500.mt-1.css-1kz283j::before {\n        width: 36px !important;\n        height: 36px !important;\n    }\n    \n    /* 展开时防止超出屏幕 */\n    .MuiStack-root.text-purple-500.mt-1.css-1kz283j:active,\n    .MuiStack-root.text-purple-500.mt-1.css-1kz283j:focus-within {\n        max-width: 85vw !important; /* 限制最大宽度为屏幕宽度的85% */\n        background-color: rgba(255, 255, 255, 0.95) !important; /* 移动端背景更实一些，防止字看不清 */\n    }\n}\n\n/* --- 🌙 终章模式 (Dark Mode) --- */\n@media (prefers-color-scheme: dark) {\n    /* 雪花：换成银白色 */\n    .MuiStack-root.text-purple-500.mt-1.css-1kz283j::before {\n        background-image: url(\"data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' fill='none' stroke='%23eceff1' stroke-width='1.5'%3E%3Cpath d='M12 2v20M2 12h20M4.93 4.93l14.14 14.14M4.93 19.07L19.07 4.93'/%3E%3Cpath d='M12 2l2 4-2-1-2 1 2-4zm0 20l2-4-2 1-2 1 2-4zM2 12l4-2-1 2 1 2-4-2zm20 0l-4-2 1 2-1 2 4-2z' fill='%23eceff1' stroke='none'/%3E%3C/svg%3E\") !important;\n        filter: drop-shadow(0 0 4px rgba(255, 255, 255, 0.3)) !important;\n    }\n\n    /* 展开面板：深夜磨砂 */\n    .MuiStack-root.text-purple-500.mt-1.css-1kz283j:hover,\n    .MuiStack-root.text-purple-500.mt-1.css-1kz283j:focus-within {\n        background-color: rgba(38, 50, 56, 0.85) !important;\n        border-color: #546e7a !important;\n        box-shadow: 0 4px 20px rgba(0, 0, 0, 0.5) !important;\n    }\n\n    /* 文字 */\n    .MuiStack-root.text-purple-500.mt-1.css-1kz283j p {\n        color: #cfd8dc !important;\n    }\n}\n\n/* ===================================================================\n   🩹 补丁：冰晶枢机 · 显示适配修复 (Responsive Fix Patch)\n   目标：解决手机端文字截断，优化多端显示布局\n   =================================================================== */\n\n/* 1. 全局放宽限制：允许在展开时自动调整高度和换行 */\n/* 针对所有展开状态 (hover/active/focus-within) */\n.MuiStack-root.text-purple-500.mt-1.css-1kz283j:hover,\n.MuiStack-root.text-purple-500.mt-1.css-1kz283j:active,\n.MuiStack-root.text-purple-500.mt-1.css-1kz283j:focus-within {\n    white-space: normal !important; /* 关键：允许文字换行 */\n    height: auto !important;        /* 关键：高度自动撑开 */\n    min-height: 36px !important;    /* 保持基本的胶囊高度 */\n    \n    /* 稍微增加上下的呼吸感 */\n    padding-top: 6px !important;\n    padding-bottom: 6px !important;\n    \n    /* 优化宽度表现：尽可能紧凑，但不要超过屏幕 */\n    width: fit-content !important;\n    max-width: 92vw !important; /* 留出一点点屏幕边距 */\n\n    /* 确保内容垂直居中 */\n    align-items: center !important;\n}\n\n/* 2. 内部文字优化 */\n.MuiStack-root.text-purple-500.mt-1.css-1kz283j p {\n    /* 确保文字本身允许换行 */\n    white-space: normal !important;\n    line-height: 1.5 !important; /* 增加行高，多行显示时不拥挤 */\n    \n    /* 在电脑端保持左对齐，看着更整齐 */\n    text-align: left !important;\n}\n\n/* 3. 📱 移动端深度适配 (针对窄屏手机优化) */\n@media screen and (max-width: 600px) {\n    /* 在手机上展开时 */\n    .MuiStack-root.text-purple-500.mt-1.css-1kz283j:active,\n    .MuiStack-root.text-purple-500.mt-1.css-1kz283j:focus-within {\n        /* 稍微缩小字号，让一行能塞下更多东西 */\n        font-size: 11px !important;\n        \n        /* 如果实在太窄导致换行了，让文字居中对齐会更好看 */\n        text-align: center !important;\n        justify-content: center !important; \n        \n        /* 调整内边距，确保左侧雪花不和文字打架 */\n        padding-left: 40px !important; \n        padding-right: 10px !important;\n    }\n\n    /* 手机端文字强制居中 */\n    .MuiStack-root.text-purple-500.mt-1.css-1kz283j:active p,\n    .MuiStack-root.text-purple-500.mt-1.css-1kz283j:focus-within p {\n        text-align: center !important;\n        margin: 0 !important; /* 去除多余边距 */\n    }\n}\n\n/* ===================================================================\n   ⚡️ 交互补丁：触感反馈与电子脉冲 (Interaction FX)\n   目标：模拟实体按键的阻尼感 & 屏幕点亮的瞬间\n   =================================================================== */\n\n/* 1. 🖱️ 按键物理反馈：按下时的下沉感 */\n.group .bg-gray-100\\/90 summary:active {\n    /* 物理位移：模拟弹簧被压缩 */\n    transform: translateY(2px) scale(0.99) !important;\n    \n    /* 阴影反转：从凸起变为内陷 */\n    box-shadow: \n        inset 0 3px 5px rgba(0,0,0,0.3), /* 内部阴影，模拟凹陷 */\n        0 0 0 transparent !important;    /* 外部阴影消失 */\n    \n    /* 颜色变暗：模拟受光面减少 */\n    background: linear-gradient(to bottom, #263238 0%, #1e272c 100%) !important;\n    border-top-color: #37474F !important; /* 顶部高光变暗 */\n}\n\n/* 2. ✨ 悬停流光：2000年代经典的水晶反光扫过效果 */\n.group .bg-gray-100\\/90 summary {\n    position: relative !important;\n    overflow: hidden !important; /* 限制流光不跑出去 */\n}\n\n/* 创建一道流光 */\n.group .bg-gray-100\\/90 summary::after {\n    content: \"\" !important;\n    position: absolute !important;\n    top: 0 !important;\n    left: -100% !important; /* 初始位置在左侧外面 */\n    width: 50% !important;\n    height: 100% !important;\n    \n    /* 流光渐变：透明 -> 亮白 -> 透明 */\n    background: linear-gradient(\n        to right, \n        transparent 0%, \n        rgba(255,255,255,0.2) 50%, \n        transparent 100%\n    ) !important;\n    \n    transform: skewX(-25deg) !important; /* 倾斜流光 */\n    transition: none !important; /* 默认无动画 */\n    pointer-events: none !important;\n}\n\n/* 悬停时触发流光动画 */\n.group .bg-gray-100\\/90 summary:hover::after {\n    left: 200% !important; /* 扫到右侧外面 */\n    transition: left 0.6s ease-in-out !important; /* 0.6秒扫过 */\n}\n\n/* 3. 📺 屏幕点亮：内容展开时的 CRT 扫描线动画 */\n@keyframes screenTurnOn {\n    0% {\n        opacity: 0;\n        transform: scaleY(0.8) translateY(-10px);\n        filter: brightness(1.5); /* 刚通电时过曝 */\n    }\n    50% {\n        filter: brightness(1.2);\n    }\n    100% {\n        opacity: 1;\n        transform: scaleY(1) translateY(0);\n        filter: brightness(1);\n    }\n}\n\n/* 应用动画到内容区 */\n.group .bg-gray-100\\/90 details[open] > div {\n    transform-origin: top center !important; /* 从顶部展开 */\n    animation: screenTurnOn 0.3s cubic-bezier(0.2, 0.9, 0.4, 1) !important; /* 快速且有弹性的展开 */\n    \n    /* 增加一道顶部高光，模拟屏幕玻璃边缘 */\n    box-shadow: inset 0 1px 0 rgba(255,255,255,0.5) !important;\n}\n\n/* 4. 🔄 图标增强：更带感的齿轮转动 */\n.group .bg-gray-100\\/90 summary:active::before {\n    /* 按下时图标稍微缩小，增加点击实感 */\n    transform: scale(0.9) rotate(15deg) !important;\n    transition: transform 0.1s !important;\n}\n\n/* 展开状态的图标微调 */\n.group .bg-gray-100\\/90 details[open] > summary::before {\n    /* 展开后有一个持续的微弱呼吸，表示“运行中” */\n    animation: working-glow 2s infinite alternate !important;\n}\n\n@keyframes working-glow {\n    from { text-shadow: 0 0 5px rgba(79, 195, 247, 0.6); }\n    to { text-shadow: 0 0 12px rgba(79, 195, 247, 1); }\n}\n\n/* 5. 📱 移动端触摸优化 */\n@media (hover: none) {\n    /* 手机上禁用流光，因为手指遮挡看不见，且容易卡顿 */\n    .group .bg-gray-100\\/90 summary::after { display: none !important; }\n    \n    /* 强化点击变色反馈 */\n    .group .bg-gray-100\\/90 summary:active {\n        background: #263238 !important; /* 直接变深色 */\n    }\n}\n\n/* ===================================================================\n   ❄️ 模块二补丁：冬日多重奏 (Texture Overlay Patch)\n   目标：在保留网格的基础上，增加“纸张纹理”、“光晕”和“双重边框”\n   =================================================================== */\n\n/* 1. 背景层级堆叠：从单层纹理升级为复合纹理 */\n.group .bg-gray-100\\/90::before {\n    /* [底色] 保持纯净 */\n    background-color: #FAFAFA !important;\n\n    /* [核心堆料] 多层背景叠加 (由上至下) */\n    background-image: \n        /* 层1：左侧装饰条 (带微弱投影) */\n        linear-gradient(to right, #FFB74D 5px, rgba(0,0,0,0.05) 5px, transparent 8px),\n        \n        /* 层2：环境光晕 (Vignette) - 让四周稍暗，突出中心文字 */\n        radial-gradient(circle at 50% 50%, transparent 60%, rgba(176, 190, 197, 0.1) 100%),\n        \n        /* 层3：您要求的【保留网格】 - 经典的菱形交叉线 (Diamond Grid) */\n        repeating-linear-gradient(45deg, \n            rgba(41, 182, 246, 0.08) 0px, \n            rgba(41, 182, 246, 0.08) 1px, \n            transparent 1px, \n            transparent 20px\n        ), \n        repeating-linear-gradient(-45deg, \n            rgba(41, 182, 246, 0.08) 0px, \n            rgba(41, 182, 246, 0.08) 1px, \n            transparent 1px, \n            transparent 20px\n        ),\n        \n        /* 层4：底层微噪点/方格 (Micro Grid) - 增加细腻度，防止大网格显得太空 */\n        linear-gradient(0deg, rgba(0,0,0,0.02) 1px, transparent 1px),\n        linear-gradient(90deg, rgba(0,0,0,0.02) 1px, transparent 1px)\n        !important;\n\n    /* [尺寸控制] 对应上述四层 */\n    background-size: \n        100% 100%, /* 装饰条 */\n        100% 100%, /* 光晕 */\n        30px 30px, /* 菱形大网格 */\n        30px 30px, /* 菱形大网格 */\n        10px 10px, /* 微细方格 */\n        10px 10px  /* 微细方格 */\n        !important;\n\n    /* [双重边框] 模拟高级信笺的压痕 */\n    border: 1px solid #B0BEC5 !important; /* 外框 */\n    box-shadow: \n        inset 0 0 0 2px #FFFFFF, /* 内层白边 (垫底) */\n        inset 0 0 0 3px #ECEFF1, /* 内层灰线 (压痕) */\n        0 8px 25px rgba(41, 182, 246, 0.15) !important; /* 外部柔光 */\n}\n\n/* 2. 夜间模式适配：深色堆料 */\n.dark .group .bg-gray-100\\/90::before {\n    background-color: #1A2332 !important;\n\n    background-image: \n        /* 层1：深紫装饰条 */\n        linear-gradient(to right, #5E35B1 5px, rgba(0,0,0,0.3) 5px, transparent 8px),\n        /* 层2：暗角 */\n        radial-gradient(circle at 50% 50%, transparent 50%, rgba(0,0,0,0.4) 100%),\n        /* 层3：菱形网格 (银色微光) */\n        repeating-linear-gradient(45deg, rgba(255,255,255,0.03) 0px, rgba(255,255,255,0.03) 1px, transparent 1px, transparent 20px), \n        repeating-linear-gradient(-45deg, rgba(255,255,255,0.03) 0px, rgba(255,255,255,0.03) 1px, transparent 1px, transparent 20px),\n        /* 层4：底层微网格 */\n        linear-gradient(0deg, rgba(255,255,255,0.01) 1px, transparent 1px),\n        linear-gradient(90deg, rgba(255,255,255,0.01) 1px, transparent 1px)\n        !important;\n\n    border-color: #37474F !important;\n    box-shadow: \n        inset 0 0 0 1px #263238, \n        inset 0 0 0 2px #37474F,\n        0 10px 30px rgba(0,0,0,0.5) !important;\n}\n\n/* 3. 右下角雪花微调：增加一点点模糊，使其融入背景 */\n.group .bg-gray-100\\/90::after {\n    filter: blur(2px) !important; /* 景深感 */\n    opacity: 0.15 !important;     /* 稍微调低，不要喧宾夺主 */\n}\n\n/* ===================================================================\n   🌸 模块十三（修复版）：校庭留言板 (Commentary Section - High Legibility)\n   设计：加固底色、深色墨水、清晰排版\n   =================================================================== */\n\n/* --- 1. 顶部排序按钮组 --- */\n.MuiStack-root.css-1dmzxoz {\n    background: transparent !important;\n    padding: 10px 0 !important;\n    gap: 12px !important;\n}\n\n.MuiStack-root.css-1dmzxoz button {\n    font-family: 'Noto Serif SC', serif !important;\n    font-weight: 700 !important;\n    border-radius: 4px !important;\n    padding: 5px 15px !important;\n    text-transform: none !important;\n    letter-spacing: 0.5px !important;\n}\n\n/* 选中：更实心，保证文字清晰 */\n.MuiStack-root.css-1dmzxoz button.MuiButton-contained {\n    background: #4FC3F7 !important;\n    color: #01579B !important;\n    border: 1px solid #29B6F6 !important;\n    box-shadow: 0 2px 4px rgba(0,0,0,0.1) !important;\n}\n\n/* 未选中 */\n.MuiStack-root.css-1dmzxoz button.MuiButton-outlined {\n    background: rgba(255,255,255,0.5) !important; /* 加一点白底防止背景干扰 */\n    color: #607D8B !important; /* 加深灰色 */\n    border: 1px solid #CFD8DC !important;\n}\n\n/* --- 2. 评论卡片容器 (核心优化) --- */\n.group .flex.items-start.gap-2 {\n    padding: 18px 20px !important; /* 增加内边距 */\n    margin: 12px 0 !important;\n    border-radius: 6px !important;\n    \n    /* 🎨 [修复点1] 背景不再过度透明 */\n    /* 使用 90% 不透明度的浅蓝白，遮挡底部网格，确保文字清晰 */\n    background-color: rgba(236, 248, 255, 0.92) !important;\n    \n    /* 边框 */\n    border: 1px solid #B3E5FC !important;\n    border-left: 5px solid #29B6F6 !important; /* 加粗左侧条，增强视觉索引 */\n    \n    /* 阴影 */\n    box-shadow: 0 2px 6px rgba(0,0,0,0.03) !important;\n    \n    transition: all 0.2s ease-out !important;\n    position: relative !important;\n}\n\n/* --- 3. 悬停交互：柠檬暖阳 --- */\n.group .flex.items-start.gap-2:hover {\n    /* 悬停时背景变为极浅的米黄色，保持高对比度 */\n    background-color: #FFFDE7 !important; \n    border-color: #FFF59D !important;\n    border-left-color: #FDD835 !important; /* 明亮的柠檬黄 */\n    \n    transform: translateY(-2px) translateX(2px) !important;\n    box-shadow: 0 6px 15px rgba(253, 216, 53, 0.15) !important;\n}\n\n/* --- 4. 用户信息与头像 --- */\n.group img.rounded-full {\n    border: 2px solid #FFFFFF !important;\n    background: #FFF !important;\n}\n\n.group .text-sm.text-grey-600 {\n    font-family: 'Noto Serif SC', sans-serif !important; /* 名字稍微用黑体增加辨识度，或保持宋体但加粗 */\n    font-size: 14px !important;\n    margin-bottom: 4px !important;\n}\n\n.group .text-sm.text-grey-600 .font-bold {\n    color: #0277BD !important; /* 深海蓝，对比度高 */\n    font-weight: 800 !important;\n}\n\n/* --- 5. [修复点2] 评论正文 (高可读性) --- */\n.group .break-all {\n    /* 🎨 字体颜色：使用极深的蓝灰色，甚至接近黑色 */\n    color: #1a2327 !important; \n    \n    font-family: 'Noto Serif SC', 'SimSun', serif !important;\n    font-weight: 500 !important; /* 稍微加粗一点点，防止宋体发虚 */\n    \n    /* 📐 排版优化 */\n    font-size: 15px !important; /* 稍微加大字号 */\n    line-height: 1.8 !important; /* 增加行高，让视线更舒服 */\n    letter-spacing: 0.02em !important;\n    \n    margin-top: 8px !important;\n}\n\n/* --- 6. 底部信息栏 --- */\n.group .text-xs.text-grey-600.font-light {\n    margin-top: 12px !important;\n    padding-top: 10px !important;\n    border-top: 1px dashed rgba(176, 190, 197, 0.4) !important; /* 分割线加深一点 */\n    color: #78909c !important; /* 次要信息颜色 */\n    font-family: 'Arial', sans-serif !important; /* 数字用无衬线体更清晰 */\n}\n\n/* --- 7. 交互按钮优化 --- */\n/* 保持“悬停显示”逻辑，但增加显形后的对比度 */\n.group .flex.items-center.gap-2 button,\n.group .hover\\:underline {\n    opacity: 0 !important;\n    transition: opacity 0.2s !important;\n    color: #0288D1 !important;\n    font-weight: bold !important;\n    font-size: 12px !important;\n}\n\n/* 卡片悬停时显示 */\n.group .flex.items-start.gap-2:hover .flex.items-center.gap-2 button,\n.group .flex.items-start.gap-2:hover .hover\\:underline {\n    opacity: 1 !important;\n}\n\n/* 点赞按钮常驻显示，但颜色淡 */\n.group button:has(svg) {\n    opacity: 0.7 !important;\n}\n.group button:has(svg):hover {\n    opacity: 1 !important;\n    color: #E53935 !important;\n}\n\n/* --- 8. 隐藏多余分割线 --- */\n.style_divider__mW0YX { display: none !important; }\n\n/* --- 🌙 夜间模式适配 (高对比度版) --- */\n@media (prefers-color-scheme: dark) {\n    /* 排序按钮 */\n    .MuiStack-root.css-1dmzxoz button.MuiButton-contained {\n        background: #1565C0 !important;\n        color: #FFFFFF !important;\n    }\n    .MuiStack-root.css-1dmzxoz button.MuiButton-outlined {\n        background: rgba(255,255,255,0.05) !important;\n        color: #B0BEC5 !important;\n    }\n\n    /* 评论卡片：深色背景，不再太透明 */\n    .group .flex.items-start.gap-2 {\n        background-color: #1e252b !important; /* 接近实色的深蓝灰 */\n        border: 1px solid #37474F !important;\n        border-left: 5px solid #5C6BC0 !important;\n    }\n    \n    /* 悬停：稍亮 */\n    .group .flex.items-start.gap-2:hover {\n        background-color: #263238 !important;\n        border-color: #64B5F6 !important;\n        border-left-color: #42A5F5 !important;\n    }\n\n    /* 文字：银白色，确保夜间清晰 */\n    .group .text-sm.text-grey-600 .font-bold { color: #82B1FF !important; }\n    .group .break-all { color: #ECEFF1 !important; font-weight: 400 !important; }\n    .group .text-xs.text-grey-600 { color: #90A4AE !important; }\n}\n\n/* ===================================================================\n   📧 补丁：传达之键 (The Transmission Key)\n   目标：将平面的发送图标升级为实体水晶按键，增加发射动效\n   =================================================================== */\n\n/* 1. 容器：实体水晶按键结构 */\n#ai-send-button {\n    /* 📏 尺寸微调：比普通按钮稍微宽一点，更有分量 */\n    width: 42px !important;\n    height: 38px !important;\n    border-radius: 6px !important;\n    \n    /* 🎨 材质：冬日冰晶 (Ice Crystal) */\n    /* 经典的 50% 硬切光泽，模拟早期拟物化 UI */\n    background: linear-gradient(\n        to bottom, \n        #FFFFFF 0%, \n        #E3F2FD 50%, \n        #BBDEFB 51%, \n        #E3F2FD 100%\n    ) !important;\n    \n    /* 🖼️ 边框：具有物理厚度 */\n    border: 1px solid #90CAF9 !important;\n    border-bottom: 3px solid #64B5F6 !important; /* 底部加厚，模拟实体键高 */\n    \n    /* ✨ 阴影与光泽 */\n    box-shadow: \n        0 2px 5px rgba(33, 150, 243, 0.15), /* 外部投影 */\n        inset 0 1px 0 #FFFFFF !important;   /* 顶部高光 */\n        \n    /* ⚡ 状态过渡 */\n    transition: all 0.15s cubic-bezier(0.34, 1.56, 0.64, 1) !important; /* 弹性过渡 */\n    margin-left: 8px !important; /* 与输入框拉开一点距离 */\n}\n\n/* 2. 图标 (SVG)：深蓝墨水 -> 橙色信号 */\n#ai-send-button svg {\n    font-size: 20px !important;\n    color: #1976D2 !important; /* 默认：深冬蓝 */\n    filter: drop-shadow(0 1px 0 rgba(255,255,255,0.8)) !important; /* 刻蚀感 */\n    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;\n    transform-origin: center center !important;\n}\n\n/* 3. 🖱️ 悬停 (Hover)：蓄力状态 */\n#ai-send-button:hover {\n    /* 背景变暖：变成夕阳橙 (Setsuna Orange) */\n    background: linear-gradient(\n        to bottom, \n        #FFF3E0 0%, \n        #FFE0B2 50%, \n        #FFB74D 51%, \n        #FFE0B2 100%\n    ) !important;\n    \n    border-color: #FFB74D !important;\n    border-bottom-color: #F57C00 !important;\n    transform: translateY(-1px) !important; /* 微微浮起 */\n    box-shadow: 0 4px 10px rgba(255, 167, 38, 0.4) !important; /* 橙色辉光 */\n}\n\n/* 悬停时图标的变化：纸飞机起飞姿态 */\n#ai-send-button:hover svg {\n    color: #E65100 !important; /* 图标变深橙 */\n    transform: translate(3px, -3px) scale(1.1) rotate(-10deg) !important; /* 向右上方起飞 */\n}\n\n/* 4. 👇 点击 (Active)：发射！ */\n#ai-send-button:active {\n    /* 物理下沉 */\n    transform: translateY(2px) !important;\n    border-bottom-width: 1px !important; /* 底部厚度消失 */\n    box-shadow: inset 0 2px 4px rgba(0,0,0,0.2) !important; /* 内阴影 */\n    background: #FFCC80 !important; /* 高光消失，变平 */\n}\n\n#ai-send-button:active svg {\n    transform: translate(5px, -5px) scale(0.9) !important; /* 飞得更远 */\n    opacity: 0.8 !important;\n}\n\n/* --- 🌙 夜间模式适配 --- */\n.dark #ai-send-button {\n    /* 黑曜石材质 */\n    background: linear-gradient(\n        to bottom, \n        #546E7A 0%, \n        #37474F 50%, \n        #263238 51%, \n        #37474F 100%\n    ) !important;\n    border-color: #455A64 !important;\n    border-bottom-color: #102027 !important;\n    box-shadow: 0 2px 5px rgba(0,0,0,0.3) !important;\n}\n\n.dark #ai-send-button svg {\n    color: #90CAF9 !important; /* 夜间图标发光 */\n    filter: drop-shadow(0 0 2px rgba(144, 202, 249, 0.5)) !important;\n}\n\n/* 夜间悬停：星光蓝 */\n.dark #ai-send-button:hover {\n    background: linear-gradient(\n        to bottom, \n        #E3F2FD 0%, \n        #2196F3 50%, \n        #1565C0 51%, \n        #2196F3 100%\n    ) !important;\n    border-color: #42A5F5 !important;\n    border-bottom-color: #0D47A1 !important;\n}\n.dark #ai-send-button:hover svg {\n    color: #FFFFFF !important;\n}\n\n/* ===================================================================\n   💰 模块补丁：资产管理 (Assets & Wallet)\n   设计：存折数字、液晶屏风格、右侧对齐\n   =================================================================== */\n\n/* 1. 容器布局调整：左右撑开 */\n.tlt-bar {\n    justify-content: space-between !important; /* 关键：左右分离 */\n    padding: 8px 15px !important;\n}\n\n/* 左侧天赋组 */\n.tlt-group {\n    display: flex !important;\n    gap: 8px !important;\n    align-items: center !important;\n    flex: 1 !important; /* 占据剩余空间 */\n}\n\n/* 2. 中间分割线 (竖线) */\n.divider-v {\n    width: 1px !important;\n    height: 20px !important;\n    background: linear-gradient(to bottom, transparent, #CFD8DC, transparent) !important;\n    margin: 0 15px !important;\n}\n\n/* 3. 右侧：持有金 (The Wallet) */\n.yen-balance {\n    display: flex !important;\n    align-items: baseline !important; /* 基线对齐，让符号和数字协调 */\n    gap: 4px !important;\n    \n    /* 材质：模拟账本的一角 */\n    padding: 4px 12px !important;\n    background: #FDFBF7 !important; /* 极淡的米色，像纸张 */\n    border: 1px solid #D7CCC8 !important;\n    border-radius: 4px !important;\n    box-shadow: inset 0 1px 3px rgba(0,0,0,0.05) !important;\n    \n    cursor: default !important;\n    transition: all 0.2s !important;\n}\n\n/* 悬停效果：显示一点点财迷的金色光晕 */\n.yen-balance:hover {\n    border-color: #FFCA28 !important;\n    box-shadow: 0 2px 8px rgba(255, 202, 40, 0.2) !important;\n    transform: translateY(-1px) !important;\n}\n\n/* 4. 货币符号 (Yen) */\n.yen-balance .currency {\n    font-family: 'Georgia', serif !important;\n    color: #8D6E63 !important; /* 铜币色 */\n    font-size: 0.9em !important;\n    font-weight: bold !important;\n}\n\n/* 5. 金额数字 (Digital Numbers) */\n.yen-balance .amount {\n    /* 使用等宽字体，像电子表或打印账单 */\n    font-family: 'Fira Code', 'Courier New', monospace !important;\n    font-weight: 600 !important;\n    color: #3E2723 !important; /* 深褐墨色 */\n    font-size: 1.1em !important;\n    letter-spacing: -0.5px !important;\n}\n\n/* --- 🌙 夜间模式适配 --- */\n.dark .yen-balance {\n    background: #263238 !important;\n    border-color: #455A64 !important;\n}\n.dark .yen-balance .currency { color: #BCAAA4 !important; }\n.dark .yen-balance .amount { color: #ECEFF1 !important; }\n.dark .yen-balance:hover {\n    border-color: #FFD54F !important;\n    box-shadow: 0 0 10px rgba(255, 213, 79, 0.1) !important;\n}\n\n/* --- 📱 移动端适配 --- */\n@media screen and (max-width: 480px) {\n    /* 手机上可能太挤，稍微缩小一点间距 */\n    .tlt-bar { padding: 8px 10px !important; }\n    .tlt-group { gap: 4px !important; }\n    .divider-v { margin: 0 8px !important; }\n    .yen-balance { padding: 2px 8px !important; }\n    .yen-balance .amount { font-size: 1em !important; }\n}\n\n/* ===================================================================\n   RILL WA2:SR 终极修复补丁 v2.0\n   目标：精准匹配 RILL 实际 DOM 结构\n   =================================================================== */\n\n/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━\n   1. 气泡容器精准定位\n   ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */\n\n/* 只对 AI 助手的输出气泡生效 */\n.group.is-assistant .rili-markdown-renderer {\n    position: relative !important;\n    background: transparent !important;\n    border: none !important;\n    padding: 35px 45px 35px 50px !important;\n    overflow: hidden !important;\n    margin: 1.5em auto !important;\n    max-width: 960px !important;\n    box-sizing: border-box !important;\n}\n\n/* 气泡背景层 */\n.group.is-assistant .rili-markdown-renderer::before {\n    content: '' !important;\n    position: absolute !important;\n    top: 0 !important;\n    left: 0 !important;\n    right: 0 !important;\n    bottom: 0 !important;\n    z-index: -1 !important;\n    pointer-events: none !important;\n    \n    background-color: #FAFAFA !important;\n    background-image: \n        linear-gradient(to right, #FFB74D 6px, transparent 6px),\n        repeating-linear-gradient(45deg, \n            rgba(176, 190, 197, 0.15) 0px, \n            rgba(176, 190, 197, 0.15) 1px, \n            transparent 1px, \n            transparent 15px\n        ), \n        repeating-linear-gradient(-45deg, \n            rgba(176, 190, 197, 0.15) 0px, \n            rgba(176, 190, 197, 0.15) 1px, \n            transparent 1px, \n            transparent 15px\n        ) !important;\n    background-size: 100% 100%, 30px 30px, 30px 30px !important;\n    background-repeat: no-repeat, repeat, repeat !important;\n    border: 1px solid #CFD8DC !important;\n    border-radius: 2px !important;\n    box-shadow: \n        0 4px 15px rgba(0,0,0,0.05), \n        inset 0 0 20px rgba(255,255,255,0.8) !important;\n}\n\n/* 雪花水印 */\n.group.is-assistant .rili-markdown-renderer::after {\n    content: '❄' !important;\n    position: absolute !important;\n    bottom: -30px !important;\n    right: -20px !important;\n    font-size: 160px !important;\n    line-height: 1 !important;\n    z-index: -1 !important;\n    pointer-events: none !important;\n    color: #E1F5FE !important;\n    opacity: 0.4 !important;\n    transform: rotate(15deg) !important;\n    filter: blur(1px) !important;\n}\n\n/* 夜间模式 */\n.dark .group.is-assistant .rili-markdown-renderer::before {\n    background-color: #1c2226 !important;\n    background-image: \n        linear-gradient(to right, #5E35B1 6px, transparent 6px),\n        repeating-linear-gradient(45deg, rgba(255,255,255,0.03) 0px, rgba(255,255,255,0.03) 1px, transparent 1px, transparent 15px), \n        repeating-linear-gradient(-45deg, rgba(255,255,255,0.03) 0px, rgba(255,255,255,0.03) 1px, transparent 1px, transparent 15px) !important;\n    border-color: #37474F !important;\n    box-shadow: 0 4px 20px rgba(0,0,0,0.3), inset 0 0 30px rgba(0,0,0,0.2) !important;\n}\n\n.dark .group.is-assistant .rili-markdown-renderer::after {\n    color: #37474F !important;\n    opacity: 0.2 !important;\n}\n\n/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━\n   2. 折叠栏 <details> 修复\n   ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */\n\n/* 通用 details 重置（确保不受全局污染） */\n.rili-markdown-renderer details {\n    display: block !important;\n    width: 100% !important;\n    max-width: 100% !important;\n    box-sizing: border-box !important;\n    overflow: visible !important;\n    margin: 15px auto !important;\n    position: relative !important;\n    z-index: 3 !important;\n}\n\n/* 思维链 CoT-Box */\n.rili-markdown-renderer .CoT-Box {\n    background: #F2F4F6 !important;\n    border: 1px solid #b0bec5 !important;\n    border-radius: 2px !important;\n    padding: 2px !important;\n    backdrop-filter: none !important;\n    box-shadow: inset 0 0 5px rgba(0,0,0,0.05) !important;\n}\n\n.rili-markdown-renderer .CoT-Box > summary {\n    background: linear-gradient(to bottom, #546E7A 0%, #37474F 50%, #263238 51%, #37474F 100%) !important;\n    color: #FFFFFF !important;\n    padding: 8px 12px !important;\n    cursor: pointer !important;\n    border: 1px solid #263238 !important;\n    border-top: 1px solid #78909C !important;\n    border-radius: 2px !important;\n    text-shadow: 1px 1px 0 #000000 !important;\n    font-family: 'SimSun', 'MS Song', serif !important;\n    font-size: 1.1em !important;\n    font-weight: bold !important;\n    list-style: none !important;\n    transition: all 0.2s !important;\n}\n\n.rili-markdown-renderer .CoT-Box > summary::-webkit-details-marker {\n    display: none !important;\n}\n\n.rili-markdown-renderer .CoT-Box > summary::before {\n    content: '❖' !important;\n    font-size: 1.1em !important;\n    margin-right: 8px !important;\n    display: inline-block !important;\n    color: #FFB74D !important;\n    text-shadow: 0 0 5px rgba(255, 183, 77, 0.8) !important;\n    transition: transform 0.3s ease !important;\n}\n\n.rili-markdown-renderer .CoT-Box[open] > summary::before {\n    transform: rotate(90deg) !important;\n    color: #4FC3F7 !important;\n    text-shadow: 0 0 5px rgba(79, 195, 247, 0.8) !important;\n}\n\n.rili-markdown-renderer .CoT-Box > summary:hover {\n    background: linear-gradient(to bottom, #78909C 0%, #546E7A 50%, #455A64 51%, #546E7A 100%) !important;\n}\n\n/* 公告栏 .bb */\n.rili-markdown-renderer details.bb,\n.rili-markdown-renderer details.sh,\n.rili-markdown-renderer details.cr,\n.rili-markdown-renderer details.jr {\n    background: #f8f9fa !important;\n    border: 1px solid #cfd8dc !important;\n    border-radius: 4px !important;\n    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05) !important;\n    padding: 0 !important;\n}\n\n.rili-markdown-renderer details.bb > summary,\n.rili-markdown-renderer details.sh > summary,\n.rili-markdown-renderer details.cr > summary,\n.rili-markdown-renderer details.jr > summary {\n    background: #eceff1 !important;\n    color: #455a64 !important;\n    padding: 6px 12px !important;\n    font-size: 0.85em !important;\n    font-weight: bold !important;\n    border-bottom: 1px solid #cfd8dc !important;\n    cursor: pointer !important;\n    list-style: none !important;\n}\n\n.rili-markdown-renderer details.bb > summary::-webkit-details-marker,\n.rili-markdown-renderer details.sh > summary::-webkit-details-marker,\n.rili-markdown-renderer details.cr > summary::-webkit-details-marker,\n.rili-markdown-renderer details.jr > summary::-webkit-details-marker {\n    display: none !important;\n}\n\n/* 夜间模式 */\n.dark .rili-markdown-renderer .CoT-Box {\n    background: #18191A !important;\n    border-color: #37474F !important;\n}\n\n.dark .rili-markdown-renderer .CoT-Box > summary {\n    background: linear-gradient(to bottom, #424242 0%, #212121 50%, #000000 51%, #212121 100%) !important;\n    border-color: #000 !important;\n    border-top-color: #616161 !important;\n}\n\n.dark .rili-markdown-renderer details.bb,\n.dark .rili-markdown-renderer details.sh,\n.dark .rili-markdown-renderer details.cr,\n.dark .rili-markdown-renderer details.jr {\n    background: #1c2529 !important;\n    border-color: #37474f !important;\n}\n\n.dark .rili-markdown-renderer details.bb > summary,\n.dark .rili-markdown-renderer details.sh > summary,\n.dark .rili-markdown-renderer details.cr > summary,\n.dark .rili-markdown-renderer details.jr > summary {\n    background: #263238 !important;\n    color: #cfd8dc !important;\n}\n\n/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━\n   3. 功能按钮强制显示\n   ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */\n\n/* 按钮容器层级提升 */\n.flex.items-center.gap-1.ml-auto {\n    position: relative !important;\n    z-index: 99999 !important;\n}\n\n.bg-muted.rounded.flex.p-0\\.5 {\n    position: relative !important;\n    z-index: 100000 !important;\n    background: rgba(255, 255, 255, 0.98) !important;\n    backdrop-filter: blur(8px) !important;\n    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1) !important;\n    border: 1px solid #e5e7eb !important;\n}\n\n.bg-muted.rounded.flex.p-0\\.5 button {\n    position: relative !important;\n    z-index: 100001 !important;\n    pointer-events: auto !important;\n    opacity: 1 !important;\n    visibility: visible !important;\n    display: inline-flex !important;\n}\n\n/* 强制按钮可见（覆盖 group-hover 逻辑） */\n.flex.items-center.gap-1.ml-auto,\n.flex.items-center.gap-1.ml-auto * {\n    opacity: 1 !important;\n    visibility: visible !important;\n}\n\n/* 按钮交互 */\n.bg-muted.rounded.flex.p-0\\.5 button:hover {\n    background: #f3f4f6 !important;\n    transform: none !important;\n}\n\n/* 移动端按钮保护 */\n@media screen and (max-width: 768px) {\n    .flex.items-center.gap-1.ml-auto {\n        opacity: 1 !important;\n    }\n    \n    .bg-muted.rounded.flex.p-0\\.5 {\n        position: sticky !important;\n        top: 0 !important;\n        background: rgba(255, 255, 255, 1) !important;\n    }\n}\n\n/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━\n   4. 顶部栏修复\n   ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */\n\n#nav-middle {\n    background: rgba(236, 239, 241, 0.95) !important;\n    backdrop-filter: blur(8px) !important;\n    border-bottom: 1px solid #b0bec5 !important;\n    padding: 0.5rem 1rem !important;\n}\n\n.dark #nav-middle {\n    background: rgba(28, 37, 41, 0.95) !important;\n    border-bottom-color: #37474f !important;\n}\n\n/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━\n   5. 用户输入气泡排除\n   ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */\n\n.group.is-user {\n    background: transparent !important;\n}\n\n.group.is-user::before,\n.group.is-user::after {\n    display: none !important;\n}\n\n/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━\n   6. 编辑器隔离\n   ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */\n\ntextarea,\n[contenteditable=\"true\"],\ntextarea + div,\n.w-full.rounded-md.border {\n    background: #ffffff !important;\n    background-image: none !important;\n    border: 1px solid #d1d5db !important;\n    box-shadow: none !important;\n}\n\ntextarea + div details,\n[contenteditable=\"true\"] details {\n    background: #ffffff !important;\n    border: 1px solid #e5e7eb !important;\n    border-radius: 0.375rem !important;\n    padding: 0 !important;\n    box-shadow: none !important;\n}\n\ntextarea + div details::before,\ntextarea + div details::after,\n[contenteditable=\"true\"] details::before,\n[contenteditable=\"true\"] details::after {\n    display: none !important;\n}\n\ntextarea + div summary,\n[contenteditable=\"true\"] summary {\n    background: #f9fafb !important;\n    color: #374151 !important;\n    padding: 0.5rem 1rem !important;\n    border: none !important;\n    border-radius: 0.375rem !important;\n    font-size: 0.875rem !important;\n}\n\n/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━\n   7. 响应式修复\n   ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */\n\n@media screen and (max-width: 768px) {\n    .group.is-assistant .rili-markdown-renderer {\n        padding: 20px 16px 20px 20px !important;\n    }\n    \n    .group.is-assistant .rili-markdown-renderer::after {\n        font-size: 80px !important;\n        bottom: 0 !important;\n    }\n}\n\n/* ===================================================================\n   补丁 3.0：恢复所有 details 的动态效果 + 星记忆回廊特殊美化\n   =================================================================== */\n\n/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━\n   1. 恢复通用 details 的完整样式（之前被意外重置了）\n   ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */\n\n.rili-markdown-renderer details {\n    position: relative !important;\n    background: #F2F4F6 !important;\n    border: 1px solid #B0BEC5 !important;\n    border-radius: 2px !important;\n    margin: 15px auto !important;\n    padding: 2px !important;\n    width: 100% !important;\n    z-index: 3 !important;\n    backdrop-filter: none !important;\n    box-shadow: inset 0 0 5px rgba(0,0,0,0.05) !important;\n    overflow: visible !important;\n}\n\n.dark .rili-markdown-renderer details {\n    background: #18191A !important;\n    border-color: #37474F !important;\n    box-shadow: inset 0 0 5px rgba(0,0,0,0.5) !important;\n}\n\n/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━\n   2. 通用 summary 样式（水晶按钮效果）\n   ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */\n\n.rili-markdown-renderer summary {\n    font-family: 'SimSun', 'MS Song', serif !important;\n    font-size: 1.1em !important;\n    font-weight: bold !important;\n    color: #FFFFFF !important;\n    padding: 8px 12px !important;\n    cursor: pointer !important;\n    outline: none !important;\n    list-style: none !important;\n    \n    /* 2007年经典水晶按钮渐变 */\n    background: linear-gradient(to bottom, #546E7A 0%, #37474F 50%, #263238 51%, #37474F 100%) !important;\n    \n    border: 1px solid #263238 !important;\n    border-top: 1px solid #78909C !important;\n    border-radius: 2px !important;\n    \n    text-shadow: 1px 1px 0 #000000 !important;\n    transition: all 0.2s !important;\n    position: relative !important;\n}\n\n.rili-markdown-renderer summary::-webkit-details-marker {\n    display: none !important;\n}\n\n/* 图标 */\n.rili-markdown-renderer summary::before {\n    content: '❖' !important;\n    font-size: 1.1em !important;\n    margin-right: 8px !important;\n    display: inline-block !important;\n    color: #FFB74D !important;\n    text-shadow: 0 0 5px rgba(255, 183, 77, 0.8) !important;\n    transition: transform 0.3s ease !important;\n}\n\n/* 展开时图标旋转 */\n.rili-markdown-renderer details[open] > summary::before {\n    transform: rotate(90deg) !important;\n    color: #4FC3F7 !important;\n    text-shadow: 0 0 5px rgba(79, 195, 247, 0.8) !important;\n}\n\n/* 悬停效果 */\n.rili-markdown-renderer summary:hover {\n    background: linear-gradient(to bottom, #78909C 0%, #546E7A 50%, #455A64 51%, #546E7A 100%) !important;\n    transform: translateX(4px) !important;\n    box-shadow: 0 3px 6px rgba(0,0,0,0.15) !important;\n}\n\n/* 按下效果 */\n.rili-markdown-renderer summary:active {\n    transform: translateY(2px) scale(0.99) !important;\n    box-shadow: inset 0 3px 5px rgba(0,0,0,0.3) !important;\n    background: linear-gradient(to bottom, #263238 0%, #1e272c 100%) !important;\n}\n\n/* 流光效果 */\n.rili-markdown-renderer summary::after {\n    content: \"\" !important;\n    position: absolute !important;\n    top: 0 !important;\n    left: -100% !important;\n    width: 50% !important;\n    height: 100% !important;\n    background: linear-gradient(to right, transparent 0%, rgba(255,255,255,0.2) 50%, transparent 100%) !important;\n    transform: skewX(-25deg) !important;\n    transition: none !important;\n    pointer-events: none !important;\n}\n\n.rili-markdown-renderer summary:hover::after {\n    left: 200% !important;\n    transition: left 0.6s ease-in-out !important;\n}\n\n/* 夜间模式 */\n.dark .rili-markdown-renderer summary {\n    background: linear-gradient(to bottom, #424242 0%, #212121 50%, #000000 51%, #212121 100%) !important;\n    border-color: #000 !important;\n    border-top-color: #616161 !important;\n}\n\n/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━\n   3. 内容区域（扫描线纹理）\n   ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */\n\n.rili-markdown-renderer details > div,\n.rili-markdown-renderer details > p,\n.rili-markdown-renderer details > table,\n.rili-markdown-renderer details > *:not(summary) {\n    padding: 15px !important;\n    background-color: #F8F9FA !important;\n    background-image: repeating-linear-gradient(\n        0deg,\n        transparent,\n        transparent 19px,\n        #E0E0E0 20px\n    ) !important;\n    background-size: 100% 20px !important;\n    color: #37474F !important;\n    border: 1px solid #CFD8DC !important;\n    border-top: none !important;\n    font-family: 'SimSun', 'Microsoft YaHei', sans-serif !important;\n    font-size: 0.95em !important;\n    line-height: 20px !important;\n}\n\n.dark .rili-markdown-renderer details > div,\n.dark .rili-markdown-renderer details > *:not(summary) {\n    background-color: #121212 !important;\n    background-image: repeating-linear-gradient(\n        0deg,\n        transparent,\n        transparent 19px,\n        #333333 20px\n    ) !important;\n    color: #B0BEC5 !important;\n    border-color: #37474F !important;\n}\n\n/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━\n   4. 特殊容器覆盖（优先级更高）\n   ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */\n\n/* CoT 思维链 */\n.rili-markdown-renderer .CoT-Box > summary {\n    /* 保持原有样式，不变 */\n}\n\n/* 公告栏、手帐等 */\n.rili-markdown-renderer details.bb,\n.rili-markdown-renderer details.sh,\n.rili-markdown-renderer details.cr,\n.rili-markdown-renderer details.jr {\n    background: #f8f9fa !important;\n    border: 1px solid #cfd8dc !important;\n    border-radius: 4px !important;\n    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05) !important;\n}\n\n.rili-markdown-renderer details.bb > summary,\n.rili-markdown-renderer details.sh > summary,\n.rili-markdown-renderer details.cr > summary,\n.rili-markdown-renderer details.jr > summary {\n    background: #eceff1 !important;\n    color: #455a64 !important;\n    padding: 6px 12px !important;\n    font-size: 0.85em !important;\n    border-bottom: 1px solid #cfd8dc !important;\n    text-shadow: none !important;\n}\n\n.rili-markdown-renderer details.bb > summary::before,\n.rili-markdown-renderer details.sh > summary::before,\n.rili-markdown-renderer details.cr > summary::before,\n.rili-markdown-renderer details.jr > summary::before {\n    content: '' !important;\n    display: none !important;\n}\n\n/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━\n   5. 🌟 星记忆回廊特殊美化（无类名 details 的兜底匹配）\n   ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */\n\n/* 识别规则：summary 内容包含\"星记忆回廊\"或\"LTM\"/\"STM\" */\n.rili-markdown-renderer details:not([class]) {\n    /* 深邃的宇宙黑背景 */\n    background: linear-gradient(135deg, #1a1a2e 0%, #16213e 100%) !important;\n    border: 2px solid #0f3460 !important;\n    border-radius: 8px !important;\n    box-shadow: \n        0 8px 32px rgba(0, 0, 0, 0.4),\n        inset 0 0 20px rgba(15, 52, 96, 0.3) !important;\n    overflow: visible !important;\n}\n\n.rili-markdown-renderer details:not([class]) > summary {\n    /* 星空银河渐变 */\n    background: linear-gradient(90deg, #0f3460 0%, #16213e 50%, #533483 100%) !important;\n    color: #e8f1f5 !important;\n    font-family: 'Georgia', 'Noto Serif SC', serif !important;\n    font-size: 1.05em !important;\n    letter-spacing: 2px !important;\n    border: 1px solid #533483 !important;\n    border-top: 1px solid #6a4c93 !important;\n    padding: 10px 18px !important;\n    text-shadow: 0 0 10px rgba(106, 76, 147, 0.8) !important;\n}\n\n.rili-markdown-renderer details:not([class]) > summary::before {\n    content: '✦' !important;\n    color: #e8f1f5 !important;\n    font-size: 1.3em !important;\n    text-shadow: 0 0 15px rgba(232, 241, 245, 1) !important;\n    animation: star-pulse 2s ease-in-out infinite !important;\n}\n\n@keyframes star-pulse {\n    0%, 100% { opacity: 1; transform: scale(1); }\n    50% { opacity: 0.6; transform: scale(1.15); }\n}\n\n.rili-markdown-renderer details:not([class])[open] > summary::before {\n    animation: star-spin 1s linear infinite !important;\n}\n\n@keyframes star-spin {\n    from { transform: rotate(0deg); }\n    to { transform: rotate(360deg); }\n}\n\n.rili-markdown-renderer details:not([class]) > summary:hover {\n    background: linear-gradient(90deg, #16213e 0%, #0f3460 50%, #6a4c93 100%) !important;\n    box-shadow: 0 0 20px rgba(106, 76, 147, 0.6) !important;\n}\n\n/* 内容区：深空记忆卷轴 */\n.rili-markdown-renderer details:not([class]) > p,\n.rili-markdown-renderer details:not([class]) table,\n.rili-markdown-renderer details:not([class]) > *:not(summary) {\n    background-color: #0f1419 !important;\n    background-image: none !important;\n    color: #b8c5d0 !important;\n    border: 1px solid #1a2332 !important;\n    padding: 18px !important;\n    font-family: 'Consolas', 'Courier New', monospace !important;\n    font-size: 0.9em !important;\n    line-height: 1.8 !important;\n}\n\n/* 表格特殊美化 */\n.rili-markdown-renderer details:not([class]) table {\n    width: 100% !important;\n    border-collapse: collapse !important;\n    margin-top: 10px !important;\n}\n\n.rili-markdown-renderer details:not([class]) table th,\n.rili-markdown-renderer details:not([class]) table td {\n    border: 1px solid #1a2332 !important;\n    padding: 8px 12px !important;\n    text-align: left !important;\n    color: #b8c5d0 !important;\n}\n\n.rili-markdown-renderer details:not([class]) table th {\n    background: rgba(15, 52, 96, 0.3) !important;\n    font-weight: bold !important;\n    color: #e8f1f5 !important;\n}\n\n.rili-markdown-renderer details:not([class]) table tbody tr:hover {\n    background: rgba(106, 76, 147, 0.1) !important;\n}\n\n/* Emoji 图标特殊处理 */\n.rili-markdown-renderer details:not([class]) p:first-of-type {\n    font-size: 1.1em !important;\n    color: #6a4c93 !important;\n    margin-bottom: 12px !important;\n}\n\n/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━\n   6. 移动端优化\n   ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */\n\n@media screen and (max-width: 768px) {\n    .rili-markdown-renderer summary {\n        font-size: 1em !important;\n        padding: 6px 10px !important;\n    }\n    \n    .rili-markdown-renderer details:not([class]) > summary {\n        font-size: 0.95em !important;\n        letter-spacing: 1px !important;\n    }\n    \n    /* 手机上禁用流光效果 */\n    .rili-markdown-renderer summary::after {\n        display: none !important;\n    }\n}\n\n/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━\n   7. 确保编辑器内的 details 不受影响\n   ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */\n\ntextarea + div details,\n[contenteditable=\"true\"] details {\n    background: #ffffff !important;\n    border: 1px solid #e5e7eb !important;\n    border-radius: 0.375rem !important;\n    padding: 0 !important;\n    box-shadow: none !important;\n}\n\ntextarea + div details::before,\ntextarea + div details::after,\n[contenteditable=\"true\"] details::before,\n[contenteditable=\"true\"] details::after {\n    display: none !important;\n}\n\ntextarea + div summary,\n[contenteditable=\"true\"] summary {\n    background: #f9fafb !important;\n    color: #374151 !important;\n    padding: 0.5rem 1rem !important;\n    border: none !important;\n    border-radius: 0.375rem !important;\n    font-size: 0.875rem !important;\n    text-shadow: none !important;\n}\n\ntextarea + div summary::before,\ntextarea + div summary::after,\n[contenteditable=\"true\"] summary::before,\n[contenteditable=\"true\"] summary::after {\n    display: none !important;\n}\n\n/* ===================================================================\n   WA2:SR 全装恢复补丁 - 2007 Vintage Full Spec\n   目标：恢复每个容器的独特动态效果与质感差异化\n   =================================================================== */\n\n/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━\n   0. 通用 details 基础（保留动态效果）\n   ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */\n\n.rili-markdown-renderer details {\n    position: relative !important;\n    overflow: visible !important;\n    margin: 15px auto !important;\n    width: 100% !important;\n    max-width: 100% !important;\n    box-sizing: border-box !important;\n}\n\n.rili-markdown-renderer summary {\n    cursor: pointer !important;\n    outline: none !important;\n    list-style: none !important;\n    position: relative !important;\n    overflow: hidden !important;\n    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) !important;\n}\n\n.rili-markdown-renderer summary::-webkit-details-marker {\n    display: none !important;\n}\n\n/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━\n   1. 🏫 峰城大附属·公告栏 (Bulletin Board) - 官方文书质感\n   ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */\n\n.rili-markdown-renderer details.bb {\n    background: #ffffff !important;\n    border: 1px solid #b0bec5 !important;\n    border-radius: 4px !important;\n    box-shadow: 0 4px 15px rgba(0,0,0,0.08) !important;\n    font-family: 'Noto Serif SC', serif !important;\n    margin: 2em auto !important;\n    max-width: 620px !important;\n}\n\n.rili-markdown-renderer details.bb > summary {\n    background: #455a64 !important;\n    color: #ffffff !important;\n    padding: 10px 15px !important;\n    font-size: 0.9em !important;\n    font-weight: bold !important;\n    letter-spacing: 2px !important;\n    border-bottom: 1px solid #37474f !important;\n}\n\n.rili-markdown-renderer details.bb > summary::before {\n    content: '📋' !important;\n    margin-right: 8px !important;\n    font-size: 1.1em !important;\n}\n\n.rili-markdown-renderer details.bb > summary:hover {\n    background: #546e7a !important;\n    letter-spacing: 3px !important;\n}\n\n/* 公告栏内部结构保持原样 */\n.rili-markdown-renderer details.bb .hd {\n    background: #37474f !important;\n    color: #eceff1 !important;\n    padding: 12px 15px !important;\n    display: flex !important;\n    justify-content: space-between !important;\n    align-items: flex-start !important;\n    font-family: sans-serif !important;\n    gap: 10px !important;\n    flex-wrap: wrap !important;\n}\n\n.rili-markdown-renderer details.bb .tm b {\n    color: #ffffff !important;\n}\n\n.rili-markdown-renderer details.bb .tg {\n    font-size: 0.75em !important;\n    background: rgba(0, 0, 0, 0.2) !important;\n    color: #b0bec5 !important;\n    padding: 2px 6px !important;\n    border-radius: 3px !important;\n    border: 1px solid rgba(255, 255, 255, 0.1) !important;\n}\n\n.rili-markdown-renderer details.bb .ds {\n    background: #fff !important;\n    color: #546e7a !important;\n    padding: 10px 15px !important;\n    font-size: 0.9em !important;\n    font-style: italic !important;\n    border-bottom: 1px dashed #cfd8dc !important;\n}\n\n/* 夜间模式 */\n.dark .rili-markdown-renderer details.bb {\n    background: #1a2332 !important;\n    border-color: #37474f !important;\n}\n\n.dark .rili-markdown-renderer details.bb .hd {\n    background: #263238 !important;\n}\n\n.dark .rili-markdown-renderer details.bb .ds {\n    background: #1c2529 !important;\n    color: #cfd8dc !important;\n}\n\n/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━\n   2. 📒 生徒手帐 (Student Handbook) - 笔记本质感\n   ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */\n\n.rili-markdown-renderer details.sh {\n    background: #ffffff !important;\n    border: 1px solid #b0bec5 !important;\n    border-top: 4px solid #546e7a !important;\n    border-radius: 4px !important;\n    box-shadow: 0 4px 6px rgba(0,0,0,0.05) !important;\n    font-family: 'Noto Serif SC', serif !important;\n    color: #37474f !important;\n    margin: 1.5em auto !important;\n    max-width: 600px !important;\n}\n\n.rili-markdown-renderer details.sh > summary {\n    background: #eceff1 !important;\n    color: #263238 !important;\n    padding: 8px 12px !important;\n    font-weight: bold !important;\n    border-bottom: 1px solid #cfd8dc !important;\n}\n\n.rili-markdown-renderer details.sh > summary::before {\n    content: '✎' !important;\n    margin-right: 6px !important;\n    color: #78909c !important;\n}\n\n.rili-markdown-renderer details.sh > summary:hover {\n    background: #e3f2fd !important;\n    color: #1976d2 !important;\n}\n\n/* 天赋条 */\n.rili-markdown-renderer details.sh .tlt-bar {\n    display: flex !important;\n    gap: 8px !important;\n    padding: 10px 15px !important;\n    background: #fdfdfd !important;\n    border-bottom: 1px solid #eceff1 !important;\n    align-items: center !important;\n}\n\n.rili-markdown-renderer details.sh .slot {\n    flex: 1 !important;\n    display: flex !important;\n    flex-direction: row !important;\n    align-items: center !important;\n    justify-content: center !important;\n    gap: 6px !important;\n    background: #ffffff !important;\n    border: 1px solid #cfd8dc !important;\n    border-radius: 3px !important;\n    padding: 6px 4px !important;\n    cursor: help !important;\n    box-shadow: inset 0 0 5px rgba(255,255,255,0.8) !important;\n    transition: all 0.2s ease !important;\n}\n\n.rili-markdown-renderer details.sh .slot:hover {\n    transform: translateY(-1px) !important;\n    box-shadow: 0 2px 6px rgba(0,0,0,0.06) !important;\n}\n\n.rili-markdown-renderer details.sh .slot.gold {\n    border-color: #ffe082 !important;\n    background: linear-gradient(to bottom, #fff, #fffde7) !important;\n}\n\n.rili-markdown-renderer details.sh .slot.silver {\n    border-color: #b0bec5 !important;\n    background: linear-gradient(to bottom, #fff, #eceff1) !important;\n}\n\n.rili-markdown-renderer details.sh .slot.bronze {\n    border-color: #d7ccc8 !important;\n    background: linear-gradient(to bottom, #fff, #efebe9) !important;\n}\n\n/* 资源条 */\n.rili-markdown-renderer details.sh .bar {\n    display: block !important;\n    flex: 1 1 auto !important;\n    height: 14px !important;\n    min-height: 14px !important;\n    background: #eceff1 !important;\n    border: 1px solid #cfd8dc !important;\n    border-radius: 7px !important;\n    position: relative !important;\n    overflow: hidden !important;\n}\n\n.rili-markdown-renderer details.sh .bar .val {\n    height: 100% !important;\n    transition: width 0.3s !important;\n}\n\n.rili-markdown-renderer details.sh .hp .val {\n    background: #81c784 !important;\n}\n\n.rili-markdown-renderer details.sh .mp .val {\n    background: #64b5f6 !important;\n}\n\n.rili-markdown-renderer details.sh .bar .txt {\n    position: absolute !important;\n    width: 100% !important;\n    text-align: center !important;\n    font-size: 9px !important;\n    line-height: 14px !important;\n    color: rgba(0,0,0,0.5) !important;\n    font-weight: bold !important;\n    z-index: 2 !important;\n}\n\n/* 夜间模式 */\n.dark .rili-markdown-renderer details.sh {\n    background: #1c2529 !important;\n    border-color: #37474f !important;\n}\n\n.dark .rili-markdown-renderer details.sh > summary {\n    background: #263238 !important;\n    color: #cfd8dc !important;\n}\n\n/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━\n   3. 🌸 同学录 (Classmate Record) - 剪贴簿质感\n   ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */\n\n.rili-markdown-renderer details.cr {\n    background: #ffffff !important;\n    border: 1px solid #cfd8dc !important;\n    border-radius: 4px !important;\n    box-shadow: 0 4px 12px rgba(0,0,0,0.05) !important;\n    font-family: 'Noto Serif SC', serif !important;\n    color: #37474f !important;\n    margin: 1.5em auto !important;\n    max-width: 620px !important;\n}\n\n.rili-markdown-renderer details.cr > summary {\n    background: linear-gradient(135deg, #e3f2fd 0%, #f1f5f9 100%) !important;\n    color: #0277bd !important;\n    padding: 10px 15px !important;\n    font-size: 1em !important;\n    font-weight: 700 !important;\n    border-bottom: 2px solid #90caf9 !important;\n    position: relative !important;\n}\n\n.rili-markdown-renderer details.cr > summary::before {\n    content: '🌸' !important;\n    margin-right: 8px !important;\n    animation: sakura-float 3s ease-in-out infinite !important;\n}\n\n@keyframes sakura-float {\n    0%, 100% { transform: translateY(0) rotate(0deg); }\n    50% { transform: translateY(-5px) rotate(5deg); }\n}\n\n.rili-markdown-renderer details.cr > summary:hover {\n    background: linear-gradient(135deg, #bbdefb 0%, #e3f2fd 100%) !important;\n    border-bottom-color: #42a5f5 !important;\n    transform: translateX(3px) !important;\n    box-shadow: -2px 0 8px rgba(33, 150, 243, 0.2) !important;\n}\n\n/* 快速检索栏 */\n.rili-markdown-renderer details.cr .qk {\n    padding: 10px 15px !important;\n    background: #f1f5f9 !important;\n    border-bottom: 1px solid #e2e8f0 !important;\n    display: flex !important;\n    align-items: center !important;\n    gap: 10px !important;\n}\n\n.rili-markdown-renderer details.cr .qk i {\n    font-size: 0.8em !important;\n    font-style: normal !important;\n    background: #fff !important;\n    padding: 2px 8px !important;\n    border: 1px solid #cbd5e1 !important;\n    border-radius: 12px !important;\n    color: #475569 !important;\n}\n\n/* 嵌套 details（特别关注/人物详案） */\n.rili-markdown-renderer details.cr details.bd {\n    margin: 8px 12px !important;\n    border: 1px solid #e2e8f0 !important;\n    border-radius: 4px !important;\n    background: #ffffff !important;\n}\n\n.rili-markdown-renderer details.cr details.bd > summary {\n    background: #f8fafc !important;\n    color: #475569 !important;\n    padding: 6px 12px !important;\n    font-size: 0.85em !important;\n    font-weight: 600 !important;\n    border-bottom: 1px solid #e2e8f0 !important;\n    border-left: 3px solid #94a3b8 !important;\n}\n\n.rili-markdown-renderer details.cr details.bd[open] > summary {\n    background: #f1f5f9 !important;\n    border-left-color: #3b82f6 !important;\n    color: #1e40af !important;\n}\n\n.rili-markdown-renderer details.cr details.bd > summary::before {\n    content: '▸' !important;\n    margin-right: 6px !important;\n    transition: transform 0.2s !important;\n}\n\n.rili-markdown-renderer details.cr details.bd[open] > summary::before {\n    transform: rotate(90deg) !important;\n}\n\n/* 羁绊等级 */\n.rili-markdown-renderer details.cr .rel {\n    font-size: 0.9em !important;\n    font-weight: bold !important;\n    color: #0277bd !important;\n    background: rgba(2, 119, 189, 0.05) !important;\n    padding: 2px 8px !important;\n    border: 1px solid #b3e5fc !important;\n    border-radius: 2px !important;\n    cursor: help !important;\n}\n\n/* 标签组 */\n.rili-markdown-renderer details.cr .tag-g {\n    display: flex !important;\n    gap: 5px !important;\n    flex-wrap: wrap !important;\n    margin-bottom: 8px !important;\n}\n\n.rili-markdown-renderer details.cr .tag {\n    font-size: 0.75em !important;\n    background: #eceff1 !important;\n    color: #455a64 !important;\n    padding: 1px 6px !important;\n    border-radius: 2px !important;\n}\n\n/* 夜间模式 */\n.dark .rili-markdown-renderer details.cr {\n    background: #1c2529 !important;\n    border-color: #37474f !important;\n}\n\n.dark .rili-markdown-renderer details.cr > summary {\n    background: linear-gradient(135deg, #1e3a8a 0%, #1e293b 100%) !important;\n    color: #e3f2fd !important;\n    border-bottom-color: #5c6bc0 !important;\n}\n\n/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━\n   4. 📝 进路指导 (Career Guidance) - 办公用纸质感\n   ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */\n\n.rili-markdown-renderer details.jr {\n    background: #fdfdfd !important;\n    border: 1px solid #b0bec5 !important;\n    border-radius: 2px !important;\n    box-shadow: 0 4px 15px rgba(0,0,0,0.08) !important;\n    font-family: 'Noto Serif SC', serif !important;\n    margin: 2em auto !important;\n    max-width: 620px !important;\n}\n\n.rili-markdown-renderer details.jr > summary {\n    background: #455a64 !important;\n    color: #ffffff !important;\n    padding: 10px 15px !important;\n    font-size: 0.9em !important;\n    font-weight: bold !important;\n    letter-spacing: 2px !important;\n}\n\n.rili-markdown-renderer details.jr > summary::before {\n    content: '📋' !important;\n    margin-right: 8px !important;\n}\n\n.rili-markdown-renderer details.jr > summary:hover {\n    background: #546e7a !important;\n}\n\n/* 选项样式 */\n.rili-markdown-renderer details.jr .op {\n    background: #ffffff !important;\n    border: 1px solid #cfd8dc !important;\n    padding: 12px 18px !important;\n    margin-bottom: 12px !important;\n    font-size: 0.95em !important;\n    color: #263238 !important;\n    border-radius: 4px !important;\n    cursor: pointer !important;\n    transition: all 0.2s ease !important;\n    position: relative !important;\n}\n\n.rili-markdown-renderer details.jr .op:hover {\n    background: #f1f5f9 !important;\n    border-color: #78909c !important;\n    color: #01579b !important;\n    transform: translateX(5px) !important;\n}\n\n.rili-markdown-renderer details.jr .op:active {\n    background: #e1e8ed !important;\n    box-shadow: inset 0 2px 4px rgba(0,0,0,0.05) !important;\n}\n\n/* 夜间模式 */\n.dark .rili-markdown-renderer details.jr {\n    background: #1a2332 !important;\n    border-color: #37474f !important;\n}\n\n.dark .rili-markdown-renderer details.jr .op {\n    background: #263238 !important;\n    color: #eceff1 !important;\n    border-color: #455a64 !important;\n}\n\n.dark .rili-markdown-renderer details.jr .op:hover {\n    background: #37474f !important;\n    color: #90caf9 !important;\n}\n\n/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━\n   5. 🌟 星记忆回廊 (Memory Corridor) - 深空主题\n   ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */\n\n.rili-markdown-renderer details:not([class]) {\n    background: linear-gradient(135deg, #1a1a2e 0%, #16213e 100%) !important;\n    border: 2px solid #0f3460 !important;\n    border-radius: 8px !important;\n    box-shadow: \n        0 8px 32px rgba(0, 0, 0, 0.4),\n        inset 0 0 20px rgba(15, 52, 96, 0.3) !important;\n}\n\n.rili-markdown-renderer details:not([class]) > summary {\n    background: linear-gradient(90deg, #0f3460 0%, #16213e 50%, #533483 100%) !important;\n    color: #e8f1f5 !important;\n    font-family: 'Georgia', 'Noto Serif SC', serif !important;\n    font-size: 1.05em !important;\n    letter-spacing: 2px !important;\n    border: 1px solid #533483 !important;\n    border-top: 1px solid #6a4c93 !important;\n    padding: 10px 18px !important;\n    text-shadow: 0 0 10px rgba(106, 76, 147, 0.8) !important;\n}\n\n.rili-markdown-renderer details:not([class]) > summary::before {\n    content: '✦' !important;\n    color: #e8f1f5 !important;\n    font-size: 1.3em !important;\n    margin-right: 10px !important;\n    text-shadow: 0 0 15px rgba(232, 241, 245, 1) !important;\n    animation: star-pulse 2s ease-in-out infinite !important;\n}\n\n@keyframes star-pulse {\n    0%, 100% { opacity: 1; transform: scale(1); }\n    50% { opacity: 0.6; transform: scale(1.15); }\n}\n\n.rili-markdown-renderer details:not([class])[open] > summary::before {\n    animation: star-spin 1s linear infinite !important;\n}\n\n@keyframes star-spin {\n    from { transform: rotate(0deg); }\n    to { transform: rotate(360deg); }\n}\n\n.rili-markdown-renderer details:not([class]) > summary:hover {\n    background: linear-gradient(90deg, #16213e 0%, #0f3460 50%, #6a4c93 100%) !important;\n    box-shadow: 0 0 20px rgba(106, 76, 147, 0.6) !important;\n    letter-spacing: 3px !important;\n}\n\n/* 内容区 */\n.rili-markdown-renderer details:not([class]) table {\n    width: 100% !important;\n    border-collapse: collapse !important;\n    margin-top: 10px !important;\n    background: #0f1419 !important;\n}\n\n.rili-markdown-renderer details:not([class]) table th,\n.rili-markdown-renderer details:not([class]) table td {\n    border: 1px solid #1a2332 !important;\n    padding: 8px 12px !important;\n    color: #b8c5d0 !important;\n}\n\n.rili-markdown-renderer details:not([class]) table th {\n    background: rgba(15, 52, 96, 0.3) !important;\n    color: #e8f1f5 !important;\n    font-weight: bold !important;\n}\n\n.rili-markdown-renderer details:not([class]) table tbody tr:hover {\n    background: rgba(106, 76, 147, 0.1) !important;\n}\n\n/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━\n   6. 📱 Kyocera 手机容器 (.ph) - 翻盖机质感\n   ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */\n\n.rili-markdown-renderer .ph {\n    background: #121212 !important;\n    border: 1px solid #37474F !important;\n    border-radius: 4px !important;\n    border-left: 4px solid #00E5FF !important;\n    margin: 1.5em auto !important;\n    max-width: 450px !important;\n    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.5) !important;\n    font-family: 'Courier New', 'Microsoft YaHei', monospace !important;\n}\n\n.rili-markdown-renderer .ph > summary {\n    background: linear-gradient(90deg, #1c2529, #121212) !important;\n    color: #00E5FF !important;\n    padding: 10px 15px !important;\n    font-size: 0.9em !important;\n    font-weight: bold !important;\n    border-bottom: 1px solid #263238 !important;\n    text-shadow: 0 0 5px rgba(0, 229, 255, 0.5) !important;\n}\n\n/* 状态栏修正 */\n.rili-markdown-renderer .ph .bar {\n    display: flex !important;\n    justify-content: space-between !important;\n    padding: 5px 10px !important;\n    background: rgba(0, 229, 255, 0.1) !important;\n    font-size: 0.75em !important;\n    border-bottom: 1px solid rgba(0, 229, 255, 0.2) !important;\n    color: #00E5FF !important;\n    height: auto !important;\n    min-height: 24px !important;\n    flex: none !important;\n    width: 100% !important;\n    border-radius: 0 !important;\n}\n\n/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━\n   7. 移动端优化\n   ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */\n\n@media screen and (max-width: 768px) {\n    .rili-markdown-renderer details.bb,\n    .rili-markdown-renderer details.sh,\n    .rili-markdown-renderer details.cr,\n    .rili-markdown-renderer details.jr {\n        margin: 12px auto !important;\n    }\n    \n    .rili-markdown-renderer details.cr > summary::before {\n        animation: none !important;\n    }\n    \n    .rili-markdown-renderer details:not([class]) > summary {\n        font-size: 0.95em !important;\n        letter-spacing: 1px !important;\n    }\n}\n\n/* ===================================================================\n   ❄️ 顶部栏：White Album 判词 + 飘雪动画\n   目标：在 #nav-middle 左右两侧显示经典歌词 + 背景飘雪\n   =================================================================== */\n\n/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━\n   1. 顶部栏基础样式（冬日苍穹）\n   ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */\n\n#nav-middle {\n    position: relative !important;\n    background-color: rgba(236, 239, 241, 0.95) !important;\n    backdrop-filter: blur(8px) !important;\n    border-bottom: 2px solid #b0bec5 !important;\n    box-shadow: 0 1px 10px rgba(0, 0, 0, 0.05) !important;\n    padding: 0.75rem 1rem !important;\n    overflow: hidden !important;\n}\n\n.dark #nav-middle {\n    background-color: rgba(28, 37, 41, 0.95) !important;\n    border-bottom-color: #37474f !important;\n}\n\n/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━\n   2. 飘雪背景动画\n   ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */\n\n#nav-middle::before {\n    content: '' !important;\n    position: absolute !important;\n    top: 0 !important;\n    left: 0 !important;\n    width: 100% !important;\n    height: 100% !important;\n    pointer-events: none !important;\n    z-index: 0 !important;\n    \n    /* 雪花 SVG 背景 */\n    background-image: \n        url(\"data:image/svg+xml,%3Csvg width='200' height='200' xmlns='http://www.w3.org/2000/svg'%3E%3Ctext x='10' y='20' font-size='15' fill='rgba(176, 190, 197, 0.4)'%3E❄%3C/text%3E%3Ctext x='100' y='50' font-size='10' fill='rgba(176, 190, 197, 0.3)'%3E❅%3C/text%3E%3Ctext x='150' y='120' font-size='12' fill='rgba(176, 190, 197, 0.4)'%3E❆%3C/text%3E%3C/svg%3E\") !important;\n    \n    animation: snowdrift 20s linear infinite !important;\n}\n\n@keyframes snowdrift {\n    from { background-position: 0 0; }\n    to { background-position: 200px 200px; }\n}\n\n.dark #nav-middle::before {\n    background-image: \n        url(\"data:image/svg+xml,%3Csvg width='200' height='200' xmlns='http://www.w3.org/2000/svg'%3E%3Ctext x='10' y='20' font-size='15' fill='rgba(255, 255, 255, 0.15)'%3E❄%3C/text%3E%3Ctext x='100' y='50' font-size='10' fill='rgba(255, 255, 255, 0.1)'%3E❅%3C/text%3E%3Ctext x='150' y='120' font-size='12' fill='rgba(255, 255, 255, 0.12)'%3E❆%3C/text%3E%3C/svg%3E\") !important;\n}\n\n/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━\n   3. 左侧判词：White Album\n   ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */\n\n#nav-middle::after {\n    content: \"White Album... 那个积雪的季节\" !important;\n    position: absolute !important;\n    left: 1rem !important;\n    top: 50% !important;\n    transform: translateY(-50%) !important;\n    \n    font-family: 'Noto Serif SC', serif !important;\n    font-size: 12px !important;\n    font-style: italic !important;\n    color: rgba(120, 144, 156, 0.7) !important;\n    white-space: nowrap !important;\n    pointer-events: none !important;\n    z-index: 1 !important;\n    \n    /* 轻微的发光效果 */\n    text-shadow: 0 0 8px rgba(120, 144, 156, 0.3) !important;\n}\n\n.dark #nav-middle::after {\n    color: rgba(176, 190, 197, 0.6) !important;\n    text-shadow: 0 0 10px rgba(176, 190, 197, 0.2) !important;\n}\n\n/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━\n   4. 内部容器（中间的选择器等）层级提升\n   ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */\n\n#nav-middle > div,\n#nav-middle > * {\n    position: relative !important;\n    z-index: 2 !important;\n}\n\n/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━\n   5. 模型选择器美化（延续顶部栏风格）\n   ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */\n\n#nav-middle .group.flex,\n#nav-middle button,\n#nav-middle [role=\"combobox\"] {\n    background-color: #ffffff !important;\n    border: 1px solid #cfd8dc !important;\n    border-top: 3px solid #78909c !important;\n    border-radius: 2px !important;\n    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05) !important;\n    transition: all 0.3s ease !important;\n    font-family: 'Noto Serif SC', serif !important;\n    color: #37474f !important;\n    font-weight: bold !important;\n}\n\n#nav-middle .group.flex:hover,\n#nav-middle button:hover {\n    border-color: #90caf9 !important;\n    background-color: #f8fbff !important;\n    box-shadow: 0 0 12px rgba(144, 202, 249, 0.3) !important;\n    transform: translateY(-1px) !important;\n}\n\n.dark #nav-middle .group.flex,\n.dark #nav-middle button {\n    background-color: #263238 !important;\n    border-color: #37474f !important;\n    border-top-color: #546e7a !important;\n    color: #cfd8dc !important;\n}\n\n/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━\n   6. 移动端适配\n   ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */\n\n@media screen and (max-width: 1024px) {\n    /* 小屏幕隐藏左侧判词，避免遮挡内容 */\n    #nav-middle::after {\n        display: none !important;\n    }\n    \n    #nav-middle {\n        padding: 0.5rem !important;\n    }\n}\n\n@media screen and (max-width: 768px) {\n    /* 手机上减少飘雪密度 */\n    #nav-middle::before {\n        opacity: 0.5 !important;\n    }\n}","options":{"items":[{"order":0,"label":"[差评]","type":"SET-INPUT","value":"(差评！没有思考过程，也字数不够)"},{"order":1,"label":"防抢话","type":"SET-INPUT","value":"【防抢话：ON/OFF】"},{"order":2,"label":"【跑路】","type":"SET-INPUT","value":"【跑路】"}]},"language":"zh","containsNSFW":true,"publicAccess":true,"deletedAt":null,"isAnonymous":false,"enableSafeguard":false,"defaultModelSettings":null,"totalConversations":2,"totalMessages":14,"totalCreditsUsed":22915,"totalTokensUsed":613276,"totalPlayedUsers":3,"deeplyPlayed":0,"fixedPromptLength":10413,"lorebookLength":125811,"author":{"id":"8ddXOM7TLSwQeQbmXtedOnjJqLrtagRl","name":"SaikyouYukimura","displayUsername":"SaikyouYukimura","username":"saikyouyukimura"},"cardsTags":[{"tag":{"name":"现代都市","cardsCount":645}},{"tag":{"name":"超高自由度","cardsCount":1134}},{"tag":{"name":"校园","cardsCount":477}},{"tag":{"name":"各种玩法","cardsCount":150}},{"tag":{"name":"已破甲","cardsCount":2500}},{"tag":{"name":"剧情向","cardsCount":353}},{"tag":{"name":"可剧情可涩涩","cardsCount":2884}},{"tag":{"name":"多角色","cardsCount":1302}},{"tag":{"name":"开放世界","cardsCount":1519}},{"tag":{"name":"可ntr可纯爱","cardsCount":266}}],"cardsVoices":[],"prompt":null,"promptSizeBytes":null}