【东京食尸鬼】喰种大世界V2.0/ROLL能力/大世界探索/还原原著/超全世界书

/* 喰种风格组件容器 */
.ghoul-terminal-kit {
    /* 局部变量定义 */
    --g-red: #ff0f0f;
    --g-dark: #0a0a0a;
    --g-gray: #2b2b2b;
    
    display: flex;
    gap: 10px;
    padding: 15px;
    background: var(--g-dark);
    border: 1px solid var(--g-gray);
    font-family: 'Courier New', monospace;
    max-width: 100%;
    box-sizing: border-box;
    align-items: center;
}

/* 输入框组 */
.ghoul-input-group {
    position: relative;
    flex-grow: 1;
}

/* 输入框本体 */
.ghoul-input {
    width: 100%;
    background: transparent;
    border: none;
    border-bottom: 2px solid var(--g-gray);
    color: #fff;
    padding: 10px 5px;
    font-size: 14px;
    outline: none;
    font-family: inherit;
    letter-spacing: 1px;
}

.ghoul-input::placeholder {
    color: #666;
    font-style: italic;
}

/* 动态红线装饰 */
.ghoul-border-fx {
    position: absolute;
    bottom: 0;
    left: 0;
    height: 2px;
    width: 0%;
    background: var(--g-red);
    box-shadow: 0 0 10px var(--g-red);
    animation: ghoul-line-glitch 3s infinite alternate;
}

/* 按钮本体 */
.ghoul-action-btn {
    position: relative;
    background: transparent;
    border: 1px solid var(--g-red);
    color: var(--g-red);
    padding: 8px 20px;
    font-size: 16px;
    font-weight: bold;
    cursor: pointer;
    overflow: hidden;
    transition: 0.3s;
    text-transform: uppercase;
    letter-spacing: 2px;
}

.ghoul-action-btn .btn-text {
    position: relative;
    z-index: 2;
    transition: 0.3s;
}

/* 按钮血液填充背景 */
.ghoul-action-btn .btn-bg {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 100%;
    background: var(--g-red);
    transition: 0.3s ease-in-out;
    z-index: 1;
}

/* 悬停交互效果 */
.ghoul-action-btn:hover {
    box-shadow: 0 0 15px rgba(255, 15, 15, 0.4);
}

.ghoul-action-btn:hover .btn-bg {
    top: 0;
}

.ghoul-action-btn:hover .btn-text {
    color: #000;
}

/* 简单的红线动画 */
@keyframes ghoul-line-glitch {
    0% { width: 10%; left: 0; opacity: 0.5; }
    50% { width: 60%; left: 20%; opacity: 1; }
    100% { width: 30%; left: 70%; opacity: 0.7; }
}

