{"id":"c31c6d8d-dc9c-448c-903c-8003af9763ad","authorId":"LIUEhcIub1rvX4oIYTTCUBh7M7evM25W","title":"鸣潮大世界","description":"（群号：1098131943）3.8已经更新，更新隧者、巴德尔、阿列夫一的设定。漂泊者，你的旅途才刚刚开始。\n或是邂逅并肩作战的伙伴，对峙无法想象的劲敌，或是吸纳改变自身的力量，揭露颠覆一切的真相，又或者，只是探索未曾目睹的奇观，尽可能延伸你能抵达的边界……我们无从知晓你将做出的选择，但我们期待你在灾厄余音中找到的答案。或许，你就是那个带领人类跨越滩涂的人。","background":"x1j5cloj7gg1mgw0uafs486b.webp","backgroundWidth":1735,"backgroundHeight":2600,"cover":"aspzg1twf55pdwliyg30eg1f.webp","coverWidth":1735,"coverHeight":2600,"introPage":"sq6ha192i1mu5x9nlygxqmy5.html","changelog":"","createdAt":"2026-04-14T13:49:04.863Z","updatedAt":"2026-07-27T03:42:55.217Z","initPublicAt":"2026-04-14T14:01:15.695Z","renderTemplate":null,"assistantRegexReplace":null,"enableMemorySchema":false,"memorySchema":null,"injectStyles":"/*\n * ===================================================================\n *  Resonance UI - Sci-Fi Themed Stylesheet\n *  Version: 5.2 (Sidebar Height Adjustment)\n *  Author: System Core\n *  Description: 科技感、鸣潮风格的界面样式库。\n *               核心更新：根据用户反馈，缩短了展开后侧边栏的最大高度，\n *               以优化在不同视口下的视觉体验。\n * ===================================================================\n */\n\n/* =============================================\n *  动画定义 (Keyframes)\n * ============================================= */\n\n/* 悬浮呼吸效果 */\n@keyframes mount-breathe {\n    0%, 100% {\n        transform: translateY(0) scale(1);\n    }\n    50% {\n        transform: translateY(-2px) scale(1.02);\n    }\n}\n\n/* 背景滚动 */\n@keyframes bg-scroll {\n    0% {\n        background-position: 0 0;\n    }\n    100% {\n        background-position: 200px 200px;\n    }\n}\n\n/* NPC 指示灯脉冲 */\n@keyframes pulse-npc {\n    0%, 100% {\n        opacity: 0.5;\n        transform: scale(1);\n        box-shadow: 0 0 8px rgba(0, 212, 255, 0.6);\n    }\n    50% {\n        opacity: 1;\n        transform: scale(1.4);\n        box-shadow: 0 0 16px rgba(0, 212, 255, 1);\n    }\n}\n\n/* 用户指示灯脉冲 */\n@keyframes pulse-user {\n    0%, 100% {\n        opacity: 0.5;\n        transform: scale(1);\n        box-shadow: 0 0 8px rgba(124, 58, 237, 0.6);\n    }\n    50% {\n        opacity: 1;\n        transform: scale(1.4);\n        box-shadow: 0 0 16px rgba(124, 58, 237, 1);\n    }\n}\n\n/* 发光文字 */\n@keyframes glow-text {\n    0%, 100% {\n        opacity: 0.6;\n        text-shadow: 0 0 8px rgba(0, 212, 255, 0.5);\n    }\n    50% {\n        opacity: 1;\n        text-shadow: 0 0 16px rgba(0, 212, 255, 1), 0 0 24px rgba(0, 212, 255, 0.5);\n    }\n}\n\n/* 图标旋转 */\n@keyframes rotate-icon {\n    0% {\n        transform: rotate(0deg);\n    }\n    100% {\n        transform: rotate(360deg);\n    }\n}\n\n/* 墨水屏/UI 动画 */\n@keyframes classUI-ink-pulse {\n    0%, 100% {\n        opacity: 0.15;\n    }\n    50% {\n        opacity: 0.25;\n    }\n}\n\n@keyframes classUI-scroll-unfold {\n    0% {\n        opacity: 0.85;\n    }\n    100% {\n        opacity: 1;\n    }\n}\n\n/* 文本渐显 */\n@keyframes ink-text-fade {\n    0% {\n        opacity: 0.6;\n        text-shadow: 0 0 8px rgba(0, 212, 255, 0.4);\n    }\n    50% {\n        opacity: 0.85;\n        text-shadow: 0 0 12px rgba(0, 212, 255, 0.6);\n    }\n    100% {\n        opacity: 1;\n        text-shadow: 0 0 16px rgba(0, 212, 255, 0.8);\n    }\n}\n\n/* 顶部装饰线 - 渐变流光 */\n@keyframes top-info-gradient-flow {\n    0% {\n        background-position: 100% 0;\n    }\n    100% {\n        background-position: -100% 0;\n    }\n}\n\n/* 初始加载动画淡出 */\n@keyframes cot-fade-out {\n    0% {\n        opacity: 1;\n    }\n    60% {\n        opacity: 0;\n    }\n    100% {\n        opacity: 0;\n        visibility: hidden;\n        height: 0;\n        margin: 0;\n        padding: 0;\n        overflow: hidden;\n        aspect-ratio: auto;\n        pointer-events: none;\n    }\n}\n\n/* 侧边栏滑入 */\n@keyframes sidebar-slide-in {\n    0% {\n        right: -420px;\n        opacity: 0;\n    }\n    100% {\n        right: 0;\n        opacity: 1;\n    }\n}\n\n\n/* =============================================\n *  核心布局与模块\n * ============================================= */\n\n/* --- 初始加载容器 (`cot`) --- */\ncot {\n    display: block;\n    position: relative;\n    width: 100%;\n    aspect-ratio: 3 / 1;\n    overflow: hidden;\n    box-sizing: border-box;\n    contain: size layout paint;\n    font-size: 0;\n    line-height: 0;\n    letter-spacing: 0;\n}\n\ncot * {\n    display: none !important;\n}\n\ncot::before {\n    content: \"\";\n    display: block;\n    width: 100%;\n    height: 100%;\n    pointer-events: none;\n    background-repeat: no-repeat;\n    background-position: center;\n    background-size: contain;\n    animation: mount-breathe 3.5s ease-in-out infinite;\n    background-image: url(\"data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 600 200'%3E%3Cdefs%3E%3ClinearGradient id='skyGrad' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%23eaf6ff'/%3E%3Cstop offset='1' stop-color='%23ffffff'/%3E%3C/linearGradient%3E%3Cpattern id='grid' width='20' height='20' patternUnits='userSpaceOnUse'%3E%3Cpath d='M 20 0 L 0 0 0 20' fill='none' stroke='%23d0e8f8' stroke-width='0.5' opacity='0.7'/%3E%3C/pattern%3E%3Cfilter id='resonanceGlow'%3E%3CfeGaussianBlur stdDeviation='2.5' result='coloredBlur'/%3E%3CfeMerge%3E%3CfeMergeNode in='coloredBlur'/%3E%3CfeMergeNode in='SourceGraphic'/%3E%3C/feMerge%3E%3CradialGradient id='corePulse' cx='50%25' cy='50%25' r='50%25'%3E%3Cstop offset='0%25' stop-color='%2300d4ff' stop-opacity='0.8' /%3E%3Cstop offset='70%25' stop-color='%2300d4ff' stop-opacity='0.2' /%3E%3Cstop offset='100%25' stop-color='transparent' stop-opacity='0' /%3E%3C/defs%3E%3Crect width='600' height='200' fill='url(%23skyGrad)'/%3E%3Crect width='600' height='200' fill='url(%23grid)'/%3E%3Cg transform='translate(300 100)' filter='url(%23resonanceGlow)'%3E%3Cpolygon points='0,-20 17.3,-10 17.3,10 0,20 -17.3,10 -17.3,-10' fill='none' stroke='%2300d4ff' stroke-width='1.5'%3E%3CanimateTransform attributeName='transform' type='rotate' from='0' to='360' dur='10s' repeatCount='indefinite'/%3E%3C/polygon%3E%3Cpolygon points='0,-20 17.3,-10 17.3,10 0,20 -17.3,10 -17.3,-10' fill='url(%23corePulse)' opacity='0.6'%3E%3CanimateTransform attributeName='transform' type='rotate' from='0' to='360' dur='10s' repeatCount='indefinite'/%3E%3Canimate attributeName='opacity' values='0.6;1;0.6' dur='3s' repeatCount='indefinite'/%3E%3C/polygon%3E%3C/g%3E%3Cg fill='none' stroke-opacity='0.7'%3E%3Cpath d='M 0 120 Q 150 90, 300 120 T 600 100' stroke='%237c3aed' stroke-width='1'%3E%3Canimate attributeName='d' values='M 0 120 Q 150 90, 300 120 T 600 100; M 0 100 Q 150 130, 300 100 T 600 120; M 0 120 Q 150 90, 300 120 T 600 100' dur='6s' repeatCount='indefinite' /%3E%3C/path%3E%3Cpath d='M 0 150 Q 150 180, 300 150 T 600 160' stroke='%2300d4ff' stroke-width='1.5'%3E%3Canimate attributeName='d' values='M 0 150 Q 150 180, 300 150 T 600 160; M 0 170 Q 150 140, 300 170 T 600 150; M 0 150 Q 150 180, 300 150 T 600 160' dur='5s' repeatCount='indefinite' /%3E%3C/path%3E%3C/g%3E%3Ctext x='50%25' y='55%25' text-anchor='middle' font-size='22' font-family='Orbitron, Rajdhani, sans-serif' fill='%2300aeff' opacity='0.9' letter-spacing='3' style='text-shadow: 0 0 5px rgba(0,174,255,0.5);'%3EPROCESSING RESONANCE DATA%3C/text%3E%3Ctext x='50%25' y='72%25' text-anchor='middle' font-size='12' font-family='Rajdhani, sans-serif' fill='%237c3aed' opacity='0.75' letter-spacing='2'%3EAnalyzing Frequency Patterns...%3C/text%3E%3C/svg%3E\");\n}\n\ncot:has(postition[stop]),\ncot:has(+ postition[stop]),\ncot:has(~ postition[stop]) {\n    animation: cot-fade-out 600ms ease forwards;\n}\n\ncot:has(postition[stop])::before,\ncot:has(+ postition[stop])::before,\ncot:has(~ postition[stop])::before {\n    animation-play-state: paused !important;\n    opacity: 0;\n    transition: opacity .4s ease;\n    content: none !important;\n    background: none !important;\n}\n\nthink {\n    display: none !important;\n}\n\n/* --- 聊天容器 (`.chat`) --- */\n.chat {\n    display: flex;\n    flex-direction: column;\n    gap: 18px;\n    padding: 32px 24px;\n    background: linear-gradient(135deg, #ffffff 0%, #f0f8ff 60%, #eaf6ff 100%);\n    border: 2px solid rgba(0, 212, 255, 0.3);\n    border-left: 5px solid #00d4ff;\n    border-radius: 4px;\n    margin: 24px 0;\n    position: relative;\n    font-family: 'Rajdhani', 'Orbitron', 'Roboto', sans-serif;\n    box-shadow: 0 8px 32px rgba(0, 120, 180, 0.1), 0 4px 16px rgba(0, 212, 255, 0.2), inset 0 1px 0 rgba(0, 212, 255, 0.15);\n    overflow: hidden;\n}\n\n.chat::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background-image: url(\"data:image/svg+xml,%3Csvg width='200' height='200' xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3Cpattern id='hexPattern' x='0' y='0' width='50' height='43.3' patternUnits='userSpaceOnUse'%3E%3Cpolygon points='25,2 45,14 45,36 25,48 5,36 5,14' fill='none' stroke='%2300d4ff' stroke-width='0.5' opacity='0.15'/%3E%3Ccircle cx='25' cy='25' r='1' fill='%2300d4ff' opacity='0.3'/%3E%3C/pattern%3E%3Cpattern id='circuitPattern' x='0' y='0' width='80' height='80' patternUnits='userSpaceOnUse'%3E%3Cline x1='0' y1='20' x2='80' y2='20' stroke='%237c3aed' stroke-width='0.5' opacity='0.12'/%3E%3Cline x1='0' y1='60' x2='80' y2='60' stroke='%233b82f6' stroke-width='0.5' opacity='0.12'/%3E%3Ccircle cx='20' cy='20' r='2' fill='%2300d4ff' opacity='0.25'/%3E%3Ccircle cx='60' cy='60' r='2' fill='%237c3aed' opacity='0.25'/%3E%3C/pattern%3E%3Cpattern id='scanPattern' x='0' y='0' width='100' height='100' patternUnits='userSpaceOnUse'%3E%3Cline x1='0' y1='0' x2='100' y2='0' stroke='%2300d4ff' stroke-width='0.3' opacity='0.1'%3E%3Canimate attributeName='y1' from='0' to='100' dur='3s' repeatCount='indefinite'/%3E%3Canimate attributeName='y2' from='0' to='100' dur='3s' repeatCount='indefinite'/%3E%3C/line%3E%3C/pattern%3E%3C/defs%3E%3Crect width='200' height='200' fill='url(%23hexPattern)'/%3E%3Crect width='200' height='200' fill='url(%23circuitPattern)'/%3E%3Crect width='200' height='200' fill='url(%23scanPattern)'/%3E%3C/svg%3E\");\n    background-size: 200px 200px;\n    background-position: 0 0;\n    animation: bg-scroll 50s linear infinite;\n    opacity: 0.3;\n    pointer-events: none;\n    z-index: 0;\n    will-change: background-position;\n}\n\n.chat::after {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background: repeating-linear-gradient(0deg, transparent, transparent 2px, rgba(0, 212, 255, 0.02) 2px, rgba(0, 212, 255, 0.02) 3px), radial-gradient(circle at 15% 20%, rgba(0, 212, 255, 0.08) 0%, transparent 40%), radial-gradient(circle at 85% 80%, rgba(124, 58, 237, 0.06) 0%, transparent 40%);\n    pointer-events: none;\n    z-index: 0;\n    opacity: 0.5;\n}\n\n.chat > * {\n    position: relative;\n    z-index: 1;\n}\n\n/* --- 对话气泡 (`.bubble`) --- */\n.bubble {\n    max-width: 72%;\n    padding: 16px 20px;\n    position: relative;\n    line-height: 1.8;\n    word-wrap: break-word;\n    clip-path: polygon(0 0, calc(100% - 12px) 0, 100% 12px, 100% 100%, 0 100%);\n    box-shadow: 0 4px 16px rgba(0, 100, 150, 0.08), 0 2px 8px rgba(0, 212, 255, 0.15), inset 0 1px 0 rgba(0, 212, 255, 0.1);\n    transition: box-shadow 0.2s ease;\n    overflow: hidden;\n}\n\n.bubble:hover {\n    box-shadow: 0 6px 20px rgba(0, 100, 150, 0.12), 0 3px 10px rgba(0, 212, 255, 0.25), inset 0 1px 0 rgba(0, 212, 255, 0.15);\n}\n\n.bubble.npc {\n    align-self: flex-start;\n    background: linear-gradient(135deg, rgba(230, 245, 255, 0.8) 0%, rgba(240, 250, 255, 0.9) 50%, rgba(235, 248, 255, 0.85) 100%);\n    border: 2px solid rgba(0, 212, 255, 0.5);\n    border-left: 5px solid #00d4ff;\n    color: #333;\n    box-shadow: 0 4px 16px rgba(0, 212, 255, 0.2), 0 2px 8px rgba(0, 180, 220, 0.15), inset 0 1px 0 rgba(0, 212, 255, 0.2), 0 0 20px rgba(0, 212, 255, 0.1);\n}\n\n.bubble.npc::after {\n    content: '';\n    position: absolute;\n    top: 3px;\n    right: 3px;\n    width: 8px;\n    height: 8px;\n    background: radial-gradient(circle, #00d4ff 0%, transparent 70%);\n    border-radius: 50%;\n    animation: pulse-npc 2s ease-in-out infinite;\n    z-index: 2;\n}\n\n.bubble.user {\n    align-self: flex-end;\n    background: linear-gradient(135deg, rgba(235, 240, 255, 0.8) 0%, rgba(240, 245, 255, 0.9) 50%, rgba(238, 242, 255, 0.85) 100%);\n    border: 2px solid rgba(124, 58, 237, 0.5);\n    border-right: 5px solid #7c3aed;\n    color: #333;\n    clip-path: polygon(12px 0, 100% 0, 100% 100%, 0 100%, 0 12px);\n    box-shadow: 0 4px 16px rgba(124, 58, 237, 0.2), 0 2px 8px rgba(109, 40, 217, 0.15), inset 0 1px 0 rgba(124, 58, 237, 0.2), 0 0 20px rgba(124, 58, 237, 0.1);\n}\n\n.bubble.user::after {\n    content: '';\n    position: absolute;\n    top: 3px;\n    left: 3px;\n    width: 8px;\n    height: 8px;\n    background: radial-gradient(circle, #7c3aed 0%, transparent 70%);\n    border-radius: 50%;\n    animation: pulse-user 2s ease-in-out infinite;\n    z-index: 2;\n}\n\n.bubble .name {\n    display: block;\n    position: relative;\n    font-size: 0.75em;\n    font-weight: 700;\n    font-family: 'Orbitron', sans-serif;\n    letter-spacing: 2px;\n    margin-bottom: 10px;\n    padding-left: 14px;\n    z-index: 1;\n}\n\n.bubble .name::before {\n    content: '◆';\n    position: absolute;\n    left: 0;\n    font-size: 1.3em;\n}\n\n.bubble.npc .name {\n    color: #00d4ff;\n    text-shadow: 0 0 8px rgba(0, 212, 255, 0.8), 0 0 16px rgba(0, 212, 255, 0.4);\n}\n\n.bubble.npc .name::before {\n    color: #00b8e6;\n    text-shadow: 0 0 12px rgba(0, 184, 230, 1);\n}\n\n.bubble.user .name {\n    color: #7c3aed;\n    text-shadow: 0 0 8px rgba(124, 58, 237, 0.8), 0 0 16px rgba(124, 58, 237, 0.4);\n}\n\n.bubble.user .name::before {\n    color: #6d28d9;\n    text-shadow: 0 0 12px rgba(109, 40, 217, 1);\n}\n\n.bubble .msg {\n    margin: 0;\n    position: relative;\n    font-size: 0.95em;\n    font-weight: 400;\n    text-shadow: none;\n    z-index: 1;\n}\n\n.bubble.npc .msg {\n    color: #2c3e50;\n}\n\n.bubble.user .msg {\n    color: #34495e;\n}\n\n/* --- 文档/数据块 (`.doc`) --- */\n.doc {\n    background: linear-gradient(180deg, #ffffff 0%, #f5fbff 100%);\n    border: 2px solid rgba(0, 212, 255, 0.3);\n    border-left: 6px solid #00d4ff;\n    border-radius: 4px;\n    padding: 32px 36px;\n    margin: 28px 0;\n    position: relative;\n    font-family: 'Rajdhani', 'Roboto', sans-serif;\n    box-shadow: 0 8px 24px rgba(0, 100, 150, 0.1), 0 4px 12px rgba(0, 212, 255, 0.15), inset 0 1px 0 rgba(0, 212, 255, 0.1);\n    overflow: hidden;\n}\n\n.doc::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    background: repeating-linear-gradient(0deg, transparent, transparent 2px, rgba(0, 212, 255, 0.03) 2px, rgba(0, 212, 255, 0.03) 3px);\n    pointer-events: none;\n    z-index: 0;\n    opacity: 0.5;\n}\n\n.doc::after {\n    content: '【 DATA 】';\n    position: absolute;\n    top: 14px;\n    right: 18px;\n    font-size: 0.65em;\n    color: rgba(0, 212, 255, 0.7);\n    letter-spacing: 6px;\n    font-weight: 700;\n    font-family: 'Orbitron', sans-serif;\n    text-shadow: 0 0 10px rgba(0, 212, 255, 1), 0 0 20px rgba(0, 212, 255, 0.5);\n    animation: glow-text 3s ease-in-out infinite;\n    z-index: 2;\n}\n\n.doc > * {\n    position: relative;\n    z-index: 1;\n}\n\n.doc .title {\n    color: #00d4ff;\n    font-size: 1.4em;\n    font-weight: 700;\n    font-family: 'Orbitron', sans-serif;\n    margin: 0 0 26px 0;\n    padding-bottom: 16px;\n    border-bottom: 2px solid rgba(0, 212, 255, 0.5);\n    letter-spacing: 3px;\n    position: relative;\n    text-shadow: 0 0 14px rgba(0, 212, 255, 0.8), 0 0 28px rgba(0, 212, 255, 0.4);\n}\n\n.doc .title::before {\n    content: '◆';\n    margin-right: 14px;\n    color: #00b8e6;\n    display: inline-block;\n    animation: rotate-icon 4s linear infinite;\n}\n\n.doc .content {\n    color: #333;\n    font-size: 0.95em;\n    line-height: 2;\n    position: relative;\n    z-index: 1;\n}\n\n.doc .content p {\n    margin: 0 0 1.2em 0;\n    text-align: justify;\n}\n\n.doc .content p:last-child {\n    margin-bottom: 0;\n}\n\n/* --- 顶部信息栏 (Top Info) --- */\n.top-info {\n    display: flex !important;\n    flex-wrap: wrap !important;\n    align-items: stretch !important;\n    gap: 0 !important;\n    margin: 20px 0 !important;\n    padding: 0 !important;\n    font-family: 'Rajdhani', 'Orbitron', 'Roboto', sans-serif !important;\n    background: linear-gradient(160deg, rgba(255, 255, 255, 0.98) 0%, rgba(235, 248, 255, 0.95) 50%, rgba(245, 250, 255, 0.98) 100%) !important;\n    border: 1px solid rgba(0, 212, 255, 0.25) !important;\n    border-radius: 10px !important;\n    box-shadow: 0 4px 24px rgba(0, 100, 150, 0.08), 0 0 40px rgba(0, 212, 255, 0.06), inset 0 1px 0 rgba(255, 255, 255, 0.8) !important;\n    position: relative !important;\n    overflow: hidden !important;\n    cursor: pointer !important;\n    transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1) !important;\n}\n\n.top-info::before {\n    content: '' !important;\n    position: absolute !important;\n    top: 0 !important;\n    left: 0 !important;\n    right: 0 !important;\n    height: 2px !important;\n    background: linear-gradient(90deg, transparent 0%, #00d4ff 15%, #7c3aed 35%, #3b82f6 50%, #7c3aed 65%, #00d4ff 85%, transparent 100%) !important;\n    background-size: 200% 100% !important;\n    animation: top-info-gradient-flow 3s linear infinite !important;\n    pointer-events: none !important;\n    z-index: 10 !important;\n}\n\n.top-info:hover {\n    box-shadow: 0 8px 32px rgba(0, 100, 150, 0.12), 0 0 50px rgba(0, 212, 255, 0.1), inset 0 1px 0 rgba(255, 255, 255, 0.9) !important;\n    border-color: rgba(0, 212, 255, 0.4) !important;\n}\n\n.top-info > time,\n.top-info > position,\n.top-info > env {\n    display: flex !important;\n    align-items: center !important;\n    justify-content: flex-start !important;\n    position: relative !important;\n    flex: 1 1 auto !important;\n    min-width: 180px !important;\n    padding: 12px 14px 12px 10px !important;\n    font-size: 13px !important;\n    font-weight: 600 !important;\n    color: #2c3e50 !important;\n    line-height: 1.5 !important;\n    letter-spacing: 0.3px !important;\n    background: transparent !important;\n    transition: all 0.3s ease !important;\n    white-space: normal !important;\n    word-wrap: break-word !important;\n    word-break: break-word !important;\n}\n\n.top-info > time,\n.top-info > position {\n    border-right: 1px solid rgba(0, 212, 255, 0.15) !important;\n}\n\n.top-info > env {\n    border-right: none !important;\n}\n\n.top-info > time:hover,\n.top-info > position:hover,\n.top-info > env:hover {\n    background: linear-gradient(135deg, rgba(0, 212, 255, 0.04), transparent) !important;\n}\n\n.top-info > time::before,\n.top-info > position::before,\n.top-info > env::before {\n    content: '' !important;\n    display: inline-flex !important;\n    align-items: center !important;\n    justify-content: center !important;\n    flex-shrink: 0 !important;\n    margin-right: 10px !important;\n    font-size: 9px !important;\n    font-weight: 800 !important;\n    color: #fff !important;\n    letter-spacing: 1px !important;\n    font-family: 'Orbitron', 'Rajdhani', sans-serif !important;\n    padding: 5px 10px !important;\n    clip-path: polygon(6px 0, 100% 0, calc(100% - 6px) 100%, 0 100%) !important;\n    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) !important;\n    position: relative !important;\n}\n\n.top-info > time::before {\n    content: 'TIME' !important;\n    background: linear-gradient(135deg, #00d4ff 0%, #00a8cc 100%) !important;\n    box-shadow: 0 2px 8px rgba(0, 212, 255, 0.4), inset 0 1px 0 rgba(255, 255, 255, 0.3) !important;\n}\n\n.top-info > position::before {\n    content: 'AREA' !important;\n    background: linear-gradient(135deg, #7c3aed 0%, #5b21b6 100%) !important;\n    box-shadow: 0 2px 8px rgba(124, 58, 237, 0.4), inset 0 1px 0 rgba(255, 255, 255, 0.3) !important;\n}\n\n.top-info > env::before {\n    content: 'ENV' !important;\n    background: linear-gradient(135deg, #3b82f6 0%, #1d4ed8 100%) !important;\n    box-shadow: 0 2px 8px rgba(59, 130, 246, 0.4), inset 0 1px 0 rgba(255, 255, 255, 0.3) !important;\n}\n\n.top-info > quest {\n    display: block !important;\n    position: relative !important;\n    width: 100% !important;\n    flex-basis: 100% !important;\n    padding: 0 14px 0 14px !important;\n    font-size: 13px !important;\n    font-weight: 600 !important;\n    color: #333 !important;\n    line-height: 1.7 !important;\n    letter-spacing: 0.3px !important;\n    background: linear-gradient(180deg, rgba(0, 212, 255, 0.03), rgba(124, 58, 237, 0.02)) !important;\n    border-top: 1px solid rgba(0, 212, 255, 0.15) !important;\n    max-height: 0 !important;\n    overflow: hidden !important;\n    opacity: 0 !important;\n    transition: max-height 0.4s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.35s ease, padding 0.35s ease !important;\n}\n\n.top-info > quest::before {\n    content: 'QUEST' !important;\n    display: inline-flex !important;\n    align-items: center !important;\n    justify-content: center !important;\n    position: absolute !important;\n    left: 14px !important;\n    top: 14px !important;\n    font-size: 9px !important;\n    font-weight: 800 !important;\n    color: #fff !important;\n    letter-spacing: 1px !important;\n    font-family: 'Orbitron', 'Rajdhani', sans-serif !important;\n    padding: 5px 10px !important;\n    clip-path: polygon(6px 0, 100% 0, calc(100% - 6px) 100%, 0 100%) !important;\n    background: linear-gradient(135deg, #f59e0b 0%, #d97706 100%) !important;\n    box-shadow: 0 2px 8px rgba(245, 158, 11, 0.4), inset 0 1px 0 rgba(255, 255, 255, 0.3) !important;\n    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) !important;\n    opacity: 0 !important;\n    transition: opacity 0.3s ease !important;\n}\n\n.top-info:hover > quest {\n    max-height: 300px !important;\n    opacity: 1 !important;\n    padding-top: 14px !important;\n    padding-bottom: 16px !important;\n    padding-left: 80px !important;\n}\n\n.top-info:hover > quest::before {\n    opacity: 1 !important;\n}\n\n.top-info > quest > q {\n    display: block !important;\n    padding: 10px 14px !important;\n    margin: 6px 0 !important;\n    font-size: 12px !important;\n    color: #374151 !important;\n    line-height: 1.6 !important;\n    letter-spacing: 0.3px !important;\n    quotes: none !important;\n    white-space: normal !important;\n    word-wrap: break-word !important;\n    background: rgba(255, 255, 255, 0.75) !important;\n    border-radius: 8px !important;\n    border-left: 3px solid transparent !important;\n    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04) !important;\n    position: relative !important;\n    transition: all 0.25s ease !important;\n}\n\n.top-info > quest > q:first-of-type {\n    margin-top: 8px !important;\n}\n\n.top-info > quest > q:hover {\n    background: rgba(255, 255, 255, 0.95) !important;\n    box-shadow: 0 4px 15px rgba(0, 100, 150, 0.1) !important;\n}\n\n.top-info > quest > q.main {\n    border-left-color: #f59e0b !important;\n}\n\n.top-info > quest > q.main::before {\n    content: '◆' !important;\n    color: #f59e0b !important;\n    margin-right: 8px !important;\n    font-size: 10px !important;\n    text-shadow: 0 0 8px rgba(245, 158, 11, 0.6) !important;\n}\n\n.top-info > quest > q.side {\n    border-left-color: #3b82f6 !important;\n}\n\n.top-info > quest > q.side::before {\n    content: '◇' !important;\n    color: #3b82f6 !important;\n    margin-right: 8px !important;\n    font-size: 10px !important;\n    text-shadow: 0 0 8px rgba(59, 130, 246, 0.6) !important;\n}\n\n.top-info > quest > q > s {\n    text-decoration: none !important;\n    font-size: 10px !important;\n    font-weight: 700 !important;\n    padding: 3px 8px !important;\n    border-radius: 4px !important;\n    margin-left: 10px !important;\n    letter-spacing: 0.5px !important;\n    white-space: nowrap !important;\n    display: inline-block !important;\n    background: linear-gradient(135deg, rgba(0, 212, 255, 0.15), rgba(0, 184, 230, 0.1)) !important;\n    color: #0891b2 !important;\n    border: 1px solid rgba(0, 212, 255, 0.25) !important;\n    box-shadow: 0 1px 4px rgba(0, 212, 255, 0.15) !important;\n}\n\n/* --- `prose` 容器与内容组件 --- */\n.styled-prose-container {\n    font-family: 'Rajdhani', 'Roboto', 'Segoe UI', sans-serif;\n    position: relative;\n    z-index: 1;\n}\n\n.styled-prose-container br {\n    line-height: 1.2;\n}\n\n/* =============================================\n *  **侧边栏系统 - 可回收版本 (合并模块)**\n * ============================================= */\n\n/* --- 1. **通用 Details 样式 (所有旧消息/非最新消息)** --- */\n.styled-prose-container details {\n    /* **核心：默认所有 details 都在文档流内** */\n    position: relative !important;\n    width: 100% !important;\n    max-width: 100% !important;\n    margin: 14px 0;\n    padding: 0 22px 18px 22px;\n    border: 1px solid rgba(0, 212, 255, 0.3);\n    border-radius: 10px;\n    background: linear-gradient(145deg, rgba(255, 255, 255, 0.8), rgba(240, 248, 255, 0.75));\n    box-shadow: 0 4px 15px rgba(0, 100, 150, 0.05), inset 0 1px 1px rgba(0, 212, 255, 0.05), inset 0 -1px 0 rgba(0, 180, 220, 0.1), 0 0 20px rgba(0, 212, 255, 0.05);\n    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n    font-size: 15px;\n    line-height: 1.9;\n    color: #333;\n    overflow: visible !important;\n    z-index: 1;\n    /* **重置位置属性，确保在文档流内** */\n    top: auto !important;\n    right: auto !important;\n}\n\n.styled-prose-container details:hover {\n    box-shadow: 0 8px 25px rgba(0, 100, 150, 0.1), inset 0 1px 1px rgba(0, 212, 255, 0.1), inset 0 -1px 0 rgba(0, 180, 220, 0.15), 0 0 30px rgba(0, 212, 255, 0.1);\n    border-color: rgba(0, 212, 255, 0.5);\n}\n\n/* 旧消息的标题样式 (横向排列) */\n.styled-prose-container details > summary {\n    background: transparent;\n    padding: 16px 50px 16px 22px;\n    margin: 0 -22px;\n    font-weight: 700;\n    font-size: 16px;\n    cursor: pointer;\n    color: #00d4ff;\n    text-shadow: 0 0 8px rgba(0, 212, 255, 0.6);\n    letter-spacing: 1.2px;\n    position: relative;\n    list-style: none;\n    border-bottom: 1px solid rgba(0, 212, 255, 0.3);\n    transition: all 0.3s ease;\n    font-family: 'Orbitron', sans-serif;\n    /* **核心：横向排列** */\n    writing-mode: horizontal-tb !important;\n    text-orientation: mixed;\n}\n\n.styled-prose-container details > summary::-webkit-details-marker {\n    display: none;\n}\n\n.styled-prose-container details > summary::before {\n    content: '';\n    position: absolute;\n    right: 22px;\n    top: 50%;\n    width: 8px;\n    height: 8px;\n    border-right: 2px solid rgba(0, 212, 255, 0.7);\n    border-bottom: 2px solid rgba(0, 212, 255, 0.7);\n    transform: translateY(-60%) rotate(45deg);\n    transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1), border-color 0.3s ease;\n    box-shadow: 0 0 8px rgba(0, 212, 255, 0.5);\n}\n\n.styled-prose-container details > summary:hover::before {\n    border-color: #00e5ff;\n    box-shadow: 0 0 12px rgba(0, 229, 255, 0.8);\n}\n\n.styled-prose-container details[open] > summary {\n    background: linear-gradient(180deg, rgba(0, 212, 255, 0.05), transparent);\n    border-bottom-color: rgba(0, 212, 255, 0.5);\n    color: #3dd5ff;\n    padding-top: 18px;\n    margin-bottom: 18px;\n    animation: classUI-scroll-unfold 0.4s ease-out;\n}\n\n.styled-prose-container details[open] > summary::before {\n    transform: translateY(-40%) rotate(225deg);\n}\n\n.styled-prose-container details > *:not(summary) {\n    padding: 0;\n    line-height: inherit;\n    font-size: inherit;\n    color: inherit;\n    background: transparent;\n}\n\n\n/* =============================================\n *  **核心魔法：只选中最新消息的 details 变身侧边栏 (已修正)**\n *  选择器逻辑：\n *  #ai-chat-answer:last-of-type \n *  → 选中聊天容器内的外层div，再选中其最后一个子元素（即最新消息）\n *  → 里面的 details.p / details.n / details.m 才会应用侧边栏样式\n * ============================================= */\n\n/* --- 2. **最新消息的侧边栏样式 (p, n, m)** --- */\n#ai-chat-answer:last-of-type details.p,\n#ai-chat-answer:last-of-type details.n,\n#ai-chat-answer:last-of-type details.m {\n    /* **核心：只有最新消息才固定定位** */\n    position: fixed !important;\n    right: 0 !important;\n    z-index: 9999 !important;\n    width: 36px !important;\n    background: linear-gradient(145deg, #ffffff 0%, #f0f8ff 100%) !important;\n    border: 1px solid rgba(0, 212, 255, 0.35) !important;\n    border-right: none !important;\n    border-radius: 8px 0 0 8px !important;\n    box-shadow: -4px 0 20px rgba(0, 100, 150, 0.12), -2px 0 10px rgba(0, 212, 255, 0.15), inset 1px 0 0 rgba(0, 212, 255, 0.1) !important;\n    margin-bottom: 0 !important;\n    padding: 0 !important;\n    overflow: visible !important;\n    transition: right 0.35s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.35s ease;\n    animation: sidebar-slide-in 0.4s ease-out;\n    /* 核心修复：确保自身不创建新包含块 */\n    transform: none !important;\n    filter: none !important;\n    perspective: none !important;\n    will-change: auto !important;\n    backdrop-filter: none !important;\n    -webkit-backdrop-filter: none !important;\n}\n\n/* **侧边栏标题 (收起时) - 竖排文字** */\n#ai-chat-answer:last-of-type details.p > summary,\n#ai-chat-answer:last-of-type details.n > summary,\n#ai-chat-answer:last-of-type details.m > summary {\n    padding: 14px 8px !important;\n    color: #00d4ff !important;\n    background: linear-gradient(180deg, #ffffff 0%, #f0f8ff 100%) !important;\n    /* **核心：竖排文字** */\n    writing-mode: vertical-rl !important;\n    text-orientation: mixed;\n    letter-spacing: 3px !important;\n    border: none !important;\n    border-radius: 8px 0 0 8px !important;\n    list-style: none;\n    cursor: pointer;\n    font-family: 'Orbitron', 'Rajdhani', sans-serif;\n    font-weight: 700;\n    font-size: 12px;\n    text-shadow: 0 0 10px rgba(0, 212, 255, 0.6);\n    transition: all 0.3s ease;\n    position: relative;\n    clip-path: polygon(0 0, 100% 0, 100% calc(100% - 8px), calc(100% - 8px) 100%, 0 100%);\n    margin: 0 !important;\n}\n\n#ai-chat-answer:last-of-type details.p > summary::before,\n#ai-chat-answer:last-of-type details.n > summary::before,\n#ai-chat-answer:last-of-type details.m > summary::before {\n    content: '◆';\n    position: absolute;\n    left: 50%;\n    top: 6px;\n    transform: translateX(-50%);\n    font-size: 10px;\n    color: #00d4ff;\n    text-shadow: 0 0 12px rgba(0, 212, 255, 0.8);\n    animation: glow-text 2s ease-in-out infinite;\n}\n\n#ai-chat-answer:last-of-type details.p > summary::-webkit-details-marker,\n#ai-chat-answer:last-of-type details.n > summary::-webkit-details-marker,\n#ai-chat-answer:last-of-type details.m > summary::-webkit-details-marker {\n    display: none;\n}\n\n/* **侧边栏标题 Hover** */\n#ai-chat-answer:last-of-type details.p > summary:hover,\n#ai-chat-answer:last-of-type details.n > summary:hover,\n#ai-chat-answer:last-of-type details.m > summary:hover {\n    background: linear-gradient(180deg, rgba(0, 212, 255, 0.15), rgba(0, 168, 204, 0.12)) !important;\n    box-shadow: -4px 0 15px rgba(0, 212, 255, 0.25), inset 1px 0 0 rgba(0, 212, 255, 0.2);\n    color: #3dd5ff !important;\n}\n\n/* --- 3. **侧边栏展开状态** --- */\n#ai-chat-answer:last-of-type details.p[open],\n#ai-chat-answer:last-of-type details.n[open],\n#ai-chat-answer:last-of-type details.m[open] {\n    z-index: 10000 !important;\n    width: 360px !important;\n    max-height: calc(100vh - 350px) !important;\n    background: linear-gradient(145deg, #ffffff 0%, #f0f8ff 100%) !important;\n    border: 1px solid rgba(0, 212, 255, 0.4) !important;\n    border-right: none !important;\n    border-radius: 10px 0 0 10px !important;\n    overflow-y: auto !important;\n    overflow-x: hidden !important;\n    box-shadow: -8px 0 32px rgba(0, 100, 150, 0.15), -4px 0 16px rgba(0, 212, 255, 0.2), inset 2px 0 0 rgba(0, 212, 255, 0.15) !important;\n}\n\n/* **自定义滚动条** */\n#ai-chat-answer:last-of-type details.p[open]::-webkit-scrollbar,\n#ai-chat-answer:last-of-type details.n[open]::-webkit-scrollbar,\n#ai-chat-answer:last-of-type details.m[open]::-webkit-scrollbar {\n    width: 8px;\n}\n\n#ai-chat-answer:last-of-type details.p[open]::-webkit-scrollbar-track,\n#ai-chat-answer:last-of-type details.n[open]::-webkit-scrollbar-track,\n#ai-chat-answer:last-of-type details.m[open]::-webkit-scrollbar-track {\n    background: rgba(0, 212, 255, 0.08);\n    border-radius: 4px;\n}\n\n#ai-chat-answer:last-of-type details.p[open]::-webkit-scrollbar-thumb,\n#ai-chat-answer:last-of-type details.n[open]::-webkit-scrollbar-thumb,\n#ai-chat-answer:last-of-type details.m[open]::-webkit-scrollbar-thumb {\n    background: linear-gradient(180deg, rgba(0, 212, 255, 0.5), rgba(0, 168, 204, 0.4));\n    border-radius: 4px;\n    border: 1px solid rgba(0, 212, 255, 0.25);\n    box-shadow: 0 0 6px rgba(0, 212, 255, 0.3);\n}\n\n#ai-chat-answer:last-of-type details.p[open]::-webkit-scrollbar-thumb:hover,\n#ai-chat-answer:last-of-type details.n[open]::-webkit-scrollbar-thumb:hover,\n#ai-chat-answer:last-of-type details.m[open]::-webkit-scrollbar-thumb:hover {\n    background: linear-gradient(180deg, rgba(0, 212, 255, 0.7), rgba(0, 168, 204, 0.6));\n    box-shadow: 0 0 10px rgba(0, 212, 255, 0.5);\n}\n\n/* **侧边栏标题 (展开时) - 固定置顶 + 横排文字** */\n#ai-chat-answer:last-of-type details.p[open] > summary,\n#ai-chat-answer:last-of-type details.n[open] > summary,\n#ai-chat-answer:last-of-type details.m[open] > summary {\n    background: linear-gradient(90deg, rgba(0, 212, 255, 0.12), rgba(0, 168, 204, 0.1)) !important;\n    /* **核心：展开后改为横排** */\n    writing-mode: horizontal-tb !important;\n    text-orientation: mixed;\n    border-bottom: 1px solid rgba(0, 212, 255, 0.4) !important;\n    border-radius: 0 !important;\n    position: sticky !important;\n    top: 0 !important;\n    z-index: 1002 !important;\n    padding: 12px 45px 12px 18px !important;\n    letter-spacing: 1px !important;\n    font-size: 14px;\n    clip-path: none;\n    box-shadow: 0 2px 8px rgba(0, 100, 150, 0.08), inset 0 1px 0 rgba(0, 212, 255, 0.15);\n}\n\n#ai-chat-answer:last-of-type details.p[open] > summary::before,\n#ai-chat-answer:last-of-type details.n[open] > summary::before,\n#ai-chat-answer:last-of-type details.m[open] > summary::before {\n    content: '◆';\n    position: static;\n    transform: none;\n    margin-right: 10px;\n    display: inline-block;\n    animation: none;\n}\n\n/* **展开时标题的关闭按钮** */\n#ai-chat-answer:last-of-type details.p[open] > summary::after,\n#ai-chat-answer:last-of-type details.n[open] > summary::after,\n#ai-chat-answer:last-of-type details.m[open] > summary::after {\n    content: '✕';\n    position: absolute;\n    right: 14px;\n    top: 50%;\n    transform: translateY(-50%);\n    font-size: 16px;\n    font-family: Arial, sans-serif;\n    line-height: 1;\n    color: #00d4ff;\n    font-weight: 700;\n    cursor: pointer;\n    padding: 3px 7px;\n    border-radius: 4px;\n    background: rgba(0, 212, 255, 0.08);\n    border: 1px solid rgba(0, 212, 255, 0.25);\n    transition: all 0.2s ease;\n    text-shadow: 0 0 8px rgba(0, 212, 255, 0.6);\n}\n\n#ai-chat-answer:last-of-type details.p[open] > summary:hover::after,\n#ai-chat-answer:last-of-type details.n[open] > summary:hover::after,\n#ai-chat-answer:last-of-type details.m[open] > summary:hover::after {\n    background: rgba(0, 212, 255, 0.2);\n    box-shadow: 0 0 12px rgba(0, 212, 255, 0.4);\n    transform: translateY(-50%) scale(1.1);\n}\n\n/* --- 4. **侧边栏位置分配 (只针对最新消息)** --- */\n#ai-chat-answer:last-of-type details.p { \n    top: 80px !important; \n}\n#ai-chat-answer:last-of-type details.n { \n    top: 180px !important; \n}\n#ai-chat-answer:last-of-type details.m { \n    top: 280px !important; \n}\n\n/* **展开后统一顶部位置** */\n#ai-chat-answer:last-of-type details.p[open],\n#ai-chat-answer:last-of-type details.n[open],\n#ai-chat-answer:last-of-type details.m[open] { \n    top: 80px !important; \n}\n\n/* **展开后的面板内容样式** */\n.panel-content {\n    padding: 20px;\n    font-family: 'Rajdhani', 'Roboto', 'Segoe UI', sans-serif;\n    color: #333;\n    font-size: 13px;\n    line-height: 1.8;\n    background: transparent;\n}\n\n.panel-content h3 {\n    color: #00d4ff !important;\n    border-bottom: 1px solid rgba(0, 212, 255, 0.3);\n    font-size: 1.25em;\n    margin-top: 1em;\n    margin-bottom: 0.5em;\n    padding-bottom: 6px;\n    font-family: 'Orbitron', sans-serif;\n    text-shadow: 0 0 10px rgba(0, 212, 255, 0.5);\n    letter-spacing: 0.8px;\n}\n\n.panel-content br {\n    line-height: 1.5;\n}\n\n\n/* --- 鸣潮/科幻风格：共鸣与声骸模块样式 (侧边栏适配) --- */\n.styled-prose-container resonance_list,\n.styled-prose-container echo_list,\n.styled-prose-container sonata_list,\n.styled-prose-container equip_list,\n.styled-prose-container item_list {\n    display: block;\n    margin: 10px 0;\n    padding: 0;\n    position: relative;\n    overflow: visible;\n    font-family: 'Rajdhani', 'Microsoft YaHei', sans-serif;\n    line-height: 1.7;\n}\n\n.styled-prose-container resonance_list > span,\n.styled-prose-container echo_list > span,\n.styled-prose-container sonata_list > span,\n.styled-prose-container equip_list > span,\n.styled-prose-container item_list > span,\n.styled-prose-container info {\n    display: inline-block;\n    color: #00d4ff;\n    font-weight: 700;\n    font-size: 13px;\n    margin-right: 6px;\n    letter-spacing: 0.5px;\n    text-shadow: 0 0 8px rgba(0, 212, 255, 0.4);\n    font-family: 'Orbitron', sans-serif;\n}\n\n.styled-prose-container resonance_list info {\n    margin-left: 8px;\n}\n\n/* **Tooltip 交互样式 (侧边栏内适配)** */\n.styled-prose-container T {\n    position: relative;\n    display: inline-block;\n    margin-bottom: 4px;\n    margin-right: 6px;\n    cursor: help;\n    color: #333;\n    font-weight: 600;\n    text-decoration-line: none;\n    border-bottom: 1px dashed #00d4ff;\n    padding: 2px 7px;\n    background: rgba(0, 212, 255, 0.05);\n    border-radius: 4px;\n    transition: all 0.3s ease;\n    z-index: 10;\n}\n\n.styled-prose-container T::before {\n    content: \"\";\n}\n\n.styled-prose-container T:hover {\n    background: rgba(0, 212, 255, 0.15);\n    color: #0099cc;\n    border-bottom-style: solid;\n    box-shadow: 0 0 10px rgba(0, 212, 255, 0.2);\n    z-index: 100;\n}\n\n.styled-prose-container T Ti {\n    display: block !important;\n    visibility: hidden;\n    opacity: 0;\n    width: max-content;\n    max-width: 280px;\n    background: linear-gradient(135deg, rgba(255, 255, 255, 0.98), rgba(240, 248, 255, 0.95));\n    color: #333;\n    text-align: left;\n    border: 1px solid #00d4ff;\n    border-left: 4px solid #00d4ff;\n    border-radius: 4px;\n    padding: 10px 14px;\n    font-size: 0.82em;\n    font-weight: 400;\n    line-height: 1.6;\n    font-family: 'Rajdhani', sans-serif;\n    box-shadow: 0 8px 30px rgba(0, 100, 150, 0.25), 0 0 20px rgba(0, 212, 255, 0.15);\n    transition: opacity 0.2s ease, visibility 0.2s ease;\n    pointer-events: none;\n    position: absolute;\n    z-index: 99999;\n    bottom: 100%;\n    left: 0;\n    margin-bottom: 8px;\n}\n\n.styled-prose-container T Ti::before {\n    content: '【 SYSTEM LOG 】';\n    display: block;\n    font-size: 0.7em;\n    color: #00d4ff;\n    margin-bottom: 6px;\n    padding-bottom: 4px;\n    border-bottom: 1px solid rgba(0, 212, 255, 0.3);\n    letter-spacing: 2px;\n    font-weight: 700;\n    font-family: 'Orbitron', sans-serif;\n}\n\n.styled-prose-container T:hover Ti {\n    visibility: visible;\n    opacity: 1;\n}\n\n.styled-prose-container T Ti > span {\n    display: inline-block;\n    color: #0099cc;\n    font-weight: 700;\n    margin-right: 6px;\n}\n\n/* 财富/货币样式 */\n.styled-prose-container wealth_info {\n    display: block;\n    margin: 10px 0;\n    padding: 8px 12px;\n    background: rgba(0, 212, 255, 0.03);\n    border: 1px solid rgba(0, 212, 255, 0.15);\n    border-radius: 6px;\n    font-family: 'Rajdhani', monospace;\n}\n\n.styled-prose-container wealth_info > span {\n    color: #00d4ff;\n    font-weight: 700;\n    margin-right: 8px;\n    font-family: 'Orbitron', sans-serif;\n}\n\n\n/* --- 自定义 UI 组件 (`classUI-*`) --- */\n.classUI-story {\n    background: linear-gradient(145deg, rgba(255, 255, 255, 0.85), rgba(245, 250, 255, 0.8));\n    border: 1px solid rgba(0, 212, 255, 0.3);\n    border-radius: 12px;\n    padding: 24px 28px;\n    margin: 20px 0;\n    color: #333;\n    font-size: 16px;\n    line-height: 2;\n    box-shadow: inset 0 2px 8px rgba(0, 212, 255, 0.05), 0 0 0 1px rgba(0, 180, 220, 0.15), 0 0 20px rgba(0, 212, 255, 0.05);\n    position: relative;\n    letter-spacing: 0.5px;\n}\n\n.classUI-story::before,\n.classUI-story::after {\n    content: '';\n    position: absolute;\n    width: 18px;\n    height: 18px;\n    border-color: rgba(0, 212, 255, 0.6);\n    border-style: solid;\n    transition: all 0.4s ease;\n}\n\n.classUI-story::before {\n    top: 8px;\n    left: 8px;\n    border-width: 2px 0 0 2px;\n    border-top-left-radius: 3px;\n}\n\n.classUI-story::after {\n    bottom: 8px;\n    right: 8px;\n    border-width: 0 2px 2px 0;\n    border-bottom-right-radius: 3px;\n}\n\n.classUI-story:hover::before,\n.classUI-story:hover::after {\n    border-color: #00e5ff;\n    box-shadow: 0 0 10px rgba(0, 229, 255, 0.6);\n}\n\n.classUI-subsection {\n    font-weight: 700;\n    color: #00d4ff;\n    margin: 14px 0 8px 0;\n    padding-bottom: 6px;\n    border-bottom: 1px solid rgba(0, 212, 255, 0.3);\n    font-size: 13px;\n    letter-spacing: 0.8px;\n    text-shadow: 0 0 8px rgba(0, 212, 255, 0.5);\n    font-family: 'Orbitron', sans-serif;\n}\n\n.classUI-npc-card {\n    background: rgba(245, 250, 255, 0.7);\n    border: 1px solid rgba(0, 212, 255, 0.25);\n    border-radius: 8px;\n    padding: 14px;\n    margin: 8px 0;\n    box-shadow: 0 2px 8px rgba(0, 100, 150, 0.05), 0 0 15px rgba(0, 212, 255, 0.05);\n    transition: all 0.3s ease;\n}\n\n.classUI-npc-card:hover {\n    background: rgba(235, 245, 255, 0.9);\n    border-color: rgba(0, 212, 255, 0.4);\n    box-shadow: 0 4px 12px rgba(0, 100, 150, 0.1), 0 0 25px rgba(0, 212, 255, 0.1);\n}\n\n.classUI-npc-name {\n    font-size: 16px;\n    font-weight: 700;\n    color: #00d4ff;\n    margin-bottom: 10px;\n    padding-bottom: 8px;\n    border-bottom: 2px solid rgba(0, 212, 255, 0.35);\n    letter-spacing: 0.8px;\n    text-shadow: 0 0 8px rgba(0, 212, 255, 0.5);\n    font-family: 'Orbitron', sans-serif;\n}\n\n.classUI-memory {\n    background: rgba(240, 248, 255, 0.75);\n    border-color: rgba(0, 212, 255, 0.45);\n    padding-bottom: 0;\n}\n\n.classUI-memory-section {\n    margin: 0 0 16px 0;\n    padding: 0;\n    background: transparent;\n    border: none;\n}\n\n.classUI-table {\n    width: 100%;\n    border-collapse: collapse;\n    margin-top: 6px;\n    border-radius: 6px;\n    overflow: hidden;\n    border: 1px solid rgba(0, 212, 255, 0.3);\n    box-shadow: 0 4px 12px rgba(0, 100, 150, 0.1), 0 0 20px rgba(0, 212, 255, 0.05);\n}\n\n.classUI-table thead th {\n    background: linear-gradient(160deg, rgba(0, 212, 255, 0.1), rgba(0, 180, 220, 0.08));\n    color: #00d4ff;\n    padding: 12px 8px;\n    font-weight: 700;\n    font-size: 12px;\n    text-align: center;\n    border-bottom: 2px solid rgba(0, 212, 255, 0.5);\n    text-shadow: 0 0 8px rgba(0, 212, 255, 0.5);\n    font-family: 'Orbitron', sans-serif;\n}\n\n.classUI-table tbody td {\n    padding: 10px 8px;\n    border-bottom: 1px solid rgba(0, 180, 220, 0.25);\n    background: rgba(255, 255, 255, 0.6);\n    font-size: 12px;\n    color: #333;\n    vertical-align: middle;\n    transition: background-color 0.3s ease;\n}\n\n.classUI-table tbody tr:last-child td {\n    border-bottom: none;\n}\n\n.classUI-table tbody tr:hover td {\n    background: rgba(0, 212, 255, 0.05);\n}\n\n.classUI-actions {\n    background: linear-gradient(180deg, rgba(255, 255, 255, 0.7), rgba(240, 248, 255, 0.65));\n    border: 1px solid rgba(0, 212, 255, 0.4);\n    border-radius: 10px;\n    padding: 16px 20px;\n    margin-top: 16px;\n    color: #333;\n    font-weight: 600;\n    font-size: 14px;\n    line-height: 1.8;\n    box-shadow: 0 4px 15px rgba(0, 100, 150, 0.08), 0 0 20px rgba(0, 212, 255, 0.1);\n    letter-spacing: 0.3px;\n}\n\n.classUI-audio-player {\n    width: 100%;\n    height: 35px;\n    margin-top: 8px;\n    background: linear-gradient(135deg, rgba(255, 255, 255, 0.9), rgba(240, 248, 255, 0.85));\n    border-radius: 18px;\n    border: 1px solid rgba(0, 212, 255, 0.35);\n    box-shadow: 0 4px 15px rgba(0, 100, 150, 0.05), inset 0 1px 2px rgba(0, 212, 255, 0.05), 0 0 0 1px rgba(0, 180, 220, 0.1), 0 0 20px rgba(0, 212, 255, 0.05);\n    accent-color: #00d4ff;\n    position: relative;\n    overflow: hidden;\n    transition: all 0.3s ease;\n}\n\n.classUI-audio-player:hover {\n    border-color: rgba(0, 212, 255, 0.5);\n    box-shadow: 0 6px 20px rgba(0, 100, 150, 0.1), inset 0 1px 2px rgba(0, 212, 255, 0.1), 0 0 0 1px rgba(0, 180, 220, 0.2), 0 0 30px rgba(0, 212, 255, 0.1);\n}\n\n.classUI-audio-player::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background-image: url(\"data:image/svg+xml,%3Csvg width='30' height='30' xmlns='http://www.w3.org/2000/svg'%3E%3Cline x1='0' y1='15' x2='30' y2='15' stroke='%2300d4ff' stroke-width='0.3' opacity='0.1'/%3E%3Ccircle cx='15' cy='15' r='1' fill='%2300d4ff' opacity='0.15'/%3E%3C/svg%3E\");\n    background-size: 30px 30px;\n    opacity: 0.3;\n    pointer-events: none;\n    z-index: 0;\n}\n\n.classUI-audio-player::-webkit-media-controls-panel {\n    background: transparent;\n}\n\n.classUI-audio-player::-webkit-media-controls-play-button,\n.classUI-audio-player::-webkit-media-controls-mute-button {\n    background-color: rgba(0, 212, 255, 0.12);\n    border-radius: 50%;\n    transition: all 0.3s ease;\n    filter: brightness(0) saturate(100%) invert(71%) sepia(87%) saturate(4277%) hue-rotate(164deg) brightness(103%) contrast(101%);\n    margin: 0 4px;\n}\n\n.classUI-audio-player::-webkit-media-controls-play-button:hover,\n.classUI-audio-player::-webkit-media-controls-mute-button:hover {\n    background-color: rgba(0, 212, 255, 0.25);\n    box-shadow: 0 0 12px rgba(0, 212, 255, 0.4);\n}\n\n.classUI-audio-player::-webkit-media-controls-current-time-display,\n.classUI-audio-player::-webkit-media-controls-time-remaining-display {\n    color: #333;\n    font-weight: 600;\n    font-size: 11px;\n    text-shadow: 0 0 8px rgba(0, 212, 255, 0.5);\n    font-family: 'Rajdhani', 'Roboto', 'Segoe UI', sans-serif;\n}\n\n.classUI-audio-player::-webkit-media-controls-timeline {\n    background-color: rgba(0, 212, 255, 0.12);\n    border-radius: 8px;\n    height: 6px;\n    border: 1px solid rgba(0, 212, 255, 0.3);\n    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.2), 0 0 10px rgba(0, 212, 255, 0.1);\n    transition: all 0.3s ease;\n}\n\n.classUI-audio-player::-webkit-media-controls-timeline:hover {\n    background-color: rgba(0, 212, 255, 0.18);\n    border-color: rgba(0, 212, 255, 0.5);\n    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.2), 0 0 15px rgba(0, 212, 255, 0.2);\n}\n\n.classUI-audio-player::-webkit-media-controls-volume-slider {\n    background-color: rgba(0, 212, 255, 0.12);\n    border-radius: 8px;\n    height: 6px;\n    border: 1px solid rgba(0, 212, 255, 0.3);\n    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);\n    transition: all 0.3s ease;\n}\n\n.classUI-audio-player::-webkit-media-controls-volume-slider:hover {\n    background-color: rgba(0, 212, 255, 0.18);\n    border-color: rgba(0, 212, 255, 0.5);\n}\n\n.classUI-audio-player::-webkit-media-controls-seek-back-button,\n.classUI-audio-player::-webkit-media-controls-seek-forward-button {\n    filter: brightness(0) saturate(100%) invert(71%) sepia(87%) saturate(4277%) hue-rotate(164deg) brightness(103%) contrast(101%);\n    opacity: 0.8;\n    transition: opacity 0.3s ease;\n}\n\n.classUI-audio-player::-webkit-media-controls-seek-back-button:hover,\n.classUI-audio-player::-webkit-media-controls-seek-forward-button:hover {\n    opacity: 1;\n}\n\n/* =============================================\n *  平台原生 UI 覆写与美化\n * ============================================= */\n\n/* --- 选项按钮模块 (pre) --- */\n.markdown-body {\n    counter-reset: option-counter;\n}\n\npre {\n    position: relative !important;\n    margin: 10px 0 !important;\n    overflow: hidden !important;\n    border-radius: 8px !important;\n    background: transparent !important;\n    border: none !important;\n    box-shadow: none !important;\n    padding: 0 !important;\n    min-height: 50px;\n}\n\npre div[class*=\"border-b\"] {\n    position: absolute !important;\n    top: 0 !important;\n    left: 0 !important;\n    width: 100% !important;\n    height: 100% !important;\n    border: none !important;\n    background: transparent !important;\n    padding: 0 !important;\n    margin: 0 !important;\n    z-index: 2;\n    pointer-events: none;\n}\n\npre div[class*=\"border-b\"] > div:first-child {\n    display: none !important;\n}\n\npre div[data-tooltip-id] {\n    position: absolute !important;\n    top: 0;\n    left: 0;\n    width: 100% !important;\n    height: 100% !important;\n    margin: 0 !important;\n    padding: 0 !important;\n    display: block !important;\n    cursor: pointer !important;\n    background: transparent !important;\n    border: none !important;\n    pointer-events: auto;\n    z-index: 3;\n}\n\npre div[data-tooltip-id] .style_copyIcon__GJL9e {\n    display: none !important;\n}\n\npre div[node=\"[object Object]\"] {\n    position: relative;\n    z-index: 1;\n    display: block !important;\n    pointer-events: none;\n    background: linear-gradient(145deg, rgba(245, 250, 255, 0.95) 0%, rgba(255, 255, 255, 0.92) 100%) !important;\n    border: 1px solid rgba(0, 212, 255, 0.3) !important;\n    border-left: 4px solid #00d4ff !important;\n    box-shadow: 0 4px 16px rgba(0, 100, 150, 0.06), 0 0 20px rgba(0, 212, 255, 0.05), inset 0 1px 0 rgba(255, 255, 255, 0.8) !important;\n    color: #2c3e50 !important;\n    font-family: 'Rajdhani', 'Roboto', sans-serif !important;\n    font-size: 1em !important;\n    font-weight: 500 !important;\n    padding: 14px 20px 14px 58px !important;\n    margin: 0 !important;\n    clip-path: polygon(0 0, calc(100% - 12px) 0, 100% 12px, 100% 100%, 0 100%) !important;\n    min-height: 50px;\n    white-space: pre-wrap !important;\n    word-wrap: break-word !important;\n    word-break: break-word !important;\n    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n    counter-increment: option-counter;\n}\n\npre div[node=\"[object Object]\"]::before {\n    content: counter(option-counter);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    position: absolute;\n    left: 14px;\n    top: 50%;\n    transform: translateY(-50%);\n    width: 30px;\n    height: 30px;\n    background: linear-gradient(135deg, #00d4ff 0%, #00a8cc 100%) !important;\n    color: #fff;\n    clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%) !important;\n    font-size: 0.95em;\n    font-weight: 700;\n    font-family: 'Orbitron', sans-serif !important;\n    box-shadow: 0 0 15px rgba(0, 212, 255, 0.5), inset 0 1px 0 rgba(255, 255, 255, 0.3) !important;\n    z-index: 2;\n    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);\n    transition: all 0.3s ease !important;\n}\n\npre div[node=\"[object Object]\"] code {\n    display: block;\n    color: inherit !important;\n    background: transparent !important;\n    padding: 0 !important;\n    margin: 0 !important;\n    font-family: inherit !important;\n    font-size: inherit !important;\n    white-space: pre-wrap !important;\n    word-wrap: break-word !important;\n}\n\npre div[data-tooltip-id]::before {\n    content: 'SELECT';\n    position: absolute;\n    top: 50%;\n    right: 16px;\n    transform: translateY(-50%) scale(0.9);\n    background: linear-gradient(135deg, #00d4ff 0%, #00a8cc 100%);\n    color: #fff;\n    font-size: 0.75em;\n    font-weight: 800;\n    font-family: 'Orbitron', sans-serif;\n    padding: 6px 12px;\n    clip-path: polygon(8px 0, 100% 0, calc(100% - 8px) 100%, 0 100%) !important;\n    letter-spacing: 2px;\n    opacity: 0;\n    visibility: hidden;\n    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);\n    pointer-events: none;\n    z-index: 5;\n    box-shadow: 0 4px 15px rgba(0, 212, 255, 0.4), inset 0 1px 0 rgba(255, 255, 255, 0.3) !important;\n    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);\n}\n\npre:hover div[data-tooltip-id]::before {\n    opacity: 1;\n    visibility: visible;\n    transform: translateY(-50%) scale(1);\n}\n\npre:hover div[node=\"[object Object]\"] {\n    box-shadow: 0 8px 28px rgba(0, 100, 150, 0.1), 0 0 35px rgba(0, 212, 255, 0.12), inset 0 1px 0 rgba(255, 255, 255, 0.9) !important;\n    background: linear-gradient(145deg, rgba(235, 250, 255, 0.98) 0%, rgba(255, 255, 255, 0.96) 100%) !important;\n    border-color: rgba(0, 212, 255, 0.5) !important;\n}\n\npre:hover div[node=\"[object Object]\"]::before {\n    box-shadow: 0 0 20px rgba(0, 212, 255, 0.6), inset 0 1px 0 rgba(255, 255, 255, 0.4) !important;\n}\n\npre:active div[node=\"[object Object]\"] {\n    box-shadow: 0 2px 10px rgba(0, 100, 150, 0.08), 0 0 15px rgba(0, 212, 255, 0.08), inset 0 2px 6px rgba(0, 212, 255, 0.08) !important;\n    background: linear-gradient(145deg, rgba(220, 245, 255, 0.95) 0%, rgba(245, 250, 255, 0.92) 100%) !important;\n}\n\npre:active div[data-tooltip-id]::before {\n    content: 'CONFIRMED';\n    background: linear-gradient(135deg, #7c3aed 0%, #5b21b6 100%);\n    box-shadow: 0 4px 15px rgba(124, 58, 237, 0.5) !important;\n}\n\npre div[data-tooltip-id]::after {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    background: linear-gradient(135deg, rgba(0, 212, 255, 0.88), rgba(0, 168, 204, 0.92));\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    color: #fff;\n    font-size: 1em;\n    font-weight: 700;\n    letter-spacing: 3px;\n    opacity: 0;\n    transition: opacity 0.15s ease;\n    pointer-events: none;\n    z-index: 4;\n    clip-path: polygon(0 0, calc(100% - 12px) 0, 100% 12px, 100% 100%, 0 100%) !important;\n    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);\n}\n\npre div[data-tooltip-id]:active::after {\n    content: '✓ RESONANCE CONFIRMED';\n    opacity: 1;\n}\n\n/* --- 通用/其他平台 UI 覆写 --- */\n.group.ml-0 > .flex.items-start.gap-2 {\n    font-family: \"Microsoft YaHei\", \"微软雅黑\", sans-serif !important;\n    background-color: #ffffff !important;\n    border-radius: 12px !important;\n    padding: 15px 20px !important;\n    width: 100% !important;\n    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08) !important;\n    border: 1px solid #e0e0e0 !important;\n    transition: all 0.3s ease-in-out !important;\n}\n\n.group.ml-0 > .flex.items-start.gap-2:hover {\n    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.12) !important;\n    background-color: #fcfcfc !important;\n    border-color: #d0d0d0 !important;\n}\n\n.group.ml-0 .break-all {\n    white-space: pre-wrap !important;\n    line-height: 1.6 !important;\n    overflow-wrap: break-word !important;\n    word-wrap: break-word !important;\n    color: #333333 !important;\n}\n\n.group.ml-0 > .flex.items-start.gap-2 .text-grey-600 {\n    color: #555 !important;\n}\n\n.group.ml-0 > .flex.items-start.gap-2 .text-gray-500 {\n    color: #777 !important;\n}\n\n.group.ml-0 > .flex.items-start.gap-2 .text-gray-400 {\n    color: #999 !important;\n}\n\n.group.ml-0 > .flex.items-start.gap-2 .font-bold {\n    color: #111111 !important;\n}\n\ndiv.style_divider__mW0YX.style_horizontal__UvaHt {\n    margin-top: 10px !important;\n    margin-bottom: 10px !important;\n    border-top: 1px solid #eeeeee !important;\n    background: none !important;\n}\n\ndiv.group.relative > div.relative.inline-block.bg-gray-100\\/90 {\n    background: linear-gradient(135deg, rgba(255, 255, 255, 0.95), rgba(240, 248, 255, 0.92));\n    color: #333;\n    border-radius: 18px;\n    border: 1px solid rgba(0, 212, 255, 0.3);\n    box-shadow: 0 16px 60px -12px rgba(0, 100, 150, 0.15), inset 0 2px 4px rgba(0, 212, 255, 0.05), 0 0 30px rgba(0, 212, 255, 0.1), 0 0 0 2px rgba(0, 180, 220, 0.1);\n    position: relative;\n    overflow: hidden;\n}\n\ndiv.group.relative > div.relative.inline-block.bg-gray-100\\/90::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background-image: url(\"data:image/svg+xml,%3Csvg width='40' height='40' xmlns='http://www.w3.org/2000/svg'%3E%3Cpolygon points='20,2 38,12 38,28 20,38 2,28 2,12' fill='none' stroke='%2300d4ff' stroke-width='0.3' opacity='0.1'/%3E%3Ccircle cx='20' cy='20' r='1' fill='%2300d4ff' opacity='0.15'/%3E%3C/svg%3E\");\n    background-size: 40px 40px;\n    opacity: 0.4;\n    pointer-events: none;\n    z-index: 0;\n}\n\ndiv.group.relative > div.relative.inline-block.bg-gray-100\\/90::after {\n    content: '';\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    width: 200%;\n    height: 200%;\n    background: radial-gradient(circle, rgba(0, 212, 255, 0.08) 0%, transparent 50%);\n    animation: classUI-ink-pulse 8s infinite ease-in-out;\n    z-index: 0;\n    pointer-events: none;\n}\n\n/* 顶部固定栏 */\n.sticky.w-full.top-0.flex.items-center {\n    background: rgba(255, 255, 255, 0.95) !important;\n    border-bottom: 1px solid rgba(0, 212, 255, 0.4) !important;\n    height: 3.1rem !important;\n    color: #333;\n    font-family: 'Rajdhani', 'Roboto', 'Segoe UI', sans-serif !important;\n    font-weight: 600 !important;\n    z-index: 10 !important;\n    padding-top: max(0px, env(safe-area-inset-top)) !important;\n    height: calc(3.5rem + max(0px, env(safe-area-inset-top))) !important;\n    box-shadow: 0 4px 20px rgba(0, 100, 150, 0.1), 0 0 30px rgba(0, 212, 255, 0.1);\n}\n\n.sticky.w-full.top-0.flex.items-center .inline-flex.items-center {\n    background: rgba(0, 212, 255, 0.1) !important;\n    color: #00d4ff !important;\n    border: 1px solid rgba(0, 212, 255, 0.3) !important;\n    font-size: 0.75rem !important;\n    font-weight: 700 !important;\n    letter-spacing: 0.05em;\n    border-radius: 6px;\n    box-shadow: inset 0 0 4px rgba(0, 212, 255, 0.15), 0 0 10px rgba(0, 212, 255, 0.1);\n    text-shadow: 0 0 6px rgba(0, 212, 255, 0.4);\n}\n\n#ai-model-selector .group {\n    background: rgba(255, 255, 255, 0.8) !important;\n    border: 1px solid rgba(0, 212, 255, 0.35) !important;\n    border-radius: 8px !important;\n    padding: 0 8px !important;\n    height: 2rem !important;\n    transition: all 0.3s ease;\n}\n\n#ai-model-selector .group:hover {\n    border-color: rgba(0, 212, 255, 0.6) !important;\n    box-shadow: 0 0 15px rgba(0, 212, 255, 0.3);\n    background: rgba(245, 250, 255, 0.95) !important;\n}\n\n#ai-model-selector .truncate {\n    font-size: 13px !important;\n    font-weight: 600 !important;\n    color: #333 !important;\n    font-family: 'Rajdhani', 'Roboto', 'Segoe UI', sans-serif !important;\n    transition: color 0.3s ease;\n}\n\n#ai-model-selector .group:hover .truncate {\n    color: #00d4ff !important;\n    text-shadow: 0 0 8px rgba(0, 212, 255, 0.5);\n}\n\n#ai-model-selector svg {\n    color: #333 !important;\n    transition: color 0.3s ease;\n}\n\n#ai-model-selector .group:hover svg {\n    color: #00d4ff !important;\n    filter: drop-shadow(0 0 4px rgba(0, 212, 255, 0.6));\n}\n\n#header-setting-button {\n    border-radius: 8px !important;\n    background: rgba(255, 255, 255, 0.8) !important;\n    border: 1px solid rgba(0, 212, 255, 0.35) !important;\n    transition: all 0.3s ease;\n}\n\n#header-setting-button:hover {\n    border-color: rgba(0, 212, 255, 0.6) !important;\n    box-shadow: 0 0 15px rgba(0, 212, 255, 0.3);\n    background: rgba(245, 250, 255, 0.95) !important;\n}\n\n#header-setting-button svg {\n    color: #333 !important;\n}\n\n/* 输入框区域 */\n.p-\\[5\\.5px\\].max-h-\\[150px\\] {\n    background: rgba(255, 255, 255, 0.92) !important;\n    border: 1.5px solid rgba(0, 212, 255, 0.4) !important;\n    border-radius: 14px !important;\n    box-shadow: 0 4px 12px rgba(0, 100, 150, 0.1), 0 0 25px rgba(0, 212, 255, 0.1) !important;\n    padding: 6px !important;\n    width: auto !important;\n    max-width: 95% !important;\n    margin-left: auto !important;\n    margin-right: auto !important;\n}\n\n#ai-chat-input {\n    background: rgba(245, 250, 255, 0.9) !important;\n    border-radius: 10px !important;\n    border: 1px solid rgba(0, 212, 255, 0.4) !important;\n    font-family: 'Rajdhani', 'Roboto', sans-serif !important;\n    font-size: 14px !important;\n    line-height: 1 !important;\n    color: #333 !important;\n    caret-color: #00d4ff !important;\n    padding: 10px 44px 10px 10px !important;\n    height: auto !important;\n    max-height: 120px !important;\n    resize: none !important;\n    outline: none !important;\n    transition: all 0.3s ease;\n    field-sizing: content !important;\n    overflow-y: auto !important;\n    -webkit-overflow-scrolling: touch !important;\n    -webkit-appearance: none !important;\n    appearance: none !important;\n    -webkit-text-size-adjust: 100% !important;\n    white-space: pre-wrap !important;\n    word-break: break-word !important;\n}\n\n#ai-chat-input::placeholder {\n    color: rgba(80, 80, 80, 0.4) !important;\n}\n\n#ai-chat-input:focus {\n    border-color: #00d4ff !important;\n    box-shadow: 0 0 15px rgba(0, 212, 255, 0.4), inset 0 0 10px rgba(0, 212, 255, 0.08) !important;\n    background: rgba(250, 253, 255, 0.95) !important;\n}\n\n.p-\\[5\\.5px\\].max-h-\\[150px\\] .flex.items-center.px-1 {\n    background: rgba(0, 212, 255, 0.1) !important;\n    color: #00d4ff !important;\n    border-radius: 6px !important;\n    border: 1px solid rgba(0, 212, 255, 0.25) !important;\n}\n\n.p-\\[5\\.5px\\].max-h-\\[150px\\] .mx-1 {\n    background: rgba(0, 212, 255, 0.2) !important;\n}\n\n#ai-send-button {\n    border-radius: 8px !important;\n    background: rgba(255, 255, 255, 0.8) !important;\n    border: 1px solid rgba(0, 212, 255, 0.35) !important;\n    transition: all 0.3s ease;\n}\n\n#ai-send-button:hover {\n    background: rgba(0, 212, 255, 0.15) !important;\n    border-color: rgba(0, 212, 255, 0.6) !important;\n    box-shadow: 0 0 15px rgba(0, 212, 255, 0.3);\n}\n\n#ai-send-button svg {\n    color: #333 !important;\n    transition: color 0.3s ease;\n}\n\n#ai-send-button:hover svg {\n    color: #00d4ff !important;\n    filter: drop-shadow(0 0 6px rgba(0, 212, 255, 0.7));\n}\n\n/* 加载动画覆写 */\n.style_dot-flashing__8L91Q {\n    display: none !important;\n}\n\ndiv:has(> .style_dot-flashing__8L91Q.style_text__zGhNq) {\n    width: 100% !important;\n    height: auto !important;\n    min-height: 80px !important;\n    display: flex !important;\n    flex-direction: column !important;\n    justify-content: center !important;\n    align-items: center !important;\n    background: linear-gradient(135deg, rgba(255, 255, 255, 0.98), rgba(245, 250, 255, 0.96)) !important;\n    border: 1px solid rgba(0, 212, 255, 0.3) !important;\n    border-radius: 16px !important;\n    box-shadow: 0 12px 40px rgba(0, 100, 150, 0.1), inset 0 1px 0 rgba(0, 212, 255, 0.1), 0 0 35px rgba(0, 212, 255, 0.15) !important;\n    position: relative !important;\n    overflow: hidden !important;\n}\n\ndiv:has(> .style_dot-flashing__8L91Q.style_text__zGhNq)::before {\n    content: '' !important;\n    position: absolute !important;\n    top: 50% !important;\n    left: 50% !important;\n    transform: translate(-50%, -50%) !important;\n    width: 60px !important;\n    height: 60px !important;\n    background-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 120'%3E%3Cdefs%3E%3ClinearGradient id='energyGrad' x1='0%25' y1='0%25' x2='100%25' y2='100%25'%3E%3Cstop offset='0%25' stop-color='%2300d4ff'%3E%3Canimate attributeName='stop-color' values='%2300d4ff;%237c3aed;%233b82f6;%2300d4ff' dur='3s' repeatCount='indefinite'/%3E%3C/stop%3E%3Cstop offset='50%25' stop-color='%237c3aed'%3E%3Canimate attributeName='stop-color' values='%237c3aed;%233b82f6;%2300d4ff;%237c3aed' dur='3s' repeatCount='indefinite'/%3E%3C/stop%3E%3Cstop offset='100%25' stop-color='%233b82f6'%3E%3Canimate attributeName='stop-color' values='%233b82f6;%2300d4ff;%237c3aed;%233b82f6' dur='3s' repeatCount='indefinite'/%3E%3C/stop%3E%3C/linearGradient%3E%3CradialGradient id='coreEnergy'%3E%3Cstop offset='0%25' stop-color='%2300d4ff' stop-opacity='0.9'/%3E%3Cstop offset='70%25' stop-color='%23ffffff' stop-opacity='0.5'/%3E%3Cstop offset='100%25' stop-color='%23ffffff' stop-opacity='0.25'/%3E%3C/filter%3E%3Cfilter id='energyGlow'%3E%3CfeGaussianBlur stdDeviation='3'/%3E%3C/filter%3E%3C/defs%3E%3Cg transform='translate(60,60)'%3E%3Cg%3E%3CanimateTransform attributeName='transform' type='rotate' values='0;360' dur='4s' repeatCount='indefinite'/%3E%3Ccircle cx='0' cy='-35' r='3' fill='%2300d4ff' opacity='0.8'%3E%3Canimate attributeName='opacity' values='0.8;0.3;0.8' dur='2s' repeatCount='indefinite'/%3E%3C/circle%3E%3Ccircle cx='25' cy='-25' r='2.5' fill='%237c3aed' opacity='0.7'/%3E%3Ccircle cx='35' cy='0' r='3' fill='%233b82f6' opacity='0.8'%3E%3Canimate attributeName='opacity' values='0.3;0.8;0.3' dur='2s' repeatCount='indefinite'/%3E%3C/circle%3E%3Ccircle cx='25' cy='25' r='2.5' fill='%2300d4ff' opacity='0.7'/%3E%3Ccircle cx='0' cy='35' r='3' fill='%237c3aed' opacity='0.8'%3E%3Canimate attributeName='opacity' values='0.8;0.3;0.8' dur='2s' begin='0.5s' repeatCount='indefinite'/%3E%3C/circle%3E%3Ccircle cx='-25' cy='25' r='2.5' fill='%233b82f6' opacity='0.7'/%3E%3Ccircle cx='-35' cy='0' r='3' fill='%2300d4ff' opacity='0.8'%3E%3Canimate attributeName='opacity' values='0.3;0.8;0.3' dur='2s' begin='0.5s' repeatCount='indefinite'/%3E%3C/circle%3E%3Ccircle cx='-25' cy='-25' r='2.5' fill='%237c3aed' opacity='0.7'/%3E%3C/g%3E%3Cg%3E%3CanimateTransform attributeName='transform' type='rotate' values='360;0' dur='6s' repeatCount='indefinite'/%3E%3Cpolygon points='0,-25 22,-13 22,13 0,25 -22,13 -22,-13' fill='none' stroke='%2300d4ff' stroke-width='1' opacity='0.4'/%3E%3C/g%3E%3Ccircle cx='0' cy='0' r='10' fill='url(%23coreEnergy)' opacity='0.9'%3E%3Canimate attributeName='r' values='8;12;8' dur='2.5s' repeatCount='indefinite'/%3E%3C/circle%3E%3Cg filter='url(%23energyGlow)'%3E%3CanimateTransform attributeName='transform' type='rotate' values='0;-360' dur='8s' repeatCount='indefinite'/%3E%3Cpath d='M 0,-25 Q 15,-20 20,-10 T 25,0 Q 20,15 10,20 T 0,25 Q -15,20 -20,10 T -25,0 Q -20,-15 -10,-20 T 0,-25' fill='none' stroke='url(%23energyGrad)' stroke-width='1.5' opacity='0.6'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E\") !important;\n    background-size: contain !important;\n    background-repeat: no-repeat !important;\n    background-position: center !important;\n    filter: drop-shadow(0 0 15px rgba(0, 212, 255, 0.5)) !important;\n}\n\ndiv:has(> .style_dot-flashing__8L91Q.style_text__zGhNq)::after {\n    content: 'Resonance Processing...' !important;\n    position: absolute !important;\n    bottom: 16px !important;\n    left: 50% !important;\n    transform: translateX(-50%) !important;\n    font-family: 'Orbitron', 'Rajdhani', sans-serif !important;\n    font-size: 13px !important;\n    font-weight: 600 !important;\n    color: #00d4ff !important;\n    letter-spacing: 0.2em !important;\n    animation: ink-text-fade 2.5s ease-in-out infinite alternate !important;\n    text-shadow: 0 0 12px rgba(0, 212, 255, 0.8) !important;\n}\n\n/* Token 消耗显示 */\n.MuiStack-root.text-purple-500.mt-1.css-1kz283j {\n    background: rgba(255, 255, 255, 0.85) !important;\n    border: 1px solid rgba(0, 212, 255, 0.3) !important;\n    border-radius: 8px !important;\n    padding: 6px 12px !important;\n    display: flex !important;\n    align-items: center !important;\n    flex-wrap: wrap !important;\n    gap: 0 12px !important;\n    transition: all 0.3s ease !important;\n    box-shadow: 0 2px 10px rgba(0, 100, 150, 0.05), 0 0 15px rgba(0, 212, 255, 0.05) !important;\n    margin-top: 4px !important;\n}\n\n.MuiStack-root.css-1kz283j > p.MuiTypography-root.css-6c0gf2 {\n    color: #333 !important;\n    font-weight: 600 !important;\n    font-size: 14px !important;\n    margin: 0 !important;\n    display: flex !important;\n    align-items: center !important;\n    font-family: 'Rajdhani', 'Roboto', 'Segoe UI', sans-serif !important;\n}\n\n.MuiStack-root.css-1kz283j > p.MuiTypography-root.css-6c0gf2::after {\n    content: '显示消耗' !important;\n    background: rgba(0, 212, 255, 0.12) !important;\n    color: #00d4ff !important;\n    border: 1px solid rgba(0, 212, 255, 0.25) !important;\n    border-radius: 4px !important;\n    padding: 2px 8px !important;\n    font-size: 12px !important;\n    margin-left: 10px !important;\n    cursor: pointer !important;\n    transition: all 0.2s ease !important;\n    font-family: 'Rajdhani', 'Roboto', 'Segoe UI', sans-serif !important;\n    font-weight: 600 !important;\n    white-space: nowrap;\n}\n\n.MuiStack-root.css-1kz283j > p.MuiTypography-root.css-6c0gf2:hover::after {\n    background: rgba(0, 212, 255, 0.8) !important;\n    border-color: rgba(0, 212, 255, 0.5) !important;\n    color: #0a0e1a !important;\n    box-shadow: 0 0 15px rgba(0, 212, 255, 0.5) !important;\n    text-shadow: none !important;\n}\n\n.MuiStack-root.css-1kz283j > p.MuiTypography-root.css-1x48u03 {\n    color: #00d4ff !important;\n    font-size: 13px !important;\n    font-weight: 600 !important;\n    margin: 0 !important;\n    padding: 2px 6px !important;\n    background: rgba(0, 212, 255, 0.12) !important;\n    border-radius: 4px !important;\n    opacity: 0 !important;\n    max-width: 0 !important;\n    overflow: hidden !important;\n    white-space: nowrap !important;\n    transition: opacity 0.3s ease, max-width 0.4s ease, padding 0.4s ease !important;\n}\n\n.MuiStack-root.css-1kz283j > p.MuiTypography-root.css-6c0gf2:hover ~ p.MuiTypography-root.css-1x48u03 {\n    opacity: 1 !important;\n    max-width: 200px !important;\n}\n\n.mb-2 .shrink-0 {\n    display: none;\n}\n\n\n/* =============================================\n *  响应式设计与媒体查询\n * ============================================= */\n@media (max-width: 768px) {\n    /* 侧边栏响应式 */\n    #ai-chat-answer:last-of-type details.p[open],\n    #ai-chat-answer:last-of-type details.n[open],\n    #ai-chat-answer:last-of-type details.m[open] {\n        width: 280px !important;\n        max-height: calc(100vh - 310px) !important;\n    }\n\n    #ai-chat-answer:last-of-type details.p > summary,\n    #ai-chat-answer:last-of-type details.n > summary,\n    #ai-chat-answer:last-of-type details.m > summary {\n        padding: 12px 7px !important;\n        font-size: 11px !important;\n        letter-spacing: 2px !important;\n    }\n\n    #ai-chat-answer:last-of-type details.p[open] > summary,\n    #ai-chat-answer:last-of-type details.n[open] > summary,\n    #ai-chat-answer:last-of-type details.m[open] > summary {\n        padding: 10px 40px 10px 14px !important;\n        font-size: 13px !important;\n    }\n\n    .panel-content { \n        padding: 14px;\n        font-size: 12px;\n    }\n\n    .panel-content h3 {\n        font-size: 1.15em;\n    }\n\n    /* 其他组件响应式 */\n    .chat {\n        padding: 24px 16px;\n        gap: 14px;\n    }\n    .chat::before {\n        animation-duration: 70s;\n    }\n    .bubble {\n        max-width: 85%;\n        padding: 12px 16px;\n    }\n    .bubble .name {\n        font-size: 0.7em;\n        letter-spacing: 1.5px;\n    }\n    .bubble .msg {\n        font-size: 0.9em;\n    }\n    \n    .doc {\n        padding: 24px 20px;\n    }\n    .doc .title::before {\n        animation: none;\n    }\n    \n    .styled-prose-container T Ti {\n        max-width: 240px;\n        padding: 10px 12px;\n        font-size: 0.8em;\n        left: 0;\n    }\n    .styled-prose-container resonance_list info {\n        margin-left: 0;\n        display: block;\n        margin-top: 4px;\n    }\n    \n    .classUI-table tbody td,\n    .classUI-table thead th {\n        font-size: 11px;\n        padding: 9px 7px;\n    }\n    .classUI-story {\n        font-size: 15px;\n        padding: 20px 22px;\n    }\n    .classUI-npc-card {\n        padding: 12px;\n    }\n    .classUI-actions {\n        font-size: 13px;\n        padding: 14px 16px;\n    }\n    .classUI-audio-player {\n        height: 32px;\n    }\n    .classUI-audio-player::-webkit-media-controls-current-time-display,\n    .classUI-audio-player::-webkit-media-controls-time-remaining-display {\n        font-size: 10px;\n    }\n    \n    .top-info {\n        margin: 14px 0 !important;\n        border-radius: 8px !important;\n        flex-direction: column !important;\n        box-shadow: none !important;\n        background: #f8fbff !important;\n    }\n    .top-info::before {\n        height: 2px !important;\n        animation: none !important;\n        background: linear-gradient(90deg, transparent, #00d4ff, #7c3aed, #3b82f6, transparent) !important;\n    }\n    .top-info > time,\n    .top-info > position,\n    .top-info > env {\n        flex: 1 1 100% !important;\n        min-width: 100% !important;\n        padding: 10px 12px !important;\n        font-size: 12px !important;\n        border-right: none !important;\n        border-bottom: 1px solid rgba(0, 212, 255, 0.1) !important;\n        box-shadow: none !important;\n    }\n    .top-info > env {\n        border-bottom: none !important;\n    }\n    .top-info > time::before,\n    .top-info > position::before,\n    .top-info > env::before {\n        font-size: 8px !important;\n        padding: 4px 8px !important;\n        margin-right: 8px !important;\n        letter-spacing: 0.5px !important;\n        box-shadow: none !important;\n    }\n    .top-info:hover > quest,\n    .top-info > quest {\n        padding-left: 12px !important;\n    }\n    .top-info > quest::before {\n        display: none !important;\n    }\n    .top-info > quest > q {\n        font-size: 11px !important;\n        padding: 8px 12px !important;\n        box-shadow: none !important;\n    }\n    .top-info > quest > q > s {\n        font-size: 9px !important;\n        padding: 2px 6px !important;\n    }\n\n    pre {\n        margin: 8px 0 !important;\n    }\n    pre div[node=\"[object Object]\"] {\n        padding: 12px 14px 12px 50px !important;\n        font-size: 0.95em !important;\n        min-height: 46px;\n        clip-path: none !important;\n        border-radius: 8px !important;\n        box-shadow: none !important;\n        background: #fafcff !important;\n    }\n    pre div[node=\"[object Object]\"]::before {\n        width: 26px;\n        height: 26px;\n        font-size: 0.85em;\n        left: 12px;\n        box-shadow: none !important;\n    }\n    pre div[data-tooltip-id]::before {\n        display: none !important;\n    }\n    pre div[data-tooltip-id]::after {\n        clip-path: none !important;\n        border-radius: 8px !important;\n    }\n}\n\n/* 减弱动画模式 */\n@media (prefers-reduced-motion: reduce) {\n    cot::before,\n    .chat::before,\n    .doc .title::before,\n    .doc::after,\n    .bubble.npc::after,\n    .bubble.user::after,\n    .top-info::before,\n    #ai-chat-answer:last-of-type details.p,\n    #ai-chat-answer:last-of-type details.n,\n    #ai-chat-answer:last-of-type details.m {\n        animation: none !important;\n    }\n    .styled-prose-container T:hover Ti {\n        transition: none;\n    }\n}\n/* * ===================================================================\n * [PATCH v5.2.1] iPhone/Mobile Sidebar Fix\n * 描述：修复苹果手机侧边栏按钮被遮挡、劈开或显示不全的问题。\n * 原理：引入 env(safe-area-inset-right) 适配 iOS 安全区域，\n * 并调整了移动端的宽度和点击热区。\n * ===================================================================\n */\n\n@media screen and (max-width: 768px) {\n    /* 针对未展开的按钮：增加安全距离 */\n    #ai-chat-answer:last-of-type details.p,\n    #ai-chat-answer:last-of-type details.n,\n    #ai-chat-answer:last-of-type details.m {\n        /* 核心修复：将按钮从边缘向内推，避开物理圆角 */\n        right: 0 !important; \n        /* 适配 iOS 底部/侧边安全区 */\n        padding-right: env(safe-area-inset-right, 2px) !important; \n        /* 稍微加宽一点，防止竖排文字因为宽度不够被切割 */\n        width: 42px !important; \n        /* 确保层级最高，防止被网页边缘的滚动条遮盖 */\n        z-index: 2147483647 !important; \n        /* 移除右边框，视觉上让它“长”在屏幕边缘，减少被切断的感觉 */\n        border-right: 0 !important;\n        box-shadow: -2px 0 10px rgba(0, 212, 255, 0.2) !important;\n    }\n\n    /* 针对按钮内的 Summary (文字容器) */\n    #ai-chat-answer:last-of-type details.p > summary,\n    #ai-chat-answer:last-of-type details.n > summary,\n    #ai-chat-answer:last-of-type details.m > summary {\n        /* 确保文字居中，不靠右 */\n        padding-right: 0 !important;\n        padding-left: 0 !important;\n        width: 100% !important;\n        display: flex !important;\n        align-items: center !important;\n        justify-content: center !important;\n        text-align: center !important;\n    }\n\n    /* 针对展开后的面板 */\n    #ai-chat-answer:last-of-type details.p[open],\n    #ai-chat-answer:last-of-type details.n[open],\n    #ai-chat-answer:last-of-type details.m[open] {\n        /* 展开时同样避开安全区 */\n        padding-right: env(safe-area-inset-right, 0px) !important;\n        /* 限制最大宽度，防止撑破屏幕导致无法关闭 */\n        width: calc(100vw - 40px) !important;\n        right: 0 !important;\n    }\n\n    /* 展开后的标题栏修复 */\n    #ai-chat-answer:last-of-type details.p[open] > summary,\n    #ai-chat-answer:last-of-type details.n[open] > summary,\n    #ai-chat-answer:last-of-type details.m[open] > summary {\n        /* 恢复横排并增加左侧内边距，防止被刘海遮挡 */\n        padding-left: 15px !important;\n        justify-content: flex-start !important;\n    }\n}\n/* --- 功能状态栏 (Function Bar) — 鸣潮版 --- */\n.styled-prose-container fbar {\n  display: block !important;\n  text-align: center !important;\n  font-size: 11px !important;\n  font-weight: 700 !important;\n  color: #00d4ff !important;\n  letter-spacing: 1.5px !important;\n  padding: 8px 14px !important;\n  margin: 8px 0 0 0 !important;\n  border-top: 1px dashed rgba(0,212,255,0.25) !important;\n  font-family: 'Orbitron', 'Rajdhani', sans-serif !important;\n  line-height: 1.8 !important;\n}","options":{"items":[{"order":0,"label":"存档","type":"SET-INPUT","value":"【记忆备份】"},{"order":1,"label":"校对格式","type":"SET-INPUT","value":"【洞察万象】"},{"order":2,"label":"角色锚定","type":"SET-INPUT","value":"锁定角色xxx（xxx为npc姓名）"},{"order":3,"label":"开启第三人称","type":"SET-INPUT","value":"【开启第三人称】"},{"order":4,"label":"肉文文风（截断大）","type":"SET-INPUT","value":"【肉文文风】"},{"order":5,"label":"评价系统","type":"SET-INPUT","value":"（评价系统启动）+好评，如xxxx描写的不错/差评，xxxx我不喜欢。+下一轮的回复"},{"order":6,"label":"世界线","type":"SET-INPUT","value":"锚定第一频率"}]},"language":"zh","containsNSFW":false,"publicAccess":true,"deletedAt":null,"isAnonymous":false,"enableSafeguard":true,"defaultModelSettings":null,"totalConversations":191,"totalMessages":2434,"totalCreditsUsed":4233011,"totalTokensUsed":107407241,"totalPlayedUsers":135,"deeplyPlayed":59,"fixedPromptLength":9952,"lorebookLength":169076,"author":{"id":"LIUEhcIub1rvX4oIYTTCUBh7M7evM25W","name":"Feast宴","displayUsername":"fuan0720","username":"fuan0720"},"cardsTags":[{"tag":{"name":"超高自由度","cardsCount":981}},{"tag":{"name":"鸣潮","cardsCount":2}},{"tag":{"name":"开放大世界","cardsCount":215}},{"tag":{"name":"可剧情可涩涩","cardsCount":2459}},{"tag":{"name":"开放世界","cardsCount":1289}}],"cardsVoices":[],"prompt":null,"promptSizeBytes":null}