@charset "UTF-8";

.page-brand-main .header .header__top__menu,
.page-brand-main .header .header__actions a,
.page-brand-main .header .header__logo__svg,
.page-brand-main .language-switch-wrap span,
.page-brand-dialogue .language-switch-wrap span,
.page-brand-dialogue .header .header__top__menu,
.page-brand-dialogue .header .header__actions a,
.page-brand-dialogue .header .header__logo__svg,
.page-brand-chasing .language-switch-wrap span,
.page-brand-chasing .header .header__top__menu,
.page-brand-chasing .header .header__actions a,
.page-brand-chasing .header .header__logo__svg,
.page-brand-nawaluo .language-switch-wrap span,
.page-brand-nawaluo .header .header__top__menu,
.page-brand-nawaluo .header .header__actions a,
.page-brand-nawaluo .header .header__logo__svg {
    --un-text-opacity: 1;
    color: rgb(31 31 31 / var(--un-text-opacity));
}

.vjs-loading-spinner .vjs-control-text {
    display: none;
    font-size: 16px;
    --un-text-opacity: 1;
    color: rgb(255 255 255 / var(--un-text-opacity));
    line-height: 1;
}

/* ===== 标题：英文 ===== */
.carousel__title[lang="en"] {
    text-align: center;
    font-size: var(--font-en-display);
    line-height: 1;
    font-weight: 500;
    letter-spacing: 0.03em;
    text-transform: uppercase;
    font-family:
        Zalando Sans SemiExpanded,
        sans-serif;
    letter-spacing: 0.03em;
}

/* ===== 标题：中文 ===== */
.carousel__title[lang|="zh"] {
    margin-top: 1em;
    font-size: var(--font-zh-display);
    line-height: 1.32;
    font-weight: 400;
    letter-spacing: 0.07em;
    font-family: FZLTHProJ-Medium, sans-serif;
    letter-spacing: 0.07em;
}

/* ===== 副标题：中文 ===== */
.carousel__subtitle[lang|="zh"] {
    margin-top: 0.3rem;
    font-size: var(--font-zh-text);
    line-height: 1.6494;
    font-weight: 300;
    letter-spacing: 0.11em;
    font-family: FZLTHProJ-Regular, sans-serif;
    line-height: 1.6494;
    letter-spacing: 0.11em;
}

/* ===== 文本主题 ===== */
.carousel__title[theme="white"],
.carousel__subtitle[theme="white"] {
    color: var(--color-text-inverse);
}

.carousel__title[theme="black"],
.carousel__subtitle[theme="black"] {
    /* color: var(--color-text-primary); */
    color: #333;
}

.swiper-cursor {
    position: absolute;
    z-index: 10;
    width: 1rem;
    height: 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 99.99rem;
    background-color: rgb(0 0 0 / 0.6);
    --un-text-opacity: 1;
    color: rgb(255 255 255 / var(--un-text-opacity));
    left: 0;
    top: 0;
    opacity: 0;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    will-change: transform, opacity;
}

.swiper-cursor i {
    transition: transform 0.3s ease;
}

.swiper-cursor.is-next i {
    transform: scaleX(-1);
}

.button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-family: FZLTHProJ-Regular, sans-serif;
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 300ms;
    transition-duration: 700ms;
    min-width: 1.86rem;
    height: 0.56rem;
    margin-top: 0.36rem;
    border-radius: 4px;
    font-size: 0.18rem;
    letter-spacing: 3px;
    transition: all 0.3s ease;
}

.button--primary {
    border: 1px solid var(--color-bg-inverse);
    background: var(--color-bg-inverse);
    color: var(--color-text-inverse);
}

.button--primary:hover {
    border-color: var(--color-bg-inverse);
    background: var(--color-text-inverse);
    color: var(--color-bg-inverse);
}

.button--outline {
    border: 1px solid rgba(255, 255, 255, 0.6);
    color: var(--color-text-inverse);
}

.button--outline[theme="black"],
.button--outline[theme="black"] {
    border-color: var(--color-bg-inverse);
    color: var(--color-bg-inverse);
}

.button--outline:hover {
    border-color: var(--color-bg-inverse);
    background: var(--color-bg-inverse);
    color: var(--color-text-inverse);
}

/* 指示器 */
.carousel__pagination {
    position: absolute;
    bottom: 12% !important;
    z-index: 10;
    display: flex;
    align-items: center;
    justify-content: center;
}

.carousel__pagination .swiper-pagination-bullet {
    margin-left: 0 !important;
    margin-right: 0 !important;
    height: 2px;
    width: 0.2rem;
    border-radius: 0;
    --un-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--un-bg-opacity));
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 300ms;
}

.carousel__pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    width: 0.46rem;
    margin: 0 !important;
}

.carousel__video--controls {
    position: absolute;
    left: 5%;
    bottom: 12%;
    z-index: 2;
    display: flex;
    align-items: center;
    font-size: 0;
    color: #fff;
}

.carousel__video--controls .controls,
.carousel__video--controls .muted {
    position: relative;
    width: 1em;
    height: 1em;
    cursor: pointer;
    font-size: 0.24rem;
}

@media (max-width: 767.9px) {
    .carousel__video--controls .controls,
    .carousel__video--controls .muted {
        font-size: 20px;
    }
}

.carousel__video--controls .muted {
    margin-left: 1em;
}

.carousel__video--controls i {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: inherit;
}

.controls--on {
    opacity: 1;
}

.controls--off {
    opacity: 0;
}

.muted--on {
    opacity: 1;
}

.muted--off {
    opacity: 0;
}

.carousel__video--controls .controls.is-play .controls--on {
    opacity: 0;
}

.carousel__video--controls .controls.is-play .controls--off {
    opacity: 1;
}

.carousel__video--controls .muted.is-muted .muted--on {
    opacity: 0;
}

.carousel__video--controls .muted.is-muted .muted--off {
    opacity: 1;
}

/* ===== 品牌发布 ===== */
.brand-main {
    position: relative;
    z-index: 2;
    width: 100%;
    height: calc(4 * 130lvh);
}

.brand-main-container {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    width: 100%;
    height: 100vh;
    overflow: hidden;
}

.brand-main-wrap-item:not(.--inView) {
    pointer-events: none;
}

.brand-main-carousel {
    position: relative;
    z-index: 2;
    width: 100%;
    padding-top: 1.24rem;
}

.carousel__content--brand-main {
    text-align: center;
}

.carousel__content--brand-main .carousel__subtitle {
    margin-top: 0.22rem;
}

.brand-main-wrap-item {
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 1;
    width: 100%;
    display: flex;
    align-items: flex-end;
    justify-content: center;
}

.brand-main-wrap-item-01 {
    --background-color: #e6dacd;
}

.brand-main-wrap-item-02 {
    --background-color: #cfb4a6;
}

.brand-main-wrap-item-03 {
    --background-color: #b2cabb;
}

.brand-main-wrap-item-04 {
    --background-color: #a8b7c8;
}

.brand-main-wrap-item-inner {
    width: 100%;
}

.brand-main-wrap-item-bg {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    width: 100%;
    height: 100%;
    background-color: var(--background-color);
    transform-origin: bottom;
}

/* .brand-main-wrap {
    @apply h-screen;
}

.brand-main-wrap {
    @apply flex flex-col justify-end;
} */

.brand-main-wrap-item .content-wrap {
    width: 100%;
    display: flex;
    justify-content: space-between;
}

@media (max-width: 767.9px) {
    .brand-main-wrap-item .content-wrap {
        height: 100%;
    }
}

.brand-main-wrap-item .title-wrap {
    position: relative;
    width: 38%;
    flex: 0 0 38%;
    align-self: center;
    overflow: hidden;
}

.brand-main-wrap-item .title-wrap .item-title {
    display: flex;
    align-items: center;
    padding-left: 0.6rem;
    padding-right: 0.6rem;
    font-family:
        Zalando Sans SemiExpanded,
        sans-serif;
}

.brand-main-wrap-item .title-wrap .item-title .small-text {
    font-size: var(--font-en-text);
    line-height: 1;
    font-weight: 400;
    letter-spacing: 0.03em;
}

.brand-main-wrap-item .title-wrap .item-title .title {
    flex: 1 1 0%;
    text-align: center;
    font-size: var(--font-en-display);
    line-height: 1;
    font-weight: 500;
    letter-spacing: 0.03em;
    text-transform: uppercase;
}

.brand-main-wrap-item .title-wrap .item-title .title span {
    display: block;
}

.brand-main-wrap-item .image-container {
    position: relative;
    z-index: 1;
    aspect-ratio: 1/1.335;
    width: 100%;
    max-width: 24%;
    max-height: 66vh;
}

@media (max-width: 767.9px) {
    .brand-main-wrap-item .image-container {
        aspect-ratio: 1/1;
    }
}

.brand-main-wrap-item .image-container .item-image {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    width: 100%;
    height: 100%;
}

.brand-main-wrap-item .image-container .item-image .image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.brand-main-wrap-item .content {
    position: relative;
    z-index: 1;
    width: 38%;
    flex: 0 0 38%;
    align-self: center;
    padding-left: 0.6rem;
    padding-right: 0.6rem;
}

.brand-main-wrap-item .content .carousel__content {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.brand-main-wrap-item .content .carousel__title[lang|="zh"] {
    margin-top: 0;
}

.brand-main-wrap-item .content .carousel__subtitle {
    margin-top: 8px;
    text-align: center;
}

.brand-main-wrap-item .content .button {
    margin-top: 0.3rem;
}

@media (max-width: 768px) {
    .brand-main-wrap-item:not(.--inView) {
        pointer-events: auto;
    }

    .brand-main {
        height: auto;
        --un-bg-opacity: 1;
        background-color: rgb(230 218 205 / var(--un-bg-opacity));
    }

    .brand-main-container {
        position: static;
        height: auto;
        overflow: visible;
    }

    .brand-main-carousel {
        margin-bottom: 0.4rem;
        width: auto;
    }

    .brand-main-wrap-list {
        position: relative;
    }

    .brand-main-wrap-item {
        position: static;
        width: auto;
        align-items: flex-start;
        justify-content: flex-start;
    }

    .brand-main-wrap-item:nth-child(1) .brand-main-wrap-item-inner {
        height: 200svh;
        z-index: 10;
    }

    .brand-main-wrap-item:nth-child(2) .brand-main-wrap-item-inner,
    .brand-main-wrap-item:nth-child(3) .brand-main-wrap-item-inner,
    .brand-main-wrap-item:nth-child(4) .brand-main-wrap-item-inner {
        height: 200svh;
        margin-top: -100svh;
        z-index: 20;
    }

    .brand-main-wrap-item-inner {
        position: relative;
        width: 100%;
    }

    .brand-main-wrap-item-sticky {
        position: -webkit-sticky;
        position: sticky;
        top: 0;
        left: 0;
        width: 100%;
        height: 100svh;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        overflow: hidden;
        padding-left: 18px;
        padding-right: 18px;
        padding-top: 18px;
        padding-bottom: 36px;
    }

    .brand-main-wrap-item .content-wrap {
        flex-direction: column;
    }

    .brand-main-wrap-item .title-wrap {
        position: relative;
        z-index: 1;
        order: 2;
        margin-top: 20px;
        width: auto;
        flex: none;
        align-self: auto;
    }

    .brand-main-wrap-item .title-wrap .item-title {
        flex-direction: column;
        padding: 0;
    }

    /* .brand-main-wrap-item .title-wrap .item-title .small-text {
        @apply text-[12PX];
    } */

    .brand-main-wrap-item .title-wrap .item-title .title {
        margin-top: 14px;
        flex: none;
    }

    .brand-main-wrap-item .image-container {
        order: 3;
        max-width: none;
        max-height: none;
    }

    .brand-main-wrap-item .content {
        order: 2;
        width: auto;
        flex: none;
        align-self: auto;
        padding: 0;
    }
}

/* ===== 顶部分类列表 ===== */
.category-list {
    position: relative;
    z-index: 2;
}

.category-list .category-list--wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 3.72rem;
    padding-bottom: 0.76rem;
}

