/* page-46 10th Anniversary */

.hide_block{
	display:none !important;
}
.c_gray{
	    background: #f2f6f7;
}
/* ---------- placeholders ---------- */

.ann-placeholder {
    display: block;
    width: 100%;
    background: #e0e0e0;
    border-radius: 20px;
}

.ann-placeholder--pub-v {
    width: 100%;
    max-width: 200px;
    aspect-ratio: 3 / 4;
    border-radius: 8px;
    background: #d8d8d8;
}

.ann-placeholder--16x9 {
    aspect-ratio: 16 / 9;
    overflow: hidden;
    border-radius: 16px;
}

.ann-placeholder--16x9 img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.ann-event-card {
    text-decoration: none;
    color: inherit;
}

.ann-event-card:hover {
    text-decoration: none;
    color: inherit;
}

.ann-event-card .ann-placeholder--16x9 {
    margin-bottom: 12px;
}

.ann-placeholder--story-img {
    aspect-ratio: 1 / 1;
    border-radius: 0;
    background: #dce8ee;
}

.ann-placeholder--sponsor-lg {
    height: 80px;
    border-radius: 5px;
    background: #f5f5f5;
}

.ann-placeholder--sponsor-md {
    height: 70px;
    border-radius: 5px;
    background: #f5f5f5;
}

.ann-placeholder--sponsor-sm {
    height: 60px;
    border-radius: 5px;
    background: #f5f5f5;
}


/* ---------- intro: 上排 logo+前2段，下排全文全宽 ---------- */

.anniversary-intro__title {
    padding-top: 0;
    padding-bottom: 2rem;
    margin-bottom: 0;
    line-height: 1.15;
}

.anniversary-intro__top {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    gap: 1.5rem;
    margin-bottom: 1.25em;
}

.anniversary-intro__logo {
    flex: 0 0 100%;
    max-width: 100%;
    margin: 0;
    text-align: center;
}

.anniversary-intro__logo-pic {
    display: block;
    line-height: 0;
}

.anniversary-intro__logo-pic img,
.anniversary-intro__logo--solo img {
    display: block;
    width: 100%;
    max-width: 220px;
    height: auto;
    margin: 0 auto;
    object-fit: contain;
}

.anniversary-intro__logo--solo {
    margin-bottom: 1.5rem;
}

.anniversary-intro__logo--solo img {
    max-width: 220px;
}

.anniversary-intro__aside {
    flex: 1 1 100%;
    min-width: 0;
}

.anniversary-intro__bottom {
    width: 100%;
    clear: both;
}

.anniversary-intro__aside.txt p,
.anniversary-intro__bottom.txt p {
    margin-bottom: 1.25em;
}

.anniversary-intro__aside.txt p:last-child,
.anniversary-intro__bottom.txt p:last-child {
    margin-bottom: 0;
}

.anniversary-intro__aside img,
.anniversary-intro__bottom img {
    max-width: 100%;
    height: auto;
}

@media (min-width: 768px) {
    .anniversary-intro__title {
        padding-bottom: 2.5rem;
    }
    /* table 同行单元格自动等高 */
    .anniversary-intro__top {
        display: table;
        width: 100%;
        table-layout: fixed;
        border-collapse: separate;
        border-spacing: 55px 0;
        margin-bottom: 1.5em;
    }
    .anniversary-intro__logo,
    .anniversary-intro__aside {
        display: table-cell;
        vertical-align: top;
    }
    .anniversary-intro__logo {
        width: 32%;
        height: 1px;
        text-align: left;
    }
    .anniversary-intro__logo-pic {
        height: 100%;
    }
    .anniversary-intro__logo-pic img {
        display: block;
        width: auto;
        max-width: 100%;
        height: 100%;
        margin: 0;
        object-fit: contain;
        object-position: left top;
    }
    .anniversary-intro__aside {
        width: auto;
        padding-top: 0;
    }
}


/* ---------- 全宽区块背景（设计：10 Stories 灰底 / Event Recap 白底） ---------- */

.ann-section {
    width: 100%;
    box-sizing: border-box;
}

.ann-section--gray {
    background: #f2f6f7;
    padding: 50px 0 56px;
    margin: 0;
}

.ann-section--white {
    background: #fff;
    padding: 50px 0 56px;
    margin: 0;
}


/* ---------- 纪念刊物：全宽灰底（ann-section--gray）+ 容器内左图右标题 ---------- */

.ann-publication-section.ann-section--gray {
    padding: 50px 0 56px;
}

.ann-publication {
    background: transparent;
    border-radius: 0;
    padding: 0;
    width: 100%;
    max-width: none;
    margin: 0;
}

.ann-publication__inner {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 28px 36px;
}

.ann-publication__inner + .ann-publication__inner {
    margin-top: 48px;
    padding-top: 48px;
    border-top: 1px solid rgba(0, 0, 0, 0.06);
}

.ann-publication__img {
    display: block;
    width: 120px;
    max-width: 100%;
    height: auto;
    aspect-ratio: 3 / 4;
    object-fit: cover;
    border-radius: 6px;
}

