.xmage-2026-box .xmage-2026 .xmage-main {
    width: 100%;
    position: relative;
}
.xmage-2026-box .xmage-2026 .section1 {
    overflow: hidden;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 10.41666667vw 0;
}
.xmage-2026-box .xmage-2026 .section1-word {
    width: 35.52083333vw;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.xmage-2026-box .xmage-2026 .section1-logo {
    position: relative;
    width: 18.38541667vw;
    transform: translate3d(0, 3.125vw, 0) scale(1.4);
    opacity: 0;
    transition: opacity 1s linear, transform 1s cubic-bezier(0.26, 0.67, 0.48, 0.91);
}
.xmage-2026-box .xmage-2026 .section1-logo svg {
    width: 100%;
    height: auto;
}
.xmage-2026-box .xmage-2026 .section1-logo.active {
    transform: translate3d(0, 3.125vw, 0) scale(1.2);
    opacity: 1;
}
.xmage-2026-box .xmage-2026 .section1-logo.active1 {
    transform: translate3d(0, 0, 0) scale(1);
    opacity: 1;
}
.xmage-2026-box .xmage-2026 .section1-logo::before,
.xmage-2026-box .xmage-2026 .section1-logo::after {
    content: "";
    position: absolute;
    width: 0.8854166666666667vw;
    height: 1.875vw;
    transition: opacity 0.6s linear;
    box-sizing: border-box;
}
.xmage-2026-box .xmage-2026 .section1-logo::before {
    top: 0;
    right: calc(100% + 1.25vw);
    border-top: 0.36458333vw solid #c8102e;
    border-left: 0.36458333vw solid #c8102e;
}
.xmage-2026-box .xmage-2026 .section1-logo::after {
    bottom: 0;
    left: calc(100% + 1.25vw);
    border-bottom: 0.36458333vw solid #c8102e;
    border-right: 0.36458333vw solid #c8102e;
}
.xmage-2026-box .xmage-2026 .section1-logo.active1::before,
.xmage-2026-box .xmage-2026 .section1-logo.active1::after {
    opacity: 0;
}
.xmage-2026-box .xmage-2026 .section1-text {
    width: 100%;
    margin: 2.08333333vw 0 3.33333333vw 0;
    color: #404040;
    font-size: 1.14583333vw;
    font-weight: 500;
    line-height: 1.6;
    text-align: center;
    transform: translateY(6.25vw);
    opacity: 0;
    transition: opacity 1s linear, transform 1s cubic-bezier(0.26, 0.67, 0.48, 0.91);
}
.xmage-2026-box .xmage-2026 .section1-text em {
    color: #000;
    font-weight: 700;
    font-style: normal;
}
.xmage-2026-box .xmage-2026 .section1-text.active {
    opacity: 1;
    transform: translateY(0);
}
.xmage-2026-box .xmage-2026 .section1-center {
    position: relative;
    overflow: hidden;
    width: 67.5vw;
    height: 37.96875vw;
    transform: translateY(10.416666666vw) scale(1.485);
    transform-origin: top center;
    opacity: 0;
}
@media screen and (max-aspect-ratio:136/100) {
    .xmage-2026-box .xmage-2026 .section1 {
        padding: 27.7777777vw 0;
    }
    .xmage-2026-box .xmage-2026 .section1-word {
        width: 71.94444444vw;
    }
    .xmage-2026-box .xmage-2026 .section1-logo {
        width: 50vw;
        transform: translate3d(0, 8.3333333333vw, 0) scale(1.4);
    }
    .xmage-2026-box .xmage-2026 .section1-logo.active {
        transform: translate3d(0, 8.3333333333vw, 0) scale(1.2);
    }
    .xmage-2026-box .xmage-2026 .section1-logo.active1 {
        transform: translate3d(0, 0, 0) scale(1);
    }
    .xmage-2026-box .xmage-2026 .section1-logo::before,
    .xmage-2026-box .xmage-2026 .section1-logo::after {
        width: 2.3611111111vw;
        height: 5vw;
        box-sizing: border-box;
    }
    .xmage-2026-box .xmage-2026 .section1-logo::before {
        right: calc(100% + 3.3333333333vw);
        border-top: 0.83333333vw solid #c8102e;
        border-left: 0.83333333vw solid #c8102e;
    }
    .xmage-2026-box .xmage-2026 .section1-logo::after {
        left: calc(100% + 3.3333333333vw);
        border-bottom: 0.83333333vw solid #c8102e;
        border-right: 0.83333333vw solid #c8102e;
    }
    .xmage-2026-box .xmage-2026 .section1-text {
        width: 100%;
        margin: 8.88888888vw 0 8.88888888vw 0;
        transform: translateY(16.666666666vw);
        font-size: 3.88888888vw;
    }
    .xmage-2026-box .xmage-2026 .section1-center {
        width: 91.111111vw;
        height: 105.55555vw;
        transform: translateY(20.77777777vw) scale(1.216);
    }
}
/* video bottom start */
.xmage-2026-box .xmage-2026 .section1-bottom {
    display: flex;
    justify-content: center;
    position: absolute;
    bottom: 2.5vw;
    left: 0;
    right: 0;
    margin: 0 auto;
}
.xmage-2026-box .xmage-2026 .section1-bottom-box {
    display: flex;
    align-items: center;
    padding: 0.83333333vw 0.83333333vw 0.83333333vw 1.66666666vw;
    background: rgba(255, 255, 255, 0.2);
    backdrop-filter: blur(2.5vw);
    -webkit-backdrop-filter: blur(2.5vw);
    border-radius: 52.03125vw;
    transition: 0.3s ease;
}
@media (hover: hover) and (pointer: fine) { 
    .xmage-2026-box .xmage-2026 .section1-bottom-box:hover {
        background: rgba(0, 0, 0, 0.12);
        cursor: pointer;
    }
}
.xmage-2026-box .xmage-2026 .section1-bottom-box span {
    color: #fff;
    font-size: 0.9375vw;
    font-weight: 500;
    line-height: 1.6;
}
.xmage-2026-box .xmage-2026 .section1-bottom-box .section1-bottom-icon  {
    display: flex;
    overflow: hidden;
    width: 1.66666666vw;
    height: 1.66666666vw;
    margin: 0 0 0 0.83333333vw;
    border-radius: 50%;
}
.xmage-2026-box .xmage-2026 .section1-bottom-box .section1-bottom-icon svg {
    width: 100%;
    height: 100%;
}
@media screen and (max-aspect-ratio:136/100) {
    .xmage-2026-box .xmage-2026 .section1-bottom {
        bottom: 8.055555555vw;
    }
    .xmage-2026-box .xmage-2026 .section1-bottom-box {
        padding: 3.33333333vw 3.33333333vw 3.33333333vw 6.66666666vw;
    }
    .xmage-2026-box .xmage-2026 .section1-bottom-box span {
        font-size: 3.88888888vw;
        color: #f5f6f7;
    }
    .xmage-2026-box .xmage-2026 .section1-bottom-box .section1-bottom-icon {
        width: 6.66666666vw;
        height: 6.66666666vw;
        margin: 0 0 0 3.33333333vw;
    }
}
/* video bottom end */



.xmage-2026-box .xmage-2026 .section2 {
    width: 100%;
    position: relative;
    padding: 0 0 15.625vw 0;
}
.xmage-2026-box .xmage-2026 .section2-word {
    width: 34.6875vw;
    padding: 0 0 12.5vw 0;
    margin: 0 auto;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 20vw;
    z-index: 20;
}
.xmage-2026-box .xmage-2026 .section2-word h2 {
    font-weight:500;
    color:#000;
    font-size:4.16666667vw;
    line-height: 1.25;
    text-align: center;
}
.xmage-2026-box .xmage-2026 .section2-text {
    font-weight:500;
    color:#404040;
    font-size:1.14583333vw;
    line-height: 1.6;
    text-align:center;
    margin: 1.25vw 0 0;
}
.xmage-2026-box .xmage-2026 .section2-container {
    width: 100%;
    padding-top: 29vw;
    overflow: hidden;
    position: relative;
}
.xmage-2026-box .xmage-2026 .section2-container::before {
    content: '';
    position: absolute;
    overflow: hidden;
    background: linear-gradient(to top, #FFFBF700, #fff);
    width: 100%;
    height: 15.625vw;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 15;
    pointer-events: none;
}
.xmage-2026-box .xmage-2026 .section2-container::after {
    content: '';
    position: absolute;
    overflow: hidden;
    background: linear-gradient(to bottom, #FFFBF700, #fff);
    width: 100%;
    height: 15.625vw;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 15;
    pointer-events: none;
}
.xmage-2026-box .xmage-2026 .section2-center {
    position: relative;
    height: 65vw;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    animation-fill-mode: forwards;
}
.xmage-2026-box .xmage-2026 .section2-wrapper {
    width: 18.75vw;
    height: 34.375vw;
    z-index: 2;
    transform-style: preserve-3d;
    transform-origin: center center;
    transform: translateZ(-250px);
    perspective: 8000px;
}
.xmage-2026-box .xmage-2026 .section2 .card {
    position: absolute;
    width: 18.75vw;
    height: 34.375vw;
}
/* prev 1~6 */
.xmage-2026-box .xmage-2026 .section2 .card.prev8 {
    transform: rotateY(-221.5403deg) translateZ(44.27083333vw) translateY(-62.5vw);
    transform: rotateY(-221deg) translateZ(41.666666vw) translateY(-53.10416667vw);
    opacity: 0;
    filter: blur(12px);
    transition: 2s linear;
    pointer-events: none;
}
.xmage-2026-box .xmage-2026 .section2 .card.prev7 {
    transform: rotateY(-193.8461deg) translateZ(44.27083333vw) translateY(-54.6875vw);
    transform: rotateY(-193deg) translateZ(41.666666vw) translateY(-46.29166667vw);
    opacity: 0.2;
    filter: blur(9px);
    transition: 2s linear;
    pointer-events: none;
}
.xmage-2026-box .xmage-2026 .section2 .card.prev6 {
    transform: rotateY(-166.1538deg) translateZ(44.27083333vw) translateY(-46.875vw);
    transform: rotateY(-166deg) translateZ(41.666666vw) translateY(-39.47916667vw);
    opacity: 0.3;
    filter: blur(7px);
    transition: 2s linear;
    pointer-events: none;
}
.xmage-2026-box .xmage-2026 .section2 .card.prev5 {
    transform: rotateY(-138.4615deg) translateZ(44.27083333vw) translateY(-39.0625vw);
    transform: rotateY(-138deg) translateZ(41.666666vw) translateY(-32.66666667vw);
    opacity: 0.7;
    filter: blur(5px);
    transition: 2s linear;
    pointer-events: none;
}
.xmage-2026-box .xmage-2026 .section2 .card.prev4 {
    transform: rotateY(-110.7692deg) translateZ(44.27083333vw) translateY(-31.25vw);
    transform: rotateY(-110deg) translateZ(41.666666vw) translateY(-25.85416667vw);
    opacity: 1;
    filter: blur(3px);
    transition: 2s linear;
    pointer-events: none;
}
.xmage-2026-box .xmage-2026 .section2 .card.prev3 {
    transform: rotateY(-83.0769deg) translateZ(44.27083333vw) translateY(-23.4375vw);
    transform: rotateY(-83deg) translateZ(41.666666vw) translateY(-19.04166667vw);
    opacity: 1;
    filter: blur(1px);
    transition: 2s linear;
    pointer-events: none;
}
.xmage-2026-box .xmage-2026 .section2 .card.prev2 {
    transform: rotateY(-55.3846deg) translateZ(44.27083333vw) translateY(-15.625vw);
    transform: rotateY(-55deg) translateZ(41.666666vw) translateY(-12.22916667vw);
    opacity: 1;
    transition: 2s linear;
}
.xmage-2026-box .xmage-2026 .section2 .card.prev1 {
    transform: rotateY(-27.6923deg) translateZ(44.27083333vw) translateY(-7.8125vw);
    transform: rotateY(-27deg) translateZ(41.666666vw) translateY(-5.41666667vw);
    opacity: 1;
    transition: 2s linear;
}
.xmage-2026-box .xmage-2026 .section2 .card {
    opacity: 0;
}
/* on */
.xmage-2026-box .xmage-2026 .section2 .card.on {
    transform: rotateY(0deg) translateZ(44.27083333vw) translateY(0px);
    transform: rotateY(0deg) translateZ(41.666666vw) translateY(0px);
    opacity: 1;
    transition: 2s linear;
}
/* next 8~13 */
.xmage-2026-box .xmage-2026 .section2 .card.next1 {
    transform: rotateY(27.6923deg) translateZ(44.27083333vw) translateY(7.8125vw);
    transform: rotateY(27deg) translateZ(41.666666vw) translateY(5.41666667vw);
    opacity: 1;
    transition: 2s linear;
}
.xmage-2026-box .xmage-2026 .section2 .card.next2 {
    transform: rotateY(55.3846deg) translateZ(44.27083333vw) translateY(15.625vw);
    transform: rotateY(55deg) translateZ(41.666666vw) translateY(12.22916667vw);
    opacity: 1;
    transition: 2s linear;
}
.xmage-2026-box .xmage-2026 .section2 .card.next3 {
    transform: rotateY(83.0769deg) translateZ(44.27083333vw) translateY(23.4375vw);
    transform: rotateY(83deg) translateZ(41.666666vw) translateY(19.04166667vw);
    opacity: 1;
    filter: blur(1px);
    transition: 2s linear;
    pointer-events: none;
}
.xmage-2026-box .xmage-2026 .section2 .card.next4 {
    transform: rotateY(110.7692deg) translateZ(44.27083333vw) translateY(31.25vw);
    transform: rotateY(110deg) translateZ(41.666666vw) translateY(25.85416667vw);
    opacity: 1;
    filter: blur(3px);
    transition: 2s linear;
    pointer-events: none;
}
.xmage-2026-box .xmage-2026 .section2 .card.next5 {
    transform: rotateY(138.4615deg) translateZ(44.27083333vw) translateY(39.0625vw);
    transform: rotateY(138deg) translateZ(41.666666vw) translateY(32.66666667vw);
    opacity: 0.7;
    filter: blur(5px);
    transition: 2s linear;
    pointer-events: none;
}
.xmage-2026-box .xmage-2026 .section2 .card.next6 {
    transform: rotateY(166.1538deg) translateZ(44.27083333vw) translateY(46.875vw);
    transform: rotateY(166deg) translateZ(41.666666vw) translateY(39.47916667vw);
    opacity: 0.3;
    filter: blur(7px);
    transition: 2s linear;
    pointer-events: none;
}
.xmage-2026-box .xmage-2026 .section2 .card.next7 {
    transform: rotateY(193.8461deg) translateZ(44.27083333vw) translateY(54.6875vw);
    transform: rotateY(193deg) translateZ(41.666666vw) translateY(46.29166667vw);
    opacity: 0.2;
    filter: blur(9px);
    transition: 2s linear;
    pointer-events: none;
}
.xmage-2026-box .xmage-2026 .section2 .card.next8 {
    transform: rotateY(221.5403deg) translateZ(44.27083333vw) translateY(62.5vw);
    transform: rotateY(221deg) translateZ(41.666666vw) translateY(53.10416667vw);
    opacity: 0.0;
    filter: blur(12px);
    transition: 2s linear;
    pointer-events: none;
}
.xmage-2026-box .xmage-2026 .section2 .card .card-box {
    position: relative;
    overflow: hidden;
}
@media (hover: hover) and (pointer: fine) {
    .xmage-2026-box .xmage-2026 .section2 .card .card-box-hover:hover {
        cursor: pointer;
    }
}
.xmage-2026-box .xmage-2026 .section2 .card .img {
    /* padding: 1.04166667vw; */
    /* background: linear-gradient(-45deg, rgba(255, 231, 220, 0), rgba(255, 231, 220, 0.7));
    backdrop-filter: blur(1.04166667vw);
    border: 1px solid #fff;
    border-radius: 1.04166667vw; */
}
.xmage-2026-box .xmage-2026 .section2 .card .img .img-box {
    overflow: hidden;
}
.xmage-2026-box .xmage-2026 .section2 .card .img img {
    width: 18.75vw;
    height: 27.08333333vw;
    transition: 0.5s;
    transform: scale(1.01);
}
@media (hover: hover) and (pointer: fine) {
    .xmage-2026-box .xmage-2026 .section2 .card .img img:hover {
        transform: scale(1.05);
    }
}
.xmage-2026-box .xmage-2026 .section2 .card .text {
    padding-top: 1.25vw;
    opacity: 0;
    transition: 2s linear;
}
.xmage-2026-box .xmage-2026 .section2 .card.next2 .text,
.xmage-2026-box .xmage-2026 .section2 .card.next1 .text,
.xmage-2026-box .xmage-2026 .section2 .card.on .text,
.xmage-2026-box .xmage-2026 .section2 .card.prev1 .text,
.xmage-2026-box .xmage-2026 .section2 .card.prev2 .text {
    opacity: 1;
}
.xmage-2026-box .xmage-2026 .section2 .card h2 {
    font-size: 1.14583333vw;
    font-weight: 500;
    color: #000;
    line-height: 1.25;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.xmage-2026-box .xmage-2026 .section2 .card p {
    font-size: 0.9375vw;
    font-weight: 500;
    color: #000;
    line-height: 1.6;
    margin-top: 0.41666667vw;
    opacity: 0.6;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.xmage-2026-box .xmage-2026 .section2 .prev-box,
.xmage-2026-box .xmage-2026 .section2 .next-box {
    position: absolute;
    width: 2.5vw;
    height: 100%;
    z-index: 10;
    top: 0;
    left: 3.33333333vw;
    opacity: 0;
    pointer-events: none;
    z-index: 22;
}
.xmage-2026-box .xmage-2026 .section2 .next-box {
    left: auto;
    right: 3.33333333vw;
}
.xmage-2026-box .xmage-2026 .section2 .prev-botton,
.xmage-2026-box .xmage-2026 .section2 .next-botton {
    width: 2.5vw;
    height: 2.5vw;
    background:rgb(225, 225, 227);
    border-radius: 52.03125vw;
    overflow: hidden;
    transition: 0.3s;
    position: sticky;
    top: 15.625vw;
    margin: 26.04166667vw 0;
    pointer-events: auto;
}
.xmage-2026-box .xmage-2026 .section2 .prev-botton {
    transform: rotate(180deg);
}
.xmage-2026-box .xmage-2026 .section2 .prev-botton svg,
.xmage-2026-box .xmage-2026 .section2 .next-botton svg {
    width: 100%;
    height: 100%;
}
@media (hover: hover) and (pointer: fine) { 
    .xmage-2026-box .xmage-2026 .section2 .prev-botton:hover,
    .xmage-2026-box .xmage-2026 .section2 .next-botton:hover {
        background:rgb(225, 225, 227,0.6);
        cursor: pointer;
    }
}
@media screen and (max-aspect-ratio:136/100) {
    .xmage-2026-box .xmage-2026 .section2 {
        padding: 0 0 41.666666vw 0;
    }
    .xmage-2026-box .xmage-2026 .section2-word {
        width: 74.027777vw;
        top: 9vw;
        padding: 0 0 8.8888888vw 0;
    }
    .xmage-2026-box .xmage-2026 .section2-word h2 {
        font-size:11.111111vw;
    }
    .xmage-2026-box .xmage-2026 .section2-text {
        font-size:3.88888888vw;
        margin: 5.5555555vw 0 0;
    }
    .xmage-2026-box .xmage-2026 .section2-container {
        padding-top: 33vw;
    }
    .xmage-2026-box .xmage-2026 .section2-container::before {
        content: '';
        height: 41.66666666vw;
    }
    .xmage-2026-box .xmage-2026 .section2-container::after {
        content: '';
        height: 41.66666666vw;
    }
    .xmage-2026-box .xmage-2026 .section2-center {
        height: 160vw;
        transform: scale(0.7);
    }
    .xmage-2026-box .xmage-2026 .section2-wrapper {
        width: 41.666666vw;
        height: 83.3333333vw;
    }
    .xmage-2026-box .xmage-2026 .section2 .card {
        width: 41.666666vw;
        height: 83.3333333vw;
    }
    .xmage-2026-box .xmage-2026 .section2 .card.prev8 {
        transform: rotateY(-221deg) translateZ(97.22222vw) translateY(-155.55555vw);
        transform: rotateY(-221deg) translateZ(94.44444vw) translateY(-143.55555vw);
        transition: 2s linear;
    }
    .xmage-2026-box .xmage-2026 .section2 .card.prev7 {
        transform: rotateY(-193deg) translateZ(97.22222vw) translateY(-133.33333vw);
        transform: rotateY(-193deg) translateZ(94.44444vw) translateY(-122.33333vw);
        transition: 2s linear;
    }
    .xmage-2026-box .xmage-2026 .section2 .card.prev6 {
        transform: rotateY(-166deg) translateZ(97.22222vw) translateY(-116.666vw);
        transform: rotateY(-166deg) translateZ(94.44444vw) translateY(-106.666vw);
        transition: 2s linear;
    }
    .xmage-2026-box .xmage-2026 .section2 .card.prev5 {
        transform: rotateY(-138deg) translateZ(97.22222vw) translateY(-97.22222vw);
        transform: rotateY(-138deg) translateZ(94.44444vw) translateY(-88.22222vw);
        transition: 2s linear;
    }
    .xmage-2026-box .xmage-2026 .section2 .card.prev4 {
        transform: rotateY(-110deg) translateZ(97.22222vw) translateY(-77.7777777vw);
        transform: rotateY(-110deg) translateZ(94.44444vw) translateY(-69.7777777vw);
        transition: 2s linear;
    }
    .xmage-2026-box .xmage-2026 .section2 .card.prev3 {
        transform: rotateY(-83deg) translateZ(97.22222vw) translateY(-58.33333vw);
        transform: rotateY(-83deg) translateZ(94.44444vw) translateY(-51.33333vw);
        transition: 2s linear;
    }
    .xmage-2026-box .xmage-2026 .section2 .card.prev2 {
        transform: rotateY(-55deg) translateZ(97.22222vw) translateY(-38.888888vw);
        transform: rotateY(-55deg) translateZ(94.44444vw) translateY(-32.888888vw);
        transition: 2s linear;
    }
    .xmage-2026-box .xmage-2026 .section2 .card.on {
        transform: rotateY(0deg) translateZ(97.22222vw) translateY(0px);
        transform: rotateY(0deg) translateZ(94.44444vw) translateY(0px);
        opacity: 1;
        transition: 2s linear;
    }
    .xmage-2026-box .xmage-2026 .section2 .card.prev1 {
        transform: rotateY(-27deg) translateZ(97.22222vw) translateY(-19.4444444vw);
        transform: rotateY(-27deg) translateZ(94.44444vw) translateY(-14.4444444vw);
        transition: 2s linear;
    }
    .xmage-2026-box .xmage-2026 .section2 .card.next1 {
        transform: rotateY(27deg) translateZ(97.22222vw) translateY(19.4444444vw);
        transform: rotateY(27deg) translateZ(94.44444vw) translateY(14.4444444vw);
        transition: 2s linear;
    }
    .xmage-2026-box .xmage-2026 .section2 .card.next2 {
        transform: rotateY(55deg) translateZ(97.22222vw) translateY(38.888888vw);
        transform: rotateY(55deg) translateZ(94.44444vw) translateY(32.888888vw);
        transition: 2s linear;
    }
    .xmage-2026-box .xmage-2026 .section2 .card.next3 {
        transform: rotateY(83deg) translateZ(97.22222vw) translateY(58.3333vw);
        transform: rotateY(83deg) translateZ(94.44444vw) translateY(51.3333vw);
        transition: 2s linear;
    }
    .xmage-2026-box .xmage-2026 .section2 .card.next4 {
        transform: rotateY(110deg) translateZ(97.22222vw) translateY(77.7777777vw);
        transform: rotateY(110deg) translateZ(94.44444vw) translateY(69.7777777vw);
        transition: 2s linear;
    }
    .xmage-2026-box .xmage-2026 .section2 .card.next5 {
        transform: rotateY(138deg) translateZ(97.22222vw) translateY(97.22222vw);
        transform: rotateY(138deg) translateZ(94.44444vw) translateY(88.22222vw);
        transition: 2s linear;
        /* mix-blend-mode: difference */
    }
    .xmage-2026-box .xmage-2026 .section2 .card.next6 {
        transform: rotateY(166deg) translateZ(97.22222vw) translateY(116.666vw);
        transform: rotateY(166deg) translateZ(94.44444vw) translateY(106.666vw);
        transition: 2s linear;
    }
    .xmage-2026-box .xmage-2026 .section2 .card.next7 {
        transform: rotateY(193deg) translateZ(97.22222vw) translateY(136.11111vw);
        transform: rotateY(193deg) translateZ(94.44444vw) translateY(122.11111vw);
        transition: 2s linear;
    }
    .xmage-2026-box .xmage-2026 .section2 .card.next8 {
        transform: rotateY(221deg) translateZ(97.22222vw) translateY(155.55555vw);
        transform: rotateY(221deg) translateZ(94.44444vw) translateY(143.55555vw);
        transition: 2s linear;
    }
    .xmage-2026-box .xmage-2026 .section2 .card.prev8{opacity: 0;filter: blur(10px);}
	.xmage-2026-box .xmage-2026 .section2 .card.prev7{opacity: 0.1;filter: blur(5px)}
	.xmage-2026-box .xmage-2026 .section2 .card.prev6{opacity: 0.2;filter: blur(3px)}
	.xmage-2026-box .xmage-2026 .section2 .card.prev5{opacity: 0.3;filter: blur(1px)}
	.xmage-2026-box .xmage-2026 .section2 .card.prev4{opacity: 0.4;filter: blur(0px)}
	.xmage-2026-box .xmage-2026 .section2 .card.prev3{opacity: 0.5;filter: blur(0px)}
	.xmage-2026-box .xmage-2026 .section2 .card.prev2{opacity: 0.6}
	.xmage-2026-box .xmage-2026 .section2 .card.next8{opacity: 0}
	.xmage-2026-box .xmage-2026 .section2 .card.next7{opacity: 0.1;filter: blur(10px)}
	.xmage-2026-box .xmage-2026 .section2 .card.next6{opacity: 0.2;filter: blur(5px)}
	.xmage-2026-box .xmage-2026 .section2 .card.next5{opacity: 0.3;filter: blur(3px)}
	.xmage-2026-box .xmage-2026 .section2 .card.next4{opacity: 0.4;filter: blur(1px)}
	.xmage-2026-box .xmage-2026 .section2 .card.next3{opacity: 0.5;filter: blur(0px)}
	.xmage-2026-box .xmage-2026 .section2 .card.next2{opacity: 0.6}
    .xmage-2026-box .xmage-2026 .section2 .card .card-box {
        /* padding: 0 1.6666666vw; */
    }
    .xmage-2026-box .xmage-2026 .section2 .card .img {
        /* padding: 1.6666666vw; */
        border-radius: 2.7777vw;
    }
    .xmage-2026-box .xmage-2026 .section2 .card .img img {
        width: 41.666666vw;
        height: 55.55555555vw;
    }
    .xmage-2026-box .xmage-2026 .section2 .card .text {
        padding: 4.4444444vw 0 0;
    }
    .xmage-2026-box .xmage-2026 .section2 .card.next2 .text,
    .xmage-2026-box .xmage-2026 .section2 .card.prev2 .text {
        opacity: 0;
    }
    .xmage-2026-box .xmage-2026 .section2 .card.next1 .text,
    .xmage-2026-box .xmage-2026 .section2 .card.on .text,
    .xmage-2026-box .xmage-2026 .section2 .card.prev1 .text {
        opacity: 1;
    }
    .xmage-2026-box .xmage-2026 .section2 .card h2 {
        font-size: 4.4444444vw;
        font-weight: 700;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: initial;
    }
    .xmage-2026-box .xmage-2026 .section2 .card p {
        font-size: 3.6111111vw;
        margin-top:1.666666vw;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: initial;
    }
    .xmage-2026-box .xmage-2026 .section2 .prev-box,
    .xmage-2026-box .xmage-2026 .section2 .next-box {
        position: absolute;
        width: 11.111111vw;
        height: 11.111111vw;
        top: auto;
        bottom: 60vw;
        left: 36.1111111vw;
    }
    .xmage-2026-box .xmage-2026 .section2 .next-box {
        left: auto;
        right: 36.1111111vw;
        top: auto;
    }
    .xmage-2026-box .xmage-2026 .section2 .prev-botton,
    .xmage-2026-box .xmage-2026 .section2 .next-botton {
        width: 11.111111vw;
        height: 11.111111vw;
        margin: 0;
        top: 0;
    }
}


/* popup-start */
html.xmage-discovery-popup-open {
    overflow: hidden !important
}

html.xmage-discovery-popup-open body {
    padding-right: var(--scrollbar-padding-value)
}
.xmage-2026-box .xmage-2026 .screen-popup {
    overflow: auto;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 169;
    opacity: 0;
    pointer-events: none;
    background: rgba(0, 0, 0, .8);
    transition: opacity ease .4s;
}
.xmage-2026-box .xmage-2026 .screen-popup.is-open {
    opacity: 1;
    pointer-events: all;
    z-index: 179
}
.xmage-2026-box .xmage-2026 .popup-container {
    position: relative;
    width: 100%;
    min-height: 100%;
    padding: 0 4.16666667vw;
    z-index: 108;
    display: flex;
    justify-content: center;
    align-items: center
}
.xmage-2026-box .xmage-2026 .popup-wrap {
    width: 47.91666667vw;
    margin: 3.125vw auto;
}
.xmage-2026-box .xmage-2026 .popup-close-btn {
    cursor: pointer;
    position: sticky;
    top: 0px;
    width: 2.08333333vw;
    height: 2.08333333vw;
    z-index: 109;
    margin-inline-start: auto;
    backdrop-filter: blur(34px);
    transform: translate(-1.25vw, 1.25vw);
    transition: background-color ease .3s;
    border-radius: 50%;
    background: rgba(138, 138, 138, .2);
    overflow: hidden;
    margin-bottom: -2.08333333vw;
}
.xmage-2026-box .xmage-2026 .popup-close-btn svg {
    pointer-events: none;
    width: 100%;
    height: 100%
}
@media(any-hover: hover)and (pointer: fine) {
    .xmage-2026-box .xmage-2026 .popup-close-btn:hover {
        background-color: rgba(138, 138, 138, .4)
    }
}
.xmage-2026-box .xmage-2026 .popup-item {
    border-radius: 1.25vw;
    position: relative;
    display: none;
    overflow: hidden;
    display: flex;
    justify-content: flex-start
}
.xmage-2026-box .xmage-2026 .popup-media {
    position: relative;
    width: 50%;
    flex-shrink: 0;
    background: #d3d5d6;
    background: transparent;
    overflow: hidden;
}
.xmage-2026-box .xmage-2026 .popup-media::before {
    content: "";
    display: block;
    padding-top: 124.7826086957%
}
.xmage-2026-box .xmage-2026 .popup-media.is-video::before {
    padding-top: 177.8260869565%
}
.xmage-2026-box .xmage-2026 .popup-media .popup-img,
.xmage-2026-box .xmage-2026 .popup-media .popup-video {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}
.xmage-2026-box .xmage-2026 .popup-content {
    width: 50%;
    height: auto;
    padding: 3.33333333vw 2.08333333vw;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-direction: column;
    backdrop-filter: blur(100px);
    background: hsla(0, 0%, 100%, .8)
}
.xmage-2026-box .xmage-2026 .popup-intro {
    color: #000;
    font-size: 1.45833333vw;
    font-weight: 700;
    line-height: 125%
}
.xmage-2026-box .xmage-2026 .popup-intro+.label-links {
    margin-top: 1.66666667vw;
}
.xmage-2026-box .xmage-2026 .label-links {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 0.83333333vw;
    width: 100%
}
.xmage-2026-box .xmage-2026 .label-link {
    position: relative;
    padding: 0.46875vw 0.83333333vw;
    border-radius: 4.79166667vw;
    background-color: hsla(0, 0%, 100%, .3);
    color: #333;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: background-color ease .3s;
    max-width: 100%
}
@media(any-hover: hover)and (pointer: fine) {
    .xmage-2026-box .xmage-2026 .label-link:hover {
        background-color: hsla(0, 0%, 100%, .7)
    }
    .xmage-2026-box .xmage-2026 .label-link:hover::after {
        transform: translateX(0.20833333vw)
    }
}
.xmage-2026-box .xmage-2026 .label-link::after {
    content: "";
    display: inline-flex;
    position: relative;
    margin-left: 0.20833333vw;
    flex-shrink: 0;
    transition: transform .6s ease, border-color .3s ease;
    box-sizing: border-box;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
    width: 0.26041667vw;
    height: 0.83333333vw;
    background-color: currentColor;
    -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgNSAxNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgd2lkdGg9IjUuMDAwMDAwIiBoZWlnaHQ9IjE2LjAwMDAwMCIgZmlsbD0ibm9uZSI+Cgk8cmVjdCB3aWR0aD0iNS4wMDAwMDAiIGhlaWdodD0iMTYuMDAwMDAwIiB4PSIwLjAwMDAwMCIgeT0iMC4wMDAwMDAiIGZpbGw9InJnYigyNTUsMjU1LDI1NSkiIGZpbGwtb3BhY2l0eT0iMCIgLz4KCTxwYXRoIGQ9Ik0wLjE5MzM1OSA1LjExMTgyTDMuMTI3NjkgOC4wNDQ4OEwwLjE5MzExNSAxMC45NzgyQy0wLjA2NDIwOSAxMS4yMzU0IC0wLjA2Mzk2NDggMTEuNjM5OCAwLjE5MzM1OSAxMS44OTdDMC40NTA2ODQgMTIuMTU0MiAwLjg1NDk4IDEyLjE1NDIgMS4xMTIzIDExLjg5N0w0LjUwNjM1IDguNTA0NEM0LjYzMzMgOC4zNzc1IDQuNjk3MDIgOC4yMjQ0OSA0LjY5NzAyIDguMDQ0ODhDNC42OTY3OCA3Ljg2NTUxIDQuNjMzNTQgNy43MTI1IDQuNTA2NTkgNy41ODU2TDEuMTEyNTUgNC4xOTMwM0MwLjg1NDk4IDMuOTM1NTcgMC40NTA2ODQgMy45MzU1NyAwLjE5MzExNSA0LjE5MzAzQy0wLjA2NDIwOSA0LjQ1MDI0IC0wLjA2NDIwOSA0Ljg1NDM3IDAuMTkzMzU5IDUuMTExODJaIiBmaWxsPSJyZ2IoMCwwLDApIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIC8+Cjwvc3ZnPgo=);
    mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgNSAxNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgd2lkdGg9IjUuMDAwMDAwIiBoZWlnaHQ9IjE2LjAwMDAwMCIgZmlsbD0ibm9uZSI+Cgk8cmVjdCB3aWR0aD0iNS4wMDAwMDAiIGhlaWdodD0iMTYuMDAwMDAwIiB4PSIwLjAwMDAwMCIgeT0iMC4wMDAwMDAiIGZpbGw9InJnYigyNTUsMjU1LDI1NSkiIGZpbGwtb3BhY2l0eT0iMCIgLz4KCTxwYXRoIGQ9Ik0wLjE5MzM1OSA1LjExMTgyTDMuMTI3NjkgOC4wNDQ4OEwwLjE5MzExNSAxMC45NzgyQy0wLjA2NDIwOSAxMS4yMzU0IC0wLjA2Mzk2NDggMTEuNjM5OCAwLjE5MzM1OSAxMS44OTdDMC40NTA2ODQgMTIuMTU0MiAwLjg1NDk4IDEyLjE1NDIgMS4xMTIzIDExLjg5N0w0LjUwNjM1IDguNTA0NEM0LjYzMzMgOC4zNzc1IDQuNjk3MDIgOC4yMjQ0OSA0LjY5NzAyIDguMDQ0ODhDNC42OTY3OCA3Ljg2NTUxIDQuNjMzNTQgNy43MTI1IDQuNTA2NTkgNy41ODU2TDEuMTEyNTUgNC4xOTMwM0MwLjg1NDk4IDMuOTM1NTcgMC40NTA2ODQgMy45MzU1NyAwLjE5MzExNSA0LjE5MzAzQy0wLjA2NDIwOSA0LjQ1MDI0IC0wLjA2NDIwOSA0Ljg1NDM3IDAuMTkzMzU5IDUuMTExODJaIiBmaWxsPSJyZ2IoMCwwLDApIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIC8+Cjwvc3ZnPgo=)
}
.xmage-2026-box .xmage-2026 .link-text {
    color: #333;
    font-size: 0.625vw;
    font-weight: 400;
    line-height: 0.72916667vw;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}
.xmage-2026-box .xmage-2026 .share-links {
    margin-top: 3.33333333vw;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
    font-size: 0;
    gap: 1.04166667vw;
}
.xmage-2026-box .xmage-2026 .share-link {
    position: relative;
    backdrop-filter: blur(100px);
    background: rgba(241, 242, 245, .7);
    transition: background-color ease .3s;
    border-radius: 50%;
    width: 2.08333333vw;
    height: 2.08333333vw;
    padding: 0.41666667vw;
    font-size: 0;
    line-height: 0
}
.xmage-2026-box .xmage-2026 .share-link svg,
.xmage-2026-box .xmage-2026 .share-link img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}
@media(any-hover: hover)and (pointer: fine) {
    .xmage-2026-box .xmage-2026 .share-link:hover {
        background: hsla(0, 0%, 100%, .7)
    }
}
@media screen and (max-aspect-ratio:136/100) {
    .xmage-2026-box .xmage-2026 .popup-container {
        padding: 0 4.4444444vw;
    }
    .xmage-2026-box .xmage-2026 .popup-wrap {
        width: 91.1111111vw;
        margin: 11.1111111vw auto
    }
    .xmage-2026-box .xmage-2026 .popup-close-btn {
        width: 8.88888888vw;
        height: 8.88888888vw;
        transform: translate(-4.444444vw, 4.444444vw);
        margin-bottom: -8.88888888vw;
    }
    .xmage-2026-box .xmage-2026 .popup-close-btn svg path {
        stroke: #fff
    }
    .xmage-2026-box .xmage-2026 .popup-item {
        border-radius: 6.66666666vw;
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start
    }
    .xmage-2026-box .xmage-2026 .popup-media {
        width: 100%
    }
    .xmage-2026-box .xmage-2026 .popup-media::before {
        padding-top: 124.6951219512%
    }
    .xmage-2026-box .xmage-2026 .popup-media.is-video::before {
        padding-top: 169.512195122%
    }
    .xmage-2026-box .xmage-2026 .popup-content {
        width: 100%;
        padding: 5.555555vw 5.555555vw 8.88888888vw;
    }
    .xmage-2026-box .xmage-2026 .popup-intro {
        font-size: 4.44444444vw;
    }
    .xmage-2026-box .xmage-2026 .popup-intro+.label-links {
        margin-top: 5.555555vw;
    }
    .xmage-2026-box .xmage-2026 .label-links {
        gap: 3.33333333vw;
    }
    .xmage-2026-box .xmage-2026 .label-link {
        padding: 2.5vw 4.4444444vw;
        border-radius: 25vw;
    }
    .xmage-2026-box .xmage-2026 .label-link::after {
        margin-left: 1.1111111vw;
        width: 1.38888888vw;
        height: 4.4444444vw;
    }
    .xmage-2026-box .xmage-2026 .link-text {
        font-size: 3.333333vw;
        line-height: 3.88888888vw;
    }
    .xmage-2026-box .xmage-2026 .share-links {
        margin-top: 7.777777vw;
        gap: 3.33333vw;
    }
    .xmage-2026-box .xmage-2026 .share-link {
        width: 8.88888888vw;
        height: 8.88888888vw;
        padding: 2.22222222vw;
    }
}
/* popup-end */


/* sec3 */
.xmage-2026-box .xmage-2026 .section-black {
    background: black;
}
.xmage-2026-box .xmage-2026 .section3 {
    width: 100%;
    position: relative;
    padding: 0 0 10.41666667vw 0;
}
.xmage-2026-box .xmage-2026 .section3-center {
    position: relative;
    height: 400vh;
}
.xmage-2026-box .xmage-2026 .section3-sticky {
    position: sticky;
    top: 0;
    overflow: hidden;
}
.xmage-2026-box .xmage-2026 .section3-canvas {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100vw;
    height: 100vh;
    overflow: hidden;
    position: relative;
}
.xmage-2026-box .xmage-2026 .section3-canvas-box {
    width: 100vw;
    aspect-ratio: 16 / 9;
    flex-shrink: 0;
    position: relative;
}
.xmage-2026-box .xmage-2026 .section3-frame {
    display: block;
    width: 100%;
    height:100%;
}
@media screen and (max-aspect-ratio:16/9) and (min-aspect-ratio:136/100) {
    .xmage-2026-box .xmage-2026 .section3-canvas-box {
        width: auto;
        height: 100vh;
    }
}
.xmage-2026-box .xmage-2026 .section3-word {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    z-index: 10;
}
.xmage-2026-box .xmage-2026 .section3-logo {
    width: 29.53125vw;
    opacity: 0;
    transform: translateY(6vw) scale(2.5);
}
.xmage-2026-box .xmage-2026 .section3-logo svg {
    height: auto;
    width: 100%;
}
.xmage-2026-box .xmage-2026 .section3-text {
    width: 47.91666667vw;
    margin-top: 2.08333333vw;
    margin-bottom: 2.91666667vw;
    color:#ffffff;
    font-size:1.14583333vw;
    line-height: 1.6;
    font-weight: 400;
    text-align:center;
    opacity: 0.6;
    transform: translateY(6.25vw);
    opacity: 0;
}
.xmage-2026-box .xmage-2026 .section3-video,
.xmage-2026-box .xmage-2026 .section3-mask {
    display: none;
}
@media screen and (max-aspect-ratio:136/100) {
    .xmage-2026-box .xmage-2026 .section3 {
        padding: 0 0 27.77777777vw 0;
    }
    .xmage-2026-box .xmage-2026 .section3-center {
        height: auto;
    }
    .xmage-2026-box .xmage-2026 .section3-sticky {
        position: static;
        top: initial;
    }
    .xmage-2026-box .xmage-2026 .section3-canvas {
        width: auto;
        height: auto;
    }
    .xmage-2026-box .xmage-2026 .section3-canvas-box {
        width: 100%;
        aspect-ratio: 75 / 100;
    }
    .xmage-2026-box .xmage-2026 .section3-frame {
        display: none;
    }
    .xmage-2026-box .xmage-2026 .section3-logo {
        width: 63.33333vw;
        transform: none;
        opacity: 1;
    }
    .xmage-2026-box .xmage-2026 .section3-text {
        width: 70vw;
        margin-top: 4.4444444vw;
        margin-bottom: 7.77777777vw;
        font-size:3.88888888vw;
        transform: none;
        opacity: 0.6;
    }
    .xmage-2026-box .xmage-2026 .section3-video {
        display: block;
    }
    .xmage-2026-box .xmage-2026 .section3-mask {
        display: block;
        width: 100%;
        height: 100%;
        background:#030f18;
        opacity: 0.63;
        /* opacity: 0; */
        position: absolute;
        left: 0;
        top: 0;
        z-index: 5;
    }
}
/* bottom */
.xmage-2026-box .xmage-2026 .section3-bottom {
    display: flex;
    justify-content: center;
    transform: translateY(8.3333333333vw);
    opacity: 0;
}
.xmage-2026-box .xmage-2026 .section3-bottom-box {
    display: flex;
    align-items: center;
    padding: 0.83333333vw 0.83333333vw 0.83333333vw 1.66666666vw;
    background: rgba(225, 225, 227, 1);
    border-radius: 52.03125vw;
    transition: 0.3s ease;
}
.xmage-2026-box .xmage-2026 .section3-bottom-box.black {
    background: rgba(0, 0, 0, 0.2);
}
@media (hover: hover) and (pointer: fine) { 
    .xmage-2026-box .xmage-2026 .section3-bottom-box:hover {
        background: rgba(225, 225, 227, 0.6);
        cursor: pointer;
    }
    .xmage-2026-box .xmage-2026 .section3-bottom-box.black:hover {
        background: rgba(0, 0, 0, 0.12);
        cursor: pointer;
    }
}
.xmage-2026-box .xmage-2026 .section3-bottom-box span {
    color: #000;
    font-size: 0.9375vw;
    font-weight: 500;
    line-height: 1.6;
}
.xmage-2026-box .xmage-2026 .section3-bottom-box.black span {
    color: #fff;
}
.xmage-2026-box .xmage-2026 .section3-bottom-box .section3-bottom-icon  {
    display: flex;
    overflow: hidden;
    width: 1.66666666vw;
    height: 1.66666666vw;
    margin: 0 0 0 0.83333333vw;
    border-radius: 50%;
}
.xmage-2026-box .xmage-2026 .section3-bottom-box .section3-bottom-icon svg {
    width: 100%;
    height: 100%;
}
@media screen and (max-aspect-ratio:136/100) {
    .xmage-2026-box .xmage-2026 .section3-bottom {
        transform: none;
        opacity: 1;
    }
    .xmage-2026-box .xmage-2026 .section3-bottom-box {
        padding: 3.33333333vw 3.33333333vw 3.33333333vw 6.66666666vw;
    }
    .xmage-2026-box .xmage-2026 .section3-bottom-box span {
        font-size: 3.88888888vw;
    }
    .xmage-2026-box .xmage-2026 .section3-bottom-box .section3-bottom-icon {
        width: 6.66666666vw;
        height: 6.66666666vw;
        margin: 0 0 0 3.33333333vw;
    }
}
/* bottom */

.xmage-2026-box .xmage-2026 .gradient {
    background-image: linear-gradient(122deg, #ffeccc 0%, #aa7a4f 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    text-fill-color: transparent;
    display: inline-block;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
    transform: translate3d(0, 0, 0);
}
/* section4 */
.xmage-2026-box .xmage-2026 .section4 {
    padding: 0 0 10.41666667vw 0;
    width: 100%;
}
.xmage-2026-box .xmage-2026 .section4-center {
    width: 74.16666667vw;
    margin: 0 auto;
}
.xmage-2026-box .xmage-2026 .section4-word {
    text-align: center;
}
.xmage-2026-box .xmage-2026 .section4-tip {
    font-weight:500;
    color:#fff;
    font-size:1.66666667vw;
    line-height: 1.25;
}
.xmage-2026-box .xmage-2026 .section4-logo {
    width: 27.23958333vw;
    margin: 1.66666667vw auto 0;
}
.xmage-2026-box .xmage-2026 .section4-text {
    font-weight:500;
    color:#C3C3C3;
    font-size:1.14583333vw;
    line-height: 1.6;
    margin: 1.66666667vw auto 0;
}
.xmage-2026-box .xmage-2026 .section4-ul {
    display: flex;
    justify-content: space-between;
    margin-top: 4.16666667vw;
}
.xmage-2026-box .xmage-2026 .section4-li {
    width: 36.45833333vw;
    padding: 4.89583333vw 5.20833333vw;
    background:#1a1a1a;
    text-align: center;
    position: relative;
    clip-path: inset(1px);
}
.xmage-2026-box .xmage-2026 .section4-li::after {
    width:0.98958333vw;
    height:1.35416667vw;
    background:#000000;
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    clip-path: polygon(0% 0%, 100% 0%, 0% 100%);
    z-index: 10;
}
.xmage-2026-box .xmage-2026 .section4-li-tip {
    font-weight:500;
    color:#fdd899;
    font-size:2.08333333vw;
    line-height: 1.25;
    display: flex;
    align-items: center;
    justify-content: center;
}
.xmage-2026-box .xmage-2026 .section4-li-tip span {
    display: inline-block;
    margin: -0.52083333vw -0.3125vw 0 1.04166667vw;
}
.xmage-2026-box .xmage-2026 .section4-li-icon {
    width: 1.40625vw;
}
.xmage-2026-box .xmage-2026 .section4-li-icon:nth-of-type(2) {
    transform: scaleX(-1);
}
.xmage-2026-box .xmage-2026 .section4-li-money {
    font-weight:500;
    color:#c3c3c3;
    font-size:1.25vw;
    line-height: 1.6;
    margin-top: 2.5vw;
}
.xmage-2026-box .xmage-2026 .section4-li-money em {
    color:#fdd899;
    font-style: normal;
}
.xmage-2026-box .xmage-2026 .section4-li-text {
    font-weight:500;
    color:#c3c3c3;
    font-size:1.25vw;
    line-height: 1.6;
    margin-top: 1.25vw;
}
.xmage-2026-box .xmage-2026 .section4-note {
    font-weight:500;
    color:#646566;
    font-size:0.9375vw;
    line-height: 1.6;
    text-align:center;
    margin-top: 2.08333333vw;
}
@media screen and (max-aspect-ratio:136/100) {
    .xmage-2026-box .xmage-2026 .section4 {
        padding: 0 0 27.777777vw 0;
    }
    .xmage-2026-box .xmage-2026 .section4-center {
        width: 91.1111111vw;
    }
    .xmage-2026-box .xmage-2026 .section4-tip {
        font-size:4.44444444vw;
    }
    .xmage-2026-box .xmage-2026 .section4-logo {
        width: 72.63888888vw;
        margin: 4.4444444vw auto 0;
    }
    .xmage-2026-box .xmage-2026 .section4-text {
        font-size:3.333333333vw;
        width: 56vw;
        margin: 4.4444444vw auto 0;
    }
    .xmage-2026-box .xmage-2026 .section4-ul {
        margin-top: 11.1111111vw;
        display: block;
    }
    .xmage-2026-box .xmage-2026 .section4-li {
        width: 100%;
        padding: 11.111111vw 2.77777777vw;
    }
    .xmage-2026-box .xmage-2026 .section4-li:nth-of-type(n + 2) {
        margin-top: 4.444444444vw;
    }
    .xmage-2026-box .xmage-2026 .section4-li::after {
        width:2.6388888vw;
        height:3.611111vw;
    }
    .xmage-2026-box .xmage-2026 .section4-li-tip {
        font-size:6.666666666vw;
    }
    .xmage-2026-box .xmage-2026 .section4-li-tip span {
        margin: -1.1111111vw -1.6666666vw 0 2.2222222vw;
    }
    .xmage-2026-box .xmage-2026 .section4-li-icon {
        width: 4.027777vw;
    }
    .xmage-2026-box .xmage-2026 .section4-li-money {
        font-size:4.444444vw;
        margin-top: 6.666666vw;
    }
    .xmage-2026-box .xmage-2026 .section4-li-text {
        font-size:4.444444vw;
        margin-top: 4.444444vw;
    }
    .xmage-2026-box .xmage-2026 .section4-note {
        font-size:3.333333vw;
        margin-top: 4.4444444vw;
    }
}

/* section5 */
.xmage-2026-box .xmage-2026 .section5 {
    width: 100%;
    position: relative;
    padding: 0 0 10.41666667vw 0;
}
.xmage-2026-box .xmage-2026 .section5-word {
    width: 83.33333333vw;
    margin: 0 auto 3.33333333vw;
}
.xmage-2026-box .xmage-2026 .section5-tittle {
    font-weight:500;
    color:#fdd899;
    font-size:4.16666667vw;
    line-height: 1.25;
    text-align:center;
}
.xmage-2026-box .xmage-2026 .section5-center {
    width: 100%;
    overflow: hidden;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}
.xmage-2026-box .xmage-2026 .section5-video {
    width: 100vw;
    aspect-ratio: 2 / 1;
    flex-shrink: 0;
}
.xmage-2026-box .xmage-2026 .section5-time1 {
    position: absolute;
    left: 32.29166667vw;
    top: 9.2vw;
    width: 5.10416667vw;
    height: 5.10416667vw;
    z-index: 10;
}
.xmage-2026-box .xmage-2026 .section5-time1 .section5-icon {
    width: 100%;
    height: 100%;
    transform: scale(0);
}
.xmage-2026-box .xmage-2026 .section5-time1 .section5-line {
    position: absolute;
    right: 4.73958333vw;
    top: 50%;
    transform: translateY(-50%);
    width: 6.66666667vw;
    height:0px;
    border-top: 2px dashed #ffce71;
    clip-path: inset(0px 0px 0px 100%);
}
.xmage-2026-box .xmage-2026 .section5-time1 .section5-text {
    position: absolute;
    right: 11.66666667vw;
    top: 50%;
    transform: translateY(-50%);
    width: max-content;
    max-width: 10.41666667vw;
    text-align: center;
    font-weight:700;
    color:#ffffff;
    font-size:1.25vw;
    line-height: 1.6;
    opacity: 0;
}
.xmage-2026-box .xmage-2026 .section5-time2 {
    position: absolute;
    top: 26.5vw;
    left: 38.458333vw;
    width: 5.10416667vw;
    height: 5.10416667vw;
    z-index: 10;
}
.xmage-2026-box .xmage-2026 .section5-time2 .section5-icon {
    width: 100%;
    height: 100%;
    transform: scale(0);
}
.xmage-2026-box .xmage-2026 .section5-time2 .section5-line {
    position: absolute;
    bottom: 4.73958333vw;
    left: 50%;
    transform: translateX(-50%);
    width: 0px;
    height:5.83333333vw;
    border-left:2px dashed #919191;
    clip-path: inset(100% 0px 0px 0px);
}
.xmage-2026-box .xmage-2026 .section5-time2 .section5-text {
    position: absolute;
    bottom: 10.72916667vw;
    left: 50%;
    transform: translateX(-50%);
    width: max-content;
    max-width: 10.41666667vw;
    text-align: center;
    font-weight: 700;
    color: #ffffff;
    font-size: 1.25vw;
    line-height: 1.6;
    opacity: 0;
}
.xmage-2026-box .xmage-2026 .section5-time3 {
    position: absolute;
    width: 5.10416667vw;
    height: 5.10416667vw;
    z-index: 10;
    left: 59.16666667vw;
    top: 35.6vw;
}
.xmage-2026-box .xmage-2026 .section5-time3 .section5-icon {
    width: 100%;
    height: 100%;
    transform: scale(0);
}
.xmage-2026-box .xmage-2026 .section5-time3 .section5-line {
    position: absolute;
    bottom: 4.73958333vw;
    left: 50%;
    transform: translateX(-50%);
    width: 0px;
    height:5.83333333vw;
    border-left:2px dashed #919191;
    clip-path: inset(100% 0px 0px 0px);
    /* border-left: 2px solid transparent;
    border-image: repeating-linear-gradient(45deg, #919191, #919191 5px, transparent 5px, transparent 10px) 1; */
}
.xmage-2026-box .xmage-2026 .section5-time3 .section5-text {
    position: absolute;
    bottom: 10.72916667vw;
    left: 50%;
    transform: translateX(-50%);
    width: max-content;
    max-width: 10.41666667vw;
    text-align: center;
    font-weight: 700;
    color: #ffffff;
    font-size: 1.25vw;
    line-height: 1.6;
    opacity: 0;
}
@media screen and (max-aspect-ratio:136/100) {
    .xmage-2026-box .xmage-2026 .section5 {
        padding: 0 0 27.777777vw 0;
    }
    .xmage-2026-box .xmage-2026 .section5-word {
        width: 91.1111111vw;
        margin: 0 auto 17.2222222vw;
    }
    .xmage-2026-box .xmage-2026 .section5-tittle {
        font-size:11.1111111vw;
    }
    .xmage-2026-box .xmage-2026 .section5-center {
        overflow: visible;
        margin-top: 32.7777777vw;
    }
    .xmage-2026-box .xmage-2026 .section5-video {
        height: 111.1111111vw;
        aspect-ratio: 9 / 10;
        overflow: hidden;
    }
    .xmage-2026-box .xmage-2026 .section5-time1 {
        left: 32.29166667vw;
        top: 10.3125vw;
        width: 13.611111vw;
        height: 13.611111vw;
    }
    .xmage-2026-box .xmage-2026 .section5-time1 .section5-line {
        height: 11.6666666vw;
        right: 50%;
        transform: translateX(-50%);
        top: auto;
        bottom: 12.739583vw;
        width: 0px;
        border-left: 2px dashed #ffce71;
        border-top: 0px;
        clip-path: inset(100% 0px 0px 0px);
    }
    .xmage-2026-box .xmage-2026 .section5-time1 .section5-text {
        max-width: 27.777777vw;
        font-size: 3.8888888vw;
        top: auto;
        right: 50%;
        bottom: 24.729167vw;
        transform: translateX(50%);
    }
    .xmage-2026-box .xmage-2026 .section5-time2 {
        top: 56.38888888vw;
        left: 24.444444vw;
        width: 13.611111vw;
        height: 13.611111vw;
    }
    .xmage-2026-box .xmage-2026 .section5-time2 .section5-line {
        bottom: 12.739583vw;
        height: 11.6666666vw;
    }
    .xmage-2026-box .xmage-2026 .section5-time2 .section5-text {
        bottom: 24.729167vw;
        max-width: 27.777777vw;
        font-size: 3.33333333vw;
    }
    .xmage-2026-box .xmage-2026 .section5-time3 {
        width: 13.611111vw;
        height: 13.611111vw;
        left: 68.88888888vw;
        top: 84.861111vw;
    }
    .xmage-2026-box .xmage-2026 .section5-time3 .section5-line {
        bottom: 12.739583vw;
        height: 11.6666666vw;
    }
    .xmage-2026-box .xmage-2026 .section5-time3 .section5-text {
        bottom: 24.729167vw;
        max-width: 27.777777vw;
        font-size: 3.33333333vw;
    }
}




/* sec6 */
.xmage-2026-box .xmage-2026 .section6 {
    width: 100%;
    position: relative;
    overflow: hidden;
    padding-bottom: 6.77083333vw;
}
.xmage-2026-box .xmage-2026 .section6-word {
    width: 46.875vw;
    margin: 0 auto -2.39583333vw;
}
.xmage-2026-box .xmage-2026 .section6-word h2 {
    font-weight:500;
    color:#FDD899;
    font-size:4.16666667vw;
    line-height: 1.25;
    text-align: center;
}
@media screen and (max-aspect-ratio:136/100) {
    .xmage-2026-box .xmage-2026 .section6 {
        padding-bottom: 32.7777777vw;
    }
    .xmage-2026-box .xmage-2026 .section6-word {
        width: 50vw;
        margin: 0 auto;
    }
    .xmage-2026-box .xmage-2026 .section6-word h2 {
        font-size:11.111111vw;
    }
}

.xmage-2026-box .xmage-2026 .xm-ssinGle {
    position: relative;
    padding: 9.0625vw 0 5.20833333vw;
}

.xmage-2026-box .xmage-2026 .xm-ssinGle::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100vw;
    height: 9.0625vw;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.1) 100%);
}