@media (max-width: 767.9px) {
    .category-list .category-list--wrapper {
        display: none;
    }
}

.category-list .category-list--wrapper li {
    position: relative;
    display: flex;
    align-items: center;
    padding-left: 0.2rem;
    padding-right: 0.2rem;
    font-size: var(--font-zh-text);
    line-height: 1.6494;
    font-weight: 300;
    letter-spacing: 0.11em;
    line-height: 0.25rem;
}

.category-list .category-list--wrapper li .line {
    position: absolute;
    left: 0;
    width: 1px;
    height: 1em;
    --un-rotate-x: 0;
    --un-rotate-y: 0;
    --un-rotate-z: 0;
    --un-rotate: 15deg;
    transform: translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z))
        rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z))
        skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y))
        scaleZ(var(--un-scale-z));
    --un-bg-opacity: 1;
    background-color: rgb(180 181 177 / var(--un-bg-opacity));
    font-size: var(--font-zh-text);
    line-height: 1.6494;
    font-weight: 300;
    letter-spacing: 0.11em;
}

.category-list .category-list--wrapper li:first-child .line {
    display: none;
}

.category-list .category-list--wrapper li img {
    position: absolute;
    bottom: 100%;
    left: 50%;
    width: 1.2rem;
    height: 1.6rem;
    max-width: none;
    --un-translate-x: -50%;
    transform: translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z))
        rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z))
        skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y))
        scaleZ(var(--un-scale-z));
    opacity: 0;
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 300ms;
}

@media (max-width: 767.9px) {
    .category-list .category-list--wrapper li img {
        display: none;
    }
}

.category-list .category-list--wrapper li.is-active img {
    bottom: calc(100% + 0.2rem);
    opacity: 1;
}

.category-list .category-list--wrapper li:has(a:hover) img {
    bottom: calc(100% + 0.2rem);
    z-index: 1;
    opacity: 1;
}

.category-list .category-list--wrapper:has(li a:hover) li.is-active img {
    bottom: 100%;
    opacity: 0;
}

.category-list .category-list--wrapper li a {
    display: block;
    font-size: var(--font-zh-text);
    line-height: 1.6494;
    font-weight: 300;
    letter-spacing: 0.11em;
    line-height: 0.25rem;
    letter-spacing: 0.08em;
    font-family: FZLTHProJ-Medium, sans-serif;
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 300ms;
}

.category-list--header {
    border-bottom-width: 1px;
    border-style: solid;
    background-color: var(--color-neutral-50);
    border-color: rgba(27, 28, 28, 0.3);
}

@media (max-width: 767.9px) {
    .category-list--header {
        padding-top: 1.4rem;
        padding-bottom: 0.4rem;
    }
}

.category-list--header ul li a {
    --un-text-opacity: 1;
    color: rgb(180 181 177 / var(--un-text-opacity));
}

.category-list--header ul li a:hover {
    --un-text-opacity: 1;
    color: rgb(51 51 51 / var(--un-text-opacity));
}

.category-list--header ul li.is-active a {
    --un-text-opacity: 1;
    color: rgb(51 51 51 / var(--un-text-opacity));
}

.category-list--mobile {
    display: none;
    padding-left: 0.4rem;
    padding-right: 0.4rem;
}

@media (max-width: 767.9px) {
    .category-list--mobile {
        display: block;
    }
}

.category-list--mobile .swiper-slide {
    position: relative;
    width: 70px;
}

.category-list--mobile-image {
    width: 100%;
    height: 70px;
    overflow: hidden;
    border-radius: 6px;
    -o-object-fit: cover;
    object-fit: cover;
}

.category-list--mobile-link {
    margin-top: 0.5em;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-size: var(--font-zh-text);
    line-height: 1.6494;
    font-weight: 300;
    letter-spacing: 0.11em;
    --un-text-opacity: 1;
    color: rgb(51 51 51 / var(--un-text-opacity));
    font-family: FZLTHProJ-Regular, sans-serif;
}

/* ===== 底部分类列表 ===== */
.category-list--footer {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding-top: 1.02rem;
    background-color: var(--color);
}

.category-list--footer .carousel__content {
    padding-top: 0 !important;
}

.category-list--footer .module-text-wrap {
    text-align: center;
}

.category-list--footer .category-list--wrapper {
    margin-top: 0.5rem;
    padding-top: 1.96rem;
}

.category-list--footer .category-list--wrapper li .line {
    background-color: rgb(31 31 31 / 0.6);
}

.category-list--footer .category-list--wrapper li a {
    color: rgb(31 31 31 / 0.6);
}

.category-list--footer .category-list--wrapper li a:hover {
    --un-text-opacity: 1;
    color: rgb(31 31 31 / var(--un-text-opacity));
}

.category-list--footer .category-list--wrapper li.is-active a {
    --un-text-opacity: 1;
    color: rgb(31 31 31 / var(--un-text-opacity));
}

.category-list--footer .category-list--mobile {
}

@media (max-width: 767.9px) {
    .category-list--footer .category-list--mobile {
        padding-top: 0.6rem;
        padding-bottom: 0.4rem;
    }
}

.category-list--footer .category-list--mobile-link {
    --un-text-opacity: 1;
    color: rgb(31 31 31 / var(--un-text-opacity));
}

/* ===== 远古与未来的对话 ===== */
.page-brand-dialogue {
    background-color: var(--color-neutral-50);
}

.page-brand-dialogue--image {
}

.page-brand-dialogue--image .carousel__content {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding-top: 1.14rem;
    padding-bottom: 0.7rem;
}

.page-brand-dialogue--image .carousel__content .carousel__subtitle {
    text-align: center;
}

.page-brand-dialogue--image .image-inner .image-img {
    display: block;
    width: 100%;
    height: auto;
}

.page-brand-dialogue--video .carousel__content {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding-left: 0.4rem;
    padding-right: 0.4rem;
    padding-top: 1.14rem;
    padding-bottom: 0.7rem;
}

.page-brand-dialogue--video .carousel__content .carousel__subtitle {
    text-align: center;
}

.page-brand-dialogue--video .video-inner {
    position: relative;
}

.page-brand-dialogue--video .video-inner .inner-dialogue-eternal_video-dimensions {
    width: 100%;
    height: 100%;
}

.page-brand-dialogue--video .video-inner [data-dialogue-video] {
    width: 100%;
    height: 100%;
}

.page-brand-dialogue--video .video-inner .video-controls {
    position: absolute;
    left: 0.3rem;
    bottom: 0.3rem;
    z-index: 10;
    display: flex;
    opacity: 1;
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 300ms;
    transition-duration: 0.4s;
}

.page-brand-dialogue--video .video-inner .video-controls.hide {
    --un-scale-x: 0;
    --un-scale-y: 0;
    transform: translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z))
        rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z))
        skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y))
        scaleZ(var(--un-scale-z));
    opacity: 0;
}

.page-brand-dialogue--video .video-inner .video-controls .iconfont {
    font-size: 0.24rem;
    --un-text-opacity: 1;
    color: rgb(255 255 255 / var(--un-text-opacity));
}

.page-brand-dialogue--video .video-inner .open-box {
    position: relative;
    margin-left: 4px;
    margin-right: 4px;
    margin-top: 0;
    margin-bottom: 0;
    width: 0.5rem;
    height: 0.5rem;
    display: flex;
    cursor: pointer;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    border-radius: 50%;
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 300ms;
    transition-duration: 0.6s;
}

.page-brand-dialogue--video .video-inner .open-box:hover {
    background-color: rgb(255 255 255 / 0.3);
}

.page-brand-dialogue--video .video-inner .open-box .iconfont {
    display: none;
}

.page-brand-dialogue--video .video-inner .open-box .iconfont.show {
    display: inline-block;
}

.page-brand-dialogue-about {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    --un-bg-opacity: 1;
    background-color: rgb(168 183 200 / var(--un-bg-opacity));
    padding-top: 1.14rem;
    padding-bottom: 1.14rem;
    padding-right: 0.42rem;
    padding-left: 0.66rem;
}

@media (max-width: 767.9px) {
    .page-brand-dialogue-about {
        flex-direction: column;
        padding-left: 0.4rem;
        padding-right: 0.4rem;
    }
}

.page-brand-dialogue-about--left {
    display: flex;
    align-items: flex-start;
}

@media (max-width: 767.9px) {
    .page-brand-dialogue-about--left {
        flex-direction: column;
    }
}

.page-brand-dialogue-about--left .img1 {
    margin-top: 0.4rem;
    margin-right: 0.76rem;
    width: 5.64rem;
    height: 7.51rem;
}

@media (max-width: 767.9px) {
    .page-brand-dialogue-about--left .img1 {
        margin: 0;
        width: 100%;
        height: auto;
    }
}

.page-brand-dialogue-about--left .carousel {
    margin-top: auto;
}

@media (max-width: 767.9px) {
    .page-brand-dialogue-about--left .carousel {
        width: 100%;
        padding-top: 0.4rem;
        padding-bottom: 0.4rem;
        text-align: center;
    }
}

.page-brand-dialogue-about--left .carousel__title[lang="en"] {
    text-align: left;
}

@media (max-width: 767.9px) {
    .page-brand-dialogue-about--left .carousel__title[lang="en"] {
        text-align: center;
    }
}

.page-brand-dialogue-about--right .img2 {
    width: 5.21rem;
    height: 3.84rem;
}

