/* ═══════════════════════════════════════════════════ */
/* 落雪剑歌 · 修仙界面美化合集 · 全套整合版 */
/* 正文字体保持原色（黑），美化全在背景与装饰 */
/* ═══════════════════════════════════════════════════ */

/* ─────────────────────────────────────── */
/* 一、顶部栏 · 玄府道台 */
/* ─────────────────────────────────────── */
.sticky.w-full.top-0.flex.items-center{
background:linear-gradient(135deg,#1a3a3d 0%,#2a4a52 35%,#3a5a62 65%,#1a3a3d 100%) !important;
border-bottom:1px solid #d4a849 !important;
box-shadow:0 4px 22px rgba(13,42,46,0.55),inset 0 -1px 0 rgba(212,168,73,0.35) !important;
position:relative !important;
overflow:hidden !important;
}
.sticky.w-full.top-0.flex.items-center::before{
content:'';position:absolute;inset:0;pointer-events:none;
background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100'><circle cx='50' cy='50' r='32' fill='none' stroke='%23d4a849' stroke-width='0.5' opacity='0.25'/><path d='M50 18 L50 82 M18 50 L82 50' stroke='%23d4a849' stroke-width='0.3' opacity='0.2'/></svg>");
background-size:120px 120px;opacity:0.5;
}
.sticky.w-full.top-0.flex.items-center::after{
content:'';position:absolute;top:50%;left:-100%;width:80%;height:1px;
background:linear-gradient(90deg,transparent,#e3c373,transparent);
animation:swordQi 5s infinite linear;pointer-events:none;
}
@keyframes swordQi{0%{left:-100%;}100%{left:200%;}}

/* 模型选择器 · 道蕴 */
#ai-model-selector .group.flex.items-center{
background:linear-gradient(135deg,rgba(212,168,73,0.18),rgba(168,216,212,0.12)) !important;
border:1px solid rgba(212,168,73,0.55) !important;
border-radius:18px !important;
padding:4px 14px !important;
box-shadow:0 0 12px rgba(212,168,73,0.3),inset 0 0 8px rgba(168,216,212,0.12) !important;
transition:all 0.4s !important;
}
#ai-model-selector .group.flex.items-center:hover{
box-shadow:0 0 20px rgba(212,168,73,0.65),inset 0 0 12px rgba(168,216,212,0.22) !important;
transform:translateY(-1px) !important;
}
#ai-model-selector .truncate.text-\[13px\]{
color:#3a2810 !important;
background:linear-gradient(135deg,#e8c97d,#d4a849) !important;
-webkit-background-clip:text !important;
background-clip:text !important;
font-weight:bold !important;
text-shadow:0 0 6px rgba(212,168,73,0.4) !important;
}
#ai-model-selector .shrink-0.flex.items-center svg{
color:#d4a849 !important;
filter:drop-shadow(0 0 3px rgba(212,168,73,0.8));
}

/* 历史记录 · 往世回溯 */
.sticky.w-full.top-0 svg.lucide-clock-8{
color:#a8d8d4 !important;
filter:drop-shadow(0 0 4px rgba(168,216,212,0.7));
transition:all 0.3s;
}
.sticky.w-full.top-0 svg.lucide-clock-8:hover{
color:#e3c373 !important;
transform:rotate(-30deg) scale(1.15);
}
.sticky.w-full.top-0 span.MuiBadge-dot.md\:hidden{
background:radial-gradient(circle,#ff6b4a,#c44536) !important;
box-shadow:0 0 8px #ff6b4a,0 0 14px rgba(196,69,54,0.6) !important;
animation:redPulse 1.5s infinite;
}
@keyframes redPulse{0%,100%{transform:scale(1);}50%{transform:scale(1.3);}}

/* 音乐按钮 · 仙音阁 */
.sticky.w-full.top-0 button.MuiIconButton-root svg.lucide-music-2{
color:#c8a8e0 !important;
filter:drop-shadow(0 0 4px rgba(200,168,224,0.7));
}

/* 移动端设置 · 紫府秘钥 */
.sticky.w-full.top-0 svg:has(use[href="#icon-icon-set"]){
color:#d4a849 !important;
filter:drop-shadow(0 0 4px rgba(212,168,73,0.7));
transition:transform 0.5s;
}
.sticky.w-full.top-0 svg:has(use[href="#icon-icon-set"]):hover{
transform:rotate(180deg);
color:#e8c97d !important;
}

/* 设置按钮 · 紫府 */
#header-setting-button{
background:linear-gradient(135deg,rgba(125,106,143,0.35),rgba(212,168,73,0.22)) !important;
border:1px solid rgba(212,168,73,0.45) !important;
border-radius:50% !important;
transition:all 0.5s !important;
}
#header-setting-button:hover{
box-shadow:0 0 16px rgba(212,168,73,0.65) !important;
transform:rotate(90deg);
}
#header-setting-button svg{
color:#d4a849 !important;
}

