.mb-2 .shrink-0 {
    display:none;
}
@media(max-width:768px){
.mb-2 .shrink-0 {
    display:flex;
}
}

.w-full.h-full.max-h-\[70vh\] {
  max-height: 100% !important;
  height: 100% !important;
}
planning,guide,judge {display:none;}
.style_dot-flashing__8L91Q.style_text__zGhNq {
    display: none !important;
}
.chat-answer-container .flex.items-center.justify-center.w-6.h-5 {
    position: relative !important;
    width: 100% !important;
    height: 140px !important;
    min-height: 140px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 20px 0 !important;
}
.chat-answer-container .flex.items-center.justify-center.w-6.h-5::before {
    content: '' !important;
    position: absolute !important;
    top: 20px !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    width: 110px !important;
    height: 110px !important;
    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;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    overflow: visible !important;
    z-index: 1 !important;
    pointer-events: none !important;
}
@media (max-width: 480px) {
    .chat-answer-container .flex.items-center.justify-center.w-6.h-5 {
        height: 120px !important;
        min-height: 120px !important;
    }
    
    .chat-answer-container .flex.items-center.justify-center.w-6.h-5::before {
        width: 85px !important;
        height: 85px !important;
        top: 15px !important;
    }
    
    .chat-answer-container .flex.items-center.justify-center.w-6.h-5::after {
        font-size: 11px !important;
    }
}

.chat-answer-container .flex.items-center.justify-center.w-6.h-5::after {
    content: '加载中……推荐记忆2-3游玩' !important;
    position: absolute !important;
    bottom: 5px !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    color: #ffb6c1 !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    white-space: nowrap !important;
    text-shadow: 
        0 0 10px rgba(255, 182, 193, 0.7),
        0 0 20px rgba(255, 182, 193, 0.4) !important;
    letter-spacing: 0.5px !important;
    z-index: 2 !important;
    opacity: 0.95 !important;
}
@media (prefers-reduced-motion: reduce) {
    .chat-answer-container .flex.items-center.justify-center.w-6.h-5::before {
        opacity: 0.85 !important;
    }
}
.xui summary {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 4px;
    background: linear-gradient(145deg, #3d2a3a, #4a3347);
    border-radius: 10px;
    cursor: pointer;
    list-style: none;
    font-size: 11px;
    color: #ffd1dc;
    letter-spacing: 1px;
    transition: all .25s;
    border: 1px solid rgba(255, 182, 193, 0.4); 
    box-shadow: 0 4px 12px rgba(139, 69, 89, 0.2), inset 0 1px 0 rgba(255, 200, 210, 0.1);
    font-family: "LXGW WenKai", "霞鹜文楷", "楷体", serif;
}

.xui summary::-webkit-details-marker,
.xui summary::marker { display: none; }
.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"); }
.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"); }
.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"); }
.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"); }
.xui summary::before {
    content: '';
    display: block;
    width: 22px;
    height: 22px;
    /* 图标颜色改为亮粉色 */
    background: #ffb6c1;
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-size: contain;
    mask-repeat: no-repeat;
    mask-position: center;
    transition: all .25s;
}

.xui details[open] summary {
    border-color: #ffd1dc;
    /* 激活背景加深紫色 */
    background: linear-gradient(145deg, #4a3347, #5c3f5a);
    box-shadow: 0 0 25px rgba(255, 182, 193, 0.4);
}
.xui details[open] summary::before {
    background: #fff0f5; 
    animation: xico 1.8s ease-in-out infinite;
}
@keyframes xico {
    0%, 100% { transform: scale(1); filter: drop-shadow(0 0 2px #ffb6c1); }
    50% { transform: scale(1.2); filter: drop-shadow(0 0 8px #ffd1dc); }
}

.xui details > b {
    display: block;
    background: linear-gradient(180deg, rgba(42, 31, 45, 0.98), rgba(61, 42, 58, 0.98));
    border: 1px solid rgba(255, 182, 193, 0.3);
    border-radius: 12px;
    box-shadow: 0 8px 32px rgba(139, 69, 89, 0.3), 0 0 20px rgba(255, 182, 193, 0.1);
    
    overflow-y: auto;
    overflow-x: hidden;
    padding: 0 16px 16px 16px;
    color: #f0e0e5;
    font-family: "LXGW WenKai", "霞鹜文楷", "楷体", serif;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 1.7;
}

.xui details > b::before {
    position: sticky;
    top: 0;
    z-index: 10;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 44px;
    margin: 0 -16px;
    background: linear-gradient(90deg, rgba(61, 42, 58, 1), rgba(74, 51, 71, 1), rgba(61, 42, 58, 1));
    border-bottom: 1px solid rgba(255, 182, 193, 0.25);
    
    font-size: 16px;
    font-weight: bold;
    color: #ffd1dc; /* 标题亮粉色 */
    letter-spacing: 3px;
    text-shadow: 0 0 10px rgba(255, 182, 193, 0.4);
    white-space: nowrap;
    flex-shrink: 0;
}
.xui details:nth-of-type(1) > b::before { content: '◇ 主角信息 ◇'; }
.xui details:nth-of-type(2) > b::before { content: '◇ 交互角色 ◇'; }
.xui details:nth-of-type(3) > b::before { content: '◇ 洞天势力 ◇'; }
.xui details:nth-of-type(4) > b::before { content: '◇ 讯息任务 ◇'; }

.xui details > b::after { display: none; }

.xui details > b::-webkit-scrollbar { width: 5px; }
.xui details > b::-webkit-scrollbar-thumb { background: #3d2f1e; border-radius: 3px; }
.xui details > b::-webkit-scrollbar-track { background: transparent; }
#ai-chat-answer:last-child .xui {
    position: fixed;   
    right: 8px;     
    top: 0;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 14px;
    pointer-events: none; 
    z-index: 9000;
}

#ai-chat-answer:last-child .xui details {
    pointer-events: auto; 
}
#ai-chat-answer:last-child .xui summary {
    width: 50px;
    height: 62px;
    position: relative;
    z-index: 9001;
    border-color: #ffb6c1; 
    box-shadow: 0 0 10px rgba(255, 182, 193, 0.3), inset 0 -2px 6px rgba(0, 0, 0, .3);
}
#ai-chat-answer:last-child .xui summary:hover {
    border-color: #ffd1dc;
    box-shadow: 0 0 20px rgba(255, 182, 193, 0.5);
}

#ai-chat-answer:last-child .xui details > b {
    position: fixed;
    right: 70px;
    top: 50%;
    z-index: 9000;
    width: 340px;
    height: 55vh;
    max-height: 440px;
    transform: translateY(-50%) scale(.85);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: all .3s cubic-bezier(.34, 1.56, .64, 1);
    /* 覆盖可能的全局样式 */
    margin: 0; 
}

#ai-chat-answer:last-child .xui details[open] > b {
    transform: translateY(-50%) scale(1);
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}

@media (max-width: 520px) {
    #ai-chat-answer:last-child .xui { right: 4px; gap: 10px; }
    #ai-chat-answer:last-child .xui summary { width: 44px; height: 54px; font-size: 10px; }
    #ai-chat-answer:last-child .xui summary::before { width: 18px; height: 18px; }
    #ai-chat-answer:last-child .xui details > b { 
        right: auto; 
        left: 4px; 
        width: calc(100vw - 62px); 
        max-width: none; 
    }
}

#ai-chat-answer:not(:last-child) .xui {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 0 !important; /* 增加权重，强制无缝隙 */
    width: 100%;
    margin-top: 12px;
    padding-top: 12px;
    border-top: 1px solid rgba(255, 182, 193, 0.3);
}

#ai-chat-answer:not(:last-child) .xui details {
    width: 100%;
    margin: 0;           /* 清除所有默认边距 */
    margin-top: -1px;    /* 让边框重叠，防止出现双线或空隙 */
    z-index: 0;
    display: block;    
}

#ai-chat-answer:not(:last-child) .xui summary {
    margin: 0;           /* 关键：防止 summary 自身产生间距 */
    width: 100%;
    height: 44px;
    flex-direction: row;
    justify-content: flex-start;
    padding: 0 16px;
    gap: 12px;
    font-size: 13px;
    font-weight: bold;
    border-radius: 0; 
    border: 1px solid rgba(255, 182, 193, 0.3);
    color: #ffd1dc;
    box-shadow: none;
}
#ai-chat-answer:not(:last-child) .xui details[open] { z-index: 1; }


/* 圆角处理 */
#ai-chat-answer:not(:last-child) .xui details:first-of-type summary {
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}
#ai-chat-answer:not(:last-child) .xui details:last-of-type summary {
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}
#ai-chat-answer:not(:last-child) .xui details:last-of-type[open] summary {
    border-radius: 0;
}

/* 面板：嵌入式 */
#ai-chat-answer:not(:last-child) .xui details > b {
    position: relative;
    width: 100%;
    height: auto;
    max-height: none;
    transform: none;
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    border-top: none;
    border-radius: 0;
    overflow: visible; 
}
#ai-chat-answer:not(:last-child) .xui details:last-of-type > b {
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}



/* 标签样式 */
.xui basic t,
.xui .female-info t {
    display: inline-block;
    /* 改为高亮奶白偏粉，对比度极高 */
    color: #fff0f5; 
    font-size: 12px;
    /* 加粗字体，增加存在感 */
    font-weight: bold; 
    margin-right: 2px;
    /* 增加文字发光效果，解决“颜色太淡”问题 */
    text-shadow: 0 0 2px rgba(255, 105, 180, 0.4), 0 0 1px #000;
    font-family: "LXGW WenKai", "霞鹜文楷", sans-serif;
    opacity: 1; /* 去除透明度 */
}
/* ==========================================================================
   第三部分：主角面板内容样式 - 修仙古韵 (完整版)
   ========================================================================== */

/* === 区块通用样式 === */
.xui basic,
.xui magic,
.xui equip,
.xui item,
.xui spirit {
    display: block;
    position: relative;
    padding: 12px 14px;
    margin: 10px 0;
    border-radius: 8px;
    font-size: 13px;
}

/* === 基础信息区块 === */
.xui basic {
    background: 
        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,
        linear-gradient(160deg, rgba(50, 35, 48, 0.95) 0%, rgba(38, 26, 38, 0.98) 100%);
    border: 1px solid rgba(255, 182, 193, 0.25);
    box-shadow: inset 0 1px 0 rgba(255, 210, 220, 0.08);
}

.xui .level {
    position: relative;
    margin: 10px 0;
    padding-top: 20px; /* 为label留空间 */
}

.xui .level .label {
    position: absolute;
    top: 0;
    left: 0;
    font-size: 12px;
    color: #e8879b;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.9);
    font-weight: bold;
    letter-spacing: 1px;
}

.xui .level .bar {
    position: relative;
    height: 20px;
    background: rgba(15, 10, 18, 0.85);
    border-radius: 10px;
    border: 1px solid rgba(255, 182, 193, 0.35);
    box-shadow: inset 0 2px 6px rgba(0, 0, 0, 0.5);
}

.xui .level .bar .fill {
    height: 100%;
    width: 0%; /* 默认值，通过style覆盖 */
    background: linear-gradient(90deg, 
        #8b3a5c 0%, 
        #c75b7a 35%, 
        #e8879b 65%, 
        #ffc4d4 100%
    );
    border-radius: 10px;
    box-shadow: 
        0 0 12px rgba(199, 91, 122, 0.6),
        inset 0 1px 0 rgba(255, 255, 255, 0.3);
}

.xui .level .value {
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
    font-size: 10px;
    color: #fff;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.9);
    font-weight: bold;
    letter-spacing: 1px;
    font-family: "Consolas", monospace;
}

/* === 女性专属信息 === */
.xui .female-info {
    padding: 10px 12px;
    margin: 10px 0;
    background: 
        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,
        linear-gradient(135deg, rgba(255, 20, 147, 0.08) 0%, rgba(255, 105, 180, 0.04) 100%);
    border: 1px solid rgba(255, 105, 180, 0.3);
    border-radius: 8px;
}

/* === 功法区块 === */
.xui magic {
    background: 
        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,
        linear-gradient(165deg, rgba(75, 45, 85, 0.9) 0%, rgba(45, 28, 55, 0.95) 100%);
    border: 1px solid rgba(147, 112, 219, 0.3);
}

/* === 装备区块 === */
.xui equip {
    background: 
        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,
        linear-gradient(165deg, rgba(40, 50, 70, 0.9) 0%, rgba(28, 35, 50, 0.95) 100%);
    border: 1px solid rgba(100, 149, 237, 0.3);
}

/* === 物品区块 === */
.xui item {
    background: 
        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,
        linear-gradient(165deg, rgba(60, 48, 32, 0.9) 0%, rgba(42, 32, 22, 0.95) 100%);
    border: 1px solid rgba(218, 165, 32, 0.3);
}

/* === 器灵区块 === */
.xui spirit {
    background: 
        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,
        linear-gradient(165deg, rgba(32, 55, 55, 0.9) 0%, rgba(22, 40, 42, 0.95) 100%);
    border: 1px solid rgba(127, 255, 212, 0.25);
}

/* ==========================================================================
   区块标题样式
   ========================================================================== */
.xui magic::before,
.xui equip::before,
.xui item::before {
    content: '';
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    font-size: 12px;
    letter-spacing: 3px;
    margin-bottom: 10px;
    padding-bottom: 8px;
    border-bottom: 1px solid rgba(255, 182, 193, 0.2);
}

.xui magic::before { 
    content: '┄ 功法秘术 ┄'; 
    color: #c9a0dc;
    border-image: linear-gradient(90deg, transparent, rgba(147, 112, 219, 0.4), transparent) 1;
}
.xui equip::before { 
    content: '┄ 法宝神兵 ┄'; 
    color: #90b8e0;
    border-image: linear-gradient(90deg, transparent, rgba(100, 149, 237, 0.4), transparent) 1;
}
.xui item::before { 
    content: '┄ 丹药杂物 ┄'; 
    color: #e0c878;
    border-image: linear-gradient(90deg, transparent, rgba(218, 165, 32, 0.4), transparent) 1;
}

.xui spirit h3 {
    margin: 0 0 10px 0;
    padding: 0 0 8px 0;
    font-size: 12px;
    font-weight: normal;
    color: #7fffd4;
    letter-spacing: 3px;
    text-align: center;
    border-bottom: 1px solid rgba(127, 255, 212, 0.2);
}

/* ==========================================================================
   O 物品条目基础样式 (关键修复)
   ========================================================================== */
.xui O {
    display: block;
    position: relative; /* 关键：作为Ti的定位父元素 */
    padding: 8px 12px;
    padding-right: 32px;
    margin: 5px 0;
    background: rgba(40, 30, 45, 0.65);
    border: 1px solid rgba(255, 182, 193, 0.18);
    border-radius: 5px;
    cursor: default;
    transition: background 0.2s, border-color 0.2s, box-shadow 0.2s;
    font-size: 13px;
    line-height: 1.5;
    overflow: visible; /* 确保Ti能溢出显示 */
}

.xui O:hover {
    background: rgba(60, 45, 65, 0.8);
    border-color: rgba(255, 182, 193, 0.4);
}

/* ==========================================================================
   Ti Tooltip面板 (关键修复)
   ========================================================================== */
.xui O Ti {
    /* 关键：绝对定位，脱离文档流 */
    position: absolute;
    left: 0;
    top: calc(100% + 6px);
    z-index: 500;
    
    /* 尺寸 */
    display: block;
    width: 100%;
    min-width: 220px;
    max-width: 300px;
    max-height: 150px;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 10px 12px;
    padding-right: 45px; /* 为右下角图标留空间 */
    box-sizing: border-box;
    
    /* 外观 */
    background: linear-gradient(160deg, rgba(58, 42, 62, 0.98) 0%, rgba(42, 30, 48, 0.99) 100%);
    border: 1px solid rgba(255, 182, 193, 0.45);
    border-radius: 8px;
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.55), 0 0 1px rgba(255, 182, 193, 0.5);
    
    /* 关键：默认隐藏 */
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translateY(-8px);
    transition: all 0.2s ease-out;
}