@media (max-width: 767.9px) {
    .page-brand-dialogue-about--right .img2 {
        width: 100%;
        height: auto;
    }
}

.page-brand-dialogue-about--right .img3 {
    margin-top: 1.14rem;
    margin-left: -1.5rem;
    width: 3.16rem;
    height: 4.28rem;
}

@media (max-width: 767.9px) {
    .page-brand-dialogue-about--right .img3 {
        margin-top: 0.32rem;
        margin-left: 0;
        width: 100%;
        height: auto;
    }
}

.page-brand--text-swiper {
    position: relative;
    background-color: var(--color-neutral-100);
    padding-left: 1.1rem;
    padding-right: 1.1rem;
    padding-top: 1.9rem;
    padding-bottom: 1.14rem;
}

@media (max-width: 767.9px) {
    .page-brand--text-swiper {
        padding-left: 0.4rem;
        padding-right: 0.4rem;
        padding-top: 0.4rem;
        padding-bottom: 0.4rem;
    }
}

.page-brand__text-wrap {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.page-brand__text-wrap .page-brand__title {
    margin-bottom: 0.3rem;
    font-size: var(--font-zh-display);
    line-height: 1.32;
    font-weight: 400;
    letter-spacing: 0.07em;
    --un-text-opacity: 1;
    color: rgb(51 51 51 / var(--un-text-opacity));
    line-height: 1.6494;
    font-family: FZLTHProJ-Medium, sans-serif;
}

.page-brand__text-wrap .page-brand__text {
    text-align: justify;
    font-size: var(--font-zh-text);
    line-height: 1.6494;
    font-weight: 300;
    letter-spacing: 0.11em;
    --un-text-opacity: 1;
    color: rgb(51 51 51 / var(--un-text-opacity));
    line-height: 1.6494;
    font-family: FZLTHProJ-Regular, sans-serif;
}

.page-brand__swiper-wrap {
    margin-top: 0.84rem;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

@media (max-width: 767.9px) {
    .page-brand__swiper-wrap {
        flex-direction: column;
    }
}

.swiper-wrap__navigation {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: flex-start;
    -moz-column-gap: 0.16rem;
    column-gap: 0.16rem;
}

.swiper-wrap__navigation .swiper-wrap__btn {
    position: relative;
    width: 0.56rem;
    height: 0.56rem;
    cursor: pointer;
    overflow: hidden;
    border-width: 1px;
    --un-border-opacity: 1;
    border-color: rgb(51 51 51 / var(--un-border-opacity));
    border-radius: 99.99rem;
    border-style: solid;
    --un-text-opacity: 1;
    color: rgb(51 51 51 / var(--un-text-opacity));
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 300ms;
}

@media (max-width: 767.9px) {
    .swiper-wrap__navigation .swiper-wrap__btn {
        margin-bottom: 0.4rem;
        width: 32px;
        height: 32px;
    }
}

.swiper-wrap__navigation .swiper-wrap__btn:hover {
    --un-bg-opacity: 1;
    background-color: rgb(51 51 51 / var(--un-bg-opacity));
    --un-text-opacity: 1;
    color: rgb(255 255 255 / var(--un-text-opacity));
}

.swiper-wrap__navigation .swiper-wrap__btn .icon {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 1em;
    height: 1em;
    --un-translate-x: -50%;
    --un-translate-y: -50%;
    transform: translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z))
        rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z))
        skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y))
        scaleZ(var(--un-scale-z));
    overflow: hidden;
    font-size: 0.14rem;
}

@media (max-width: 767.9px) {
    .swiper-wrap__navigation .swiper-wrap__btn .icon {
        font-size: 16px;
    }
}

.swiper-wrap__navigation .swiper-wrap__btn .icon::before,
.swiper-wrap__navigation .swiper-wrap__btn .icon::after {
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    --un-translate-x: -50%;
    --un-translate-y: -50%;
    transform: translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z))
        rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z))
        skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y))
        scaleZ(var(--un-scale-z));
    font-family: "iconfont" !important;
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 300ms;
    transition-duration: 700ms;
}

.swiper-wrap__navigation .swiper-wrap__prev .icon::before,
.swiper-wrap__navigation .swiper-wrap__prev .icon::after {
    content: "\e609";
}

.swiper-wrap__navigation .swiper-wrap__next .icon::before,
.swiper-wrap__navigation .swiper-wrap__next .icon::after {
    content: "\e60c";
}

.swiper-wrap__navigation .swiper-wrap__prev .icon::before {
    left: 150%;
}

.swiper-wrap__navigation .swiper-wrap__next .icon::before {
    left: -100%;
}

.swiper-wrap__navigation .swiper-wrap__prev:hover .icon::before {
    left: 50%;
}

.swiper-wrap__navigation .swiper-wrap__prev:hover .icon::after {
    left: 0;
}

.swiper-wrap__navigation .swiper-wrap__next:hover .icon::before {
    left: 50%;
}

.swiper-wrap__navigation .swiper-wrap__next:hover .icon::after {
    left: 100%;
}

.swiper-wrap__content {
    width: 13.28rem;
    height: 7.48rem;
    overflow: hidden;
    aspect-ratio: 4/3;
}

@media (max-width: 767.9px) {
    .swiper-wrap__content {
        width: 100%;
        height: auto;
    }
}

.swiper-wrap__content .swiper-container {
    height: 100%;
    overflow: hidden;
}

.swiper-wrap__content .swiper-slide {
    overflow: hidden;
}

.swiper-wrap__content .swiper-slide .slide-inner {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

/* ===== 专题页--向新而生 ===== */
.page-brand-born-new {
    overflow: hidden;
}
@media (max-width: 767.9px) {
    .page-brand-born-new {
        overflow-y: auto;
    }
}

.page-special-born-new-container {
    background-position: center top;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    color: #ffffff;
    overflow: hidden;
}

/* banner */
.page-special-born-new-container .banner-container {
    height: 15.3rem;
    background-position: left top;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    padding-top: 2.5rem;
}

.page-special-born-new-container .slogan-wrapper {
    height: 6.84rem;
    position: relative;
    padding: 0 2.2rem 0 2.4rem;
}

.page-special-born-new-container .slogan-wrapper .arrow {
    display: block;
    height: 100%;
    width: auto;
    position: absolute;
    z-index: 0;
    top: -0.12rem;
}

.page-special-born-new-container .slogan-wrapper .arrow-left {
    left: 0;
}

.page-special-born-new-container .slogan-wrapper .arrow-right {
    right: 0;
}

.page-special-born-new-container .slogan-wrapper .title {
    width: 9.4rem;
    height: auto;
    position: absolute;
    z-index: 0;
    left: 50%;
    top: 0;
    margin-left: -4.7rem;
}

.page-special-born-new-container .slogan-wrapper .txt {
    position: absolute;
    z-index: 1;
    top: 0;
    width: auto;
    height: auto;
}

.page-special-born-new-container .slogan-wrapper .txt-left {
    left: 1.22rem;
    width: 1.18rem;
}

.page-special-born-new-container .slogan-wrapper .txt-right {
    right: 1.22rem;
    width: 0.96rem;
}

.page-special-born-new-container .slogan-wrapper .play-btn {
    width: 0.92rem;
    height: 0.92rem;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    left: 50%;
    bottom: -0.8rem;
    margin-left: -0.46rem;
    z-index: 4;
    animation: playBtnAni 2.8s infinite;
    cursor: pointer;
}

.page-special-born-new-container .slogan-wrapper .play-btn::after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 0;
    background: rgba(0, 255, 0, 0.4);
    border-radius: 50%;
}

.page-special-born-new-container .slogan-wrapper .play-icon {
    width: 0.75rem;
    height: 0.75rem;
    background: rgba(0, 255, 0, 1);
    border-radius: 50%;
    font-size: 0.48rem;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    position: relative;
    z-index: 4;
}

.page-special-born-new-container .slogan-wrapper .banner-title {
    font-family: FZLTHProJ-Medium, sans-serif;
    font-size: 0.24rem;
    color: #00ff00;
    width: 100%;
    text-align: center;
    position: absolute;
    z-index: 4;
    left: 0;
    bottom: 0.3rem;
}

.page-special-born-new-container .swiper-container--banner {
    height: 100%;
    width: 100%;
    margin: 0 auto;
    background-color: transparent;
    position: relative;
    top: 0.3rem;
    opacity: 0;
}

.page-special-born-new-container .swiper-container--banner[data-scroll-reveal-complete="true"] {
    opacity: 1;
}

.page-special-born-new-container .swiper-container--banner .swiper-slide {
    display: flex;
    align-items: flex-end;
    justify-content: center;
    transition: all 0.8s;
    border: 2px solid transparent;
    overflow: hidden;
    transform: scale(0.72);
}

.page-special-born-new-container .swiper-container--banner .swiper-slide-active,
.page-special-born-new-container .swiper-container--banner .swiper-slide-next {
    transform: scale(1);
}

.page-special-born-new-container .swiper-container--banner .banner-img {
    display: block;
    width: auto;
    height: 100%;
    max-height: 100%;
    max-width: 100%;
}

@keyframes playBtnAni {
    0% {
        transform: scale(1);
    }

    50% {
        transform: scale(0.84);
    }

    100% {
        transform: scale(1);
    }
}

/* 单词 */
.page-special-born-new-container .words-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: -4.8rem;
    position: relative;
    z-index: 8;
}

.page-special-born-new-container .words-container-2 {
    margin: 0;
}

.page-special-born-new-container .words-container .word {
    display: block;
}

.page-special-born-new-container .words-container .word-gj {
    width: 0.78rem;
}

.page-special-born-new-container .words-container .word-mx {
    width: 1.32rem;
}

.page-special-born-new-container .words-container .word-kw {
    width: 1.26rem;
}

.page-special-born-new-container .words-container .word-xx {
    width: 1.57rem;
}

.page-special-born-new-container .words-container .word-cn {
    font-size: var(--font-zh-display);
    line-height: 1.32;
    font-weight: 400;
    letter-spacing: 0.07em;
    font-family: FZLTHProJ-Medium, sans-serif;
    font-size: 0.24rem;
    color: #1f1f1f;
    text-align: center;
    margin-top: 0.14rem;
    letter-spacing: 0.11em;
}

.page-special-born-new-container .words-container .word-cn-small {
    font-family: FZLTHProJ-Regular, sans-serif;
    font-size: 0.18rem;
}

.page-special-born-new-container .words-container .word-cn.color {
    color: #00ff00;
}

.page-special-born-new-container .words-container .and {
    color: #00ff00;
    font-size: 0.38rem;
    padding: 0.8rem 0;
}

.page-special-born-new-container .words-container .and-white {
    color: #b8b6b1;
    padding: 0.6rem 0;
}

