/* 喰种风格组件容器 */
.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-container .detail-grid > abli,
.triple-container .ability-matrix .stat-grid > stat-label {
    display: inline-block; /* 标签本身可以和内容在同一行 */
    font-weight: bold;
    font-size: 0.9em;
    white-space: nowrap; /* 标签不自动换行 */
    margin-right: 5px; /* 标签和值之间的间距 */
    vertical-align: top; /* 确保多行内容时，标签顶部对齐 */
    font-family: 'Georgia', serif !important; /* 字体修正 */
}
.triple-container .detail-grid name { color: var(--accent-red); }
.triple-container .detail-grid SL { color: var(--interaction-gold); }
.triple-container .detail-grid abli { color: var(--system-blue); }
.triple-container .detail-grid info { color: var(--text-muted); }
.triple-container .ability-matrix stat-label { color: #DDA0DD; }
.triple-container .detail-grid value,
.triple-container .ability-matrix stat-value {
    display: inline; /* 让它和标签在同一行 */
    color: var(--text-light);
    font-size: 0.95em;
    white-space: normal;
    word-break: break-word;
    overflow-wrap: break-word;
    width: auto; /* 自动宽度 */
    line-height: 1.5;
    font-family: 'Georgia', serif !important; /* 字体修正 */
}
.triple-container .detail-grid value::after,
.triple-container .ability-matrix stat-value::after {
    content: '';
    display: block; /* 强制在每个值之后换行 */
    height: 5px; /* 增加一点行间距 */
}
.triple-container .detail-grid value.rc-special {
    font-family: 'Courier New', monospace !important; /* 字体修正，特殊值用等宽字体 */
    color: var(--accent-red);
    text-shadow: 0 0 3px rgba(255, 0, 0, 0.5);
}
/* 跨行子文本 (例如：人际关系下的说明) */
.triple-container .detail-grid .sub-text {
    display: block; /* 确保它独占一行 */
    font-size: 0.85em;
    color: var(--text-muted);
    margin: 5px 0 10px 0;
    line-height: 1.4;
    font-family: 'Georgia', serif !important; /* 字体修正 */
}
/* ========================================================================= */
/* --- 修正结束 --- */
/* ========================================================================= */
/* --- 赫子/库因克能力面板 (Kagune/Quinque Ability Matrix) 专属样式 (保持，但修正字体) --- */
.triple-container .ability-matrix {
    border: 1px solid var(--accent-red);
    background: linear-gradient(145deg, #1A0000 0%, #000000 100%);
    box-shadow: 0 0 15px rgba(255, 0, 0, 0.3), inset 0 0 8px rgba(139, 0, 0, 0.5);
}
.triple-container .ability-matrix .matrix-content {
    padding: 10px 15px;
    color: var(--text-light);
    font-size: 0.9em;
    font-family: 'Georgia', serif !important; /* 字体修正 */
}
.triple-container .ability-matrix .matrix-section {
    margin-bottom: 15px;
    border-bottom: 1px dashed rgba(139, 0, 0, 0.5);
    padding-bottom: 10px;
}
.triple-container .ability-matrix .matrix-section:last-of-type {
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 0;
}
.triple-container .ability-matrix .section-header {
    display: flex;
    align-items: center;
    margin-bottom: 8px;
    color: #FF4500;
    font-weight: bold;
    font-size: 1.1em;
    text-shadow: 0 0 3px rgba(255, 69, 0, 0.6);
    font-family: 'Georgia', serif !important; /* 字体修正 */
}
.triple-container .ability-matrix .header-icon {
    margin-right: 8px;
    color: #FF0000;
}
.triple-container .ability-matrix .header-title {
    flex-grow: 1;
}
/* 能力列表 (保持，但修正字体) */
.triple-container .ability-matrix .ability-list {
    list-style: none;
    padding-left: 10px;
    margin: 0;
}
.triple-container .ability-matrix .ability-list li {
    margin-bottom: 5px;
    display: flex;
    align-items: baseline;
}
.triple-container .ability-matrix .ability-name {
    font-weight: bold;
    color: #87CEEB;
    margin-right: 8px;
    white-space: nowrap;
    font-family: 'Georgia', serif !important; /* 字体修正 */
}
.triple-container .ability-matrix .ability-desc {
    color: #E0E0E0;
    word-wrap: break-word;
    overflow-wrap: break-word;
    word-break: break-word;
    font-family: 'Georgia', serif !important; /* 字体修正 */
}
/* 赫者形态 (保持，但修正字体) */
.triple-container .ability-matrix .kakuja-info,
.triple-container .ability-matrix .potential-info {
    margin-left: 10px;
    line-height: 1.4;
    font-family: 'Georgia', serif !important; /* 字体修正 */
}
.triple-container .ability-matrix .kakuja-status,
.triple-container .ability-matrix .potential-level {
    font-weight: bold;
    color: #FF0000;
    margin-right: 8px;
    font-family: 'Georgia', serif !important; /* 字体修正 */
}
.triple-container .ability-matrix .kakuja-desc,
.triple-container .ability-matrix .potential-desc {
    color: #E0E0E0;
    font-style: italic;
    word-wrap: break-word;
    overflow-wrap: break-word;
    word-break: break-word;
    font-family: 'Georgia', serif !important; /* 字体修正 */
}
/* 特殊标记 (保持，但修正字体) */
.triple-container .ability-matrix .marker-list {
    list-style: '🩸 ';
    padding-left: 25px;
    margin: 0;
    color: #FF6347;
}
.triple-container .ability-matrix .marker-list li {
    margin-bottom: 3px;
    word-wrap: break-word;
    overflow-wrap: break-word;
    word-break: break-word;
    font-family: 'Georgia', serif !important; /* 字体修正 */
}
/* --- 羁绊系统 (bond-detail) (保持，但修正字体) --- */
.triple-container .bond-detail {
    margin-top: 10px;
    border: 1px solid rgba(51, 17, 17, 0.7);
    border-radius: 4px;
    background: rgba(26, 5, 5, 0.5);
    margin-bottom: 15px;
}
.triple-container .bond-detail summary {
    background: linear-gradient(90deg, #4a2a0a 0%, var(--bg-medium) 100%);
    border-bottom: 1px solid var(--interaction-gold);
    margin: 0;
    padding: 8px 12px;
    font-size: 0.9em;
    font-family: 'Georgia', serif !important; /* 字体修正 */
}
.triple-container .bond-detail summary .summary-name {
    color: var(--interaction-gold);
    text-shadow: none;
}
.triple-container .bond-detail summary::after {
    font-size: 0.7em;
}
.triple-container .bond-detail[open] > summary {
    border-bottom: 1px solid var(--interaction-gold);
    margin-bottom: 10px;
}
.triple-container .bond-detail ul {
    list-style: none;
    padding: 0 12px 10px;
    margin: 0;
    color: var(--text-light);
    font-size: 0.9em;
    line-height: 1.5;
    font-family: 'Georgia', serif !important; /* 字体修正 */
}
.triple-container .bond-detail li {
    margin-bottom: 5px;
    padding-left: 5px;
    border-left: 2px solid var(--interaction-gold);
}
/* --- 交互面板单元隔离样式 (保持，但修正字体) --- */
.triple-container .interaction-unit {
    background: rgba(20, 10, 10, 0.4);
    border: 1px solid #331111;
    border-left: 3px solid var(--interaction-gold);
    border-radius: 0 4px 4px 0;
    padding: 10px 12px;
    margin-bottom: 15px;
    box-shadow: inset 0 0 10px rgba(0,0,0,0.3);
}
.triple-container .interaction-unit .sub-header {
    font-size: 1.05em;
    color: var(--interaction-gold);
    border-bottom: 1px dashed #553333;
    padding-bottom: 5px;
    margin: 0 0 10px 0;
    display: flex; justify-content: space-between;
    font-family: 'Georgia', serif !important; /* 字体修正 */
}
/* --- 进度条 & BIO-SCANNER (保持，已是 Courier New) --- */
.triple-container .progress-bar-container { border: 1px solid var(--border-color); background: var(--bg-dark); padding: 8px; border-radius: 4px; margin: 10px 0; font-family: 'Courier New', monospace !important; box-shadow: inset 0 0 5px rgba(0,0,0,0.5); }
.triple-container .progress-bar-label { display: flex; justify-content: space-between; color: var(--text-light); font-size: 11px; font-weight: bold; margin-bottom: 4px; text-shadow: 0 0 2px rgba(255,255,255,0.3); font-family: 'Courier New', monospace !important; /* 字体修正 */ }
.triple-container .progress-bar-track { width: 100%; height: 8px; background: #222; border: 1px solid #333; margin-bottom: 6px; border-radius: 4px; overflow: hidden; }
.triple-container .progress-bar-fill { height: 100%; border-radius: 4px; box-shadow: 0 0 8px rgba(255, 0, 0, 0.7); transition: width 0.5s ease-out, background 0.3s ease; }
.triple-container .erosion-fill { background: linear-gradient(90deg, #4caf50 0%, #ff9800 60%, #f44336 100%); }
.triple-container .gluttony-fill { background: linear-gradient(90deg, #5d4037 0%, #b71c1c 50%, #ff0000 100%); box-shadow: 0 0 10px #b71c1c; }
.triple-container .progress-bar-status { font-size: 10px; color: var(--text-muted); text-align: right; margin-top: 4px; font-style: italic; font-family: 'Courier New', monospace !important; /* 字体修正 */ }
.triple-container .bio-scanner {
    border: 1px solid #611; background: linear-gradient(180deg, #1a0505 0%, #000 100%);
    padding: 8px; border-radius: 2px; font-family: 'Courier New', monospace !important;
    color: #a88; font-size: 12px; margin: 8px 0;
}
.triple-container .bio-scanner-header { border-bottom: 1px dashed #833; padding-bottom: 4px; margin-bottom: 4px; display: flex; justify-content: space-between; align-items: center; }
.triple-container .bio-scanner-title { font-weight: bold; color: #f44; text-shadow: 0 0 2px #f00; font-family: 'Courier New', monospace !important; /* 字体修正 */ }
.triple-container .bio-scanner-risk { background: #311; padding: 1px 4px; border-radius: 2px; font-size: 10px; border: 1px solid #522; font-family: 'Courier New', monospace !important; /* 字体修正 */ }
.triple-container .bio-scanner-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 3px 8px; font-size: 11px; font-family: 'Courier New', monospace !important; /* 字体修正 */ }
.triple-container .bio-scanner-trauma { margin-top: 6px; font-size: 10px; color: #966; border-top: 1px dotted #522; padding-top: 3px; line-height: 1.4; font-family: 'Courier New', monospace !important; /* 字体修正 */ }
.triple-container .bio-scanner-trauma-label { color: #f44; font-weight: bold; }
.triple-container .status-ok { color: #6c6; } .triple-container .status-danger { color: #f55; font-weight: bold; }
.triple-container .status-info { color: #4f4; } .status-green { color: #4caf50; } .status-orange-red { color: #ff5722; }
/* --- 信息面板内元素 (保持，但修正字体) --- */
.triple-container .section-title {
    font-size: 1.1em;
    color: var(--interaction-gold);
    margin-top: 15px;
    margin-bottom: 8px;
    border-bottom: 1px solid rgba(243, 156, 18, 0.3);
    padding-bottom: 5px;
    font-weight: bold;
    font-family: 'Georgia', serif !important; /* 字体修正 */
}
.triple-container .news-item {
    font-size: 0.9em;
    color: var(--text-light);
    margin-bottom: 5px;
    padding-left: 10px;
    border-left: 2px solid var(--system-blue);
    font-family: 'Georgia', serif !important; /* 字体修正 */
}
.triple-container .data-table {
    width: 100%;
    border-collapse: collapse;
    margin-top: 10px;
    font-size: 0.9em;
    font-family: 'Georgia', serif !important; /* 字体修正 */
}
.triple-container .data-table th,
.triple-container .data-table td {
    border: 1px solid rgba(51, 17, 17, 0.7);
    padding: 8px;
    text-align: left;
    color: var(--text-light);
    background: rgba(26, 5, 5, 0.3);
    font-family: 'Georgia', serif !important; /* 字体修正 */
}
.triple-container .data-table th {
    background: rgba(51, 17, 17, 0.5);
    color: var(--accent-red);
    font-weight: bold;
}
/* 记忆区 (保持，但修正字体) */
.triple-container .memory-section,
.triple-container .archive-section {
    margin-top: 15px;
    border: 1px solid #331111;
    border-radius: 4px;
    background: rgba(20, 10, 10, 0.4);
}
.triple-container .memory-section summary,
.triple-container .archive-section summary {
    background: linear-gradient(90deg, #1a0a0a 0%, #000 100%);
    border-bottom: 1px solid #555;
    margin: 0;
    padding: 8px 12px;
    font-size: 0.9em;
    color: #ccc;
    text-shadow: none;
    font-family: 'Georgia', serif !important; /* 字体修正 */
}
.triple-container .memory-section div,
.triple-container .archive-section div {
    padding: 10px 12px;
    color: var(--text-muted);
    font-size: 0.85em;
    line-height: 1.4;
    font-family: 'Georgia', serif !important; /* 字体修正 */
}
.triple-container .memory-section b,
.triple-container .archive-section b {
    color: var(--system-blue);
    display: block;
    margin-bottom: 5px;
}
/* --- 剧情分支 (保持，但修正字体) --- */
.triple-container .story-branch {
    border: 1px solid #334455;
    background: var(--bg-dark);
}
.triple-container .story-branch summary {
    background: linear-gradient(90deg, #0a1a2a 0%, var(--bg-medium) 100%);
    color: var(--system-blue);
    font-family: 'Georgia', serif !important; /* 字体修正 */
}
.triple-container .story-branch ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    justify-content: center;
}
.triple-container .story-branch li {
    flex-grow: 1;
    min-width: 120px;
    padding: 8px 12px;
    background: #0a1a2a;
    border: 1px solid #334455;
    border-radius: 6px;
    cursor: pointer;
    transition: all 0.2s ease;
    text-align: center;
    font-size: 0.9em;
    font-family: 'Georgia', serif !important; /* 字体修正 */
}
.triple-container .story-branch li:hover {
    background: var(--system-dark-blue);
    border-color: var(--system-blue);
    transform: translateY(-2px);
}
/* 针对 `details th, details td` 的全局修正，确保表格内容可读 (保持，但修正字体) */
details th, details td {
    border: 1px solid rgba(0, 212, 255, 0.2);
    padding: 10px 12px;
    text-align: left;
    color: #c0c4cc; /* 保持和你其他文本颜色一致 */
    background-color: transparent !important; /* 核心修正：强制背景透明，破除默认的斑马条纹！*/
    word-wrap: break-word; /* 允许长内容换行 */
    white-space: normal; /* 确保内容可以换行 */
    overflow-wrap: break-word; /* 现代浏览器的换行属性 */
    font-family: 'Georgia', serif !important; /* 字体修正 */
}

/* ========================================================================= */
/* --- ★★★ 最终修正：喰种风格・记忆回溯加载框 (防溢出版) ★★★ --- */
/* ========================================================================= */

/* 1. 隐藏默认加载点 */
.style_dot-flashing__8L91Q.style_text__zGhNq { display: none !important; }

/* 2. 容器重构：自适应高度 + 强制盒模型 */
.flex.items-center.justify-center.w-6.h-5 {
    /* 布局重置 */
    display: block !important;
    width: 100% !important;
    height: auto !important;
    min-height: 60px !important; /* 最小高度，避免太扁 */
    margin: 8px 0 !important;
    padding: 0 !important;
    
    /* 喰种风格外观 */
    background: linear-gradient(180deg, #0d0505 0%, #1a0000 100%);
    border: 1px solid #330d0d;
    border-left: 3px solid #ff0000; /* 左侧鲜血条 */
    border-radius: 3px;
    
    /* 关键：防止溢出 */
    box-sizing: border-box !important;
    overflow: hidden !important;
    position: relative !important;
    box-shadow: inset 0 0 15px rgba(0,0,0,0.8);
    
    /* 确保容器不会被外部样式影响 */
    align-items: flex-start !important;
    justify-content: flex-start !important;
}

/* 3. 顶部装饰条：左对齐的系统警告 */
.flex.items-center.justify-center.w-6.h-5::before {
    content: "⚠ RC_CELLS::SYNC_MEMORY //";
    display: block;
    width: 100%;
    padding: 4px 8px;
    background: rgba(60, 10, 10, 0.4);
    border-bottom: 1px solid #330d0d;
    
    /* 字体 */
    font-family: 'Courier New', monospace !important;
    font-size: 10px;
    color: #ff3333;
    text-align: left; /* 强制左对齐 */
    box-sizing: border-box;
    
    /* 防止被外部样式覆盖 */
    font-weight: normal !important;
    line-height: normal !important;
}

/* 4. 核心：动态台词区 (修复溢出问题) */
.flex.items-center.justify-center.w-6.h-5::after {
    content: ""; 
    display: block;
    width: 100%;
    padding: 10px 12px; /* 舒适的内边距 */
    
    /* 字体与排版 */
    font-family: 'Georgia', 'Songti SC', serif !important;
    font-size: 13px;
    line-height: 1.5;
    color: #cccccc;
    text-align: left !important; /* 强制左对齐 */
    font-style: italic;
    
    /* ★★★ 关键修复：强制换行 ★★★ */
    white-space: normal !important; 
    word-wrap: break-word !important;
    word-break: break-word !important;
    box-sizing: border-box !important;
    
    /* 防止被外部样式覆盖 */
    font-weight: normal !important;
    text-transform: none !important;
    letter-spacing: normal !important;
    
    /* 动画 */
    animation: ghoul-quote-cycle-internal 32s infinite step-end;
}

/* 5. 底部细微的呼吸灯条 (增加层次感) */
.flex.items-center.justify-center.w-6.h-5 {
    border-bottom: 1px solid rgba(255, 0, 0, 0.1);
    animation: border-pulse 2s infinite;
}

/* 6. 添加轻微的文字闪烁效果，增强记忆回溯感 */
@keyframes text-flicker {
    0%, 100% { opacity: 0.95; }
    50% { opacity: 0.85; }
}

.flex.items-center.justify-center.w-6.h-5::after {
    animation: 
        ghoul-quote-cycle-internal 32s infinite step-end,
        text-flicker 3s ease-in-out infinite;
}

/* 7. 台词内容轮播动画 */
@keyframes ghoul-quote-cycle-internal {
    0%   { content: "「你是在两个世界都有容身之处，独一无二的存在……我希望你能在人类与喰种的夹缝间思考……希望将来，也能救我的孩子。」 ——芳村功善"; }
    12.5% { content: "「为什么大家都要离我而去，全都消失了……我不要，我再也受不了了。我不想。再失去任何人。」 ——雾岛董香"; }
    25%  { content: "「这样就够了……我很幸福。」 ——佐佐木绯世"; }
    37.5% { content: "「金木，你居然变得那么强，是环境使然的吧。你只能做出这种选择对吧。真可怜。金木。」 ——入见萱"; }
    50%  { content: "「无论是敌人还是同伴……既然如此，你就该更加了解自己的同伴：思考方式和行为模式，要全都记起来。」 ——真户吴绪"; }
    62.5% { content: "「我果然还是不愿和你为敌，但是，身不由己啊……」 ——金木研"; }
    75%  { content: "「错的不是我，错的是这个世界，所谓生存，就是吞噬他人。」"; }
    87.5% { content: "「真正重要的东西，不管痛苦也好、悲伤也好。都要努力到底，就算失去生命，也要用双手来保护到底。」 ——金木"; }
}

/* 边框呼吸动画 */
@keyframes border-pulse {
    0% { border-bottom-color: rgba(255, 0, 0, 0.1); }
    50% { border-bottom-color: rgba(255, 0, 0, 0.5); }
    100% { border-bottom-color: rgba(255, 0, 0, 0.1); }
}

/* 移动端字体微调 */
@media (max-width: 768px) {
    .flex.items-center.justify-center.w-6.h-5 {
        min-height: 70px !important; /* 移动端稍微增加最小高度 */
        margin: 6px 0 !important;
    }
    
    .flex.items-center.justify-center.w-6.h-5::after {
        font-size: 12px; /* 手机上稍微小一点更精致 */
        line-height: 1.4;
        padding: 8px 10px; /* 移动端内边距也相应调整 */
    }
    
    .flex.items-center.justify-center.w-6.h-5::before {
        font-size: 9px; /* 状态栏文字在移动端更小 */
        padding: 3px 6px;
    }
}

/* 超小屏幕设备适配 */
@media (max-width: 480px) {
    .flex.items-center.justify-center.w-6.h-5::after {
        font-size: 11px;
        line-height: 1.3;
    }
}

/* 确保在高对比度模式下也能正常显示 */
@media (prefers-contrast: high) {
    .flex.items-center.justify-center.w-6.h-5::after {
        color: #ffffff !important;
        text-shadow: 0 0 2px #000000 !important;
    }
    
    .flex.items-center.justify-center.w-6.h-5::before {
        color: #ff0000 !important;
        background: rgba(0, 0, 0, 0.8) !important;
    }
}