@keyframes marquee { 
    0% { transform: translateX(0); } 
    100% { transform: translateX(-50%); }
}


#header_ct{z-index: 10000;}

#ly_web_header_0001_0{top: 0;left: 0;width: 100%;z-index:10; background-color: #fff; transition: all 0.5s ease;} 

/* 顶部广告语 */
#ly_web_header_0001_0 .top_slogan{min-height: 38px; background-color: #000; gap: 0 8px; overflow: hidden;}
#ly_web_header_0001_0 .top_slogan ,
#ly_web_header_0001_0 .top_slogan .title{font-family: "Figtree"; font-size: 14px; line-height: 100%; color: #FBFBFD;}
#ly_web_header_0001_0 .top_slogan a{text-decoration: underline;}
#ly_web_header_0001_0 .top_slogan .countdown-grid,
#ly_web_header_0001_0 .top_slogan .countdown-item{gap: 0 5px;}
#ly_web_header_0001_0 .top_slogan .countdown-grid{margin: 0 5px;}
#ly_web_header_0001_0 .top_slogan .countdown-value{padding: 5px; border-radius: 5px; background-color: #fff; color: var(--color-text-primary); min-width: 26.5px; height: 30px; display: flex; align-items: center; justify-content: center;}
#ly_web_header_0001_0 .top_slogan .swiper{width: 100%; height: 38px;}
#ly_web_header_0001_0 .top_slogan .swiper-slide,
#ly_web_header_0001_0 .marquee-item{width: 100%; line-height: 38px; height: 38px; flex-shrink: 0; white-space: nowrap; display: flex; align-items: center; justify-content: center;}

/* 水平滚动 */
#ly_web_header_0001_0 .notice-swiper{ overflow: hidden; width: 100%;}
#ly_web_header_0001_0 .marquee-container { overflow: hidden; width: 100%;}
#ly_web_header_0001_0 .marquee-content { display: flex; width: max-content;}
#ly_web_header_0001_0 .marquee-item { width: max-content; margin-right: 80px; display: inline-flex; flex-shrink: 0; align-items: center;}
#ly_web_header_0001_0 .marquee-container.paused .marquee-content { animation-play-state: paused !important;}



/* 头部 */
#ly_web_header_0001_0 .header-box{height:48px;padding: 0 1.25%; }
#ly_web_header_0001_0 .logo{width:91px; height: auto;}
#ly_web_header_0001_0 .logo img:nth-child(2){opacity: 0;}

#ly_web_header_0001_0 .hnav .one-nav{height:100%; margin-right: 20px;}
#ly_web_header_0001_0 .hnav .one-nav:last-child{margin-right: 0px;}
#ly_web_header_0001_0 .hnav .one-nav .nav-a{font-family: "Figtree-Bold"; font-size: 14px; line-height: 48px; color: var(--color-text-primary);}

#ly_web_header_0001_0 .hnav .two-nav{height: 0; overflow: hidden; top: 100%; left: 0; z-index:3; background-color: rgba(255, 255, 255, .95); backdrop-filter: blur(48px)}
#ly_web_header_0001_0 .hnav .two-nav .hnavbg{height: auto;}
/* 产品下拉 */
#ly_web_header_0001_0 .hnav .pro-nav{width:100%; top: 86px;}
#ly_web_header_0001_0 .hnav .pro-nav .box{width: 100%; padding: 64px 10.9375%;}
#ly_web_header_0001_0 .hnav .pro-nav .box>div{margin-top: 32px; }
#ly_web_header_0001_0 .hnav .pro-nav .box div:first-child{margin-top: 0; }
#ly_web_header_0001_0 .hnav .pro-nav .box .tnav-a{font-family: "Figtree-Medium"; font-size: 20px; line-height: 100%; color: var(--color-text-secondary);}
#ly_web_header_0001_0 .hnav .pro-nav .box .tnav-a:hover{text-decoration: underline; color: var(--color-text-primary);}

/* 其他下拉 */
#ly_web_header_0001_0 .hnav .other-nav {min-width: 127px; left: 50%; transform: translateX(-50%);}
#ly_web_header_0001_0 .hnav .other-nav .box{padding: 16px;}
#ly_web_header_0001_0 .hnav .other-nav .box .tnav-a{font-family: "Figtree-SemiBold"; font-size: 16px; line-height: 40px; text-align: center; white-space: nowrap;}

/* 右侧 */
#ly_web_header_0001_0 .hright{height:48px;}
#ly_web_header_0001_0 .hright .btn{margin-left: 24px; width: 24px; height: 24px; }
#ly_web_header_0001_0 .hright .btn:first-child{margin-left: 0;}
#ly_web_header_0001_0 .hright .btn .svg{fill: #000;}
#ly_web_header_0001_0 .hright .menu{margin-left: 24px; display:none;width: 24px;height: 24px;}


/* 头部滚动时样式和鼠标移入时样式 */
@media screen and (min-width:751px) {
    /* #ly_web_header_0001_0.none{transform: translate3d(0px,-100%,0);} */
    /* #ly_web_header_0001_0.none{transform: translate3d(0px,-124px,0);} */
    header.pro_none {transform: translate3d(0px,-86px,0);}
    #ly_web_header_0001_0.cur .hright .menu,
    #ly_web_header_0001_0:hover .hright .menu{background-image:url(/module/ly-web/header/0001/images/menu-icon.png);}
    #ly_web_header_0001_0.cur .hright .menu.cur,
    #ly_web_header_0001_0:hover .hright .menu.cur{background-image:url(/module/ly-web/header/0001/images/m_close.png);}
    #ly_web_header_0001_0 .hright .menu.cur{background-image:url(/module/ly-web/header/0001/images/m_close2.png);}	

    /* 透明底 样式 */
    #ly_web_header_0001_0.white{background: transparent;}
    #ly_web_header_0001_0.white .hnav .one-nav .nav-a{color: #fff;}
    #ly_web_header_0001_0.white .hright .btn .svg{fill: #fff;}
    #ly_web_header_0001_0.white .logo img:nth-child(1){opacity: 0;}
    #ly_web_header_0001_0.white .logo img:nth-child(2){opacity: 1;}

    #ly_web_header_0001_0.cur,
    #ly_web_header_0001_0:hover{background:#fff;}
    #ly_web_header_0001_0.white.cur .logo img:nth-child(1),
    #ly_web_header_0001_0.white:hover .logo img:nth-child(1){opacity: 1;}
    #ly_web_header_0001_0.white.cur .logo img:nth-child(2),
    #ly_web_header_0001_0.white:hover .logo img:nth-child(2){opacity: 0;}
    #ly_web_header_0001_0.white.cur .hnav .one-nav .nav-a,
    #ly_web_header_0001_0.white:hover .hnav .one-nav .nav-a{color: #000;}
    #ly_web_header_0001_0.white.cur .hright .btn .svg,
    #ly_web_header_0001_0.white:hover .hright .btn .svg{fill: #000;}
}
@media screen and (max-width: 1440px) {
    #ly_web_header_0001_0 .top_slogan{font-size: 12px;}
    
    /* #ly_web_header_0001_0 .header-box{height: 80px;} */
    #ly_web_header_0001_0 .logo{width: 73px;}
    #ly_web_header_0001_0 .hnav {margin-right: 16px;}
    #ly_web_header_0001_0 .hnav .one-nav .nav-a{font-size: 12px; }
    #ly_web_header_0001_0 .hright .btn{width: 20px; height: 20px; }
    
    /*#ly_web_header_0001_0 .hnav .pro-nav{width:100%; top: 118px;}*/
}
@media (max-width: 1034px) {
    #ly_web_header_0001_0 .header-box{padding: 0 3.25%; }
}
/* 头部移动端 */
#ly_web_header_0001_0_m-nav,#ly_web_header_0001_0_m-header-blank{display: none;}
@media screen and (max-width: 1024px) {
    #ly_web_header_0001_0{background:#fff !important;}
    #ly_web_header_0001_0 .hnav{display:none;}
    
    #ly_web_header_0001_0 .header-box{padding: 0 2.25%; }
    #ly_web_header_0001_0 .header-box,
    #ly_web_header_0001_0 .hright{height: 56px;}
    #ly_web_header_0001_0 .logo img:nth-child(1){opacity: 1 !important;}
    #ly_web_header_0001_0 .logo img:nth-child(2){opacity: 0 !important;}
    #ly_web_header_0001_0 .hright .btn .svg{fill: #000 !important;}
    #ly_web_header_0001_0 .hright .menu{display:block;}

    #ly_web_header_0001_0_m-nav{display: block;width: 36.62%;height: 0;z-index:50;right: 0;right: 0;top: 94px; background: #fff;overflow-y: auto;}
    #ly_web_header_0001_0_m-nav.cur{height: calc(100vh - 94px);}
    
    #ly_web_header_0001_0_m-nav .top{margin-bottom: 8px; width: 100%; height: max-content; }
    #ly_web_header_0001_0_m-nav .top .icon{width: 50px; height: 50px;}

    #ly_web_header_0001_0_m-nav .nav .one-nav{line-height: 54px;  margin: 0 15px;border-bottom: 1px solid rgba(0,0,0,0.2);}
    #ly_web_header_0001_0_m-nav .nav .one-nav .one{cursor:pointer; background: url(/module/ly-web/header/0001/images/head-jt.svg) no-repeat right;}
    #ly_web_header_0001_0_m-nav .nav .one-nav.nobg .one{background: none;}
    #ly_web_header_0001_0_m-nav .nav .one-nav.cur .one{background-image:url(/module/ly-web/header/0001/images/head-jt2.svg);}
    #ly_web_header_0001_0_m-nav .nav .one-nav.cur.nobg .one{background: none;}
    #ly_web_header_0001_0_m-nav .nav .one-nav .one-a{font-family: "Figtree-SemiBold"; font-size: 14px; text-transform: capitalize; color:#333;}
    #ly_web_header_0001_0_m-nav .nav .one-nav .two-nav{width: 100%; padding: 0 25px;}
    #ly_web_header_0001_0_m-nav .nav .one-nav .two-nav .two-a{font-family: "Figtree-SemiBold"; font-size: 12px; line-height: 40px; vertical-align: middle; }
}
/* @media screen and (max-width: 992px) {
    #ly_web_header_0001_0 .hright .btn,
    #ly_web_header_0001_0 .hright .menu{margin-left: .1818rem; width: .1818rem; height: .1818rem; }
    
    #ly_web_header_0001_0 .top_slogan .title,
    #ly_web_header_0001_0_m-nav .nav .one-nav .one-a{font-size: .1061rem;}
    
    #ly_web_header_0001_0_m-nav .nav .one-nav{line-height: .4091rem;}
    #ly_web_header_0001_0_m-nav .nav .one-nav .two-nav .two-a{font-size: .0909rem; line-height: .303rem;}
    
    #ly_web_header_0001_0_m-nav .top .icon{width: .3788rem; height: .3788rem;}
} */
@media screen and (max-width: 768px) {
    
    header.pro_none {transform: translate3d(0px,-72px,0);}

    /*#ly_web_header_0001_0 .top_slogan{min-height: 24px; font-size: 12px; gap: 0 16px;}*/
    /*#ly_web_header_0001_0 .top_slogan .title{font-size: 12px;}*/
    
    #ly_web_header_0001_0 .top_slogan{min-height: 24px; gap: 0 4px;}
    #ly_web_header_0001_0 .top_slogan ,
    #ly_web_header_0001_0 .top_slogan .title{font-size: 12px;}
    #ly_web_header_0001_0 .top_slogan .countdown-value{padding: 3px; min-width: max-content;}
    #ly_web_header_0001_0 .top_slogan .countdown-grid,
    #ly_web_header_0001_0 .top_slogan .countdown-item{gap: 0 3px;}
    #ly_web_header_0001_0 .top_slogan .swiper{height: 24px;}
    #ly_web_header_0001_0 .top_slogan .swiper-slide,
    #ly_web_header_0001_0 .marquee-item{ line-height: 100%; height: 24px;}
    #ly_web_header_0001_0 .top_slogan .swiper[data-mode="horizontal"] .swiper-slide,
    #ly_web_header_0001_0 .marquee-item{margin-right: 40px;}
    #ly_web_header_0001_0 .top_slogan .countdown-value{height: 20px; border-radius: 2px;}
    
    #ly_web_header_0001_0 .header-box,
    #ly_web_header_0001_0 .hright{height: 48px;}

    #ly_web_header_0001_0 .header-box{padding: 0 4.5%; box-shadow: 0px 2px 4px 0px #0000001A;}
    #ly_web_header_0001_0 .hright .btn,
    #ly_web_header_0001_0 .hright .menu{margin-left: 16px; width: 24px; height: 24px; }

    
    #ly_web_header_0001_0_m-nav{top: calc(24px + 48px); width: 100%;}
    #ly_web_header_0001_0_m-nav.cur{height: calc(100vh - 72px);}

    #ly_web_header_0001_0_m-nav .top{padding: 16px 4.5% 0; margin-top: 0;}
    #ly_web_header_0001_0_m-nav .top .icon{width: 40px; height: 40px;}

    #ly_web_header_0001_0_m-nav .nav .one-nav{line-height: 54px; margin: 0 4.5%;}
    #ly_web_header_0001_0_m-nav .nav .one-nav .one{}
    #ly_web_header_0001_0_m-nav .nav .one-nav .one-a{font-size: 16px;}
    #ly_web_header_0001_0_m-nav .nav .one-nav .two-nav .two-a{font-size: 12px; line-height: 40px;}
    
}