.page-special-born-new-container .words-container .dots {
    padding: 0.4rem 0;
}

.page-special-born-new-container .words-container .dot {
    width: 0.06rem;
    height: 0.06rem;
    min-width: 2px;
    min-height: 2px;
    display: block;
    border-radius: 50%;
    background: #b8b6b1;
    margin: 0.2rem 0;
}

.page-special-born-new-container .words-container .question {
    position: relative;
}

.page-special-born-new-container .words-container .question .mark {
    font-size: 6.88rem;
    line-height: 5.4rem;
    height: 5.4rem;
    overflow: hidden;
    color: rgba(0, 255, 0, 0.24);
    font-family: MicrosoftYaHei;
}

.page-special-born-new-container .words-container .question .word-cn {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 2;
    left: 0;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* 代言人 */
.page-special-born-new-container .spokesman-container {
    width: 12rem;
    margin: 0 auto;
    position: relative;
    padding: 2px;
    overflow: hidden;
}

.page-special-born-new-container .spokesman-container::before,
.page-special-born-new-container .spokesman-container::after {
    content: "";
    width: 100%;
    height: 0;
    background: #00ff00;
    position: absolute;
    z-index: 0;
    left: 0;
    transition: all 1s;
    transform-origin: center top;
}

.page-special-born-new-container .spokesman-container::before {
    top: 0;
}

.page-special-born-new-container .spokesman-container::after {
    bottom: 0;
    transition-delay: 1s;
}

.page-special-born-new-container .spokesman-container[data-scroll-reveal-complete="true"]::before,
.page-special-born-new-container .spokesman-container[data-scroll-reveal-complete="true"]::after {
    height: 0.8rem;
}

.page-special-born-new-container .spokesman-container .image {
    display: block;
    position: relative;
    z-index: 4;
    width: 100%;
}

.page-special-born-new-container .spokesman-container .autograph {
    width: 2.6rem;
    height: auto;
    display: block;
    position: absolute;
    right: 1.28rem;
    bottom: -20%;
    z-index: 4;
    transition: all 1s;
    opacity: 0;
}

.page-special-born-new-container .spokesman-container[data-scroll-reveal-complete="true"] .autograph {
    bottom: 0.8rem;
    opacity: 1;
}

.page-special-born-new-container .spokesman-container .txt {
    font-size: 0.18rem;
    font-weight: normal;
    position: absolute;
    z-index: 4;
    bottom: -10%;
    right: 1.5rem;
    transition: all 2s;
}

.page-special-born-new-container .spokesman-container[data-scroll-reveal-complete="true"] .txt {
    bottom: 0.7rem;
    opacity: 1;
}

/* 图文布局 */
.page-special-born-new-container .graphic-layout-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 8;
}

/* 顶部竖横线 */
.page-special-born-new-container .graphic-layout-container .line-top-module {
    position: relative;
    width: 1px;
    height: 3.2rem;
    margin-bottom: 0.4rem;
}

.page-special-born-new-container .graphic-layout-container .line-top-module .line-top {
    background: #c0bfbf;
    transition-property: transform;
    transition-duration: 1s;
}

.page-special-born-new-container .graphic-layout-container .line-top-module .line-top-1 {
    width: 1px;
    height: 100%;
    transform: scaleY(0);
    transform-origin: center top;
}

.page-special-born-new-container .graphic-layout-container .line-top-module .line-top-2 {
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 0;
    width: 2.8rem;
    height: 1px;
    transform: scaleX(0);
    transform-origin: right center;
    transition-delay: 1s;
}

.page-special-born-new-container
    .graphic-layout-container
    .line-top-module[data-scroll-reveal-complete="true"]
    .line-top-1 {
    transform: scaleY(1);
}

.page-special-born-new-container
    .graphic-layout-container
    .line-top-module[data-scroll-reveal-complete="true"]
    .line-top-2 {
    transform: scaleX(1);
}

/* 模块组 */
.page-special-born-new-container .modules-group {
    width: 100%;
}

.page-special-born-new-container .graphic-layout-module {
    display: flex;
    width: 100%;
    height: 7rem;
    align-items: center;
    margin-bottom: 0.4rem;
}

.page-special-born-new-container .graphic-layout-module .left {
    flex: 1;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    position: relative;
}

.page-special-born-new-container .graphic-layout-module .left .txts {
    font-family: FZLTHProJ-Medium, sans-serif;
    font-size: 0.24rem;
    color: #0d0d0d;
    text-align: center;
    letter-spacing: 0.11em;
}

.page-special-born-new-container .graphic-layout-module .left .txt-color span {
    color: #00ff00;
}

.page-special-born-new-container .graphic-layout-module .left .line {
    position: absolute;
    background: #c0bfbf;
    z-index: 0;
    transition-property: transform;
    transition-duration: 1s;
}

.page-special-born-new-container .graphic-layout-module .left .line-top {
    width: 100%;
    height: 2px;
    top: 0;
    right: 0;
    transform-origin: left center;
    transform: scaleX(0);
}

.page-special-born-new-container .graphic-layout-module .left .line-1 {
    width: 2px;
    height: 2.6rem;
    top: 0;
    right: 0;
    transform-origin: center top;
    transform: scaleY(0);
    transition-delay: 1s;
}

.page-special-born-new-container .graphic-layout-module .left .line-2 {
    width: 2px;
    height: 2.8rem;
    bottom: 0;
    right: 0;
    transform-origin: center top;
    transform: scaleY(0);
    transition-delay: 2s;
}

.page-special-born-new-container .graphic-layout-module .left .line-bot {
    width: 100%;
    height: 2px;
    bottom: 0;
    right: 0;
    transform-origin: right center;
    transform: scaleX(0);
    transition-delay: 3s;
}

.page-special-born-new-container .graphic-layout-module[data-scroll-reveal-complete="true"] .left .line-top {
    transform: scaleX(1);
}

.page-special-born-new-container .graphic-layout-module[data-scroll-reveal-complete="true"] .left .line-1 {
    transform: scaleY(1);
}

.page-special-born-new-container .graphic-layout-module[data-scroll-reveal-complete="true"] .left .line-2 {
    transform: scaleY(1);
}

.page-special-born-new-container .graphic-layout-module[data-scroll-reveal-complete="true"] .left .line-bot {
    transform: scaleX(1);
}

.page-special-born-new-container .graphic-layout-module .right {
    flex-shrink: 0;
    width: 11.08rem;
    height: 100%;
    display: flex;
    justify-content: flex-start;
    padding-left: 0.3rem;
    padding-right: 0;
}

.page-special-born-new-container .graphic-layout-module .right .image {
    display: block;
    height: 100%;
    width: 9.6rem;
    -o-object-fit: cover;
    object-fit: cover;
}

/* 反转的布局 */
.page-special-born-new-container .graphic-layout-module.li-rt {
    flex-direction: row-reverse;
}

.page-special-born-new-container .graphic-layout-module.li-rt .left {
    justify-content: flex-start;
}

.page-special-born-new-container .graphic-layout-module.li-rt .left .line-top {
    transform-origin: right center;
}

.page-special-born-new-container .graphic-layout-module.li-rt .left .line-1 {
    left: 0;
    right: auto;
}

.page-special-born-new-container .graphic-layout-module.li-rt .left .line-2 {
    left: 0;
    right: auto;
}

.page-special-born-new-container .graphic-layout-module.li-rt .left .line-bot {
    transform-origin: left center;
}

.page-special-born-new-container .graphic-layout-module.li-rt .right {
    justify-content: flex-end;
    padding-left: 0;
    padding-right: 0.3rem;
}

/* 第一个模块 */
.page-special-born-new-container .graphic-layout-module-first .left .line-top {
    display: none;
}

.page-special-born-new-container .graphic-layout-module-first .left .line-1 {
    top: -0.4rem;
    height: 3rem;
}

.page-special-born-new-container .graphic-layout-module-first .left .line-2 {
    transition-delay: 1s;
}

.page-special-born-new-container .graphic-layout-module-first .left .line-bot {
    transition-delay: 2s;
}

.page-special-born-new-container .graphic-layout-module-first[data-scroll-reveal-complete="true"] .left .line-1 {
    transform: scaleY(1);
}

.page-special-born-new-container .graphic-layout-module-first[data-scroll-reveal-complete="true"] .left .line-2 {
    transform: scaleY(1);
}

.page-special-born-new-container .graphic-layout-module-first[data-scroll-reveal-complete="true"] .left .line-bot {
    transform: scaleX(1);
}

/* 最后一个模块 */
.page-special-born-new-container .graphic-layout-module-last .left .line-bot {
    display: none;
}

.page-special-born-new-container .graphic-layout-module-last .left .line-2 {
    height: 3rem;
    bottom: -0.4rem;
}

/* 底部竖横线 */
.page-special-born-new-container .graphic-layout-container .line-bot-module {
    position: relative;
    width: 1px;
    height: 1.4rem;
    margin-bottom: 0.4rem;
}

.page-special-born-new-container .graphic-layout-container .line-bot-module .line-bot {
    background: #c0bfbf;
    transition-property: transform;
    transition-duration: 1s;
}

.page-special-born-new-container .graphic-layout-container .line-bot-module .line-bot-1 {
    width: 1px;
    height: 100%;
    transform: scaleY(0);
    transform-origin: center top;
    transition-delay: 1s;
}

.page-special-born-new-container .graphic-layout-container .line-bot-module .line-bot-2 {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 0;
    width: 2.8rem;
    height: 1px;
    transform: scaleX(0);
    transform-origin: right center;
}

.page-special-born-new-container
    .graphic-layout-container
    .line-bot-module[data-scroll-reveal-complete="true"]
    .line-bot-1 {
    transform: scaleY(1);
}

.page-special-born-new-container
    .graphic-layout-container
    .line-bot-module[data-scroll-reveal-complete="true"]
    .line-bot-2 {
    transform: scaleX(1);
}

/* 大轮播图 */
.page-special-born-new-container .inner-big-swiper-pagination .swiper-pagination-bullet-active {
    background: #00ff00;
}

.page-special-born-new-container .inner-big-swiper-pagination .swiper-pagination-bullet::after {
    background: #00ff00;
}

.page-special-born-new-container .inner-big-swiper-pagination {
    position: relative;
    z-index: 10;
    top: -1.2rem;
}

/* 动物 */
.page-special-born-new-container .animal {
    position: absolute;
    z-index: 0;
    opacity: 0.6 !important;
    bottom: -100vh;
}

.page-special-born-new-container .animal-zy {
    width: 13.12rem;
    height: 8.87rem;
    top: 11.7rem;
    right: -0.2rem;
}

.page-special-born-new-container .animal-bz {
    width: 4.46rem;
    height: 7.61rem;
    top: 22.8rem;
    left: -0.1rem;
}

