@keyframes mount-breathe{
0%,100%{transform:translateY(0) scale(1)}
50%{transform:translateY(-2px) scale(1.02)}
}
@keyframes bg-scroll{
0%{background-position:0 0}
100%{background-position:200px 200px}
}
@keyframes pulse-npc{
0%,100%{opacity:0.5;transform:scale(1);box-shadow:0 0 8px rgba(220,38,38,0.6)}
50%{opacity:1;transform:scale(1.4);box-shadow:0 0 16px rgba(220,38,38,1)}
}
@keyframes pulse-user{
0%,100%{opacity:0.5;transform:scale(1);box-shadow:0 0 8px rgba(251,191,36,0.6)}
50%{opacity:1;transform:scale(1.4);box-shadow:0 0 16px rgba(251,191,36,1)}
}
@keyframes glow-text{
0%,100%{opacity:0.6;text-shadow:0 0 8px rgba(220,38,38,0.5)}
50%{opacity:1;text-shadow:0 0 16px rgba(220,38,38,1),0 0 24px rgba(220,38,38,0.5)}
}
@keyframes rotate-icon{
0%{transform:rotate(0deg)}
100%{transform:rotate(360deg)}
}
@keyframes classUI-ink-pulse{
0%,100%{opacity:0.15;transform:translate(-50%,-50%) scale(0.9)}
50%{opacity:0.25;transform:translate(-50%,-50%) scale(1.1)}
}
@keyframes classUI-scroll-unfold{
0%{transform:scaleY(0.95);opacity:0.85}
100%{transform:scaleY(1);opacity:1}
}
@keyframes ink-text-fade{
0%{opacity:0.6;text-shadow:0 0 8px rgba(220,38,38,0.4)}
50%{opacity:0.85;text-shadow:0 0 12px rgba(220,38,38,0.6)}
100%{opacity:1;text-shadow:0 0 16px rgba(220,38,38,0.8)}
}
@keyframes data-stream{
0%{transform:translateY(-100%)}
100%{transform:translateY(100%)}
}
@keyframes scan-line{
0%{transform:translateY(0)}
100%{transform:translateY(100%)}
}
@keyframes energy-pulse{
0%,100%{opacity:0.3}
50%{opacity:0.7}
}
cot{
display:block;
position:relative;
width:100%;
aspect-ratio:3/1;
overflow:hidden;
box-sizing:border-box;
contain:size layout paint;
font-size:0;
line-height:0;
letter-spacing:0;
}
cot *{display:none!important}
cot::before{
content:"";
display:block;
width:100%;
height:100%;
pointer-events:none;
background-repeat:no-repeat;
background-position:center;
background-size:contain;
animation:mount-breathe 3.5s ease-in-out infinite;
background-image:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 600 200'%3E%3Cdefs%3E%3ClinearGradient id='skyGrad' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%23f0f0f0'/%3E%3Cstop offset='1' stop-color='%23ffffff'/%3E%3C/linearGradient%3E%3Cpattern id='debrisGrid' width='20' height='20' patternUnits='userSpaceOnUse'%3E%3Cpath d='M 0 0 L 10 0 L 10 10 L 0 10 Z M 10 10 L 20 10 L 20 20 L 10 20 Z' fill='%23e0e0e0' opacity='0.3'/%3E%3Cpath d='M 5 0 L 0 5 L 5 10 L 10 5 Z' fill='%23d0d0d0' opacity='0.2'/%3E%3C/pattern%3E%3Cfilter id='warningGlow'%3E%3CfeGaussianBlur stdDeviation='2' result='coloredBlur'/%3E%3CfeMerge%3E%3CfeMergeNode in='coloredBlur'/%3E%3CfeMergeNode in='SourceGraphic'/%3E%3C/feMerge%3E%3C/filter%3E%3CradialGradient id='pulseCore' cx='50%25' cy='50%25' r='50%25'%3E%3Cstop offset='0%25' stop-color='%23fbbf24' stop-opacity='0.8' /%3E%3Cstop offset='70%25' stop-color='%23fbbf24' stop-opacity='0.2' /%3E%3Cstop offset='100%25' stop-color='transparent' stop-opacity='0' /%3E%3C/radialGradient%3E%3C/defs%3E%3Crect width='600' height='200' fill='url(%23skyGrad)'/%3E%3Crect width='600' height='200' fill='url(%23debrisGrid)'/%3E%3Cg transform='translate(300 100)' filter='url(%23warningGlow)'%3E%3Ccircle cx='0' cy='0' r='25' fill='none' stroke='%23facc15' stroke-width='2'%3E%3CanimateTransform attributeName='transform' type='scale' from='1' to='1.2' dur='2s' repeatCount='indefinite' additive='sum'/%3E%3Canimate attributeName='stroke-width' values='2;4;2' dur='2s' repeatCount='indefinite'/%3E%3C/circle%3E%3Ccircle cx='0' cy='0' r='20' fill='url(%23pulseCore)' opacity='0.6'%3E%3Canimate attributeName='opacity' values='0.6;1;0.6' dur='3s' repeatCount='indefinite'/%3E%3C/circle%3E%3Cpath d='M 0 -30 L 15 -15 L 15 15 L 0 30 L -15 15 L -15 -15 Z' fill='none' stroke='%23fbbf24' stroke-width='1.5'%3E%3CanimateTransform attributeName='transform' type='rotate' from='0' to='360' dur='8s' repeatCount='indefinite'/%3E%3C/path%3E%3C/g%3E%3Cg fill='none' stroke-opacity='0.7'%3E%3Cpath d='M 0 120 Q 150 90, 300 120 T 600 100' stroke='%23dc2626' stroke-width='1.5'%3E%3Canimate attributeName='d' values='M 0 120 Q 150 90, 300 120 T 600 100; M 0 100 Q 150 130, 300 100 T 600 120; M 0 120 Q 150 90, 300 120 T 600 100' dur='6s' repeatCount='indefinite' /%3E%3C/path%3E%3Cpath d='M 0 150 Q 150 180, 300 150 T 600 160' stroke='%23facc15' stroke-width='1'%3E%3Canimate attributeName='d' values='M 0 150 Q 150 180, 300 150 T 600 160; M 0 170 Q 150 140, 300 170 T 600 150; M 0 150 Q 150 180, 300 150 T 600 160' dur='5s' repeatCount='indefinite' /%3E%3C/path%3E%3C/g%3E%3Ctext x='50%25' y='55%25' text-anchor='middle' font-size='22' font-family='' fill='%23dc2626' opacity='0.9' letter-spacing='3' style='text-shadow: 0 0 5px rgba(220,38,38,0.5);'%3EWORLD STATUS: INFECTED%3C/text%3E%3Ctext x='50%25' y='72%25' text-anchor='middle' font-size='12' font-family='Rajdhani, sans-serif' fill='%23facc15' opacity='0.75' letter-spacing='2'%3ESurvivor Alert: Biohazard Detected%3C/text%3E%3C/svg%3E");
}
cot:has(postition[stop]),cot:has(+ postition[stop]),cot:has(~ postition[stop]){
animation:cot-fade-out 600ms ease forwards;
}
cot:has(postition[stop])::before,cot:has(+ postition[stop])::before,cot:has(~ postition[stop])::before{
animation-play-state:paused!important;
opacity:0;
transition:opacity .4s ease;
content:none!important;
background:none!important;
}
@keyframes cot-fade-out{
0%{opacity:1}
60%{opacity:0}
100%{opacity:0;visibility:hidden;height:0;margin:0;padding:0;overflow:hidden;aspect-ratio:auto;pointer-events:none}
}
.chat{
display:flex;
flex-direction:column;
gap:18px;
padding:32px 24px;
background:linear-gradient(135deg,#ffffff 0%,#fdfdfd 60%,#fcfcfc 100%);
border:2px solid rgba(220,38,38,0.3);
border-left:5px solid #dc2626;
border-radius:4px;
margin:24px 0;
position:relative;
font-family:'Rajdhani','Orbitron','Roboto',sans-serif;
box-shadow:0 8px 32px rgba(0,0,0,0.08),0 4px 16px rgba(220,38,38,0.15),inset 0 1px 0 rgba(220,38,38,0.1);
overflow:hidden;
}
.chat::before{
content:'';
position:absolute;
top:0;
left:0;
right:0;
bottom:0;
background-image:url("data:image/svg+xml,%3Csvg width='200' height='200' xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3Cpattern id='debrisPattern' x='0' y='0' width='50' height='50' patternUnits='userSpaceOnUse'%3E%3Cpath d='M 0 0 L 25 0 L 0 25 Z M 25 25 L 50 25 L 25 50 Z M 0 25 L 25 50 L 0 50 Z M 25 0 L 50 25 L 50 0 Z' fill='%23e0e0e0' opacity='0.15'/%3E%3Cpath d='M 10 0 L 0 10 L 10 20 L 20 10 Z' fill='%23c0c0c0' opacity='0.08'/%3E%3C/pattern%3E%3Cpattern id='circuitPattern' x='0' y='0' width='80' height='80' patternUnits='userSpaceOnUse'%3E%3Cline x1='0' y1='20' x2='80' y2='20' stroke='%23fbbf24' stroke-width='0.5' opacity='0.08'/%3E%3Cline x1='0' y1='60' x2='80' y2='60' stroke='%23dc2626' stroke-width='0.5' opacity='0.08'/%3E%3Ccircle cx='20' cy='20' r='2' fill='%23dc2626' opacity='0.15'/%3E%3Ccircle cx='60' cy='60' r='2' fill='%23fbbf24' opacity='0.15'/%3E%3C/pattern%3E%3C/defs%3E%3Crect width='200' height='200' fill='url(%23debrisPattern)'/%3E%3Crect width='200' height='200' fill='url(%23circuitPattern)'/%3E%3C/svg%3E");
background-size:200px 200px;
background-position:0 0;
animation:bg-scroll 50s linear infinite;
opacity:0.3;
pointer-events:none;
z-index:0;
will-change:background-position;
}
.chat::after{
content:'';
position:absolute;
top:0;
left:0;
right:0;
bottom:0;
background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(220,38,38,0.02) 2px,rgba(220,38,38,0.02) 3px),radial-gradient(circle at 15% 20%,rgba(220,38,38,0.08) 0%,transparent 40%),radial-gradient(circle at 85% 80%,rgba(251,191,36,0.06) 0%,transparent 40%);
pointer-events:none;
z-index:0;
opacity:0.5;
}
.chat > *{
position:relative;
z-index:1;
}
.bubble{
max-width:72%;
padding:16px 20px;
position:relative;
line-height:1.8;
word-wrap:break-word;
clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,0 100%);
box-shadow:0 4px 16px rgba(0,0,0,0.05),0 2px 8px rgba(0,0,0,0.1),inset 0 1px 0 rgba(255,255,255,0.1);
transition:transform 0.2s ease,box-shadow 0.2s ease;
overflow:hidden;
}
.bubble:hover{
transform:translateY(-2px);
box-shadow:0 6px 20px rgba(0,0,0,0.08),0 3px 10px rgba(0,0,0,0.15),inset 0 1px 0 rgba(255,255,255,0.15);
}
.bubble.npc{
background:linear-gradient(135deg,rgba(255,255,255,0.9) 0%,rgba(250,250,250,0.95) 50%,rgba(248,248,248,0.9) 100%);
border:2px solid rgba(220,38,38,0.4);
color:#333;
align-self:flex-start;
border-left:5px solid #dc2626;
box-shadow:0 4px 16px rgba(220,38,38,0.1),0 2px 8px rgba(220,38,38,0.08),inset 0 1px 0 rgba(220,38,38,0.15),0 0 20px rgba(220,38,38,0.05);
}
.bubble.npc::after{
content:'';
position:absolute;
top:3px;
right:3px;
width:8px;
height:8px;
background:radial-gradient(circle,#dc2626 0%,transparent 70%);
border-radius:50%;
animation:pulse-npc 2s ease-in-out infinite;
z-index:2;
}
.bubble.npc .name{
color:#dc2626;
text-shadow:0 0 8px rgba(220,38,38,0.6),0 0 16px rgba(220,38,38,0.3);
}
.bubble.npc .name::before{
color:#b91c1c;
text-shadow:0 0 12px rgba(185,28,28,0.8);
}
.bubble.npc .msg{
text-shadow:none;
color:#2c3e50;
}
.bubble.user{
background:linear-gradient(135deg,rgba(245,245,245,0.9) 0%,rgba(250,250,250,0.95) 50%,rgba(248,248,248,0.9) 100%);
border:2px solid rgba(251,191,36,0.4);
color:#333;
align-self:flex-end;
border-right:5px solid #fbbf24;
clip-path:polygon(12px 0,100% 0,100% 100%,0 100%,0 12px);
box-shadow:0 4px 16px rgba(251,191,36,0.1),0 2px 8px rgba(251,191,36,0.08),inset 0 1px 0 rgba(251,191,36,0.15),0 0 20px rgba(251,191,36,0.05);
}
.bubble.user::after{
content:'';
position:absolute;
top:3px;
left:3px;
width:8px;
height:8px;
background:radial-gradient(circle,#fbbf24 0%,transparent 70%);
border-radius:50%;
animation:pulse-user 2s ease-in-out infinite;
z-index:2;
}
.bubble.user .name{
color:#fbbf24;
text-shadow:0 0 8px rgba(251,191,36,0.6),0 0 16px rgba(251,191,36,0.3);
}
.bubble.user .name::before{
color:#facc15;
text-shadow:0 0 12px rgba(250,204,21,0.8);
}
.bubble.user .msg{
text-shadow:none;
color:#34495e;
}
.bubble .name{
font-size:0.75em;
font-weight:700;
letter-spacing:2px;
margin-bottom:10px;
display:block;
position:relative;
padding-left:14px;
z-index:1;
font-family:'Orbitron',sans-serif;
}
.bubble .name::before{
content:'◆';
position:absolute;
left:0;
font-size:1.3em;
}
.bubble .msg{
margin:0;
font-size:0.95em;
font-weight:400;
position:relative;
z-index:1;
}
.doc{
background:linear-gradient(180deg,#ffffff 0%,#fdfdfd 100%);
border:2px solid rgba(220,38,38,0.3);
border-left:6px solid #dc2626;
border-radius:4px;
padding:32px 36px;
margin:28px 0;
position:relative;
font-family:'Rajdhani','Roboto',sans-serif;
box-shadow:0 8px 24px rgba(0,0,0,0.07),0 4px 12px rgba(220,38,38,0.1),inset 0 1px 0 rgba(220,38,38,0.1);
overflow:hidden;
}
.doc::before{
content:'';
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(220,38,38,0.03) 2px,rgba(220,38,38,0.03) 3px);
pointer-events:none;
z-index:0;
opacity:0.5;
}
.doc::after{
content:'【 INFECTED LOG 】';
position:absolute;
top:14px;
right:18px;
font-size:0.65em;
color:rgba(220,38,38,0.7);
letter-spacing:6px;
font-weight:700;
font-family:'Orbitron',sans-serif;
text-shadow:0 0 10px rgba(220,38,38,1),0 0 20px rgba(220,38,38,0.5);
animation:glow-text 3s ease-in-out infinite;
z-index:2;
}
.doc > *{
position:relative;
z-index:1;
}
.doc .title{
color:#dc2626;
font-size:1.4em;
font-weight:700;
margin:0 0 26px 0;
padding-bottom:16px;
border-bottom:2px solid rgba(220,38,38,0.5);
letter-spacing:3px;
position:relative;
text-shadow:0 0 14px rgba(220,38,38,0.8),0 0 28px rgba(220,38,38,0.4);
font-family:'Orbitron',sans-serif;
}
.doc .title::before{
content:'◆';
margin-right:14px;
color:#b91c1c;
display:inline-block;
animation:rotate-icon 4s linear infinite;
}
.doc .content{
color:#333;
font-size:0.95em;
line-height:2;
position:relative;
z-index:1;
}
.doc .content p{
margin:0 0 1.2em 0;
text-align:justify;
}
.doc .content p:last-child{
margin-bottom:0;
}
.tip{
position:relative;
display:inline-block;
color:#fbbf24;
font-weight:600;
border-bottom:2px solid rgba(251,191,36,0.7);
cursor:help;
transition:all 0.3s ease;
z-index:9998;
}
.tip:hover{
color:#facc15;
border-bottom-color:#fde047;
text-shadow:0 0 10px rgba(250,204,21,0.6);
}
.tip .text{
visibility:hidden;
width:320px;
background:linear-gradient(135deg,#ffffff 0%,#fdfdfd 100%);
color:#333;
text-align:left;
border:2px solid #fbbf24;
border-radius:4px;
padding:18px 20px;
position:fixed;
z-index:9999;
bottom:auto;
left:50%;
transform:translate(-50%,-100%) translateY(-20px);
margin-left:0;
opacity:0;
transition:opacity 0.3s ease,visibility 0.3s ease,transform 0.3s ease;
font-weight:400;
font-size:0.85em;
line-height:1.9;
box-shadow:0 12px 28px rgba(0,0,0,0.1),0 6px 14px rgba(251,191,36,0.15),inset 0 1px 0 rgba(251,191,36,0.1),0 0 30px rgba(251,191,36,0.1);
clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,10px 100%,0 calc(100% - 10px));
pointer-events:none;
}
.tip .text::before{
content:'【 DATA LOG 】';
display:block;
font-size:0.7em;
color:#fbbf24;
margin-bottom:12px;
letter-spacing:6px;
font-weight:700;
font-family:'Orbitron',sans-serif;
text-shadow:0 0 10px rgba(251,191,36,1);
}
.tip:hover .text{
visibility:visible;
opacity:1;
transform:translate(-50%,-100%) translateY(-10px);
pointer-events:auto;
}
.tip .text::after{
content:'';
position:absolute;
top:100%;
left:50%;
margin-left:-10px;
border-width:10px;
border-style:solid;
border-color:#fbbf24 transparent transparent transparent;
filter:drop-shadow(0 3px 5px rgba(0,0,0,0.3));
}
.group.ml-0 > .flex.items-start.gap-2{
font-family:"Microsoft YaHei","微软雅黑",sans-serif!important;
background-color:#ffffff!important;
border-radius:12px!important;
padding:15px 20px!important;
width:100%!important;
box-shadow:0 4px 15px rgba(0,0,0,0.08)!important;
border:1px solid #e0e0e0!important;
transition:all 0.3s ease-in-out!important;
}
.group.ml-0 > .flex.items-start.gap-2:hover{
transform:translateY(-5px)!important;
box-shadow:0 8px 25px rgba(0,0,0,0.12)!important;
background-color:#fcfcfc!important;
border-color:#d0d0d0!important;
}
.group.ml-0 .break-all{
white-space:pre-wrap!important;
line-height:1.6!important;
overflow-wrap:break-word!important;
word-wrap:break-word!important;
color:#333333!important;
}
.group.ml-0 > .flex.items-start.gap-2 .text-grey-600{
color:#555!important;
}
.group.ml-0 > .flex.items-start.gap-2 .text-gray-500{
color:#777!important;
}
.group.ml-0 > .flex.items-start.gap-2 .text-gray-400{
color:#999!important;
}
.group.ml-0 > .flex.items-start.gap-2 .font-bold{
color:#111111!important;
}
div.style_divider__mW0YX.style_horizontal__UvaHt{
margin-top:10px!important;
margin-bottom:10px!important;
border-top:1px solid #eeeeee!important;
background:none!important;
}
div.group.relative > div.relative.inline-block.bg-gray-100\/90{
background:linear-gradient(135deg,rgba(255,255,255,0.95),rgba(248,248,248,0.92));
color:#333;
border-radius:18px;
border:1px solid rgba(220,38,38,0.3);
box-shadow:0 16px 60px -12px rgba(0,0,0,0.1),inset 0 2px 4px rgba(220,38,38,0.05),0 0 30px rgba(220,38,38,0.08),0 0 0 2px rgba(220,38,38,0.1);
backdrop-filter:blur(28px) saturate(130%);
-webkit-backdrop-filter:blur(28px) saturate(130%);
position:relative;
overflow:hidden;
}
div.group.relative > div.relative.inline-block.bg-gray-100\/90::before{
content:'';
position:absolute;
top:0;
left:0;
right:0;
bottom:0;
background-image:url("data:image/svg+xml,%3Csvg width='40' height='40' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M 0 0 L 20 0 L 0 20 Z M 20 20 L 40 20 L 20 40 Z' fill='%23e0e0e0' opacity='0.1'/%3E%3Cpath d='M 10 0 L 0 10 L 10 20 L 20 10 Z' fill='%23c0c0c0' opacity='0.05'/%3E%3C/svg%3E");
background-size:40px 40px;
opacity:0.4;
pointer-events:none;
z-index:0;
}
div.group.relative > div.relative.inline-block.bg-gray-100\/90::after{
content:'';
position:absolute;
top:50%;
left:50%;
width:200%;
height:200%;
background:radial-gradient(circle,rgba(220,38,38,0.08) 0%,transparent 50%);
transform:translate(-50%,-50%);
animation:classUI-ink-pulse 8s infinite ease-in-out;
z-index:0;
pointer-events:none;
}
.styled-prose-container{
font-family:'Rajdhani','Roboto','Segoe UI',sans-serif;
position:relative;
z-index:1;
}
.styled-prose-container br{
line-height:1.2;
}
.styled-prose-container details{
background:linear-gradient(145deg,rgba(255,255,255,0.8),rgba(248,248,248,0.75));
border-radius:10px;
margin:14px 0;
overflow:hidden;
border:1px solid rgba(220,38,38,0.3);
box-shadow:0 4px 15px rgba(0,0,0,0.05),inset 0 1px 1px rgba(220,38,38,0.05),inset 0 -1px 0 rgba(220,38,38,0.1),0 0 20px rgba(220,38,38,0.05);
transition:all 0.4s cubic-bezier(0.4,0,0.2,1);
font-size:15px;
line-height:1.9;
padding:0 22px 18px 22px;
color:#333;
}
.styled-prose-container details:hover{
transform:translateY(-2px) scale(1.008);
box-shadow:0 8px 25px rgba(0,0,0,0.1),inset 0 1px 1px rgba(220,38,38,0.1),inset 0 -1px 0 rgba(220,38,38,0.15),0 0 30px rgba(220,38,38,0.1);
border-color:rgba(220,38,38,0.5);
}
.styled-prose-container details summary{
background:transparent;
padding:16px 50px 16px 22px;
margin:0 -22px;
font-weight:700;
font-size:16px;
cursor:pointer;
color:#dc2626;
text-shadow:0 0 8px rgba(220,38,38,0.6);
letter-spacing:1.2px;
position:relative;
list-style:none;
border-bottom:1px solid rgba(220,38,38,0.3);
transition:all 0.3s ease;
font-family:'Orbitron',sans-serif;
}
.styled-prose-container details summary::-webkit-details-marker{
display:none;
}
.styled-prose-container details summary::before{
content:'';
position:absolute;
right:22px;
top:50%;
width:8px;
height:8px;
border-right:2px solid rgba(220,38,38,0.7);
border-bottom:2px solid rgba(220,38,38,0.7);
transform:translateY(-60%) rotate(45deg);
transition:transform 0.35s cubic-bezier(0.4,0,0.2,1),border-color 0.3s ease;
box-shadow:0 0 8px rgba(220,38,38,0.5);
}
.styled-prose-container details summary:hover::before{
border-color:#ef4444;
box-shadow:0 0 12px rgba(239,68,68,0.8);
}
.styled-prose-container details[open] > summary{
background:linear-gradient(180deg,rgba(220,38,38,0.05),transparent);
border-bottom-color:rgba(220,38,38,0.5);
color:#ef4444;
padding-top:18px;
margin-bottom:18px;
animation:classUI-scroll-unfold 0.4s ease-out;
}
.styled-prose-container details[open] > summary::before{
transform:translateY(-40%) rotate(225deg);
}
.styled-prose-container details > *:not(summary){
padding:0;
line-height:inherit;
font-size:inherit;
color:inherit;
background:transparent;
}
.classUI-story{
background:linear-gradient(145deg,rgba(255,255,255,0.85),rgba(248,248,248,0.8));
border:1px solid rgba(220,38,38,0.3);
border-radius:12px;
padding:24px 28px;
margin:20px 0;
color:#333;
font-size:16px;
line-height:2;
box-shadow:inset 0 2px 8px rgba(220,38,38,0.05),0 0 0 1px rgba(220,38,38,0.15),0 0 20px rgba(220,38,38,0.05);
position:relative;
letter-spacing:0.5px;
}
.classUI-story::before,.classUI-story::after{
content:'';
position:absolute;
width:18px;
height:18px;
border-color:rgba(220,38,38,0.6);
border-style:solid;
transition:all 0.4s ease;
}
.classUI-story::before{
top:8px;
left:8px;
border-width:2px 0 0 2px;
border-top-left-radius:3px;
}
.classUI-story::after{
bottom:8px;
right:8px;
border-width:0 2px 2px 0;
border-bottom-right-radius:3px;
}
.classUI-story:hover::before,.classUI-story:hover::after{
transform:scale(1.15);
border-color:#ef4444;
box-shadow:0 0 10px rgba(239,68,68,0.6);
}
.classUI-subsection{
font-weight:700;
color:#dc2626;
margin:16px 0 10px 0;
padding-bottom:8px;
border-bottom:1px solid rgba(220,38,38,0.3);
font-size:14px;
letter-spacing:0.8px;
text-shadow:0 0 8px rgba(220,38,38,0.5);
font-family:'Orbitron',sans-serif;
}
.classUI-npc-card{
background:rgba(255,245,245,0.7);
border:1px solid rgba(220,38,38,0.25);
border-radius:8px;
padding:16px;
margin:10px 0;
box-shadow:0 2px 8px rgba(0,0,0,0.05),0 0 15px rgba(220,38,38,0.05);
transition:all 0.3s ease;
}
.classUI-npc-card:hover{
background:rgba(255,235,235,0.9);
border-color:rgba(220,38,38,0.4);
box-shadow:0 4px 12px rgba(0,0,0,0.1),0 0 25px rgba(220,38,38,0.1);
}
.classUI-npc-name{
font-size:17px;
font-weight:700;
color:#dc2626;
margin-bottom:12px;
padding-bottom:10px;
border-bottom:2px solid rgba(220,38,38,0.35);
letter-spacing:0.8px;
text-shadow:0 0 8px rgba(220,38,38,0.5);
font-family:'Orbitron',sans-serif;
}
.classUI-memory{
background:rgba(255,240,240,0.75);
border-color:rgba(220,38,38,0.45);
padding-bottom:0;
}
.classUI-memory-section{
margin:0 0 18px 0;
padding:0;
background:transparent;
border:none;
}
.classUI-table{
width:100%;
border-collapse:collapse;
margin-top:8px;
border-radius:6px;
overflow:auto;
border:1px solid rgba(220,38,38,0.3);
box-shadow:0 4px 12px rgba(0,0,0,0.1),0 0 20px rgba(220,38,38,0.05);
display:block;
}
.classUI-table thead th{
background:linear-gradient(160deg,rgba(220,38,38,0.1),rgba(220,38,38,0.08));
color:#dc2626;
padding:14px 10px;
font-weight:700;
font-size:13px;
text-align:center;
border-bottom:2px solid rgba(220,38,38,0.5);
text-shadow:0 0 8px rgba(220,38,38,0.5);
font-family:'Orbitron',sans-serif;
}
.classUI-table tbody td{
padding:12px 10px;
border-bottom:1px solid rgba(220,38,38,0.25);
background:rgba(255,255,255,0.6);
font-size:13px;
color:#333;
vertical-align:middle;
transition:background-color 0.3s ease;
}
.classUI-table tbody tr:last-child td{
border-bottom:none;
}
.classUI-table tbody tr:hover td{
background:rgba(220,38,38,0.05);
}
.classUI-actions{
background:linear-gradient(180deg,rgba(255,255,255,0.7),rgba(248,248,248,0.65));
border:1px solid rgba(251,191,36,0.4);
border-radius:10px;
padding:18px 22px;
margin-top:18px;
color:#333;
font-weight:600;
font-size:15px;
line-height:1.9;
box-shadow:0 4px 15px rgba(0,0,0,0.08),0 0 20px rgba(251,191,36,0.1);
letter-spacing:0.3px;
}
.sticky.w-full.top-0.flex.items-center{
background:rgba(255,255,255,0.95)!important;
border-bottom:1px solid rgba(220,38,38,0.4)!important;
backdrop-filter:blur(28px) saturate(130%)!important;
-webkit-backdrop-filter:blur(28px) saturate(130%)!important;
height:3.1rem!important;
color:#333!important;
font-family:'Rajdhani','Roboto','Segoe UI',sans-serif!important;
font-weight:600!important;
z-index:10!important;
padding-top:max(0px,env(safe-area-inset-top))!important;
height:calc(3.5rem + max(0px,env(safe-area-inset-top)))!important;
box-shadow:0 4px 20px rgba(0,0,0,0.1),0 0 30px rgba(220,38,38,0.1);
}
.sticky.w-full.top-0.flex.items-center .inline-flex.items-center{
background:rgba(220,38,38,0.1)!important;
color:#dc2626!important;
border:1px solid rgba(220,38,38,0.3)!important;
font-size:0.75rem!important;
font-weight:700!important;
letter-spacing:0.05em;
border-radius:6px;
box-shadow:inset 0 0 4px rgba(220,38,38,0.15),0 0 10px rgba(220,38,38,0.1);
text-shadow:0 0 6px rgba(220,38,38,0.4);
}
#ai-model-selector .group{
background:rgba(255,255,255,0.8)!important;
border:1px solid rgba(251,191,36,0.35)!important;
border-radius:8px!important;
padding:0 8px!important;
height:2rem!important;
transition:all 0.3s ease;
}
#ai-model-selector .group:hover{
border-color:rgba(251,191,36,0.6)!important;
box-shadow:0 0 15px rgba(251,191,36,0.3);
background:rgba(255,250,245,0.95)!important;
}
#ai-model-selector .truncate{
font-size:13px!important;
font-weight:600!important;
color:#333!important;
font-family:'Rajdhani','Roboto','Segoe UI',sans-serif!important;
transition:color 0.3s ease;
}
#ai-model-selector .group:hover .truncate{
color:#fbbf24!important;
text-shadow:0 0 8px rgba(251,191,36,0.5);
}
#ai-model-selector svg{
color:#333!important;
transition:color 0.3s ease;
}
#ai-model-selector .group:hover svg{
color:#fbbf24!important;
filter:drop-shadow(0 0 4px rgba(251,191,36,0.6));
}
#header-setting-button{
border-radius:8px!important;
background:rgba(255,255,255,0.8)!important;
border:1px solid rgba(251,191,36,0.35)!important;
transition:all 0.3s ease;
}
#header-setting-button:hover{
border-color:rgba(251,191,36,0.6)!important;
box-shadow:0 0 15px rgba(251,191,36,0.3);
background:rgba(255,250,245,0.95)!important;
}
#header-setting-button svg{
color:#333!important;
}
.p-\[5\.5px\].max-h-\[150px\]{
background:rgba(255,255,255,0.92)!important;
border:1.5px solid rgba(220,38,38,0.4)!important;
border-radius:14px!important;
box-shadow:0 4px 12px rgba(0,0,0,0.1),0 0 25px rgba(220,38,38,0.1)!important;
padding:6px!important;
backdrop-filter:blur(16px)!important;
-webkit-backdrop-filter:blur(16px)!important;
width:auto!important;
max-width:95%!important;
margin-left:auto!important;
margin-right:auto!important;
}
#ai-chat-input{
background:rgba(255,245,245,0.9)!important;
border-radius:10px!important;
border:1px solid rgba(220,38,38,0.4)!important;
font-family:'Rajdhani','Roboto',sans-serif!important;
font-size:14px!important;
line-height:1!important;
color:#333!important;
caret-color:#dc2626!important;
padding:10px 44px 10px 10px!important;
height:auto!important;
max-height:120px!important;
resize:none!important;
outline:none!important;
transition:all 0.3s ease;
field-sizing:content!important;
overflow-y:auto!important;
-webkit-overflow-scrolling:touch!important;
-webkit-appearance:none!important;
appearance:none!important;
-webkit-text-size-adjust:100%!important;
white-space:pre-wrap!important;
word-break:break-word!important;
}
#ai-chat-input::placeholder{
color:rgba(80,80,80,0.4)!important;
}
#ai-chat-input:focus{
border-color:#dc2626!important;
box-shadow:0 0 15px rgba(220,38,38,0.4),inset 0 0 10px rgba(220,38,38,0.08)!important;
background:rgba(255,250,250,0.95)!important;
}
.p-\[5\.5px\].max-h-\[150px\] .flex.items-center.px-1{
background:rgba(220,38,38,0.1)!important;
color:#dc2626!important;
border-radius:6px!important;
border:1px solid rgba(220,38,38,0.25)!important;
}
.p-\[5\.5px\].max-h-\[150px\] .mx-1{
background:rgba(220,38,38,0.2)!important;
}
#ai-send-button{
border-radius:8px!important;
background:rgba(255,255,255,0.8)!important;
border:1px solid rgba(220,38,38,0.35)!important;
transition:all 0.3s ease;
}
#ai-send-button:hover{
background:rgba(220,38,38,0.15)!important;
border-color:rgba(220,38,38,0.6)!important;
box-shadow:0 0 15px rgba(220,38,38,0.3);
}
#ai-send-button svg{
color:#333!important;
transition:color 0.3s ease;
}
#ai-send-button:hover svg{
color:#dc2626!important;
filter:drop-shadow(0 0 6px rgba(220,38,38,0.7));
}
.style_dot-flashing__8L91Q{
display:none!important;
}
div:has(> .style_dot-flashing__8L91Q.style_text__zGhNq){
width:100%!important;
height:auto!important;
min-height:80px!important;
display:flex!important;
flex-direction:column!important;
justify-content:center!important;
align-items:center!important;
background:linear-gradient(135deg,rgba(255,255,255,0.98),rgba(248,248,248,0.96))!important;
border:1px solid rgba(220,38,38,0.3)!important;
border-radius:16px!important;
backdrop-filter:blur(24px)!important;
box-shadow:0 12px 40px rgba(0,0,0,0.1),inset 0 1px 0 rgba(220,38,38,0.1),0 0 35px rgba(220,38,38,0.15)!important;
position:relative!important;
overflow:hidden!important;
}
div:has(> .style_dot-flashing__8L91Q.style_text__zGhNq)::before{
content:''!important;
position:absolute!important;
top:50%!important;
left:50%!important;
transform:translate(-50%,-50%)!important;
width:60px!important;
height:60px!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='energyGrad' x1='0%25' y1='0%25' x2='100%25' y2='100%25'%3E%3Cstop offset='0%25' stop-color='%23dc2626'%3E%3Canimate attributeName='stop-color' values='%23dc2626;%23fbbf24;%23ef4444;%23dc2626' dur='3s' repeatCount='indefinite'/%3E%3C/stop%3E%3Cstop offset='50%25' stop-color='%23fbbf24'%3E%3Canimate attributeName='stop-color' values='%23fbbf24;%23ef4444;%23dc2626;%23fbbf24' dur='3s' repeatCount='indefinite'/%3E%3C/stop%3E%3Cstop offset='100%25' stop-color='%23ef4444'%3E%3Canimate attributeName='stop-color' values='%23ef4444;%23dc2626;%23fbbf24;%23ef4444' dur='3s' repeatCount='indefinite'/%3E%3C/stop%3E%3C/linearGradient%3E%3CradialGradient id='coreEnergy'%3E%3Cstop offset='0%25' stop-color='%23dc2626' stop-opacity='0.9'/%3E%3Cstop offset='70%25' stop-color='%23ffffff' stop-opacity='0.5'/%3E%3Cstop offset='100%25' stop-color='%23ffffff' stop-opacity='0.25'/%3E%3C/radialGradient%3E%3Cfilter id='energyGlow'%3E%3CfeGaussianBlur stdDeviation='3'/%3E%3C/filter%3E%3C/defs%3E%3Cg transform='translate(60,60)'%3E%3Cg%3E%3CanimateTransform attributeName='transform' type='rotate' values='0;360' dur='4s' repeatCount='indefinite'/%3E%3Ccircle cx='0' cy='-35' r='3' fill='%23dc2626' opacity='0.8'%3E%3Canimate attributeName='opacity' values='0.8;0.3;0.8' dur='2s' repeatCount='indefinite'/%3E%3C/circle%3E%3Ccircle cx='25' cy='-25' r='2.5' fill='%23fbbf24' opacity='0.7'/%3E%3Ccircle cx='35' cy='0' r='3' fill='%23ef4444' opacity='0.8'%3E%3Canimate attributeName='opacity' values='0.3;0.8;0.3' dur='2s' repeatCount='indefinite'/%3E%3C/circle%3E%3Ccircle cx='25' cy='25' r='2.5' fill='%23dc2626' opacity='0.7'/%3E%3Ccircle cx='0' cy='35' r='3' fill='%23fbbf24' opacity='0.8'%3E%3Canimate attributeName='opacity' values='0.8;0.3;0.8' dur='2s' begin='0.5s' repeatCount='indefinite'/%3E%3C/circle%3E%3Ccircle cx='-25' cy='25' r='2.5' fill='%23ef4444' opacity='0.7'/%3E%3Ccircle cx='-35' cy='0' r='3' fill='%23dc2626' opacity='0.8'%3E%3Canimate attributeName='opacity' values='0.3;0.8;0.3' dur='2s' begin='0.5s' repeatCount='indefinite'/%3E%3C/circle%3E%3Ccircle cx='-25' cy='-25' r='2.5' fill='%23fbbf24' opacity='0.7'/%3E%3C/g%3E%3Cg%3E%3CanimateTransform attributeName='transform' type='rotate' values='360;0' dur='6s' repeatCount='indefinite'/%3E%3Cpath d='M 0,-25 L 22,-13 L 22,13 L 0,25 L -22,13 L -22,-13 Z' fill='none' stroke='%23dc2626' stroke-width='1' opacity='0.4'/%3E%3C/g%3E%3Ccircle cx='0' cy='0' r='10' fill='url(%23coreEnergy)' opacity='0.9'%3E%3Canimate attributeName='r' values='8;12;8' dur='2.5s' repeatCount='indefinite'/%3E%3C/circle%3E%3Cg filter='url(%23energyGlow)'%3E%3CanimateTransform attributeName='transform' type='rotate' values='0;-360' dur='8s' repeatCount='indefinite'/%3E%3Cpath d='M 0,-25 Q 15,-20 20,-10 T 25,0 Q 20,15 10,20 T 0,25 Q -15,20 -20,10 T -25,0 Q -20,-15 -10,-20 T 0,-25' fill='none' stroke='url(%23energyGrad)' stroke-width='1.5' opacity='0.6'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")!important;
background-size:contain!important;
background-repeat:no-repeat!important;
background-position:center!important;
filter:drop-shadow(0 0 15px rgba(220,38,38,0.5))!important;
}
div:has(> .style_dot-flashing__8L91Q.style_text__zGhNq)::after{
content:'Scanning for life signs...'!important;
position:absolute!important;
bottom:16px!important;
left:50%!important;
transform:translateX(-50%)!important;
font-family:'Orbitron','Rajdhani',sans-serif!important;
font-size:13px!important;
font-weight:600!important;
color:#dc2626!important;
letter-spacing:0.2em!important;
animation:ink-text-fade 2.5s ease-in-out infinite alternate!important;
text-shadow:0 0 12px rgba(220,38,38,0.8)!important;
}
.MuiStack-root.text-purple-500.mt-1.css-1kz283j{
background:rgba(255,255,255,0.85)!important;
border:1px solid rgba(220,38,38,0.3)!important;
border-radius:8px!important;
padding:6px 12px!important;
display:flex!important;
align-items:center!important;
flex-wrap:wrap!important;
gap:0 12px!important;
transition:all 0.3s ease!important;
box-shadow:0 2px 10px rgba(0,0,0,0.05),0 0 15px rgba(220,38,38,0.05)!important;
margin-top:4px!important;
}
.MuiStack-root.css-1kz283j > p.MuiTypography-root.css-6c0gf2{
color:#333!important;
font-weight:600!important;
font-size:14px!important;
margin:0!important;
display:flex!important;
align-items:center!important;
font-family:'Rajdhani','Roboto','Segoe UI',sans-serif!important;
}
.MuiStack-root.css-1kz283j > p.MuiTypography-root.css-6c0gf2::after{
content:'显示消耗'!important;
background:rgba(220,38,38,0.12)!important;
color:#dc2626!important;
border:1px solid rgba(220,38,38,0.25)!important;
border-radius:4px!important;
padding:2px 8px!important;
font-size:12px!important;
margin-left:10px!important;
cursor:pointer!important;
transition:all 0.2s ease!important;
font-family:'Rajdhani','Roboto','Segoe UI',sans-serif!important;
font-weight:600!important;
white-space:nowrap;
}
.MuiStack-root.css-1kz283j > p.MuiTypography-root.css-6c0gf2:hover::after{
background:rgba(220,38,38,0.8)!important;
border-color:rgba(220,38,38,0.5)!important;
color:#ffffff!important;
box-shadow:0 0 15px rgba(220,38,38,0.5)!important;
text-shadow:none!important;
}
.MuiStack-root.css-1kz283j > p.MuiTypography-root.css-1x48u03{
color:#dc2626!important;
font-size:13px!important;
font-weight:600!important;
margin:0!important;
padding:2px 6px!important;
background:rgba(220,38,38,0.12)!important;
border-radius:4px!important;
opacity:0!important;
max-width:0!important;
overflow:hidden!important;
white-space:nowrap!important;
transition:opacity 0.3s ease,max-width 0.4s ease,padding 0.4s ease!important;
}
.MuiStack-root.css-1kz283j > p.MuiTypography-root.css-6c0gf2:hover ~ p.MuiTypography-root.css-1x48u03{
opacity:1!important;
max-width:200px!important;
}
.classUI-audio-player{
width:100%;
height:35px;
margin-top:8px;
background:linear-gradient(135deg,rgba(255,255,255,0.9),rgba(248,248,248,0.85));
border-radius:18px;
border:1px solid rgba(220,38,38,0.35);
box-shadow:0 4px 15px rgba(0,0,0,0.05),inset 0 1px 2px rgba(220,38,38,0.05),0 0 0 1px rgba(220,38,38,0.1),0 0 20px rgba(220,38,38,0.05);
backdrop-filter:blur(16px) saturate(120%);
-webkit-backdrop-filter:blur(16px) saturate(120%);
accent-color:#dc2626;
position:relative;
overflow:hidden;
transition:all 0.3s ease;
}
.classUI-audio-player:hover{
border-color:rgba(220,38,38,0.5);
box-shadow:0 6px 20px rgba(0,0,0,0.1),inset 0 1px 2px rgba(220,38,38,0.1),0 0 0 1px rgba(220,38,38,0.2),0 0 30px rgba(220,38,38,0.1);
}
.classUI-audio-player::before{
content:'';
position:absolute;
top:0;
left:0;
right:0;
bottom:0;
background-image:url("data:image/svg+xml,%3Csvg width='30' height='30' xmlns='http://www.w3.org/2000/svg'%3E%3Cline x1='0' y1='15' x2='30' y2='15' stroke='%23dc2626' stroke-width='0.3' opacity='0.1'/%3E%3Ccircle cx='15' cy='15' r='1' fill='%23dc2626' opacity='0.15'/%3E%3C/svg%3E");
background-size:30px 30px;
opacity:0.3;
pointer-events:none;
z-index:0;
}
.classUI-audio-player::-webkit-media-controls-panel{
background:transparent;
}
.classUI-audio-player::-webkit-media-controls-play-button,.classUI-audio-player::-webkit-media-controls-mute-button{
background-color:rgba(220,38,38,0.12);
border-radius:50%;
transition:all 0.3s ease;
filter:brightness(0) saturate(100%) invert(18%) sepia(97%) saturate(3015%) hue-rotate(345deg) brightness(90%) contrast(100%);
margin:0 4px;
}
.classUI-audio-player::-webkit-media-controls-play-button:hover,.classUI-audio-player::-webkit-media-controls-mute-button:hover{
background-color:rgba(220,38,38,0.25);
transform:scale(1.05);
box-shadow:0 0 12px rgba(220,38,38,0.4);
}
.classUI-audio-player::-webkit-media-controls-current-time-display,.classUI-audio-player::-webkit-media-controls-time-remaining-display{
color:#333;
font-weight:600;
font-size:11px;
text-shadow:0 0 8px rgba(220,38,38,0.5);
font-family:'Rajdhani','Roboto','Segoe UI',sans-serif;
}
.classUI-audio-player::-webkit-media-controls-timeline{
background-color:rgba(220,38,38,0.12);
border-radius:8px;
height:6px;
border:1px solid rgba(220,38,38,0.3);
box-shadow:inset 0 1px 3px rgba(0,0,0,0.2),0 0 10px rgba(220,38,38,0.1);
transition:all 0.3s ease;
}
.classUI-audio-player::-webkit-media-controls-timeline:hover{
background-color:rgba(220,38,38,0.18);
border-color:rgba(220,38,38,0.5);
box-shadow:inset 0 1px 3px rgba(0,0,0,0.2),0 0 15px rgba(220,38,38,0.2);
}
.classUI-audio-player::-webkit-media-controls-volume-slider{
background-color:rgba(220,38,38,0.12);
border-radius:8px;
height:6px;
border:1px solid rgba(220,38,38,0.3);
box-shadow:inset 0 1px 2px rgba(0,0,0,0.1);
transition:all 0.3s ease;
}
.classUI-audio-player::-webkit-media-controls-volume-slider:hover{
background-color:rgba(220,38,38,0.18);
border-color:rgba(220,38,38,0.5);
}
.classUI-audio-player::-webkit-media-controls-seek-back-button,.classUI-audio-player::-webkit-media-controls-seek-forward-button{
filter:brightness(0) saturate(100%) invert(18%) sepia(97%) saturate(3015%) hue-rotate(345deg) brightness(90%) contrast(100%);
opacity:0.8;
transition:opacity 0.3s ease;
}
.classUI-audio-player::-webkit-media-controls-seek-back-button:hover,.classUI-audio-player::-webkit-media-controls-seek-forward-button:hover{
opacity:1;
}
.mb-2 > .shrink-0.w-10.h-10 {
    display: none;
}
@media (max-width:768px){
.chat{
padding:24px 16px;
gap:14px;
}
.chat::before{
animation-duration:70s;
}
.bubble{
max-width:85%;
padding:12px 16px;
}
.bubble .name{
font-size:0.7em;
letter-spacing:1.5px;
}
.bubble .msg{
font-size:0.9em;
}
.doc{
padding:24px 20px;
}
.doc .title::before{
animation:none;
}
.doc::after{
animation:none;
}
.tip .text{
width:260px;
}
.styled-prose-container details{
font-size:14px;
line-height:1.8;
padding:0 16px 14px 16px;
}
.styled-prose-container details summary{
padding:14px 45px 14px 16px;
margin:0 -16px;
font-size:15px;
}
.styled-prose-container details[open] > summary{
padding-top:16px;
margin-bottom:16px;
}
.classUI-table tbody td,.classUI-table thead th{
font-size:12px;
padding:10px 8px;
}
.classUI-story{
font-size:15px;
padding:20px 22px;
}
.classUI-npc-card{
padding:14px;
}
.classUI-actions{
font-size:14px;
padding:16px 18px;
}
.classUI-audio-player{
height:32px;
}
.classUI-audio-player::-webkit-media-controls-current-time-display,.classUI-audio-player::-webkit-media-controls-time-remaining-display{
font-size:10px;
}
}
@media (prefers-reduced-motion:reduce){
cot::before{
animation:none;
}
.chat::before{
animation:none;
}
.doc .title::before{
animation:none;
}
.doc::after{
animation:none;
}
.bubble.npc::after{
animation:none;
}
.bubble.user::after{
animation:none;
}
}
/* --- 武器与行囊模块样式 --- */