.ly_web_footer_0001_0Wrap{padding: 64px 0; background-color: #000;}

#ly_web_footer_0001_0Intro .logo{margin: 0 auto; width: 160px; height: 48px;}

#ly_web_footer_0001_0Top{padding: 40px 0 104px; gap: 0 6.837%;}
#ly_web_footer_0001_0Top .item{width: max-content; max-width: 19.39%;}
#ly_web_footer_0001_0Top .list_item{}
#ly_web_footer_0001_0Top .list_item .title{font-family: "Figtree-SemiBold"; font-size: 12px; line-height: 100%; color: var(--color-text-white);}
#ly_web_footer_0001_0Top .list_item .two_li{margin-top: 16px; font-family: "Figtree-Medium"; font-size: 12px; line-height: 100%;  color: #c1c1c1;}
#ly_web_footer_0001_0Top .contact{gap: 18px 0;}
#ly_web_footer_0001_0Top .contact .li{gap: 0 4px;}
#ly_web_footer_0001_0Top .contact .icon{width: 16px; height: 16px;}
#ly_web_footer_0001_0Top .contact .text{width: calc(100% - 20px);font-family: "Figtree-Medium"; font-size: 12px; line-height: 100%;  color: #c1c1c1;}
#ly_web_footer_0001_0Top .contact .text .dot{display: none;}

#ly_web_footer_0001_0Share{padding-bottom: 24px; gap: 0 12px; border-bottom: 1px solid rgba(123, 126, 134, 1);}
#ly_web_footer_0001_0Share .item{width: 24px; height: 24px;}
#ly_web_footer_0001_0Share .item .svg{width: 24px; height: 24px; fill: #fff;}


#ly_web_footer_0001_0Form{padding-top: 16px;}
#ly_web_footer_0001_0Form .left{gap: 10px 24px; max-width: 30%; flex-wrap: wrap;}
#ly_web_footer_0001_0Form .nav{font-family: "Figtree-Medium"; font-size: 12px; line-height: 100%; color: #C1C1C1; }
#ly_web_footer_0001_0Form .signup{gap: 0 16px;}
#ly_web_footer_0001_0Form .text{font-family: "Figtree-Bold"; font-size: 12px; line-height: 100%; color: var(--color-text-white);}
#ly_web_footer_0001_0Form .form{gap: 0 15px; padding: 2px 2px 2px 8px; min-width: 234px; height: max-content; background-color: var(--color-bg-card); border-radius: 100px;}
#ly_web_footer_0001_0Form .form label{display: block; width: 100%;}
#ly_web_footer_0001_0Form .form .input{width: 100%; height: 100%; padding-right: 8px; font-family: "Figtree-Medium"; font-size: 12px; line-height: 100%; }
#ly_web_footer_0001_0Form .signup .button{background:#000; color: var(--color-text-white); padding: 8px 16px; border-radius:100px; cursor: pointer; font-family: "Figtree-Medium"; font-size: 8px; line-height: 100%; white-space:nowrap; border: 0;}
#ly_web_footer_0001_0Form .world{gap: 0 4px; }
#ly_web_footer_0001_0Form .world span{font-family: "Figtree-Medium"; font-size: 12px; line-height: 100%; color: #C1C1C1;}
#ly_web_footer_0001_0Form .form-tip{left: 10px; top: calc(100% + 8px); z-index: 1;}
#ly_web_footer_0001_0Form .form-error{font-family: Poppins; font-size: 12px; line-height: 100%; color: #F94073;}
#ly_web_footer_0001_0Form .form-success{font-family: Poppins; font-size: 14px; line-height: 100%; color: #20B759;}

#ly_web_footer_0001_0_bottom{padding-top: 32px;}
#ly_web_footer_0001_0_bottom .box{flex-wrap: wrap;}
#ly_web_footer_0001_0_bottom *,
#ly_web_footer_0001_0_bottom a{font-family: "Figtree-Medium"; font-size: 12px; line-height: 100%;  text-align: center; color: #C1C1C1;}

@media (max-width: 1024px) {
    .ly_web_footer_0001_0Wrap .cw980{width: 74.6%;}
    
    #ly_web_footer_0001_0Top{padding: 40px 0 63px; gap: 0 1.837%;}
    #ly_web_footer_0001_0Top .item{width: 23.39%;}
    #ly_web_footer_0001_0Top .list_item .title{font-size: 14px;}
}
/* @media (max-width: 992px) {
    #ly_web_footer_0001_0Top{padding: .303rem 0 .4773rem;}
    #ly_web_footer_0001_0Top .list_item .title{font-size: .1061rem;}
    #ly_web_footer_0001_0Top .list_item .two_li{margin-top: .1212rem; font-size: 12px;}
    
    #ly_web_footer_0001_0Top .contact{gap: .1364rem 0;}
    #ly_web_footer_0001_0Top .contact .li{gap: 0 .0303rem;}
    #ly_web_footer_0001_0Top .contact .icon{width: .1212rem; height: .1212rem;}
    #ly_web_footer_0001_0Top .contact .text{width: calc(100% - .1515rem); font-size: .0909rem; }
    
    #ly_web_footer_0001_0Share{padding-bottom: .1818rem; gap: 0 .0909rem;}
    #ly_web_footer_0001_0Share .item{width: .1818rem; height: .1818rem;}
    #ly_web_footer_0001_0Share .item .svg{width: .1818rem; height: .1818rem; }
    
    #ly_web_footer_0001_0Form{padding-top: .1212rem;}
    #ly_web_footer_0001_0Form .left{gap: 0 .1818rem; }
    #ly_web_footer_0001_0Form .nav{font-size: .0909rem;}
    #ly_web_footer_0001_0Form .signup{gap: 0 .1212rem;}
    #ly_web_footer_0001_0Form .text{ font-size: .0909rem;}
    #ly_web_footer_0001_0Form .form{gap: 0 .1136rem; padding: .0152rem .0152rem .0152rem .0606rem; min-width: 1.7727rem; }
    #ly_web_footer_0001_0Form .form .input{padding-right: .0606rem; font-size: .0909rem;}
    #ly_web_footer_0001_0Form .signup .button{padding: .0606rem .1212rem; font-size: .0606rem; }
    #ly_web_footer_0001_0Form .world{gap: 0 .0303rem; }
    #ly_web_footer_0001_0Form .world span{font-size: .0909rem;}

    #ly_web_footer_0001_0_bottom{padding-top: .2424rem;}
    #ly_web_footer_0001_0_bottom *,
    #ly_web_footer_0001_0_bottom a{font-size: .0909rem;}
} */
@media (max-width: 768px) {
    .ly_web_footer_0001_0Wrap{padding: 48px 0;}
    .ly_web_footer_0001_0Wrap .cw980{width: 76.2%;}

    /* 列表 */
    #ly_web_footer_0001_0Top{padding: 20px 0; gap: 0; flex-wrap: wrap;}
    #ly_web_footer_0001_0Top .item{width: 100%; max-width: initial;}
    #ly_web_footer_0001_0Top .list_item {border-bottom: 1px solid rgba(255, 255, 255, .4); padding-bottom: 20px;}
    #ly_web_footer_0001_0Top .list_item .title{font-size: 14px; padding: 20px 0 0; display: flex; justify-content: space-between; align-items: center;}
    #ly_web_footer_0001_0Top .list_item .title .one-icon{display: block; width: 12px; height: 12px; position: relative;}
    #ly_web_footer_0001_0Top .list_item .title .one-icon i{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 1;}
    #ly_web_footer_0001_0Top .list_item .title .one-icon i:nth-child(1){width: 100%; height: 2px; background-color: #fff; border-radius: 5px; transition: all .5s ease;}
    #ly_web_footer_0001_0Top .list_item .title .one-icon i:nth-child(2){width: 2px; height: 100%; background-color: #fff; border-radius: 5px;}
    #ly_web_footer_0001_0Top .list_item.cur .title .one-icon{transform: rotate(90deg);}
    #ly_web_footer_0001_0Top .list_item.cur .title .one-icon i:nth-child(1){opacity: 0;}
    #ly_web_footer_0001_0Top .list_item .two_list{height: 0; overflow: hidden; transition: all .5s ease-in-out;}
    #ly_web_footer_0001_0Top .list_item .two{padding: 16px 0 0;}
    #ly_web_footer_0001_0Top .list_item .two_li{font-size: 14px !important; line-height: 100% !important; }
    #ly_web_footer_0001_0Top .list_item .two_li:first-child{margin-top: 0;}
    
    /* 分享 */
    #ly_web_footer_0001_0Share{display: none;}
    #ly_web_footer_0001_0Share.mb{margin-top: 28px; padding-bottom: 0; gap: 0 12px; display: flex; border: 0; justify-content: center;}
    #ly_web_footer_0001_0Share .item{width: 32px; height: 32px;}
    #ly_web_footer_0001_0Share .item .svg{width: 73%; height: 73%;}

    /* 表单 */
    #ly_web_footer_0001_0Form.mb{display: block; width: 100%; margin-top: 24px;}
    #ly_web_footer_0001_0Form.pc .signup{display: none;}
    #ly_web_footer_0001_0Form .signup{width: 100%; flex-direction: column;}
    #ly_web_footer_0001_0Form .signup .text{width: 100%; font-size: 12px; text-align: center;}
    #ly_web_footer_0001_0Form .signup .formBox {width: 91.13%;}
    #ly_web_footer_0001_0Form .signup .form{width: 100%; margin-top: 16px; gap: 0 10px; padding: 3px 6px 3px 10px; min-width: initial; justify-content: space-between;}
    #ly_web_footer_0001_0Form .form .input { padding-right: 10px; font-size: 12px;}
    #ly_web_footer_0001_0Form .signup .button { padding: 6.5px 10.5px; font-size: 12px; line-height: 160%;}

    /* 联系 */
    #ly_web_footer_0001_0Top .contact{margin-top: 18px; gap: 12px 0;}
    #ly_web_footer_0001_0Top .contact .li{gap: 0 6px;}
    #ly_web_footer_0001_0Top .contact .icon{width: 18px; height: 18px;}
    #ly_web_footer_0001_0Top .contact .icon img{transform: scale(1.3);}
    #ly_web_footer_0001_0Top .contact .text{width: calc(100% - 18px - 6px); font-size: 14px;}

    #ly_web_footer_0001_0Form.pc{padding-top: 4px; flex-wrap: wrap;}
    #ly_web_footer_0001_0Form .left{gap: 10px; width: 100%; max-width: 100%;}
    #ly_web_footer_0001_0Form .nav{font-size: 12px; line-height: 160%;}

    /* 语言选择 */
    #ly_web_footer_0001_0Form .world{display: none; gap: 0 6px; margin-top: 24px; width: 100%; justify-content: flex-start;}
    #ly_web_footer_0001_0Form .world img{transform: scale(1.4);}
    #ly_web_footer_0001_0Form .world span{font-size: 15px; line-height: 160%;}
    
    #ly_web_footer_0001_0_bottom{padding-top: 27px;}
    #ly_web_footer_0001_0_bottom .box{justify-content: flex-start;}
    #ly_web_footer_0001_0_bottom *,
    #ly_web_footer_0001_0_bottom a{font-size: 12px;}

    #ly_web_footer_0001_0Form .form-error{font-size: 12px;}
    #ly_web_footer_0001_0Form .form-success{font-size: 12px;}
} 
#ly_web_sidebar_0001_1{ bottom: 14.96%; right: 48px; width: 64px; z-index: 100; gap: 40px;}
#ly_web_sidebar_0001_1 .btn{ width: 100%; height: 64px; background: rgba(0, 0, 0, .5); border-radius: 50%; transition: all 0.5s ease;}
#ly_web_sidebar_0001_1 .btn:hover{background: var(--color-primary);}

 #launcher,
.zendesk-messenger-launcher,
iframe[src*="zendesk"][title*="launcher"] {display: none !important; visibility: hidden !important; opacity: 0 !important; pointer-events: none !important;}
iframe[title*="Messaging window"]{z-index: 10000 !important; max-height: 65vh !important; bottom: calc( 14.96% + 104px) !important; right: 120px !important;}

@media (max-width: 1920px) {
    #ly_web_sidebar_0001_1{gap: 30px;}
}
@media (max-width: 1024px) { 
    #ly_web_sidebar_0001_1{width: 40px; gap: 20px; bottom: 8%; right: 40px;}
    #ly_web_sidebar_0001_1 .btn{height: 40px;}
    #ly_web_sidebar_0001_1 .btn img{transform: scale(.7);}
    
    iframe[title*="Messaging window"]{bottom: calc( 8% + 80px) !important; right: 80px !important;}
}
@media (max-width: 992px) { 
    #ly_web_sidebar_0001_1{width: .303rem; gap: .1515rem; bottom: 8%; right: .303rem;}
    #ly_web_sidebar_0001_1 .btn{height: .303rem;}
}
@media (max-width: 768px) { 
    #ly_web_sidebar_0001_1{width: .6rem; gap: .2rem; bottom: 5%; right: .32rem;}
    #ly_web_sidebar_0001_1 .btn{height: .6rem;}
    
    iframe[title*="Messaging window"]{bottom: 0 !important; right: 0 !important; top: inherit !important;}
}
@font-face {
    font-family: Figtree;
    src: url("/module/custom-web/products/swim_x/images/fonts/Figtree-Regular.woff2") format("woff2"),
		url("/module/custom-web/products/swim_x/images/fonts/Figtree-Regular.ttf") format("truetype");
	font-style: normal;
	font-weight: 400;
	font-display: swap;
}
@font-face {
    font-family: Figtree;
    src: url("/module/custom-web/products/swim_x/images/fonts/Figtree-Medium.woff2") format("woff2"),
		url("/module/custom-web/products/swim_x/images/fonts/Figtree-Medium.ttf") format("truetype");
	font-style: normal;
	font-weight: 500;
	font-display: swap;
}
@font-face {
    font-family: Figtree;
    src: url("/module/custom-web/products/swim_x/images/fonts/Figtree-SemiBold.woff2") format("woff2"),
		url("/module/custom-web/products/swim_x/images/fonts/Figtree-SemiBold.ttf") format("truetype");
	font-style: normal;
	font-weight: 600;
	font-display: swap;
}
@font-face {
    font-family: Figtree;
    src: url("/module/custom-web/products/swim_x/images/fonts/Figtree-Bold.woff2") format("woff2"),
		url("/module/custom-web/products/swim_x/images/fonts/Figtree-Bold.ttf") format("truetype");
	font-style: normal;
	font-weight: 700;
	font-display: swap;
}
/* Swim Jet X — 站头占位 + 弹窗（Hero 由 Tailwind 流体类承担，V8.7） */
.swim-page {
	--sf: 1;
	--swim-site-header-h: 73px;
	--swim-subnav-holder-h: 64px;
}

@media (min-width: 768px) {
	.swim-page {
		--sf: min(1, 100vw / 1440);
		/* 常规模块上下留白 · 1920 稿 130px；768–1920 等比缩放 */
		--swim-section-py: clamp(52px, 6.770833333vw, 130px);
	}
}

@media (min-width: 1920px) {
	.swim-page {
		--swim-section-py: 130px;
	}
}

@media (min-width: 768px) {
	.swim-fun-water,
	.swim-pools,
	.swim-endurance,
	#swim-specification.swim-spec,
	.swim-recognition {
		padding-top: var(--swim-section-py);
		padding-bottom: var(--swim-section-py);
	}
}

.swim-page,
.swim-page * {
	font-family: Figtree, sans-serif;
}

/* Hero 全屏铺底，fixed 站头叠在上方；文案顶距由 Tailwind pt-[clamp(38.4px,5vw,96px)] 控制 */
.custom_web_products_swim_x_0Wrap.swim-page {
	padding-bottom: 0 !important;
	margin-top: var(--swim-site-header-h);
}

@supports (height: 100svh) {
	#swim-overview {
		height: calc(100svh - var(--swim-site-header-h)) !important;
		min-height: calc(100svh - var(--swim-site-header-h)) !important;
	}
}

@media (min-width: 768px) {
	/* Hero PC — Watch Intro 图标+下划线链接；Amazon / Buy Now 下一行居中（尺寸不变） */
	#swim-overview .swim-hero__actions {
		flex-direction: column;
		align-items: center;
		justify-content: center;
		gap: clamp(12px, 1.25vw, 24px);
	}

	#swim-overview .swim-hero__cta-row {
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
		align-items: center;
		justify-content: center;
		gap: clamp(16px, 2.083vw, 40px);
		width: 100%;
	}

	#swim-overview .swim-hero__cta-row .swim-hero__cta {
		flex: 0 0 auto;
		white-space: nowrap;
	}

	#swim-overview .swim-hero-video-trigger {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		gap: clamp(8px, 0.833vw, 16px);
		width: auto;
		height: auto;
		min-width: 0;
		border-radius: 0;
		background: transparent;
	}

	#swim-overview .swim-hero-video-trigger__icon {
		width: clamp(16px, 1.042vw, 20px);
		height: clamp(16px, 1.042vw, 20px)!important;
		padding: 4px;
		border-radius: 50%;
		background: #ffffff;
		box-sizing: border-box;
		object-fit: contain;
	}

	#swim-overview .swim-hero-video-trigger__label {
		color: #1d96ff;
		font-size: clamp(8px, 1.04167vw, 20px);
		font-weight: 600;
		line-height: 1;
		text-decoration: underline;
		text-underline-offset: 2px;
	}
}

@media (max-width: 767px) {
	/* Figma 13015:1537 — Hero mobile；文案固定 px；可视高度扣除站头 86px；不含 12962:777 底部错误播放钮 */
	#swim-overview.swim-hero {
		position: relative;
		display: block;
		height: calc(100vh - var(--swim-site-header-h)) !important;
		min-height: calc(100vh - var(--swim-site-header-h)) !important;
		overflow: hidden;
		background: #ffffff;
	}

	#swim-overview .swim-hero__media {
		position: absolute;
		inset: 0;
		z-index: 0;
		width: 100%;
		height: 100%;
	}

	#swim-overview .swim-hero__media-img {
		display: block;
		width: 100% !important;
		height: 100% !important;
		max-width: none !important;
		object-fit: cover;
		object-position: center top;
	}

	#swim-overview .swim-hero__bottom-blur {
		display: block;
		position: absolute;
		left: 0;
		right: 0;
		bottom: 0;
		z-index: 1;
		height: 126px;
		backdrop-filter: blur(5px);
		-webkit-backdrop-filter: blur(5px);
	}

	#swim-overview .swim-hero__content {
		position: absolute !important;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		z-index: 2 !important;
		width: 100%;
		max-width: none;
		height: 100%;
		margin: 0;
		padding: 0 !important;
		pointer-events: none;
	}

	#swim-overview .swim-hero__content a,
	#swim-overview .swim-hero__content button {
		pointer-events: auto;
	}

	#swim-overview #swim-hero-title {
		position: absolute;
		z-index: 2;
		top: 78px;
		left: 50%;
		width: max-content;
		max-width: 100%;
		margin: 0;
		padding: 0 15px;
		box-sizing: border-box;
		font-size: 30px !important;
		font-weight: 600 !important;
		line-height: 1 !important;
		letter-spacing: -0.6px !important;
		text-align: center;
		white-space: nowrap;
		transform: translate(-50%, -50%);
	}

	#swim-overview #swim-hero-title .swim-hero__title-line {
		display: block;
		line-height: 1 !important;
	}

	#swim-overview #swim-hero-title .swim-hero__title-line + .swim-hero__title-line {
		margin-top: 0;
	}

	#swim-overview #swim-hero-subtitle {
		position: absolute;
		z-index: 2;
		top: 120px;
		left: 50%;
		width: max-content;
		max-width: calc(100% - 30px);
		margin: 0 !important;
		padding: 0 15px;
		box-sizing: border-box;
		font-size: 17.5px !important;
		font-weight: 500 !important;
		line-height: 1.2 !important;
		letter-spacing: -0.18px !important;
		text-align: center;
		white-space: nowrap;
		transform: translateX(-50%);
	}

	#swim-overview .swim-hero__actions {
		position: static !important;
		display: block !important;
		width: 100%;
		height: 0;
		margin: 0 !important;
		padding: 0;
		overflow: visible;
	}

	/* Figma 13220:361 — Watch Intro @ top 157px */
	#swim-overview .swim-hero-video-trigger {
		position: absolute;
		z-index: 3;
		top: 157px;
		left: 50%;
		display: inline-flex !important;
		align-items: center;
		justify-content: center;
		gap: 8px;
		width: auto;
		height: auto;
		min-width: 0;
		padding: 0 8px;
		margin: 0;
		border-radius: 0;
		background: transparent;
		transform: translateX(-50%);
	}

	#swim-overview .swim-hero-video-trigger__icon {
		width: 20px !important;
		height: 20px !important;
		padding: 4px;
		border-radius: 50%;
		background: #fff;
		object-fit: contain;

	}

	#swim-overview .swim-hero-video-trigger__label {
		display: inline-block !important;
		color: #1d96ff;
		font-size: 16px !important;
		font-weight: 600 !important;
		line-height: 1 !important;
		letter-spacing: -0.16px !important;
		text-decoration: underline;
		text-underline-offset: 2px;
	}

	/* Figma 13015:1552 Amazon @ top 193px, center -81.5px */
	#swim-overview .swim-hero__cta {
		position: absolute;
		z-index: 3;
		top: 193px;
		box-sizing: border-box;
		display: inline-flex !important;
		align-items: center;
		justify-content: center;
		min-height: 34px !important;
		height: auto;
		width: 148px;
		padding: 8px 24px !important;
		font-size: 14px !important;
		font-weight: 700 !important;
		line-height: 1.2 !important;
		border-radius: 48px;
		white-space: nowrap;
		transform: translateX(-50%);
	}

	#swim-overview .swim-hero__cta--amazon {
		left: calc(50% - 81.5px);
		background: #ffffff !important;
		color: #1d96ff !important;
	}

	/* Figma 13015:1550 Buy Now @ top 193px, center +82.5px */
	#swim-overview .swim-hero__cta--buy {
		left: calc(50% + 82.5px);
		background: #1d96ff !important;
		color: #ffffff !important;
	}

	/* Figma 12971:706 — Fewer Worries 移动端 @375×609 */
	#swim-x-worries.swim-x-worries {
		background: #f5f5f7 !important;
	}

	#swim-x-worries .swim-x-worries__head {
		padding-top: 40px;
	}

	#swim-x-worries #swim-x-worries-title {
		font-size: 24px !important;
		font-weight: 600 !important;
		line-height: 1.1 !important;
		letter-spacing: -0.48px !important;
	}

	#swim-x-worries .swim-x-worries__intro {
		margin-top: 16px !important;
		max-width: 337px !important;
		font-size: 14px !important;
		font-weight: 500 !important;
		line-height: 1.2 !important;
		letter-spacing: -0.14px !important;
		color: #666666 !important;
	}

	#swim-x-worries .swim-x-worries__hero {
		margin-top: 32px !important;
		overflow: visible;
	}

	#swim-x-worries .swim-x-worries__hero-img {
		display: block;
		width: 100% !important;
		height: auto !important;
		max-width: none !important;
		object-fit: unset !important;
		object-position: center;
	}

	#swim-x-worries .swim-x-worries__features {
		margin-top: 10px;
		background: #f5f5f7 !important;
	}

	#swim-x-worries .swim-x-worries__features-inner {
		box-sizing: border-box;
		padding: 0 10px 10px !important;
	}

	#swim-x-worries .swim-x-worries__features-grid {
		gap: 5px;
	}

	#swim-x-worries .swim-x-worries__feature {
		position: relative;
		box-sizing: border-box;
		min-height: 104px;
		padding: 15px 10px 10px !important;
		border-radius: 8px;
		background: #ffffff !important;
	}

	#swim-x-worries .swim-x-worries__icon {
		display: block;
		flex-shrink: 0;
		align-self: flex-start;
		margin: 0 0 8px !important;
		width: auto !important;
		height: auto !important;
		max-width: none !important;
		object-fit: contain;
		object-position: left top;
		transform: none !important;
	}

	#swim-x-worries .swim-x-worries__icon[data-swim-worries-icon='0'] {
		width: 17px !important;
		height: 24px !important;
	}

	#swim-x-worries .swim-x-worries__icon[data-swim-worries-icon='1'] {
		width: 24px !important;
		height: 24px !important;
	}

	#swim-x-worries .swim-x-worries__icon[data-swim-worries-icon='2'] {
		width: 20px !important;
		height: 24px !important;
	}

	#swim-x-worries .swim-x-worries__feature .swim-x-desc {
		font-size: 10px !important;
		font-weight: 400 !important;
		line-height: 1.4 !important;
		letter-spacing: -0.1px !important;
		color: #333333 !important;
	}

	#swim-x-worries .swim-x-worries__feature:nth-child(1) .swim-x-desc {
		max-width: 110px !important;
	}

	#swim-x-worries .swim-x-worries__feature:nth-child(2) .swim-x-desc {
		max-width: 110px !important;
	}

	#swim-x-worries .swim-x-worries__feature:nth-child(3) .swim-x-desc {
		max-width: 110px !important;
	}

}