.page-special-born-new-container .animal-yw {
    width: 4.64rem;
    height: 7.98rem;
    top: 25rem;
    right: -0.1rem;
}

.page-special-born-new-container .animal-m {
    width: 7.17rem;
    height: 7.39rem;
    top: 38rem;
    left: -1rem;
}

.page-special-born-new-container .animal-bsl {
    width: 4.64rem;
    height: 9rem;
    top: 88.4rem;
    left: -0.1rem;
}

.page-special-born-new-container .animal-xn {
    width: 5.3rem;
    height: 8.65rem;
    top: 93rem;
    right: -0.1rem;
}

/* 移动设备 */
@media screen and (max-width: 768px) {
    .page-special-born-new-container .animal-bsl {
        top: 97.4rem;
    }

    .page-special-born-new-container .animal-xn {
        top: 101rem;
    }
}

/* 形状 */
.page-special-born-new-container .shape {
    position: absolute;
    z-index: 0;
    /* opacity: 0.3 !important; */
    bottom: -100vh;
}

.page-special-born-new-container .shape-1 {
    width: 1.7rem;
    height: 1.7rem;
    top: 8.6rem;
    right: 3.4rem;
}

.page-special-born-new-container .shape-2 {
    width: 2.16rem;
    height: 2.16rem;
    top: 12.4rem;
    left: 0.54rem;
}

.page-special-born-new-container .shape-3 {
    width: 2.06rem;
    height: 2.09rem;
    top: 42.6rem;
    right: 0.96rem;
}

.page-special-born-new-container .shape-4 {
    width: 5.59rem;
    height: 5.61rem;
    top: 46.84rem;
    left: 2.87rem;
}

.page-special-born-new-container .shape-5 {
    width: 4.91rem;
    height: 4.91rem;
    top: 51.8rem;
    right: 0.36rem;
}

.page-special-born-new-container .shape-6 {
    width: 4.9rem;
    height: 4.28rem;
    top: 63rem;
    left: 1.96rem;
}

.page-special-born-new-container .shape-7 {
    width: 4.45rem;
    height: 4.99rem;
    top: 68.6rem;
    right: 0;
}

.page-special-born-new-container .shape-8 {
    width: 3.39rem;
    height: 4.14rem;
    top: 77.4rem;
    left: 0;
}

.page-special-born-new-container .shape-9 {
    width: 4.93rem;
    height: 5.7rem;
    top: 85.8rem;
    right: 0.17rem;
}

.page-special-born-new-container .shape-10 {
    width: 2.16rem;
    height: 3.15rem;
    top: 99.8rem;
    left: 0;
}

.page-special-born-new-container .inner-big-swiper-wrapper {
    position: relative;
    background-color: #faf9f5;
    padding-left: 1.1rem;
    padding-right: 1.1rem;
    padding-top: 1.9rem;
    padding-bottom: 1.14rem;
}

.inner-big-swiper-button,
.inner-big-swiper-button:hover {
    background: transparent;
}

.hi-page-live-for-new {
    background-position: center top;
    background-size: 100% 100%;
    position: relative;
    width: 100%;
    overflow: hidden;
    background-repeat: no-repeat;
    padding-top: 2.4rem;
    --un-text-opacity: 1;
    color: rgb(249 249 249 / var(--un-text-opacity));
    font-weight: 300;
}

.hi-page-live-for-new .bln-crumbs {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 10;
    width: 100%;
    padding-left: 0.2rem;
    padding-right: 0.2rem;
    padding-top: 0.3rem;
    padding-bottom: 0.3rem;
}

.hi-page-live-for-new .bln-swiper-alpaca {
    margin-bottom: -2px;
}

.live-for-new-text-image {
    position: relative;
    z-index: 0;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0;
    margin-bottom: 0;
    display: block;
    width: 6.26rem;
    height: auto;
    max-width: 1.8rem;
}

.live-for-new-text-image.live-for-new-text-image-big {
    width: 6.26rem;
    max-width: 100%;
}

.bln-swiper-egret {
    margin-top: -0.4rem;
}

.live-for-new-text-boloni-2021 {
    margin-top: 0.8rem;
    margin-bottom: 0.5rem;
    text-align: center;
    font-size: 0.74rem;
    font-weight: 300;
    line-height: 1.2;
}

.live-for-new-play-btn {
    margin-left: auto;
    margin-right: auto;
    margin-top: 0;
    margin-bottom: 0.92rem;
    display: block;
    width: 0.92rem;
}

.live-for-new-text-image-text {
    text-align: center;
    font-size: var(--font-zh-display);
    line-height: 1.32;
    font-weight: 400;
    letter-spacing: 0.07em;
    font-weight: 300;
    font-family: FZLTHProJ-Medium, sans-serif;
}

@media (max-width: 767.9px) {
    .live-for-new-text-image-text {
        --un-text-opacity: 1;
        color: rgb(31 31 31 / var(--un-text-opacity));
    }
}

.live-for-new-text-image-feel {
    margin-bottom: 0.06rem;
    width: 0.88rem;
}

.live-for-new-text-image-dream {
    margin-top: 1.34rem;
    width: 1.52rem;
}

.live-for-new-text-image-yearn {
    margin-top: 0.94rem;
    width: 1.46rem;
}

.live-for-new-text-image-imagine {
    margin-top: 1.1rem;
    width: 1.8rem;
}

.live-for-new-x {
    margin-left: auto;
    margin-right: auto;
    display: block;
    width: 0.38rem;
    text-align: center;
    --un-text-opacity: 1;
    color: rgb(0 255 0 / var(--un-text-opacity));
}

.live-for-new-x.white {
    --un-text-opacity: 1;
    color: rgb(249 249 249 / var(--un-text-opacity));
}

.live-for-new-x-1 {
    margin-top: 0.68rem;
}

.live-for-new-x-2 {
    margin-top: 1.36rem;
}

.live-for-new-x-3 {
    margin-top: 0.82rem;
}

.live-for-new-x-4 {
    margin-top: 1.06rem;
}

