/* 共用题头布局，两个目录各用与内容对应的水墨插画。 */
.taxonomy-directory .page-header {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 172px;
    padding: 28px 36px;
    background-color: #f3ede3;
    border-bottom: 0;
    border-radius: 8px;
}

.taxonomy-directory .page-header::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    background-image: var(--taxonomy-header-image);
    background-size: cover;
    background-position: center bottom;
    background-repeat: no-repeat;
    opacity: .55;
    pointer-events: none;
}

.taxonomy-directory .page-header .page-desc {
    color: #4e493f;
}

@media (max-width: 768px) {
    .taxonomy-directory .page-header {
        min-height: 160px;
        padding: 24px 20px;
    }

    .taxonomy-directory .page-header::before {
        background-position: right bottom;
        opacity: .3;
    }
}