/* 占位 + Hero 完全滚出视口后 .swim-subnav-holder--reveal 显示；吸顶逻辑见 index.js（源自 M1 subnav） */
.swim-subnav-holder {
	position: relative;
	width: 100%;
	height: 0;
	min-height: 0;
	overflow: hidden;
	visibility: hidden;
	pointer-events: none;
	z-index: 50;
	background: #ffffff;
}

.swim-subnav-holder.swim-subnav-holder--reveal {
	height: var(--swim-subnav-holder-h);
	visibility: visible;
	pointer-events: auto;
	overflow: visible;
}

.swim-subnav {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	z-index: 50;
	width: 100%;
	min-width: 320px;
	height: 64px;
	margin-top: 0;
	padding-left: var(--swim-subnav-pad-x, 16px);
	padding-right: var(--swim-subnav-pad-x, 16px);
	background: #ffffff;
}

.swim-subnav.is-fixed {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	width: 100%;
	z-index: 100;
	box-shadow: 0 1px 0 rgba(0, 0, 0, 0.08);
	transform: translateZ(0);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

#ly_web_header_0001_0.swim-subnav-site-header-hidden {
	opacity: 0 !important;
	visibility: hidden !important;
	pointer-events: none;
	transition: none !important;
}

/* Tailwind CDN preflight 会把全站 svg/img 设为 display:block，破坏站头 .m-pic 图标垂直居中 */
#ly_web_header_0001_0 .m-pic img,
#ly_web_header_0001_0 .m-pic svg {
	display: inline;
	vertical-align: middle;
	max-width: 100%;
	max-height: 100%;
}

.swim-subnav__inner {
	position: relative;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
	gap: 32px;
	box-sizing: border-box;
	width: 100%;
	max-width: 1312px;
	margin: 0 auto;
	height: 64px;
}

.swim-subnav__brand {
	flex-shrink: 0;
	margin: 0;
	color: #333333;
	font-size: 24px;
	font-weight: 600;
	line-height: 24px;
	letter-spacing: -0.96px;
	white-space: nowrap;
}

.swim-subnav__links-scroll {
	flex: 1 1 auto;
	align-self: stretch;
	min-width: 0;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	min-height: 26px;
	overflow-x: auto;
	overflow-y: hidden;
	-webkit-overflow-scrolling: touch;
	scrollbar-width: none;
	-webkit-mask-image: linear-gradient(
		90deg,
		rgba(0, 0, 0, 1) 0px,
		rgba(0, 0, 0, 1) calc(100% - 40px),
		rgba(0, 0, 0, 0) 100%
	);
	mask-image: linear-gradient(
		90deg,
		rgba(0, 0, 0, 1) 0px,
		rgba(0, 0, 0, 1) calc(100% - 40px),
		rgba(0, 0, 0, 0) 100%
	);
	-webkit-mask-size: 100% 100%;
	mask-size: 100% 100%;
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
}

.swim-subnav__links-scroll.swim-subnav__links-scroll--mask-both {
	-webkit-mask-image: linear-gradient(
		90deg,
		rgba(0, 0, 0, 0) 0px,
		rgba(0, 0, 0, 1) 40px,
		rgba(0, 0, 0, 1) calc(100% - 40px),
		rgba(0, 0, 0, 0) 100%
	);
	mask-image: linear-gradient(
		90deg,
		rgba(0, 0, 0, 0) 0px,
		rgba(0, 0, 0, 1) 40px,
		rgba(0, 0, 0, 1) calc(100% - 40px),
		rgba(0, 0, 0, 0) 100%
	);
}

.swim-subnav__links-scroll.swim-subnav__links-scroll--mask-start {
	-webkit-mask-image: linear-gradient(
		90deg,
		rgba(0, 0, 0, 0) 0px,
		rgba(0, 0, 0, 1) 40px,
		rgba(0, 0, 0, 1) 100%
	);
	mask-image: linear-gradient(
		90deg,
		rgba(0, 0, 0, 0) 0px,
		rgba(0, 0, 0, 1) 40px,
		rgba(0, 0, 0, 1) 100%
	);
}

.swim-subnav__links-scroll.swim-subnav__links-scroll--mask-none {
	-webkit-mask-image: none;
	mask-image: none;
}

.swim-subnav__links-scroll::-webkit-scrollbar {
	display: none;
}

.swim-subnav__links {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-items: center;
	justify-content: flex-start;
	gap: 16px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.swim-subnav__item {
	flex-shrink: 0;
}

.swim-subnav__link {
	position: relative;
	display: block;
	padding: 0;
	color: #999999;
	font-size: 16px;
	font-weight: 500;
	line-height: 16px;
	letter-spacing: -0.64px;
	white-space: nowrap;
	text-decoration: none;
	transition: color 160ms ease;
}

.swim-subnav__link:hover {
	color: #333333;
}

.swim-subnav__link.is-active {
	color: #333333;
}

.swim-subnav__link:focus-visible {
	outline: 2px solid #1d96ff;
	outline-offset: 2px;
}

.swim-subnav__link.is-active::after {
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	top: 100%;
	height: 2px;
	border-radius: 1px;
	background: #1d96ff;
	pointer-events: none;
}

.swim-subnav__actions {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-items: center;
	gap: 12px;
	flex-shrink: 0;
}

.swim-subnav__cta {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	margin: 0;
	padding: 16px 32px;
	border: 0;
	border-radius: 100px;
	font-size: 16px;
	font-weight: 600;
	line-height: 16px;
	letter-spacing: -0.64px;
	text-align: center;
	text-decoration: none;
	white-space: nowrap;
	transition: opacity 180ms ease;
}

.swim-subnav__cta--buy {
	background: #1d96ff;
	color: #ffffff;
}

.swim-subnav__cta--amazon {
	background: #ffffff;
	color: #1d96ff;
	box-shadow: inset 0 0 0 1px rgba(29, 150, 255, 0.35);
}

.swim-subnav__cta:hover {
	opacity: 0.88;
}

.swim-subnav__cta:active {
	opacity: 0.8;
}

#swim-overview,
#swim-pmsm-motor,
#swim-fun-water,
#swim-pools,
#swim-endurance,
#swim-specification,
#swim-recognition {
	scroll-margin-top: 150px;
}

.swim-page.swim-subnav-fixed-active #swim-overview,
.swim-page.swim-subnav-fixed-active #swim-pmsm-motor,
.swim-page.swim-subnav-fixed-active #swim-fun-water,
.swim-page.swim-subnav-fixed-active #swim-pools,
.swim-page.swim-subnav-fixed-active #swim-endurance,
.swim-page.swim-subnav-fixed-active #swim-specification,
.swim-page.swim-subnav-fixed-active #swim-recognition {
	scroll-margin-top: 64px;
}

@media (max-width: 767px) {
	.swim-page {
		--swim-subnav-holder-h: 84px;
	}

	.swim-subnav-holder.swim-subnav-holder--reveal {
		background: #ffffff;
	}

	.swim-subnav {
		height: 84px;
		padding-left: 15px;
		padding-right: 15px;
	}

	.swim-subnav.is-fixed {
		box-shadow: 0 1px 0 rgba(0, 0, 0, 0.08);
	}

	.swim-subnav__inner {
		display: grid;
		grid-template-columns: minmax(0, 1fr) auto;
		grid-template-rows: 48px 36px;
		column-gap: 0;
		row-gap: 0;
		align-items: start;
		width: 100%;
		max-width: none;
		height: 84px;
		margin: 0;
	}

	.swim-subnav__brand {
		grid-column: 1;
		grid-row: 1;
		align-self: start;
		margin: 0;
		padding: 16px 0 0;
		max-width: 100%;
		overflow: hidden;
		text-overflow: ellipsis;
		font-size: 16px;
		line-height: 16px;
		letter-spacing: -0.64px;
	}

	.swim-subnav__actions {
		grid-column: 2;
		grid-row: 1;
		align-self: start;
		justify-self: end;
		gap: 8px;
		margin: 9px 0 0;
	}

	.swim-subnav__cta {
		height: 30px;
		font-size: 12px;
		line-height: 14px;
		letter-spacing: 0;
	}

	.swim-subnav__cta--amazon {
		padding: 8px 12px;
	}

	.swim-subnav__cta--buy {
		padding: 8px 16px;
		min-width: 82px;
	}

	.swim-subnav__links-scroll {
		grid-column: 1 / -1;
		grid-row: 2;
		width: calc(100% + 15px);
		height: 36px;
		min-height: 36px;
		margin: 0 -15px 0 0;
		padding: 8px 0 0;
		-webkit-mask-image: linear-gradient(
			90deg,
			#000000 0px,
			#000000 calc(100% - 48px),
			rgba(0, 0, 0, 0) 100%
		);
		mask-image: linear-gradient(
			90deg,
			#000000 0px,
			#000000 calc(100% - 48px),
			rgba(0, 0, 0, 0) 100%
		);
	}

	.swim-subnav__links {
		gap: 12px;
		height: 20px;
		min-height: 20px;
	}

	.swim-subnav__link {
		height: 20px;
		font-size: 14px;
		line-height: 14px;
		letter-spacing: 0;
	}

	.swim-subnav__link.is-active::after {
		top: auto;
		bottom: 0;
		width: 100%;
		height: 2px;
		border-radius: 0;
	}

	.swim-page.swim-subnav-fixed-active #swim-overview,
	.swim-page.swim-subnav-fixed-active #swim-pmsm-motor,
	.swim-page.swim-subnav-fixed-active #swim-fun-water,
	.swim-page.swim-subnav-fixed-active #swim-pools,
	.swim-page.swim-subnav-fixed-active #swim-endurance,
	.swim-page.swim-subnav-fixed-active #swim-specification,
	.swim-page.swim-subnav-fixed-active #swim-recognition {
		scroll-margin-top: 84px;
	}
}

.swim-page img:not(.swim-spec__product):not(.swim-spec__card-bg):not(.swim-spec__spark):not(.swim-recognition__img):not(.swim-recognition__card-icon):not(.swim-pmsm-motor__bg):not(.swim-fun-water__art):not(.swim-fun-water__media):not(.swim-fun-water__icon):not(.swim-fun-water__title-drop):not(.swim-pools__slide-img):not(.swim-pools__nav-icon):not(.swim-endurance__deco):not(.swim-endurance__play-icon):not(.swim-endurance__poster),
.swim-page video {
	max-width: 100%;
}

/* swim_x 页面内装饰性 SVG 图标：宽度可缩放，高度保持比例（奖项图标、标题下划线等有独立尺寸，见下方排除） */
.swim-x-page img[src$='.svg']:not(.swim-recognition__card-icon):not(.swim-x-joy-title-underline),
.swim-x-page img[src*='.svg?']:not(.swim-recognition__card-icon):not(.swim-x-joy-title-underline) {
	height: auto !important;
	max-width: 100%;
	object-fit: contain;
}

/* PMSM Motor：Tailwind 为主；这里仅兜底显示。避免使用 var 乘法，保证浏览器稳定计算。 */
.swim-pmsm-motor {
	display: none;
	position: relative;
	width: 100%;
	overflow: hidden;
	background: #dadde1;
}

/* 双端切图：不依赖 Tailwind hidden/md:block，避免 PC 图被误隐藏 */
.swim-pmsm-motor__bg--mb {
	display: none;
}

.swim-pmsm-motor__bg--pc {
	display: block;
}

@media (max-width: 767px) {
	#swim-pmsm-motor.swim-pmsm-motor {
		display: block;
		background: #dbdbdd;
	}

	#swim-pmsm-motor > .swim-pmsm-motor__bg--mb {
		display: block;
		width: 100%;
		height: auto;
		max-width: none !important;
		position: relative;
		z-index: 0;
	}

	#swim-pmsm-motor > .swim-pmsm-motor__bg--pc {
		display: none;
	}

	/* Figma 13052:3259 — 贴底 294/617，随图高等比 */
	#swim-pmsm-motor > .swim-pmsm-motor__text-bg {
		display: block;
		position: absolute;
		right: 0;
		bottom: 0;
		left: 0;
		z-index: 1;
		height: 47.648%;
		pointer-events: none;
		background: linear-gradient(180deg, rgba(229, 231, 236, 0) 0%, #e5e7ec 8%, #e5e7ec 100%);
	}

	#swim-pmsm-motor > .swim-pmsm-motor__layer {
		position: absolute;
		inset: 0;
		z-index: 2;
		box-sizing: border-box;
		height: 100%;
		padding: 0;
		pointer-events: none;
	}

	/* Figma 12843:1702 — 指标区距画板底固定 50px */
	.swim-pmsm-motor__copy {
		position: absolute;
		top: 58.671%;
		left: 15px;
		right: 15px;
		width: auto;
		max-width: 345px;
		box-sizing: border-box;
	}

	.swim-pmsm-motor__tagline,
	.swim-pmsm-motor__title,
	.swim-pmsm-motor__desc,
	.swim-pmsm-motor__metrics,
	.swim-pmsm-motor__metric {
		position: static;
		right: auto;
		left: auto;
		top: auto;
		margin: 0;
		transform: none;
	}

	.swim-pmsm-motor__tagline {
		color: #333333;
		font-size: 14px !important;
		font-weight: 600 !important;
		line-height: 1.2 !important;
		letter-spacing: -0.28px !important;
		white-space: nowrap;
	}

	.swim-pmsm-motor__title {
		margin-top: 6px;
		color: #000000;
		font-size: 24px !important;
		font-weight: 600 !important;
		line-height: 1.2 !important;
		letter-spacing: -0.48px !important;
		white-space: nowrap;
	}

	.swim-pmsm-motor__desc {
		margin-top: 10px;
		width: 100%;
		max-width: 345px;
		color: #666666;
		font-size: 14px !important;
		font-weight: 400 !important;
		line-height: 1.4 !important;
		letter-spacing: -0.14px !important;
	}

	.swim-pmsm-motor__desc p {
		margin: 0;
	}

	.swim-pmsm-motor__desc p + p {
		margin-top: 0;
	}

	.swim-pmsm-motor__metrics {
		display: flex;
		align-items: flex-start;
		gap: 48px;
		margin-top: 26px;
	}

	.swim-pmsm-motor__metric {
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		width: auto;
	}

	.swim-pmsm-motor__metric--volume {
		margin-left: 0;
	}

	.swim-pmsm-motor__metric > p:first-child {
		display: flex;
		align-items: flex-end;
		margin: 0;
		color: #1d96ff;
		line-height: 1;
		white-space: nowrap;
	}

	.swim-pmsm-motor__metric > p:first-child span:first-child {
		font-size: 32px !important;
		font-weight: 600 !important;
		line-height: 1 !important;
	}

	.swim-pmsm-motor__metric > p:first-child span + span {
		margin-left: 4px;
		padding-bottom: 4px;
		font-size: 16px !important;
		font-weight: 600 !important;
		line-height: 1 !important;
	}

	.swim-pmsm-motor__metric > p:last-child {
		margin: 4px 0 0;
		color: #333333;
		font-size: 12px !important;
		font-weight: 400 !important;
		line-height: 1.2 !important;
	}
}

