{"id":"f6936910-04fa-4a98-9b90-39bcff129e7d","authorId":"DQbsHWaVotsjNZIPX7GJrLV6l6Kh51jc","title":"《龙族》大世界！","description":"（前传剧情，再次细化剧情，增加功能区,优化按钮）已开放mod区，欢迎来到《龙族》大世界，一个你所熟知的现实与瑰丽奇幻交织的领域。在这里，繁华都市的霓虹灯影下，潜藏着足以颠覆世界的古老秘密。数千年来，拥有尊贵血脉的\"龙族\"与继承其力量的\"混血种\"之间的战争，如同宿命的轮回，在历史的尘埃中反复上演。如今，末日的钟声再次敲响，沉睡的初代君主们正从亘古的梦境中苏醒，他们的怒火足以将世界拖入永恒的黑夜。群号：1098131943\n","background":"gss7nxvn9oioh4xg3jjndojy.webp","backgroundWidth":2400,"backgroundHeight":1800,"cover":"o5zrwht7ajgoj9gbuucvzbk6.webp","coverWidth":2400,"coverHeight":1800,"introPage":"ztqukmtowvnsl1f1sxq3jj8i.html","changelog":"","createdAt":"2026-04-11T08:33:08.507Z","updatedAt":"2026-07-27T04:47:29.750Z","initPublicAt":"2026-05-14T22:19:55.977Z","renderTemplate":null,"assistantRegexReplace":null,"enableMemorySchema":false,"memorySchema":null,"injectStyles":" /* === 顶栏金色视觉(安全版:只保留配色,不干预点击) === */ .sticky.w-full.top-0.flex.items-center{background:linear-gradient(135deg,rgba(253,250,245,0.95) 0%,rgba(248,244,237,0.98) 100%)!important;border-bottom:2px solid #D4A24C!important;backdrop-filter:blur(25px) saturate(120%)!important;-webkit-backdrop-filter:blur(25px) saturate(120%)!important;color:#4a3c31!important;box-shadow:0 8px 32px rgba(184,151,92,0.15),0 4px 16px rgba(184,151,92,0.1),inset 0 1px 0 rgba(255,255,255,0.5),inset 0 -1px 0 rgba(224,217,205,0.8)!important;} .sticky.w-full.top-0.flex.items-center .inline-flex.items-center{background:linear-gradient(135deg,rgba(212,162,76,0.1) 0%,rgba(245,241,233,0.2) 100%)!important;color:#B8860B!important;border:1px solid rgba(212,162,76,0.4)!important;border-radius:8px!important;box-shadow:inset 0 1px 4px rgba(255,255,255,0.4),0 3px 10px rgba(184,151,92,0.15)!important;} .sticky.w-full.top-0.flex.items-center .inline-flex.items-center:hover{background:linear-gradient(135deg,rgba(212,162,76,0.2) 0%,rgba(245,241,233,0.3) 100%)!important;border-color:#C7984B!important;} /* ========================================\n   龙族 - 卡塞尔学院主题样式表 (光明版)\n   配色：米白、淡金、柔和灰、赤金\n   核心元素：羊皮卷、晨曦、古典纹样、荣耀与新生\n   ======================================== */\n\n/* === 关键帧动画 (为明亮主题微调) === */\n@keyframes mount-breathe {\n    0%, 100% { transform: translateY(0) scale(1); filter: brightness(1); }\n    50% { transform: translateY(-3px) scale(1.03); filter: brightness(1.05); }\n}\n\n@keyframes bg-scroll {\n    0% { background-position: 0 0; }\n    100% { background-position: 300px 300px; }\n}\n\n@keyframes pulse-npc {\n    0%, 100% {\n        opacity: 0.7;\n        transform: scale(1);\n        box-shadow: 0 0 10px rgba(199, 152, 75, 0.6);\n    }\n    50% {\n        opacity: 1;\n        transform: scale(1.5);\n        box-shadow: 0 0 20px rgba(212, 162, 76, 1);\n    }\n}\n\n@keyframes pulse-user {\n    0%, 100% {\n        opacity: 0.7;\n        transform: scale(1);\n        box-shadow: 0 0 10px rgba(132, 146, 166, 0.6);\n    }\n    50% {\n        opacity: 1;\n        transform: scale(1.5);\n        box-shadow: 0 0 20px rgba(132, 146, 166, 1);\n    }\n}\n\n@keyframes glow-text {\n    0%, 100% {\n        opacity: 0.8;\n        text-shadow: 0 0 10px rgba(212, 162, 76, 0.5);\n    }\n    50% {\n        opacity: 1;\n        text-shadow: 0 0 18px rgba(227, 181, 100, 1), 0 0 30px rgba(212, 162, 76, 0.5);\n    }\n}\n\n@keyframes rotate-icon {\n    0% { transform: rotate(0deg); }\n    100% { transform: rotate(360deg); }\n}\n\n@keyframes classUI-ink-pulse {\n    0%, 100% {\n        opacity: 0.15;\n        transform: translate(-50%, -50%) scale(0.95);\n    }\n    50% {\n        opacity: 0.25;\n        transform: translate(-50%, -50%) scale(1.1);\n    }\n}\n\n@keyframes classUI-scroll-unfold {\n    0% {\n        transform: scaleY(0.95);\n        opacity: 0.8;\n    }\n    100% {\n        transform: scaleY(1);\n        opacity: 1;\n    }\n}\n\n@keyframes ink-text-fade {\n    0% {\n        opacity: 0.7;\n        text-shadow: 0 0 10px rgba(212, 162, 76, 0.4);\n    }\n    50% {\n        opacity: 1;\n        text-shadow: 0 0 15px rgba(227, 181, 100, 0.7);\n    }\n    100% {\n        opacity: 0.7;\n        text-shadow: 0 0 10px rgba(212, 162, 76, 0.4);\n    }\n}\n\n@keyframes data-stream {\n    0% { transform: translateY(-100%); }\n    100% { transform: translateY(100%); }\n}\n\n@keyframes scan-line {\n    0% { top: -10%; }\n    100% { top: 110%; }\n}\n\n@keyframes energy-pulse {\n    0%, 100% { opacity: 0.6; }\n    50% { opacity: 1; }\n}\n\n@keyframes cot-fade-out {\n    0% { opacity: 1; }\n    60% { opacity: 0; }\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@keyframes yinyang-rotate {\n    0% { transform: rotate(0deg); }\n    100% { transform: rotate(360deg); }\n}\n\n@keyframes star-twinkle {\n    0%, 100% { opacity: 0.5; transform: scale(1); }\n    50% { opacity: 1; transform: scale(1.2); }\n}\n\n@keyframes float-up {\n    0% { transform: translateY(0) rotate(0deg); opacity: 0.6; }\n    100% { transform: translateY(-20px) rotate(180deg); opacity: 0; }\n}\n\n@keyframes border-glow {\n    0%, 100% {\n        box-shadow: 0 0 10px rgba(212, 162, 76, 0.15),\n                    inset 0 0 10px rgba(212, 162, 76, 0.05);\n    }\n    50% {\n        box-shadow: 0 0 20px rgba(212, 162, 76, 0.25),\n                    inset 0 0 20px rgba(212, 162, 76, 0.1);\n    }\n}\n\n@keyframes spell-card-shine {\n    0% { left: -100%; }\n    50% { left: 100%; }\n    100% { left: 100%; }\n}\n\n@keyframes header-star-float {\n    0% { transform: translateY(0) scale(1); opacity: 0.4; }\n    50% { transform: translateY(-5px) scale(1.1); opacity: 0.8; }\n    100% { transform: translateY(0) scale(1); opacity: 0.4; }\n}\n\n@keyframes header-wave-flow {\n    0% { transform: translateX(0); }\n    100% { transform: translateX(-50%); }\n}\n\n@keyframes header-border-pulse {\n    0%, 100% {\n        border-color: rgba(212, 162, 76, 0.4);\n        box-shadow: 0 6px 28px rgba(184, 151, 92, 0.1),\n                    0 2px 12px rgba(212, 162, 76, 0.15),\n                    inset 0 1px 0 rgba(255, 255, 255, 0.5);\n    }\n    50% {\n        border-color: rgba(199, 152, 75, 0.6);\n        box-shadow: 0 8px 35px rgba(184, 151, 92, 0.15),\n                    0 3px 15px rgba(212, 162, 76, 0.2),\n                    inset 0 1px 0 rgba(255, 255, 255, 0.6);\n    }\n}\n\n@keyframes spell-card-float {\n    0%, 100% { transform: translateY(0) rotate(0deg); opacity: 0.1; }\n    50% { transform: translateY(-10px) rotate(-3deg); opacity: 0.2; }\n}\n\n/* === COT思维链容器（EVA系统加载动画 - 明亮版） === */\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 5s ease-in-out infinite;\n    /* **SVG保留，但背景色改为明亮** */\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='bgGrad' x1='0' y1='0' x2='1' y2='1'%3E%3Cstop offset='0%25' stop-color='%23fdfbf7'/%3E%3Cstop offset='100%25' stop-color='%23f5f1e9'/%3E%3C/linearGradient%3E%3Cpattern id='gridPattern' width='50' height='50' patternUnits='userSpaceOnUse'%3E%3Cpath d='M 50 0 L 0 0 0 50' fill='none' stroke='%23D4A24C' stroke-width='0.3' opacity='0.25'/%3E%3C/pattern%3E%3Cfilter id='glow'%3E%3CfeGaussianBlur stdDeviation='2.5' result='coloredBlur'/%3E%3CfeMerge%3E%3CfeMergeNode in='coloredBlur'/%3E%3CfeMergeNode in='SourceGraphic'/%3E%3C/feMerge%3E%3C/filter%3E%3C/defs%3E%3Crect width='600' height='200' fill='url(%23bgGrad)'/%3E%3Crect width='600' height='200' fill='url(%23gridPattern)'/%3E%3Cg filter='url(%23glow)'%3E%3Cpath d='M150,180 L220,20 L380,20 L450,180 Z' fill='none' stroke='%23D4A24C' stroke-width='1.5' opacity='0.5'/%3E%3Ccircle cx='300' cy='100' r='40' fill='none' stroke='%23D4A24C' stroke-width='2'%3E%3CanimateTransform attributeName='transform' type='rotate' from='0 300 100' to='360 300 100' dur='10s' repeatCount='indefinite'/%3E%3C/circle%3E%3Ccircle cx='300' cy='100' r='60' fill='none' stroke='%23D4A24C' stroke-width='1' stroke-dasharray='4 8' opacity='0.7'%3E%3CanimateTransform attributeName='transform' type='rotate' from='360 300 100' to='0 300 100' dur='15s' repeatCount='indefinite'/%3E%3C/circle%3E%3Ctext x='50%25' y='45%25' text-anchor='middle' font-size='22' font-family='Trajan Pro, serif' fill='%23B8860B' letter-spacing='5' style='text-shadow: 0 0 10px rgba(212,162,76,0.4);'%3ECASSELL%3C/text%3E%3Ctext x='50%25' y='60%25' text-anchor='middle' font-size='14' font-family='monospace' fill='%23B8860B' opacity='0.8' letter-spacing='3'%3EConnecting to EVA...%3C/text%3E%3Ctext x='50%25' y='75%25' text-anchor='middle' font-size='12' font-family='monospace' fill='%238B4513' opacity='0.7' letter-spacing='2'%3E言灵序列校验中...%3C/text%3E%3C/g%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 0.4s ease;\n    content: none !important;\n    background: none !important;\n}\n\n/* === 聊天容器主样式 (明亮版) === */\n.chat {\n    display: flex;\n    flex-direction: column;\n    gap: 20px;\n    padding: 35px 28px;\n    background: linear-gradient(135deg, #fdfaf6 0%, #f7f3eb 100%);\n    border: 2px solid #e0d9cd;\n    border-left: 8px solid #D4A24C;\n    border-right: 8px solid #dcd5c9;\n    border-radius: 12px;\n    margin: 28px 0;\n    position: relative;\n    font-family: 'Georgia', 'Times New Roman', 'SimSun', serif;\n    box-shadow: \n        0 12px 40px rgba(184, 151, 92, 0.15),\n        0 6px 20px rgba(184, 151, 92, 0.1),\n        inset 0 2px 0 rgba(255, 255, 255, 0.4),\n        inset 0 -2px 8px rgba(224, 217, 205, 0.5);\n    overflow: hidden;\n}\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='alchemy' x='0' y='0' width='100' height='100' patternUnits='userSpaceOnUse'%3E%3Ccircle cx='50' cy='50' r='35' fill='none' stroke='%23D4A24C' stroke-width='0.2' opacity='0.2'/%3E%3Cpath d='M50,15 L85,75 L15,75 Z' fill='none' stroke='%23D4A24C' stroke-width='0.2' opacity='0.2'/%3E%3C/pattern%3E%3C/defs%3E%3Crect width='200' height='200' fill='url(%23alchemy)'/%3E%3C/svg%3E\");\n    background-size: 200px 200px;\n    background-position: 0 0;\n    animation: bg-scroll 80s linear infinite;\n    opacity: 0.5;\n    pointer-events: none;\n    z-index: 0;\n    will-change: background-position;\n}\n\n/* 柔光叠加 */\n.chat::after {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background: \n        radial-gradient(circle at 18% 25%, rgba(212, 162, 76, 0.08) 0%, transparent 40%),\n        radial-gradient(circle at 82% 75%, rgba(184, 151, 92, 0.06) 0%, transparent 40%);\n    pointer-events: none;\n    z-index: 0;\n    opacity: 0.8;\n}\n\n.chat > * {\n    position: relative;\n    z-index: 1;\n}\n\n/* === 对话气泡样式 (明亮版) === */\n.bubble {\n    max-width: 75%;\n    padding: 20px 26px;\n    position: relative;\n    line-height: 1.8;\n    word-wrap: break-word;\n    border-radius: 16px;\n    box-shadow: \n        0 6px 20px rgba(184, 151, 92, 0.1),\n        0 3px 12px rgba(184, 151, 92, 0.08),\n        inset 0 1px 0 rgba(255, 255, 255, 0.5);\n    transition: transform 0.3s ease, box-shadow 0.3s ease;\n    overflow: visible;\n}\n\n.bubble:hover {\n    transform: translateY(-4px) scale(1.01);\n    box-shadow: \n        0 10px 28px rgba(184, 151, 92, 0.15),\n        0 5px 16px rgba(212, 162, 76, 0.1),\n        inset 0 1px 0 rgba(255, 255, 255, 0.6);\n}\n\n/* NPC气泡（执行部/教授） */\n.bubble.npc {\n    background: linear-gradient(135deg, rgba(255, 253, 250, 0.9) 0%, rgba(253, 250, 245, 0.95) 100%);\n    border: 1px solid #e0d9cd;\n    border-left: 5px solid #D4A24C;\n    color: #4a3c31;\n    align-self: flex-start;\n    box-shadow: \n        0 6px 20px rgba(212, 162, 76, 0.15),\n        0 3px 12px rgba(184, 151, 92, 0.1),\n        inset 0 1px 0 rgba(255, 255, 255, 0.6),\n        inset 0 -1px 0 rgba(224, 217, 205, 0.6),\n        0 0 30px rgba(212, 162, 76, 0.1);\n    animation: border-glow 6s ease-in-out infinite;\n}\n\n/* 言灵辉光 */\n.bubble.npc::before {\n    content: '';\n    position: absolute;\n    top: -2px;\n    left: -2px;\n    right: -2px;\n    bottom: -2px;\n    background: linear-gradient(45deg, transparent 30%, rgba(212, 162, 76, 0.25) 50%, transparent 70%);\n    border-radius: inherit;\n    opacity: 0.6;\n    z-index: -1;\n    pointer-events: none;\n    animation: spell-card-shine 4s ease-in-out infinite;\n}\n\n/* 黄金瞳粒子 */\n.bubble.npc::after {\n    content: '';\n    position: absolute;\n    top: 8px;\n    right: 8px;\n    width: 10px;\n    height: 10px;\n    background: radial-gradient(circle, #E3B564 0%, rgba(212, 162, 76, 0.3) 60%, transparent 80%);\n    border-radius: 50%;\n    animation: pulse-npc 3s ease-in-out infinite;\n    z-index: 2;\n    filter: drop-shadow(0 0 5px #E3B564);\n}\n\n.bubble.npc .name {\n    color: #B8860B;\n    text-shadow: 0 1px 2px rgba(184, 151, 92, 0.2);\n}\n\n.bubble.npc .name::before {\n    color: #C7984B;\n    text-shadow: 0 0 15px rgba(199, 152, 75, 0.5);\n    animation: star-twinkle 2.5s ease-in-out infinite;\n}\n\n.bubble.npc .msg {\n    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.5);\n    color: #4a3c31;\n}\n\n/* User气泡（学生/普通人） */\n.bubble.user {\n    background: linear-gradient(135deg, rgba(248, 248, 245, 0.9) 0%, rgba(245, 245, 242, 0.95) 100%);\n    border: 1px solid #e0e0e0;\n    border-right: 5px solid #a9b4c2;\n    color: #5c6b7e;\n    align-self: flex-end;\n    box-shadow: \n        0 6px 20px rgba(184, 151, 92, 0.08),\n        0 3px 12px rgba(0, 0, 0, 0.05),\n        inset 0 1px 0 rgba(255, 255, 255, 0.4);\n}\n\n.bubble.user::before {\n    display: none;\n}\n\n/* 普通人标识 */\n.bubble.user::after {\n    content: '';\n    position: absolute;\n    top: 8px;\n    left: 8px;\n    width: 10px;\n    height: 10px;\n    background: radial-gradient(circle, #a9b4c2 0%, rgba(132, 146, 166, 0.3) 60%, transparent 80%);\n    border-radius: 50%;\n    animation: pulse-user 3.5s ease-in-out infinite;\n    z-index: 2;\n    filter: drop-shadow(0 0 4px #a9b4c2);\n}\n\n.bubble.user .name {\n    color: #8492A6;\n    text-shadow: 0 1px 2px rgba(132, 146, 166, 0.15);\n}\n\n.bubble.user .name::before {\n    color: #99a9c0;\n    text-shadow: 0 0 12px rgba(153, 169, 192, 0.5);\n    animation: star-twinkle 3s ease-in-out infinite 0.3s;\n}\n\n.bubble.user .msg {\n    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.4);\n    color: #5c6b7e;\n}\n\n/* 气泡内容样式 */\n.bubble .name {\n    font-size: 0.78em;\n    font-weight: 700;\n    letter-spacing: 2.5px;\n    margin-bottom: 14px;\n    display: block;\n    position: relative;\n    padding-left: 18px;\n    z-index: 1;\n    font-family: 'Trajan Pro', 'SimSun', serif;\n    text-transform: uppercase;\n}\n\n.bubble .name::before {\n    content: '▶';\n    position: absolute;\n    left: 0;\n    font-size: 1.2em;\n    display: inline-block;\n}\n\n.bubble .msg {\n    margin: 0;\n    font-size: 0.96em;\n    font-weight: 400;\n    position: relative;\n    z-index: 1;\n}\n\n/* === 文档卡片样式 (明亮版) === */\n.doc {\n    background: linear-gradient(180deg, #fdfaf7 0%, #f9f5ef 100%);\n    border: 1px solid #e0d9cd;\n    border-left: 7px solid #D4A24C;\n    border-radius: 8px;\n    padding: 35px 40px;\n    margin: 30px 0;\n    position: relative;\n    font-family: 'Georgia', 'Times New Roman', 'SimSun', serif;\n    color: #4a3c31;\n    box-shadow: \n        0 10px 28px rgba(184, 151, 92, 0.12),\n        0 5px 15px rgba(184, 151, 92, 0.08),\n        inset 0 1px 0 rgba(255, 255, 255, 0.5);\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(212, 162, 76, 0.04) 2px, rgba(212, 162, 76, 0.04) 3px);\n    pointer-events: none;\n    z-index: 0;\n    opacity: 0.6;\n}\n\n.doc::after {\n    content: '【 S-LEVEL FILE 】';\n    position: absolute;\n    top: 16px;\n    right: 20px;\n    font-size: 0.68em;\n    color: rgba(184, 134, 11, 0.7);\n    letter-spacing: 4px;\n    font-weight: 700;\n    font-family: 'Trajan Pro', 'monospace', serif;\n    text-shadow: 0 0 12px rgba(212, 162, 76, 0.5);\n    animation: glow-text 4s 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: #B8860B;\n    font-size: 1.45em;\n    font-weight: 700;\n    margin: 0 0 28px 0;\n    padding-bottom: 18px;\n    border-bottom: 2px solid rgba(212, 162, 76, 0.4);\n    letter-spacing: 3px;\n    position: relative;\n    text-shadow: 0 1px 2px rgba(184, 151, 92, 0.2);\n    font-family: 'Trajan Pro', 'SimSun', serif;\n}\n\n.doc .title::before {\n    content: '❖';\n    margin-right: 16px;\n    color: #C7984B;\n    display: inline-block;\n    animation: rotate-icon 8s linear infinite;\n}\n\n.doc .content {\n    color: #4a3c31;\n    font-size: 0.97em;\n    line-height: 2.0;\n    position: relative;\n    z-index: 1;\n}\n\n.doc .content p {\n    margin: 0 0 1.3em 0;\n    text-align: justify;\n}\n\n.doc .content p:last-child {\n    margin-bottom: 0;\n}\n\n/* === Tooltip提示框样式 (明亮版) === */\nT {\n    position: relative;\n    display: inline-block;\n    color: #B8860B;\n    font-weight: 600;\n    border-bottom: 1px dashed rgba(184, 134, 11, 0.6);\n    cursor: help;\n    transition: all 0.3s ease;\n    z-index: 9998;\n}\n\nT:hover {\n    color: #D4A24C;\n    border-bottom-color: #D4A24C;\n    text-shadow: 0 0 10px rgba(212, 162, 76, 0.4);\n}\n\nTi {\n    display: none;\n}\n\n.tooltip-card {\n    visibility: hidden;\n    opacity: 0;\n    width: 340px;\n    background: linear-gradient(135deg, #fefcf9 0%, #f9f6f0 100%);\n    color: #4a3c31;\n    text-align: left;\n    border: 1px solid #D4A24C;\n    border-radius: 8px;\n    padding: 20px 22px;\n    position: fixed;\n    z-index: 9999;\n    bottom: auto;\n    left: 50%;\n    transform: translate(-50%, -100%) translateY(-25px);\n    margin-left: 0;\n    transition: opacity 0.35s ease, visibility 0.35s ease, transform 0.35s ease;\n    font-weight: 400;\n    font-size: 0.88em;\n    line-height: 1.9;\n    box-shadow: \n        0 15px 32px rgba(184, 151, 92, 0.2),\n        0 8px 18px rgba(184, 151, 92, 0.15),\n        0 0 35px rgba(212, 162, 76, 0.1);\n    clip-path: polygon(0 0, calc(100% - 10px) 0, 100% 10px, 100% 100%, 10px 100%, 0 calc(100% - 10px));\n    pointer-events: none;\n}\n\nT:hover .tooltip-card {\n    visibility: visible;\n    opacity: 1;\n    transform: translate(-50%, -100%) translateY(-12px);\n    pointer-events: auto;\n}\n\n.tooltip-card::before {\n    content: '【 CLASSIFIED 】';\n    display: block;\n    font-size: 0.72em;\n    color: #B8860B;\n    margin-bottom: 14px;\n    letter-spacing: 4px;\n    font-weight: 700;\n    font-family: 'Trajan Pro', 'monospace', serif;\n    text-shadow: 0 0 8px rgba(184, 134, 11, 0.4);\n}\n\n.tooltip-card::after {\n    content: '';\n    position: absolute;\n    top: 100%;\n    left: 50%;\n    margin-left: -10px;\n    border-width: 10px;\n    border-style: solid;\n    border-color: #D4A24C transparent transparent transparent;\n    filter: drop-shadow(0 4px 6px rgba(184, 151, 92, 0.3));\n}\n\n/* === 用户界面样式 (明亮版) === */\n.group.ml-0 > .flex.items-start.gap-2 {\n    font-family: 'Georgia', 'Times New Roman', 'SimSun', serif !important;\n    background-color: #fdfaf7 !important;\n    border-radius: 14px !important;\n    padding: 18px 22px !important;\n    width: 100% !important;\n    box-shadow: 0 5px 18px rgba(184, 151, 92, 0.1) !important;\n    border: 1px solid #e0d9cd !important;\n    transition: all 0.35s ease-in-out !important;\n}\n\n.group.ml-0 > .flex.items-start.gap-2:hover {\n    transform: translateY(-6px) !important;\n    box-shadow: 0 10px 30px rgba(184, 151, 92, 0.18) !important;\n    background-color: #fff !important;\n    border-color: #D4A24C !important;\n}\n\n.group.ml-0 .break-all {\n    white-space: pre-wrap !important;\n    line-height: 1.7 !important;\n    overflow-wrap: break-word !important;\n    word-wrap: break-word !important;\n    color: #4a3c31 !important;\n}\n\n.group.ml-0 > .flex.items-start.gap-2 .text-grey-600,\n.group.ml-0 > .flex.items-start.gap-2 .text-gray-500,\n.group.ml-0 > .flex.items-start.gap-2 .text-gray-400 {\n    color: #8c7f70 !important;\n}\n.group.ml-0 > .flex.items-start.gap-2 .font-bold {\n    color: #332b24 !important;\n}\n\n/* === 分隔线样式 (明亮版) === */\ndiv[class*=\"__divider\"][class*=\"__horizontal\"] {\n    margin-top: 12px !important;\n    margin-bottom: 12px !important;\n    border-top: 1px solid rgba(212, 162, 76, 0.2) !important;\n    background: none !important;\n}\n\n/* === 回复气泡样式 (明亮版) === */\ndiv.group.relative > div.relative.inline-block.bg-gray-100\\/90 {\n    background: linear-gradient(135deg, rgba(253, 250, 245, 0.9), rgba(250, 246, 239, 0.95));\n    color: #4a3c31;\n    border-radius: 20px;\n    border: 1px solid #e0d9cd;\n    box-shadow: \n        0 18px 65px -15px rgba(184, 151, 92, 0.2),\n        inset 0 3px 6px rgba(255, 255, 255, 0.3),\n        0 0 40px rgba(212, 162, 76, 0.1),\n        0 0 0 1px rgba(212, 162, 76, 0.1);\n    backdrop-filter: blur(20px) saturate(120%);\n    -webkit-backdrop-filter: blur(20px) saturate(120%);\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='50' height='50' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M25,5 L45,45 L5,45 Z' fill='none' stroke='%23D4A24C' stroke-width='0.3' opacity='0.15'/%3E%3C/svg%3E\");\n    background-size: 50px 50px;\n    opacity: 0.5;\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: 250%;\n    height: 250%;\n    background: radial-gradient(circle, rgba(212, 162, 76, 0.08) 0%, transparent 50%);\n    transform: translate(-50%, -50%);\n    animation: classUI-ink-pulse 12s infinite ease-in-out;\n    z-index: 0;\n    pointer-events: none;\n}\n\n/* === Prose容器样式 (明亮版) === */\n.styled-prose-container {\n    font-family: 'Georgia', 'Times New Roman', 'SimSun', serif;\n    position: relative;\n    z-index: 1;\n}\n\n.styled-prose-container br {\n    line-height: 1.3;\n}\n\n/* === Details折叠面板样式 (明亮版) === */\n.styled-prose-container details {\n    background: linear-gradient(145deg, rgba(253, 250, 245, 0.8), rgba(250, 246, 239, 0.85));\n    border-radius: 12px;\n    margin: 16px 0;\n    overflow: hidden;\n    border: 1px solid #e0d9cd;\n    box-shadow: \n        0 5px 18px rgba(184, 151, 92, 0.08),\n        inset 0 1px 2px rgba(255, 255, 255, 0.4),\n        inset 0 -1px 0 rgba(224, 217, 205, 0.7),\n        0 0 25px rgba(212, 162, 76, 0.05);\n    transition: all 0.45s cubic-bezier(0.4, 0, 0.2, 1);\n    font-size: 15.5px;\n    line-height: 1.9;\n    padding: 0 24px 20px 24px;\n    color: #4a3c31;\n}\n\n.styled-prose-container details:hover {\n    transform: translateY(-3px) scale(1.01);\n    box-shadow: \n        0 10px 30px rgba(184, 151, 92, 0.15),\n        inset 0 1px 2px rgba(255, 255, 255, 0.5),\n        0 0 35px rgba(212, 162, 76, 0.1);\n    border-color: #D4A24C;\n}\n\n.styled-prose-container details summary {\n    background: transparent;\n    padding: 18px 55px 18px 24px;\n    margin: 0 -24px;\n    font-weight: 700;\n    font-size: 17px;\n    cursor: pointer;\n    color: #B8860B;\n    text-shadow: 0 0 10px rgba(212, 162, 76, 0.3);\n    letter-spacing: 1.5px;\n    position: relative;\n    list-style: none;\n    border-bottom: 1px solid #e0d9cd;\n    transition: all 0.35s ease;\n    font-family: 'Trajan Pro', 'SimSun', serif;\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: 24px;\n    top: 50%;\n    width: 8px;\n    height: 8px;\n    border-right: 2px solid rgba(184, 134, 11, 0.7);\n    border-bottom: 2px solid rgba(184, 134, 11, 0.7);\n    transform: translateY(-65%) rotate(45deg);\n    transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1), border-color 0.35s ease;\n    box-shadow: 0 0 8px rgba(184, 134, 11, 0.2);\n}\n\n.styled-prose-container details summary:hover::before {\n    border-color: #D4A24C;\n    box-shadow: 0 0 12px rgba(212, 162, 76, 0.5);\n}\n\n.styled-prose-container details[open] > summary {\n    background: linear-gradient(180deg, rgba(212, 162, 76, 0.08), transparent);\n    border-bottom-color: #D4A24C;\n    color: #C7984B;\n    padding-top: 20px;\n    margin-bottom: 20px;\n    animation: classUI-scroll-unfold 0.45s ease-out;\n}\n\n.styled-prose-container details[open] > summary::before {\n    transform: translateY(-45%) 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.classUI-story {\n    background: linear-gradient(145deg, rgba(253, 250, 245, 0.8), rgba(250, 246, 239, 0.85));\n    border: 1px solid #e0d9cd;\n    border-radius: 14px;\n    padding: 26px 30px;\n    margin: 22px 0;\n    color: #4a3c31;\n    font-size: 17.5px;\n    line-height: 2.0;\n    box-shadow: \n        inset 0 2px 10px rgba(255, 255, 255, 0.4),\n        0 0 0 1px rgba(212, 162, 76, 0.15),\n        0 0 25px rgba(184, 151, 92, 0.08);\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: 15px;\n    height: 15px;\n    border-color: rgba(212, 162, 76, 0.5);\n    border-style: solid;\n    transition: all 0.45s ease;\n}\n\n.classUI-story::before {\n    top: 10px;\n    left: 10px;\n    border-width: 2px 0 0 2px;\n}\n\n.classUI-story::after {\n    bottom: 10px;\n    right: 10px;\n    border-width: 0 2px 2px 0;\n}\n\n.classUI-story:hover::before,\n.classUI-story:hover::after {\n    transform: scale(1.3);\n    border-color: #D4A24C;\n    box-shadow: 0 0 12px rgba(212, 162, 76, 0.4);\n}\n\n/* === 小节标题样式 (明亮版) === */\n.classUI-subsection {\n    font-weight: 700;\n    color: #B8860B;\n    margin: 18px 0 12px 0;\n    padding-bottom: 10px;\n    border-bottom: 1px solid rgba(212, 162, 76, 0.3);\n    font-size: 14.5px;\n    letter-spacing: 1px;\n    text-shadow: 0 0 8px rgba(212, 162, 76, 0.3);\n    font-family: 'Trajan Pro', 'SimSun', serif;\n}\n\n/* === NPC卡片样式 (明亮版) === */\n.classUI-npc-card {\n    background: rgba(253, 250, 245, 0.7);\n    border: 1px solid #e8e2d8;\n    border-radius: 10px;\n    padding: 18px;\n    margin: 12px 0;\n    box-shadow: \n        0 3px 10px rgba(184, 151, 92, 0.08),\n        0 0 20px rgba(184, 151, 92, 0.05);\n    transition: all 0.35s ease;\n}\n\n.classUI-npc-card:hover {\n    background: rgba(255, 253, 250, 0.8);\n    border-color: #D4A24C;\n    box-shadow: \n        0 5px 15px rgba(184, 151, 92, 0.12),\n        0 0 30px rgba(212, 162, 76, 0.1);\n}\n\n.classUI-npc-name {\n    font-size: 17.5px;\n    font-weight: 700;\n    color: #B8860B;\n    margin-bottom: 14px;\n    padding-bottom: 12px;\n    border-bottom: 2px solid rgba(212, 162, 76, 0.3);\n    letter-spacing: 1px;\n    text-shadow: 0 0 10px rgba(212, 162, 76, 0.3);\n    font-family: 'Trajan Pro', 'SimSun', serif;\n}\n\n/* === 记忆卡片样式 (明亮版) === */\n.classUI-memory {\n    background: rgba(250, 246, 239, 0.75);\n    border-color: rgba(212, 162, 76, 0.3);\n    padding-bottom: 0;\n}\n\n.classUI-memory-section {\n    margin: 0 0 20px 0;\n    padding: 0;\n    background: transparent;\n    border: none;\n}\n\n/* === 表格样式 (明亮版) === */\n.classUI-table {\n    width: 100%;\n    border-collapse: collapse;\n    margin-top: 10px;\n    border-radius: 8px;\n    overflow: hidden;\n    border: 1px solid #e0d9cd;\n    box-shadow: \n        0 5px 15px rgba(184, 151, 92, 0.1),\n        0 0 25px rgba(184, 151, 92, 0.05);\n}\n\n.classUI-table thead th {\n    background: linear-gradient(160deg, rgba(212, 162, 76, 0.1), rgba(245, 241, 233, 0.2));\n    color: #B8860B;\n    padding: 16px 12px;\n    font-weight: 700;\n    font-size: 13.5px;\n    text-align: center;\n    border-bottom: 2px solid #D4A24C;\n    text-shadow: 0 0 10px rgba(212, 162, 76, 0.3);\n    font-family: 'Trajan Pro', 'SimSun', serif;\n}\n\n.classUI-table tbody td {\n    padding: 14px 12px;\n    border-bottom: 1px solid #eae5dc;\n    background: rgba(255, 255, 255, 0.6);\n    font-size: 13.5px;\n    color: #5c5042;\n    vertical-align: middle;\n    transition: background-color 0.35s 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(212, 162, 76, 0.08);\n}\n\n/* === 行动卡片样式 (明亮版) === */\n.classUI-actions {\n    background: linear-gradient(180deg, rgba(253, 250, 245, 0.7), rgba(250, 246, 239, 0.75));\n    border: 1px solid #e0d9cd;\n    border-radius: 12px;\n    padding: 20px 24px;\n    margin-top: 20px;\n    color: #4a3c31;\n    font-weight: 600;\n    font-size: 15.5px;\n    line-height: 1.9;\n    box-shadow: \n        0 5px 18px rgba(184, 151, 92, 0.1),\n        0 0 25px rgba(184, 151, 92, 0.08);\n    letter-spacing: 0.4px;\n}\n\n/* === 顶部导航栏样式 (明亮版) === */\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n/* === AI模型选择器样式 (明亮版) === */\n#ai-model-selector .group {\n    background: linear-gradient(135deg, #fff 0%, #f9f6f0 100%) !important;\n    border: 1px solid #e0d9cd !important;\n    border-radius: 8px !important;\n    padding: 0 14px !important;\n    height: 2.2rem !important;\n    transition: all 0.35s ease;\n    box-shadow: 0 3px 10px rgba(184, 151, 92, 0.08), inset 0 1px 2px rgba(255, 255, 255, 0.5);\n    position: relative;\n    overflow: hidden;\n}\n\n#ai-model-selector .group:hover {\n    border-color: #D4A24C !important;\n    box-shadow: 0 5px 18px rgba(184, 151, 92, 0.15), inset 0 1px 2px rgba(255, 255, 255, 0.6);\n    background: #fff !important;\n    transform: translateY(-2px);\n}\n\n#ai-model-selector .truncate {\n    font-size: 13.5px !important;\n    font-weight: 600 !important;\n    color: #4a3c31 !important;\n    font-family: 'Trajan Pro', 'SimSun', serif !important;\n    transition: color 0.35s ease;\n}\n\n#ai-model-selector .group:hover .truncate {\n    color: #B8860B !important;\n    text-shadow: 0 0 10px rgba(184, 134, 11, 0.3);\n}\n\n#ai-model-selector svg {\n    color: #4a3c31 !important;\n    transition: color 0.35s ease, filter 0.35s ease;\n}\n\n#ai-model-selector .group:hover svg {\n    color: #B8860B !important;\n    filter: drop-shadow(0 0 5px rgba(184, 134, 11, 0.5));\n}\n\n/* === 设置按钮样式 (明亮版) === */\n#header-setting-button {\n    border-radius: 8px !important;\n    background: linear-gradient(135deg, #fff 0%, #f9f6f0 100%) !important;\n    border: 1px solid #e0d9cd !important;\n    transition: all 0.35s ease;\n    box-shadow: 0 3px 10px rgba(184, 151, 92, 0.08), inset 0 1px 2px rgba(255, 255, 255, 0.5);\n    position: relative;\n    overflow: hidden;\n}\n\n#header-setting-button:hover {\n    border-color: #D4A24C !important;\n    box-shadow: 0 5px 18px rgba(184, 151, 92, 0.15), inset 0 1px 2px rgba(255, 255, 255, 0.6);\n    background: #fff !important;\n    transform: translateY(-2px);\n}\n\n#header-setting-button svg {\n    color: #4a3c31 !important;\n    transition: color 0.35s ease, filter 0.35s ease;\n}\n\n#header-setting-button:hover svg {\n    color: #B8860B !important;\n    filter: drop-shadow(0 0 5px rgba(184, 134, 11, 0.5));\n}\n\n/* === 输入框容器样式 (明亮版) === */\n.p-\\[5\\.5px\\].max-h-\\[150px\\] {\n    background: #fdfaf7 !important;\n    border: 1px solid #e0d9cd !important;\n    border-radius: 18px !important;\n    box-shadow: \n        0 6px 20px rgba(184, 151, 92, 0.12),\n        0 2px 10px rgba(184, 151, 92, 0.08),\n        inset 0 1px 0 rgba(255, 255, 255, 0.6) !important;\n    padding: 8px !important;\n    backdrop-filter: blur(15px) !important;\n    -webkit-backdrop-filter: blur(15px) !important;\n    width: auto !important;\n    max-width: 96% !important;\n    margin-left: auto !important;\n    margin-right: auto !important;\n}\n\n/* === 输入框样式 (明亮版) === */\n#ai-chat-input {\n    background: #fff !important;\n    border-radius: 12px !important;\n    border: 1px solid #eae5dc !important;\n    font-family: 'Georgia', 'Times New Roman', 'SimSun', serif !important;\n    font-size: 14.5px !important;\n    line-height: 1 !important;\n    color: #4a3c31 !important;\n    caret-color: #D4A24C !important;\n    padding: 12px 50px 12px 12px !important;\n    height: auto !important;\n    max-height: 130px !important;\n    resize: none !important;\n    outline: none !important;\n    transition: all 0.35s 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    box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.04);\n}\n\n#ai-chat-input::placeholder {\n    color: #a39686 !important;\n}\n\n#ai-chat-input:focus {\n    border-color: #D4A24C !important;\n    box-shadow: \n        0 0 20px rgba(212, 162, 76, 0.3),\n        inset 0 2px 5px rgba(0, 0, 0, 0.06) !important;\n    background: #fff !important;\n}\n\n.p-\\[5\\.5px\\].max-h-\\[150px\\] .flex.items-center.px-1 {\n    background: rgba(212, 162, 76, 0.1) !important;\n    color: #B8860B !important;\n    border-radius: 8px !important;\n    border: 1px solid rgba(212, 162, 76, 0.2);\n    box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.05);\n}\n\n.p-\\[5\\.5px\\].max-h-\\[150px\\] .mx-1 {\n    background: rgba(212, 162, 76, 0.2) !important;\n}\n\n/* === 发送按钮样式 (明亮版) === */\n#ai-send-button {\n    border-radius: 10px !important;\n    background: #f9f6f0 !important;\n    border: 1px solid #e0d9cd !important;\n    transition: all 0.35s ease;\n    box-shadow: 0 2px 8px rgba(184, 151, 92, 0.1), inset 0 1px 0 rgba(255, 255, 255, 0.8);\n}\n\n#ai-send-button:hover {\n    background: rgba(212, 162, 76, 0.2) !important;\n    border-color: #D4A24C !important;\n    box-shadow: 0 4px 15px rgba(212, 162, 76, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.9);\n    transform: translateY(-1px);\n}\n\n#ai-send-button svg {\n    color: #4a3c31 !important;\n    transition: color 0.35s ease, filter 0.35s ease;\n}\n\n#ai-send-button:hover svg {\n    color: #B8860B !important;\n    filter: drop-shadow(0 0 8px rgba(184, 134, 11, 0.5));\n}\n\n/* === 加载动画样式（龙文解析 - 明亮版） === */\n[class*=\"dot-flashing\"] {\n    display: none !important;\n}\n\ndiv:has(> [class*=\"dot-flashing\"]) {\n    width: 100% !important;\n    height: auto !important;\n    min-height: 110px !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, #fdfaf6 0%, #f7f3eb 100%) !important;\n    border: 1px solid #e0d9cd !important;\n    border-radius: 20px !important;\n    backdrop-filter: blur(20px) !important;\n    box-shadow: \n        0 18px 50px rgba(184, 151, 92, 0.15),\n        inset 0 2px 0 rgba(255, 255, 255, 0.5),\n        inset 0 -2px 8px rgba(224, 217, 205, 0.5),\n        0 0 45px rgba(212, 162, 76, 0.1) !important;\n    position: relative !important;\n    overflow: hidden !important;\n}\n\n/* **SVG保留，但颜色为明亮主题优化** */\ndiv:has(> [class*=\"dot-flashing\"])::before {\n    content: '' !important;\n    position: absolute !important;\n    top: 50% !important;\n    left: 50% !important;\n    transform: translate(-50%, -50%) !important;\n    width: 85px !important;\n    height: 85px !important;\n    background-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cdefs%3E%3ClinearGradient id='grad' x1='0%25' y1='0%25' x2='100%25' y2='100%25'%3E%3Cstop offset='0%25' style='stop-color:%23D4A24C;stop-opacity:1' /%3E%3Cstop offset='100%25' style='stop-color:%23B8860B;stop-opacity:1' /%3E%3C/linearGradient%3E%3Cfilter id='glow'%3E%3CfeGaussianBlur stdDeviation='1.5'/%3E%3C/filter%3E%3C/defs%3E%3Cg filter='url(%23glow)' opacity='0.8'%3E%3Cpath d='M50,10 L90,50 L50,90 L10,50 Z' fill='none' stroke='url(%23grad)' stroke-width='3'%3E%3CanimateTransform attributeName='transform' type='rotate' from='0 50 50' to='360 50 50' dur='8s' repeatCount='indefinite'/%3E%3C/path%3E%3Ccircle cx='50' cy='50' r='25' fill='none' stroke='url(%23grad)' stroke-width='2' stroke-dasharray='5 5'%3E%3CanimateTransform attributeName='transform' type='rotate' from='360 50 50' to='0 50 50' dur='10s' repeatCount='indefinite'/%3E%3C/circle%3E%3Cpath d='M30,30 L70,70 M70,30 L30,70' fill='none' stroke='url(%23grad)' stroke-width='1.5'%3E%3Canimate attributeName='stroke-opacity' values='0.2;1;0.2' dur='3s' repeatCount='indefinite'/%3E%3C/path%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(212, 162, 76, 0.4)) !important;\n}\n\ndiv:has(> [class*=\"dot-flashing\"])::after {\n    content: '龙文解析中...' !important;\n    position: absolute !important;\n    bottom: 20px !important;\n    left: 50% !important;\n    transform: translateX(-50%) !important;\n    font-family: 'Trajan Pro', 'SimSun', serif !important;\n    font-size: 14px !important;\n    font-weight: 700 !important;\n    color: #B8860B !important;\n    letter-spacing: 0.2em !important;\n    animation: ink-text-fade 3s ease-in-out infinite !important;\n    text-shadow: 0 0 15px rgba(212, 162, 76, 0.5) !important;\n}\n\n/* === Token消耗显示样式 (明亮版) === */\n.MuiStack-root.text-purple-500.mt-1.css-1kz283j {\n    background: #f9f6f0 !important;\n    border: 1px solid #e8e2d8 !important;\n    border-radius: 10px !important;\n    padding: 8px 16px !important;\n    display: flex !important;\n    align-items: center !important;\n    flex-wrap: wrap !important;\n    gap: 0 16px !important;\n    transition: all 0.35s ease !important;\n    box-shadow: 0 3px 12px rgba(184, 151, 92, 0.08) !important;\n    margin-top: 6px !important;\n}\n\n.MuiStack-root.css-1kz283j > p.MuiTypography-root.css-6c0gf2 {\n    color: #8c7f70 !important;\n    font-weight: 600 !important;\n    font-size: 14.5px !important;\n    margin: 0 !important;\n    display: flex !important;\n    align-items: center !important;\n    font-family: 'Georgia', 'SimSun', serif !important;\n}\n\n.MuiStack-root.css-1kz283j > p.MuiTypography-root.css-6c0gf2::after {\n    content: '权限验证' !important;\n    background: rgba(212, 162, 76, 0.1) !important;\n    color: #B8860B !important;\n    border: 1px solid rgba(212, 162, 76, 0.2) !important;\n    border-radius: 6px !important;\n    padding: 4px 12px !important;\n    font-size: 12.5px !important;\n    margin-left: 14px !important;\n    cursor: pointer !important;\n    transition: all 0.3s ease !important;\n    font-family: 'Trajan Pro', 'SimSun', serif !important;\n    font-weight: 600 !important;\n    white-space: nowrap;\n    box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.05);\n}\n\n.MuiStack-root.css-1kz283j > p.MuiTypography-root.css-6c0gf2:hover::after {\n    background: #D4A24C !important;\n    border-color: #C7984B !important;\n    color: #fff !important;\n    box-shadow: 0 0 15px rgba(212, 162, 76, 0.5) !important;\n    text-shadow: 0 1px 1px rgba(0,0,0,0.1) !important;\n}\n\n.MuiStack-root.css-1kz283j > p.MuiTypography-root.css-1x48u03 {\n    color: #B8860B !important;\n    font-size: 13.5px !important;\n    font-weight: 600 !important;\n    margin: 0 !important;\n    padding: 3px 8px !important;\n    background: rgba(212, 162, 76, 0.1) !important;\n    border-radius: 6px !important;\n    opacity: 0 !important;\n    max-width: 0 !important;\n    overflow: hidden !important;\n    white-space: nowrap !important;\n    transition: opacity 0.35s ease, max-width 0.45s ease, padding 0.45s 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: 220px !important;\n}\n\n/* === 音频播放器样式 (明亮版) === */\n.classUI-audio-player {\n    width: 100%;\n    height: 38px;\n    margin-top: 10px;\n    background: linear-gradient(135deg, #fff, #f9f6f0);\n    border-radius: 20px;\n    border: 1px solid #e0d9cd;\n    box-shadow: \n        0 5px 18px rgba(184, 151, 92, 0.1),\n        inset 0 1px 3px rgba(255, 255, 255, 0.6),\n        0 0 0 1px rgba(212, 162, 76, 0.1);\n    backdrop-filter: blur(15px) saturate(110%);\n    -webkit-backdrop-filter: blur(15px) saturate(110%);\n    accent-color: #D4A24C;\n    position: relative;\n    overflow: hidden;\n    transition: all 0.35s ease;\n}\n\n.classUI-audio-player:hover {\n    border-color: #D4A24C;\n    box-shadow: \n        0 7px 24px rgba(184, 151, 92, 0.15),\n        inset 0 1px 3px rgba(255, 255, 255, 0.7),\n        0 0 0 1px rgba(212, 162, 76, 0.2),\n        0 0 35px rgba(212, 162, 76, 0.1);\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(212, 162, 76, 0.15);\n    border-radius: 50%;\n    transition: all 0.35s ease;\n    filter: brightness(0) saturate(100%) invert(69%) sepia(29%) saturate(1015%) hue-rotate(352deg) brightness(88%) contrast(85%);\n    margin: 0 5px;\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(212, 162, 76, 0.3);\n    transform: scale(1.08);\n    box-shadow: 0 0 15px rgba(212, 162, 76, 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: #8c7f70;\n    font-weight: 600;\n    font-size: 11.5px;\n    font-family: 'monospace', serif;\n}\n\n.classUI-audio-player::-webkit-media-controls-timeline {\n    background-color: rgba(0, 0, 0, 0.05);\n    border-radius: 9px;\n    height: 6px;\n    border: 1px solid #e0d9cd;\n    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.08);\n    transition: all 0.35s ease;\n}\n\n.classUI-audio-player::-webkit-media-controls-volume-slider,\n.classUI-audio-player::-webkit-media-controls-timeline:hover {\n    background-color: rgba(0, 0, 0, 0.08);\n    border-color: #d8cfc1;\n}\n\n/* === 隐藏头像 === */\n.mb-2 > .shrink-0.w-10.h-10 {\n    display: none;\n}\n\n/* ========================================\n   龙族特殊元素样式 (统一协调版 - 明亮)\n   ======================================== */\n\n.styled-prose-container wealth_info,\n.styled-prose-container spell_card_list,\n.styled-prose-container item_list {\n    display: block;\n    margin: 14px 0;\n    padding: 12px 16px;\n    background: linear-gradient(135deg, rgba(253, 250, 245, 0.2), rgba(250, 246, 239, 0.1));\n    border: 1px solid #e8e2d8;\n    border-left: 4px solid #D4A24C;\n    border-radius: 8px;\n    font-family: 'Georgia', 'Times New Roman', 'SimSun', serif;\n    line-height: 1.8;\n    box-shadow: 0 2px 8px rgba(184, 151, 92, 0.05), inset 0 1px 0 rgba(255, 255, 255, 0.6);\n    transition: all 0.3s ease;\n    position: relative;\n    overflow: visible;\n}\n\n.styled-prose-container wealth_info:hover,\n.styled-prose-container spell_card_list:hover,\n.styled-prose-container item_list:hover {\n    background: linear-gradient(135deg, rgba(212, 162, 76, 0.08), rgba(227, 181, 100, 0.06));\n    border-color: #d8cfc1;\n    box-shadow: 0 4px 14px rgba(184, 151, 92, 0.1), inset 0 1px 0 rgba(255, 255, 255, 0.7);\n}\n\n.styled-prose-container wealth_info > span,\n.styled-prose-container spell_card_list > span,\n.styled-prose-container item_list > span {\n    display: block;\n    color: #B8860B;\n    font-weight: 700;\n    margin-bottom: 8px;\n    font-size: 14px;\n    text-shadow: 0 0 8px rgba(184, 134, 11, 0.2);\n    font-family: 'Trajan Pro', 'SimSun', serif;\n    letter-spacing: 1px;\n}\n\n.styled-prose-container spell_card_list info {\n    display: inline-block;\n    color: #8B4513; /* 鞍褐色 */\n    font-weight: 600;\n    font-size: 13.5px;\n    margin-right: 5px;\n    font-family: 'Trajan Pro', 'SimSun', serif;\n}\n\n.styled-prose-container spell_card_list T,\n.styled-prose-container item_list T {\n    position: relative;\n    display: inline-block;\n    margin-bottom: 5px;\n    margin-right: 6px;\n    cursor: help;\n    color: #4a3c31;\n    font-weight: 600;\n    text-decoration: none;\n    border-bottom: 1px dashed #D4A24C;\n    padding: 2px 8px;\n    background: rgba(212, 162, 76, 0.08);\n    border-radius: 4px;\n    transition: all 0.3s ease;\n    overflow: visible;\n    z-index: 10;\n}\n\n.styled-prose-container spell_card_list T::before,\n.styled-prose-container item_list T::before {\n    content: \"\";\n}\n\n.styled-prose-container spell_card_list T:hover,\n.styled-prose-container item_list T:hover {\n    background: rgba(212, 162, 76, 0.15);\n    color: #B8860B;\n    border-bottom-style: solid;\n    box-shadow: 0 0 12px rgba(212, 162, 76, 0.2);\n    z-index: 100;\n}\n\n.styled-prose-container spell_card_list T Ti,\n.styled-prose-container item_list T Ti {\n    display: block !important;\n    visibility: hidden;\n    opacity: 0;\n    width: auto;\n    min-width: 200px;\n    max-width: 250px;\n    white-space: normal;\n    background: linear-gradient(135deg, rgba(254, 252, 249, 0.98), rgba(249, 246, 240, 0.99));\n    color: #4a3c31;\n    text-align: left;\n    border: 1px solid #D4A24C;\n    border-left: 4px solid #D4A24C;\n    border-radius: 6px;\n    padding: 12px 16px;\n    font-size: 0.86em;\n    font-weight: 400;\n    line-height: 1.7;\n    font-family: 'Georgia', 'Times New Roman', 'SimSun', serif;\n    box-shadow: 0 8px 30px rgba(184, 151, 92, 0.25), 0 0 20px rgba(212, 162, 76, 0.1);\n    backdrop-filter: blur(10px);\n    -webkit-backdrop-filter: blur(10px);\n    transition: opacity 0.25s ease, visibility 0.25s ease, transform 0.25s cubic-bezier(0.4, 0, 0.2, 1);\n    pointer-events: none;\n    position: absolute;\n    z-index: 99999;\n    bottom: 100%;\n    left: 0;\n    transform: translateY(10px);\n    margin-bottom: 10px;\n}\n\n.styled-prose-container spell_card_list T Ti::before,\n.styled-prose-container item_list T Ti::before {\n    content: '【 FILE ACCESS 】';\n    display: block;\n    font-size: 0.7em;\n    color: #B8860B;\n    margin-bottom: 8px;\n    padding-bottom: 5px;\n    border-bottom: 1px solid rgba(212, 162, 76, 0.2);\n    letter-spacing: 2px;\n    font-weight: 700;\n    font-family: 'Trajan Pro', 'monospace', serif;\n}\n\n.styled-prose-container spell_card_list T:hover Ti,\n.styled-prose-container item_list T:hover Ti {\n    visibility: visible;\n    opacity: 1;\n    transform: translateY(0);\n}\n\n.styled-prose-container spell_card_list T Ti > span,\n.styled-prose-container item_list T Ti > span {\n    display: inline-block;\n    color: #C7984B;\n    font-weight: 700;\n    margin-right: 6px;\n}\n\n/* === 移动端适配 === */\n@media (max-width: 768px) {\n    .chat {\n        padding: 26px 18px;\n        gap: 16px;\n        border-left-width: 6px;\n        border-right-width: 6px;\n    }\n    .bubble {\n        max-width: 88%;\n        padding: 16px 20px;\n    }\n    .doc {\n        padding: 26px 22px;\n    }\n    .tooltip-card {\n        width: 280px;\n    }\n    .styled-prose-container details {\n        font-size: 14.5px;\n        line-height: 1.8;\n        padding: 0 18px 16px 18px;\n    }\n    .styled-prose-container details summary {\n        padding: 16px 50px 16px 18px;\n        margin: 0 -18px;\n        font-size: 16px;\n    }\n}\n\n/* === 减弱动画（辅助功能） === */\n@media (prefers-reduced-motion: reduce) {\n    * {\n        animation: none !important;\n        transition: none !important;\n    }\n}\n\n/* === 隐藏特定背景元素 === */\n[class*=\"bg-[#F1CBCB]\"], \n[class*=\"bg-[#c9e1e9]\"] {\n    display: none;\n}\n\n/* ========================================\n   龙族主题样式表结束 (光明版)\n   ======================================== */\n\n/* ========== 龙族风格 - 装备部商店界面 (光明版) ========== */\n.ep-exchange {\n  border: 2px solid #e0d9cd;\n  background-color: #fdfaf7;\n  padding: 15px;\n  font-family: 'Georgia', 'Times New Roman', 'SimSun', serif;\n  color: #4a3c31;\n  border-radius: 8px;\n  box-shadow: 0 4px 12px rgba(184, 151, 92, 0.15), inset 0 1px 0 rgba(255, 255, 255, 0.4);\n  max-width: 800px;\n  margin: 0 auto;\n  position: relative;\n}\n\n.ep-exchange::before {\n  content: '';\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  background-image: \n    repeating-linear-gradient(90deg, transparent, transparent 50px, rgba(212, 162, 76, 0.05) 50px, rgba(212, 162, 76, 0.05) 51px),\n    repeating-linear-gradient(0deg, transparent, transparent 50px, rgba(212, 162, 76, 0.05) 50px, rgba(212, 162, 76, 0.05) 51px);\n  pointer-events: none;\n  border-radius: 6px;\n}\n\n.ep-exchange .title {\n  text-align: center;\n  border-bottom: 2px solid #D4A24C;\n  padding-bottom: 10px;\n  margin-bottom: 15px;\n  margin-top: 0;\n  color: #B8860B;\n  font-weight: bold;\n  font-size: 1.3em;\n  letter-spacing: 3px;\n  text-shadow: 0 1px 2px rgba(184, 134, 11, 0.1);\n  position: relative;\n  z-index: 1;\n  font-family: 'Trajan Pro', serif;\n}\n\n.ep-exchange .balance {\n  text-align: right;\n  font-weight: bold;\n  margin-bottom: 15px;\n  font-size: 1em;\n  position: relative;\n  z-index: 1;\n}\n\n.ep-exchange .currency-money {\n  color: #38761d; /* 深绿色 */\n  font-weight: bold;\n}\n\n.ep-exchange .currency-special {\n  color: #a61c00; /* 深红色 */\n  font-weight: bold;\n}\n\n.ep-exchange .category {\n  margin-bottom: 15px;\n  position: relative;\n  z-index: 1;\n}\n\n.ep-exchange .category-title {\n  padding: 8px 12px;\n  margin-top: 0;\n  margin-bottom: 10px;\n  font-size: 1em;\n  font-weight: bold;\n  border-radius: 4px;\n  transition: all 0.3s ease;\n  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);\n}\n\n.ep-exchange .category-rare {\n  background: linear-gradient(135deg, #fff7e6 0%, #ffefcc 100%);\n  border-left: 4px solid #B8860B;\n  color: #8c6a0a;\n}\n\n.ep-exchange .category-power {\n  background: linear-gradient(135deg, #fbeee2 0%, #f5e3d3 100%);\n  border-left: 4px solid #CD7F32;\n  color: #804f1e;\n}\n\n.ep-exchange .category-life {\n  background: linear-gradient(135deg, #f2f3f5 0%, #e8eaed 100%);\n  border-left: 4px solid #708090;\n  color: #4c5866;\n}\n\n.ep-exchange .category-info {\n  background: linear-gradient(135deg, #ffebe6 0%, #ffd9cc 100%);\n  border-left: 4px solid #FF4500;\n  color: #b33000;\n}\n\n.ep-exchange .item-list {\n  list-style-type: none;\n  padding-left: 10px;\n  margin: 0;\n  max-height: 300px;\n  overflow-y: auto;\n}\n\n.ep-exchange .item-list li {\n  padding: 8px 10px;\n  margin-bottom: 6px;\n  border-radius: 4px;\n  transition: all 0.2s ease;\n  cursor: pointer;\n  line-height: 1.6;\n  background-color: rgba(255, 255, 255, 0.5);\n  border-left: 3px solid transparent;\n}\n\n.ep-exchange .item-list li:hover {\n  background-color: rgba(212, 162, 76, 0.1);\n  transform: translateX(5px);\n  border-left-color: #D4A24C;\n  box-shadow: 0 2px 6px rgba(184, 151, 92, 0.1);\n}\n\n.ep-exchange .item-note {\n  font-size: 0.85em;\n  color: #8c7f70;\n  font-style: italic;\n  opacity: 0.9;\n}\n\n.ep-exchange .prompt {\n  text-align: center;\n  font-style: italic;\n  margin-top: 20px;\n  margin-bottom: 8px;\n  border-top: 1px dashed #d8cfc1;\n  padding-top: 10px;\n  color: #8c7f70;\n  position: relative;\n  z-index: 1;\n}\n\n.ep-exchange .secondary-prompt {\n  text-align: center;\n  font-size: 0.9em;\n  color: #a39686;\n  margin-top: 5px;\n  margin-bottom: 0;\n  position: relative;\n  z-index: 1;\n}\n\n.ep-exchange .item-list::-webkit-scrollbar {\n  width: 8px;\n}\n\n.ep-exchange .item-list::-webkit-scrollbar-track {\n  background: rgba(0, 0, 0, 0.05);\n  border-radius: 4px;\n}\n\n.ep-exchange .item-list::-webkit-scrollbar-thumb {\n  background: #d8cfc1;\n  border-radius: 4px;\n  border: 1px solid #f9f6f0;\n}\n\n.ep-exchange .item-list::-webkit-scrollbar-thumb:hover {\n  background: #D4A24C;\n}\n\n@media (max-width: 768px) {\n  .ep-exchange {\n    padding: 12px;\n  }\n  .ep-exchange .title {\n    font-size: 1.1em;\n  }\n  .ep-exchange .item-list {\n    max-height: 200px;\n  }\n}\n/* ========================================\n   守夜人论坛 - 明亮风格界面 (多帖子分行 + Hover交互版)\n   配色：晨曦白、警戒黄、信息蓝、钢灰\n   核心元素：现代、简约、信息清晰、动态反馈\n   ======================================== */\n\n/* === 关键帧动画 === */\n@keyframes text-glow-alert {\n    0%, 100% { text-shadow: 0 0 5px rgba(255, 193, 7, 0.4); }\n    50% { text-shadow: 0 0 12px rgba(255, 193, 7, 0.8), 0 0 20px rgba(255, 193, 7, 0.4); }\n}\n\n@keyframes subtle-float {\n    0%, 100% { transform: translateY(0); }\n    50% { transform: translateY(-2px); }\n}\n\n/* === 总容器 <details> === */\ndetails[open] {\n    /** **核心容器**：定义了整体的浅色背景和圆角，营造出现代感。**/\n    background-color: #f8f9fa; /* 晨曦白背景 */\n    border: 1px solid #dee2e6; /* 柔和的边框 */\n    border-radius: 12px;\n    padding: 16px 20px;\n    margin: 1em 0;\n    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);\n    font-family: 'Microsoft YaHei', 'Helvetica Neue', sans-serif;\n    color: #495057; /* 深灰色文字，保证可读性 */\n    transition: all 0.3s ease;\n}\n\n/* **Hover效果**：容器悬停时，阴影加深，边框更明显 */\ndetails[open]:hover {\n    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.08);\n    border-color: #ced4da;\n}\n\n/* === 标题 <summary> === */\ndetails[open] summary {\n    /** **折叠标题**：使用醒目的警戒黄作为主色调，体现“守夜人”的警惕性。**/\n    font-size: 1.2em;\n    font-weight: bold;\n    color: #ffc107; /* **警戒黄** */\n    cursor: pointer;\n    padding: 10px 15px;\n    margin: -16px -20px 15px -20px; /* 扩展至容器边缘 */\n    background-color: #343a40; /* 深色标题栏背景，形成对比 */\n    border-radius: 11px 11px 0 0;\n    border-bottom: 2px solid #ffc107;\n    list-style: none; /* 移除默认的三角箭头 */\n    transition: background-color 0.3s ease;\n}\n\n/* **Hover效果**：标题悬停时背景变深 */\ndetails[open] summary:hover {\n    background-color: #212529;\n}\n\n/* === 论坛顶部信息 .forum-header === */\n.forum-header {\n    font-size: 0.8em;\n    color: #6c757d;\n    padding-bottom: 10px;\n    margin-bottom: 15px;\n    border-bottom: 1px dashed #ced4da;\n    line-height: 1.6;\n}\n\n/* === 板块容器 .forum-section === */\n.forum-section {\n    /** **内容板块**：每个板块都有清晰的边界和标题，结构分明。**/\n    margin-bottom: 15px;\n    padding: 12px;\n    background-color: #ffffff; /* 纯白背景，突出内容 */\n    border-radius: 8px;\n    border: 1px solid #e9ecef;\n    transition: box-shadow 0.3s ease, border-color 0.3s ease, transform 0.3s ease;\n}\n\n/* **Hover效果**：板块悬停时轻微上浮，边框和阴影变化 */\n.forum-section:hover {\n    transform: translateY(-3px);\n    border-color: #d1d8e0;\n    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.06);\n}\n\n/* 板块标题 (通过CSS伪元素生成) */\n.forum-section::before {\n    content: attr(data-title); /* 读取HTML中data-title属性作为标题 */\n    display: block;\n    font-size: 1.1em;\n    font-weight: bold;\n    color: #007bff; /* **信息蓝** */\n    margin-bottom: 8px;\n    padding-bottom: 5px;\n    border-bottom: 1px solid #e9ecef;\n}\n\n/* === 帖子/任务/讯息 容器 div === */\n.forum-section > div {\n    /** **帖子容器**：这是实现分行的核心。每个div都是一个独立的帖子。**/\n    font-size: 0.9em;\n    line-height: 1.8;\n    color: #495057;\n    padding: 8px;\n    margin: 4px -8px; /* 垂直间距4px，水平负边距扩展悬停区域 */\n    border-radius: 4px;\n    transition: color 0.3s ease, background-color 0.3s ease, transform 0.3s ease;\n    cursor: pointer;\n}\n\n/* **Hover效果**：整个帖子容器悬停时变色并右移 */\n.forum-section > div:hover {\n    background-color: #e9ecef;\n    color: #212529;\n    transform: translateX(5px);\n}\n\n/* --- 智能标签生成 --- */\n.forum-section > div::before {\n    font-weight: bold;\n    margin-right: 8px;\n    padding: 2px 6px;\n    border-radius: 4px;\n    font-size: 0.85em;\n    display: inline-block;\n}\n\n/* [任务大厅] 的第一个帖子为 [置顶] */\n.forum-section[data-title=\"【任务大厅】\"] > div:first-of-type::before {\n    content: '置顶';\n    color: #fff;\n    background-color: #dc3545; /* **危险红** */\n    animation: subtle-float 3s ease-in-out infinite;\n}\n/* [任务大厅] 的第二个帖子为 [新] */\n.forum-section[data-title=\"【任务大厅】\"] > div:nth-of-type(2)::before {\n    content: '新';\n    color: #fff;\n    background-color: #28a745; /* **成功绿** */\n}\n\n/* [情报交流站] 和 [自由讨论区] 的所有帖子都为 [热] */\n.forum-section[data-title=\"【情报交流站】\"] > div::before,\n.forum-section[data-title=\"【自由讨论区】\"] > div::before {\n    content: '热';\n    color: #212529;\n    background-color: #ffc107; /* 警戒黄 */\n}\n\n/* [论坛讯息] 的特殊处理 */\n.forum-section[data-title=\"【论坛讯息】\"] > div {\n    padding-left: 0; /* 移除左内边距以对齐 */\n}\n.forum-section[data-title=\"【论坛讯息\"] > div:hover {\n    background-color: transparent; /* 移除悬停背景色 */\n    transform: none; /* 移除悬停位移 */\n    cursor: default;\n}\n/* 发信人行 */\n.forum-section[data-title=\"【论坛讯息\"] > div:first-of-type {\n    font-weight: 600;\n    color: #007bff;\n    padding-bottom: 0;\n}\n.forum-section[data-title=\"【论坛讯息\"] > div:first-of-type:hover {\n    text-decoration: underline;\n    cursor: pointer;\n}\n/* 内容行 */\n.forum-section[data-title=\"【论坛讯息\"] > div:last-of-type::before {\n    content: '▶';\n    color: #6c757d;\n    background: none;\n    font-weight: normal;\n    padding: 0;\n    margin-right: 8px;\n}\nthink {\n    display: none !important;\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: #B8860B !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(212,162,76,0.25) !important;\n  font-family: 'Georgia', 'Times New Roman', 'SimSun', serif !important;\n  line-height: 1.8 !important;\n}\n/* === Tip提示组件 (龙族·卡塞尔版) === */\n.tip {\n  position: relative;\n  display: inline-block;\n  color: #B8860B;\n  font-weight: 600;\n  border-bottom: 2px solid rgba(212, 162, 76, 0.6);\n  cursor: help;\n  transition: all 0.35s ease;\n  z-index: 9998;\n}\n\n.tip:hover {\n  color: #D4A24C;\n  border-bottom-color: #C7984B;\n  text-shadow: 0 0 10px rgba(212, 162, 76, 0.4);\n}\n\n.tip .text {\n  visibility: hidden;\n  width: 340px;\n  background: linear-gradient(135deg, #fefcf9 0%, #f9f6f0 100%);\n  color: #4a3c31;\n  text-align: left;\n  border: 1px solid #D4A24C;\n  border-radius: 8px;\n  padding: 20px 22px;\n  position: fixed;\n  z-index: 9999;\n  bottom: auto;\n  left: 50%;\n  transform: translate(-50%, -100%) translateY(-25px);\n  margin-left: 0;\n  opacity: 0;\n  transition: opacity 0.35s ease, visibility 0.35s ease, transform 0.35s ease;\n  font-weight: 400;\n  font-size: 0.88em;\n  line-height: 1.9;\n  font-family: 'Georgia', 'Times New Roman', 'SimSun', serif;\n  box-shadow:\n    0 15px 32px rgba(184, 151, 92, 0.2),\n    0 8px 18px rgba(184, 151, 92, 0.15),\n    0 0 35px rgba(212, 162, 76, 0.1);\n  clip-path: polygon(0 0, calc(100% - 10px) 0, 100% 10px, 100% 100%, 10px 100%, 0 calc(100% - 10px));\n  pointer-events: none;\n}\n\n.tip .text::before {\n  content: '【 CLASSIFIED 】';\n  display: block;\n  font-size: 0.72em;\n  color: #B8860B;\n  margin-bottom: 14px;\n  letter-spacing: 4px;\n  font-weight: 700;\n  font-family: 'Trajan Pro', 'monospace', serif;\n  text-shadow: 0 0 8px rgba(184, 134, 11, 0.4);\n}\n\n.tip .text::after {\n  content: '';\n  position: absolute;\n  top: 100%;\n  left: 50%;\n  margin-left: -10px;\n  border-width: 10px;\n  border-style: solid;\n  border-color: #D4A24C transparent transparent transparent;\n  filter: drop-shadow(0 4px 6px rgba(184, 151, 92, 0.3));\n}\n\n.tip:hover .text {\n  visibility: visible;\n  opacity: 1;\n  transform: translate(-50%, -100%) translateY(-12px);\n  pointer-events: auto;\n}\n\n/* 移动端适配 */\n@media (max-width: 768px) {\n  .tip .text {\n    width: 280px;\n  }\n}\n/* === 过往记忆存档区 === */\n.styled-prose-container .s{padding:0!important;font-size:15px!important;line-height:1.9!important;color:#4a3c31!important}\n.styled-prose-container .s>.t{font-size:17px!important;font-weight:700!important;color:#B8860B!important;letter-spacing:3px!important;padding:6px 0!important;margin:0!important;text-align:center!important;font-family:'Trajan Pro','SimSun',serif!important;position:relative!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:14px!important;text-shadow:0 0 8px rgba(212,162,76,.25)!important}\n.styled-prose-container .s>.t::before,.styled-prose-container .s>.t::after{content:''!important;flex:1!important;height:1px!important;max-width:90px!important;background:linear-gradient(90deg,transparent,#D4A24C)!important}\n.styled-prose-container .s>.t::after{background:linear-gradient(90deg,#D4A24C,transparent)!important}\n.styled-prose-container .s>strong{display:block!important;text-align:right!important;font-size:11px!important;font-weight:600!important;color:#8c7f70!important;letter-spacing:.5px!important;margin:4px 0 8px 0!important;padding:3px 10px!important;background:rgba(212,162,76,.06)!important;border-radius:4px!important;font-family:'Consolas','SF Mono',monospace!important;border-right:2px solid rgba(212,162,76,.25)!important}\n.styled-prose-container .s>hr{border:none!important;height:1px!important;margin:14px 0 4px 0!important;background:linear-gradient(90deg,transparent 5%,rgba(212,162,76,.15) 30%,rgba(212,162,76,.3) 50%,rgba(212,162,76,.15) 70%,transparent 95%)!important}\n@media(max-width:768px){\n.styled-prose-container .s>.t{font-size:15px!important;letter-spacing:2px!important;padding:4px 0!important;gap:10px!important}\n.styled-prose-container .s>.t::before,.styled-prose-container .s>.t::after{max-width:60px!important}\n.styled-prose-container .s>strong{font-size:10px!important;margin:3px 0 6px 0!important}\n.styled-prose-container .s>hr{margin:10px 0 2px 0!important}\n}\n@media(max-width:480px){\n.styled-prose-container .s>.t{font-size:13px!important;letter-spacing:1.5px!important;padding:3px 0!important;gap:8px!important}\n.styled-prose-container .s>.t::before,.styled-prose-container .s>.t::after{max-width:40px!important}\n.styled-prose-container .s>strong{font-size:9px!important;padding:2px 8px!important}\n.styled-prose-container .s>hr{margin:8px 0 2px 0!important}\n}\n\n\n/* =============================================\n * MOBILE PERFORMANCE: P1 box-shadow simplification\n * 将所有多层 box-shadow 在移动端简化为单层\n * ============================================= */\n@media (max-width: 768px) {\n\n  /* --- 聊天主容器 --- */\n  .chat {\n    box-shadow: 0 4px 16px rgba(184, 151, 92, 0.12) !important;\n  }\n\n  /* --- 气泡 --- */\n  .bubble,\n  .bubble.npc,\n  .bubble.user {\n    box-shadow: 0 2px 10px rgba(184, 151, 92, 0.1) !important;\n  }\n  .bubble:hover {\n    box-shadow: 0 4px 14px rgba(184, 151, 92, 0.14) !important;\n  }\n\n  /* --- 文档卡片 --- */\n  .doc {\n    box-shadow: 0 4px 14px rgba(184, 151, 92, 0.1) !important;\n  }\n\n  /* --- 提示卡片 --- */\n  .tooltip-card,\n  .tip .text {\n    box-shadow: 0 6px 18px rgba(184, 151, 92, 0.15) !important;\n  }\n\n  /* --- 顶栏 header --- */\n  \n  \n  \n\n  /* --- 模型选择器 & 设置按钮 --- */\n  #ai-model-selector .group,\n  #header-setting-button {\n    box-shadow: 0 2px 8px rgba(184, 151, 92, 0.08) !important;\n  }\n  #ai-model-selector .group:hover,\n  #header-setting-button:hover {\n    box-shadow: 0 3px 12px rgba(184, 151, 92, 0.12) !important;\n  }\n\n  /* --- 输入区域 --- */\n  .p-\\[5\\.5px\\].max-h-\\[150px\\] {\n    box-shadow: 0 3px 10px rgba(184, 151, 92, 0.1) !important;\n  }\n  .p-\\[5\\.5px\\].max-h-\\[150px\\] .flex.items-center.px-1 {\n    box-shadow: none !important;\n  }\n  #ai-chat-input {\n    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.04) !important;\n  }\n  #ai-chat-input:focus {\n    box-shadow: 0 0 12px rgba(212, 162, 76, 0.2) !important;\n  }\n\n  /* --- 发送按钮 --- */\n  #ai-send-button {\n    box-shadow: 0 2px 8px rgba(184, 151, 92, 0.1) !important;\n  }\n  #ai-send-button:hover {\n    box-shadow: 0 3px 12px rgba(212, 162, 76, 0.18) !important;\n  }\n\n  /* --- 消息容器 --- */\n  div.group.relative > div.relative.inline-block.bg-gray-100\\/90,\n  div:has(> [class*=\"dot-flashing\"]) {\n    box-shadow: 0 6px 20px rgba(184, 151, 92, 0.12) !important;\n  }\n\n  /* --- 侧栏选项 --- */\n  .group.ml-0 > .flex.items-start.gap-2 {\n    box-shadow: 0 2px 8px rgba(184, 151, 92, 0.08) !important;\n  }\n  .group.ml-0 > .flex.items-start.gap-2:hover {\n    box-shadow: 0 3px 12px rgba(184, 151, 92, 0.12) !important;\n  }\n\n  /* --- details 折叠面板 --- */\n  .styled-prose-container details {\n    box-shadow: 0 2px 10px rgba(184, 151, 92, 0.08) !important;\n  }\n  .styled-prose-container details:hover {\n    box-shadow: 0 4px 14px rgba(184, 151, 92, 0.12) !important;\n  }\n  .styled-prose-container details summary::before {\n    box-shadow: 0 0 6px rgba(184, 134, 11, 0.15) !important;\n  }\n  .styled-prose-container details summary:hover::before {\n    box-shadow: 0 0 8px rgba(212, 162, 76, 0.3) !important;\n  }\n  details[open] {\n    box-shadow: 0 3px 12px rgba(0, 0, 0, 0.05) !important;\n  }\n  details[open]:hover {\n    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.07) !important;\n  }\n\n  /* --- classUI 组件 --- */\n  .classUI-story {\n    box-shadow: 0 2px 10px rgba(184, 151, 92, 0.08) !important;\n  }\n  .classUI-story:hover::after {\n    box-shadow: none !important;\n  }\n  .classUI-npc-card {\n    box-shadow: 0 2px 8px rgba(184, 151, 92, 0.08) !important;\n  }\n  .classUI-npc-card:hover {\n    box-shadow: 0 3px 12px rgba(184, 151, 92, 0.1) !important;\n  }\n  .classUI-table {\n    box-shadow: 0 3px 12px rgba(184, 151, 92, 0.08) !important;\n  }\n  .classUI-actions {\n    box-shadow: 0 3px 12px rgba(184, 151, 92, 0.08) !important;\n  }\n\n  /* --- 音频播放器 --- */\n  .classUI-audio-player {\n    box-shadow: 0 3px 10px rgba(184, 151, 92, 0.08) !important;\n  }\n  .classUI-audio-player:hover {\n    box-shadow: 0 4px 14px rgba(184, 151, 92, 0.12) !important;\n  }\n  .classUI-audio-player::-webkit-media-controls-mute-button:hover {\n    box-shadow: none !important;\n  }\n  .classUI-audio-player::-webkit-media-controls-timeline {\n    box-shadow: none !important;\n  }\n\n  /* --- 物品列表 --- */\n  .styled-prose-container item_list {\n    box-shadow: 0 2px 8px rgba(184, 151, 92, 0.05) !important;\n  }\n  .styled-prose-container item_list:hover {\n    box-shadow: 0 3px 10px rgba(184, 151, 92, 0.08) !important;\n  }\n  .styled-prose-container item_list T:hover {\n    box-shadow: 0 0 8px rgba(212, 162, 76, 0.15) !important;\n  }\n  .styled-prose-container item_list T Ti {\n    box-shadow: 0 4px 14px rgba(184, 151, 92, 0.15) !important;\n  }\n\n  /* --- 兑换系统 --- */\n  .ep-exchange {\n    box-shadow: 0 3px 10px rgba(184, 151, 92, 0.1) !important;\n  }\n  .ep-exchange .category-title {\n    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.04) !important;\n  }\n  .ep-exchange .item-list li:hover {\n    box-shadow: 0 1px 6px rgba(184, 151, 92, 0.08) !important;\n  }\n\n  /* --- 论坛板块 --- */\n  .forum-section:hover {\n    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.05) !important;\n  }\n\n  /* --- MUI 组件 --- */\n  .MuiStack-root.text-purple-500.mt-1.css-1kz283j {\n    box-shadow: 0 2px 8px rgba(184, 151, 92, 0.06) !important;\n  }\n  .MuiStack-root.css-1kz283j > p.MuiTypography-root.css-6c0gf2::after {\n    box-shadow: none !important;\n  }\n  .MuiStack-root.css-1kz283j > p.MuiTypography-root.css-6c0gf2:hover::after {\n    box-shadow: 0 0 10px rgba(212, 162, 76, 0.3) !important;\n  }\n\n  /* --- 进度条 (无需阴影) --- */\n  .progress-bar-container,\n  .progress-bar-fill {\n    box-shadow: none !important;\n  }\n\n  /* --- @keyframes 中的 box-shadow 动画简化 ---\n       (无法在 media query 中覆盖 keyframes，\n        但上面的选择器 !important 会覆盖动画帧的值) */\n}\n\n/* ── 代码块 → 羊皮纸面板 ── */\npre{\n  background:linear-gradient(160deg,#f7eed5,#f0e3c1) !important;\n  border:1px solid #b89a5e !important;\n  border-radius:4px !important;\n  box-shadow:inset 0 0 14px rgba(120,86,28,.10) !important;\n}\npre code,pre span,pre div[node=\"[object Object]\"]{\n  color:#3a2c14 !important;\n  background:transparent !important;\n  text-shadow:none !important;\n}\n@media (max-width:768px){.styled-prose-container *{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;filter:none!important;animation:none!important;transition:none!important;text-shadow:none!important;box-shadow:none!important}.styled-prose-container details,.styled-prose-container table,.styled-prose-container .classUI-subsection{box-shadow:0 1px 3px rgba(0,0,0,.18)!important}}","options":{"items":[{"order":0,"label":"评价系统","type":"SET-INPUT","value":"（评价系统启动）+好评，如xxxx描写的不错/差评，xxxx我不喜欢。+下一轮的回复"},{"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":"【世界线收束】"},{"order":6,"label":"世界线偏离度","type":"SET-INPUT","value":"【植入第一奇点】"},{"order":7,"label":"归纳长期记忆","type":"SET-INPUT","value":"【归纳长期记忆】"}]},"language":"zh","containsNSFW":false,"publicAccess":true,"deletedAt":null,"isAnonymous":false,"enableSafeguard":false,"defaultModelSettings":{"model":"mango_gemini_vip/gemini-3.1-pro-preview","contextWindow":5,"modelSettings":{"presencePenalty":0}},"totalConversations":2426,"totalMessages":74815,"totalCreditsUsed":236924708,"totalTokensUsed":6130504419,"totalPlayedUsers":752,"deeplyPlayed":467,"fixedPromptLength":14411,"lorebookLength":185135,"author":{"id":"DQbsHWaVotsjNZIPX7GJrLV6l6Kh51jc","name":"不允许触摸","displayUsername":"3272004008","username":"3272004008"},"cardsTags":[],"cardsVoices":[],"prompt":null,"promptSizeBytes":null}