.xmage-2026-box .xmage-2026 .xmswiper-contain::before {
    content: "";
    position: absolute;
    top: 100%;
    left: 0;
    width: 100vw;
    height: 5.9375vw;
    background: linear-gradient(0, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.1) 100%);
    pointer-events: none;
}

.xmage-2026-box .xmage-2026 .xmswiper-contain {
    position: relative;
    display: flex;
    justify-content: center;
    z-index: 10;
}

.xmage-2026-box .xmage-2026 .xmswiper-contain .xmswiper-left,
.xmage-2026-box .xmage-2026 .xmswiper-contain .xmswiper-center,
.xmage-2026-box .xmage-2026 .xmswiper-contain .xmswiper-right {
    flex-shrink: 0;
    perspective: 46.875vw;
    transform-style: preserve-3d;
}

.xmage-2026-box .xmage-2026 .xmswiper-contain .xmswiper-center {
    position: relative;
    padding: 5.20833333vw 0 7.29166666vw;
    background: #000;
    border: 1px solid hwb(0 16% 84%);
    z-index: 10;
}

.xmage-2026-box .xmage-2026 .xmswiper-contain .xminner-center,
.xmage-2026-box .xmage-2026 .xmswiper-contain .xminner-right,
.xmage-2026-box .xmage-2026 .xmswiper-contain .xminner-left {
    overflow: hidden;
    width: 56.25vw;
}