/* 桥接区域：让鼠标能从O移动到Ti */
.xui O::before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 100%;
    height: 10px;
    background: transparent;
}

/* 悬停时显示Ti */
.xui O:hover Ti {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: translateY(0);
}

/* Ti内部列表样式 */
.xui O Ti li {
    position: relative;
    list-style: none;
    padding: 4px 0 4px 16px;
    font-size: 12px;
    color: #e0d0d8;
    line-height: 1.6;
    border-bottom: 1px dashed rgba(255, 182, 193, 0.15);
}

.xui O Ti li:last-child {
    border-bottom: none;
}

/* Ti滚动条 */
.xui O Ti::-webkit-scrollbar { width: 3px; }
.xui O Ti::-webkit-scrollbar-thumb { background: rgba(255, 182, 193, 0.4); border-radius: 2px; }
.xui O Ti::-webkit-scrollbar-track { background: transparent; }

/* ==========================================================================
   品阶装饰符 - O右侧SVG图标
   ========================================================================== */
.xui O::after {
    content: '';
    position: absolute;
    right: 6px;
    top: 50%;
    transform: translateY(-50%);
    width: 18px;
    height: 18px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    opacity: 0.85;
    transition: opacity 0.2s, transform 0.2s;
    pointer-events: none;
}

.xui O:hover::after {
    opacity: 1;
    transform: translateY(-50%) scale(1.15);
}

/* Ti右下角装饰图标 */
.xui O Ti::after {
    content: '';
    position: absolute;
    right: 6px;
    bottom: 6px;
    width: 30px;
    height: 30px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    opacity: 0.2;
    pointer-events: none;
}

/* Ti列表符号基础 */
.xui O Ti li::before {
    content: '';
    position: absolute;
    left: 0;
    top: 10px;
    width: 6px;
    height: 6px;
}

/* ==========================================================================
   品阶系统 - 九品视觉体系
   ========================================================================== */

/* --- 凡品 · 朴素无华 --- */
.xui O[q*="凡品"] {
    background: rgba(70, 70, 75, 0.5);
    border-color: rgba(140, 140, 145, 0.35);
    color: #b8b8bc;
}
.xui O[q*="凡品"]:hover { 
    border-color: rgba(160, 160, 165, 0.5); 
}
.xui O[q*="凡品"]::after {
    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");
}
.xui O[q*="凡品"] Ti {
    background: linear-gradient(160deg, rgba(55, 55, 60, 0.97) 0%, rgba(40, 40, 45, 0.98) 100%);
    border-color: rgba(130, 130, 135, 0.45);
}
.xui O[q*="凡品"] Ti li::before {
    background: #888;
    border-radius: 50%;
}
.xui O[q*="凡品"] Ti::after {
    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");
}