.live-for-new-dots {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.live-for-new-dot {
    margin-left: 0;
    margin-right: 0;
    margin-top: 0.27rem;
    margin-bottom: 0.27rem;
    width: 0.08rem;
    height: 0.08rem;
    border-radius: 50%;
    --un-bg-opacity: 1;
    background-color: rgb(184 182 177 / var(--un-bg-opacity));
}

.live-for-new-dot:first-child {
    margin-top: 0;
}

.live-for-new-dot:last-child {
    margin-bottom: 0;
}

.live-for-new-dots-1 {
    margin-top: 0.62rem;
}

.live-for-new-dots-2 {
    margin-top: 1.08rem;
}

.live-for-new-dots-3 {
    margin-top: 0.9rem;
    margin-bottom: 1rem;
}

.live-for-new-dots-4 {
    margin-top: 0.94rem;
}

.live-for-new-dots-5 {
    margin-top: 0.76rem;
}

.live-for-new-desc {
    text-align: center;
    font-size: var(--font-zh-display);
    line-height: 1.32;
    font-weight: 400;
    letter-spacing: 0.07em;
    --un-text-opacity: 1;
    color: rgb(31 31 31 / var(--un-text-opacity));
    line-height: 1.8;
    font-family: FZLTHProJ-Medium, sans-serif;
}

/* .live-for-new-desc.green {
    @apply text-[#00ff00];
} */

.live-for-new-desc-1 {
    margin-top: 0.2rem;
}

.live-for-new-desc-2 {
    margin-top: 0.36rem;
}

.live-for-new-desc-3 {
    margin-top: 0.64rem;
}

.live-for-new-desc-4 {
    margin-top: 0.24rem;
}

.live-for-new-desc-5 {
    margin-top: 0.24rem;
}

.live-for-new-desc-6 {
    margin-top: 0.76rem;
}

.live-for-new-desc-7 {
    margin-top: 0.3rem;
    margin-bottom: 2.6rem;
}

.live-for-new-img-box {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0;
    margin-bottom: 0;
    padding: 1px;
}

.live-for-new-img-box .live-for-new-img {
    position: relative;
    z-index: 10;
    display: block;
    width: 100%;
    height: auto;
}

.live-for-new-img-box .live-for-new-sign {
    position: absolute;
}

.live-for-new-img-box-1 {
    width: calc(100% - 0.3rem);
}

.live-for-new-img-box-1::before {
    top: 0;
}

.live-for-new-img-box-1::after {
    bottom: 0;
}

.live-for-new-img-box-1::before,
.live-for-new-img-box-1::after {
    position: absolute;
    left: 0;
    z-index: 0;
    width: 100%;
    height: 0.5rem;
    --un-bg-opacity: 1;
    background-color: rgb(0 255 0 / var(--un-bg-opacity));
    content: "";
}

.live-for-new-img-box-1 .live-for-new-sign {
    right: 0.7rem;
    bottom: 0.32rem;
    z-index: 10;
    width: 1.78rem;
    height: auto;
}

.live-for-new-y-axis {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0;
    margin-bottom: 0;
    width: 1px;
    height: 0.84rem;
    --un-bg-opacity: 1;
    background-color: rgb(192 191 191 / var(--un-bg-opacity));
}

.live-for-new-y-axis-1::after {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 0.92rem;
    height: 1px;
    --un-bg-opacity: 1;
    background-color: rgb(192 191 191 / var(--un-bg-opacity));
    content: "";
}

.live-for-new-y-axis-1 {
    margin-top: 0.74rem;
}

.live-for-new-y-axis-2::after {
    position: absolute;
    left: 0;
    top: 0;
    width: 0.92rem;
    height: 1px;
    --un-bg-opacity: 1;
    background-color: rgb(192 191 191 / var(--un-bg-opacity));
    content: "";
}

.live-for-new-img-txt-wrapper {
    margin-bottom: 0.2rem;
    display: flex;
}

.live-for-new-img-txt-wrapper.litr {
    flex-direction: row-reverse;
}

.live-for-new-img-txt-wrapper .live-for-new-texts-wrap {
    position: relative;
    width: 2.86rem;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    border-top-width: 1px;
    border-bottom-width: 1px;
    --un-border-opacity: 1;
    --un-border-top-opacity: var(--un-border-opacity);
    border-top-color: rgb(192 191 191 / var(--un-border-top-opacity));
    --un-border-bottom-opacity: var(--un-border-opacity);
    border-bottom-color: rgb(192 191 191 / var(--un-border-bottom-opacity));
    border-style: solid;
    text-align: center;
}

.live-for-new-img-txt-wrapper .live-for-new-texts-wrap::before {
    top: 0;
}

.live-for-new-img-txt-wrapper .live-for-new-texts-wrap::after {
    bottom: 0;
}

.live-for-new-img-txt-wrapper.litr .live-for-new-texts-wrap {
    justify-content: flex-start;
}

.live-for-new-img-txt-wrapper .live-for-new-texts-wrap::before,
.live-for-new-img-txt-wrapper .live-for-new-texts-wrap::after {
    position: absolute;
    right: 0;
    width: 1px;
    height: calc(50% - 0.5rem);
    --un-bg-opacity: 1;
    background-color: rgb(192 191 191 / var(--un-bg-opacity));
    content: "";
}

.live-for-new-img-txt-wrapper.litr .live-for-new-texts-wrap::before,
.live-for-new-img-txt-wrapper.litr .live-for-new-texts-wrap::after {
    left: 0;
    right: auto;
}

.live-for-new-img-txt-wrapper .live-for-new-texts {
    font-size: var(--font-zh-display);
    line-height: 1.32;
    font-weight: 400;
    letter-spacing: 0.07em;
    font-family: FZLTHProJ-Medium, sans-serif;
}

.live-for-new-img-txt-wrapper .live-for-new-text {
    --un-text-opacity: 1;
    color: rgb(31 31 31 / var(--un-text-opacity));
    font-family: FZLTHProJ-Medium, sans-serif;
}

.live-for-new-img-txt-wrapper .live-for-new-text.green {
    --un-text-opacity: 1;
    color: rgb(0 255 0 / var(--un-text-opacity));
}

.live-for-new-img-txt-wrapper .live-for-new-img-wrap {
    flex: 1 1 0%;
    padding-left: 0.2rem;
}

.live-for-new-img-txt-wrapper.litr .live-for-new-img-wrap {
    padding-left: 0;
    padding-right: 0.2rem;
}

.live-for-new-img-txt-wrapper .live-for-new-img {
    display: block;
    width: 100%;
    height: auto;
}

.live-for-new-img-txt-wrapper-1 .live-for-new-texts-wrap {
    border-top-color: none;
}

.live-for-new-img-txt-wrapper-1 .live-for-new-img {
    padding-top: 0.2rem;
}

.live-for-new-img-txt-wrapper-6 {
    margin-bottom: 0;
}

.live-for-new-img-txt-wrapper-6 .live-for-new-texts-wrap {
    border-bottom-color: none;
}

.live-for-new-img-txt-wrapper-6 .live-for-new-img-wrap {
    padding-bottom: 0.2rem;
}

.live-for-new-question-wrapper {
    background-position: center center;
    background-size: 100% 100%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 1.14rem;
    margin-bottom: 0.6rem;
    width: 2.9rem;
    height: 5.36rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background-repeat: no-repeat;
    text-align: center;
    font-size: var(--font-zh-display);
    line-height: 1.32;
    font-weight: 400;
    letter-spacing: 0.07em;
    --un-text-opacity: 1;
    color: rgb(31 31 31 / var(--un-text-opacity));
    font-family: FZLTHProJ-Medium, sans-serif;
}

.live-for-new-animal {
    position: absolute;
}

.live-for-new-animal-1 {
    right: 0;
    top: 16.5rem;
    width: 5.84rem;
}

.live-for-new-animal-2 {
    left: 0;
    top: 29.2rem;
    width: 2rem;
}

.live-for-new-animal-3 {
    right: 0;
    top: 35rem;
    width: 2.14rem;
}

.live-for-new-animal-4 {
    left: 0;
    top: 48rem;
    width: 3.3rem;
}

.live-for-new-animal-5 {
    left: 0;
    top: 78.8rem;
    width: 2.38rem;
}

.live-for-new-animal-6 {
    right: 0;
    top: 84rem;
    width: 2.5rem;
}

.live-for-new-animal-7 {
    left: -0.12rem;
    top: 48rem;
    display: none;
    width: 0.72rem;
}

.live-for-new-animal-8 {
    right: -4rem;
    top: 27.2rem;
    width: 5.72rem;
}

.live-for-new-animal-9 {
    left: -2.8rem;
    top: 1.6rem;
    z-index: 0;
    width: 5.72rem;
}

.live-for-new-animal-10 {
    right: -2.8rem;
    top: 1.6rem;
    z-index: 0;
    width: 5.72rem;
}

.born-new-mo .inner-big-swiper-wrapper {
    --un-bg-opacity: 1;
    background-color: rgb(250 249 245 / var(--un-bg-opacity));
}

@media (max-width: 767.9px) {
    .born-new-mo .inner-big-swiper-wrapper {
        padding-left: 0.4rem;
        padding-right: 0.4rem;
        padding-top: 0.4rem;
        padding-bottom: 0.4rem;
    }
}

/**
 * ****************************************************************************************************
 * ** Egret
 * ****************************************************************************************************
 */
.bln-swiper-egret-slide {
    transition: 1s;
    position: relative;
    z-index: 10;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 4.72rem;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
}

.bln-swiper-egret-slide-image {
    display: block;
    width: auto;
    height: 1.6rem;
    position: relative;
    z-index: 10;
    transition: 1s;
    max-width: none;
}

@media (max-width: 768px) {
    .bln-swiper-egret-slide-image {
        height: 75%;
    }
}

.bln-swiper-egret-slide.swiper-slide-active .bln-swiper-egret-slide-image {
    height: 100%;
}

.born-new-pc {
    display: block;
}

@media (max-width: 767.9px) {
    .born-new-pc {
        display: none;
    }
}

.born-new-mo {
    display: none;
}

@media (max-width: 767.9px) {
    .born-new-mo {
        display: block;
    }
}

/* ===== 行于未知 ===== */
.page-brand-chasing .carousel__content {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding-top: 1.14rem;
    padding-bottom: 0.7rem;
}

.page-brand-chasing .carousel__content .carousel__subtitle {
    text-align: center;
}

.page-brand-chasing--video {
    background-color: var(--color-neutral-50);
}

.page-brand-chasing--video .video-inner {
    position: relative;
    height: 9.5rem;
}

.page-brand-chasing--video .video-inner .video {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.brand-chasing--video-carousel {
    position: absolute;
    top: 50%;
    left: 50%;
    --un-translate-x: -50%;
    --un-translate-y: -50%;
    transform: translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z))
        rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z))
        skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y))
        scaleZ(var(--un-scale-z));
}

.page-brand-chasing--image {
    background-color: var(--color-neutral-50);
}

.page-brand-chasing--image .image-inner {
    position: relative;
    height: 9.5rem;
}

.page-brand-chasing--image .image-inner .image-img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.page-brande-chasing-photo-wall {
    overflow-x: hidden;
}