.xmage-2026-box .xmage-2026 .xmswiper-contain .swiper-wrapper {
    transition-timing-function: cubic-bezier(0.46, 0.03, 0.52, 0.96);
    transform-style: preserve-3d;
}

.xmage-2026-box .xmage-2026 .xmswiper-contain .xmswiper-left {
    display: flex;
    transform: translateX(19.27083333vw);
    align-items: center;
}

.xmage-2026-box .xmage-2026 .xmswiper-contain .xmswiper-right {
    display: flex;
    transform: translateX(-19.27083333vw);
    align-items: center;
}

.xmage-2026-box .xmage-2026 .xmswiper-contain .xminner-left {
    position: relative;
    padding: 3.0883333vw 0 4.24083333vw;
    transform-origin: right;
    transform: rotateY(40deg);
    border: 0.05208333vw solid #292929;
    background: #000;
}

.xmage-2026-box .xmage-2026 .xmswiper-contain .xminner-left::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, rgba(255,255,255, 0) 30%, rgba(255,255,255, 0.1) 56%);
}

.xmage-2026-box .xmage-2026 .xmswiper-contain .xminner-right {
    position: relative;
    padding: 3.0883333vw 0 4.24083333vw;
    transform-origin: left;
    transform: rotateY(-40deg);
    border: 0.05208333vw solid #292929;
    background: #000;
}

