/* ═══════════════════════════════════════════════════════
   ⚔️ 战争艺术：耀星 - 战术HUD界面 v2.0 (Rili适配版)
   清晰可见 · 浅色基调 · 复杂纹路 · 雷达扫描
   ═══════════════════════════════════════════════════════ */

@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@400;700&family=Oswald:wght@500;700&display=swap');

/* ===== 动画定义 ===== */
@keyframes radarScan{
0%{transform:rotate(0deg)}
100%{transform:rotate(360deg)}
}
@keyframes radarPulse{
0%,100%{box-shadow:0 0 0 0 rgba(201,48,44,.5),inset 0 0 20px rgba(201,48,44,.15)}
50%{box-shadow:0 0 0 12px rgba(201,48,44,0),inset 0 0 30px rgba(201,48,44,.3)}
}
@keyframes fadeInContent{
from{opacity:0;transform:translateY(-8px)}
to{opacity:1;transform:translateY(0)}
}
@keyframes textRotate{
0%,29.99%{content:'◇ 战术沙盘部署中，6支班组动态推演...'}
30%,59.99%{content:'◆ 推荐3-4记忆，烈度高时可启用思维链MOD'}
60%,100%{content:'◈ 战场静谧，听力等级影响信息密度'}
}
@keyframes redGlow{
0%,100%{text-shadow:0 0 4px rgba(201,48,44,.5),0 0 10px rgba(201,48,44,.25)}
50%{text-shadow:0 0 8px rgba(201,48,44,.8),0 0 18px rgba(201,48,44,.45)}
}
@keyframes thinkPulse{
0%,100%{opacity:.85;transform:scale(1)}
50%{opacity:1;transform:scale(1.005)}
}
@keyframes cornerGlow{
0%,100%{opacity:.55}
50%{opacity:1}
}
@keyframes scanlineSweep{
0%{transform:translateX(-100%)}
100%{transform:translateX(100%)}
}
@keyframes blipPing{
0%{transform:scale(.8);opacity:1}
100%{transform:scale(2.2);opacity:0}
}
@keyframes particleSystem{
0%{box-shadow:0 0 0 0 transparent,0 0 0 0 transparent,0 0 0 0 transparent}
10%{box-shadow:-10px 0 6px 2px rgba(232,145,0,.8),-5px -4px 4px 1px rgba(255,255,255,.6),-8px 5px 3px 1px rgba(201,48,44,.7)}
50%{box-shadow:80px -3px 6px 2px rgba(232,145,0,.6),70px 2px 4px 1px rgba(255,255,255,.5),90px -5px 3px 1px rgba(201,48,44,.5)}
90%{box-shadow:150px 2px 6px 2px rgba(232,145,0,.3),145px -3px 4px 1px rgba(255,255,255,.2),155px 4px 3px 1px rgba(201,48,44,.2)}
100%{box-shadow:180px 0 0 0 transparent,175px 0 0 0 transparent,185px 0 0 0 transparent}
}

/* ===== 基础字体 ===== */
body,*{
font-family:'Noto Serif SC','Oswald','宋体',sans-serif !important;
letter-spacing:1.2px !important;
box-sizing:border-box !important;
}

/* 
 * =============================================================
 * 📜 AI回复主容器 - 战术报告外框
 * B平台选择器: .is-assistant 下的气泡容器
 * =============================================================
 */