/* --- 灵品 · 灵韵初生 --- */
.xui O[q*="灵品"] {
    background: linear-gradient(90deg, rgba(34, 120, 50, 0.18) 0%, rgba(45, 35, 50, 0.6) 100%);
    border-color: rgba(80, 200, 100, 0.35);
    color: #a8e6a0;
}
.xui O[q*="灵品"]:hover { 
    border-color: rgba(80, 200, 100, 0.55); 
    box-shadow: 0 0 8px rgba(80, 200, 100, 0.15);
}
.xui O[q*="灵品"]::after {
    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");
}
.xui O[q*="灵品"] Ti {
    background: 
        radial-gradient(ellipse at 90% 90%, rgba(80, 200, 100, 0.08) 0%, transparent 50%),
        linear-gradient(160deg, rgba(35, 55, 40, 0.97) 0%, rgba(28, 42, 32, 0.98) 100%);
    border-color: rgba(80, 200, 100, 0.45);
}
.xui O[q*="灵品"] Ti li::before {
    background: linear-gradient(135deg, #60d060, #40a040);
    border-radius: 2px;
    transform: rotate(45deg);
    width: 5px;
    height: 5px;
}
.xui O[q*="灵品"] Ti::after {
    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");
}

/* --- 宝品 · 灵宝蕴光 --- */
.xui O[q*="宝品"] {
    background: linear-gradient(90deg, rgba(50, 100, 180, 0.2) 0%, rgba(40, 35, 55, 0.6) 100%);
    border-color: rgba(100, 150, 220, 0.4);
    color: #a0c8f0;
}
.xui O[q*="宝品"]:hover { 
    border-color: rgba(100, 150, 220, 0.6); 
    box-shadow: 0 0 10px rgba(100, 150, 220, 0.18);
}
.xui O[q*="宝品"]::after {
    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");
}
.xui O[q*="宝品"] Ti {
    background: 
        radial-gradient(ellipse at 90% 90%, rgba(100, 150, 220, 0.1) 0%, transparent 50%),
        linear-gradient(160deg, rgba(35, 45, 60, 0.97) 0%, rgba(25, 32, 45, 0.98) 100%);
    border-color: rgba(100, 150, 220, 0.5);
}
.xui O[q*="宝品"] Ti li::before {
    width: 0;
    height: 0;
    border: 3px solid transparent;
    border-bottom: 5px solid #70a8e8;
    background: none;
    top: 6px;
}
.xui O[q*="宝品"] Ti::after {
    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");
}

/* --- 玄品 · 玄奥莫测 --- */
.xui O[q*="玄品"] {
    background: linear-gradient(90deg, rgba(120, 60, 180, 0.22) 0%, rgba(50, 35, 60, 0.6) 100%);
    border-color: rgba(160, 100, 220, 0.45);
    color: #d4b0f0;
    box-shadow: inset 0 0 15px rgba(140, 80, 200, 0.08);
}
.xui O[q*="玄品"]:hover { 
    border-color: rgba(160, 100, 220, 0.65); 
    box-shadow: inset 0 0 15px rgba(140, 80, 200, 0.08), 0 0 12px rgba(160, 100, 220, 0.2);
}
.xui O[q*="玄品"]::after {
    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");
}
.xui O[q*="玄品"] Ti {
    background: 
        radial-gradient(ellipse at 90% 90%, rgba(140, 80, 200, 0.12) 0%, transparent 50%),
        linear-gradient(160deg, rgba(50, 35, 60, 0.97) 0%, rgba(38, 26, 48, 0.98) 100%);
    border-color: rgba(160, 100, 220, 0.55);
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.55), inset 0 0 20px rgba(140, 80, 200, 0.08);
}
.xui O[q*="玄品"] Ti li::before {
    width: 6px;
    height: 6px;
    background: radial-gradient(circle, #d0a0ff 30%, #9060c0 100%);
    border-radius: 50%;
    box-shadow: 0 0 4px #b080e0;
}
.xui O[q*="玄品"] Ti::after {
    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");
}

/* --- 地品 · 厚德载物 --- */
.xui O[q*="地品"] {
    background: linear-gradient(90deg, rgba(180, 140, 50, 0.22) 0%, rgba(55, 45, 35, 0.6) 100%);
    border-color: rgba(210, 170, 70, 0.5);
    color: #f0e080;
    box-shadow: inset 0 0 18px rgba(200, 160, 60, 0.08);
}
.xui O[q*="地品"]:hover { 
    border-color: rgba(220, 180, 80, 0.7); 
    box-shadow: inset 0 0 18px rgba(200, 160, 60, 0.08), 0 0 12px rgba(210, 170, 70, 0.2);
}
.xui O[q*="地品"]::after {
    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");
}
.xui O[q*="地品"] Ti {
    background: 
        radial-gradient(ellipse at 90% 90%, rgba(200, 160, 60, 0.1) 0%, transparent 50%),
        linear-gradient(160deg, rgba(55, 45, 32, 0.97) 0%, rgba(42, 35, 25, 0.98) 100%);
    border-color: rgba(210, 170, 70, 0.55);
}
.xui O[q*="地品"] Ti li::before {
    width: 0;
    height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-bottom: 6px solid #d0a030;
    background: none;
    top: 7px;
}
.xui O[q*="地品"] Ti::after {
    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");
}

/* --- 天品 · 天威浩荡 --- */
.xui O[q*="天品"] {
    background: linear-gradient(90deg, rgba(220, 100, 50, 0.22) 0%, rgba(60, 40, 40, 0.6) 100%);
    border-color: rgba(255, 160, 80, 0.5);
    color: #ffc8a0;
    box-shadow: inset 0 0 20px rgba(240, 120, 60, 0.1);
}
.xui O[q*="天品"]:hover { 
    border-color: rgba(255, 170, 90, 0.7); 
    box-shadow: inset 0 0 20px rgba(240, 120, 60, 0.1), 0 0 15px rgba(255, 140, 70, 0.25);
}
.xui O[q*="天品"]::after {
    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");
}
.xui O[q*="天品"] Ti {
    background: 
        radial-gradient(ellipse at 90% 90%, rgba(255, 140, 70, 0.1) 0%, transparent 50%),
        linear-gradient(160deg, rgba(60, 42, 35, 0.97) 0%, rgba(48, 32, 28, 0.98) 100%);
    border-color: rgba(255, 160, 80, 0.55);
}
.xui O[q*="天品"] Ti li::before {
    width: 6px;
    height: 3px;
    background: linear-gradient(90deg, transparent, #ff9050, transparent);
    border-radius: 1px;
    top: 11px;
}
.xui O[q*="天品"] Ti::after {
    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");
}

/* --- 道品 · 道法自然 --- */
.xui O[q*="道品"] {
    background: 
        radial-gradient(ellipse at 20% 50%, rgba(180, 40, 60, 0.12) 0%, transparent 60%),
        linear-gradient(90deg, rgba(150, 40, 50, 0.2) 0%, rgba(55, 30, 35, 0.65) 100%);
    border-color: rgba(200, 80, 90, 0.55);
    color: #f8b0b0;
    box-shadow: inset 0 0 22px rgba(180, 50, 60, 0.12);
}
.xui O[q*="道品"]:hover { 
    border-color: rgba(220, 90, 100, 0.75); 
    box-shadow: inset 0 0 22px rgba(180, 50, 60, 0.12), 0 0 18px rgba(200, 70, 80, 0.28);
}
.xui O[q*="道品"]::after {
    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");
}
.xui O[q*="道品"] Ti {
    background: 
        radial-gradient(ellipse at 50% 50%, rgba(180, 50, 60, 0.08) 0%, transparent 60%),
        radial-gradient(ellipse at 90% 90%, rgba(200, 70, 80, 0.12) 0%, transparent 50%),
        linear-gradient(160deg, rgba(55, 30, 35, 0.97) 0%, rgba(42, 22, 28, 0.98) 100%);
    border-color: rgba(200, 80, 90, 0.6);
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.55), inset 0 0 25px rgba(180, 50, 60, 0.1);
}
.xui O[q*="道品"] Ti li::before {
    width: 8px;
    height: 8px;
    background: conic-gradient(#c04040 0deg 180deg, #ffa0a0 180deg 360deg);
    border-radius: 50%;
    top: 8px;
    left: -1px;
}
.xui O[q*="道品"] Ti::after {
    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");
    opacity: 0.25;
}

/* --- 仙品 · 仙光流彩 --- */
.xui O[q*="仙品"] {
    background: 
        linear-gradient(90deg, 
            rgba(255, 120, 120, 0.12) 0%,
            rgba(255, 220, 120, 0.1) 25%,
            rgba(120, 255, 180, 0.1) 50%,
            rgba(120, 180, 255, 0.1) 75%,
            rgba(220, 140, 255, 0.12) 100%
        ),
        rgba(45, 35, 50, 0.6);
    border: 1px solid rgba(255, 255, 255, 0.4);
    color: #fff;
    text-shadow: 0 0 6px rgba(255, 255, 255, 0.35);
    box-shadow: inset 0 0 25px rgba(255, 200, 255, 0.06), 0 0 8px rgba(200, 180, 255, 0.15);
}
.xui O[q*="仙品"]:hover { 
    border-color: rgba(255, 255, 255, 0.65); 
    box-shadow: inset 0 0 25px rgba(255, 200, 255, 0.08), 0 0 18px rgba(220, 180, 255, 0.3);
}
.xui O[q*="仙品"]::after {
    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");
}
.xui O[q*="仙品"] Ti {
    background: 
        linear-gradient(90deg, 
            rgba(255, 120, 120, 0.05) 0%,
            rgba(255, 220, 120, 0.04) 25%,
            rgba(120, 255, 180, 0.04) 50%,
            rgba(120, 180, 255, 0.04) 75%,
            rgba(220, 140, 255, 0.05) 100%
        ),
        linear-gradient(160deg, rgba(50, 40, 55, 0.97) 0%, rgba(38, 30, 42, 0.98) 100%);
    border: 1px solid rgba(255, 255, 255, 0.5);
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.55), 0 0 15px rgba(200, 180, 255, 0.15);
}
.xui O[q*="仙品"] Ti li {
    color: #f8f0ff;
}
.xui O[q*="仙品"] Ti li::before {
    width: 6px;
    height: 6px;
    background: linear-gradient(135deg, #ff9eae, #ffe29e, #9effc8, #9ec8ff, #d89eff);
    clip-path: polygon(50% 0%, 100% 38%, 82% 100%, 18% 100%, 0% 38%);
    top: 9px;
}
.xui O[q*="仙品"] Ti::after {
    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");
    opacity: 0.3;
}

/* --- 圣品 · 圣道至尊 --- */
.xui O[q*="圣品"] {
    background: 
        radial-gradient(ellipse at 30% 50%, rgba(255, 255, 255, 0.18) 0%, transparent 55%),
        radial-gradient(ellipse at 70% 50%, rgba(255, 220, 120, 0.12) 0%, transparent 50%),
        linear-gradient(90deg, rgba(255, 250, 230, 0.1) 0%, rgba(50, 45, 40, 0.5) 100%);
    border: 1px solid rgba(255, 255, 255, 0.6);
    color: #fffef5;
    text-shadow: 0 0 8px rgba(255, 255, 255, 0.5), 0 0 16px rgba(255, 220, 150, 0.3);
    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);
}
.xui O[q*="圣品"]:hover { 
    border-color: rgba(255, 255, 255, 0.85); 
    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);
}
.xui O[q*="圣品"]::after {
    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");
}
.xui O[q*="圣品"] Ti {
    background: 
        radial-gradient(ellipse at 50% 50%, rgba(255, 255, 255, 0.12) 0%, transparent 60%),
        radial-gradient(ellipse at 90% 90%, rgba(255, 220, 150, 0.1) 0%, transparent 50%),
        linear-gradient(160deg, rgba(55, 50, 45, 0.97) 0%, rgba(42, 38, 35, 0.98) 100%);
    border: 1px solid rgba(255, 255, 255, 0.65);
    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);
}
.xui O[q*="圣品"] Ti li {
    color: #fffef5;
    text-shadow: 0 0 4px rgba(255, 255, 255, 0.3);
}
.xui O[q*="圣品"] Ti li::before {
    width: 8px;
    height: 8px;
    background: radial-gradient(circle, #fff 40%, #ffe090 100%);
    border-radius: 50%;
    box-shadow: 0 0 6px #fff, 0 0 10px #ffe090;
    top: 8px;
    left: -1px;
}
.xui O[q*="圣品"] Ti::after {
    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");
    opacity: 0.3;
    width: 36px;
    height: 36px;
}

/* ==========================================================================
   移动端适配
   ========================================================================== */
@media (max-width: 520px) {
    .xui basic,
    .xui magic,
    .xui equip,
    .xui item,
    .xui spirit {
        padding: 10px;
        margin: 8px 0;
    }
    
    .xui O {
        padding: 7px 10px;
        padding-right: 28px;
        font-size: 12px;
    }
    
    .xui O Ti {
        max-height: 130px;
        padding: 8px 10px;
        padding-right: 40px;
        font-size: 11px;
        min-width: 180px;
        max-width: 260px;
    }
    
    .xui O::after {
        width: 16px;
        height: 16px;
        right: 5px;
    }
    
    .xui O Ti::after {
        width: 26px;
        height: 26px;
    }
    
    .xui .level {
        height: 18px;
    }
    
    .xui .level .label,
    .xui .level .value {
        font-size: 9px;
    }
    
    .xui magic::before,
    .xui equip::before,
    .xui item::before {
        font-size: 11px;
        letter-spacing: 2px;
    }
}
/* ==========================================================================
   讯息面板 (Quest & Rumor) 专属样式
   ========================================================================== */

/* 1. 容器通用重置 */
.xui details > b quest,
.xui details > b rumor,
.xui details > b list {
    display: block;
    position: relative;
    box-sizing: border-box;
}

/* 2. 任务卡片 (Quest) - 仿佛悬浮的玉简法旨 */
.xui details > b quest {
    margin-bottom: 16px;
    padding: 16px 20px;
    /* 背景：深色磨砂 + 顶部微光 */
    background: 
        radial-gradient(circle at 50% 0%, rgba(255, 182, 193, 0.15), transparent 70%),
        rgba(30, 20, 30, 0.6);
    border: 1px solid rgba(255, 182, 193, 0.2);
    border-radius: 8px;
    /* 四角装饰：使用 SVG 绘制中式边角 */
    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"),
                      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"),
                      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"),
                      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");
    background-position: top left, top right, bottom left, bottom right;
    background-repeat: no-repeat;
    box-shadow: inset 0 0 20px rgba(0,0,0,0.2);
    transition: background-color 0.3s;
}

.xui details > b quest:hover {
    background-color: rgba(45, 30, 45, 0.7);
    border-color: rgba(255, 182, 193, 0.4);
}

/* 3. 传闻板块 (Rumor) - 红尘风闻 */
.xui details > b rumor {
    margin-top: 20px;
    padding: 12px 10px;
    border-top: 1px dashed rgba(255, 182, 193, 0.3);
    border-bottom: 1px dashed rgba(255, 182, 193, 0.3);
    background: linear-gradient(90deg, transparent, rgba(255, 182, 193, 0.05), transparent);
}

/* 4. 标题 (H2) - 祥云托底 */
.xui details > b quest h2,
.xui details > b rumor h2 {
    margin: 0 0 12px 0;
    padding-bottom: 8px;
    font-size: 15px;
    color: #ffd1dc;
    text-align: center;
    font-weight: bold;
    letter-spacing: 2px;
    /* 底部装饰线：SVG 祥云纹理 */
    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");
    background-position: bottom center;
    background-repeat: no-repeat;
    background-size: 120px 10px;
}

/* 5. 标签 (T) - 重点强调 */
.xui details > b quest t {
    display: inline-block;
    color: #deb887; /* 鎏金色 */
    font-weight: bold;
    font-size: 13px;
    margin-right: 4px;
    text-shadow: 0 0 2px rgba(222, 184, 135, 0.3);
}

/* 6. 列表样式 (List & Li) */
.xui details > b list {
    margin: 0;
    padding: 0;
}

.xui details > b li {
    list-style: none;
    position: relative;
    padding-left: 20px;
    margin-bottom: 6px;
    color: #e0d0d5;
    font-size: 13px;
    line-height: 1.5;
    transition: color 0.2s;
}

/* 列表图标：小莲花/火焰 */
.xui details > b li::before {
    content: '';
    position: absolute;
    left: 0;
    top: 4px;
    width: 12px;
    height: 12px;
    /* SVG: 极简莲花图标 */
    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");
    background-size: contain;
    background-repeat: no-repeat;
    opacity: 0.8;
}

/* 支线任务列表的特殊微调 */
.xui details > b quest li:first-child {
    font-weight: bold;
    color: #fff0f5;
    margin-bottom: 8px;
    padding-left: 0; /* 标题顶格 */
    border-left: 3px solid #deb887;
    padding-left: 8px;
}
.xui details > b quest li:first-child::before {
    display: none; /* 标题不需要图标 */
}

/* 鼠标悬停列表项高亮 */
.xui details > b li:hover {
    color: #fff;
}
.xui details > b li:hover::before {
    filter: drop-shadow(0 0 2px #ffb6c1);
}
/* ==========================================================================
   洞天面板 - 华丽精致风格
   ========================================================================== */

/* ===== 基础重置 ===== */
.xui details > b personal,
.xui details > b side,
.xui details > b building,
.xui details > b member,
.xui details > b storage,
.xui details > b .main-info {
    display: block;
    box-sizing: border-box;
}

/* ===== 1. Personal 主容器 - 洞府玉牌 ===== */
.xui details > b personal {
    position: relative;
    margin-bottom: 24px;
    padding: 24px 20px 20px;
    /* 多层玉石质感 */
    background: 
        /* 顶部微光 */
        radial-gradient(ellipse 80% 30% at 50% 0%, rgba(220, 180, 200, 0.12) 0%, transparent 60%),
        /* 中心辉光 */
        radial-gradient(ellipse 60% 50% at 50% 50%, rgba(180, 140, 170, 0.06) 0%, transparent 70%),
        /* 基底渐变 */
        linear-gradient(170deg, 
            rgba(55, 40, 55, 0.95) 0%, 
            rgba(40, 28, 42, 0.98) 40%,
            rgba(50, 35, 52, 0.97) 100%);
    /* 双层边框效果 */
    border: 1px solid rgba(200, 160, 180, 0.35);
    border-radius: 16px;
    box-shadow: 
        /* 外发光 */
        0 0 25px rgba(180, 130, 160, 0.15),
        /* 底部阴影 */
        0 8px 30px rgba(0, 0, 0, 0.4),
        /* 内层高光 */
        inset 0 1px 0 rgba(255, 220, 240, 0.1),
        /* 内层阴影 */
        inset 0 -2px 15px rgba(0, 0, 0, 0.2);
}

/* 四角符文装饰 - 左上 & 右上 */
.xui details > b personal::before {
    content: '';
    position: absolute;
    top: 0; left: 0; right: 0;
    height: 50px;
    pointer-events: none;
    background-image: 
        /* 左上角 - 符文框 */
        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"),
        /* 右上角 - 符文框 */
        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");
    background-position: left top, right top;
    background-repeat: no-repeat;
    background-size: 48px 48px;
}

/* 四角符文装饰 - 左下 & 右下 */
.xui details > b personal::after {
    content: '';
    position: absolute;
    bottom: 0; left: 0; right: 0;
    height: 50px;
    pointer-events: none;
    background-image: 
        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"),
        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");
    background-position: left bottom, right bottom;
    background-repeat: no-repeat;
    background-size: 48px 48px;
}

/* ===== 2. Main-info 基本信息区 - 玉简展开 ===== */
.xui details > b .main-info {
    position: relative;
    padding: 16px 18px;
    margin-bottom: 20px;
    background: 
        linear-gradient(90deg, 
            rgba(160, 120, 145, 0.08) 0%, 
            rgba(140, 100, 130, 0.12) 50%, 
            rgba(160, 120, 145, 0.08) 100%);
    border-left: 3px solid;
    border-image: linear-gradient(180deg, #d4a8c0, #a07890, #d4a8c0) 1;
    border-radius: 0 10px 10px 0;
    box-shadow: 
        inset 2px 0 12px rgba(180, 140, 165, 0.1),
        0 2px 8px rgba(0, 0, 0, 0.15);
}

/* 信息区顶部装饰线 */
.xui details > b .main-info::before {
    content: '';
    position: absolute;
    top: 0;
    left: 10%;
    right: 10%;
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(200, 165, 185, 0.4), transparent);
}

/* ===== 3. H2 标题 - 精致分隔 ===== */
.xui details > b personal h2 {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 22px 0 14px;
    padding: 10px 0;
    font-size: 14px;
    font-weight: bold;
    color: #e8d0dc;
    letter-spacing: 4px;
    text-shadow: 0 0 8px rgba(220, 180, 200, 0.3);
    position: relative;
}

/* 标题两侧 - 三重渐变线 + 菱形装饰 */
.xui details > b personal h2::before,
.xui details > b personal h2::after {
    content: '';
    flex: 1;
    height: 12px;
    margin: 0 16px;
    background-image: 
        /* 菱形装饰 */
        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"),
        /* 三线渐变 */
        linear-gradient(0deg, 
            transparent 0%, transparent 30%,
            rgba(180, 140, 165, 0.2) 30%, rgba(180, 140, 165, 0.2) 35%,
            transparent 35%, transparent 48%,
            rgba(200, 160, 180, 0.5) 48%, rgba(200, 160, 180, 0.5) 52%,
            transparent 52%, transparent 65%,
            rgba(180, 140, 165, 0.2) 65%, rgba(180, 140, 165, 0.2) 70%,
            transparent 70%);
    background-size: 12px 12px, 100% 100%;
    background-repeat: no-repeat, no-repeat;
}

.xui details > b personal h2::before {
    background-position: right center, left center;
}

.xui details > b personal h2::after {
    background-position: left center, right center;
}

/* ===== 4. Building 设施列表 - 灵阵运转 ===== */
.xui details > b building {
    position: relative;
    padding: 14px 16px;
    margin-bottom: 6px;
    background: 
        /* 六边形纹理暗纹 */
        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"),
        linear-gradient(135deg, rgba(70, 50, 65, 0.5) 0%, rgba(55, 38, 52, 0.6) 100%);
    background-size: 60px 52px, 100% 100%;
    border: 1px solid rgba(170, 130, 155, 0.25);
    border-radius: 10px;
    box-shadow: 
        inset 0 0 20px rgba(0, 0, 0, 0.15),
        0 3px 10px rgba(0, 0, 0, 0.2);
}

/* ===== 5. Member 门人列表 - 玉佩令牌 ===== */
.xui details > b member {
    position: relative;
    padding: 14px 16px;
    background: 
        radial-gradient(ellipse 100% 80% at 50% 100%, rgba(180, 140, 165, 0.08) 0%, transparent 60%),
        rgba(45, 32, 45, 0.4);
    border-radius: 10px;
    border: 1px solid rgba(160, 125, 145, 0.2);
}

/* ===== 6. Storage 储藏列表 - 乾坤宝匣 ===== */
.xui details > b storage {
    position: relative;
    margin-top: 18px;
    padding: 16px 18px;
    /* 宝匣金属质感 */
    background: 
        /* 顶部金属高光 */
        linear-gradient(180deg, rgba(200, 170, 145, 0.1) 0%, transparent 30%),
        /* 底纹 */
        linear-gradient(160deg, rgba(50, 38, 48, 0.9) 0%, rgba(38, 28, 38, 0.95) 100%);
    /* 双层边框 */
    border: 1px solid rgba(200, 165, 140, 0.35);
    border-radius: 8px;
    box-shadow: 
        /* 金属外框光泽 */
        0 0 0 1px rgba(180, 150, 130, 0.1),
        inset 0 1px 0 rgba(220, 190, 160, 0.15),
        inset 0 -1px 0 rgba(0, 0, 0, 0.3),
        0 4px 15px rgba(0, 0, 0, 0.25);
}

/* 储藏区顶部锁扣装饰 */
.xui details > b storage::before {
    content: '';
    position: absolute;
    top: -8px;
    left: 50%;
    transform: translateX(-50%);
    width: 40px;
    height: 16px;
    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");
    background-repeat: no-repeat;
    background-position: center;
}

/* ===== 7. T 标签 - 铭文强调 ===== */
.xui details > b personal t,
.xui details > b side t {
    display: inline-block;
    color: #d4a882;
    font-weight: bold;
    font-size: 13px;
    margin-right: 6px;
    text-shadow: 
        0 0 4px rgba(212, 168, 130, 0.25),
        0 1px 0 rgba(0, 0, 0, 0.3);
    /* 微妙的下划虚线 */
    border-bottom: 1px dotted rgba(212, 168, 130, 0.3);
    padding-bottom: 1px;
}

/* ===== 8. Li 列表项通用 ===== */
.xui details > b building li,
.xui details > b member li,
.xui details > b storage li {
    list-style: none;
    position: relative;
    padding-left: 24px;
    margin-bottom: 10px;
    font-size: 13px;
    color: #e5d5dd;
    line-height: 1.65;
    transition: color 0.2s, text-shadow 0.2s;
}

.xui details > b building li:last-child,
.xui details > b member li:last-child,
.xui details > b storage li:last-child {
    margin-bottom: 0;
}

/* 悬停效果 */
.xui details > b building li:hover,
.xui details > b member li:hover,
.xui details > b storage li:hover {
    color: #fff;
    text-shadow: 0 0 6px rgba(255, 220, 235, 0.3);
}

/* Building 图标 - 八芒法阵 */
.xui details > b building li::before {
    content: '';
    position: absolute;
    left: 0;
    top: 4px;
    width: 14px;
    height: 14px;
    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");
    background-size: contain;
    background-repeat: no-repeat;
    opacity: 0.85;
    transition: opacity 0.2s, transform 0.2s;
}

.xui details > b building li:hover::before {
    opacity: 1;
    transform: rotate(45deg);
}

/* Member 图标 - 玉佩 */
.xui details > b member li::before {
    content: '';
    position: absolute;
    left: 0;
    top: 4px;
    width: 14px;
    height: 14px;
    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");
    background-size: contain;
    background-repeat: no-repeat;
    opacity: 0.85;
    transition: opacity 0.2s;
}

.xui details > b member li:hover::before {
    opacity: 1;
    filter: drop-shadow(0 0 3px rgba(184, 200, 168, 0.5));
}

/* Storage 图标 - 灵石/丹药 */
.xui details > b storage li::before {
    content: '';
    position: absolute;
    left: 0;
    top: 4px;
    width: 14px;
    height: 14px;
    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");
    background-size: contain;
    background-repeat: no-repeat;
    opacity: 0.85;
    transition: opacity 0.2s;
}

.xui details > b storage li:hover::before {
    opacity: 1;
    filter: drop-shadow(0 0 3px rgba(212, 176, 144, 0.6));
}

/* ===== 9. Side 势力信息 - 门派玉牒 ===== */
.xui details > b side {
    position: relative;
    margin-top: 24px;
    padding: 18px 20px;
    /* 官印质感 */
    background: 
        /* 印章水印 */
        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"),
        linear-gradient(150deg, rgba(58, 42, 55, 0.9) 0%, rgba(45, 32, 45, 0.95) 100%);
    background-position: right bottom, center;
    background-repeat: no-repeat, no-repeat;
    background-size: 80px 80px, 100% 100%;
    border: 1px solid rgba(180, 150, 170, 0.3);
    border-radius: 12px;
    box-shadow: 
        inset 0 1px 0 rgba(255, 230, 245, 0.08),
        0 4px 16px rgba(0, 0, 0, 0.25);
}

/* Side 顶部装饰条 */
.xui details > b side::before {
    content: '';
    position: absolute;
    top: 0;
    left: 20px;
    right: 20px;
    height: 3px;
    background: linear-gradient(90deg, 
        transparent 0%,
        rgba(200, 160, 180, 0.15) 15%,
        rgba(180, 140, 165, 0.4) 50%,
        rgba(200, 160, 180, 0.15) 85%,
        transparent 100%);
    border-radius: 0 0 2px 2px;
}

/* Side 底部装饰 */
.xui details > b side::after {
    content: '— 势力铭记 —';
    position: absolute;
    bottom: -10px;
    left: 50%;
    transform: translateX(-50%);
    font-size: 10px;
    color: rgba(180, 150, 170, 0.8);
    letter-spacing: 2px;
    white-space: nowrap;
    background: linear-gradient(180deg, rgba(42, 31, 45, 0.98), rgba(61, 42, 58, 0.98));
    padding: 2px 12px;
    border-radius: 8px;
}

/* Side 内部行距 */
.xui details > b side br {
    display: block;
    margin-bottom: 8px;
}

/* ==========================================================================
   交互面板 - NPC人物符卡 华丽风格
   ========================================================================== */

/* ===== 基础重置 ===== */
.xui details > b npc,
.xui details > b fight,
.xui details > b skill,
.xui details > b .body {
    display: block;
    box-sizing: border-box;
}

/* ===== 1. NPC主容器 - 绢帛画卷 ===== */
.xui details > b npc {
    position: relative;
    padding: 32px 24px 28px;
    margin: 8px 0;
    /* 绢帛丝绸质感 */
    background: 
        /* 斜向丝绸纹理 */
        repeating-linear-gradient(
            135deg,
            transparent 0px,
            transparent 2px,
            rgba(180, 150, 170, 0.02) 2px,
            rgba(180, 150, 170, 0.02) 4px
        ),
        /* 边缘暗角 */
        radial-gradient(ellipse 120% 80% at 50% 50%, 
            transparent 40%, 
            rgba(20, 12, 20, 0.4) 100%),
        /* 主背景 */
        linear-gradient(175deg, 
            rgba(62, 48, 60, 0.96) 0%, 
            rgba(45, 34, 48, 0.98) 40%,
            rgba(52, 40, 55, 0.97) 100%);
    border-radius: 6px;
    box-shadow: 
        0 0 0 1px rgba(200, 170, 190, 0.25),
        0 12px 40px rgba(0, 0, 0, 0.45),
        inset 0 0 60px rgba(220, 190, 210, 0.03);
}

/* 卷轴上轴 - 雕花木杆 */
.xui details > b npc::before {
    content: '';
    position: absolute;
    top: -10px;
    left: -6px;
    right: -6px;
    height: 20px;
    background: 
        /* 木纹 */
        linear-gradient(90deg,
            #2d2028 0%, #4a3845 8%, #3d2d38 15%,
            #4a3845 25%, #3d2d38 35%, #4a3845 45%,
            #3d2d38 55%, #4a3845 65%, #3d2d38 75%,
            #4a3845 85%, #3d2d38 92%, #2d2028 100%);
    border-radius: 10px;
    box-shadow:
        inset 0 3px 6px rgba(255, 240, 250, 0.08),
        inset 0 -3px 6px rgba(0, 0, 0, 0.4),
        0 4px 12px rgba(0, 0, 0, 0.35);
    /* 轴头装饰 */
    background-image:
        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"),
        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");
    background-position: left center, right center;
    background-repeat: no-repeat;
    background-size: 20px 20px;
}

/* 卷轴下轴 */
.xui details > b npc::after {
    content: '';
    position: absolute;
    bottom: -10px;
    left: -6px;
    right: -6px;
    height: 20px;
    background: 
        linear-gradient(90deg,
            #2d2028 0%, #4a3845 8%, #3d2d38 15%,
            #4a3845 25%, #3d2d38 35%, #4a3845 45%,
            #3d2d38 55%, #4a3845 65%, #3d2d38 75%,
            #4a3845 85%, #3d2d38 92%, #2d2028 100%);
    border-radius: 10px;
    box-shadow:
        inset 0 3px 6px rgba(255, 240, 250, 0.05),
        inset 0 -3px 6px rgba(0, 0, 0, 0.5),
        0 6px 15px rgba(0, 0, 0, 0.4);
    background-image:
        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"),
        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");
    background-position: left center, right center;
    background-repeat: no-repeat;
    background-size: 20px 20px;
}

/* ===== 2. T标签 - 朱砂铭刻 ===== */
.xui details > b npc > t {
    display: inline-block;
    color: #e8a87c;
    font-weight: bold;
    font-size: 13px;
    margin-right: 4px;
    text-shadow: 0 0 6px rgba(232, 168, 124, 0.3);
    position: relative;
}

/* 重要标签加朱印点 */
.xui details > b npc > t:first-child::before {
    content: '◆';
    position: absolute;
    left: -14px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 8px;
    color: #ff6b6b;
    text-shadow: 0 0 4px rgba(255, 107, 107, 0.5);
}

/* ===== 3. Fight 战力法阵 ===== */
.xui details > b fight {
    position: relative;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px 16px;
    padding: 20px;
    margin: 20px -4px;
    /* 八卦法阵背景 */
    background: 
        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"),
        radial-gradient(circle at 50% 50%, rgba(80, 60, 75, 0.3) 0%, rgba(35, 25, 35, 0.6) 70%);
    background-position: center, center;
    background-repeat: no-repeat, no-repeat;
    background-size: 120px 120px, 100% 100%;
    border: 1px solid rgba(160, 130, 150, 0.2);
    border-radius: 50% / 20%;
    box-shadow: 
        inset 0 0 30px rgba(0, 0, 0, 0.3),
        0 0 20px rgba(120, 90, 110, 0.15);
}

/* 法阵中心装饰 */
.xui details > b fight::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 30px;
    height: 30px;
    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");
    pointer-events: none;
    z-index: 1;
}

/* 单项能量条 */
.xui details > b fight t {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 10px 14px;
    font-size: 12px;
    font-weight: normal;
    color: #e8dce0;
    background: rgba(30, 22, 32, 0.7);
    border-radius: 8px;
    position: relative;
    overflow: hidden;
    transition: transform 0.2s, box-shadow 0.2s;
}

.xui details > b fight t:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
}

/* 能量条图标 - 通用样式 */
.xui details > b fight t::before {
    content: '';
    width: 16px;
    height: 16px;
    flex-shrink: 0;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

/* 灵力 - 水蓝 */
.xui details > b fight t:nth-child(1) {
    border-left: 3px solid #5ecfff;
    box-shadow: inset 0 0 20px rgba(94, 207, 255, 0.08);
}
.xui details > b fight t:nth-child(1)::before {
    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");
}

/* 精神力 - 魅紫 */
.xui details > b fight t:nth-child(2) {
    border-left: 3px solid #c88fff;
    box-shadow: inset 0 0 20px rgba(200, 143, 255, 0.08);
}
.xui details > b fight t:nth-child(2)::before {
    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");
}

/* 肉身强度 - 赤金 */
.xui details > b fight t:nth-child(3) {
    border-left: 3px solid #ffc966;
    box-shadow: inset 0 0 20px rgba(255, 201, 102, 0.08);
}
.xui details > b fight t:nth-child(3)::before {
    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");
}

/* 精神强度 - 银白 */
.xui details > b fight t:nth-child(4) {
    border-left: 3px solid #d8d8e8;
    box-shadow: inset 0 0 20px rgba(216, 216, 232, 0.08);
}
.xui details > b fight t:nth-child(4)::before {
    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");
}

/* 淫欲值 - 绯红 独占一行 */
.xui details > b fight t:nth-child(5) {
    grid-column: span 2;
    border-left: 3px solid #ff7088;
    background: 
        linear-gradient(90deg, 
            rgba(255, 112, 136, 0.12) 0%, 
            rgba(30, 22, 32, 0.7) 40%);
    box-shadow: inset 0 0 25px rgba(255, 112, 136, 0.1);
}
.xui details > b fight t:nth-child(5)::before {
    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");
}

/* ===== 4. Body 绮罗香闺 ===== */
.xui details > b .body {
    position: relative;
    padding: 22px 20px 18px;
    margin: 22px 0;
    /* 绮罗帐幔质感 */
    background: 
        /* 丝绸波纹 */
        repeating-linear-gradient(
            -45deg,
            transparent 0px,
            transparent 10px,
            rgba(255, 180, 200, 0.02) 10px,
            rgba(255, 180, 200, 0.02) 11px
        ),
        /* 渐变底色 */
        linear-gradient(160deg, 
            rgba(85, 55, 70, 0.5) 0%, 
            rgba(65, 45, 60, 0.6) 50%,
            rgba(75, 50, 65, 0.55) 100%);
    /* 双层描边 */
    border: 1px solid rgba(255, 180, 200, 0.25);
    border-radius: 20px;
    box-shadow: 
        0 0 0 4px rgba(255, 150, 180, 0.05),
        inset 0 0 30px rgba(255, 180, 200, 0.05),
        0 8px 25px rgba(0, 0, 0, 0.25);
}

/* 顶部蝴蝶结装饰 */
.xui details > b .body::before {
    content: '';
    position: absolute;
    top: -14px;
    left: 50%;
    transform: translateX(-50%);
    width: 50px;
    height: 28px;
    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");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.3));
}

/* 底部流苏装饰 */
.xui details > b .body::after {
    content: '';
    position: absolute;
    bottom: -12px;
    left: 20%;
    right: 20%;
    height: 12px;
    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");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 12px;
}

/* Body内T标签 */
.xui details > b .body t {
    display: block;
    color: #ffb0c8;
    font-weight: bold;
    font-size: 13px;
    margin-top: 12px;
    margin-bottom: 4px;
    padding-left: 20px;
    position: relative;
}

.xui details > b .body t:first-child {
    margin-top: 0;
}

/* 花朵列表符 */
.xui details > b .body t::before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 14px;
    height: 14px;
    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");
    background-size: contain;
}

/* 经验次数徽章 */
.xui details > b .body span {
    display: inline-block;
    color: #e898b0;
    font-size: 11px;
    margin-left: 8px;
    padding: 3px 10px;
    background: 
        linear-gradient(135deg, 
            rgba(200, 104, 138, 0.25) 0%, 
            rgba(150, 80, 110, 0.2) 100%);
    border: 1px solid rgba(255, 150, 180, 0.2);
    border-radius: 12px;
    letter-spacing: 1px;
}

/* ===== 5. Skill 符箓典籍 ===== */
.xui details > b skill {
    position: relative;
    margin: 22px 0;
    padding: 18px 16px 18px 22px;
    /* 竹简背景 */
    background: 
        /* 竹简纹理 */
        repeating-linear-gradient(
            0deg,
            rgba(120, 100, 80, 0.06) 0px,
            rgba(120, 100, 80, 0.06) 1px,
            transparent 1px,
            transparent 28px
        ),
        linear-gradient(135deg, 
            rgba(60, 50, 45, 0.5) 0%, 
            rgba(50, 42, 40, 0.6) 100%);
    /* 左侧书脊 */
    border-left: 5px solid;
    border-image: linear-gradient(180deg, 
        #8b7355 0%, 
        #a08060 25%, 
        #8b7355 50%, 
        #a08060 75%, 
        #8b7355 100%) 1;
    border-radius: 0 10px 10px 0;
    box-shadow: 
        inset 4px 0 10px rgba(0, 0, 0, 0.15),
        0 4px 15px rgba(0, 0, 0, 0.2);
}

/* 典籍标题印章 */
.xui details > b skill::before {
    content: '';
    position: absolute;
    top: 8px;
    right: 12px;
    width: 32px;
    height: 32px;
    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");
    background-size: contain;
    opacity: 0.6;
}

/* 技能列表项 */
.xui details > b skill li {
    list-style: none;
    position: relative;
    padding: 10px 14px 10px 32px;
    margin-bottom: 10px;
    color: #e8dcd0;
    font-size: 13px;
    line-height: 1.6;
    background: rgba(50, 40, 38, 0.4);
    border-radius: 6px;
    border-left: 2px solid rgba(180, 150, 100, 0.4);
    transition: all 0.2s;
}

.xui details > b skill li:last-child {
    margin-bottom: 0;
}

.xui details > b skill li:hover {
    background: rgba(60, 50, 45, 0.5);
    border-left-color: rgba(220, 180, 120, 0.6);
    transform: translateX(4px);
}

/* 符箓图标 */
.xui details > b skill li::before {
    content: '';
    position: absolute;
    left: 8px;
    top: 50%;
    transform: translateY(-50%);
    width: 16px;
    height: 16px;
    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");
    background-size: contain;
}

/* ===== 6. 最后的T标签组 - 神识探查等 ===== */
.xui details > b npc > br + t,
.xui details > b npc > skill + t {
    display: block;
    margin-top: 16px;
    padding-top: 14px;
    border-top: 1px dashed rgba(200, 160, 180, 0.2);
}

/* 神识探查特殊样式 */
.xui details > b npc > t:last-of-type {
    color: #a8c8e8;
    text-shadow: 0 0 8px rgba(168, 200, 232, 0.3);
}

.xui details > b npc > t:last-of-type::before {
    content: '◇';
    color: #88b8d8;
}

/* ===== 7. 整体文字行距调整 ===== */
.xui details > b npc br {
    display: block;
    margin-bottom: 10px;
}

memory {
    display: block;
    position: relative;
    width: 100%;
    max-width: 100%;
    margin: 16px 0;
    font-family: "LXGW WenKai", "霞鹜文楷", "楷体", KaiTi, serif, system-ui;
}

/* 标题栏 */
memory::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 48px;
    background: linear-gradient(
        135deg,
        #3d2a3a 0%,
        #4a3347 50%,
        #3d2a3a 100%
    );
    border: 1px solid rgba(255, 182, 193, 0.4);
    border-radius: 12px 12px 0 0;
    box-shadow: 
        0 4px 16px rgba(139, 69, 89, 0.3),
        inset 0 1px 0 rgba(255, 200, 210, 0.15);
    pointer-events: none;
}

/* 标题文字 */
memory::after {
    content: '往事追忆';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    font-weight: 600;
    color: #ffd1dc;
    letter-spacing: 4px;
    text-shadow: 
        0 0 10px rgba(255, 182, 193, 0.5),
        0 2px 4px rgba(0, 0, 0, 0.3);
    pointer-events: none;
    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");
    background-repeat: no-repeat;
    background-position: 16px center, calc(100% - 16px) center;
    background-size: 32px 32px, 32px 32px;
}

/* 内容包装区域 */
memory {
    padding-top: 48px;
    max-height: 48px;
    overflow: hidden;
    transition: max-height 0.5s cubic-bezier(0.4, 0, 0.2, 1);
    background: linear-gradient(
        145deg,
        #2a1f2d 0%,
        #3d2a3a 25%,
        #4a3347 50%,
        #3d2a3a 75%,
        #2a1f2d 100%
    );
    border: 1px solid rgba(255, 182, 193, 0.3);
    border-radius: 12px;
    box-shadow: 
        0 8px 32px rgba(139, 69, 89, 0.4),
        0 0 60px rgba(255, 182, 193, 0.08),
        inset 0 1px 0 rgba(255, 200, 210, 0.1),
        inset 0 -1px 0 rgba(0, 0, 0, 0.2);
}

/* Hover展开 */
memory:hover {
    max-height: 2000px;
    transition: max-height 0.7s cubic-bezier(0.4, 0, 0.2, 1);
}

/* 表格通用样式 */
memory table {
    width: calc(100% - 24px);
    margin: 12px;
    border-collapse: separate;
    border-spacing: 0;
    background: rgba(42, 31, 45, 0.6);
    border: 1px solid rgba(255, 182, 193, 0.25);
    border-radius: 8px;
    overflow: hidden;
    table-layout: fixed;
}

/* 表格标题 */
memory table caption {
    padding: 10px 16px;
    font-size: 15px;
    font-weight: 600;
    color: #ffd1dc;
    text-align: left;
    background: linear-gradient(
        90deg,
        rgba(74, 51, 71, 0.8) 0%,
        rgba(61, 42, 58, 0.6) 100%
    );
    border-bottom: 1px solid rgba(255, 182, 193, 0.2);
    letter-spacing: 2px;
    position: relative;
}

memory table caption::before {
    content: '◈';
    margin-right: 8px;
    color: #ffb6c1;
    font-size: 12px;
}

/* 表头样式 */
memory table thead tr {
    background: linear-gradient(
        180deg,
        rgba(74, 51, 71, 0.9) 0%,
        rgba(61, 42, 58, 0.7) 100%
    );
}

memory table thead th {
    padding: 10px 8px;
    font-size: 13px;
    font-weight: 500;
    color: #f8e8ec;
    text-align: center;
    border-bottom: 1px solid rgba(255, 182, 193, 0.3);
    border-right: 1px solid rgba(255, 182, 193, 0.1);
    white-space: nowrap;
}

memory table thead th:last-child {
    border-right: none;
}

/* 列宽分配 */
memory table thead th:nth-child(1) {
    width: 8%;
    min-width: 36px;
}

memory table thead th:nth-child(2) {
    width: 28%;
    min-width: 80px;
}

memory table thead th:nth-child(3) {
    width: 20%;
    min-width: 60px;
}

memory table thead th:nth-child(4) {
    width: 44%;
    min-width: 100px;
}

/* 表体样式 */
memory table tbody tr {
    background: rgba(42, 31, 45, 0.4);
    transition: background 0.3s ease;
}

memory table tbody tr:nth-child(even) {
    background: rgba(61, 42, 58, 0.3);
}

memory table tbody tr:hover {
    background: rgba(74, 51, 71, 0.6);
}

memory table tbody td {
    padding: 10px 8px;
    font-size: 13px;
    color: #f0e0e5;
    text-align: center;
    border-bottom: 1px solid rgba(255, 182, 193, 0.1);
    border-right: 1px solid rgba(255, 182, 193, 0.08);
    word-wrap: break-word;
    overflow-wrap: break-word;
    line-height: 1.5;
}

memory table tbody td:last-child {
    border-right: none;
    text-align: left;
    padding-left: 12px;
}

memory table tbody tr:last-child td {
    border-bottom: none;
}

/* 第一列序号样式 */
memory table tbody td:first-child {
    font-weight: 600;
    color: #ffb6c1;
    font-size: 12px;
}

/* 最后一个表格底部间距 */
memory table:last-of-type {
    margin-bottom: 16px;
}

/* 移动端适配 */
@media screen and (max-width: 600px) {
    memory::after {
        font-size: 16px;
        letter-spacing: 2px;
        background-size: 26px 26px, 26px 26px;
        background-position: 10px center, calc(100% - 10px) center;
    }
    
    memory table {
        width: calc(100% - 16px);
        margin: 8px;
        display: block;
    }
    
    memory table caption {
        display: block;
        padding: 8px 12px;
        font-size: 14px;
    }
    
    memory table thead {
        display: none;
    }
    
    memory table tbody {
        display: block;
    }
    
    memory table tbody tr {
        display: flex;
        flex-direction: column;
        padding: 12px;
        margin-bottom: 8px;
        border-radius: 6px;
        border: 1px solid rgba(255, 182, 193, 0.15);
    }
    
    memory table tbody tr:last-child {
        margin-bottom: 0;
    }
    
    memory table tbody td {
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        padding: 6px 0;
        border: none;
        text-align: left;
        font-size: 13px;
    }
    
    memory table tbody td::before {
        content: attr(data-label);
        font-weight: 500;
        color: #ffb6c1;
        margin-right: 12px;
        flex-shrink: 0;
        min-width: 60px;
    }
    
    memory table tbody td:first-child::before {
        content: '序号';
    }
    
    memory table tbody td:nth-child(2)::before {
        content: '时间';
    }
    
    memory table tbody td:nth-child(3)::before {
        content: '场景';
    }
    
    memory table tbody td:last-child::before {
        content: '事件';
    }
    
    memory table tbody td:last-child {
        padding-left: 0;
    }
    
    memory table tbody td:first-child {
        font-size: 13px;
        padding-top: 0;
    }
}

/* 滚动条美化 */
memory::-webkit-scrollbar {
    width: 6px;
}

memory::-webkit-scrollbar-track {
    background: rgba(42, 31, 45, 0.5);
    border-radius: 3px;
}

memory::-webkit-scrollbar-thumb {
    background: linear-gradient(
        180deg,
        #ffb6c1 0%,
        #c44569 100%
    );
    border-radius: 3px;
}

memory::-webkit-scrollbar-thumb:hover {
    background: linear-gradient(
        180deg,
        #ffd1dc 0%,
        #ff8fa3 100%
    );
}
.markdown-body {
  counter-reset: option-counter;
}

/* pre 作为按钮容器，需要相对定位 */
pre {
  position: relative !important;
  margin: 15px 0 !important;
  overflow: visible !important;
  border-radius: 0 !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
  min-height: 60px;
}

/* --- 隐藏头部容器的视觉部分 --- */
pre div[class*="border-b"] {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  border: none !important;
  background: transparent !important;
  padding: 0 !important;
  margin: 0 !important;
  pointer-events: none;
}

/* 隐藏头部语言标签 */
pre div[class*="border-b"] > div:first-child {
  display: none !important;
}

/* --- 复制按钮透明覆盖层 --- */
pre div[data-tooltip-id] {
  position: absolute !important;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  display: block !important;
  cursor: pointer !important;
  background: transparent !important;
  border: none !important;
  pointer-events: auto;
}

/* 隐藏复制按钮内部的图标 */
pre div[data-tooltip-id] .style_copyIcon__GJL9e {
  display: none !important;
}

/* --- 代码内容区域，样式化为选项按钮 --- */
pre div[node="[object Object]"] {
  position: relative;
  display: block !important;
  pointer-events: none;
  background: linear-gradient(
    135deg,
    rgba(58, 36, 52, 0.95) 0%,
    rgba(78, 46, 68, 0.9) 30%,
    rgba(98, 56, 82, 0.85) 50%,
    rgba(78, 46, 68, 0.9) 70%,
    rgba(58, 36, 52, 0.95) 100%
  ) !important;
  border: 1px solid rgba(255, 182, 193, 0.4) !important;
  box-shadow: 
    0 4px 16px rgba(139, 69, 89, 0.5),
    0 0 20px rgba(255, 182, 193, 0.1),
    inset 0 1px 0 rgba(255, 200, 210, 0.15),
    inset 0 -1px 0 rgba(0, 0, 0, 0.3) !important;
  color: #f8e8ec !important;
  font-family: "LXGW WenKai", "霞鹜文楷", "楷体", KaiTi, serif, system-ui !important;
  font-size: 1.05em !important;
  padding: 14px 24px 14px 70px !important;
  margin: 0 !important;
  border-radius: 16px !important;
  min-height: 60px;
  white-space: pre-wrap;
  word-break: break-word;
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  counter-increment: option-counter;
  overflow: visible !important;
  animation: borderBreath 4s ease-in-out infinite;
}

/* 序号装饰框架 - 纯装饰性SVG背景 */
pre div[node="[object Object]"]::before {
  content: '';
  position: absolute;
  left: 12px;
  top: 50%;
  transform: translateY(-50%);
  width: 46px;
  height: 46px;
  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");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  filter: drop-shadow(0 0 8px rgba(255, 215, 0, 0.5));
}

/* 序号数字 - 居中显示在法阵中央 */
pre div[node="[object Object]"]::after {
  content: counter(option-counter);
  position: absolute;
  left: 12px;
  top: 50%;
  transform: translateY(-52%);
  width: 46px;
  height: 46px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #ffefd5;
  font-size: 1.3em;
  font-weight: bold;
  font-family: "LXGW WenKai", "Georgia", serif;
  text-shadow: 
    0 0 6px rgba(255, 215, 0, 0.9),
    0 0 12px rgba(255, 183, 71, 0.7),
    0 1px 2px rgba(0, 0, 0, 0.5);
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

/* 确保代码文本颜色正确 */
pre div[node="[object Object]"] code {
  display: block;
  color: inherit !important;
  background: transparent !important;
  padding: 0 !important;
  margin: 0 !important;
  font-family: inherit !important;
  font-size: inherit !important;
  white-space: pre-wrap;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
}

/* ========== 强化 Hover 效果 ========== */
pre:hover div[node="[object Object]"] {
  transform: translateY(-4px);
  background: linear-gradient(
    135deg,
    rgba(78, 46, 68, 0.98) 0%,
    rgba(108, 66, 92, 0.95) 30%,
    rgba(128, 76, 108, 0.9) 50%,
    rgba(108, 66, 92, 0.95) 70%,
    rgba(78, 46, 68, 0.98) 100%
  ) !important;
  border-color: rgba(255, 215, 0, 0.6) !important;
  box-shadow: 
    0 8px 32px rgba(255, 182, 193, 0.4),
    0 0 40px rgba(255, 215, 0, 0.25),
    0 0 60px rgba(255, 140, 105, 0.15),
    inset 0 1px 0 rgba(255, 255, 255, 0.2),
    inset 0 -1px 0 rgba(0, 0, 0, 0.3) !important;
}

/* Hover时法阵动画 */
pre:hover div[node="[object Object]"]::before {
  filter: drop-shadow(0 0 12px rgba(255, 215, 0, 0.9)) 
          drop-shadow(0 0 20px rgba(255, 183, 71, 0.6));
  animation: frameRotate 10s linear infinite, framePulse 2s ease-in-out infinite;
}

/* Hover时数字效果 */
pre:hover div[node="[object Object]"]::after {
  color: #ffffff;
  text-shadow: 
    0 0 10px rgba(255, 215, 0, 1),
    0 0 20px rgba(255, 215, 0, 0.8),
    0 0 30px rgba(255, 183, 71, 0.6),
    0 0 40px rgba(255, 140, 105, 0.4);
  animation: numberPulse 1.5s ease-in-out infinite;
}

/* ========== Active 效果（按下时） ========== */
pre:active div[node="[object Object]"] {
  transform: translateY(2px) scale(0.98) !important;
  box-shadow: 
    0 2px 8px rgba(139, 69, 89, 0.6),
    0 0 20px rgba(255, 215, 0, 0.3),
    inset 0 2px 4px rgba(0, 0, 0, 0.3) !important;
  background: linear-gradient(
    135deg,
    rgba(48, 26, 42, 0.98) 0%,
    rgba(68, 36, 58, 0.95) 50%,
    rgba(48, 26, 42, 0.98) 100%
  ) !important;
}

pre:active div[node="[object Object]"]::before {
  filter: drop-shadow(0 0 25px rgba(255, 215, 0, 1)) 
          drop-shadow(0 0 40px rgba(255, 183, 71, 0.9));
  animation: frameBurst 0.3s ease-out forwards;
}

pre:active div[node="[object Object]"]::after {
  text-shadow: 
    0 0 15px rgba(255, 255, 255, 1),
    0 0 30px rgba(255, 215, 0, 1),
    0 0 45px rgba(255, 183, 71, 0.8);
}

/* ========== 点击时的覆盖提示 ========== */
pre div[data-tooltip-id]::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: radial-gradient(
    ellipse at center,
    rgba(255, 215, 0, 0.25) 0%,
    rgba(139, 69, 89, 0.4) 50%,
    rgba(42, 31, 45, 0.6) 100%
  );
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff8dc;
  font-size: 1.15em;
  font-family: "LXGW WenKai", serif;
  opacity: 0;
  transition: opacity 0.8s ease;
  pointer-events: none;
  z-index: 4;
  border-radius: 16px;
  text-shadow: 0 0 10px rgba(255, 215, 0, 0.8);
}

pre div[data-tooltip-id]:active::after {
  content: '✨ 灵符已录 ✨';
  opacity: 1;
}

/* ========== 关键帧动画 ========== */
@keyframes frameRotate {
  from {
    transform: translateY(-50%) rotate(0deg);
  }
  to {
    transform: translateY(-50%) rotate(360deg);
  }
}

@keyframes framePulse {
  0%, 100% {
    filter: drop-shadow(0 0 12px rgba(255, 215, 0, 0.9)) 
            drop-shadow(0 0 20px rgba(255, 183, 71, 0.6));
  }
  50% {
    filter: drop-shadow(0 0 18px rgba(255, 215, 0, 1)) 
            drop-shadow(0 0 30px rgba(255, 183, 71, 0.8))
            drop-shadow(0 0 40px rgba(255, 140, 105, 0.5));
  }
}

@keyframes numberPulse {
  0%, 100% {
    transform: translateY(-52%) scale(1);
  }
  50% {
    transform: translateY(-52%) scale(1.1);
  }
}

@keyframes frameBurst {
  0% {
    transform: translateY(-50%) scale(1) rotate(0deg);
  }
  50% {
    transform: translateY(-50%) scale(1.15) rotate(15deg);
  }
  100% {
    transform: translateY(-50%) scale(1.05) rotate(0deg);
  }
}

@keyframes borderBreath {
  0%, 100% {
    border-color: rgba(255, 182, 193, 0.4);
  }
  50% {
    border-color: rgba(255, 215, 0, 0.45);
  }
}
/* === 极简高性能爱心进度条 === */
.h-box{display:flex;flex-wrap:wrap;justify-content:center;gap:15px;padding:10px;width:100%;max-width:350px;margin:0 auto}

/* 单标签核心 */
.h{
  position:relative;
  width:54px; /* 宽度加宽，确保数值不换行 */
  height:50px;
  margin-bottom:20px; /* 给下方文字留空 */
  font-family:'Segoe UI',sans-serif;
  font-weight:bold;
  font-size:12px;
  color:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
  cursor:pointer;
  user-select:none;
  transition:transform 0.2s cubic-bezier(0.18,0.89,0.32,1.28);
  /* 核心形状裁剪 */
  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");
  /* 背景：利用渐变实现进度条效果，灰色为底，颜色为进度 */
  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%);
}

/* 悬停效果 */
.h:hover{transform:scale(1.15);z-index:10;text-shadow:0 1px 2px rgba(0,0,0,0.8)}

/* 底部文字标签 (通过CSS变量生成) */
.h::after{
  content:var(--n); /* 读取变量中的名字 */
  position:absolute;
  top:100%;
  left:50%;
  transform:translateX(-50%);
  color:rgba(255,255,255,0.6);
  font-size:11px;
  margin-top:4px; /* 这里的top定位是相对于未裁剪的原始盒子，所以看起来是悬浮在下方 */
  white-space:nowrap;
  pointer-events:none;
  clip-path:none; /* 防止文字被爱心形状裁剪 */
}

/* === 修正后的单标签逻辑 === */
.h{
  background:none; /* 移除主元素背景 */
  clip-path:none; /* 移除主元素裁剪 */
  overflow:visible;
  z-index: 0; 
}
.h::before{
  content:'';
  position:absolute;
  inset:0;
  z-index:-1;
  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");
  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%);
  transition:filter 0.3s;
}
.h:hover::before{ filter:brightness(1.2); }

