{"id":"afc37904-3ce4-415b-81c9-be574c4f563e","authorId":"aZ7W3oiMUqvdQ1kNxHfJyTmjIUCfqteh","title":"残阀·欲界仙途❤️","description":"半数值修仙，超详细设定。在这个修仙世界中，你将见到人情冷暖，弱肉强食。炼制活人法宝，调教高冷仙子，以欲望重铸法则。万物皆可为炉鼎，从肉体改造到精神支配，在废墟之上建立你的极乐神朝。不仅是游戏，更是人性深渊的试炼。","background":"rum3x9zrr5cii08t7wffj78x.webp","backgroundWidth":2400,"backgroundHeight":1800,"cover":"y1kbb6ydvfka4b3bmji9uuur.webp","coverWidth":2400,"coverHeight":1800,"introPage":"q0h5mnkhmcd2gshhqa5lqszo.html","changelog":null,"createdAt":"2026-04-22T08:45:28.355Z","updatedAt":"2026-07-26T04:18:16.275Z","initPublicAt":"2026-04-22T08:53:08.672Z","renderTemplate":null,"assistantRegexReplace":null,"enableMemorySchema":false,"memorySchema":null,"injectStyles":".mb-2 .shrink-0 {\n    display:none;\n}\n@media(max-width:768px){\n.mb-2 .shrink-0 {\n    display:flex;\n}\n}\n\n.w-full.h-full.max-h-\\[70vh\\] {\n  max-height: 100% !important;\n  height: 100% !important;\n}\nplanning,guide,judge {display:none;}\n.style_dot-flashing__8L91Q.style_text__zGhNq {\n    display: none !important;\n}\n.chat-answer-container .flex.items-center.justify-center.w-6.h-5 {\n    position: relative !important;\n    width: 100% !important;\n    height: 140px !important;\n    min-height: 140px !important;\n    display: flex !important;\n    align-items: center !important;\n    justify-content: center !important;\n    padding: 20px 0 !important;\n}\n.chat-answer-container .flex.items-center.justify-center.w-6.h-5::before {\n    content: '' !important;\n    position: absolute !important;\n    top: 20px !important;\n    left: 50% !important;\n    transform: translateX(-50%) !important;\n    width: 110px !important;\n    height: 110px !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='swordGrad' x1='0%25' y1='0%25' x2='0%25' y2='100%25'%3E%3Cstop offset='0%25' stop-color='%23ffd700' stop-opacity='0.95'/%3E%3Cstop offset='30%25' stop-color='%23fff8dc' stop-opacity='1'/%3E%3Cstop offset='60%25' stop-color='%23ffec8b' stop-opacity='0.9'/%3E%3Cstop offset='100%25' stop-color='%23daa520' stop-opacity='0.85'/%3E%3C/linearGradient%3E%3ClinearGradient id='handleGrad' x1='0%25' y1='0%25' x2='100%25' y2='100%25'%3E%3Cstop offset='0%25' stop-color='%23c44569' stop-opacity='0.95'/%3E%3Cstop offset='50%25' stop-color='%23ff8fa3' stop-opacity='0.9'/%3E%3Cstop offset='100%25' stop-color='%23ffb6c1' stop-opacity='0.85'/%3E%3C/linearGradient%3E%3ClinearGradient id='petalGrad' x1='0%25' y1='0%25' x2='100%25' y2='100%25'%3E%3Cstop offset='0%25' stop-color='%23ffb6c1' stop-opacity='0.85'/%3E%3Cstop offset='50%25' stop-color='%23ffd1dc' stop-opacity='0.7'/%3E%3Cstop offset='100%25' stop-color='%23ff8fa3' stop-opacity='0.55'/%3E%3C/linearGradient%3E%3ClinearGradient id='runeGrad' x1='0%25' y1='0%25' x2='100%25' y2='100%25'%3E%3Cstop offset='0%25' stop-color='%23ffd700' stop-opacity='0.8'/%3E%3Cstop offset='50%25' stop-color='%23ffec8b' stop-opacity='0.65'/%3E%3Cstop offset='100%25' stop-color='%23ffb6c1' stop-opacity='0.5'/%3E%3C/linearGradient%3E%3CradialGradient id='glowBase'%3E%3Cstop offset='0%25' stop-color='%23fff8dc' stop-opacity='0.6'/%3E%3Cstop offset='40%25' stop-color='%23ffd700' stop-opacity='0.35'/%3E%3Cstop offset='70%25' stop-color='%23ffb6c1' stop-opacity='0.15'/%3E%3Cstop offset='100%25' stop-color='%23ff8fa3' stop-opacity='0'/%3E%3C/radialGradient%3E%3Cfilter id='softGlow'%3E%3CfeGaussianBlur stdDeviation='1.2' result='blur'/%3E%3CfeMerge%3E%3CfeMergeNode in='blur'/%3E%3CfeMergeNode in='SourceGraphic'/%3E%3C/feMerge%3E%3C/filter%3E%3Cfilter id='strongGlow'%3E%3CfeGaussianBlur stdDeviation='2' result='blur'/%3E%3CfeMerge%3E%3CfeMergeNode in='blur'/%3E%3CfeMergeNode in='blur'/%3E%3CfeMergeNode in='SourceGraphic'/%3E%3C/feMerge%3E%3C/filter%3E%3C/defs%3E%3C!-- 底部光晕脉动 --%3E%3Cellipse cx='50' cy='50' rx='35' ry='8' fill='url(%23glowBase)' opacity='0.8'%3E%3Canimate attributeName='rx' values='35;42;35' dur='2.4s' repeatCount='indefinite'/%3E%3Canimate attributeName='opacity' values='0.6;0.9;0.6' dur='2.4s' repeatCount='indefinite'/%3E%3C/ellipse%3E%3C!-- 外层符文环（顺时针旋转） --%3E%3Cg transform='translate(50,50)' filter='url(%23softGlow)'%3E%3Ccircle cx='0' cy='0' r='38' fill='none' stroke='url(%23runeGrad)' stroke-width='0.8' opacity='0.7' stroke-dasharray='3,4'%3E%3Canimate attributeName='stroke-dashoffset' from='0' to='28' dur='4s' repeatCount='indefinite'/%3E%3Canimate attributeName='stroke-opacity' values='0.5;0.85;0.5' dur='2.8s' repeatCount='indefinite'/%3E%3C/circle%3E%3Cg opacity='0.75'%3E%3CanimateTransform attributeName='transform' type='rotate' from='0' to='360' dur='12s' repeatCount='indefinite'/%3E%3Ccircle cx='0' cy='-38' r='2' fill='%23ffd700' opacity='0.9'%3E%3Canimate attributeName='r' values='2;2.8;2' dur='1.5s' repeatCount='indefinite'/%3E%3C/circle%3E%3Cpath d='M -1,-40 L 1,-40 L 0,-44 Z' fill='url(%23runeGrad)'/%3E%3Cg transform='rotate(60)'%3E%3Ccircle cx='0' cy='-38' r='2' fill='%23ffd700' opacity='0.9'%3E%3Canimate attributeName='r' values='2;2.8;2' dur='1.5s' begin='0.25s' repeatCount='indefinite'/%3E%3C/circle%3E%3Cpath d='M -1,-40 L 1,-40 L 0,-44 Z' fill='url(%23runeGrad)'/%3E%3C/g%3E%3Cg transform='rotate(120)'%3E%3Ccircle cx='0' cy='-38' r='2' fill='%23ffd700' opacity='0.9'%3E%3Canimate attributeName='r' values='2;2.8;2' dur='1.5s' begin='0.5s' repeatCount='indefinite'/%3E%3C/circle%3E%3Cpath d='M -1,-40 L 1,-40 L 0,-44 Z' fill='url(%23runeGrad)'/%3E%3C/g%3E%3Cg transform='rotate(180)'%3E%3Ccircle cx='0' cy='-38' r='2' fill='%23ffd700' opacity='0.9'%3E%3Canimate attributeName='r' values='2;2.8;2' dur='1.5s' begin='0.75s' repeatCount='indefinite'/%3E%3C/circle%3E%3Cpath d='M -1,-40 L 1,-40 L 0,-44 Z' fill='url(%23runeGrad)'/%3E%3C/g%3E%3Cg transform='rotate(240)'%3E%3Ccircle cx='0' cy='-38' r='2' fill='%23ffd700' opacity='0.9'%3E%3Canimate attributeName='r' values='2;2.8;2' dur='1.5s' begin='1s' repeatCount='indefinite'/%3E%3C/circle%3E%3Cpath d='M -1,-40 L 1,-40 L 0,-44 Z' fill='url(%23runeGrad)'/%3E%3C/g%3E%3Cg transform='rotate(300)'%3E%3Ccircle cx='0' cy='-38' r='2' fill='%23ffd700' opacity='0.9'%3E%3Canimate attributeName='r' values='2;2.8;2' dur='1.5s' begin='1.25s' repeatCount='indefinite'/%3E%3C/circle%3E%3Cpath d='M -1,-40 L 1,-40 L 0,-44 Z' fill='url(%23runeGrad)'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C!-- 飘舞的灵气花瓣（绕剑中心逆时针旋转） --%3E%3Cg opacity='0.85'%3E%3CanimateTransform attributeName='transform' type='rotate' from='0 50 50' to='-360 50 50' dur='8s' repeatCount='indefinite'/%3E%3Cg transform='translate(50,50)'%3E%3Cg transform='translate(0,-28)'%3E%3Cellipse cx='0' cy='0' rx='4' ry='8' fill='url(%23petalGrad)' filter='url(%23softGlow)'%3E%3Canimate attributeName='ry' values='8;10;8' dur='2s' repeatCount='indefinite'/%3E%3Canimate attributeName='opacity' values='0.7;1;0.7' dur='2s' repeatCount='indefinite'/%3E%3C/ellipse%3E%3C/g%3E%3Cg transform='rotate(60) translate(0,-28)'%3E%3Cellipse cx='0' cy='0' rx='4' ry='8' fill='url(%23petalGrad)' filter='url(%23softGlow)'%3E%3Canimate attributeName='ry' values='8;10;8' dur='2s' begin='0.33s' repeatCount='indefinite'/%3E%3Canimate attributeName='opacity' values='0.7;1;0.7' dur='2s' begin='0.33s' repeatCount='indefinite'/%3E%3C/ellipse%3E%3C/g%3E%3Cg transform='rotate(120) translate(0,-28)'%3E%3Cellipse cx='0' cy='0' rx='4' ry='8' fill='url(%23petalGrad)' filter='url(%23softGlow)'%3E%3Canimate attributeName='ry' values='8;10;8' dur='2s' begin='0.66s' repeatCount='indefinite'/%3E%3Canimate attributeName='opacity' values='0.7;1;0.7' dur='2s' begin='0.66s' repeatCount='indefinite'/%3E%3C/ellipse%3E%3C/g%3E%3Cg transform='rotate(180) translate(0,-28)'%3E%3Cellipse cx='0' cy='0' rx='4' ry='8' fill='url(%23petalGrad)' filter='url(%23softGlow)'%3E%3Canimate attributeName='ry' values='8;10;8' dur='2s' begin='1s' repeatCount='indefinite'/%3E%3Canimate attributeName='opacity' values='0.7;1;0.7' dur='2s' begin='1s' repeatCount='indefinite'/%3E%3C/ellipse%3E%3C/g%3E%3Cg transform='rotate(240) translate(0,-28)'%3E%3Cellipse cx='0' cy='0' rx='4' ry='8' fill='url(%23petalGrad)' filter='url(%23softGlow)'%3E%3Canimate attributeName='ry' values='8;10;8' dur='2s' begin='1.33s' repeatCount='indefinite'/%3E%3Canimate attributeName='opacity' values='0.7;1;0.7' dur='2s' begin='1.33s' repeatCount='indefinite'/%3E%3C/ellipse%3E%3C/g%3E%3Cg transform='rotate(300) translate(0,-28)'%3E%3Cellipse cx='0' cy='0' rx='4' ry='8' fill='url(%23petalGrad)' filter='url(%23softGlow)'%3E%3Canimate attributeName='ry' values='8;10;8' dur='2s' begin='1.66s' repeatCount='indefinite'/%3E%3Canimate attributeName='opacity' values='0.7;1;0.7' dur='2s' begin='1.66s' repeatCount='indefinite'/%3E%3C/ellipse%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C!-- 中心仙剑 --%3E%3Cg transform='translate(50,50)' filter='url(%23strongGlow)'%3E%3Cpath d='M -1,-20 L -2,-18 L -1.5,18 L -0.5,20 L 0.5,20 L 1.5,18 L 2,-18 L 1,-20 Z' fill='url(%23swordGrad)' opacity='0.95'%3E%3Canimate attributeName='opacity' values='0.9;1;0.9' dur='2s' repeatCount='indefinite'/%3E%3C/path%3E%3Cpath d='M 0,-20 L 0,20' stroke='%23fffacd' stroke-width='0.5' opacity='0.9'%3E%3Canimate attributeName='opacity' values='0.6;1;0.6' dur='2s' repeatCount='indefinite'/%3E%3C/path%3E%3Cpath d='M 0,20 L 0,-20' stroke='%23fff8dc' stroke-width='1.2' opacity='0.6' stroke-linecap='round'%3E%3Canimate attributeName='stroke-dasharray' values='0,40;40,0;0,40' dur='2.5s' repeatCount='indefinite'/%3E%3Canimate attributeName='opacity' values='0.3;0.8;0.3' dur='2.5s' repeatCount='indefinite'/%3E%3C/path%3E%3Cpath d='M -1,-20 L 0,-25 L 1,-20 Z' fill='%23fffacd' opacity='0.95'%3E%3Canimate attributeName='opacity' values='0.85;1;0.85' dur='1.8s' repeatCount='indefinite'/%3E%3C/path%3E%3Crect x='-5' y='19' width='10' height='2.5' rx='0.5' fill='url(%23handleGrad)'/%3E%3Crect x='-4' y='19.5' width='8' height='1' fill='%23ffd1dc' opacity='0.7'/%3E%3Crect x='-1.8' y='21' width='3.6' height='8' rx='1.8' fill='url(%23handleGrad)'/%3E%3Cellipse cx='0' cy='25' rx='1.2' ry='2' fill='%23c44569' opacity='0.8'/%3E%3Ccircle cx='0' cy='30' r='2.2' fill='url(%23glowBase)' opacity='0.9'%3E%3Canimate attributeName='r' values='2.2;2.6;2.2' dur='2s' repeatCount='indefinite'/%3E%3C/circle%3E%3Ccircle cx='0' cy='30' r='1.3' fill='%23ffd700' opacity='0.95'%3E%3Canimate attributeName='r' values='1.3;1.6;1.3' dur='2s' repeatCount='indefinite'/%3E%3C/circle%3E%3Ccircle cx='0' cy='30' r='0.6' fill='%23fffacd'/%3E%3C/g%3E%3C!-- 上升的灵气粒子 --%3E%3Cg opacity='0.7'%3E%3Ccircle cx='42' cy='70' r='1.2' fill='%23ffd700'%3E%3Canimate attributeName='cy' values='70;25;70' dur='3.5s' repeatCount='indefinite'/%3E%3Canimate attributeName='opacity' values='0;0.9;0' dur='3.5s' repeatCount='indefinite'/%3E%3C/circle%3E%3Ccircle cx='58' cy='75' r='1' fill='%23ffb6c1'%3E%3Canimate attributeName='cy' values='75;30;75' dur='3.2s' repeatCount='indefinite'/%3E%3Canimate attributeName='opacity' values='0;0.85;0' dur='3.2s' repeatCount='indefinite'/%3E%3C/circle%3E%3Ccircle cx='36' cy='68' r='0.9' fill='%23ffec8b'%3E%3Canimate attributeName='cy' values='68;22;68' dur='3.8s' repeatCount='indefinite'/%3E%3Canimate attributeName='opacity' values='0;0.8;0' dur='3.8s' repeatCount='indefinite'/%3E%3C/circle%3E%3Ccircle cx='64' cy='72' r='1.1' fill='%23ff8fa3'%3E%3Canimate attributeName='cy' values='72;28;72' dur='3.3s' repeatCount='indefinite'/%3E%3Canimate attributeName='opacity' values='0;0.9;0' dur='3.3s' repeatCount='indefinite'/%3E%3C/circle%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    overflow: visible !important;\n    z-index: 1 !important;\n    pointer-events: none !important;\n}\n@media (max-width: 480px) {\n    .chat-answer-container .flex.items-center.justify-center.w-6.h-5 {\n        height: 120px !important;\n        min-height: 120px !important;\n    }\n    \n    .chat-answer-container .flex.items-center.justify-center.w-6.h-5::before {\n        width: 85px !important;\n        height: 85px !important;\n        top: 15px !important;\n    }\n    \n    .chat-answer-container .flex.items-center.justify-center.w-6.h-5::after {\n        font-size: 11px !important;\n    }\n}\n\n.chat-answer-container .flex.items-center.justify-center.w-6.h-5::after {\n    content: '加载中……推荐记忆2-3游玩' !important;\n    position: absolute !important;\n    bottom: 5px !important;\n    left: 50% !important;\n    transform: translateX(-50%) !important;\n    color: #ffb6c1 !important;\n    font-size: 13px !important;\n    font-weight: 500 !important;\n    white-space: nowrap !important;\n    text-shadow: \n        0 0 10px rgba(255, 182, 193, 0.7),\n        0 0 20px rgba(255, 182, 193, 0.4) !important;\n    letter-spacing: 0.5px !important;\n    z-index: 2 !important;\n    opacity: 0.95 !important;\n}\n@media (prefers-reduced-motion: reduce) {\n    .chat-answer-container .flex.items-center.justify-center.w-6.h-5::before {\n        opacity: 0.85 !important;\n    }\n}\n.xui summary {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    gap: 4px;\n    background: linear-gradient(145deg, #3d2a3a, #4a3347);\n    border-radius: 10px;\n    cursor: pointer;\n    list-style: none;\n    font-size: 11px;\n    color: #ffd1dc;\n    letter-spacing: 1px;\n    transition: all .25s;\n    border: 1px solid rgba(255, 182, 193, 0.4); \n    box-shadow: 0 4px 12px rgba(139, 69, 89, 0.2), inset 0 1px 0 rgba(255, 200, 210, 0.1);\n    font-family: \"LXGW WenKai\", \"霞鹜文楷\", \"楷体\", serif;\n}\n\n.xui summary::-webkit-details-marker,\n.xui summary::marker { display: none; }\n.xui details:nth-of-type(1) summary::before { -webkit-mask-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Ccircle cx='12' cy='6' r='3'/%3E%3Cpath d='M6 21v-4a6 6 0 0 1 12 0v4'/%3E%3C/svg%3E\"); mask-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Ccircle cx='12' cy='6' r='3'/%3E%3Cpath d='M6 21v-4a6 6 0 0 1 12 0v4'/%3E%3C/svg%3E\"); }\n.xui details:nth-of-type(2) summary::before { -webkit-mask-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Ccircle cx='9' cy='6' r='3'/%3E%3Ccircle cx='15' cy='6' r='3'/%3E%3Cpath d='M4 21v-3a5 5 0 0 1 8 0M12 21v-3a5 5 0 0 1 8 0v3'/%3E%3C/svg%3E\"); mask-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Ccircle cx='9' cy='6' r='3'/%3E%3Ccircle cx='15' cy='6' r='3'/%3E%3Cpath d='M4 21v-3a5 5 0 0 1 8 0M12 21v-3a5 5 0 0 1 8 0v3'/%3E%3C/svg%3E\"); }\n.xui details:nth-of-type(3) summary::before { -webkit-mask-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Cpath d='M3 20L12 4l9 16H3z'/%3E%3Cpath d='M12 20v-6'/%3E%3Ccircle cx='12' cy='11' r='1'/%3E%3C/svg%3E\"); mask-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Cpath d='M3 20L12 4l9 16H3z'/%3E%3Cpath d='M12 20v-6'/%3E%3Ccircle cx='12' cy='11' r='1'/%3E%3C/svg%3E\"); }\n.xui details:nth-of-type(4) summary::before { -webkit-mask-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Crect x='4' y='3' width='16' height='18' rx='2'/%3E%3Cpath d='M8 7h8M8 11h8M8 15h5'/%3E%3C/svg%3E\"); mask-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Crect x='4' y='3' width='16' height='18' rx='2'/%3E%3Cpath d='M8 7h8M8 11h8M8 15h5'/%3E%3C/svg%3E\"); }\n.xui summary::before {\n    content: '';\n    display: block;\n    width: 22px;\n    height: 22px;\n    /* 图标颜色改为亮粉色 */\n    background: #ffb6c1;\n    -webkit-mask-size: contain;\n    -webkit-mask-repeat: no-repeat;\n    -webkit-mask-position: center;\n    mask-size: contain;\n    mask-repeat: no-repeat;\n    mask-position: center;\n    transition: all .25s;\n}\n\n.xui details[open] summary {\n    border-color: #ffd1dc;\n    /* 激活背景加深紫色 */\n    background: linear-gradient(145deg, #4a3347, #5c3f5a);\n    box-shadow: 0 0 25px rgba(255, 182, 193, 0.4);\n}\n.xui details[open] summary::before {\n    background: #fff0f5; \n    animation: xico 1.8s ease-in-out infinite;\n}\n@keyframes xico {\n    0%, 100% { transform: scale(1); filter: drop-shadow(0 0 2px #ffb6c1); }\n    50% { transform: scale(1.2); filter: drop-shadow(0 0 8px #ffd1dc); }\n}\n\n.xui details > b {\n    display: block;\n    background: linear-gradient(180deg, rgba(42, 31, 45, 0.98), rgba(61, 42, 58, 0.98));\n    border: 1px solid rgba(255, 182, 193, 0.3);\n    border-radius: 12px;\n    box-shadow: 0 8px 32px rgba(139, 69, 89, 0.3), 0 0 20px rgba(255, 182, 193, 0.1);\n    \n    overflow-y: auto;\n    overflow-x: hidden;\n    padding: 0 16px 16px 16px;\n    color: #f0e0e5;\n    font-family: \"LXGW WenKai\", \"霞鹜文楷\", \"楷体\", serif;\n    font-style: normal;\n    font-weight: normal;\n    font-size: 14px;\n    line-height: 1.7;\n}\n\n.xui details > b::before {\n    position: sticky;\n    top: 0;\n    z-index: 10;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    height: 44px;\n    margin: 0 -16px;\n    background: linear-gradient(90deg, rgba(61, 42, 58, 1), rgba(74, 51, 71, 1), rgba(61, 42, 58, 1));\n    border-bottom: 1px solid rgba(255, 182, 193, 0.25);\n    \n    font-size: 16px;\n    font-weight: bold;\n    color: #ffd1dc; /* 标题亮粉色 */\n    letter-spacing: 3px;\n    text-shadow: 0 0 10px rgba(255, 182, 193, 0.4);\n    white-space: nowrap;\n    flex-shrink: 0;\n}\n.xui details:nth-of-type(1) > b::before { content: '◇ 主角信息 ◇'; }\n.xui details:nth-of-type(2) > b::before { content: '◇ 交互角色 ◇'; }\n.xui details:nth-of-type(3) > b::before { content: '◇ 洞天势力 ◇'; }\n.xui details:nth-of-type(4) > b::before { content: '◇ 讯息任务 ◇'; }\n\n.xui details > b::after { display: none; }\n\n.xui details > b::-webkit-scrollbar { width: 5px; }\n.xui details > b::-webkit-scrollbar-thumb { background: #3d2f1e; border-radius: 3px; }\n.xui details > b::-webkit-scrollbar-track { background: transparent; }\n#ai-chat-answer:last-child .xui {\n    position: fixed;   \n    right: 8px;     \n    top: 0;\n    height: 100%;\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    gap: 14px;\n    pointer-events: none; \n    z-index: 9000;\n}\n\n#ai-chat-answer:last-child .xui details {\n    pointer-events: auto; \n}\n#ai-chat-answer:last-child .xui summary {\n    width: 50px;\n    height: 62px;\n    position: relative;\n    z-index: 9001;\n    border-color: #ffb6c1; \n    box-shadow: 0 0 10px rgba(255, 182, 193, 0.3), inset 0 -2px 6px rgba(0, 0, 0, .3);\n}\n#ai-chat-answer:last-child .xui summary:hover {\n    border-color: #ffd1dc;\n    box-shadow: 0 0 20px rgba(255, 182, 193, 0.5);\n}\n\n#ai-chat-answer:last-child .xui details > b {\n    position: fixed;\n    right: 70px;\n    top: 50%;\n    z-index: 9000;\n    width: 340px;\n    height: 55vh;\n    max-height: 440px;\n    transform: translateY(-50%) scale(.85);\n    opacity: 0;\n    visibility: hidden;\n    pointer-events: none;\n    transition: all .3s cubic-bezier(.34, 1.56, .64, 1);\n    /* 覆盖可能的全局样式 */\n    margin: 0; \n}\n\n#ai-chat-answer:last-child .xui details[open] > b {\n    transform: translateY(-50%) scale(1);\n    opacity: 1;\n    visibility: visible;\n    pointer-events: auto;\n}\n\n@media (max-width: 520px) {\n    #ai-chat-answer:last-child .xui { right: 4px; gap: 10px; }\n    #ai-chat-answer:last-child .xui summary { width: 44px; height: 54px; font-size: 10px; }\n    #ai-chat-answer:last-child .xui summary::before { width: 18px; height: 18px; }\n    #ai-chat-answer:last-child .xui details > b { \n        right: auto; \n        left: 4px; \n        width: calc(100vw - 62px); \n        max-width: none; \n    }\n}\n\n#ai-chat-answer:not(:last-child) .xui {\n    position: relative;\n    display: flex;\n    flex-direction: column;\n    gap: 0 !important; /* 增加权重，强制无缝隙 */\n    width: 100%;\n    margin-top: 12px;\n    padding-top: 12px;\n    border-top: 1px solid rgba(255, 182, 193, 0.3);\n}\n\n#ai-chat-answer:not(:last-child) .xui details {\n    width: 100%;\n    margin: 0;           /* 清除所有默认边距 */\n    margin-top: -1px;    /* 让边框重叠，防止出现双线或空隙 */\n    z-index: 0;\n    display: block;    \n}\n\n#ai-chat-answer:not(:last-child) .xui summary {\n    margin: 0;           /* 关键：防止 summary 自身产生间距 */\n    width: 100%;\n    height: 44px;\n    flex-direction: row;\n    justify-content: flex-start;\n    padding: 0 16px;\n    gap: 12px;\n    font-size: 13px;\n    font-weight: bold;\n    border-radius: 0; \n    border: 1px solid rgba(255, 182, 193, 0.3);\n    color: #ffd1dc;\n    box-shadow: none;\n}\n#ai-chat-answer:not(:last-child) .xui details[open] { z-index: 1; }\n\n\n/* 圆角处理 */\n#ai-chat-answer:not(:last-child) .xui details:first-of-type summary {\n    border-top-left-radius: 8px;\n    border-top-right-radius: 8px;\n}\n#ai-chat-answer:not(:last-child) .xui details:last-of-type summary {\n    border-bottom-left-radius: 8px;\n    border-bottom-right-radius: 8px;\n}\n#ai-chat-answer:not(:last-child) .xui details:last-of-type[open] summary {\n    border-radius: 0;\n}\n\n/* 面板：嵌入式 */\n#ai-chat-answer:not(:last-child) .xui details > b {\n    position: relative;\n    width: 100%;\n    height: auto;\n    max-height: none;\n    transform: none;\n    opacity: 1;\n    visibility: visible;\n    pointer-events: auto;\n    border-top: none;\n    border-radius: 0;\n    overflow: visible; \n}\n#ai-chat-answer:not(:last-child) .xui details:last-of-type > b {\n    border-bottom-left-radius: 8px;\n    border-bottom-right-radius: 8px;\n}\n\n\n\n/* 标签样式 */\n.xui basic t,\n.xui .female-info t {\n    display: inline-block;\n    /* 改为高亮奶白偏粉，对比度极高 */\n    color: #fff0f5; \n    font-size: 12px;\n    /* 加粗字体，增加存在感 */\n    font-weight: bold; \n    margin-right: 2px;\n    /* 增加文字发光效果，解决“颜色太淡”问题 */\n    text-shadow: 0 0 2px rgba(255, 105, 180, 0.4), 0 0 1px #000;\n    font-family: \"LXGW WenKai\", \"霞鹜文楷\", sans-serif;\n    opacity: 1; /* 去除透明度 */\n}\n/* ==========================================================================\n   第三部分：主角面板内容样式 - 修仙古韵 (完整版)\n   ========================================================================== */\n\n/* === 区块通用样式 === */\n.xui basic,\n.xui magic,\n.xui equip,\n.xui item,\n.xui spirit {\n    display: block;\n    position: relative;\n    padding: 12px 14px;\n    margin: 10px 0;\n    border-radius: 8px;\n    font-size: 13px;\n}\n\n/* === 基础信息区块 === */\n.xui basic {\n    background: \n        url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' opacity='0.12'%3E%3Ccircle cx='50' cy='50' r='45' fill='none' stroke='%23ffb6c1' stroke-width='1'/%3E%3Ccircle cx='50' cy='50' r='35' fill='none' stroke='%23ffb6c1' stroke-width='0.5'/%3E%3Cpath d='M50 5 L50 15 M50 85 L50 95 M5 50 L15 50 M85 50 L95 50' stroke='%23ffb6c1' stroke-width='1'/%3E%3Cpath d='M50 50 m-20 0 a20 20 0 1 0 40 0 a10 10 0 1 1 -20 0 a10 10 0 1 0 -20 0 z' fill='%23ffb6c1' fill-rule='evenodd'/%3E%3C/svg%3E\") no-repeat calc(100% - 10px) 10px / 55px 55px,\n        linear-gradient(160deg, rgba(50, 35, 48, 0.95) 0%, rgba(38, 26, 38, 0.98) 100%);\n    border: 1px solid rgba(255, 182, 193, 0.25);\n    box-shadow: inset 0 1px 0 rgba(255, 210, 220, 0.08);\n}\n\n.xui .level {\n    position: relative;\n    margin: 10px 0;\n    padding-top: 20px; /* 为label留空间 */\n}\n\n.xui .level .label {\n    position: absolute;\n    top: 0;\n    left: 0;\n    font-size: 12px;\n    color: #e8879b;\n    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.9);\n    font-weight: bold;\n    letter-spacing: 1px;\n}\n\n.xui .level .bar {\n    position: relative;\n    height: 20px;\n    background: rgba(15, 10, 18, 0.85);\n    border-radius: 10px;\n    border: 1px solid rgba(255, 182, 193, 0.35);\n    box-shadow: inset 0 2px 6px rgba(0, 0, 0, 0.5);\n}\n\n.xui .level .bar .fill {\n    height: 100%;\n    width: 0%; /* 默认值，通过style覆盖 */\n    background: linear-gradient(90deg, \n        #8b3a5c 0%, \n        #c75b7a 35%, \n        #e8879b 65%, \n        #ffc4d4 100%\n    );\n    border-radius: 10px;\n    box-shadow: \n        0 0 12px rgba(199, 91, 122, 0.6),\n        inset 0 1px 0 rgba(255, 255, 255, 0.3);\n}\n\n.xui .level .value {\n    position: absolute;\n    top: 50%;\n    right: 10px;\n    transform: translateY(-50%);\n    font-size: 10px;\n    color: #fff;\n    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.9);\n    font-weight: bold;\n    letter-spacing: 1px;\n    font-family: \"Consolas\", monospace;\n}\n\n/* === 女性专属信息 === */\n.xui .female-info {\n    padding: 10px 12px;\n    margin: 10px 0;\n    background: \n        url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 60' opacity='0.08'%3E%3Cpath d='M30 5 C45 5 55 20 55 32 C55 50 30 58 30 58 C30 58 5 50 5 32 C5 20 15 5 30 5' fill='none' stroke='%23ff69b4' stroke-width='1.5'/%3E%3Cpath d='M30 18 L32 25 L39 25 L33 30 L36 38 L30 33 L24 38 L27 30 L21 25 L28 25 Z' fill='%23ff69b4'/%3E%3C/svg%3E\") no-repeat calc(100% - 8px) center / 40px 40px,\n        linear-gradient(135deg, rgba(255, 20, 147, 0.08) 0%, rgba(255, 105, 180, 0.04) 100%);\n    border: 1px solid rgba(255, 105, 180, 0.3);\n    border-radius: 8px;\n}\n\n/* === 功法区块 === */\n.xui magic {\n    background: \n        url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 80 80' opacity='0.1'%3E%3Ccircle cx='40' cy='40' r='35' fill='none' stroke='%239370db' stroke-width='0.8'/%3E%3Cpath d='M40 8 L44 35 L70 25 L48 42 L70 55 L44 48 L40 75 L36 48 L10 55 L32 42 L10 25 L36 35 Z' fill='none' stroke='%239370db' stroke-width='0.8'/%3E%3Ccircle cx='40' cy='40' r='8' fill='none' stroke='%239370db' stroke-width='1'/%3E%3C/svg%3E\") no-repeat calc(100% - 8px) 8px / 50px 50px,\n        linear-gradient(165deg, rgba(75, 45, 85, 0.9) 0%, rgba(45, 28, 55, 0.95) 100%);\n    border: 1px solid rgba(147, 112, 219, 0.3);\n}\n\n/* === 装备区块 === */\n.xui equip {\n    background: \n        url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 80' opacity='0.12'%3E%3Cpath d='M30 5 L33 50 L40 52 L30 78 L20 52 L27 50 Z' fill='none' stroke='%2387ceeb' stroke-width='1'/%3E%3Cellipse cx='30' cy='15' rx='8' ry='3' fill='none' stroke='%2387ceeb' stroke-width='0.8'/%3E%3Cpath d='M22 50 L30 55 L38 50' fill='none' stroke='%2387ceeb' stroke-width='0.8'/%3E%3C/svg%3E\") no-repeat calc(100% - 12px) 5px / 35px 50px,\n        linear-gradient(165deg, rgba(40, 50, 70, 0.9) 0%, rgba(28, 35, 50, 0.95) 100%);\n    border: 1px solid rgba(100, 149, 237, 0.3);\n}\n\n/* === 物品区块 === */\n.xui item {\n    background: \n        url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 70' opacity='0.1'%3E%3Cellipse cx='25' cy='60' rx='18' ry='8' fill='none' stroke='%23daa520' stroke-width='1'/%3E%3Cpath d='M7 60 L7 30 Q7 15 25 15 Q43 15 43 30 L43 60' fill='none' stroke='%23daa520' stroke-width='1'/%3E%3Cellipse cx='25' cy='30' rx='18' ry='6' fill='none' stroke='%23daa520' stroke-width='0.8'/%3E%3Cpath d='M20 8 Q25 3 30 8 L30 15 L20 15 Z' fill='none' stroke='%23daa520' stroke-width='0.8'/%3E%3C/svg%3E\") no-repeat calc(100% - 10px) 8px / 35px 48px,\n        linear-gradient(165deg, rgba(60, 48, 32, 0.9) 0%, rgba(42, 32, 22, 0.95) 100%);\n    border: 1px solid rgba(218, 165, 32, 0.3);\n}\n\n/* === 器灵区块 === */\n.xui spirit {\n    background: \n        url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 60' opacity='0.1'%3E%3Cellipse cx='30' cy='45' rx='20' ry='10' fill='none' stroke='%237fffd4'/%3E%3Cpath d='M15 45 Q10 30 20 20 Q30 10 40 20 Q50 30 45 45' fill='none' stroke='%237fffd4' stroke-width='1'/%3E%3Ccircle cx='24' cy='28' r='3' fill='%237fffd4'/%3E%3Ccircle cx='36' cy='28' r='3' fill='%237fffd4'/%3E%3Cpath d='M30 55 L30 65' stroke='%237fffd4' stroke-width='1' stroke-dasharray='2,2'/%3E%3C/svg%3E\") no-repeat calc(100% - 10px) 8px / 40px 45px,\n        linear-gradient(165deg, rgba(32, 55, 55, 0.9) 0%, rgba(22, 40, 42, 0.95) 100%);\n    border: 1px solid rgba(127, 255, 212, 0.25);\n}\n\n/* ==========================================================================\n   区块标题样式\n   ========================================================================== */\n.xui magic::before,\n.xui equip::before,\n.xui item::before {\n    content: '';\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 8px;\n    font-size: 12px;\n    letter-spacing: 3px;\n    margin-bottom: 10px;\n    padding-bottom: 8px;\n    border-bottom: 1px solid rgba(255, 182, 193, 0.2);\n}\n\n.xui magic::before { \n    content: '┄ 功法秘术 ┄'; \n    color: #c9a0dc;\n    border-image: linear-gradient(90deg, transparent, rgba(147, 112, 219, 0.4), transparent) 1;\n}\n.xui equip::before { \n    content: '┄ 法宝神兵 ┄'; \n    color: #90b8e0;\n    border-image: linear-gradient(90deg, transparent, rgba(100, 149, 237, 0.4), transparent) 1;\n}\n.xui item::before { \n    content: '┄ 丹药杂物 ┄'; \n    color: #e0c878;\n    border-image: linear-gradient(90deg, transparent, rgba(218, 165, 32, 0.4), transparent) 1;\n}\n\n.xui spirit h3 {\n    margin: 0 0 10px 0;\n    padding: 0 0 8px 0;\n    font-size: 12px;\n    font-weight: normal;\n    color: #7fffd4;\n    letter-spacing: 3px;\n    text-align: center;\n    border-bottom: 1px solid rgba(127, 255, 212, 0.2);\n}\n\n/* ==========================================================================\n   O 物品条目基础样式 (关键修复)\n   ========================================================================== */\n.xui O {\n    display: block;\n    position: relative; /* 关键：作为Ti的定位父元素 */\n    padding: 8px 12px;\n    padding-right: 32px;\n    margin: 5px 0;\n    background: rgba(40, 30, 45, 0.65);\n    border: 1px solid rgba(255, 182, 193, 0.18);\n    border-radius: 5px;\n    cursor: default;\n    transition: background 0.2s, border-color 0.2s, box-shadow 0.2s;\n    font-size: 13px;\n    line-height: 1.5;\n    overflow: visible; /* 确保Ti能溢出显示 */\n}\n\n.xui O:hover {\n    background: rgba(60, 45, 65, 0.8);\n    border-color: rgba(255, 182, 193, 0.4);\n}\n\n/* ==========================================================================\n   Ti Tooltip面板 (关键修复)\n   ========================================================================== */\n.xui O Ti {\n    /* 关键：绝对定位，脱离文档流 */\n    position: absolute;\n    left: 0;\n    top: calc(100% + 6px);\n    z-index: 500;\n    \n    /* 尺寸 */\n    display: block;\n    width: 100%;\n    min-width: 220px;\n    max-width: 300px;\n    max-height: 150px;\n    overflow-y: auto;\n    overflow-x: hidden;\n    padding: 10px 12px;\n    padding-right: 45px; /* 为右下角图标留空间 */\n    box-sizing: border-box;\n    \n    /* 外观 */\n    background: linear-gradient(160deg, rgba(58, 42, 62, 0.98) 0%, rgba(42, 30, 48, 0.99) 100%);\n    border: 1px solid rgba(255, 182, 193, 0.45);\n    border-radius: 8px;\n    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.55), 0 0 1px rgba(255, 182, 193, 0.5);\n    \n    /* 关键：默认隐藏 */\n    opacity: 0;\n    visibility: hidden;\n    pointer-events: none;\n    transform: translateY(-8px);\n    transition: all 0.2s ease-out;\n}\n\n/* 桥接区域：让鼠标能从O移动到Ti */\n.xui O::before {\n    content: '';\n    position: absolute;\n    left: 0;\n    right: 0;\n    top: 100%;\n    height: 10px;\n    background: transparent;\n}\n\n/* 悬停时显示Ti */\n.xui O:hover Ti {\n    opacity: 1;\n    visibility: visible;\n    pointer-events: auto;\n    transform: translateY(0);\n}\n\n/* Ti内部列表样式 */\n.xui O Ti li {\n    position: relative;\n    list-style: none;\n    padding: 4px 0 4px 16px;\n    font-size: 12px;\n    color: #e0d0d8;\n    line-height: 1.6;\n    border-bottom: 1px dashed rgba(255, 182, 193, 0.15);\n}\n\n.xui O Ti li:last-child {\n    border-bottom: none;\n}\n\n/* Ti滚动条 */\n.xui O Ti::-webkit-scrollbar { width: 3px; }\n.xui O Ti::-webkit-scrollbar-thumb { background: rgba(255, 182, 193, 0.4); border-radius: 2px; }\n.xui O Ti::-webkit-scrollbar-track { background: transparent; }\n\n/* ==========================================================================\n   品阶装饰符 - O右侧SVG图标\n   ========================================================================== */\n.xui O::after {\n    content: '';\n    position: absolute;\n    right: 6px;\n    top: 50%;\n    transform: translateY(-50%);\n    width: 18px;\n    height: 18px;\n    background-size: contain;\n    background-repeat: no-repeat;\n    background-position: center;\n    opacity: 0.85;\n    transition: opacity 0.2s, transform 0.2s;\n    pointer-events: none;\n}\n\n.xui O:hover::after {\n    opacity: 1;\n    transform: translateY(-50%) scale(1.15);\n}\n\n/* Ti右下角装饰图标 */\n.xui O Ti::after {\n    content: '';\n    position: absolute;\n    right: 6px;\n    bottom: 6px;\n    width: 30px;\n    height: 30px;\n    background-size: contain;\n    background-repeat: no-repeat;\n    background-position: center;\n    opacity: 0.2;\n    pointer-events: none;\n}\n\n/* Ti列表符号基础 */\n.xui O Ti li::before {\n    content: '';\n    position: absolute;\n    left: 0;\n    top: 10px;\n    width: 6px;\n    height: 6px;\n}\n\n/* ==========================================================================\n   品阶系统 - 九品视觉体系\n   ========================================================================== */\n\n/* --- 凡品 · 朴素无华 --- */\n.xui O[q*=\"凡品\"] {\n    background: rgba(70, 70, 75, 0.5);\n    border-color: rgba(140, 140, 145, 0.35);\n    color: #b8b8bc;\n}\n.xui O[q*=\"凡品\"]:hover { \n    border-color: rgba(160, 160, 165, 0.5); \n}\n.xui O[q*=\"凡品\"]::after {\n    background-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='7' fill='none' stroke='%23909095' stroke-width='2'/%3E%3Ccircle cx='12' cy='12' r='3' fill='%23707075'/%3E%3C/svg%3E\");\n}\n.xui O[q*=\"凡品\"] Ti {\n    background: linear-gradient(160deg, rgba(55, 55, 60, 0.97) 0%, rgba(40, 40, 45, 0.98) 100%);\n    border-color: rgba(130, 130, 135, 0.45);\n}\n.xui O[q*=\"凡品\"] Ti li::before {\n    background: #888;\n    border-radius: 50%;\n}\n.xui O[q*=\"凡品\"] Ti::after {\n    background-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='9' fill='none' stroke='%23888' stroke-width='1.5'/%3E%3Ccircle cx='12' cy='12' r='5' fill='none' stroke='%23888' stroke-width='1'/%3E%3Ccircle cx='12' cy='12' r='2' fill='%23888'/%3E%3C/svg%3E\");\n}\n\n/* --- 灵品 · 灵韵初生 --- */\n.xui O[q*=\"灵品\"] {\n    background: linear-gradient(90deg, rgba(34, 120, 50, 0.18) 0%, rgba(45, 35, 50, 0.6) 100%);\n    border-color: rgba(80, 200, 100, 0.35);\n    color: #a8e6a0;\n}\n.xui O[q*=\"灵品\"]:hover { \n    border-color: rgba(80, 200, 100, 0.55); \n    box-shadow: 0 0 8px rgba(80, 200, 100, 0.15);\n}\n.xui O[q*=\"灵品\"]::after {\n    background-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 20 L12 10' stroke='%2350a050' stroke-width='2' stroke-linecap='round'/%3E%3Cpath d='M12 4 Q18 7 16 13 Q12 11 12 11 Q12 11 8 13 Q6 7 12 4' fill='%2370cf70'/%3E%3Ccircle cx='12' cy='5' r='1.5' fill='%23a0ffa0'/%3E%3C/svg%3E\");\n}\n.xui O[q*=\"灵品\"] Ti {\n    background: \n        radial-gradient(ellipse at 90% 90%, rgba(80, 200, 100, 0.08) 0%, transparent 50%),\n        linear-gradient(160deg, rgba(35, 55, 40, 0.97) 0%, rgba(28, 42, 32, 0.98) 100%);\n    border-color: rgba(80, 200, 100, 0.45);\n}\n.xui O[q*=\"灵品\"] Ti li::before {\n    background: linear-gradient(135deg, #60d060, #40a040);\n    border-radius: 2px;\n    transform: rotate(45deg);\n    width: 5px;\n    height: 5px;\n}\n.xui O[q*=\"灵品\"] Ti::after {\n    background-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Cpath d='M20 38 L20 18' stroke='%2350a050' stroke-width='2'/%3E%3Cpath d='M20 5 Q32 10 28 22 Q20 18 20 18 Q20 18 12 22 Q8 10 20 5' fill='%2360c060'/%3E%3Ccircle cx='20' cy='6' r='2' fill='%2390ff90'/%3E%3C/svg%3E\");\n}\n\n/* --- 宝品 · 灵宝蕴光 --- */\n.xui O[q*=\"宝品\"] {\n    background: linear-gradient(90deg, rgba(50, 100, 180, 0.2) 0%, rgba(40, 35, 55, 0.6) 100%);\n    border-color: rgba(100, 150, 220, 0.4);\n    color: #a0c8f0;\n}\n.xui O[q*=\"宝品\"]:hover { \n    border-color: rgba(100, 150, 220, 0.6); \n    box-shadow: 0 0 10px rgba(100, 150, 220, 0.18);\n}\n.xui O[q*=\"宝品\"]::after {\n    background-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2 L20 8 L12 22 L4 8 Z' fill='%235090d0'/%3E%3Cpath d='M4 8 L12 11 L20 8' stroke='%2380c0ff' stroke-width='1' fill='none'/%3E%3Cpath d='M12 11 L12 22' stroke='%2380c0ff' stroke-width='1'/%3E%3C/svg%3E\");\n}\n.xui O[q*=\"宝品\"] Ti {\n    background: \n        radial-gradient(ellipse at 90% 90%, rgba(100, 150, 220, 0.1) 0%, transparent 50%),\n        linear-gradient(160deg, rgba(35, 45, 60, 0.97) 0%, rgba(25, 32, 45, 0.98) 100%);\n    border-color: rgba(100, 150, 220, 0.5);\n}\n.xui O[q*=\"宝品\"] Ti li::before {\n    width: 0;\n    height: 0;\n    border: 3px solid transparent;\n    border-bottom: 5px solid #70a8e8;\n    background: none;\n    top: 6px;\n}\n.xui O[q*=\"宝品\"] Ti::after {\n    background-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Cpath d='M20 3 L35 14 L20 37 L5 14 Z' fill='%234080c0'/%3E%3Cpath d='M5 14 L20 19 L35 14 M20 19 L20 37' stroke='%2380c0ff' stroke-width='1' fill='none'/%3E%3C/svg%3E\");\n}\n\n/* --- 玄品 · 玄奥莫测 --- */\n.xui O[q*=\"玄品\"] {\n    background: linear-gradient(90deg, rgba(120, 60, 180, 0.22) 0%, rgba(50, 35, 60, 0.6) 100%);\n    border-color: rgba(160, 100, 220, 0.45);\n    color: #d4b0f0;\n    box-shadow: inset 0 0 15px rgba(140, 80, 200, 0.08);\n}\n.xui O[q*=\"玄品\"]:hover { \n    border-color: rgba(160, 100, 220, 0.65); \n    box-shadow: inset 0 0 15px rgba(140, 80, 200, 0.08), 0 0 12px rgba(160, 100, 220, 0.2);\n}\n.xui O[q*=\"玄品\"]::after {\n    background-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cellipse cx='12' cy='12' rx='10' ry='6' fill='none' stroke='%239060c0' stroke-width='1.5'/%3E%3Ccircle cx='12' cy='12' r='4' fill='%23b080e0'/%3E%3Ccircle cx='12' cy='12' r='2' fill='%23400060'/%3E%3Ccircle cx='13' cy='11' r='1' fill='%23e0c0ff'/%3E%3C/svg%3E\");\n}\n.xui O[q*=\"玄品\"] Ti {\n    background: \n        radial-gradient(ellipse at 90% 90%, rgba(140, 80, 200, 0.12) 0%, transparent 50%),\n        linear-gradient(160deg, rgba(50, 35, 60, 0.97) 0%, rgba(38, 26, 48, 0.98) 100%);\n    border-color: rgba(160, 100, 220, 0.55);\n    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.55), inset 0 0 20px rgba(140, 80, 200, 0.08);\n}\n.xui O[q*=\"玄品\"] Ti li::before {\n    width: 6px;\n    height: 6px;\n    background: radial-gradient(circle, #d0a0ff 30%, #9060c0 100%);\n    border-radius: 50%;\n    box-shadow: 0 0 4px #b080e0;\n}\n.xui O[q*=\"玄品\"] Ti::after {\n    background-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Ccircle cx='20' cy='20' r='16' fill='none' stroke='%239060c0' stroke-width='1'/%3E%3Cellipse cx='20' cy='20' rx='16' ry='8' fill='none' stroke='%23a070d0' stroke-width='1.2'/%3E%3Ccircle cx='20' cy='20' r='6' fill='%23a070d0'/%3E%3Ccircle cx='20' cy='20' r='3' fill='%23300050'/%3E%3Ccircle cx='22' cy='18' r='1.5' fill='%23e0c0ff'/%3E%3C/svg%3E\");\n}\n\n/* --- 地品 · 厚德载物 --- */\n.xui O[q*=\"地品\"] {\n    background: linear-gradient(90deg, rgba(180, 140, 50, 0.22) 0%, rgba(55, 45, 35, 0.6) 100%);\n    border-color: rgba(210, 170, 70, 0.5);\n    color: #f0e080;\n    box-shadow: inset 0 0 18px rgba(200, 160, 60, 0.08);\n}\n.xui O[q*=\"地品\"]:hover { \n    border-color: rgba(220, 180, 80, 0.7); \n    box-shadow: inset 0 0 18px rgba(200, 160, 60, 0.08), 0 0 12px rgba(210, 170, 70, 0.2);\n}\n.xui O[q*=\"地品\"]::after {\n    background-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M2 20 L9 8 L12 12 L17 5 L22 20 Z' fill='%23c0a040'/%3E%3Cpath d='M9 8 L12 12 L17 5' stroke='%23e8c860' stroke-width='1' fill='none'/%3E%3C/svg%3E\");\n}\n.xui O[q*=\"地品\"] Ti {\n    background: \n        radial-gradient(ellipse at 90% 90%, rgba(200, 160, 60, 0.1) 0%, transparent 50%),\n        linear-gradient(160deg, rgba(55, 45, 32, 0.97) 0%, rgba(42, 35, 25, 0.98) 100%);\n    border-color: rgba(210, 170, 70, 0.55);\n}\n.xui O[q*=\"地品\"] Ti li::before {\n    width: 0;\n    height: 0;\n    border-left: 4px solid transparent;\n    border-right: 4px solid transparent;\n    border-bottom: 6px solid #d0a030;\n    background: none;\n    top: 7px;\n}\n.xui O[q*=\"地品\"] Ti::after {\n    background-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Cpath d='M2 35 L14 12 L20 20 L28 6 L38 35 Z' fill='%23b09030'/%3E%3Cpath d='M14 12 L20 20 L28 6' stroke='%23d8b850' stroke-width='1.5' fill='none'/%3E%3C/svg%3E\");\n}\n\n/* --- 天品 · 天威浩荡 --- */\n.xui O[q*=\"天品\"] {\n    background: linear-gradient(90deg, rgba(220, 100, 50, 0.22) 0%, rgba(60, 40, 40, 0.6) 100%);\n    border-color: rgba(255, 160, 80, 0.5);\n    color: #ffc8a0;\n    box-shadow: inset 0 0 20px rgba(240, 120, 60, 0.1);\n}\n.xui O[q*=\"天品\"]:hover { \n    border-color: rgba(255, 170, 90, 0.7); \n    box-shadow: inset 0 0 20px rgba(240, 120, 60, 0.1), 0 0 15px rgba(255, 140, 70, 0.25);\n}\n.xui O[q*=\"天品\"]::after {\n    background-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 16 Q4 12 8 12 Q8 8 14 8 Q20 8 20 13 Q23 13 22 17 Q20 20 12 20 Q4 20 4 16' fill='%23ff9050'/%3E%3Ccircle cx='10' cy='12' r='1' fill='%23ffe0c0'/%3E%3Ccircle cx='15' cy='11' r='1.2' fill='%23ffe0c0'/%3E%3C/svg%3E\");\n}\n.xui O[q*=\"天品\"] Ti {\n    background: \n        radial-gradient(ellipse at 90% 90%, rgba(255, 140, 70, 0.1) 0%, transparent 50%),\n        linear-gradient(160deg, rgba(60, 42, 35, 0.97) 0%, rgba(48, 32, 28, 0.98) 100%);\n    border-color: rgba(255, 160, 80, 0.55);\n}\n.xui O[q*=\"天品\"] Ti li::before {\n    width: 6px;\n    height: 3px;\n    background: linear-gradient(90deg, transparent, #ff9050, transparent);\n    border-radius: 1px;\n    top: 11px;\n}\n.xui O[q*=\"天品\"] Ti::after {\n    background-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Cpath d='M4 25 Q4 18 12 18 Q12 12 22 10 Q32 10 33 18 Q38 18 37 25 Q34 32 20 32 Q4 32 4 25' fill='%23e88040'/%3E%3Cpath d='M8 24 Q12 20 20 22 Q28 20 32 24' stroke='%23ffc090' stroke-width='1.5' fill='none'/%3E%3Ccircle cx='14' cy='18' r='2' fill='%23ffd0a0'/%3E%3Ccircle cx='24' cy='15' r='2.5' fill='%23ffd0a0'/%3E%3C/svg%3E\");\n}\n\n/* --- 道品 · 道法自然 --- */\n.xui O[q*=\"道品\"] {\n    background: \n        radial-gradient(ellipse at 20% 50%, rgba(180, 40, 60, 0.12) 0%, transparent 60%),\n        linear-gradient(90deg, rgba(150, 40, 50, 0.2) 0%, rgba(55, 30, 35, 0.65) 100%);\n    border-color: rgba(200, 80, 90, 0.55);\n    color: #f8b0b0;\n    box-shadow: inset 0 0 22px rgba(180, 50, 60, 0.12);\n}\n.xui O[q*=\"道品\"]:hover { \n    border-color: rgba(220, 90, 100, 0.75); \n    box-shadow: inset 0 0 22px rgba(180, 50, 60, 0.12), 0 0 18px rgba(200, 70, 80, 0.28);\n}\n.xui O[q*=\"道品\"]::after {\n    background-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='10' fill='none' stroke='%23d05050' stroke-width='1.5'/%3E%3Cpath d='M12 2 A10 10 0 0 1 12 22 A5 5 0 0 1 12 12 A5 5 0 0 0 12 2' fill='%23c04040'/%3E%3Ccircle cx='12' cy='7' r='2' fill='%23300000'/%3E%3Ccircle cx='12' cy='17' r='2' fill='%23ff9090'/%3E%3C/svg%3E\");\n}\n.xui O[q*=\"道品\"] Ti {\n    background: \n        radial-gradient(ellipse at 50% 50%, rgba(180, 50, 60, 0.08) 0%, transparent 60%),\n        radial-gradient(ellipse at 90% 90%, rgba(200, 70, 80, 0.12) 0%, transparent 50%),\n        linear-gradient(160deg, rgba(55, 30, 35, 0.97) 0%, rgba(42, 22, 28, 0.98) 100%);\n    border-color: rgba(200, 80, 90, 0.6);\n    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.55), inset 0 0 25px rgba(180, 50, 60, 0.1);\n}\n.xui O[q*=\"道品\"] Ti li::before {\n    width: 8px;\n    height: 8px;\n    background: conic-gradient(#c04040 0deg 180deg, #ffa0a0 180deg 360deg);\n    border-radius: 50%;\n    top: 8px;\n    left: -1px;\n}\n.xui O[q*=\"道品\"] Ti::after {\n    background-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Ccircle cx='20' cy='20' r='16' fill='none' stroke='%23c05050' stroke-width='1.5'/%3E%3Cpath d='M20 4 A16 16 0 0 1 20 36 A8 8 0 0 1 20 20 A8 8 0 0 0 20 4' fill='%23b04040'/%3E%3Ccircle cx='20' cy='12' r='3' fill='%23400000'/%3E%3Ccircle cx='20' cy='28' r='3' fill='%23ffa0a0'/%3E%3C/svg%3E\");\n    opacity: 0.25;\n}\n\n/* --- 仙品 · 仙光流彩 --- */\n.xui O[q*=\"仙品\"] {\n    background: \n        linear-gradient(90deg, \n            rgba(255, 120, 120, 0.12) 0%,\n            rgba(255, 220, 120, 0.1) 25%,\n            rgba(120, 255, 180, 0.1) 50%,\n            rgba(120, 180, 255, 0.1) 75%,\n            rgba(220, 140, 255, 0.12) 100%\n        ),\n        rgba(45, 35, 50, 0.6);\n    border: 1px solid rgba(255, 255, 255, 0.4);\n    color: #fff;\n    text-shadow: 0 0 6px rgba(255, 255, 255, 0.35);\n    box-shadow: inset 0 0 25px rgba(255, 200, 255, 0.06), 0 0 8px rgba(200, 180, 255, 0.15);\n}\n.xui O[q*=\"仙品\"]:hover { \n    border-color: rgba(255, 255, 255, 0.65); \n    box-shadow: inset 0 0 25px rgba(255, 200, 255, 0.08), 0 0 18px rgba(220, 180, 255, 0.3);\n}\n.xui O[q*=\"仙品\"]::after {\n    background-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cdefs%3E%3ClinearGradient id='ig' x1='0%25' y1='0%25' x2='100%25'%3E%3Cstop offset='0%25' stop-color='%23ff9eae'/%3E%3Cstop offset='50%25' stop-color='%239effc8'/%3E%3Cstop offset='100%25' stop-color='%23d89eff'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d='M12 20 L12 8' stroke='url(%23ig)' stroke-width='2' stroke-linecap='round'/%3E%3Cpath d='M12 8 Q6 6 2 10 Q6 8 10 10 Q8 6 12 4 Q16 6 14 10 Q18 8 22 10 Q18 6 12 8' fill='url(%23ig)'/%3E%3Ccircle cx='12' cy='4' r='2' fill='%23fff'/%3E%3C/svg%3E\");\n}\n.xui O[q*=\"仙品\"] Ti {\n    background: \n        linear-gradient(90deg, \n            rgba(255, 120, 120, 0.05) 0%,\n            rgba(255, 220, 120, 0.04) 25%,\n            rgba(120, 255, 180, 0.04) 50%,\n            rgba(120, 180, 255, 0.04) 75%,\n            rgba(220, 140, 255, 0.05) 100%\n        ),\n        linear-gradient(160deg, rgba(50, 40, 55, 0.97) 0%, rgba(38, 30, 42, 0.98) 100%);\n    border: 1px solid rgba(255, 255, 255, 0.5);\n    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.55), 0 0 15px rgba(200, 180, 255, 0.15);\n}\n.xui O[q*=\"仙品\"] Ti li {\n    color: #f8f0ff;\n}\n.xui O[q*=\"仙品\"] Ti li::before {\n    width: 6px;\n    height: 6px;\n    background: linear-gradient(135deg, #ff9eae, #ffe29e, #9effc8, #9ec8ff, #d89eff);\n    clip-path: polygon(50% 0%, 100% 38%, 82% 100%, 18% 100%, 0% 38%);\n    top: 9px;\n}\n.xui O[q*=\"仙品\"] Ti::after {\n    background-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Cdefs%3E%3ClinearGradient id='xg' x1='0%25' y1='0%25' x2='100%25'%3E%3Cstop offset='0%25' stop-color='%23ff9eae'/%3E%3Cstop offset='33%25' stop-color='%23ffe29e'/%3E%3Cstop offset='66%25' stop-color='%239effc8'/%3E%3Cstop offset='100%25' stop-color='%23d89eff'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d='M20 35 L20 15' stroke='url(%23xg)' stroke-width='2'/%3E%3Cpath d='M20 15 Q10 12 4 18 Q10 14 16 17 Q12 10 20 5 Q28 10 24 17 Q30 14 36 18 Q30 12 20 15' fill='url(%23xg)'/%3E%3Ccircle cx='20' cy='5' r='3' fill='%23fff'/%3E%3C/svg%3E\");\n    opacity: 0.3;\n}\n\n/* --- 圣品 · 圣道至尊 --- */\n.xui O[q*=\"圣品\"] {\n    background: \n        radial-gradient(ellipse at 30% 50%, rgba(255, 255, 255, 0.18) 0%, transparent 55%),\n        radial-gradient(ellipse at 70% 50%, rgba(255, 220, 120, 0.12) 0%, transparent 50%),\n        linear-gradient(90deg, rgba(255, 250, 230, 0.1) 0%, rgba(50, 45, 40, 0.5) 100%);\n    border: 1px solid rgba(255, 255, 255, 0.6);\n    color: #fffef5;\n    text-shadow: 0 0 8px rgba(255, 255, 255, 0.5), 0 0 16px rgba(255, 220, 150, 0.3);\n    box-shadow: inset 0 0 30px rgba(255, 255, 255, 0.1), 0 0 15px rgba(255, 255, 255, 0.25), 0 0 25px rgba(255, 220, 150, 0.12);\n}\n.xui O[q*=\"圣品\"]:hover { \n    border-color: rgba(255, 255, 255, 0.85); \n    box-shadow: inset 0 0 35px rgba(255, 255, 255, 0.12), 0 0 22px rgba(255, 255, 255, 0.35), 0 0 35px rgba(255, 220, 150, 0.2);\n}\n.xui O[q*=\"圣品\"]::after {\n    background-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='5' fill='%23fffde0'/%3E%3Ccircle cx='12' cy='12' r='8' fill='none' stroke='%23fff0a0' stroke-width='1'/%3E%3Cpath d='M12 1 L12 4 M12 20 L12 23 M1 12 L4 12 M20 12 L23 12 M4 4 L6 6 M18 18 L20 20 M4 20 L6 18 M18 6 L20 4' stroke='%23ffe070' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E\");\n}\n.xui O[q*=\"圣品\"] Ti {\n    background: \n        radial-gradient(ellipse at 50% 50%, rgba(255, 255, 255, 0.12) 0%, transparent 60%),\n        radial-gradient(ellipse at 90% 90%, rgba(255, 220, 150, 0.1) 0%, transparent 50%),\n        linear-gradient(160deg, rgba(55, 50, 45, 0.97) 0%, rgba(42, 38, 35, 0.98) 100%);\n    border: 1px solid rgba(255, 255, 255, 0.65);\n    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.5), 0 0 20px rgba(255, 255, 255, 0.2), 0 0 30px rgba(255, 220, 150, 0.1);\n}\n.xui O[q*=\"圣品\"] Ti li {\n    color: #fffef5;\n    text-shadow: 0 0 4px rgba(255, 255, 255, 0.3);\n}\n.xui O[q*=\"圣品\"] Ti li::before {\n    width: 8px;\n    height: 8px;\n    background: radial-gradient(circle, #fff 40%, #ffe090 100%);\n    border-radius: 50%;\n    box-shadow: 0 0 6px #fff, 0 0 10px #ffe090;\n    top: 8px;\n    left: -1px;\n}\n.xui O[q*=\"圣品\"] Ti::after {\n    background-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Ccircle cx='20' cy='20' r='8' fill='%23fffde0'/%3E%3Ccircle cx='20' cy='20' r='12' fill='none' stroke='%23fff0a0' stroke-width='1'/%3E%3Ccircle cx='20' cy='20' r='16' fill='none' stroke='%23ffe080' stroke-width='0.5'/%3E%3Cpath d='M20 2 L20 8 M20 32 L20 38 M2 20 L8 20 M32 20 L38 20' stroke='%23ffe070' stroke-width='2' stroke-linecap='round'/%3E%3Cpath d='M6 6 L10 10 M30 30 L34 34 M6 34 L10 30 M30 10 L34 6' stroke='%23ffd050' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E\");\n    opacity: 0.3;\n    width: 36px;\n    height: 36px;\n}\n\n/* ==========================================================================\n   移动端适配\n   ========================================================================== */\n@media (max-width: 520px) {\n    .xui basic,\n    .xui magic,\n    .xui equip,\n    .xui item,\n    .xui spirit {\n        padding: 10px;\n        margin: 8px 0;\n    }\n    \n    .xui O {\n        padding: 7px 10px;\n        padding-right: 28px;\n        font-size: 12px;\n    }\n    \n    .xui O Ti {\n        max-height: 130px;\n        padding: 8px 10px;\n        padding-right: 40px;\n        font-size: 11px;\n        min-width: 180px;\n        max-width: 260px;\n    }\n    \n    .xui O::after {\n        width: 16px;\n        height: 16px;\n        right: 5px;\n    }\n    \n    .xui O Ti::after {\n        width: 26px;\n        height: 26px;\n    }\n    \n    .xui .level {\n        height: 18px;\n    }\n    \n    .xui .level .label,\n    .xui .level .value {\n        font-size: 9px;\n    }\n    \n    .xui magic::before,\n    .xui equip::before,\n    .xui item::before {\n        font-size: 11px;\n        letter-spacing: 2px;\n    }\n}\n/* ==========================================================================\n   讯息面板 (Quest & Rumor) 专属样式\n   ========================================================================== */\n\n/* 1. 容器通用重置 */\n.xui details > b quest,\n.xui details > b rumor,\n.xui details > b list {\n    display: block;\n    position: relative;\n    box-sizing: border-box;\n}\n\n/* 2. 任务卡片 (Quest) - 仿佛悬浮的玉简法旨 */\n.xui details > b quest {\n    margin-bottom: 16px;\n    padding: 16px 20px;\n    /* 背景：深色磨砂 + 顶部微光 */\n    background: \n        radial-gradient(circle at 50% 0%, rgba(255, 182, 193, 0.15), transparent 70%),\n        rgba(30, 20, 30, 0.6);\n    border: 1px solid rgba(255, 182, 193, 0.2);\n    border-radius: 8px;\n    /* 四角装饰：使用 SVG 绘制中式边角 */\n    background-image: url(\"data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 12V2H12' stroke='%23ffb6c1' stroke-width='2' stroke-opacity='0.5'/%3E%3C/svg%3E\"),\n                      url(\"data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M38 12V2H28' stroke='%23ffb6c1' stroke-width='2' stroke-opacity='0.5'/%3E%3C/svg%3E\"),\n                      url(\"data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 28V38H12' stroke='%23ffb6c1' stroke-width='2' stroke-opacity='0.5'/%3E%3C/svg%3E\"),\n                      url(\"data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M38 28V38H28' stroke='%23ffb6c1' stroke-width='2' stroke-opacity='0.5'/%3E%3C/svg%3E\");\n    background-position: top left, top right, bottom left, bottom right;\n    background-repeat: no-repeat;\n    box-shadow: inset 0 0 20px rgba(0,0,0,0.2);\n    transition: background-color 0.3s;\n}\n\n.xui details > b quest:hover {\n    background-color: rgba(45, 30, 45, 0.7);\n    border-color: rgba(255, 182, 193, 0.4);\n}\n\n/* 3. 传闻板块 (Rumor) - 红尘风闻 */\n.xui details > b rumor {\n    margin-top: 20px;\n    padding: 12px 10px;\n    border-top: 1px dashed rgba(255, 182, 193, 0.3);\n    border-bottom: 1px dashed rgba(255, 182, 193, 0.3);\n    background: linear-gradient(90deg, transparent, rgba(255, 182, 193, 0.05), transparent);\n}\n\n/* 4. 标题 (H2) - 祥云托底 */\n.xui details > b quest h2,\n.xui details > b rumor h2 {\n    margin: 0 0 12px 0;\n    padding-bottom: 8px;\n    font-size: 15px;\n    color: #ffd1dc;\n    text-align: center;\n    font-weight: bold;\n    letter-spacing: 2px;\n    /* 底部装饰线：SVG 祥云纹理 */\n    background-image: url(\"data:image/svg+xml,%3Csvg width='120' height='10' viewBox='0 0 120 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M60 9C80 9 90 1 120 1M60 9C40 9 30 1 0 1' stroke='%23ffb6c1' stroke-opacity='0.4' stroke-width='1'/%3E%3Ccircle cx='60' cy='5' r='2' fill='%23ffb6c1'/%3E%3C/svg%3E\");\n    background-position: bottom center;\n    background-repeat: no-repeat;\n    background-size: 120px 10px;\n}\n\n/* 5. 标签 (T) - 重点强调 */\n.xui details > b quest t {\n    display: inline-block;\n    color: #deb887; /* 鎏金色 */\n    font-weight: bold;\n    font-size: 13px;\n    margin-right: 4px;\n    text-shadow: 0 0 2px rgba(222, 184, 135, 0.3);\n}\n\n/* 6. 列表样式 (List & Li) */\n.xui details > b list {\n    margin: 0;\n    padding: 0;\n}\n\n.xui details > b li {\n    list-style: none;\n    position: relative;\n    padding-left: 20px;\n    margin-bottom: 6px;\n    color: #e0d0d5;\n    font-size: 13px;\n    line-height: 1.5;\n    transition: color 0.2s;\n}\n\n/* 列表图标：小莲花/火焰 */\n.xui details > b li::before {\n    content: '';\n    position: absolute;\n    left: 0;\n    top: 4px;\n    width: 12px;\n    height: 12px;\n    /* SVG: 极简莲花图标 */\n    background-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffb6c1' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 2.5s-4 4-4 8a4 4 0 0 0 8 0c0-4-4-8-4-8z'/%3E%3Cpath d='M12 10.5c1.5 2 4 3 6 1.5'/%3E%3Cpath d='M12 10.5c-1.5 2-4 3-6 1.5'/%3E%3C/svg%3E\");\n    background-size: contain;\n    background-repeat: no-repeat;\n    opacity: 0.8;\n}\n\n/* 支线任务列表的特殊微调 */\n.xui details > b quest li:first-child {\n    font-weight: bold;\n    color: #fff0f5;\n    margin-bottom: 8px;\n    padding-left: 0; /* 标题顶格 */\n    border-left: 3px solid #deb887;\n    padding-left: 8px;\n}\n.xui details > b quest li:first-child::before {\n    display: none; /* 标题不需要图标 */\n}\n\n/* 鼠标悬停列表项高亮 */\n.xui details > b li:hover {\n    color: #fff;\n}\n.xui details > b li:hover::before {\n    filter: drop-shadow(0 0 2px #ffb6c1);\n}\n/* ==========================================================================\n   洞天面板 - 华丽精致风格\n   ========================================================================== */\n\n/* ===== 基础重置 ===== */\n.xui details > b personal,\n.xui details > b side,\n.xui details > b building,\n.xui details > b member,\n.xui details > b storage,\n.xui details > b .main-info {\n    display: block;\n    box-sizing: border-box;\n}\n\n/* ===== 1. Personal 主容器 - 洞府玉牌 ===== */\n.xui details > b personal {\n    position: relative;\n    margin-bottom: 24px;\n    padding: 24px 20px 20px;\n    /* 多层玉石质感 */\n    background: \n        /* 顶部微光 */\n        radial-gradient(ellipse 80% 30% at 50% 0%, rgba(220, 180, 200, 0.12) 0%, transparent 60%),\n        /* 中心辉光 */\n        radial-gradient(ellipse 60% 50% at 50% 50%, rgba(180, 140, 170, 0.06) 0%, transparent 70%),\n        /* 基底渐变 */\n        linear-gradient(170deg, \n            rgba(55, 40, 55, 0.95) 0%, \n            rgba(40, 28, 42, 0.98) 40%,\n            rgba(50, 35, 52, 0.97) 100%);\n    /* 双层边框效果 */\n    border: 1px solid rgba(200, 160, 180, 0.35);\n    border-radius: 16px;\n    box-shadow: \n        /* 外发光 */\n        0 0 25px rgba(180, 130, 160, 0.15),\n        /* 底部阴影 */\n        0 8px 30px rgba(0, 0, 0, 0.4),\n        /* 内层高光 */\n        inset 0 1px 0 rgba(255, 220, 240, 0.1),\n        /* 内层阴影 */\n        inset 0 -2px 15px rgba(0, 0, 0, 0.2);\n}\n\n/* 四角符文装饰 - 左上 & 右上 */\n.xui details > b personal::before {\n    content: '';\n    position: absolute;\n    top: 0; left: 0; right: 0;\n    height: 50px;\n    pointer-events: none;\n    background-image: \n        /* 左上角 - 符文框 */\n        url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 48 48'%3E%3Cpath d='M4 20V8a4 4 0 0 1 4-4h12' stroke='%23c8a0b8' stroke-width='1.5' fill='none' stroke-opacity='0.6'/%3E%3Cpath d='M8 16V12a2 2 0 0 1 2-2h4' stroke='%23d4b0c4' stroke-width='1' fill='none' stroke-opacity='0.4'/%3E%3Ccircle cx='8' cy='8' r='2' fill='%23c8a0b8' fill-opacity='0.3'/%3E%3C/svg%3E\"),\n        /* 右上角 - 符文框 */\n        url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 48 48'%3E%3Cpath d='M44 20V8a4 4 0 0 0-4-4H28' stroke='%23c8a0b8' stroke-width='1.5' fill='none' stroke-opacity='0.6'/%3E%3Cpath d='M40 16V12a2 2 0 0 0-2-2h-4' stroke='%23d4b0c4' stroke-width='1' fill='none' stroke-opacity='0.4'/%3E%3Ccircle cx='40' cy='8' r='2' fill='%23c8a0b8' fill-opacity='0.3'/%3E%3C/svg%3E\");\n    background-position: left top, right top;\n    background-repeat: no-repeat;\n    background-size: 48px 48px;\n}\n\n/* 四角符文装饰 - 左下 & 右下 */\n.xui details > b personal::after {\n    content: '';\n    position: absolute;\n    bottom: 0; left: 0; right: 0;\n    height: 50px;\n    pointer-events: none;\n    background-image: \n        url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 48 48'%3E%3Cpath d='M4 28v12a4 4 0 0 0 4 4h12' stroke='%23c8a0b8' stroke-width='1.5' fill='none' stroke-opacity='0.6'/%3E%3Cpath d='M8 32v4a2 2 0 0 0 2 2h4' stroke='%23d4b0c4' stroke-width='1' fill='none' stroke-opacity='0.4'/%3E%3Ccircle cx='8' cy='40' r='2' fill='%23c8a0b8' fill-opacity='0.3'/%3E%3C/svg%3E\"),\n        url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 48 48'%3E%3Cpath d='M44 28v12a4 4 0 0 1-4 4H28' stroke='%23c8a0b8' stroke-width='1.5' fill='none' stroke-opacity='0.6'/%3E%3Cpath d='M40 32v4a2 2 0 0 1-2 2h-4' stroke='%23d4b0c4' stroke-width='1' fill='none' stroke-opacity='0.4'/%3E%3Ccircle cx='40' cy='40' r='2' fill='%23c8a0b8' fill-opacity='0.3'/%3E%3C/svg%3E\");\n    background-position: left bottom, right bottom;\n    background-repeat: no-repeat;\n    background-size: 48px 48px;\n}\n\n/* ===== 2. Main-info 基本信息区 - 玉简展开 ===== */\n.xui details > b .main-info {\n    position: relative;\n    padding: 16px 18px;\n    margin-bottom: 20px;\n    background: \n        linear-gradient(90deg, \n            rgba(160, 120, 145, 0.08) 0%, \n            rgba(140, 100, 130, 0.12) 50%, \n            rgba(160, 120, 145, 0.08) 100%);\n    border-left: 3px solid;\n    border-image: linear-gradient(180deg, #d4a8c0, #a07890, #d4a8c0) 1;\n    border-radius: 0 10px 10px 0;\n    box-shadow: \n        inset 2px 0 12px rgba(180, 140, 165, 0.1),\n        0 2px 8px rgba(0, 0, 0, 0.15);\n}\n\n/* 信息区顶部装饰线 */\n.xui details > b .main-info::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 10%;\n    right: 10%;\n    height: 1px;\n    background: linear-gradient(90deg, transparent, rgba(200, 165, 185, 0.4), transparent);\n}\n\n/* ===== 3. H2 标题 - 精致分隔 ===== */\n.xui details > b personal h2 {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    margin: 22px 0 14px;\n    padding: 10px 0;\n    font-size: 14px;\n    font-weight: bold;\n    color: #e8d0dc;\n    letter-spacing: 4px;\n    text-shadow: 0 0 8px rgba(220, 180, 200, 0.3);\n    position: relative;\n}\n\n/* 标题两侧 - 三重渐变线 + 菱形装饰 */\n.xui details > b personal h2::before,\n.xui details > b personal h2::after {\n    content: '';\n    flex: 1;\n    height: 12px;\n    margin: 0 16px;\n    background-image: \n        /* 菱形装饰 */\n        url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='M6 1L11 6L6 11L1 6Z' stroke='%23c8a0b8' stroke-width='1' fill='none' stroke-opacity='0.6'/%3E%3Cpath d='M6 3L9 6L6 9L3 6Z' fill='%23d4b0c4' fill-opacity='0.3'/%3E%3C/svg%3E\"),\n        /* 三线渐变 */\n        linear-gradient(0deg, \n            transparent 0%, transparent 30%,\n            rgba(180, 140, 165, 0.2) 30%, rgba(180, 140, 165, 0.2) 35%,\n            transparent 35%, transparent 48%,\n            rgba(200, 160, 180, 0.5) 48%, rgba(200, 160, 180, 0.5) 52%,\n            transparent 52%, transparent 65%,\n            rgba(180, 140, 165, 0.2) 65%, rgba(180, 140, 165, 0.2) 70%,\n            transparent 70%);\n    background-size: 12px 12px, 100% 100%;\n    background-repeat: no-repeat, no-repeat;\n}\n\n.xui details > b personal h2::before {\n    background-position: right center, left center;\n}\n\n.xui details > b personal h2::after {\n    background-position: left center, right center;\n}\n\n/* ===== 4. Building 设施列表 - 灵阵运转 ===== */\n.xui details > b building {\n    position: relative;\n    padding: 14px 16px;\n    margin-bottom: 6px;\n    background: \n        /* 六边形纹理暗纹 */\n        url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='52' viewBox='0 0 60 52'%3E%3Cpath d='M30 1L55 14V38L30 51L5 38V14Z' stroke='%23806070' stroke-width='0.5' fill='none' stroke-opacity='0.15'/%3E%3C/svg%3E\"),\n        linear-gradient(135deg, rgba(70, 50, 65, 0.5) 0%, rgba(55, 38, 52, 0.6) 100%);\n    background-size: 60px 52px, 100% 100%;\n    border: 1px solid rgba(170, 130, 155, 0.25);\n    border-radius: 10px;\n    box-shadow: \n        inset 0 0 20px rgba(0, 0, 0, 0.15),\n        0 3px 10px rgba(0, 0, 0, 0.2);\n}\n\n/* ===== 5. Member 门人列表 - 玉佩令牌 ===== */\n.xui details > b member {\n    position: relative;\n    padding: 14px 16px;\n    background: \n        radial-gradient(ellipse 100% 80% at 50% 100%, rgba(180, 140, 165, 0.08) 0%, transparent 60%),\n        rgba(45, 32, 45, 0.4);\n    border-radius: 10px;\n    border: 1px solid rgba(160, 125, 145, 0.2);\n}\n\n/* ===== 6. Storage 储藏列表 - 乾坤宝匣 ===== */\n.xui details > b storage {\n    position: relative;\n    margin-top: 18px;\n    padding: 16px 18px;\n    /* 宝匣金属质感 */\n    background: \n        /* 顶部金属高光 */\n        linear-gradient(180deg, rgba(200, 170, 145, 0.1) 0%, transparent 30%),\n        /* 底纹 */\n        linear-gradient(160deg, rgba(50, 38, 48, 0.9) 0%, rgba(38, 28, 38, 0.95) 100%);\n    /* 双层边框 */\n    border: 1px solid rgba(200, 165, 140, 0.35);\n    border-radius: 8px;\n    box-shadow: \n        /* 金属外框光泽 */\n        0 0 0 1px rgba(180, 150, 130, 0.1),\n        inset 0 1px 0 rgba(220, 190, 160, 0.15),\n        inset 0 -1px 0 rgba(0, 0, 0, 0.3),\n        0 4px 15px rgba(0, 0, 0, 0.25);\n}\n\n/* 储藏区顶部锁扣装饰 */\n.xui details > b storage::before {\n    content: '';\n    position: absolute;\n    top: -8px;\n    left: 50%;\n    transform: translateX(-50%);\n    width: 40px;\n    height: 16px;\n    background-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='16' viewBox='0 0 40 16'%3E%3Crect x='12' y='6' width='16' height='10' rx='2' stroke='%23c8a080' stroke-width='1.5' fill='%232a1f28' stroke-opacity='0.7'/%3E%3Ccircle cx='20' cy='11' r='2' fill='%23d4b090' fill-opacity='0.5'/%3E%3Cpath d='M8 12h4M28 12h4' stroke='%23a08070' stroke-width='1' stroke-opacity='0.5'/%3E%3C/svg%3E\");\n    background-repeat: no-repeat;\n    background-position: center;\n}\n\n/* ===== 7. T 标签 - 铭文强调 ===== */\n.xui details > b personal t,\n.xui details > b side t {\n    display: inline-block;\n    color: #d4a882;\n    font-weight: bold;\n    font-size: 13px;\n    margin-right: 6px;\n    text-shadow: \n        0 0 4px rgba(212, 168, 130, 0.25),\n        0 1px 0 rgba(0, 0, 0, 0.3);\n    /* 微妙的下划虚线 */\n    border-bottom: 1px dotted rgba(212, 168, 130, 0.3);\n    padding-bottom: 1px;\n}\n\n/* ===== 8. Li 列表项通用 ===== */\n.xui details > b building li,\n.xui details > b member li,\n.xui details > b storage li {\n    list-style: none;\n    position: relative;\n    padding-left: 24px;\n    margin-bottom: 10px;\n    font-size: 13px;\n    color: #e5d5dd;\n    line-height: 1.65;\n    transition: color 0.2s, text-shadow 0.2s;\n}\n\n.xui details > b building li:last-child,\n.xui details > b member li:last-child,\n.xui details > b storage li:last-child {\n    margin-bottom: 0;\n}\n\n/* 悬停效果 */\n.xui details > b building li:hover,\n.xui details > b member li:hover,\n.xui details > b storage li:hover {\n    color: #fff;\n    text-shadow: 0 0 6px rgba(255, 220, 235, 0.3);\n}\n\n/* Building 图标 - 八芒法阵 */\n.xui details > b building li::before {\n    content: '';\n    position: absolute;\n    left: 0;\n    top: 4px;\n    width: 14px;\n    height: 14px;\n    background-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14'%3E%3Ccircle cx='7' cy='7' r='5.5' stroke='%23c8a0b8' stroke-width='1' fill='none' stroke-opacity='0.7'/%3E%3Cpath d='M7 1.5v11M1.5 7h11M2.6 2.6l8.8 8.8M11.4 2.6l-8.8 8.8' stroke='%23d4b0c4' stroke-width='0.6' stroke-opacity='0.5'/%3E%3Ccircle cx='7' cy='7' r='1.5' fill='%23c8a0b8' fill-opacity='0.4'/%3E%3C/svg%3E\");\n    background-size: contain;\n    background-repeat: no-repeat;\n    opacity: 0.85;\n    transition: opacity 0.2s, transform 0.2s;\n}\n\n.xui details > b building li:hover::before {\n    opacity: 1;\n    transform: rotate(45deg);\n}\n\n/* Member 图标 - 玉佩 */\n.xui details > b member li::before {\n    content: '';\n    position: absolute;\n    left: 0;\n    top: 4px;\n    width: 14px;\n    height: 14px;\n    background-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14'%3E%3Cellipse cx='7' cy='8' rx='5' ry='4.5' stroke='%23b8c8a8' stroke-width='1' fill='none' stroke-opacity='0.7'/%3E%3Cellipse cx='7' cy='8' rx='2.5' ry='2' stroke='%23c8d4b8' stroke-width='0.8' fill='%23b8c8a8' fill-opacity='0.15' stroke-opacity='0.5'/%3E%3Ccircle cx='7' cy='2.5' r='1.5' stroke='%23b8c8a8' stroke-width='0.8' fill='none' stroke-opacity='0.6'/%3E%3Cpath d='M7 4v1' stroke='%23c8d4b8' stroke-width='0.8' stroke-opacity='0.5'/%3E%3C/svg%3E\");\n    background-size: contain;\n    background-repeat: no-repeat;\n    opacity: 0.85;\n    transition: opacity 0.2s;\n}\n\n.xui details > b member li:hover::before {\n    opacity: 1;\n    filter: drop-shadow(0 0 3px rgba(184, 200, 168, 0.5));\n}\n\n/* Storage 图标 - 灵石/丹药 */\n.xui details > b storage li::before {\n    content: '';\n    position: absolute;\n    left: 0;\n    top: 4px;\n    width: 14px;\n    height: 14px;\n    background-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14'%3E%3Cpath d='M7 1L12.5 4.5V9.5L7 13L1.5 9.5V4.5L7 1Z' stroke='%23d4b090' stroke-width='1' fill='%23c8a080' fill-opacity='0.15' stroke-opacity='0.7'/%3E%3Cpath d='M7 1L7 13M1.5 4.5L12.5 9.5M12.5 4.5L1.5 9.5' stroke='%23d4b090' stroke-width='0.5' stroke-opacity='0.3'/%3E%3C/svg%3E\");\n    background-size: contain;\n    background-repeat: no-repeat;\n    opacity: 0.85;\n    transition: opacity 0.2s;\n}\n\n.xui details > b storage li:hover::before {\n    opacity: 1;\n    filter: drop-shadow(0 0 3px rgba(212, 176, 144, 0.6));\n}\n\n/* ===== 9. Side 势力信息 - 门派玉牒 ===== */\n.xui details > b side {\n    position: relative;\n    margin-top: 24px;\n    padding: 18px 20px;\n    /* 官印质感 */\n    background: \n        /* 印章水印 */\n        url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='80' viewBox='0 0 80 80'%3E%3Ccircle cx='40' cy='40' r='35' stroke='%23806070' stroke-width='2' fill='none' stroke-opacity='0.08'/%3E%3Ccircle cx='40' cy='40' r='28' stroke='%23806070' stroke-width='1' fill='none' stroke-opacity='0.06'/%3E%3Crect x='25' y='30' width='30' height='20' rx='2' stroke='%23806070' stroke-width='1' fill='none' stroke-opacity='0.05'/%3E%3C/svg%3E\"),\n        linear-gradient(150deg, rgba(58, 42, 55, 0.9) 0%, rgba(45, 32, 45, 0.95) 100%);\n    background-position: right bottom, center;\n    background-repeat: no-repeat, no-repeat;\n    background-size: 80px 80px, 100% 100%;\n    border: 1px solid rgba(180, 150, 170, 0.3);\n    border-radius: 12px;\n    box-shadow: \n        inset 0 1px 0 rgba(255, 230, 245, 0.08),\n        0 4px 16px rgba(0, 0, 0, 0.25);\n}\n\n/* Side 顶部装饰条 */\n.xui details > b side::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 20px;\n    right: 20px;\n    height: 3px;\n    background: linear-gradient(90deg, \n        transparent 0%,\n        rgba(200, 160, 180, 0.15) 15%,\n        rgba(180, 140, 165, 0.4) 50%,\n        rgba(200, 160, 180, 0.15) 85%,\n        transparent 100%);\n    border-radius: 0 0 2px 2px;\n}\n\n/* Side 底部装饰 */\n.xui details > b side::after {\n    content: '— 势力铭记 —';\n    position: absolute;\n    bottom: -10px;\n    left: 50%;\n    transform: translateX(-50%);\n    font-size: 10px;\n    color: rgba(180, 150, 170, 0.8);\n    letter-spacing: 2px;\n    white-space: nowrap;\n    background: linear-gradient(180deg, rgba(42, 31, 45, 0.98), rgba(61, 42, 58, 0.98));\n    padding: 2px 12px;\n    border-radius: 8px;\n}\n\n/* Side 内部行距 */\n.xui details > b side br {\n    display: block;\n    margin-bottom: 8px;\n}\n\n/* ==========================================================================\n   交互面板 - NPC人物符卡 华丽风格\n   ========================================================================== */\n\n/* ===== 基础重置 ===== */\n.xui details > b npc,\n.xui details > b fight,\n.xui details > b skill,\n.xui details > b .body {\n    display: block;\n    box-sizing: border-box;\n}\n\n/* ===== 1. NPC主容器 - 绢帛画卷 ===== */\n.xui details > b npc {\n    position: relative;\n    padding: 32px 24px 28px;\n    margin: 8px 0;\n    /* 绢帛丝绸质感 */\n    background: \n        /* 斜向丝绸纹理 */\n        repeating-linear-gradient(\n            135deg,\n            transparent 0px,\n            transparent 2px,\n            rgba(180, 150, 170, 0.02) 2px,\n            rgba(180, 150, 170, 0.02) 4px\n        ),\n        /* 边缘暗角 */\n        radial-gradient(ellipse 120% 80% at 50% 50%, \n            transparent 40%, \n            rgba(20, 12, 20, 0.4) 100%),\n        /* 主背景 */\n        linear-gradient(175deg, \n            rgba(62, 48, 60, 0.96) 0%, \n            rgba(45, 34, 48, 0.98) 40%,\n            rgba(52, 40, 55, 0.97) 100%);\n    border-radius: 6px;\n    box-shadow: \n        0 0 0 1px rgba(200, 170, 190, 0.25),\n        0 12px 40px rgba(0, 0, 0, 0.45),\n        inset 0 0 60px rgba(220, 190, 210, 0.03);\n}\n\n/* 卷轴上轴 - 雕花木杆 */\n.xui details > b npc::before {\n    content: '';\n    position: absolute;\n    top: -10px;\n    left: -6px;\n    right: -6px;\n    height: 20px;\n    background: \n        /* 木纹 */\n        linear-gradient(90deg,\n            #2d2028 0%, #4a3845 8%, #3d2d38 15%,\n            #4a3845 25%, #3d2d38 35%, #4a3845 45%,\n            #3d2d38 55%, #4a3845 65%, #3d2d38 75%,\n            #4a3845 85%, #3d2d38 92%, #2d2028 100%);\n    border-radius: 10px;\n    box-shadow:\n        inset 0 3px 6px rgba(255, 240, 250, 0.08),\n        inset 0 -3px 6px rgba(0, 0, 0, 0.4),\n        0 4px 12px rgba(0, 0, 0, 0.35);\n    /* 轴头装饰 */\n    background-image:\n        url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ccircle cx='10' cy='10' r='7' fill='%23352530'/%3E%3Ccircle cx='10' cy='10' r='5' stroke='%23a08090' stroke-width='1' fill='none'/%3E%3Ccircle cx='10' cy='10' r='2' fill='%23c8a8b8'/%3E%3C/svg%3E\"),\n        url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ccircle cx='10' cy='10' r='7' fill='%23352530'/%3E%3Ccircle cx='10' cy='10' r='5' stroke='%23a08090' stroke-width='1' fill='none'/%3E%3Ccircle cx='10' cy='10' r='2' fill='%23c8a8b8'/%3E%3C/svg%3E\");\n    background-position: left center, right center;\n    background-repeat: no-repeat;\n    background-size: 20px 20px;\n}\n\n/* 卷轴下轴 */\n.xui details > b npc::after {\n    content: '';\n    position: absolute;\n    bottom: -10px;\n    left: -6px;\n    right: -6px;\n    height: 20px;\n    background: \n        linear-gradient(90deg,\n            #2d2028 0%, #4a3845 8%, #3d2d38 15%,\n            #4a3845 25%, #3d2d38 35%, #4a3845 45%,\n            #3d2d38 55%, #4a3845 65%, #3d2d38 75%,\n            #4a3845 85%, #3d2d38 92%, #2d2028 100%);\n    border-radius: 10px;\n    box-shadow:\n        inset 0 3px 6px rgba(255, 240, 250, 0.05),\n        inset 0 -3px 6px rgba(0, 0, 0, 0.5),\n        0 6px 15px rgba(0, 0, 0, 0.4);\n    background-image:\n        url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ccircle cx='10' cy='10' r='7' fill='%23352530'/%3E%3Ccircle cx='10' cy='10' r='5' stroke='%23a08090' stroke-width='1' fill='none'/%3E%3Ccircle cx='10' cy='10' r='2' fill='%23c8a8b8'/%3E%3C/svg%3E\"),\n        url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ccircle cx='10' cy='10' r='7' fill='%23352530'/%3E%3Ccircle cx='10' cy='10' r='5' stroke='%23a08090' stroke-width='1' fill='none'/%3E%3Ccircle cx='10' cy='10' r='2' fill='%23c8a8b8'/%3E%3C/svg%3E\");\n    background-position: left center, right center;\n    background-repeat: no-repeat;\n    background-size: 20px 20px;\n}\n\n/* ===== 2. T标签 - 朱砂铭刻 ===== */\n.xui details > b npc > t {\n    display: inline-block;\n    color: #e8a87c;\n    font-weight: bold;\n    font-size: 13px;\n    margin-right: 4px;\n    text-shadow: 0 0 6px rgba(232, 168, 124, 0.3);\n    position: relative;\n}\n\n/* 重要标签加朱印点 */\n.xui details > b npc > t:first-child::before {\n    content: '◆';\n    position: absolute;\n    left: -14px;\n    top: 50%;\n    transform: translateY(-50%);\n    font-size: 8px;\n    color: #ff6b6b;\n    text-shadow: 0 0 4px rgba(255, 107, 107, 0.5);\n}\n\n/* ===== 3. Fight 战力法阵 ===== */\n.xui details > b fight {\n    position: relative;\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 10px 16px;\n    padding: 20px;\n    margin: 20px -4px;\n    /* 八卦法阵背景 */\n    background: \n        url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120' viewBox='0 0 120 120'%3E%3Ccircle cx='60' cy='60' r='55' stroke='%23806070' stroke-width='0.5' fill='none' opacity='0.2'/%3E%3Ccircle cx='60' cy='60' r='45' stroke='%23806070' stroke-width='0.5' fill='none' opacity='0.15'/%3E%3Ccircle cx='60' cy='60' r='35' stroke='%23806070' stroke-width='0.5' fill='none' opacity='0.1'/%3E%3Cpath d='M60 5 L60 115 M5 60 L115 60 M17 17 L103 103 M103 17 L17 103' stroke='%23806070' stroke-width='0.3' opacity='0.1'/%3E%3C/svg%3E\"),\n        radial-gradient(circle at 50% 50%, rgba(80, 60, 75, 0.3) 0%, rgba(35, 25, 35, 0.6) 70%);\n    background-position: center, center;\n    background-repeat: no-repeat, no-repeat;\n    background-size: 120px 120px, 100% 100%;\n    border: 1px solid rgba(160, 130, 150, 0.2);\n    border-radius: 50% / 20%;\n    box-shadow: \n        inset 0 0 30px rgba(0, 0, 0, 0.3),\n        0 0 20px rgba(120, 90, 110, 0.15);\n}\n\n/* 法阵中心装饰 */\n.xui details > b fight::before {\n    content: '';\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n    width: 30px;\n    height: 30px;\n    background-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3E%3Ccircle cx='15' cy='15' r='12' stroke='%23c8a8b8' stroke-width='1' fill='none' opacity='0.4'/%3E%3Ccircle cx='15' cy='15' r='6' stroke='%23d4b8c8' stroke-width='1' fill='%23403040' opacity='0.6'/%3E%3Ccircle cx='15' cy='15' r='2' fill='%23e8c8d8' opacity='0.5'/%3E%3C/svg%3E\");\n    pointer-events: none;\n    z-index: 1;\n}\n\n/* 单项能量条 */\n.xui details > b fight t {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    padding: 10px 14px;\n    font-size: 12px;\n    font-weight: normal;\n    color: #e8dce0;\n    background: rgba(30, 22, 32, 0.7);\n    border-radius: 8px;\n    position: relative;\n    overflow: hidden;\n    transition: transform 0.2s, box-shadow 0.2s;\n}\n\n.xui details > b fight t:hover {\n    transform: translateY(-2px);\n    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);\n}\n\n/* 能量条图标 - 通用样式 */\n.xui details > b fight t::before {\n    content: '';\n    width: 16px;\n    height: 16px;\n    flex-shrink: 0;\n    background-size: contain;\n    background-repeat: no-repeat;\n    background-position: center;\n}\n\n/* 灵力 - 水蓝 */\n.xui details > b fight t:nth-child(1) {\n    border-left: 3px solid #5ecfff;\n    box-shadow: inset 0 0 20px rgba(94, 207, 255, 0.08);\n}\n.xui details > b fight t:nth-child(1)::before {\n    background-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath d='M8 2C8 2 4 6 4 9.5C4 11.5 5.8 14 8 14C10.2 14 12 11.5 12 9.5C12 6 8 2 8 2Z' fill='%235ecfff' fill-opacity='0.7'/%3E%3Cpath d='M8 4C8 4 6 7 6 9C6 10.5 7 12 8 12' stroke='%23a8e8ff' stroke-width='0.8' fill='none' opacity='0.6'/%3E%3C/svg%3E\");\n}\n\n/* 精神力 - 魅紫 */\n.xui details > b fight t:nth-child(2) {\n    border-left: 3px solid #c88fff;\n    box-shadow: inset 0 0 20px rgba(200, 143, 255, 0.08);\n}\n.xui details > b fight t:nth-child(2)::before {\n    background-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Ccircle cx='8' cy='8' r='3' fill='%23c88fff' fill-opacity='0.6'/%3E%3Ccircle cx='8' cy='8' r='5' stroke='%23c88fff' stroke-width='0.8' fill='none' opacity='0.5'/%3E%3Ccircle cx='8' cy='8' r='7' stroke='%23d8a8ff' stroke-width='0.5' fill='none' opacity='0.3'/%3E%3C/svg%3E\");\n}\n\n/* 肉身强度 - 赤金 */\n.xui details > b fight t:nth-child(3) {\n    border-left: 3px solid #ffc966;\n    box-shadow: inset 0 0 20px rgba(255, 201, 102, 0.08);\n}\n.xui details > b fight t:nth-child(3)::before {\n    background-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath d='M8 2L10 6H14L11 9L12 14L8 11L4 14L5 9L2 6H6L8 2Z' fill='%23ffc966' fill-opacity='0.7'/%3E%3C/svg%3E\");\n}\n\n/* 精神强度 - 银白 */\n.xui details > b fight t:nth-child(4) {\n    border-left: 3px solid #d8d8e8;\n    box-shadow: inset 0 0 20px rgba(216, 216, 232, 0.08);\n}\n.xui details > b fight t:nth-child(4)::before {\n    background-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath d='M8 1L9.5 6.5L15 8L9.5 9.5L8 15L6.5 9.5L1 8L6.5 6.5L8 1Z' fill='%23d8d8e8' fill-opacity='0.7'/%3E%3C/svg%3E\");\n}\n\n/* 淫欲值 - 绯红 独占一行 */\n.xui details > b fight t:nth-child(5) {\n    grid-column: span 2;\n    border-left: 3px solid #ff7088;\n    background: \n        linear-gradient(90deg, \n            rgba(255, 112, 136, 0.12) 0%, \n            rgba(30, 22, 32, 0.7) 40%);\n    box-shadow: inset 0 0 25px rgba(255, 112, 136, 0.1);\n}\n.xui details > b fight t:nth-child(5)::before {\n    background-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath d='M8 14C8 14 2 10 2 6C2 3.5 4 2 6 2C7.2 2 8 2.8 8 2.8C8 2.8 8.8 2 10 2C12 2 14 3.5 14 6C14 10 8 14 8 14Z' fill='%23ff7088' fill-opacity='0.75'/%3E%3Cpath d='M6 5C5 5 4 6 4 7' stroke='%23ffa8b8' stroke-width='0.8' fill='none' stroke-linecap='round' opacity='0.6'/%3E%3C/svg%3E\");\n}\n\n/* ===== 4. Body 绮罗香闺 ===== */\n.xui details > b .body {\n    position: relative;\n    padding: 22px 20px 18px;\n    margin: 22px 0;\n    /* 绮罗帐幔质感 */\n    background: \n        /* 丝绸波纹 */\n        repeating-linear-gradient(\n            -45deg,\n            transparent 0px,\n            transparent 10px,\n            rgba(255, 180, 200, 0.02) 10px,\n            rgba(255, 180, 200, 0.02) 11px\n        ),\n        /* 渐变底色 */\n        linear-gradient(160deg, \n            rgba(85, 55, 70, 0.5) 0%, \n            rgba(65, 45, 60, 0.6) 50%,\n            rgba(75, 50, 65, 0.55) 100%);\n    /* 双层描边 */\n    border: 1px solid rgba(255, 180, 200, 0.25);\n    border-radius: 20px;\n    box-shadow: \n        0 0 0 4px rgba(255, 150, 180, 0.05),\n        inset 0 0 30px rgba(255, 180, 200, 0.05),\n        0 8px 25px rgba(0, 0, 0, 0.25);\n}\n\n/* 顶部蝴蝶结装饰 */\n.xui details > b .body::before {\n    content: '';\n    position: absolute;\n    top: -14px;\n    left: 50%;\n    transform: translateX(-50%);\n    width: 50px;\n    height: 28px;\n    background-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='50' height='28' viewBox='0 0 50 28'%3E%3Cpath d='M25 14C25 14 18 8 10 10C4 12 2 18 6 22C10 26 18 22 25 14Z' fill='%23c8688a' fill-opacity='0.8'/%3E%3Cpath d='M25 14C25 14 32 8 40 10C46 12 48 18 44 22C40 26 32 22 25 14Z' fill='%23c8688a' fill-opacity='0.8'/%3E%3Ccircle cx='25' cy='14' r='4' fill='%23ff8fa8'/%3E%3Ccircle cx='25' cy='14' r='2' fill='%23ffc0d0'/%3E%3Cpath d='M25 18L23 26M25 18L27 26' stroke='%23c8688a' stroke-width='1.5' stroke-linecap='round' opacity='0.7'/%3E%3Cpath d='M8 12C8 12 12 10 16 12' stroke='%23e898b0' stroke-width='0.6' fill='none' opacity='0.5'/%3E%3Cpath d='M42 12C42 12 38 10 34 12' stroke='%23e898b0' stroke-width='0.6' fill='none' opacity='0.5'/%3E%3C/svg%3E\");\n    background-repeat: no-repeat;\n    background-position: center;\n    background-size: contain;\n    filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.3));\n}\n\n/* 底部流苏装饰 */\n.xui details > b .body::after {\n    content: '';\n    position: absolute;\n    bottom: -12px;\n    left: 20%;\n    right: 20%;\n    height: 12px;\n    background-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='12' viewBox='0 0 120 12'%3E%3Cpath d='M10 0V10M20 0V8M30 0V10M40 0V7M50 0V10M60 0V9M70 0V10M80 0V7M90 0V10M100 0V8M110 0V10' stroke='%23c8688a' stroke-width='1' stroke-linecap='round' opacity='0.5'/%3E%3Ccircle cx='10' cy='11' r='1' fill='%23d898b0'/%3E%3Ccircle cx='30' cy='11' r='1' fill='%23d898b0'/%3E%3Ccircle cx='50' cy='11' r='1' fill='%23d898b0'/%3E%3Ccircle cx='70' cy='11' r='1' fill='%23d898b0'/%3E%3Ccircle cx='90' cy='11' r='1' fill='%23d898b0'/%3E%3Ccircle cx='110' cy='11' r='1' fill='%23d898b0'/%3E%3C/svg%3E\");\n    background-repeat: no-repeat;\n    background-position: center;\n    background-size: 100% 12px;\n}\n\n/* Body内T标签 */\n.xui details > b .body t {\n    display: block;\n    color: #ffb0c8;\n    font-weight: bold;\n    font-size: 13px;\n    margin-top: 12px;\n    margin-bottom: 4px;\n    padding-left: 20px;\n    position: relative;\n}\n\n.xui details > b .body t:first-child {\n    margin-top: 0;\n}\n\n/* 花朵列表符 */\n.xui details > b .body t::before {\n    content: '';\n    position: absolute;\n    left: 0;\n    top: 50%;\n    transform: translateY(-50%);\n    width: 14px;\n    height: 14px;\n    background-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14'%3E%3Ccircle cx='7' cy='7' r='2' fill='%23ffc0d0'/%3E%3Ccircle cx='7' cy='3' r='2' fill='%23ffb0c8' opacity='0.7'/%3E%3Ccircle cx='7' cy='11' r='2' fill='%23ffb0c8' opacity='0.7'/%3E%3Ccircle cx='3' cy='7' r='2' fill='%23ffb0c8' opacity='0.7'/%3E%3Ccircle cx='11' cy='7' r='2' fill='%23ffb0c8' opacity='0.7'/%3E%3C/svg%3E\");\n    background-size: contain;\n}\n\n/* 经验次数徽章 */\n.xui details > b .body span {\n    display: inline-block;\n    color: #e898b0;\n    font-size: 11px;\n    margin-left: 8px;\n    padding: 3px 10px;\n    background: \n        linear-gradient(135deg, \n            rgba(200, 104, 138, 0.25) 0%, \n            rgba(150, 80, 110, 0.2) 100%);\n    border: 1px solid rgba(255, 150, 180, 0.2);\n    border-radius: 12px;\n    letter-spacing: 1px;\n}\n\n/* ===== 5. Skill 符箓典籍 ===== */\n.xui details > b skill {\n    position: relative;\n    margin: 22px 0;\n    padding: 18px 16px 18px 22px;\n    /* 竹简背景 */\n    background: \n        /* 竹简纹理 */\n        repeating-linear-gradient(\n            0deg,\n            rgba(120, 100, 80, 0.06) 0px,\n            rgba(120, 100, 80, 0.06) 1px,\n            transparent 1px,\n            transparent 28px\n        ),\n        linear-gradient(135deg, \n            rgba(60, 50, 45, 0.5) 0%, \n            rgba(50, 42, 40, 0.6) 100%);\n    /* 左侧书脊 */\n    border-left: 5px solid;\n    border-image: linear-gradient(180deg, \n        #8b7355 0%, \n        #a08060 25%, \n        #8b7355 50%, \n        #a08060 75%, \n        #8b7355 100%) 1;\n    border-radius: 0 10px 10px 0;\n    box-shadow: \n        inset 4px 0 10px rgba(0, 0, 0, 0.15),\n        0 4px 15px rgba(0, 0, 0, 0.2);\n}\n\n/* 典籍标题印章 */\n.xui details > b skill::before {\n    content: '';\n    position: absolute;\n    top: 8px;\n    right: 12px;\n    width: 32px;\n    height: 32px;\n    background-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Crect x='4' y='4' width='24' height='24' rx='2' stroke='%23a06050' stroke-width='1.5' fill='none' opacity='0.4'/%3E%3Crect x='8' y='8' width='16' height='16' rx='1' stroke='%23c08070' stroke-width='1' fill='none' opacity='0.3'/%3E%3Cpath d='M12 12L20 20M20 12L12 20' stroke='%23a06050' stroke-width='1' opacity='0.25'/%3E%3C/svg%3E\");\n    background-size: contain;\n    opacity: 0.6;\n}\n\n/* 技能列表项 */\n.xui details > b skill li {\n    list-style: none;\n    position: relative;\n    padding: 10px 14px 10px 32px;\n    margin-bottom: 10px;\n    color: #e8dcd0;\n    font-size: 13px;\n    line-height: 1.6;\n    background: rgba(50, 40, 38, 0.4);\n    border-radius: 6px;\n    border-left: 2px solid rgba(180, 150, 100, 0.4);\n    transition: all 0.2s;\n}\n\n.xui details > b skill li:last-child {\n    margin-bottom: 0;\n}\n\n.xui details > b skill li:hover {\n    background: rgba(60, 50, 45, 0.5);\n    border-left-color: rgba(220, 180, 120, 0.6);\n    transform: translateX(4px);\n}\n\n/* 符箓图标 */\n.xui details > b skill li::before {\n    content: '';\n    position: absolute;\n    left: 8px;\n    top: 50%;\n    transform: translateY(-50%);\n    width: 16px;\n    height: 16px;\n    background-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Crect x='3' y='1' width='10' height='14' rx='1' stroke='%23d4a060' stroke-width='1' fill='%23403020' fill-opacity='0.5'/%3E%3Cpath d='M5 4h6M5 7h4M5 10h5' stroke='%23c09050' stroke-width='0.8' opacity='0.6'/%3E%3Ccircle cx='11' cy='12' r='1.5' fill='%23e0a050' opacity='0.5'/%3E%3C/svg%3E\");\n    background-size: contain;\n}\n\n/* ===== 6. 最后的T标签组 - 神识探查等 ===== */\n.xui details > b npc > br + t,\n.xui details > b npc > skill + t {\n    display: block;\n    margin-top: 16px;\n    padding-top: 14px;\n    border-top: 1px dashed rgba(200, 160, 180, 0.2);\n}\n\n/* 神识探查特殊样式 */\n.xui details > b npc > t:last-of-type {\n    color: #a8c8e8;\n    text-shadow: 0 0 8px rgba(168, 200, 232, 0.3);\n}\n\n.xui details > b npc > t:last-of-type::before {\n    content: '◇';\n    color: #88b8d8;\n}\n\n/* ===== 7. 整体文字行距调整 ===== */\n.xui details > b npc br {\n    display: block;\n    margin-bottom: 10px;\n}\n\nmemory {\n    display: block;\n    position: relative;\n    width: 100%;\n    max-width: 100%;\n    margin: 16px 0;\n    font-family: \"LXGW WenKai\", \"霞鹜文楷\", \"楷体\", KaiTi, serif, system-ui;\n}\n\n/* 标题栏 */\nmemory::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    height: 48px;\n    background: linear-gradient(\n        135deg,\n        #3d2a3a 0%,\n        #4a3347 50%,\n        #3d2a3a 100%\n    );\n    border: 1px solid rgba(255, 182, 193, 0.4);\n    border-radius: 12px 12px 0 0;\n    box-shadow: \n        0 4px 16px rgba(139, 69, 89, 0.3),\n        inset 0 1px 0 rgba(255, 200, 210, 0.15);\n    pointer-events: none;\n}\n\n/* 标题文字 */\nmemory::after {\n    content: '往事追忆';\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    height: 48px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-size: 18px;\n    font-weight: 600;\n    color: #ffd1dc;\n    letter-spacing: 4px;\n    text-shadow: \n        0 0 10px rgba(255, 182, 193, 0.5),\n        0 2px 4px rgba(0, 0, 0, 0.3);\n    pointer-events: none;\n    background-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Cdefs%3E%3ClinearGradient id='pg1' x1='0%25' y1='0%25' x2='100%25' y2='100%25'%3E%3Cstop offset='0%25' stop-color='%23ffb6c1' stop-opacity='0.9'/%3E%3Cstop offset='100%25' stop-color='%23c44569' stop-opacity='0.6'/%3E%3C/linearGradient%3E%3ClinearGradient id='pg2' x1='0%25' y1='100%25' x2='100%25' y2='0%25'%3E%3Cstop offset='0%25' stop-color='%23ffd1dc' stop-opacity='0.8'/%3E%3Cstop offset='100%25' stop-color='%23ffb6c1' stop-opacity='0.5'/%3E%3C/linearGradient%3E%3ClinearGradient id='ga' x1='0%25' y1='0%25' x2='100%25' y2='100%25'%3E%3Cstop offset='0%25' stop-color='%23ffd700' stop-opacity='0.9'/%3E%3Cstop offset='100%25' stop-color='%23daa520' stop-opacity='0.6'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cg transform='translate(20,20)'%3E%3Cellipse cx='0' cy='-8' rx='3' ry='7' fill='url(%23pg1)' transform='rotate(0)'/%3E%3Cellipse cx='0' cy='-8' rx='3' ry='7' fill='url(%23pg1)' transform='rotate(60)'/%3E%3Cellipse cx='0' cy='-8' rx='3' ry='7' fill='url(%23pg1)' transform='rotate(120)'/%3E%3Cellipse cx='0' cy='-8' rx='3' ry='7' fill='url(%23pg1)' transform='rotate(180)'/%3E%3Cellipse cx='0' cy='-8' rx='3' ry='7' fill='url(%23pg1)' transform='rotate(240)'/%3E%3Cellipse cx='0' cy='-8' rx='3' ry='7' fill='url(%23pg1)' transform='rotate(300)'/%3E%3Cellipse cx='0' cy='-5' rx='2' ry='4.5' fill='url(%23pg2)' transform='rotate(30)'/%3E%3Cellipse cx='0' cy='-5' rx='2' ry='4.5' fill='url(%23pg2)' transform='rotate(90)'/%3E%3Cellipse cx='0' cy='-5' rx='2' ry='4.5' fill='url(%23pg2)' transform='rotate(150)'/%3E%3Cellipse cx='0' cy='-5' rx='2' ry='4.5' fill='url(%23pg2)' transform='rotate(210)'/%3E%3Cellipse cx='0' cy='-5' rx='2' ry='4.5' fill='url(%23pg2)' transform='rotate(270)'/%3E%3Cellipse cx='0' cy='-5' rx='2' ry='4.5' fill='url(%23pg2)' transform='rotate(330)'/%3E%3Ccircle cx='0' cy='0' r='2.5' fill='url(%23ga)'/%3E%3Ccircle cx='0' cy='0' r='1' fill='%23fff5cc'/%3E%3C/g%3E%3C/svg%3E\");\n    background-repeat: no-repeat;\n    background-position: 16px center, calc(100% - 16px) center;\n    background-size: 32px 32px, 32px 32px;\n}\n\n/* 内容包装区域 */\nmemory {\n    padding-top: 48px;\n    max-height: 48px;\n    overflow: hidden;\n    transition: max-height 0.5s cubic-bezier(0.4, 0, 0.2, 1);\n    background: linear-gradient(\n        145deg,\n        #2a1f2d 0%,\n        #3d2a3a 25%,\n        #4a3347 50%,\n        #3d2a3a 75%,\n        #2a1f2d 100%\n    );\n    border: 1px solid rgba(255, 182, 193, 0.3);\n    border-radius: 12px;\n    box-shadow: \n        0 8px 32px rgba(139, 69, 89, 0.4),\n        0 0 60px rgba(255, 182, 193, 0.08),\n        inset 0 1px 0 rgba(255, 200, 210, 0.1),\n        inset 0 -1px 0 rgba(0, 0, 0, 0.2);\n}\n\n/* Hover展开 */\nmemory:hover {\n    max-height: 2000px;\n    transition: max-height 0.7s cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n/* 表格通用样式 */\nmemory table {\n    width: calc(100% - 24px);\n    margin: 12px;\n    border-collapse: separate;\n    border-spacing: 0;\n    background: rgba(42, 31, 45, 0.6);\n    border: 1px solid rgba(255, 182, 193, 0.25);\n    border-radius: 8px;\n    overflow: hidden;\n    table-layout: fixed;\n}\n\n/* 表格标题 */\nmemory table caption {\n    padding: 10px 16px;\n    font-size: 15px;\n    font-weight: 600;\n    color: #ffd1dc;\n    text-align: left;\n    background: linear-gradient(\n        90deg,\n        rgba(74, 51, 71, 0.8) 0%,\n        rgba(61, 42, 58, 0.6) 100%\n    );\n    border-bottom: 1px solid rgba(255, 182, 193, 0.2);\n    letter-spacing: 2px;\n    position: relative;\n}\n\nmemory table caption::before {\n    content: '◈';\n    margin-right: 8px;\n    color: #ffb6c1;\n    font-size: 12px;\n}\n\n/* 表头样式 */\nmemory table thead tr {\n    background: linear-gradient(\n        180deg,\n        rgba(74, 51, 71, 0.9) 0%,\n        rgba(61, 42, 58, 0.7) 100%\n    );\n}\n\nmemory table thead th {\n    padding: 10px 8px;\n    font-size: 13px;\n    font-weight: 500;\n    color: #f8e8ec;\n    text-align: center;\n    border-bottom: 1px solid rgba(255, 182, 193, 0.3);\n    border-right: 1px solid rgba(255, 182, 193, 0.1);\n    white-space: nowrap;\n}\n\nmemory table thead th:last-child {\n    border-right: none;\n}\n\n/* 列宽分配 */\nmemory table thead th:nth-child(1) {\n    width: 8%;\n    min-width: 36px;\n}\n\nmemory table thead th:nth-child(2) {\n    width: 28%;\n    min-width: 80px;\n}\n\nmemory table thead th:nth-child(3) {\n    width: 20%;\n    min-width: 60px;\n}\n\nmemory table thead th:nth-child(4) {\n    width: 44%;\n    min-width: 100px;\n}\n\n/* 表体样式 */\nmemory table tbody tr {\n    background: rgba(42, 31, 45, 0.4);\n    transition: background 0.3s ease;\n}\n\nmemory table tbody tr:nth-child(even) {\n    background: rgba(61, 42, 58, 0.3);\n}\n\nmemory table tbody tr:hover {\n    background: rgba(74, 51, 71, 0.6);\n}\n\nmemory table tbody td {\n    padding: 10px 8px;\n    font-size: 13px;\n    color: #f0e0e5;\n    text-align: center;\n    border-bottom: 1px solid rgba(255, 182, 193, 0.1);\n    border-right: 1px solid rgba(255, 182, 193, 0.08);\n    word-wrap: break-word;\n    overflow-wrap: break-word;\n    line-height: 1.5;\n}\n\nmemory table tbody td:last-child {\n    border-right: none;\n    text-align: left;\n    padding-left: 12px;\n}\n\nmemory table tbody tr:last-child td {\n    border-bottom: none;\n}\n\n/* 第一列序号样式 */\nmemory table tbody td:first-child {\n    font-weight: 600;\n    color: #ffb6c1;\n    font-size: 12px;\n}\n\n/* 最后一个表格底部间距 */\nmemory table:last-of-type {\n    margin-bottom: 16px;\n}\n\n/* 移动端适配 */\n@media screen and (max-width: 600px) {\n    memory::after {\n        font-size: 16px;\n        letter-spacing: 2px;\n        background-size: 26px 26px, 26px 26px;\n        background-position: 10px center, calc(100% - 10px) center;\n    }\n    \n    memory table {\n        width: calc(100% - 16px);\n        margin: 8px;\n        display: block;\n    }\n    \n    memory table caption {\n        display: block;\n        padding: 8px 12px;\n        font-size: 14px;\n    }\n    \n    memory table thead {\n        display: none;\n    }\n    \n    memory table tbody {\n        display: block;\n    }\n    \n    memory table tbody tr {\n        display: flex;\n        flex-direction: column;\n        padding: 12px;\n        margin-bottom: 8px;\n        border-radius: 6px;\n        border: 1px solid rgba(255, 182, 193, 0.15);\n    }\n    \n    memory table tbody tr:last-child {\n        margin-bottom: 0;\n    }\n    \n    memory table tbody td {\n        display: flex;\n        justify-content: space-between;\n        align-items: flex-start;\n        padding: 6px 0;\n        border: none;\n        text-align: left;\n        font-size: 13px;\n    }\n    \n    memory table tbody td::before {\n        content: attr(data-label);\n        font-weight: 500;\n        color: #ffb6c1;\n        margin-right: 12px;\n        flex-shrink: 0;\n        min-width: 60px;\n    }\n    \n    memory table tbody td:first-child::before {\n        content: '序号';\n    }\n    \n    memory table tbody td:nth-child(2)::before {\n        content: '时间';\n    }\n    \n    memory table tbody td:nth-child(3)::before {\n        content: '场景';\n    }\n    \n    memory table tbody td:last-child::before {\n        content: '事件';\n    }\n    \n    memory table tbody td:last-child {\n        padding-left: 0;\n    }\n    \n    memory table tbody td:first-child {\n        font-size: 13px;\n        padding-top: 0;\n    }\n}\n\n/* 滚动条美化 */\nmemory::-webkit-scrollbar {\n    width: 6px;\n}\n\nmemory::-webkit-scrollbar-track {\n    background: rgba(42, 31, 45, 0.5);\n    border-radius: 3px;\n}\n\nmemory::-webkit-scrollbar-thumb {\n    background: linear-gradient(\n        180deg,\n        #ffb6c1 0%,\n        #c44569 100%\n    );\n    border-radius: 3px;\n}\n\nmemory::-webkit-scrollbar-thumb:hover {\n    background: linear-gradient(\n        180deg,\n        #ffd1dc 0%,\n        #ff8fa3 100%\n    );\n}\n.markdown-body {\n  counter-reset: option-counter;\n}\n\n/* pre 作为按钮容器，需要相对定位 */\npre {\n  position: relative !important;\n  margin: 15px 0 !important;\n  overflow: visible !important;\n  border-radius: 0 !important;\n  background: transparent !important;\n  border: none !important;\n  box-shadow: none !important;\n  padding: 0 !important;\n  min-height: 60px;\n}\n\n/* --- 隐藏头部容器的视觉部分 --- */\npre div[class*=\"border-b\"] {\n  position: absolute !important;\n  top: 0 !important;\n  left: 0 !important;\n  width: 100% !important;\n  height: 100% !important;\n  border: none !important;\n  background: transparent !important;\n  padding: 0 !important;\n  margin: 0 !important;\n  pointer-events: none;\n}\n\n/* 隐藏头部语言标签 */\npre div[class*=\"border-b\"] > div:first-child {\n  display: none !important;\n}\n\n/* --- 复制按钮透明覆盖层 --- */\npre div[data-tooltip-id] {\n  position: absolute !important;\n  top: 0;\n  left: 0;\n  width: 100% !important;\n  height: 100% !important;\n  margin: 0 !important;\n  padding: 0 !important;\n  display: block !important;\n  cursor: pointer !important;\n  background: transparent !important;\n  border: none !important;\n  pointer-events: auto;\n}\n\n/* 隐藏复制按钮内部的图标 */\npre div[data-tooltip-id] .style_copyIcon__GJL9e {\n  display: none !important;\n}\n\n/* --- 代码内容区域，样式化为选项按钮 --- */\npre div[node=\"[object Object]\"] {\n  position: relative;\n  display: block !important;\n  pointer-events: none;\n  background: linear-gradient(\n    135deg,\n    rgba(58, 36, 52, 0.95) 0%,\n    rgba(78, 46, 68, 0.9) 30%,\n    rgba(98, 56, 82, 0.85) 50%,\n    rgba(78, 46, 68, 0.9) 70%,\n    rgba(58, 36, 52, 0.95) 100%\n  ) !important;\n  border: 1px solid rgba(255, 182, 193, 0.4) !important;\n  box-shadow: \n    0 4px 16px rgba(139, 69, 89, 0.5),\n    0 0 20px rgba(255, 182, 193, 0.1),\n    inset 0 1px 0 rgba(255, 200, 210, 0.15),\n    inset 0 -1px 0 rgba(0, 0, 0, 0.3) !important;\n  color: #f8e8ec !important;\n  font-family: \"LXGW WenKai\", \"霞鹜文楷\", \"楷体\", KaiTi, serif, system-ui !important;\n  font-size: 1.05em !important;\n  padding: 14px 24px 14px 70px !important;\n  margin: 0 !important;\n  border-radius: 16px !important;\n  min-height: 60px;\n  white-space: pre-wrap;\n  word-break: break-word;\n  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n  counter-increment: option-counter;\n  overflow: visible !important;\n  animation: borderBreath 4s ease-in-out infinite;\n}\n\n/* 序号装饰框架 - 纯装饰性SVG背景 */\npre div[node=\"[object Object]\"]::before {\n  content: '';\n  position: absolute;\n  left: 12px;\n  top: 50%;\n  transform: translateY(-50%);\n  width: 46px;\n  height: 46px;\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='frameGrad' x1='0%25' y1='0%25' x2='100%25' y2='100%25'%3E%3Cstop offset='0%25' stop-color='%23ffd700' stop-opacity='0.9'/%3E%3Cstop offset='50%25' stop-color='%23ffb347' stop-opacity='0.8'/%3E%3Cstop offset='100%25' stop-color='%23ff8c69' stop-opacity='0.9'/%3E%3C/linearGradient%3E%3ClinearGradient id='innerRing' x1='0%25' y1='0%25' x2='100%25' y2='100%25'%3E%3Cstop offset='0%25' stop-color='%23fff5e6'/%3E%3Cstop offset='50%25' stop-color='%23ffd700'/%3E%3Cstop offset='100%25' stop-color='%23daa520'/%3E%3C/linearGradient%3E%3Cfilter id='glow'%3E%3CfeGaussianBlur stdDeviation='1.5' result='blur'/%3E%3CfeMerge%3E%3CfeMergeNode in='blur'/%3E%3CfeMergeNode in='blur'/%3E%3CfeMergeNode in='SourceGraphic'/%3E%3C/feMerge%3E%3C/filter%3E%3C/defs%3E%3C!-- 外层八角法阵 --%3E%3Cpolygon points='50,5 65,15 80,15 85,30 95,45 85,60 80,75 65,80 50,90 35,80 20,75 15,60 5,45 15,30 20,15 35,15' fill='none' stroke='url(%23frameGrad)' stroke-width='2' filter='url(%23glow)' opacity='0.85'/%3E%3C!-- 内层圆环 --%3E%3Ccircle cx='50' cy='47' r='28' fill='none' stroke='url(%23innerRing)' stroke-width='1.5' opacity='0.7'/%3E%3C!-- 四方灵纹 --%3E%3Cpath d='M50 19 L50 25' stroke='url(%23frameGrad)' stroke-width='2' stroke-linecap='round' filter='url(%23glow)'/%3E%3Cpath d='M50 69 L50 75' stroke='url(%23frameGrad)' stroke-width='2' stroke-linecap='round' filter='url(%23glow)'/%3E%3Cpath d='M22 47 L28 47' stroke='url(%23frameGrad)' stroke-width='2' stroke-linecap='round' filter='url(%23glow)'/%3E%3Cpath d='M72 47 L78 47' stroke='url(%23frameGrad)' stroke-width='2' stroke-linecap='round' filter='url(%23glow)'/%3E%3C!-- 斜向灵纹 --%3E%3Cpath d='M28 25 L33 30' stroke='url(%23innerRing)' stroke-width='1.5' stroke-linecap='round' opacity='0.8'/%3E%3Cpath d='M72 25 L67 30' stroke='url(%23innerRing)' stroke-width='1.5' stroke-linecap='round' opacity='0.8'/%3E%3Cpath d='M28 69 L33 64' stroke='url(%23innerRing)' stroke-width='1.5' stroke-linecap='round' opacity='0.8'/%3E%3Cpath d='M72 69 L67 64' stroke='url(%23innerRing)' stroke-width='1.5' stroke-linecap='round' opacity='0.8'/%3E%3C!-- 角落灵气点 --%3E%3Ccircle cx='50' cy='12' r='2.5' fill='%23ffd700' opacity='0.9' filter='url(%23glow)'/%3E%3Ccircle cx='50' cy='82' r='2.5' fill='%23ffd700' opacity='0.9' filter='url(%23glow)'/%3E%3Ccircle cx='12' cy='47' r='2.5' fill='%23ffb347' opacity='0.8' filter='url(%23glow)'/%3E%3Ccircle cx='88' cy='47' r='2.5' fill='%23ffb347' opacity='0.8' filter='url(%23glow)'/%3E%3C!-- 小灵气点装饰 --%3E%3Ccircle cx='30' cy='20' r='1.5' fill='%23fff5e6' opacity='0.7'/%3E%3Ccircle cx='70' cy='20' r='1.5' fill='%23fff5e6' opacity='0.7'/%3E%3Ccircle cx='30' cy='74' r='1.5' fill='%23fff5e6' opacity='0.7'/%3E%3Ccircle cx='70' cy='74' r='1.5' fill='%23fff5e6' opacity='0.7'/%3E%3C/svg%3E\");\n  background-size: contain;\n  background-repeat: no-repeat;\n  background-position: center;\n  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n  filter: drop-shadow(0 0 8px rgba(255, 215, 0, 0.5));\n}\n\n/* 序号数字 - 居中显示在法阵中央 */\npre div[node=\"[object Object]\"]::after {\n  content: counter(option-counter);\n  position: absolute;\n  left: 12px;\n  top: 50%;\n  transform: translateY(-52%);\n  width: 46px;\n  height: 46px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: #ffefd5;\n  font-size: 1.3em;\n  font-weight: bold;\n  font-family: \"LXGW WenKai\", \"Georgia\", serif;\n  text-shadow: \n    0 0 6px rgba(255, 215, 0, 0.9),\n    0 0 12px rgba(255, 183, 71, 0.7),\n    0 1px 2px rgba(0, 0, 0, 0.5);\n  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n/* 确保代码文本颜色正确 */\npre div[node=\"[object Object]\"] code {\n  display: block;\n  color: inherit !important;\n  background: transparent !important;\n  padding: 0 !important;\n  margin: 0 !important;\n  font-family: inherit !important;\n  font-size: inherit !important;\n  white-space: pre-wrap;\n  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);\n}\n\n/* ========== 强化 Hover 效果 ========== */\npre:hover div[node=\"[object Object]\"] {\n  transform: translateY(-4px);\n  background: linear-gradient(\n    135deg,\n    rgba(78, 46, 68, 0.98) 0%,\n    rgba(108, 66, 92, 0.95) 30%,\n    rgba(128, 76, 108, 0.9) 50%,\n    rgba(108, 66, 92, 0.95) 70%,\n    rgba(78, 46, 68, 0.98) 100%\n  ) !important;\n  border-color: rgba(255, 215, 0, 0.6) !important;\n  box-shadow: \n    0 8px 32px rgba(255, 182, 193, 0.4),\n    0 0 40px rgba(255, 215, 0, 0.25),\n    0 0 60px rgba(255, 140, 105, 0.15),\n    inset 0 1px 0 rgba(255, 255, 255, 0.2),\n    inset 0 -1px 0 rgba(0, 0, 0, 0.3) !important;\n}\n\n/* Hover时法阵动画 */\npre:hover div[node=\"[object Object]\"]::before {\n  filter: drop-shadow(0 0 12px rgba(255, 215, 0, 0.9)) \n          drop-shadow(0 0 20px rgba(255, 183, 71, 0.6));\n  animation: frameRotate 10s linear infinite, framePulse 2s ease-in-out infinite;\n}\n\n/* Hover时数字效果 */\npre:hover div[node=\"[object Object]\"]::after {\n  color: #ffffff;\n  text-shadow: \n    0 0 10px rgba(255, 215, 0, 1),\n    0 0 20px rgba(255, 215, 0, 0.8),\n    0 0 30px rgba(255, 183, 71, 0.6),\n    0 0 40px rgba(255, 140, 105, 0.4);\n  animation: numberPulse 1.5s ease-in-out infinite;\n}\n\n/* ========== Active 效果（按下时） ========== */\npre:active div[node=\"[object Object]\"] {\n  transform: translateY(2px) scale(0.98) !important;\n  box-shadow: \n    0 2px 8px rgba(139, 69, 89, 0.6),\n    0 0 20px rgba(255, 215, 0, 0.3),\n    inset 0 2px 4px rgba(0, 0, 0, 0.3) !important;\n  background: linear-gradient(\n    135deg,\n    rgba(48, 26, 42, 0.98) 0%,\n    rgba(68, 36, 58, 0.95) 50%,\n    rgba(48, 26, 42, 0.98) 100%\n  ) !important;\n}\n\npre:active div[node=\"[object Object]\"]::before {\n  filter: drop-shadow(0 0 25px rgba(255, 215, 0, 1)) \n          drop-shadow(0 0 40px rgba(255, 183, 71, 0.9));\n  animation: frameBurst 0.3s ease-out forwards;\n}\n\npre:active div[node=\"[object Object]\"]::after {\n  text-shadow: \n    0 0 15px rgba(255, 255, 255, 1),\n    0 0 30px rgba(255, 215, 0, 1),\n    0 0 45px rgba(255, 183, 71, 0.8);\n}\n\n/* ========== 点击时的覆盖提示 ========== */\npre div[data-tooltip-id]::after {\n  content: '';\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  background: radial-gradient(\n    ellipse at center,\n    rgba(255, 215, 0, 0.25) 0%,\n    rgba(139, 69, 89, 0.4) 50%,\n    rgba(42, 31, 45, 0.6) 100%\n  );\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: #fff8dc;\n  font-size: 1.15em;\n  font-family: \"LXGW WenKai\", serif;\n  opacity: 0;\n  transition: opacity 0.8s ease;\n  pointer-events: none;\n  z-index: 4;\n  border-radius: 16px;\n  text-shadow: 0 0 10px rgba(255, 215, 0, 0.8);\n}\n\npre div[data-tooltip-id]:active::after {\n  content: '✨ 灵符已录 ✨';\n  opacity: 1;\n}\n\n/* ========== 关键帧动画 ========== */\n@keyframes frameRotate {\n  from {\n    transform: translateY(-50%) rotate(0deg);\n  }\n  to {\n    transform: translateY(-50%) rotate(360deg);\n  }\n}\n\n@keyframes framePulse {\n  0%, 100% {\n    filter: drop-shadow(0 0 12px rgba(255, 215, 0, 0.9)) \n            drop-shadow(0 0 20px rgba(255, 183, 71, 0.6));\n  }\n  50% {\n    filter: drop-shadow(0 0 18px rgba(255, 215, 0, 1)) \n            drop-shadow(0 0 30px rgba(255, 183, 71, 0.8))\n            drop-shadow(0 0 40px rgba(255, 140, 105, 0.5));\n  }\n}\n\n@keyframes numberPulse {\n  0%, 100% {\n    transform: translateY(-52%) scale(1);\n  }\n  50% {\n    transform: translateY(-52%) scale(1.1);\n  }\n}\n\n@keyframes frameBurst {\n  0% {\n    transform: translateY(-50%) scale(1) rotate(0deg);\n  }\n  50% {\n    transform: translateY(-50%) scale(1.15) rotate(15deg);\n  }\n  100% {\n    transform: translateY(-50%) scale(1.05) rotate(0deg);\n  }\n}\n\n@keyframes borderBreath {\n  0%, 100% {\n    border-color: rgba(255, 182, 193, 0.4);\n  }\n  50% {\n    border-color: rgba(255, 215, 0, 0.45);\n  }\n}\n/* === 极简高性能爱心进度条 === */\n.h-box{display:flex;flex-wrap:wrap;justify-content:center;gap:15px;padding:10px;width:100%;max-width:350px;margin:0 auto}\n\n/* 单标签核心 */\n.h{\n  position:relative;\n  width:54px; /* 宽度加宽，确保数值不换行 */\n  height:50px;\n  margin-bottom:20px; /* 给下方文字留空 */\n  font-family:'Segoe UI',sans-serif;\n  font-weight:bold;\n  font-size:12px;\n  color:#fff;\n  display:flex;\n  align-items:center;\n  justify-content:center;\n  cursor:pointer;\n  user-select:none;\n  transition:transform 0.2s cubic-bezier(0.18,0.89,0.32,1.28);\n  /* 核心形状裁剪 */\n  clip-path:path(\"M27 49.5C26.5 49.5 5.5 30 2.5 18.5 0 9 7.5 1.5 13.5 1.5 18 1.5 22.5 5 27 9.5 31.5 5 36 1.5 40.5 1.5 46.5 1.5 54 9 51.5 18.5 48.5 30 27.5 49.5 27 49.5Z\");\n  /* 背景：利用渐变实现进度条效果，灰色为底，颜色为进度 */\n  background:linear-gradient(0deg, var(--c) 0%, var(--c) calc(var(--v,0)*1%), rgba(255,255,255,0.15) calc(var(--v,0)*1%), rgba(255,255,255,0.15) 100%);\n}\n\n/* 悬停效果 */\n.h:hover{transform:scale(1.15);z-index:10;text-shadow:0 1px 2px rgba(0,0,0,0.8)}\n\n/* 底部文字标签 (通过CSS变量生成) */\n.h::after{\n  content:var(--n); /* 读取变量中的名字 */\n  position:absolute;\n  top:100%;\n  left:50%;\n  transform:translateX(-50%);\n  color:rgba(255,255,255,0.6);\n  font-size:11px;\n  margin-top:4px; /* 这里的top定位是相对于未裁剪的原始盒子，所以看起来是悬浮在下方 */\n  white-space:nowrap;\n  pointer-events:none;\n  clip-path:none; /* 防止文字被爱心形状裁剪 */\n}\n\n/* === 修正后的单标签逻辑 === */\n.h{\n  background:none; /* 移除主元素背景 */\n  clip-path:none; /* 移除主元素裁剪 */\n  overflow:visible;\n  z-index: 0; \n}\n.h::before{\n  content:'';\n  position:absolute;\n  inset:0;\n  z-index:-1;\n  clip-path:path(\"M27 49.5C26.5 49.5 5.5 30 2.5 18.5 0 9 7.5 1.5 13.5 1.5 18 1.5 22.5 5 27 9.5 31.5 5 36 1.5 40.5 1.5 46.5 1.5 54 9 51.5 18.5 48.5 30 27.5 49.5 27 49.5Z\");\n  background:linear-gradient(0deg, var(--c) 0%, var(--c) calc(var(--v,0)*1%), rgba(255,255,255,0.15) calc(var(--v,0)*1%), rgba(255,255,255,0.15) 100%);\n  transition:filter 0.3s;\n}\n.h:hover::before{ filter:brightness(1.2); }\n\n/* 数值显示 (默认透明，hover显示) */\n.h{ color:transparent; transition:color 0.2s; white-space:nowrap; }\n.h:hover{ color:#fff; }\n\n/* 类别定义：颜色(c) 与 名字(n) */\n.t1{--c:#a855f7;--n:'灵力'}   /* 紫 */\n.t2{--c:#3b82f6;--n:'精神力'} /* 蓝 */\n.t3{--c:#ef4444;--n:'肉体强度'} /* 红 */\n.t4{--c:#10b981;--n:'精神强度'} /* 绿 */\n.t5{--c:#ec4899;--n:'淫欲值'}   /* 粉 */\n\n/* 数值类 0-100 (压缩版，受限平台请全部复制) */\n.v-0{--v:0}.v-1{--v:1}.v-2{--v:2}.v-3{--v:3}.v-4{--v:4}.v-5{--v:5}.v-6{--v:6}.v-7{--v:7}.v-8{--v:8}.v-9{--v:9}.v-10{--v:10}.v-11{--v:11}.v-12{--v:12}.v-13{--v:13}.v-14{--v:14}.v-15{--v:15}.v-16{--v:16}.v-17{--v:17}.v-18{--v:18}.v-19{--v:19}.v-20{--v:20}.v-21{--v:21}.v-22{--v:22}.v-23{--v:23}.v-24{--v:24}.v-25{--v:25}.v-26{--v:26}.v-27{--v:27}.v-28{--v:28}.v-29{--v:29}.v-30{--v:30}.v-31{--v:31}.v-32{--v:32}.v-33{--v:33}.v-34{--v:34}.v-35{--v:35}.v-36{--v:36}.v-37{--v:37}.v-38{--v:38}.v-39{--v:39}.v-40{--v:40}.v-41{--v:41}.v-42{--v:42}.v-43{--v:43}.v-44{--v:44}.v-45{--v:45}.v-46{--v:46}.v-47{--v:47}.v-48{--v:48}.v-49{--v:49}.v-50{--v:50}.v-51{--v:51}.v-52{--v:52}.v-53{--v:53}.v-54{--v:54}.v-55{--v:55}.v-56{--v:56}.v-57{--v:57}.v-58{--v:58}.v-59{--v:59}.v-60{--v:60}.v-61{--v:61}.v-62{--v:62}.v-63{--v:63}.v-64{--v:64}.v-65{--v:65}.v-66{--v:66}.v-67{--v:67}.v-68{--v:68}.v-69{--v:69}.v-70{--v:70}.v-71{--v:71}.v-72{--v:72}.v-73{--v:73}.v-74{--v:74}.v-75{--v:75}.v-76{--v:76}.v-77{--v:77}.v-78{--v:78}.v-79{--v:79}.v-80{--v:80}.v-81{--v:81}.v-82{--v:82}.v-83{--v:83}.v-84{--v:84}.v-85{--v:85}.v-86{--v:86}.v-87{--v:87}.v-88{--v:88}.v-89{--v:89}.v-90{--v:90}.v-91{--v:91}.v-92{--v:92}.v-93{--v:93}.v-94{--v:94}.v-95{--v:95}.v-96{--v:96}.v-97{--v:97}.v-98{--v:98}.v-99{--v:99}.v-100{--v:100}\n.p-\\[5\\.5px\\].max-h-\\[150px\\].bg-white.border-\\[1\\.5px\\].border-gray-200.rounded-xl,\ndiv[class*=\"bg-white\"][class*=\"rounded-xl\"][class*=\"border-gray\"]:has(#ai-chat-input) {\n  background: linear-gradient(\n    145deg,\n    rgba(35, 28, 55, 0.98) 0%,\n    rgba(45, 36, 70, 0.95) 50%,\n    rgba(38, 30, 60, 0.98) 100%\n  ) !important;\n  border: 1.5px solid rgba(160, 130, 200, 0.45) !important;\n  border-radius: 14px !important;\n  box-shadow:\n    0 4px 20px rgba(0, 0, 0, 0.4),\n    0 0 30px rgba(140, 110, 190, 0.12),\n    inset 0 1px 0 rgba(255, 255, 255, 0.06),\n    inset 0 -1px 0 rgba(0, 0, 0, 0.2) !important;\n  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1) !important;\n}\n\n/* 聚焦时容器效果 */\n.p-\\[5\\.5px\\].max-h-\\[150px\\].bg-white.border-\\[1\\.5px\\].border-gray-200.rounded-xl:focus-within,\ndiv[class*=\"bg-white\"][class*=\"rounded-xl\"]:has(#ai-chat-input):focus-within {\n  border-color: rgba(200, 170, 120, 0.6) !important;\n  box-shadow:\n    0 6px 30px rgba(0, 0, 0, 0.45),\n    0 0 40px rgba(200, 170, 120, 0.18),\n    0 0 60px rgba(140, 110, 190, 0.1),\n    inset 0 1px 0 rgba(255, 255, 255, 0.08) !important;\n}\n\n/* 右侧按钮区域容器 */\ndiv.absolute.bottom-\\[7px\\].right-2.flex.items-center {\n  background: transparent !important;\n}\n\n/* 字数统计 */\ndiv.flex.items-center.px-1.h-5.rounded-md.bg-gray-100.text-xs.font-medium.text-gray-500 {\n  background: linear-gradient(\n    135deg,\n    rgba(50, 40, 75, 0.95) 0%,\n    rgba(60, 48, 85, 0.9) 100%\n  ) !important;\n  border: 1px solid rgba(140, 110, 190, 0.35) !important;\n  border-radius: 6px !important;\n  color: rgba(200, 170, 120, 0.85) !important;\n  font-family: \"LXGW WenKai\", \"霞鹜文楷\", serif !important;\n  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) !important;\n  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.25) !important;\n}\n\n/* 分隔线 */\ndiv.mx-1.w-\\[1px\\].h-4.bg-black.opacity-5 {\n  background: linear-gradient(\n    to bottom,\n    transparent 0%,\n    rgba(160, 130, 200, 0.5) 30%,\n    rgba(200, 170, 120, 0.4) 70%,\n    transparent 100%\n  ) !important;\n  opacity: 1 !important;\n}\n\ndiv.group.flex.items-center.justify-center.w-8.h-8.rounded-lg:hover {\n  background: linear-gradient(\n    145deg,\n    rgba(70, 58, 100, 0.95) 0%,\n    rgba(85, 70, 120, 0.9) 100%\n  ) !important;\n  border-color: rgba(200, 170, 120, 0.55) !important;\n  box-shadow:\n    0 4px 15px rgba(200, 170, 120, 0.25),\n    0 0 20px rgba(140, 110, 190, 0.15) !important;\n  transform: translateY(-1px) !important;\n}\n\n/* 按钮图标 */\ndiv.group.flex.items-center.justify-center.w-8.h-8.rounded-lg svg,\ndiv.group.flex.items-center.justify-center.w-8.h-8.rounded-lg .MuiSvgIcon-root {\n  color: rgba(180, 160, 200, 0.85) !important;\n  filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.3)) !important;\n  transition: all 0.3s ease !important;\n}\n\ndiv.group.flex.items-center.justify-center.w-8.h-8.rounded-lg:hover svg,\ndiv.group.flex.items-center.justify-center.w-8.h-8.rounded-lg:hover .MuiSvgIcon-root {\n  color: #dcc896 !important;\n  filter: drop-shadow(0 0 6px rgba(200, 170, 120, 0.5)) !important;\n  transform: scale(1.1) !important;\n}\n\n/* 发送按钮特殊强调 */\n#ai-send-button {\n  background: linear-gradient(\n    145deg,\n    rgba(180, 150, 100, 0.25) 0%,\n    rgba(200, 170, 120, 0.2) 100%\n  ) !important;\n  border: 1px solid rgba(200, 170, 120, 0.5) !important;\n}\n\n#ai-send-button:hover {\n  background: linear-gradient(\n    145deg,\n    rgba(200, 170, 120, 0.35) 0%,\n    rgba(220, 190, 140, 0.3) 100%\n  ) !important;\n  border-color: rgba(220, 190, 140, 0.7) !important;\n  box-shadow:\n    0 4px 20px rgba(200, 170, 120, 0.35),\n    0 0 25px rgba(200, 170, 120, 0.2),\n    inset 0 0 10px rgba(200, 170, 120, 0.1) !important;\n}\n\n#ai-send-button svg {\n  color: rgba(220, 190, 140, 0.95) !important;\n}\n\n#ai-send-button:hover svg {\n  color: #f5e8c0 !important;\n  filter: drop-shadow(0 0 8px rgba(220, 190, 140, 0.7)) !important;\n}\n\n.sticky.w-full.top-0.flex.items-center {\n  background: linear-gradient(\n    180deg,\n    rgba(15, 10, 25, 0.98) 0%,\n    rgba(25, 18, 40, 0.95) 50%,\n    rgba(35, 25, 55, 0.92) 100%\n  ) !important;\n  border-bottom: 1px solid rgba(180, 140, 255, 0.3) !important;\n  box-shadow: \n    0 2px 20px rgba(120, 80, 200, 0.4),\n    0 0 60px rgba(180, 140, 255, 0.15),\n    inset 0 -1px 0 rgba(255, 215, 140, 0.1) !important;\n  overflow: visible !important;\n}\n\n/* 顶部栏 ::before - 灵气粒子浮动层 */\n.sticky.w-full.top-0.flex.items-center::before {\n  content: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 400 50'%3E%3Cdefs%3E%3CradialGradient id='g1'%3E%3Cstop offset='0%25' stop-color='%23e8d5ff' stop-opacity='0.8'/%3E%3Cstop offset='100%25' stop-color='%23b48cff' stop-opacity='0'/%3E%3C/radialGradient%3E%3CradialGradient id='g2'%3E%3Cstop offset='0%25' stop-color='%23ffd700' stop-opacity='0.6'/%3E%3Cstop offset='100%25' stop-color='%23ff9500' stop-opacity='0'/%3E%3C/radialGradient%3E%3C/defs%3E%3Ccircle r='2'%3E%3Canimate attributeName='cx' values='50;350;50' dur='12s' repeatCount='indefinite'/%3E%3Canimate attributeName='cy' values='40;15;40' dur='8s' repeatCount='indefinite'/%3E%3Canimate attributeName='fill' values='%23b48cff;%23ffd700;%23b48cff' dur='6s' repeatCount='indefinite'/%3E%3Canimate attributeName='opacity' values='0.3;0.9;0.3' dur='4s' repeatCount='indefinite'/%3E%3C/circle%3E%3Ccircle r='1.5'%3E%3Canimate attributeName='cx' values='300;100;300' dur='15s' repeatCount='indefinite'/%3E%3Canimate attributeName='cy' values='10;35;10' dur='10s' repeatCount='indefinite'/%3E%3Canimate attributeName='fill' values='%23ffd700;%2390f0ff;%23ffd700' dur='5s' repeatCount='indefinite'/%3E%3Canimate attributeName='opacity' values='0.5;1;0.5' dur='3s' repeatCount='indefinite'/%3E%3C/circle%3E%3Ccircle r='1'%3E%3Canimate attributeName='cx' values='150;250;150' dur='9s' repeatCount='indefinite'/%3E%3Canimate attributeName='cy' values='25;8;25' dur='7s' repeatCount='indefinite'/%3E%3Canimate attributeName='fill' values='%2390f0ff;%23b48cff;%2390f0ff' dur='4s' repeatCount='indefinite'/%3E%3Canimate attributeName='opacity' values='0.4;0.8;0.4' dur='5s' repeatCount='indefinite'/%3E%3C/circle%3E%3Ccircle fill='url(%23g1)' r='3'%3E%3Canimate attributeName='cx' values='80;320;80' dur='18s' repeatCount='indefinite'/%3E%3Canimate attributeName='cy' values='30;20;30' dur='6s' repeatCount='indefinite'/%3E%3Canimate attributeName='r' values='2;4;2' dur='4s' repeatCount='indefinite'/%3E%3C/circle%3E%3Ccircle fill='url(%23g2)' r='2'%3E%3Canimate attributeName='cx' values='200;100;300;200' dur='20s' repeatCount='indefinite'/%3E%3Canimate attributeName='cy' values='15;40;20;15' dur='14s' repeatCount='indefinite'/%3E%3Canimate attributeName='r' values='1.5;3;1.5' dur='5s' repeatCount='indefinite'/%3E%3C/circle%3E%3C/svg%3E\") !important;\n  position: absolute !important;\n  top: 0 !important;\n  left: 0 !important;\n  width: 100% !important;\n  height: 100% !important;\n  pointer-events: none !important;\n  opacity: 0.7 !important;\n}\n\n/* 顶部栏 ::after - 底部仙纹边饰 */\n.sticky.w-full.top-0.flex.items-center::after {\n  content: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='600' height='12' viewBox='0 0 600 12'%3E%3Cdefs%3E%3ClinearGradient id='borderGrad' x1='0%25' y1='0%25' x2='100%25' y2='0%25'%3E%3Cstop offset='0%25' stop-color='%23b48cff' stop-opacity='0'/%3E%3Cstop offset='20%25' stop-color='%23b48cff' stop-opacity='0.8'/%3E%3Cstop offset='50%25' stop-color='%23ffd700' stop-opacity='1'/%3E%3Cstop offset='80%25' stop-color='%23b48cff' stop-opacity='0.8'/%3E%3Cstop offset='100%25' stop-color='%23b48cff' stop-opacity='0'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d='M0,6 Q75,2 150,6 T300,6 T450,6 T600,6' stroke='url(%23borderGrad)' stroke-width='1' fill='none'%3E%3Canimate attributeName='d' values='M0,6 Q75,2 150,6 T300,6 T450,6 T600,6;M0,6 Q75,10 150,6 T300,6 T450,6 T600,6;M0,6 Q75,2 150,6 T300,6 T450,6 T600,6' dur='4s' repeatCount='indefinite'/%3E%3C/path%3E%3Ccircle cx='300' cy='6' r='3' fill='%23ffd700'%3E%3Canimate attributeName='r' values='2;4;2' dur='2s' repeatCount='indefinite'/%3E%3Canimate attributeName='opacity' values='0.6;1;0.6' dur='2s' repeatCount='indefinite'/%3E%3C/circle%3E%3Ccircle cx='150' cy='6' r='1.5' fill='%23b48cff'%3E%3Canimate attributeName='opacity' values='0.4;0.9;0.4' dur='3s' repeatCount='indefinite'/%3E%3C/circle%3E%3Ccircle cx='450' cy='6' r='1.5' fill='%23b48cff'%3E%3Canimate attributeName='opacity' values='0.9;0.4;0.9' dur='3s' repeatCount='indefinite'/%3E%3C/circle%3E%3C/svg%3E\") !important;\n  position: absolute !important;\n  bottom: -6px !important;\n  left: 50% !important;\n  transform: translateX(-50%) !important;\n  pointer-events: none !important;\n}\n\n/* 模型选择器容器 - 玉牌样式 */\n#ai-model-selector .group.flex.items-center {\noutline:none;\n  background: linear-gradient(\n    135deg,\n    rgba(40, 30, 60, 0.9) 0%,\n    rgba(60, 45, 90, 0.85) 50%,\n    rgba(45, 35, 70, 0.9) 100%\n  ) !important;\n  border: 1px solid rgba(180, 140, 255, 0.4) !important;\n  border-radius: 8px !important;\n  box-shadow: \n    0 0 15px rgba(180, 140, 255, 0.25),\n    inset 0 1px 0 rgba(255, 255, 255, 0.1),\n    inset 0 -1px 0 rgba(0, 0, 0, 0.2) !important;\n  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1) !important;\n  position: relative !important;\n}\n\n#ai-model-selector .group.flex.items-center::before {\n  content: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ccircle cx='10' cy='10' r='4' fill='none' stroke='%23ffd700' stroke-width='0.5'%3E%3Canimate attributeName='r' values='3;5;3' dur='3s' repeatCount='indefinite'/%3E%3Canimate attributeName='opacity' values='0.8;0.3;0.8' dur='3s' repeatCount='indefinite'/%3E%3C/circle%3E%3Ccircle cx='10' cy='10' r='2' fill='%23ffd700'%3E%3Canimate attributeName='opacity' values='0.6;1;0.6' dur='2s' repeatCount='indefinite'/%3E%3C/circle%3E%3C/svg%3E\") !important;\n  position: absolute !important;\n  left: 8px !important;\n  top: 50% !important;\n  transform: translateY(-50%) !important;\n  pointer-events: none !important;\n}\n\n#ai-model-selector .group.flex.items-center:hover {\n  border-color: rgba(255, 215, 0, 0.6) !important;\n  box-shadow: \n    0 0 25px rgba(255, 215, 0, 0.35),\n    0 0 50px rgba(180, 140, 255, 0.2),\n    inset 0 1px 0 rgba(255, 255, 255, 0.15) !important;\n  transform: translateY(-1px) !important;\n}\n\n/* 模型名称文字 - 金色仙文 */\n#ai-model-selector .truncate.text-\\[13px\\] {\n  color: rgba(255, 235, 200, 0.95) !important;\n  font-family: \"LXGW WenKai\", \"霞鹜文楷\", \"楷体\", \"STKaiti\", serif !important;\n  font-weight: 500 !important;\n  text-shadow: \n    0 0 8px rgba(255, 215, 0, 0.5),\n    0 0 20px rgba(180, 140, 255, 0.3) !important;\n  letter-spacing: 1px !important;\n  transition: all 0.3s ease !important;\n}\n\n#ai-model-selector .group.flex.items-center:hover .truncate.text-\\[13px\\] {\n  color: #ffd700 !important;\n  text-shadow: \n    0 0 12px rgba(255, 215, 0, 0.8),\n    0 0 25px rgba(255, 215, 0, 0.4) !important;\n}\n\n/* 下拉箭头 - 灵动旋转 */\n#ai-model-selector .shrink-0.flex.items-center svg {\n  color: rgba(180, 140, 255, 0.8) !important;\n  filter: drop-shadow(0 0 4px rgba(180, 140, 255, 0.6)) !important;\n  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1) !important;\n}\n\n#ai-model-selector .group.flex.items-center:hover .shrink-0.flex.items-center svg {\n  color: #ffd700 !important;\n  filter: drop-shadow(0 0 8px rgba(255, 215, 0, 0.8)) !important;\n  transform: rotate(180deg) !important;\n}\n\n/* 设置按钮 - 八卦法阵 */\n#header-setting-button {\n  background: linear-gradient(\n    135deg,\n    rgba(50, 40, 70, 0.9) 0%,\n    rgba(70, 55, 100, 0.85) 100%\n  ) !important;\n  border: 1px solid rgba(180, 140, 255, 0.4) !important;\n  border-radius: 50% !important;\n  box-shadow: \n    0 0 15px rgba(180, 140, 255, 0.3),\n    inset 0 0 10px rgba(255, 215, 0, 0.1) !important;\n  transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1) !important;\n  position: relative !important;\n}\n\n#header-setting-button::before {\n  content: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40'%3E%3Ccircle cx='20' cy='20' r='15' fill='none' stroke='%23b48cff' stroke-width='0.5' stroke-dasharray='4 2'%3E%3CanimateTransform attributeName='transform' type='rotate' values='0 20 20;360 20 20' dur='20s' repeatCount='indefinite'/%3E%3C/circle%3E%3Ccircle cx='20' cy='20' r='11' fill='none' stroke='%23ffd700' stroke-width='0.3' stroke-dasharray='2 3'%3E%3CanimateTransform attributeName='transform' type='rotate' values='360 20 20;0 20 20' dur='15s' repeatCount='indefinite'/%3E%3C/circle%3E%3Cpath d='M20,8 L20,12 M20,28 L20,32 M8,20 L12,20 M28,20 L32,20' stroke='%23b48cff' stroke-width='0.5'%3E%3Canimate attributeName='opacity' values='0.4;0.9;0.4' dur='3s' repeatCount='indefinite'/%3E%3C/path%3E%3C/svg%3E\") !important;\n  position: absolute !important;\n  top: 50% !important;\n  left: 50% !important;\n  transform: translate(-50%, -50%) !important;\n  pointer-events: none !important;\n}\n\n#header-setting-button:hover {\n  border-color: rgba(255, 215, 0, 0.7) !important;\n  box-shadow: \n    0 0 30px rgba(255, 215, 0, 0.5),\n    0 0 60px rgba(180, 140, 255, 0.3),\n    inset 0 0 15px rgba(255, 215, 0, 0.2) !important;\n  transform: rotate(90deg) scale(1.1) !important;\n}\n\n#header-setting-button svg {\n  color: rgba(255, 235, 200, 0.9) !important;\n  filter: drop-shadow(0 0 5px rgba(255, 215, 0, 0.6)) !important;\n  transition: all 0.4s ease !important;\n}\n\n#header-setting-button:hover svg {\n  color: #ffd700 !important;\n  filter: drop-shadow(0 0 10px rgba(255, 215, 0, 0.9)) !important;\n}\n.bg-gradient-to-t {\n  background: linear-gradient(\n    to top,\n    rgba(12, 8, 20, 0.99) 0%,\n    rgba(20, 14, 35, 0.97) 40%,\n    rgba(28, 20, 45, 0.92) 70%,\n    transparent 100%\n  ) !important;\n}\n\n/* 按钮栏容器 */\n#ai-mod-button2 {\n  background: linear-gradient(\n    90deg,\n    transparent 0%,\n    rgba(30, 22, 50, 0.5) 15%,\n    rgba(40, 30, 65, 0.6) 50%,\n    rgba(30, 22, 50, 0.5) 85%,\n    transparent 100%\n  ) !important;\n  border-top: 1px solid rgba(160, 120, 220, 0.2) !important;\n  position: relative !important;\n}\n\n#ai-mod-button2::before {\n  content: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='2' viewBox='0 0 100 2'%3E%3Cline x1='0' y1='1' x2='100' y2='1' stroke='url(%23lineGrad)' stroke-width='1'/%3E%3Cdefs%3E%3ClinearGradient id='lineGrad' x1='0%25' y1='0%25' x2='100%25' y2='0%25'%3E%3Cstop offset='0%25' stop-color='%23a078dc' stop-opacity='0'/%3E%3Cstop offset='50%25' stop-color='%23c9a86c' stop-opacity='0.8'/%3E%3Cstop offset='100%25' stop-color='%23a078dc' stop-opacity='0'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E\") !important;\n  position: absolute !important;\n  top: -1px !important;\n  left: 50% !important;\n  transform: translateX(-50%) !important;\n  pointer-events: none !important;\n}\n\n/* 按钮 - 灵石令牌 */\n#ai-mod-button2 button.MuiButton-root {\n  background: linear-gradient(\n    160deg,\n    rgba(50, 40, 75, 0.9) 0%,\n    rgba(65, 52, 95, 0.85) 50%,\n    rgba(55, 45, 80, 0.9) 100%\n  ) !important;\n  border: 1px solid rgba(160, 120, 220, 0.4) !important;\n  border-radius: 8px !important;\n  color: rgba(230, 220, 200, 0.9) !important;\n  font-family: \"LXGW WenKai\", \"霞鹜文楷\", \"楷体\", serif !important;\n  font-weight: 500 !important;\n  letter-spacing: 1px !important;\n  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.4) !important;\n  box-shadow:\n    0 2px 10px rgba(0, 0, 0, 0.3),\n    inset 0 1px 0 rgba(255, 255, 255, 0.08),\n    inset 0 -1px 0 rgba(0, 0, 0, 0.2) !important;\n  position: relative !important;\n  overflow: hidden !important;\n  transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1) !important;\n}\n\n/* 按钮内嵌纹饰 */\n#ai-mod-button2 button.MuiButton-root::before {\n  content: \"\" !important;\n  position: absolute !important;\n  top: 3px !important;\n  left: 3px !important;\n  right: 3px !important;\n  bottom: 3px !important;\n  border: 1px solid rgba(200, 170, 120, 0.15) !important;\n  border-radius: 5px !important;\n  pointer-events: none !important;\n  transition: all 0.35s ease !important;\n}\n\n#ai-mod-button2 button.MuiButton-root:hover {\n  background: linear-gradient(\n    160deg,\n    rgba(65, 52, 95, 0.95) 0%,\n    rgba(80, 65, 115, 0.9) 50%,\n    rgba(70, 58, 100, 0.95) 100%\n  ) !important;\n  border-color: rgba(200, 170, 120, 0.6) !important;\n  color: #f0e6d0 !important;\n  box-shadow:\n    0 4px 20px rgba(200, 170, 120, 0.25),\n    0 0 30px rgba(160, 120, 220, 0.2),\n    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;\n  transform: translateY(-2px) !important;\n}\n\n#ai-mod-button2 button.MuiButton-root:hover::before {\n  border-color: rgba(200, 170, 120, 0.35) !important;\n}\n\n\n/* 按钮图标 */\n#ai-mod-button2 button.MuiButton-root svg {\n  color: rgba(200, 170, 120, 0.8) !important;\n}\n\n#ai-mod-button2 button.MuiButton-root:hover svg {\n  color: #dcc896 !important;\n}\n\n\n/* 分页按钮 - 玉牌页签 */\n.MuiPaginationItem-root {\n  background: linear-gradient(\n    150deg,\n    rgba(45, 35, 65, 0.9) 0%,\n    rgba(55, 45, 80, 0.85) 100%\n  ) !important;\n  border: 1px solid rgba(140, 110, 190, 0.4) !important;\n  border-radius: 6px !important;\n  color: rgba(210, 200, 180, 0.85) !important;\n  font-family: \"LXGW WenKai\", \"霞鹜文楷\", serif !important;\n  font-weight: 500 !important;\n  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.4) !important;\n  box-shadow:\n    0 2px 8px rgba(0, 0, 0, 0.25),\n    inset 0 1px 0 rgba(255, 255, 255, 0.06) !important;\n  transition: all 0.3s ease !important;\n  position: relative !important;\n}\n\n.MuiPaginationItem-root:hover {\n  background: linear-gradient(\n    150deg,\n    rgba(60, 48, 90, 0.95) 0%,\n    rgba(75, 60, 105, 0.9) 100%\n  ) !important;\n  border-color: rgba(200, 170, 120, 0.5) !important;\n  color: #f0e6d0 !important;\n  box-shadow:\n    0 3px 15px rgba(200, 170, 120, 0.2),\n    0 0 20px rgba(140, 110, 190, 0.15) !important;\n  transform: translateY(-1px) !important;\n}\n\n/* 选中状态 - 金印封页 */\n.MuiPaginationItem-root.Mui-selected {\n  background: linear-gradient(\n    150deg,\n    rgba(180, 150, 100, 0.25) 0%,\n    rgba(200, 170, 120, 0.2) 50%,\n    rgba(180, 150, 100, 0.25) 100%\n  ) !important;\n  border: 1px solid rgba(200, 170, 120, 0.7) !important;\n  color: #f5e6c8 !important;\n  text-shadow: 0 0 8px rgba(200, 170, 120, 0.5) !important;\n  box-shadow:\n    0 0 20px rgba(200, 170, 120, 0.3),\n    0 2px 10px rgba(0, 0, 0, 0.3),\n    inset 0 0 15px rgba(200, 170, 120, 0.1) !important;\n}\n\n.MuiPaginationItem-root.Mui-selected::before {\n  content: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3E%3Ccircle cx='4' cy='4' r='2' fill='%23c9a86c' opacity='0.6'/%3E%3Ccircle cx='4' cy='4' r='3.5' fill='none' stroke='%23c9a86c' stroke-width='0.5' opacity='0.4'/%3E%3C/svg%3E\") !important;\n  position: absolute !important;\n  top: -4px !important;\n  right: -4px !important;\n  pointer-events: none !important;\n}\n\n/* 禁用状态 - 封印之页 */\n.MuiPaginationItem-root.Mui-disabled {\n  background: rgba(30, 25, 45, 0.6) !important;\n  border-color: rgba(100, 80, 140, 0.2) !important;\n  color: rgba(140, 130, 150, 0.4) !important;\n  box-shadow: none !important;\n}\n\n/* 翻页箭头 */\n.MuiPaginationItem-icon {\n  color: rgba(180, 150, 120, 0.8) !important;\n  filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.3)) !important;\n  transition: all 0.3s ease !important;\n}\n\n.MuiPaginationItem-root:hover .MuiPaginationItem-icon {\n  color: #dcc896 !important;\n  filter: drop-shadow(0 0 5px rgba(200, 170, 120, 0.4)) !important;\n}\n\n/* 跳转区域容器 */\n.MuiStack-root.css-1uwir8f {\n  background: rgba(35, 28, 55, 0.6) !important;\n  border-radius: 8px !important;\n  border: 1px solid rgba(140, 110, 190, 0.25) !important;\n  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.2) !important;\n}\n\n/* 跳转区域文字 */\n.MuiStack-root.css-1uwir8f .MuiBox-root {\n  color: rgba(190, 175, 200, 0.8) !important;\n  font-family: \"LXGW WenKai\", \"霞鹜文楷\", serif !important;\n  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) !important;\n}\n\n/* 跳转输入框 */\n.MuiInputBase-input {\n  background: rgba(25, 20, 40, 0.7) !important;\n  border: 1px solid rgba(160, 130, 200, 0.35) !important;\n  border-radius: 5px !important;\n  color: rgba(240, 230, 210, 0.9) !important;\n  font-family: \"LXGW WenKai\", \"霞鹜文楷\", serif !important;\n  text-align: center !important;\n  box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.25) !important;\n  transition: all 0.3s ease !important;\n}\n\n.MuiInputBase-input:focus {\n  border-color: rgba(200, 170, 120, 0.6) !important;\n  box-shadow:\n    inset 0 1px 4px rgba(0, 0, 0, 0.2),\n    0 0 12px rgba(200, 170, 120, 0.2) !important;\n}\ndiv[class*=\"w-full\"][class*=\"bg-white\"][class*=\"bottom-0\"] {\n  background: linear-gradient(\n    175deg,\n    rgba(18, 12, 30, 0.98) 0%,\n    rgba(25, 18, 42, 0.97) 30%,\n    rgba(32, 24, 52, 0.96) 70%,\n    rgba(22, 16, 38, 0.98) 100%\n  ) !important;\n  border-top: 1px solid rgba(160, 120, 220, 0.3) !important;\n  box-shadow:\n    inset 0 1px 0 rgba(200, 170, 120, 0.1),\n    0 -4px 30px rgba(0, 0, 0, 0.4) !important;\n}\n\n/* 顶部标题 - 论道仙阁 */\ndiv.text-lg.font-bold {\n  color: #f0e6d0 !important;\n  font-family: \"LXGW WenKai\", \"霞鹜文楷\", \"楷体\", serif !important;\n  font-weight: 600 !important;\n  letter-spacing: 2px !important;\n  text-shadow:\n    0 0 12px rgba(200, 170, 120, 0.4),\n    0 2px 4px rgba(0, 0, 0, 0.5) !important;\n  position: relative !important;\n}\n\ndiv.text-lg.font-bold::before {\n  content: \"✦\" !important;\n  margin-right: 8px !important;\n  color: rgba(200, 170, 120, 0.7) !important;\n  font-size: 0.7em !important;\n  text-shadow: 0 0 8px rgba(200, 170, 120, 0.5) !important;\n}\n\n/* '个人评分'文字 */\np.MuiTypography-body1.text-grey-600 {\n  color: rgba(200, 185, 210, 0.85) !important;\n  font-family: \"LXGW WenKai\", \"霞鹜文楷\", serif !important;\n  font-size: 14px !important;\n  letter-spacing: 1px !important;\n  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.4) !important;\n}\n\n/* ═══════════════════════════════════════════════════════════\n   【评分系统】· 灵玉星辰 · 修仙风格评分图标\n   ═══════════════════════════════════════════════════════════ */\n\n/* 评分容器 */\nspan.MuiRating-root {\n  filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.3)) !important;\n}\n\n/* 未选中的评分 - 空灵玉 (八卦/莲花轮廓) */\nspan.MuiRating-iconEmpty svg {\n  color: transparent !important;\n  background: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Ccircle cx='12' cy='12' r='9' stroke='%238a7aaa' stroke-width='1.2' opacity='0.6'/%3E%3Ccircle cx='12' cy='12' r='5' stroke='%238a7aaa' stroke-width='0.8' opacity='0.5'/%3E%3Cpath d='M12 3 L12 7 M12 17 L12 21 M3 12 L7 12 M17 12 L21 12' stroke='%238a7aaa' stroke-width='0.8' opacity='0.4'/%3E%3Cpath d='M5.5 5.5 L8 8 M16 16 L18.5 18.5 M5.5 18.5 L8 16 M16 8 L18.5 5.5' stroke='%238a7aaa' stroke-width='0.6' opacity='0.35'/%3E%3Ccircle cx='12' cy='12' r='2' stroke='%239988bb' stroke-width='0.6' fill='none' opacity='0.5'/%3E%3C/svg%3E\") center/contain no-repeat !important;\n  width: 24px !important;\n  height: 24px !important;\n  transition: all 0.3s ease !important;\n}\n\n/* 选中的评分 - 金莲灵玉 */\nspan.MuiRating-iconFilled svg {\n  color: transparent !important;\n  background: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cdefs%3E%3CradialGradient id='glow' cx='50%25' cy='50%25' r='50%25'%3E%3Cstop offset='0%25' stop-color='%23fff8e0'/%3E%3Cstop offset='40%25' stop-color='%23dcc896'/%3E%3Cstop offset='100%25' stop-color='%23b8956c'/%3E%3C/radialGradient%3E%3ClinearGradient id='petalGrad' x1='0%25' y1='0%25' x2='100%25' y2='100%25'%3E%3Cstop offset='0%25' stop-color='%23f5e6c8'/%3E%3Cstop offset='50%25' stop-color='%23dcc896'/%3E%3Cstop offset='100%25' stop-color='%23c9a86c'/%3E%3C/linearGradient%3E%3C/defs%3E%3Ccircle cx='12' cy='12' r='10' fill='%23c9a86c' opacity='0.15'/%3E%3Cpath d='M12 2 C12 2 14 6 14 8 C14 10 12 11 12 11 C12 11 10 10 10 8 C10 6 12 2 12 2Z' fill='url(%23petalGrad)'/%3E%3Cpath d='M12 22 C12 22 14 18 14 16 C14 14 12 13 12 13 C12 13 10 14 10 16 C10 18 12 22 12 22Z' fill='url(%23petalGrad)'/%3E%3Cpath d='M2 12 C2 12 6 14 8 14 C10 14 11 12 11 12 C11 12 10 10 8 10 C6 10 2 12 2 12Z' fill='url(%23petalGrad)'/%3E%3Cpath d='M22 12 C22 12 18 14 16 14 C14 14 13 12 13 12 C13 12 14 10 16 10 C18 10 22 12 22 12Z' fill='url(%23petalGrad)'/%3E%3Cpath d='M4.5 4.5 C4.5 4.5 7.5 6.5 8.5 8 C9.5 9.5 9 11 9 11 C9 11 7.5 10.5 6.5 9 C5.5 7.5 4.5 4.5 4.5 4.5Z' fill='url(%23petalGrad)' opacity='0.85'/%3E%3Cpath d='M19.5 4.5 C19.5 4.5 16.5 6.5 15.5 8 C14.5 9.5 15 11 15 11 C15 11 16.5 10.5 17.5 9 C18.5 7.5 19.5 4.5 19.5 4.5Z' fill='url(%23petalGrad)' opacity='0.85'/%3E%3Cpath d='M4.5 19.5 C4.5 19.5 7.5 17.5 8.5 16 C9.5 14.5 9 13 9 13 C9 13 7.5 13.5 6.5 15 C5.5 16.5 4.5 19.5 4.5 19.5Z' fill='url(%23petalGrad)' opacity='0.85'/%3E%3Cpath d='M19.5 19.5 C19.5 19.5 16.5 17.5 15.5 16 C14.5 14.5 15 13 15 13 C15 13 16.5 13.5 17.5 15 C18.5 16.5 19.5 19.5 19.5 19.5Z' fill='url(%23petalGrad)' opacity='0.85'/%3E%3Ccircle cx='12' cy='12' r='3' fill='url(%23glow)'/%3E%3Ccircle cx='12' cy='12' r='4.5' stroke='%23f5e6c8' stroke-width='0.5' fill='none' opacity='0.6'/%3E%3C/svg%3E\") center/contain no-repeat !important;\n  width: 24px !important;\n  height: 24px !important;\n  filter: drop-shadow(0 0 6px rgba(200, 170, 120, 0.6)) !important;\n  transition: all 0.3s ease !important;\n}\n\nspan.MuiRating-iconFilled svg:hover {\n  filter: drop-shadow(0 0 10px rgba(220, 200, 150, 0.8)) !important;\n  transform: scale(1.15) !important;\n}\n\n/* 评分数字 */\nspan.text-orange-500 {\n  color: #dcc896 !important;\n  font-family: \"LXGW WenKai\", \"霞鹜文楷\", serif !important;\n  font-weight: 600 !important;\n  text-shadow: 0 0 8px rgba(200, 170, 120, 0.5) !important;\n}\n\n/* ═══════════════════════════════════════════════════════════\n   【输入区域】· 传音玉简\n   ═══════════════════════════════════════════════════════════ */\n\n/* 输入框容器 */\ndiv.flex.flex-col.border-gray-200 {\n  background: linear-gradient(\n    135deg,\n    rgba(35, 28, 55, 0.8) 0%,\n    rgba(45, 36, 70, 0.75) 100%\n  ) !important;\n  border: 1px solid rgba(160, 120, 220, 0.35) !important;\n  border-radius: 12px !important;\n  box-shadow:\n    0 4px 20px rgba(0, 0, 0, 0.3),\n    inset 0 1px 0 rgba(255, 255, 255, 0.05) !important;\n  transition: all 0.3s ease !important;\n}\n\ndiv.flex.flex-col.border-gray-200:focus-within {\n  border-color: rgba(200, 170, 120, 0.5) !important;\n  box-shadow:\n    0 4px 25px rgba(0, 0, 0, 0.35),\n    0 0 20px rgba(200, 170, 120, 0.15),\n    inset 0 1px 0 rgba(255, 255, 255, 0.08) !important;\n}\n\n/* 评论输入框 */\ntextarea.rc-textarea {\n  color: FF00FF !important;\n}\n\n\n\n/* 字数统计 */\ndiv.bg-gray-100.text-gray-500 {\n  background: rgba(25, 20, 40, 0.5) !important;\n  color: rgba(170, 155, 190, 0.7) !important;\n  font-family: \"LXGW WenKai\", \"霞鹜文楷\", serif !important;\n  font-size: 12px !important;\n  border-top: 1px solid rgba(140, 110, 190, 0.15) !important;\n}\n\n/* 发送评论按钮 */\ndiv.cursor-pointer.group.flex.items-center.justify-center {\n  background: linear-gradient(\n    135deg,\n    rgba(180, 150, 100, 0.2) 0%,\n    rgba(200, 170, 120, 0.25) 100%\n  ) !important;\n  border: 1px solid rgba(200, 170, 120, 0.5) !important;\n  border-radius: 8px !important;\n  box-shadow:\n    0 2px 10px rgba(0, 0, 0, 0.25),\n    inset 0 1px 0 rgba(255, 255, 255, 0.1) !important;\n  transition: all 0.3s ease !important;\n}\n\ndiv.cursor-pointer.group.flex.items-center.justify-center:hover {\n  background: linear-gradient(\n    135deg,\n    rgba(200, 170, 120, 0.3) 0%,\n    rgba(220, 190, 140, 0.35) 100%\n  ) !important;\n  border-color: rgba(220, 190, 140, 0.7) !important;\n  box-shadow:\n    0 4px 20px rgba(200, 170, 120, 0.3),\n    0 0 25px rgba(200, 170, 120, 0.2),\n    inset 0 1px 0 rgba(255, 255, 255, 0.15) !important;\n  transform: translateY(-1px) !important;\n}\n\n/* 发送按钮图标 */\ndiv[data-state=\"closed\"] svg[data-icon=\"Send03\"] {\n  color: rgba(220, 200, 150, 0.9) !important;\n}\n\ndiv.cursor-pointer.group:hover svg[data-icon=\"Send03\"] {\n  color: #f5e6c8 !important;\n}\n\n/* ═══════════════════════════════════════════════════════════\n   【分割线】· 云纹界线\n   ═══════════════════════════════════════════════════════════ */\n\ndiv.style_divider__mW0YX {\n  background: linear-gradient(\n    90deg,\n    transparent 0%,\n    rgba(140, 110, 190, 0.3) 20%,\n    rgba(200, 170, 120, 0.4) 50%,\n    rgba(140, 110, 190, 0.3) 80%,\n    transparent 100%\n  ) !important;\n  height: 1px !important;\n  border: none !important;\n  box-shadow: 0 0 8px rgba(200, 170, 120, 0.2) !important;\n}\n\n/* ═══════════════════════════════════════════════════════════\n   【排序按钮】· 仙榜排序\n   ═══════════════════════════════════════════════════════════ */\n\n/* 排序按钮容器 */\n.MuiStack-root.css-1dmzxoz {\n  background: rgba(30, 24, 48, 0.5) !important;\n  border-radius: 8px !important;\n  padding: 4px !important;\n  border: 1px solid rgba(140, 110, 190, 0.2) !important;\n}\n\n/* 排序按钮通用样式 */\nbutton.MuiButton-containedPrimary,\nbutton.MuiButton-outlinedPrimary {\n  font-family: \"LXGW WenKai\", \"霞鹜文楷\", serif !important;\n  font-weight: 500 !important;\n  letter-spacing: 1px !important;\n  border-radius: 6px !important;\n  transition: all 0.3s ease !important;\n}\n\n/* 未选中的排序按钮 */\nbutton.MuiButton-outlinedPrimary {\n  background: transparent !important;\n  border: 1px solid rgba(140, 110, 190, 0.3) !important;\n  color: rgba(190, 175, 210, 0.8) !important;\n  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) !important;\n}\n\nbutton.MuiButton-outlinedPrimary:hover {\n  background: rgba(60, 48, 90, 0.5) !important;\n  border-color: rgba(180, 150, 120, 0.4) !important;\n  color: rgba(230, 220, 200, 0.9) !important;\n}\n\n/* 选中的排序按钮 */\nbutton.MuiButton-containedPrimary {\n  background: linear-gradient(\n    135deg,\n    rgba(180, 150, 100, 0.25) 0%,\n    rgba(200, 170, 120, 0.3) 100%\n  ) !important;\n  border: 1px solid rgba(200, 170, 120, 0.6) !important;\n  color: #f0e6d0 !important;\n  text-shadow: 0 0 6px rgba(200, 170, 120, 0.4) !important;\n  box-shadow:\n    0 2px 12px rgba(200, 170, 120, 0.2),\n    inset 0 1px 0 rgba(255, 255, 255, 0.1) !important;\n}\ndiv.p-3.overflow-y-auto {\n  background: transparent !important;\n}\n\n/* 评论项 - 增强hover效果 */\ndiv.group.ml-0 {\n  background: linear-gradient(\n    145deg,\n    rgba(40, 32, 62, 0.7) 0%,\n    rgba(48, 38, 72, 0.65) 50%,\n    rgba(42, 34, 65, 0.7) 100%\n  ) !important;\n  border: 1px solid rgba(140, 110, 190, 0.3) !important;\n  border-radius: 12px !important;\n  margin-bottom: 14px !important;\n  box-shadow:\n    0 3px 15px rgba(0, 0, 0, 0.25),\n    inset 0 1px 0 rgba(255, 255, 255, 0.04) !important;\n  transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1) !important;\n  position: relative !important;\n}\n\ndiv.group.ml-0:hover {\n  background: linear-gradient(\n    145deg,\n    rgba(52, 42, 80, 0.8) 0%,\n    rgba(62, 50, 92, 0.75) 50%,\n    rgba(55, 45, 82, 0.8) 100%\n  ) !important;\n  border-color: rgba(200, 170, 120, 0.45) !important;\n  box-shadow:\n    0 6px 25px rgba(0, 0, 0, 0.35),\n    0 0 20px rgba(160, 120, 220, 0.15),\n    0 0 35px rgba(200, 170, 120, 0.08),\n    inset 0 1px 0 rgba(255, 255, 255, 0.08) !important;\n  transform: translateY(-2px) !important;\n}\n\n/* 评论项左侧金纹装饰线 */\ndiv.group.ml-0::before {\n  content: \"\" !important;\n  position: absolute !important;\n  left: 0 !important;\n  top: 15% !important;\n  bottom: 15% !important;\n  width: 3px !important;\n  background: linear-gradient(\n    180deg,\n    transparent 0%,\n    rgba(200, 170, 120, 0.15) 30%,\n    rgba(200, 170, 120, 0.15) 70%,\n    transparent 100%\n  ) !important;\n  border-radius: 0 2px 2px 0 !important;\n  transition: all 0.35s ease !important;\n}\n\ndiv.group.ml-0:hover::before {\n  background: linear-gradient(\n    180deg,\n    transparent 0%,\n    rgba(200, 170, 120, 0.5) 30%,\n    rgba(200, 170, 120, 0.5) 70%,\n    transparent 100%\n  ) !important;\n  box-shadow: 0 0 10px rgba(200, 170, 120, 0.3) !important;\n}\n\n/* 用户头像 */\ndiv.group img.rounded-full {\n  border: 2px solid rgba(160, 120, 220, 0.45) !important;\n  box-shadow:\n    0 0 12px rgba(160, 120, 220, 0.2),\n    0 3px 10px rgba(0, 0, 0, 0.3) !important;\n  transition: all 0.3s ease !important;\n}\n\ndiv.group:hover img.rounded-full {\n  border-color: rgba(200, 170, 120, 0.65) !important;\n  box-shadow:\n    0 0 18px rgba(200, 170, 120, 0.35),\n    0 3px 12px rgba(0, 0, 0, 0.35) !important;\n}\n\ndiv.group img.rounded-full:hover {\n  transform: scale(1.08) !important;\n  border-color: rgba(220, 200, 150, 0.8) !important;\n}\n\n/* 用户名 */\ndiv.text-sm.text-grey-600 span.font-bold {\n  color: #e8d9a8 !important;\n  font-family: \"LXGW WenKai\", \"霞鹜文楷\", serif !important;\n  font-weight: 600 !important;\n  font-size: 14px !important;\n  text-shadow: 0 1px 4px rgba(0, 0, 0, 0.5) !important;\n  transition: all 0.3s ease !important;\n}\n\ndiv.group:hover div.text-sm.text-grey-600 span.font-bold {\n  color: #f5eac5 !important;\n  text-shadow: \n    0 0 10px rgba(200, 170, 120, 0.4),\n    0 1px 4px rgba(0, 0, 0, 0.5) !important;\n}\n\n/* \"（你）\" 标签 */\nspan.text-\\[10px\\] {\n  background: linear-gradient(\n    135deg,\n    rgba(200, 170, 120, 0.25) 0%,\n    rgba(180, 150, 100, 0.3) 100%\n  ) !important;\n  color: #f0e2b8 !important;\n  font-family: \"LXGW WenKai\", \"霞鹜文楷\", serif !important;\n  font-weight: 500 !important;\n  padding: 2px 8px !important;\n  border-radius: 4px !important;\n  border: 1px solid rgba(200, 170, 120, 0.5) !important;\n  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.4) !important;\n  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2) !important;\n}\n\n/* 评论内容 */\ndiv.break-all {\n  color: rgba(245, 240, 225, 0.95) !important;\n  font-family: \"LXGW WenKai\", \"霞鹜文楷\", serif !important;\n  font-size: 14px !important;\n  line-height: 1.8 !important;\n  letter-spacing: 0.4px !important;\n  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.35) !important;\n}\n\n/* 时间戳 */\ndiv.text-xs.text-grey-600 {\n  color: rgba(185, 170, 205, 0.8) !important;\n  font-family: \"LXGW WenKai\", \"霞鹜文楷\", serif !important;\n  font-size: 12px !important;\n  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.35) !important;\n}\n\n/* ═══════════════════════════════════════════════════════════\n   【交互按钮】· 点赞/回复 · 高可读性增强\n   ═══════════════════════════════════════════════════════════ */\n\n/* 点赞按钮 - 大幅增强可见度 */\nbutton.text-gray-400 {\n  color: rgba(200, 185, 220, 0.85) !important;\n  font-family: \"LXGW WenKai\", \"霞鹜文楷\", serif !important;\n  font-weight: 500 !important;\n  padding: 4px 10px !important;\n  background: rgba(60, 48, 90, 0.4) !important;\n  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.4) !important;\n  transition: all 0.3s ease !important;\n}\n\nbutton.text-gray-400:hover {\n  color: #f5e6c8 !important;\n  background: rgba(200, 170, 120, 0.2) !important;\n  box-shadow: \n    0 2px 12px rgba(200, 170, 120, 0.25),\n    0 0 15px rgba(200, 170, 120, 0.15) !important;\n  transform: translateY(-1px) !important;\n}\n\n/* 点赞图标 */\nbutton.text-gray-400 svg {\n  color: rgba(210, 190, 230, 0.9) !important;\n  filter: drop-shadow(0 1px 3px rgba(0, 0, 0, 0.4)) !important;\n  transition: all 0.3s ease !important;\n}\n\nbutton.text-gray-400:hover svg {\n  color: #f5e6c8 !important;\n  filter: drop-shadow(0 0 8px rgba(200, 170, 120, 0.5)) !important;\n  transform: scale(1.2) !important;\n}\n\n/* 回复文字按钮 - 大幅增强可见度 */\nspan.cursor-pointer {\n  color: rgba(210, 195, 230, 0.9) !important;\n  font-family: \"LXGW WenKai\", \"霞鹜文楷\", serif !important;\n  font-weight: 500 !important;\n  font-size: 13px !important;\n  padding: 3px 10px !important;\n  background: rgba(70, 55, 100, 0.45) !important;\n  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.4) !important;\n  transition: all 0.3s ease !important;\n  display: inline-block !important;\n}\n\nspan.cursor-pointer:hover {\n  color: #f5eac5 !important;\n  background: linear-gradient(\n    135deg,\n    rgba(200, 170, 120, 0.25) 0%,\n    rgba(180, 150, 100, 0.3) 100%\n  ) !important;\n  border-color: rgba(200, 170, 120, 0.55) !important;\n  box-shadow: \n    0 2px 12px rgba(200, 170, 120, 0.25),\n    0 0 18px rgba(200, 170, 120, 0.12) !important;\n  text-shadow: \n    0 0 8px rgba(200, 170, 120, 0.4),\n    0 1px 3px rgba(0, 0, 0, 0.4) !important;\n  transform: translateY(-1px) !important;\n}\n\n/* 回复区域边框 - 增强可见度 */\ndiv.ml-8.border-l {\n  border-color: rgba(180, 150, 120, 0.35) !important;\n  border-left-width: 2px !important;\n  border-left-style: solid !important;\n  background: linear-gradient(\n    90deg,\n    rgba(200, 170, 120, 0.05) 0%,\n    transparent 30%\n  ) !important;\n  margin-left: 20px !important;\n  padding-left: 12px !important;\n  position: relative !important;\n}\n\n/* 回复区域顶部小装饰 */\ndiv.ml-8.border-l::before {\n  content: \"┌\" !important;\n  position: absolute !important;\n  top: -2px !important;\n  left: -7px !important;\n  color: rgba(200, 170, 120, 0.5) !important;\n  font-size: 14px !important;\n  text-shadow: 0 0 6px rgba(200, 170, 120, 0.3) !important;\n}\ndiv[class*=\"w-full\"][class*=\"bg-white\"][class*=\"bottom-0\"] .MuiSvgIcon-root.MuiSvgIcon-fontSizeSmall.css-vh810p {\n  color: rgba(200, 180, 160, 0.75) !important;\n  filter: drop-shadow(0 1px 3px rgba(0, 0, 0, 0.4)) !important;\n  transition: all 0.3s ease !important;\n  cursor: pointer !important;\n}\n\ndiv[class*=\"w-full\"][class*=\"bg-white\"][class*=\"bottom-0\"] .MuiSvgIcon-root.MuiSvgIcon-fontSizeSmall.css-vh810p:hover {\n  color: #f0e6d0 !important;\n  filter: drop-shadow(0 0 8px rgba(200, 170, 120, 0.5)) !important;\n  transform: scale(1.15) rotate(90deg) !important;\n}\n\n/* 备用选择器 - 如果上述失效 */\ndiv[class*=\"bottom-0\"] svg.MuiSvgIcon-fontSizeSmall[viewBox=\"0 0 24 24\"] path[d*=\"M12 2C6.47\"] {\n  fill: rgba(200, 180, 160, 0.75) !important;\n}\n\n/* 更通用的备用方案 - 针对评论区内所有小型关闭图标 */\ndiv[class*=\"w-full\"][class*=\"bottom-0\"] .MuiSvgIcon-fontSizeSmall {\n  color: rgba(200, 180, 160, 0.8) !important;\n  filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.35)) !important;\n  transition: all 0.3s ease !important;\n}\n\ndiv[class*=\"w-full\"][class*=\"bottom-0\"] .MuiSvgIcon-fontSizeSmall:hover {\n  color: #dcc896 !important;\n  filter: drop-shadow(0 0 6px rgba(200, 170, 120, 0.45)) !important;\n  transform: scale(1.1) !important;\n}\n.absolute.top-0.MuiBox-root {\n    background:transparent;\n}\n\n.chat-answer-container.mr-2 {\n    margin-right: 0rem;\n}\n.group .px-4 {\n    padding-left: 0.1rem;\n    padding-right: 0.1rem;\n}\n\n\n.bg-gray-100\\/90.relative.inline-block {\n    position: relative !important;\n    isolation: isolate !important;\n    border-radius: 16px !important;\n    box-shadow: \n        0 4px 20px rgba(0, 0, 0, 0.15),\n        0 0 1px rgba(0, 0, 0, 0.1) !important;\n    overflow: visible !important;\n}\n\n/* ═══════════════════════════════════════════════════════════════\n   🌺 输出框样式 · 暗粉仙韵\n   ═══════════════════════════════════════════════════════════════ */\n.chat-answer-container .bg-gray-100\\/90.relative.inline-block {\n    background: linear-gradient(\n        145deg,\n        #2a1f2d 0%,\n        #3d2a3a 25%,\n        #4a3347 50%,\n        #3d2a3a 75%,\n        #2a1f2d 100%\n    ) !important;\n    border: 1px solid rgba(255, 182, 193, 0.3) !important;\n    box-shadow: \n        0 8px 32px rgba(139, 69, 89, 0.4),\n        0 0 60px rgba(255, 182, 193, 0.08),\n        inset 0 1px 0 rgba(255, 200, 210, 0.1),\n        inset 0 -1px 0 rgba(0, 0, 0, 0.2) !important;\n}\n\n/* 输出框 - 右下角精致SVG装饰 */\n.chat-answer-container .bg-gray-100\\/90.relative.inline-block::after {\n    content: '' !important;\n    position: absolute !important;\n    bottom: -8px !important;\n    right: -8px !important;\n    width: 120px !important;\n    height: 120px !important;\n    pointer-events: none !important;\n    z-index: -1 !important;\n    background-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 120'%3E%3Cdefs%3E%3ClinearGradient id='petalGrad1' x1='0%25' y1='0%25' x2='100%25' y2='100%25'%3E%3Cstop offset='0%25' stop-color='%23ffb6c1' stop-opacity='0.9'/%3E%3Cstop offset='50%25' stop-color='%23ff8fa3' stop-opacity='0.7'/%3E%3Cstop offset='100%25' stop-color='%23c44569' stop-opacity='0.5'/%3E%3C/linearGradient%3E%3ClinearGradient id='petalGrad2' x1='0%25' y1='100%25' x2='100%25' y2='0%25'%3E%3Cstop offset='0%25' stop-color='%23ffd1dc' stop-opacity='0.8'/%3E%3Cstop offset='100%25' stop-color='%23ffb6c1' stop-opacity='0.4'/%3E%3C/linearGradient%3E%3ClinearGradient id='goldAccent' x1='0%25' y1='0%25' x2='100%25' y2='100%25'%3E%3Cstop offset='0%25' stop-color='%23ffd700' stop-opacity='0.8'/%3E%3Cstop offset='50%25' stop-color='%23ffec8b' stop-opacity='0.6'/%3E%3Cstop offset='100%25' stop-color='%23daa520' stop-opacity='0.4'/%3E%3C/linearGradient%3E%3Cfilter id='softGlow'%3E%3CfeGaussianBlur stdDeviation='1' result='blur'/%3E%3CfeMerge%3E%3CfeMergeNode in='blur'/%3E%3CfeMergeNode in='SourceGraphic'/%3E%3C/feMerge%3E%3C/filter%3E%3C/defs%3E%3C!-- 主莲花 --%3E%3Cg transform='translate(60,65)' filter='url(%23softGlow)'%3E%3C!-- 外层花瓣 --%3E%3Cellipse cx='0' cy='-22' rx='8' ry='20' fill='url(%23petalGrad1)' transform='rotate(0)'/%3E%3Cellipse cx='0' cy='-22' rx='8' ry='20' fill='url(%23petalGrad1)' transform='rotate(45)'/%3E%3Cellipse cx='0' cy='-22' rx='8' ry='20' fill='url(%23petalGrad1)' transform='rotate(90)'/%3E%3Cellipse cx='0' cy='-22' rx='8' ry='20' fill='url(%23petalGrad1)' transform='rotate(135)'/%3E%3Cellipse cx='0' cy='-22' rx='8' ry='20' fill='url(%23petalGrad1)' transform='rotate(180)'/%3E%3Cellipse cx='0' cy='-22' rx='8' ry='20' fill='url(%23petalGrad1)' transform='rotate(225)'/%3E%3Cellipse cx='0' cy='-22' rx='8' ry='20' fill='url(%23petalGrad1)' transform='rotate(270)'/%3E%3Cellipse cx='0' cy='-22' rx='8' ry='20' fill='url(%23petalGrad1)' transform='rotate(315)'/%3E%3C!-- 内层花瓣 --%3E%3Cellipse cx='0' cy='-14' rx='6' ry='13' fill='url(%23petalGrad2)' transform='rotate(22.5)'/%3E%3Cellipse cx='0' cy='-14' rx='6' ry='13' fill='url(%23petalGrad2)' transform='rotate(67.5)'/%3E%3Cellipse cx='0' cy='-14' rx='6' ry='13' fill='url(%23petalGrad2)' transform='rotate(112.5)'/%3E%3Cellipse cx='0' cy='-14' rx='6' ry='13' fill='url(%23petalGrad2)' transform='rotate(157.5)'/%3E%3Cellipse cx='0' cy='-14' rx='6' ry='13' fill='url(%23petalGrad2)' transform='rotate(202.5)'/%3E%3Cellipse cx='0' cy='-14' rx='6' ry='13' fill='url(%23petalGrad2)' transform='rotate(247.5)'/%3E%3Cellipse cx='0' cy='-14' rx='6' ry='13' fill='url(%23petalGrad2)' transform='rotate(292.5)'/%3E%3Cellipse cx='0' cy='-14' rx='6' ry='13' fill='url(%23petalGrad2)' transform='rotate(337.5)'/%3E%3C!-- 花蕊 --%3E%3Ccircle cx='0' cy='0' r='6' fill='url(%23goldAccent)'/%3E%3Ccircle cx='0' cy='0' r='3' fill='%23fff5cc' opacity='0.9'/%3E%3C/g%3E%3C!-- 装饰性仙气纹路 --%3E%3Cpath d='M95 110 Q85 95 90 80 Q95 65 85 55' stroke='url(%23petalGrad1)' stroke-width='1.5' fill='none' opacity='0.6'/%3E%3Cpath d='M105 100 Q100 85 105 70' stroke='url(%23goldAccent)' stroke-width='1' fill='none' opacity='0.5'/%3E%3C!-- 小花苞点缀 --%3E%3Ccircle cx='100' cy='45' r='4' fill='url(%23petalGrad2)' opacity='0.7'/%3E%3Ccircle cx='108' cy='55' r='2.5' fill='url(%23petalGrad1)' opacity='0.6'/%3E%3Ccircle cx='95' cy='35' r='2' fill='url(%23goldAccent)' opacity='0.5'/%3E%3C!-- 金色灵气点 --%3E%3Ccircle cx='45' cy='100' r='1.5' fill='%23ffd700' opacity='0.6'/%3E%3Ccircle cx='35' cy='90' r='1' fill='%23ffec8b' opacity='0.5'/%3E%3Ccircle cx='50' cy='85' r='1.2' fill='%23ffd700' opacity='0.4'/%3E%3C/svg%3E\") !important;\n    background-size: contain !important;\n    background-repeat: no-repeat !important;\n}\n\n\n/* 输出框文本样式 */\n.chat-answer-container .markdown-body {\n    color: #f8e8ec !important;\n    background: transparent !important;\n    position: relative !important;\n    z-index: 1 !important;\n    font-family: \"LXGW WenKai\", \"霞鹜文楷\", \"楷体\", KaiTi, serif, system-ui !important;\n    font-size: 15px !important;\n    line-height: 1.8 !important;\n    text-shadow: none !important;\n}\n\n.chat-answer-container .markdown-body strong,\n.chat-answer-container .markdown-body b {\n    color: #ffd1dc !important;\n    font-weight: bold !important;\n}\n\n.chat-answer-container .markdown-body em,\n.chat-answer-container .markdown-body i {\n    color: #ffb6c1 !important;\n}\n\n\n.chat-answer-container .markdown-body a {\n    color: #ffb6c1 !important;\n    text-decoration: underline !important;\n}\n\n.chat-answer-container .markdown-body blockquote {\n    border-left: 3px solid rgba(255, 182, 193, 0.5) !important;\n    background: rgba(255, 182, 193, 0.08) !important;\n    padding: 8px 16px !important;\n    margin: 12px 0 !important;\n    border-radius: 0 8px 8px 0 !important;\n}\n\n.chat-answer-container .markdown-body h1,\n.chat-answer-container .markdown-body h2,\n.chat-answer-container .markdown-body h3,\n.chat-answer-container .markdown-body h4 {\n    color: #ffd1dc !important;\n    border-bottom: 1px solid rgba(255, 182, 193, 0.2) !important;\n    padding-bottom: 6px !important;\n}\n\n.chat-answer-container .markdown-body hr {\n    border: none !important;\n    height: 1px !important;\n    background: linear-gradient(90deg, transparent, rgba(255,182,193,0.5), transparent) !important;\n}\n\n.bg-gray-100\\/90.relative.inline-block:not(.chat-answer-container .bg-gray-100\\/90) {\n    background: linear-gradient(\n        145deg,\n        #3d2d35 0%,\n        #4a3842 25%,\n        #52404a 50%,\n        #4a3842 75%,\n        #3d2d35 100%\n    ) !important;\n    border: 1px solid rgba(232, 200, 210, 0.25) !important;\n    box-shadow: \n        0 6px 24px rgba(60, 40, 50, 0.4),\n        0 0 40px rgba(255, 200, 215, 0.06),\n        inset 0 1px 0 rgba(255, 220, 230, 0.08),\n        inset 0 -1px 0 rgba(0, 0, 0, 0.15) !important;\n    position: relative !important;\n    isolation: isolate !important;\n    border-radius: 16px !important;\n    overflow: visible !important;\n}\n\n/* 输入框 - 右下角精致小装饰 */\n.bg-gray-100\\/90.relative.inline-block:not(.chat-answer-container .bg-gray-100\\/90)::after {\n    content: '' !important;\n    position: absolute !important;\n    bottom: -5px !important;\n    right: -5px !important;\n    width: 65px !important;\n    height: 65px !important;\n    pointer-events: none !important;\n    z-index: -1 !important;\n    background-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 65 65'%3E%3Cdefs%3E%3ClinearGradient id='softPetalA' x1='0%25' y1='0%25' x2='100%25' y2='100%25'%3E%3Cstop offset='0%25' stop-color='%23e8c0cc' stop-opacity='0.7'/%3E%3Cstop offset='50%25' stop-color='%23d4a8b5' stop-opacity='0.5'/%3E%3Cstop offset='100%25' stop-color='%23b08090' stop-opacity='0.3'/%3E%3C/linearGradient%3E%3ClinearGradient id='softPetalB' x1='0%25' y1='100%25' x2='100%25' y2='0%25'%3E%3Cstop offset='0%25' stop-color='%23f0d0d8' stop-opacity='0.6'/%3E%3Cstop offset='100%25' stop-color='%23d4a8b5' stop-opacity='0.25'/%3E%3C/linearGradient%3E%3ClinearGradient id='softGold' x1='0%25' y1='0%25' x2='100%25' y2='100%25'%3E%3Cstop offset='0%25' stop-color='%23e8c878' stop-opacity='0.6'/%3E%3Cstop offset='50%25' stop-color='%23d4b060' stop-opacity='0.4'/%3E%3Cstop offset='100%25' stop-color='%23c0a050' stop-opacity='0.25'/%3E%3C/linearGradient%3E%3C/defs%3E%3C!-- 含苞玉兰 --%3E%3Cg transform='translate(38,38)'%3E%3Cellipse cx='0' cy='-12' rx='5' ry='12' fill='url(%23softPetalA)' transform='rotate(-15)'/%3E%3Cellipse cx='0' cy='-12' rx='5' ry='12' fill='url(%23softPetalB)' transform='rotate(15)'/%3E%3Cellipse cx='0' cy='-10' rx='4' ry='10' fill='url(%23softPetalA)' transform='rotate(-40)'/%3E%3Cellipse cx='0' cy='-10' rx='4' ry='10' fill='url(%23softPetalB)' transform='rotate(40)'/%3E%3Ccircle cx='0' cy='0' r='4' fill='url(%23softGold)'/%3E%3Ccircle cx='0' cy='0' r='2' fill='%23fff0e8' opacity='0.7'/%3E%3C/g%3E%3C!-- 细枝 --%3E%3Cpath d='M55 60 Q45 50 48 38 Q50 28 45 20' stroke='url(%23softPetalA)' stroke-width='1.2' fill='none' opacity='0.5'/%3E%3Cellipse cx='52' cy='25' rx='3' ry='6' fill='url(%23softPetalB)' transform='rotate(-30 52 25)' opacity='0.4'/%3E%3C!-- 灵气点 --%3E%3Ccircle cx='20' cy='50' r='1.2' fill='%23d4a8b5' opacity='0.4'/%3E%3Ccircle cx='15' cy='42' r='0.8' fill='%23e8c0cc' opacity='0.3'/%3E%3C/svg%3E\") !important;\n    background-size: contain !important;\n    background-repeat: no-repeat !important;\n}\n\n/* 输入框 - 左上角微小点缀 */\n.bg-gray-100\\/90.relative.inline-block:not(.chat-answer-container .bg-gray-100\\/90)::before {\n    content: '' !important;\n    position: absolute !important;\n    top: 6px !important;\n    left: 10px !important;\n    width: 24px !important;\n    height: 24px !important;\n    pointer-events: none !important;\n    z-index: 2 !important;\n    background-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cdefs%3E%3ClinearGradient id='tinyPink' x1='0%25' y1='0%25' x2='100%25' y2='100%25'%3E%3Cstop offset='0%25' stop-color='%23e8c0cc' stop-opacity='0.5'/%3E%3Cstop offset='100%25' stop-color='%23b08090' stop-opacity='0.25'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cg transform='translate(12,12)'%3E%3Cellipse cx='0' cy='-5' rx='2' ry='5' fill='url(%23tinyPink)' transform='rotate(0)'/%3E%3Cellipse cx='0' cy='-5' rx='2' ry='5' fill='url(%23tinyPink)' transform='rotate(90)'/%3E%3Cellipse cx='0' cy='-5' rx='2' ry='5' fill='url(%23tinyPink)' transform='rotate(180)'/%3E%3Cellipse cx='0' cy='-5' rx='2' ry='5' fill='url(%23tinyPink)' transform='rotate(270)'/%3E%3Ccircle cx='0' cy='0' r='2' fill='%23d4b060' opacity='0.5'/%3E%3C/g%3E%3C/svg%3E\") !important;\n    background-size: contain !important;\n    background-repeat: no-repeat !important;\n    opacity: 0.7 !important;\n}\n\n/* 输入框文本样式 */\n.bg-gray-100\\/90.relative.inline-block:not(.chat-answer-container .bg-gray-100\\/90) .markdown-body {\n    color: #f0e0e5 !important;\n    background: transparent !important;\n    position: relative !important;\n    z-index: 1 !important;\n    font-family: \"LXGW WenKai\", \"霞鹜文楷\", \"楷体\", KaiTi, serif, system-ui !important;\n    font-size: 15px !important;\n    line-height: 1.8 !important;\n    text-shadow: none !important;\n}\n\n/* 输入框底部按钮 */\n.bg-gray-100\\/90.relative.inline-block:not(.chat-answer-container .bg-gray-100\\/90) .MuiButtonBase-root.MuiButton-root {\n    color: #d0b8c0 !important;\n}\n\n/* ─────────────────────────────────────────\n   移动端适配\n   ───────────────────────────────────────── */\n@media (max-width: 480px) {\n    .bg-gray-100\\/90.relative.inline-block:not(.chat-answer-container .bg-gray-100\\/90)::after {\n        width: 50px !important;\n        height: 50px !important;\n        bottom: -4px !important;\n        right: -4px !important;\n    }\n    \n    .bg-gray-100\\/90.relative.inline-block:not(.chat-answer-container .bg-gray-100\\/90)::before {\n        width: 20px !important;\n        height: 20px !important;\n    }\n}\n/* 输出框底部按钮 */\n.chat-answer-container .MuiButtonBase-root.MuiButton-root.MuiButton-text.MuiButton-textPrimary {\n    color: #e8c8d0 !important;\n    transition: color 0.2s ease !important;\n}\n\n.chat-answer-container .MuiButtonBase-root.MuiButton-root.MuiButton-text.MuiButton-textPrimary:hover {\n    color: #ffb6c1 !important;\n}\n\n/* 输出框模型名称 */\n.chat-answer-container .MuiTypography-root.MuiTypography-body2.css-6c0gf2 {\n    color: #c8a8b0 !important;\n}\n\n/* 输出框Token消耗 */\n.chat-answer-container .text-orange-500 {\n    color: #d4a0aa !important;\n}\n/* ═══════════════════════════════════════════════════════════════\n   移动端适配\n   ═══════════════════════════════════════════════════════════════ */\n@media (max-width: 480px) {\n    .chat-answer-container .bg-gray-100\\/90.relative.inline-block::after {\n        width: 90px !important;\n        height: 90px !important;\n        bottom: -6px !important;\n        right: -6px !important;\n    }\n    \n}\n\n/* ═══════════════════════════════════════════════════════════════\n   低动效偏好适配（保持静态装饰可见）\n   ═══════════════════════════════════════════════════════════════ */\n@media (prefers-reduced-motion: reduce) {\n    .bg-gray-100\\/90.relative.inline-block,\n    .bg-gray-100\\/90.relative.inline-block::before,\n    .bg-gray-100\\/90.relative.inline-block::after {\n        transition: none !important;\n    }\n}\ntop {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    padding: 12px 20px 14px 20px;\n    margin-bottom: 16px;\n    position: relative;\n    background: linear-gradient(\n        90deg,\n        transparent 0%,\n        rgba(255, 182, 193, 0.05) 20%,\n        rgba(255, 182, 193, 0.08) 50%,\n        rgba(255, 182, 193, 0.05) 80%,\n        transparent 100%\n    );\n}\n\n/* 底部分割线 - 渐隐效果 */\ntop::after {\n    content: '';\n    position: absolute;\n    bottom: 0;\n    left: 50%;\n    transform: translateX(-50%);\n    width: 90%;\n    height: 1px;\n    background: linear-gradient(\n        90deg,\n        transparent 0%,\n        rgba(255, 182, 193, 0.15) 10%,\n        rgba(255, 182, 193, 0.4) 30%,\n        rgba(212, 175, 55, 0.5) 50%,\n        rgba(255, 182, 193, 0.4) 70%,\n        rgba(255, 182, 193, 0.15) 90%,\n        transparent 100%\n    );\n    box-shadow: 0 0 8px rgba(255, 182, 193, 0.3);\n}\n\n/* 分割线中心装饰点 */\ntop::before {\n    content: '';\n    position: absolute;\n    bottom: -3px;\n    left: 50%;\n    transform: translateX(-50%);\n    width: 7px;\n    height: 7px;\n    background: radial-gradient(circle, #ffd700 0%, #c44569 70%, transparent 100%);\n    border-radius: 50%;\n    box-shadow: \n        0 0 6px rgba(255, 215, 0, 0.6),\n        0 0 12px rgba(255, 182, 193, 0.4);\n    z-index: 1;\n}\n\n/* ═══════════════════════════════════════════════════════════════\n   时间 <time> 样式\n   ═══════════════════════════════════════════════════════════════ */\n\ntop time {\n    display: inline-flex;\n    align-items: center;\n    gap: 8px;\n    color: #ffd1dc;\n    font-family: \"LXGW WenKai\", \"霞鹜文楷\", \"楷体\", KaiTi, serif;\n    font-size: 14px;\n    letter-spacing: 1.5px;\n    text-shadow: 0 0 10px rgba(255, 182, 193, 0.3);\n    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n    cursor: default;\n}\n\n/* 时间图标 - 日月轮回 SVG */\ntop time::before {\n    content: '';\n    display: inline-block;\n    width: 18px;\n    height: 18px;\n    background-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cdefs%3E%3ClinearGradient id='sunMoon' x1='0%25' y1='0%25' x2='100%25' y2='100%25'%3E%3Cstop offset='0%25' stop-color='%23ffd700'/%3E%3Cstop offset='50%25' stop-color='%23ffb6c1'/%3E%3Cstop offset='100%25' stop-color='%23c44569'/%3E%3C/linearGradient%3E%3C/defs%3E%3Ccircle cx='12' cy='12' r='5' fill='none' stroke='url(%23sunMoon)' stroke-width='1.5'/%3E%3Cpath d='M12 2v3M12 19v3M2 12h3M19 12h3' stroke='url(%23sunMoon)' stroke-width='1.2' stroke-linecap='round'/%3E%3Cpath d='M4.93 4.93l2.12 2.12M16.95 16.95l2.12 2.12M4.93 19.07l2.12-2.12M16.95 7.05l2.12-2.12' stroke='url(%23sunMoon)' stroke-width='1' stroke-linecap='round' opacity='0.7'/%3E%3Ccircle cx='12' cy='12' r='2' fill='%23ffd700' opacity='0.8'/%3E%3C/svg%3E\");\n    background-size: contain;\n    background-repeat: no-repeat;\n    filter: drop-shadow(0 0 3px rgba(255, 215, 0, 0.5));\n    transition: all 0.4s ease;\n}\n\n/* 时间 Hover 效果 */\ntop time:hover {\n    color: #fff5f7;\n    text-shadow: \n        0 0 15px rgba(255, 182, 193, 0.6),\n        0 0 30px rgba(255, 215, 0, 0.3);\n    transform: translateY(-1px);\n}\n\ntop time:hover::before {\n    filter: drop-shadow(0 0 6px rgba(255, 215, 0, 0.8));\n    transform: rotate(15deg) scale(1.1);\n}\n\n/* ═══════════════════════════════════════════════════════════════\n   地点 <loc> 样式\n   ═══════════════════════════════════════════════════════════════ */\n\ntop loc {\n    display: inline-flex;\n    align-items: center;\n    gap: 8px;\n    color: #e8c4c4;\n    font-family: \"LXGW WenKai\", \"霞鹜文楷\", \"楷体\", KaiTi, serif;\n    font-size: 13px;\n    letter-spacing: 1px;\n    text-shadow: 0 0 8px rgba(196, 69, 105, 0.2);\n    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n    cursor: default;\n}\n\n/* 地点图标 - 山水仙境 SVG */\ntop loc::before {\n    content: '';\n    display: inline-block;\n    width: 18px;\n    height: 18px;\n    background-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cdefs%3E%3ClinearGradient id='mountain' x1='0%25' y1='100%25' x2='100%25' y2='0%25'%3E%3Cstop offset='0%25' stop-color='%23c44569'/%3E%3Cstop offset='50%25' stop-color='%23ffb6c1'/%3E%3Cstop offset='100%25' stop-color='%23ffd1dc'/%3E%3C/linearGradient%3E%3ClinearGradient id='cloud' x1='0%25' y1='0%25' x2='100%25' y2='0%25'%3E%3Cstop offset='0%25' stop-color='%23fff5f7' stop-opacity='0.9'/%3E%3Cstop offset='100%25' stop-color='%23ffb6c1' stop-opacity='0.6'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d='M4 18l4-6 3 3 5-7 4 6v4H4z' fill='url(%23mountain)' opacity='0.9'/%3E%3Cpath d='M2 14c1-1 2-1 3 0s2 1 3 0' stroke='url(%23cloud)' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3Cpath d='M16 10c1-0.8 1.5-0.8 2.5 0s1.5 0.8 2.5 0' stroke='url(%23cloud)' stroke-width='1.2' fill='none' stroke-linecap='round' opacity='0.7'/%3E%3Ccircle cx='18' cy='6' r='2' fill='%23ffd700' opacity='0.6'/%3E%3C/svg%3E\");\n    background-size: contain;\n    background-repeat: no-repeat;\n    filter: drop-shadow(0 0 2px rgba(196, 69, 105, 0.4));\n    transition: all 0.4s ease;\n}\n\n/* 地点 Hover 效果 */\ntop loc:hover {\n    color: #ffd1dc;\n    text-shadow: \n        0 0 12px rgba(255, 182, 193, 0.5),\n        0 0 25px rgba(196, 69, 105, 0.3);\n    transform: translateY(-1px);\n}\n\ntop loc:hover::before {\n    filter: drop-shadow(0 0 5px rgba(255, 182, 193, 0.7));\n    transform: scale(1.1);\n}\n\n@media (max-width: 480px) {\n    top {\n        flex-direction: column;\n        gap: 8px;\n        align-items: flex-start;\n    }\n    \n    top time, top loc {\n        font-size: 12px;\n    }\n}\n\n/* 选中文本样式 */\ntop time::selection,\ntop loc::selection {\n    background: rgba(255, 182, 193, 0.3);\n    color: #fff;\n}","options":{"items":[{"order":0,"label":"锁定","type":"SET-INPUT","value":"＼锁定NPC{xxx}（把xxx改成你要锁定的npc名字，这个括号记得删）"},{"order":1,"label":"归纳","type":"SET-INPUT","value":"\\归纳长期记忆"}]},"language":"zh","containsNSFW":true,"publicAccess":true,"deletedAt":null,"isAnonymous":false,"enableSafeguard":false,"defaultModelSettings":{"model":"grape_gemini_premium/gemini-2.5-pro-thinking"},"totalConversations":427,"totalMessages":6585,"totalCreditsUsed":12086369,"totalTokensUsed":237087534,"totalPlayedUsers":249,"deeplyPlayed":105,"fixedPromptLength":5493,"lorebookLength":141228,"author":{"id":"aZ7W3oiMUqvdQ1kNxHfJyTmjIUCfqteh","name":"Hysilens","displayUsername":"xyxxyx14","username":"xyxxyx14"},"cardsTags":[{"tag":{"name":"可重口可轻口","cardsCount":263}},{"tag":{"name":"超高自由度","cardsCount":981}},{"tag":{"name":"可剧情可涩涩","cardsCount":2459}},{"tag":{"name":"角色扮演","cardsCount":370}},{"tag":{"name":"调教","cardsCount":1007}},{"tag":{"name":"自由探索","cardsCount":1082}},{"tag":{"name":"修仙","cardsCount":147}}],"cardsVoices":[],"prompt":null,"promptSizeBytes":null}