/* 常设展览 */
#permanent-exhibition { padding-bottom: 10%; position: relative; }

#permanent-exhibition .swiper { padding: 20px; border: 1px solid var(--font-white); height: max-content; }

.exhibition-antique {
    position: absolute; z-index: 10;
    left: 10%; bottom: 0%; width: 745px;
    border-radius: 8px; padding: 50px 30px;
    background-color: var(--font-white); color: var(--font-brown);
}

.antique-left-image { 
    position: absolute; 
    left: 10%; bottom: 10px; 
    width: 20%; 
}

.antique-left-image img { width: 100%; height: auto; }

.antique-right-desc { padding-left: 33%; width: 100%; }

.antique-right-desc .antique-name { 
    font-size: var(--medium-size); margin-bottom: 50px; color: var(--font-brown);
}

.antique-desc{ color: var(--font-brown); }

.antique-right-desc .antique-details img { height: 30px; }

#permanent-exhibition .swiper-button-prev::after,
#permanent-exhibition .swiper-button-next::after { 
    content: unset; 
}

#permanent-exhibition .swiper-button-prev,
#permanent-exhibition .swiper-button-next {
    top: unset; left: unset;
    right: 20px; bottom: 6.5%;
    width: 50px; height: 50px;
    background-image: url(../images/public/arrow.png);
    background-size: 100% 100%;
}

#permanent-exhibition .swiper-button-prev {
    right: 90px;
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    transform: rotateY(180deg);
}

/* 临时展览列表 */
.temporary-content .common-component-breadcrumb {
    margin-bottom: 30px;
}

.temporary-content .common-component-breadcrumb a,
.temporary-content .common-component-breadcrumb .breadcrumb-item,
.temporary-content .common-component-breadcrumb .breadcrumb-item + .breadcrumb-item::before {
    color: var(--font-white) !important;
}

@media (max-width: 1199px) {
    :root {
        --medium-size: 26px;
    }

    .exhibition-antique { left: 20px; }

    #permanent-exhibition .swiper-button-prev, 
    #permanent-exhibition .swiper-button-next {
        width: 40px; height: 40px;
    }

    /* 临时展览列表 */
    .temporary-content .common-component-breadcrumb {
        margin-top: 0px;
    }
}

@media (max-width: 991px) {
    :root {
        --medium-size: 20px;
    }

    .exhibition-antique { width: 76%; }

    .antique-left-image { width: 15%; left: 8%; }

    .antique-right-desc { padding-left: 25%; }

    #permanent-exhibition .swiper-button-prev { right: 70px; }

    .antique-right-desc .antique-name { margin-bottom: 20px; }

    #common-tab { margin-bottom: 80px; }

    #common-tab a.active::after { bottom: -120%; }

	#permanent-exhibition {
        padding-bottom: 0;
    }
	
    #exhibition-antique-list { 
        display: grid;
        grid-template-areas: "item";
        margin-top: 30px;
    }

    .exhibition-antique {
        position: static;
        width: 100%;
        grid-area: item;
    }

    #permanent-exhibition .swiper-buttons-wrap {
        margin-top: 30px;
        display: flex;
        justify-content: flex-end;
    }

    #permanent-exhibition .swiper-button-prev, 
    #permanent-exhibition .swiper-button-next {
        position: static;
        margin-top: 0;
    }

    #permanent-exhibition .swiper-button-next {
        margin-left: 30px;
    }

    #common-tab { margin-bottom: 60px; }

    .antique-right-desc .antique-details { margin-left: 10px; }

    .antique-right-desc .antique-details img {
        height: 25px;
    }
}

@media (max-width: 767px) {
    :root {
        --medium-size: 18px;
    }

    #permanent-exhibition .swiper {
        padding: 15px;
    }
	
	#permanent-exhibition .swiper-buttons-wrap {
        margin-top: 15px;
    }

    #permanent-exhibition .swiper-button-next {
        margin-left: 15px;
    }
}

@media (max-width: 576px) {
    :root {
        --medium-size: 14px;
    }

    .exhibition-antique {
        padding: 20px;
    }

    .antique-left-image { width: 20%; left: 8%; }

    .antique-right-desc { padding-left: 30%; }

    .antique-desc { font-size: 14px; }

    #common-tab { margin-bottom: 60px; }

    .common-component-corner-top-left, 
    .common-component-corner-top-right, 
    .common-component-corner-bottom-left, 
    .common-component-corner-bottom-right {
        width: 12px; height: 12px;
    }
}