/* --- 霓虹欲念 UI 核心变量与基础 --- */
.n-w {
--n-bg: #09020f;
--n-p1: #b026ff; /* 主霓虹紫 */
--n-p2: #ff1493; /* 魅惑粉 */
--n-p3: #7000ff; /* 深渊紫 */
--n-g1: #00ffcc; /* 毒药绿点缀 */
--n-txt: #e2d5f8;
--n-gl: 0 0 10px var(--n-p1), 0 0 20px var(--n-p1), inset 0 0 15px rgba(176,38,255,0.2);
--n-gl-h: 0 0 15px var(--n-p2), 0 0 30px var(--n-p2), inset 0 0 20px rgba(255,20,147,0.4);
--n-br: 8px;
--n-bd: 1px solid rgba(176,38,255,0.4);
background: radial-gradient(circle at 50% 0%, #1a052e 0%, var(--n-bg) 70%);
color: var(--n-txt);
font-family: 'Segoe UI', system-ui, sans-serif;
padding: 15px;
border-radius: 12px;
box-shadow: 0 0 40px rgba(10,2,15,0.8) inset;
position: relative;
overflow: hidden;
line-height: 1.6;
font-size: 14px;
}
.n-w::before {
content: '';
position: absolute;
top: 0; left: 0; right: 0; bottom: 0;
background: repeating-linear-gradient(0deg, transparent, transparent 2px, rgba(176,38,255,0.03) 2px, rgba(176,38,255,0.03) 4px);
pointer-events: none;
z-index: 0;
}

/* --- 折叠面板 --- */
.n-d {
margin-bottom: 15px;
background: rgba(20,5,30,0.6);
border: var(--n-bd);
border-radius: var(--n-br);
box-shadow: 0 4px 15px rgba(0,0,0,0.5);
backdrop-filter: blur(5px);
-webkit-backdrop-filter: blur(5px);
transition: all 0.3s ease;
position: relative;
z-index: 1;
}
.n-d:focus-within { box-shadow: var(--n-gl); border-color: var(--n-p1); }
.n-d-sub { margin-top: 10px; border-color: var(--n-p2); } /* 子折叠面板 */

/* --- 标题栏 --- */
.n-s {
padding: 12px 15px;
cursor: pointer;
font-weight: 700;
font-size: 16px;
color: #fff;
text-shadow: 0 0 5px var(--n-p2), 0 0 10px var(--n-p2);
list-style: none;
display: flex;
align-items: center;
background: linear-gradient(90deg, rgba(176,38,255,0.15) 0%, transparent 100%);
border-radius: var(--n-br);
transition: all 0.3s;
user-select: none;
}
.n-s::-webkit-details-marker { display: none; }
.n-s::before {
content: '✦';
color: var(--n-p2);
margin-right: 10px;
font-size: 18px;
text-shadow: 0 0 8px var(--n-p2);
transition: transform 0.3s, color 0.3s;
}
/* 修复：将 > 替换为 > */
.n-d[open] > .n-s {
border-bottom: 1px solid rgba(255,20,147,0.3);
background: linear-gradient(90deg, rgba(255,20,147,0.2) 0%, transparent 100%);
text-shadow: 0 0 8px var(--n-p1), 0 0 15px var(--n-p1);
}
.n-d[open] > .n-s::before {
transform: rotate(90deg);
color: var(--n-p1);
text-shadow: 0 0 10px var(--n-p1);
}
.n-s:hover { background: rgba(176,38,255,0.2); letter-spacing: 1px; }

/* --- 内容区 --- */
.n-c {
padding: 15px;
animation: n-fade 0.5s ease-out;
border-top: 1px solid transparent;
}
@keyframes n-fade {
from { opacity: 0; transform: translateY(-10px) scale(0.98); filter: blur(2px); }
to { opacity: 1; transform: translateY(0) scale(1); filter: blur(0); }
}

/* --- 布局与标签 --- */
.n-g { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 12px; margin-bottom: 10px; }
.n-i {
background: rgba(10,2,20,0.5);
padding: 8px 12px;
border-left: 3px solid var(--n-p1);
border-radius: 0 4px 4px 0;
display: flex;
flex-direction: column;
transition: all 0.2s;
}
.n-i:hover { background: rgba(176,38,255,0.1); border-left-color: var(--n-p2); transform: translateX(3px); }
.n-l {
color: var(--n-p2);
font-weight: 600;
margin-bottom: 4px;
text-shadow: 0 0 3px rgba(255,20,147,0.5);
font-size: 13px;
}
.n-v { color: var(--n-txt); flex: 1; word-break: break-word; font-size: 14px; }

/* --- 分割线与标题 --- */
.n-hr {
display: flex;
align-items: center;
margin: 20px 0 15px 0;
color: var(--n-p1);
font-weight: bold;
text-shadow: 0 0 5px var(--n-p1);
font-size: 15px;
}
.n-hr::before, .n-hr::after {
content: ''; flex: 1; height: 1px;
background: linear-gradient(90deg, transparent, var(--n-p1), transparent);
margin: 0 10px;
box-shadow: 0 0 5px var(--n-p1);
}

/* --- 强调区块 (身体状态/记忆) --- */
.n-b {
background: radial-gradient(circle at center, rgba(255,20,147,0.05) 0%, transparent 70%);
border: 1px dashed rgba(255,20,147,0.3);
padding: 12px;
border-radius: 6px;
margin-top: 8px;
}
.n-b .n-l { color: #ff66b2; }
.n-m {
border-left: 2px solid var(--n-g1);
padding: 15px;
margin: 10px 0;
background: rgba(0,255,204,0.05);
font-style: italic;
color: #a8f0e1;
text-shadow: 0 0 3px rgba(0,255,204,0.3);
border-radius: 0 8px 8px 0;
}

/* --- 表格 --- */
.n-t-w { overflow-x: auto; width: 100%; }
.n-t { width: 100%; border-collapse: collapse; margin-top: 10px; font-size: 13px; min-width: 500px; }
.n-t th {
background: rgba(176,38,255,0.2);
color: var(--n-p2);
padding: 10px;
text-align: left;
border-bottom: 2px solid var(--n-p1);
text-shadow: 0 0 5px var(--n-p2);
white-space: nowrap;
}
.n-t td {
padding: 10px;
border-bottom: 1px solid rgba(176,38,255,0.2);
background: rgba(10,2,20,0.3);
}
.n-t tr:hover td { background: rgba(255,20,147,0.1); }

/* --- 响应式适配 --- */
@media (max-width: 768px) {
.n-g { grid-template-columns: 1fr; }
.n-s { font-size: 15px; padding: 10px; }
.n-w { padding: 10px; border-radius: 8px; }
}
@media (max-width: 400px) {
.n-hr { font-size: 13px; }
.n-s::before { margin-right: 5px; }
.n-v { font-size: 13px; }
}

/* ========================================= */
/* --- 催眠加载动画：覆盖并重写原网站样式 --- */
/* ========================================= */
div.flex.items-center.justify-center.w-6.h-5 {
position: relative !important;
display: flex !important;
flex-direction: column !important;
align-items: flex-start !important;
width: auto !important;
height: auto !important;
min-height: 70px !important;
padding: 15px 0 !important;
margin-top: 10px !important;
}

/* 隐藏原有的所有伪元素干扰 */
div.style_dot-flashing__8L91Q.style_text__zGhNq::before,
div.style_dot-flashing__8L91Q.style_text__zGhNq::after {
display: none !important;
content: none !important;
visibility: hidden !important;
opacity: 0 !important;
width: 0 !important;
height: 0 !important;
}

/* 催眠波纹跳动动画容器 */
div.style_dot-flashing__8L91Q.style_text__zGhNq {
position: relative !important;
margin-left: 45px !important;
margin-bottom: 15px !important;
width: 40px !important;
height: 20px !important;
background-color: transparent !important;
border-radius: 0 !important;
overflow: visible !important;
background: 
linear-gradient(#ff1493, #b026ff) 0% 50%,
linear-gradient(#b026ff, #ff1493) 25% 50%,
linear-gradient(#ff1493, #b026ff) 50% 50%,
linear-gradient(#b026ff, #ff1493) 75% 50%,
linear-gradient(#ff1493, #b026ff) 100% 50%;
background-repeat: no-repeat !important;
background-size: 5px 20%, 5px 40%, 5px 50%, 5px 40%, 5px 20% !important;
animation: hypno-dance 1.5s infinite ease-in-out !important;
filter: drop-shadow(0 0 8px #ff1493) drop-shadow(0 0 12px #b026ff) !important;
}

/* 催眠文字提示 */
div.flex.items-center.justify-center.w-6.h-5::after {
content: "🌀女友催眠进行中 🌀" !important;
position: relative !important;
margin-left: 45px !important;
display: block !important;
white-space: normal !important;
max-width: calc(100vw - 70px) !important;
font-size: 15px !important;
font-weight: bold !important;
letter-spacing: 2px !important;
background: linear-gradient(90deg, #ff1493, #b026ff, #ff1493) !important;
background-size: 200% auto !important;
background-clip: text !important;
-webkit-background-clip: text !important;
-webkit-text-fill-color: transparent !important;
animation: hypno-text-flow 2s linear infinite, hypno-pulse 1.5s ease-in-out infinite !important;
text-shadow: 0 0 15px rgba(176,38,255,0.6) !important;
}

/* 催眠波纹动画帧 */
@keyframes hypno-dance {
0%, 100% { background-size: 5px 20%, 5px 40%, 5px 60%, 5px 40%, 5px 20%; filter: drop-shadow(0 0 5px #ff1493) hue-rotate(0deg); }
20% { background-size: 5px 40%, 5px 80%, 5px 30%, 5px 60%, 5px 30%; }
40% { background-size: 5px 80%, 5px 30%, 5px 50%, 5px 100%, 5px 50%; filter: drop-shadow(0 0 20px #b026ff) hue-rotate(45deg); }
60% { background-size: 5px 40%, 5px 100%, 5px 80%, 5px 30%, 5px 60%; }
80% { background-size: 5px 60%, 5px 50%, 5px 100%, 5px 50%, 5px 40%; }
}

@keyframes hypno-text-flow {
to { background-position: 200% center; }
}
@keyframes hypno-pulse {
0%, 100% { opacity: 0.8; transform: scale(1); }
50% { opacity: 1; transform: scale(1.05); }
}

/* 加载动画超小屏适配 */
@media (max-width: 400px) {
div.style_dot-flashing__8L91Q.style_text__zGhNq,
div.flex.items-center.justify-center.w-6.h-5::after {
margin-left: 20px !important;
font-size: 13px !important;
}
}
/* ========================================= */
/* ========================================= */
/* --- 樱庭凰华里世界：全局背景与消息气泡 --- */
/* ========================================= */

/* 覆盖全局默认背景，融入深渊紫 */
body, #root, .bg-gray-50, .bg-white {
    background-color: #09020f !important;
}

/* AI消息气泡（教师/系统视角 - 幽暗魅惑紫） */
#customized-answer-content {
    background: rgba(20, 5, 30, 0.75) !important;
    border: 1px solid rgba(176, 38, 255, 0.4) !important;
    box-shadow: 0 0 20px rgba(176, 38, 255, 0.15) inset, 0 5px 15px rgba(0, 0, 0, 0.6) !important;
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
}
/* AI消息顶部装饰条（粉紫渐变） */
/* 修复：类名 bg-[#F1CBCB] 中的 '#' 需转义为 '\#' */
#customized-answer-content .bg-\[\#F1CBCB\] {
    background: linear-gradient(90deg, #b026ff, #ff1493) !important;
    box-shadow: 0 0 12px #b026ff !important;
}
/* AI消息文本 */
#customized-answer-content .text-gray-900,
#customized-answer-content .markdown-body {
    color: #e2d5f8 !important;
    text-shadow: 0 0 2px rgba(226, 213, 248, 0.2) !important;
}

/* 用户消息气泡（猎物/学生视角 - 迷乱淫靡粉） */
#customized-question-content {
    background: rgba(30, 5, 20, 0.75) !important;
    border: 1px solid rgba(255, 20, 147, 0.4) !important;
    box-shadow: 0 0 20px rgba(255, 20, 147, 0.15) inset, 0 5px 15px rgba(0, 0, 0, 0.6) !important;
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
}
/* 用户消息顶部装饰条 */
/* 修复：类名 bg-[#c9e1e9] 中的 '#' 需转义为 '\#' */
#customized-question-content .bg-\[\#c9e1e9\] {
    background: linear-gradient(90deg, #ff1493, #b026ff) !important;
    box-shadow: 0 0 12px #ff1493 !important;
}
/* 用户消息文本 */
#customized-question-content .text-gray-900,
#customized-question-content .markdown-body {
    color: #ffd1dc !important;
    text-shadow: 0 0 2px rgba(255, 209, 220, 0.3) !important;
}

/* 消息操作按钮（悬浮霓虹发光） */
#customized-answer-content button,
#customized-question-content button {
    color: rgba(176, 38, 255, 0.6) !important;
    transition: all 0.3s ease !important;
}
#customized-answer-content button:hover,
#customized-question-content button:hover {
    color: #ff1493 !important;
    filter: drop-shadow(0 0 8px #ff1493) !important;
    transform: scale(1.1) !important;
}

/* ========================================= */
/* --- 界面控制区：顶部控制栏与底部输入框 --- */
/* ========================================= */

/* 顶部控制栏（监控室视角） */
.sticky.top-0 {
    background: rgba(9, 2, 15, 0.85) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border-bottom: 1px solid rgba(176, 38, 255, 0.4) !important;
    box-shadow: 0 4px 30px rgba(176, 38, 255, 0.2) !important;
}
.sticky.top-0 * {
    color: #e2d5f8 !important;
}

/* 底部输入区背景遮罩 */
.bg-gradient-to-t {
    background: linear-gradient(to top, #09020f 50%, transparent) !important;
}

/* 底部主输入框容器 */
.bg-white.border-\[1\.5px\] {
    background: rgba(20, 5, 30, 0.8) !important;
    border: 1px solid #b026ff !important;
    box-shadow: 0 0 20px rgba(176, 38, 255, 0.25) inset, 0 0 15px rgba(0,0,0,0.8) !important;
    border-radius: 12px !important;
}
/* 输入框文本 */
#ai-chat-input {
    color: #e2d5f8 !important;
    caret-color: #ff1493 !important;
}
#ai-chat-input::placeholder {
    color: rgba(176, 38, 255, 0.5) !important;
    font-style: italic !important;
}

/* 发送按钮（欲望注入开关） */
#ai-send-button {
    background: rgba(255, 20, 147, 0.15) !important;
    border: 1px solid rgba(255, 20, 147, 0.5) !important;
    box-shadow: 0 0 10px rgba(255, 20, 147, 0.4) !important;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
}
#ai-send-button:hover {
    background: rgba(255, 20, 147, 0.4) !important;
    box-shadow: 0 0 20px #ff1493, 0 0 40px #ff1493 !important;
    transform: scale(1.05) !important;
}
#ai-send-button .icon-icon-send {
    color: #fff !important;
    filter: drop-shadow(0 0 2px #fff) !important;
}

/* 快捷按钮组（Mod配置等） */
#ai-mod-button2 .MuiButton-outlinedPrimary {
    border-color: rgba(176, 38, 255, 0.5) !important;
    color: #b026ff !important;
    background: rgba(20, 5, 30, 0.6) !important;
}
#ai-mod-button2 .MuiButton-outlinedPrimary:hover {
    border-color: #ff1493 !important;
    color: #ff1493 !important;
    box-shadow: 0 0 15px rgba(255, 20, 147, 0.4) !important;
}

/* ========================================= */
/* --- 暗网评论区：满足变态虚荣的法外之地 --- */
/* ========================================= */

/* 评论区主面板 */
.absolute.bottom-0.z-20.inset-x-0.bg-white {
    background: rgba(9, 2, 15, 0.95) !important;
    backdrop-filter: blur(15px) !important;
    -webkit-backdrop-filter: blur(15px) !important;
    border-top: 2px solid #b026ff !important;
    box-shadow: 0 -10px 40px rgba(176, 38, 255, 0.3) !important;
}

/* 评论区标题与文字 */
.text-lg.font-bold.pl-3,
.group.ml-0 .text-sm.text-grey-600 span.font-bold,
.group.ml-0 div.break-all {
    color: #e2d5f8 !important;
    text-shadow: 0 0 3px rgba(226, 213, 248, 0.3) !important;
}
/* 时间戳等次要文字 */
.group.ml-0 .text-xs.text-grey-600 {
    color: rgba(176, 38, 255, 0.6) !important;
}

/* 评分星星（极品女的堕落评级） */
.MuiRating-iconFilled {
    color: #ff1493 !important;
    filter: drop-shadow(0 0 8px #ff1493) !important;
}
.MuiRating-iconEmpty {
    color: rgba(176, 38, 255, 0.2) !important;
}
.text-orange-500.w-14 {
    color: #ff1493 !important;
    text-shadow: 0 0 5px #ff1493 !important;
}

/* 评论输入框 */
.flex.flex-col.border-\[1\.5px\].border-gray-200 {
    border-color: rgba(176, 38, 255, 0.5) !important;
    background: rgba(20, 5, 30, 0.6) !important;
    box-shadow: inset 0 0 10px rgba(176, 38, 255, 0.2) !important;
}
textarea[placeholder="发表评论"] {
    color: #e2d5f8 !important;
}
textarea[placeholder="发表评论"]::placeholder {
    color: rgba(176, 38, 255, 0.4) !important;
}
/* 评论区字数统计底色 */
.bg-gray-100.text-xs.font-medium {
    background: transparent !important;
    color: rgba(176, 38, 255, 0.6) !important;
}

/* 评论列表项悬停效果 */
.group.ml-0 {
    padding: 8px !important;
    border-radius: 8px !important;
    transition: background 0.3s !important;
}
.group.ml-0:hover {
    background: rgba(176, 38, 255, 0.1) !important;
    box-shadow: inset 3px 0 0 #ff1493 !important;
}

/* 滚动条美化（暗网风格） */
.p-3.overflow-y-auto.h-full::-webkit-scrollbar {
    width: 6px !important;
}
.p-3.overflow-y-auto.h-full::-webkit-scrollbar-track {
    background: rgba(9, 2, 15, 0.5) !important;
}
.p-3.overflow-y-auto.h-full::-webkit-scrollbar-thumb {
    background: rgba(176, 38, 255, 0.5) !important;
    border-radius: 10px !important;
}
.p-3.overflow-y-auto.h-full::-webkit-scrollbar-thumb:hover {
    background: #ff1493 !important;
}

/* ========================================= */
/* --- 修复补丁：纯紫深渊输入框 (增强版) --- */
/* ========================================= */

/* 压暗背景，保留纯紫边框和幽光，消除刺眼感 */
.bg-white.border-\[1\.5px\] {
    background: rgba(10, 2, 20, 0.95) !important;
    border: 1.5px solid #b026ff !important;
    box-shadow: 0 0 15px rgba(176, 38, 255, 0.3) !important;
    transition: border-color 0.3s ease, box-shadow 0.3s ease !important; /* 平滑过渡 */
}

/* 输入框聚焦时：边框变亮、外发光增强 */
.bg-white.border-\[1\.5px\]:focus-within {
    border-color: #ff1493 !important;
    box-shadow: 0 0 25px rgba(255, 20, 147, 0.5), 0 0 40px rgba(176, 38, 255, 0.3) !important;
}

/* 纯紫文字注入 */
#ai-chat-input {
    color: #b026ff !important;
    font-weight: 600 !important;
    text-shadow: 0 0 3px rgba(176, 38, 255, 0.5) !important;
    caret-color: #ff1493 !important;
    background: transparent !important; /* 确保背景透明，继承容器背景 */
}

/* 占位符提示词调暗，突出实际输入的文字 */
#ai-chat-input::placeholder {
    color: rgba(176, 38, 255, 0.35) !important;
    font-weight: normal !important;
}

/* 输入框内选中文本的颜色反转，确保能看清 */
#ai-chat-input::selection {
    background: #b026ff !important;
    color: #09020f !important;
}

/* 可选的额外细节：输入框内滚动条颜色（若有长文本） */
#ai-chat-input::-webkit-scrollbar {
    width: 4px;
}
#ai-chat-input::-webkit-scrollbar-track {
    background: rgba(10, 2, 20, 0.5);
}
#ai-chat-input::-webkit-scrollbar-thumb {
    background: #b026ff;
    border-radius: 2px;
}