.article-header[data-v-89b500c3] {
    overflow: hidden;
  /*  position: relative;  /* 添加relative定位作为绝对定位的参照 */
    width: 100%;
    height: auto;

    background-image: linear-gradient(to top, var(--cl-black-50), var(--cl-null) 60%)
}

.article-title[data-v-89b500c3] {
  /*  position: absolute;*/
    z-index: 1;
    width: 50%;
    bottom: 100;  /* 重置为0，固定在底部 */
    left: 0;  /* 添加left:0固定在左侧 */
    padding: 2.4rem 2.4rem 2.4rem 2.4rem;  /* 调整左内边距 */
    color: #fff;
    letter-spacing: .2rem;
    background-image: linear-gradient(to right, var(--cl-primary), var(--cl-null));

    
}

.article-header__img[data-v-89b500c3] {
    position: relative;
    z-index: -1;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    max-height: 60rem
}

.article-header__img img[data-v-89b500c3] {
    width: 100%;
    height: 100%;
    object-fit: cover
}

@media screen and (max-width: 1280px) {
    .article-title[data-v-89b500c3] {
        padding-left: 16rem
    }
}

@media screen and (max-width: 1024px) {
    .article-header__img[data-v-89b500c3] {
        max-height: 24rem
    }

    .article-title[data-v-89b500c3] {
        font-size: 2.4rem;
        padding: 1.6rem 3rem
    }
}