/* 移动端适配 */
@media (max-width: 600px) {
    .ghoul-terminal-kit {
        flex-direction: column;
        align-items: stretch;
    }
    .ghoul-action-btn {
        width: 100%;
    }
}
/* --- 基础聊天框和全局文本样式 --- */
/* 隐藏聊天框顶部的颜色装饰条，使其融入整体风格 */
[class*="bg-[#F1CBCB]"],
[class*="bg-[#c9e1e9]"] {
    display: none !important;
}
/* 统一聊天框（输入与输出）样式 */
.bg-gray-100\/90.relative.inline-block {
    background: linear-gradient(145deg, #1A0000 0%, #330000 70%, #4B0000 100%) !important; /* 深红黑渐变背景，模仿赫子的血肉感 */
    border: 1px solid #8B0000 !important; /* 暗红色边框，如同血管 */
    border-radius: 8px !important; /* 略微圆润的边缘，避免过于锐利 */
    box-shadow: 0 4px 15px rgba(139, 0, 0, 0.4) !important; /* 带有血色光泽的阴影，增加深度 */
    padding: 15px !important; /* 增加内边距，使内容不紧贴边缘 */
    transition: all 0.3s ease-in-out !important; /* 平滑过渡效果 */
    overflow: hidden; /* 隐藏溢出内容，确保内部滚动条可用 */
    position: relative; /* 为内部的绝对定位或溢出处理提供上下文 */
}
/* 聊天框内的主要文本内容样式 - 基础可读性保障 */
.markdown-body {
    font-family: 'Georgia', serif !important; /* 核心修正：使用您指定的 'Georgia' 字体 */
    color: #F0F0F0 !important; /* 浅灰色文本，在深色背景上高对比度可读 */
    line-height: 1.6 !important; /* 增加行高，提升阅读舒适度 */
    font-size: 15px !important; /* 基础字体大小 */
    transition: all 0.5s ease-in-out !important; /* 为动态变化添加过渡 */
}
/* 聊天框底部附加元素：操作按钮 (复制, 编辑, 删除等) */
.MuiButtonBase-root.MuiButton-root.MuiButton-text.MuiButton-textPrimary {
    color: #EAEAEA !important; background: rgba(139, 0, 0, 0.2) !important;
    border: 1px solid rgba(139, 0, 0, 0.5) !important; border-radius: 4px !important;
    padding: 4px 8px !important; font-weight: bold !important;
    transition: all 0.2s ease-in-out !important;
    font-family: 'Georgia', serif !important; /* 字体修正 */
}
.MuiButtonBase-root.MuiButton-root.MuiButton-text.MuiButton-textPrimary:hover {
    background: rgba(139, 0, 0, 0.4) !important; color: #FFFFFF !important;
    box-shadow: 0 0 8px rgba(139, 0, 0, 0.6) !important;
}
/* 聊天框底部附加元素：模型名称文本 (例如 gemini2.5pro) */
.MuiTypography-root.MuiTypography-body2.css-6c0gf2 {
    color: #EAEAEA !important; font-size: 12px !important;
    font-weight: 500 !important; opacity: 0.8 !important;
    font-family: 'Courier New', monospace !important; /* 字体修正，数据感 */
}
/* 聊天框底部附加元素：Token消耗文本 */
.text-orange-500 {
    color: #FF4500 !important; font-weight: bold !important;
    font-size: 12px !important; text-shadow: 0 0 3px rgba(255, 69, 0, 0.5) !important;
    font-family: 'Courier New', monospace !important; /* 字体修正，数据感 */
}
/* 隐藏默认加载元素 */
.style_dot-flashing__8L91Q.style_text__zGhNq {
    display: none !important;
}
/* 自定义加载动画：血滴脉动效果 */
.flex.items-center.justify-center.w-6.h-5 {
    position: relative !important; height: 24px !important;
    width: auto !important; display: flex !important;
    align-items: center !important; justify-content: center !important;
    overflow: visible !important;
}
.flex.items-center.justify-center.w-6.h-5::before {
    content: ''; position: absolute; top: 50%; left: 50%;
    transform: translate(-50%, -50%); width: 10px; height: 10px;
    background-color: #FF0000; border-radius: 50%;
    box-shadow: 0 0 8px rgba(255, 0, 0, 0.7); animation: pulse-blood 1.5s infinite ease-in-out;
    z-index: 1; pointer-events: none;
}
.flex.items-center.justify-center.w-6.h-5::after {
    content: 'Rc Loading...'; position: absolute; top: 50%; left: 50%;
    transform: translate(-50%, -50%) translateY(12px); color: #FF4500;
    font-family: 'Courier New', monospace !important; /* 字体修正 */
    font-size: 10px;
    letter-spacing: 0.5px; opacity: 0.8; animation: fade-in-out 3s infinite ease-in-out;
    z-index: 0; pointer-events: none;
}
@keyframes pulse-blood {
    0% { transform: translate(-50%, -50%) scale(0.8); opacity: 0.7; }
    50% { transform: translate(-50%, -50%) scale(1.2); opacity: 1; }
    100% { transform: translate(-50%, -50%) scale(0.8); opacity: 0.7; }
}
@keyframes fade-in-out {
    0%, 100% { opacity: 0.5; }
    50% { opacity: 1; }
}
/* 针对移动端适配 */
@media (max-width: 768px) {
    .bg-gray-100\/90.relative.inline-block { padding: 10px !important; border-radius: 6px !important; }
    .markdown-body { font-size: 14px !important; line-height: 1.5 !important; }
    .flex.items-center.justify-center.w-6.h-5::after { font-size: 9px; transform: translate(-50%, -50%) translateY(10px); }
    .markdown-body.erosion-critical, .markdown-body.erosion-broken, .markdown-body.gluttony-extreme {
        filter: blur(0.8px) !important; animation-duration: 1.5s !important;
    }
}
/* --- 全局变量与状态栏容器样式 (保持，但修正字体) --- */
.triple-container {
    --bg-dark: #0d0d0d; --bg-medium: #1a0505; --bg-light: #2a0a0a;
    --border-color: #330d0d; --accent-red: #e74c3c; --accent-dark-red: #8b0000;
    --text-light: #f0f0f0; --text-muted: #888; --ghoul-eye-red: #b71c1c;
    --system-blue: #5dade2; --system-dark-blue: #1a2a3a;
    --interaction-gold: #f39c12;
    font-family: 'Georgia', serif !important; /* 核心修正：使用您指定的 'Georgia' 字体 */
    color: var(--text-light);
    line-height: 1.6; padding: 10px; border-radius: 8px;
    background: linear-gradient(135deg, #0a0a0a 0%, #1a0a0a 100%);
    box-shadow: 0 0 25px rgba(255, 0, 0, 0.2), inset 0 0 10px rgba(0,0,0,0.5);
    margin-bottom: 20px;
    max-width: 100%;
    box-sizing: border-box;
    overflow: hidden;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
    gap: 15px;
}
/* --- 容器内文本 (保持，已是 Georgia) --- */
.triple-container > text {
    display: block;
    font-family: 'Georgia', serif !important; /* 保持，已是 Georgia */
    font-size: 1.15em;
    line-height: 1.8;
    color: #e0e0e0;
    text-shadow: 1px 1px 2px rgba(0,0,0,0.8), 0 0 5px rgba(255,0,0,0.1);
    margin: 15px 0; padding: 0 5px; letter-spacing: 0.5px;
    width: 100%;
    flex-basis: 100%;
    order: -1;
    margin-bottom: 20px;
    box-sizing: border-box;
}
/* --- 面板核心布局 (保持) --- */
.triple-container .main-panel {
    flex: 1 1 calc(50% - 7.5px);
    min-width: 0;
    max-width: calc(50% - 7.5px);
    border: 1px solid var(--border-color);
    border-radius: 8px;
    background: linear-gradient(145deg, var(--bg-medium) 0%, #000 100%);
    box-shadow: 0 0 10px rgba(231, 76, 60, 0.2), inset 0 0 5px rgba(0,0,0,0.4);
    box-sizing: border-box;
    overflow: hidden;
    transition: all 0.2s ease;
}
/* --- 面板顺序与宽度 (保持) --- */
.triple-container .profile-card { order: 1; }
.triple-container .ability-matrix { order: 2; }
.triple-container .party-card { order: 3; }
.triple-container .interaction-panel { order: 4; }
.triple-container .story-branch {
    order: 5;
    flex: 1 1 100%;
    max-width: 100%;
}
/* --- 面板展开与折叠样式 (保持) --- */
.triple-container .main-panel[open] {
    flex: 1 1 100%;
    max-width: 100%;
    padding: 15px;
    margin-bottom: 15px;
}
.triple-container .main-panel[open] > summary {
    padding: 10px 15px;
    margin: -15px -15px 15px -15px;
    border-bottom: 1px solid var(--accent-red);
    font-size: 1.1em;
}
.triple-container .main-panel:not([open]) {
    padding: 0;
    border-color: var(--border-color);
    box-shadow: 0 2px 5px rgba(0,0,0,0.5);
}
.triple-container .main-panel:not([open]):hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 10px rgba(231, 76, 60, 0.5);
    border-color: var(--accent-red);
}
.triple-container .main-panel:not([open]) > summary {
    padding: 8px 15px;
    margin: 0;
    border-bottom: none;
    font-size: 0.95em;
    letter-spacing: 1px;
}
/* --- summary通用样式 (保持) --- */
.triple-container summary {
    cursor: pointer; user-select: none; display: flex;
    justify-content: space-between; align-items: center;
    color: var(--text-light);
    font-weight: bold;
    text-shadow: 0 0 8px rgba(255, 0, 0, 0.7);
    transition: background 0.2s ease, border-color 0.2s ease;
    font-family: 'Georgia', serif !important; /* 字体修正 */
}
.triple-container summary::-webkit-details-marker { display: none; }
.triple-container summary::after { content: '▶'; font-size: 0.8em; transition: transform 0.2s ease; margin-left: 10px; }
.triple-container details[open] > summary::after { content: '▼'; }
/* 各面板 summary 的背景色 (保持) */
.triple-container .profile-card summary { background: linear-gradient(90deg, var(--accent-dark-red) 0%, var(--bg-medium) 100%); }
.triple-container .ability-matrix summary { background: linear-gradient(90deg, #8B0000 0%, #4B0000 100%); }
.triple-container .party-card summary { background: linear-gradient(90deg, var(--system-dark-blue) 0%, var(--bg-medium) 100%); }
.triple-container .interaction-panel summary { background: linear-gradient(90deg, #4a2a0a 0%, var(--bg-medium) 100%); }
.triple-container .story-branch summary { background: linear-gradient(90deg, #0a1a2a 0%, var(--bg-medium) 100%); }
/* summary内部元素 (保持) */
.triple-container summary .summary-name { flex-grow: 1; }
.triple-container .profile-card summary .summary-name { color: var(--accent-red); }
.triple-container .ability-matrix summary .summary-name { color: #FFFAFA; text-shadow: 0 0 5px rgba(255, 0, 0, 0.8); }
.triple-container .party-card summary .summary-name { color: var(--system-blue); }
.triple-container .interaction-panel summary .summary-name { color: var(--interaction-gold); }
.triple-container .story-branch summary .summary-name { color: var(--system-blue); }
.triple-container summary .summary-power { font-size: 0.9em; color: #aaa; margin-left: 10px; text-shadow: none; }
.triple-container .main-panel:not([open]) > summary .summary-power { display: inline; }
/* ========================================================================= */
/* --- 核心修正：detail-grid 和 stat-grid 的布局方式 (保持上一次的修正) --- */
/* ========================================================================= */
/* 整体容器，内部元素将按行排列 */
.triple-container .detail-grid,
.triple-container .ability-matrix .stat-grid {
    display: block; /* 确保整个容器是块级，占据可用宽度 */
    padding: 0;
    margin: 0;
}
.triple-container .detail-grid > name,
.triple-container .detail-grid > SL,
.triple-container .detail-grid > info,
.triple-containe

/* 预览已截断；下载 CSS 可查看完整内容。 */

本页只展示本地导出中可核验的公开字段。下载 JSON 可查看完整原始记录。