/* 确保父容器不裁剪 Tooltip */
.styled-prose-container details {
    overflow: visible !important;
}

.styled-prose-container details[open] {
    overflow: visible !important;
}

/* 武器列表容器 */
.styled-prose-container weapon_list {
    display: block;
    margin: 12px 0;
    padding: 0;
    position: relative;
    overflow: visible;
}

.styled-prose-container weapon_list > span {
    display: inline-block;
    color: #dc2626;
    font-weight: 700;
    font-size: 14px;
    margin-right: 8px;
    letter-spacing: 0.5px;
    text-shadow: 0 0 6px rgba(220, 38, 38, 0.4);
    font-family: 'Orbitron', sans-serif;
}

/* 武器 Tooltip 触发器 */
.styled-prose-container weapon_list T {
    position: relative;
    display: inline-block;
    margin-bottom: 8px;
    margin-right: 6px;
    cursor: help;
    color: #333;
    font-weight: 600;
    text-decoration-line: underline;
    text-decoration-style: dotted;
    text-decoration-color: #dc2626;
    text-decoration-thickness: 1px;
    text-underline-offset: 3px;
    padding: 4px 10px;
    background: rgba(220, 38, 38, 0.08);
    border: 1px solid rgba(220, 38, 38, 0.25);
    border-radius: 6px;
    transition: all 0.3s ease;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
    overflow: visible;
    z-index: 1;
}

