/* ==================== 文章详情 ==================== */


/*超链接*/
.entry-content a u,
.entry-content p a {
    color: --fs-experimental-link-color;
    text-decoration: none;
    border-bottom: 1px dotted rgba(30, 115, 190, 0.4);
    transition: all 0.2s ease;
}

.entry-content a u{
    text-decoration: none !important;
} 
.entry-content p a:hover {
    color: --fs-experimental-link-color;
    border-bottom-color: rgba(11, 79, 156, 0.8);
}


/* ==================== 文章-表格 ==================== */

.single-post table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    margin: 24px 0;
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    font-size: 14px;
    color: #374151;
    display: table;
    table-layout: auto;
}

/* 表头 */
.single-post th {
    background: #f1f5f9;
    color: #1f2937;
    font-weight: 600;
    text-align: left;
    padding: 10px 14px;
    border-bottom: 1px solid #e5e7eb;
    white-space: nowrap;     /* 表头不换行 */
}

/* 单元格 */
.single-post td {
    padding: 10px 14px;
    border-bottom: 1px solid #e5e7eb;
    color: #374151;
    white-space: normal;
    word-break: break-word;
}

/* 去掉最后一行下边框 */
.single-post tr:last-child td {
    border-bottom: none;
}

/* 斑马纹 */
.single-post tbody tr:nth-child(even) {
    background-color: #f9fafb;
}

/* 悬浮高亮 */
.single-post tbody tr:hover {
    background-color: #eef2ff;
    transition: background-color 0.2s ease;
}

/* 第一列强调 */
.single-post td:first-child {
    font-weight: 500;
    color: #111827;
}
/* 移动端优化：强制横向滑动 */
@media (max-width: 768px) {
    .single-post table {
        display: block;          /* 必须改为 block 才能触发 overflow */
        width: 100%;
        overflow-x: auto;       /* 开启水平滚动 */
        -webkit-overflow-scrolling: touch; /* iOS 流畅滚动 */
        border-collapse: collapse;
        border-radius: 0;        /* 移动端建议取消圆角或保持一致 */
    }

    .single-post th,
    .single-post td {
        /* 核心：设置最小宽度，确保内容撑开宽度从而触发滑动 */
        min-width: 100px; 
        white-space: nowrap;    /* 如果希望单行显示不换行，可开启此项 */
    }

    /* 针对移动端隐藏不必要的装饰或调整间距 */
    .single-post th {
        padding: 8px 12px;
    }
}

/* 滚动条美化（已整合你提供的样式） */
.single-post table::-webkit-scrollbar {
    height: 6px;
}
.single-post table::-webkit-scrollbar-thumb {
    background: #c7d2fe;
    border-radius: 4px;
}
.single-post table::-webkit-scrollbar-track {
    background: #f1f5f9;
}
.single-post table::-webkit-scrollbar {
    height: 6px;
}
.single-post table::-webkit-scrollbar-thumb {
    background: #c7d2fe;
    border-radius: 4px;
}