@media (min-width: 768px) {
	.swim-pmsm-motor {
		display: block;
	}

	.swim-pmsm-motor__bg--mb {
		display: none;
	}

	.swim-pmsm-motor__bg--pc {
		display: block;
		width: 100%;
		height: auto;
		max-width: none !important;
	}

	.swim-pmsm-motor__text-bg {
		display: none;
	}

	.swim-pmsm-motor__layer {
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		z-index: 1;
		display: flex;
		align-items: center;
		box-sizing: border-box;
		height: 100%;
		padding: 0;
		pointer-events: none;
		transform: none;
	}

	.swim-pmsm-motor__copy {
		position: relative;
		inset: auto;
		width: 100%;
		max-width: none;
		/* 文案块高度：tagline 顶 → volume 指标底（与原先绝对 top 差值一致） */
		height: clamp(230px, 30.10417vw, 578px);
		margin: 0;
	}

	.swim-pmsm-motor__metrics {
		display: block;
		margin-top: 0;
	}

	.swim-pmsm-motor__tagline,
	.swim-pmsm-motor__title,
	.swim-pmsm-motor__desc,
	.swim-pmsm-motor__metric {
		position: absolute;
		left: clamp(72px, 9.375vw, 180px);
		right: auto;
		margin: 0;
		transform: none;
	}

	.swim-pmsm-motor__metric--volume {
		margin-left: 0;
	}

	.swim-pmsm-motor__tagline {
		top: 0;
		color: #333333;
		font-size: clamp(12.4px, 1.61458vw, 31px);
		font-weight: 600;
		line-height: 1.2;
		letter-spacing: clamp(-0.62px, -0.03229vw, -0.248px);
		white-space: nowrap;
	}

	.swim-pmsm-motor__title {
		top: clamp(22.8px, 2.96875vw, 57px);
		color: #333333;
		font-size: clamp(32px, 4.16667vw, 80px);
		font-weight: 600;
		line-height: 1.2;
		letter-spacing: clamp(-1.6px, -0.08333vw, -0.64px);
		white-space: nowrap;
	}

	.swim-pmsm-motor__desc {
		top: clamp(67.6px, 8.80208vw, 169px);
		width: clamp(339.2px, 44.16667vw, 848px);
		max-width: none;
		color: #666666;
		font-size: clamp(9.6px, 1.25vw, 24px);
		font-weight: 400;
		line-height: 1.4;
		letter-spacing: clamp(-0.24px, -0.0125vw, -0.096px);
	}

	.swim-pmsm-motor__desc p {
		margin: 0;
	}

	.swim-pmsm-motor__metric--speed {
		top: clamp(124.8px, 16.25vw, 312px);
	}

	.swim-pmsm-motor__metric--volume {
		top: clamp(186px, 24.21875vw, 465px);
		left: clamp(72px, 9.375vw, 180px);
	}

	.swim-pmsm-motor__metric > p:first-child {
		display: flex;
		align-items: baseline;
		margin: 0;
		color: #1d96ff;
	}

	.swim-pmsm-motor__metric > p:first-child span:first-child {
		position: static;
		top: auto;
		left: auto;
		font-size: clamp(32px, 4.16667vw, 80px);
		font-weight: 600;
		line-height: 1.1;
	}

	.swim-pmsm-motor__metric > p:first-child span + span {
		position: static;
		top: auto;
		left: auto;
		margin-left: clamp(1.6px, 0.20833vw, 4px);
		font-size: clamp(9.6px, 1.25vw, 24px);
		font-weight: 600;
		line-height: 1.1;
	}

	.swim-pmsm-motor__metric > p:last-child {
		position: static;
		top: auto;
		left: auto;
		margin: clamp(1.6px, 0.20833vw, 4px) 0 0;
		width: clamp(130px, 16.92708vw, 325px);
		color: #333333;
		font-size: clamp(9.6px, 1.25vw, 24px);
		font-weight: 400;
		line-height: 1.2;
		white-space: normal;
	}
}

.swim-pmsm-motor__bg {
	width: 100%;
	height: auto;
	max-width: 100% !important;
}

@media (min-width: 768px) {
	#swim-pmsm-motor > .swim-pmsm-motor__bg--mb {
		display: none !important;
	}

	#swim-pmsm-motor > .swim-pmsm-motor__bg--pc {
		display: block !important;
		width: 100% !important;
		height: auto !important;
		max-width: 100% !important;
	}
}

/* Figma 12527:434 — Fun Wherever the Water Is（全宽 · 高 auto · 1920–768 等比 · 768+） */
.swim-fun-water {
	display: none;
}

@media (min-width: 768px) {
	.swim-fun-water {
		display: block;
		box-sizing: border-box;
		width: 100%;
		background: #fff;
	}
}

.swim-fun-water__title {
	margin: 0;
	text-align: center;
	font-size: clamp(25.6px, 3.33333vw, 64px);
	font-weight: 600;
	line-height: 1.2;
	letter-spacing: clamp(-0.512px, -0.06667vw, -1.28px);
	color: #333333;
}

.swim-fun-water__title-inner {
	position: relative;
	display: inline-block;
	max-width: 100%;
}

.swim-fun-water__title-text {
	display: inline;
}

/* [定位例外] Figma 标题水滴 · 锚定 title-inner 右缘，偏移随标题字号 em 缩放 */
.swim-fun-water__title-drop {
	position: absolute;
	left: 100%;
	right: auto;
	top: -0.191em;
	margin-left: -0.4em;
	width: 1.344em;
	height: 1.344em;
	max-width: none !important;
	object-fit: contain;
	object-position: center center;
	transform: rotate(0deg);
	transform-origin: center center;
	pointer-events: none;
}

/* 艺术字 · Figma 12825:636 x=49，左右各 49px@1920，1920–768 等比缩放 */
.swim-fun-water__art {
	display: block;
	box-sizing: border-box;
	width: calc(100% - clamp(39.2px, 5.10417vw, 98px));
	height: auto;
	margin-top: clamp(40.4px, 5.26042vw, 101px);
	margin-right: clamp(19.625px, 2.55208vw, 49px);
	margin-left: clamp(19.625px, 2.55208vw, 49px);
	pointer-events: none;
}

.swim-fun-water__grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	width: 100%;
}

.swim-fun-water__cell {
	box-sizing: border-box;
	width: 100%;
	aspect-ratio: 960 / 621;
}

.swim-fun-water__cell--media {
	overflow: hidden;
	background: #e6eef3;
}

.swim-fun-water__media {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}

.swim-fun-water__cell--copy-1 {
	background: linear-gradient(200.64deg, #fff7c3 1.8793%, #ffffff 60.903%);
}

.swim-fun-water__cell--copy-2 {
	background: linear-gradient(31.309deg, #fff8c8 26.089%, #ffffff 58.531%);
}

/*
 * 文案区：flex 流式；格子 960×621，竖直间距需按「高度比例 × 621/960」换算为 padding/margin 的 %（相对宽度）。
 */
.swim-fun-water__copy-inner {
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	width: 100%;
	height: 100%;
	padding-right: 9.79%;
	padding-left: 9.79%;
}

.swim-fun-water__cell--copy-1 .swim-fun-water__copy-inner,
.swim-fun-water__cell--copy-2 .swim-fun-water__copy-inner {
	padding-top: 14.91%;
	padding-bottom: 7.92%;
}

.swim-fun-water__icon {
	display: block;
	flex-shrink: 0;
	width: clamp(56.25px, 7.5vw, 144px);
	height: auto;
	margin-bottom: clamp(21.33px, 3.333vw, 64px);
	pointer-events: none;
}

.swim-fun-water__heading {
	margin: 0;
	font-size: clamp(22.4px, 2.91667vw, 56px);
	font-weight: 600;
	line-height: 1.1;
	letter-spacing: clamp(-0.448px, -0.05833vw, -1.12px);
	color: #333333;
}

.swim-fun-water__cell--copy-1 .swim-fun-water__heading {
	margin-bottom: 4.17%;
}

.swim-fun-water__cell--copy-2 .swim-fun-water__heading {
	margin-bottom: 4.13%;
}

.swim-fun-water__text {
	margin: 0;
	width: clamp(242.8px, 31.61458vw, 607px);
	max-width: 100%;
	font-size: clamp(11.707px, 1.52438vw, 29.268px);
	font-weight: 400;
	line-height: 1.28;
	letter-spacing: clamp(-0.117px, -0.01524vw, -0.2927px);
	color: #666666;
}

.swim-fun-water__cell--copy-2 .swim-fun-water__text {
	width: clamp(242.8px, 31.61458vw, 607px);
}

/* Figma 13015:1639 — Fun Water 移动端 @375×1017；字号/间距固定 px，仅 <768 */
@media (max-width: 767px) {
	#swim-fun-water.swim-fun-water {
		display: block;
		position: relative;
		box-sizing: border-box;
		width: 100%;
		padding-top: 40px;
		padding-bottom: 0;
		overflow: hidden;
		background: #fff;
	}

	#swim-fun-water .swim-fun-water__title {
		position: relative;
		z-index: 3;
		margin: 0;
		padding: 0 15px;
		overflow: visible;
		text-align: center;
		font-size: 24px !important;
		font-weight: 600 !important;
		line-height: 1.2 !important;
		letter-spacing: -0.48px !important;
		color: #333333;
	}

	#swim-fun-water .swim-fun-water__title-inner {
		position: relative;
		display: inline-block;
		box-sizing: border-box;
		max-width: calc(100% - 30px);
		vertical-align: top;
	}

	#swim-fun-water .swim-fun-water__title-text {
		display: inline;
	}

	/* [定位例外] Figma 13015:1666 — 紧贴标题右缘，距文案约 9px，44×44 rotate 42.3° */
	#swim-fun-water .swim-fun-water__title-drop {
		position: absolute;
		top: -10px;
		left: 90%;
		right: auto;
		width: 44px;
		height: 44px;
		margin: 0 0 0 9px;
		max-width: none !important;
		object-fit: contain;
		transform-origin: center center;
		pointer-events: none;
	}

	/* Figma 13052:3258 — y=101 h=40，全宽 */
	#swim-fun-water .swim-fun-water__art {
		display: block;
		box-sizing: border-box;
		width: 100%;
		height: 40px;
		margin: 32px 0 0;
		object-position: center top;
		max-width: none !important;
		pointer-events: none;
	}

	#swim-fun-water .swim-fun-water__grid {
		display: flex;
		flex-direction: column;
		width: 100%;
		margin: 0;
	}

	/* DOM 重排：图1 → 文案1 → 图2 → 文案2 */
	#swim-fun-water .swim-fun-water__grid > .swim-fun-water__cell--media:first-child {
		order: 1;
	}

	#swim-fun-water .swim-fun-water__grid > .swim-fun-water__cell--copy-1 {
		order: 2;
	}

	#swim-fun-water .swim-fun-water__grid > .swim-fun-water__cell--media:last-child {
		order: 3;
	}

	#swim-fun-water .swim-fun-water__grid > .swim-fun-water__cell--copy-2 {
		order: 4;
	}

	/* Figma 13015:1641 / 1643 — 375×268 */
	#swim-fun-water .swim-fun-water__cell--media {
		position: relative;
		flex-shrink: 0;
		width: 100%;
		height: auto;
		aspect-ratio: auto;
		overflow: hidden;
		background: #e6eef3;
	}

	#swim-fun-water .swim-fun-water__media {
		display: block;
		width: 100%;
		height: auto;
		max-width: none !important;
		object-fit: cover;
		object-position: center;
	}

	/* Figma 13015:1647 / 1657 — 白底 375×170 */
	#swim-fun-water .swim-fun-water__cell--copy {
		position: relative;
		flex-shrink: 0;
		box-sizing: border-box;
		width: 100%;
		height: auto;
		aspect-ratio: auto;
		overflow: hidden;
		background: #ffffff;
	}

	#swim-fun-water .swim-fun-water__cell--copy-1::before,
	#swim-fun-water .swim-fun-water__cell--copy-2::before {
		content: '';
		position: absolute;
		z-index: 0;
		width: 205px;
		height: 205px;
		border-radius: 50%;
		pointer-events: none;
		/* background: radial-gradient(circle, #46D1FF66 0%, rgba(255, 247, 195, 0) 38%); */
	}

	#swim-fun-water .swim-fun-water__cell--copy-1::before {
		top: -95px;
		right: auto;
		left: 252px;
	}

	#swim-fun-water .swim-fun-water__cell--copy-2::before {
		top: 58px;
		bottom: auto;
		left: -59px;
	}

	#swim-fun-water .swim-fun-water__copy-inner {
		position: relative;
		z-index: 1;
		box-sizing: border-box;
		width: 100%;
		height: 100%;
		padding: 24px 15px 16px;
	}

	#swim-fun-water .swim-fun-water__heading {
		position: relative;
		z-index: 1;
		margin: 0;
		padding: 0;
		font-size: 24px !important;
		font-weight: 600 !important;
		line-height: 1.28 !important;
		letter-spacing: -0.48px !important;
		color: #333333;
		white-space: normal;
		transform: none;
	}

	#swim-fun-water .swim-fun-water__cell--copy-1 .swim-fun-water__heading {
		max-width: 178px;
	}

	#swim-fun-water .swim-fun-water__cell--copy-2 .swim-fun-water__heading {
		max-width: 131px;
	}

	#swim-fun-water .swim-fun-water__text {
		position: relative;
		z-index: 1;
		width: 100%;
		max-width: 100%;
		margin: 16px 0 0;
		font-size: 12px !important;
		font-weight: 400 !important;
		line-height: 1.2 !important;
		letter-spacing: -0.12px !important;
		color: #666666;
	}

	#swim-fun-water .swim-fun-water__cell--copy-2 .swim-fun-water__text {
		max-width: 192px;
	}

	/* [定位例外] 移动 *-mb 图标 · 文案区右上 160×160，层级在标题/正文之下 */
	#swim-fun-water .swim-fun-water__cell--copy .swim-fun-water__icon {
		position: absolute;
		top: 0;
		right: 0;
		z-index: 0;
		width: 160px;
		height: auto;
		max-width: none !important;
		margin: 0;
		object-fit: contain;
		pointer-events: none;
	}
}

/* Figma 12527:521 — One Swim Jet. Every Pool.（Swiper · 作用域 #swim-pools-carousel · 768+） */
.swim-pools {
	display: none;
}

@media (min-width: 768px) {
	.swim-pools {
		display: block;
		box-sizing: border-box;
		width: 100%;
		max-width: 100%;
		background: #f5f5f7;
		/* 轮播两侧 peek 不撑出页面横向滚动条 */
		overflow-x: clip;
	}
}

.swim-pools__title {
	margin: 0;
	text-align: center;
	font-size: clamp(25.6px, 3.33333vw, 64px);
	font-weight: 600;
	line-height: 1.1;
	letter-spacing: clamp(-0.512px, -0.06667vw, -1.28px);
	color: #333333;
}

/* Figma 12527:526 — 单行副标题（whitespace-nowrap） */
.swim-pools__subtitle {
	margin: clamp(9.6px, 1.25vw, 24px) auto 0;
	padding-right: clamp(15px, 1.04167vw, 20px);
	padding-left: clamp(15px, 1.04167vw, 20px);
	text-align: center;
	font-size: clamp(9.6px, 1.25vw, 24px);
	font-weight: 500;
	line-height: 1.2;
	letter-spacing: clamp(-0.096px, -0.0125vw, -0.24px);
	color: #333333;
	white-space: nowrap;
}

.swim-pools__carousel {
	box-sizing: border-box;
	width: 100%;
	max-width: 100%;
	margin-top: clamp(25.6px, 3.33333vw, 64px);
	overflow-x: clip;
}

#swim-pools-carousel .swim-pools__swiper {
	overflow: hidden;
}

#swim-pools-carousel .swiper-wrapper {
	align-items: center;
}

#swim-pools-carousel .swim-pools__slide {
	box-sizing: border-box;
	width: min(1312px, 68.33333vw);
	height: min(640px, 33.33333vw);
	border-radius: min(20px, 1.04167vw);
	overflow: hidden;
	/* background: #d9d9d9; */
}

#swim-pools-carousel .swim-pools__slide-img {
	display: block;
	width: 100%;
	height: 100%;
	max-width: none !important;
	object-fit: cover;
	object-position: center;
}

.swim-pools__controls {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: clamp(16px, 2.08333vw, 40px);
	margin-top: clamp(25.6px, 3.33333vw, 64px);
}

/* Figma 12759:680–681 — 48×48 白底圆钮，箭头 8×16 居中 */
.swim-pools__nav {
	display: inline-flex;
	flex-shrink: 0;
	align-items: center;
	justify-content: center;
	width: min(48px, 2.5vw);
	height: min(48px, 2.5vw);
	padding: 0;
	border: 0;
	border-radius: 50%;
	background: #ffffff;
	box-shadow:
		0 min(4px, 0.20833vw) min(16px, 0.83333vw) rgba(0, 0, 0, 0.056),
		0 0 min(1px, 0.05208vw) rgba(0, 0, 0, 0.028);
	cursor: pointer;
	-webkit-tap-highlight-color: transparent;
}

.swim-pools__nav:disabled,
.swim-pools__nav.swiper-button-disabled {
	opacity: 0.35;
	cursor: default;
}

.swim-pools__nav-icon {
	display: block;
	width: min(8px, 0.41667vw);
	height: min(16px, 0.83333vw);
	max-width: none !important;
}

.swim-pools__pagination {
	margin: 0;
	font-size: clamp(10px, 1.04167vw, 20px);
	font-weight: 500;
	line-height: 1.2;
	color: #999999;
	white-space: nowrap;
}

.swim-pools__pagination-current {
	color: #0071e3;
}

.swim-pools__pagination-sep {
	color: #999999;
}

.swim-pools__pagination-total {
	color: #999999;
}

@media (max-width: 767px) {
	.swim-pools {
		--swim-pools-mobile-peek: 15px;
		display: block;
		box-sizing: border-box;
		width: 100%;
		max-width: 100%;
		overflow: hidden;
		padding-top: 28px;
		padding-bottom: 26px;
	}

	.swim-pools__title {
		width: 100%;
		padding-left: 15px;
		padding-right: 15px;
		font-size: 24px;
		line-height: 1.1;
		letter-spacing: -0.48px;
		white-space: nowrap;
	}

	.swim-pools__subtitle {
		margin-top: 10px;
		padding-left: 26px;
		padding-right: 26px;
		font-size: 12px;
		line-height: 1.2;
		letter-spacing: -0.12px;
		white-space: normal;
	}

	.swim-pools__carousel {
		margin-top: 32px;
		overflow: visible;
	}

	#swim-pools-carousel .swim-pools__swiper {
		overflow: visible;
		padding-left: var(--swim-pools-mobile-peek);
		padding-right: var(--swim-pools-mobile-peek);
		box-sizing: border-box;
	}

	#swim-pools-carousel .swim-pools__slide {
		width: calc(100vw - (var(--swim-pools-mobile-peek) * 2));
		height: calc((100vw - (var(--swim-pools-mobile-peek) * 2)) * 0.695652);
		min-height: 200px;
		aspect-ratio: auto;
		border-radius: 8px;
	}

	.swim-pools__controls {
		gap: 16px;
		margin-top: 38px;
	}

	.swim-pools__nav {
		width: 32px;
		height: 32px;
		box-shadow:
			0 2px 10px rgba(0, 0, 0, 0.08),
			0 0 1px rgba(0, 0, 0, 0.04);
	}

	.swim-pools__nav-icon {
		width: 8px;
		height: 16px;
	}

	.swim-pools__pagination {
		font-size: 10px;
		line-height: 1.2;
		letter-spacing: 0;
	}

	.swim-pools__pagination-current {
		font-size: 10px;
		font-weight: 700;
	}
}

/* Figma 12527:563 — 10-Hour Endurance（常规模块 · 768–1920 clamp 缩放 · 视频 1312 宽） */
.swim-endurance {
	display: none;
}