.styled-prose-container weapon_list T::before {
    content: "\2060";
}

.styled-prose-container weapon_list T:hover {
    background: rgba(220, 38, 38, 0.15);
    border-color: rgba(220, 38, 38, 0.45);
    transform: translateY(-1px);
    box-shadow: 0 4px 10px rgba(220, 38, 38, 0.2);
    text-shadow: 0 0 8px rgba(220, 38, 38, 0.5);
    z-index: 10001;
}

/* 武器 Tooltip 提示框本体 */
.styled-prose-container weapon_list T Ti {
    /* 默认隐藏 */
    visibility: hidden;
    opacity: 0;
    /* 样式重置 */
    text-decoration: none;
    white-space: normal;
    /* 外观 */
    width: max-content;
    max-width: 240px;
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.98), rgba(248, 248, 248, 0.96));
    color: #333;
    text-align: left;
    border-radius: 10px;
    padding: 12px 16px;
    font-size: 0.85em;
    font-weight: 400;
    line-height: 1.7;
    border: 2px solid #dc2626;
    box-shadow: 0 8px 28px rgba(0, 0, 0, 0.15), 0 0 30px rgba(220, 38, 38, 0.25), inset 0 1px 2px rgba(220, 38, 38, 0.1);
    /* 动画 */
    transition: opacity 0.35s ease, visibility 0.35s ease, transform 0.35s cubic-bezier(0.4, 0, 0.2, 1);
    pointer-events: none;
    /* 核心定位修正 - 使用 fixed 定位避免被裁剪 */
    position: fixed;
    z-index: 99999;
    bottom: auto;
    left: auto;
    transform: translateY(-100%) translateY(-15px);
    backdrop-filter: blur(20px) saturate(120%);
    -webkit-backdrop-filter: blur(20px) saturate(120%);
}