/* ─────────────────────────────────────── */
/* 二、开场白选择器 · 序章择幕 */
/* ─────────────────────────────────────── */
div.flex.items-center.h-9.bg-white.rounded-md.cursor-pointer.group[class*="border-gray"]{
background:linear-gradient(135deg,#faf3e3,#f0e5cc) !important;
border:1px solid #b48c46 !important;
box-shadow:0 0 10px rgba(212,168,73,0.3),inset 0 0 6px rgba(255,243,200,0.4) !important;
position:relative !important;
overflow:hidden !important;
}
div.flex.items-center.h-9.bg-white.rounded-md.cursor-pointer.group[class*="border-gray"]::before{
content:'❀';position:absolute;left:-20px;top:50%;transform:translateY(-50%);
color:rgba(180,140,70,0.5);font-size:14px;animation:flowerSlide 6s infinite linear;
pointer-events:none;
}
@keyframes flowerSlide{0%{left:-20px;}100%{left:120%;}}
div.flex.items-center.h-9.cursor-pointer.group svg[data-icon="SlidersH"]{
color:#b48c46 !important;
filter:drop-shadow(0 0 3px rgba(212,168,73,0.6));
}
div.flex.items-center.h-9.cursor-pointer.group svg[data-icon="ChevronDown"]{
color:#5a8090 !important;
animation:floatArrow 2.2s infinite ease-in-out;
}
@keyframes floatArrow{0%,100%{transform:translateY(0);}50%{transform:translateY(3px);}}

/* ─────────────────────────────────────── */
/* 三、按钮栏 · 重命名为修仙术语 */
/* ─────────────────────────────────────── */
#ai-mod-button2{
padding:8px 4px !important;
}
#ai-mod-button2 button.MuiButton-root{
background:linear-gradient(135deg,#1a3a3d,#2a4a52) !important;
border:1px solid #d4a849 !important;
color:#3a2810 !important;
border-radius:14px !important;
box-shadow:0 2px 8px rgba(13,42,46,0.5),inset 0 0 6px rgba(212,168,73,0.18) !important;
font-family:"Ma Shan Zheng","STKaiti","KaiTi","楷体",serif !important;
letter-spacing:2px !important;
font-weight:bold !important;
transition:all 0.4s !important;
position:relative !important;
overflow:hidden !important;
}
#ai-mod-button2 button.MuiButton-root:hover{
background:linear-gradient(135deg,#2a4a52,#3a5a62) !important;
box-shadow:0 4px 14px rgba(212,168,73,0.55),inset 0 0 10px rgba(212,168,73,0.3) !important;
transform:translateY(-2px) !important;
}
#ai-mod-button2 button.MuiButton-root::before{
content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;
background:linear-gradient(90deg,transparent,rgba(227,195,115,0.35),transparent);
transition:left 0.6s;
}
#ai-mod-button2 button.MuiButton-root:hover::before{left:100%;}
#ai-mod-button2 button.MuiButton-root svg{
color:#e3c373 !important;
filter:drop-shadow(0 0 3px rgba(212,168,73,0.7));
}

/* 按钮文字隐藏原文，伪元素重命名 */
#ai-mod-button2 button.MuiButton-root{
font-size:0 !important;
}
#ai-mod-button2 button.MuiButton-root svg{
font-size:14px !important;
margin-right:4px !important;
}
#ai-mod-button2 button.MuiButton-root::after{
font-size:13px !important;
display:inline-block !important;
color:#e8c97d !important;
text-shadow:0 0 4px rgba(212,168,73,0.5) !important;
}
#ai-mod-button2 button.MuiButton-root:nth-of-type(1)::after{content:'玄机';}
#ai-mod-button2 button.MuiButton-root:nth-of-type(2)::after{content:'御剑流光';}
#ai-mod-button2 button.MuiButton-root:nth-of-type(3)::after{content:'灵犀回溯';}
#ai-mod-button2 button.MuiButton-root:nth-of-type(4)::after{content:'秘宝';}
#ai-mod-button2 button.MuiButton-root:nth-of-type(5)::after{content:'道蕴';}
#ai-mod-button2 button.MuiButton-root:nth-of-type(6)::after{content:'仙缘';}

/* ─────────────────────────────────────── */
/* 四、底部聊天输入 · 灵笔丹台 */
/* ─────────────────────────────────────── */
.bg-gradient-to-t{
background:linear-gradient(to top,rgba(26,58,61,0.95),rgba(42,74,82,0.85),transparent) !important;
}
#ai-chat-bottom-input{
background:linear-gradient(135deg,#faf3e3,#f0e5cc) !important;
border:1.5px solid #b48c46 !important;
border-radius:18px !important;
box-shadow:0 4px 20px rgba(120,85,40,0.45),0 0 30px rgba(212,168,73,0.25),inset 0 0 14px rgba(255,243,200,0.5) !important;
position:relative !important;
}
#ai-chat-bottom-input::before{
content:'☯';
position:absolute;top:-14px;left:50%;transform:translateX(-50%);
font-size:20px;color:#d4a849;
text-shadow:0 0 10px rgba(212,168,73,0.9),0 0 18px rgba(180,140,70,0.5);
animation:taijiSpin 8s linear infinite;
pointer-events:none;
}
#ai-chat-bottom-input::after{
content:'';position:absolute;inset:6px;border-radius:14px;pointer-events:none;
background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='60' height='60' viewBox='0 0 60 60'><circle cx='30' cy='30' r='22' fill='none' stroke='%23b48c46' stroke-width='0.3' opacity='0.2'/><path d='M30 8 L30 52 M8 30 L52 30' stroke='%23b48c46' stroke-width='0.25' opacity='0.15'/></svg>");
background-size:80px 80px;opacity:0.6;
}
@keyframes taijiSpin{from{transform:translateX(-50%) rotate(0deg);}to{transform:translateX(-50%) rotate(360deg);}}
#ai-chat-input{
color:#2a1810 !important;
font-family:"Ma Shan Zheng","STKaiti","KaiTi",serif !important;
font-size:15px !important;
letter-spacing:1.5px !important;
position:relative !important;
z-index:2 !important;
}
#ai-chat-input::placeholder{
color:rgba(80,60,30,0.5) !important;
font-style:italic !important;
letter-spacing:2px !important;
}
#ai-chat-input::selection{
background:rgba(212,168,73,0.45) !important;
color:#1a0a05 !important;
}