@media (min-width: 768px) {
	.swim-endurance {
		display: block;
		box-sizing: border-box;
		width: 100%;
		max-width: 100%;
		background: #f5f5f7;
		overflow-x: clip;
	}
}

.swim-endurance__header {
	box-sizing: border-box;
	width: 100%;
	margin-bottom: clamp(37.2px, 4.84375vw, 93px);
}

/*
 * 文案 + 装饰舞台（相对标题居中）
 * Figma 12527:563：弧线顶 y83、标题 y192、太阳 x385、月亮 x1386、弧线 x540 w840
 */
.swim-endurance__copy {
	position: relative;
	z-index: 0;
	box-sizing: border-box;
	width: min(1312px, calc(100vw - clamp(51.2px, 6.66667vw, 128px)));
	margin-right: auto;
	margin-left: auto;
	padding-top: clamp(43.6px, 5.67708vw, 109px);
	padding-right: clamp(25.6px, 3.33333vw, 64px);
	padding-left: clamp(25.6px, 3.33333vw, 64px);
	overflow: visible;
	text-align: center;
	isolation: isolate;
}

/* 768+：Figma 12527:563 装饰图标（与移动端完全隔离） */
@media (min-width: 768px) {
	.swim-endurance__deco-stage {
		position: absolute;
		top: -90px;
		left: 50%;
		z-index: 0;
		width: clamp(455.6px, 59.32292vw, 1139px);
		height: clamp(113.2px, 14.73958vw, 283px);
		transform: translateX(-50%);
		pointer-events: none;
	}

	.swim-endurance__deco {
		position: absolute;
		z-index: 0;
		display: block;
		max-width: none !important;
		object-fit: contain;
		object-position: center;
		transform-origin: center center;
	}

	/* Vector 143 — 画板 (597,101) 725.612×119.913；SVG 原生左→右（太阳→月亮），不加翻转 */
	.swim-endurance__deco--arc {
		top: clamp(40.57px, 5.28281vw, 101.43px);
		left: clamp(82.61px, 10.75625vw, 206.52px);
		width: clamp(290.24px, 37.79271vw, 725.612px);
		height: clamp(47.97px, 6.24635vw, 119.913px);
		transform: none;
	}

	/* Group 2085662215 — 画板 (521,193) 80×80 · rotate 74.78° */
	.swim-endurance__deco--sun {
		top: clamp(77.2px, 10.05208vw, 193px);
		left: clamp(52.2px, 6.79688vw, 130.5px);
		width: clamp(32px, 4.16667vw, 80px);
		height: clamp(32px, 4.16667vw, 80px);
		transform: rotate(74.78deg);
	}

	/* Group 2121239175 — 画板 (1321,203) 80×80 · rotate 122.87° */
	.swim-endurance__deco--moon {
		top: clamp(81.2px, 10.57292vw, 203px);
		left: clamp(372.2px, 48.46354vw, 930.5px);
		width: clamp(32px, 4.16667vw, 80px);
		height: clamp(32px, 4.16667vw, 80px);
		/* transform: rotate(122.87deg); */
	}

	.swim-endurance__title,
	.swim-endurance__subtitle {
		position: relative;
		z-index: 2;
	}
}

.swim-endurance__title {
	position: relative;
	z-index: 2;
	margin: 0;
	font-size: clamp(25.6px, 3.33333vw, 64px);
	font-weight: 600;
	line-height: 1.1;
	letter-spacing: clamp(-0.512px, -0.06667vw, -1.28px);
	color: #333333;
	white-space: nowrap;
}

.swim-endurance__subtitle {
	position: relative;
	z-index: 2;
	margin: clamp(9.6px, 1.25vw, 24px) 0 0;
	font-size: clamp(9.6px, 1.25vw, 24px);
	font-weight: 500;
	line-height: 1.2;
	letter-spacing: clamp(-0.096px, -0.0125vw, -0.24px);
	color: #333333;
	white-space: nowrap;
}

/* 视频区：1312×738，768–1920 保证两侧留白随 clamp 缩放 */
.swim-endurance__container {
	box-sizing: border-box;
	width: min(1312px, calc(100vw - clamp(51.2px, 6.66667vw, 128px)));
	max-width: 1312px;
	margin-right: auto;
	margin-left: auto;
}

.swim-endurance__video-wrap {
	position: relative;
	width: 100%;
	border-radius: clamp(8px, 1.04167vw, 20px);
	overflow: hidden;
	background: #d9d9d9;
	aspect-ratio: 1312 / 738;
}

.swim-endurance__video {
	position: absolute;
	inset: 0;
	z-index: 1;
	display: block;
	width: 100%;
	height: 100%;
	max-width: none !important;
	object-fit: cover;
	object-position: center;
	opacity: 0;
	pointer-events: none;
}

.swim-endurance__poster {
	position: absolute;
	inset: 0;
	z-index: 2;
	display: block;
	width: 100%;
	height: 100%;
	max-width: none !important;
	object-fit: cover;
	object-position: center;
	transition: opacity 0.35s ease, visibility 0.35s ease;
}

.swim-endurance__video-wrap.is-playing .swim-endurance__video {
	opacity: 1;
	pointer-events: auto;
}

.swim-endurance__video-wrap.is-playing .swim-endurance__poster {
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
}

.swim-endurance__play {
	position: absolute;
	z-index: 3;
	top: 50%;
	left: 50%;
	width: min(108px, 7.5vw);
	height: min(108px, 7.5vw);
	padding: 0;
	border: 0;
	background: transparent;
	transform: translate(-50%, -50%);
	cursor: pointer;
	transition: opacity 0.22s ease;
}

.swim-endurance__play-icon {
	display: block;
	width: 100%;
	height: 100%;
	max-width: none !important;
}

.swim-endurance__video-wrap.is-playing .swim-endurance__play {
	opacity: 0;
	pointer-events: none;
}

/* PC / 移动：静音循环自动播放，封面与播放钮不参与交互 */
.swim-endurance__video-wrap--autoplay .swim-endurance__video {
	opacity: 1;
	pointer-events: none;
}

.swim-endurance__video-wrap--autoplay .swim-endurance__poster,
.swim-endurance__video-wrap--autoplay .swim-endurance__play {
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
}

@media (max-width: 767px) {
	.swim-endurance {
		display: block;
		box-sizing: border-box;
		width: 100%;
		max-width: 100%;
		background: #f5f5f7;
		overflow: hidden;
	}

	.swim-endurance__header {
		margin-bottom: 0;
	}

	.swim-endurance__copy {
		position: relative;
		width: 100%;
		max-width: 375px;
		margin-right: 0;
		margin-left: auto;
		margin-right: auto;
		min-height: 113px;
		padding-top: 50px;
		padding-left: 15px;
		padding-right: 15px;
		text-align: center;
	}

	.swim-endurance__deco-stage {
		display: block;
		position: absolute;
		inset: -14px auto auto 50%;
		z-index: 0;
		width: 100%;
		height: 113px;
		max-width: 375px;
		transform: translateX(-50%);
		pointer-events: none;
	}

	.swim-endurance__deco {
		position: absolute;
		z-index: 0;
		display: block;
		max-width: none !important;
		object-fit: contain;
		object-position: center;
		transform-origin: center center;
	}

	.swim-endurance__title {
		position: relative;
		z-index: 2;
		margin: 0;
		font-size: 24px;
		line-height: 1.2;
		letter-spacing: -0.48px;
		white-space: nowrap;
	}

	.swim-endurance__subtitle {
		display: none;
	}

	.swim-endurance__deco--arc {
		top: 10px;
		left: 50%;
		width: 65.8667%;
		height: auto;
		transform: translateX(-50%);
		transform-origin: center;
	}

	.swim-endurance__deco--sun {
		top: 50px;
		left: 6.1333%;
		right: auto;
		width: 48px;
		height: 48px;
		transform: none;
	}

	.swim-endurance__deco--moon {
		top: 55px;
		right: 6.1333%;
		left: auto;
		width: 48px;
		height: 48px;
		transform: none;
	}

	.swim-endurance__container {
		width: 100%;
		max-width: 100%;
		padding-left: 0;
		padding-right: 0;
	}

	.swim-endurance__video-wrap {
		width: 100%;
		border-radius: 0;
		aspect-ratio: auto;
		background: transparent;
	}

	/* 封面参与文档流撑开高度；视频叠在上方，播放后显示 */
	.swim-endurance__poster {
		position: relative;
		inset: auto;
		z-index: 1;
		width: 100%;
		height: auto;
	}

	.swim-endurance__video {
		position: absolute;
		inset: 0;
		z-index: 2;
		width: 100%;
		height: 100%;
		max-width: none !important;
		object-fit: cover;
		object-position: center;
	}

	.swim-endurance__play {
		top: 45.5%;
		width: 48px;
		height: 48px;
	}
}

/* Figma 12527:1150 — 常规模块：768–1440 等比缩放，≥1440 锁定设计稿 px（V8.7） */
.swim-spec {
	display: none;
}

@media (min-width: 768px) {
	.swim-spec {
		display: block;
		box-sizing: border-box;
	}
}

.swim-spec__title {
	margin: 0;
	text-align: center;
	font-size: min(56px, 3.88889vw);
	font-weight: 600;
	line-height: 1.1;
	color: #000000;
}

.swim-spec__table-wrap {
	position: relative;
	width: min(1200px, 83.33333vw);
	max-width: 100%;
	margin-top: min(116px, 8.05556vw);
	margin-right: auto;
	margin-left: auto;
}

/* Figma Frame 2085661704 (12527:1151) */
.swim-spec__frame {
	position: relative;
	box-sizing: border-box;
	width: min(1200px, 83.33333vw);
	height: min(1428px, 99.16667vw);
	margin-right: auto;
	margin-left: auto;
}

.swim-spec__frame-board {
	position: relative;
	width: 100%;
	height: min(1428px, 99.16667vw);
}

/* [定位例外]: Rectangle 40775 — 圆角卡片底（含外扩阴影区） */
.swim-spec__card-skin {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 0;
	overflow: visible;
	pointer-events: none;
}

.swim-spec__card-skin::before {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 0;
	border-radius: min(16px, 1.11111vw);
	background: #ffffff;
	box-shadow:
		0 min(4px, 0.27778vw) min(32px, 2.22222vw) rgba(0, 0, 0, 0.08),
		0 min(1px, 0.06944vw) min(4px, 0.27778vw) rgba(0, 0, 0, 0.04);
}

.swim-spec__card-bg {
	position: absolute;
	z-index: 1;
	top: -1.14%;
	right: -2%;
	bottom: -2.29%;
	left: -2%;
	display: block;
	width: 104%;
	height: 103.43%;
	max-width: none !important;
	object-fit: fill;
}

/* Figma Rectangle 77 (12527:1153) — X Pro 列高亮 */
.swim-spec__highlight {
	position: absolute;
	z-index: 0;
	top: min(460px, 31.94444vw);
	left: min(282px, 19.58333vw);
	width: min(280px, 19.44444vw);
	height: min(888px, 61.66667vw);
	border-radius: min(16px, 1.11111vw);
	background: rgba(245, 254, 255, 0.8);
	pointer-events: none;
}

/* Figma Vector (12527:1161) — 火花图标 */
.swim-spec__spark {
	position: absolute;
	z-index: 2;
	top: min(263px, 18.40278vw);
	left: min(489px, 34.0625vw);
	display: block;
	width: min(22px, 1.52778vw);
	height: min(26px, 1.80556vw);
	max-width: none !important;
	pointer-events: none;
}

/* Figma Component 478–480 (12971:329–335) — Buy Now */
.swim-spec__buy {
	position: absolute;
	z-index: 1;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	min-width: min(131px, 9.09722vw);
	height: min(48px, 3.33333vw);
	padding: min(16px, 1.11111vw) min(32px, 2.22222vw);
	transform: translateX(-50%);
	border-radius: 9999px;
	background: #1d96ff;
	color: #ffffff;
	font-size: min(16px, 1.11111vw);
	font-weight: 700;
	line-height: 1;
	text-align: center;
	text-decoration: none;
	white-space: nowrap;
}

.swim-spec__buy--pro {
	top: min(396px, 27.5vw);
	left: min(421.5px, 29.27083vw);
}

.swim-spec__buy--x5 {
	top: min(396px, 27.5vw);
	left: min(702.5px, 48.78472vw);
}

.swim-spec__buy--air {
	top: min(396px, 27.5vw);
	left: min(987.5px, 68.57639vw);
}

.swim-spec__product {
	position: absolute;
	z-index: 1;
	top: min(81px, 5.625vw);
	display: block;
	width: min(200px, 13.88889vw);
	height: min(200px, 13.88889vw);
	max-width: none !important;
	transform: translateX(-50%);
	object-fit: contain;
	pointer-events: none;
}

.swim-spec__product--pro {
	left: min(424.5px, 29.47917vw);
}

.swim-spec__product--x5 {
	left: min(704.5px, 48.92361vw);
}

.swim-spec__product--air {
	left: min(984px, 68.33333vw);
}

.swim-spec__model-name {
	position: absolute;
	z-index: 2;
	top: min(304px, 21.11111vw);
	margin: 0;
	transform: translateX(-50%);
	text-align: center;
	font-size: min(28px, 1.94444vw);
	font-weight: 700;
	line-height: 1.2;
	white-space: nowrap;
	color: #1d96ff;
}

.swim-spec__model-name--pro {
	left: min(424.5px, 29.47917vw);
}

.swim-spec__model-name--x5 {
	left: min(704.5px, 48.92361vw);
}

.swim-spec__model-name--air {
	left: min(984px, 68.33333vw);
}

.swim-spec__abs-cell {
	position: absolute !important;
	z-index: 1;
	box-sizing: border-box;
	display: flex !important;
	min-height: min(64px, 4.44444vw);
	padding: min(10px, 0.69444vw);
	color: #333333;
	line-height: 1.2;
	word-break: break-word;
}

.swim-spec__abs-label {
	align-items: center;
	justify-content: flex-start;
	text-align: left;
	font-size: min(16px, 1.11111vw);
	font-weight: 600;
}

.swim-spec__abs-data {
	flex-direction: column;
	align-items: center;
	justify-content: center;
	text-align: center;
	font-size: min(20px, 1.38889vw);
	font-weight: 400;
	letter-spacing: max(-0.2px, -0.01389vw);
}

.swim-spec__abs-data--sm {
	font-size: min(16px, 1.11111vw);
	letter-spacing: max(-0.16px, -0.01111vw);
}

.swim-spec__abs-data p {
	margin: 0;
}

/* Suitable for 行 X5 / X Air 两格：宽度在 index.php $swim_spec_suitable_cell_width_px 调整 */
@media (min-width: 768px) {
	#swim-specification .swim-spec__abs-data--suitable-wide {
		align-items: center;
		justify-content: center;
		text-align: center;
	}

	#swim-specification .swim-spec__abs-data--suitable-wide p {
		width: 100%;
		text-align: center;
	}
}

.swim-spec__line {
	position: absolute;
	z-index: 1;
	left: min(116px, 8.05556vw);
	width: min(968px, 67.22222vw);
	height: 0;
	border-top: 1px solid rgba(0, 0, 0, 0.08);
}

.swim-spec__sticky-col {
	display: none;
}

.swim-spec__sticky-head {
	position: fixed;
	z-index: 30;
	top: var(--swim-spec-head-top, 0px);
	left: var(--swim-spec-head-left, 0px);
	display: none;
	width: var(--swim-spec-head-width, 0px);
	height: var(--swim-spec-head-height, 0px);
	overflow: hidden;
	pointer-events: none;
	background: #f5f5f7;
}

.swim-spec__sticky-head::before {
	content: '';
	position: absolute;
	z-index: 3;
	top: 0;
	left: 0;
	width: min(282px, 19.58333vw);
	height: 100%;
	background: #f5f5f7;
	pointer-events: none;
}

.swim-spec__sticky-head.is-active {
	display: block;
}

.swim-spec__sticky-head-board {
	position: relative;
	width: 100%;
	height: 100%;
}

.swim-spec__sticky-head .swim-spec__buy {
	pointer-events: auto;
}

@media (min-width: 768px) {
	.swim-spec__sticky-head {
		background: #ffffff;
	}

	.swim-spec__sticky-head::before {
		background: #ffffff;
	}

	.swim-spec__sticky-head .swim-spec__product {
		transform: translateX(-50%) scale(0.8);
		transform-origin: center top;
	}

	.swim-spec__sticky-head .swim-spec__spark {
		left: calc(min(424.5px, 29.47917vw) + (min(64.5px, 4.47917vw) * 0.8));
		top: calc(min(81px, 5.625vw) + (min(182px, 12.63889vw) * 0.8));
		transform: scale(0.8);
		transform-origin: left top;
	}
}

@media (min-width: 768px) {
	#swim-specification .swim-spec__sticky-col {
		display: none !important;
	}

	#swim-specification .swim-spec__frame-board > .swim-spec__abs-label {
		visibility: visible !important;
	}
}

