.article-container {
        display: flex;
        justify-content: space-between;
        margin: 20px;
        color: #6A7076;
    }
    .article-list {
        width: 30%;
        border-right: 1px solid #ccc;
        padding-right: 20px;
        text-align: left;
    }
    .article-list li{
        line-height: 28px;
        font-size: 14px;
        text-overflow: ellipsis;
        width: 100%; /* 确保标题宽度充满容器 */
        display: block;
        white-space: nowrap;
        overflow: hidden;
    }
    .article-detail {
        width: 65%;
        padding-left: 20px;
        text-align: left;
    }
    .article-detail-title{
        text-align: center;
        width: 100%;
        padding-bottom: 20px;
    }
    .article-detail-auth{
        text-align: center;
        width: 100%;
        padding-bottom: 20px;
        font-size: 14px;
    }
    .article-detail-content{
        width: 100%;
        text-indent: 2em;
        line-height: 24px;
        font-size: 14px;
    }
    

    .pagination {
        margin-top: 20px;
    }
    .pagination button {
        margin: 0 5px;
        padding: 5px 10px;
        cursor: pointer;
        border: 1px solid #ccc;
        background-color: #f2f2f2;
    }

    .active{
        color: #23D3D3;
    }