/* ─────────────────────────────────────── */
/* 五、分页栏 · 卷宗经册 */
/* ─────────────────────────────────────── */
.MuiPaginationItem-root{
background:linear-gradient(135deg,#faf3e3,#f0e5cc) !important;
color:#3a2810 !important;
border:1px solid rgba(180,140,70,0.5) !important;
font-family:"Ma Shan Zheng","STKaiti",serif !important;
font-weight:bold !important;
transition:all 0.3s !important;
}
.MuiPaginationItem-root:hover{
background:linear-gradient(135deg,rgba(227,195,115,0.4),rgba(168,216,212,0.25)) !important;
box-shadow:0 0 10px rgba(212,168,73,0.5) !important;
}
.MuiPaginationItem-root.Mui-selected{
background:linear-gradient(135deg,#d4a849,#e8c97d) !important;
color:#1a0a05 !important;
border-color:#b48c46 !important;
box-shadow:0 0 14px rgba(212,168,73,0.7) !important;
}
.MuiPaginationItem-root.Mui-disabled{opacity:0.4 !important;}
.MuiPaginationItem-icon{
color:#b48c46 !important;
filter:drop-shadow(0 0 3px rgba(212,168,73,0.6));
}
.MuiStack-root.css-1uwir8f .MuiBox-root{
color:#3a2810 !important;
font-family:"Ma Shan Zheng","STKaiti",serif !important;
}
.MuiInputBase-input{
color:#2a1810 !important;
background:rgba(250,243,227,0.7) !important;
border-radius:6px !important;
}

/* ─────────────────────────────────────── */
/* 六、评论区 · 论道堂 */
/* ─────────────────────────────────────── */
div[class*="w-full"][class*="bg-white"][class*="bottom-0"]{
background:linear-gradient(180deg,#1a3a3d 0%,#2a4a52 50%,#1a3a3d 100%) !important;
border-top:1px solid #d4a849 !important;
}
div[class*="w-full"][class*="bg-white"][class*="bottom-0"] div.text-lg.font-bold{
color:#e8c97d !important;
font-family:"Ma Shan Zheng",serif !important;
letter-spacing:3px !important;
text-shadow:0 0 8px rgba(212,168,73,0.5) !important;
font-size:20px !important;
}
div[class*="w-full"][class*="bg-white"][class*="bottom-0"] div.text-lg.font-bold::before{content:'❀ ';color:#a8d8d4;}
div[class*="w-full"][class*="bg-white"][class*="bottom-0"] div.text-lg.font-bold::after{content:' ❀';color:#a8d8d4;}
p.MuiTypography-body1.text-grey-600{
color:#a8d8d4 !important;
font-family:"Ma Shan Zheng",serif !important;
letter-spacing:2px !important;
}
span.MuiRating-iconEmpty svg{color:rgba(168,216,212,0.35) !important;}
span.MuiRating-iconFilled svg{
color:#e8c97d !important;
filter:drop-shadow(0 0 5px rgba(212,168,73,0.85));
}
span.text-orange-500{
color:#e8c97d !important;
font-weight:bold !important;
text-shadow:0 0 4px rgba(212,168,73,0.5) !important;
}
div.flex.flex-col.border-gray-200{
background:rgba(250,243,227,0.92) !important;
border:1px solid #b48c46 !important;
border-radius:12px !important;
box-shadow:inset 0 0 10px rgba(255,243,200,0.4) !important;
}
textarea.rc-textarea{
background:transparent !important;
color:#2a1810 !important;
font-family:"Ma Shan Zheng","STKaiti",serif !important;
}
textarea.rc-textarea::placeholder{color:rgba(80,60,30,0.45) !important;}
div.bg-gray-100.text-gray-500{
background:rgba(26,58,61,0.8) !important;
color:#a8d8d4 !important;
border-radius:8px !important;
}
div.cursor-pointer.group.flex.items-center.justify-center{
background:linear-gradient(135deg,#d4a849,#e8c97d) !important;
border-radius:10px !important;
box-shadow:0 0 12px rgba(212,168,73,0.55) !important;
transition:all 0.3s !important;
}
div.cursor-pointer.group.flex.items-center.justify-center:hover{
transform:scale(1.05);
box-shadow:0 0 18px rgba(212,168,73,0.85) !important;
}
div[data-state="closed"] svg[data-icon="Send03"]{color:#1a0a05 !important;}
div.style_divider__mW0YX{
background:linear-gradient(90deg,transparent,rgba(212,168,73,0.6),transparent) !important;
height:1px !important;
}

/* 排序按钮 */
button.MuiButton-containedPrimary{
background:linear-gradient(135deg,#d4a849,#e8c97d) !important;
color:#1a0a05 !important;
font-family:"Ma Shan Zheng",serif !important;
letter-spacing:2px !important;
border:none !important;
box-shadow:0 0 10px rgba(212,168,73,0.5) !important;
font-weight:bold !important;
}
button.MuiButton-outlinedPrimary{
background:transparent !important;
color:#a8d8d4 !important;
border:1px solid #a8d8d4 !important;
font-family:"Ma Shan Zheng",serif !important;
letter-spacing:2px !important;
}
button.MuiButton-outlinedPrimary:hover{
background:rgba(168,216,212,0.2) !important;
border-color:#e8c97d !important;
color:#e8c97d !important;
}

/* 评论项 */
div.p-3.overflow-y-auto div.group.ml-0{
background:linear-gradient(135deg,rgba(250,243,227,0.95),rgba(240,229,200,0.9)) !important;
border:1px solid rgba(180,140,70,0.35) !important;
border-radius:12px !important;
padding:10px !important;
margin-bottom:10px !important;
box-shadow:0 2px 8px rgba(120,85,40,0.18),inset 0 0 6px rgba(255,243,200,0.5) !important;
transition:all 0.3s !important;
}
div.p-3.overflow-y-auto div.group.ml-0:hover{
border-color:rgba(212,168,73,0.7) !important;
box-shadow:0 4px 14px rgba(212,168,73,0.3) !important;
}
div.group img.rounded-full{
border:2px solid #b48c46 !important;
box-shadow:0 0 8px rgba(212,168,73,0.55) !important;
}
div.text-sm.text-grey-600 span.font-bold{
color:#3a2810 !important;
font-family:"Ma Shan Zheng",serif !important;
letter-spacing:2px !important;
}
span.text-\[10px\]{
background:linear-gradient(135deg,#c44536,#e06b5a) !important;
color:#fff3c8 !important;
padding:1px 6px !important;
border-radius:8px !important;
font-weight:bold !important;
box-shadow:0 0 6px rgba(196,69,54,0.55) !important;
}
div[class*="w-full"][class*="bg-white"][class*="bottom-0"] div.break-all{
color:#1a0a05 !important;
font-family:"STKaiti","KaiTi",serif !important;
line-height:1.85 !important;
letter-spacing:0.8px !important;
}
div.text-xs.text-grey-600{
color:rgba(90,70,40,0.7) !important;
font-style:italic !important;
}
button.text-gray-400{
color:rgba(180,140,70,0.6) !important;
transition:all 0.3s !important;
}
button.text-gray-400:hover{
color:#c44536 !important;
transform:scale(1.15);
}
button.text-gray-400 svg{filter:drop-shadow(0 0 3px currentColor);}
span.cursor-pointer{
color:#3c6e7a !important;
border-bottom:1px dashed rgba(60,110,122,0.5);
transition:all 0.3s !important;
}
span.cursor-pointer:hover{
color:#b48c46 !important;
border-bottom-color:#b48c46;
}
div.ml-8.border-l{
border-left:2px solid rgba(212,168,73,0.45) !important;
padding-left:12px !important;
position:relative !important;
}
div.ml-8.border-l::before{
content:'';position:absolute;left:-4px;top:0;width:6px;height:6px;
border-radius:50%;background:#d4a849;
box-shadow:0 0 6px rgba(212,168,73,0.85);
}

/* ═══════════════════════════════════════════════════ */
/* 七、状态栏主体 · 玉简卷轴（黑字+浅金背景）*/
/* ═══════════════════════════════════════════════════ */
details{
background:linear-gradient(135deg,#f5ede0 0%,#ebe0c8 35%,#f0e5d0 70%,#e8dcc0 100%),url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='80' height='80' viewBox='0 0 80 80'><circle cx='40' cy='40' r='30' fill='none' stroke='%23b48c46' stroke-width='0.4' opacity='0.25'/><circle cx='40' cy='40' r='22' fill='none' stroke='%23b48c46' stroke-width='0.3' opacity='0.2'/><path d='M40 10 L40 70 M10 40 L70 40' stroke='%23b48c46' stroke-width='0.3' opacity='0.15'/><path d='M22 22 L58 58 M58 22 L22 58' stroke='%23b48c46' stroke-width='0.3' opacity='0.15'/></svg>") !important;
background-blend-mode:normal,multiply !important;
background-size:cover,120px 120px !important;
border:1.5px solid rgba(180,140,70,0.5) !important;
border-radius:14px !important;
margin:12px 0 !important;
padding:0 !important;
box-shadow:0 6px 22px rgba(120,85,40,0.2),inset 0 0 18px rgba(255,243,200,0.4),0 0 0 1px rgba(180,140,70,0.2) !important;
position:relative !important;
overflow:hidden !important;
}
details::before{
content:'';position:absolute;top:0;left:0;right:0;height:3px;
background:linear-gradient(90deg,transparent 0%,#b48c46 20%,#e3c373 50%,#b48c46 80%,transparent 100%);
animation:scrollGlow 4s infinite ease-in-out;
}
@keyframes scrollGlow{0%,100%{opacity:0.5;}50%{opacity:1;}}
details::after{
content:'';position:absolute;bottom:0;left:0;right:0;height:2px;
background:linear-gradient(90deg,transparent,#b48c46 30%,#e3c373 50%,#b48c46 70%,transparent);
opacity:0.6;
}

/* summary 标题栏 */
details summary{
padding:14px 20px !important;
font-weight:bold !important;
font-size:16px !important;
letter-spacing:4px !important;
cursor:pointer !important;
list-style:none !important;
position:relative !important;
background:linear-gradient(90deg,rgba(180,140,70,0.2) 0%,rgba(227,195,115,0.1) 50%,rgba(180,140,70,0.15) 100%) !important;
border-bottom:1px solid rgba(180,140,70,0.4) !important;
transition:all 0.4s !important;
font-family:"Ma Shan Zheng","STKaiti","KaiTi","楷体",serif !important;
color:#3a2810 !important;
text-shadow:0 1px 0 rgba(255,243,200,0.6) !important;
}
details summary::-webkit-details-marker{display:none !important;}
details summary::before{
content:'';position:absolute;left:0;top:0;bottom:0;width:4px;
background:linear-gradient(180deg,#b48c46,#e3c373,#b48c46);
box-shadow:0 0 8px rgba(180,140,70,0.6);
}
details summary::after{
content:'❀';position:absolute;right:18px;top:50%;
transform:translateY(-50%);color:#b48c46;font-size:14px;
transition:transform 0.5s;
text-shadow:0 0 6px rgba(227,195,115,0.6);
}
details[open] summary::after{transform:translateY(-50%) rotate(180deg);color:#a06030;}
details summary:hover{
background:linear-gradient(90deg,rgba(180,140,70,0.3),rgba(227,195,115,0.2) 50%,rgba(180,140,70,0.25)) !important;
letter-spacing:5px !important;
}

/* 状态栏内容（黑字）*/
details>*:not(summary){
padding:0 18px !important;
line-height:1.95 !important;
letter-spacing:0.8px !important;
font-family:"STKaiti","KaiTi","Microsoft YaHei",serif !important;
font-size:14px !important;
position:relative !important;
color:#1a0a05 !important;
}
details p{margin:6px 0 !important;color:#1a0a05 !important;}
details strong,details b{
color:#5a3010 !important;
font-weight:bold !important;
text-shadow:0 1px 0 rgba(255,243,200,0.5) !important;
}
details em,details i{
color:#3c6e7a !important;
font-style:italic !important;
}
details ul,details ol{padding-left:26px !important;margin:8px 0 !important;}
details li{
margin:5px 0 !important;
position:relative !important;
list-style:none !important;
padding-left:20px !important;
color:#1a0a05 !important;
}
details li::before{
content:'❖';position:absolute;left:0;color:#b48c46;
font-size:11px;text-shadow:0 0 4px rgba(227,195,115,0.7);
}

/* 内嵌套 details */
details details{
margin:8px 0 !important;
background:linear-gradient(135deg,#faf3e3,#f0e5cc) !important;
border-radius:10px !important;
box-shadow:0 3px 10px rgba(120,85,40,0.12),inset 0 0 8px rgba(255,243,200,0.5) !important;
}
details details summary{
font-size:14px !important;
padding:10px 16px !important;
letter-spacing:3px !important;
}

/* 表格（记忆区）*/
details table{
width:100% !important;
border-collapse:collapse !important;
margin:10px 0 !important;
background:rgba(255,248,225,0.7) !important;
border-radius:8px !important;
overflow:hidden !important;
box-shadow:0 2px 8px rgba(120,85,40,0.15) !important;
}
details table th{
background:linear-gradient(135deg,#c8a55a,#e3c373) !important;
color:#1a0a05 !important;
padding:9px 8px !important;
font-weight:bold !important;
letter-spacing:2px !important;
border:1px solid rgba(180,140,70,0.4) !important;
font-family:"Ma Shan Zheng","STKaiti",serif !important;
}
details table td{
padding:7px 9px !important;
border:1px solid rgba(180,140,70,0.25) !important;
background:rgba(250,243,227,0.75) !important;
color:#1a0a05 !important;
}
details table tr:nth-child(even) td{background:rgba(240,229,200,0.65) !important;}
details table tr:hover td{background:rgba(227,195,115,0.3) !important;}

/* ═══════════════════════════════════════════════════ */
/* 八、NPC专属色环 · 七彩光晕 */
/* ═══════════════════════════════════════════════════ */
details img{
border:3px solid #b48c46 !important;
border-radius:12px !important;
box-shadow:0 0 12px rgba(180,140,70,0.4),0 4px 14px rgba(120,85,40,0.2) !important;
transition:all 0.4s !important;
padding:2px !important;
background:#faf3e3 !important;
}
details img:hover{transform:scale(1.06) rotate(-1deg);}

/* 余寒汐 · 冰蓝仙韵 */
details img.npc-yuhanxi,details img[alt*="余寒汐"]{
border-color:#7ec4d8 !important;
box-shadow:0 0 14px rgba(126,196,216,0.7),0 0 24px rgba(168,216,228,0.4),0 4px 14px rgba(80,140,180,0.25) !important;
animation:auraIce 3.5s infinite ease-in-out;
}
@keyframes auraIce{0%,100%{box-shadow:0 0 14px rgba(126,196,216,0.7),0 0 24px rgba(168,216,228,0.4),0 4px 14px rgba(80,140,180,0.25);}50%{box-shadow:0 0 20px rgba(126,196,216,1),0 0 36px rgba(168,216,228,0.6),0 6px 18px rgba(80,140,180,0.4);}}

/* 姜凌雪 · 深青威严 */
details img.npc-jianglx,details img[alt*="姜凌雪"]{
border-color:#3c6e7a !important;
box-shadow:0 0 14px rgba(60,110,122,0.65),0 0 22px rgba(95,140,150,0.35),0 4px 14px rgba(40,80,90,0.3) !important;
animation:auraDeepCyan 4s infinite ease-in-out;
}
@keyframes auraDeepCyan{0%,100%{box-shadow:0 0 14px rgba(60,110,122,0.65),0 0 22px rgba(95,140,150,0.35),0 4px 14px rgba(40,80,90,0.3);}50%{box-shadow:0 0 20px rgba(60,110,122,0.95),0 0 32px rgba(95,140,150,0.55),0 6px 18px rgba(40,80,90,0.45);}}

/* 冷霜月 · 霜银剑光 */
details img.npc-lengsy,details img[alt*="冷霜月"]{
border-color:#a8b8c8 !important;
box-shadow:0 0 14px rgba(168,184,200,0.7),0 0 22px rgba(200,212,224,0.4),0 4px 14px rgba(120,140,160,0.3) !important;
animation:auraSilver 3s infinite ease-in-out;
}
@keyframes auraSilver{0%,100%{box-shadow:0 0 14px rgba(168,184,200,0.7),0 0 22px rgba(200,212,224,0.4),0 4px 14px rgba(120,140,160,0.3);}50%{box-shadow:0 0 22px rgba(168,184,200,1),0 0 34px rgba(200,212,224,0.65),0 6px 18px rgba(120,140,160,0.45);}}

/* 苏清寒 · 淡墨愁绪 */
details img.npc-suqh,details img[alt*="苏清寒"]{
border-color:#8898a8 !important;
box-shadow:0 0 14px rgba(136,152,168,0.6),0 0 22px rgba(168,184,200,0.35),0 4px 14px rgba(100,116,132,0.3) !important;
animation:auraInk 4s infinite ease-in-out;
}
@keyframes auraInk{0%,100%{box-shadow:0 0 14px rgba(136,152,168,0.6),0 0 22px rgba(168,184,200,0.35),0 4px 14px rgba(100,116,132,0.3);}50%{box-shadow:0 0 20px rgba(136,152,168,0.9),0 0 32px rgba(168,184,200,0.55),0 6px 18px rgba(100,116,132,0.45);}}

/* 江绫仙 · 幽蓝泪痣 */
details img.npc-jianglx2,details img[alt*="江绫仙"]{
border-color:#5a78b8 !important;
box-shadow:0 0 14px rgba(90,120,184,0.7),0 0 24px rgba(130,160,210,0.4),0 4px 14px rgba(60,80,140,0.3) !important;
animation:auraDeepBlue 3.5s infinite ease-in-out;
}
@keyframes auraDeepBlue{0%,100%{box-shadow:0 0 14px rgba(90,120,184,0.7),0 0 24px rgba(130,160,210,0.4),0 4px 14px rgba(60,80,140,0.3);}50%{box-shadow:0 0 22px rgba(90,120,184,1),0 0 36px rgba(130,160,210,0.65),0 6px 18px rgba(60,80,140,0.45);}}

/* 寒汐雪 · 妩媚紫霞 */
details img.npc-hanxx,details img[alt*="寒汐雪"]{
border-color:#b890c8 !important;
box-shadow:0 0 14px rgba(184,144,200,0.7),0 0 24px rgba(214,180,220,0.4),0 4px 14px rgba(140,100,160,0.3) !important;
animation:auraPurple 3.5s infinite ease-in-out;
}
@keyframes auraPurple{0%,100%{box-shadow:0 0 14px rgba(184,144,200,0.7),0 0 24px rgba(214,180,220,0.4),0 4px 14px rgba(140,100,160,0.3);}50%{box-shadow:0 0 22px rgba(184,144,200,1),0 0 36px rgba(214,180,220,0.6),0 6px 18px rgba(140,100,160,0.45);}}

/* 慕容清漓 · 病娇墨绿 */
details img.npc-mrql,details img[alt*="慕容清漓"]{
border-color:#5a8060 !important;
box-shadow:0 0 14px rgba(90,128,96,0.7),0 0 24px rgba(120,160,128,0.4),0 4px 14px rgba(60,90,70,0.3) !important;
animation:auraDarkGreen 4s infinite ease-in-out;
}
@keyframes auraDarkGreen{0%,100%{box-shadow:0 0 14px rgba(90,128,96,0.7),0 0 24px rgba(120,160,128,0.4),0 4px 14px rgba(60,90,70,0.3);}50%{box-shadow:0 0 22px rgba(90,128,96,1),0 0 36px rgba(120,160,128,0.65),0 6px 18px rgba(60,90,70,0.5);}}

/* 林尘 · 反派暗芒 */
details img.npc-linchen,details img[alt*="林尘"]{
border-color:#a04848 !important;
box-shadow:0 0 14px rgba(160,72,72,0.65),0 0 22px rgba(100,40,40,0.5),0 4px 14px rgba(80,30,30,0.4) !important;
animation:auraEvil 2.5s infinite ease-in-out;
filter:brightness(0.92) contrast(1.05);
}
@keyframes auraEvil{0%,100%{box-shadow:0 0 14px rgba(160,72,72,0.65),0 0 22px rgba(100,40,40,0.5),0 4px 14px rgba(80,30,30,0.4);}50%{box-shadow:0 0 24px rgba(180,50,50,0.95),0 0 38px rgba(120,30,30,0.7),0 6px 22px rgba(80,20,20,0.6);}}

/* ═══════════════════════════════════════════════════ */
/* 九、灵气槽 · 好感/悔意/暴露 进度条 */
/* AI输出格式：<progress value="65" max="100"></progress> */
/* 或：<div class="qi-bar"><div class="qi-fill" style="width:65%"></div></div> */
/* ═══════════════════════════════════════════════════ */
details progress{
display:inline-block !important;
width:60% !important;
height:14px !important;
border:1px solid rgba(180,140,70,0.55) !important;
border-radius:8px !important;
overflow:hidden !important;
vertical-align:middle !important;
margin:0 6px !important;
background:linear-gradient(180deg,rgba(220,200,160,0.6),rgba(200,176,128,0.5)) !important;
box-shadow:inset 0 1px 4px rgba(120,85,40,0.3) !important;
}
details progress::-webkit-progress-bar{background:transparent !important;border-radius:8px !important;}
details progress::-webkit-progress-value{
background:linear-gradient(90deg,#f0c060,#e3a049 30%,#d4a849 60%,#e8c97d) !important;
border-radius:8px !important;
box-shadow:0 0 10px rgba(212,168,73,0.8),inset 0 1px 0 rgba(255,243,200,0.6) !important;
}
details progress::-moz-progress-bar{
background:linear-gradient(90deg,#f0c060,#e3a049 30%,#d4a849 60%,#e8c97d) !important;
border-radius:8px !important;
}

.qi-bar{
display:inline-block !important;
width:60% !important;
height:14px !important;
background:linear-gradient(180deg,rgba(220,200,160,0.6),rgba(200,176,128,0.5)) !important;
border-radius:8px !important;
border:1px solid rgba(180,140,70,0.55) !important;
box-shadow:inset 0 1px 4px rgba(120,85,40,0.3) !important;
overflow:hidden !important;
position:relative !important;
vertical-align:middle !important;
margin:0 6px !important;
}
.qi-fill,.qi-bar>div{
height:100% !important;
background:linear-gradient(90deg,#ffd080 0%,#f0a850 25%,#e8b870 50%,#d4a849 75%,#f5d090 100%) !important;
border-radius:8px !important;
box-shadow:0 0 10px rgba(232,184,112,0.7),inset 0 1px 0 rgba(255,243,200,0.6) !important;
position:relative !important;
transition:width 0.8s ease !important;
overflow:hidden !important;
}
.qi-fill::after,.qi-bar>div::after{
content:'';position:absolute;top:0;left:0;right:0;bottom:0;
background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,0.4) 50%,transparent 100%);
animation:qiFlow 2.5s infinite linear;
}
@keyframes qiFlow{0%{transform:translateX(-100%);}100%{transform:translateX(100%);}}

.qi-bar.regret>div,.regret>div{
background:linear-gradient(90deg,#e8a8a8 0%,#d06060 30%,#c04848 60%,#e07878 100%) !important;
box-shadow:0 0 10px rgba(208,96,96,0.7),inset 0 1px 0 rgba(255,200,200,0.5) !important;
}
.qi-bar.expose>div,.expose>div{
background:linear-gradient(90deg,#c8a8d8 0%,#9060b0 30%,#704890 60%,#b890c8 100%) !important;
box-shadow:0 0 10px rgba(144,96,176,0.7),inset 0 1px 0 rgba(220,200,235,0.5) !important;
}

/* ═══════════════════════════════════════════════════ */
/* 十、林尘 evil-aura · 反派降临特效 */
/* AI输出：<div class="evil-aura">...</div> */
/* ═══════════════════════════════════════════════════ */
.evil-aura{
background:linear-gradient(135deg,#3a1818 0%,#5a2828 30%,#3a1818 60%,#2a1010 100%) !important;
border:2px solid #a04040 !important;
border-radius:14px !important;
padding:14px 18px !important;
margin:10px 0 !important;
position:relative !important;
overflow:hidden !important;
box-shadow:0 0 22px rgba(160,40,40,0.6),inset 0 0 30px rgba(80,20,20,0.5),0 0 0 1px rgba(200,80,80,0.4) !important;
animation:evilPulse 2s infinite ease-in-out;
}
@keyframes evilPulse{0%,100%{box-shadow:0 0 22px rgba(160,40,40,0.6),inset 0 0 30px rgba(80,20,20,0.5),0 0 0 1px rgba(200,80,80,0.4);}50%{box-shadow:0 0 38px rgba(200,50,50,0.9),inset 0 0 50px rgba(120,30,30,0.7),0 0 0 1px rgba(240,100,100,0.6);}}
.evil-aura::before{
content:'';position:absolute;inset:0;pointer-events:none;
background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='120' height='120' viewBox='0 0 120 120'><path d='M60 10 L60 110 M10 60 L110 60' stroke='%23c04040' stroke-width='0.6' opacity='0.3'/><circle cx='60' cy='60' r='40' fill='none' stroke='%23a02020' stroke-width='0.5' opacity='0.35'/><circle cx='60' cy='60' r='28' fill='none' stroke='%23a02020' stroke-width='0.4' opacity='0.3'/><path d='M32 32 L88 88 M88 32 L32 88' stroke='%23c04040' stroke-width='0.5' opacity='0.25'/></svg>");
background-size:130px 130px;
animation:evilRune 18s infinite linear;
}
@keyframes evilRune{0%{background-position:0 0;}100%{background-position:130px 130px;}}
.evil-aura::after{
content:'☠';position:absolute;top:8px;right:12px;
color:#e08080;font-size:20px;
text-shadow:0 0 10px rgba(224,128,128,0.9),0 0 18px rgba(200,60,60,0.6);
animation:evilSkull 3s infinite ease-in-out;
}
@keyframes evilSkull{0%,100%{opacity:0.6;transform:scale(1);}50%{opacity:1;transform:scale(1.15);}}
.evil-aura *{
color:#3a0a0a !important;
text-shadow:0 0 4px rgba(255,180,180,0.6),0 1px 2px rgba(255,220,220,0.4) !important;
position:relative !important;
}
.evil-aura strong,.evil-aura b{
color:#6a1010 !important;
text-shadow:0 0 6px rgba(255,160,160,0.8) !important;
}
.evil-aura p,.evil-aura li,.evil-aura td{
background:rgba(255,230,230,0.85) !important;
border-radius:6px !important;
padding:4px 8px !important;
margin:4px 0 !important;
}

/* ═══════════════════════════════════════════════════ */
/* 十一、思考动画 · 太极旋转 + 灵气流转 */
/* AI输出：<div class="thinking-aura">推演天机中...</div> */
/* ═══════════════════════════════════════════════════ */
.MuiCircularProgress-root{
color:#b48c46 !important;
filter:drop-shadow(0 0 8px rgba(227,195,115,0.7)) drop-shadow(0 0 14px rgba(180,140,70,0.4)) !important;
animation-duration:1.4s !important;
}

[class*="loading"]::after,[class*="Loading"]::after{
content:'☯';
display:inline-block;
color:#b48c46;
font-size:18px;
margin-left:8px;
animation:taijiThinking 1.6s linear infinite;
text-shadow:0 0 10px rgba(227,195,115,0.9),0 0 18px rgba(180,140,70,0.5);
}
@keyframes taijiThinking{0%{transform:rotate(0deg) scale(1);}50%{transform:rotate(180deg) scale(1.15);}100%{transform:rotate(360deg) scale(1);}}

.thinking-aura{
display:inline-block !important;
padding:8px 18px 8px 38px !important;
background:linear-gradient(135deg,#faf3e3,#f0e5cc) !important;
border:1px solid #b48c46 !important;
border-radius:18px !important;
position:relative !important;
font-family:"Ma Shan Zheng","STKaiti",serif !important;
letter-spacing:2px !important;
color:#3a2810 !important;
box-shadow:0 0 12px rgba(227,195,115,0.4),inset 0 0 8px rgba(255,243,200,0.5) !important;
overflow:hidden !important;
}
.thinking-aura::before{
content:'☯';
position:absolute;left:12px;top:50%;
transform:translateY(-50%);
color:#b48c46;font-size:16px;
animation:taijiThinking 1.5s linear infinite;
text-shadow:0 0 8px rgba(227,195,115,0.8);
}
.thinking-aura::after{
content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;
background:linear-gradient(90deg,transparent,rgba(227,195,115,0.5),transparent);
animation:thinkingSweep 2.2s infinite linear;
pointer-events:none;
}
@keyframes thinkingSweep{0%{left:-100%;}100%{left:200%;}}

/* ═══════════════════════════════════════════════════ */
/* 十二、聊天框正文边缘 · 符箓飘纹（不遮挡文字）*/
/* AI输出正文时可包裹：<div class="sect-content">正文</div> */
/* ═══════════════════════════════════════════════════ */
.sect-content,.text-content{
position:relative !important;
padding:18px 22px !important;
margin:10px 0 !important;
background:linear-gradient(135deg,#faf6ea,#f0e8d2),url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='60' height='60' viewBox='0 0 60 60'><circle cx='30' cy='30' r='22' fill='none' stroke='%23b48c46' stroke-width='0.3' opacity='0.18'/><path d='M30 8 L30 52 M8 30 L52 30' stroke='%23b48c46' stroke-width='0.25' opacity='0.15'/></svg>") !important;
background-blend-mode:normal,multiply !important;
background-size:cover,80px 80px !important;
border-radius:14px !important;
border:1px solid rgba(180,140,70,0.4) !important;
box-shadow:0 4px 18px rgba(120,85,40,0.18),inset 0 0 16px rgba(255,243,200,0.45) !important;
color:#1a0a05 !important;
line-height:1.95 !important;
}
.sect-content::before,.text-content::before{
content:'';position:absolute;top:-2px;left:14px;right:14px;height:3px;
background:linear-gradient(90deg,transparent,#b48c46,#e3c373,#b48c46,transparent);
opacity:0.7;border-radius:2px;
}
.sect-content::after,.text-content::after{
content:'';position:absolute;bottom:-2px;left:14px;right:14px;height:3px;
background:linear-gradient(90deg,transparent,#b48c46,#e3c373,#b48c46,transparent);
opacity:0.7;border-radius:2px;
}

/* 正文角落小符箓装饰 */
.sect-content>span.rune-corner,.text-content>span.rune-corner{
position:absolute;width:18px;height:18px;
background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'><circle cx='10' cy='10' r='8' fill='none' stroke='%23b48c46' stroke-width='0.8'/><path d='M10 2 L10 18 M2 10 L18 10' stroke='%23b48c46' stroke-width='0.6'/></svg>");
opacity:0.4;
}

/* ═══════════════════════════════════════════════════ */
/* 十三、滚动条 · 飞剑游丝 */
/* ═══════════════════════════════════════════════════ */
details::-webkit-scrollbar,.evil-aura::-webkit-scrollbar{
width:8px !important;height:8px !important;
}
details::-webkit-scrollbar-track{
background:rgba(180,140,70,0.1) !important;border-radius:4px !important;
}
details::-webkit-scrollbar-thumb{
background:linear-gradient(180deg,#c8a55a,#e3c373) !important;
border-radius:4px !important;
box-shadow:0 0 6px rgba(180,140,70,0.5) !important;
}
details::-webkit-scrollbar-thumb:hover{
background:linear-gradient(180deg,#b48c46,#d4a849) !important;
}