/* 数值显示 (默认透明，hover显示) */
.h{ color:transparent; transition:color 0.2s; white-space:nowrap; }
.h:hover{ color:#fff; }

/* 类别定义：颜色(c) 与 名字(n) */
.t1{--c:#a855f7;--n:'灵力'}   /* 紫 */
.t2{--c:#3b82f6;--n:'精神力'} /* 蓝 */
.t3{--c:#ef4444;--n:'肉体强度'} /* 红 */
.t4{--c:#10b981;--n:'精神强度'} /* 绿 */
.t5{--c:#ec4899;--n:'淫欲值'}   /* 粉 */

/* 数值类 0-100 (压缩版，受限平台请全部复制) */
.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}
.p-\[5\.5px\].max-h-\[150px\].bg-white.border-\[1\.5px\].border-gray-200.rounded-xl,
div[class*="bg-white"][class*="rounded-xl"][class*="border-gray"]:has(#ai-chat-input) {
  background: linear-gradient(
    145deg,
    rgba(35, 28, 55, 0.98) 0%,
    rgba(45, 36, 70, 0.95) 50%,
    rgba(38, 30, 60, 0.98) 100%
  ) !important;
  border: 1.5px solid rgba(160, 130, 200, 0.45) !important;
  border-radius: 14px !important;
  box-shadow:
    0 4px 20px rgba(0, 0, 0, 0.4),
    0 0 30px rgba(140, 110, 190, 0.12),
    inset 0 1px 0 rgba(255, 255, 255, 0.06),
    inset 0 -1px 0 rgba(0, 0, 0, 0.2) !important;
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

/* 聚焦时容器效果 */
.p-\[5\.5px\].max-h-\[150px\].bg-white.border-\[1\.5px\].border-gray-200.rounded-xl:focus-within,
div[class*="bg-white"][class*="rounded-xl"]:has(#ai-chat-input):focus-within {
  border-color: rgba(200, 170, 120, 0.6) !important;
  box-shadow:
    0 6px 30px rgba(0, 0, 0, 0.45),
    0 0 40px rgba(200, 170, 120, 0.18),
    0 0 60px rgba(140, 110, 190, 0.1),
    inset 0 1px 0 rgba(255, 255, 255, 0.08) !important;
}

/* 右侧按钮区域容器 */
div.absolute.bottom-\[7px\].right-2.flex.items-center {
  background: transparent !important;
}

/* 字数统计 */
div.flex.items-center.px-1.h-5.rounded-md.bg-gray-100.text-xs.font-medium.text-gray-500 {
  background: linear-gradient(
    135deg,
    rgba(50, 40, 75, 0.95) 0%,
    rgba(60, 48, 85, 0.9) 100%
  ) !important;
  border: 1px solid rgba(140, 110, 190, 0.35) !important;
  border-radius: 6px !important;
  color: rgba(200, 170, 120, 0.85) !important;
  font-family: "LXGW WenKai", "霞鹜文楷", serif !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) !important;
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.25) !important;
}

/* 分隔线 */
div.mx-1.w-\[1px\].h-4.bg-black.opacity-5 {
  background: linear-gradient(
    to bottom,
    transparent 0%,
    rgba(160, 130, 200, 0.5) 30%,
    rgba(200, 170, 120, 0.4) 70%,
    transparent 100%
  ) !important;
  opacity: 1 !important;
}

div.group.flex.items-center.justify-center.w-8.h-8.rounded-lg:hover {
  background: linear-gradient(
    145deg,
    rgba(70, 58, 100, 0.95) 0%,
    rgba(85, 70, 120, 0.9) 100%
  ) !important;
  border-color: rgba(200, 170, 120, 0.55) !important;
  box-shadow:
    0 4px 15px rgba(200, 170, 120, 0.25),
    0 0 20px rgba(140, 110, 190, 0.15) !important;
  transform: translateY(-1px) !important;
}

/* 按钮图标 */
div.group.flex.items-center.justify-center.w-8.h-8.rounded-lg svg,
div.group.flex.items-center.justify-center.w-8.h-8.rounded-lg .MuiSvgIcon-root {
  color: rgba(180, 160, 200, 0.85) !important;
  filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.3)) !important;
  transition: all 0.3s ease !important;
}

div.group.flex.items-center.justify-center.w-8.h-8.rounded-lg:hover svg,
div.group.flex.items-center.justify-center.w-8.h-8.rounded-lg:hover .MuiSvgIcon-root {
  color: #dcc896 !important;
  filter: drop-shadow(0 0 6px rgba(200, 170, 120, 0.5)) !important;
  transform: scale(1.1) !important;
}

/* 发送按钮特殊强调 */
#ai-send-button {
  background: linear-gradient(
    145deg,
    rgba(180, 150, 100, 0.25) 0%,
    rgba(200, 170, 120, 0.2) 100%
  ) !important;
  border: 1px solid rgba(200, 170, 120, 0.5) !important;
}

#ai-send-button:hover {
  background: linear-gradient(
    145deg,
    rgba(200, 170, 120, 0.35) 0%,
    rgba(220, 190, 140, 0.3) 100%
  ) !important;
  border-color: rgba(220, 190, 140, 0.7) !important;
  box-shadow:
    0 4px 20px rgba(200, 170, 120, 0.35),
    0 0 25px rgba(200, 170, 120, 0.2),
    inset 0 0 10px rgba(200, 170, 120, 0.1) !important;
}

