.articles {
    margin-top: .41rem;
    display: block; /* 修改为block，以适应多列布局 */
}

.article-list-left {
    width: 100%;
    display: block; /* 修改为block，以适应多列布局 */
    list-style-type: none;
    padding: 0;
    margin: 0;
    column-count: 2; /* 设置为3列 */
    column-gap: 10px; /* 设置列之间的间隙 */
}

.articles li {
    display: inline-block; /* 使每个li元素作为块级元素显示 */
    width: 100%; /* 每个li元素占满其所在的列 */
    margin-bottom: 20px; /* 控制元素之间的垂直间隙 */
    break-inside: avoid; /* 防止元素在列之间分割 */
    box-sizing: border-box; /* 边框计算在宽度内 */
}

.articles p,
.articles h1,
.articles h2,
.articles h3,
.articles h4,
.articles h5,
.articles h6 {
    font-size: .14rem;
    margin-bottom: 5px;
}
.articles p {
    font-weight: bold;
    font-size: .16rem;
    color: #FF6C00;
    padding-left: 10px;
    border-left: 2px solid #FF6C00;
    margin-bottom: 10px;
}


.articles a {
    font-weight: 400;
    font-size: .14rem;
    color: #2DAFD7;
    text-decoration-line: underline;
    margin-bottom: 5px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    display: block;
}

.articles a:hover {
    color: #2DAFD7;
}