/* 武器 Tooltip 小三角箭头 */
.styled-prose-container weapon_list T Ti::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 20px;
    margin-left: -8px;
    border-width: 8px;
    border-style: solid;
    border-color: #dc2626 transparent transparent transparent;
    filter: drop-shadow(0 3px 6px rgba(0, 0, 0, 0.25));
}

/* 武器 Tooltip 装饰性标题 */
.styled-prose-container weapon_list T Ti::before {
    content: '【 WEAPON 】';
    display: block;
    font-size: 0.7em;
    color: #dc2626;
    margin-bottom: 8px;
    padding-bottom: 6px;
    border-bottom: 1px solid rgba(220, 38, 38, 0.35);
    letter-spacing: 3px;
    font-weight: 700;
    font-family: 'Orbitron', sans-serif;
    text-shadow: 0 0 10px rgba(220, 38, 38, 0.8);
}

/* 悬浮时显示武器 Tooltip */
.styled-prose-container weapon_list T:hover Ti {
    visibility: visible;
    opacity: 1;
    transform: translateY(-100%) translateY(-5px);
}

/* 武器 Tooltip 内部信息项样式 */
.styled-prose-container weapon_list T Ti > span {
    display: inline-block;
    color: #dc2626;
    font-weight: 700;
    margin-right: 6px;
    font-size: 0.95em;
    text-shadow: 0 0 6px rgba(220, 38, 38, 0.4);
}