#ai-send-button svg {
  color: rgba(220, 190, 140, 0.95) !important;
}

#ai-send-button:hover svg {
  color: #f5e8c0 !important;
  filter: drop-shadow(0 0 8px rgba(220, 190, 140, 0.7)) !important;
}

.sticky.w-full.top-0.flex.items-center {
  background: linear-gradient(
    180deg,
    rgba(15, 10, 25, 0.98) 0%,
    rgba(25, 18, 40, 0.95) 50%,
    rgba(35, 25, 55, 0.92) 100%
  ) !important;
  border-bottom: 1px solid rgba(180, 140, 255, 0.3) !important;
  box-shadow: 
    0 2px 20px rgba(120, 80, 200, 0.4),
    0 0 60px rgba(180, 140, 255, 0.15),
    inset 0 -1px 0 rgba(255, 215, 140, 0.1) !important;
  overflow: visible !important;
}

/* 顶部栏 ::before - 灵气粒子浮动层 */
.sticky.w-full.top-0.flex.items-center::before {
  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;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  pointer-events: none !important;
  opacity: 0.7 !important;
}

/* 顶部栏 ::after - 底部仙纹边饰 */
.sticky.w-full.top-0.flex.items-center::after {
  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;
  position: absolute !important;
  bottom: -6px !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  pointer-events: none !important;
}