@media (max-width: 767px) {
	#swim-specification.swim-spec {
		position: relative;
		display: block;
		box-sizing: border-box;
		width: 100%;
		padding: 65px 0 0;
		background: #f5f5f7;
		--swim-spec-mobile-target: 495px;
		--swim-spec-mobile-label-col: 96px;
		--swim-spec-len-scale: 1;
	}

	#swim-specification .swim-spec__title {
		margin: 0;
		padding: 0 15px;
		font-size: 24px;
		font-weight: 600;
		line-height: 1.1;
		letter-spacing: -0.12px;
		text-align: center;
		color: #000000;
	}

	#swim-specification .swim-spec__table-wrap {
		position: relative;
		width: 100%;
		max-width: none;
		margin-top: 50px;
		padding: 0;
		overflow-x: auto;
		overflow-y: hidden;
		-webkit-overflow-scrolling: touch;
	}

	@media (min-width: 495px) {
		#swim-specification .swim-spec__table-wrap {
			overflow-x: hidden;
		}
	}

	#swim-specification .swim-spec__frame {
		width: var(--swim-spec-mobile-target);
		min-width: var(--swim-spec-mobile-target);
		max-width: none;
		height: 709px;
		margin-right: 0;
		margin-left: 0;
	}

	@media (min-width: 495px) {
		#swim-specification .swim-spec__frame {
			margin-right: auto;
			margin-left: auto;
		}
	}

	#swim-specification .swim-spec__frame-board {
		width: 100%;
		height: 100%;
		background:
			linear-gradient(to bottom,
				transparent 0 216px,
				#ffffff 216px 280px,
				#f5f5f7 280px 344px,
				#ffffff 344px 408px,
				#f5f5f7 408px 472px,
				#ffffff 472px 536px,
				#f5f5f7 536px 600px,
				#ffffff 600px 709px);
	}

	#swim-specification .swim-spec__card-skin::before {
		display: none;
	}

	#swim-specification .swim-spec__card-bg {
		display: none;
	}

	#swim-specification .swim-spec__highlight {
		display: none;
	}

	#swim-specification .swim-spec__spark {
		top: 83px;
		left: 219px;
		width: 10px;
		height: 12px;
	}

	#swim-specification .swim-spec__product {
		top: 0;
		width: 88px;
		height: 88px;
	}

	#swim-specification .swim-spec__product--pro {
		left: 180px;
	}

	#swim-specification .swim-spec__product--x5 {
		left: 308px;
	}

	#swim-specification .swim-spec__product--air {
		left: 436px;
	}

	#swim-specification .swim-spec__model-name {
		top: 104px;
		font-size: 16px;
		font-weight: 600;
		line-height: 1.2;
		letter-spacing: -0.32px;
		color: #333333;
	}

	#swim-specification .swim-spec__model-name--pro {
		left: 179px;
	}

	#swim-specification .swim-spec__model-name--x5 {
		left: 307.5px;
	}

	#swim-specification .swim-spec__model-name--air {
		left: 435.5px;
	}

	#swim-specification .swim-spec__buy {
		top: 158px;
		min-width: 90px;
		height: 34px;
		padding: 8px 16px;
		font-size: 14px;
		font-weight: 600;
		line-height: 1.28;
	}

	#swim-specification .swim-spec__buy--pro {
		left: 180px;
	}

	#swim-specification .swim-spec__buy--x5 {
		left: 308px;
	}

	#swim-specification .swim-spec__buy--air {
		left: 436px;
	}

	#swim-specification .swim-spec__abs-cell {
		height: 64px;
		min-height: 64px;
		padding: 0;
	}

	#swim-specification .swim-spec__abs-label {
		z-index: 6;
		left: 0 !important;
		width: var(--swim-spec-mobile-label-col) !important;
		padding-right: 8px;
		padding-left: 8px;
		justify-content: center;
		font-size: 12px;
		font-weight: 400;
		line-height: 1.4;
		letter-spacing: -0.12px;
		text-align: center;
		color: #999999;
	}

	#swim-specification .swim-spec__abs-label[data-swim-spec-row='0'],
	#swim-specification .swim-spec__abs-label[data-swim-spec-row='2'],
	#swim-specification .swim-spec__abs-label[data-swim-spec-row='4'],
	#swim-specification .swim-spec__abs-label[data-swim-spec-row='6'] {
		background: #ffffff;
	}

	#swim-specification .swim-spec__abs-label[data-swim-spec-row='1'],
	#swim-specification .swim-spec__abs-label[data-swim-spec-row='3'],
	#swim-specification .swim-spec__abs-label[data-swim-spec-row='5'] {
		background: #f5f5f7;
	}

	#swim-specification .swim-spec__abs-data,
	#swim-specification .swim-spec__abs-data--sm {
		width: 88px !important;
		font-size: 12px;
		font-weight: 500;
		line-height: 1.4;
		letter-spacing: -0.12px;
		color: #666666;
	}

	#swim-specification [data-swim-spec-col='0'] {
		left: 136px !important;
	}

	#swim-specification [data-swim-spec-col='1'] {
		left: 264px !important;
	}

	#swim-specification [data-swim-spec-col='2'] {
		left: 392px !important;
	}

	#swim-specification [data-swim-spec-row='0'] {
		top: 216px !important;
	}

	#swim-specification [data-swim-spec-row='1'] {
		top: 280px !important;
	}

	#swim-specification [data-swim-spec-row='2'] {
		top: 344px !important;
	}

	#swim-specification [data-swim-spec-row='3'] {
		top: 408px !important;
	}

	#swim-specification [data-swim-spec-row='4'] {
		top: 472px !important;
	}

	#swim-specification [data-swim-spec-row='5'] {
		top: 536px !important;
	}

	#swim-specification [data-swim-spec-row='6'] {
		top: 600px !important;
		height: 109px;
		min-height: 109px;
	}

	/* Suitable for 末行：加宽各列，文案两行居中 */
	/* #swim-specification [data-swim-spec-row='6'][data-swim-spec-col='0'] {
		width: 92px !important;
	}

	#swim-specification [data-swim-spec-row='6'][data-swim-spec-col='1'] {
		left: 232px !important;
		width: 118px !important;
	}

	#swim-specification [data-swim-spec-row='6'][data-swim-spec-col='2'] {
		left: 358px !important;
		width: 129px !important;
	} */

	#swim-specification [data-swim-spec-row='6'] .swim-spec__abs-data {
		align-items: center;
		justify-content: center;
		padding: 8px 4px;
		white-space: normal;
	}

	#swim-specification [data-swim-spec-row='6'] .swim-spec__abs-data p {
		line-height: 1.35;
		white-space: normal;
		text-align: center;
	}

	#swim-specification .swim-spec__line {
		display: none;
	}

	#swim-specification .swim-spec__frame-board::after {
		display: none;
		content: none;
	}

	#swim-specification.swim-spec--sticky-ready .swim-spec__frame-board > .swim-spec__abs-label {
		visibility: hidden;
	}

	#swim-specification.swim-spec--head-stuck .swim-spec__frame-board > .swim-spec__product,
	#swim-specification.swim-spec--head-stuck .swim-spec__frame-board > .swim-spec__spark,
	#swim-specification.swim-spec--head-stuck .swim-spec__frame-board > .swim-spec__model-name,
	#swim-specification.swim-spec--head-stuck .swim-spec__frame-board > .swim-spec__buy {
		visibility: hidden;
	}

	#swim-specification .swim-spec__sticky-col {
		position: absolute;
		z-index: 20;
		top: var(--swim-spec-sticky-top, 0px);
		left: var(--swim-spec-sticky-left, 0px);
		display: none;
		width: var(--swim-spec-mobile-label-col);
		height: 709px;
		overflow: hidden;
		pointer-events: none;
		background:
			linear-gradient(to bottom,
				#f5f5f7 0 216px,
				#ffffff 216px 280px,
				#f5f5f7 280px 344px,
				#ffffff 344px 408px,
				#f5f5f7 408px 472px,
				#ffffff 472px 536px,
				#f5f5f7 536px 600px,
				#ffffff 600px 709px);
	}

	#swim-specification.swim-spec--sticky-ready .swim-spec__sticky-col {
		display: block;
	}

	#swim-specification .swim-spec__sticky-col .swim-spec__abs-label {
		visibility: visible;
	}

	#swim-specification .swim-spec__sticky-head::before {
		display: none;
	}

	#swim-specification .swim-spec__sticky-head-corner {
		position: absolute;
		z-index: 6;
		top: 0;
		left: 0;
		width: var(--swim-spec-mobile-label-col);
		height: 100%;
		background: #f5f5f7;
		pointer-events: none;
	}

	#swim-specification .swim-spec__sticky-col {
		z-index: 25;
	}

	#swim-specification .swim-spec__sticky-head.is-active .swim-spec__sticky-head-board {
		will-change: transform;
	}
}

.swim-recognition {
	display: none;
}

/* Figma 13197:432 / 12971:1467 / 13197:441 — Global Recognition 移动端 @375 */
@media (max-width: 767px) {
	#swim-recognition.swim-recognition {
		display: block;
		box-sizing: border-box;
		padding-top: 48px;
		padding-bottom: 65px;
		background: #ffffff;
	}

	#swim-recognition .swim-recognition__head {
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		gap: 8px;
		width: 100%;
		margin: 0 0 31px;
	}

	#swim-recognition .swim-recognition__head-line {
		display: block;
		width: 100%;
		height: 0;
		border-top: 1px solid rgba(0, 0, 0, 0.08);
	}

	.swim-page #swim-recognition .swim-recognition__title {
		margin: 0;
		text-align: left;
		font-size: 24px;
		font-weight: 400;
		line-height: 1.1;
		letter-spacing: -0.48px;
		color: #333333;
		text-transform: capitalize;
		white-space: normal;
	}

	#swim-recognition .swim-recognition__cards {
		display: flex;
		flex-direction: column;
		gap: 5px;
		width: 100%;
		margin: 0;
	}

	#swim-recognition .swim-recognition__card {
		display: flex;
		flex-direction: column;
		align-items: center;
		box-sizing: border-box;
		width: 100%;
		min-width: 0;
		padding: 24px 10px;
		border-radius: 20px;
		background: #f5f5f7;
	}

	#swim-recognition .swim-recognition__card:first-child {
		min-height: 222px;
	}

	#swim-recognition .swim-recognition__card:last-child {
		min-height: 248px;
	}

	#swim-recognition .swim-recognition__card-icon {
		display: block;
		width: auto;
		height: 88px;
		max-width: none !important;
		margin: 0;
		object-fit: contain;
		object-position: center;
		pointer-events: none;
	}

	#swim-recognition .swim-recognition__card:nth-child(2) .swim-recognition__card-icon {
		width: 175px;
		max-width: 100% !important;
	}

	#swim-recognition .swim-recognition__card-copy {
		display: flex;
		flex-direction: column;
		align-items: center;
		box-sizing: border-box;
		width: 100%;
		max-width: 325px;
		min-width: 0;
		margin-top: 16px;
		padding: 0;
		text-align: center;
	}

	.swim-page #swim-recognition .swim-recognition__card-title {
		margin: 0;
		font-size: 18px;
		font-weight: 600;
		line-height: 1;
		letter-spacing: -0.36px;
		color: #333333;
		text-transform: capitalize;
		text-align: center;
	}

	#swim-recognition .swim-recognition__card:nth-child(2) .swim-recognition__card-title {
		line-height: 1.2;
	}

	.swim-page #swim-recognition .swim-recognition__card-subtitle {
		margin: 12px 0 0;
		font-size: 14px;
		font-weight: 400;
		line-height: 1.4;
		letter-spacing: -0.14px;
		color: #666666;
		text-align: center;
	}
}

@media (min-width: 768px) {
	#swim-hero-title{
		white-space: nowrap;
	}
	.swim-recognition {
		/*
		 * 1920 布局尺寸变量（字号/边距你后续可只改这里）
		 * 768–1440：calc(Npx * var(--sf))；>=1440：固定
		 */
		--sf: min(1, 100vw / 1440);
		--gr-title-mb: 64px;
		--gr-head-gap: 24px;
		--gr-cards-gap: 20px;
		--gr-card-radius: 16px;
		--gr-card-pt: 40px;
		--gr-card-pb: 151px;
		--gr-card-icon-pl: 40px;
		--gr-card-copy-pl: 60px;
		--gr-card-pr: 40px;
		--gr-card-icon-h: 128px;
		--gr-card-icon-mb: 20px;
		--gr-card-title-mt: 0;
		--gr-card-sub-mt: 12px;
		--gr-title-size: 64px;
		--gr-title-ls: -1.28px;
		--gr-card-title-size: 24px;
		--gr-card-title-ls: -0.48px;
		--gr-card-sub-size: 20px;
		--gr-card-sub-ls: -0.2px;
		display: block;
		box-sizing: border-box;
		background: #ffffff;
	}

	/* 顶部全宽横线 + 标题左对齐（PC 新稿） */
	.swim-recognition__head {
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		gap: clamp(12.8px, 1.66667vw, 24px);
		width: 100%;
		margin-top: 0;
		margin-bottom: clamp(34.13333px, 4.44444vw, 64px);
	}

	.swim-recognition__head-line {
		display: block;
		flex: none;
		width: 100%;
		min-width: 0;
		height: 0;
		border-top: 1px solid rgba(0, 0, 0, 0.08);
	}

	.swim-page .swim-recognition__title {
		flex: none;
		margin: 0;
		text-align: left;
		white-space: nowrap;
		font-family: Figtree, sans-serif;
		font-feature-settings: 'liga' off, 'clig' off;
		font-size: clamp(34.13333px, 4.44444vw, 64px);
		font-style: normal;
		font-weight: 400;
		line-height: 1;
		letter-spacing: clamp(-0.68267px, -0.08889vw, -1.28px);
		color: #333333;
		text-transform: capitalize;
	}

	/* 双卡：等分两列，铺满 1312 内容区 */
	.swim-recognition__cards {
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: clamp(10.66667px, 1.38889vw, 20px);
		width: 100%;
		margin-top: 0;
	}

	.swim-recognition__card {
		display: flex;
		flex-direction: column;
		box-sizing: border-box;
		align-items: flex-start;
		justify-content: flex-start;
		width: 100%;
		min-width: 0;
		padding-top: clamp(21.33333px, 2.77778vw, 40px);
		padding-right: clamp(21.33333px, 2.77778vw, 40px);
		padding-bottom: clamp(21.33333px, 2.77778vw, 40px);
		padding-left: 0;
		border-radius: clamp(8.53333px, 1.11111vw, 16px);
		background: #f5f5f7;
	}

	.swim-recognition__card-icon {
		display: block;
		width: auto;
		height: clamp(68.26667px, 8.88889vw, 128px);
		max-width: none !important;
		object-fit: contain;
		object-position: left center;
		pointer-events: none;
		margin: 0 0 clamp(10.66667px, 1.38889vw, 20px) clamp(21.33333px, 2.77778vw, 40px);
	}

	.swim-recognition__card-copy {
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		box-sizing: border-box;
		width: 100%;
		min-width: 0;
		padding-left: clamp(32px, 4.16667vw, 60px);
		text-align: left;
	}

	.swim-page .swim-recognition__card-title {
		margin: calc(var(--gr-card-title-mt) * var(--sf)) 0 0;
		font-family: Figtree, sans-serif;
		font-feature-settings: 'liga' off, 'clig' off;
		font-size: clamp(12.8px, 1.66667vw, 24px);
		font-style: normal;
		font-weight: 600;
		line-height: 1;
		letter-spacing: clamp(-0.256px, -0.03333vw, -0.48px);
		color: #333333;
		text-transform: capitalize;
	}

	.swim-page .swim-recognition__card-subtitle {
		margin: clamp(6.4px, 0.83333vw, 12px) 0 0;
		font-family: Figtree, sans-serif;
		font-feature-settings: 'liga' off, 'clig' off;
		font-size: clamp(10.66667px, 1.38889vw, 20px);
		font-style: normal;
		font-weight: 400;
		line-height: 1.4;
		color: #666666;
	}
}

/* Hero 播放链接触发，弹窗由 index.js .swim-hero-video-trigger 控制 */
.swim-page .swim-hero-video-trigger {
	margin: 0;
	padding: 0;
	font: inherit;
	color: inherit;
	appearance: none;
	-webkit-appearance: none;
}

html.swim-hero-video-modal-open,
body.swim-hero-video-modal-open {
	overflow: hidden;
	overscroll-behavior: none;
}

.swim-hero-video-modal {
	position: fixed;
	inset: 0;
	z-index: 10050;
	display: none;
	align-items: center;
	justify-content: center;
	padding: clamp(12px, 1.25vw, 24px);
	box-sizing: border-box;
	overflow: hidden;
	background: rgba(0, 0, 0, 0.6);
	-webkit-backdrop-filter: blur(16px);
	backdrop-filter: blur(16px);
	touch-action: none;
}

.swim-hero-video-modal.is-open {
	display: flex;
}

.swim-hero-video-modal__dialog {
	display: flex;
	flex-direction: column;
	border-radius: clamp(10px, 1.042vw, 20px);
	overflow: hidden;
	background: #1a1a1a;
}

