@media (max-width: 768px) {
  html {
    font-size: calc(100vw / 18);
  }
}
@media (min-width: 768px) and (max-width: 1921.99px) {
  html {
    font-size: calc(100vw / 19.2);
  }
}
@media (min-width: 1922px) and (max-width: 2558.99px) {
  html {
    font-size: calc(100vw / 22.4);
  }
}
@media (min-width: 2559px) and (max-width: 4000px) {
  html {
    font-size: calc(100vw / 25.6);
  }
}
/* 手机 */
@media (max-width: 768px) {
  /* banner */
  .banner {
    width: 100%;
    height: 100%;
    overflow: hidden;
  }
  .banner .sabuubanner {
    width: 100%;
    height: 100%;
  }
  .banner .sabuubanner .con {
    position: relative;
    height: 100vw;
    /* 鼠标里面的小滚轮同步向下移动 */
  }
  .banner .sabuubanner .con .mySwiper_banner {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vw;
    overflow: hidden;
  }
  .banner .sabuubanner .con .mySwiper_banner .swiper-wrapper .swiper-slide {
    width: 100% !important;
    position: relative;
  }
  .banner .sabuubanner .con .mySwiper_banner .swiper-wrapper .swiper-slide .tupiandde {
    width: 100%;
    height: 100vw;
    overflow: hidden;
  }
  .banner .sabuubanner .con .mySwiper_banner .swiper-wrapper .swiper-slide .tupiandde img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    min-height: 100%;
    transition: 0.8s linear 1s;
    transform: scale(1);
  }
  .banner .sabuubanner .con .mySwiper_banner .swiper-wrapper .swiper-slide .tupiandde .viea {
    width: 100%;
    height: 100%;
    object-fit: cover;
    min-height: 100%;
  }
  .banner .sabuubanner .con .mySwiper_banner .swiper-wrapper .swiper-slide .w-1517 {
    position: absolute;
    top: 6.66666667rem;
    width: 100%;
    margin: 0 auto;
  }
  .banner .sabuubanner .con .mySwiper_banner .swiper-wrapper .swiper-slide .w-1517 h3 {
    width: 100%;
    font-size: 1.33333333rem;
    color: #fff;
    text-align: center;
  }
  .banner .sabuubanner .con .mySwiper_banner .swiper-wrapper .swiper-slide-active .tupiandde img {
    transition: 4.5s linear;
    transform: scale(1.05);
  }
  .banner .sabuubanner .con .mySwiper_banner .swiper-wrapper .swiper-slide-duplicate-active .tupiandde img {
    transition: 4.5s linear;
    transform: scale(1.05);
  }
  .banner .sabuubanner .con .mySwiper_banner .swiper-pagination {
    display: none;
  }
  .banner .sabuubanner .con .scroll-down-wrap {
    overflow: hidden;
    position: absolute;
    bottom: 1.33333333rem;
    z-index: 9;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
  .banner .sabuubanner .con .scroll-down-wrap .mouse-icon {
    position: relative;
    width: 0.66666667rem;
    height: 1rem;
    border: 0.06666667rem solid #fff;
    border-radius: 1.33333333rem;
    box-sizing: border-box;
    margin-bottom: 0.53333333rem;
  }
  .banner .sabuubanner .con .scroll-down-wrap .mouse-icon .wheel {
    position: absolute;
    top: 0.13333333rem;
    left: 50%;
    margin-left: -0.05rem;
    width: 0.06666667rem;
    height: 0.2rem;
    border-radius: 0.33333333rem;
    background: #fff;
    animation: wheelMove 1.8s ease-in-out infinite;
  }
  .banner .sabuubanner .con .scroll-down-wrap .scroll-text {
    color: #fff;
    font-size: 0.53333333rem;
    line-height: 1;
    text-align: center;
  }
  @keyframes wheelMove {
    0% {
      transform: translateY(0);
      opacity: 1;
    }
    50% {
      transform: translateY(0.13333333rem);
      opacity: 0.35;
    }
    100% {
      transform: translateY(0);
      opacity: 1;
    }
  }
  /* 精选行程 */
  .jingxuan-section {
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
    padding: 10% 5%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }
  .jingxuan-section .w-1520 {
    width: 100%;
    margin: 0 auto;
    position: relative;
    z-index: 2;
  }
  .jingxuan-section .w-1520 .jingxuan-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.66666667rem;
    margin-bottom: 1.33333333rem;
  }
  .jingxuan-section .w-1520 .jingxuan-head .jingxuan-title {
    margin: 0;
    font-size: 0.8rem;
    color: #c5a56f;
    font-weight: 500;
  }
  .jingxuan-section .w-1520 .jingxuan-head .journey-nav {
    display: flex;
    align-items: center;
    gap: 0.33333333rem;
  }
  .jingxuan-section .w-1520 .jingxuan-head .journey-nav .journey-btn {
    width: 1.2rem;
    height: 1.2rem;
    border: 0.06666667rem solid rgba(199, 161, 90, 0.45);
    background: transparent;
    color: #c7a15a;
    font-size: 0.53333333rem;
    cursor: pointer;
    transition: all 0.3s ease;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
  }
  .jingxuan-section .w-1520 .jingxuan-head .journey-nav .journey-btn:hover {
    background: #c7a15a;
    color: #fff;
  }
  .jingxuan-section .w-1520 .jingxuan-head .journey-nav .journey-btn[disabled] {
    opacity: 0.35;
    cursor: not-allowed;
    pointer-events: none;
  }
  .jingxuan-section .w-1520 .journey-carousel {
    position: relative;
    overflow: hidden;
  }
  .jingxuan-section .w-1520 .journey-carousel .journey-pages {
    display: flex;
    transition: transform 0.8s cubic-bezier(0.22, 0.61, 0.36, 1);
    will-change: transform;
  }
  .jingxuan-section .w-1520 .journey-carousel .journey-pages .journey-page {
    min-width: 100%;
    width: 100%;
    flex-shrink: 0;
  }
  .jingxuan-section .w-1520 .journey-carousel .journey-pages .journey-page .journey-track {
    align-items: start;
  }
  .jingxuan-section .w-1520 .journey-carousel .journey-pages .journey-page .journey-track .journey-card {
    position: relative;
    will-change: transform;
    transform: translate3d(0, 0, 0);
  }
  .jingxuan-section .w-1520 .journey-carousel .journey-pages .journey-page .journey-track .journey-card .journey-media {
    position: relative;
    overflow: hidden;
    background: #ddd;
  }
  .jingxuan-section .w-1520 .journey-carousel .journey-pages .journey-page .journey-track .journey-card .journey-media .journey-media-inner {
    position: relative;
    width: 100%;
    height: 100%;
  }
  .jingxuan-section .w-1520 .journey-carousel .journey-pages .journey-page .journey-track .journey-card .journey-media .journey-media-inner .journey-image-box,
  .jingxuan-section .w-1520 .journey-carousel .journey-pages .journey-page .journey-track .journey-card .journey-media .journey-media-inner .journey-video-box {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
  }
  .jingxuan-section .w-1520 .journey-carousel .journey-pages .journey-page .journey-track .journey-card .journey-media .journey-media-inner .journey-image-box img {
    font-size: 0.8rem;
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    transition: transform 0.8s cubic-bezier(0.22, 0.61, 0.36, 1);
  }
  .jingxuan-section .w-1520 .journey-carousel .journey-pages .journey-page .journey-track .journey-card .journey-media .journey-media-inner .journey-video-box video {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    transition: transform 0.8s cubic-bezier(0.22, 0.61, 0.36, 1);
  }
  .jingxuan-section .w-1520 .journey-carousel .journey-pages .journey-page .journey-track .journey-card .journey-content {
    padding-top: 0.66666667rem;
  }
  .jingxuan-section .w-1520 .journey-carousel .journey-pages .journey-page .journey-track .journey-card .journey-content .journey-name {
    margin: 0 0 0.33333333rem;
    font-size: 0.66666667rem;
    line-height: 1.35;
    font-weight: 500;
    color: #c5a56f;
  }
  .jingxuan-section .w-1520 .journey-carousel .journey-pages .journey-page .journey-track .journey-card .journey-content .journey-desc {
    margin: 0;
    font-size: 0.53333333rem !important;
    line-height: 1.8 !important;
    color: #333 !important;
    width: 100%;
  }
  .jingxuan-section .w-1520 .journey-carousel .journey-pages .journey-page .journey-track .journey-card .journey-content .journey-desc * {
    font-size: 0.53333333rem !important;
    color: #333 !important;
    line-height: 1.8 !important;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
  }
  .jingxuan-section .w-1520 .journey-carousel .journey-pages .journey-page .journey-track .journey-card.card-left {
    margin-top: 0.8rem;
  }
  .jingxuan-section .w-1520 .journey-carousel .journey-pages .journey-page .journey-track .journey-card.card-center {
    margin-top: 0;
  }
  .jingxuan-section .w-1520 .journey-carousel .journey-pages .journey-page .journey-track .journey-card.card-right {
    margin-top: 0.8rem;
  }
  .jingxuan-section .w-1520 .journey-carousel .journey-pages .journey-page .journey-track .card-left .journey-media {
    aspect-ratio: 352 / 393;
  }
  .jingxuan-section .w-1520 .journey-carousel .journey-pages .journey-page .journey-track .card-right .journey-media {
    aspect-ratio: 352 / 393;
  }
  .jingxuan-section .w-1520 .journey-carousel .journey-pages .journey-page .journey-track .card-center .journey-media {
    aspect-ratio: 630 / 438;
  }
  .jingxuan-section .w-1520 .journey-carousel .journey-pages .journey-source {
    display: none;
  }
  .jingxuan-section .w-1520 .journey-dots {
    display: none;
    justify-content: center;
    align-items: center;
    gap: 0.66666667rem;
    margin-top: 1.33333333rem;
  }
  .jingxuan-section .w-1520 .journey-dots .journey-dot {
    width: 0.66666667rem;
    height: 0.66666667rem;
    border-radius: 50%;
    background: rgba(199, 161, 90, 0.28);
    transition: all 0.3s ease;
    cursor: pointer;
  }
  .jingxuan-section .w-1520 .journey-dot.active {
    background: #c7a15a;
    transform: scale(1.15);
  }
  /* 探索主题 */
  .theme-scene {
    position: relative;
    min-height: 100%;
    background-color: #faf8f5;
    padding: 10% 5%;
  }
  .theme-scene .theme-sticky {
    position: relative;
    width: 100%;
    height: 100%;
    min-height: 100%;
    background-color: #faf8f5;
  }
  .theme-scene .theme-sticky .theme-hero-stage {
    display: none;
  }
  .theme-scene .theme-sticky .theme-shell {
    width: 100%;
    height: 100%;
    min-height: 100%;
    margin: 0 auto;
  }
  .theme-scene .theme-sticky .theme-shell .theme-title {
    font-size: 0.8rem;
    line-height: 1.2;
    color: #c5a56f;
    font-weight: 400;
    margin-bottom: 1.33333333rem;
  }
  .theme-scene .theme-sticky .theme-shell .theme-left {
    display: none;
  }
  .theme-scene .theme-sticky .theme-shell .theme-normal-stage .theme-card-wrap {
    width: 100%;
    height: 100%;
    z-index: 24;
  }
  .theme-scene .theme-sticky .theme-shell .theme-normal-stage .theme-card-wrap .theme-card-track {
    width: 100%;
    display: grid;
    gap: 1rem;
  }
  .theme-scene .theme-sticky .theme-shell .theme-normal-stage .theme-card-wrap .theme-card-track .theme-card-item {
    width: 100%;
    height: 100%;
  }
  .theme-scene .theme-sticky .theme-shell .theme-normal-stage .theme-card-wrap .theme-card-track .theme-card-item .theme-card-media {
    width: 100%;
    height: 13.33333333rem;
  }
  .theme-scene .theme-sticky .theme-shell .theme-normal-stage .theme-card-wrap .theme-card-track .theme-card-item .theme-card-media img,
  .theme-scene .theme-sticky .theme-shell .theme-normal-stage .theme-card-wrap .theme-card-track .theme-card-item .theme-card-media video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center top;
    display: block;
  }
  .theme-scene .theme-sticky .theme-shell .theme-normal-stage .theme-card-wrap .theme-card-track .theme-card-item .theme-card-media .theme-card-video {
    display: none;
  }
  .theme-scene .theme-sticky .theme-shell .theme-normal-stage .theme-card-wrap .theme-card-track .theme-card-item .theme-card-content {
    width: 100%;
    background-color: #fff;
    box-shadow: 0 0.33333333rem 0.66666667rem 0.33333333rem rgba(197, 166, 111, 0.212);
    padding: 0.66666667rem;
    opacity: 1;
    will-change: opacity;
  }
  .theme-scene .theme-sticky .theme-shell .theme-normal-stage .theme-card-wrap .theme-card-track .theme-card-item .theme-card-content .theme-content-title {
    font-size: 0.8rem;
    line-height: 1.8;
    color: #c5a56f;
    font-weight: 700;
    margin-bottom: 0.66666667rem;
  }
  .theme-scene .theme-sticky .theme-shell .theme-normal-stage .theme-card-wrap .theme-card-track .theme-card-item .theme-card-content .theme-content-desc {
    font-size: 0.53333333rem !important;
    line-height: 1.8 !important;
    color: #333 !important;
  }
  .theme-scene .theme-sticky .theme-shell .theme-normal-stage .theme-card-wrap .theme-card-track .theme-card-item .theme-card-content .theme-content-desc * {
    font-size: 0.53333333rem !important;
    line-height: 1.8 !important;
    color: #333 !important;
  }
  /* 品牌价值 */
  .animated-text-n-product {
    position: relative;
    background-color: #fff;
    overflow: hidden;
  }
  .animated-text-n-product .container {
    width: 100%;
    margin: 0 auto;
  }
  .animated-text-n-product .container .animated-text-n-product--wrap {
    position: relative;
    min-height: 23.33333333rem;
  }
  .animated-text-n-product .container .animated-text-n-product--wrap .animated-text-sticky {
    display: none;
  }
  .animated-text-n-product .container .animated-text-n-product--wrap .overlap-croptab-product-section {
    position: absolute;
    inset: 0;
    min-height: 23.33333333rem;
    opacity: 0;
    visibility: hidden;
    z-index: 2;
  }
  .animated-text-n-product .container .animated-text-n-product--wrap .overlap-croptab-product-section .overlap-stage {
    position: relative;
    min-height: 23.33333333rem;
    overflow: hidden;
    padding: 0 5%;
  }
  .animated-text-n-product .container .animated-text-n-product--wrap .overlap-croptab-product-section .overlap-stage .media-layer {
    position: absolute;
    inset: 0;
    z-index: 1;
    overflow: hidden;
  }
  .animated-text-n-product .container .animated-text-n-product--wrap .overlap-croptab-product-section .overlap-stage .media-layer .overlap-image,
  .animated-text-n-product .container .animated-text-n-product--wrap .overlap-croptab-product-section .overlap-stage .media-layer .overlap-video {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .animated-text-n-product .container .animated-text-n-product--wrap .overlap-croptab-product-section .overlap-stage .media-layer .overlap-image {
    opacity: 0;
    transform: scale(1.12);
    will-change: transform, opacity;
    z-index: 1;
  }
  .animated-text-n-product .container .animated-text-n-product--wrap .overlap-croptab-product-section .overlap-stage .media-layer .overlap-video {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    z-index: 2;
    background: #000;
    will-change: opacity, visibility;
  }
  .animated-text-n-product .container .animated-text-n-product--wrap .overlap-croptab-product-section .overlap-stage .overlap-dark {
    position: absolute;
    inset: 0;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.38), rgba(0, 0, 0, 0.46)), linear-gradient(to top, rgba(0, 0, 0, 0.12), rgba(0, 0, 0, 0.22));
    opacity: 0;
    will-change: opacity;
    z-index: 2;
  }
  .animated-text-n-product .container .animated-text-n-product--wrap .overlap-croptab-product-section .overlap-stage .overlap-inner {
    position: relative;
    width: 100%;
    min-height: 20rem;
    margin: 0 auto;
    z-index: 3;
    padding: 10% 0;
  }
  .animated-text-n-product .container .animated-text-n-product--wrap .overlap-croptab-product-section .overlap-stage .overlap-inner .brand-tag {
    color: rgba(255, 255, 255, 0.92);
    font-size: 0.8rem;
    font-weight: 500;
    opacity: 0;
    transform: translateY(0.66666667rem);
    will-change: transform, opacity;
    margin-bottom: 1.33333333rem;
  }
  .animated-text-n-product .container .animated-text-n-product--wrap .overlap-croptab-product-section .overlap-stage .overlap-inner .overlap-croptab-heading {
    width: 100%;
    max-width: 100%;
    text-align: center;
    color: #fff;
    display: flex;
    justify-content: center;
    opacity: 0;
    will-change: transform, opacity;
  }
  .animated-text-n-product .container .animated-text-n-product--wrap .overlap-croptab-product-section .overlap-stage .overlap-inner .overlap-croptab-heading .h2-style-new {
    font-size: 0.66666667rem;
    line-height: 1.2;
    font-weight: 700;
    color: #fff;
  }
  .animated-text-n-product .container .animated-text-n-product--wrap .overlap-croptab-product-section .overlap-stage .overlap-inner .story-glass-card {
    position: absolute;
    left: 50%;
    top: 35%;
    transform: translate(-50%, -50%) translateY(0.66666667rem);
    width: 80%;
    height: 12.66666667rem;
    border-radius: 0.33333333rem;
    box-shadow: inset 0 0.03333333rem 0 rgba(255, 255, 255, 0.16), 0 0.33333333rem 0.66666667rem rgba(0, 0, 0, 0.18);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    opacity: 0;
    will-change: transform, opacity;
  }
  .animated-text-n-product .container .animated-text-n-product--wrap .overlap-croptab-product-section .overlap-stage .overlap-inner .story-copy {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%) translateY(0.66666667rem);
    width: 100%;
    text-align: center;
    opacity: 0;
    will-change: transform, opacity;
    font-size: 0.6rem !important;
    line-height: 3 !important;
    color: #fff;
  }
  .animated-text-n-product .container .animated-text-n-product--wrap .overlap-croptab-product-section .overlap-stage .overlap-inner .story-copy * {
    font-size: 0.6rem !important;
    line-height: 3 !important;
    color: #fff;
    text-shadow: 0 0.13333333rem 0.33333333rem rgba(0, 0, 0, 0.18);
  }
  .animated-text-n-product .container .animated-text-n-product--wrap .overlap-croptab-product-section .overlap-stage.is-video-active .media-layer .overlap-video {
    opacity: 1;
    visibility: visible;
  }
  .animated-text-n-product .container .animated-text-n-product--wrap .overlap-croptab-product-section .overlap-stage.is-video-active .media-layer .overlap-image {
    opacity: 0 !important;
  }
  .animated-text-n-product .container .animated-text-n-product--wrap .overlap-croptab-product-section .overlap-stage.is-image-active .media-layer .overlap-video {
    opacity: 0;
    visibility: hidden;
  }
  .animated-text-n-product .container .animated-text-n-product--wrap .overlap-croptab-product-section .overlap-stage.is-image-active .media-layer .overlap-image {
    opacity: 1;
  }
  .center-icon-overlay {
    display: none;
  }
  /* 开启您的下一站 */
  .journey-contact {
    position: relative;
    width: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 26.66666667rem;
    padding: 20% 5% 0;
  }
  .journey-contact .journey-contact-inner {
    width: 100%;
    margin: 0 auto;
    position: relative;
    z-index: 2;
    text-align: center;
  }
  .journey-contact .journey-contact-inner .journey-contact-label {
    font-size: 0.8rem;
    line-height: 1.8;
    font-weight: 700;
    color: #333;
    margin-bottom: 1.33333333rem;
  }
  .journey-contact .journey-contact-inner .journey-contact-title {
    font-size: 0.66666667rem !important;
    line-height: 1.8 !important;
    font-weight: 400 !important;
    color: #333 !important;
    margin: 0 auto;
    max-width: 1005;
  }
  .journey-contact .journey-contact-inner .journey-contact-title * {
    font-size: 0.66666667rem !important;
    line-height: 1.8 !important;
    font-weight: 400 !important;
    color: #333 !important;
  }
  .journey-contact .journey-contact-inner .journey-contact-meta {
    margin-top: 1.33333333rem;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0.66666667rem;
    flex-wrap: wrap;
    font-size: 0.53333333rem;
    color: #333;
    line-height: 1.8;
  }
  .journey-contact .journey-contact-inner .journey-contact-meta .journey-contact-meta-item {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0.13333333rem;
    width: 100%;
  }
  .journey-contact .journey-contact-inner .journey-contact-meta .journey-contact-meta-item span {
    display: block;
    font-size: 0.53333333rem;
    color: #333;
  }
  .journey-contact .journey-contact-inner .journey-contact-meta .journey-contact-meta-item a {
    display: block;
    font-size: 0.53333333rem;
    color: #333;
  }
  .journey-contact .journey-contact-inner .journey-contact-meta .journey-contact-meta-divider {
    display: none;
  }
}
/* pc */
@media (min-width: 768px) {
  /* banner */
  .banner {
    position: sticky;
    top: 0;
    width: 100%;
    height: 100vh;
    /* ✅ 一屏 */
  }
  .banner .sabuubanner {
    width: 100%;
    height: 100%;
  }
  .banner .sabuubanner .con {
    position: relative;
    overflow: hidden;
    height: 100%;
    /* 鼠标里面的小滚轮同步向下移动 */
  }
  .banner .sabuubanner .con .mySwiper_banner {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
  }
  .banner .sabuubanner .con .mySwiper_banner .swiper-wrapper {
    height: 100%;
  }
  .banner .sabuubanner .con .mySwiper_banner .swiper-wrapper .swiper-slide {
    width: 100% !important;
    height: 100%;
    position: relative;
  }
  .banner .sabuubanner .con .mySwiper_banner .swiper-wrapper .swiper-slide .tupiandde {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative;
    z-index: 10;
  }
  .banner .sabuubanner .con .mySwiper_banner .swiper-wrapper .swiper-slide .tupiandde img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    min-height: 100%;
    transition: 0.8s linear 1s;
    transform: scale(1);
  }
  .banner .sabuubanner .con .mySwiper_banner .swiper-wrapper .swiper-slide .tupiandde .viea {
    width: 100%;
    height: 100%;
    object-fit: cover;
    min-height: 100%;
  }
  .banner .sabuubanner .con .mySwiper_banner .swiper-wrapper .swiper-slide .w-1517 {
    position: absolute;
    z-index: 25;
    top: clamp(5.5rem, 50vh, 4.5rem);
    width: 100%;
    margin: 0 auto;
  }
  .banner .sabuubanner .con .mySwiper_banner .swiper-wrapper .swiper-slide .w-1517 h3 {
    text-align: center;
    width: 100%;
    font-size: 0.7rem;
    color: #fff;
  }
  .banner .sabuubanner .con .mySwiper_banner .swiper-wrapper .swiper-slide-active .tupiandde img {
    transition: 4.5s linear;
    transform: scale(1.05);
  }
  .banner .sabuubanner .con .mySwiper_banner .swiper-wrapper .swiper-slide-duplicate-active .tupiandde img {
    transition: 4.5s linear;
    transform: scale(1.05);
  }
  .banner .sabuubanner .con .mySwiper_banner .swiper-pagination {
    bottom: 1.1rem;
    width: 100%;
    display: flex;
    left: 76%;
    gap: 0.6rem;
  }
  .banner .sabuubanner .con .mySwiper_banner .swiper-pagination .swiper-pagination-bullet {
    width: 0.1rem;
    height: 0.1rem;
    display: inline-block;
    background: #ffffff;
    border-radius: 2rem;
    opacity: 1;
  }
  .banner .sabuubanner .con .mySwiper_banner .swiper-pagination .swiper-pagination-bullet-active {
    position: relative;
    opacity: 1;
    border-radius: 2rem;
    transition: all 0.5s;
  }
  .banner .sabuubanner .con .mySwiper_banner .swiper-pagination .swiper-pagination-bullet-active::after {
    position: absolute;
    left: -0.11rem;
    top: -0.1rem;
    content: '';
    width: 0.3rem;
    height: 0.3rem;
    border: 0.01rem solid #fff;
    border-radius: 1rem;
  }
  .banner .sabuubanner .con .scroll-down-wrap {
    position: absolute;
    bottom: 0.7rem;
    z-index: 9;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
  .banner .sabuubanner .con .scroll-down-wrap .mouse-icon {
    position: relative;
    width: 0.3rem;
    height: 0.45rem;
    border: 0.02rem solid #fff;
    border-radius: 0.2rem;
    box-sizing: border-box;
    margin-bottom: 0.2rem;
  }
  .banner .sabuubanner .con .scroll-down-wrap .mouse-icon .wheel {
    position: absolute;
    top: 0.08rem;
    left: 50%;
    width: 0.03rem;
    height: 0.1rem;
    margin-left: -0.015rem;
    border-radius: 0.05rem;
    background: #fff;
    animation: wheelMove 1.8s ease-in-out infinite;
  }
  .banner .sabuubanner .con .scroll-down-wrap .scroll-text {
    color: #fff;
    font-size: 0.16rem;
    line-height: 1;
    text-align: center;
  }
  @keyframes wheelMove {
    0% {
      transform: translateY(0);
      opacity: 1;
    }
    50% {
      transform: translateY(0.1rem);
      opacity: 0.35;
    }
    100% {
      transform: translateY(0);
      opacity: 1;
    }
  }
  /* 精选行程 */
  .jingxuan-section {
    position: relative;
    isolation: isolate;
    z-index: 3;
    width: 100%;
    overflow: hidden;
    padding: 1rem 0;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }
  .jingxuan-section .w-1520 {
    position: relative;
    z-index: 2;
    width: 15.2rem;
    margin: 0 auto;
  }
  .jingxuan-section .w-1520 .jingxuan-head {
    position: relative;
    z-index: 3;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.2rem;
    margin-bottom: 1.8rem;
    transform: translate3d(0, var(--journey-shift-y), 0);
    transition: transform 0.18s linear;
    will-change: transform;
  }
  .jingxuan-section .w-1520 .jingxuan-head .jingxuan-title {
    position: relative;
    margin: 0;
    font-size: 0.3rem;
    font-weight: 500;
    color: #c5a56f;
  }
  .jingxuan-section .w-1520 .jingxuan-head .jingxuan-title::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -0.18rem;
    width: 1.1rem;
    height: 0.01rem;
    background: linear-gradient(90deg, rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0));
    opacity: 0.75;
  }
  .jingxuan-section .w-1520 .jingxuan-head .journey-nav {
    display: flex;
    align-items: center;
    gap: 0.14rem;
  }
  .jingxuan-section .w-1520 .jingxuan-head .journey-nav .journey-btn {
    position: relative;
    width: 0.56rem;
    height: 0.56rem;
    border-radius: 50%;
    border: 0.01rem solid rgba(197, 165, 111, 0.38);
    background: rgba(255, 255, 255, 0.06);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    color: #c5a56f;
    font-size: 0.18rem;
    cursor: pointer;
    transition: transform 0.35s ease, background 0.35s ease, border-color 0.35s ease, color 0.35s ease, opacity 0.35s ease;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
  }
  .jingxuan-section .w-1520 .jingxuan-head .journey-nav .journey-btn::before {
    content: "";
    position: absolute;
    inset: 0;
    background: radial-gradient(circle at 50% 50%, rgba(197, 165, 111, 0.26), rgba(197, 165, 111, 0) 70%);
    opacity: 0;
    transition: opacity 0.35s ease;
  }
  .jingxuan-section .w-1520 .jingxuan-head .journey-nav .journey-btn:hover {
    transform: translateY(-0.03rem) scale(1.04);
    background: rgba(197, 165, 111, 0.12);
    border-color: rgba(197, 165, 111, 0.72);
    color: #fff;
  }
  .jingxuan-section .w-1520 .jingxuan-head .journey-nav .journey-btn:hover::before {
    opacity: 1;
  }
  .jingxuan-section .w-1520 .jingxuan-head .journey-nav .journey-btn[disabled] {
    opacity: 0.28;
    cursor: not-allowed;
    pointer-events: none;
  }
  .jingxuan-section .w-1520 .journey-carousel {
    z-index: 2;
    position: relative;
    overflow: visible;
    transform: translate3d(0, var(--journey-shift-y), 0);
    transition: transform 0.18s linear;
    will-change: transform;
    perspective: 22rem;
    transform-style: preserve-3d;
  }
  .jingxuan-section .w-1520 .journey-carousel .journey-pages {
    position: relative;
    display: flex;
    transition: transform 0.9s cubic-bezier(0.22, 0.61, 0.36, 1);
    will-change: transform;
  }
  .jingxuan-section .w-1520 .journey-carousel .journey-page {
    position: relative;
    min-width: 100%;
    width: 100%;
    flex-shrink: 0;
  }
  .jingxuan-section .w-1520 .journey-carousel .journey-track {
    display: grid;
    gap: 0.34rem;
    justify-content: center;
    min-height: 6.2rem;
    position: relative;
    grid-template-columns: 0.7fr 1.3fr 0.7fr;
    align-items: center;
    transform-style: preserve-3d;
    transform: translate3d(0, var(--jx-stage-shift), 0) scale(var(--jx-stage-scale)) rotateZ(var(--jx-stage-rotate));
    filter: blur(var(--jx-stage-blur));
    transition: transform 0.85s cubic-bezier(0.22, 0.61, 0.36, 1), filter 0.85s cubic-bezier(0.22, 0.61, 0.36, 1);
  }
  .jingxuan-section .w-1520 .journey-carousel .journey-card {
    --jx-card-y: 0px;
    --jx-card-scale: 1;
    --jx-card-rotate-z: 0deg;
    --jx-card-opacity: 1;
    --jx-card-blur: 0;
    --jx-card-brightness: 1;
    --jx-card-saturate: 1;
    --jx-card-shadow: 0 (30rem / 100) (50rem / 100) rgba(0,0,0,.24);
    --jx-card-border-opacity: 0.14;
    --jx-content-y: 0;
    --jx-content-opacity: 1;
    --jx-content-blur: 0;
    --jx-media-scale: 1.04;
    --jx-media-y: 0;
    --jx-media-rotate: 0deg;
    --jx-rotate-x: 0deg;
    --jx-rotate-y: 0deg;
    --jx-shine-x: 50%;
    --jx-shine-y: 50%;
    position: relative;
    opacity: var(--jx-card-opacity);
    filter: blur(var(--jx-card-blur)) brightness(var(--jx-card-brightness)) saturate(var(--jx-card-saturate));
    transform: translate3d(0, var(--jx-card-y), 0) scale(var(--jx-card-scale)) rotateZ(var(--jx-card-rotate-z));
    transform-style: preserve-3d;
    transition: transform 0.78s cubic-bezier(0.22, 0.61, 0.36, 1), opacity 0.68s ease, filter 0.68s ease, box-shadow 0.68s ease;
    will-change: transform, opacity, filter;
  }
  .jingxuan-section .w-1520 .journey-carousel .journey-card::before {
    content: "";
    position: absolute;
    inset: auto 0.18rem -0.22rem 0.18rem;
    height: 0.7rem;
    filter: blur(0.18rem);
    z-index: 0;
    pointer-events: none;
    opacity: 0.75;
    transition: opacity 0.45s ease, transform 0.45s ease;
  }
  .jingxuan-section .w-1520 .journey-carousel .journey-card .journey-media {
    position: relative;
    overflow: hidden;
    box-shadow: var(--jx-card-shadow);
    transform-style: preserve-3d;
    transform: perspective(16rem) rotateX(var(--jx-rotate-x)) rotateY(var(--jx-rotate-y)) translate3d(0, 0, 0);
    transition: transform 0.24s ease-out, box-shadow 0.68s cubic-bezier(0.22, 0.61, 0.36, 1);
    background: rgba(255, 255, 255, 0.04);
    backdrop-filter: blur(0.1rem);
  }
  .jingxuan-section .w-1520 .journey-carousel .journey-card .journey-media .journey-media-inner {
    position: relative;
    width: 100%;
    height: 100%;
  }
  .jingxuan-section .w-1520 .journey-carousel .journey-card .journey-media .journey-image-box,
  .jingxuan-section .w-1520 .journey-carousel .journey-card .journey-media .journey-video-box {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
  }
  .jingxuan-section .w-1520 .journey-carousel .journey-card .journey-media .journey-image-box img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform: scale(var(--jx-media-scale)) translate3d(0, var(--jx-media-y), 0) rotate(var(--jx-media-rotate));
    transition: transform 0.55s cubic-bezier(0.22, 0.61, 0.36, 1), filter 0.55s ease;
    will-change: transform;
  }
  .jingxuan-section .w-1520 .journey-carousel .journey-card .journey-media .journey-video-box video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform: scale(var(--jx-media-scale)) translate3d(0, var(--jx-media-y), 0) rotate(var(--jx-media-rotate));
    transition: transform 0.55s cubic-bezier(0.22, 0.61, 0.36, 1), filter 0.55s ease;
    will-change: transform;
  }
  .jingxuan-section .w-1520 .journey-carousel .journey-card .journey-media::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 2;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.08) 0%, rgba(255, 255, 255, 0) 24%, rgba(0, 0, 0, 0) 62%, rgba(0, 0, 0, 0.38) 100%);
    pointer-events: none;
  }
  .jingxuan-section .w-1520 .journey-carousel .journey-card .journey-media::after {
    content: "";
    position: absolute;
    inset: auto 10% 0 10%;
    height: 28%;
    background: radial-gradient(circle at 50% 0%, rgba(0, 0, 0, 0.35), rgba(0, 0, 0, 0) 70%);
    opacity: 0.55;
    pointer-events: none;
    filter: blur(0.18rem);
  }
  .jingxuan-section .w-1520 .journey-carousel .journey-card .journey-content {
    position: relative;
    z-index: 2;
    padding-top: 0.22rem;
    z-index: 4;
    transform: translate3d(0, var(--jx-content-y), 0);
    opacity: var(--jx-content-opacity);
    filter: blur(var(--jx-content-blur));
    transition: transform 0.58s cubic-bezier(0.22, 0.61, 0.36, 1), opacity 0.48s ease, filter 0.48s ease;
  }
  .jingxuan-section .w-1520 .journey-carousel .journey-card .journey-content .journey-name {
    margin: 0 0 0.12rem;
    font-size: 0.24rem;
    line-height: 1.28;
    font-weight: 500;
    letter-spacing: 0.04em;
    color: #c5a56f;
  }
  .jingxuan-section .w-1520 .journey-carousel .journey-card .journey-content .journey-desc {
    width: 100%;
  }
  .jingxuan-section .w-1520 .journey-carousel .journey-card .journey-content .journey-desc p,
  .jingxuan-section .w-1520 .journey-carousel .journey-card .journey-content .journey-desc * {
    margin: 0;
    font-size: 0.15rem !important;
    line-height: 1.95 !important;
    color: rgba(23, 31, 43, 0.78) !important;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
  }
  .jingxuan-section .w-1520 .journey-carousel .journey-card.is-ready {
    opacity: 0;
    transform: translate3d(0, 0.46rem, 0) scale(0.96);
  }
  .jingxuan-section .w-1520 .journey-carousel .journey-card.is-inview {
    opacity: 1;
    transform: translate3d(0, 0, 0) scale(1);
  }
  .jingxuan-section .w-1520 .journey-carousel .journey-card.is-hover {
    z-index: 6;
  }
  .jingxuan-section .w-1520 .journey-carousel .journey-card.is-hover::before {
    opacity: 0.92;
    transform: scale(1.08);
  }
  .jingxuan-section .w-1520 .journey-carousel .journey-card::before,
  .jingxuan-section .w-1520 .journey-carousel .journey-card::after {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 0.3rem;
    pointer-events: none;
  }
  .jingxuan-section .w-1520 .journey-carousel .journey-card.card-left,
  .jingxuan-section .w-1520 .journey-carousel .journey-card.card-right {
    filter: saturate(0.86) brightness(0.92);
    transform: translate3d(0, 0.22rem, 0) scale(0.92);
    z-index: 1;
  }
  .jingxuan-section .w-1520 .journey-carousel .journey-card.card-left .journey-image-box img,
  .jingxuan-section .w-1520 .journey-carousel .journey-card.card-right .journey-image-box img,
  .jingxuan-section .w-1520 .journey-carousel .journey-card.card-left .journey-video-box video,
  .jingxuan-section .w-1520 .journey-carousel .journey-card.card-right .journey-video-box video {
    filter: saturate(0.92);
  }
  .jingxuan-section .w-1520 .journey-carousel .journey-card.card-left .journey-media {
    aspect-ratio: 352 / 420;
  }
  .jingxuan-section .w-1520 .journey-carousel .journey-card.card-right .journey-media {
    aspect-ratio: 352 / 420;
  }
  .jingxuan-section .w-1520 .journey-carousel .journey-card.card-center {
    opacity: 1;
    filter: none;
    transform: translate3d(0, 0, 0) scale(1);
    z-index: 3;
  }
  .jingxuan-section .w-1520 .journey-carousel .journey-card.card-center .journey-media {
    aspect-ratio: 630 / 470;
  }
  .jingxuan-section .w-1520 .journey-carousel .journey-card.card-center .journey-content {
    padding-top: 0.26rem;
  }
  .jingxuan-section .w-1520 .journey-carousel .journey-card.card-center .journey-content .journey-name {
    font-size: 0.3rem;
  }
  .jingxuan-section .w-1520 .journey-carousel .journey-card.card-center .journey-content .journey-desc p,
  .jingxuan-section .w-1520 .journey-carousel .journey-card.card-center .journey-content .journey-desc * {
    font-size: 0.16rem !important;
  }
  .jingxuan-section .w-1520 .journey-carousel .journey-card.is-active-focus {
    z-index: 7;
  }
  .jingxuan-section .w-1520 .journey-carousel .journey-card.is-active-focus .journey-media {
    box-shadow: 0 0.28rem 0.3rem rgba(10, 15, 25, 0.18), 0 0.1rem 0.22rem rgba(10, 15, 25, 0.08);
  }
  .jingxuan-section .w-1520 .journey-carousel .journey-card.is-hover::after,
  .jingxuan-section .w-1520 .journey-carousel .journey-card.is-active-focus::after {
    opacity: 1;
  }
  .jingxuan-section .w-1520 .journey-carousel .journey-source {
    display: none;
  }
  .jingxuan-section .w-1520 .journey-dots {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0.12rem;
    margin-top: 0.54rem;
    transform: translate3d(0, var(--journey-shift-y), 0);
    transition: transform 0.18s linear;
  }
  .jingxuan-section .w-1520 .journey-dots .journey-dot {
    position: relative;
    width: 0.12rem;
    height: 0.12rem;
    border-radius: 50%;
    background: rgba(197, 165, 111, 0.24);
    transition: transform 0.35s ease, background 0.35s ease, width 0.35s ease;
    cursor: pointer;
  }
  .jingxuan-section .w-1520 .journey-dots .journey-dot.active {
    width: 0.34rem;
    border-radius: 9.99rem;
    background: #c7a15a;
    transform: scale(1.02);
  }
  .jingxuan-section::before,
  .jingxuan-section::after {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    z-index: 0;
  }
  .jingxuan-section::before {
    opacity: var(--jx-ambient-opacity);
    transition: opacity 0.8s ease, background-position 0.8s ease;
  }
  .jingxuan-section::after {
    background: radial-gradient(circle at 50% 45%, rgba(255, 255, 255, 0.06), rgba(255, 255, 255, 0) 46%), linear-gradient(90deg, rgba(5, 8, 16, 0.42) 0%, rgba(5, 8, 16, 0) 22%, rgba(5, 8, 16, 0) 78%, rgba(5, 8, 16, 0.42) 100%);
    mix-blend-mode: screen;
    opacity: 0.78;
  }
  /* 探索主题 */
  .theme-scene {
    position: relative;
    min-height: 100vh;
    background-color: #faf8f5;
    padding: 0 0 1rem;
  }
  .theme-scene .theme-sticky {
    position: relative;
    width: 100%;
    height: 100vh;
    min-height: 100vh;
    background-color: #faf8f5;
  }
  .theme-scene .theme-sticky .theme-hero-stage {
    position: absolute;
    inset: 0;
    z-index: 1;
    pointer-events: none;
    transition: opacity 0.35s ease, visibility 0.35s ease;
  }
  .theme-scene .theme-sticky .theme-hero-stage .theme-hero-media-box {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #ddd;
    will-change: left,top,width,height;
  }
  .theme-scene .theme-sticky .theme-hero-stage .theme-hero-media-box img,
  .theme-scene .theme-sticky .theme-hero-stage .theme-hero-media-box video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center top;
    display: block;
  }
  .theme-scene .theme-sticky .theme-hero-stage .theme-hero-media-box video {
    display: none;
  }
  .theme-scene .theme-sticky .theme-hero-stage.activess {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
  }
  .theme-scene .theme-sticky .theme-hero-stage.is-show {
    opacity: 1;
  }
  .theme-scene .theme-sticky .theme-shell {
    position: relative;
    width: 15.2rem;
    height: 100vh;
    min-height: 100vh;
    margin: 0 auto;
    z-index: 20;
  }
  .theme-scene .theme-sticky .theme-shell .theme-title {
    position: absolute;
    top: 1.6rem;
    left: 0;
    z-index: 30;
    font-size: 0.3rem;
    line-height: 1.2;
    color: #c5a56f;
    font-weight: 400;
    opacity: 0;
    transform: translateY(0.6rem);
    pointer-events: none;
    will-change: transform,opacity;
  }
  .theme-scene .theme-sticky .theme-shell .theme-left {
    position: absolute;
    left: 0;
    top: 4.2rem;
    width: 4rem;
    height: 1rem;
    z-index: 32;
    opacity: 0;
    transform: translateY(0.9rem);
    will-change: transform,opacity;
  }
  .theme-scene .theme-sticky .theme-shell .theme-left .theme-tabs {
    display: flex;
    flex-direction: column;
    gap: 0.3rem;
  }
  .theme-scene .theme-sticky .theme-shell .theme-left .theme-tabs .theme-tab {
    height: 1rem;
    display: flex;
    align-items: center;
    gap: 0.2rem;
    padding: 0 0.2rem;
    background-color: #fff;
    backdrop-filter: blur(0.08rem);
    opacity: 0.66;
    transition: transform 0.45s cubic-bezier(0.22, 0.61, 0.36, 1), opacity 0.45s cubic-bezier(0.22, 0.61, 0.36, 1), background 0.45s cubic-bezier(0.22, 0.61, 0.36, 1), box-shadow 0.45s cubic-bezier(0.22, 0.61, 0.36, 1);
    cursor: pointer;
    user-select: none;
  }
  .theme-scene .theme-sticky .theme-shell .theme-left .theme-tabs .theme-tab .theme-tab-icon {
    width: 0.5rem;
    height: 0.5rem;
    border-radius: 0.15rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fdf6ee;
    transition: all 0.45s cubic-bezier(0.22, 0.61, 0.36, 1);
  }
  .theme-scene .theme-sticky .theme-shell .theme-left .theme-tabs .theme-tab .theme-tab-icon .icon {
    display: block;
    width: 0.25rem;
    height: 0.25rem;
    fill: #c7a15a;
  }
  .theme-scene .theme-sticky .theme-shell .theme-left .theme-tabs .theme-tab .theme-tab-text {
    font-size: 0.2rem;
    line-height: 1.4;
    color: #333;
  }
  .theme-scene .theme-sticky .theme-shell .theme-left .theme-tabs .theme-tab:hover {
    transform: translateX(0.08rem);
  }
  .theme-scene .theme-sticky .theme-shell .theme-left .theme-tabs .theme-tab:hover .theme-tab-icon {
    background: #c7a15a;
    transition: all 0.45s cubic-bezier(0.22, 0.61, 0.36, 1);
  }
  .theme-scene .theme-sticky .theme-shell .theme-left .theme-tabs .theme-tab:hover .theme-tab-icon .icon {
    fill: #fff;
  }
  .theme-scene .theme-sticky .theme-shell .theme-left .theme-tabs .theme-tab.is-active {
    opacity: 1;
    background: rgba(255, 255, 255, 0.96);
    box-shadow: 0 0.05rem 0.1rem #c5a66f5b;
  }
  .theme-scene .theme-sticky .theme-shell .theme-left .theme-tabs .theme-tab.is-active .theme-tab-icon {
    background: #c7a15a;
    transition: all 0.45s cubic-bezier(0.22, 0.61, 0.36, 1);
  }
  .theme-scene .theme-sticky .theme-shell .theme-left .theme-tabs .theme-tab.is-active .theme-tab-icon .icon {
    fill: #fff;
  }
  .theme-scene .theme-sticky .theme-shell .theme-normal-stage {
    position: absolute;
    inset: 0;
    z-index: 24;
    pointer-events: none;
  }
  .theme-scene .theme-sticky .theme-shell .theme-normal-stage .theme-card-wrap {
    position: relative;
    left: 4.45rem;
    top: 2.2rem;
    width: 10.8rem;
    height: 7rem;
    max-height: calc(100vh - (240rem / 100));
    opacity: 0;
    transform: translateY(0.85rem) scale(0.9);
    z-index: 24;
    will-change: transform,opacity;
  }
  .theme-scene .theme-sticky .theme-shell .theme-normal-stage .theme-card-wrap .theme-card-track {
    position: relative;
    width: 100%;
    will-change: transform;
  }
  .theme-scene .theme-sticky .theme-shell .theme-normal-stage .theme-card-wrap .theme-card-track .theme-card-item {
    position: absolute;
    top: 0;
    left: 0;
    width: 102%;
    height: 6.5rem;
  }
  .theme-scene .theme-sticky .theme-shell .theme-normal-stage .theme-card-wrap .theme-card-track .theme-card-item .theme-card-media {
    position: absolute;
    left: 0;
    top: 0;
    width: 6rem;
    height: 6.5rem;
  }
  .theme-scene .theme-sticky .theme-shell .theme-normal-stage .theme-card-wrap .theme-card-track .theme-card-item .theme-card-media img,
  .theme-scene .theme-sticky .theme-shell .theme-normal-stage .theme-card-wrap .theme-card-track .theme-card-item .theme-card-media video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center top;
    display: block;
  }
  .theme-scene .theme-sticky .theme-shell .theme-normal-stage .theme-card-wrap .theme-card-track .theme-card-item .theme-card-media .theme-card-video {
    display: none;
  }
  .theme-scene .theme-sticky .theme-shell .theme-normal-stage .theme-card-wrap .theme-card-track .theme-card-item .theme-card-content {
    position: absolute;
    right: 0;
    top: 1.3rem;
    width: 6rem;
    height: 4rem;
    background-color: #fff;
    box-shadow: 0 0.05rem 0.1rem 0.05rem rgba(197, 166, 111, 0.212);
    padding: 0.8rem;
    opacity: 1;
    will-change: opacity;
  }
  .theme-scene .theme-sticky .theme-shell .theme-normal-stage .theme-card-wrap .theme-card-track .theme-card-item .theme-card-content .theme-content-title {
    font-size: 0.24rem;
    line-height: 1.8;
    color: #c5a56f;
    font-weight: 700;
    margin-bottom: 0.2rem;
  }
  .theme-scene .theme-sticky .theme-shell .theme-normal-stage .theme-card-wrap .theme-card-track .theme-card-item .theme-card-content .theme-content-desc {
    font-size: 0.18rem !important;
    line-height: 1.8 !important;
    color: #333 !important;
  }
  .theme-scene .theme-sticky .theme-shell .theme-normal-stage .theme-card-wrap .theme-card-track .theme-card-item .theme-card-content .theme-content-desc * {
    font-size: 0.18rem !important;
    line-height: 1.8 !important;
    color: #333 !important;
  }
  /* 品牌价值 */
  .animated-text-n-product {
    position: relative;
    background-color: #fff;
    overflow: hidden;
  }
  .animated-text-n-product .container {
    width: 100%;
    margin: 0 auto;
  }
  .animated-text-n-product .container .animated-text-n-product--wrap {
    position: relative;
    min-height: 100vh;
  }
  .animated-text-n-product .container .animated-text-n-product--wrap .animated-text-sticky {
    position: relative;
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1;
  }
  .animated-text-n-product .container .animated-text-n-product--wrap .animated-text-sticky .animated-text-sticky--inner {
    width: 100%;
    position: relative;
  }
  .animated-text-n-product .container .animated-text-n-product--wrap .animated-text-sticky .animated-text-sticky--inner .green-divider {
    width: 100%;
    height: 0.01rem;
    background: rgba(0, 0, 0, 0.231);
    will-change: background-color, opacity;
  }
  .animated-text-n-product .container .animated-text-n-product--wrap .animated-text-sticky .animated-text-sticky--inner .animated-text-lines-viewport {
    width: 100%;
    overflow: hidden;
    position: relative;
  }
  .animated-text-n-product .container .animated-text-n-product--wrap .animated-text-sticky .animated-text-sticky--inner .animated-text-lines-viewport .animated-text-lines-wrap {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem 0;
    white-space: nowrap;
    will-change: transform, opacity;
  }
  .animated-text-n-product .container .animated-text-n-product--wrap .animated-text-sticky .animated-text-sticky--inner .animated-text-lines-viewport .animated-text-lines-wrap .text-line {
    flex: 0 0 auto;
  }
  .animated-text-n-product .container .animated-text-n-product--wrap .animated-text-sticky .animated-text-sticky--inner .animated-text-lines-viewport .animated-text-lines-wrap .text-line .text-120-medium {
    font-size: 1.2rem;
    font-weight: 600;
    color: #333;
    white-space: nowrap;
    will-change: color, opacity;
  }
  .animated-text-n-product .container .animated-text-n-product--wrap .animated-text-sticky .animated-text-sticky--inner .animated-text-lines-viewport .animated-text-lines-wrap .farm-logo-animated {
    width: 3rem;
    flex: 0 0 auto;
    will-change: transform, opacity;
    transform-origin: center center;
    transform-box: fill-box;
  }
  .animated-text-n-product .container .animated-text-n-product--wrap .overlap-croptab-product-section {
    position: absolute;
    inset: 0;
    min-height: 100vh;
    opacity: 0;
    visibility: hidden;
    z-index: 2;
  }
  .animated-text-n-product .container .animated-text-n-product--wrap .overlap-croptab-product-section .overlap-stage {
    position: relative;
    min-height: 100vh;
    overflow: hidden;
  }
  .animated-text-n-product .container .animated-text-n-product--wrap .overlap-croptab-product-section .overlap-stage .media-layer {
    position: absolute;
    inset: 0;
    z-index: 1;
    overflow: hidden;
  }
  .animated-text-n-product .container .animated-text-n-product--wrap .overlap-croptab-product-section .overlap-stage .media-layer .overlap-image,
  .animated-text-n-product .container .animated-text-n-product--wrap .overlap-croptab-product-section .overlap-stage .media-layer .overlap-video {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .animated-text-n-product .container .animated-text-n-product--wrap .overlap-croptab-product-section .overlap-stage .media-layer .overlap-image {
    opacity: 0;
    transform: scale(1.12);
    will-change: transform, opacity;
    z-index: 1;
  }
  .animated-text-n-product .container .animated-text-n-product--wrap .overlap-croptab-product-section .overlap-stage .media-layer .overlap-video {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    z-index: 2;
    background: #000;
    will-change: opacity, visibility;
  }
  .animated-text-n-product .container .animated-text-n-product--wrap .overlap-croptab-product-section .overlap-stage .overlap-dark {
    position: absolute;
    inset: 0;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.38), rgba(0, 0, 0, 0.46)), linear-gradient(to top, rgba(0, 0, 0, 0.12), rgba(0, 0, 0, 0.22));
    opacity: 0;
    will-change: opacity;
    z-index: 2;
  }
  .animated-text-n-product .container .animated-text-n-product--wrap .overlap-croptab-product-section .overlap-stage .overlap-inner {
    position: relative;
    width: 15.2rem;
    min-height: 100vh;
    margin: 0 auto;
    z-index: 3;
  }
  .animated-text-n-product .container .animated-text-n-product--wrap .overlap-croptab-product-section .overlap-stage .overlap-inner .brand-tag {
    position: absolute;
    left: 0;
    top: 1.5rem;
    color: rgba(255, 255, 255, 0.92);
    font-size: 0.3rem;
    font-weight: 500;
    opacity: 0;
    transform: translateY(0.2rem);
    will-change: transform, opacity;
  }
  .animated-text-n-product .container .animated-text-n-product--wrap .overlap-croptab-product-section .overlap-stage .overlap-inner .overlap-croptab-heading {
    position: absolute;
    left: 50%;
    top: 24%;
    transform: translate(-50%, 0.3rem);
    width: auto;
    max-width: 9.5rem;
    text-align: center;
    color: #fff;
    opacity: 0;
    will-change: transform, opacity;
  }
  .animated-text-n-product .container .animated-text-n-product--wrap .overlap-croptab-product-section .overlap-stage .overlap-inner .overlap-croptab-heading .h2-style-new {
    font-size: 0.3rem;
    line-height: 1.2;
    font-weight: 700;
    color: #fff;
  }
  .animated-text-n-product .container .animated-text-n-product--wrap .overlap-croptab-product-section .overlap-stage .overlap-inner .story-glass-card {
    position: absolute;
    left: 50%;
    top: 40%;
    transform: translate(-50%, -50%) translateY(0.3rem);
    width: 4rem;
    height: 5rem;
    border-radius: 0.2rem;
    box-shadow: inset 0 0.01rem 0 rgba(255, 255, 255, 0.16), 0 0.2rem 0.4rem rgba(0, 0, 0, 0.18);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    opacity: 0;
    will-change: transform, opacity;
  }
  .animated-text-n-product .container .animated-text-n-product--wrap .overlap-croptab-product-section .overlap-stage .overlap-inner .story-copy {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%) translateY(0.3rem);
    width: 8rem;
    text-align: center;
    opacity: 0;
    will-change: transform, opacity;
    font-size: 0.2rem !important;
    line-height: 2.2 !important;
    color: #fff;
  }
  .animated-text-n-product .container .animated-text-n-product--wrap .overlap-croptab-product-section .overlap-stage .overlap-inner .story-copy * {
    font-size: 0.2rem !important;
    line-height: 2.2 !important;
    color: #fff;
    text-shadow: 0 0.02rem 0.08rem rgba(0, 0, 0, 0.18);
  }
  .animated-text-n-product .container .animated-text-n-product--wrap .overlap-croptab-product-section .overlap-stage.is-video-active .media-layer .overlap-video {
    opacity: 1;
    visibility: visible;
  }
  .animated-text-n-product .container .animated-text-n-product--wrap .overlap-croptab-product-section .overlap-stage.is-video-active .media-layer .overlap-image {
    opacity: 0 !important;
  }
  .animated-text-n-product .container .animated-text-n-product--wrap .overlap-croptab-product-section .overlap-stage.is-image-active .media-layer .overlap-video {
    opacity: 0;
    visibility: hidden;
  }
  .animated-text-n-product .container .animated-text-n-product--wrap .overlap-croptab-product-section .overlap-stage.is-image-active .media-layer .overlap-image {
    opacity: 1;
  }
  .center-icon-overlay {
    position: fixed;
    left: 50%;
    top: 50%;
    z-index: 9;
    pointer-events: none;
    opacity: 0;
    will-change: transform, opacity, width, height, filter;
    transform-origin: center center;
    transform-box: fill-box;
    filter: drop-shadow(0 0.1rem 0.25rem rgba(0, 0, 0, 0.1));
  }
  /* 开启您的下一站 */
  .journey-contact {
    position: relative;
    z-index: 6;
    width: 100%;
    height: 100vh;
    padding: 1.7rem 0 0;
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: cover;
    overflow: hidden;
  }
  .journey-contact .journey-contact-inner {
    position: relative;
    z-index: 2;
    will-change: transform;
    transform: translate3d(0, 0, 0);
    width: 15.2rem;
    margin: 0 auto;
    text-align: center;
  }
  .journey-contact .journey-contact-inner .journey-contact-label,
  .journey-contact .journey-contact-inner .journey-contact-title,
  .journey-contact .journey-contact-inner .journey-contact-meta {
    will-change: transform, opacity;
    transform: translate3d(0, 0, 0);
  }
  .journey-contact .journey-contact-inner .journey-contact-label {
    margin-bottom: 0.6rem;
    font-size: 0.3rem;
    line-height: 1.8;
    font-weight: 700;
    color: #333;
  }
  .journey-contact .journey-contact-inner .journey-contact-title {
    max-width: 9rem;
    margin: 0 auto;
    font-size: 0.3rem !important;
    line-height: 1.8 !important;
    font-weight: 400 !important;
    color: #333 !important;
  }
  .journey-contact .journey-contact-inner .journey-contact-title * {
    font-size: 0.3rem !important;
    line-height: 1.8 !important;
    font-weight: 400 !important;
    color: #333 !important;
  }
  .journey-contact .journey-contact-inner .journey-contact-meta {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.3rem;
    margin-top: 0.7rem;
    font-size: 0.18rem;
    line-height: 1.8;
    color: #333;
  }
  .journey-contact .journey-contact-inner .journey-contact-meta .journey-contact-meta-item {
    display: inline-flex;
    align-items: center;
    gap: 0.08rem;
  }
  .journey-contact .journey-contact-inner .journey-contact-meta .journey-contact-meta-item span,
  .journey-contact .journey-contact-inner .journey-contact-meta .journey-contact-meta-item a {
    display: block;
    font-size: 0.18rem;
    color: #333;
  }
  .journey-contact .journey-contact-inner .journey-contact-meta .journey-contact-meta-divider {
    width: 0.01rem;
    height: 0.3rem;
    background: rgba(0, 0, 0, 0.8);
  }
}
@media (min-width: 768px) and (max-width: 1099.99px) {
  .theme-scene .theme-sticky .theme-shell .theme-left {
    top: 3.8rem;
  }
  .theme-scene .theme-sticky .theme-shell .theme-normal-stage .theme-card-wrap {
    top: 2.5rem;
    height: 7rem;
    max-height: calc(100vh - (240rem / 100));
  }
  .theme-scene .theme-sticky .theme-shell .theme-normal-stage .theme-card-wrap .theme-card-track .theme-card-item {
    height: 6.5rem;
  }
  .theme-scene .theme-sticky .theme-shell .theme-normal-stage .theme-card-wrap .theme-card-track .theme-card-item .theme-card-media {
    width: 6rem;
    height: 6.5rem;
  }
}
@media (min-width: 1100px) and (max-width: 1199.99px) {
  .theme-scene .theme-sticky .theme-shell .theme-left {
    top: 4.2rem;
  }
  .theme-scene .theme-sticky .theme-shell .theme-normal-stage .theme-card-wrap {
    top: 2.7rem;
    height: 8rem;
    max-height: calc(100vh - (240rem / 100));
  }
  .theme-scene .theme-sticky .theme-shell .theme-normal-stage .theme-card-wrap .theme-card-track .theme-card-item {
    height: 8rem;
  }
  .theme-scene .theme-sticky .theme-shell .theme-normal-stage .theme-card-wrap .theme-card-track .theme-card-item .theme-card-media {
    width: 6rem;
    height: 8rem;
  }
}
@media (min-width: 1200px) and (max-width: 1299.99px) {
  .theme-scene .theme-sticky .theme-shell .theme-left {
    top: 3.8rem;
  }
  .theme-scene .theme-sticky .theme-shell .theme-normal-stage .theme-card-wrap {
    top: 2.4rem;
    height: 6rem;
    max-height: calc(100vh - (240rem / 100));
  }
  .theme-scene .theme-sticky .theme-shell .theme-normal-stage .theme-card-wrap .theme-card-track .theme-card-item {
    height: 6rem;
  }
  .theme-scene .theme-sticky .theme-shell .theme-normal-stage .theme-card-wrap .theme-card-track .theme-card-item .theme-card-media {
    width: 6rem;
    height: 6rem;
  }
}
@media (min-width: 768px) and (min-height: 1036px) and (max-height: 1300px) {
  .theme-scene .theme-sticky .theme-shell .theme-left {
    top: 4.4rem;
  }
  .theme-scene .theme-sticky .theme-shell .theme-normal-stage .theme-card-wrap {
    top: 3.1rem;
    height: 9.2rem;
    max-height: calc(100vh - (10rem / 100));
  }
  .theme-scene .theme-sticky .theme-shell .theme-normal-stage .theme-card-wrap .theme-card-track .theme-card-item {
    height: 7.6rem;
  }
  .theme-scene .theme-sticky .theme-shell .theme-normal-stage .theme-card-wrap .theme-card-track .theme-card-item .theme-card-media {
    width: 6rem;
    height: 7.6rem;
  }
}
@media (min-width: 768px) and (min-height: 921px) and (max-height: 1035px) {
  .theme-scene .theme-sticky .theme-shell .theme-left {
    top: 4.4rem;
  }
  .theme-scene .theme-sticky .theme-shell .theme-normal-stage .theme-card-wrap {
    top: 3.2rem;
    height: 7.2rem;
    max-height: calc(100vh - (240rem / 100));
  }
  .theme-scene .theme-sticky .theme-shell .theme-normal-stage .theme-card-wrap .theme-card-track .theme-card-item {
    height: 7.2rem;
  }
  .theme-scene .theme-sticky .theme-shell .theme-normal-stage .theme-card-wrap .theme-card-track .theme-card-item .theme-card-media {
    width: 6rem;
    height: 7.2rem;
  }
}
@media (min-width: 768px) and (min-height: 901px) and (max-height: 920px) {
  .theme-scene .theme-sticky .theme-shell .theme-left {
    top: 3.5rem;
  }
  .theme-scene .theme-sticky .theme-shell .theme-normal-stage .theme-card-wrap {
    top: 2.6rem;
    height: 5.5rem;
    max-height: calc(100vh - (240rem / 100));
  }
  .theme-scene .theme-sticky .theme-shell .theme-normal-stage .theme-card-wrap .theme-card-track .theme-card-item {
    height: 5.5rem;
  }
  .theme-scene .theme-sticky .theme-shell .theme-normal-stage .theme-card-wrap .theme-card-track .theme-card-item .theme-card-media {
    width: 6rem;
    height: 5.5rem;
  }
  .theme-scene .theme-sticky .theme-shell .theme-normal-stage .theme-card-wrap .theme-card-track .theme-card-item .theme-card-content {
    top: 0.9rem;
    width: 6rem;
  }
}
@media (min-width: 768px) and (min-height: 751px) and (max-height: 900px) {
  .theme-scene .theme-sticky .theme-shell .theme-left {
    top: 4rem;
  }
  .theme-scene .theme-sticky .theme-shell .theme-normal-stage .theme-card-wrap {
    top: 2.4rem;
    height: 8.5rem;
    max-height: calc(100vh - (240rem / 100));
  }
  .theme-scene .theme-sticky .theme-shell .theme-normal-stage .theme-card-wrap .theme-card-track .theme-card-item {
    height: 8.5rem;
  }
  .theme-scene .theme-sticky .theme-shell .theme-normal-stage .theme-card-wrap .theme-card-track .theme-card-item .theme-card-media {
    width: 6rem;
    height: 8.5rem;
  }
}
@media (min-width: 768px) and (min-height: 701px) and (max-height: 750px) {
  .theme-scene .theme-sticky .theme-shell .theme-left {
    top: 3.8rem;
  }
  .theme-scene .theme-sticky .theme-shell .theme-normal-stage .theme-card-wrap {
    top: 2.4rem;
    height: 6.1rem;
    max-height: calc(100vh - (240rem / 100));
  }
  .theme-scene .theme-sticky .theme-shell .theme-normal-stage .theme-card-wrap .theme-card-track .theme-card-item {
    height: 6.1rem;
  }
  .theme-scene .theme-sticky .theme-shell .theme-normal-stage .theme-card-wrap .theme-card-track .theme-card-item .theme-card-media {
    width: 6rem;
    height: 6.1rem;
  }
}
@media (min-width: 768px) and (min-height: 601px) and (max-height: 700px) {
  .theme-scene .theme-sticky .theme-shell .theme-left {
    top: 3.8rem;
  }
  .theme-scene .theme-sticky .theme-shell .theme-normal-stage .theme-card-wrap {
    top: 2.4rem;
    height: 8rem;
    max-height: calc(100vh - (240rem / 100));
  }
  .theme-scene .theme-sticky .theme-shell .theme-normal-stage .theme-card-wrap .theme-card-track .theme-card-item {
    height: 8rem;
  }
  .theme-scene .theme-sticky .theme-shell .theme-normal-stage .theme-card-wrap .theme-card-track .theme-card-item .theme-card-media {
    width: 6rem;
    height: 8rem;
  }
}
@media (min-width: 768px) and (min-height: 501px) and (max-height: 600px) {
  .theme-scene .theme-sticky .theme-shell .theme-left {
    top: 3.4rem;
  }
  .theme-scene .theme-sticky .theme-shell .theme-normal-stage .theme-card-wrap {
    top: 2.8rem;
    height: 5rem;
    max-height: calc(100vh - (240rem / 100));
  }
  .theme-scene .theme-sticky .theme-shell .theme-normal-stage .theme-card-wrap .theme-card-track .theme-card-item {
    height: 5rem;
  }
  .theme-scene .theme-sticky .theme-shell .theme-normal-stage .theme-card-wrap .theme-card-track .theme-card-item .theme-card-media {
    width: 6rem;
    height: 5rem;
  }
  .theme-scene .theme-sticky .theme-shell .theme-normal-stage .theme-card-wrap .theme-card-track .theme-card-item .theme-card-content {
    top: 0.9rem;
    width: 6rem;
    height: 3rem;
    padding: 0.5rem;
  }
}
@media (min-width: 768px) and (min-height: 431px) and (max-height: 500px) {
  .theme-scene .theme-sticky .theme-shell .theme-left {
    top: 3.8rem;
  }
  .theme-scene .theme-sticky .theme-shell .theme-normal-stage .theme-card-wrap {
    top: 3rem;
    height: 6rem;
    max-height: calc(100vh - (240rem / 100));
  }
  .theme-scene .theme-sticky .theme-shell .theme-normal-stage .theme-card-wrap .theme-card-track .theme-card-item {
    height: 6rem;
  }
  .theme-scene .theme-sticky .theme-shell .theme-normal-stage .theme-card-wrap .theme-card-track .theme-card-item .theme-card-media {
    width: 6rem;
    height: 6rem;
  }
}
@media (min-width: 768px) and (min-height: 400px) and (max-height: 430.99px) {
  .theme-scene .theme-sticky .theme-shell .theme-left {
    top: 2.8rem;
  }
  .theme-scene .theme-sticky .theme-shell .theme-normal-stage .theme-card-wrap {
    top: 3rem;
    height: 3rem;
    max-height: calc(100vh - (240rem / 100));
  }
  .theme-scene .theme-sticky .theme-shell .theme-normal-stage .theme-card-wrap .theme-card-track .theme-card-item {
    height: 3rem;
  }
  .theme-scene .theme-sticky .theme-shell .theme-normal-stage .theme-card-wrap .theme-card-track .theme-card-item .theme-card-media {
    width: 6rem;
    height: 3rem;
  }
  .theme-scene .theme-sticky .theme-shell .theme-normal-stage .theme-card-wrap .theme-card-track .theme-card-item .theme-card-content {
    top: 0.9rem;
    width: 6rem;
    height: 2rem;
    padding: 0.2rem;
  }
}