.group.is-assistant > .is-user\:dark{
position:relative !important;
background:linear-gradient(135deg,#F5F3EC 0%,#EAE8DF 100%) !important;
border:2px solid #C9302C !important;
box-shadow:0 4px 25px rgba(0,0,0,.1),0 0 18px rgba(201,48,44,.15) inset !important;
border-radius:8px !important;
padding:24px 28px !important;
overflow:visible !important;
margin-top:1.5em !important;
color:#2A2A2A !important;
z-index:1 !important;
}

/* 右上角·军用切角装饰 */
.group.is-assistant > .is-user\:dark::before{
content:'';
position:absolute;
top:8px;right:8px;
width:36px;height:36px;
background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='36' height='36' viewBox='0 0 36 36'%3E%3Cpath d='M36 0 L36 36 L26 36 L26 10 L10 10 L10 26 L0 26' stroke='%23C9302C' stroke-width='2.5' fill='none'/%3E%3Ccircle cx='30' cy='6' r='2' fill='%23C9302C'/%3E%3C/svg%3E");
background-size:contain;
background-repeat:no-repeat;
opacity:.85;
z-index:10;
animation:cornerGlow 3s ease-in-out infinite;
}

/* 左下角·军用切角装饰 */
.group.is-assistant > .is-user\:dark::after{
content:'';
position:absolute;
bottom:8px;left:8px;
width:36px;height:36px;
background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='36' height='36' viewBox='0 0 36 36'%3E%3Cpath d='M0 36 L0 0 L10 0 L10 26 L26 26 L26 10 L36 10' stroke='%23C9302C' stroke-width='2.5' fill='none'/%3E%3Ccircle cx='6' cy='30' r='2' fill='%23C9302C'/%3E%3C/svg%3E");
background-size:contain;
background-repeat:no-repeat;
opacity:.85;
z-index:10;
animation:cornerGlow 3s ease-in-out infinite .5s;
}

.group.is-assistant > .is-user\:dark > *{
position:relative;
z-index:3 !important;
color:#2A2A2A !important;
overflow-wrap:break-word !important;
word-break:break-word !important;
}

/* 正文文字 */
.group.is-assistant .rili-markdown-renderer p,
.group.is-assistant .rili-markdown-renderer td,
.group.is-assistant .rili-markdown-renderer li{
font-size:1.02em !important;
line-height:1.9 !important;
text-align:justify !important;
color:#2A2A2A !important;
}
.group.is-assistant .rili-markdown-renderer strong,
.group.is-assistant .rili-markdown-renderer b{
color:#C9302C !important;
font-weight:900 !important;
}

/* 标题 */
.group.is-assistant .rili-markdown-renderer h1,
.group.is-assistant .rili-markdown-renderer h2,
.group.is-assistant .rili-markdown-renderer h3{
font-size:1.4em !important;
letter-spacing:3px !important;
color:#C9302C !important;
border-bottom:2px solid #E89100 !important;
text-shadow:1px 1px 2px rgba(232,145,0,.3) !important;
padding-bottom:12px;
margin:24px 0 18px !important;
font-weight:700 !important;
animation:redGlow 3s ease-in-out infinite alternate;
}
.group.is-assistant .rili-markdown-renderer h1::before,
.group.is-assistant .rili-markdown-renderer h2::before,
.group.is-assistant .rili-markdown-renderer h3::before{
content:'◤';
margin-right:10px;
color:#E89100;
font-size:.8em;
}

/* 
 * =============================================================
 * 🎯 加载动画 - 雷达扫描
 * B平台加载动画选择器
 * =============================================================
 */
.flex.gap-2.w-full.h-full.items-center.justify-center{
width:340px !important;
height:340px !important;
padding:0 !important;
background:transparent !important;
border:none !important;
box-shadow:none !important;
position:relative !important;
overflow:visible !important;
margin:2em auto !important;
display:flex !important;
flex-direction:column !important;
align-items:center !important;
justify-content:flex-start !important;
}
.flex.gap-2.w-full.h-full.items-center.justify-center::before{
content:'' !important;
width:280px !important;
height:280px !important;
position:relative !important;
border-radius:50% !important;
background:
radial-gradient(circle at center,rgba(0,0,0,.85) 0%,rgba(20,30,20,.95) 100%),
url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='280' height='280' viewBox='0 0 280 280'%3E%3Cdefs%3E%3CradialGradient id='sweep' cx='50%25' cy='50%25' r='50%25'%3E%3Cstop offset='0%25' stop-color='%23C9302C' stop-opacity='.85'/%3E%3Cstop offset='100%25' stop-color='%23C9302C' stop-opacity='0'/%3E%3C/radialGradient%3E%3C/defs%3E%3Ccircle cx='140' cy='140' r='130' stroke='%23E89100' stroke-width='2' fill='none' opacity='.6'/%3E%3Ccircle cx='140' cy='140' r='95' stroke='%23E89100' stroke-width='1' fill='none' opacity='.45'/%3E%3Ccircle cx='140' cy='140' r='60' stroke='%23E89100' stroke-width='1' fill='none' opacity='.45'/%3E%3Ccircle cx='140' cy='140' r='25' stroke='%23E89100' stroke-width='1' fill='none' opacity='.45'/%3E%3Cline x1='10' y1='140' x2='270' y2='140' stroke='%23E89100' stroke-width='1' opacity='.35'/%3E%3Cline x1='140' y1='10' x2='140' y2='270' stroke='%23E89100' stroke-width='1' opacity='.35'/%3E%3Cline x1='30' y1='30' x2='250' y2='250' stroke='%23E89100' stroke-width='1' opacity='.25'/%3E%3Cline x1='250' y1='30' x2='30' y2='250' stroke='%23E89100' stroke-width='1' opacity='.25'/%3E%3Ccircle cx='195' cy='110' r='3' fill='%23F5D76E'/%3E%3Ccircle cx='80' cy='180' r='2.5' fill='%23F5D76E'/%3E%3Ccircle cx='160' cy='75' r='2' fill='%23F5D76E'/%3E%3Ccircle cx='220' cy='190' r='3' fill='%23C9302C'/%3E%3C/svg%3E");
background-size:cover !important;
background-repeat:no-repeat !important;
background-position:center !important;
border:3px solid #C9302C !important;
box-shadow:0 0 30px rgba(201,48,44,.4),inset 0 0 30px rgba(201,48,44,.2) !important;
animation:radarPulse 2s ease-in-out infinite !important;
flex-shrink:0 !important;
}
.flex.gap-2.w-full.h-full.items-center.justify-center::after{
content:'◇ 战术沙盘部署中，6支班组动态推演...';
position:relative !important;
margin-top:16px !important;
font-size:.92em !important;
color:#2A2A2A !important;
background:linear-gradient(135deg,#F5F3EC 0%,#EAE8DF 100%) !important;
padding:10px 20px !important;
border-radius:6px !important;
border:1px solid #C9302C !important;
border-left:4px solid #C9302C !important;
box-shadow:0 2px 10px rgba(0,0,0,.1) !important;
z-index:5 !important;
animation:textRotate 9s steps(1,end) infinite !important;
font-weight:600;
letter-spacing:2px;
}
.flex.gap-2.w-full.h-full.items-center.justify-center > *{display:none !important}

/* 
 * =============================================================
 * 📊 顶部状态栏 topbar - HUD横条
 * =============================================================
 */
.group.is-assistant .rili-markdown-renderer topbar{
display:block;
background:linear-gradient(90deg,#1a1a1a 0%,#2A1818 50%,#1a1a1a 100%);
border:2px solid #C9302C;
border-left:5px solid #E89100;
border-radius:6px;
padding:14px 22px;
margin:14px 0 18px;
color:#F5F3EC;
font-family:'Oswald','Noto Serif SC',monospace !important;
font-size:1em;
letter-spacing:2px;
font-weight:700;
box-shadow:0 4px 20px rgba(201,48,44,.2),inset 0 1px 0 rgba(255,255,255,.08);
position:relative;
overflow:hidden;
}
.group.is-assistant .rili-markdown-renderer topbar::before{
content:"";
position:absolute;top:0;left:0;right:0;height:1px;
background:linear-gradient(90deg,transparent,#C9302C 30%,#E89100 70%,transparent);
animation:scanlineSweep 4s linear infinite;
}
.group.is-assistant .rili-markdown-renderer topbar::after{
content:'';
position:absolute;
top:50%;right:14px;
transform:translateY(-50%);
width:10px;height:10px;
background:#5cb85c;
border-radius:50%;
box-shadow:0 0 12px #5cb85c;
animation:blipPing 2s ease-out infinite;
}

/* 正文 text */
.group.is-assistant .rili-markdown-renderer text{
display:block;
position:relative;
background:linear-gradient(180deg,#FFFEFA 0%,#FAF8F2 100%);
border:2px solid #C9A030;
border-left:5px solid #C9302C;
border-radius:6px;
padding:24px 28px !important;
margin:18px 0;
color:#2A2A2A !important;
line-height:1.95 !important;
font-size:1.04em !important;
text-align:justify;
box-shadow:0 4px 18px rgba(0,0,0,.06),inset 0 0 12px rgba(201,160,48,.05);
}
.group.is-assistant .rili-markdown-renderer text::before{
content:"// FIELD REPORT · 战场报告";
position:absolute;
top:-11px;left:18px;
background:#C9302C;
color:#fff;
padding:2px 12px;
font-size:10px;
letter-spacing:3px;
font-weight:700;
border-radius:3px;
box-shadow:0 2px 6px rgba(201,48,44,.4);
}
.group.is-assistant .rili-markdown-renderer text::after{
content:'';
position:absolute;
bottom:6px;right:6px;
width:22px;height:22px;
background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 22 22'%3E%3Cpath d='M22 22 L22 0 L18 0 L18 18 L0 18' stroke='%23C9302C' stroke-width='1.8' fill='none'/%3E%3C/svg%3E");
background-size:contain;
opacity:.5;
}
.group.is-assistant .rili-markdown-renderer text p{margin-bottom:1.2em !important}
.group.is-assistant .rili-markdown-renderer text strong{
color:#C9302C !important;
font-weight:700 !important;
padding:0 3px;
background:rgba(245,215,110,.2);
border-radius:2px;
}

/* 
 * =============================================================
 * 🎴 通用 details 面板
 * =============================================================
 */
.group.is-assistant .rili-markdown-renderer details{
background:linear-gradient(90deg,
rgba(201,48,44,.12) 0%,
rgba(232,145,0,.06) 30%,
rgba(255,254,250,.95) 100%) !important;
border:1px solid rgba(201,48,44,.35) !important;
border-left:4px solid #C9302C !important;
outline:none !important;
margin:12px 0 !important;
padding:0 !important;
position:relative !important;
z-index:4 !important;
overflow:hidden !important;
border-radius:0 6px 6px 0 !important;
transition:all .4s cubic-bezier(.25,.46,.45,.94);
box-shadow:0 4px 15px rgba(0,0,0,.08);
}
.group.is-assistant .rili-markdown-renderer details[open]{transform:translateY(-2px)}
.group.is-assistant .rili-markdown-renderer details:hover{
border-left-color:#E89100 !important;
box-shadow:0 0 15px rgba(232,145,0,.25),0 0 30px rgba(245,215,110,.1);
transform:translateX(3px);
}
.group.is-assistant .rili-markdown-renderer details[open]:hover{transform:translateY(-2px) translateX(3px)}

/* Summary 通用 */
.group.is-assistant .rili-markdown-renderer summary{
font-size:1.05em !important;
letter-spacing:2px !important;
padding:14px 25px 14px 56px !important;
cursor:pointer !important;
font-weight:700 !important;
outline:none !important;
list-style:none;
position:relative;
transition:all .3s ease;
z-index:5 !important;
background:linear-gradient(90deg,rgba(201,48,44,.18) 0%,rgba(232,145,0,.08) 50%,transparent 100%) !important;
color:#2A2A2A !important;
border-bottom:1px solid transparent;
display:flex !important;
align-items:center !important;
}
.group.is-assistant .rili-markdown-renderer details[open] > summary{
border-bottom-color:rgba(201,48,44,.3);
background:linear-gradient(90deg,rgba(201,48,44,.22) 0%,rgba(232,145,0,.1) 50%,transparent 100%) !important;
}
.group.is-assistant .rili-markdown-renderer summary:hover{
background:linear-gradient(90deg,rgba(232,145,0,.22) 0%,transparent 100%) !important;
color:#C9302C !important;
}
.group.is-assistant .rili-markdown-renderer summary::-webkit-details-marker{display:none}
.group.is-assistant .rili-markdown-renderer summary::marker{content:""}

/* 军用印章图标 - 默认 */
.group.is-assistant .rili-markdown-renderer summary::before{
content:'☰' !important;
position:absolute;
left:14px;
top:50%;
transform:translateY(-50%);
font-family:'Oswald','Noto Serif SC',sans-serif !important;
font-size:1em !important;
color:#fff !important;
background:linear-gradient(135deg,#3a3a3a 0%,#1a1a1a 100%) !important;
width:30px;height:30px;
display:flex;
align-items:center;
justify-content:center;
border-radius:4px;
font-weight:700 !important;
box-shadow:0 2px 6px rgba(0,0,0,.3),inset 0 1px 0 rgba(255,255,255,.1);
transition:all .3s ease;
letter-spacing:0 !important;
border:1px solid #C9302C;
}
.group.is-assistant .rili-markdown-renderer details:hover > summary::before{
background:linear-gradient(135deg,#E89100 0%,#C9302C 100%) !important;
box-shadow:0 0 12px rgba(232,145,0,.6);
}
.group.is-assistant .rili-markdown-renderer details[open] > summary::before{
content:'◉' !important;
background:linear-gradient(135deg,#C9302C 0%,#8b1a17 100%) !important;
}

/* details 内容区域 */
.group.is-assistant .rili-markdown-renderer details > div,
.group.is-assistant .rili-markdown-renderer details[open] > *:not(summary):not(div){
padding:16px 25px !important;
background:linear-gradient(180deg,
rgba(255,254,250,.98) 0%,
rgba(248,245,235,1) 100%) !important;
border:none !important;
margin-top:0 !important;
color:#2A2A2A !important;
z-index:4 !important;
position:relative;
animation:fadeInContent .4s cubic-bezier(.4,0,.2,1);
}

/* 
 * =============================================================
 * 🎯 当前状态 (status) - 紫红主题
 * =============================================================
 */
.group.is-assistant .rili-markdown-renderer details.status{
border-left-color:#C9302C !important;
background:linear-gradient(90deg,rgba(201,48,44,.15) 0%,rgba(232,145,0,.06) 30%,rgba(255,254,250,.95) 100%) !important;
}
.group.is-assistant .rili-markdown-renderer details.status > summary::before{
content:'⚕' !important;
background:linear-gradient(135deg,#C9302C 0%,#8b1a17 100%) !important;
color:#fff !important;
}

/* 
 * =============================================================
 * 🔊 声学情报 (audio) - 蓝色雷达主题
 * =============================================================
 */
.group.is-assistant .rili-markdown-renderer details.audio{
border-left-color:#4A90D9 !important;
background:linear-gradient(90deg,rgba(74,144,217,.15) 0%,rgba(110,180,230,.06) 30%,rgba(255,254,250,.95) 100%) !important;
}
.group.is-assistant .rili-markdown-renderer details.audio > summary{
background:linear-gradient(90deg,rgba(74,144,217,.18) 0%,rgba(110,180,230,.08) 50%,transparent 100%) !important;
}
.group.is-assistant .rili-markdown-renderer details.audio > summary::before{
content:'◉' !important;
background:linear-gradient(135deg,#4A90D9 0%,#2A6FB4 100%) !important;
color:#fff !important;
}
.group.is-assistant .rili-markdown-renderer details.audio:hover{
border-left-color:#5AAEFA !important;
box-shadow:0 0 15px rgba(90,174,250,.25);
}
.group.is-assistant .rili-markdown-renderer details.audio:hover > summary{
background:linear-gradient(90deg,rgba(74,144,217,.28) 0%,transparent 100%) !important;
color:#2A6FB4 !important;
}
.group.is-assistant .rili-markdown-renderer details.audio > div{
background:linear-gradient(180deg,rgba(245,250,255,.98) 0%,rgba(230,242,252,1) 100%) !important;
}

/* 声学情报条目·扇形雷达图标 */
.group.is-assistant .rili-markdown-renderer details.audio > div p,
.group.is-assistant .rili-markdown-renderer details.audio > div{
position:relative;
}
.group.is-assistant .rili-markdown-renderer details.audio > div p{
padding:8px 12px 8px 32px !important;
margin:5px 0 !important;
background:rgba(255,255,255,.55);
border-left:2px solid #4A90D9;
border-radius:0 4px 4px 0;
}
.group.is-assistant .rili-markdown-renderer details.audio > div p::before{
content:'⟪';
position:absolute;
left:10px;
color:#4A90D9;
font-weight:700;
}

/* 
 * =============================================================
 * 📻 队内频道 (team) - 绿色电台主题
 * =============================================================
 */
.group.is-assistant .rili-markdown-renderer details.team{
border-left-color:#00B894 !important;
background:linear-gradient(90deg,rgba(0,184,148,.15) 0%,rgba(70,210,180,.06) 30%,rgba(255,254,250,.95) 100%) !important;
}
.group.is-assistant .rili-markdown-renderer details.team > summary{
background:linear-gradient(90deg,rgba(0,184,148,.18) 0%,rgba(70,210,180,.08) 50%,transparent 100%) !important;
}
.group.is-assistant .rili-markdown-renderer details.team > summary::before{
content:'📡' !important;
background:linear-gradient(135deg,#00B894 0%,#008870 100%) !important;
color:#fff !important;
}
.group.is-assistant .rili-markdown-renderer details.team:hover{
border-left-color:#1ED9AC !important;
box-shadow:0 0 15px rgba(30,217,172,.25);
}
.group.is-assistant .rili-markdown-renderer details.team:hover > summary{
background:linear-gradient(90deg,rgba(0,184,148,.28) 0%,transparent 100%) !important;
color:#008870 !important;
}
.group.is-assistant .rili-markdown-renderer details.team > div{
background:linear-gradient(180deg,rgba(245,255,250,.98) 0%,rgba(225,250,240,1) 100%) !important;
font-family:'Oswald','Noto Serif SC',monospace !important;
}

/* 
 * =============================================================
 * 📔 记忆区 (memory) - 琥珀档案主题
 * =============================================================
 */
.group.is-assistant .rili-markdown-renderer details.memory{
border-left-color:#E89100 !important;
background:linear-gradient(90deg,rgba(232,145,0,.15) 0%,rgba(245,215,110,.08) 30%,rgba(255,254,250,.95) 100%) !important;
}
.group.is-assistant .rili-markdown-renderer details.memory > summary{
background:linear-gradient(90deg,rgba(232,145,0,.18) 0%,rgba(245,215,110,.1) 50%,transparent 100%) !important;
}
.group.is-assistant .rili-markdown-renderer details.memory > summary::before{
content:'卷' !important;
font-family:'Noto Serif SC',serif !important;
background:linear-gradient(135deg,#E89100 0%,#B86F00 100%) !important;
color:#fff !important;
}

/* 嵌套记忆条目 */
.group.is-assistant .rili-markdown-renderer details.memory details{
margin:8px 14px !important;
background:linear-gradient(90deg,rgba(232,145,0,.08) 0%,rgba(255,255,255,.5) 100%) !important;
border-left-width:3px !important;
}
.group.is-assistant .rili-markdown-renderer details.memory details > summary{
font-size:.92em !important;
padding:10px 18px 10px 44px !important;
background:linear-gradient(90deg,rgba(232,145,0,.1) 0%,transparent 100%) !important;
}
.group.is-assistant .rili-markdown-renderer details.memory details > summary::before{
left:10px;
width:24px;height:24px;
font-size:.85em !important;
}

/* 
 * =============================================================
 * 👤 玩家档案 (profile) - 紫色徽章主题
 * =============================================================
 */
.group.is-assistant .rili-markdown-renderer details.profile{
border-left-color:#A259C9 !important;
background:linear-gradient(90deg,rgba(162,89,201,.15) 0%,rgba(192,130,225,.06) 30%,rgba(255,254,250,.95) 100%) !important;
}
.group.is-assistant .rili-markdown-renderer details.profile > summary{
background:linear-gradient(90deg,rgba(162,89,201,.18) 0%,rgba(192,130,225,.08) 50%,transparent 100%) !important;
}
.group.is-assistant .rili-markdown-renderer details.profile > summary::before{
content:'⚔' !important;
background:linear-gradient(135deg,#A259C9 0%,#7B2D8B 100%) !important;
color:#fff !important;
}
.group.is-assistant .rili-markdown-renderer details.profile:hover{
border-left-color:#B26EE0 !important;
}

/* 
 * =============================================================
 * 👥 社交系统 (social) - 暗紫粉主题
 * =============================================================
 */
.group.is-assistant .rili-markdown-renderer details.social{
border-left-color:#7B2D8B !important;
background:linear-gradient(90deg,rgba(123,45,139,.15) 0%,rgba(155,80,170,.06) 30%,rgba(255,254,250,.95) 100%) !important;
}
.group.is-assistant .rili-markdown-renderer details.social > summary{
background:linear-gradient(90deg,rgba(123,45,139,.18) 0%,rgba(155,80,170,.08) 50%,transparent 100%) !important;
}
.group.is-assistant .rili-markdown-renderer details.social > summary::before{
content:'♛' !important;
background:linear-gradient(135deg,#7B2D8B 0%,#5A1D6A 100%) !important;
color:#fff !important;
}

/* 
 * =============================================================
 * ⚡ AP消耗参考 (ap-ref) - 灰色工具主题
 * =============================================================
 */
.group.is-assistant .rili-markdown-renderer details.ap-ref{
border-left-color:#888 !important;
background:linear-gradient(90deg,rgba(136,136,136,.15) 0%,rgba(170,170,170,.06) 30%,rgba(255,254,250,.95) 100%) !important;
}
.group.is-assistant .rili-markdown-renderer details.ap-ref > summary{
background:linear-gradient(90deg,rgba(136,136,136,.18) 0%,rgba(170,170,170,.08) 50%,transparent 100%) !important;
}
.group.is-assistant .rili-markdown-renderer details.ap-ref > summary::before{
content:'⚙' !important;
background:linear-gradient(135deg,#666 0%,#3a3a3a 100%) !important;
color:#fff !important;
}

/* 
 * =============================================================
 * 🎮 行动选项 (actions) - 警示金色 + 法力弧线
 * =============================================================
 */
.group.is-assistant .rili-markdown-renderer details.actions{
border-left-color:#E89100 !important;
background:linear-gradient(90deg,rgba(232,145,0,.18) 0%,rgba(245,215,110,.1) 30%,rgba(255,254,250,.95) 100%) !important;
box-shadow:0 4px 20px rgba(232,145,0,.15),0 0 12px rgba(245,215,110,.1);
}
.group.is-assistant .rili-markdown-renderer details.actions > summary{
font-size:1.12em !important;
letter-spacing:2.5px !important;
padding:16px 25px 16px 60px !important;
color:#8B5A00 !important;
background:
linear-gradient(90deg,rgba(232,145,0,.2) 0%,rgba(245,215,110,.08) 40%,transparent 100%),
url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='40' viewBox='0 0 200 40'%3E%3Cdefs%3E%3ClinearGradient id='arcA' x1='0%25' y1='0%25' x2='100%25' y2='0%25'%3E%3Cstop offset='0%25' style='stop-color:%23E89100;stop-opacity:.3'/%3E%3Cstop offset='40%25' style='stop-color:%23F5D76E;stop-opacity:.7'/%3E%3Cstop offset='70%25' style='stop-color:%23E89100;stop-opacity:.8'/%3E%3Cstop offset='100%25' style='stop-color:%23F5D76E;stop-opacity:.4'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d='M5 22 Q40 8, 80 20 T160 18 T195 22' stroke='url(%23arcA)' stroke-width='2' fill='none' stroke-linecap='round'/%3E%3Cpath d='M10 28 Q50 38, 100 25 T180 30' stroke='url(%23arcA)' stroke-width='1.5' fill='none' stroke-linecap='round' opacity='.5'/%3E%3C/svg%3E") !important;
background-position:left center,right 15px center !important;
background-repeat:no-repeat !important;
background-size:auto,200px 40px !important;
}
.group.is-assistant .rili-markdown-renderer details.actions:hover > summary{
color:#C9302C !important;
background:
linear-gradient(90deg,rgba(232,145,0,.28) 0%,transparent 50%),
url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='40' viewBox='0 0 200 40'%3E%3Cdefs%3E%3ClinearGradient id='arcAH' x1='0%25' y1='0%25' x2='100%25' y2='0%25'%3E%3Cstop offset='0%25' style='stop-color:%23E89100;stop-opacity:.5'/%3E%3Cstop offset='40%25' style='stop-color:%23F5D76E;stop-opacity:.9'/%3E%3Cstop offset='70%25' style='stop-color:%23FFFFFF;stop-opacity:1'/%3E%3Cstop offset='100%25' style='stop-color:%23F5D76E;stop-opacity:.5'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d='M5 22 Q40 8, 80 20 T160 18 T195 22' stroke='url(%23arcAH)' stroke-width='2.5' fill='none' stroke-linecap='round'/%3E%3Ccircle cx='80' cy='20' r='2.5' fill='%23FFFFFF' opacity='.9'/%3E%3Ccircle cx='140' cy='18' r='2' fill='%23F5D76E' opacity='.8'/%3E%3C/svg%3E") !important;
background-position:left center,right 15px center !important;
background-repeat:no-repeat !important;
background-size:auto,200px 40px !important;
}
.group.is-assistant .rili-markdown-renderer details.actions > summary::before{
content:'A' !important;
font-family:'Oswald',sans-serif !important;
background:linear-gradient(135deg,#F5D76E 0%,#E89100 100%) !important;
color:#8B5A00 !important;
width:32px;height:32px;
font-size:1.05em !important;
left:16px;
box-shadow:0 2px 10px rgba(232,145,0,.5);
}
.group.is-assistant .rili-markdown-renderer details.actions:hover > summary::before{
background:linear-gradient(135deg,#fff 0%,#F5D76E 100%) !important;
box-shadow:0 0 15px rgba(245,215,110,.9);
}

/* 行动选项内容·粒子效果 */
.group.is-assistant .rili-markdown-renderer details.actions > summary::after{
content:'';
position:absolute;
right:180px;
top:50%;
width:4px;height:4px;
background:#F5D76E;
border-radius:50%;
opacity:0;
z-index:25;
pointer-events:none;
transition:opacity .3s ease .1s;
}
.group.is-assistant .rili-markdown-renderer details.actions:hover > summary::after{
opacity:1;
animation:particleSystem 3s ease-in-out infinite;
}

/* 行动选项条目 */
.group.is-assistant .rili-markdown-renderer details.actions > div{
background:linear-gradient(180deg,rgba(255,253,245,.98) 0%,rgba(252,245,225,1) 100%) !important;
padding:14px 18px !important;
}
.group.is-assistant .rili-markdown-renderer details.actions > div p{
padding:10px 14px 10px 18px !important;
margin:6px 0 !important;
background:linear-gradient(90deg,rgba(232,145,0,.06) 0%,rgba(255,255,255,.7) 100%);
border-left:3px solid #E89100;
border-radius:0 6px 6px 0;
cursor:pointer;
transition:all .25s ease;
font-size:.96em !important;
line-height:1.7 !important;
}
.group.is-assistant .rili-markdown-renderer details.actions > div p:hover{
transform:translateX(5px);
background:linear-gradient(90deg,rgba(232,145,0,.15) 0%,rgba(255,255,255,.8) 100%);
border-left-color:#C9302C;
box-shadow:0 4px 12px rgba(232,145,0,.18);
color:#C9302C;
}

/* 
 * =============================================================
 * 🧠 思维链 (think-card) - 深红军绿渐变·复杂菱形纹路
 * =============================================================
 */
.group.is-assistant .rili-markdown-renderer details.think-card{
border:none !important;
border-radius:8px !important;
margin:12px 0 20px !important;
overflow:hidden !important;
position:relative !important;
box-shadow:0 4px 22px rgba(201,48,44,.22) !important;
background:linear-gradient(135deg,#F5F3EC 0%,#EAE8DF 100%) !important;
}
.group.is-assistant .rili-markdown-renderer details.think-card > summary{
font-size:1.1em !important;
padding:18px 30px 18px 62px !important;
font-weight:700 !important;
position:relative;
overflow:hidden;
cursor:pointer;
list-style:none;
background:linear-gradient(90deg,
#5cb85c 0%,
#4a9d4a 18%,
#3a6f3a 40%,
#2a4530 60%,
#1a2820 80%,
#0a1410 100%) !important;
color:#F0FFF0 !important;
text-shadow:0 1px 3px rgba(0,0,0,.6);
border-radius:8px 8px 0 0;
}
.group.is-assistant .rili-markdown-renderer details.think-card > summary::-webkit-details-marker{display:none}

/* 思维链菱形纹路 - 渐变显现 */
.group.is-assistant .rili-markdown-renderer details.think-card > summary::after{
content:'';
position:absolute;
right:0;top:0;bottom:0;
width:70%;
background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='50' height='50' viewBox='0 0 50 50'%3E%3Cpath d='M25 3 L47 25 L25 47 L3 25 Z' stroke='%23A8E0A8' stroke-width='3' fill='none'/%3E%3C/svg%3E");
background-size:30px 30px;
-webkit-mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.15) 20%,rgba(0,0,0,.4) 40%,rgba(0,0,0,.7) 60%,rgba(0,0,0,.9) 80%,rgba(0,0,0,1) 100%);
mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.15) 20%,rgba(0,0,0,.4) 40%,rgba(0,0,0,.7) 60%,rgba(0,0,0,.9) 80%,rgba(0,0,0,1) 100%);
pointer-events:none;
z-index:1;
}

/* 思维链图标·默认（战术执行中） */
.group.is-assistant .rili-markdown-renderer details.think-card > summary::before{
content:'◷' !important;
position:absolute;
left:16px;
top:50%;
transform:translateY(-50%);
font-size:1.1em !important;
color:#0a1410 !important;
background:linear-gradient(135deg,#A8E0A8 0%,#7BCB7B 100%) !important;
width:32px;height:32px;
display:flex;
align-items:center;
justify-content:center;
border-radius:50%;
font-weight:700 !important;
box-shadow:0 2px 10px rgba(168,224,168,.6);
z-index:5;
letter-spacing:0 !important;
animation:radarScan 2.4s linear infinite;
}

/* 思维链文字覆盖 */
.group.is-assistant .rili-markdown-renderer details.think-card > summary > *{display:none}
.group.is-assistant .rili-markdown-renderer details.think-card > summary{
font-size:1.1em !important;
color:transparent !important;
position:relative;
text-shadow:none;
}

/* 思维链文字层 */
.group.is-assistant .rili-markdown-renderer details.think-card > summary{
background:linear-gradient(90deg,
#5cb85c 0%,
#4a9d4a 18%,
#3a6f3a 40%,
#2a4530 60%,
#1a2820 80%,
#0a1410 100%),
url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='50' height='50' viewBox='0 0 50 50'%3E%3Cpath d='M25 3 L47 25 L25 47 L3 25 Z' stroke='%23A8E0A8' stroke-width='3' fill='none'/%3E%3C/svg%3E") !important;
background-position:left center,right center !important;
background-repeat:no-repeat,repeat-x !important;
background-size:auto,30px 30px !important;
-webkit-background-clip:padding-box,padding-box !important;
}

/* 使用绝对定位的伪元素文字 */
.group.is-assistant .rili-markdown-renderer details.think-card{
position:relative;
}
.group.is-assistant .rili-markdown-renderer details.think-card::before{
content:'◷ 战术执行中 · · ·';
position:absolute;
top:0;left:62px;right:30%;
height:60px;
display:flex;
align-items:center;
font-size:1.05em;
font-weight:700;
color:#F0FFF0;
text-shadow:0 1px 3px rgba(0,0,0,.6);
letter-spacing:3px;
z-index:6;
pointer-events:none;
animation:thinkPulse 1.8s ease-in-out infinite;
}

/* 思维链完成状态 */
.group.is-assistant .rili-markdown-renderer details.think-card:has(cotend)::before{
content:'✓ 战术已下达 · 点击查阅推演';
color:#F5D76E;
animation:none;
}
.group.is-assistant .rili-markdown-renderer details.think-card:has(cotend) > summary{
background:linear-gradient(90deg,
#8B5A00 0%,
#6B4500 18%,
#4A3A20 40%,
#2A2515 60%,
#1A1810 80%,
#0A0A0A 100%) !important;
}
.group.is-assistant .rili-markdown-renderer details.think-card:has(cotend) > summary::before{
content:'✓' !important;
background:linear-gradient(135deg,#F5D76E 0%,#E89100 100%) !important;
color:#2A1500 !important;
animation:none;
box-shadow:0 0 15px rgba(245,215,110,.7);
}

.group.is-assistant .rili-markdown-renderer details.think-card:hover > summary::before{
background:linear-gradient(135deg,#C0F5C0 0%,#A8E0A8 100%) !important;
box-shadow:0 0 18px rgba(192,245,192,.85);
}
.group.is-assistant .rili-markdown-renderer details.think-card[open] > summary::before{
content:'◉' !important;
animation:none;
}
.group.is-assistant .rili-markdown-renderer details.think-card[open]::before{
content:'◉ 推演记录·已展开';
animation:none;
}

/* 思维链内容区域 - 浅米黄 */
.group.is-assistant .rili-markdown-renderer details.think-card > div{
background:linear-gradient(180deg,
rgba(255,253,245,.98) 0%,
rgba(248,245,232,1) 50%,
rgba(240,236,220,1) 100%) !important;
padding:18px 25px !important;
border-radius:0 0 8px 8px;
border:2px solid #C9302C;
border-top:none;
}
.group.is-assistant .rili-markdown-renderer details.think-card > div,
.group.is-assistant .rili-markdown-renderer details.think-card > div p,
.group.is-assistant .rili-markdown-renderer details.think-card > div span{
color:#4a4a4a !important;
font-size:.94em !important;
line-height:1.8 !important;
}
.group.is-assistant .rili-markdown-renderer details.think-card > div strong{
color:#C9302C !important;
}

/* 隐藏 cot/cotend 元素本身 */
.group.is-assistant .rili-markdown-renderer cot{
display:block;
padding:8px 12px;
background:rgba(0,0,0,.04);
border-left:2px solid #C9302C;
border-radius:0 4px 4px 0;
margin:8px 0;
white-space:pre-wrap;
font-family:'Oswald',monospace !important;
font-size:.88em !important;
color:#555 !important;
}
.group.is-assistant .rili-markdown-renderer cotend{display:none !important}

/* 
 * =============================================================
 * 🏷️ 标签系统 - 战术徽章
 * =============================================================
 */
.group.is-assistant .rili-markdown-renderer name{
display:inline-flex !important;
align-items:center;
padding:5px 14px !important;
margin:3px 4px 3px 0 !important;
border-radius:4px !important;
background:linear-gradient(135deg,#E89100 0%,#F5D76E 100%) !important;
color:#5C3317 !important;
font-weight:700 !important;
font-size:1.05em !important;
box-shadow:0 2px 8px rgba(232,145,0,.35) !important;
white-space:nowrap !important;
border:1px solid #B86F00 !important;
}
.group.is-assistant .rili-markdown-renderer info{
display:inline-flex !important;
align-items:center;
padding:3px 10px !important;
margin:2px 4px 2px 0 !important;
border-radius:4px !important;
background:linear-gradient(135deg,#5C6B7A 0%,#6E7F8E 100%) !important;
color:#E8EEF2 !important;
font-weight:700 !important;
font-size:.85em !important;
white-space:nowrap !important;
border:1px solid #4A5968 !important;
}
.group.is-assistant .rili-markdown-renderer stat{
display:inline-flex !important;
align-items:center;
padding:3px 10px !important;
margin:2px 4px 2px 0 !important;
border-radius:4px !important;
background:linear-gradient(135deg,#C9302C 0%,#8b1a17 100%) !important;
color:#F5E6E6 !important;
font-weight:700 !important;
font-size:.85em !important;
white-space:nowrap !important;
border:1px solid #7A1812 !important;
}

/* 
 * =============================================================
 * 🖼️ 图片、表格、链接、代码
 * =============================================================
 */
.group.is-assistant .rili-markdown-renderer img{
max-width:100% !important;
height:auto !important;
border-radius:6px !important;
box-shadow:0 4px 15px rgba(0,0,0,.12) !important;
border:1px solid #C9302C;
}
.group.is-assistant .rili-markdown-renderer table{
width:100% !important;
border-collapse:separate !important;
border-spacing:0 !important;
margin:15px 0 !important;
font-size:.92em !important;
background:rgba(255,255,255,.6) !important;
border:1px solid #C9302C !important;
border-radius:6px !important;
overflow:hidden !important;
}
.group.is-assistant .rili-markdown-renderer th{
background:linear-gradient(135deg,rgba(201,48,44,.18) 0%,rgba(232,145,0,.1) 100%) !important;
color:#C9302C !important;
font-weight:700 !important;
padding:10px 12px !important;
text-align:left !important;
letter-spacing:1.5px;
}
.group.is-assistant .rili-markdown-renderer td{
padding:10px 12px !important;
border-bottom:1px solid rgba(201,160,48,.25) !important;
color:#2A2A2A !important;
}
.group.is-assistant .rili-markdown-renderer tr:last-child td{border-bottom:none !important}
.group.is-assistant .rili-markdown-renderer tr:hover td{background:rgba(232,145,0,.06) !important}
.group.is-assistant .rili-markdown-renderer a{
color:#C9302C !important;
text-decoration:none !important;
border-bottom:1px dashed rgba(201,48,44,.4) !important;
}
.group.is-assistant .rili-markdown-renderer a:hover{
color:#E89100 !important;
border-bottom-color:#E89100 !important;
border-bottom-style:solid !important;
}
.group.is-assistant .rili-markdown-renderer code{
font-family:'Oswald','Courier New',monospace !important;
background:rgba(201,48,44,.08) !important;
padding:2px 6px !important;
border-radius:3px !important;
font-size:.88em !important;
color:#C9302C !important;
border:1px solid rgba(201,48,44,.15) !important;
}
.group.is-assistant .rili-markdown-renderer pre{
background:linear-gradient(135deg,#1a1a1a 0%,#2a1818 100%) !important;
color:#E0D8C8 !important;
padding:14px 18px !important;
border-radius:6px !important;
overflow-x:auto !important;
margin:12px 0 !important;
border-left:4px solid #C9302C !important;
}
.group.is-assistant .rili-markdown-renderer pre code{
background:transparent !important;
border:none !important;
padding:0 !important;
color:#E0D8C8 !important;
}
.group.is-assistant .rili-markdown-renderer blockquote{
margin:14px 0 !important;
padding:12px 18px !important;
background:linear-gradient(135deg,rgba(255,255,255,.6) 0%,rgba(245,243,236,.7) 100%) !important;
border-left:4px solid #C9302C !important;
border-radius:0 6px 6px 0 !important;
font-style:italic !important;
color:#555 !important;
}

/* 
 * =============================================================
 * ✨ 滚动条与选中
 * =============================================================
 */
.group.is-assistant .rili-markdown-renderer::-webkit-scrollbar{width:6px;height:6px}
.group.is-assistant .rili-markdown-renderer::-webkit-scrollbar-track{background:rgba(245,243,236,.5);border-radius:3px}
.group.is-assistant .rili-markdown-renderer::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#C9302C 0%,#E89100 100%);border-radius:3px}
.group.is-assistant .rili-markdown-renderer ::selection{background:#C9302C !important;color:#fff !important}
.group.is-assistant .rili-markdown-renderer ::-moz-selection{background:#C9302C !important;color:#fff !important}

/* 
 * =============================================================
 * 📱 移动端适配
 * =============================================================
 */
@media screen and (max-width:768px){
.group.is-assistant > .is-user\:dark{padding:16px 12px !important;margin-top:1em !important;border-radius:6px !important}
.group.is-assistant > .is-user\:dark::before,
.group.is-assistant > .is-user\:dark::after{width:26px;height:26px}
.group.is-assistant > .is-user\:dark::before{top:6px;right:6px}
.group.is-assistant > .is-user\:dark::after{bottom:6px;left:6px}
.group.is-assistant .rili-markdown-renderer p,
.group.is-assistant .rili-markdown-renderer li,
.group.is-assistant .rili-markdown-renderer td{font-size:.96em !important;line-height:1.75 !important}
.group.is-assistant .rili-markdown-renderer h1,
.group.is-assistant .rili-markdown-renderer h2,
.group.is-assistant .rili-markdown-renderer h3{font-size:1.12em !important;letter-spacing:2px !important;padding-bottom:10px;margin:18px 0 14px !important}
.group.is-assistant .rili-markdown-renderer topbar{font-size:.85em;padding:11px 16px;letter-spacing:1px}
.group.is-assistant .rili-markdown-renderer text{padding:16px 18px !important;font-size:.98em !important}
.group.is-assistant .rili-markdown-renderer text::before{font-size:9px;padding:1px 9px}
.group.is-assistant .rili-markdown-renderer summary{font-size:.94em !important;padding:11px 16px 11px 46px !important;letter-spacing:1.5px !important}
.group.is-assistant .rili-markdown-renderer summary::before{left:10px;width:26px;height:26px;font-size:.9em !important}
.group.is-assistant .rili-markdown-renderer details > div{padding:12px 14px !important}
.group.is-assistant .rili-markdown-renderer details.actions > summary{font-size:1em !important;padding:13px 18px 13px 52px !important;background-size:auto,140px 32px !important}
.group.is-assistant .rili-markdown-renderer details.actions > summary::before{width:28px;height:28px;font-size:.92em !important;left:14px}
.group.is-assistant .rili-markdown-renderer details.actions > summary::after{right:120px}
.group.is-assistant .rili-markdown-renderer details.think-card > summary{padding:15px 22px 15px 54px !important}
.group.is-assistant .rili-markdown-renderer details.think-card::before{left:54px;height:50px;font-size:.92em;letter-spacing:1.5px}
.group.is-assistant .rili-markdown-renderer details.think-card > summary::before{width:28px;height:28px;font-size:.95em !important;left:14px}
.group.is-assistant .rili-markdown-renderer details.think-card > summary::after{background-size:24px 24px;width:55%}
.group.is-assistant .rili-markdown-renderer details.think-card > div{padding:14px 16px !important}
.group.is-assistant .rili-markdown-renderer details.memory details{margin:6px 8px !important}
.group.is-assistant .rili-markdown-renderer details.memory details > summary{font-size:.85em !important;padding:8px 12px 8px 36px !important}
.group.is-assistant .rili-markdown-renderer details.memory details > summary::before{left:8px;width:20px;height:20px;font-size:.75em !important}
.group.is-assistant .rili-markdown-renderer details.actions > div p{padding:9px 12px 9px 14px !important;font-size:.92em !important}
.group.is-assistant .rili-markdown-renderer name{font-size:.95em !important;padding:4px 10px !important}
.group.is-assistant .rili-markdown-renderer info,
.group.is-assistant .rili-markdown-renderer stat{font-size:.78em !important;padding:2px 8px !important}
.flex.gap-2.w-full.h-full.items-center.justify-center{width:280px !important;height:280px !important}
.flex.gap-2.w-full.h-full.items-center.justify-center::before{width:220px !important;height:220px !important}
.flex.gap-2.w-full.h-full.items-center.justify-center::after{font-size:.82em !important;padding:8px 16px !important}
}

/* 
 * =============================================================
 * 📜 战争艺术：耀星 - 战术HUD CSS v2.0 (Rili版) 结束
 * =============================================================
 */