{"id":"68c7e2e1-e499-4c04-898b-dadedadee3f8","authorId":"mHXKJWR7xJeAF4vbb5715Ak9ImhcLpNK","title":"🔮魔法少女大世界❤️","description":"【修好格式了，少打了一个空格，推进哈吉米3.0（0.18），已适配，加mod，0.12请开非流】（最新添加【憧憬成为魔法少女】世界观，在角色卡的选择的世界中自行填写即可游玩。）【特此感谢：禁止触摸】你将成为游走于次元夹缝的\"观测者\"，自由穿梭于经典的魔法少女世界——🌙见证《小圆》中灵魂契约的绝望与圆环之理的救赎；⚔️投身《奈叶》的跨时空羁绊与白色恶魔的传说；🌸漫步《魔卡樱》温馨的封印之旅与友枝小学的日常；🛡️体验《友奈》悲壮的散华代价与勇者部的毅力奇迹。","background":"ukdpmrcj6ioduhoqtzgipn10.webp","backgroundWidth":2400,"backgroundHeight":1800,"cover":"ckbtghqleh9cj57mtmo6zh6w.webp","coverWidth":400,"coverHeight":300,"introPage":"sml5hgp1vbrnvom1prylb36v.html","changelog":null,"createdAt":"2026-04-09T18:49:20.423Z","updatedAt":"2026-07-25T06:39:49.531Z","initPublicAt":"2026-04-09T18:53:54.812Z","renderTemplate":null,"assistantRegexReplace":null,"enableMemorySchema":false,"memorySchema":null,"injectStyles":"/* ========================================\n   魔法少女主题样式表\n   配色：梦幻粉紫金（粉红/紫罗兰/金色）\n   核心元素：魔法星星、变身棒、爱心光效\n   ======================================== */\n\n/* === 关键帧动画 === */\n@keyframes mount-breathe {\n    0%, 100% { transform: translateY(0) scale(1); }\n    50% { transform: translateY(-3px) scale(1.03); }\n}\n\n@keyframes bg-scroll {\n    0% { background-position: 0 0; }\n    100% { background-position: 200px 200px; }\n}\n\n@keyframes pulse-npc {\n    0%, 100% {\n        opacity: 0.5;\n        transform: scale(1);\n        box-shadow: 0 0 10px rgba(255, 105, 180, 0.7);\n    }\n    50% {\n        opacity: 1;\n        transform: scale(1.5);\n        box-shadow: 0 0 20px rgba(255, 105, 180, 1);\n    }\n}\n\n@keyframes pulse-user {\n    0%, 100% {\n        opacity: 0.5;\n        transform: scale(1);\n        box-shadow: 0 0 10px rgba(218, 112, 214, 0.7);\n    }\n    50% {\n        opacity: 1;\n        transform: scale(1.5);\n        box-shadow: 0 0 20px rgba(218, 112, 214, 1);\n    }\n}\n\n@keyframes glow-text {\n    0%, 100% {\n        opacity: 0.7;\n        text-shadow: 0 0 10px rgba(255, 105, 180, 0.6);\n    }\n    50% {\n        opacity: 1;\n        text-shadow: 0 0 18px rgba(255, 105, 180, 1), 0 0 30px rgba(255, 105, 180, 0.6);\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.2;\n        transform: translate(-50%, -50%) scale(0.95);\n    }\n    50% {\n        opacity: 0.35;\n        transform: translate(-50%, -50%) scale(1.15);\n    }\n}\n\n@keyframes classUI-scroll-unfold {\n    0% {\n        transform: scaleY(0.92);\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.65;\n        text-shadow: 0 0 10px rgba(255, 105, 180, 0.5);\n    }\n    50% {\n        opacity: 0.9;\n        text-shadow: 0 0 15px rgba(255, 105, 180, 0.7);\n    }\n    100% {\n        opacity: 1;\n        text-shadow: 0 0 20px rgba(255, 105, 180, 0.9);\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% { transform: translateY(0); }\n    100% { transform: translateY(100%); }\n}\n\n@keyframes energy-pulse {\n    0%, 100% { opacity: 0.4; }\n    50% { opacity: 0.8; }\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.3; transform: scale(1); }\n    50% { opacity: 1; transform: scale(1.3); }\n}\n\n@keyframes float-up {\n    0% { transform: translateY(0) rotate(0deg); opacity: 0.6; }\n    100% { transform: translateY(-20px) rotate(360deg); opacity: 0; }\n}\n\n@keyframes border-glow {\n    0%, 100% { \n        box-shadow: 0 0 10px rgba(255, 105, 180, 0.3),\n                    inset 0 0 10px rgba(255, 105, 180, 0.1);\n    }\n    50% { \n        box-shadow: 0 0 20px rgba(255, 105, 180, 0.6),\n                    inset 0 0 20px rgba(255, 105, 180, 0.2);\n    }\n}\n\n@keyframes spell-card-shine {\n    0% { left: -100%; }\n    100% { left: 200%; }\n}\n\n@keyframes header-star-float {\n    0% { \n        transform: translateY(0) scale(1);\n        opacity: 0.3;\n    }\n    50% { \n        transform: translateY(-8px) scale(1.2);\n        opacity: 0.7;\n    }\n    100% { \n        transform: translateY(0) scale(1);\n        opacity: 0.3;\n    }\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(255, 105, 180, 0.6);\n        box-shadow: 0 6px 28px rgba(255, 182, 193, 0.15),\n                    0 2px 12px rgba(255, 105, 180, 0.2),\n                    inset 0 1px 0 rgba(255, 255, 255, 0.6);\n    }\n    50% { \n        border-color: rgba(218, 112, 214, 0.7);\n        box-shadow: 0 8px 35px rgba(221, 160, 221, 0.2),\n                    0 3px 15px rgba(218, 112, 214, 0.3),\n                    inset 0 1px 0 rgba(255, 255, 255, 0.7);\n    }\n}\n\n@keyframes spell-card-float {\n    0%, 100% { \n        transform: translateY(0) rotate(0deg);\n        opacity: 0.15;\n    }\n    50% { \n        transform: translateY(-10px) rotate(5deg);\n        opacity: 0.3;\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 4s 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='%23ffe8f5'/%3E%3Cstop offset='1' stop-color='%23fff0fa'/%3E%3C/linearGradient%3E%3Cpattern id='starPattern' width='80' height='80' patternUnits='userSpaceOnUse'%3E%3Cpolygon points='15,8 17,13 22,13 18,17 20,22 15,19 10,22 12,17 8,13 13,13' fill='%23FF69B4' opacity='0.5'%3E%3Canimate attributeName='opacity' values='0.5;1;0.5' dur='2s' repeatCount='indefinite'/%3E%3C/polygon%3E%3Cpolygon points='55,33 56.5,37 60,37 57,39.5 58.5,43 55,40.5 51.5,43 53,39.5 50,37 53.5,37' fill='%23DA70D6' opacity='0.45'%3E%3Canimate attributeName='opacity' values='0.45;0.9;0.45' dur='2.5s' begin='0.5s' repeatCount='indefinite'/%3E%3C/polygon%3E%3Cpolygon points='35,58 37,63 42,63 38,66 40,71 35,68 30,71 32,66 28,63 33,63' fill='%23FFB6C1' opacity='0.5'%3E%3Canimate attributeName='opacity' values='0.5;1;0.5' dur='2.2s' begin='1s' repeatCount='indefinite'/%3E%3C/polygon%3E%3C/pattern%3E%3Cfilter id='moonGlow'%3E%3CfeGaussianBlur stdDeviation='3' result='coloredBlur'/%3E%3CfeMerge%3E%3CfeMergeNode in='coloredBlur'/%3E%3CfeMergeNode in='SourceGraphic'/%3E%3C/feMerge%3E%3C/filter%3E%3CradialGradient id='yinyangCore'%3E%3Cstop offset='0' stop-color='%23FF69B4' stop-opacity='0.9'/%3E%3Cstop offset='50' stop-color='%23FFB6C1' stop-opacity='0.6'/%3E%3Cstop offset='100' stop-color='transparent' stop-opacity='0'/%3E%3C/radialGradient%3E%3C/defs%3E%3Crect width='600' height='200' fill='url(%23skyGrad)'/%3E%3Crect width='600' height='200' fill='url(%23starPattern)'/%3E%3Cg transform='translate(300 100)' filter='url(%23moonGlow)'%3E%3Cg%3E%3CanimateTransform attributeName='transform' type='rotate' from='0' to='360' dur='8s' repeatCount='indefinite'/%3E%3Cpolygon points='0,-35 10,-10 35,-5 15,10 20,35 0,20 -20,35 -15,10 -35,-5 -10,-10' fill='%23FFD700' stroke='%23FF69B4' stroke-width='2.5'/%3E%3Ccircle cx='0' cy='0' r='12' fill='%23ffffff' stroke='%23FF69B4' stroke-width='2'/%3E%3Cpolygon points='0,-8 2,-3 7,-3 3,0 5,5 0,2 -5,5 -3,0 -7,-3 -2,-3' fill='%23FF69B4'/%3E%3C/g%3E%3C/g%3E%3Cg fill='none' stroke-opacity='0.6'%3E%3Cpath d='M 0 120 Q 150 95, 300 120 T 600 105' stroke='%23FF69B4' stroke-width='1.5'%3E%3Canimate attributeName='d' values='M 0 120 Q 150 95, 300 120 T 600 105; M 0 105 Q 150 130, 300 105 T 600 120; M 0 120 Q 150 95, 300 120 T 600 105' dur='5s' repeatCount='indefinite'/%3E%3C/path%3E%3Cpath d='M 0 150 Q 150 175, 300 150 T 600 160' stroke='%23DA70D6' stroke-width='1.2'%3E%3Canimate attributeName='d' values='M 0 150 Q 150 175, 300 150 T 600 160; M 0 165 Q 150 140, 300 165 T 600 150; M 0 150 Q 150 175, 300 150 T 600 160' dur='6s' repeatCount='indefinite'/%3E%3C/path%3E%3C/g%3E%3Ctext x='50%25' y='55%25' text-anchor='middle' font-size='24' font-family='Microsoft YaHei, sans-serif' fill='%23FF69B4' opacity='0.95' letter-spacing='4' style='text-shadow: 0 0 8px rgba(255,105,180,0.6);'%3E魔法变身准备中%3C/text%3E%3Ctext x='50%25' y='72%25' text-anchor='middle' font-size='13' font-family='Microsoft YaHei, sans-serif' fill='%23DA70D6' opacity='0.8' letter-spacing='3'%3E星光闪耀 · 梦想之力展开%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 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, #ffffff 0%, #fff5fa 60%, #ffe8f5 100%);\n    border: 3px solid rgba(255, 105, 180, 0.5);\n    border-left: 8px solid #FF69B4;\n    border-right: 8px solid #DA70D6;\n    border-radius: 12px;\n    margin: 28px 0;\n    position: relative;\n    font-family: 'Microsoft YaHei', '微软雅黑', sans-serif;\n    box-shadow: \n        0 12px 40px rgba(255, 182, 193, 0.18),\n        0 6px 20px rgba(255, 105, 180, 0.3),\n        inset 0 2px 0 rgba(255, 255, 255, 0.5),\n        inset 0 -2px 8px rgba(255, 105, 180, 0.1);\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='fuCard' x='0' y='0' width='80' height='80' patternUnits='userSpaceOnUse'%3E%3Cpath d='M 40,25 C 40,20 35,15 30,15 C 25,15 22,18 20,22 C 18,18 15,15 10,15 C 5,15 0,20 0,25 C 0,35 20,45 20,45 C 20,45 40,35 40,25 Z' fill='%23FF69B4' opacity='0.08' transform='translate(20,15) scale(0.4)'/%3E%3Cpolygon points='40,20 42,25 47,25 43,28 45,33 40,30 35,33 37,28 33,25 38,25' fill='%23DA70D6' opacity='0.12'/%3E%3C/pattern%3E%3Cpattern id='starLight' x='0' y='0' width='100' height='100' patternUnits='userSpaceOnUse'%3E%3Cpolygon points='20,23 22,28 27,28 23,31 25,36 20,33 15,36 17,31 13,28 18,28' fill='%23FF69B4' opacity='0.15'/%3E%3Cpolygon points='70,53 71.5,57 75,57 72,59.5 73.5,63 70,60.5 66.5,63 68,59.5 65,57 68.5,57' fill='%23FFB6C1' opacity='0.12'/%3E%3Cpolygon points='50,73 52,78 57,78 53,81 55,86 50,83 45,86 47,81 43,78 48,78' fill='%23DA70D6' opacity='0.18'/%3E%3C/pattern%3E%3C/defs%3E%3Crect width='200' height='200' fill='url(%23fuCard)'/%3E%3Crect width='200' height='200' fill='url(%23starLight)'/%3E%3C/svg%3E\");\n    background-size: 200px 200px;\n    background-position: 0 0;\n    animation: bg-scroll 60s linear infinite;\n    opacity: 0.4;\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        repeating-linear-gradient(0deg, transparent, transparent 3px, rgba(255, 105, 180, 0.03) 3px, rgba(255, 105, 180, 0.03) 4px),\n        radial-gradient(circle at 18% 25%, rgba(255, 105, 180, 0.1) 0%, transparent 45%),\n        radial-gradient(circle at 82% 75%, rgba(218, 112, 214, 0.08) 0%, transparent 45%);\n    pointer-events: none;\n    z-index: 0;\n    opacity: 0.6;\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.9;\n    word-wrap: break-word;\n    border-radius: 16px;\n    box-shadow: \n        0 6px 20px rgba(255, 182, 193, 0.15),\n        0 3px 12px rgba(255, 105, 180, 0.25),\n        inset 0 2px 0 rgba(255, 255, 255, 0.4);\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(255, 182, 193, 0.22),\n        0 5px 16px rgba(255, 105, 180, 0.35),\n        inset 0 2px 0 rgba(255, 255, 255, 0.5);\n}\n\n/* NPC气泡（甜美粉红配色） */\n.bubble.npc {\n    background: \n        linear-gradient(135deg, rgba(255, 240, 245, 0.95) 0%, rgba(255, 245, 250, 0.98) 50%, rgba(255, 242, 248, 0.96) 100%);\n    border: 2px solid rgba(255, 105, 180, 0.6);\n    border-left: 5px solid #FF69B4;\n    color: #2c3e50;\n    align-self: flex-start;\n    box-shadow: \n        0 6px 20px rgba(255, 105, 180, 0.28),\n        0 3px 12px rgba(255, 182, 193, 0.22),\n        inset 0 2px 0 rgba(255, 255, 255, 0.5),\n        inset 0 -1px 0 rgba(255, 105, 180, 0.15),\n        0 0 30px rgba(255, 105, 180, 0.18);\n    animation: border-glow 4s 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, \n        transparent 0%, \n        rgba(255, 105, 180, 0.3) 50%, \n        transparent 100%);\n    border-radius: inherit;\n    opacity: 0;\n    z-index: -1;\n    pointer-events: none;\n    animation: spell-card-shine 3s ease-in-out infinite;\n}\n\n/* 星星粒子 */\n.bubble.npc::after {\n    content: '★';\n    position: absolute;\n    top: 8px;\n    right: 8px;\n    font-size: 16px;\n    color: #FF69B4;\n    animation: pulse-npc 2.5s ease-in-out infinite;\n    z-index: 2;\n    filter: drop-shadow(0 0 4px rgba(255, 105, 180, 0.8));\n}\n\n.bubble.npc .name {\n    color: #FF69B4;\n    text-shadow: \n        0 0 12px rgba(255, 105, 180, 0.9), \n        0 0 20px rgba(255, 105, 180, 0.5),\n        0 2px 4px rgba(0, 0, 0, 0.1);\n}\n\n.bubble.npc .name::before {\n    color: #ff1493;\n    text-shadow: 0 0 15px rgba(255, 20, 147, 1);\n    animation: star-twinkle 2s ease-in-out infinite;\n}\n\n.bubble.npc .msg {\n    text-shadow: 0 1px 2px rgba(255, 105, 180, 0.05);\n    color: #34495e;\n}\n\n/* User气泡（梦幻紫罗兰配色） */\n.bubble.user {\n    background: \n        linear-gradient(135deg, rgba(250, 240, 255, 0.95) 0%, rgba(255, 245, 255, 0.98) 50%, rgba(253, 243, 255, 0.96) 100%);\n    border: 2px solid rgba(218, 112, 214, 0.6);\n    border-right: 5px solid #DA70D6;\n    color: #2c3e50;\n    align-self: flex-end;\n    box-shadow: \n        0 6px 20px rgba(218, 112, 214, 0.28),\n        0 3px 12px rgba(221, 160, 221, 0.22),\n        inset 0 2px 0 rgba(255, 255, 255, 0.5),\n        inset 0 -1px 0 rgba(218, 112, 214, 0.15),\n        0 0 30px rgba(218, 112, 214, 0.18);\n    animation: border-glow 4s ease-in-out infinite 0.5s;\n}\n\n/* 魔法光晕 */\n.bubble.user::before {\n    content: '';\n    position: absolute;\n    top: -2px;\n    left: -2px;\n    right: -2px;\n    bottom: -2px;\n    background: linear-gradient(45deg, \n        transparent 0%, \n        rgba(218, 112, 214, 0.3) 50%, \n        transparent 100%);\n    border-radius: inherit;\n    opacity: 0;\n    z-index: -1;\n    pointer-events: none;\n    animation: spell-card-shine 3s ease-in-out infinite 1s;\n}\n\n/* 爱心粒子 */\n.bubble.user::after {\n    content: '♥';\n    position: absolute;\n    top: 8px;\n    left: 8px;\n    font-size: 16px;\n    color: #DA70D6;\n    animation: pulse-user 2.5s ease-in-out infinite;\n    z-index: 2;\n    filter: drop-shadow(0 0 4px rgba(218, 112, 214, 0.8));\n}\n\n.bubble.user .name {\n    color: #DA70D6;\n    text-shadow: \n        0 0 12px rgba(218, 112, 214, 0.9), \n        0 0 20px rgba(218, 112, 214, 0.5),\n        0 2px 4px rgba(0, 0, 0, 0.1);\n}\n\n.bubble.user .name::before {\n    color: #ba55d3;\n    text-shadow: 0 0 15px rgba(186, 85, 211, 1);\n    animation: star-twinkle 2s ease-in-out infinite 0.3s;\n}\n\n.bubble.user .msg {\n    text-shadow: 0 1px 2px rgba(218, 112, 214, 0.05);\n    color: #34495e;\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: 'Microsoft YaHei', '微软雅黑', sans-serif;\n}\n\n.bubble .name::before {\n    content: '◆';\n    position: absolute;\n    left: 0;\n    font-size: 1.4em;\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, #ffffff 0%, #fff8fc 100%);\n    border: 2px solid rgba(255, 105, 180, 0.4);\n    border-left: 7px solid #FF69B4;\n    border-radius: 8px;\n    padding: 35px 40px;\n    margin: 30px 0;\n    position: relative;\n    font-family: 'Microsoft YaHei', '微软雅黑', sans-serif;\n    box-shadow: \n        0 10px 28px rgba(255, 182, 193, 0.15),\n        0 5px 15px rgba(255, 105, 180, 0.2),\n        inset 0 1px 0 rgba(255, 105, 180, 0.15);\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 3px, rgba(255, 105, 180, 0.04) 3px, rgba(255, 105, 180, 0.04) 4px);\n    pointer-events: none;\n    z-index: 0;\n    opacity: 0.6;\n}\n\n.doc::after {\n    content: '【 魔法日记 】';\n    position: absolute;\n    top: 16px;\n    right: 20px;\n    font-size: 0.68em;\n    color: rgba(255, 105, 180, 0.8);\n    letter-spacing: 7px;\n    font-weight: 700;\n    font-family: 'Microsoft YaHei', '微软雅黑', sans-serif;\n    text-shadow: 0 0 12px rgba(255, 105, 180, 1), 0 0 24px rgba(255, 105, 180, 0.6);\n    animation: glow-text 3.5s 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: #FF69B4;\n    font-size: 1.45em;\n    font-weight: 700;\n    margin: 0 0 28px 0;\n    padding-bottom: 18px;\n    border-bottom: 3px solid rgba(255, 105, 180, 0.6);\n    letter-spacing: 4px;\n    position: relative;\n    text-shadow: 0 0 16px rgba(255, 105, 180, 0.9), 0 0 32px rgba(255, 105, 180, 0.5);\n    font-family: 'Microsoft YaHei', '微软雅黑', sans-serif;\n}\n\n.doc .title::before {\n    content: '★';\n    margin-right: 16px;\n    color: #ff1493;\n    display: inline-block;\n    animation: rotate-icon 5s linear infinite;\n}\n\n.doc .content {\n    color: #2c3e50;\n    font-size: 0.97em;\n    line-height: 2.1;\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: #FF69B4;\n    font-weight: 600;\n    border-bottom: 2px solid rgba(255, 105, 180, 0.8);\n    cursor: help;\n    transition: all 0.3s ease;\n    z-index: 9998;\n}\n\nT:hover {\n    color: #ff1493;\n    border-bottom-color: #ff69b4;\n    text-shadow: 0 0 12px rgba(255, 105, 180, 0.7);\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, #ffffff 0%, #fff5fa 100%);\n    color: #2c3e50;\n    text-align: left;\n    border: 2px solid #FF69B4;\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: 2;\n    box-shadow: \n        0 15px 32px rgba(255, 182, 193, 0.2),\n        0 8px 18px rgba(255, 105, 180, 0.25),\n        inset 0 1px 0 rgba(255, 105, 180, 0.15),\n        0 0 35px rgba(255, 105, 180, 0.2);\n    clip-path: polygon(0 0, calc(100% - 12px) 0, 100% 12px, 100% 100%, 12px 100%, 0 calc(100% - 12px));\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: '【 魔法笔记 】';\n    display: block;\n    font-size: 0.72em;\n    color: #FF69B4;\n    margin-bottom: 14px;\n    letter-spacing: 7px;\n    font-weight: 700;\n    font-family: 'Microsoft YaHei', '微软雅黑', sans-serif;\n    text-shadow: 0 0 12px rgba(255, 105, 180, 1);\n}\n\n.tooltip-card::after {\n    content: '';\n    position: absolute;\n    top: 100%;\n    left: 50%;\n    margin-left: -12px;\n    border-width: 12px;\n    border-style: solid;\n    border-color: #FF69B4 transparent transparent transparent;\n    filter: drop-shadow(0 4px 6px rgba(0, 0, 0, 0.35));\n}\n\n/* === 用户界面样式 === */\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: 14px !important;\n    padding: 18px 22px !important;\n    width: 100% !important;\n    box-shadow: 0 5px 18px rgba(255, 182, 193, 0.1) !important;\n    border: 1px solid rgba(255, 105, 180, 0.25) !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(255, 182, 193, 0.18) !important;\n    background-color: #fffafc !important;\n    border-color: rgba(255, 105, 180, 0.45) !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: #2c3e50 !important;\n}\n\n.group.ml-0 > .flex.items-start.gap-2 .text-grey-600 {\n    color: #4a5568 !important;\n}\n\n.group.ml-0 > .flex.items-start.gap-2 .text-gray-500 {\n    color: #6b7280 !important;\n}\n\n.group.ml-0 > .flex.items-start.gap-2 .text-gray-400 {\n    color: #9ca3af !important;\n}\n\n.group.ml-0 > .flex.items-start.gap-2 .font-bold {\n    color: #1a202c !important;\n}\n\n/* === 分隔线样式 === */\ndiv.style_divider__mW0YX.style_horizontal__UvaHt {\n    margin-top: 12px !important;\n    margin-bottom: 12px !important;\n    border-top: 1px solid rgba(255, 105, 180, 0.2) !important;\n    background: none !important;\n}\n\n/* === 回复气泡样式 === */\ndiv.group.relative > div.relative.inline-block.bg-gray-100\\/90 {\n    background: \n        linear-gradient(135deg, rgba(255, 255, 255, 0.98), rgba(255, 250, 253, 0.96)),\n        radial-gradient(circle at 80% 20%, rgba(255, 105, 180, 0.05), transparent 50%);\n    color: #2c3e50;\n    border-radius: 20px;\n    border: 2px solid rgba(255, 105, 180, 0.5);\n    box-shadow: \n        0 18px 65px -15px rgba(255, 182, 193, 0.22),\n        inset 0 3px 6px rgba(255, 105, 180, 0.1),\n        0 0 40px rgba(255, 105, 180, 0.18),\n        0 0 0 1px rgba(255, 105, 180, 0.15);\n    backdrop-filter: blur(32px) saturate(140%);\n    -webkit-backdrop-filter: blur(32px) saturate(140%);\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%3Cpolygon points='25,15 27,20 32,20 28,23 30,28 25,25 20,28 22,23 18,20 23,20' fill='%23FF69B4' opacity='0.12'/%3E%3Cpath d='M 25,30 C 25,27 22,24 19,24 C 16,24 14,26 13,28 C 12,26 10,24 7,24 C 4,24 1,27 1,30 C 1,36 13,42 13,42 C 13,42 25,36 25,30 Z' fill='%23DA70D6' opacity='0.12' transform='translate(10,5) scale(0.5)'/%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: 220%;\n    height: 220%;\n    background: radial-gradient(circle, rgba(255, 105, 180, 0.1) 0%, transparent 55%);\n    transform: translate(-50%, -50%);\n    animation: classUI-ink-pulse 9s infinite ease-in-out;\n    z-index: 0;\n    pointer-events: none;\n}\n\n/* === Prose容器样式 === */\n.styled-prose-container {\n    font-family: 'Microsoft YaHei', '微软雅黑', sans-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(255, 255, 255, 0.85), rgba(255, 250, 253, 0.8));\n    border-radius: 12px;\n    margin: 16px 0;\n    overflow: hidden;\n    border: 1px solid rgba(255, 105, 180, 0.4);\n    box-shadow: \n        0 5px 18px rgba(255, 182, 193, 0.08),\n        inset 0 1px 2px rgba(255, 105, 180, 0.08),\n        inset 0 -1px 0 rgba(255, 105, 180, 0.15),\n        0 0 25px rgba(255, 105, 180, 0.08);\n    transition: all 0.45s cubic-bezier(0.4, 0, 0.2, 1);\n    font-size: 15.5px;\n    line-height: 2;\n    padding: 0 24px 20px 24px;\n    color: #2c3e50;\n}\n\n.styled-prose-container details:hover {\n    transform: translateY(-3px) scale(1.01);\n    box-shadow: \n        0 10px 30px rgba(255, 182, 193, 0.15),\n        inset 0 1px 2px rgba(255, 105, 180, 0.15),\n        inset 0 -1px 0 rgba(255, 105, 180, 0.2),\n        0 0 35px rgba(255, 105, 180, 0.15);\n    border-color: rgba(255, 105, 180, 0.6);\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: #FF69B4;\n    text-shadow: 0 0 10px rgba(255, 105, 180, 0.7);\n    letter-spacing: 1.5px;\n    position: relative;\n    list-style: none;\n    border-bottom: 1px solid rgba(255, 105, 180, 0.4);\n    transition: all 0.35s ease;\n    font-family: 'Microsoft YaHei', '微软雅黑', sans-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: 9px;\n    height: 9px;\n    border-right: 2.5px solid rgba(255, 105, 180, 0.8);\n    border-bottom: 2.5px solid rgba(255, 105, 180, 0.8);\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 10px rgba(255, 105, 180, 0.6);\n}\n\n.styled-prose-container details summary:hover::before {\n    border-color: #ff69b4;\n    box-shadow: 0 0 15px rgba(255, 105, 180, 0.9);\n}\n\n.styled-prose-container details[open] > summary {\n    background: linear-gradient(180deg, rgba(255, 105, 180, 0.08), transparent);\n    border-bottom-color: rgba(255, 105, 180, 0.6);\n    color: #ff1493;\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(255, 255, 255, 0.88), rgba(255, 250, 253, 0.85));\n    border: 1px solid rgba(255, 105, 180, 0.4);\n    border-radius: 14px;\n    padding: 26px 30px;\n    margin: 22px 0;\n    color: #2c3e50;\n    font-size: 16.5px;\n    line-height: 2.1;\n    box-shadow: \n        inset 0 2px 10px rgba(255, 105, 180, 0.08),\n        0 0 0 1px rgba(255, 105, 180, 0.2),\n        0 0 25px rgba(255, 105, 180, 0.08);\n    position: relative;\n    letter-spacing: 0.6px;\n}\n\n.classUI-story::before,\n.classUI-story::after {\n    content: '';\n    position: absolute;\n    width: 20px;\n    height: 20px;\n    border-color: rgba(255, 105, 180, 0.7);\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: 2.5px 0 0 2.5px;\n    border-top-left-radius: 4px;\n}\n\n.classUI-story::after {\n    bottom: 10px;\n    right: 10px;\n    border-width: 0 2.5px 2.5px 0;\n    border-bottom-right-radius: 4px;\n}\n\n.classUI-story:hover::before,\n.classUI-story:hover::after {\n    transform: scale(1.2);\n    border-color: #ff69b4;\n    box-shadow: 0 0 12px rgba(255, 105, 180, 0.7);\n}\n\n/* === 小节标题样式 === */\n.classUI-subsection {\n    font-weight: 700;\n    color: #FF69B4;\n    margin: 18px 0 12px 0;\n    padding-bottom: 10px;\n    border-bottom: 1px solid rgba(255, 105, 180, 0.4);\n    font-size: 14.5px;\n    letter-spacing: 1px;\n    text-shadow: 0 0 10px rgba(255, 105, 180, 0.6);\n    font-family: 'Microsoft YaHei', '微软雅黑', sans-serif;\n}\n\n/* === NPC卡片样式 === */\n.classUI-npc-card {\n    background: rgba(255, 250, 253, 0.75);\n    border: 1px solid rgba(255, 105, 180, 0.3);\n    border-radius: 10px;\n    padding: 18px;\n    margin: 12px 0;\n    box-shadow: \n        0 3px 10px rgba(255, 182, 193, 0.08),\n        0 0 20px rgba(255, 105, 180, 0.08);\n    transition: all 0.35s ease;\n}\n\n.classUI-npc-card:hover {\n    background: rgba(255, 240, 248, 0.92);\n    border-color: rgba(255, 105, 180, 0.5);\n    box-shadow: \n        0 5px 15px rgba(255, 182, 193, 0.15),\n        0 0 30px rgba(255, 105, 180, 0.15);\n}\n\n.classUI-npc-name {\n    font-size: 17.5px;\n    font-weight: 700;\n    color: #FF69B4;\n    margin-bottom: 14px;\n    padding-bottom: 12px;\n    border-bottom: 2px solid rgba(255, 105, 180, 0.4);\n    letter-spacing: 1px;\n    text-shadow: 0 0 10px rgba(255, 105, 180, 0.6);\n    font-family: 'Microsoft YaHei', '微软雅黑', sans-serif;\n}\n\n/* === 记忆卡片样式 === */\n.classUI-memory {\n    background: rgba(255, 245, 250, 0.8);\n    border-color: rgba(255, 105, 180, 0.5);\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 rgba(255, 105, 180, 0.4);\n    box-shadow: \n        0 5px 15px rgba(255, 182, 193, 0.12),\n        0 0 25px rgba(255, 105, 180, 0.08);\n}\n\n.classUI-table thead th {\n    background: linear-gradient(160deg, rgba(255, 105, 180, 0.15), rgba(255, 182, 193, 0.12));\n    color: #FF69B4;\n    padding: 16px 12px;\n    font-weight: 700;\n    font-size: 13.5px;\n    text-align: center;\n    border-bottom: 2.5px solid rgba(255, 105, 180, 0.6);\n    text-shadow: 0 0 10px rgba(255, 105, 180, 0.6);\n    font-family: 'Microsoft YaHei', '微软雅黑', sans-serif;\n}\n\n.classUI-table tbody td {\n    padding: 14px 12px;\n    border-bottom: 1px solid rgba(255, 105, 180, 0.3);\n    background: rgba(255, 255, 255, 0.65);\n    font-size: 13.5px;\n    color: #2c3e50;\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(255, 105, 180, 0.08);\n}\n\n/* === 行动卡片样式 === */\n.classUI-actions {\n    background: linear-gradient(180deg, rgba(255, 255, 255, 0.75), rgba(255, 245, 250, 0.7));\n    border: 1px solid rgba(255, 105, 180, 0.5);\n    border-radius: 12px;\n    padding: 20px 24px;\n    margin-top: 20px;\n    color: #2c3e50;\n    font-weight: 600;\n    font-size: 15.5px;\n    line-height: 2;\n    box-shadow: \n        0 5px 18px rgba(255, 182, 193, 0.12),\n        0 0 25px rgba(255, 105, 180, 0.12);\n    letter-spacing: 0.4px;\n}\n\n/* === 顶部导航栏样式 === */\n.sticky.w-full.top-0.flex.items-center {\n    background: \n        linear-gradient(135deg, \n            rgba(255, 230, 242, 0.98) 0%, \n            rgba(255, 240, 248, 0.95) 30%,\n            rgba(255, 245, 250, 0.96) 70%, \n            rgba(255, 235, 245, 0.98) 100%) !important;\n    border-bottom: 3px solid rgba(255, 105, 180, 0.6) !important;\n    backdrop-filter: blur(40px) saturate(150%) !important;\n    -webkit-backdrop-filter: blur(40px) saturate(150%) !important;\n    color: #2c3e50;\n    font-family: 'Microsoft YaHei', '微软雅黑', 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.8rem + max(0px, env(safe-area-inset-top))) !important;\n    box-shadow: \n        0 8px 32px rgba(255, 182, 193, 0.18),\n        0 4px 16px rgba(255, 105, 180, 0.25),\n        inset 0 2px 0 rgba(255, 255, 255, 0.7),\n        inset 0 -1px 0 rgba(255, 105, 180, 0.3);\n    position: relative;\n    overflow: hidden;\n    animation: header-border-pulse 8s ease-in-out infinite;\n}\n\n.sticky.w-full.top-0.flex.items-center::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='120' height='60' xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3Cpattern id='headerCard' x='0' y='0' width='120' height='60' patternUnits='userSpaceOnUse'%3E%3Cpolygon points='20,15 22,20 27,20 23,23 25,28 20,25 15,28 17,23 13,20 18,20' fill='%23FF69B4' opacity='0.15'/%3E%3Cpath d='M 60,20 C 60,17 57,14 54,14 C 51,14 49,16 48,18 C 47,16 45,14 42,14 C 39,14 36,17 36,20 C 36,26 48,32 48,32 C 48,32 60,26 60,20 Z' fill='%23DA70D6' opacity='0.2' transform='scale(0.7)'/%3E%3C/pattern%3E%3C/defs%3E%3Crect width='120' height='60' fill='url(%23headerCard)'/%3E%3C/svg%3E\");\n    background-size: 120px 60px;\n    opacity: 0.4;\n    pointer-events: none;\n    z-index: 0;\n    animation: spell-card-float 15s ease-in-out infinite;\n}\n\n.sticky.w-full.top-0.flex.items-center::after {\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='60' xmlns='http://www.w3.org/2000/svg'%3E%3Cpolygon points='30,8 31.5,12 35,12 32,14.5 33.5,18 30,15.5 26.5,18 28,14.5 25,12 28.5,12' fill='%23FF69B4' opacity='0.4'/%3E%3Cpolygon points='80,18 81.5,22 85,22 82,24.5 83.5,28 80,25.5 76.5,28 78,24.5 75,22 78.5,22' fill='%23DA70D6' opacity='0.35'/%3E%3Cpolygon points='140,33 141.5,37 145,37 142,39.5 143.5,43 140,40.5 136.5,43 138,39.5 135,37 138.5,37' fill='%23FFB6C1' opacity='0.45'/%3E%3Cpolygon points='170,13 171.5,17 175,17 172,19.5 173.5,23 170,20.5 166.5,23 168,19.5 165,17 168.5,17' fill='%23FF69B4' opacity='0.38'/%3E%3C/svg%3E\");\n    background-size: 200px 60px;\n    background-repeat: repeat-x;\n    opacity: 0.5;\n    pointer-events: none;\n    z-index: 0;\n    animation: header-wave-flow 30s linear infinite;\n}\n\n.sticky.w-full.top-0.flex.items-center > * {\n    position: relative;\n    z-index: 1;\n}\n\n.sticky.w-full.top-0.flex.items-center .inline-flex.items-center {\n    background: \n        linear-gradient(135deg, \n            rgba(255, 105, 180, 0.18) 0%, \n            rgba(218, 112, 214, 0.15) 100%) !important;\n    color: #FF69B4 !important;\n    border: 2px solid rgba(255, 105, 180, 0.5) !important;\n    font-size: 0.76rem !important;\n    font-weight: 700 !important;\n    letter-spacing: 0.08em;\n    border-radius: 10px;\n    box-shadow: \n        inset 0 1px 4px rgba(255, 105, 180, 0.3),\n        0 3px 10px rgba(255, 105, 180, 0.2),\n        0 0 18px rgba(255, 105, 180, 0.12);\n    text-shadow: 0 0 12px rgba(255, 105, 180, 0.7);\n    transition: all 0.35s ease;\n    position: relative;\n    overflow: hidden;\n}\n\n.sticky.w-full.top-0.flex.items-center .inline-flex.items-center::before {\n    content: '';\n    position: absolute;\n    top: -50%;\n    left: -50%;\n    width: 200%;\n    height: 200%;\n    background: linear-gradient(45deg, \n        transparent 30%, \n        rgba(255, 255, 255, 0.3) 50%, \n        transparent 70%);\n    animation: spell-card-shine 3s ease-in-out infinite;\n}\n\n.sticky.w-full.top-0.flex.items-center .inline-flex.items-center:hover {\n    background: \n        linear-gradient(135deg, \n            rgba(255, 105, 180, 0.3) 0%, \n            rgba(218, 112, 214, 0.25) 100%) !important;\n    border-color: rgba(255, 105, 180, 0.8) !important;\n    box-shadow: \n        inset 0 1px 6px rgba(255, 105, 180, 0.4),\n        0 5px 15px rgba(255, 105, 180, 0.3),\n        0 0 25px rgba(255, 105, 180, 0.2);\n    transform: translateY(-2px);\n}\n\n/* === AI模型选择器样式 === */\n#ai-model-selector .group {\n    background: \n        linear-gradient(135deg, \n            rgba(255, 255, 255, 0.95) 0%, \n            rgba(255, 250, 253, 0.9) 100%) !important;\n    border: 2px solid rgba(255, 105, 180, 0.5) !important;\n    border-radius: 11px !important;\n    padding: 0 14px !important;\n    height: 2.2rem !important;\n    transition: all 0.35s ease;\n    box-shadow: \n        0 3px 10px rgba(255, 105, 180, 0.12),\n        inset 0 1px 2px rgba(255, 255, 255, 0.6);\n    position: relative;\n    overflow: hidden;\n}\n\n#ai-model-selector .group::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background: linear-gradient(90deg, \n        transparent 0%, \n        rgba(255, 105, 180, 0.08) 50%, \n        transparent 100%);\n    opacity: 0;\n    transition: opacity 0.35s ease;\n}\n\n#ai-model-selector .group:hover::before {\n    opacity: 1;\n}\n\n#ai-model-selector .group:hover {\n    border-color: rgba(255, 105, 180, 0.85) !important;\n    box-shadow: \n        0 5px 18px rgba(255, 105, 180, 0.25),\n        inset 0 1px 2px rgba(255, 255, 255, 0.7);\n    background: \n        linear-gradient(135deg, \n            rgba(255, 250, 253, 1) 0%, \n            rgba(255, 245, 250, 1) 100%) !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: #2c3e50 !important;\n    font-family: 'Microsoft YaHei', '微软雅黑', sans-serif !important;\n    transition: color 0.35s ease;\n}\n\n#ai-model-selector .group:hover .truncate {\n    color: #FF69B4 !important;\n    text-shadow: 0 0 12px rgba(255, 105, 180, 0.7);\n}\n\n#ai-model-selector svg {\n    color: #2c3e50 !important;\n    transition: color 0.35s ease, filter 0.35s ease;\n}\n\n#ai-model-selector .group:hover svg {\n    color: #FF69B4 !important;\n    filter: drop-shadow(0 0 6px rgba(255, 105, 180, 0.8));\n}\n\n/* === 设置按钮样式 === */\n#header-setting-button {\n    border-radius: 11px !important;\n    background: \n        linear-gradient(135deg, \n            rgba(255, 255, 255, 0.95) 0%, \n            rgba(255, 250, 253, 0.9) 100%) !important;\n    border: 2px solid rgba(255, 105, 180, 0.5) !important;\n    transition: all 0.35s ease;\n    box-shadow: \n        0 3px 10px rgba(255, 105, 180, 0.12),\n        inset 0 1px 2px rgba(255, 255, 255, 0.6);\n    position: relative;\n    overflow: hidden;\n}\n\n#header-setting-button::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background: radial-gradient(circle at center, \n        rgba(255, 105, 180, 0.15) 0%, \n        transparent 70%);\n    opacity: 0;\n    transition: opacity 0.35s ease;\n}\n\n#header-setting-button:hover::before {\n    opacity: 1;\n}\n\n#header-setting-button:hover {\n    border-color: rgba(255, 105, 180, 0.85) !important;\n    box-shadow: \n        0 5px 18px rgba(255, 105, 180, 0.25),\n        inset 0 1px 2px rgba(255, 255, 255, 0.7);\n    background: \n        linear-gradient(135deg, \n            rgba(255, 250, 253, 1) 0%, \n            rgba(255, 245, 250, 1) 100%) !important;\n    transform: translateY(-2px);\n}\n\n#header-setting-button svg {\n    color: #2c3e50 !important;\n    transition: color 0.35s ease, filter 0.35s ease;\n}\n\n#header-setting-button:hover svg {\n    color: #FF69B4 !important;\n    filter: drop-shadow(0 0 6px rgba(255, 105, 180, 0.8));\n}\n\n/* === 输入框容器样式 === */\n.p-\\[5\\.5px\\].max-h-\\[150px\\] {\n    background: rgba(255, 255, 255, 0.95) !important;\n    border: 2px solid rgba(255, 105, 180, 0.6) !important;\n    border-radius: 18px !important;\n    box-shadow: \n        0 6px 20px rgba(255, 182, 193, 0.15),\n        0 2px 10px rgba(255, 105, 180, 0.2),\n        inset 0 2px 0 rgba(255, 255, 255, 0.6) !important;\n    padding: 8px !important;\n    backdrop-filter: blur(24px) !important;\n    -webkit-backdrop-filter: blur(24px) !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: rgba(255, 250, 253, 0.95) !important;\n    border-radius: 12px !important;\n    border: 1px solid rgba(255, 105, 180, 0.5) !important;\n    font-family: 'Microsoft YaHei', '微软雅黑', sans-serif !important;\n    font-size: 14.5px !important;\n    line-height: 1 !important;\n    color: #2c3e50 !important;\n    caret-color: #FF69B4 !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 1px 3px rgba(255, 105, 180, 0.1);\n}\n\n#ai-chat-input::placeholder {\n    color: rgba(200, 120, 140, 0.5) !important;\n}\n\n#ai-chat-input:focus {\n    border-color: #FF69B4 !important;\n    box-shadow: \n        0 0 20px rgba(255, 105, 180, 0.5),\n        inset 0 2px 5px rgba(255, 105, 180, 0.15) !important;\n    background: rgba(255, 255, 255, 1) !important;\n}\n\n.p-\\[5\\.5px\\].max-h-\\[150px\\] .flex.items-center.px-1 {\n    background: rgba(255, 105, 180, 0.15) !important;\n    color: #FF69B4 !important;\n    border-radius: 8px !important;\n    border: 1px solid rgba(255, 105, 180, 0.35) !important;\n    box-shadow: inset 0 0 4px rgba(255, 105, 180, 0.2);\n}\n\n.p-\\[5\\.5px\\].max-h-\\[150px\\] .mx-1 {\n    background: rgba(255, 105, 180, 0.3) !important;\n}\n\n/* === 发送按钮样式 === */\n#ai-send-button {\n    border-radius: 10px !important;\n    background: rgba(255, 255, 255, 0.9) !important;\n    border: 1px solid rgba(255, 105, 180, 0.5) !important;\n    transition: all 0.35s ease;\n    box-shadow: \n        0 2px 8px rgba(255, 105, 180, 0.1),\n        inset 0 1px 0 rgba(255, 255, 255, 0.5);\n}\n\n#ai-send-button:hover {\n    background: rgba(255, 105, 180, 0.2) !important;\n    border-color: rgba(255, 105, 180, 0.8) !important;\n    box-shadow: \n        0 4px 15px rgba(255, 105, 180, 0.3),\n        inset 0 1px 0 rgba(255, 255, 255, 0.6);\n    transform: translateY(-1px);\n}\n\n#ai-send-button svg {\n    color: #2c3e50 !important;\n    transition: color 0.35s ease, filter 0.35s ease;\n}\n\n#ai-send-button:hover svg {\n    color: #FF69B4 !important;\n    filter: drop-shadow(0 0 8px rgba(255, 105, 180, 0.9));\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: 110px !important;\n    display: flex !important;\n    flex-direction: column !important;\n    justify-content: center !important;\n    align-items: center !important;\n    background: \n        linear-gradient(135deg, \n            rgba(255, 255, 255, 0.99) 0%, \n            rgba(255, 245, 250, 0.97) 50%,\n            rgba(255, 250, 253, 0.98) 100%) !important;\n    border: 2px solid rgba(255, 105, 180, 0.5) !important;\n    border-radius: 20px !important;\n    backdrop-filter: blur(32px) !important;\n    box-shadow: \n        0 18px 50px rgba(255, 182, 193, 0.15),\n        inset 0 2px 0 rgba(255, 105, 180, 0.2),\n        inset 0 -2px 8px rgba(255, 105, 180, 0.08),\n        0 0 45px rgba(255, 105, 180, 0.2) !important;\n    position: relative !important;\n    overflow: hidden !important;\n}\n\n/* 魔法变身SVG */\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: 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 160 160'%3E%3Cdefs%3E%3ClinearGradient id='moonGrad' x1='0' y1='0' x2='1' y2='1'%3E%3Cstop offset='0' stop-color='%23FF69B4'%3E%3Canimate attributeName='stop-color' values='%23FF69B4;%23DA70D6;%23FFB6C1;%23FF69B4' dur='4s' repeatCount='indefinite'/%3E%3C/stop%3E%3Cstop offset='0.5' stop-color='%23DA70D6'%3E%3Canimate attributeName='stop-color' values='%23DA70D6;%23FFB6C1;%23FF69B4;%23DA70D6' dur='4s' repeatCount='indefinite'/%3E%3C/stop%3E%3Cstop offset='1' stop-color='%23FFB6C1'%3E%3Canimate attributeName='stop-color' values='%23FFB6C1;%23FF69B4;%23DA70D6;%23FFB6C1' dur='4s' repeatCount='indefinite'/%3E%3C/stop%3E%3C/linearGradient%3E%3Cfilter id='moonGlowFilter'%3E%3CfeGaussianBlur stdDeviation='4'/%3E%3C/filter%3E%3CradialGradient id='starGlow'%3E%3Cstop offset='0' stop-color='%23ffffff' stop-opacity='1'/%3E%3Cstop offset='0.5' stop-color='%23FF69B4' stop-opacity='0.6'/%3E%3Cstop offset='1' stop-color='transparent' stop-opacity='0'/%3E%3C/radialGradient%3E%3C/defs%3E%3Cg transform='translate(80,80)'%3E%3Cg filter='url(%23moonGlowFilter)' opacity='0.3'%3E%3Ccircle cx='0' cy='0' r='70' fill='url(%23starGlow)'%3E%3Canimate attributeName='r' values='65;75;65' dur='3s' repeatCount='indefinite'/%3E%3Canimate attributeName='opacity' values='0.2;0.4;0.2' dur='3s' repeatCount='indefinite'/%3E%3C/circle%3E%3C/g%3E%3Cg%3E%3CanimateTransform attributeName='transform' type='rotate' values='0;360' dur='6s' repeatCount='indefinite'/%3E%3Cpolygon points='0,-55 16,-48 28,-32 48,-16 55,0 48,16 32,28 16,48 0,55 -16,48 -28,32 -48,16 -55,0 -48,-16 -32,-28 -16,-48' fill='none' stroke='%23FF69B4' stroke-width='1' opacity='0.4'/%3E%3Cpolygon points='0,-50 14,-43 25,-29 43,-14 50,0 43,14 29,25 14,43 0,50 -14,43 -25,29 -43,14 -50,0 -43,-14 -29,-25 -14,-43' fill='none' stroke='%23DA70D6' stroke-width='0.8' opacity='0.3'/%3E%3C/g%3E%3Cg%3E%3CanimateTransform attributeName='transform' type='rotate' values='0;360' dur='5s' repeatCount='indefinite'/%3E%3Cpolygon points='0,-48 14,-42 25,-28 42,-14 48,0 42,14 28,25 14,42 0,48 -14,42 -25,28 -42,14 -48,0 -42,-14 -28,-25 -14,-42' fill='%23FFD700' stroke='%23FF69B4' stroke-width='3'/%3E%3Ccircle cx='0' cy='0' r='20' fill='%23ffffff' stroke='%23FF69B4' stroke-width='2'/%3E%3Cpolygon points='0,-12 3,-6 9,-6 5,-2 7,4 0,0 -7,4 -5,-2 -9,-6 -3,-6' fill='%23FF69B4'/%3E%3C/g%3E%3Cg filter='url(%23moonGlowFilter)'%3E%3CanimateTransform attributeName='transform' type='rotate' values='360;0' dur='8s' repeatCount='indefinite'/%3E%3Cpolygon points='50,-3 52,2 57,2 53,5 55,10 50,7 45,10 47,5 43,2 48,2' fill='%23FF69B4' opacity='0.9'%3E%3Canimate attributeName='opacity' values='0.9;0.3;0.9' dur='2s' repeatCount='indefinite'/%3E%3C/polygon%3E%3Cpolygon points='35,28 37,33 42,33 38,36 40,41 35,38 30,41 32,36 28,33 33,33' fill='%23DA70D6' opacity='0.85'%3E%3Canimate attributeName='opacity' values='0.85;0.35;0.85' dur='2.2s' begin='0.2s' repeatCount='indefinite'/%3E%3C/polygon%3E%3Cpolygon points='0,43 2,48 7,48 3,51 5,56 0,53 -5,56 -3,51 -7,48 -2,48' fill='%23FFB6C1' opacity='0.9'%3E%3Canimate attributeName='opacity' values='0.3;0.95;0.3' dur='2s' repeatCount='indefinite'/%3E%3C/polygon%3E%3Cpolygon points='-35,28 -33,33 -28,33 -32,36 -30,41 -35,38 -40,41 -38,36 -42,33 -37,33' fill='%23DA70D6' opacity='0.85'%3E%3Canimate attributeName='opacity' values='0.35;0.85;0.35' dur='2.2s' begin='0.4s' repeatCount='indefinite'/%3E%3C/polygon%3E%3Cpolygon points='-50,-3 -48,2 -43,2 -47,5 -45,10 -50,7 -55,10 -53,5 -57,2 -52,2' fill='%23FF69B4' opacity='0.9'%3E%3Canimate attributeName='opacity' values='0.95;0.3;0.95' dur='2s' begin='0.5s' repeatCount='indefinite'/%3E%3C/polygon%3E%3Cpolygon points='-35,-35 -33,-30 -28,-30 -32,-27 -30,-22 -35,-25 -40,-22 -38,-27 -42,-30 -37,-30' fill='%23FFB6C1' opacity='0.85'%3E%3Canimate attributeName='opacity' values='0.85;0.35;0.85' dur='2.2s' begin='0.6s' repeatCount='indefinite'/%3E%3C/polygon%3E%3Cpolygon points='0,-50 2,-45 7,-45 3,-42 5,-37 0,-40 -5,-37 -3,-42 -7,-45 -2,-45' fill='%23DA70D6' opacity='0.9'%3E%3Canimate attributeName='opacity' values='0.3;0.9;0.3' dur='2s' begin='0.7s' repeatCount='indefinite'/%3E%3C/polygon%3E%3Cpolygon points='35,-35 37,-30 42,-30 38,-27 40,-22 35,-25 30,-22 32,-27 28,-30 33,-30' fill='%23FFB6C1' opacity='0.85'%3E%3Canimate attributeName='opacity' values='0.35;0.85;0.35' dur='2.2s' begin='0.8s' repeatCount='indefinite'/%3E%3C/polygon%3E%3C/g%3E%3Cg%3E%3CanimateTransform attributeName='transform' type='rotate' values='0;-360' dur='10s' repeatCount='indefinite'/%3E%3Cpath d='M 0,-42 Q 24,-38 34,-20 T 42,0 Q 38,24 20,34 T 0,42 Q -24,38 -34,20 T -42,0 Q -38,-24 -20,-34 T 0,-42' fill='none' stroke='url(%23moonGrad)' stroke-width='2.5' opacity='0.8' filter='url(%23moonGlowFilter)'/%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 22px rgba(255, 105, 180, 0.7)) !important;\n}\n\ndiv:has(> .style_dot-flashing__8L91Q.style_text__zGhNq)::after {\n    content: '魔法变身中，请稍候...' !important;\n    position: absolute !important;\n    bottom: 20px !important;\n    left: 50% !important;\n    transform: translateX(-50%) !important;\n    font-family: 'Microsoft YaHei', '微软雅黑', sans-serif !important;\n    font-size: 14px !important;\n    font-weight: 700 !important;\n    color: #FF69B4 !important;\n    letter-spacing: 0.3em !important;\n    animation: ink-text-fade 3s ease-in-out infinite alternate !important;\n    text-shadow: \n        0 0 18px rgba(255, 105, 180, 1),\n        0 0 30px rgba(255, 105, 180, 0.6) !important;\n}\n\n/* === Token消耗显示样式 === */\n.MuiStack-root.text-purple-500.mt-1.css-1kz283j {\n    background: rgba(255, 255, 255, 0.9) !important;\n    border: 1px solid rgba(255, 105, 180, 0.4) !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: \n        0 3px 12px rgba(255, 182, 193, 0.1),\n        0 0 20px rgba(255, 105, 180, 0.1) !important;\n    margin-top: 6px !important;\n}\n\n.MuiStack-root.css-1kz283j > p.MuiTypography-root.css-6c0gf2 {\n    color: #2c3e50 !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: 'Microsoft YaHei', '微软雅黑', sans-serif !important;\n}\n\n.MuiStack-root.css-1kz283j > p.MuiTypography-root.css-6c0gf2::after {\n    content: '显示消耗' !important;\n    background: rgba(255, 105, 180, 0.18) !important;\n    color: #FF69B4 !important;\n    border: 1px solid rgba(255, 105, 180, 0.35) !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: 'Microsoft YaHei', '微软雅黑', sans-serif !important;\n    font-weight: 600 !important;\n    white-space: nowrap;\n    box-shadow: inset 0 0 4px rgba(255, 105, 180, 0.2);\n}\n\n.MuiStack-root.css-1kz283j > p.MuiTypography-root.css-6c0gf2:hover::after {\n    background: rgba(255, 105, 180, 0.9) !important;\n    border-color: rgba(255, 105, 180, 0.7) !important;\n    color: #ffffff !important;\n    box-shadow: \n        0 0 20px rgba(255, 105, 180, 0.7),\n        inset 0 0 8px rgba(255, 105, 180, 0.4) !important;\n    text-shadow: none !important;\n}\n\n.MuiStack-root.css-1kz283j > p.MuiTypography-root.css-1x48u03 {\n    color: #FF69B4 !important;\n    font-size: 13.5px !important;\n    font-weight: 600 !important;\n    margin: 0 !important;\n    padding: 3px 8px !important;\n    background: rgba(255, 105, 180, 0.15) !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, rgba(255, 255, 255, 0.92), rgba(255, 245, 250, 0.88));\n    border-radius: 20px;\n    border: 1px solid rgba(255, 105, 180, 0.4);\n    box-shadow: \n        0 5px 18px rgba(255, 182, 193, 0.08),\n        inset 0 1px 3px rgba(255, 105, 180, 0.08),\n        0 0 0 1px rgba(255, 105, 180, 0.15),\n        0 0 25px rgba(255, 105, 180, 0.08);\n    backdrop-filter: blur(20px) saturate(130%);\n    -webkit-backdrop-filter: blur(20px) saturate(130%);\n    accent-color: #FF69B4;\n    position: relative;\n    overflow: hidden;\n    transition: all 0.35s ease;\n}\n\n.classUI-audio-player:hover {\n    border-color: rgba(255, 105, 180, 0.6);\n    box-shadow: \n        0 7px 24px rgba(255, 182, 193, 0.15),\n        inset 0 1px 3px rgba(255, 105, 180, 0.15),\n        0 0 0 1px rgba(255, 105, 180, 0.25),\n        0 0 35px rgba(255, 105, 180, 0.15);\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='35' height='35' xmlns='http://www.w3.org/2000/svg'%3E%3Cpolygon points='17.5,10 19,14 23,14 20,17 21.5,21 17.5,18.5 13.5,21 15,17 12,14 16,14' fill='%23FF69B4' opacity='0.12'/%3E%3C/svg%3E\");\n    background-size: 35px 35px;\n    opacity: 0.4;\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(255, 105, 180, 0.15);\n    border-radius: 50%;\n    transition: all 0.35s ease;\n    filter: brightness(0) saturate(100%) invert(59%) sepia(66%) saturate(5672%) hue-rotate(313deg) brightness(101%) contrast(101%);\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(255, 105, 180, 0.3);\n    transform: scale(1.08);\n    box-shadow: 0 0 15px rgba(255, 105, 180, 0.5);\n}\n\n.classUI-audio-player::-webkit-media-controls-current-time-display,\n.classUI-audio-player::-webkit-media-controls-time-remaining-display {\n    color: #2c3e50;\n    font-weight: 600;\n    font-size: 11.5px;\n    text-shadow: 0 0 10px rgba(255, 105, 180, 0.6);\n    font-family: 'Microsoft YaHei', '微软雅黑', sans-serif;\n}\n\n.classUI-audio-player::-webkit-media-controls-timeline {\n    background-color: rgba(255, 105, 180, 0.15);\n    border-radius: 9px;\n    height: 7px;\n    border: 1px solid rgba(255, 105, 180, 0.4);\n    box-shadow: \n        inset 0 1px 4px rgba(0, 0, 0, 0.2),\n        0 0 12px rgba(255, 105, 180, 0.12);\n    transition: all 0.35s ease;\n}\n\n.classUI-audio-player::-webkit-media-controls-timeline:hover {\n    background-color: rgba(255, 105, 180, 0.22);\n    border-color: rgba(255, 105, 180, 0.6);\n    box-shadow: \n        inset 0 1px 4px rgba(0, 0, 0, 0.2),\n        0 0 18px rgba(255, 105, 180, 0.25);\n}\n\n.classUI-audio-player::-webkit-media-controls-volume-slider {\n    background-color: rgba(255, 105, 180, 0.15);\n    border-radius: 9px;\n    height: 7px;\n    border: 1px solid rgba(255, 105, 180, 0.4);\n    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.12);\n    transition: all 0.35s ease;\n}\n\n.classUI-audio-player::-webkit-media-controls-volume-slider:hover {\n    background-color: rgba(255, 105, 180, 0.22);\n    border-color: rgba(255, 105, 180, 0.6);\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(59%) sepia(66%) saturate(5672%) hue-rotate(313deg) brightness(101%) contrast(101%);\n    opacity: 0.85;\n    transition: opacity 0.35s 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.mb-2 .shrink-0 {\n    display: none;\n}\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(255, 240, 245, 0.05), rgba(255, 230, 240, 0.03));\n    border: 1px solid rgba(255, 105, 180, 0.25);\n    border-left: 4px solid #FF69B4;\n    border-radius: 8px;\n    font-family: 'Microsoft YaHei', '微软雅黑', sans-serif;\n    line-height: 1.8;\n    box-shadow: 0 2px 8px rgba(255, 182, 193, 0.06), inset 0 1px 0 rgba(255, 255, 255, 0.4);\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(255, 105, 180, 0.08), rgba(218, 112, 214, 0.06));\n    border-color: rgba(255, 105, 180, 0.4);\n    box-shadow: 0 4px 14px rgba(255, 182, 193, 0.12), inset 0 1px 0 rgba(255, 255, 255, 0.5);\n}\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: #FF69B4;\n    font-weight: 700;\n    margin-bottom: 8px;\n    font-size: 14px;\n    text-shadow: 0 0 8px rgba(255, 105, 180, 0.5);\n    font-family: 'Microsoft YaHei', '微软雅黑', sans-serif;\n    letter-spacing: 1px;\n}\n\n/* === 统一列表内标签 === */\n.styled-prose-container spell_card_list info {\n    display: inline-block;\n    color: #DA70D6;\n    font-weight: 600;\n    font-size: 13.5px;\n    margin-right: 5px;\n    font-family: 'Microsoft YaHei', '微软雅黑', sans-serif;\n}\n\n/* === 统一Tooltip触发器T === */\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: #34495e;\n    font-weight: 600;\n    text-decoration: none;\n    border-bottom: 1px dashed #FF69B4;\n    padding: 2px 8px;\n    background: rgba(255, 105, 180, 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(255, 105, 180, 0.2);\n    color: #ff1493;\n    border-bottom-style: solid;\n    box-shadow: 0 0 12px rgba(255, 105, 180, 0.25);\n    z-index: 100;\n}\n\n/* === 统一Tooltip提示框Ti === */\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(255, 255, 255, 0.99), rgba(255, 245, 250, 0.97));\n    color: #2c3e50;\n    text-align: left;\n    border: 1px solid #FF69B4;\n    border-left: 4px solid #FF69B4;\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: 'Microsoft YaHei', '微软雅黑', sans-serif;\n    box-shadow: 0 8px 30px rgba(255, 182, 193, 0.25), 0 0 20px rgba(255, 105, 180, 0.18);\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/* === 统一Tooltip装饰性标题 === */\n.styled-prose-container spell_card_list T Ti::before,\n.styled-prose-container item_list T Ti::before {\n    content: '【 魔法笔记 】';\n    display: block;\n    font-size: 0.7em;\n    color: #FF69B4;\n    margin-bottom: 8px;\n    padding-bottom: 5px;\n    border-bottom: 1px solid rgba(255, 105, 180, 0.3);\n    letter-spacing: 2px;\n    font-weight: 700;\n    font-family: 'Microsoft YaHei', '微软雅黑', sans-serif;\n}\n\n/* === 统一Tooltip悬浮显示 === */\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/* === 统一Tooltip内部信息项 === */\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: #ff1493;\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: 6px solid #FF69B4;\n        border-right: 6px solid #DA70D6;\n    }\n    .chat::before {\n        animation-duration: 80s;\n    }\n    .bubble {\n        max-width: 88%;\n        padding: 16px 20px;\n    }\n    .bubble .name {\n        font-size: 0.72em;\n        letter-spacing: 1.8px;\n    }\n    .bubble .msg {\n        font-size: 0.92em;\n    }\n    .doc {\n        padding: 26px 22px;\n    }\n    .doc .title::before {\n        animation: none;\n    }\n    .tooltip-card {\n        width: 280px;\n    }\n    .styled-prose-container details {\n        font-size: 14.5px;\n        line-height: 1.9;\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    .styled-prose-container details[open] > summary {\n        padding-top: 18px;\n        margin-bottom: 18px;\n    }\n    .classUI-table tbody td,\n    .classUI-table thead th {\n        font-size: 12.5px;\n        padding: 12px 10px;\n    }\n    .classUI-story {\n        font-size: 15.5px;\n        padding: 22px 24px;\n    }\n    .classUI-npc-card {\n        padding: 16px;\n    }\n    .classUI-actions {\n        font-size: 14.5px;\n        padding: 18px 20px;\n    }\n    .classUI-audio-player {\n        height: 35px;\n    }\n    .classUI-audio-player::-webkit-media-controls-current-time-display,\n    .classUI-audio-player::-webkit-media-controls-time-remaining-display {\n        font-size: 10.5px;\n    }\n    .sticky.w-full.top-0.flex.items-center {\n        animation: none !important;\n    }\n    .sticky.w-full.top-0.flex.items-center::before,\n    .sticky.w-full.top-0.flex.items-center::after,\n    .sticky.w-full.top-0.flex.items-center .inline-flex.items-center::before,\n    #ai-model-selector .group::before,\n    #header-setting-button::before {\n        animation: none !important;\n    }\n    .styled-prose-container wealth_info,\n    .styled-prose-container spell_card_list,\n    .styled-prose-container item_list {\n        padding: 10px 14px;\n        margin: 12px 0;\n    }\n    .styled-prose-container spell_card_list T Ti,\n    .styled-prose-container item_list T Ti {\n        max-width: 180px;\n        padding: 8px 12px;\n        font-size: 0.8em;\n        left: 0;\n    }\n    .styled-prose-container spell_card_list T Ti::before,\n    .styled-prose-container item_list T Ti::before {\n        font-size: 0.66em;\n        letter-spacing: 1.2px;\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    .bubble.npc::before,\n    .bubble.user::before,\n    .sticky.w-full.top-0.flex.items-center,\n    .sticky.w-full.top-0.flex.items-center::before,\n    .sticky.w-full.top-0.flex.items-center::after,\n    .sticky.w-full.top-0.flex.items-center .inline-flex.items-center::before,\n    #ai-model-selector .group::before,\n    #header-setting-button::before {\n        animation: none !important;\n    }\n    .styled-prose-container spell_card_list T:hover Ti,\n    .styled-prose-container item_list T:hover Ti {\n        transform: translateY(0);\n        transition: none;\n    }\n}\n\n/* === 隐藏特定背景元素 === */\n[class*=\"bg-[#F1CBCB]\"], \n[class*=\"bg-[#c9e1e9]\"] {\n    display: none;\n}\n\n/* ========================================\n   魔法少女主题样式表结束\n   ======================================== */\n\n/* ========== 魔法少女风格 - 魔法商店界面 (追加模块) ========== */\n\n/* 顶层容器 - 整体风格定义 */\n.ep-exchange {\n  border: 2px solid #FF69B4;\n  background-color: #FFF5FA;\n  padding: 15px;\n  font-family: 'Microsoft YaHei', '微软雅黑', sans-serif;\n  color: #4A3C45;\n  border-radius: 8px;\n  box-shadow: 0 4px 12px rgba(255, 105, 180, 0.15), inset 0 1px 0 rgba(255, 255, 255, 0.3);\n  max-width: 800px;\n  margin: 0 auto;\n  position: relative;\n}\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(255, 105, 180, 0.02) 50px, rgba(255, 105, 180, 0.02) 51px),\n    repeating-linear-gradient(0deg, transparent, transparent 50px, rgba(255, 105, 180, 0.02) 50px, rgba(255, 105, 180, 0.02) 51px);\n  pointer-events: none;\n  border-radius: 6px;\n}\n\n/* ========== 标题区域 ========== */\n.ep-exchange .title {\n  text-align: center;\n  border-bottom: 2px solid #FF69B4;\n  padding-bottom: 10px;\n  margin-bottom: 15px;\n  margin-top: 0;\n  color: #FF1493;\n  font-weight: bold;\n  font-size: 1.3em;\n  letter-spacing: 2px;\n  text-shadow: 1px 1px 2px rgba(255, 105, 180, 0.1);\n  position: relative;\n  z-index: 1;\n}\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: #FFD700;\n  font-weight: bold;\n  text-shadow: 0 1px 2px rgba(255, 215, 0, 0.3);\n}\n\n.ep-exchange .currency-special {\n  color: #DA70D6;\n  font-weight: bold;\n  text-shadow: 0 1px 2px rgba(218, 112, 214, 0.3);\n}\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/* 魔法道具分类 - 粉色系 */\n.ep-exchange .category-rare {\n  background: linear-gradient(135deg, #FFE4F0 0%, #FFD1E8 100%);\n  border-left: 4px solid #FF69B4;\n  color: #C71585;\n}\n\n/* 变身强化分类 - 紫色系 */\n.ep-exchange .category-power {\n  background: linear-gradient(135deg, #F3E6FA 0%, #E8D8F6 100%);\n  border-left: 4px solid #DA70D6;\n  color: #8B008B;\n}\n\n/* 魔法零食分类 - 浅粉色系 */\n.ep-exchange .category-life {\n  background: linear-gradient(135deg, #FFF0F5 0%, #FFE8F0 100%);\n  border-left: 4px solid #FFB6C1;\n  color: #DB7093;\n}\n\n/* 星光情报分类 - 金色系 */\n.ep-exchange .category-info {\n  background: linear-gradient(135deg, #FFFACD 0%, #FFF4B8 100%);\n  border-left: 4px solid #FFD700;\n  color: #DAA520;\n}\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(255, 105, 180, 0.12);\n  transform: translateX(5px);\n  border-left-color: #FF69B4;\n  box-shadow: 0 2px 6px rgba(255, 105, 180, 0.15);\n}\n\n.ep-exchange .item-note {\n  font-size: 0.85em;\n  color: #666;\n  font-style: italic;\n  opacity: 0.9;\n}\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 #FF69B4;\n  padding-top: 10px;\n  color: #4A3C45;\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: #666;\n  margin-top: 5px;\n  margin-bottom: 0;\n  position: relative;\n  z-index: 1;\n}\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(255, 105, 180, 0.08);\n  border-radius: 4px;\n}\n\n.ep-exchange .item-list::-webkit-scrollbar-thumb {\n  background: linear-gradient(180deg, #FF69B4 0%, #FF1493 100%);\n  border-radius: 4px;\n  transition: background 0.3s ease;\n  border: 1px solid rgba(255, 20, 147, 0.3);\n}\n\n.ep-exchange .item-list::-webkit-scrollbar-thumb:hover {\n  background: linear-gradient(180deg, #FF1493 0%, #DA70D6 100%);\n}\n\n/* ========== 响应式设计 ========== */\n@media (max-width: 768px) {\n  .ep-exchange {\n    padding: 12px;\n    border-width: 1.5px;\n  }\n  \n  .ep-exchange .title {\n    font-size: 1.1em;\n    letter-spacing: 1px;\n    padding-bottom: 8px;\n  }\n  \n  .ep-exchange .balance {\n    font-size: 0.95em;\n  }\n  \n  .ep-exchange .category-title {\n    font-size: 0.95em;\n    padding: 6px 10px;\n  }\n  \n  .ep-exchange .item-list {\n    padding-left: 5px;\n    max-height: 200px;\n  }\n  \n  .ep-exchange .item-list li {\n    font-size: 0.9em;\n    padding: 6px 8px;\n  }\n  \n  .ep-exchange .prompt {\n    font-size: 0.9em;\n  }\n  \n  .ep-exchange .secondary-prompt {\n    font-size: 0.85em;\n  }\n}\n\n@media (max-width: 480px) {\n  .ep-exchange {\n    padding: 10px;\n  }\n  \n  .ep-exchange .title {\n    font-size: 1em;\n    letter-spacing: 0.5px;\n  }\n  \n  .ep-exchange .category-title {\n    font-size: 0.9em;\n  }\n  \n  .ep-exchange .item-list li {\n    font-size: 0.85em;\n  }\n}\nthink {\n  display: none !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":"【次元校准】"},{"order":3,"label":"评价系统","type":"SET-INPUT","value":"（评价系统启动）+好评，如xxxx描写的不错/差评，xxxx我不喜欢。+下一轮的回复"},{"order":4,"label":"角色锚定","type":"SET-INPUT","value":"【次元回响】"}]},"language":"zh","containsNSFW":true,"publicAccess":true,"deletedAt":null,"isAnonymous":false,"enableSafeguard":true,"defaultModelSettings":null,"totalConversations":46,"totalMessages":575,"totalCreditsUsed":861967,"totalTokensUsed":20800805,"totalPlayedUsers":28,"deeplyPlayed":11,"fixedPromptLength":8753,"lorebookLength":32540,"author":{"id":"mHXKJWR7xJeAF4vbb5715Ak9ImhcLpNK","name":"青梧朦胧","displayUsername":"2755431831","username":"2755431831"},"cardsTags":[{"tag":{"name":"同人创作","cardsCount":11}},{"tag":{"name":"已破甲","cardsCount":2205}},{"tag":{"name":"适配Gemini","cardsCount":7}},{"tag":{"name":"可剧情可涩涩","cardsCount":2460}},{"tag":{"name":"可NTR可纯爱","cardsCount":1}},{"tag":{"name":"开放世界","cardsCount":1289}},{"tag":{"name":"动漫同人","cardsCount":97}},{"tag":{"name":"自由探索","cardsCount":1082}}],"cardsVoices":[],"prompt":null,"promptSizeBytes":null}