.xmage-2026-box .xmage-2026 .xmswiper-contain .xminner-right::after {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(-90deg, rgba(255,255,255, 0) 30%, rgba(255,255,255, 0.1) 56%);
}

.xmage-2026-box .xmage-2026 .xmswiper-contain .xmswiper-center .swiper-slide {
    width: 19.6875vw;
    height: 23.125vw;
}

.xmage-2026-box .xmage-2026 .xmswiper-contain .xmswiper-right .swiper-slide,
.xmage-2026-box .xmage-2026 .xmswiper-contain .xmswiper-left .swiper-slide {
    width: 11.66666666vw;
}

.xmage-2026-box .xmage-2026 .xmtxtcon {
    display: flex;
    position: absolute;
    bottom: 1.97916667vw;
    left: 50%;
    width: 62.5vw;
    transform: translateX(-50%);
    z-index: 20;
}

.xmage-2026-box .xmage-2026 .xmtxtcon p {
    flex-shrink: 0;
    width: 100%;
    font-size: 1.04166667vw;
    font-weight: 500;
    line-height: 1.6;
    color: #898989;
    opacity: 0;
    text-align: center;
    transition: opacity 0.3s ease;
}

.xmage-2026-box .xmage-2026 .xmtxtcon p.active {
    position: relative;
    opacity: 1;
    z-index: 99;
    transition-delay: 0.2s;
}

