/* 核心重置与基础布局 */
* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

.content {
    max-width: 1000px;
    margin: 0 auto;
    padding: 20px;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, sans-serif;
    color: #333;
    line-height: 1.6;
}

/* 标题样式 */
.title-main {
    font-size: 2.5rem;
    margin-bottom: 1rem;
    /* color: #2c3e50; */
	color: white;
    border-bottom: 3px solid #3498db;
    padding-bottom: 0.5rem;
}

.title-section {
    font-size: 1.8rem;
    margin: 1.5rem 0 1rem 0;
    color: #2980b9;
}

/* 段落与引导文本 */
.text-lead {
    font-size: 1.25rem;
    font-weight: 300;
    /* color: #555; */
	color: white;
    margin-bottom: 1.5rem;
}

.text-paragraph {
    margin-bottom: 1rem;
    text-align: justify;
}

/* 列表样式 */
.list-ordered,
.list-unordered {
    margin: 1rem 0 1rem 2rem;
}

.list-item {
    margin-bottom: 0.5rem;
}

/* 分区样式 */
.section {
    margin-bottom: 2rem;
    padding: 1.5rem;
    background-color: #f8f9fa;
    border-radius: 8px;
    border-left: 4px solid #3498db;
}

/* 提示框样式 */
.note {
    margin-top: 2rem;
    padding: 1rem;
    background-color: #e8f4fc;
    border-radius: 6px;
    border: 1px solid #b6e0ff;
}

.note-text {
    color: #2c6ca3;
    margin-bottom: 0;
    font-style: italic;
}

/* 响应式设计 */
@media (max-width: 768px) {
    .content {
        padding: 15px;
    }
    .title-main {
        font-size: 2rem;
    }
    .title-section {
        font-size: 1.5rem;
    }
    .text-lead {
        font-size: 1.1rem;
    }
    .section {
        padding: 1rem;
    }
}

@media (max-width: 480px) {
    .title-main {
        font-size: 1.75rem;
    }
    .title-section {
        font-size: 1.3rem;
    }
    .list-ordered,
    .list-unordered {
        margin-left: 1.5rem;
    }
}

/* 新增样式，用于完善报告结构 */
.title-subsection {
    font-size: 1.4rem;
    margin: 1.2rem 0 0.8rem 0;
    color: #16a085;
    font-weight: 600;
}

/* 高亮总结区块样式 */
.section.highlight {
    background-color: #fef9e7;
    border-left-color: #f1c40f;
    border-left-width: 6px;
}

.section.highlight .title-section {
    color: #d35400;
}

/* 针对较长列表的优化 */
.list-unordered {
    padding-left: 1.8rem;
}

.list-unordered .list-item {
    margin-bottom: 0.7rem;
    position: relative;
}

/* 为无序列表项添加自定义符号 */
.list-unordered .list-item::before {
    /* content: "▸"; */
    color: #3498db;
    font-weight: bold;
    position: absolute;
    left: -1.2rem;
}

/* 新增用于结论部分的分区框样式 */
.framed-box {
    padding: 1.2rem;
    margin: 1.5rem 0;
    border-radius: 8px;
    background-color: #f8f9fa;
    border-left: 5px solid #3498db; /* 默认蓝色 */
}

.framed-box.warning {
    border-left-color: #e74c3c; /* 警告框用红色 */
    background-color: #fdf2f2;
}

.framed-box .title-subsection {
    margin-top: 0;
    color: inherit;
}

/* 嵌套列表样式 */
.list-nested {
    list-style-type: circle;
    margin: 0.5rem 0 0.5rem 2rem;
    padding-left: 1rem;
}

/* 新增用于逻辑推演表格的样式 */
.logic-table {
    width: 100%;
    border-collapse: collapse;
    margin: 1.5rem 0;
    font-size: 0.95rem;
    box-shadow: 0 2px 5px rgba(0,0,0,0.05);
}

.logic-table thead {
    background-color: #2c3e50;
    color: white;
}

.logic-table th,
.logic-table td {
    padding: 0.75rem 1rem;
    text-align: left;
    border: 1px solid #ddd;
}

.logic-table tbody tr:nth-child(even) {
    background-color: #f9f9f9;
}

.logic-table tbody tr:hover {
    background-color: #f1f7fd;
}

/* 概念模型区块样式 */
.concept-model {
    background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
    border-left: 5px solid #9b59b6;
    padding: 1.5rem;
    border-radius: 0 8px 8px 0;
    margin: 1.5rem 0;
}

.concept-model .title-subsection {
    color: #8e44ad;
    margin-top: 0;
}

/* 公式推导区块样式 */
.formula-derivation {
    background-color: #f8fafc;
    border: 1px solid #d1e0f0;
    border-radius: 8px;
    padding: 1.5rem;
    margin: 1.5rem 0;
}

.formula {
    text-align: center;
    margin: 1.5rem 0;
    padding: 1rem;
    background-color: white;
    border: 2px dashed #4a90e2;
    border-radius: 5px;
    font-family: "Courier New", monospace;
    font-size: 1.2rem;
    font-weight: bold;
    color: #2c3e50;
    overflow-x: auto;
}

/* 类比表格样式 */
.analogy-table {
    width: 100%;
    border-collapse: collapse;
    margin: 1rem 0;
}
.analogy-table th, .analogy-table td {
    border: 1px solid #bdc3c7;
    padding: 0.8rem;
    vertical-align: top;
    width: 50%;
}
.analogy-table thead {
    background-color: #34495e;
    color: white;
}
.analogy-table tbody tr:nth-child(even) {
    background-color: #ecf0f1;
}