/* 物品列表容器 */
.styled-prose-container item_list {
    display: block;
    margin: 12px 0 0 0;
    padding: 0;
    position: relative;
    overflow: visible;
}

.styled-prose-container item_list > span {
    display: block;
    color: #dc2626;
    font-weight: 700;
    font-size: 14px;
    margin-bottom: 10px;
    letter-spacing: 0.5px;
    text-shadow: 0 0 6px rgba(220, 38, 38, 0.4);
    font-family: 'Orbitron', sans-serif;
}

/* 物品 Tooltip 触发器 */
.styled-prose-container item_list T {
    position: relative;
    display: inline-block;
    margin-bottom: 8px;
    margin-right: 8px;
    cursor: help;
    color: #333;
    font-weight: 600;
    text-decoration-line: underline;
    text-decoration-style: dotted;
    text-decoration-color: #dc2626;
    text-decoration-thickness: 1px;
    text-underline-offset: 3px;
    padding: 4px 10px;
    background: rgba(220, 38, 38, 0.08);
    border: 1px solid rgba(220, 38, 38, 0.25);
    border-radius: 6px;
    transition: all 0.3s ease;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
    overflow: visible;
    z-index: 1;
}

.styled-prose-container item_list T::before {
    content: "\2060";
}

.styled-prose-container item_list T:hover {
    background: rgba(220, 38, 38, 0.15);
    border-color: rgba(220, 38, 38, 0.45);
    transform: translateY(-1px);
    box-shadow: 0 4px 10px rgba(220, 38, 38, 0.2);
    text-shadow: 0 0 8px rgba(220, 38, 38, 0.5);
    z-index: 10001;
}