.xmage-2026-box .xmage-2026 .xmtxtcon p:nth-child(2) {
    transform: translateX(-100%);
}

.xmage-2026-box .xmage-2026 .xmtxtcon p:nth-child(3) {
    transform: translateX(-200%);
}

.xmage-2026-box .xmage-2026 .xmtxtcon p:nth-child(4) {
    transform: translateX(-300%);
}

.xmage-2026-box .xmage-2026 .xmtxtcon p:nth-child(5) {
    transform: translateX(-400%);
}

.xmage-2026-box .xmage-2026 .xmtxtcon p:nth-child(6) {
    transform: translateX(-500%);
}

.xmage-2026-box .xmage-2026 .xmtxtcon p:nth-child(7) {
    transform: translateX(-600%);
}

.xmage-2026-box .xmage-2026 .xmtxtcon p:nth-child(8) {
    transform: translateX(-700%);
}

.xmage-2026-box .xmage-2026 .xmtxtcon p:nth-child(9) {
    transform: translateX(-800%);
}

.xmage-2026-box .xmage-2026 .xmtxtcon .xmmat {
    display: inline-flex;
    margin: 0 0 0.625vw 0;
    color: #fff;
    font-size: 1.14583333vw;
    font-weight: 500;
    line-height: 1.25;
} 

