/* 全局选中高亮色 - 死神红 */
div[class*="group-[.is-user]:bg-secondary"] ::selection, div[class*="group-[.is-assistant]:bg-card"] ::selection{
background:#ff0033;
color:#ffffff;
}
/* 1. 用户输入气泡整体 (死神风格) */
div[class*="group-[.is-user]:bg-secondary"]{
background-color:#0f0f0f!important;
color:#ffffff!important;
border-radius:0!important;
border:none!important;
border-left:4px solid #ff0033!important;
box-shadow:4px 4px 0px rgba(255,0,51,0.2)!important;
}
/* 用户气泡顶部装饰线 */
div[class*="group-[.is-user]:bg-secondary"] .absolute{
background-color:#ff0033!important;
border-radius:0!important;
}
/* 用户输入文字 */
div[class*="group-[.is-user]:bg-secondary"] .rili-markdown-renderer p{
color:#ffffff!important;
font-weight:500;
letter-spacing:0.5px;
}
/* 2. AI回复气泡整体 (破面/灭却师风格) */
div[class*="group-[.is-assistant]:bg-card"]{
background-color:#f5f5f5!important;
color:#1a1a1a!important;
border-radius:0!important;
border:none!important;
border-right:4px solid #00e5ff!important;
box-shadow:-4px 4px 0px rgba(0,229,255,0.2)!important;
}
/* AI气泡顶部装饰线 */
div[class*="group-[.is-assistant]:bg-card"] .absolute{
background-color:#00e5ff!important;
border-radius:0!important;
}
/* 4. AI回复正文文字 */
div[class*="group-[.is-assistant]:bg-card"] .rili-markdown-renderer p{
color:#1a1a1a!important;
line-height:1.7;
font-weight:500;
}
/* 3. AI回复中<c>标签格式 (鬼道/瀞灵廷机密数据) */
div[class*="group-[.is-assistant]:bg-card"] .rili-markdown-renderer c{
display:block;
background:#111111;
color:#00e5ff;
border:1px solid #333;
border-left:4px solid #00e5ff;
padding:16px;
margin:16px 0;
font-family:monospace;
position:relative;
font-size:13px;
white-space:pre-wrap;
}
div[class*="group-[.is-assistant]:bg-card"] .rili-markdown-renderer c::before{
content:"[ SOUL SOCIETY // KIDO DATA ]";
display:block;
font-size:10px;
color:#888888;
margin-bottom:10px;
letter-spacing:1px;
font-weight:bold;
}
/* 地狱蝶装饰与灵子光效 */
div[class*="group-[.is-assistant]:bg-card"] .rili-markdown-renderer c::after{
content:"";
position:absolute;
top:12px;
right:12px;
width:28px;
height:28px;
background-image:url('https://i.postimg.cc/vZnMQ77C/diyudie1.png');
background-size:contain;
background-repeat:no-repeat;
background-position:center;
filter:drop-shadow(0 0 4px #00e5ff) drop-shadow(0 0 8px #00e5ff);
pointer-events:none;
}
/* 5. 折叠代码特效 (平时状态为酷炫按钮) */
div[class*="group-[.is-assistant]:bg-card"] .rili-markdown-renderer details{
margin:16px 0;
position:relative;
}
div[class*="group-[.is-assistant]:bg-card"] .rili-markdown-renderer details>summary{
background:#0f0f0f;
color:#ffffff;
padding:12px 16px;
cursor:pointer;
font-weight:900;
text-transform:uppercase;
letter-spacing:2px;
list-style:none;
border-left:4px solid #ff0033;
transition:all 0.3s ease;
}
/* 隐藏默认箭头 */
div[class*="group-[.is-assistant]:bg-card"] .rili-markdown-renderer details>summary::-webkit-details-marker{
display:none;
}
div[class*="group-[.is-assistant]:bg-card"] .rili-markdown-renderer details>summary:hover{
background:#ff0033;
color:#ffffff;
border-left-color:#0f0f0f;
}
/* 强制重置关闭状态的动画，确保每次打开都能重新触发 */
div[class*="group-[.is-assistant]:bg-card"] .rili-markdown-renderer details:not([open])>summary{
animation:none!important;
}
div[class*="group-[.is-assistant]:bg-card"] .rili-markdown-renderer details:not([open])>y{
animation:none!important;
opacity:0!important;
display:none!important;
}
/* 定义漫画翻页阴影动画 - 仅作用于 y 标签 */
@keyframes manga-page-turn-shadow{
0%{box-shadow:0px 0px 0px transparent;}
100%{box-shadow:8px 8px 0px #ff0033;}
}
/* 5. 折叠代码特效 (展开状态：details 恢复为普通文档流) */
div[class*="group-[.is-assistant]:bg-card"] .rili-markdown-renderer details[open]{
position:relative;
width:100%;
background:transparent;
border:none;
margin:16px 0;
padding:0;
overflow:visible!important;
}
/* 锁链破框特效 (挂载在 details 上，完美对齐左下角且不被裁剪) */
div[class*="group-[.is-assistant]:bg-card"] .rili-markdown-renderer details[open]::before{
content:"";
position:absolute;
left:-45px;
bottom:-45px;
width:140px;
height:140px;
background-image:url('https://i.postimg.cc/sftsb07w/suolian.png');
background-size:contain;
background-repeat:no-repeat;
background-position:center;
z-index:10;
pointer-events:none;
filter:drop-shadow(3px 3px 4px rgba(0,0,0,0.3));
}
/* 5. 折叠代码特效 (展开状态：y 变成正常展开容器，无滚动条) */
div[class*="group-[.is-assistant]:bg-card"] .rili-markdown-renderer details[open]>y{
display:block;
width:100%;
background-color:#ffffff;
color:#000000;
padding:24px;
border:3px solid #0f0f0f;
margin:0;
box-sizing:border-box;
overflow:visible;
font-family:monospace;
font-size:14px;
white-space:pre-wrap;
word-wrap:break-word;
position:relative;
z-index:2;
animation:manga-page-turn-shadow 0.5s cubic-bezier(0.25,1,0.5,1) forwards;
}