.page-brande-chasing-photo-wall .horizontal-scroll-wrapper {
    position: relative;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

@media (max-width: 767.9px) {
    .page-brande-chasing-photo-wall .horizontal-scroll-wrapper {
        display: none;
    }
}

.page-brande-chasing-photo-wall .horizontal-container {
    height: 100%;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    display: flex;
    align-items: center;
    will-change: transform;
}

@media (max-width: 767.9px) {
    .page-brande-chasing-photo-wall .horizontal-container {
        width: 100%;
        align-items: flex-start;
    }
}

.photo-wall-wrapper {
    height: 100vh;
    display: flex;
    padding-left: 1.48rem;
    padding-right: 1.48rem;
    padding-top: 1rem;
    padding-bottom: 1rem;
}

@media (max-width: 767.9px) {
    .photo-wall-wrapper {
        width: 100%;
        height: auto;
        flex-direction: column;
        gap: 0.32rem;
        padding-left: 0.4rem;
        padding-right: 0.4rem;
        padding-top: 0.56rem;
        padding-bottom: 0.56rem;
    }
}

.photo-wall-wrapper li:nth-child(5n + 1) {
    margin-top: 0.74rem;
    width: 5.55rem;
    height: 3.7rem;
}

.photo-wall-wrapper li:nth-child(5n + 2) {
    margin-top: 2.96rem;
    width: 3.95rem;
    height: 4.57rem;
}

.photo-wall-wrapper li:nth-child(5n + 3) {
    margin-top: 2.15rem;
    width: 3.6rem;
    height: 3.6rem;
}

.photo-wall-wrapper li:nth-child(5n + 4) {
    width: 3.92rem;
    height: 4.98rem;
}

.photo-wall-wrapper li:nth-child(5n) {
    margin-top: 3.34rem;
    width: 5.54rem;
    height: 3.78rem;
}

.photo-wall-wrapper li .image-wrap .image {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.photo-wall-wrapper li {
}

@media (max-width: 767.9px) {
    .photo-wall-wrapper li {
        margin-top: 0 !important;
        width: 100% !important;
        height: auto !important;
    }
}

.photo-wall-wrapper li + li {
    margin-left: 0.66rem;
}

@media (max-width: 767.9px) {
    .photo-wall-wrapper li + li {
        margin-left: 0;
        margin-top: 0.32rem;
    }
}

.brande-chasing-photo-swiper {
    display: none;
}

@media (max-width: 767.9px) {
    .brande-chasing-photo-swiper {
        display: block;
    }
}

.brande-chasing-photo-swiper .image {
    aspect-ratio: 4/3;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.inner-chasing-eternal1,
.inner-chasing-eternal2 {
    /* @apply h-[950px]; */
}

.chasing-comm-video__video .vjs-tech {
    -o-object-fit: cover;
    object-fit: cover;
}

.page-brand-dialogue--swiper1 {
    position: relative;
    height: 9.5rem;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

@media (max-width: 767.9px) {
    .page-brand-dialogue--swiper1 {
        height: 100vh;
        display: flex;
        align-items: center;
    }
}

.page-brand-dialogue--swiper1 .swiper-container {
    height: 100%;
}

@media (max-width: 767.9px) {
    .page-brand-dialogue--swiper1 .swiper-container {
        height: auto;
    }
}

.page-brand-dialogue--swiper1 .slide-wrapper {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

@media (max-width: 767.9px) {
    .page-brand-dialogue--swiper1 .slide-wrapper {
        flex-direction: column;
    }
}

.page-brand-dialogue--swiper1 .slide-wrapper .text-wrap {
    --un-text-opacity: 1;
    color: rgb(255 255 255 / var(--un-text-opacity));
}

@media (max-width: 767.9px) {
    .page-brand-dialogue--swiper1 .slide-wrapper .text-wrap {
        text-align: center;
    }
}

.page-brand-dialogue--swiper1 .slide-wrapper .title {
    font-size: var(--font-zh-display);
    line-height: 1.32;
    font-weight: 400;
    letter-spacing: 0.07em;
    font-family: FZLTHProJ-Medium, sans-serif;
}

.page-brand-dialogue--swiper1 .slide-wrapper .text {
    margin-top: 0.14rem;
    font-size: var(--font-zh-text);
    line-height: 1.6494;
    font-weight: 300;
    letter-spacing: 0.11em;
    font-family: FZLTHProJ-Regular, sans-serif;
}

.page-brand-dialogue--swiper1 .slide-wrapper .image-wrap {
    margin-left: 3.04rem;
    width: 4.62rem;
    height: 4.58rem;
}

@media (max-width: 767.9px) {
    .page-brand-dialogue--swiper1 .slide-wrapper .image-wrap {
        margin-left: 0;
        margin-top: 0.64rem;
    }
}

.page-brand-dialogue--swiper1 .slide-wrapper .image {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.page-brand-dialogue--swiper1 .decoration-img {
    position: absolute;
    z-index: 10;
}

.page-brand-dialogue--swiper1 .decoration-img-1 {
    top: 0;
    right: 0;
    width: 8.05rem;
    height: 3.03rem;
}

.page-brand-dialogue--swiper1 .decoration-img-2 {
    bottom: 0;
    left: 0;
    width: 5.86rem;
    height: 4.29rem;
}

.page-brand-dialogue--swiper1 .carousel__pagination {
}

@media (max-width: 767.9px) {
    .page-brand-dialogue--swiper1 .carousel__pagination {
        position: static;
        margin-top: 0.6rem;
    }
}

.page-brand-chasing--text-swiper {
    position: relative;
    background-color: var(--color-neutral-200);
}

.page-brand-chasing--text-swiper .page-brand__text-wrap {
    position: relative;
    z-index: 1;
}

.page-brand-chasing--text-swiper .page-brand__swiper-wrap {
    position: relative;
    z-index: 1;
}

.page-brand-chasing--text-swiper .decoration-img {
    position: absolute;
}

.page-brand-chasing--text-swiper .decoration-img-1 {
    top: 0;
    right: 0;
    width: 6.05rem;
    height: 11.74rem;
}

@media (max-width: 767.9px) {
    .page-brand-chasing--text-swiper .decoration-img-1 {
        width: 2rem;
        height: auto;
    }
}

.page-brand-chasing--text-swiper .decoration-img-2 {
    bottom: 0;
    left: 0;
    width: 4.16rem;
    height: 4.23rem;
}

@media (max-width: 767.9px) {
    .page-brand-chasing--text-swiper .decoration-img-2 {
        width: 2rem;
        height: auto;
    }
}

.vjs-error .vjs-error-display .vjs-modal-dialog-content {
    font-size: 16px !important;
}

/* ===== 纳瓦罗厨柜 ===== */
.page-brand-nawaluo .carousel__content {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding-top: 1.14rem;
    padding-bottom: 0.7rem;
}

.page-brand-nawaluo .carousel__content .carousel__subtitle {
    text-align: center;
}

.page-brand-nawaluo--video {
    background-color: var(--color-neutral-50);
}

.page-brand-nawaluo--video .video-inner {
    position: relative;
    isolation: isolate;
    width: 100%;
    overflow: hidden;
    --un-bg-opacity: 1;
    background-color: rgb(4 7 13 / var(--un-bg-opacity));
}

/* .page-brand-nawaluo--video .video-inner .video {
    @apply w-full h-full object-cover;
} */

.page-brand-nawaluo--video .video-inner .video-parallax-stage {
    position: relative;
    overflow: hidden;
}

.page-brand-nawaluo--video .video-inner .video-parallax-layer {
    position: relative;
    will-change: transform;
    transform-origin: center;
}

.page-brand-nawaluo--video .video-inner .video-parallax-layer .video {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.page-brand-nawaluo--video .video-inner .video-parallax-layer--back {
    transform: scale(1.06);
}

.page-brand-nawaluo--video .video-inner .video-parallax-vignette {
    pointer-events: none;
    position: absolute;
    inset: 0;
    background:
        radial-gradient(circle at center, rgba(255, 255, 255, 0) 46%, rgba(4, 7, 13, 0.18) 100%),
        linear-gradient(180deg, rgba(4, 7, 13, 0.18) 0%, rgba(4, 7, 13, 0) 24%, rgba(4, 7, 13, 0.12) 100%);
    z-index: 2;
}

.page-brand-nawaluo--video .video-inner .video {
    display: block;
    width: 100%;
}

.page-brand-nawaluo--video .video-inner .video.pc-video {
    display: block;
}

.page-brand-nawaluo--video .video-inner .video.mobile-video {
    display: none;
}

@media screen and (max-width: 767.9px) {
    .page-brand-nawaluo--video .video-inner .video.pc-video {
        display: none;
    }

    .page-brand-nawaluo--video .video-inner .video.mobile-video {
        display: block;
    }
}

.page-brand-nawaluo--video .video-inner .carousel {
    pointer-events: none;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 3;
    transform: translate(-50%, -50%);
}

.page-brand-nawaluo--video .video-inner .carousel .carousel__content {
    padding-top: 0;
    padding-bottom: 0;
}

.page-brand-nawaluo--video .video-inner .brand-nawaluo--video-header {
    will-change: transform;
}

@media (max-width: 767.9px) {
    .page-brand-nawaluo--video .video-inner .video-parallax-layer--back {
        transform: none;
    }

    .page-brand-nawaluo--video .video-inner .carousel {
        top: 14%;
    }
}

.page-brand-nawaluo--island {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding-bottom: 1.14rem;
}

@media (max-width: 767.9px) {
    .page-brand-nawaluo--island {
        padding-bottom: 0.32rem;
    }
}

.page-brand-nawaluo--island .carousel__content {
    padding-bottom: 0;
}

.page-brand-nawaluo--island .image-list {
    margin-top: 1.42rem;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    -moz-column-gap: 1rem;
    column-gap: 1rem;
    padding-left: 2.34rem;
    padding-right: 2.34rem;
}

@media (max-width: 767.9px) {
    .page-brand-nawaluo--island .image-list {
        display: none;
    }
}

.page-brand-nawaluo--island .image-list .image1 {
    margin-top: 1rem;
    width: 3.3rem;
}

@media (max-width: 767.9px) {
    .page-brand-nawaluo--island .image-list .image1 {
        margin-top: 0.64rem;
        width: 100%;
    }
}

.page-brand-nawaluo--island .image-list .image2 {
    width: 5.62rem;
}

@media (max-width: 767.9px) {
    .page-brand-nawaluo--island .image-list .image2 {
        margin-top: 0.64rem;
        width: 100%;
    }
}

.page-brand-nawaluo--island .image-list .image3 {
    margin-top: 2rem;
    width: 3.3rem;
}

@media (max-width: 767.9px) {
    .page-brand-nawaluo--island .image-list .image3 {
        margin-top: 0.64rem;
        width: 100%;
    }
}

.page-brand-nawaluo--island .island-swiper {
    display: none;
}

@media (max-width: 767.9px) {
    .page-brand-nawaluo--island .island-swiper {
        margin-top: 1rem;
        display: block;
        padding-left: 0.4rem;
        padding-right: 0.4rem;
    }
}

.page-brand-nawaluo--island .island-swiper .image {
    aspect-ratio: 4/3;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.page-brand-nawaluo--puzzle {
    background-color: var(--color-neutral-200);
    padding-top: 1.14rem;
}

@media (max-width: 767.9px) {
    .page-brand-nawaluo--puzzle {
        padding-top: 0;
    }
}

.page-brand-nawaluo--puzzle-wrapper {
    position: relative;
    overflow: hidden;
    background-color: var(--color-neutral-200);
    will-change: transform;
    --puzzle-stage-ratio: 1857 / 949;
}

@media (max-width: 767.9px) {
    .page-brand-nawaluo--puzzle-wrapper {
        display: none;
    }
}

.page-brand-nawaluo--puzzle .carousel {
    height: auto;
}

.page-brand-nawaluo--puzzle .carousel__content {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.page-brand-nawaluo--puzzle .puzzle-container {
    height: 300vh;
}

@media (max-width: 767.9px) {
    .page-brand-nawaluo--puzzle .puzzle-container {
        height: auto;
    }
}

.page-brand-nawaluo--puzzle .puzzle-wrapper {
    position: relative;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

@media (max-width: 767.9px) {
    .page-brand-nawaluo--puzzle .puzzle-wrapper {
        display: block;
        height: auto;
    }
}

.page-brand-nawaluo--puzzle .puzzle-stage {
    position: relative;
    flex: 0 0 auto;
    width: min(100%, calc(100vh * var(--puzzle-stage-ratio)));
    aspect-ratio: var(--puzzle-stage-ratio);
}

@media (max-width: 767.9px) {
    .page-brand-nawaluo--puzzle .puzzle-stage {
        width: auto;
        aspect-ratio: auto;
    }
}

.page-brand-nawaluo--puzzle .media {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    transform-origin: center;
}

@media (max-width: 767.9px) {
    .page-brand-nawaluo--puzzle .media {
        position: static;
        margin-top: 0.32rem;
    }
}

.page-brand-nawaluo--puzzle .media .image {
    position: absolute;
    display: block;
    overflow: hidden;
    -o-object-fit: cover;
    object-fit: cover;
}

@media (max-width: 767.9px) {
    .page-brand-nawaluo--puzzle .media .image {
        position: static;
        width: 100% !important;
        height: auto !important;
        --un-translate-x: 0 !important;
        --un-translate-y: 0 !important;
        transform: translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z))
            rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z))
            skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y))
            scaleZ(var(--un-scale-z)) !important;
    }
}

.page-brand-nawaluo--puzzle .media:first-child .image {
    top: 5%;
    left: 38.8%;
    width: 26.875%;
    height: 30.2713987473904%;
}

.page-brand-nawaluo--puzzle .media:nth-child(2) .image {
    top: 19.83298538622129%;
    left: 21.5%;
    width: 16.04166666666667%;
    height: 42.79749478079332%;
}

.page-brand-nawaluo--puzzle .media:nth-child(3) .image {
    top: 50%;
    left: 50%;
    width: 22.39583333333333%;
    height: 25.26096033402923%;
    transform: translate(-50%, -50%);
}

.page-brand-nawaluo--puzzle .media:nth-child(4) .image {
    top: 37.4%;
    left: 62.29166666666667%;
    width: 22.39583333333333%;
    height: 25.26096033402923%;
}

.page-brand-nawaluo--puzzle .media:nth-child(5) .image {
    top: 64.92693110647182%;
    left: 16.66666666666667%;
    width: 26.35416666666667%;
    height: 29.85386221294363%;
}

.page-brand-nawaluo--puzzle .media:nth-child(6) .image {
    top: 64.92693110647182%;
    left: 44.27083333333333%;
    width: 14.89583333333333%;
    height: 29.85386221294363%;
}

.page-brand-nawaluo--puzzle .media:nth-child(7) .image {
    top: 64.92693110647182%;
    left: 60.41666666666667%;
    width: 17.1875%;
    height: 19.41544885177453%;
}

.page-brand-nawaluo--puzzle .media:nth-child(8) .image {
    display: none;
}

.puzzle-swiper {
    display: none;
}

@media (max-width: 767.9px) {
    .puzzle-swiper {
        display: block;
    }
}

.puzzle-swiper .image {
    aspect-ratio: 4/3;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.page-brand-nawaluo--switch {
    background-color: var(--color-neutral-50);
}

.page-brand-nawaluo--switch .images-switch {
    position: relative;
    display: grid;
    overflow: hidden;
}

.page-brand-nawaluo--switch .images-switch .image {
    grid-area: 1 / 1;
    display: block;
    width: 100%;
    height: auto;
}

.page-brand-nawaluo--switch .images-switch .image-switch-open,
.page-brand-nawaluo--switch .images-switch .image-switch-close {
    grid-area: 1 / 1;
}

.page-brand-nawaluo--switch .images-switch .nawaluo-switch-cursor {
    position: absolute;
    top: 0;
    left: 0;
    width: 1rem;
    height: 1rem;
    display: flex;
    --un-scale-x: 0;
    --un-scale-y: 0;
    transform: translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z))
        rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z))
        skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y))
        scaleZ(var(--un-scale-z));
    cursor: pointer;
    align-items: center;
    justify-content: center;
    border-radius: 99.99rem;
    background-color: rgb(0 0 0 / 0.6);
    will-change: transform;
}