/* 物品 Tooltip 提示框本体 */
.styled-prose-container item_list T Ti {
    /* 默认隐藏 */
    visibility: hidden;
    opacity: 0;
    /* 样式重置 */
    text-decoration: none;
    white-space: normal;
    /* 外观 */
    width: max-content;
    max-width: 320px;
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.98), rgba(248, 248, 248, 0.96));
    color: #333;
    text-align: left;
    border-radius: 10px;
    padding: 14px 18px;
    font-size: 0.9em;
    font-weight: 400;
    line-height: 1.8;
    border: 2px solid #dc2626;
    box-shadow: 0 8px 28px rgba(0, 0, 0, 0.15), 0 0 30px rgba(220, 38, 38, 0.25), inset 0 1px 2px rgba(220, 38, 38, 0.1);
    /* 动画 */
    transition: opacity 0.35s ease, visibility 0.35s ease, transform 0.35s cubic-bezier(0.4, 0, 0.2, 1);
    pointer-events: none;
    /* 核心定位修正 - 使用 fixed 定位避免被裁剪 */
    position: fixed;
    z-index: 99999;
    bottom: auto;
    left: auto;
    transform: translateY(-100%) translateY(-15px);
    backdrop-filter: blur(20px) saturate(120%);
    -webkit-backdrop-filter: blur(20px) saturate(120%);
}