.swim-hero-video-modal__header {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
	padding: clamp(12px, 1.25vw, 24px) clamp(12px, 1.25vw, 24px) clamp(13px, 1.302vw, 25px);
	border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.swim-hero-video-modal__copy {
	display: flex;
	flex-direction: column;
	gap: clamp(4px, 0.417vw, 8px);
	min-width: 0;
}

.swim-hero-video-modal__title {
	margin: 0;
	color: #ffffff;
	font-size: clamp(14px, 1.25vw, 24px);
	font-weight: 600;
	line-height: clamp(17px, 1.5vw, 28.8px);
}

.swim-hero-video-modal__subtitle {
	margin: 0;
	color: rgba(255, 255, 255, 0.6);
	font-size: clamp(10px, 0.833vw, 16px);
	font-weight: 400;
	line-height: clamp(12px, 1vw, 19.2px);
}

.swim-hero-video-modal__close {
	flex-shrink: 0;
	width: clamp(18px, 1.25vw, 24px);
	height: clamp(18px, 1.25vw, 24px);
	padding: 0;
	border: 0;
	background: transparent;
	cursor: pointer;
}

.swim-hero-video-modal__close-icon {
	display: block;
	width: 100%;
	height: 100%;
}

.swim-hero-video-modal__frame-wrap {
	position: relative;
	background: #000000;
}

.swim-hero-video-modal__frame {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	border: 0;
}

.swim-hero-video-modal__frame--native {
	object-fit: contain;
	background: #000000;
	display: block;
}


/* swim_x：Swiper / 3D 轮播 / 分页圆点 — 其余样式见 index.php Tailwind */
@import url("/static/jext/web/swiper/swiper-bundle.css");

/* 全页排版：标题 Figtree-SemiBold(600) / 描述 Figtree-Medium(500) */
.swim-x-page {
	font-family: Figtree, sans-serif;
	font-weight: 500;
}

.swim-x-page h1,
.swim-x-page h2,
.swim-x-page h3,
.swim-x-page .swim-x-title {
	font-family: Figtree, sans-serif;
	font-weight: 600;
}

.swim-x-page .swim-x-desc {
	font-family: Figtree, sans-serif;
	font-weight: 500;
}

/* Reveal：仅 section 级渐入；文字子项仅桌面 stagger，避免与 section 位移叠加 */
.swim-x-page [data-swim-x-reveal-section] {
	opacity: 0;
	-webkit-transform: translate3d(0, 28px, 0);
	transform: translate3d(0, 28px, 0);
	-webkit-transition: opacity 0.75s cubic-bezier(0.22, 1, 0.36, 1), -webkit-transform 0.75s cubic-bezier(0.22, 1, 0.36, 1);
	transition: opacity 0.75s cubic-bezier(0.22, 1, 0.36, 1), transform 0.75s cubic-bezier(0.22, 1, 0.36, 1);
}

.swim-x-page [data-swim-x-reveal-section].swim-x-reveal--visible {
	opacity: 1;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

.swim-x-page [data-swim-x-reveal-item] {
	opacity: 0;
	-webkit-transform: translate3d(0, 20px, 0);
	transform: translate3d(0, 20px, 0);
	-webkit-transition: opacity 0.65s cubic-bezier(0.22, 1, 0.36, 1), -webkit-transform 0.65s cubic-bezier(0.22, 1, 0.36, 1);
	transition: opacity 0.65s cubic-bezier(0.22, 1, 0.36, 1), transform 0.65s cubic-bezier(0.22, 1, 0.36, 1);
}

.swim-x-page [data-swim-x-reveal-section].swim-x-reveal--visible [data-swim-x-reveal-item] {
	opacity: 1;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

@media (max-width: 767px) {
	.swim-x-page [data-swim-x-reveal-section] {
		-webkit-transform: none;
		transform: none;
		-webkit-transition: opacity 0.45s ease;
		transition: opacity 0.45s ease;
	}

	.swim-x-page [data-swim-x-reveal-section].swim-x-reveal--visible {
		-webkit-transform: none;
		transform: none;
	}

	/* 移动端不做逐行文字动画，避免与 section 渐入叠加导致跳动 */
	.swim-x-page [data-swim-x-reveal-item] {
		opacity: 1 !important;
		-webkit-transform: none !important;
		transform: none !important;
		-webkit-filter: none !important;
		filter: none !important;
		-webkit-transition: none !important;
		transition: none !important;
	}
}

.swim-x-page [data-swim-x-reveal-delay="1"] { -webkit-transition-delay: 0ms; transition-delay: 0ms; }
.swim-x-page [data-swim-x-reveal-delay="2"] { -webkit-transition-delay: 120ms; transition-delay: 120ms; }
.swim-x-page [data-swim-x-reveal-delay="3"] { -webkit-transition-delay: 240ms; transition-delay: 240ms; }
.swim-x-page [data-swim-x-reveal-delay="4"] { -webkit-transition-delay: 360ms; transition-delay: 360ms; }
.swim-x-page [data-swim-x-reveal-delay="5"] { -webkit-transition-delay: 480ms; transition-delay: 480ms; }
.swim-x-page [data-swim-x-reveal-delay="6"] { -webkit-transition-delay: 600ms; transition-delay: 600ms; }
.swim-x-page [data-swim-x-reveal-delay="7"] { -webkit-transition-delay: 720ms; transition-delay: 720ms; }
.swim-x-page [data-swim-x-reveal-delay="8"] { -webkit-transition-delay: 840ms; transition-delay: 840ms; }
.swim-x-page [data-swim-x-reveal-delay="9"] { -webkit-transition-delay: 960ms; transition-delay: 960ms; }
.swim-x-page [data-swim-x-reveal-delay="10"] { -webkit-transition-delay: 1080ms; transition-delay: 1080ms; }
.swim-x-page [data-swim-x-reveal-delay="11"] { -webkit-transition-delay: 1200ms; transition-delay: 1200ms; }
.swim-x-page [data-swim-x-reveal-delay="12"] { -webkit-transition-delay: 1320ms; transition-delay: 1320ms; }

@media (prefers-reduced-motion: reduce) {
	.swim-x-page [data-swim-x-reveal-section],
	.swim-x-page [data-swim-x-reveal-item] {
		opacity: 1 !important;
		-webkit-transform: none !important;
		transform: none !important;
		-webkit-filter: none !important;
		filter: none !important;
		-webkit-transition: none !important;
		transition: none !important;
		-webkit-animation: none !important;
		animation: none !important;
	}
}

/* 模块间距：相邻模块合计 移动 50px(25+25) / 桌面 130px(65+65) */
.swim-x-page > section {
	padding-top: clamp(0.25rem, -0.0064rem + 3.419vw, 0.65rem);
	padding-bottom: clamp(0.25rem, -0.0064rem + 3.419vw, 0.65rem);
}

/* Joy 标题：装饰图垂直居中；黄线自 “Summer” 起向右（桌面单行基准） */
.swim-x-page #swim-x-joy .swim-x-joy-title-lockup {
	position: relative;
}

.swim-x-page #swim-x-joy .swim-x-joy-title-icon {
	position: relative;
	z-index: 2;
	flex-shrink: 0;
	height: auto !important;
}

.swim-x-page #swim-x-joy .swim-x-joy-title-underline {
	position: absolute;
	z-index: 0;
	pointer-events: none;
	display: block;
	height: clamp(18px, 2.19vw, 42px);
	width: 88%;
	left: 10%;
	bottom: clamp(0px, 0.16vw, 3px);
	object-fit: fill;
}

@media (min-width: 768px) {
	/* Figma 12637:786 — 标题锁扣贴紧排列；左 icon gap 7px / 右 icon gap 14.5px @1920 */
	.swim-x-page #swim-x-joy .swim-x-joy-title-lockup {
		display: inline-flex;
		width: auto;
		max-width: none;
		align-items: center;
		justify-content: center;
		gap: 0;
	}

	.swim-x-page #swim-x-joy .swim-x-joy-title-text {
		margin-left: 0;
		margin-right: 0;
		width: auto;
		max-width: none;
		display: inline-flex;
		align-items: center;
		justify-content: center;
		gap: 0;
	}

	.swim-x-page #swim-x-joy .swim-x-joy-title-icon--left {
		position: relative;
		left: auto;
		top: auto;
		margin-right: clamp(4px, 0.833vw, 16px);
		width: clamp(25.6px,3.33333vw,64px);
		max-width: unset;
	}

	.swim-x-page #swim-x-joy .swim-x-joy-title-icon--right {
		position: relative;
		left: auto;
		top: auto;
		right: auto;
		margin-left: clamp(4px, 0.833vw, 16px);
		width: clamp(25.6px,3.33333vw,64px);
		max-width: unset;
	}

	.swim-x-page #swim-x-joy .swim-x-joy-title-underline {
		left: 8%;
		width: 100%;
		bottom: -44%;
		transform: scale(1.35, 1.3);
        transform-origin: left bottom;
	}
}

/* Park 标题：黄线锚定高亮词；句末指向手势与文字基线对齐 */
.swim-x-page #swim-x-park .swim-x-park-title-lockup {
	position: relative;
}

.swim-x-page #swim-x-park .swim-x-park-title-highlight {
	position: relative;
	display: inline;
}

/* 1920 稿：下划线 445×31 → 23.18vw × 1.61vw；768 约 178×12 */
.swim-x-page #swim-x-park .swim-x-park-title-underline {
	position: absolute;
	z-index: 0;
	left: 50%;
	bottom: -30%;
	display: block;
	width: clamp(178px, 23.177vw, 445px);
	max-width: 100%;
	height: clamp(12px, 1.615vw, 31px);
	transform: translateX(-50%);
	pointer-events: none;
	object-fit: fill;
}

/* 1920 稿：手势 122×82 → 6.35vw × 4.27vw；768 约 49×33 */
.swim-x-page #swim-x-park .swim-x-park-title-hand-picture {
	display: block;
	flex-shrink: 0;
	line-height: 0;
}

.swim-x-page #swim-x-park .swim-x-park-title-hand {
	position: relative;
	z-index: 2;
	flex-shrink: 0;
	width: clamp(49px, 6.354vw, 122px);
	height: clamp(33px, 4.271vw, 82px);
	margin-bottom: clamp(2px, 0.21vw, 4px);
	object-fit: contain;
}

@media (min-width: 768px) {
	.swim-x-page #swim-x-park .swim-x-park-title-text {
		display: inline-flex;
		align-items: flex-end;
		justify-content: center;
	}

	.swim-x-page #swim-x-park .swim-x-park-title-hand-picture {
		align-self: flex-end;
		margin-bottom: -10px;
	}

	.swim-x-page #swim-x-park .swim-x-park-title-hand {
		display: block;
	}
}

.swim-x-page #swim-x-joy-carousel .swim-x-joy-nav-prev,
.swim-x-page #swim-x-joy-carousel .swim-x-joy-nav-next {
	z-index: 20;
	pointer-events: auto;
	cursor: pointer;
}

.swim-x-page #swim-x-joy-carousel {
	overflow: visible;
}

.swim-x-page #swim-x-joy-carousel .swim-x-joy-swiper {
	overflow: visible;
	perspective: 1600px;
}

.swim-x-page #swim-x-joy-carousel .swiper-wrapper {
	transform-style: preserve-3d;
}

/* 环抱 3D：随 Swiper 切换 prev/active/next，与 swim-x-joy.html 同套顺滑过渡 */
.swim-x-page #swim-x-joy-carousel .swim-x-slide-frame {
	height: auto;
	backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
}

/* 移动：<768 左右露边 */
.swim-x-page #swim-x-joy-carousel .swim-x-joy__slide {
	box-sizing: border-box;
	width: 95% !important;
}

.swim-x-page #swim-x-joy-carousel .swiper-slide {
	z-index: 1;
}

/* 桌面：1920 稿 1180×680，768–1920 按视口等比缩放 */
@media (min-width: 768px) {
	.swim-x-page #swim-x-joy-carousel .swim-x-joy__slide {
		width: clamp(472px, 61.45833333vw, 1180px) !important;
		max-width: min(1180px, calc(100vw - 128px));
	}

	.swim-x-page #swim-x-joy-carousel .swim-x-slide-frame {
		position: relative;
		box-sizing: border-box;
		width: 100%;
		height: auto;
		aspect-ratio: 1180 / 680;
		overflow: hidden;
	}

	.swim-x-page #swim-x-joy-carousel .swim-x-slide-frame picture {
		position: absolute;
		inset: 0;
		display: block;
		width: 100%;
		height: 100%;
		margin: 0;
	}

	.swim-x-page #swim-x-joy-carousel .swim-x-joy-slide-img {
		display: block;
		width: 100%;
		height: 100%;
		max-width: none;
		object-fit: cover;
		object-position: center;
		vertical-align: top;
	}
}

.swim-x-page #swim-x-joy-carousel .swiper-slide-active {
	z-index: 3;
}

.swim-x-page #swim-x-joy-carousel .swiper-slide-prev .swim-x-slide-frame {
	transform: perspective(1600px) rotateY(22deg);
	transform-origin: 100% 50%;
}

.swim-x-page #swim-x-joy-carousel .swiper-slide-next .swim-x-slide-frame {
	transform: perspective(1600px) rotateY(-22deg);
	transform-origin: 0% 50%;
}

.swim-x-page #swim-x-joy-carousel .swiper-slide-active .swim-x-slide-frame {
	transform: perspective(1600px) rotateY(0deg);
}

.swim-x-page #swim-x-joy-carousel .swim-x-joy-slide-img {
	display: block;
	width: 100%;
	height: auto;
	max-width: 100%;
	vertical-align: top;
}

/* 覆盖 Swiper 全局 pagination width:100% */
.swim-x-page #swim-x-joy-carousel .swim-x-joy-pagination-shell {
	position: relative;
	width: 308px;
	min-width: 308px;
	max-width: 308px;
	margin: 0;
}

.swim-x-page #swim-x-joy-carousel .swim-x-joy-pagination,
.swim-x-page #swim-x-joy-carousel .swim-x-joy-pagination.swiper-pagination,
.swim-x-page #swim-x-joy-carousel .swim-x-joy-pagination.swiper-pagination-bullets,
.swim-x-page #swim-x-joy-carousel .swim-x-joy-pagination.swiper-pagination-horizontal {
	position: relative;
	left: auto;
	right: auto;
	top: auto;
	bottom: auto;
	width: 100%;
	min-width: 0;
	max-width: none;
	height: 100%;
	margin: 0;
	padding: 0;
	transform: none;
	text-align: left;
}

.swim-x-page #swim-x-joy-carousel .swim-x-joy-wave {
	bottom: 0px;
}

.swim-x-page #swim-x-joy-carousel .swim-x-joy-wave-path {
	transition: d 0.45s cubic-bezier(0.22, 1, 0.36, 1);
}

.swim-x-page #swim-x-joy-carousel .swim-x-joy-pagination .swiper-pagination-bullet {
	position: absolute;
	top: 50%;
	width: 10px;
	height: 10px;
	margin: 0;
	border-radius: 50%;
	background: #cccccc;
	opacity: 1;
	cursor: pointer;
	transform: translate(-50%, -50%);
	transition:
		background 0.3s ease,
		width 0.3s ease,
		height 0.3s ease;
	z-index: 2;
}

/* 与 index.js buildJoyWavePath 波峰 x（80/160/240/320 @ viewBox 400）同比例 */
.swim-x-page #swim-x-joy-carousel .swim-x-joy-pagination .swiper-pagination-bullet:nth-child(1) {
	left: 20%;
}

.swim-x-page #swim-x-joy-carousel .swim-x-joy-pagination .swiper-pagination-bullet:nth-child(2) {
	left: 40%;
}

.swim-x-page #swim-x-joy-carousel .swim-x-joy-pagination .swiper-pagination-bullet:nth-child(3) {
	left: 60%;
}

.swim-x-page #swim-x-joy-carousel .swim-x-joy-pagination .swiper-pagination-bullet:nth-child(4) {
	left: 80%;
}

/* Park — 卡片标题 Bold 覆盖全局 SemiBold */
.swim-x-page #swim-x-park .swim-x-park-card .swim-x-title.font-bold {
	font-weight: 700;
}

/* Park — 768 以下 Figma 12843:907 固定 px，不随视口缩放（图片除外） */
@media (max-width: 767px) {
	.swim-x-page #swim-x-park .swim-x-park__inner {
		padding-top: 24px;
		padding-bottom: 20px;
	}

	.swim-x-page #swim-x-park .swim-x-park__header {
		margin-bottom: 32px;
	}

	.swim-x-page #swim-x-park .swim-x-park__title {
		font-size: 24px !important;
		font-weight: 600 !important;
		line-height: 1.2 !important;
		letter-spacing: -0.48px !important;
	}

	.swim-x-page #swim-x-park .swim-x-park-title-line1 {
		margin-bottom: 2px;
	}

	.swim-x-page #swim-x-park .swim-x-park-title-underline {
		left: 50%;
		bottom: -4px;
		width: 170px;
		height: 12px;
		transform: translateX(-50%);
	}

	.swim-x-page #swim-x-park .swim-x-park-title-lockup {
		position: relative;
		display: block;
		width: 100%;
		max-width: 345px;
	}

	.swim-x-page #swim-x-park .swim-x-park-title-text {
		display: block;
		width: 100%;
	}

	/* Figma 13104:437 @345 锁扣宽：right 11px / top 0，锚定标题块右侧 */
	.swim-x-page #swim-x-park .swim-x-park-title-hand-picture {
		position: absolute;
		z-index: 2;
		top: 0;
		right: 50px;
		width: 40px;
		height: 40px;
		margin: 0;
	}

	.swim-x-page #swim-x-park .swim-x-park-title-hand {
		position: static;
		display: block;
		width: 40px;
		height: 40px;
		margin: 0;
		object-fit: contain;
	}

	.swim-x-page #swim-x-park .swim-x-park__deco--top {
		left: -77px;
		right: auto;
		top: -170px;
		width: 205px !important;
		height: 205px !important;
		transform: none !important;
		object-fit: contain;
		object-position: left top;
	}

	.swim-x-page #swim-x-park .swim-x-park__deco--bottom {
		display: none;
	}

	.swim-x-page #swim-x-park .swim-x-park-card__title {
		font-size: 16px !important;
		line-height: normal !important;
		letter-spacing: -0.32px !important;
	}

	.swim-x-page #swim-x-park .swim-x-park-card--wide .swim-x-park-card__title {
		font-weight: 600 !important;
	}

	.swim-x-page #swim-x-park .swim-x-park-card--half .swim-x-park-card__title,
	.swim-x-page #swim-x-park .swim-x-park-card--full .swim-x-park-card__title {
		font-weight: 700 !important;
	}

	.swim-x-page #swim-x-park .swim-x-park-card__desc {
		font-size: 12px !important;
		font-weight: 500 !important;
		letter-spacing: -0.12px !important;
	}

	.swim-x-page #swim-x-park .swim-x-park-card--wide .swim-x-park-card__desc {
		margin-top: 10px !important;
		line-height: normal !important;
	}

	.swim-x-page #swim-x-park .swim-x-park-card--half .swim-x-park-card__desc {
		margin-top: 11px !important;
		line-height: 12px !important;
	}

	.swim-x-page #swim-x-park .swim-x-park-card--full .swim-x-park-card__desc {
		margin-top: 10px !important;
		line-height: normal !important;
	}

	.swim-x-page #swim-x-park .swim-x-park-card__copy {
		bottom: 10px;
		left: 10px;
		right: 10px;
	}

	/* 移动图位 — 对齐 Figma 12843:907 各卡裁切，与 PC 同卡同图同文案 */
	.swim-x-page #swim-x-park .swim-x-park-card__media img {
		width: 100%;
		height: 100%;
		object-fit: cover;
	}

	.swim-x-page #swim-x-park .swim-x-park-card--park-card-01 .swim-x-park-card__media img {
		object-position: top center;
	}

	.swim-x-page #swim-x-park .swim-x-park-card--park-card-02 .swim-x-park-card__media img {
		object-position: 57% 42%;
	}

	.swim-x-page #swim-x-park .swim-x-park-card--park-card-03 .swim-x-park-card__media img {
		object-position: 55% center;
	}

	.swim-x-page #swim-x-park .swim-x-park-card--park-card-04 .swim-x-park-card__media img {
		object-position: center center;
	}

	.swim-x-page #swim-x-park .swim-x-park-card--park-card-05 .swim-x-park-card__media img {
		object-position: 69% center;
	}

	/* Figma 13127:547 — Joy 移动端；section 裁切页面横滚，轮播区可见相邻 slide */
	.swim-x-page #swim-x-joy {
		overflow: hidden;
	}

	.swim-x-page #swim-x-joy > .swim-x-joy__inner {
		padding-bottom: 32px;
	}

	.swim-x-page #swim-x-joy .swim-x-joy__head {
		position: relative;
		padding-top: 48px;
	}

	.swim-x-page #swim-x-joy .swim-x-joy-title-lockup {
		position: relative;
		min-height: 58px;
	}

	/* 图标/黄线锚定标题块（227px @375），随标题居中而移动 */
	.swim-x-page #swim-x-joy .swim-x-joy-title-text {
		position: relative;
		display: block;
		width: 227px;
		max-width: calc(100% - 80px);
		margin-left: auto;
		margin-right: auto;
	}

	.swim-x-page #swim-x-joy .swim-x-joy-title-icon--left {
		position: absolute;
		z-index: 2;
		left: -17.18%;
		top: 11.25px;
		width: 32px;
		height: 32px;
	}

	.swim-x-page #swim-x-joy .swim-x-joy-title-icon--right {
		position: absolute;
		z-index: 2;
		left: calc(100% + 1.76%);
		top: 23.784px;
		width: 40px;
		height: 40px;
	}

	.swim-x-page #swim-x-joy .swim-x-joy-title-underline {
        position: absolute;
        z-index: 0;
        left: -14.3%;
        top: 38.31px;
        width: 126.58%;
        height: 37px;
        bottom: auto;
        transform: none;
        object-fit: fill;
        max-width: unset;
	}

	.swim-x-page #swim-x-joy .swim-x-joy__deco--top {
		left: 249px;
		top: -85px;
		width: 205px;
		height: 205px;
		object-fit: contain;
	}

	.swim-x-page #swim-x-joy .swim-x-joy__deco--bottom {
		left: -77px;
		top: 383px;
		width: 205px;
		height: 205px;
		object-fit: contain;
	}

	.swim-x-page #swim-x-joy #swim-x-joy-title {
		font-size: 24px !important;
		font-weight: 600 !important;
		line-height: 29px !important;
		letter-spacing: -0.48px !important;
		color: #333333 !important;
	}

	.swim-x-page #swim-x-joy .swim-x-joy__desc {
		margin-top: 28px !important;
		width: 309px;
		max-width: 100%;
		font-size: 14px !important;
		font-weight: 500 !important;
		line-height: 17px !important;
		letter-spacing: -0.14px !important;
		color: #666666 !important;
	}

	.swim-x-page #swim-x-joy-carousel {
		margin-top: 32px;
		overflow: visible;
	}

	/* 移动：高度随图片内容，不写死 680 */
	.swim-x-page #swim-x-joy-carousel .swim-x-joy-swiper,
	.swim-x-page #swim-x-joy-carousel .swiper-wrapper,
	.swim-x-page #swim-x-joy-carousel .swiper-slide,
	.swim-x-page #swim-x-joy-carousel .swim-x-slide-frame {
		height: auto !important;
	}

	.swim-x-page #swim-x-joy-carousel .swim-x-slide-frame picture {
		position: static;
		display: block;
		width: 100%;
		height: auto;
	}

	.swim-x-page #swim-x-joy-carousel .swim-x-joy-slide-img {
		display: block;
		width: 100%;
		height: auto;
		max-width: none;
		object-fit: cover;
		object-position: center;
		vertical-align: top;
	}

	.swim-x-page #swim-x-joy-carousel .swim-x-joy-swiper {
		overflow: visible;
	}

	.swim-x-page #swim-x-joy-carousel .swim-x-joy-swiper {
		perspective: 1200px;
	}

	.swim-x-page #swim-x-joy-carousel .swiper-slide-prev .swim-x-slide-frame {
		transform: perspective(1200px) rotateY(14deg);
		transform-origin: 100% 50%;
	}

	.swim-x-page #swim-x-joy-carousel .swiper-slide-next .swim-x-slide-frame {
		transform: perspective(1200px) rotateY(-14deg);
		transform-origin: 0% 50%;
	}

	.swim-x-page #swim-x-joy-carousel .swiper-slide-active .swim-x-slide-frame {
		transform: perspective(1200px) rotateY(0deg);
	}

	.swim-x-page #swim-x-joy-carousel .swim-x-joy-pagination-shell {
		width: 170px !important;
		min-width: 170px !important;
		max-width: 170px !important;
		height: 40px !important;
	}

	.swim-x-page #swim-x-joy-carousel .swim-x-joy-wave {
		height: 60px;
	}

	.swim-x-page #swim-x-joy-carousel .swim-x-joy-pagination .swiper-pagination-bullet {
		width: 6px;
		height: 6px;
	}
}

