/* 保持原视觉样式，只补充静态内容的显隐和降级布局。 */
[hidden] {
    display: none !important
}

.honor-panels {
    min-width: 0
}

.when-paused {
    display: none
}

.autoplay-toggle.is-paused .when-playing {
    display: none
}

.autoplay-toggle.is-paused .when-paused {
    display: inline
}

.certificate-pagination button {
    padding: 0;
    border: 0;
    cursor: pointer
}

.certificate-preview {
    margin: 0
}

.certificate-preview figcaption {
    text-align: center;
    font-size: 14px;
    margin: 14px 0
}

.certificate-swiper:not(.swiper-initialized) .swiper-wrapper {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 30px
}

.certificate-swiper:not(.swiper-initialized) .swiper-slide {
    min-width: 0
}

.gallery-shell:has(.certificate-swiper:not(.swiper-initialized)) .gallery-controls {
    display: none
}

@media(max-width:1023px) {
    .certificate-swiper:not(.swiper-initialized) .swiper-wrapper {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 24px
    }
}

@media(max-width:639px) {
    .certificate-swiper:not(.swiper-initialized) .swiper-wrapper {
        grid-template-columns: 1fr;
        gap: 20px
    }
}