.ann-publication__frame .ann-publication__img {
    margin: 0;
}

.ann-publication__media {
    flex: 0 0 auto;
}

.ann-publication__frame {
    background: #fff;
    border-radius: 10px;
    padding: 10px;
    line-height: 0;
    display: inline-block;
}

.ann-publication__frame img,
.ann-publication__frame .ann-placeholder {
    display: block;
    margin: 0;
    border-radius: 6px;
}

.ann-publication__frame .ann-placeholder--pub-v {
    width: 120px;
    max-width: 100%;
}

.ann-publication__text {
    flex: 1 1 200px;
    min-width: 0;
}

.ann-publication__title {
    margin: 0;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
    line-height: 1.2;
}

.ann-publication__title-line {
    display: block;
}

@media (min-width: 768px) {
    .ann-publication__inner {
        display: flex;
        flex-wrap: nowrap;
        align-items: flex-start;
        gap: 0 40px;
    }
    .ann-publication__media {
        flex: 0 0 auto;
    }
    .ann-publication__frame .ann-placeholder--pub-v,
    .ann-publication__frame img,
    .ann-publication__frame .ann-publication__img {
        width: 140px;
        height: auto;
        aspect-ratio: 3 / 4;
        object-fit: cover;
    }
    .ann-publication__text {
        flex: 1 1 auto;
    }
}


/* ---------- 10 Stories：灰底区块内白卡片 ---------- */


/* 覆盖 index.css .highlights .swiper-slide a { height:380px } */

.stoy-block .ann-section--gray .ann-stories.highlights,
.stoy-block .ann-stories.highlights {
    position: relative;
    overflow: visible;
    padding: 0 8px;
}

.stoy-block .ann-stories.highlights .swiper-slide {
    height: auto !important;
    box-sizing: border-box;
}

.stoy-block .ann-stories.highlights .swiper-slide a {
    height: auto !important;
    border-radius: 0 !important;
}

.stoy-block .ann-stories.highlights .swiper-slide img {
    width: 100% !important;
    height: auto !important;
    max-height: none !important;
    object-fit: contain !important;
}

a.ann-story-card {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: auto;
    background: #fff;
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 2px 14px rgba(0, 0, 0, 0.1);
    text-decoration: none;
    color: inherit;
}

a.ann-story-card:hover {
    text-decoration: none;
    color: inherit;
}

.ann-story-card__media {
    display: block;
    flex: 0 0 auto;
    line-height: 0;
    overflow: hidden;
    background: #fff;
}

.ann-story-card__media img {
    display: block;
    width: 100%;
    height: auto;
    margin: 0;
    vertical-align: top;
}

.ann-story-card__body {
    flex: 0 0 auto;
    padding: 20px 22px 24px;
    background: #fff;
}

.ann-story-card__body p {
    margin: 0;
    text-align: left;
}

.stoy-block .ann-stories.highlights .swiper-button-next,
.stoy-block .ann-stories.highlights .swiper-button-prev {
    width: 48px;
    height: 48px;
    margin-top: 0;
    top: 50%;
    transform: translateY(-50%);
    background: #009640;
    border-radius: 50%;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.12);
}

.stoy-block .ann-stories.highlights .swiper-button-next::after,
.stoy-block .ann-stories.highlights .swiper-button-prev::after {
    font-size: 16px;
    font-weight: bold;
    color: #fff;
}

.stoy-block .ann-stories.highlights .swiper-button-prev {
    left: 4px;
}

.stoy-block .ann-stories.highlights .swiper-button-next {
    right: 4px;
}


/* ---------- Event Recap：白底 + 轮播 ---------- */

.stoy-block .ann-recap.highlights,
.stoy-block .ann-section--white .highlights {
    position: relative;
    overflow: visible;
    padding: 0 48px;
}

.stoy-block .ann-recap.highlights .swiper-slide,
.stoy-block .ann-section--white .highlights .swiper-slide {
    height: auto !important;
}

.stoy-block .ann-recap.highlights .swiper-slide a,
.stoy-block .ann-section--white .highlights .swiper-slide a {
    height: auto !important;
    border-radius: 16px;
    overflow: hidden;
    display: block;
}

.stoy-block .ann-recap.highlights .swiper-button-next,
.stoy-block .ann-recap.highlights .swiper-button-prev {
    width: 48px;
    height: 48px;
    margin-top: 0;
    top: 50%;
    transform: translateY(-50%);
    background: #009640;
    border-radius: 50%;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.12);
}

.stoy-block .ann-recap.highlights .swiper-button-next::after,
.stoy-block .ann-recap.highlights .swiper-button-prev::after {
    font-size: 16px;
    font-weight: bold;
    color: #fff;
}

.stoy-block .ann-recap.highlights .swiper-button-prev {
    left: 4px;
}

.stoy-block .ann-recap.highlights .swiper-button-next {
    right: 4px;
}

.ann-placeholder--slide {
    display: block;
    width: 100%;
    aspect-ratio: 16 / 10;
    background: #dce8ee;
    border-radius: 16px;
}