.text-indent {
    text-indent: 2em;
  }
      /* 仅添加一些最小样式确保表格可读性 */
    .table-responsive {
        margin-bottom: 20px;
    }

    .table th {
        font-weight: 600;
        background-color: #f8f9fa;
    }

    .table-sm td,
    .table-sm th {
        padding: 0.5rem;
    }
    .badge {
        font-size: 0.75em;
    }
     .pre-wrap{white-space: pre-wrap;}
          /* 限制文章简介显示两行，多余部分截断 */
        .article-desc {
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
            overflow: hidden;
            text-overflow: ellipsis;
            line-height: 1.5;
            max-height: 3em;
        }
        .article-desc-si {
            display: -webkit-box;
            -webkit-line-clamp: 4;
            -webkit-box-orient: vertical;
            overflow: hidden;
            text-overflow: ellipsis;
            line-height: 1.5;
        }
        /* 图片样式 */
        .article-thumbnail {
            width: 80px;
            height: 60px;
            object-fit: cover;
            border-radius: 4px;
        }
        /* 无图时的占位符 */
        .thumbnail-placeholder {
            width: 150px;
            height: 120px;
            background-color: #f8f9fa;
            border-radius: 4px;
            display: flex;
            align-items: center;
            justify-content: center;
            color: #6c757d;
        }
        /* 列表项悬停效果 */
        .article-item:hover {
            background-color: rgba(0, 0, 0, 0.02);
        }
        /* 卡片悬停效果 */
        .content-card {
            transition: box-shadow 0.3s ease;
        }
        .content-card:hover {
            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1) !important;
        }