/* 物品 Tooltip 小三角箭头 */
.styled-prose-container item_list T Ti::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 20px;
    margin-left: -8px;
    border-width: 8px;
    border-style: solid;
    border-color: #dc2626 transparent transparent transparent;
    filter: drop-shadow(0 3px 6px rgba(0, 0, 0, 0.25));
}

/* 物品 Tooltip 装饰性标题 */
.styled-prose-container item_list T Ti::before {
    content: '【 ITEM DATA 】';
    display: block;
    font-size: 0.7em;
    color: #dc2626;
    margin-bottom: 10px;
    padding-bottom: 8px;
    border-bottom: 1px solid rgba(220, 38, 38, 0.35);
    letter-spacing: 4px;
    font-weight: 700;
    font-family: 'Orbitron', sans-serif;
    text-shadow: 0 0 10px rgba(220, 38, 38, 0.8);
}

/* 悬浮时显示物品 Tooltip */
.styled-prose-container item_list T:hover Ti {
    visibility: visible;
    opacity: 1;
    transform: translateY(-100%) translateY(-5px);
}

/* 物品 Tooltip 内部信息项样式 */
.styled-prose-container item_list T Ti > span {
    display: inline-block;
    color: #dc2626;
    font-weight: 700;
    margin-right: 6px;
    font-size: 0.95em;
    text-shadow: 0 0 6px rgba(220, 38, 38, 0.4);
}

/* 载具列表容器 */
.styled-prose-container vehicle_list {
    display: block;
    margin: 12px 0 0 0;
    padding: 0;
    position: relative;
    overflow: visible;
}

/* 载具 Tooltip 触发器 */
.styled-prose-container vehicle_list T {
    position: relative;
    display: inline-block;
    margin-bottom: 8px;
    margin-right: 8px;
    cursor: help;
    color: #333;
    font-weight: 600;
    text-decoration-line: underline;
    text-decoration-style: dotted;
    text-decoration-color: #dc2626;
    text-decoration-thickness: 1px;
    text-underline-offset: 3px;
    padding: 4px 10px;
    background: rgba(220, 38, 38, 0.08);
    border: 1px solid rgba(220, 38, 38, 0.25);
    border-radius: 6px;
    transition: all 0.3s ease;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
    overflow: visible;
    z-index: 1;
}

.styled-prose-container vehicle_list T::before {
    content: "\2060";
}

.styled-prose-container vehicle_list T:hover {
    background: rgba(220, 38, 38, 0.15);
    border-color: rgba(220, 38, 38, 0.45);
    transform: translateY(-1px);
    box-shadow: 0 4px 10px rgba(220, 38, 38, 0.2);
    text-shadow: 0 0 8px rgba(220, 38, 38, 0.5);
    z-index: 10001;
}

/* 载具 Tooltip 提示框本体 */
.styled-prose-container vehicle_list T Ti {
    /* 默认隐藏 */
    visibility: hidden;
    opacity: 0;
    /* 样式重置 */
    text-decoration: none;
    white-space: normal;
    /* 外观 */
    width: max-content;
    max-width: 340px;
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.98), rgba(248, 248, 248, 0.96));
    color: #333;
    text-align: left;
    border-radius: 10px;
    padding: 14px 18px;
    font-size: 0.9em;
    font-weight: 400;
    line-height: 1.8;
    border: 2px solid #dc2626;
    box-shadow: 0 8px 28px rgba(0, 0, 0, 0.15), 0 0 30px rgba(220, 38, 38, 0.25), inset 0 1px 2px rgba(220, 38, 38, 0.1);
    /* 动画 */
    transition: opacity 0.35s ease, visibility 0.35s ease, transform 0.35s cubic-bezier(0.4, 0, 0.2, 1);
    pointer-events: none;
    /* 核心定位修正 - 使用 fixed 定位避免被裁剪 */
    position: fixed;
    z-index: 99999;
    bottom: auto;
    left: auto;
    transform: translateY(-100%) translateY(-15px);
    backdrop-filter: blur(20px) saturate(120%);
    -webkit-backdrop-filter: blur(20px) saturate(120%);
}

/* 载具 Tooltip 小三角箭头 */
.styled-prose-container vehicle_list T Ti::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 20px;
    margin-left: -8px;
    border-width: 8px;
    border-style: solid;
    border-color: #dc2626 transparent transparent transparent;
    filter: drop-shadow(0 3px 6px rgba(0, 0, 0, 0.25));
}

/* 载具 Tooltip 装饰性标题 */
.styled-prose-container vehicle_list T Ti::before {
    content: '【 VEHICLE DATA 】';
    display: block;
    font-size: 0.7em;
    color: #dc2626;
    margin-bottom: 10px;
    padding-bottom: 8px;
    border-bottom: 1px solid rgba(220, 38, 38, 0.35);
    letter-spacing: 4px;
    font-weight: 700;
    font-family: 'Orbitron', sans-serif;
    text-shadow: 0 0 10px rgba(220, 38, 38, 0.8);
}