.xmage-2026-box .xmage-2026 .xm3dNav {
    display: flex;
    justify-content: center;
    margin: 2.5vw 0;
} 

.xmage-2026-box .xmage-2026 .xm3dNav .xmlarr,
.xmage-2026-box .xmage-2026 .xm3dNav .xmrarr {
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    width: 2.5vw;
    height: 2.5vw;
    border-radius: 50%;
    border: 2px solid rgb(107, 107, 107);
    transition: 0.3s ease;
    cursor: pointer;
}

.xmage-2026-box .xmage-2026 .xm3dNav .xmrarr path,
.xmage-2026-box .xmage-2026 .xm3dNav .xmlarr path {
    transition: 0.3s ease;
}

@media screen and (max-width: 1400px) {
    .xmage-2026-box .xmage-2026 .xm3dNav .xmlarr,
    .xmage-2026-box .xmage-2026 .xm3dNav .xmrarr {
        border-width: 1px;
    }
}

@media (hover: hover) and (pointer: fine)  {
    .xmage-2026-box .xmage-2026 .xm3dNav .xmrarr:hover,
    .xmage-2026-box .xmage-2026 .xm3dNav .xmlarr:hover {
        cursor: pointer;
        border-color: #fff;
    }

    .xmage-2026-box .xmage-2026 .xm3dNav .xmrarr:hover path,
    .xmage-2026-box .xmage-2026 .xm3dNav .xmlarr:hover path {
        fill: #fff;
    }
}