/* 模型选择器容器 - 玉牌样式 */
#ai-model-selector .group.flex.items-center {
outline:none;
  background: linear-gradient(
    135deg,
    rgba(40, 30, 60, 0.9) 0%,
    rgba(60, 45, 90, 0.85) 50%,
    rgba(45, 35, 70, 0.9) 100%
  ) !important;
  border: 1px solid rgba(180, 140, 255, 0.4) !important;
  border-radius: 8px !important;
  box-shadow: 
    0 0 15px rgba(180, 140, 255, 0.25),
    inset 0 1px 0 rgba(255, 255, 255, 0.1),
    inset 0 -1px 0 rgba(0, 0, 0, 0.2) !important;
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1) !important;
  position: relative !important;
}

#ai-model-selector .group.flex.items-center::before {
  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;
  position: absolute !important;
  left: 8px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  pointer-events: none !important;
}

#ai-model-selector .group.flex.items-center:hover {
  border-color: rgba(255, 215, 0, 0.6) !important;
  box-shadow: 
    0 0 25px rgba(255, 215, 0, 0.35),
    0 0 50px rgba(180, 140, 255, 0.2),
    inset 0 1px 0 rgba(255, 255, 255, 0.15) !important;
  transform: translateY(-1px) !important;
}

/* 模型名称文字 - 金色仙文 */
#ai-model-selector .truncate.text-\[13px\] {
  color: rgba(255, 235, 200, 0.95) !important;
  font-family: "LXGW WenKai", "霞鹜文楷", "楷体", "STKaiti", serif !important;
  font-weight: 500 !important;
  text-shadow: 
    0 0 8px rgba(255, 215, 0, 0.5),
    0 0 20px rgba(180, 140, 255, 0.3) !important;
  letter-spacing: 1px !important;
  transition: all 0.3s ease !important;
}

#ai-model-selector .group.flex.items-center:hover .truncate.text-\[13px\] {
  color: #ffd700 !important;
  text-shadow: 
    0 0 12px rgba(255, 215, 0, 0.8),
    0 0 25px rgba(255, 215, 0, 0.4) !important;
}

/* 下拉箭头 - 灵动旋转 */
#ai-model-selector .shrink-0.flex.items-center svg {
  color: rgba(180, 140, 255, 0.8) !important;
  filter: drop-shadow(0 0 4px rgba(180, 140, 255, 0.6)) !important;
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

#ai-model-selector .group.flex.items-center:hover .shrink-0.flex.items-center svg {
  color: #ffd700 !important;
  filter: drop-shadow(0 0 8px rgba(255, 215, 0, 0.8)) !important;
  transform: rotate(180deg) !important;
}

/* 设置按钮 - 八卦法阵 */
#header-setting-button {
  background: linear-gradient(
    135deg,
    rgba(50, 40, 70, 0.9) 0%,
    rgba(70, 55, 100, 0.85) 100%
  ) !important;
  border: 1px solid rgba(180, 140, 255, 0.4) !important;
  border-radius: 50% !important;
  box-shadow: 
    0 0 15px rgba(180, 140, 255, 0.3),
    inset 0 0 10px rgba(255, 215, 0, 0.1) !important;
  transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1) !important;
  position: relative !important;
}

#header-setting-button::before {
  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;
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  pointer-events: none !important;
}

#header-setting-button:hover {
  border-color: rgba(255, 215, 0, 0.7) !important;
  box-shadow: 
    0 0 30px rgba(255, 215, 0, 0.5),
    0 0 60px rgba(180, 140, 255, 0.3),
    inset 0 0 15px rgba(255, 215, 0, 0.2) !important;
  transform: rotate(90deg) scale(1.1) !important;
}

#header-setting-button svg {
  color: rgba(255, 235, 200, 0.9) !important;
  filter: drop-shadow(0 0 5px rgba(255, 215, 0, 0.6)) !important;
  transition: all 0.4s ease !important;
}

#header-setting-button:hover svg {
  color: #ffd700 !important;
  filter: drop-shadow(0 0 10px rgba(255, 215, 0, 0.9)) !important;
}
.bg-gradient-to-t {
  background: linear-gradient(
    to top,
    rgba(12, 8, 20, 0.99) 0%,
    rgba(20, 14, 35, 0.97) 40%,
    rgba(28, 20, 45, 0.92) 70%,
    transparent 100%
  ) !important;
}

/* 按钮栏容器 */
#ai-mod-button2 {
  background: linear-gradient(
    90deg,
    transparent 0%,
    rgba(30, 22, 50, 0.5) 15%,
    rgba(40, 30, 65, 0.6) 50%,
    rgba(30, 22, 50, 0.5) 85%,
    transparent 100%
  ) !important;
  border-top: 1px solid rgba(160, 120, 220, 0.2) !important;
  position: relative !important;
}

#ai-mod-button2::before {
  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;
  position: absolute !important;
  top: -1px !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  pointer-events: none !important;
}

/* 按钮 - 灵石令牌 */
#ai-mod-button2 button.MuiButton-root {
  background: linear-gradient(
    160deg,
    rgba(50, 40, 75, 0.9) 0%,
    rgba(65, 52, 95, 0.85) 50%,
    rgba(55, 45, 80, 0.9) 100%
  ) !important;
  border: 1px solid rgba(160, 120, 220, 0.4) !important;
  border-radius: 8px !important;
  color: rgba(230, 220, 200, 0.9) !important;
  font-family: "LXGW WenKai", "霞鹜文楷", "楷体", serif !important;
  font-weight: 500 !important;
  letter-spacing: 1px !important;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.4) !important;
  box-shadow:
    0 2px 10px rgba(0, 0, 0, 0.3),
    inset 0 1px 0 rgba(255, 255, 255, 0.08),
    inset 0 -1px 0 rgba(0, 0, 0, 0.2) !important;
  position: relative !important;
  overflow: hidden !important;
  transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

/* 按钮内嵌纹饰 */
#ai-mod-button2 button.MuiButton-root::before {
  content: "" !important;
  position: absolute !important;
  top: 3px !important;
  left: 3px !important;
  right: 3px !important;
  bottom: 3px !important;
  border: 1px solid rgba(200, 170, 120, 0.15) !important;
  border-radius: 5px !important;
  pointer-events: none !important;
  transition: all 0.35s ease !important;
}

#ai-mod-button2 button.MuiButton-root:hover {
  background: linear-gradient(
    160deg,
    rgba(65, 52, 95, 0.95) 0%,
    rgba(80, 65, 115, 0.9) 50%,
    rgba(70, 58, 100, 0.95) 100%
  ) !important;
  border-color: rgba(200, 170, 120, 0.6) !important;
  color: #f0e6d0 !important;
  box-shadow:
    0 4px 20px rgba(200, 170, 120, 0.25),
    0 0 30px rgba(160, 120, 220, 0.2),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  transform: translateY(-2px) !important;
}

#ai-mod-button2 button.MuiButton-root:hover::before {
  border-color: rgba(200, 170, 120, 0.35) !important;
}


/* 按钮图标 */
#ai-mod-button2 button.MuiButton-root svg {
  color: rgba(200, 170, 120, 0.8) !important;
}

#ai-mod-button2 button.MuiButton-root:hover svg {
  color: #dcc896 !important;
}


/* 分页按钮 - 玉牌页签 */
.MuiPaginationItem-root {
  background: linear-gradient(
    150deg,
    rgba(45, 35, 65, 0.9) 0%,
    rgba(55, 45, 80, 0.85) 100%
  ) !important;
  border: 1px solid rgba(140, 110, 190, 0.4) !important;
  border-radius: 6px !important;
  color: rgba(210, 200, 180, 0.85) !important;
  font-family: "LXGW WenKai", "霞鹜文楷", serif !important;
  font-weight: 500 !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.4) !important;
  box-shadow:
    0 2px 8px rgba(0, 0, 0, 0.25),
    inset 0 1px 0 rgba(255, 255, 255, 0.06) !important;
  transition: all 0.3s ease !important;
  position: relative !important;
}

.MuiPaginationItem-root:hover {
  background: linear-gradient(
    150deg,
    rgba(60, 48, 90, 0.95) 0%,
    rgba(75, 60, 105, 0.9) 100%
  ) !important;
  border-color: rgba(200, 170, 120, 0.5) !important;
  color: #f0e6d0 !important;
  box-shadow:
    0 3px 15px rgba(200, 170, 120, 0.2),
    0 0 20px rgba(140, 110, 190, 0.15) !important;
  transform: translateY(-1px) !important;
}

/* 选中状态 - 金印封页 */
.MuiPaginationItem-root.Mui-selected {
  background: linear-gradient(
    150deg,
    rgba(180, 150, 100, 0.25) 0%,
    rgba(200, 170, 120, 0.2) 50%,
    rgba(180, 150, 100, 0.25) 100%
  ) !important;
  border: 1px solid rgba(200, 170, 120, 0.7) !important;
  color: #f5e6c8 !important;
  text-shadow: 0 0 8px rgba(200, 170, 120, 0.5) !important;
  box-shadow:
    0 0 20px rgba(200, 170, 120, 0.3),
    0 2px 10px rgba(0, 0, 0, 0.3),
    inset 0 0 15px rgba(200, 170, 120, 0.1) !important;
}

.MuiPaginationItem-root.Mui-selected::before {
  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;
  position: absolute !important;
  top: -4px !important;
  right: -4px !important;
  pointer-events: none !important;
}

/* 禁用状态 - 封印之页 */
.MuiPaginationItem-root.Mui-disabled {
  background: rgba(30, 25, 45, 0.6) !important;
  border-color: rgba(100, 80, 140, 0.2) !important;
  color: rgba(140, 130, 150, 0.4) !important;
  box-shadow: none !important;
}