/* 悬浮时显示载具 Tooltip */
.styled-prose-container vehicle_list T:hover Ti {
    visibility: visible;
    opacity: 1;
    transform: translateY(-100%) translateY(-5px);
}

/* 载具 Tooltip 内部信息项样式 */
.styled-prose-container vehicle_list T Ti > span {
    display: inline-block;
    color: #dc2626;
    font-weight: 700;
    margin-right: 6px;
    font-size: 0.95em;
    text-shadow: 0 0 6px rgba(220, 38, 38, 0.4);
}

/* 移动端适配 */
@media (max-width: 768px) {
    .styled-prose-container weapon_list T Ti {
        max-width: 220px;
        padding: 10px 14px;
        font-size: 0.8em;
    }

    .styled-prose-container item_list T Ti,
    .styled-prose-container vehicle_list T Ti {
        max-width: 280px;
        padding: 12px 16px;
        font-size: 0.85em;
    }

    .styled-prose-container weapon_list T Ti::before,
    .styled-prose-container item_list T Ti::before,
    .styled-prose-container vehicle_list T Ti::before {
        font-size: 0.65em;
        letter-spacing: 3px;
        margin-bottom: 8px;
        padding-bottom: 6px;
    }

    .styled-prose-container weapon_list > span,
    .styled-prose-container item_list > span {
        font-size: 13px;
    }

    .styled-prose-container weapon_list T,
    .styled-prose-container item_list T,
    .styled-prose-container vehicle_list T {
        padding: 3px 8px;
        font-size: 0.9em;
        margin-right: 4px;
        margin-bottom: 6px;
    }
}

/* 减少动画模式适配 */
@media (prefers-reduced-motion: reduce) {
    .styled-prose-container weapon_list T,
    .styled-prose-container item_list T,
    .styled-prose-container vehicle_list T {
        transition: none;
    }

    .styled-prose-container weapon_list T Ti,
    .styled-prose-container item_list T Ti,
    .styled-prose-container vehicle_list T Ti {
        transition: opacity 0.2s ease, visibility 0.2s ease;
    }

    .styled-prose-container weapon_list T:hover,
    .styled-prose-container item_list T:hover,
    .styled-prose-container vehicle_list T:hover {
        transform: none;
    }

    .styled-prose-container weapon_list T:hover Ti,
    .styled-prose-container item_list T:hover Ti,
    .styled-prose-container vehicle_list T:hover Ti {
        transform: translateY(-100%) translateY(-5px);
    }
}
think {
  display: none !important;
}

/* === 九宫格侦察地图 (预设同源配色 · 共享读出栏) === */
@keyframes map-current-glow{0%,100%{box-shadow:0 0 6px rgba(251,191,36,0.3),inset 0 0 8px rgba(251,191,36,0.06)}50%{box-shadow:0 0 14px rgba(251,191,36,0.55),inset 0 0 16px rgba(251,191,36,0.15)}}
mp{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);gap:8px;position:relative;margin:10px 0 14px;padding:14px 14px 50px;background:linear-gradient(145deg,rgba(255,255,255,0.8),rgba(248,248,248,0.75));border:1px solid rgba(220,38,38,0.3);border-radius:10px;box-shadow:0 4px 15px rgba(0,0,0,0.05),inset 0 1px 1px rgba(255,255,255,0.6)}
mp::after{content:'无线电侦察中…';position:absolute;left:0;right:0;bottom:0;height:36px;display:flex;align-items:center;justify-content:center;background:rgba(220,38,38,0.05);color:#dc2626;font-size:12px;font-weight:700;letter-spacing:3px;border-radius:0 0 10px 10px;pointer-events:none;z-index:1;font-family:'Orbitron','Rajdhani',sans-serif;border-top:1px dashed rgba(220,38,38,0.3);text-shadow:0 0 6px rgba(220,38,38,0.4);transition:opacity .25s ease}
mp:has(loc:hover)::after,mp:has(loc:focus)::after{opacity:0}
loc{aspect-ratio:1/1;background:rgba(255,255,255,0.7);border:1px solid rgba(220,38,38,0.25);border-radius:8px;display:flex;align-items:center;justify-content:center;text-align:center;font-size:12px;color:#333;padding:4px;word-break:break-all;cursor:pointer;position:static;transition:background .3s ease,border-color .3s ease,box-shadow .3s ease}
loc:hover,loc:focus{background:rgba(255,235,235,0.9);border:1px solid rgba(220,38,38,0.5);outline:none;box-shadow:0 4px 12px rgba(0,0,0,0.1),0 0 25px rgba(220,38,38,0.1)}
loc[t=c]{background:linear-gradient(135deg,rgba(251,191,36,0.15),rgba(255,255,255,0.85));border:2px solid #fbbf24;color:#dc2626;font-weight:700;text-shadow:0 0 6px rgba(220,38,38,0.4);animation:map-current-glow 2s ease-in-out infinite}
loc[t=d]{background:linear-gradient(135deg,rgba(220,38,38,0.15),rgba(255,255,255,0.85));border-color:rgba(220,38,38,0.5);color:#dc2626;font-weight:700}
loc[t=d]:hover,loc[t=d]:focus{border:2px solid #dc2626;box-shadow:0 4px 12px rgba(0,0,0,0.1),0 0 20px rgba(220,38,38,0.25)}
loc[t=q]{background:linear-gradient(135deg,rgba(251,191,36,0.15),rgba(255,255,255,0.85));border-color:rgba(251,191,36,0.5);color:#333;font-weight:700}
loc[t=q]:hover,loc[t=q]:focus{border:2px solid #fbbf24;box-shadow:0 4px 12px rgba(0,0,0,0.1),0 0 20px rgba(251,191,36,0.25)}
loc[t=u]{background:repeating-linear-gradient(45deg,rgba(255,255,255,0.6) 0 6px,rgba(220,38,38,0.04) 6px 12px);border:1px dashed rgba(220,38,38,0.25);color:#999;font-style:italic}
loc[t=u]:hover,loc[t=u]:focus{border:1px dashed rgba(220,38,38,0.5);color:#777;background:repeating-linear-gradient(45deg,rgba(255,250,250,0.9) 0 6px,rgba(220,38,38,0.06) 6px 12px)}
loc>i{display:flex;align-items:center;justify-content:center;position:absolute;left:0;right:0;bottom:0;height:36px;background:linear-gradient(135deg,rgba(255,255,255,0.95),rgba(255,245,245,0.9));border-top:1px solid rgba(220,38,38,0.3);color:#333;font-style:normal;font-size:12px;font-weight:600;opacity:0;z-index:2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0 14px;border-radius:0 0 10px 10px;pointer-events:none;transition:opacity .25s ease;letter-spacing:0.5px}
loc:hover>i,loc:focus>i{opacity:1}
loc[t=d]:hover>i,loc[t=d]:focus>i{border-top:1px solid #dc2626;color:#dc2626;background:linear-gradient(135deg,rgba(255,235,235,0.95),rgba(255,245,245,0.9))}
loc[t=q]:hover>i,loc[t=q]:focus>i{border-top:1px solid #fbbf24;color:#333;background:linear-gradient(135deg,rgba(255,250,220,0.95),rgba(255,245,245,0.9))}
loc[t=c]:hover>i,loc[t=c]:focus>i{border-top:1px solid #fbbf24;color:#dc2626;background:linear-gradient(135deg,rgba(255,248,220,0.95),rgba(255,245,245,0.9));text-shadow:0 0 6px rgba(220,38,38,0.4)}
loc[t=u]:hover>i,loc[t=u]:focus>i{border-top:1px dashed rgba(220,38,38,0.3);color:#777;background:linear-gradient(135deg,rgba(252,252,252,0.95),rgba(250,250,250,0.9))}
mx{display:block;background:rgba(255,245,245,0.5);border:1px solid rgba(220,38,38,0.3);border-left:3px solid #dc2626;border-radius:8px;padding:12px 16px;margin:0 0 12px;font-size:13px;color:#333;line-height:1.8}
mx strong{color:#dc2626;font-weight:700;margin-right:8px;text-shadow:0 0 6px rgba(220,38,38,0.4);font-family:'Orbitron','Rajdhani',sans-serif;letter-spacing:0.5px}
mf{display:block;margin-top:10px;font-size:11px;color:rgba(220,38,38,0.5);text-align:center;letter-spacing:3px;font-weight:700;padding-top:10px;border-top:1px dashed rgba(220,38,38,0.2);font-family:'Orbitron','Rajdhani',sans-serif;text-shadow:0 0 4px rgba(220,38,38,0.3)}