@media (max-width: 767.9px) {
    .page-brand-nawaluo--switch .images-switch .nawaluo-switch-cursor {
        display: none;
    }
}

.page-brand-nawaluo--switch .images-switch .nawaluo-switch-cursor-text {
    font-size: var(--font-en-text);
    line-height: 1;
    font-weight: 400;
    letter-spacing: 0.03em;
    --un-text-opacity: 1;
    color: rgb(255 255 255 / var(--un-text-opacity));
    line-height: 1.3em;
    letter-spacing: 0.11em;
    font-family:
        Zalando Sans SemiExpanded,
        sans-serif;
}

.page-brand-nawaluo--switch .images-switch-tabs-wrap {
    display: none;
}

@media (max-width: 767.9px) {
    .page-brand-nawaluo--switch .images-switch-tabs-wrap {
        margin-bottom: 0.64rem;
        display: flex;
        justify-content: center;
    }
}

.page-brand-nawaluo--switch .images-switch-tabs {
    position: relative;
    display: flex;
    overflow: hidden;
    border-radius: 99.99rem;
    --un-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--un-bg-opacity));
    /* text-white bg-[var(--color-bg-inverse)] */
}

.page-brand-nawaluo--switch .images-switch-tabs .images-switch-tab {
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 300ms;
}

.page-brand-nawaluo--switch .images-switch-tabs::after {
    content: "";
    position: absolute;
    top: 0;
    width: 112px;
    height: 46px;
    border-radius: 99.99rem;
    background-color: var(--color-bg-inverse);
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 300ms;
}

.page-brand-nawaluo--switch .images-switch-tabs.is-open .images-switch-tab:first-child {
    --un-text-opacity: 1;
    color: rgb(255 255 255 / var(--un-text-opacity));
}

.page-brand-nawaluo--switch .images-switch-tabs.is-open .images-switch-tab:last-child {
    --un-text-opacity: 1;
    color: rgb(31 31 31 / var(--un-text-opacity));
}

.page-brand-nawaluo--switch .images-switch-tabs.is-open::after {
    left: 0;
}

.page-brand-nawaluo--switch .images-switch-tabs.is-close .images-switch-tab:first-child {
    --un-text-opacity: 1;
    color: rgb(31 31 31 / var(--un-text-opacity));
}

.page-brand-nawaluo--switch .images-switch-tabs.is-close .images-switch-tab:last-child {
    --un-text-opacity: 1;
    color: rgb(255 255 255 / var(--un-text-opacity));
}

.page-brand-nawaluo--switch .images-switch-tabs.is-close::after {
    left: 112px;
}

.page-brand-nawaluo--switch .images-switch-tabs .images-switch-tab {
    width: 112px;
    height: 46px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    font-family: FZLTHProJ-Medium, sans-serif;
}

.page-brand-nawaluo--switch .images-switch-tabs .images-switch-tab span {
    position: relative;
    z-index: 1;
}

.page-brande-nawaluo--photo-wall {
    overflow: hidden;
    --un-bg-opacity: 1;
    background-color: rgb(207 180 166 / var(--un-bg-opacity));
}

.nawaluo-photo-wall-container {
    height: 100vh;
    padding-top: 0.7rem;
}

@media (max-width: 767.9px) {
    .nawaluo-photo-wall-container {
        height: auto;
        padding-top: 0;
        padding-bottom: 1.1rem;
    }
}

.nawaluo-photo-wall-container .horizontal-scroll-wrapper {
    position: relative;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.nawaluo-photo-wall-container .horizontal-container {
    height: 100%;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    display: flex;
    align-items: center;
    will-change: transform;
}

@media (max-width: 767.9px) {
    .nawaluo-photo-wall-container .horizontal-container {
        width: 100%;
        align-items: flex-start;
    }
}

.nawaluo-photo-wall-wrapper {
    display: flex;
    padding-left: 0.82rem;
    padding-right: 0.82rem;
}

@media (max-width: 767.9px) {
    .nawaluo-photo-wall-wrapper {
        width: 100%;
        flex-direction: column;
        padding-left: 0.4rem;
        padding-right: 0.4rem;
    }
}

.nawaluo-photo-wall-wrapper li:nth-child(4n + 1) {
    width: 4.21rem;
}

@media (max-width: 767.9px) {
    .nawaluo-photo-wall-wrapper li:nth-child(4n + 1) {
        width: 100%;
    }
}

.nawaluo-photo-wall-wrapper li:nth-child(4n + 2) {
    width: 4.91rem;
    padding-top: 2.7rem;
}

@media (max-width: 767.9px) {
    .nawaluo-photo-wall-wrapper li:nth-child(4n + 2) {
        width: 100%;
        padding-top: 0;
    }
}

.nawaluo-photo-wall-wrapper li:nth-child(4n + 3) {
    width: 4.25rem;
    padding-top: 0.82rem;
}

@media (max-width: 767.9px) {
    .nawaluo-photo-wall-wrapper li:nth-child(4n + 3) {
        width: 100%;
        padding-top: 0;
    }
}

.nawaluo-photo-wall-wrapper li:nth-child(4n + 4) {
    width: 4.91rem;
    padding-top: 2.44rem;
}

@media (max-width: 767.9px) {
    .nawaluo-photo-wall-wrapper li:nth-child(4n + 4) {
        width: 100%;
        padding-top: 0;
    }
}

.nawaluo-photo-wall-wrapper li + li {
    margin-left: 0.7rem;
}

@media (max-width: 767.9px) {
    .nawaluo-photo-wall-wrapper li + li {
        margin-left: 0;
        margin-top: 0.32rem;
    }
}

.nawaluo-photo-wall-wrapper li:nth-child(4n + 1) .image-wrap {
    width: 100%;
    height: 5.15rem;
}

.nawaluo-photo-wall-wrapper li:nth-child(4n + 2) .image-wrap {
    width: 100%;
    height: 3.69rem;
}

.nawaluo-photo-wall-wrapper li:nth-child(4n + 3) .image-wrap {
    width: 100%;
    height: 4.25rem;
}

.nawaluo-photo-wall-wrapper li:nth-child(4n + 4) .image-wrap {
    width: 100%;
    height: 3.69rem;
}

.nawaluo-photo-wall-wrapper li .image {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.nawaluo-photo-wall-wrapper li .text-wrap {
    margin-top: 0.28rem;
    font-size: var(--font-zh-text);
    line-height: 1.6494;
    font-weight: 300;
    letter-spacing: 0.11em;
    --un-text-opacity: 1;
    color: rgb(31 31 31 / var(--un-text-opacity));
    font-family: FZLTHProJ-Regular, sans-serif;
    line-height: 1.6494;
    letter-spacing: 0.11em;
}

@media (max-width: 767.9px) {
    .nawaluo-photo-wall-wrapper li .text-wrap {
        font-size: var(--font-zh-display);
        line-height: 1.32;
        font-weight: 400;
        letter-spacing: 0.07em;
    }
}

.nawaluo-photo-wall-container .carousel__content {
    margin-top: 0.7rem;
    padding-top: 0;
    padding-bottom: 0;
}

.page-brand-nawaluo--boundaries {
    background-color: var(--color-neutral-200);
}

.page-brand-nawaluo--boundaries .carousel__content {
    padding-top: 0.56rem;
    padding-bottom: 1.08rem;
}

@media (max-width: 767.9px) {
    .page-brand-nawaluo--boundaries .carousel__content {
        padding-left: 0.4rem;
        padding-right: 0.4rem;
    }
}

.page-brand-nawaluo--boundaries .carousel__content .carousel__subtitle {
    margin-top: 0;
}

.page-brand-nawaluo--boundaries .image-inner {
    width: 100%;
    overflow: hidden;
}

.page-brand-nawaluo--boundaries .image-inner .image {
    width: 100%;
    height: auto;
    -o-object-fit: cover;
    object-fit: cover;
}

.page-brand-nawaluo--fold {
    background-color: var(--color-neutral-50);
}

.page-brand-nawaluo--fold .image-inner {
    width: 100%;
    overflow: hidden;
}

.page-brand-nawaluo--fold .image-inner .image {
    width: 100%;
    height: auto;
    -o-object-fit: cover;
    object-fit: cover;
}

.page-brand-nawaluo--order {
    --un-bg-opacity: 1;
    background-color: rgb(211 167 144 / var(--un-bg-opacity));
}

.page-brand-nawaluo--order .images-inner {
    display: flex;
    overflow: hidden;
}

@media (max-width: 767.9px) {
    .page-brand-nawaluo--order .images-inner {
        flex-direction: column;
    }
}

.page-brand-nawaluo--order .images-inner .image {
    width: 50%;
    height: 4.2rem;
    -o-object-fit: cover;
    object-fit: cover;
}

@media (max-width: 767.9px) {
    .page-brand-nawaluo--order .images-inner .image {
        width: 100%;
    }
}

.page-brand-nawaluo--order .carousel2 .carousel__content {
    padding-top: 0.66rem;
    padding-bottom: 1.08rem;
}

.page-brand-nawaluo--order .carousel2 .carousel__content .carousel__subtitle {
    margin-top: 0;
}

.page-brand-nawaluo--order .carousel__content {
}

@media (max-width: 767.9px) {
    .page-brand-nawaluo--order .carousel__content {
        padding-left: 0.4rem;
        padding-right: 0.4rem;
    }
}