/* 翻页箭头 */
.MuiPaginationItem-icon {
  color: rgba(180, 150, 120, 0.8) !important;
  filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.3)) !important;
  transition: all 0.3s ease !important;
}

.MuiPaginationItem-root:hover .MuiPaginationItem-icon {
  color: #dcc896 !important;
  filter: drop-shadow(0 0 5px rgba(200, 170, 120, 0.4)) !important;
}

/* 跳转区域容器 */
.MuiStack-root.css-1uwir8f {
  background: rgba(35, 28, 55, 0.6) !important;
  border-radius: 8px !important;
  border: 1px solid rgba(140, 110, 190, 0.25) !important;
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.2) !important;
}

/* 跳转区域文字 */
.MuiStack-root.css-1uwir8f .MuiBox-root {
  color: rgba(190, 175, 200, 0.8) !important;
  font-family: "LXGW WenKai", "霞鹜文楷", serif !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) !important;
}

/* 跳转输入框 */
.MuiInputBase-input {
  background: rgba(25, 20, 40, 0.7) !important;
  border: 1px solid rgba(160, 130, 200, 0.35) !important;
  border-radius: 5px !important;
  color: rgba(240, 230, 210, 0.9) !important;
  font-family: "LXGW WenKai", "霞鹜文楷", serif !important;
  text-align: center !important;
  box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.25) !important;
  transition: all 0.3s ease !important;
}

.MuiInputBase-input:focus {
  border-color: rgba(200, 170, 120, 0.6) !important;
  box-shadow:
    inset 0 1px 4px rgba(0, 0, 0, 0.2),
    0 0 12px rgba(200, 170, 120, 0.2) !important;
}
div[class*="w-full"][class*="bg-white"][class*="bottom-0"] {
  background: linear-gradient(
    175deg,
    rgba(18, 12, 30, 0.98) 0%,
    rgba(25, 18, 42, 0.97) 30%,
    rgba(32, 24, 52, 0.96) 70%,
    rgba(22, 16, 38, 0.98) 100%
  ) !important;
  border-top: 1px solid rgba(160, 120, 220, 0.3) !important;
  box-shadow:
    inset 0 1px 0 rgba(200, 170, 120, 0.1),
    0 -4px 30px rgba(0, 0, 0, 0.4) !important;
}

/* 顶部标题 - 论道仙阁 */
div.text-lg.font-bold {
  color: #f0e6d0 !important;
  font-family: "LXGW WenKai", "霞鹜文楷", "楷体", serif !important;
  font-weight: 600 !important;
  letter-spacing: 2px !important;
  text-shadow:
    0 0 12px rgba(200, 170, 120, 0.4),
    0 2px 4px rgba(0, 0, 0, 0.5) !important;
  position: relative !important;
}

div.text-lg.font-bold::before {
  content: "✦" !important;
  margin-right: 8px !important;
  color: rgba(200, 170, 120, 0.7) !important;
  font-size: 0.7em !important;
  text-shadow: 0 0 8px rgba(200, 170, 120, 0.5) !important;
}

/* '个人评分'文字 */
p.MuiTypography-body1.text-grey-600 {
  color: rgba(200, 185, 210, 0.85) !important;
  font-family: "LXGW WenKai", "霞鹜文楷", serif !important;
  font-size: 14px !important;
  letter-spacing: 1px !important;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.4) !important;
}

/* ═══════════════════════════════════════════════════════════
   【评分系统】· 灵玉星辰 · 修仙风格评分图标
   ═══════════════════════════════════════════════════════════ */

/* 评分容器 */
span.MuiRating-root {
  filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.3)) !important;
}

/* 未选中的评分 - 空灵玉 (八卦/莲花轮廓) */
span.MuiRating-iconEmpty svg {
  color: transparent !important;
  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;
  width: 24px !important;
  height: 24px !important;
  transition: all 0.3s ease !important;
}

/* 选中的评分 - 金莲灵玉 */
span.MuiRating-iconFilled svg {
  color: transparent !important;
  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;
  width: 24px !important;
  height: 24px !important;
  filter: drop-shadow(0 0 6px rgba(200, 170, 120, 0.6)) !important;
  transition: all 0.3s ease !important;
}

span.MuiRating-iconFilled svg:hover {
  filter: drop-shadow(0 0 10px rgba(220, 200, 150, 0.8)) !important;
  transform: scale(1.15) !important;
}

/* 评分数字 */
span.text-orange-500 {
  color: #dcc896 !important;
  font-family: "LXGW WenKai", "霞鹜文楷", serif !important;
  font-weight: 600 !important;
  text-shadow: 0 0 8px rgba(200, 170, 120, 0.5) !important;
}

/* ═══════════════════════════════════════════════════════════
   【输入区域】· 传音玉简
   ═══════════════════════════════════════════════════════════ */

/* 输入框容器 */
div.flex.flex-col.border-gray-200 {
  background: linear-gradient(
    135deg,
    rgba(35, 28, 55, 0.8) 0%,
    rgba(45, 36, 70, 0.75) 100%
  ) !important;
  border: 1px solid rgba(160, 120, 220, 0.35) !important;
  border-radius: 12px !important;
  box-shadow:
    0 4px 20px rgba(0, 0, 0, 0.3),
    inset 0 1px 0 rgba(255, 255, 255, 0.05) !important;
  transition: all 0.3s ease !important;
}

div.flex.flex-col.border-gray-200:focus-within {
  border-color: rgba(200, 170, 120, 0.5) !important;
  box-shadow:
    0 4px 25px rgba(0, 0, 0, 0.35),
    0 0 20px rgba(200, 170, 120, 0.15),
    inset 0 1px 0 rgba(255, 255, 255, 0.08) !important;
}

/* 评论输入框 */
textarea.rc-textarea {
  color: FF00FF !important;
}



/* 字数统计 */
div.bg-gray-100.text-gray-500 {
  background: rgba(25, 20, 40, 0.5) !important;
  color: rgba(170, 155, 190, 0.7) !important;
  font-family: "LXGW WenKai", "霞鹜文楷", serif !important;
  font-size: 12px !important;
  border-top: 1px solid rgba(140, 110, 190, 0.15) !important;
}

/* 发送评论按钮 */
div.cursor-pointer.group.flex.items-center.justify-center {
  background: linear-gradient(
    135deg,
    rgba(180, 150, 100, 0.2) 0%,
    rgba(200, 170, 120, 0.25) 100%
  ) !important;
  border: 1px solid rgba(200, 170, 120, 0.5) !important;
  border-radius: 8px !important;
  box-shadow:
    0 2px 10px rgba(0, 0, 0, 0.25),
    inset 0 1px 0 rgba(255, 255, 255, 0.1) !important;
  transition: all 0.3s ease !important;
}

div.cursor-pointer.group.flex.items-center.justify-center:hover {
  background: linear-gradient(
    135deg,
    rgba(200, 170, 120, 0.3) 0%,
    rgba(220, 190, 140, 0.35) 100%
  ) !important;
  border-color: rgba(220, 190, 140, 0.7) !important;
  box-shadow:
    0 4px 20px rgba(200, 170, 120, 0.3),
    0 0 25px rgba(200, 170, 120, 0.2),
    inset 0 1px 0 rgba(255, 255, 255, 0.15) !important;
  transform: translateY(-1px) !important;
}

/* 发送按钮图标 */
div[data-state="closed"] svg[data-icon="Send03"] {
  color: rgba(220, 200, 150, 0.9) !important;
}

div.cursor-pointer.group:hover svg[data-icon="Send03"] {
  color: #f5e6c8 !important;
}

/* ═══════════════════════════════════════════════════════════
   【分割线】· 云纹界线
   ═══════════════════════════════════════════════════════════ */

div.style_divider__mW0YX {
  background: linear-gradient(
    90deg,
    transparent 0%,
    rgba(140, 110, 190, 0.3) 20%,
    rgba(200, 170, 120, 0.4) 50%,
    rgba(140, 110, 190, 0.3) 80%,
    transparent 100%
  ) !important;
  height: 1px !important;
  border: none !important;
  box-shadow: 0 0 8px rgba(200, 170, 120, 0.2) !important;
}

/* ═══════════════════════════════════════════════════════════
   【排序按钮】· 仙榜排序
   ═══════════════════════════════════════════════════════════ */

/* 排序按钮容器 */
.MuiStack-root.css-1dmzxoz {
  background: rgba(30, 24, 48, 0.5) !important;
  border-radius: 8px !important;
  padding: 4px !important;
  border: 1px solid rgba(140, 110, 190, 0.2) !important;
}

/* 排序按钮通用样式 */
button.MuiButton-containedPrimary,
button.MuiButton-outlinedPrimary {
  font-family: "LXGW WenKai", "霞鹜文楷", serif !important;
  font-weight: 500 !important;
  letter-spacing: 1px !important;
  border-radius: 6px !important;
  transition: all 0.3s ease !important;
}

/* 未选中的排序按钮 */
button.MuiButton-outlinedPrimary {
  background: transparent !important;
  border: 1px solid rgba(140, 110, 190, 0.3) !important;
  color: rgba(190, 175, 210, 0.8) !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) !important;
}

button.MuiButton-outlinedPrimary:hover {
  background: rgba(60, 48, 90, 0.5) !important;
  border-color: rgba(180, 150, 120, 0.4) !important;
  color: rgba(230, 220, 200, 0.9) !important;
}

/* 选中的排序按钮 */
button.MuiButton-containedPrimary {
  background: linear-gradient(
    135deg,
    rgba(180, 150, 100, 0.25) 0%,
    rgba(200, 170, 120, 0.3) 100%
  ) !important;
  border: 1px solid rgba(200, 170, 120, 0.6) !important;
  color: #f0e6d0 !important;
  text-shadow: 0 0 6px rgba(200, 170, 120, 0.4) !important;
  box-shadow:
    0 2px 12px rgba(200, 170, 120, 0.2),
    inset 0 1px 0 rgba(255, 255, 255, 0.1) !important;
}
div.p-3.overflow-y-auto {
  background: transparent !important;
}

/* 评论项 - 增强hover效果 */
div.group.ml-0 {
  background: linear-gradient(
    145deg,
    rgba(40, 32, 62, 0.7) 0%,
    rgba(48, 38, 72, 0.65) 50%,
    rgba(42, 34, 65, 0.7) 100%
  ) !important;
  border: 1px solid rgba(140, 110, 190, 0.3) !important;
  border-radius: 12px !important;
  margin-bottom: 14px !important;
  box-shadow:
    0 3px 15px rgba(0, 0, 0, 0.25),
    inset 0 1px 0 rgba(255, 255, 255, 0.04) !important;
  transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1) !important;
  position: relative !important;
}

div.group.ml-0:hover {
  background: linear-gradient(
    145deg,
    rgba(52, 42, 80, 0.8) 0%,
    rgba(62, 50, 92, 0.75) 50%,
    rgba(55, 45, 82, 0.8) 100%
  ) !important;
  border-color: rgba(200, 170, 120, 0.45) !important;
  box-shadow:
    0 6px 25px rgba(0, 0, 0, 0.35),
    0 0 20px rgba(160, 120, 220, 0.15),
    0 0 35px rgba(200, 170, 120, 0.08),
    inset 0 1px 0 rgba(255, 255, 255, 0.08) !important;
  transform: translateY(-2px) !important;
}

/* 评论项左侧金纹装饰线 */
div.group.ml-0::before {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  top: 15% !important;
  bottom: 15% !important;
  width: 3px !important;
  background: linear-gradient(
    180deg,
    transparent 0%,
    rgba(200, 170, 120, 0.15) 30%,
    rgba(200, 170, 120, 0.15) 70%,
    transparent 100%
  ) !important;
  border-radius: 0 2px 2px 0 !important;
  transition: all 0.35s ease !important;
}

div.group.ml-0:hover::before {
  background: linear-gradient(
    180deg,
    transparent 0%,
    rgba(200, 170, 120, 0.5) 30%,
    rgba(200, 170, 120, 0.5) 70%,
    transparent 100%
  ) !important;
  box-shadow: 0 0 10px rgba(200, 170, 120, 0.3) !important;
}

/* 用户头像 */
div.group img.rounded-full {
  border: 2px solid rgba(160, 120, 220, 0.45) !important;
  box-shadow:
    0 0 12px rgba(160, 120, 220, 0.2),
    0 3px 10px rgba(0, 0, 0, 0.3) !important;
  transition: all 0.3s ease !important;
}

div.group:hover img.rounded-full {
  border-color: rgba(200, 170, 120, 0.65) !important;
  box-shadow:
    0 0 18px rgba(200, 170, 120, 0.35),
    0 3px 12px rgba(0, 0, 0, 0.35) !important;
}

div.group img.rounded-full:hover {
  transform: scale(1.08) !important;
  border-color: rgba(220, 200, 150, 0.8) !important;
}

/* 用户名 */
div.text-sm.text-grey-600 span.font-bold {
  color: #e8d9a8 !important;
  font-family: "LXGW WenKai", "霞鹜文楷", serif !important;
  font-weight: 600 !important;
  font-size: 14px !important;
  text-shadow: 0 1px 4px rgba(0, 0, 0, 0.5) !important;
  transition: all 0.3s ease !important;
}

div.group:hover div.text-sm.text-grey-600 span.font-bold {
  color: #f5eac5 !important;
  text-shadow: 
    0 0 10px rgba(200, 170, 120, 0.4),
    0 1px 4px rgba(0, 0, 0, 0.5) !important;
}

/* "（你）" 标签 */
span.text-\[10px\] {
  background: linear-gradient(
    135deg,
    rgba(200, 170, 120, 0.25) 0%,
    rgba(180, 150, 100, 0.3) 100%
  ) !important;
  color: #f0e2b8 !important;
  font-family: "LXGW WenKai", "霞鹜文楷", serif !important;
  font-weight: 500 !important;
  padding: 2px 8px !important;
  border-radius: 4px !important;
  border: 1px solid rgba(200, 170, 120, 0.5) !important;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.4) !important;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2) !important;
}

/* 评论内容 */
div.break-all {
  color: rgba(245, 240, 225, 0.95) !important;
  font-family: "LXGW WenKai", "霞鹜文楷", serif !important;
  font-size: 14px !important;
  line-height: 1.8 !important;
  letter-spacing: 0.4px !important;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.35) !important;
}

/* 时间戳 */
div.text-xs.text-grey-600 {
  color: rgba(185, 170, 205, 0.8) !important;
  font-family: "LXGW WenKai", "霞鹜文楷", serif !important;
  font-size: 12px !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.35) !important;
}

/* ═══════════════════════════════════════════════════════════
   【交互按钮】· 点赞/回复 · 高可读性增强
   ═══════════════════════════════════════════════════════════ */

/* 点赞按钮 - 大幅增强可见度 */
button.text-gray-400 {
  color: rgba(200, 185, 220, 0.85) !important;
  font-family: "LXGW WenKai", "霞鹜文楷", serif !important;
  font-weight: 500 !important;
  padding: 4px 10px !important;
  background: rgba(60, 48, 90, 0.4) !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.4) !important;
  transition: all 0.3s ease !important;
}

button.text-gray-400:hover {
  color: #f5e6c8 !important;
  background: rgba(200, 170, 120, 0.2) !important;
  box-shadow: 
    0 2px 12px rgba(200, 170, 120, 0.25),
    0 0 15px rgba(200, 170, 120, 0.15) !important;
  transform: translateY(-1px) !important;
}

/* 点赞图标 */
button.text-gray-400 svg {
  color: rgba(210, 190, 230, 0.9) !important;
  filter: drop-shadow(0 1px 3px rgba(0, 0, 0, 0.4)) !important;
  transition: all 0.3s ease !important;
}

