/* --- 废土电梯生存 PDA 终端主题 CSS --- */

/* 1. 核心色彩与终端外壳 */
.elevator-status {
    --pda-bg: rgba(18, 20, 22, 0.95); /* 极暗的灰黑色背景 */
    --pda-border: #ff9d00; /* 琥珀色/生存警告橙 */
    --pda-text: #d4d4d4; /* 护眼灰白文本 */
    --pda-highlight: #ffb84d; /* 高亮橙色 */
    --pda-danger: #ff4d4d; /* 鲜红色，用于威胁或极度兴奋状态 */
    --pda-erotic: #ff77a9; /* 留给特殊内容的色彩暗示 */
    
    background-color: var(--pda-bg);
    border: 1px solid rgba(255, 157, 0, 0.2);
    border-left: 4px solid var(--pda-border); /* 左侧加粗边框，终端感 */
    border-radius: 4px;
    margin-bottom: 12px;
    color: var(--pda-text);
    font-family: 'Microsoft YaHei', 'SimHei', sans-serif;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.6), inset 0 0 10px rgba(255, 157, 0, 0.05);
    transition: all 0.3s ease;
}

/* 2. 可折叠标题栏 (Summary) 美化 */
.elevator-status summary {
    padding: 10px 15px;
    font-weight: bold;
    font-size: 1.05em;
    color: var(--pda-highlight);
    background: linear-gradient(90deg, rgba(255, 157, 0, 0.15), transparent);
    cursor: pointer;
    outline: none;
    list-style: none; /* 隐藏原生难看的三角形 */
    border-bottom: 1px solid transparent;
    text-shadow: 0 0 5px rgba(255, 157, 0, 0.3);
}

/* 兼容各浏览器的原生箭头隐藏 */
.elevator-status summary::-webkit-details-marker { display: none; }

/* 自定义终端风格的展开/收起符号 */
.elevator-status summary::before {
    content: '[+] ';
    color: var(--pda-border);
    font-family: 'Courier New', monospace;
    margin-right: 5px;
}
.elevator-status[open] summary::before {
    content: '[-] ';
    color: var(--pda-danger); /* 展开时符号变红 */
}
.elevator-status[open] summary {
    border-bottom: 1px solid rgba(255, 157, 0, 0.2); /* 展开后出现分割线 */
}

/* 3. 内部数据区与自定义 <status> 标签 */
.elevator-status .status-content {
    padding: 12px 15px;
    line-height: 1.5;
    font-size: 0.9em;
}
.elevator-status status {
    display: block; /* 确保你自定义的 status 标签正常工作 */
}

/* 4. 核心优化：将每一行 <p> 变成独立的数据条 */
/* 这对你密集的 NPC 性经验记录和物资列表非常有效 */
.elevator-status status p,
.elevator-status .panel-content p {
    margin: 5px 0;
    padding: 6px 10px;
    background: rgba(255, 255, 255, 0.03); /* 微微提亮的底色 */
    border-radius: 3px;
    border-left: 2px solid rgba(255, 255, 255, 0.1);
    word-break: break-word; /* 防止长文本撑破屏幕 */
    transition: background 0.2s, border-color 0.2s;
}

/* 鼠标悬停（或手机点击）时的高亮效果 */
.elevator-status status p:hover,
.elevator-status .panel-content p:hover {
    background: rgba(255, 157, 0, 0.08);
    border-left-color: var(--pda-highlight);
}

/* 5. 频道高亮与特定标签 */
.elevator-status strong {
    color: var(--pda-bg);
    background: var(--pda-highlight);
    padding: 2px 6px;
    border-radius: 2px;
    font-weight: bold;
    margin-right: 5px;
    text-shadow: none;
}

/* 6. 记忆区专属样式 */
.elevator-status h4 {
    color: var(--pda-border);
    margin: 15px 0 8px 0;
    padding-bottom: 4px;
    border-bottom: 1px dashed rgba(255, 157, 0, 0.4);
    font-size: 1em;
    text-transform: uppercase;
    letter-spacing: 1px;
}

/* 7. 针对包含 Emoji 的行（如乳房、阴道等）稍微放大行高，避免拥挤 */
.elevator-status status p {
    line-height: 1.6;
}

/* 顶部栏：科技感磨砂玻璃效果 */
.sticky.w-full.top-0.flex.items-center {
    background: rgba(10, 25, 47, 0.85) !important;
    backdrop-filter: blur(12px);
    border-bottom: 1px solid rgba(100, 255, 218, 0.2);
}
#ai-model-selector .truncate.text-\[13px\], 
#ai-model-selector .shrink-0.flex.items-center svg {
    color: #64ffda !important;
}

/* 开场白选择器 */
div.h-9.rounded-md.cursor-pointer.group:has(svg[data-icon="SlidersH"]) {
    background: rgba(255, 255, 255, 0.05) !important;
    border: 1px solid rgba(100, 255, 218, 0.3) !important;
    transition: all 0.3s ease;
}
div.h-9.rounded-md.cursor-pointer.group:hover {
    background: rgba(100, 255, 218, 0.1) !important;
}

/* 按钮栏：发光边框效果 */
#ai-mod-button2 button.MuiButton-root {
    background: rgba(10, 25, 47, 0.6) !important;
    border: 1px solid #64ffda !important;
    color: #64ffda !important;
    border-radius: 8px !important;
    transition: transform 0.2s, box-shadow 0.2s !important;
}
#ai-mod-button2 button.MuiButton-root:hover {
    box-shadow: 0 0 15px rgba(100, 255, 218, 0.4) !important;
    transform: translateY(-2px);
}

/* 分页栏：极简蓝白风格 */
.MuiPaginationItem-root { color: #8892b0 !important; }
.MuiPaginationItem-root.Mui-selected {
    background-color: #64ffda !important;
    color: #0a192f !important;
    font-weight: bold !important;
}

/* 评论区：深度整合 */
div[class*="w-full"][class*="bg-white"][class*="bottom-0"] {
    background: #0a192f !important;
    color: #ccd6f6 !important;
    border-top: 1px solid #233554 !important;
}
textarea.rc-textarea {
    background: #112240 !important;
    border: 1px solid #233554 !important;
    color: white !important;
}
button.MuiButton-containedPrimary {
    background-color: #64ffda !important;
    color: #0a192f !important;
}
button.MuiButton-outlinedPrimary {
    border: 1px solid #64ffda !important;
    color: #64ffda !important;
}
div.text-sm.text-grey-600 span.font-bold { color: #64ffda !important; }
div.break-all { color: #ccd6f6 !important; line-height: 1.6; }