.xmage-2026-box .xmage-2026 .xm3dNav .lscon,
.xmage-2026-box .xmage-2026 .xm3dNav .rscon {
    display: flex;
    width: 0.72916666vw;
    height: 0.72916666vw;
    margin: 0 0 0 -0.20833333vw;
}

.xmage-2026-box .xmage-2026 .xm3dNav .lscon {
    transform: rotate(180deg);
    margin: 0 -0.20833333vw 0 0;
}

.xmage-2026-box .xmage-2026 .xm3dNav .xmnumcon {
    display: flex;
    align-items: center;
    margin: 0 1.25vw;
}

.xmage-2026-box .xmage-2026 .xm3dNav .xmnanum li {
    flex-shrink: 0;
    height: 100%;
    color: rgba(255, 255, 255, 0.5);
    font-size: 1.14583333vw;
    font-weight: 400;
    line-height: 1.6;
    display: flex;
    align-items: center;
}

.xmage-2026-box .xmage-2026 .xm3dNav .xmnumcon span {
    color: rgba(255, 255, 255, 0.5);
    font-size: 1.14583333vw;
    font-weight: 400;
    line-height: 1.6;
}

.xmage-2026-box .xmage-2026 .xm3dNav .xmhide {
    position: relative;
}

.xmage-2026-box .xmage-2026 .xm3dNav .xmhide span {
    opacity: 0;
}

.xmage-2026-box .xmage-2026 .xm3dNav .xmnout {
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
}

.xmage-2026-box .xmage-2026 .xm3dNav .xmnanum {
    display: flex;
    flex-direction: column;
    height: 100%;
    transition: transform 0.8s ease;
}

.xmage-2026-box .xmage-2026 .xm3dNav .xmnanum[data-index="0"] {
    transform: translateY(0);
}

.xmage-2026-box .xmage-2026 .xm3dNav .xmnanum[data-index="1"] {
    transform: translateY(-100%);
}

.xmage-2026-box .xmage-2026 .xm3dNav .xmnanum[data-index="2"] {
    transform: translateY(-200%);
}

.xmage-2026-box .xmage-2026 .xm3dNav .xmnanum[data-index="3"] {
    transform: translateY(-300%);
}

.xmage-2026-box .xmage-2026 .xm3dNav .xmnanum[data-index="4"] {
    transform: translateY(-400%);
}

.xmage-2026-box .xmage-2026 .xm3dNav .xmnanum[data-index="5"] {
    transform: translateY(-500%);
}

.xmage-2026-box .xmage-2026 .xm3dNav .xmnanum[data-index="6"] {
    transform: translateY(-600%);
}

.xmage-2026-box .xmage-2026 .xm3dNav .xmnanum[data-index="7"] {
    transform: translateY(-700%);
}

.xmage-2026-box .xmage-2026 .xm3dNav .xmnanum[data-index="8"] {
    transform: translateY(-800%);
}