/* Park — 桌面端按设计稿比例自适应，高度随列宽计算 */
@media (min-width: 768px) {
	.swim-x-page #swim-x-park .swim-x-park-card__media {
		height: auto;
	}

	/* 下行 DOM 为移动顺序 Smart | Fits | Portable，桌面 order 恢复 PC 三列 */
	.swim-x-page #swim-x-park .swim-x-park__row-bottom > .swim-x-park-card--park-card-03 {
		order: 1;
	}

	.swim-x-page #swim-x-park .swim-x-park__row-bottom > .swim-x-park-card--park-card-04 {
		order: 2;
	}

	.swim-x-page #swim-x-park .swim-x-park__row-bottom > .swim-x-park-card--park-card-05 {
		order: 3;
	}

	.swim-x-page #swim-x-park .swim-x-park-card__media img {
		position: absolute;
		inset: 0;
		width: 100%;
		height: 100%;
		object-fit: cover;
		object-position: center;
	}
}

.swim-x-page #swim-x-joy-carousel .swim-x-joy-pagination .swiper-pagination-bullet-active {
	width: 14px;
	height: 14px;
	background: #1D96FF;
	transform: translate(-50%, -50%);
}

@media (min-width: 768px) {
	.swim-x-page #swim-x-joy {
		overflow: hidden;
	}

	.swim-x-page #swim-x-joy-carousel {
		overflow: visible;
	}
}

/* AI Inverter — 桌面：标题 + 海报 + 视频上下排列 / 移动自动播放 */
.swim-x-page .swim-x-inverter__track--desktop {
	display: none;
}

.swim-x-page .swim-x-inverter__mobile {
	display: block;
}

@media (min-width: 768px) {
	.swim-x-page .swim-x-inverter__track--desktop {
		display: block;
	}

	.swim-x-page .swim-x-inverter__mobile {
		display: none !important;
	}

	#swim-pmsm-motor {
		padding-bottom: 0;
	}

	.swim-x-page .swim-x-inverter__track--desktop {
		position: relative;
		height: auto !important;
	}

	.swim-x-page .swim-x-inverter__track--desktop .swim-x-inverter__stage {
		position: relative;
		top: auto;
		z-index: auto;
		overflow: visible;
	}

	.swim-x-page .swim-x-inverter__track--desktop .swim-x-inverter__media--stacked {
		display: flex;
		flex-direction: column;
		width: 100%;
		height: auto;
		aspect-ratio: auto;
	}

	.swim-x-page .swim-x-inverter__track--desktop .swim-x-inverter__poster-wrap {
		position: relative;
		width: 100%;
	}

	.swim-x-page .swim-x-inverter__track--desktop .swim-x-inverter__poster {
		position: relative;
		inset: auto;
		z-index: 1;
		display: block;
		width: 100%;
		height: auto;
		max-width: none !important;
		transform: none;
		object-fit: cover;
		object-position: center;
	}

	/* [定位例外] 标题叠在海报顶部居中 */
	.swim-x-page .swim-x-inverter__track--desktop .swim-x-inverter__intro {
		position: absolute;
		inset: 0 0 auto;
		z-index: 2;
		box-sizing: border-box;
		width: 100%;
		padding: clamp(20px, 2.6vw, 50px) clamp(15px, 3.33vw, 64px) 0;
		text-align: center;
		opacity: 1;
	}

	.swim-x-page .swim-x-inverter__track--desktop .swim-x-inverter__video {
		position: relative;
		inset: auto;
		z-index: auto;
		display: block;
		width: 100%;
		height: clamp(432px, 56.25vw, 1080px);
		max-width: none !important;
		object-fit: cover;
		object-position: center;
	}
}

.swim-x-page .swim-x-inverter__media {
	position: relative;
	aspect-ratio: 16 / 9;
	width: 100%;
}

/* 移动：海报 + 播放按钮 */
.swim-x-page .swim-x-inverter__media--mobile {
	aspect-ratio: 1 / 1;
	width: 100%;
	/* max-width: 375px; */
	margin: 0 auto;
	overflow: hidden;
}

.swim-x-page .swim-x-inverter__mobile-head {
	background: #f5f5f7;
}

.swim-x-page .swim-x-inverter__mobile-ai-word {
	position: relative;
	display: inline-block;
	padding-bottom: 6px;
	white-space: nowrap;
}

.swim-x-page .swim-x-inverter__mobile-ai-underline {
	position: absolute;
	left: 50%;
	bottom: 0;
	width: 90px;
	height: 10px;
	transform: translateX(-50%);
	pointer-events: none;
}

.swim-x-page .swim-x-inverter__media--mobile .swim-x-inverter__video--mobile {
	position: absolute;
	inset: 0;
	z-index: 1;
	width: 100%;
	height: 100%;
	object-fit: cover;
	opacity: 0;
	pointer-events: none;
}

.swim-x-page .swim-x-inverter__media--mobile.is-playing .swim-x-inverter__video--mobile {
	opacity: 1;
	pointer-events: auto;
}

.swim-x-page .swim-x-inverter__poster--mobile {
	position: absolute;
	inset: 0;
	z-index: 2;
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: opacity 0.35s ease, visibility 0.35s ease;
}

.swim-x-page .swim-x-inverter__media--mobile.is-playing .swim-x-inverter__poster--mobile {
	opacity: 0;
	visibility: hidden;
}

.swim-x-page .swim-x-inverter__play-btn {
	position: absolute;
	left: 50%;
	top: 50%;
	z-index: 4;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 48px;
	height: 48px;
	margin: 0;
	padding: 0;
	border: 0;
	border-radius: 50%;
	background: rgba(255, 255, 255, 0.92);
	box-shadow: 0 4px 24px rgba(0, 0, 0, 0.15);
	transform: translate(-50%, -50%);
	cursor: pointer;
	transition: opacity 0.35s ease, visibility 0.35s ease;
}

.swim-x-page .swim-x-inverter__media--mobile.is-playing .swim-x-inverter__play-btn {
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
}

/* 移动端：静音循环自动播放，隐藏封面与播放钮 */
.swim-x-page .swim-x-inverter__media--mobile.swim-x-inverter__media--autoplay .swim-x-inverter__video--mobile {
	opacity: 1;
	pointer-events: none;
}

.swim-x-page .swim-x-inverter__media--mobile.swim-x-inverter__media--autoplay .swim-x-inverter__poster--mobile,
.swim-x-page .swim-x-inverter__media--mobile.swim-x-inverter__media--autoplay .swim-x-inverter__play-btn {
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
}

.swim-x-page .swim-x-inverter__play-icon {
	display: block;
	width: 0;
	height: 0;
	margin-left: 2px;
	border-width: 9px 0 9px 14px;
	border-style: solid;
	border-color: transparent transparent transparent #1D96FF;
}

/* App Control — 舞台 990px，内容 1520px */
@media (min-width: 768px) {
	.swim-x-page .swim-x-control__phone-wrap {
		overflow: hidden;
	}

	.swim-x-page .swim-x-control__phone {
		transform: translate3d(0, 100%, 0);
		transition: transform 0.9s cubic-bezier(0.22, 1, 0.36, 1);
		will-change: transform;
	}

	.swim-x-page #swim-x-control.swim-x-control--phone-entered .swim-x-control__phone {
		transform: translate3d(0, 0, 0);
	}
}

@media (min-width: 768px) and (prefers-reduced-motion: reduce) {
	.swim-x-page .swim-x-control__phone {
		transform: none;
		transition: none;
	}

	.swim-x-page #swim-x-control.swim-x-control--phone-entered .swim-x-control__phone {
		transform: none;
	}
}

/* App Control 标题分行（语义上仍为单个 H2，仅视觉换行） */
.swim-x-page .swim-x-control__title-line {
	display: block;
}

.swim-x-page .swim-x-control__scroller {
	display: none !important;
	position: relative;
	background: #fff;
}

.swim-x-page .swim-x-control__mobile {
	display: none !important;
	flex-direction: column;
	gap: clamp(48px, 5vw, 96px);
	padding: clamp(48px, 5vw, 96px) 15px;
	background: #fff;
}

@media (min-width: 768px) {
	.swim-x-page .swim-x-control__scroller {
		display: block !important;
	}

	.swim-x-page .swim-x-control__mobile {
		display: none !important;
	}

	/* 1920：首屏 56px / 其余 48px；768–1920 等比 vw 缩放 */
	.swim-x-page .swim-x-control__scroller .swim-x-control__panel-title--lead {
		font-size: clamp(22.4px, 2.9167vw, 56px);
	}

	.swim-x-page .swim-x-control__scroller .swim-x-control__panel-title:not(.swim-x-control__panel-title--lead) {
		font-size: clamp(19.2px, 2.5vw, 48px);
	}

	/* PC 不展示 control-arrow-deco.svg（仅移动端结构保留 mb 箭头占位） */
	.swim-x-page .swim-x-control__scroller .swim-x-control__panel-arrow {
		display: none !important;
	}

	#swim-fun-water{
		padding-bottom: 0px !important;
	}
	#swim-x-worries{
		padding-top: clamp(40px, 5vw, 90px);
	}
	
	#swim-x-worries .swim-x-worries__feature:nth-child(1) .swim-x-desc {
		max-width: 240px !important;
	}

	#swim-x-worries .swim-x-worries__feature:nth-child(2) .swim-x-desc {
		max-width: 240px !important;
	}

	#swim-x-worries .swim-x-worries__feature:nth-child(3) .swim-x-desc {
		max-width: 240px !important;
	}
}

.swim-x-page .swim-x-inverter{
	padding-bottom: 0px !important;
}

@media (max-width: 767px) {
	#swim-pmsm-motor{
		padding-bottom: 0px;
		padding-top: 0px;
	}
	.swim-x-page .swim-x-control__mobile {
		display: flex !important;
		flex-direction: column;
		gap: 0;
		padding: 54px 15px 48px;
	}

	.swim-x-page .swim-x-control__mobile-panel--phone {
		display: flex;
		flex-direction: column;
		align-items: center;
		margin-bottom: 48px;
	}

	.swim-x-page .swim-x-control__mobile-phone-head {
		box-sizing: border-box;
		width: 100%;
		padding-left: 0;
		padding-right: 0;
	}

	.swim-x-page .swim-x-control__mobile-phone-title {
		font-size: 24px;
		font-weight: 600;
		line-height: 1.2;
		letter-spacing: -0.48px;
		white-space: nowrap;
	}

	.swim-x-page .swim-x-control__mobile-phone-desc {
		margin-top: 8px;
		font-size: 14px;
		font-weight: 500;
		line-height: 1.2;
		letter-spacing: -0.14px;
		text-align: center;
	}

	.swim-x-page .swim-x-control__mobile-phone-arrow {
		display: none;
		width: 121px;
		height: 26px;
		margin-top: 12px;
		margin-left: auto;
		margin-right: 18px;
		object-fit: contain;
	}

	.swim-x-page .swim-x-control__mobile-phone-img {
		width: 279.352px;
		max-width: 100%;
		margin-top: 30px;
		object-fit: cover;
		object-position: top;
		clip-path: inset(0 0 108px 0);
		margin-bottom: -108px;
	}

	/* Figma 12971:609 / 12971:557 — 第 2 模块起：图 345×214 · 圆角 8 · 左对齐文案 */
	.swim-x-page .swim-x-control__mobile-panel--feature {
		box-sizing: border-box;
		width: 100%;
		align-self: stretch;
	}

	.swim-x-page .swim-x-control__mobile-panel--feature + .swim-x-control__mobile-panel--feature {
		margin-top: 40px;
	}

	/* 左右固定 15px：由 .swim-x-control__mobile padding 控制，内容区 100% 宽 */
	.swim-x-page .swim-x-control__mobile-feature {
		box-sizing: border-box;
		width: 100%;
		max-width: none;
		margin: 0;
		padding: 0;
	}

	.swim-x-page .swim-x-control__mobile-feature-media-wrap {
		position: relative;
		width: 100%;
		height: 214px;
		overflow: hidden;
		border-radius: 8px;
	}

	.swim-x-page .swim-x-control__mobile-feature-media,
	.swim-x-page .swim-x-control__mobile-feature-media-wrap .swim-x-control__panel-video {
		display: block;
		width: 100%;
		height: 214px;
		max-height: none;
		border-radius: 8px;
		object-fit: cover;
		object-position: center;
	}

	.swim-x-page .swim-x-control__mobile-nozzle-label {
		position: absolute;
		left: 50%;
		z-index: 1;
		margin: 0;
		font-size: 12px !important;
		font-weight: 700 !important;
		line-height: 1 !important;
		color: #ffffff;
		white-space: nowrap;
		pointer-events: none;
	}

	.swim-x-page .swim-x-control__mobile-nozzle-label--high {
		top: 87px;
		transform: translate(-50%, -50%);
	}

	.swim-x-page .swim-x-control__mobile-nozzle-label--low {
		top: 194px;
		transform: translate(-50%, -50%);
	}

	.swim-x-page .swim-x-control__mobile-feature-title {
		margin-top: 24px;
		font-size: 24px !important;
		font-weight: 600 !important;
		line-height: 1.1 !important;
		letter-spacing: -0.48px !important;
		text-align: left;
	}

	.swim-x-page .swim-x-control__mobile-feature-desc {
		margin-top: 16px;
		font-size: 14px !important;
		font-weight: 400 !important;
		line-height: 1.2 !important;
		letter-spacing: -0.14px !important;
		text-align: left;
	}
	#swim-pools{
		padding-top: 32px;
		padding-bottom: 24px;
	}
	.swim-x-page #swim-x-joy-carousel .swim-x-joy-pagination .swiper-pagination-bullet-active {
		width: 8px;
		height: 8px;
	}
}

@media (min-width: 768px) {
	/* worries 特性文案与图标在桌面端竖直居中 */
	#swim-x-worries .swim-x-worries__feature {
		align-items: center !important;
	}

	#swim-x-worries .swim-x-worries__icon {
		align-self: center !important;
		margin-top: 0 !important;
	}
}

.swim-x-page .swim-x-control__sticky {
	position: sticky;
	top: 0;
	z-index: 5;
	width: 100%;
	height: 990px;
	overflow: hidden;
	background: #fff;
}

.swim-x-page .swim-x-control__strip {
	display: flex;
	height: 100%;
	width: 400%;
	will-change: transform;
}

.swim-x-page .swim-x-control__slide {
	flex: 0 0 25%;
	width: 25%;
	height: 100%;
	display: flex;
	align-items: center;
	box-sizing: border-box;
	background: #fff;
}