/* 超级工程网格布局 */
.engineering-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 1.5rem;
    margin: 1.5rem 0;
}
.eng-item {
    background: white;
    border: 1px solid #ddd;
    border-radius: 8px;
    padding: 1.2rem;
    box-shadow: 0 3px 6px rgba(0,0,0,0.05);
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.eng-item:hover {
    transform: translateY(-3px);
    box-shadow: 0 5px 15px rgba(0,0,0,0.08);
}
.eng-title {
    color: #27ae60;
    margin-top: 0;
    border-bottom: 2px solid #a3e4d7;
    padding-bottom: 0.5rem;
}
.eng-desc {
    font-size: 0.95rem;
    color: #555;
}

/* 原理阐述框 */
.principle-box {
    padding: 1.2rem;
    margin: 1.5rem 0;
    border-radius: 8px;
    border-left: 5px solid #3498db;
    background-color: #e8f4fc;
}
.principle-box.warning {
    border-left-color: #e74c3c;
    background-color: #fdeaea;
}

/* 科学现状区块 */
.science-status {
    background-color: #f9f9f9;
    border: 1px solid #ddd;
    border-radius: 8px;
    padding: 1.5rem;
    margin: 1.5rem 0;
}

/* 架构逻辑区块 */
.arch-logic {
    background: linear-gradient(to right, #f8f9fa, #e9ecef);
    padding: 1.5rem;
    border-radius: 8px;
    margin: 1.5rem 0;
}
.arch-logic .title-subsection {
    color: #8e44ad;
}

/* 概念对比面板 */
.concept-contrast {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1.5rem;
    margin: 1.5rem 0;
}
@media (max-width: 768px) {
    .concept-contrast {
        grid-template-columns: 1fr;
    }
}
.concept-panel {
    background: white;
    border: 1px solid #ddd;
    border-radius: 8px;
    padding: 1.5rem;
    box-shadow: 0 2px 4px rgba(0,0,0,0.05);
}
.concept-panel.highlight {
    border-color: #9b59b6;
    border-width: 2px;
    background-color: #f8f5ff;
}

/* 范式对比表格 */
.paradigm-table {
    width: 100%;
    border-collapse: collapse;
    margin: 1.5rem 0;
    font-size: 0.9rem;
}
.paradigm-table th,
.paradigm-table td {
    border: 1px solid #bdc3c7;
    padding: 0.8rem;
    text-align: left;
    vertical-align: top;
}
.paradigm-table thead {
    background-color: #2c3e50;
    color: white;
}
.paradigm-table tbody tr:nth-child(even) {
    background-color: #f8f9fa;
}
.paradigm-table tbody tr:hover {
    background-color: #e8f4fc;
}

/* 语义分解布局 */
.semantic-breakdown {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1.5rem;
    margin: 1.5rem 0;
}
@media (max-width: 768px) {
    .semantic-breakdown {
        grid-template-columns: 1fr;
    }
}
.meaning-box {
    padding: 1.5rem;
    border-radius: 8px;
    background-color: white;
    border: 2px solid #3498db;
}
.meaning-box.warning {
    border-color: #e74c3c;
}
.meaning-box .title-subsection {
    margin-top: 0;
}

/* 立场标注 */
.standpoint-agree {
    color: #27ae60;
    font-weight: 600;
}
.standpoint-reject {
    color: #c0392b;
    font-weight: 600;
}

/* 批判性区块 */
.critique-block {
    background-color: #fef9e7;
    border-left: 6px solid #f1c40f;
    padding: 1.5rem;
    margin: 1.5rem 0;
    border-radius: 0 8px 8px 0;
}

/* 引用段 */
.quote {
    font-style: italic;
    color: #555;
    border-left: 4px solid #95a5a6;
    padding-left: 1.5rem;
    margin: 1.5rem 0;
}

/* 判决书样式 */
.verdict {
    background-color: #f8f9fa;
    border: 2px solid #2c3e50;
    border-radius: 8px;
    padding: 1.8rem;
    margin: 1.5rem 0;
    font-family: 'Georgia', serif;
}
.verdict h3 {
    text-align: center;
    color: #2c3e50;
    border-bottom: 2px solid #2c3e50;
    padding-bottom: 0.5rem;
    margin-top: 0;
}
.verdict p {
    margin: 0.8rem 0;
}
.verdict ul {
    margin: 0.5rem 0 0.5rem 2rem;
}

/* 哲学观点分解 */
.philosophy-breakdown {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1.5rem;
    margin: 1.5rem 0;
}
@media (max-width: 768px) {
    .philosophy-breakdown {
        grid-template-columns: 1fr;
    }
}
.philosophy-point {
    background-color: #f1f8ff;
    border: 1px solid #c6e2ff;
    border-radius: 8px;
    padding: 1.5rem;
}

/* 怀疑论表格 */
.skepticism-table {
    width: 100%;
    border-collapse: collapse;
    margin: 1.5rem 0;
    font-size: 0.9rem;
    word-break: break-word;
}
.skepticism-table th,
.skepticism-table td {
    border: 1px solid #bdc3c7;
    padding: 0.8rem;
    vertical-align: top;
}
.skepticism-table thead {
    background-color: #34495e;
    color: white;
    position: sticky;
    top: 0;
}
.skepticism-table tbody tr:nth-child(even) {
    background-color: #f8f9fa;
}
.skepticism-table tbody tr:hover {
    background-color: #e8f4fc;
}

/* 过程图示 */
.process-diagram {
    background: linear-gradient(to bottom, #fff, #f9f9f9);
    border: 2px dashed #8e44ad;
    border-radius: 10px;
    padding: 1.5rem;
    margin: 1.5rem 0;
}
.process-diagram .list-ordered {
    list-style-type: none;
    counter-reset: step-counter;
    padding-left: 0;
}
.process-diagram .list-item {
    counter-increment: step-counter;
    margin-bottom: 1.2rem;
    padding-left: 3rem;
    position: relative;
    min-height: 2.5rem;
}
.process-diagram .list-item::before {
    content: counter(step-counter);
    position: absolute;
    left: 0;
    top: 0;
    background-color: #8e44ad;
    color: white;
    font-weight: bold;
    width: 2rem;
    height: 2rem;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* 立场层级 */
.position-hierarchy {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    margin: 1.5rem 0;
}
.tier {
    padding: 1.2rem;
    border-radius: 8px;
    background-color: white;
    border-left: 5px solid #27ae60;
    box-shadow: 0 2px 4px rgba(0,0,0,0.05);
}
.tier h4 {
    margin-top: 0;
    color: #27ae60;
}
.tier:nth-child(2) {
    border-left-color: #3498db;
}
.tier:nth-child(2) h4 {
    color: #3498db;
}
.tier:nth-child(3) {
    border-left-color: #9b59b6;
}
.tier:nth-child(3) h4 {
    color: #9b59b6;
}

/* ==================== def-card 修复 - 防止溢出父容器 ==================== */

/* 1. 修复定义革命卡片布局 */
.definition-revolution {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(350px, 100%), 1fr)); /* 关键修复 */
    gap: 1.5rem;
    margin: 1.5rem 0;
    width: 100%;
    max-width: 100%;
    overflow: hidden; /* 防止内部元素溢出 */
}

.def-card {
    background: white;
    border-radius: 10px;
    overflow: hidden; /* 确保内容不溢出卡片 */
    box-shadow: 0 5px 15px rgba(0,0,0,0.08);
    border: 1px solid #e0e0e0;
    transition: transform 0.3s ease;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box; /* 确保padding和border包含在宽度内 */
    display: flex;
    flex-direction: column;
    min-width: 0; /* 关键：允许flex子项收缩 */
}

.def-header {
    background: linear-gradient(135deg, #2c3e50, #4a6491);
    color: white;
    padding: 1.2rem;
    position: relative;
    flex-shrink: 0; /* 头部不收缩 */
}

.def-header .title-subsection {
    margin: 0;
    font-size: 1.3rem;
    word-break: break-word; /* 长标题自动换行 */
    hyphens: auto;
}

.tag {
    position: absolute;
    top: 1rem;
    right: 1rem;
    background: rgba(255,255,255,0.2);
    padding: 0.2rem 0.6rem;
    border-radius: 12px;
    font-size: 0.8rem;
    white-space: nowrap; /* 标签不换行 */
}

.def-body {
    padding: 1.5rem;
    flex-grow: 1;
    overflow: hidden; /* 防止内容溢出 */
    min-width: 0; /* 关键：允许内容区域收缩 */
}

.def-body ul {
    margin: 0.8rem 0 0.8rem 1.5rem;
    padding-left: 0.5rem; /* 减少缩进 */
}

.def-body p,
.def-body li {
    word-break: break-word;
    hyphens: auto;
    overflow-wrap: break-word;
}

/* 响应式调整 */
@media (max-width: 768px) {
    .definition-revolution {
        grid-template-columns: 1fr; /* 小屏单列 */
        gap: 1rem;
    }
    
    .def-card {
        margin: 0 auto;
        max-width: 100%;
    }
    
    .def-header .title-subsection {
        font-size: 1.1rem;
        padding-right: 3rem; /* 为标签留空间 */
    }
    
    .tag {
        top: 0.8rem;
        right: 0.8rem;
        font-size: 0.75rem;
    }
    
    .def-body {
        padding: 1.2rem;
    }
    
    .def-body ul {
        margin-left: 1rem;
        padding-left: 0;
    }
}

@media (max-width: 480px) {
    .definition-revolution {
        gap: 0.8rem;
    }
    
    .def-header {
        padding: 1rem;
    }
    
    .def-body {
        padding: 1rem;
    }
    
    .def-header .title-subsection {
        font-size: 1rem;
        line-height: 1.3;
    }
}

/* ==================== logic-loop 修复 - 改进显示效果 ==================== */

.logic-loop {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    margin: 2.5rem 0;
    gap: 1.5rem; /* 增加间距 */
    width: 100%;
    position: relative;
}

/* 添加连接线样式 */
.logic-loop::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    height: 2px;
    background: linear-gradient(90deg, 
        transparent 0%, 
        #3498db 20%, 
        #9b59b6 50%, 
        #3498db 80%, 
        transparent 100%);
    z-index: -1;
    display: none; /* 大屏时隐藏，用箭头替代 */
}

.loop-step {
    background: #f8f9fa;
    border: 2px solid #3498db;
    border-radius: 50%;
    width: 120px;
    height: 120px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 0.8rem;
    position: relative;
    z-index: 2;
    box-shadow: 0 3px 10px rgba(52, 152, 219, 0.2);
    transition: all 0.3s ease;
}

.loop-step:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 15px rgba(52, 152, 219, 0.3);
}

.step-number {
    position: absolute;
    top: -15px;
    background: #3498db;
    color: white;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    font-size: 0.9rem;
    box-shadow: 0 2px 4px rgba(0,0,0,0.2);
    z-index: 3;
}

.step-content {
    width: 100%;
	min-width: 180px;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.step-content h4 {
    margin: 0.3rem 0;
    font-size: 0.85rem;
    color: #2c3e50;
    line-height: 1.2;
    font-weight: 600;
    max-width: 100%;
    word-break: break-word;
    hyphens: auto;
}

.step-content p {
    font-size: 0.7rem;
    color: #666;
    margin: 0;
    line-height: 1.1;
    max-width: 100%;
    word-break: break-word;
    hyphens: auto;
}

.loop-arrow {
    font-size: 1.8rem;
    color: #95a5a6;
    font-weight: bold;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 40px;
}

/* 响应式调整 - 中屏 */
@media (max-width: 1024px) {
    .logic-loop {
        gap: 1.2rem;
    }
    
    .loop-step {
        width: 110px;
        height: 110px;
        padding: 0.7rem;
    }
    
    .step-content h4 {
        font-size: 0.8rem;
    }
    
    .step-content p {
        font-size: 0.65rem;
    }
    
    .loop-arrow {
        font-size: 1.5rem;
    }
}

/* 响应式调整 - 平板 */
@media (max-width: 768px) {
    .logic-loop {
        flex-wrap: wrap;
        justify-content: center;
        gap: 1rem;
        margin: 2rem 0;
    }
    
    .logic-loop::before {
        display: block; /* 显示连接线 */
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%) rotate(90deg);
        width: 80%;
        height: 2px;
    }
    
    .loop-step {
        width: 100px;
        height: 100px;
        padding: 0.6rem;
    }
    
    .step-number {
        width: 25px;
        height: 25px;
        top: -12px;
        font-size: 0.8rem;
    }
    
    .step-content h4 {
        font-size: 0.75rem;
        margin: 0.2rem 0;
    }
    
    .step-content p {
        font-size: 0.6rem;
    }
    
    .loop-arrow {
        display: none; /* 隐藏箭头，使用连接线 */
    }
    
    /* 调整步骤顺序 - 垂直排列 */
    .logic-loop {
        flex-direction: column;
        align-items: center;
    }
    
    .logic-loop .loop-step {
        margin: 1rem 0;
    }
    
    .logic-loop::before {
        transform: translate(-50%, -50%) rotate(90deg);
        width: 2px;
        height: calc(100% - 200px);
    }
}

/* 响应式调整 - 手机 */
@media (max-width: 480px) {
    .logic-loop {
        gap: 0.8rem;
        margin: 1.5rem 0;
    }
    
    .loop-step {
        width: 90px;
        height: 90px;
        padding: 0.5rem;
    }
    
    .step-number {
        width: 22px;
        height: 22px;
        top: -11px;
        font-size: 0.75rem;
    }
    
    .step-content h4 {
        font-size: 0.7rem;
    }
    
    .step-content p {
        font-size: 0.55rem;
    }
    
    .logic-loop::before {
        height: calc(100% - 180px);
    }
}

/* 小屏备用方案：改为垂直布局 */
@media (max-width: 375px) {
    .logic-loop {
        display: grid;
        grid-template-columns: 1fr;
        justify-items: center;
        gap: 1.5rem;
    }
    
    .logic-loop::before {
        display: none; /* 超小屏隐藏连接线 */
    }
    
    .loop-step {
        width: 100%;
        max-width: 250px;
        height: auto;
        min-height: 100px;
        border-radius: 12px;
        padding: 1rem;
        display: grid;
        grid-template-columns: auto 1fr;
        gap: 1rem;
        align-items: center;
    }
    
    .loop-step:hover {
        transform: translateY(-3px);
    }
    
    .step-number {
        position: relative;
        top: 0;
        margin-right: 0.5rem;
        width: 35px;
        height: 35px;
        font-size: 1rem;
    }
    
    .step-content {
        text-align: left;
    }
    
    .step-content h4 {
        font-size: 0.9rem;
        margin-bottom: 0.3rem;
    }
    
    .step-content p {
        font-size: 0.75rem;
    }
}

/* 打印样式 */
@media print {
    .logic-loop {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 1rem;
    }
    
    .loop-arrow {
        display: none;
    }
    
    .loop-step {
        break-inside: avoid;
        page-break-inside: avoid;
    }
}

/* 模型对比表格 */
.model-comparison {
    width: 100%;
    border-collapse: collapse;
    margin: 1.2rem 0;
    font-size: 0.9rem;
}
.model-comparison th,
.model-comparison td {
    border: 1px solid #ddd;
    padding: 0.8rem;
    text-align: left;
}
.model-comparison thead {
    background-color: #2c3e50;
    color: white;
}
.model-comparison tbody tr:nth-child(even) {
    background-color: #f9f9f9;
}
.model-comparison tbody tr:last-child {
    background-color: #e8f4fc;
    font-weight: bold;
    border: 2px solid #3498db;
}

/* 利弊分析 */
.pro-con {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1.5rem;
    margin: 1.5rem 0;
}
@media (max-width: 768px) {
    .pro-con {
        grid-template-columns: 1fr;
    }
}
.pros, .cons {
    padding: 1.2rem;
    border-radius: 8px;
}
.pros {
    background-color: #e8f6f3;
    border-left: 5px solid #27ae60;
}
.pros h4 {
    color: #27ae60;
}
.cons {
    background-color: #fdeaea;
    border-left: 5px solid #e74c3c;
}
.cons h4 {
    color: #e74c3c;
}

/* 量子辩论布局 */
.quantum-debate {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1.5rem;
    margin: 1.5rem 0;
}
@media (max-width: 768px) {
    .quantum-debate {
        grid-template-columns: 1fr;
    }
}
.interpretation {
    padding: 1.5rem;
    border-radius: 8px;
    background-color: white;
    border: 2px solid #bdc3c7;
}
.interpretation.highlight {
    border-color: #9b59b6;
    background-color: #f8f5ff;
}
.core-idea {
    background-color: #ecf0f1;
    padding: 1rem;
    border-left: 4px solid #3498db;
    margin: 1rem 0;
    font-style: italic;
}
.interpretation.highlight .core-idea {
    border-left-color: #9b59b6;
}

/* 科技树时间线 */
.tech-tree {
    display: flex;
    flex-direction: column;
    gap: 2rem;
    margin: 2rem 0;
    position: relative;
}
.tech-tree::before { /* 时间轴线 */
    content: '';
    position: absolute;
    left: 1.5rem;
    top: 0;
    bottom: 0;
    width: 4px;
    background: linear-gradient(to bottom, #3498db, #9b59b6);
    border-radius: 2px;
}
.era {
    display: flex;
    gap: 1.5rem;
    align-items: flex-start;
    position: relative;
    padding-left: 3.5rem;
	flex-direction: column;
}
.era::before { /* 时间节点 */
    content: '';
    position: absolute;
    left: 1.2rem;
    top: 0.5rem;
    width: 1rem;
    height: 1rem;
    border-radius: 50%;
    background-color: #3498db;
    border: 3px solid white;
    box-shadow: 0 0 0 2px #3498db;
    z-index: 1;
}
.era:nth-child(2)::before { background-color: #9b59b6; box-shadow: 0 0 0 2px #9b59b6; }
.era:nth-child(3)::before { background-color: #e74c3c; box-shadow: 0 0 0 2px #e74c3c; }
.era-header {
    min-width: 200px;
}
.era-header .title-subsection {
    margin-top: 0;
    color: #2c3e50;
}
.era-tag {
    display: inline-block;
    background-color: #ecf0f1;
    color: #7f8c8d;
    font-size: 0.85rem;
    padding: 0.2rem 0.7rem;
    border-radius: 12px;
    margin-top: 0.5rem;
}
.era-content {
    flex: 1;
    background-color: white;
    border: 1px solid #eee;
    border-radius: 8px;
    padding: 1.2rem;
    box-shadow: 0 2px 4px rgba(0,0,0,0.05);
}
.era-content ul {
    margin: 0.8rem 0 0.8rem 1.5rem;
}

/* 灾难分析区块 */
.disaster-analysis {
    background-color: #fdf2f2;
    border: 1px solid #fadbd8;
    border-radius: 8px;
    padding: 1.5rem;
    margin: 1.5rem 0;
}

/* 公理正反审视 */
.axiom-examination {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1.5rem;
    margin: 1.5rem 0;
}
@media (max-width: 768px) {
    .axiom-examination {
        grid-template-columns: 1fr;
    }
}
.axiom-pro, .axiom-con {
    padding: 1.2rem;
    border-radius: 8px;
}
.axiom-pro {
    background-color: #e8f6f3;
    border: 1px solid #a3e4d7;
}
.axiom-pro h4 { color: #27ae60; }
.axiom-con {
    background-color: #fdeaea;
    border: 1px solid #f5b7b1;
}
.axiom-con h4 { color: #e74c3c; }

/* 算力神性区块 */
.computational-godhood {
    background-color: #f4f4f4;
    border-left: 5px solid #34495e;
    padding: 1.5rem;
    margin: 1.5rem 0;
    border-radius: 0 8px 8px 0;
}

/* 叙事必要性表格 */
.narrative-table {
    width: 100%;
    border-collapse: collapse;
    margin: 1.5rem 0;
    font-size: 0.9rem;
}
.narrative-table th,
.narrative-table td {
    border: 1px solid #bdc3c7;
    padding: 0.8rem;
    vertical-align: top;
}
.narrative-table thead {
    background-color: #8e44ad;
    color: white;
}
.narrative-table tbody tr:nth-child(odd) {
    background-color: #f8f9fa;
}
.narrative-table tbody tr:nth-child(even) {
    background-color: #f2e6f8;
}

/* N体问题辩护布局 */
.n-body-defense {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1.5rem;
    margin: 1.5rem 0;
}
@media (max-width: 768px) {
    .n-body-defense {
        grid-template-columns: 1fr;
    }
}
.defense-point {
    background-color: white;
    border: 1px solid #ddd;
    border-radius: 8px;
    padding: 1.5rem;
    box-shadow: 0 2px 4px rgba(0,0,0,0.05);
}

/* 意识悖论区块 */
.consciousness-paradox {
    background-color: #f0f8ff;
    border-left: 6px solid #4682b4;
    padding: 1.5rem;
    margin: 1.5rem 0;
    border-radius: 0 8px 8px 0;
}

/* 元层次结构 */
.meta-layer {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    margin: 2rem 0;
}
.layer {
    border: 2px solid;
    border-radius: 10px;
    overflow: hidden;
    transition: transform 0.3s ease;
}
.layer:hover {
    transform: scale(1.01);
}
.layer:nth-child(1) {
    border-color: #3498db;
}
.layer:nth-child(2) {
    border-color: #9b59b6;
}
.layer:nth-child(3) {
    border-color: #e74c3c;
}
.layer-header {
    background-color: inherit;
    color: white;
    padding: 0.8rem 1.2rem;
    font-weight: bold;
    border-bottom: 2px solid;
}
.layer:nth-child(1) .layer-header { background-color: #3498db; }
.layer:nth-child(2) .layer-header { background-color: #9b59b6; }
.layer:nth-child(3) .layer-header { background-color: #e74c3c; }
.layer-content {
    padding: 1.2rem;
    background-color: white;
}

/* 模拟悖论对比 */
.simulation-paradox {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1.5rem;
    margin: 1.5rem 0;
}
@media (max-width: 768px) {
    .simulation-paradox {
        grid-template-columns: 1fr;
    }
}
.paradox-side {
    padding: 1.5rem;
    border-radius: 8px;
    background-color: white;
    border: 2px solid #95a5a6;
}
.paradox-side.highlight {
    border-color: #e74c3c;
    background-color: #fdeaea;
}

/* 密钥复杂度光谱 */
.spectrum {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    margin: 1.5rem 0;
    position: relative;
}
.spectrum::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    height: 4px;
    background: linear-gradient(to right, #bdc3c7, #3498db, #9b59b6);
    transform: translateY(-50%);
    z-index: 0;
}
.spectrum-item {
    background: white;
    border: 2px solid;
    border-radius: 8px;
    padding: 1rem;
    width: 30%;
    position: relative;
    z-index: 1;
    text-align: center;
    box-shadow: 0 2px 5px rgba(0,0,0,0.1);
}
.spectrum-item.simple { border-color: #bdc3c7; }
.spectrum-item.complex { border-color: #3498db; }
.spectrum-item.our { border-color: #9b59b6; border-width: 3px; }
.spec-label {
    font-weight: bold;
    margin-bottom: 0.5rem;
    font-size: 0.9rem;
}
.spec-desc {
    font-size: 0.8rem;
    color: #555;
}
@media (max-width: 768px) {
    .spectrum {
        flex-direction: column;
        align-items: center;
        gap: 1rem;
    }
    .spectrum::before {
        width: 4px;
        height: 100%;
        left: 50%;
        top: 0;
        transform: translateX(-50%);
        background: linear-gradient(to bottom, #bdc3c7, #3498db, #9b59b6);
    }
    .spectrum-item {
        width: 80%;
    }
}

/* 意义对比表格 */
.meaning-table {
    width: 100%;
    border-collapse: collapse;
    margin: 1.5rem 0;
    font-size: 0.9rem;
}
.meaning-table th,
.meaning-table td {
    border: 1px solid #ddd;
    padding: 0.8rem;
    vertical-align: top;
}
.meaning-table thead {
    background-color: #2c3e50;
    color: white;
}
.meaning-table tbody tr:nth-child(even) {
    background-color: #f8f9fa;
}
.meaning-table tbody tr:hover {
    background-color: #e8f4fc;
}

/* 创世者工具卡片 */
.creator-tools {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 1.5rem;
    margin: 2rem 0;
}
.tool-card {
    background: white;
    border-radius: 12px;
    padding: 1.8rem 1.5rem;
    text-align: center;
    box-shadow: 0 5px 15px rgba(0,0,0,0.05);
    border: 2px solid #ddd;
    transition: all 0.3s ease;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.tool-card.highlight {
    border-color: #9b59b6;
    transform: translateY(-5px);
    box-shadow: 0 8px 20px rgba(155, 89, 182, 0.15);
}
.tool-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 20px rgba(0,0,0,0.1);
}
.tool-icon {
    font-size: 2.5rem;
    margin-bottom: 1rem;
    line-height: 1;
}
.tool-title {
    color: #2c3e50;
    margin: 0 0 1rem 0;
    font-size: 1.3rem;
    line-height: 1.3;
}
.tool-sub {
    display: block;
    font-size: 0.9rem;
    color: #7f8c8d;
    font-weight: normal;
    margin-top: 0.3rem;
}
.tool-desc {
    font-size: 0.95rem;
    color: #555;
    text-align: left;
    line-height: 1.5;
    flex-grow: 1;
}
.tool-desc p {
    margin: 0.5rem 0;
}

/* 内部视角区块 */
.internal-view {
    background-color: #f8f9fa;
    border-radius: 10px;
    padding: 1.8rem;
    margin: 1.5rem 0;
}

/* 意识圣域区块 */
.consciousness-sanctuary {
    background: linear-gradient(135deg, #fdf6e3 0%, #faf3e0 100%);
    border-left: 6px solid #f1c40f;
    padding: 1.8rem;
    margin: 1.5rem 0;
    border-radius: 0 10px 10px 0;
}

/* 模拟困境步骤 */
.simulation-dilemma {
    display: flex;
    flex-direction: column;
    gap: 2rem;
    margin: 2rem 0;
    position: relative;
    padding-left: 3rem;
}
.simulation-dilemma::before {
    content: '';
    position: absolute;
    left: 1.5rem;
    top: 0;
    bottom: 0;
    width: 3px;
    background: linear-gradient(to bottom, #e74c3c, #3498db);
    border-radius: 1.5px;
}
.dilemma-step {
    position: relative;
    /* padding-left: 2rem; */
}
.step-marker {
    position: absolute;
    left: -3.2rem;
    top: 0;
    background: #2c3e50;
    color: white;
    width: 2.2rem;
    height: 2.2rem;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    font-size: 1.1rem;
    box-shadow: 0 0 0 3px white;
}
.dilemma-branch {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1.5rem;
    margin-top: 1rem;
}
@media (max-width: 768px) {
    .dilemma-branch {
        grid-template-columns: 1fr;
    }
}
.branch {
    padding: 1.2rem;
    border-radius: 8px;
    background-color: #f8f9fa;
    border: 1px solid #ddd;
}
.branch h4 {
    margin-top: 0;
    color: #2c3e50;
}

/* 奥卡姆裁决核心辩护表 */
.core-defense {
    width: 100%;
    border-collapse: collapse;
    margin: 1.5rem 0;
    font-size: 0.9rem;
}
.core-defense th,
.core-defense td {
    border: 1px solid #bdc3c7;
    padding: 0.8rem;
    vertical-align: top;
}
.core-defense thead {
    background-color: #34495e;
    color: white;
}
.core-defense tbody tr:nth-child(even) {
    background-color: #f8f9fa;
}

/* 原理声明 */
.principle-statement {
    background-color: #e8f4fc;
    border-left: 5px solid #2980b9;
    padding: 1.5rem;
    margin: 1.5rem 0;
    font-style: italic;
    border-radius: 0 8px 8px 0;
}

/* 可能性对比 */
.possibility-contrast {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1.5rem;
    margin: 1.5rem 0;
}
@media (max-width: 768px) {
    .possibility-contrast {
        grid-template-columns: 1fr;
    }
}
.possibility {
    padding: 1.5rem;
    border-radius: 8px;
    background-color: white;
    border: 2px solid #bdc3c7;
}
.possibility.highlight {
    border-color: #27ae60;
    background-color: #e8f6f3;
}
.possibility h4 {
    margin-top: 0;
    color: inherit;
}

/* 逻辑三段论 */
.syllogism {
    border: 2px solid #2c3e50;
    border-radius: 10px;
    overflow: hidden;
    margin: 2rem 0;
}
.premise, .conclusion {
    padding: 1.5rem;
}
.premise {
    border-bottom: 1px dashed #bdc3c7;
    background-color: #f8f9fa;
}
.premise-label, .conclusion-label {
    font-size: 0.9rem;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #7f8c8d;
    margin-bottom: 0.5rem;
    font-weight: bold;
}
.premise-content, .conclusion-content {
    font-size: 1.1rem;
    line-height: 1.5;
}
.conclusion {
    background-color: #e8f4fc;
    font-weight: bold;
}

/* 隐喻对比 */
.comparison {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1.5rem;
    margin: 1.5rem 0;
}
@media (max-width: 768px) {
    .comparison {
        grid-template-columns: 1fr;
    }
}
.comp-item {
    padding: 1.5rem;
    border-radius: 8px;
    background-color: white;
    border: 2px solid #ddd;
}
.comp-item.highlight {
    border-color: #9b59b6;
    background-color: #f8f5ff;
}

/* 最终层级结构 */
.hierarchy-final {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    margin: 2rem 0;
}
.hierarchy-tier {
    border: 2px solid;
    border-radius: 10px;
    overflow: hidden;
}
.hierarchy-tier:nth-child(1) { border-color: #3498db; }
.hierarchy-tier:nth-child(2) { border-color: #9b59b6; }
.hierarchy-tier:nth-child(3) { border-color: #e74c3c; }
.tier-header {
    background-color: inherit;
    color: white;
    padding: 1rem 1.5rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.hierarchy-tier:nth-child(1) .tier-header { background-color: #3498db; }
.hierarchy-tier:nth-child(2) .tier-header { background-color: #9b59b6; }
.hierarchy-tier:nth-child(3) .tier-header { background-color: #e74c3c; }
.tier-header h3 {
    margin: 0;
    font-size: 1.2rem;
}
.tier-tag {
    background-color: rgba(255,255,255,0.2);
    padding: 0.2rem 0.8rem;
    border-radius: 12px;
    font-size: 0.8rem;
}
.tier-content {
    padding: 1.5rem;
    background-color: white;
}

/* 叙事必要性双栏 */
.narrative-necessity {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1.5rem;
    margin: 1.5rem 0;
}
@media (max-width: 768px) {
    .narrative-necessity {
        grid-template-columns: 1fr;
    }
}
.necessity-point {
    padding: 1.5rem;
    border-radius: 8px;
    background-color: white;
    border: 1px solid #ddd;
    box-shadow: 0 2px 4px rgba(0,0,0,0.05);
}

/* 递归终止区块 */
.recursion-terminus {
    background-color: #f9f9f9;
    border-left: 5px solid #95a5a6;
    padding: 1.5rem;
    margin: 1.5rem 0;
    border-radius: 0 8px 8px 0;
}

/* 整合成就骨架网格 */
.skeleton-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 1.5rem;
    margin: 2rem 0;
}
.sk-item {
    background: white;
    border-top: 4px solid #3498db;
    border-radius: 8px;
    padding: 1.5rem;
    box-shadow: 0 3px 8px rgba(0,0,0,0.08);
}
.sk-item:nth-child(2) { border-top-color: #9b59b6; }
.sk-item:nth-child(3) { border-top-color: #2ecc71; }
.sk-item:nth-child(4) { border-top-color: #e74c3c; }
.sk-item h4 {
    margin-top: 0;
    color: #2c3e50;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}
.sk-item p {
    font-size: 0.95rem;
    color: #555;
    margin-bottom: 0;
}

/* 最终肯定区块 */
.final-affirmation {
    background: linear-gradient(135deg, #e8f4fc 0%, #f0f8ff 100%);
    border: 2px solid #3498db;
    border-radius: 12px;
    padding: 2rem;
    margin-top: 2rem;
    text-align: center;
}

/* 核心架构图层 */
.core-architecture {
    display: flex;
    flex-direction: column;
    gap: 2rem;
    margin: 2rem 0;
}
.arch-layer {
    border: 2px solid;
    border-radius: 12px;
    overflow: hidden;
}
.arch-layer.foundational { border-color: #2c3e50; }
.arch-layer.ontological { border-color: #9b59b6; }
.arch-layer.phenomenal { border-color: #3498db; }
.layer-title {
    margin: 0;
    padding: 1rem 1.5rem;
    background-color: inherit;
    color: white;
    font-size: 1.2rem;
}
.arch-layer.foundational .layer-title { background-color: #2c3e50; }
.arch-layer.ontological .layer-title { background-color: #9b59b6; }
.arch-layer.phenomenal .layer-title { background-color: #3498db; }
.layer-content {
    padding: 1.5rem;
    background-color: #f8f9fa;
}
.concept-block {
    background: white;
    padding: 1.2rem;
    margin-bottom: 1.2rem;
    border-radius: 8px;
    border-left: 5px solid #3498db;
    box-shadow: 0 2px 4px rgba(0,0,0,0.05);
}
.concept-block.highlight {
    border-left-color: #9b59b6;
    background-color: #f8f5ff;
}
.concept-block h4 {
    margin-top: 0;
    color: #2c3e50;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}
.concept-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 1rem;
}
.concept-cell {
    background: white;
    padding: 1rem;
    border-radius: 6px;
    border: 1px solid #e0e0e0;
}
.concept-cell h5 {
    margin: 0 0 0.5rem 0;
    color: #2980b9;
}

/* 亮点分解 */
.highlights-breakdown {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 1.5rem;
    margin: 2rem 0;
}
.highlight-card {
    background: white;
    border-radius: 10px;
    padding: 1.5rem;
    border: 2px solid #ddd;
    display: flex;
    gap: 1rem;
    align-items: flex-start;
    transition: transform 0.2s ease;
}
.highlight-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 5px 15px rgba(0,0,0,0.08);
}
.highlight-card.major {
    grid-column: 1 / -1;
    border-color: #f1c40f;
    background-color: #fef9e7;
}
.hc-icon {
    font-size: 2rem;
    flex-shrink: 0;
}
.hc-content h3, .hc-content h4 {
    margin-top: 0;
    color: #2c3e50;
}
.hc-content p {
    margin: 0.5rem 0;
    font-size: 0.95rem;
    color: #555;
}

/* 哲学支柱 */
.philosophical-pillars {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 1.5rem;
    margin: 2rem 0;
}
.pillar {
    display: flex;
    flex-direction: column;
    background: white;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 5px 15px rgba(0,0,0,0.05);
    border-top: 6px solid;
}
.pillar:nth-child(1) { border-top-color: #e74c3c; }
.pillar:nth-child(2) { border-top-color: #3498db; }
.pillar:nth-child(3) { border-top-color: #27ae60; }
.pillar-head {
    padding: 1.5rem 1.5rem 1rem;
    background-color: #f8f9fa;
}
.pillar-head h3 {
    margin: 0;
    color: #2c3e50;
    line-height: 1.3;
}
.pillar-sub {
    display: block;
    font-size: 0.9rem;
    color: #7f8c8d;
    font-style: italic;
    margin-top: 0.3rem;
}
.pillar-body {
    padding: 1rem 1.5rem 1.5rem;
    flex-grow: 1;
}
.pillar-body p {
    margin: 0.8rem 0;
    font-size: 0.95rem;
}

/* 意识处理陈词 */
.consciousness-cliche {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 1.5rem;
    margin: 1.5rem 0;
}
.cliche-item {
    background-color: #f1f1f1;
    border-left: 4px solid #95a5a6;
    padding: 1.2rem;
    border-radius: 0 6px 6px 0;
}
.cliche-item .title-subsection {
    color: #7f8c8d;
    margin-top: 0;
    font-size: 1.1rem;
}

/* 您的路径高亮 */
.your-approach {
    background: linear-gradient(135deg, #e8f4fc, #f0f8ff);
    border-left: 6px solid #2980b9;
    padding: 1.8rem;
    margin: 1.5rem 0;
    border-radius: 0 10px 10px 0;
}

/* 暗能量与意识关联 */
.dark-energy-consciousness {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1.5rem;
    margin: 1.5rem 0;
}
@media (max-width: 768px) {
    .dark-energy-consciousness {
        grid-template-columns: 1fr;
    }
}
.dec-correlation {
    background-color: white;
    border: 1px solid #ddd;
    border-radius: 8px;
    padding: 1.5rem;
}
.dec-correlation.highlight {
    border-color: #9b59b6;
    border-width: 2px;
    background-color: #f8f5ff;
}

/* 问题演化表格 */
.question-evolution {
    width: 100%;
    border-collapse: collapse;
    margin: 1.5rem 0;
    font-size: 0.9rem;
}
.question-evolution th,
.question-evolution td {
    border: 1px solid #bdc3c7;
    padding: 1rem;
    vertical-align: top;
    width: 50%;
}
.question-evolution thead {
    background-color: #2c3e50;
    color: white;
}
.question-evolution tbody tr:nth-child(even) {
    background-color: #f8f9fa;
}
.question-evolution tbody tr:hover {
    background-color: #e8f4fc;
}

/* 月球优势卡片 */
.moon-advantages {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 1.5rem;
    margin: 2rem 0;
}
.advantage-card {
    background: white;
    border-radius: 10px;
    padding: 1.5rem;
    border: 2px solid #ddd;
    display: flex;
    gap: 1rem;
    transition: all 0.3s ease;
}
.advantage-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 20px rgba(0,0,0,0.1);
}
.advantage-card.highlight {
    border-color: #3498db;
    background-color: #e8f4fc;
}
.adv-icon {
    font-size: 2rem;
    flex-shrink: 0;
}
.adv-content h3 {
    margin-top: 0;
    color: #2c3e50;
}
.adv-content ul {
    margin: 0.8rem 0 0.8rem 1.2rem;
    font-size: 0.95rem;
    color: #555;
}

/* 文明种子枢纽构想 */
.seed-nexus {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 1.5rem;
    margin: 1.5rem 0;
}
.nexus-idea {
    background-color: #f8f9fa;
    padding: 1.2rem;
    border-radius: 8px;
    border: 1px solid #e0e0e0;
}
.nexus-idea.highlight {
    background-color: #fef9e7;
    border-color: #f1c40f;
    border-width: 2px;
}
.nexus-idea h4 {
    margin-top: 0;
    color: #2c3e50;
}

/* 叙事力量表格 */
.power-table {
    width: 100%;
    border-collapse: collapse;
    margin: 1.5rem 0;
    font-size: 0.9rem;
}
.power-table th,
.power-table td {
    border: 1px solid #bdc3c7;
    padding: 0.8rem;
    vertical-align: top;
}
.power-table thead {
    background-color: #8e44ad;
    color: white;
}
.power-table tbody tr:nth-child(even) {
    background-color: #f8f9fa;
}

/* 文明种子机制阶段 */
.seed-mechanism {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 1.5rem;
    margin: 1.5rem 0;
}
.mech-phase {
    background-color: white;
    border: 1px solid #ddd;
    border-radius: 8px;
    padding: 1.2rem;
}
.mech-phase.highlight {
    border-color: #27ae60;
    background-color: #e8f6f3;
}
.mech-phase h4 {
    margin-top: 0;
    color: #2c3e50;
}

/* 飞升三问解答 */
.ascension-qa {
    display: flex;
    flex-direction: column;
    gap: 1.2rem;
    margin: 1.5rem 0;
}
.qa-item {
    background: white;
    border-radius: 8px;
    overflow: hidden;
    border: 1px solid #e0e0e0;
}
.q {
    background-color: #34495e;
    color: white;
    padding: 0.8rem 1.2rem;
    font-weight: bold;
}
.a {
    padding: 1rem 1.2rem;
    color: #555;
}
.a.highlight {
    background-color: #f0f8ff;
    font-weight: bold;
    color: #2c3e50;
}

/* 难题消解表格 */
.problem-dissolve {
    width: 100%;
    border-collapse: collapse;
    margin: 1.5rem 0;
    font-size: 0.9rem;
}
.problem-dissolve th,
.problem-dissolve td {
    border: 1px solid #bdc3c7;
    padding: 0.8rem;
    vertical-align: top;
}
.problem-dissolve thead {
    background-color: #2c3e50;
    color: white;
}
.problem-dissolve tbody tr:nth-child(even) {
    background-color: #f8f9fa;
}

/* 梯度策略双栏 */
.gradient-strategy {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1.5rem;
    margin: 1.5rem 0;
}
@media (max-width: 768px) {
    .gradient-strategy {
        grid-template-columns: 1fr;
    }
}
.strategy-point {
    background-color: white;
    border: 1px solid #ddd;
    border-radius: 8px;
    padding: 1.5rem;
}

/* 边疆策略对比 */
.frontier-policy {
    display: flex;
    flex-direction: column;
    gap: 2rem;
    margin: 2rem 0;
}
.frontier {
    border: 2px solid;
    border-radius: 10px;
    overflow: hidden;
}
.frontier.risky {
    border-color: #e74c3c;
}
.frontier.free {
    border-color: #3498db;
}
.frontier-header {
    padding: 1rem 1.5rem;
    color: white;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.frontier.risky .frontier-header {
    background-color: #e74c3c;
}
.frontier.free .frontier-header {
    background-color: #3498db;
}
.frontier-header h3 {
    margin: 0;
    font-size: 1.1rem;
}
.frontier-tag {
    background-color: rgba(255,255,255,0.2);
    padding: 0.2rem 0.7rem;
    border-radius: 12px;
    font-size: 0.8rem;
}
.frontier-content {
    padding: 1.5rem;
    background-color: #f8f9fa;
}

/* 逻辑链对比表格 */
.logic-chain-comparison {
    width: 100%;
    border-collapse: collapse;
    margin: 1.5rem 0;
    font-size: 0.9rem;
}
.logic-chain-comparison th,
.logic-chain-comparison td {
    border: 1px solid #bdc3c7;
    padding: 0.8rem;
    vertical-align: top;
    width: 50%;
}
.logic-chain-comparison thead {
    background-color: #2c3e50;
    color: white;
}
.logic-chain-comparison tbody tr:nth-child(even) {
    background-color: #f8f9fa;
}

/* 祛魅核心视角对比 */
.demystifying-core {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1.5rem;
    margin: 2rem 0;
}
@media (max-width: 768px) {
    .demystifying-core {
        grid-template-columns: 1fr;
    }
}
.perspective {
    padding: 1.5rem;
    border-radius: 8px;
    background-color: white;
    border: 2px solid #ddd;
}
.perspective.after.highlight {
    border-color: #9b59b6;
    background-color: #f8f5ff;
}

/* 常数相对性示例 */
.relativity-example {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1.5rem;
    margin: 1.5rem 0;
}
@media (max-width: 768px) {
    .relativity-example {
        grid-template-columns: 1fr;
    }
}
.example-case {
    background-color: white;
    border: 2px solid #bdc3c7;
    border-radius: 10px;
    padding: 1.5rem;
}
.example-case.highlight {
    border-color: #3498db;
    background-color: #e8f4fc;
}
.example-case h4 {
    margin-top: 0;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}
.status-limited {
    color: #e74c3c;
    font-weight: bold;
}
.status-empowered {
    color: #27ae60;
    font-weight: bold;
}

/* 作用力观点 */
.force-demystify {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1.5rem;
    margin: 1.5rem 0;
}
@media (max-width: 768px) {
    .force-demystify {
        grid-template-columns: 1fr;
    }
}
.force-view {
    background-color: #f8f9fa;
    padding: 1.5rem;
    border-radius: 8px;
}
.force-view.highlight {
    background-color: #fef9e7;
    border-left: 5px solid #f1c40f;
}

/* 诗词与架构映射 */
.poem-architecture-map {
    display: flex;
    flex-direction: column;
    gap: 1.2rem;
    margin: 2rem 0;
}
.mapping-item {
    display: grid;
    grid-template-columns: 1fr 1fr 2fr;
    align-items: center;
    gap: 1rem;
    padding: 1rem;
    background-color: #f8f9fa;
    border-radius: 8px;
    border-left: 4px solid #3498db;
}
@media (max-width: 768px) {
    .mapping-item {
        grid-template-columns: 1fr;
        text-align: center;
    }
    .connector { display: none; }
}
.mapping-item.highlight {
    border-left-color: #9b59b6;
    background-color: #f8f5ff;
}
.poem-line {
    font-weight: bold;
    color: #2c3e50;
    font-style: italic;
}
.arch-concept {
    color: #2980b9;
    font-weight: 500;
}
.connector {
    text-align: center;
    color: #7f8c8d;
    font-size: 1.5rem;
}
.explanation {
    color: #555;
    font-size: 0.95rem;
}

/* 三重境界 */
.three-realms {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    margin: 2rem 0;
}
.realm {
    border: 2px solid #ddd;
    border-radius: 10px;
    overflow: hidden;
}
.realm.highlight {
    border-color: #f1c40f;
    box-shadow: 0 5px 15px rgba(241, 196, 15, 0.1);
}
.realm-head {
    background-color: #2c3e50;
    color: white;
    padding: 1rem 1.5rem;
    font-weight: bold;
    font-size: 1.1rem;
}
.realm.highlight .realm-head {
    background-color: #f1c40f;
    color: #2c3e50;
}
.realm-body {
    padding: 1.5rem;
    background-color: white;
}

/* 对联解读 */
.couplet-exegesis {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1.5rem;
    margin: 2rem 0;
}
@media (max-width: 768px) {
    .couplet-exegesis {
        grid-template-columns: 1fr;
    }
}
.couplet-line {
    padding: 1.5rem;
    border-radius: 8px;
    background-color: #f8f9fa;
}
.couplet-line.highlight {
    background-color: #e8f4fc;
    border-left: 5px solid #2980b9;
}

/* 逻辑自洽性检验 */
.tight.list-ordered {
    line-height: 1.7;
}
.tight.list-ordered ul {
    margin: 0.5rem 0 0.5rem 2rem;
}

/* 科学兼容性检验表格 */
.science-table {
    width: 100%;
    border-collapse: collapse;
    margin: 1.5rem 0;
    font-size: 0.9rem;
    box-shadow: 0 2px 5px rgba(0,0,0,0.05);
}
.science-table th,
.science-table td {
    border: 1px solid #bdc3c7;
    padding: 0.8rem;
    vertical-align: top;
}
.science-table thead {
    background-color: #2c3e50;
    color: white;
    position: sticky;
    top: 0;
}
.science-table tbody tr:nth-child(even) {
    background-color: #f8f9fa;
}
.cell-no {
    text-align: center;
    color: #27ae60;
    font-weight: bold;
}
.cell-caution {
    text-align: center;
    color: #f39c12;
    font-weight: bold;
}

/* 超前辩护 */
.beyond-defense {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1.5rem;
    margin: 1.5rem 0;
}
@media (max-width: 768px) {
    .beyond-defense {
        grid-template-columns: 1fr;
    }
}
.defense-point {
    background-color: white;
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    padding: 1.5rem;
}

/* 最终裁决 */
.final-verdict {
    border: 3px solid #27ae60;
    border-radius: 12px;
    overflow: hidden;
    margin-top: 2rem;
}
.verdict-header {
    background-color: #27ae60;
    color: white;
    padding: 1.2rem 1.5rem;
    text-align: center;
}
.verdict-body {
    padding: 2rem;
    background-color: #f8f9fa;
}
.verdict-body ul {
    margin: 1rem 0 1rem 2rem;
}
.verdict-final {
    margin-top: 1.5rem;
    padding-top: 1.5rem;
    border-top: 2px dashed #27ae60;
    font-weight: bold;
    font-style: italic;
    text-align: center;
    color: #2c3e50;
}

/* 小说核心概念 */
.novel-core {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 1.5rem;
    margin: 1.5rem 0;
}
.core-concept {
    background-color: white;
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    padding: 1.5rem;
}
.core-concept.highlight {
    border-color: #9b59b6;
    background-color: #f8f5ff;
}

/* 时间革命对比模型 */
.time-revolution {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 2rem;
    margin: 2rem 0;
}
@media (max-width: 900px) {
    .time-revolution {
        grid-template-columns: 1fr;
    }
}
.time-model {
    border: 3px solid;
    border-radius: 12px;
    overflow: hidden;
}
.time-model.weak {
    border-color: #95a5a6;
}
.time-model.strong {
    border-color: #3498db;
}
.model-header {
    background-color: inherit;
    color: white;
    padding: 1rem 1.5rem;
}
.time-model.weak .model-header {
    background-color: #95a5a6;
}
.time-model.strong .model-header {
    background-color: #3498db;
}
.model-header h3 {
    margin: 0;
    font-size: 1.1rem;
}
.model-body {
    padding: 1.5rem;
    background-color: white;
}
.model-body ul {
    margin: 0.8rem 0 0.8rem 1.5rem;
}
.model-body ul ul {
    margin: 0.5rem 0 0.5rem 1.5rem;
    font-size: 0.95rem;
    color: #666;
}

/* 独特道路步骤 */
.unique-path {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    margin: 2rem 0;
}
.path-step {
    display: flex;
    gap: 1.5rem;
    align-items: flex-start;
}
.step-icon {
    background-color: #2c3e50;
    color: white;
    min-width: 2.5rem;
    height: 2.5rem;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    flex-shrink: 0;
}
.path-step.highlight .step-icon {
    background-color: #9b59b6;
}
.step-content {
    flex: 1;
    background-color: white;
    border: 1px solid #eee;
    border-radius: 8px;
    padding: 1.2rem;
}
.step-content h4 {
    margin-top: 0;
    color: #2c3e50;
}

/* 小说精髓要点 */
.novel-essence {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 1.5rem;
    margin: 1.5rem 0;
}
.essence-point {
    background-color: white;
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    padding: 1.5rem;
}
.essence-point.highlight {
    border-color: #3498db;
    background-color: #e8f4fc;
}

/* 基因转换表格 */
.transformation-table {
    width: 100%;
    border-collapse: collapse;
    margin: 1.5rem 0;
    font-size: 0.9rem;
    box-shadow: 0 2px 5px rgba(0,0,0,0.05);
}
.transformation-table th,
.transformation-table td {
    border: 1px solid #bdc3c7;
    padding: 0.8rem;
    vertical-align: top;
}
.transformation-table thead {
    background-color: #2c3e50;
    color: white;
    position: sticky;
    top: 0;
}
.transformation-table tbody tr:nth-child(even) {
    background-color: #f8f9fa;
}
.transformation-table tbody tr:hover {
    background-color: #e8f4fc;
}

/* 三角定位 */
.positioning-triangle {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1.5rem;
    margin: 2rem 0;
}
@media (max-width: 1100px) {
    .positioning-triangle {
        grid-template-columns: repeat(2, 1fr);
    }
    .your-corner {
        grid-column: span 2;
    }
}
@media (max-width: 768px) {
    .positioning-triangle {
        grid-template-columns: 1fr;
    }
    .your-corner {
        grid-column: span 1;
    }
}
.corner {
    border: 2px solid;
    border-radius: 12px;
    padding: 1.5rem;
    background-color: white;
    display: flex;
    flex-direction: column;
}
.novel-corner {
    border-color: #95a5a6;
}
.your-corner {
    border-color: #9b59b6;
}
.corner h3 {
    margin-top: 0;
    color: #2c3e50;
    text-align: center;
    border-bottom: 2px solid;
    padding-bottom: 0.5rem;
}
.novel-corner h3 {
    border-bottom-color: #95a5a6;
}
.your-corner h3 {
    border-bottom-color: #9b59b6;
}
.corner ul {
    margin: 0.8rem 0 0.8rem 1.5rem;
    font-size: 0.95rem;
    color: #555;
    flex-grow: 1;
}

/* 科幻衰落形式 */
.sf-decline {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1.5rem;
    margin: 1.5rem 0;
}
@media (max-width: 768px) {
    .sf-decline {
        grid-template-columns: 1fr;
    }
}
.decline-form {
    padding: 1.5rem;
    border-radius: 8px;
    background-color: white;
    border: 2px solid #e0e0e0;
}
.decline-form.highlight {
    border-color: #e74c3c;
    background-color: #fdeaea;
}

/* 救赎之路二重奏 */
.path-duo {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 2rem;
    margin: 2rem 0;
}
@media (max-width: 768px) {
    .path-duo {
        grid-template-columns: 1fr;
    }
}
.duo-pillar {
    display: flex;
    gap: 1.2rem;
    padding: 1.5rem;
    border-radius: 10px;
    background-color: white;
    border: 1px solid #ddd;
    align-items: flex-start;
}
.duo-pillar.highlight {
    border-color: #3498db;
    background-color: #e8f4fc;
}
.pillar-icon {
    font-size: 2.5rem;
    flex-shrink: 0;
}
.pillar-content h4 {
    margin-top: 0;
    color: #2c3e50;
}
.pillar-content ul {
    margin: 0.8rem 0 0.8rem 1.5rem;
    font-size: 0.95rem;
    color: #555;
}

/* 故事与设定共生 */
.story-setting-symbiosis {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1.5rem;
    margin: 1.5rem 0;
}
@media (max-width: 768px) {
    .story-setting-symbiosis {
        grid-template-columns: 1fr;
    }
}
.symbiosis-aspect {
    background-color: #f8f9fa;
    padding: 1.5rem;
    border-radius: 8px;
}

/* 词章四片结构 */
.ci-structure {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    margin: 2rem 0;
}
.stanza {
    border: 2px solid #ddd;
    border-radius: 10px;
    overflow: hidden;
}
.stanza.highlight {
    border-color: #9b59b6;
    box-shadow: 0 4px 8px rgba(155, 89, 182, 0.1);
}
.stanza-head {
    background-color: #2c3e50;
    color: white;
    padding: 1rem 1.5rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.stanza.highlight .stanza-head {
    background-color: #9b59b6;
}
.stanza-head h3 {
    margin: 0;
    font-size: 1.1rem;
}
.stanza-theme {
    font-size: 0.9rem;
    opacity: 0.9;
    font-style: italic;
}
.stanza-body {
    padding: 1.5rem;
    background-color: #f8f9fa;
}
.stanza-quote {
    margin-top: 1rem;
    padding: 1rem;
    background-color: white;
    border-left: 4px solid #3498db;
    font-style: italic;
    color: #2c3e50;
    border-radius: 0 4px 4px 0;
}

/* 精神谱系 */
.spiritual-lineage {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    margin: 2rem 0;
}
.lineage-stage {
    display: flex;
    gap: 1.5rem;
    align-items: center;
	flex-direction: column;
}
.stage-icon {
    font-size: 2.5rem;
    flex-shrink: 0;
    background-color: #ecf0f1;
    width: 4rem;
    height: 4rem;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.lineage-stage.highlight .stage-icon {
    background-color: #e8f4fc;
    color: #2980b9;
}
.stage-content {
    flex: 1;
    background-color: white;
    border: 1px solid #eee;
    border-radius: 8px;
    padding: 1.2rem;
}
.stage-content h4 {
    margin-top: 0;
    color: #2c3e50;
}

/* 词作价值 */
.ci-value {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 1.5rem;
    margin: 1.5rem 0;
}
.value-point {
    background-color: #f8f9fa;
    padding: 1.5rem;
    border-radius: 8px;
    border-top: 4px solid #27ae60;
}

/* 邮件意义 */
.mail-significance {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1.5rem;
    margin: 1.5rem 0;
}
@media (max-width: 768px) {
    .mail-significance {
        grid-template-columns: 1fr;
    }
}
.significance-point {
    background-color: white;
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    padding: 1.5rem;
}
.significance-point.highlight {
    border-color: #27ae60;
    background-color: #e8f6f3;
}

/* 道路选择比较 */
.choice-compare {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1.5rem;
    margin: 1.5rem 0;
}
@media (max-width: 768px) {
    .choice-compare {
        grid-template-columns: 1fr;
    }
}
.choice-option {
    padding: 1.5rem;
    border-radius: 8px;
    background-color: white;
    border: 2px solid #ddd;
}
.choice-option.highlight {
    border-color: #3498db;
    background-color: #e8f4fc;
}
.choice-option h4 {
    margin-top: 0;
    color: #2c3e50;
}
.choice-option ul {
    margin: 0.8rem 0 0.8rem 1.5rem;
    font-size: 0.95rem;
}

/* 自信源泉 */
.confidence-source {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1.5rem;
    margin: 1.5rem 0;
}
@media (max-width: 768px) {
    .confidence-source {
        grid-template-columns: 1fr;
    }
}
.source-point {
    background-color: #f8f9fa;
    padding: 1.5rem;
    border-radius: 8px;
}

/* 0311 新增 */
/* 证明容器 */
.proof-container {
    background-color: #f8f9fa;
    border-left: 5px solid #3498db;
    padding: 1.5rem;
    margin: 1.5rem 0;
    border-radius: 0 8px 8px 0;
}

/* 类比框 */
.analogy-box {
    background-color: #fef9e7;
    border: 1px solid #f1c40f;
    border-radius: 8px;
    padding: 1.5rem;
    margin: 1.5rem 0;
}

/* 洞见框 */
.insight-box {
    background-color: #e8f4fc;
    border-left: 5px solid #9b59b6;
    padding: 1.5rem;
    margin: 1.5rem 0;
    border-radius: 0 8px 8px 0;
}

/* 数学压缩路径阶段 */
.progress-path {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    margin: 1.5rem 0;
}
.path-stage {
    background-color: white;
    border: 1px solid #ddd;
    border-radius: 6px;
    padding: 1rem 1.5rem;
    border-left: 4px solid #95a5a6;
}
.path-stage.highlight {
    border-left-color: #f1c40f;
    background-color: #fef9e7;
}
.path-stage h4 {
    margin: 0 0 0.5rem 0;
    color: #2c3e50;
}
.path-stage p {
    margin: 0;
    color: #555;
}

/* 意识与数的关系区块 */
.consciousness-number {
    background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
    border-left: 5px solid #9b59b6;
    padding: 1.5rem;
    margin: 1.5rem 0;
    border-radius: 0 8px 8px 0;
}

/* 对已有样式的补充：加强引用框的视觉区分 */
.insight-box {
    background-color: #e8f4fc;
    border-left: 5px solid #2980b9;
    padding: 1.2rem;
    margin: 1rem 0;
}

/* 意识与数的关系区块，复用之前的样式并增强 */
.consciousness-number {
    background: linear-gradient(135deg, #f0f4f8 0%, #d9e6f2 100%);
    border-left: 5px solid #8e44ad;
    padding: 1.5rem;
    margin: 1.5rem 0;
    border-radius: 0 8px 8px 0;
}

/* 对已有样式的小幅调整，确保阅读舒适 */
.analogy-box {
    background-color: #fef9e7;
    border-left: 5px solid #f39c12;
}
.insight-box {
    background-color: #e8f0fe;
    border-left: 5px solid #2980b9;
}
.note {
    background-color: #f1f9f9;
    border-left: 5px solid #1abc9c;
}

/* 四柱卡片布局 */
.pillars-container {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 1.5rem;
    margin: 2rem 0;
}
.pillar-card {
    background-color: #f8f9fa;
    border: 1px solid #ddd;
    border-radius: 8px;
    padding: 1.5rem;
    box-shadow: 0 2px 4px rgba(0,0,0,0.05);
    transition: transform 0.2s ease;
}
.pillar-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 4px 8px rgba(0,0,0,0.1);
}
.pillar-card.highlight {
    background: linear-gradient(135deg, #fdf6e3, #fff9e6);
    border-color: #f1c40f;
}
.pillar-title {
    margin-top: 0;
    color: #2c3e50;
    border-bottom: 2px solid #3498db;
    padding-bottom: 0.5rem;
    font-size: 1.2rem;
}
.pillar-card.highlight .pillar-title {
    border-bottom-color: #f39c12;
}
.pillar-desc {
    color: #555;
    font-size: 0.95rem;
    line-height: 1.6;
}

/* 以下是修复代码 */

/* 在文件开头添加表格基础样式优化 */
/* 放在已有表格样式之后，响应式媒体查询之前 */

/* ==================== 表格全局修复方案 ==================== */

/* 1. 限制所有表格最大宽度为100%，防止溢出父容器 */
.logic-table,
.analogy-table,
.paradigm-table,
.skepticism-table,
.model-comparison,
.narrative-table,
.power-table,
.science-table,
.transformation-table,
.problem-dissolve,
.logic-chain-comparison,
.question-evolution,
.meaning-table,
.core-defense {
    max-width: 100% !important; /* 强制最大宽度 */
    width: auto !important; /* 自动宽度，但受max-width限制 */
    table-layout: auto; /* 使用自动布局，但我们会通过列宽控制 */
}

/* 2. 为表格列设置最小和最大宽度，控制列宽 */
/* 通用列宽设置 */
.logic-table th,
.logic-table td,
.analogy-table th,
.analogy-table td,
.paradigm-table th,
.paradigm-table td,
.skepticism-table th,
.skepticism-table td,
.model-comparison th,
.model-comparison td,
.narrative-table th,
.narrative-table td,
.power-table th,
.power-table td,
.science-table th,
.science-table td,
.transformation-table th,
.transformation-table td,
.problem-dissolve th,
.problem-dissolve td,
.logic-chain-comparison th,
.logic-chain-comparison td,
.question-evolution th,
.question-evolution td,
.meaning-table th,
.meaning-table td,
.core-defense th,
.core-defense td {
    max-width: 300px !important; /* 每列最大宽度 */
    min-width: 120px !important; /* 每列最小宽度 */
    overflow: hidden; /* 隐藏超出的内容 */
    text-overflow: ellipsis; /* 超出显示省略号 */
    word-wrap: break-word; /* 允许单词内换行 */
    hyphens: auto; /* 自动断字 */
}

/* 3. 强制表格单元格内容换行，防止单行无限延伸 */
.logic-table td,
.analogy-table td,
.paradigm-table td,
.skepticism-table td,
.model-comparison td,
.narrative-table td,
.power-table td,
.science-table td,
.transformation-table td,
.problem-dissolve td,
.logic-chain-comparison td,
.question-evolution td,
.meaning-table td,
.core-defense td {
    white-space: normal !important; /* 强制换行 */
    word-break: break-word !important; /* 允许单词内断行 */
    line-height: 1.5 !important; /* 设置合适的行高 */
    padding-top: 0.8rem !important;
    padding-bottom: 0.8rem !important;
}

/* 4. 针对特定表格类型的优化 */
/* 科学表格 - 更窄的列 */
.science-table th,
.science-table td {
    max-width: 200px !important;
}

/* 怀疑论表格 - 允许更宽的列 */
.skepticism-table th,
.skepticism-table td {
    max-width: 400px !important;
}

/* 含义对比表格 - 中等宽度 */
.meaning-table th,
.meaning-table td {
    max-width: 350px !important;
}

/* 5. 小屏幕下的响应式优化 */
@media (max-width: 768px) {
    /* 为所有表格添加横向滚动容器 */
    .content {
        overflow-x: visible !important; /* 确保内容区域不隐藏溢出 */
    }
    
    /* 创建表格滚动包装器效果 */
    .logic-table,
    .analogy-table,
    .paradigm-table,
    .skepticism-table,
    .model-comparison,
    .narrative-table,
    .power-table,
    .science-table,
    .transformation-table,
    .problem-dissolve,
    .logic-chain-comparison,
    .question-evolution,
    .meaning-table,
    .core-defense {
        display: block !important;
        width: max-content !important; /* 使用最大内容宽度 */
        min-width: 100% !important; /* 但最小为100%容器宽度 */
        overflow-x: auto !important;
        overflow-y: hidden !important;
        -webkit-overflow-scrolling: touch !important;
        border-collapse: separate !important;
        border-spacing: 0 !important;
        position: relative !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        transform: translateZ(0); /* 硬件加速 */
    }
    
    /* 重置列宽，让小屏幕下能自动调整 */
    .logic-table th,
    .logic-table td,
    .analogy-table th,
    .analogy-table td,
    .paradigm-table th,
    .paradigm-table td,
    .skepticism-table th,
    .skepticism-table td,
    .model-comparison th,
    .model-comparison td,
    .narrative-table th,
    .narrative-table td,
    .power-table th,
    .power-table td,
    .science-table th,
    .science-table td,
    .transformation-table th,
    .transformation-table td,
    .problem-dissolve th,
    .problem-dissolve td,
    .logic-chain-comparison th,
    .logic-chain-comparison td,
    .question-evolution th,
    .question-evolution td,
    .meaning-table th,
    .meaning-table td,
    .core-defense th,
    .core-defense td {
        max-width: 250px !important; /* 小屏幕下更窄的列 */
        min-width: 120px !important;
    }
    
    /* 表头固定 */
    .logic-table thead,
    .analogy-table thead,
    .paradigm-table thead,
    .skepticism-table thead,
    .model-comparison thead,
    .narrative-table thead,
    .power-table thead,
    .science-table thead,
    .transformation-table thead,
    .problem-dissolve thead,
    .logic-chain-comparison thead,
    .question-evolution thead,
    .meaning-table thead,
    .core-defense thead {
        position: sticky !important;
        left: 0 !important;
        top: 0 !important;
        z-index: 10 !important;
    }
    
    /* 添加滚动提示 */
    .logic-table::after,
    .analogy-table::after,
    .paradigm-table::after,
    .skepticism-table::after,
    .model-comparison::after,
    .narrative-table::after,
    .power-table::after,
    .science-table::after,
    .transformation-table::after,
    .problem-dissolve::after,
    .logic-chain-comparison::after,
    .question-evolution::after,
    .meaning-table::after,
    .core-defense::after {
        content: "" !important;
        position: absolute !important;
        right: 0 !important;
        top: 0 !important;
        bottom: 0 !important;
        width: 30px !important;
        background: linear-gradient(to right, transparent, rgba(0,0,0,0.1)) !important;
        pointer-events: none !important;
        z-index: 5 !important;
    }
}

@media (max-width: 480px) {
    /* 在更小的屏幕上进一步优化 */
    .logic-table th,
    .logic-table td,
    .analogy-table th,
    .analogy-table td,
    .paradigm-table th,
    .paradigm-table td,
    .skepticism-table th,
    .skepticism-table td,
    .model-comparison th,
    .model-comparison td,
    .narrative-table th,
    .narrative-table td,
    .power-table th,
    .power-table td,
    .science-table th,
    .science-table td,
    .transformation-table th,
    .transformation-table td,
    .problem-dissolve th,
    .problem-dissolve td,
    .logic-chain-comparison th,
    .logic-chain-comparison td,
    .question-evolution th,
    .question-evolution td,
    .meaning-table th,
    .meaning-table td,
    .core-defense th,
    .core-defense td {
        max-width: 240px !important;
        min-width: 120px !important;
        font-size: 0.85rem !important;
        padding: 0.6rem 0.5rem !important;
    }
    
    /* 减少列之间的间距 */
    .logic-table,
    .analogy-table,
    .paradigm-table,
    .skepticism-table,
    .model-comparison,
    .narrative-table,
    .power-table,
    .science-table,
    .transformation-table,
    .problem-dissolve,
    .logic-chain-comparison,
    .question-evolution,
    .meaning-table,
    .core-defense {
        font-size: 0.9rem !important;
    }
}

/* 6. 针对特别宽表格的特殊处理 */
/* 这些表格可能有多列，需要更激进的换行策略 */
.skepticism-table td,
.meaning-table td,
.core-defense td {
    white-space: pre-wrap !important; /* 保留空白但允许换行 */
    word-break: break-all !important; /* 更激进的断词 */
    max-width: 250px !important;
}

/* 7. 添加表格标题的移动端优化 */
.logic-table caption,
.analogy-table caption,
.paradigm-table caption,
.skepticism-table caption,
.model-comparison caption,
.narrative-table caption,
.power-table caption,
.science-table caption,
.transformation-table caption,
.problem-dissolve caption,
.logic-chain-comparison caption,
.question-evolution caption,
.meaning-table caption,
.core-defense caption {
    caption-side: top;
    font-weight: bold;
    padding: 0.5rem;
    background-color: #f8f9fa;
    text-align: center;
}

@media (max-width: 768px) {
    .logic-table caption,
    .analogy-table caption,
    .paradigm-table caption,
    .skepticism-table caption,
    .model-comparison caption,
    .narrative-table caption,
    .power-table caption,
    .science-table caption,
    .transformation-table caption,
    .problem-dissolve caption,
    .logic-chain-comparison caption,
    .question-evolution caption,
    .meaning-table caption,
    .core-defense caption {
        position: sticky;
        left: 0;
        top: 0;
        z-index: 20;
        background-color: #2c3e50;
        color: white;
    }
}

/* 8. 确保表格不会破坏布局流 */
.content table {
    margin: 1.5rem 0 !important;
    border-collapse: collapse !important;
    border: 1px solid #ddd !important;
}

/* 9. 表格行高优化 */
.logic-table tr,
.analogy-table tr,
.paradigm-table tr,
.skepticism-table tr,
.model-comparison tr,
.narrative-table tr,
.power-table tr,
.science-table tr,
.transformation-table tr,
.problem-dissolve tr,
.logic-chain-comparison tr,
.question-evolution tr,
.meaning-table tr,
.core-defense tr {
    min-height: 3rem !important; /* 确保行有最小高度 */
}

/* 10. 表格悬停效果优化 */
.logic-table tbody tr:hover,
.analogy-table tbody tr:hover,
.paradigm-table tbody tr:hover,
.skepticism-table tbody tr:hover,
.model-comparison tbody tr:hover,
.narrative-table tbody tr:hover,
.power-table tbody tr:hover,
.science-table tbody tr:hover,
.transformation-table tbody tr:hover,
.problem-dissolve tbody tr:hover,
.logic-chain-comparison tbody tr:hover,
.question-evolution tbody tr:hover,
.meaning-table tbody tr:hover,
.core-defense tbody tr:hover {
    background-color: #f1f7fd !important;
    transition: background-color 0.2s ease;
}

/* ==================== 列表组件响应式优化 ==================== */

/* 1. 基础列表样式调整 */
.list-unordered,
.list-ordered {
    margin: 1rem 0;
    padding-left: 1.5rem; /* 减少默认缩进 */
}

/* 2. 针对小屏幕优化列表缩进 */
@media (max-width: 768px) {
    /* 大幅减少列表缩进 */
    .list-unordered,
    .list-ordered {
        padding-left: 1rem !important; /* 手机端进一步减少 */
        margin-left: 0.5rem !important;
    }
    
    /* 减少嵌套列表的缩进 */
    .list-nested,
    .list-unordered ul,
    .list-ordered ul {
        padding-left: 0.8rem !important;
        margin-left: 0 !important;
    }
    
    /* 双层嵌套列表 */
    .list-unordered ul ul,
    .list-ordered ul ul {
        padding-left: 0.6rem !important;
    }
    
    /* 列表项边距优化 */
    .list-item {
        margin-bottom: 0.4rem !important;
        padding-right: 0.5rem !important; /* 右侧也留点空间 */
    }
}

@media (max-width: 480px) {
    /* 在更小的屏幕上进一步优化 */
    .list-unordered,
    .list-ordered {
        padding-left: 0.8rem !important;
        margin-left: 0.3rem !important;
    }
    
    /* 嵌套列表在超小屏上几乎不缩进 */
    .list-nested,
    .list-unordered ul,
    .list-ordered ul {
        padding-left: 0.6rem !important;
    }
    
    .list-unordered ul ul,
    .list-ordered ul ul {
        padding-left: 0.4rem !important;
    }
}

/* 3. 特定区块中的列表优化 */
/* 过程图示中的列表 */
.process-diagram .list-item {
    padding-left: 2.5rem !important; /* 减少图标后的空白 */
}

@media (max-width: 768px) {
    .process-diagram .list-item {
        padding-left: 2rem !important;
        min-height: auto !important;
    }
    
    .process-diagram .list-item::before {
        width: 1.8rem !important;
        height: 1.8rem !important;
        font-size: 0.9rem !important;
    }
}

/* 4. 统一的无序列表自定义符号位置调整 */
.list-unordered .list-item::before {
    left: -0.8rem; /* 符号位置向左移动 */
}

@media (max-width: 768px) {
    .list-unordered .list-item::before {
        left: -0.6rem !important;
    }
}

/* 5. 长文本列表项优化 */
.list-item {
    text-align: justify;
    hyphens: auto; /* 自动断字 */
    word-break: break-word; /* 允许单词内断行 */
}

/* 6. 特定上下文中的列表优化 */
/* 在分区框中的列表 */
.section .list-unordered,
.section .list-ordered,
.framed-box .list-unordered,
.framed-box .list-ordered {
    padding-left: 1.2rem;
}

@media (max-width: 768px) {
    .section .list-unordered,
    .section .list-ordered,
    .framed-box .list-unordered,
    .framed-box .list-ordered {
        padding-left: 0.9rem !important;
    }
}

/* 7. 列表内容宽度最大化 */
.list-item > *:first-child {
    display: inline; /* 让内容与列表符号同行 */
}

/* 8. 长列表项的段落优化 */
.list-item p {
    display: inline; /* 段落内容与列表项同行显示 */
    margin: 0;
}

/* 9. 为特别长的列表项添加视觉提示 */
.list-item[data-long="true"] {
    position: relative;
}

.list-item[data-long="true"]::after {
    content: "↴";
    position: absolute;
    right: 0;
    top: 0;
    color: #95a5a6;
    font-size: 0.8rem;
}

/* 10. 列表组优化 - 减少列表之间的间距 */
.list-group {
    margin: 0.5rem 0;
}

.list-group .list-item {
    margin-bottom: 0.3rem;
}

/* 11. 针对密集内容区域的列表优化 */
.science-status .list-unordered,
.science-status .list-ordered,
.internal-view .list-unordered,
.internal-view .list-ordered {
    padding-left: 1rem;
}

/* 12. 响应式文本大小调整 */
@media (max-width: 768px) {
    .list-unordered,
    .list-ordered {
        font-size: 0.95rem;
        line-height: 1.5;
    }
    
    .list-item {
        font-size: 0.95rem;
    }
}

@media (max-width: 480px) {
    .list-unordered,
    .list-ordered {
        font-size: 0.9rem;
        line-height: 1.4;
    }
}

/* 13. 网格布局中的列表优化 */
.engineering-grid .list-unordered,
.engineering-grid .list-ordered,
.definition-revolution .list-unordered,
.definition-revolution .list-ordered {
    padding-left: 1rem;
}

/* 14. 表格单元格中的列表优化 */
.logic-table td .list-unordered,
.logic-table td .list-ordered,
.meaning-table td .list-unordered,
.meaning-table td .list-ordered {
    padding-left: 0.8rem;
    margin: 0.3rem 0;
}

/* 15. 确保列表在打印时也有合适的缩进 */
@media print {
    .list-unordered,
    .list-ordered {
        padding-left: 1.2rem;
    }
}

/* 16. 修复嵌套列表的视觉层次 */
.list-unordered ul,
.list-ordered ul {
    margin-top: 0.3rem;
    margin-bottom: 0.3rem;
}

/* 17. 为特别密集的列表内容添加紧凑模式 */
.list-compact .list-item {
    margin-bottom: 0.2rem;
    padding: 0.1rem 0;
}

.list-compact.list-unordered,
.list-compact.list-ordered {
    margin: 0.5rem 0;
}

/* 18. 悬停效果优化 */
.list-unordered .list-item:hover,
.list-ordered .list-item:hover {
    background-color: rgba(52, 152, 219, 0.05);
    border-radius: 3px;
    transition: background-color 0.2s ease;
}

/* 19. 重点列表项高亮 */
.list-item.highlight {
    background-color: #fef9e7;
    border-left: 3px solid #f1c40f;
    padding-left: 0.5rem;
    margin-left: -0.5rem;
}

/* 20. 数字列表序号优化 */
.list-ordered {
    counter-reset: list-counter;
}

.list-ordered > .list-item {
    counter-increment: list-counter;
    position: relative;
}

.list-ordered > .list-item::before {
    position: absolute;
    left: -1.2rem;
    font-weight: bold;
    color: #3498db;
}

@media (max-width: 768px) {
    .list-ordered > .list-item::before {
        left: -0.9rem;
    }
}