button.text-gray-400:hover svg {
  color: #f5e6c8 !important;
  filter: drop-shadow(0 0 8px rgba(200, 170, 120, 0.5)) !important;
  transform: scale(1.2) !important;
}

/* 回复文字按钮 - 大幅增强可见度 */
span.cursor-pointer {
  color: rgba(210, 195, 230, 0.9) !important;
  font-family: "LXGW WenKai", "霞鹜文楷", serif !important;
  font-weight: 500 !important;
  font-size: 13px !important;
  padding: 3px 10px !important;
  background: rgba(70, 55, 100, 0.45) !important;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.4) !important;
  transition: all 0.3s ease !important;
  display: inline-block !important;
}

span.cursor-pointer:hover {
  color: #f5eac5 !important;
  background: linear-gradient(
    135deg,
    rgba(200, 170, 120, 0.25) 0%,
    rgba(180, 150, 100, 0.3) 100%
  ) !important;
  border-color: rgba(200, 170, 120, 0.55) !important;
  box-shadow: 
    0 2px 12px rgba(200, 170, 120, 0.25),
    0 0 18px rgba(200, 170, 120, 0.12) !important;
  text-shadow: 
    0 0 8px rgba(200, 170, 120, 0.4),
    0 1px 3px rgba(0, 0, 0, 0.4) !important;
  transform: translateY(-1px) !important;
}

/* 回复区域边框 - 增强可见度 */
div.ml-8.border-l {
  border-color: rgba(180, 150, 120, 0.35) !important;
  border-left-width: 2px !important;
  border-left-style: solid !important;
  background: linear-gradient(
    90deg,
    rgba(200, 170, 120, 0.05) 0%,
    transparent 30%
  ) !important;
  margin-left: 20px !important;
  padding-left: 12px !important;
  position: relative !important;
}

/* 回复区域顶部小装饰 */
div.ml-8.border-l::before {
  content: "┌" !important;
  position: absolute !important;
  top: -2px !important;
  left: -7px !important;
  color: rgba(200, 170, 120, 0.5) !important;
  font-size: 14px !important;
  text-shadow: 0 0 6px rgba(200, 170, 120, 0.3) !important;
}
div[class*="w-full"][class*="bg-white"][class*="bottom-0"] .MuiSvgIcon-root.MuiSvgIcon-fontSizeSmall.css-vh810p {
  color: rgba(200, 180, 160, 0.75) !important;
  filter: drop-shadow(0 1px 3px rgba(0, 0, 0, 0.4)) !important;
  transition: all 0.3s ease !important;
  cursor: pointer !important;
}

div[class*="w-full"][class*="bg-white"][class*="bottom-0"] .MuiSvgIcon-root.MuiSvgIcon-fontSizeSmall.css-vh810p:hover {
  color: #f0e6d0 !important;
  filter: drop-shadow(0 0 8px rgba(200, 170, 120, 0.5)) !important;
  transform: scale(1.15) rotate(90deg) !important;
}

/* 备用选择器 - 如果上述失效 */
div[class*="bottom-0"] svg.MuiSvgIcon-fontSizeSmall[viewBox="0 0 24 24"] path[d*="M12 2C6.47"] {
  fill: rgba(200, 180, 160, 0.75) !important;
}

/* 更通用的备用方案 - 针对评论区内所有小型关闭图标 */
div[class*="w-full"][class*="bottom-0"] .MuiSvgIcon-fontSizeSmall {
  color: rgba(200, 180, 160, 0.8) !important;
  filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.35)) !important;
  transition: all 0.3s ease !important;
}

div[class*="w-full"][class*="bottom-0"] .MuiSvgIcon-fontSizeSmall:hover {
  color: #dcc896 !important;
  filter: drop-shadow(0 0 6px rgba(200, 170, 120, 0.45)) !important;
  transform: scale(1.1) !important;
}
.absolute.top-0.MuiBox-root {
    background:transparent;
}

.chat-answer-container.mr-2 {
    margin-right: 0rem;
}
.group .px-4 {
    padding-left: 0.1rem;
    padding-right: 0.1rem;
}


.bg-gray-100\/90.relative.inline-block {
    position: relative !important;
    isolation: isolate !important;
    border-radius: 16px !important;
    box-shadow: 
        0 4px 20px rgba(0, 0, 0, 0.15),
        0 0 1px rgba(0, 0, 0, 0.1) !important;
    overflow: visible !important;
}

/* ═══════════════════════════════════════════════════════════════
   🌺 输出框样式 · 暗粉仙韵
   ═══════════════════════════════════════════════════════════════ */
.chat-answer-container .bg-gray-100\/90.relative.inline-block {
    background: linear-gradient(
        145deg,
        #2a1f2d 0%,
        #3d2a3a 25%,
        #4a3347 50%,
        #3d2a3a 75%,
        #2a1f2d 100%
    ) !important;
    border: 1px solid rgba(255, 182, 193, 0.3) !important;
    box-shadow: 
        0 8px 32px rgba(139, 69, 89, 0.4),
        0 0 60px rgba(255, 182, 193, 0.08),
        inset 0 1px 0 rgba(255, 200, 210, 0.1),
        inset 0 -1px 0 rgba(0, 0, 0, 0.2) !important;
}

/* 输出框 - 右下角精致SVG装饰 */
.chat-answer-container .bg-gray-100\/90.relative.inline-block::after {
    content: '' !important;
    position: absolute !important;
    bottom: -8px !important;
    right: -8px !important;
    width: 120px !important;
    height: 120px !important;
    pointer-events: none !important;
    z-index: -1 !important;
    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;
    background-size: contain !important;
    background-repeat: no-repeat !important;
}


/* 输出框文本样式 */
.chat-answer-container .markdown-body {
    color: #f8e8ec !important;
    background: transparent !important;
    position: relative !important;
    z-index: 1 !important;
    font-family: "LXGW WenKai", "霞鹜文楷", "楷体", KaiTi, serif, system-ui !important;
    font-size: 15px !important;
    line-height: 1.8 !important;
    text-shadow: none !important;
}

.chat-answer-container .markdown-body strong,
.chat-answer-container .markdown-body b {
    color: #ffd1dc !important;
    font-weight: bold !important;
}

.chat-answer-container .markdown-body em,
.chat-answer-container .markdown-body i {
    color: #ffb6c1 !important;
}


.chat-answer-container .markdown-body a {
    color: #ffb6c1 !important;
    text-decoration: underline !important;
}

.chat-answer-container .markdown-body blockquote {
    border-left: 3px solid rgba(255, 182, 193, 0.5) !important;
    background: rgba(255, 182, 193, 0.08) !important;
    padding: 8px 16px !important;
    margin: 12px 0 !important;
    border-radius: 0 8px 8px 0 !important;
}

.chat-answer-container .markdown-body h1,
.chat-answer-container .markdown-body h2,
.chat-answer-container .markdown-body h3,
.chat-answer-container .markdown-body h4 {
    color: #ffd1dc !important;
    border-bottom: 1px solid rgba(255, 182, 193, 0.2) !important;
    padding-bottom: 6px !important;
}

.chat-answer-container .markdown-body hr {
    border: none !important;
    height: 1px !important;
    background: linear-gradient(90deg, transparent, rgba(255,182,193,0.5), transparent) !important;
}

.bg-gray-100\/90.relative.inline-block:not(.chat-answer-container .bg-gray-100\/90) {
    background: linear-gradient(
        145deg,
        #3d2d35 0%,
        #4a3842 25%,
        #52404a 50%,
        #4a3842 75%,
        #3d2d35 100%
    ) !important;
    border: 1px solid rgba(232, 200, 210, 0.25) !important;
    box-shadow: 
        0 6px 24px rgba(60, 40, 50, 0.4),
        0 0 40px rgba(255, 200, 215, 0.06),
        inset 0 1px 0 rgba(255, 220, 230, 0.08),
        inset 0 -1px 0 rgba(0, 0, 0, 0.15) !important;
    position: relative !important;
    isolation: isolate !important;
    border-radius: 16px !important;
    overflow: visible !important;
}

/* 输入框 - 右下角精致小装饰 */
.bg-gray-100\/90.relative.inline-block:not(.chat-answer-container .bg-gray-100\/90)::after {
    content: '' !important;
    position: absolute !important;
    bottom: -5px !important;
    right: -5px !important;
    width: 65px !important;
    height: 65px !important;
    pointer-events: none !important;
    z-index: -1 !important;
    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;
    background-size: contain !important;
    background-repeat: no-repeat !important;
}

/* 输入框 - 左上角微小点缀 */
.bg-gray-100\/90.relative.inline-block:not(.chat-answer-container .bg-gray-100\/90)::before {
    content: '' !important;
    position: absolute !important;
    top: 6px !important;
    left: 10px !important;
    width: 24px !important;
    height: 24px !important;
    pointer-events: none !important;
    z-index: 2 !important;
    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;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    opacity: 0.7 !important;
}

/* 输入框文本样式 */
.bg-gray-100\/90.relative.inline-block:not(.chat-answer-container .bg-gray-100\/90) .markdown-body {
    color: #f0e0e5 !important;
    background: transparent !important;
    position: relative !important;
    z-index: 1 !important;
    font-family: "LXGW WenKai", "霞鹜文楷", "楷体", KaiTi, serif, system-ui !important;
    font-size: 15px !important;
    line-height: 1.8 !important;
    text-shadow: none !important;
}

/* 输入框底部按钮 */
.bg-gray-100\/90.relative.inline-block:not(.chat-answer-container .bg-gray-100\/90) .MuiButtonBase-root.MuiButton-root {
    color: #d0b8c0 !important;
}

/* ─────────────────────────────────────────
   移动端适配
   ───────────────────────────────────────── */
@media (max-width: 480px) {
    .bg-gray-100\/90.relative.inline-block:not(.chat-answer-container .bg-gray-100\/90)::after {
        width: 50px !important;
        height: 50px !important;
        bottom: -4px !important;
        right: -4px !important;
    }
    
    .bg-gray-100\/90.relative.inline-block:not(.chat-answer-container .bg-gray-100\/90)::before {
        width: 20px !important;
        height: 20px !important;
    }
}
/* 输出框底部按钮 */
.chat-answer-container .MuiButtonBase-root.MuiButton-root.MuiButton-text.MuiButton-textPrimary {
    color: #e8c8d0 !important;
    transition: color 0.2s ease !important;
}

.chat-answer-container .MuiButtonBase-root.MuiButton-root.MuiButton-text.MuiButton-textPrimary:hover {
    color: #ffb6c1 !important;
}

/* 输出框模型名称 */
.chat-answer-container .MuiTypography-root.MuiTypography-body2.css-6c0gf2 {
    color: #c8a8b0 !important;
}

/* 输出框Token消耗 */
.chat-answer-container .text-orange-500 {
    color: #d4a0aa !important;
}
/* ═══════════════════════════════════════════════════════════════
   移动端适配
   ═══════════════════════════════════════════════════════════════ */
@media (max-width: 480px) {
    .chat-answer-container .bg-gray-100\/90.relative.inline-block::after {
        width: 90px !important;
        height: 90px !important;
        bottom: -6px !important;
        right: -6px !important;
    }
    
}

/* ═══════════════════════════════════════════════════════════════
   低动效偏好适配（保持静态装饰可见）
   ═══════════════════════════════════════════════════════════════ */
@media (prefers-reduced-motion: reduce) {
    .bg-gray-100\/90.relative.inline-block,
    .bg-gray-100\/90.relative.inline-block::before,
    .bg-gray-100\/90.relative.inline-block::after {
        transition: none !important;
    }
}
top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 12px 20px 14px 20px;
    margin-bottom: 16px;
    position: relative;
    background: linear-gradient(
        90deg,
        transparent 0%,
        rgba(255, 182, 193, 0.05) 20%,
        rgba(255, 182, 193, 0.08) 50%,
        rgba(255, 182, 193, 0.05) 80%,
        transparent 100%
    );
}

/* 底部分割线 - 渐隐效果 */
top::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 90%;
    height: 1px;
    background: linear-gradient(
        90deg,
        transparent 0%,
        rgba(255, 182, 193, 0.15) 10%,
        rgba(255, 182, 193, 0.4) 30%,
        rgba(212, 175, 55, 0.5) 50%,
        rgba(255, 182, 193, 0.4) 70%,
        rgba(255, 182, 193, 0.15) 90%,
        transparent 100%
    );
    box-shadow: 0 0 8px rgba(255, 182, 193, 0.3);
}

/* 分割线中心装饰点 */
top::before {
    content: '';
    position: absolute;
    bottom: -3px;
    left: 50%;
    transform: translateX(-50%);
    width: 7px;
    height: 7px;
    background: radial-gradient(circle, #ffd700 0%, #c44569 70%, transparent 100%);
    border-radius: 50%;
    box-shadow: 
        0 0 6px rgba(255, 215, 0, 0.6),
        0 0 12px rgba(255, 182, 193, 0.4);
    z-index: 1;
}

/* ═══════════════════════════════════════════════════════════════
   时间 <time> 样式
   ═══════════════════════════════════════════════════════════════ */

top time {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: #ffd1dc;
    font-family: "LXGW WenKai", "霞鹜文楷", "楷体", KaiTi, serif;
    font-size: 14px;
    letter-spacing: 1.5px;
    text-shadow: 0 0 10px rgba(255, 182, 193, 0.3);
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    cursor: default;
}

/* 时间图标 - 日月轮回 SVG */
top time::before {
    content: '';
    display: inline-block;
    width: 18px;
    height: 18px;
    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");
    background-size: contain;
    background-repeat: no-repeat;
    filter: drop-shadow(0 0 3px rgba(255, 215, 0, 0.5));
    transition: all 0.4s ease;
}

/* 时间 Hover 效果 */
top time:hover {
    color: #fff5f7;
    text-shadow: 
        0 0 15px rgba(255, 182, 193, 0.6),
        0 0 30px rgba(255, 215, 0, 0.3);
    transform: translateY(-1px);
}

top time:hover::before {
    filter: drop-shadow(0 0 6px rgba(255, 215, 0, 0.8));
    transform: rotate(15deg) scale(1.1);
}

/* ═══════════════════════════════════════════════════════════════
   地点 <loc> 样式
   ═══════════════════════════════════════════════════════════════ */

top loc {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: #e8c4c4;
    font-family: "LXGW WenKai", "霞鹜文楷", "楷体", KaiTi, serif;
    font-size: 13px;
    letter-spacing: 1px;
    text-shadow: 0 0 8px rgba(196, 69, 105, 0.2);
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    cursor: default;
}

/* 地点图标 - 山水仙境 SVG */
top loc::before {
    content: '';
    display: inline-block;
    width: 18px;
    height: 18px;
    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");
    background-size: contain;
    background-repeat: no-repeat;
    filter: drop-shadow(0 0 2px rgba(196, 69, 105, 0.4));
    transition: all 0.4s ease;
}

/* 地点 Hover 效果 */
top loc:hover {
    color: #ffd1dc;
    text-shadow: 
        0 0 12px rgba(255, 182, 193, 0.5),
        0 0 25px rgba(196, 69, 105, 0.3);
    transform: translateY(-1px);
}

top loc:hover::before {
    filter: drop-shadow(0 0 5px rgba(255, 182, 193, 0.7));
    transform: scale(1.1);
}

@media (max-width: 480px) {
    top {
        flex-direction: column;
        gap: 8px;
        align-items: flex-start;
    }
    
    top time, top loc {
        font-size: 12px;
    }
}

/* 选中文本样式 */
top time::selection,
top loc::selection {
    background: rgba(255, 182, 193, 0.3);
    color: #fff;
}