/* 桌面版以 1200px 内容宽度对应 1920px 效果图；所有断点共用一份内容。 */
        * {
            box-sizing: border-box;
        }

        html {
            scroll-behavior: auto;
        }

        body {
            margin: 0;
            min-width: 320px;
            color: #38332e;
            background: #fff;
            font: 16px/1.6 "Microsoft YaHei", "PingFang SC", Arial, sans-serif;
        }

        h1,
        h2,
        h3,
        p,
        ul,
        figure {
            margin: 0;
            padding: 0;
        }

        ul {
            list-style: none;
        }

        a {
            color: inherit;
            text-decoration: none;
            transition: color .2s;
        }

        a:hover {
            color: #c60000;
        }

        img {
            display: block;
            max-width: 100%;
            height: auto;
        }

        button {
            font: inherit;
            cursor: pointer;
        }

        /* a:focus,
        button:focus {
            outline: 3px solid #b98537;
            outline-offset: 4px;
        } */

        .wrap {
            width: 1200px;
            max-width: calc(100% - 48px);
            margin: 0 auto;
        }

        .visually-hidden {
            position: absolute;
            width: 1px;
            height: 1px;
            overflow: hidden;
            clip: rect(0, 0, 0, 0);
            white-space: nowrap;
        }

        .banner {
            position: relative;
            background: #b60000;
        }

        .banner picture,
        .banner img {
            width: 100%;
        }

        .home-logo {
            position: absolute;
            top: 6%;
            left: max(24px, calc((100% - 1200px)/2));
            width: 95px;
            height: 76px;
        }

        .topic-nav {
            position: relative;
            z-index: 10;
            background: linear-gradient(90deg, #2A7EF3, #2A7EF3);
            color: #fff6de;
        }

        .topic-nav ul {
            display: flex;
            align-items: stretch;
            justify-content: space-between;
        }

        .topic-nav a {
            display: flex;
            justify-content: center;
            align-items: center;
            min-height: 70px;
            padding: 12px 10px;
            font-size: 18px;
            white-space: nowrap;
        }

        .topic-nav a:hover,
        .topic-nav a:focus {
            color: #fff;
            background: rgba(27, 7, 97, 0.23);
        }

        .intro {
            padding: 30px 0 22px;
            background: linear-gradient(#cbe0fd 0%, #fff 70%, #fff 100%);
        }

        .headline {
            min-height: 140px;
            display: flex;
            flex-direction: column;
            justify-content: center;
            text-align: center;
            padding: 24px 34px;
            margin-bottom: 30px;
            background: #fffef7;
            box-shadow: 0 1px 10px rgba(167, 99, 67, 0.0627);
        }

        .headline h1 {
            color: #1A169A;
            font-size: 40px;
            line-height: 1.5;
            font-weight: 700;
        }

        .headline p {
            color: #cf3822;
            font-size: 16px;
            margin-top: 16px;
        }

        .headline p span {
            display: inline-block;
            margin: 0 12px;
        }

        .focus-grid {
            display: grid;
            grid-template-columns: minmax(0, 2fr) minmax(0, 1fr);
            gap: 5px;
        }

        .swiper-container {
            width: 100%;
            min-width: 0;
        }

        .focus-swiper .swiper-slide>a {
            display: block;
        }

        .focus-swiper img {
            width: 100%;
            aspect-ratio: 16/9;
            object-fit: cover;
        }

        .focus-caption {
            display: flex;
            justify-content: flex-start;
            align-items: center;
            min-height: 74px;
            padding: 10px 68px 10px 22px;
            color: #fff;
            background: url(bg4.png) 0 0 no-repeat;
            font-size: 20px;
            line-height: 1.45;
            font-weight: 700;
            text-align: center;
        }

        .focus-swiper .swiper-pagination {
            bottom: 29px;
            right: 22px;
            left: auto;
            width: auto;
        }

        .focus-swiper .swiper-pagination-bullet {
            background: #fff;
            opacity: .65;
            width: 10px;
            height: 10px;
        }

        .focus-swiper .swiper-pagination-bullet-active {
            background: #01429B;
            opacity: 1;
        }

        /* 沿用参考页 #xiNewsMediaScroll 的 34 × 73 白色箭头素材。 */
        .focus-arrow {
            position: absolute;
            z-index: 5;
            top: 50%;
            width: 34px;
            height: 73px;
            margin-top: -52px;
            padding: 0;
            border: 0;
            background: transparent center/100% 100% no-repeat;
            opacity: 0;
            pointer-events: none;
            transition: opacity .2s;
        }

        .focus-prev {
            left: 0;
            background-image: url('images/focus-prev.png');
        }

        .focus-next {
            right: 0;
            background-image: url('images/focus-next.png');
        }

        .focus-swiper:hover .focus-arrow,
        .focus-swiper:focus-within .focus-arrow {
            opacity: 1;
            pointer-events: auto;
        }

        @media (hover: none),
        (max-width: 767px) {
            .focus-swiper .focus-arrow {
                opacity: 1;
                pointer-events: auto;
            }
        }

        .focus-list {
            display: flex;
            flex-direction: column;
            min-height: 0;
            background: #DCF0FF;
        }

        .focus-list li {
            flex: 1;
            display: flex;
            align-items: center;
            flex-wrap: wrap;
            min-height: 0;
            border-bottom: 1px solid #fff;
            transition: color .2s, background .2s;
        }

        .focus-list li:last-child {
            border: 0;
        }

        .focus-list-text {
            display: block;
            width: 100%;
            padding: 9px 16px;
        }

        .focus-list a {
            display: inline;
            font-size: 17px;
            line-height: 1.5;
        }

        .focus-list li:hover,
        .focus-list li.has-focus {
            color: white;
            background: linear-gradient(90deg, #8F67D7, #2971FB);
        }

        .focus-list li:hover a,
        .focus-list li.has-focus a {
            color: white;
        }

        .focus-list a:hover,
        .focus-list a:focus {
            text-decoration: underline;
        }

        .ticker {
            position: relative;
            display: flex;
            align-items: center;
            height: 65px;
            margin-top: 30px;
            background: url('images/20260902czczl_pcZxbb_v1.png') center/100% 100% no-repeat;
        }

        .ticker-label {
            display: block;
            flex: 0 0 175px;
            height: 100%;
        }

        .ticker-swiper {
            margin-right: 24px;
            height: 36px;
            flex: 1;
        }

        .ticker-swiper .swiper-wrapper {
            -webkit-transition-timing-function: linear !important;
            transition-timing-function: linear !important;
        }

        .ticker-swiper .swiper-slide {
            width: auto;
            flex-shrink: 0;
            display: flex;
            align-items: center;
        }

        .ticker-swiper a {
            display: block;
            white-space: nowrap;
            font-size: 16px;
        }

        .section {
            padding: 26px 0 40px;
            scroll-margin-top: 20px;
        }

        .section-title {
            width: 100%;
            margin: 0;
            font-size: 0;
            line-height: 0;
        }

        .section-title img {
            width: 100%;
        }

        .image-story {
            position: relative;
            display: block;
            overflow: hidden;
        }

        .image-story img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: transform .45s;
        }

        .image-story:hover img {
            transform: scale(1.025);
        }

        .image-caption {
            position: absolute;
            right: 0;
            bottom: 0;
            left: 0;
            padding: 45px 22px 18px;
            background: linear-gradient(transparent, rgba(61, 99, 204, .96));
            color: #fff;
            text-align: center;
            font-size: 20px;
            line-height: 1.5;
        }

        .box01 {
            background: linear-gradient(#fff 0%, #fff 10%, #D2EAFF);
            padding: 10px;
        }

        .revisit-top {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 30px;
        }

        .revisit-lead {
            aspect-ratio: 16/9;
        }

        .revisit-side {
            min-width: 0;
        }

        .story-list {
            display: flex;
            flex-direction: column;
            height: 100%;
        }

        .story-list li {
            display: flex;
            flex: 1 1 0%;
            align-items: center;
        }

        .story-list li:last-child {
            border-bottom: 0;
        }

        .story-list a {
            position: relative;
            display: block;
            width: 100%;
            padding: 10px 24px 10px 31px;
            font-weight: 400;
            font-size: 18px;
            line-height: 1.55;
        }

        .story-list a:before {
            content: '';
            position: absolute;
            left: 16px;
            top: 50%;
            width: 6px;
            height: 6px;
            margin-top: -3px;
            background: #4475ED;
            border-radius: 50%;
        }

        .poster-carousel {
            margin-top: 32px;
            position: relative;
        }

        .poster-swiper .swiper-slide {
            height: auto;
            background: #0A7DEF;
        }

        .poster-card {
            display: block;
            height: 100%;
        }

        .poster-card img {
            width: 100%;
            aspect-ratio: 228/330;
            object-fit: cover;
        }

        .poster-card h3 {
            min-height: 100px;
            padding: 13px 13px 18px;
            font-size: 18px;
            line-height: 1.6;
            font-weight: 400;
            color: #fff;
        }

        .carousel-arrow {
            position: absolute;
            z-index: 3;
            top: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            width: 36px;
            height: 70px;
            margin-top: -35px;
            padding: 0;
            border: 0;
            background: transparent;
            color: #3D63CC;
        }

        .carousel-arrow span {
            display: block;
            width: 22px;
            height: 22px;
            border-top: 2px solid currentColor;
            border-right: 2px solid currentColor;
        }

        .arrow-prev {
            left: -46px;
        }

        .arrow-next {
            right: -46px;
        }

        .arrow-prev span {
            transform: rotate(-135deg);
            margin-left: 10px;
        }

        .arrow-next span {
            transform: rotate(45deg);
            margin-right: 10px;
        }

        .carousel-arrow:hover {
            color: #3D63CC;
        }

        .swiper-button-disabled {
            opacity: .25;
            cursor: default;
        }

        .poster-carousel .carousel-arrow {
            top: 48%;
            opacity: 0;
            transition: opacity .2s;
        }

        .poster-carousel:hover .carousel-arrow,
        .poster-carousel:focus-within .carousel-arrow {
            opacity: 1;
        }

        .history-top {
            display: grid;
            align-items: stretch;
        }

        .history-list {
            display: grid;
            grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
            gap: 18px;
            align-items: stretch;
        }

        .history-list li {
            align-items: center;
            cursor: pointer;
    background: #fff;
    border: 1px solid #e2eaf1;
    border-radius: 10px;
    -moz-box-shadow: 0px 0px 6px #e3e8f5;
    box-shadow: 0px 0px 6px #e3e8f5;
    transition: all 0.6s;
        }

        .history-list li:last-child {
            border-bottom: 0;
        }

        .history-list a {
            position: relative;
            display: block;
            width: 100%;
            padding: 10px 24px 10px 31px;
            font-weight:bolder;
            font-size: 18px;
            line-height: 1.55;
        }

        .history-list p {
            position: relative;
            display: block;
            width: 100%;
            padding: 10px 24px 10px 31px;
            font-weight: 400;
            font-size: 15px;
            line-height: 1.55;
            color: #666;
        }

        .history-list a:before {
            content: '';
            position: absolute;
            left: 16px;
            top: 50%;
            width: 6px;
            height: 6px;
            margin-top: -3px;
            background: #4475ED;
            border-radius: 50%;
        }

        .history-lead {
            min-width: 0;
        }

        .history-list {
            min-width: 0;
        }

        .history-cards {
            display: grid;
            grid-template-columns: repeat(4, minmax(0, 1fr));
            gap: 24px;
            margin-top: 36px;
        }

        .history-card {
            display: flex;
            flex-direction: column;
            align-items: flex-start;
            background: linear-gradient(120deg, #fff, #D2EAFF);
        }

        .history-card>a:first-child {
            width: 100%;
        }

        .history-card img {
            width: 100%;
            aspect-ratio: 16/9;
            object-fit: cover;
        }

        .history-card h3 {
            padding: 15px 15px 20px;
            font-size: 16px;
            line-height: 1.7;
            color: #000;
            font-weight: 500;
        }

        .detail-link {
            margin: auto 16px 18px;
            display: inline-block;
            padding: 1px 13px;
            border-radius: 15px;
            background: #2146b0;
            color: white;
            font-size: 14px;
        }

        .detail-link:hover {
            background: #e92c17;
            color: #fff;
        }

        .exhibition-section {
            padding: 44px 0 0;
        }

        .exhibition-main {
            display: grid;
            grid-template-columns: minmax(0, 1.42fr) minmax(0, 1fr);
            gap: 18px;
            align-items: stretch;
        }

        .exhibition-news {
            display: flex;
            flex-direction: column;
            min-width: 0;
            padding: 18px 24px;
            border-radius: 12px;
            background: rgba(255, 255, 255, .88);
        }

        .exhibition-news li {
            display: flex;
            flex: 1 1 0%;
            align-items: center;
            border-bottom: 1px solid #eadfcf;
        }

        .exhibition-news li:last-child {
            border-bottom: 0;
        }

        .exhibition-news a {
            position: relative;
            display: block;
            width: 100%;
            padding: 10px 12px 10px 20px;
            font-size: 17px;
            line-height: 1.65;
        }

        .exhibition-news a:before {
            content: '';
            position: absolute;
            left: 0;
            top: 50%;
            width: 7px;
            height: 7px;
            margin-top: -4px;
            background: #3C75E5;
        }

        .exhibition-cards {
            display: grid;
            grid-template-columns: repeat(2, minmax(0, 1fr));
            gap: 14px;
        }

        .exhibition-card {
            position: relative;
            display: block;
            height: 100%;
            overflow: hidden;
            border-radius: 12px;
            background: #fff;
        }

        .exhibition-card img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }

        .exhibition-card-caption {
            position: absolute;
            z-index: 2;
            right: 0;
            bottom: 0;
            left: 0;
            padding: 42px 13px 14px;
            background: linear-gradient(transparent, rgba(60, 117, 229, 1));
            color: #fff;
            font-size: 15px;
            line-height: 1.5;
            font-weight: normal;
        }

        .exhibition-panorama {
            position: relative;
            width: 100%;
            height: 23.74vw;
            max-height: 571px;
            margin-top: 34px;
            overflow: hidden;
        }

        .exhibition-panorama .swiper-container,
        .exhibition-panorama .swiper-wrapper,
        .exhibition-panorama .swiper-slide {
            height: 100%;
        }

        .exhibition-panorama .swiper-slide {
            position: relative;
            width: 42%;
            overflow: hidden;
        }

        .exhibition-panorama .swiper-slide:after {
            content: '';
            position: absolute;
            z-index: 2;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            background: rgba(151, 14, 5, .55);
            opacity: 0;
            pointer-events: none;
            transition: opacity .35s;
        }

        .exhibition-panorama .swiper-slide-prev:after,
        .exhibition-panorama .swiper-slide-next:after {
            opacity: 1;
        }

        .exhibition-panorama .swiper-slide>a {
            position: relative;
            display: block;
            height: 100%;
        }

        .exhibition-panorama img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }

        .panorama-caption {
            position: absolute;
            z-index: 3;
            right: 0;
            bottom: 0;
            left: 0;
            padding: 52px 20px 30px;
            background: linear-gradient(transparent, rgba(160, 0, 0, .98));
            color: #fff;
            font-size: 18px;
            line-height: 1.55;
            font-weight: normal;
            text-align: center;
            opacity: 0;
            transform: translateY(12px);
            transition: opacity .35s, transform .35s;
        }

        .exhibition-panorama .swiper-slide-active .panorama-caption {
            opacity: 1;
            transform: translateY(0);
        }

        .panorama-arrow {
            position: absolute;
            z-index: 5;
            top: 50%;
            width: 38px;
            height: 70px;
            margin-top: -35px;
            padding: 0;
            border: 0;
            background: rgba(200, 10, 0, .86);
            color: #fff;
        }

        .panorama-arrow:before {
            content: '';
            position: absolute;
            top: 25px;
            width: 17px;
            height: 17px;
            border-top: 2px solid currentColor;
            border-right: 2px solid currentColor;
        }

        .panorama-prev {
            left: 22px;
        }

        .panorama-prev:before {
            left: 13px;
            transform: rotate(-135deg);
        }

        .panorama-next {
            right: 22px;
        }

        .panorama-next:before {
            right: 13px;
            transform: rotate(45deg);
        }

        .panorama-pagination {
            bottom: 12px !important;
        }

        .panorama-pagination .swiper-pagination-bullet {
            background: #fff;
            opacity: .65;
        }

        .panorama-pagination .swiper-pagination-bullet-active {
            opacity: 1;
        }

        .landmarks {
            position: relative;
            isolation: isolate;
        }

        .landmarks:before,
        .gallery-section:before {
            content: '';
            position: absolute;
            z-index: -1;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            background: url('talk_bg.jpg') center/cover;
            opacity: .6;
        }

        .landmarks:after {
            content: '';
            position: absolute;
            z-index: -1;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            background: url('talk_bg.jpg') center/cover;
            opacity: .065;
        }

        .landmark-feature {
            display: grid;
            grid-template-columns: 1fr 1fr;
            align-items: center;
        }

        .landmark-photo {
            display: block;
            aspect-ratio: 16/9;
        }

        .landmark-photo img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }

        .landmark-copy {
            min-height: 238px;
            padding: 40px 30px;
            background: url(talk_right.png);
            color: white;
        }

        .location-pin {
            display: inline-block;
            width: 18px;
            height: 18px;
            margin: 0 9px 0 4px;
            border: 5px solid #e50000;
            border-radius: 50% 50% 50% 0;
            transform: rotate(-45deg);
            vertical-align: 0;
            flex-shrink: 0;
        }

        .landmark-copy>.location-pin {
            width: 27px;
            height: 27px;
            border-width: 8px;
            border-color: rgba(255, 255, 255, 0.3020);
            margin: 0 0 12px 5px;
        }

        .landmark-copy h3 {
            font-size: 22px;
            line-height: 1.4;
            margin-bottom: 12px;
        }

        .landmark-copy p {
            font-size: 17px;
            line-height: 1.9;
        }

        .landmark-copy a:hover {
            color: #ffedba;
        }

        .landmark-thumbs {
            position: relative;
            margin-top: 26px;
        }

        .landmark-tab {
            display: block;
            width: 100%;
            padding: 0;
            background: none;
            border: 0;
            color: #072a66;
            text-align: left;
        }

        .landmark-tab img {
            width: 100%;
            aspect-ratio: 16/9;
            object-fit: cover;
            border: 3px solid transparent;
            opacity: .72;
            transition: opacity .2s;
        }

        .landmark-tab .station-name {
            display: flex;
            align-items: center;
            padding: 7px 3px;
            line-height: 1.3;
            font-size: 16px;
        }

        .landmark-tab[aria-pressed="true"] img {
            border-color: #397bed;
            opacity: 1;
        }

        .landmark-tab[aria-pressed="true"] .station-name {
            color: #fff;
            background: linear-gradient(90deg, #397bed, transparent);
        }

        .landmark-tab:hover img {
            opacity: 1;
        }

        .era-grid {
            display: grid;
            grid-template-columns: repeat(2, minmax(0, 1fr));
            gap: 40px;
        }

        .era-grid>div {
            min-width: 0;
        }

        .era-swiper .image-story {
            aspect-ratio: 16/9;
        }

        .era-swiper .swiper-pagination {
            bottom: 8px;
            display: none;
        }

        .era-swiper .image-caption {
            padding-bottom: 10px;
        }

        .era-swiper .swiper-pagination-bullet-active {
            background: #ffcf73;
        }

        .era-news {
            padding-top: 18px;
        }

        .era-news li {
            position: relative;
            padding-left: 23px;
            margin: 13px 0;
            font-size: 18px;
            line-height: 1.7;
        }

        .era-news li:before {
            content: '';
            position: absolute;
            left: 0;
            top: 11px;
            width: 8px;
            height: 8px;
            background: #de1d13;
        }

        .era-stories {
            display: grid;
            grid-template-rows: repeat(4, 1fr);
            gap: 10px;
        }

        .era-story {
            display: flex;
            align-items: stretch;
            min-width: 0;
        }

        .era-story img {
            width: 42%;
            aspect-ratio: 16/9;
            object-fit: cover;
        }

        .era-story h3 {
            flex: 1;
            padding: 14px 16px;
            font-size: 18px;
            font-weight: normal;
            line-height: 1.5;
        }

        .era-story:hover,
        .era-story:focus {
            color: white !important;
            background: linear-gradient(90deg, #e63526, #ff493c);
        }

        .rmBox {
            background-image: url('bottom_bg.jpg');
            background-position: center bottom;
            background-size: 100% auto;
            background-repeat: no-repeat;
        }

        .media-carousel {
            position: relative;
        }

        .media-grid {
            display: grid;
            height: 580px;
            grid-template-columns: repeat(7, minmax(0, 1fr));
            grid-template-rows: repeat(6, minmax(0, 1fr));
            gap: 3px;
        }

        .media-tile {
            position: relative;
            display: block;
            overflow: hidden;
            min-width: 0;
            min-height: 0;
        }

        .media-tile:nth-child(1) {
            grid-area: 1 / 1 / 4 / 4;
        }

        .media-tile:nth-child(2) {
            grid-area: 4 / 1 / 7 / 4;
        }

        .media-tile:nth-child(3) {
            grid-area: 1 / 4 / 5 / 8;
        }

        .media-tile:nth-child(4) {
            grid-area: 5 / 4 / 7 / 6;
        }

        .media-tile:nth-child(5) {
            grid-area: 5 / 6 / 7 / 8;
        }

        .media-tile img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: transform .45s;
        }

        .media-tile span {
            position: absolute;
            bottom: 0;
            left: 0;
            right: 0;
            padding: 35px 16px 12px;
            color: white;
            font-size: 17px;
            background: linear-gradient(transparent, rgba(0, 0, 0, 0.7333));
            opacity: 0;
            transform: translateY(5px);
            transition: .25s;
        }

        .media-tile:hover span,
        .media-tile:focus span {
            opacity: 1;
            transform: none;
        }

        .media-tile:hover img {
            transform: scale(1.03);
        }

        .gallery-section {
            position: relative;
            isolation: isolate;
            padding-bottom: 65px;
            background: #fcf8f2;
        }

        .gallery-carousel {
            position: relative;
            padding: 0 50px;
        }

        .gallery-swiper img {
            width: 100%;
            aspect-ratio: 16/9;
            object-fit: cover;
        }

        .gallery-caption {
            display: block;
            text-align: center;
            padding: 25px 20px 10px;
            font-size: 19px;
            line-height: 1.6;
        }

        .gallery-carousel .carousel-arrow {
            width: 42px;
            height: 74px;
            margin-top: -70px;
            background: #ea2417;
            color: #fff;
        }

        .gallery-carousel .arrow-prev {
            left: 0;
        }

        .gallery-carousel .arrow-next {
            right: 0;
        }

        .gallery-carousel .carousel-arrow span {
            width: 13px;
            height: 13px;
        }

        .footer {
            min-height: 185px;
            display: flex;
            align-items: center;
            justify-content: center;
            flex-direction: column;
            padding: 42px 20px;
            color: #fff;
            background: #3B61DA;
            font-size: 14px;
            line-height: 2;
            text-align: center;
        }

        .footer a,
        .footer p {
            color: inherit !important;
        }

        .back-top {
            position: fixed;
            z-index: 20;
            right: 22px;
            bottom: 28px;
            width: 44px;
            height: 44px;
            border: 1px solid rgba(255, 255, 255, 0.5020);
            background: #bf0505;
            color: white;
            font-size: 25px;
            opacity: 0;
            visibility: hidden;
            transition: opacity .2s;
        }

        .back-top.is-visible {
            opacity: .9;
            visibility: visible;
        }

        .clearfix:after {
            content: '';
            display: table;
            clear: both;
        }

        @media (max-width: 1320px) {
            .wrap {
                max-width: calc(100% - 80px);
            }

            .topic-nav a {
                font-size: 16px;
                padding: 10px 6px;
            }

            .headline h1 {
                font-size: 36px;
            }

            .focus-grid {
                gap: 20px;
            }

            .focus-list a {
                font-size: 15px;
            }

            .focus-list-text {
                padding: 6px 13px;
            }

            .focus-caption {
                font-size: 20px;
                min-height: 65px;
            }

            .focus-swiper .swiper-pagination {
                bottom: 25px;
            }

            .story-list a {
                font-size: 16px;
            }

            .poster-card h3 {
                font-size: 16px;
            }

            .arrow-prev {
                left: -36px;
            }

            .arrow-next {
                right: -36px;
            }

            .media-grid {
                height: auto;
                aspect-ratio: 1200/580;
            }

            .era-stories {
                gap: 14px;
            }

            .era-story h3 {
                font-size: 16px;
                padding: 9px 12px;
            }

            .era-news li {
                font-size: 16px;
            }
        }

        @media (min-width: 768px) and (max-width: 1023px) {
            .wrap {
                max-width: calc(100% - 48px);
            }

            .arrow-prev {
                left: -24px;
            }

            .arrow-next {
                right: -24px;
            }

            .topic-nav a {
                font-size: 13px;
                min-height: 54px;
            }

            .headline h1 {
                font-size: 30px;
            }

            .focus-grid {
                grid-template-columns: 1.6fr 1fr;
                gap: 16px;
            }

            .focus-list a {
                font-size: 12px;
            }

            .focus-list-text {
                padding: 4px 9px;
            }

            .focus-caption {
                font-size: 16px;
                min-height: 62px;
            }

            .revisit-top {
                gap: 20px;
            }

            .story-list a {
                font-size: 14px;
                line-height: 1.5;
                padding: 8px 16px 8px 27px;
            }

            .story-list a:before {
                left: 13px;
            }

            .history-top,
            .history-cards {
                gap: 16px;
            }

            .history-card h3 {
                font-size: 16px;
                padding: 12px;
            }

            .landmark-copy {
                padding: 16px 20px;
                min-height: 190px;
            }

            .landmark-copy h3 {
                font-size: 22px;
            }

            .landmark-copy p {
                font-size: 14px;
            }

            .era-grid {
                gap: 24px;
            }

            .era-story h3 {
                font-size: 14px;
            }

            .image-caption {
                font-size: 17px;
            }
        }

        @media (max-width: 767px) {
            body {
                font-size: 15px;
            }

            .wrap {
                width: auto;
                max-width: none;
                margin: 0 10px;
            }

            .home-logo {
                top: 5%;
                left: 4%;
                width: 50px;
                height: 42px;
            }

            .topic-nav ul {
                display: flex;
                flex-wrap: nowrap;
                justify-content: flex-start;
                overflow-x: auto;
                overflow-y: hidden;
                -webkit-overflow-scrolling: touch;
                -ms-overflow-style: none;
                scrollbar-width: none;
            }

            .topic-nav ul::-webkit-scrollbar {
                display: none;
            }

            .topic-nav li {
                flex: 0 0 auto;
            }

            .topic-nav a {
                min-height: 44px;
                padding: 8px 16px;
                font-size: 14px;
                line-height: 1.5;
                white-space: nowrap;
                text-align: center;
            }

            .intro {
                padding: 18px 0 4px;
            }

            .headline {
                min-height: 0;
                padding: 19px 12px;
                margin-bottom: 18px;
                text-align: left;
            }

            .headline h1 {
                font-size: 20px !important;
                line-height: 1.55;
            }

            .headline h1 span {
                display: block;
            }

            .headline p {
                font-size: 12px;
                margin-top: 9px;
                line-height: 1.8;
            }

            .headline p span {
                display: block;
                margin: 0;
            }

            .focus-grid {
                display: block;
            }

            .focus-caption {
                font-size: 16px;
                line-height: 1.5;
                padding: 11px 12px 29px;
                min-height: 88px;
                text-align: left;
            }

            .focus-swiper .swiper-pagination {
                left: 0;
                right: 0;
                bottom: 8px;
                width: 100%;
                height: 10px;
                line-height: 10px;
                text-align: center;
            }

            .focus-swiper .swiper-pagination-bullet {
                width: 7px;
                height: 7px;
                margin: 0 3px;
            }

            .focus-list {
                margin-top: 14px;
                border-left-width: 3px;
            }

            .focus-list a {
                font-size: 14px;
            }

            .focus-list-text {
                padding: 11px 13px;
            }

            .ticker {
                margin-top: 18px;
                height: 46px;
                background-size: auto 46px;
                background-position: left center;
                border-right: 1px dotted #df6851;
            }

            .ticker-label {
                flex-basis: 125px;
            }

            .ticker-swiper {
                height: 30px;
                margin-right: 12px;
            }

            .ticker-swiper a {
                font-size: 13px;
            }

            .section {
                padding: 22px 0 30px;
                scroll-margin-top: 10px;
            }

            .section-title {
                margin-bottom: 18px;
            }

            .revisit-top {
                display: block;
            }

            .revisit-side {
                margin-top: 14px;
            }

            .story-list a {
                font-size: 14px;
                padding: 11px 17px 11px 27px;
                line-height: 1.65;
            }

            .image-caption {
                font-size: 16px;
                padding: 30px 12px 12px;
                text-align: left;
            }

            .poster-carousel {
                margin-top: 18px;
            }

            .poster-card h3 {
                min-height: 88px;
                font-size: 14px;
                padding: 10px;
            }

            .poster-carousel .carousel-arrow {
                display: none;
            }

            .history-top {
                display: block;
            }

            .history-lead {
                aspect-ratio: 16/9;
            }

            .history-list {
                margin-top: 14px;
            }

            .history-cards {
                grid-template-columns: repeat(2, minmax(0, 1fr));
                gap: 14px;
                margin-top: 18px;
            }

            .history-card h3 {
                padding: 10px 10px 15px;
                font-size: 14px;
                line-height: 1.6;
            }

            .detail-link {
                margin: auto 10px 12px;
                font-size: 12px;
                padding: 1px 10px;
                display: none;
            }

            .landmark-feature {
                display: block;
            }

            .landmark-copy {
                min-height: 180px;
                padding: 18px;
            }

            .landmark-copy>.location-pin {
                display: none;
            }

            .landmark-copy h3 {
                font-size: 18px;
                margin-bottom: 9px;
            }

            .landmark-copy p {
                font-size: 14px;
                line-height: 1.8;
            }

            .landmark-thumbs {
                margin: 16px 14px 0;
            }

            .landmark-tab .station-name {
                font-size: 12px;
            }

            .location-pin {
                width: 13px;
                height: 13px;
                border-width: 4px;
                margin-right: 5px;
            }

            .carousel-arrow {
                width: 23px;
                height: 44px;
                margin-top: -22px;
            }

            .carousel-arrow span {
                width: 13px;
                height: 13px;
            }

            .arrow-prev {
                left: -15px;
            }

            .arrow-next {
                right: -15px;
            }

            .era-grid {
                display: block;
            }

            .era-news {
                padding-top: 8px;
            }

            .era-news li {
                font-size: 14px;
                margin: 10px 0;
                padding-left: 16px;
            }

            .era-news li:before {
                width: 5px;
                height: 5px;
                top: 10px;
            }

            .era-stories {
                margin-top: 22px;
                gap: 13px;
            }

            .era-story img {
                width: 40%;
            }

            .era-story h3 {
                padding: 10px 12px;
                font-size: 14px;
            }

            .media-carousel {
                margin: 0 8px;
            }

            .media-grid {
                aspect-ratio: auto;
                height: auto;
                grid-template-columns: repeat(2, minmax(0, 1fr));
                grid-template-rows: auto;
                gap: 5px;
            }

            .media-tile:nth-child(n) {
                grid-area: auto;
                aspect-ratio: 4/3;
            }

            .media-tile:nth-child(3) {
                grid-column: 1/-1;
                aspect-ratio: 16/9;
            }

            .media-tile span {
                opacity: 1;
                transform: none;
                font-size: 12px;
                padding: 26px 8px 7px;
            }

            .media-carousel .arrow-prev {
                left: -12px;
            }

            .media-carousel .arrow-next {
                right: -12px;
            }

            .gallery-carousel {
                padding: 0 15px;
            }

            .gallery-caption {
                padding: 15px 5px 0;
                font-size: 14px;
            }

            .gallery-carousel .carousel-arrow {
                width: 25px;
                height: 46px;
                margin-top: -46px;
            }

            .gallery-carousel .arrow-prev {
                left: -7px;
            }

            .gallery-carousel .arrow-next {
                right: -7px;
            }

            .gallery-carousel .carousel-arrow span {
                width: 10px;
                height: 10px;
            }

            .gallery-section {
                padding-bottom: 35px;
            }

            .footer {
                min-height: 145px;
                font-size: 11px;
                padding: 30px 20px;
            }

            .footer * {
                max-width: 100%;
            }

            .back-top {
                right: 12px;
                bottom: 18px;
                width: 36px;
                height: 36px;
                font-size: 21px;
            }
        }

        @media (prefers-reduced-motion: reduce) {
            html {
                scroll-behavior: auto;
            }

            *,
            *:before,
            *:after {
                transition-duration: .01ms !important;
            }
        }

        @media (max-width: 1023px) {
            .exhibition-section {
                padding-top: 30px;
            }

            .exhibition-main {
                grid-template-columns: 1.25fr 1fr;
                gap: 14px;
            }

            .exhibition-news {
                padding: 10px 15px;
            }

            .exhibition-news a {
                padding: 7px 8px 7px 17px;
                font-size: 14px;
                line-height: 1.5;
            }
        }

        @media (max-width: 767px) {
            .exhibition-section {
                padding-top: 24px;
                background-position: center top;
                background-size: auto 570px;
            }

            .exhibition-main {
                display: block;
            }

            .exhibition-news {
                padding: 5px 14px;
                border-radius: 8px;
            }

            .exhibition-news a {
                padding: 10px 5px 10px 16px;
                font-size: 14px;
                line-height: 1.55;
            }

            .exhibition-cards {
                height: 240px;
                margin-top: 14px;
                padding-right: 28px;
                padding-left: 28px;
                gap: 10px;
            }

            .exhibition-card img {
                width: 100%;
                height: auto;
                object-fit: cover;
            }

            .exhibition-card {
                height: 240px;
                border-radius: 8px;
            }

            .exhibition-card-caption {
                padding: 34px 9px 9px;
                font-size: 12px;
                line-height: 1.4;
            }

            .exhibition-panorama {
                height: 49.25vw;
                max-height: none;
                margin-top: 18px;
            }

            .exhibition-panorama .swiper-slide,
            .exhibition-panorama .panorama-slide-main {
                width: 88%;
            }

            .panorama-arrow {
                width: 30px;
                height: 52px;
                margin-top: -26px;
            }

            .panorama-arrow:before {
                top: 18px;
                width: 14px;
                height: 14px;
            }

            .panorama-prev {
                left: 0;
            }

            .panorama-next {
                right: 0;
            }

            .panorama-prev:before {
                left: 10px;
            }

            .panorama-next:before {
                right: 10px;
            }

            .panorama-caption {
                padding: 38px 14px 28px;
                font-size: 14px;
                line-height: 1.5;
            }
        }

        /* IE11：独立回退，不依赖 Grid、flex gap、aspect-ratio 或 object-fit。 */
        .ie11 main,
        .ie11 picture {
            display: block;
        }

        .ie11 .home-logo {
            left: 24px;
        }

        .ie11 .topic-nav a {
            display: block;
            text-align: center;
        }

        .ie11 .footer {
            display: block;
        }

        @media (min-width: 1248px) {
            .ie11 .home-logo {
                left: calc(50% - 600px);
            }
        }

        @media (max-width: 767px) {
            .ie11 .home-logo {
                left: 4%;
            }

            .ie11 .topic-nav ul {
                display: block;
                overflow-x: auto;
                overflow-y: hidden;
                white-space: nowrap;
            }

            .ie11 .topic-nav li {
                display: inline-block;
                width: auto;
            }

            .ie11 .topic-nav a {
                padding: 8px 16px;
                font-size: 14px;
                line-height: 28px;
            }
        }

        .ie11 .headline {
            display: block;
        }

        .ie11 .topic-nav a {
            line-height: 46px;
        }

        .ie11 .focus-caption {
            display: block;
        }

        .ie11 .focus-grid,
        .ie11 .revisit-top,
        .ie11 .history-top,
        .ie11 .history-cards,
        .ie11 .landmark-feature,
        .ie11 .era-grid {
            display: flex;
            gap: 0;
        }

        .ie11 .focus-swiper {
            width: calc(66.666667% - 3.334px);
            margin: 0 5px 0 0;
        }

        .ie11 .focus-list {
            width: calc(33.333333% - 1.667px);
            display: block;
        }

        .ie11 .focus-list li {
            height: 14.285714%;
        }

        .ie11 .focus-list-text {
            width: 100%;
        }

        .ie11 .focus-swiper:hover .focus-arrow,
        .ie11 .focus-swiper.has-focus .focus-arrow,
        .ie11 .poster-carousel:hover .carousel-arrow,
        .ie11 .poster-carousel.has-focus .carousel-arrow {
            opacity: 1;
        }

        .ie11 .revisit-lead,
        .ie11 .revisit-side {
            width: calc(50% - 15px);
        }

        .ie11 .revisit-lead {
            margin-right: 30px;
        }

        .ie11 .revisit-side,
        .ie11 .era-stories {
            display: block;
        }

        .ie11 .history-lead,
        .ie11 .history-list {
            width: calc(50% - 12px);
        }

        .ie11 .history-lead {
            margin-right: 24px;
        }

        .ie11 .history-cards {
            flex-wrap: wrap;
        }

        .ie11 .history-card {
            width: calc(25% - 18px);
            margin-right: 24px;
        }

        .ie11 .history-card:nth-child(4n) {
            margin-right: 0;
        }

        .ie11 .history-card h3 {
            width: 100%;
        }

        .ie11 .exhibition-main,
        .ie11 .exhibition-cards {
            display: flex;
        }

        .ie11 .exhibition-news {
            width: calc(58.677686% - 7.438px);
            margin-right: 18px;
        }

        .ie11 .exhibition-cards {
            width: calc(41.322314% - 10.562px);
        }

        .ie11 .exhibition-card {
            width: calc(50% - 7px);
        }

        .ie11 .exhibition-card:first-child {
            margin-right: 14px;
        }

        .ie11 .landmarks,
        .ie11 .gallery-section {
            z-index: 0;
        }

        .ie11 .landmark-photo,
        .ie11 .landmark-copy {
            width: 50%;
        }

        .ie11 .era-grid>div {
            width: calc(50% - 20px);
        }

        .ie11 .era-grid>div:first-child {
            margin-right: 40px;
        }

        .ie11 .era-story+.era-story {
            margin-top: 10px;
        }

        .ie11 .era-story img {
            flex-shrink: 0;
        }

        .ie11 .era-story h3 {
            min-width: 0;
        }

        .ie11 .media-grid {
            position: relative;
            display: block;
        }

        .ie11 .media-tile {
            position: absolute;
        }

        .ie11 .media-tile:nth-child(1),
        .ie11 .media-tile:nth-child(2) {
            left: 0;
            width: calc(42.857143% - 1.5px);
            height: calc(50% - 1.5px);
        }

        .ie11 .media-tile:nth-child(1) {
            top: 0;
        }

        .ie11 .media-tile:nth-child(2) {
            bottom: 0;
        }

        .ie11 .media-tile:nth-child(3) {
            top: 0;
            right: 0;
            width: calc(57.142857% - 1.5px);
            height: calc(66.666667% - 1.5px);
        }

        .ie11 .media-tile:nth-child(4),
        .ie11 .media-tile:nth-child(5) {
            bottom: 0;
            width: calc(28.571429% - 2.25px);
            height: calc(33.333333% - 1.5px);
        }

        .ie11 .media-tile:nth-child(4) {
            left: calc(42.857143% + 1.5px);
        }

        .ie11 .media-tile:nth-child(5) {
            right: 0;
        }

        @media (max-width: 1320px) {
            .ie11 .focus-swiper {
                width: calc(66.666667% - 13.334px);
                margin-right: 20px;
            }

            .ie11 .focus-list {
                width: calc(33.333333% - 6.667px);
            }

            .ie11 .era-story+.era-story {
                margin-top: 14px;
            }
        }

        @media (min-width: 768px) and (max-width: 1023px) {
            .ie11 .topic-nav a {
                line-height: 34px;
            }

            .ie11 .focus-swiper {
                width: calc(61.538462% - 9.847px);
                margin-right: 16px;
            }

            .ie11 .focus-list {
                width: calc(38.461538% - 6.154px);
            }

            .ie11 .revisit-lead,
            .ie11 .revisit-side {
                width: calc(50% - 10px);
            }

            .ie11 .revisit-lead {
                margin-right: 20px;
            }

            .ie11 .history-lead,
            .ie11 .history-list {
                width: calc(50% - 8px);
            }

            .ie11 .history-lead {
                margin-right: 16px;
            }

            .ie11 .history-card {
                width: calc(25% - 12px);
                margin-right: 16px;
            }

            .ie11 .history-card h3 {
                flex-basis: auto;
            }

            .ie11 .exhibition-cards {
                width: calc(44.444444% - 7.778px);
            }

            .ie11 .era-grid>div {
                width: calc(50% - 12px);
            }

            .ie11 .era-grid>div:first-child {
                margin-right: 24px;
            }
        }

        @media (max-width: 767px) {
            .ie11 .topic-nav a {
                line-height: 28px;
            }

            .ie11 .focus-grid,
            .ie11 .revisit-top,
            .ie11 .landmark-feature,
            .ie11 .era-grid {
                display: block;
            }

            .ie11 .focus-swiper,
            .ie11 .focus-list,
            .ie11 .revisit-lead,
            .ie11 .revisit-side,
            .ie11 .landmark-photo,
            .ie11 .landmark-copy,
            .ie11 .era-grid>div {
                width: 100%;
                margin-right: 0;
            }

            .ie11 .focus-list li {
                height: auto;
            }

            .ie11 .history-top {
                display: block;
            }

            .ie11 .history-lead,
            .ie11 .history-list {
                width: 100%;
                margin-right: 0;
            }

            .ie11 .history-card {
                width: calc(50% - 7px);
                margin: 0 14px 14px 0;
            }

            .ie11 .history-card:nth-child(2n) {
                margin-right: 0;
            }

            .ie11 .exhibition-main {
                display: block;
            }

            .ie11 .exhibition-news,
            .ie11 .exhibition-cards {
                width: 100%;
                margin-right: 0;
            }

            .ie11 .exhibition-card {
                width: calc(50% - 5px);
            }

            .ie11 .exhibition-card:first-child {
                margin-right: 10px;
            }

            .ie11 .era-grid>div:first-child {
                margin-right: 0;
            }

            .ie11 .era-story+.era-story {
                margin-top: 13px;
            }

            .ie11 .media-grid {
                display: flex;
                flex-wrap: wrap;
                gap: 0;
            }

            .ie11 .media-tile:nth-child(n) {
                position: relative;
                top: auto;
                right: auto;
                bottom: auto;
                left: auto;
                width: calc(50% - 2.5px);
                margin: 0 5px 5px 0;
            }

            .ie11 .media-tile:nth-child(3) {
                width: 100%;
            }

            .ie11 .media-tile:nth-child(2),
            .ie11 .media-tile:nth-child(3),
            .ie11 .media-tile:nth-child(5) {
                margin-right: 0;
            }
        }