@media screen and (max-aspect-ratio: 136 / 100) {
    .xmage-2026-box .xmage-2026 .xm-ssinGle {
        padding: 21.38888888vw 0 0 0;
    }

    .xmage-2026-box .xmage-2026 .xmswiper-contain .xmswiper-left,
    .xmage-2026-box .xmage-2026 .xmswiper-contain .xminner-right {
        display: none;
    }

    .xmage-2026-box .xmage-2026 .xmswiper-contain .xmswiper-center {
        overflow: hidden;
        padding: 13.8888888vw 0 34.1666666vw;
        border: none;
    }

    .xmage-2026-box .xmage-2026 .xmswiper-contain .xmswiper-center .swiper-slide {
        width: 66.66666666vw;
        height: 80.5555555vw;
        opacity: 0.8;
    }

    .xmage-2026-box .xmage-2026 .xmswiper-contain .xminner-center {
        width: 100%;
    }

    .xmage-2026-box .xmage-2026 .xmtxtcon {
        overflow: hidden;
        bottom: auto;
        top: 100vw;
        width: 100%;
    }

    .xmage-2026-box .xmage-2026 .xmtxtcon .xmmat {
        margin: 0 0 2.77777777vw 0;
        font-size: 5vw;
    }

    .xmage-2026-box .xmage-2026 .xmtxtcon p {
        font-size: 4.44444444vw;
    }

    .xmage-2026-box .xmage-2026 .xm3dNav .xmlarr, 
    .xmage-2026-box .xmage-2026 .xm3dNav .xmrarr {
        width: 11.11111111vw;
        height: 11.11111111vw;
        border: 0.41666666vw solid #fff;
    }

    .xmage-2026-box .xmage-2026 .xm3dNav .xmrarr path,
    .xmage-2026-box .xmage-2026 .xm3dNav .xmlarr path {
        fill: #fff;
    }

    .xmage-2026-box .xmage-2026 .xm3dNav .lscon, 
    .xmage-2026-box .xmage-2026 .xm3dNav .rscon {
        width: 4.72222222vw;
        height: 4.72222222vw;
        margin: 0 0 0 -1.38888888vw;
    }

    .xmage-2026-box .xmage-2026 .xm3dNav .lscon {
        margin: 0 -1.38888888vw 0 0;
    }

    .xmage-2026-box .xmage-2026 .xm3dNav .xmnumcon span {
        font-size: 4.44444444vw;
    }

    .xmage-2026-box .xmage-2026 .xm3dNav .xmnanum li {
        font-size: 4.44444444vw;
    }

    .xmage-2026-box .xmage-2026 .xm3dNav {
        margin: 5vw 0 0 0;
    }

    .xmage-2026-box .xmage-2026 .xm3dNav .xmnumcon {
        margin: 0 3.33333333vw;
    }

    .xmage-2026-box .xmage-2026 .xmswiper-contain::before {
        height: 21.38888888vw;
        background: linear-gradient(0, rgba(255, 255, 255, 0) 26%, rgba(255, 255, 255, 0.1) 100%);
        clip-path: none;
    }

    .xmage-2026-box .xmage-2026 .xm-ssinGle::after {
        height: 21.38888888vw;
        clip-path: none;
    }
}

/* sec7 start */

.xmage-2026-box .section7 {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-bottom: 10.41666667vw;
    overflow: hidden;
} 
.xmage-2026-box .xmage-2026 .section7-word {
    width: 46.875vw;
    margin: 0 auto 3.33333333vw;
}
.xmage-2026-box .xmage-2026 .section7-word h2 {
    font-weight:500;
    color:#FDD899;
    font-size:4.16666667vw;
    line-height: 1.25;
    text-align: center;
}
@media screen and (max-aspect-ratio:136/100) {
    .xmage-2026-box .xmage-2026 .section7-word {
        width: 50vw;
        margin: 0 auto 16.666666vw;
    }
    .xmage-2026-box .xmage-2026 .section7-word h2 {
        font-size:11.111111vw;
    }
}
.xmage-2026-box .section7 .commentmat {
    position: relative;
    width: 26.04166666vw;
    margin: 0 auto 3.48958333vw;
    color: #fff;
    color: transparent;
    font-size: 2.5vw;
    font-weight: 500;
    line-height: 1.25;
    text-align: center;
    background-clip: text;
    -webkit-background-clip: text;
    background-image: linear-gradient(180deg, #fce5cb 0%, #c07e4a 100%);
}

.xmage-2026-box .section7 .swiper-wrapper {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    width: 67.5vw;
}

.xmage-2026-box .section7 .swiper-slide {
    display: flex;
    width: auto;
}

.xmage-2026-box .section7 .swiper-slide .cominner:not(:last-child) {
    margin: 0 1.25vw 0 0;
}

.xmage-2026-box .section7 .swiper-slide:nth-child(1) {
    margin: 0 1.25vw 3.3333333333vw 0;
}

.xmage-2026-box .section7 .swiper-slide:nth-child(2) .cominner:nth-child(2) {
    margin: 0;
}

.xmage-2026-box .section7 .cominner {
    position: relative;
    overflow: hidden;
    width: 12.5vw;
    border-radius: 0.83333333vw;
    transform: translate3d(0,5.208333333333333vw,0) rotate(0deg);
    transition: opacity 1.5s linear, transform 1.5s cubic-bezier(0.26,0.67,0.48,0.91);
    opacity: 0;
}

.xmage-2026-box .section7 .cominner2 {
    transition-delay: 0.1s;
}

.xmage-2026-box .section7 .cominner3 {
    transition-delay: 0.2s;
}

.xmage-2026-box .section7 .cominner4 {
    transition-delay: 0.3s;
}

.xmage-2026-box .section7 .cominner5 {
    transition-delay: 0.4s;
}

.xmage-2026-box .section7 .cominner6 {
    transition-delay: 0.5s;
}

.xmage-2026-box .section7 .cominner7 {
    transition-delay: 0.6s;
}

.xmage-2026-box .section7 .cominner8 {
    transition-delay: 0.7s;
}

.xmage-2026-box .section7 .cominner9 {
    transition-delay: 0.8s;
}

.xmage-2026-box .section7.active .cominner {
    transform: translate3d(0,0,0) rotate(0deg);
    opacity: 1;     
} 

.xmage-2026-box .section7 .cominner img {
    border-radius: 0.83333333vw;
}

.xmage-2026-box .section7 .comimtxt {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
    text-align: center;
    z-index: 2;
}

.xmage-2026-box .section7 .comname {
    margin: 1.25vw 0 0.57291666666vw 0;
    color: #fff;
    font-size: 1.14583333vw;
    font-weight: 500;
    line-height: 1.25;
}

.xmage-2026-box .section7 .comdesc {
    color: rgba(255, 255, 255, 0.6);
    font-size: 0.83333333vw;
    font-weight: 400;
    line-height: 1.6;
}

.xmage-2026-box .section7 .cominnim {
    overflow: hidden;
    position: relative;
    border-radius: 0.83333333333vw;
}

.xmage-2026-box .section7 .cominnim>picture {
    overflow: hidden;
    border-radius: 0.88541666666vw;
}

.xmage-2026-box .section7 .comshadow {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;   
    background-color: rgba(0, 0, 0, 0.2);
    transition: opacity 0.6s linear, transform 0.6s cubic-bezier(0.26,0.67,0.48,0.91);
}

.xmage-2026-box .section7 .combotoshadow {
    position: absolute;
    left: -5%;
    bottom: 0px;
    opacity: 90%;
    width: 110%;
    height: 8.4375vw;
    /* transform: translateX(-50%); */
    background: linear-gradient(180deg,rgba(0, 0, 0, 0) 0%,#000000 100%);
    z-index: 10;
}
.xmage-2026-box .section7 .swiper-slide2 .cominner6 {
    display: none;
}
.xmage-2026-box .section7 .swiper-slide3 .cominner6 {
    display: block;
}
/* section 7 mob */
@media screen and (max-aspect-ratio:136/100) {
    .xmage-2026-box .section7 {
        align-items: flex-start;
        padding: 0 0 27.7777777777vw 0;
    }

    .xmage-2026-box .section7 .commentmat {
        width: 55.55555555vw;
        margin: 0 auto 8.05555555vw;
        font-size: 6.66666666vw;
    }

    .xmage-2026-box .section7 .swiper-wrapper {
        justify-content: flex-start;
        flex-wrap: nowrap;
        width: auto;
    }

    .xmage-2026-box .section7 .ommenterswiper {
        width: 91.11111111111vw;
        margin: 0 0 0 8.88888888vw;
    }

    .xmage-2026-box .section7 .swiper-slide {
        flex-direction: column;
        width: 91.11111111111vw;
    }

    .xmage-2026-box .section7 .swiper-slide:nth-child(1) {
        margin: 0;
    }

    .xmage-2026-box .section7 .cominner {
        display: flex;
        width: auto;
    }

    .xmage-2026-box .section7 .cominnim {
        width: 29.16666666vw;
        border-radius: 2.22222222vw;
    }

    .xmage-2026-box .section7 .cominnim>picture {
        border-radius: 2.5vw;
    }

    .xmage-2026-box .section7 .comimtxt {
        position: relative;
        bottom: 0;
        width: auto;
        height: auto;
        margin: 5.55555555vw 0 0 5.55555555vw;
        align-items: flex-start;
        justify-content: flex-start;
        background: none;
        text-align: left;
    }

    .xmage-2026-box .section7 .comname {
        font-size: 4.44444444vw;
        opacity: 1;
    }

    .xmage-2026-box .section7 .comdesc {
        margin: 3.33333333vw 0 0 0;
        font-size: 3.33333333vw;
        opacity: 1;
    }

    .xmage-2026-box .section7 .swiper-slide .cominner:not(:last-child) {
        margin: 0 0 3.33333333vw 0;
    }

    .xmage-2026-box .section7 .commentnav {
        display: flex;
        align-items: center;
        align-self: center;
        margin: 5.55555555vw 0 0 0;
    }

    .xmage-2026-box .section7 .commentnav li {
        overflow: hidden;
        width: 1.38888888vw;
        height: 1.38888888vw;
        background: rgba(255, 255, 255, 0.3);
        border-radius: 2.77777777vw;
        transition: 0.6s ease;
        will-change: transform, width;
    }

    .xmage-2026-box .section7 .commentnav li:not(:last-child) {
        margin: 0 1.38888888vw 0 0;
    }

    .xmage-2026-box .section7 .commentnav li.active {
        width: 5.55555555vw;
        background: #fff;
    }

    .xmage-2026-box .section7 .swiper-slide:nth-child(2) .cominner:nth-child(2) {
        margin: 0 0 3.3333333333vw 0;
    }

    .xmage-2026-box .section7 .cominner {
        opacity: 1;
        transform: translate3d(0,0,0) rotate(0deg);
    }

    .xmage-2026-box .section7 .swiper-slide2 .cominner6 {
        display: flex;
    }

    .xmage-2026-box .section7 .swiper-slide3 .cominner6 {
        display: none;
    }
}



.ximageH .ximage-outn .navul0 li:nth-child(1) a {
    color: #000;
    font-weight: 700;
}
.ximageH .ximage-outn .navul1 li:nth-child(1) a {
    color: #000;
}
@media screen and (max-aspect-ratio:136/100) {
    .ximageH .ximage-outn .navul0 li:nth-child(1) a {
        color: #000;
        font-weight: 700;
    }
    .ximageH .ximage-outn .navul1 li:nth-child(1) a {
        color: #000;
    }
}