/* 文章页面样式 */

/* 表格美化样式。渲染后的 HTML 表格，默认的基础样式不好看。*/
table {
    border-collapse: collapse;
    width: 100%;
    margin: 15px 0;
    font-size: 0.95rem;
    /* 可选：为表格添加阴影或圆角 */
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    overflow: hidden;
    /* 配合圆角使用 */
}

table th:first-child,
table td:first-child {
    /* min-width: 60px; 控制第一列的最小宽度 */
    /* white-space: nowrap; 确保内容不换行 */
    /* 【移除】任何 width 或 min-width 限制，让浏览器自动分配 */
    width: auto; 
    min-width: 60px;
}

th,
td {
    border: 1px solid #e5e7eb;
    padding: 10px 15px;
    text-align: left !important;
    /* 允许文字在列宽用尽时换行（这是默认行为，但显式写出更安全） */
    white-space: normal; 
    /* 确保超长的 URL、代码、或无空格的字符串能被强制断开 */
    word-wrap: break-word; 
    word-break: break-word;
}

th {
    background-color: #f3f4f6;
    font-weight: 600;
    color: #1f2937;
}

/* 条纹效果 */
tr:nth-child(even) {
    background-color: #f9fafb;
}

/* 悬停效果 */
tr:hover {
    background-color: #eef2ff;
}