@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;}
}
/* Figtree：与稿面 font-weight 400/500/600/700 对应；/module/custom-web/products/M1 由模块加载时替换为 M1 绝对路径 */
@font-face {
	font-family: Figtree;
	src: url("/module/custom-web/products/M1/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/M1/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/M1/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/M1/images/fonts/Figtree-Bold.ttf") format("truetype");
	font-style: normal;
	font-weight: 700;
	font-display: swap;
}


/* M1-AI Hero Module (Figma node: 10692:3726) */
.m1-page,
.m1-page * {
	box-sizing: border-box;
	font-family: Figtree, sans-serif;
}
.m1-page {
	box-sizing: border-box;
	overflow-x: hidden;
	/* clip 不建立滚动容器，子模块 position:sticky 才能相对视口（如 #m1-specs 表头）；不支持时回退 hidden */
	overflow-x: clip;
	background: #000;
	/* 站头约 68px，仅用于首屏 Hero；子导航占位 .m1-subnav-holder 高 64px，用于其余大屏全屏块 */
	--m1-site-header-h: 68px;
	--m1-subnav-holder-h: 64px;
	--m1-hero-avail-vh: calc(100vh - var(--m1-site-header-h));
	--m1-stage-avail-vh: calc(100vh - var(--m1-subnav-holder-h));
	/* 主内容列宽：默认 min(1200, 100%)；≤1328 见 --m1-page-gutter-x(64px) + --m1-content-px（用 100% 与变量边距，避免整页 padding 缩进 Hero） */
	--m1-content-px: min(1200px, 100%);
}

@supports (height: 100svh) {
	.m1-page {
		--m1-hero-avail-vh: calc(100svh - var(--m1-site-header-h));
		--m1-stage-avail-vh: calc(100svh - var(--m1-subnav-holder-h));
	}
}

/* 站外壳层 .custom_web_products_m1_0Wrap 常带较大 padding-bottom；M1 全屏黑底会在视口下沿露出一条底缝，须清零 */
.custom_web_products_m1_0Wrap.m1-page {
	padding-bottom: 0 !important;
}

.m1-page img {
	display: block;
	max-width: 100%;
}

/* 位图切换 src 前隐藏，避免 404/探测过程出现破损图标；加载成功后 .m1-raster-ready */
.m1-page img.m1-raster-pending {
	opacity: 0;
}

.m1-page a {
	text-decoration: none;
}

/* 商标 ™ 上标（index.php 使用 <sup class="m1-tm">&trade;</sup>，避免源文件编码损坏显示为 ?） */
.m1-page .m1-tm {
	display: inline-block;
	margin-left: 1px;
	font-size: 0.58em;
	font-weight: 400;
	line-height: 1;
	vertical-align: super;
	position: relative;
	top: -0.12em;
}

/* 进入视口后由 setupM1ScrollReveal 加 .m1-reveal--visible；IO 仅在视口中段重叠时触发，避免滚过已播完；与黑底、Figtree 一致（全 px） */
[data-m1-reveal] {
	opacity: 0;
	-webkit-transform: translate3d(0, 40px, 0);
	transform: translate3d(0, 40px, 0);
	-webkit-transition: opacity 1.15s cubic-bezier(0.22, 1, 0.36, 1), -webkit-transform 1.15s cubic-bezier(0.22, 1, 0.36, 1);
	transition: opacity 1.15s cubic-bezier(0.22, 1, 0.36, 1), transform 1.15s cubic-bezier(0.22, 1, 0.36, 1);
}

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

[data-m1-reveal-stagger] > * {
	opacity: 0;
	-webkit-transform: translate3d(0, 36px, 0);
	transform: translate3d(0, 36px, 0);
	-webkit-transition: opacity 1.05s cubic-bezier(0.22, 1, 0.36, 1), -webkit-transform 1.05s cubic-bezier(0.22, 1, 0.36, 1);
	transition: opacity 1.05s cubic-bezier(0.22, 1, 0.36, 1), transform 1.05s cubic-bezier(0.22, 1, 0.36, 1);
}

[data-m1-reveal-stagger].m1-reveal--visible > * {
	opacity: 1;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

[data-m1-reveal-stagger].m1-reveal--visible > *:nth-child(1) {
	-webkit-transition-delay: 0ms;
	transition-delay: 0ms;
}

[data-m1-reveal-stagger].m1-reveal--visible > *:nth-child(2) {
	-webkit-transition-delay: 120ms;
	transition-delay: 120ms;
}

[data-m1-reveal-stagger].m1-reveal--visible > *:nth-child(3) {
	-webkit-transition-delay: 240ms;
	transition-delay: 240ms;
	
}

[data-m1-reveal-stagger].m1-reveal--visible > *:nth-child(4) {
	-webkit-transition-delay: 360ms;
	transition-delay: 360ms;
}

[data-m1-reveal-stagger].m1-reveal--visible > *:nth-child(5) {
	-webkit-transition-delay: 480ms;
	transition-delay: 480ms;
}

[data-m1-reveal-stagger].m1-reveal--visible > *:nth-child(6) {
	-webkit-transition-delay: 600ms;
	transition-delay: 600ms;
}

[data-m1-reveal-stagger].m1-reveal--visible > *:nth-child(7) {
	-webkit-transition-delay: 720ms;
	transition-delay: 720ms;
}

[data-m1-reveal-stagger].m1-reveal--visible > *:nth-child(8) {
	-webkit-transition-delay: 840ms;
	transition-delay: 840ms;
}

[data-m1-reveal-stagger].m1-reveal--visible > *:nth-child(9) {
	-webkit-transition-delay: 960ms;
	transition-delay: 960ms;
}

[data-m1-reveal-stagger].m1-reveal--visible > *:nth-child(10) {
	-webkit-transition-delay: 1080ms;
	transition-delay: 1080ms;
}

[data-m1-reveal-stagger].m1-reveal--visible > *:nth-child(11) {
	-webkit-transition-delay: 1200ms;
	transition-delay: 1200ms;
}

[data-m1-reveal-stagger].m1-reveal--visible > *:nth-child(12) {
	-webkit-transition-delay: 1320ms;
	transition-delay: 1320ms;
}

/* 滚离视口后瞬时复位，便于再次从上方滑入时重播 reveal（无退出过渡闪） */
[data-m1-reveal].m1-reveal--instant,
[data-m1-reveal].m1-reveal--instant * {
	-webkit-transition: none !important;
	transition: none !important;
}

[data-m1-reveal-stagger].m1-reveal--instant > * {
	-webkit-transition: none !important;
	transition: none !important;
}

/* 占位避免 is-fixed 后塌陷；首屏 Hero 完全滚出视口后 JS 加 .m1-subnav-holder--reveal 再显示并吸顶 */
.m1-subnav-holder {
	position: relative;
	width: 100%;
	height: 0;
	min-height: 0;
	overflow: hidden;
	visibility: hidden;
	pointer-events: none;
	z-index: 50;
	background: #1f1f1f;
}

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

/* 左右留白由 index.js 写 --m1-subnav-pad-x：大屏最大 480px，视口变窄自动减小，最小 16px（不用 vw，便于与全 px 规范一致） */
.m1-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(--m1-subnav-pad-x, 16px);
	padding-right: var(--m1-subnav-pad-x, 16px);
	background: #000000;
}

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

/* index.js 吸顶时隐藏站顶；站头全局 transition:all 0.5s 会拖慢 visibility，且站头高于 64px 子导航，缝中会露出白字 — 须瞬时 opacity+visibility 并取消过渡 */
#ly_web_header_0001_0.m1-subnav-site-header-hidden {
	opacity: 0 !important;
	visibility: hidden !important;
	pointer-events: none;
	transition: none !important;
}

/* Figma 11100:2407；inner 内容宽 1285px。2560 画板同节点若直接缩百分比会与 813px 链接区在窄 inner 内重叠，故桌面用 flex：左标题 | 中小标题（可横滚）| 右按钮；间距在 inner 内可调 */
.m1-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: 1600px;
	margin: 0 auto;
	height: 64px;
}

.m1-subnav__brand {
	position: static;
	z-index: 2;
	flex-shrink: 0;
	margin: 0;
	transform: none;
	color: #FFFFFF;
	font-size: 24px;
	font-weight: 600;
	line-height: 24px;
	letter-spacing: -0.96px;
	white-space: nowrap;
}

/* Figma 11100:2414；侧缘淡化；flex 子项占中间剩余宽度；链接组在区内居左 */
.m1-subnav__links-scroll {
	position: static;
	z-index: 4;
	flex: 1 1 auto;
	align-self: stretch;
	min-width: 0;
	width: auto;
	max-width: none;
	margin: 0;
	transform: none;
	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;
	/* 默认仅右侧淡出：链接居左且停在开头时，左侧不再做 mask，避免首词发灰（原双侧渐变会把左侧吃进透明区） */
	-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;
}

.m1-subnav__links-scroll.m1-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%
	);
}

.m1-subnav__links-scroll.m1-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%
	);
}

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

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

.m1-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;
}

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

.m1-subnav__link {
	position: relative;
	display: block;
	padding: 0;
	color: rgba(255, 255, 255, 0.4);
	font-size: 16px;
	font-weight: 500;
	line-height: 16px;
	letter-spacing: -0.64px;
	white-space: nowrap;
	border-bottom: none;
	transition: color 160ms ease;
}

.m1-subnav__link:hover {
	color: rgba(255, 255, 255, 0.85);
}

.m1-subnav__link.is-active {
	color: #FFFFFF;
}

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

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

/* Figma 11100:2410 Component 55 多段渐变 */
.m1-subnav__actions {
	position: static;
	z-index: 5;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-items: center;
	gap: 12px;
	flex-shrink: 0;
	margin: 0;
	transform: none;
}

.m1-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;
}

.m1-subnav__cta--buy {
	background-color: #1882DF;
	background-image: linear-gradient(
		90deg,
		rgb(29, 150, 255) 0%,
		rgb(28, 148, 251) 11.111%,
		rgb(28, 146, 248) 22.222%,
		rgb(27, 143, 244) 33.333%,
		rgb(27, 141, 241) 44.444%,
		rgb(26, 139, 237) 55.556%,
		rgb(26, 137, 234) 66.667%,
		rgb(25, 134, 230) 77.778%,
		rgb(25, 132, 227) 88.889%,
		rgb(24, 130, 223) 100%
	);
	color: #FFFFFF;
}

/* 白底次级按钮，对齐首屏 m1-hero__cta--watch */
.m1-subnav__cta--amazon {
	background: #FAFAFA;
	background-image: none;
	color: #1D96FF;
}

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

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

/* Figma 11745:429 @375×84 — 上行 48px（标题 y16 + CTA 82×30 y9），下行 36px（锚点区 y56 高 20，右缘贴屏） */
@media (max-width: 767px) {
	.m1-page {
		--m1-subnav-holder-h: 84px;
	}

	.m1-subnav-holder.m1-subnav-holder--reveal {
		background: #000000;
	}

	.m1-subnav {
		height: 84px;
		padding-left: 15px;
		padding-right: 15px;
		background: #000000;
	}

	.m1-subnav.is-fixed {
		box-shadow: none;
	}

	.m1-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;
		justify-items: stretch;
		width: 100%;
		max-width: none;
		height: 84px;
		margin: 0;
	}

	.m1-subnav__brand {
		grid-column: 1;
		grid-row: 1;
		align-self: start;
		margin: 0;
		padding: 16px 0 0 0;
		max-width: 100%;
		min-width: 0;
		height: auto;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		color: #ffffff;
		font-size: 16px;
		font-weight: 600;
		line-height: 16px;
		letter-spacing: -0.64px;
	}

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

	.m1-subnav__cta {
		flex-shrink: 0;
		height: 30px;
		font-size: 12px;
		font-weight: 600;
		line-height: 14px;
		letter-spacing: 0;
	}

	.m1-subnav__cta--amazon {
		padding: 8px 12px;
		min-width: 0;
	}

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

	.m1-subnav__links-scroll {
		grid-column: 1 / -1;
		grid-row: 2;
		position: relative;
		flex: none;
		align-self: start;
		box-sizing: border-box;
		width: calc(100% + 15px);
		height: 36px;
		min-height: 36px;
		margin: 0 -15px 0 0;
		padding: 8px 0 0 0;
		overflow-x: auto;
		overflow-y: hidden;
		-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%
		);
	}

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

	.m1-subnav__links {
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
		align-items: flex-start;
		justify-content: flex-start;
		gap: 12px;
		height: 20px;
		min-height: 20px;
		margin: 0;
		padding: 0;
		list-style: none;
	}

	.m1-subnav__item {
		flex-shrink: 0;
		height: 20px;
	}

	.m1-subnav__link {
		display: inline-block;
		height: 20px;
		padding: 0;
		box-sizing: border-box;
		color: rgba(255, 255, 255, 0.4);
		font-size: 14px;
		font-weight: 500;
		line-height: 14px;
		letter-spacing: 0;
		white-space: nowrap;
		vertical-align: top;
	}

	.m1-subnav__link:hover {
		color: rgba(255, 255, 255, 0.85);
	}

	.m1-subnav__link.is-active {
		color: #ffffff;
	}

	.m1-subnav__link.is-active::after {
		left: 0;
		right: auto;
		top: auto;
		bottom: 0;
		width: 100%;
		height: 2px;
		border-radius: 0;
		background: #ffffff;
	}

	.m1-page.m1-subnav-fixed-active #m1-overview,
	.m1-page.m1-subnav-fixed-active #m1-trust-strip,
	.m1-page.m1-subnav-fixed-active #m1-trust-features,
	.m1-page.m1-subnav-fixed-active #m1-dual-cam,
	.m1-page.m1-subnav-fixed-active #m1-pool-match,
	.m1-page.m1-subnav-fixed-active #m1-pool-read,
	.m1-page.m1-subnav-fixed-active #m1-sees-miss,
	.m1-page.m1-subnav-fixed-active #m1-ai-eco-saving,
	.m1-page.m1-subnav-fixed-active #m1-better-in-pairs,
	.m1-page.m1-subnav-fixed-active #m1-sleek-build,
	.m1-page.m1-subnav-fixed-active #m1-smarter-clean,
	.m1-page.m1-subnav-fixed-active #m1-quick-clean,
	.m1-page.m1-subnav-fixed-active #m1-perception,
	.m1-page.m1-subnav-fixed-active #m1-neural-train,
	.m1-page.m1-subnav-fixed-active #m1-ai-target-suction,
	.m1-page.m1-subnav-fixed-active #m1-month-freedom,
	.m1-page.m1-subnav-fixed-active #m1-trio-rise,
	.m1-page.m1-subnav-fixed-active #m1-specs {
		scroll-margin-top: 84px;
	}

	.m1-page.m1-subnav-fixed-active #m1-specs .m1-specs__head-fixed {
		top: 84px;
	}
}

#m1-overview,
#m1-trust-strip,
#m1-trust-features,
#m1-dual-cam,
#m1-pool-match,
#m1-pool-read,
#m1-sees-miss,
#m1-ai-eco-saving,
#m1-better-in-pairs,
#m1-sleek-build,
#m1-smarter-clean,
#m1-quick-clean,
#m1-perception,
#m1-ai-target-suction,
#m1-month-freedom,
#m1-trio-rise,
#m1-specs {
	scroll-margin-top: 132px;
}

.m1-page.m1-subnav-fixed-active #m1-overview,
.m1-page.m1-subnav-fixed-active #m1-trust-strip,
.m1-page.m1-subnav-fixed-active #m1-trust-features,
.m1-page.m1-subnav-fixed-active #m1-dual-cam,
.m1-page.m1-subnav-fixed-active #m1-pool-match,
.m1-page.m1-subnav-fixed-active #m1-pool-read,
.m1-page.m1-subnav-fixed-active #m1-sees-miss,
.m1-page.m1-subnav-fixed-active #m1-ai-eco-saving,
.m1-page.m1-subnav-fixed-active #m1-better-in-pairs,
.m1-page.m1-subnav-fixed-active #m1-sleek-build,
.m1-page.m1-subnav-fixed-active #m1-smarter-clean,
.m1-page.m1-subnav-fixed-active #m1-quick-clean,
.m1-page.m1-subnav-fixed-active #m1-perception,
.m1-page.m1-subnav-fixed-active #m1-ai-target-suction,
.m1-page.m1-subnav-fixed-active #m1-month-freedom,
.m1-page.m1-subnav-fixed-active #m1-trio-rise,
.m1-page.m1-subnav-fixed-active #m1-specs {
	scroll-margin-top: 64px;
}

/* Figma 10991:4642：内容区 max-width 1200px 水平居中；Trust strip 跑马灯由 index.js rAF 写 transform；模块整体浅灰渐变（与页底黑衔接） */
.m1-trust-strip {
	--m1-trust-marquee-shift: 572px;
	width: 100%;
	min-width: 320px;
	overflow: hidden;
}

.m1-trust-strip__inner {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
	column-gap: 158px;
	box-sizing: border-box;
	width: var(--m1-content-px);
	max-width: none;
	margin-left: auto;
	margin-right: auto;
	min-height: 256px;
	padding: 72px 0;
	overflow: hidden;
	flex-wrap: nowrap;
}

.m1-trust-strip__copy {
	flex: 0 0 470px;
	width: 470px;
	max-width: none;
	flex-shrink: 0;
}

.m1-trust-strip__title {
	margin: 0 0 16px 0;
	padding: 0;
	color: #FFFFFF;
	font-size: 40px;
	font-weight: 600;
	line-height: 48px;
	letter-spacing: 0px;
}

.m1-trust-strip__lede {
	margin: 0;
	padding: 0;
}

.m1-trust-strip__lede-line {
	margin: 0;
	padding: 0;
	color: #FFFFFF;
	font-size: 16px;
	font-weight: 400;
	line-height: 23.52px;
	letter-spacing: 0px;
}

.m1-trust-strip__marquee {
	flex: 0 0 auto;
	width: auto;
	margin-left: auto;
	flex-shrink: 0;
}

.m1-trust-strip__marquee-viewport {
	width: var(--m1-trust-marquee-shift, 572px);
	max-width: none;
	overflow: hidden;
	position: relative;
	touch-action: pan-x pinch-zoom;
	overscroll-behavior-x: contain;
	--m1-marquee-fade-w: 90px;
}

/* 跑马灯/横滑轮播视口两侧渐隐（pointer-events:none 不挡滑动） */
.m1-trust-strip__marquee-viewport::before,
.m1-trust-strip__marquee-viewport::after {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	width: var(--m1-marquee-fade-w);
	z-index: 2;
	pointer-events: none;
}

.m1-trust-strip__marquee-viewport::before {
	left: 0;
	background: linear-gradient(90deg, #000000 0%, rgba(0, 0, 0, 0) 100%);
}

.m1-trust-strip__marquee-viewport::after {
	right: 0;
	background: linear-gradient(270deg, #000000 0%, rgba(0, 0, 0, 0) 100%);
}

.m1-trust-strip__marquee-track {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-items: center;
	width: -webkit-max-content;
	width: max-content;
	min-width: calc(2 * var(--m1-trust-marquee-shift, 572px));
	will-change: transform;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.m1-trust-strip__marquee-segment {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-items: center;
	column-gap: 20px;
	flex: 0 0 auto;
}

.m1-trust-strip__icon-cell {
	flex: 0 0 auto;
	width: 128px;
	height: 128px;
	overflow: hidden;
	display: flex;
	align-items: center;
	justify-content: center;
}

.m1-trust-strip__icon-img {
	display: block;
	width: 128px;
	height: 128px;
	object-fit: contain;
}

/* Figma 11133:1310；桌面两行 .m1-trust-features-grid__row 锁 590+590 / 387+386+387；圆角 20；入场动画用 --idx1~5 */
.m1-trust-strip__features {
	box-sizing: border-box;
	width: var(--m1-content-px);
	max-width: none;
	margin-left: auto;
	margin-right: auto;
	padding: 128px 0 191px 0;
}

.m1-trust-features-grid {
	display: flex;
	flex-direction: column;
	align-items: stretch;
	gap: 20px;
	max-width: none;
	margin-left: auto;
	margin-right: auto;
	box-sizing: border-box;
}

.m1-trust-features-grid__row {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-items: flex-start;
	justify-content: flex-start;
	gap: 20px;
	width: var(--m1-content-px);
	max-width: 100%;
	margin-left: auto;
	margin-right: auto;
	box-sizing: border-box;
}

.m1-trust-features-grid__row .m1-trust-features-grid__card {
	flex-shrink: 0;
}

/* DOM 顶行：idx2 左、idx1 右；入场位移仅在 scene，copy 不跟卡位移（避免线上无 --revealed 时文案被移出视口） */
.m1-trust-features-grid:not(.m1-trust-features-grid--revealed) .m1-trust-features-grid__card--idx1 .m1-trust-features-grid__scene {
	transform: translate(96px, -72px) scale(0.88);
}

.m1-trust-features-grid:not(.m1-trust-features-grid--revealed) .m1-trust-features-grid__card--idx2 .m1-trust-features-grid__scene {
	transform: translate(-96px, -72px) scale(0.88);
}

@media (min-width: 768px) {
	.m1-trust-features-grid__row--top .m1-trust-features-grid__card--lg {
		box-sizing: border-box;
		flex: 1 1 calc((100% - 20px) / 2);
		min-width: 0;
		max-width: 590px;
		width: auto;
		height: auto;
		aspect-ratio: 590 / 480;
		overflow: hidden;
	}

	.m1-trust-features-grid--revealed .m1-trust-features-grid__row--top .m1-trust-features-grid__card--idx1 .m1-trust-features-grid__scene,
	.m1-trust-features-grid--revealed .m1-trust-features-grid__row--top .m1-trust-features-grid__card--idx2 .m1-trust-features-grid__scene {
		transition-delay: 0ms;
		transform: none;
	}
}

@media (min-width: 1329px) {
	.m1-trust-features-grid__row--top .m1-trust-features-grid__card--lg {
		flex: 0 0 590px;
		width: 590px;
		height: 480px;
		max-width: none;
		aspect-ratio: auto;
	}
}

/* 进入视口后由 JS 加 --revealed；位移在 card，淡入仅在 scene（文案层 copy 始终可见，避免线上 IO/JS 未触发时整卡 opacity:0） */
.m1-trust-features-grid:not(.m1-trust-features-grid--revealed) .m1-trust-features-grid__scene {
	opacity: 0;
	filter: blur(10px);
	transition: none;
}

/* 文案层：与 --top 合并写，避免线上只识别到 __copy 时无定位被 scene 盖住 */
.m1-trust-features-grid__copy,
.m1-trust-features-grid__copy--top {
	position: absolute;
	left: 24px;
	right: 24px;
	top: 24px;
	bottom: auto;
	z-index: 8;
	max-width: 542px;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 0;
	opacity: 1;
	visibility: visible;
	pointer-events: none;
}

.m1-trust-features-grid__title,
.m1-trust-features-grid__title-line {
	opacity: 1;
	visibility: visible;
	color: #ffffff;
}

.m1-trust-features-grid:not(.m1-trust-features-grid--revealed) .m1-trust-features-grid__card--idx3 .m1-trust-features-grid__scene {
	transform: translate(-104px, 88px) scale(0.88);
}

.m1-trust-features-grid:not(.m1-trust-features-grid--revealed) .m1-trust-features-grid__card--idx4 .m1-trust-features-grid__scene {
	transform: translate(0px, 96px) scale(0.88);
}

.m1-trust-features-grid:not(.m1-trust-features-grid--revealed) .m1-trust-features-grid__card--idx5 .m1-trust-features-grid__scene {
	transform: translate(104px, 88px) scale(0.88);
}

.m1-trust-features-grid--revealed .m1-trust-features-grid__scene {
	opacity: 1;
	filter: blur(0px);
	transform: none;
	transition:
		opacity 0.95s cubic-bezier(0.16, 1, 0.3, 1),
		transform 1.1s cubic-bezier(0.16, 1, 0.3, 1),
		filter 0.9s cubic-bezier(0.16, 1, 0.3, 1);
}

.m1-trust-features-grid--revealed .m1-trust-features-grid__card--idx1 .m1-trust-features-grid__scene {
	transition-delay: 0ms;
}

.m1-trust-features-grid--revealed .m1-trust-features-grid__card--idx2 .m1-trust-features-grid__scene {
	transition-delay: 90ms;
}

.m1-trust-features-grid--revealed .m1-trust-features-grid__card--idx3 .m1-trust-features-grid__scene {
	transition-delay: 180ms;
}

.m1-trust-features-grid--revealed .m1-trust-features-grid__card--idx4 .m1-trust-features-grid__scene {
	transition-delay: 270ms;
}

.m1-trust-features-grid--revealed .m1-trust-features-grid__card--idx5 .m1-trust-features-grid__scene {
	transition-delay: 360ms;
}

/* 自下而上进入视口：直接末帧，不播放位移过渡 */
.m1-trust-features-grid--revealed.m1-trust-features-grid--reveal-instant .m1-trust-features-grid__scene {
	transition: none !important;
	transition-delay: 0ms !important;
}

.m1-trust-features-grid__card {
	position: relative;
	flex-shrink: 0;
	box-sizing: border-box;
	overflow: visible;
	border-radius: 20px;
	background: #000000;
}

.m1-trust-features-grid__card[data-m1-trust-anchor] {
	cursor: pointer;
}

/* PC 锚点：原生 href 可跳转；JS 增强平滑滚动与 hash；移动端隐藏以免干扰点击展开 */
.m1-trust-features-grid__anchor {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: 6;
	border-radius: 20px;
	display: block;
	text-indent: -9999px;
	overflow: hidden;
}

.m1-trust-features-grid--mobile .m1-trust-features-grid__anchor {
	display: none;
}

.m1-trust-features-grid__card--lg {
	width: 590px;
	height: 480px;
}

.m1-trust-features-grid__card--sm {
	width: 387px;
	height: 387px;
}

.m1-trust-features-grid__card--sm-narrow {
	width: 386px;
	height: 387px;
}

.m1-trust-features-grid__scene {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	box-sizing: border-box;
	border-radius: 20px;
	overflow: hidden;
	pointer-events: none;
}

.m1-trust-features-grid__media {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center center;
	border-radius: 20px;
	z-index: 1;
	transition:
		opacity 0.45s cubic-bezier(0.16, 1, 0.3, 1),
		transform 0.45s cubic-bezier(0.16, 1, 0.3, 1);
	will-change: opacity, transform;
}

@media (min-width: 768px) {
	.m1-trust-features-grid:not(.m1-trust-features-grid--mobile) .m1-trust-features-grid__card:hover .m1-trust-features-grid__media--default {
		transform: scale(1.08);
	}

	/* One Month：PC 悬停顶对齐放大，底部由 scene 裁切（倍率见 scale，默认 1.22） */
	.m1-trust-features-grid:not(.m1-trust-features-grid--mobile) .m1-trust-features-grid__card--idx3 .m1-trust-features-grid__media--default {
		object-position: center top;
		transform-origin: center top;
	}

	.m1-trust-features-grid:not(.m1-trust-features-grid--mobile) .m1-trust-features-grid__card--idx3:hover .m1-trust-features-grid__media--default {
		transform: scale(1.22);
	}
}

.m1-trust-features-grid__title-line {
	margin: 0;
	padding: 0;
	font-size: 32px;
	font-weight: 500;
	line-height: 1.2;
	color: #ffffff;
	letter-spacing: 0px;
	text-shadow: 0px 1px 8px rgba(0, 0, 0, 0.24);
}

.m1-trust-features-grid__title {
	margin: 0;
	padding: 0;
	font-size: 32px;
	font-weight: 500;
	line-height: 1.2;
	color: #ffffff;
	letter-spacing: 0px;
	text-shadow: 0px 1px 8px rgba(0, 0, 0, 0.24);
}

/* ≥768：标题略小于稿面 32px，仍大于 .m1-trust-features-grid__desc（18px） */
@media (min-width: 768px) {
	.m1-trust-features-grid__title {
		font-size: 26px;
		line-height: 31px;
	}
}

.m1-trust-features-grid__title--top {
	position: absolute;
	left: 24px;
	right: 24px;
	top: 24px;
	z-index: 4;
	max-width: 542px;
}

.m1-trust-features-grid__title--bottom {
	position: absolute;
	left: 24px;
	right: 24px;
	bottom: 24px;
	z-index: 4;
	max-width: 472px;
}

.m1-trust-features-grid__title-stack {
	display: block;
	max-width: 472px;
}

.m1-trust-features-grid__title-stack .m1-trust-features-grid__title-line + .m1-trust-features-grid__title-line {
	margin-top: 0;
}

.m1-trust-features-grid__title-stack--top {
	position: absolute;
	left: 24px;
	right: 24px;
	top: 24px;
	bottom: auto;
	z-index: 4;
	max-width: 472px;
}

.m1-trust-features-grid__title-stack--top .m1-trust-features-grid__title-line + .m1-trust-features-grid__title-line {
	margin-top: 0;
}

.m1-trust-features-grid__desc {
	margin: 8px 0 0 0;
	padding: 0;
	font-size: 18px;
	font-weight: 500;
	line-height: 1.2;
	color: #fff;
	letter-spacing: 0px;
	opacity: 0;
	max-height: 0;
	overflow: hidden;
	transform: translateY(6px);
	transition:
		opacity 0.4s cubic-bezier(0.16, 1, 0.3, 1),
		max-height 0.4s cubic-bezier(0.16, 1, 0.3, 1),
		transform 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}

.m1-trust-features-grid__card:hover .m1-trust-features-grid__desc,
.m1-trust-features-grid__card--expanded .m1-trust-features-grid__desc {
	opacity: 1;
	max-height: 120px;
	transform: translateY(0);
}

.m1-trust-features-grid__title--nowrap {
	white-space: nowrap;
}

/* idx3 30-Day Hands-Free Cleaning：桌面端浅色图区用黑字；≤767 仍为白字 */
@media (min-width: 768px) {
	.m1-trust-features-grid__card--idx3 .m1-trust-features-grid__title,
	.m1-trust-features-grid__card--idx3 .m1-trust-features-grid__desc {
		color: rgba(0, 0, 0, 0.65);
		text-shadow: none;
	}
}

.m1-trust-features-grid__title-stack--bottom {
	position: absolute;
	left: 24px;
	right: 24px;
	bottom: 24px;
	z-index: 4;
	max-width: 472px;
}

.m1-trust-features-grid__title-stack--bottom .m1-trust-features-grid__title-line + .m1-trust-features-grid__title-line {
	margin-top: 0;
}

.m1-hero {
	position: relative;
	width: 100%;
	min-width: 320px;
	height: 832px;
	min-height: 832px;
	max-height: none;
	margin-top: 68px;
	overflow: hidden;
	background: #373737;
	display: flex;
	justify-content: center;
	align-items: flex-start;
}

.m1-hero__bg {
	position: absolute;
	inset: 0;
}

.m1-hero__bg-image {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center center;
}

.m1-hero__content {
	position: relative;
	z-index: 1;
	margin-top: 66px;
	display: flex;
	flex-direction: column;
	align-items: center;
}

.m1-hero__eyebrow {
	margin: 0;
	background-image: linear-gradient(143.79deg, #1D96FF 0.63%, #042D7C 121.34%);
	background-clip: text;
	-webkit-background-clip: text;
	color: transparent;
	font-size: 24px;
	font-weight: 700;
	line-height: 28.8px;
	letter-spacing: 0px;
	text-align: center;
}

.m1-hero__title {
	margin: 24px 0 0 0;
	color: #333333;
	font-size: 54px;
	font-weight: 600;
	line-height: 1.2;
	letter-spacing: -0.4096px;
	text-align: center;
}

.m1-hero__subtitle {
	margin: 16px 0 0 0;
	color: #666666;
	font-size: 24px;
	font-weight: 500;
	line-height: 28.8px;
	letter-spacing: 0px;
	text-align: center;
}

.m1-hero__actions {
	margin-top: 24px;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	gap: 41px;
}

.m1-hero__cta {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	padding: 18px 64px;
	border: 0;
	border-radius: 33554400px;
	font-size: 20px;
	font-weight: 600;
	line-height: 28px;
	letter-spacing: 0px;
	text-align: center;
	text-decoration: none;
	white-space: nowrap;
	transition: opacity 220ms ease;
}

.m1-hero__cta--buy {
	background: #1D96FF;
	color: #FFFFFF;
}

.m1-hero__cta--watch {
	gap: 8px;
	padding: 18px 64px;
	border: none;
	background: #FAFAFA;
	color: #1D96FF;
	font-size: 20px;
	font-weight: 600;
	line-height: 28px
}

.m1-hero__cta-play {
	display: block;
	width: 10px;
	height: 14px;
	flex-shrink: 0;
}

.m1-hero__cta:hover {
	opacity: 0.88;
}

.m1-hero__cta:active {
	opacity: 0.8;
}

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

.m1-hero-video-modal {
	position: fixed;
	inset: 0;
	/* 高于站顶 #header_ct (z-index: 10000)，PC 遮罩须盖住 header */
	z-index: 10050;
	display: none;
	align-items: center;
	justify-content: center;
	padding: 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;
}

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

.m1-hero-video-modal__dialog {
	display: flex;
	flex-direction: column;
	width: 1200px;
	max-width: 100%;
	border-radius: 20px;
	overflow: hidden;
	background: #1a1a1a;
}

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

.m1-hero-video-modal__copy {
	display: flex;
	flex-direction: column;
	gap: 8px;
	min-width: 0;
}

.m1-hero-video-modal__title {
	margin: 0;
	color: #ffffff;
	font-size: 24px;
	font-weight: 600;
	line-height: 28.8px;
	letter-spacing: 0px;
}

.m1-hero-video-modal__subtitle {
	margin: 0;
	color: rgba(255, 255, 255, 0.6);
	font-size: 16px;
	font-weight: 400;
	line-height: 19.2px;
	letter-spacing: 0px;
}

.m1-hero-video-modal__close {
	flex-shrink: 0;
	width: 24px;
	height: 24px;
	padding: 0;
	border: 0;
	background: transparent;
	cursor: pointer;
}

.m1-hero-video-modal__close-icon {
	display: block;
	width: 24px;
	height: 24px;
}

.m1-hero-video-modal__frame-wrap {
	position: relative;
	width: 100%;
	height: 675px;
	background: #000000;
}

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

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

.m1-hero-video-modal__frame--native[hidden],
.m1-hero-video-modal__frame--embed[hidden] {
	display: none;
}

/* 768–1328：与主内容列同宽（左右各 64px），字号/间距按稿面比例缩放 */
@media (min-width: 768px) and (max-width: 1328px) {
	.m1-hero-video-modal {
		--m1-fluid-type-scale: 0.9;
		padding: clamp(calc(768 * 24 / 1328 * 1px), calc(24 * 100vw / 1328), 24px);
	}

	.m1-hero-video-modal__dialog {
		width: min(1200px, calc(100vw - 128px));
		border-radius: clamp(calc(768 * 20 / 1328 * 1px), calc(20 * 100vw / 1328), 20px);
	}

	.m1-hero-video-modal__header {
		padding-top: clamp(calc(768 * 24 / 1328 * 1px), calc(24 * 100vw / 1328), 24px);
		padding-right: clamp(calc(768 * 24 / 1328 * 1px), calc(24 * 100vw / 1328), 24px);
		padding-bottom: clamp(calc(768 * 25 / 1328 * 1px), calc(25 * 100vw / 1328), 25px);
		padding-left: clamp(calc(768 * 24 / 1328 * 1px), calc(24 * 100vw / 1328), 24px);
	}

	.m1-hero-video-modal__copy {
		gap: clamp(calc(768 * 8 / 1328 * 1px), calc(8 * 100vw / 1328), 8px);
	}

	.m1-hero-video-modal__title {
		font-size: clamp(calc(768 * 24 * var(--m1-fluid-type-scale) / 1328 * 1px), calc(24 * var(--m1-fluid-type-scale) * 100vw / 1328), 24px);
		line-height: clamp(calc(768 * 28.8 * var(--m1-fluid-type-scale) / 1328 * 1px), calc(28.8 * var(--m1-fluid-type-scale) * 100vw / 1328), 28.8px);
		white-space: normal;
	}

	.m1-hero-video-modal__subtitle {
		font-size: clamp(calc(768 * 16 * var(--m1-fluid-type-scale) / 1328 * 1px), calc(16 * var(--m1-fluid-type-scale) * 100vw / 1328), 16px);
		line-height: clamp(calc(768 * 19.2 * var(--m1-fluid-type-scale) / 1328 * 1px), calc(19.2 * var(--m1-fluid-type-scale) * 100vw / 1328), 19.2px);
		white-space: normal;
	}

	.m1-hero-video-modal__close {
		width: clamp(calc(768 * 24 / 1328 * 1px), calc(24 * 100vw / 1328), 24px);
		height: clamp(calc(768 * 24 / 1328 * 1px), calc(24 * 100vw / 1328), 24px);
	}

	.m1-hero-video-modal__close-icon {
		width: clamp(calc(768 * 24 / 1328 * 1px), calc(24 * 100vw / 1328), 24px);
		height: clamp(calc(768 * 24 / 1328 * 1px), calc(24 * 100vw / 1328), 24px);
	}

	.m1-hero-video-modal__frame-wrap {
		height: auto;
		aspect-ratio: 1200 / 675;
	}
}

/* <768：Figma 11919:6099 — 弹窗左右 100% 宽，文案+视频块在视口内垂直居中 */
@media (max-width: 767px) {
	.m1-hero-video-modal {
		padding: 0;
		align-items: center;
		justify-content: center;
		width: 100%;
	}

	/* [定位例外] 顶栏底边线 — Figma 11919:6589，关闭区与内容分离，无法用流式边框表达 */
	.m1-hero-video-modal::before {
		content: '';
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		height: 73px;
		border-bottom: 1px solid rgba(255, 255, 255, 0.1);
		pointer-events: none;
		z-index: 10000;
	}

	.m1-hero-video-modal__dialog {
		position: relative;
		display: flex;
		flex-direction: column;
		width: 100%;
		max-width: 100%;
		flex-shrink: 0;
		border-radius: 0;
		background: transparent;
	}

	.m1-hero-video-modal__header {
		display: contents;
	}

	/* Figma 11919:6593 — 关闭钮锚定在弹窗（dialog）右上，非视口 fixed */
	.m1-hero-video-modal__close {
		position: absolute;
		top: 20px;
		right: 15px;
		z-index: 2;
	}

	.m1-hero-video-modal__copy {
		display: flex;
		flex-direction: column;
		gap: 8px;
		width: 100%;
		padding: 20px 48px 20px 15px;
		background: #1a1a1a;
		box-sizing: border-box;
	}

	.m1-hero-video-modal__title {
		font-size: 14px;
		font-weight: 600;
		line-height: 16.8px;
		letter-spacing: 0px;
		white-space: normal;
	}

	.m1-hero-video-modal__subtitle {
		font-size: 14px;
		font-weight: 400;
		line-height: 16.8px;
		letter-spacing: 0px;
		white-space: normal;
	}

	.m1-hero-video-modal__frame-wrap {
		width: 100%;
		height: auto;
		aspect-ratio: 375 / 211;
		touch-action: auto;
	}
}

.m1-hero__scroll {
	position: absolute;
	left: 50%;
	bottom: 24px;
	width: 64px;
	height: 64px;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	pointer-events: none;
}

.m1-hero__scroll-icon {
	display: block;
	width: 64px;
	height: 64px;
	-webkit-animation: m1-hero-scroll-float 1.6s ease-in-out infinite;
	animation: m1-hero-scroll-float 1.6s ease-in-out infinite;
}

@-webkit-keyframes m1-hero-scroll-float {
	0%,
	100% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}

	50% {
		-webkit-transform: translateY(10px);
		transform: translateY(10px);
	}
}

@keyframes m1-hero-scroll-float {
	0%,
	100% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}

	50% {
		-webkit-transform: translateY(10px);
		transform: translateY(10px);
	}
}

/* compare-card 药丸箭头：与首屏 scroll 同节奏，按指向左右平移 */
@-webkit-keyframes m1-pill-arrow-float-right {
	0%,
	100% {
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}

	50% {
		-webkit-transform: translateX(4px);
		transform: translateX(4px);
	}
}

@keyframes m1-pill-arrow-float-right {
	0%,
	100% {
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}

	50% {
		-webkit-transform: translateX(4px);
		transform: translateX(4px);
	}
}

/* scaleX(-1) 朝左；与右侧同为 +4px，在屏幕上分别向中间平移 */
@-webkit-keyframes m1-pill-arrow-float-left {
	0%,
	100% {
		-webkit-transform: scaleX(-1) translateX(0);
		transform: scaleX(-1) translateX(0);
	}

	50% {
		-webkit-transform: scaleX(-1) translateX(8px);
		transform: scaleX(-1) translateX(8px);
	}
}

@keyframes m1-pill-arrow-float-left {
	0%,
	100% {
		-webkit-transform: scaleX(-1) translateX(0);
		transform: scaleX(-1) translateX(0);
	}

	50% {
		-webkit-transform: scaleX(-1) translateX(8px);
		transform: scaleX(-1) translateX(8px);
	}
}


/* Figma node 10847:887 — Bionic AI Dual-Camera Vision；
   section 作为「sticky 滚动轨道」：min-height 由 JS 撑成 (1 视口 + 序列帧滚动行程)，
   stage 在 section 内 position: sticky，section 滚完自动消失，不会覆盖其他模块。 */
/* M1 页面全程隐藏右侧滚动条（保留滚动功能，仅视觉隐藏） */
html:has(.m1-page),
body:has(.m1-page) {
	scrollbar-width: none;
	-ms-overflow-style: none;
}

html:has(.m1-page)::-webkit-scrollbar,
body:has(.m1-page)::-webkit-scrollbar {
	width: 0 !important;
	height: 0 !important;
	display: none !important;
	-webkit-appearance: none !important;
	background: transparent !important;
}

/* 不支持 :has() 的旧浏览器（如部分 Firefox 旧版）由 JS 给 html 加 .m1-page-host 兜底 */
html.m1-page-host,
html.m1-page-host body {
	scrollbar-width: none;
	-ms-overflow-style: none;
}

html.m1-page-host::-webkit-scrollbar,
html.m1-page-host body::-webkit-scrollbar {
	width: 0 !important;
	height: 0 !important;
	display: none !important;
	-webkit-appearance: none !important;
	background: transparent !important;
}

/* 序列帧会话锁定期间：额外的兜底（如果上面 :has 不生效） */
html.m1-bionic-no-scrollbar,
html.m1-bionic-no-scrollbar body {
	scrollbar-width: none !important;
	-ms-overflow-style: none !important;
	overflow: hidden !important;
}

html.m1-bionic-no-scrollbar::-webkit-scrollbar,
html.m1-bionic-no-scrollbar body::-webkit-scrollbar {
	width: 0 !important;
	height: 0 !important;
	display: none !important;
	-webkit-appearance: none !important;
	background: transparent !important;
}

.m1-bionic {
	position: relative;
	width: 100%;
	max-width: 100vw;
	min-width: 320px;
	min-height: 0;
	/* 不能用 overflow: hidden —— 会把内部 .m1-bionic__stage 的 position: sticky 完全废掉
	   （sticky 元素的 containing block 一旦是 overflow != visible 的祖先，sticky 会跟容器一起被外层卷走）。
	   横向裁切交给上层 wrapper（已 overflow-x: clip），stage 自身的 overflow: hidden 负责帧内容裁切。 */
	overflow: visible;
	background: #000000;
	box-sizing: border-box;
}

.m1-bionic__stage {
	position: -webkit-sticky;
	position: sticky;
	/* 视口顶部固定子导航高 var(--m1-subnav-holder-h)，stage 从其下边缘开始贴顶，
	   避免序列帧首尾被子导航遮挡；stage 高度本身已是 100vh - subnav 高，刚好填到视口底 */
	top: var(--m1-subnav-holder-h);
	left: 0;
	width: 100%;
	height: var(--m1-stage-avail-vh);
	min-height: var(--m1-stage-avail-vh);
	overflow: hidden;
	z-index: 1;
}

.m1-bionic__media {
	position: absolute;
	inset: 0;
	overflow: hidden;
	display: flex;
	align-items: center;
	justify-content: center;
	pointer-events: none;
}

.m1-bionic__media-scaler {
	width: 100%;
	height: 100%;
	-webkit-transform: scale3d(var(--m1-bionic-media-scale, 1), var(--m1-bionic-media-scale, 1), 1);
	transform: scale3d(var(--m1-bionic-media-scale, 1), var(--m1-bionic-media-scale, 1), 1);
	-webkit-transform-origin: center center;
	transform-origin: center center;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	will-change: transform;
}

.m1-bionic__frame-img {
	position: absolute;
	inset: 0;
	display: block;
	width: 100%;
	height: 100%;
	max-width: none;
	object-fit: cover;
	object-position: center center;
	border: 0;
	pointer-events: none;
	background: #000000;
}

.m1-bionic__video--mobile {
	display: none;
}

/* Figma node 10847:886 — Every Pool Has Met Its Match；全屏背景视频，左右/上下 cover 可裁 */
.m1-pool-match {
	position: relative;
	z-index: 1;
	width: 100%;
	min-width: 320px;
	min-height: 900px;
	overflow: hidden;
}

.m1-pool-match__media {
	position: absolute;
	inset: 0;
	overflow: hidden;
}

.m1-pool-match__video {
	position: absolute;
	inset: 0;
	display: block;
	width: 100%;
	height: 100%;
	max-width: none;
	object-fit: cover;
	object-position: center center;
	border: 0;
	pointer-events: none;
	background: #0B1220;
}

.m1-pool-match__video--mobile {
	display: none;
}

.m1-pool-match__video--pc {
	display: block;
}

.m1-pool-match__inner {
	position: relative;
	z-index: 1;
	width: var(--m1-content-px);
	margin-left: auto;
	margin-right: auto;
	padding-top: 136px;
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 24px;
}

.m1-pool-match__title {
	margin: 0;
	padding: 0;
	width: 640px;
	max-width: 100%;
	color: #FFFFFF;
	font-size: 48px;
	font-weight: 600;
	line-height: 58px;
	letter-spacing: 0px;
	text-align: center;
}

.m1-pool-match__copy {
	margin: 0;
	padding: 0;
	width: 100%;
	max-width: 1200px;
}

.m1-pool-match__line {
	margin: 0;
	padding: 0;
	width: 100%;
	color: #FFFFFF;
	font-size: 20px;
	font-weight: 500;
	line-height: 24px;
	letter-spacing: 0px;
	text-align: center;
}

/* Figma 11224:2771 Component 519 — 黑底；顶区标题 40/20 + 间距 24；对比卡 1200×640 圆角 20 */
.m1-pool-read {
	position: relative;
	width: 100%;
	min-width: 320px;
	box-sizing: border-box;
	background: #000000;
	padding: 112px 0 112px 0;
}

.m1-pool-read__shell {
	width: var(--m1-content-px);
	max-width: var(--m1-content-px);
	margin: 0 auto;
	padding: 0;
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	align-items: stretch;
}

.m1-pool-read__intro {
	width: 1020px;
	max-width: 100%;
	margin: 0 auto;
	padding: 0;
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	align-items: stretch;
	gap: 24px;
	text-align: center;
}

.m1-pool-read__title {
	margin: 0;
	padding: 0;
	width: 100%;
	color: #FFFFFF;
	font-family: Figtree, sans-serif;
	font-size: 40px;
	font-weight: 600;
	line-height: 48px;
	letter-spacing: 0px;
	text-align: center;
}

.m1-pool-read__subtitle {
	margin: 0;
	padding: 0;
	width: 100%;
	color: rgba(255, 255, 255, 0.8);
	font-family: Figtree, sans-serif;
	font-size: 20px;
	font-weight: 400;
	line-height: 24px;
	letter-spacing: 0px;
	text-align: center;
}

.m1-pool-read__compare {
	margin-top: 64px;
	width: 100%;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: flex-start;
}

.m1-pool-read__compare-card {
	position: relative;
	width: var(--m1-content-px);
	max-width: 100%;
	height: 640px;
	box-sizing: border-box;
	border-radius: 20px;
	overflow: hidden;
	background: #000000;
}

.m1-pool-read__compare-stack {
	position: absolute;
	inset: 0;
	z-index: 1;
	width: 100%;
	height: 100%;
	box-sizing: border-box;
}

.m1-pool-read__compare-layer {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	display: block;
	margin: 0;
	padding: 0;
	border: 0;
	box-sizing: border-box;
	object-fit: contain;
	object-position: center center;
	pointer-events: none;
}

.m1-pool-read__compare-layer--base {
	z-index: 0;
}

.m1-pool-read__compare-layer--clip {
	z-index: 1;
	clip-path: inset(0 0 0 50%);
	-webkit-clip-path: inset(0 0 0 50%);
	transition: clip-path 0.32s ease-out, -webkit-clip-path 0.32s ease-out;
	will-change: clip-path;
}

.m1-pool-read__pill {
	position: absolute;
	z-index: 10;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-items: center;
	justify-content: flex-start;
	box-sizing: border-box;
	width: max-content;
	max-width: calc(100% - 48px);
	margin: 0;
	padding: 12px 24px;
	border-radius: 100px;
	background: rgba(255, 255, 255, 0.08);
	-webkit-backdrop-filter: blur(12px);
	backdrop-filter: blur(12px);
	pointer-events: none;
	border: 0;
	font: inherit;
	color: inherit;
	-webkit-appearance: none;
	appearance: none;
	opacity: 1;
	visibility: visible;
	transition: opacity 0.12s ease-out, visibility 0.12s linear, gap 0.12s ease-out;
}

.m1-pool-read__pill-label--return {
	display: none;
}

.m1-pool-read__compare-card.is-p-low .m1-pool-read__pill--dual {
	opacity: 0;
	visibility: hidden;
}

.m1-pool-read__compare-card.is-p-low .m1-pool-read__pill--single {
	gap: 0;
}

.m1-pool-read__compare-card.is-p-low .m1-pool-read__pill--single .m1-pool-read__pill-arrow {
	display: none;
}

.m1-pool-read__compare-card.is-p-high .m1-pool-read__pill--single {
	opacity: 0;
	visibility: hidden;
}

.m1-pool-read__compare-card.is-p-high .m1-pool-read__pill--dual {
	gap: 0;
}

.m1-pool-read__compare-card.is-p-high .m1-pool-read__pill--dual .m1-pool-read__pill-arrow {
	display: none;
}

.m1-pool-read__pill--single {
	left: 24px;
	top: 50%;
	gap: 7px;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

.m1-pool-read__pill--dual {
	right: 24px;
	top: 50%;
	gap: 8px;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

.m1-pool-read__pill-label {
	flex: 0 1 auto;
	margin: 0;
	padding: 0;
	font-family: Figtree, sans-serif;
	font-size: 16px;
	font-weight: 500;
	line-height: 16px;
	letter-spacing: 0px;
	white-space: nowrap;
	text-align: center;
	transition: opacity 0.12s ease-out;
}

.m1-pool-read__pill--single .m1-pool-read__pill-label {
	color: rgba(255, 255, 255, 0.8);
}

.m1-pool-read__pill--dual .m1-pool-read__pill-label {
	color: #ffffff;
}

.m1-pool-read__pill-arrow {
	display: block;
	flex: 0 0 8px;
	width: 8px;
	height: 16px;
	margin: 0;
	padding: 0;
	border: 0;
	object-fit: contain;
	opacity: 1;
	transition: opacity 0.12s ease-out;
	-webkit-animation: m1-pill-arrow-float-right 1.6s ease-in-out infinite;
	animation: m1-pill-arrow-float-right 1.6s ease-in-out infinite;
}

.m1-pool-read__pill-arrow--flip {
	-webkit-animation: m1-pill-arrow-float-left 1.6s ease-in-out infinite;
	animation: m1-pill-arrow-float-left 1.6s ease-in-out infinite;
}

/* Figma 11224:642 — 与 m1-pool-read（11224:2771）同款结构 / clip 动效 */
.m1-sees-miss {
	position: relative;
	width: 100%;
	min-width: 320px;
	box-sizing: border-box;
	background: #000000;
	padding: 112px 0 112px 0;
}

.m1-sees-miss__shell {
	width: var(--m1-content-px);
	max-width: var(--m1-content-px);
	margin: 0 auto;
	padding: 0;
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	align-items: stretch;
}

.m1-sees-miss__intro {
	width: 1020px;
	max-width: 100%;
	margin: 0 auto;
	padding: 0;
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	align-items: stretch;
	gap: 24px;
	text-align: center;
}

.m1-sees-miss__title {
	margin: 0;
	padding: 0;
	width: 100%;
	color: #FFFFFF;
	font-family: Figtree, sans-serif;
	font-size: 40px;
	font-weight: 600;
	line-height: 48px;
	letter-spacing: 0px;
	text-align: center;
}

.m1-sees-miss__subtitle {
	margin: 0;
	padding: 0;
	width: 100%;
	color: rgba(255, 255, 255, 0.8);
	font-family: Figtree, sans-serif;
	font-size: 20px;
	font-weight: 400;
	line-height: 24px;
	letter-spacing: 0px;
	text-align: center;
}

.m1-sees-miss__compare {
	margin-top: 64px;
	width: 100%;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: flex-start;
}

.m1-sees-miss__compare-card {
	position: relative;
	width: var(--m1-content-px);
	max-width: 100%;
	height: 640px;
	box-sizing: border-box;
	border-radius: 20px;
	overflow: hidden;
	background: #000000;
}

.m1-sees-miss__compare-stack {
	position: absolute;
	inset: 0;
	z-index: 1;
	width: 100%;
	height: 100%;
	box-sizing: border-box;
}

.m1-sees-miss__compare-layer {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	display: block;
	margin: 0;
	padding: 0;
	border: 0;
	box-sizing: border-box;
	object-fit: contain;
	object-position: center center;
	pointer-events: none;
}

.m1-sees-miss__compare-layer--base {
	z-index: 0;
}

.m1-sees-miss__compare-layer--clip {
	z-index: 1;
	clip-path: inset(0 0 0 50%);
	-webkit-clip-path: inset(0 0 0 50%);
	transition: clip-path 0.32s ease-out, -webkit-clip-path 0.32s ease-out;
	will-change: clip-path;
}

.m1-sees-miss__pill {
	position: absolute;
	z-index: 10;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-items: center;
	justify-content: flex-start;
	box-sizing: border-box;
	width: max-content;
	max-width: calc(100% - 48px);
	margin: 0;
	padding: 12px 24px;
	border-radius: 100px;
	background: rgba(255, 255, 255, 0.08);
	-webkit-backdrop-filter: blur(12px);
	backdrop-filter: blur(12px);
	pointer-events: none;
	border: 0;
	font: inherit;
	color: inherit;
	-webkit-appearance: none;
	appearance: none;
	opacity: 1;
	visibility: visible;
	transition: opacity 0.12s ease-out, visibility 0.12s linear, gap 0.12s ease-out;
}

.m1-sees-miss__pill-label--return {
	display: none;
}

.m1-sees-miss__compare-card.is-p-low .m1-sees-miss__pill--dual {
	opacity: 0;
	visibility: hidden;
}

.m1-sees-miss__compare-card.is-p-low .m1-sees-miss__pill--single {
	gap: 0;
}

.m1-sees-miss__compare-card.is-p-low .m1-sees-miss__pill--single .m1-sees-miss__pill-arrow {
	display: none;
}

.m1-sees-miss__compare-card.is-p-high .m1-sees-miss__pill--single {
	opacity: 0;
	visibility: hidden;
}

.m1-sees-miss__compare-card.is-p-high .m1-sees-miss__pill--dual {
	gap: 0;
}

.m1-sees-miss__compare-card.is-p-high .m1-sees-miss__pill--dual .m1-sees-miss__pill-arrow {
	display: none;
}

.m1-sees-miss__pill--single {
	left: 24px;
	top: 50%;
	gap: 7px;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

.m1-sees-miss__pill--dual {
	right: 24px;
	top: 50%;
	gap: 8px;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

.m1-sees-miss__pill-label {
	flex: 0 1 auto;
	margin: 0;
	padding: 0;
	font-family: Figtree, sans-serif;
	font-size: 16px;
	font-weight: 500;
	line-height: 16px;
	letter-spacing: 0px;
	white-space: nowrap;
	text-align: center;
	transition: opacity 0.12s ease-out;
}

.m1-sees-miss__pill--single .m1-sees-miss__pill-label {
	color: rgba(255, 255, 255, 0.8);
}

.m1-sees-miss__pill--dual .m1-sees-miss__pill-label {
	color: #ffffff;
}

.m1-sees-miss__pill-arrow {
	display: block;
	flex: 0 0 8px;
	width: 8px;
	height: 16px;
	margin: 0;
	padding: 0;
	border: 0;
	object-fit: contain;
	opacity: 1;
	transition: opacity 0.12s ease-out, width 0.12s ease-out, height 0.12s ease-out, flex-basis 0.12s ease-out;
	-webkit-animation: m1-pill-arrow-float-right 1.6s ease-in-out infinite;
	animation: m1-pill-arrow-float-right 1.6s ease-in-out infinite;
}

.m1-sees-miss__pill-arrow--flip {
	-webkit-animation: m1-pill-arrow-float-left 1.6s ease-in-out infinite;
	animation: m1-pill-arrow-float-left 1.6s ease-in-out infinite;
}

/* Figma 11682:1535 — 明暗对比（主图 + 双卡对比）；移动 11719:392 */
.m1-quick-clean {
	background: #000000;
	min-width: 320px;
	position: relative;
	z-index: 1;
}

.m1-quick-clean__inner {
	position: relative;
	width: var(--m1-content-px);
	margin: 0 auto;
	padding: 192px 0 272px 0;
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	align-items: center;
}

.m1-quick-clean__intro {
	width: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 24px;
}

.m1-quick-clean__headline {
	margin: 0;
	padding: 0;
	width: 100%;
	font-family: Figtree, sans-serif;
	font-size: 64px;
	font-weight: 600;
	line-height: 77px;
	letter-spacing: 0px;
	color: #ffffff;
	text-align: center;
}

.m1-quick-clean__desc {
	margin: 0;
	padding: 0;
	width: 100%;
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 0;
}

.m1-quick-clean__desc-line {
	margin: 0;
	padding: 0;
	font-family: Figtree, sans-serif;
	font-size: 20px;
	font-weight: 400;
	line-height: 28px;
	letter-spacing: 0px;
	color: rgba(255, 255, 255, 0.8);
	text-align: center;
}

.m1-quick-clean__hero {
	position: relative;
	width: 100%;
	height: 640px;
	margin-top: 64px;
	border-radius: 20px;
	overflow: hidden;
	background: #000000;
	flex-shrink: 0;
}

.m1-quick-clean__hero-img {
	display: block;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	border: 0;
	object-fit: cover;
	object-position: center center;
}

.m1-quick-clean__hero-fade {
	display: none;
}

.m1-quick-clean__compare {
	width: 100%;
	margin-top: 64px;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-items: flex-start;
	justify-content: center;
	gap: 20px;
}

.m1-quick-clean__compare-col {
	flex: 0 0 590px;
	width: 590px;
	max-width: 100%;
}

.m1-quick-clean__compare-media {
	position: relative;
	width: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
}

.m1-quick-clean__compare-frame {
	position: relative;
	width: 100%;
	height: 400px;
	border-radius: 20px;
	overflow: hidden;
	background: #000000;
	flex-shrink: 0;
}

.m1-quick-clean__compare-img {
	display: block;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	border: 0;
	object-fit: cover;
	object-position: center center;
}

.m1-quick-clean__compare-pill {
	position: absolute;
	left: 50%;
	top: 24px;
	z-index: 2;
	margin: 0;
	padding: 10px 24px;
	box-sizing: border-box;
	border-radius: 20px;
	background: rgba(0, 0, 0, 0.1);
	-webkit-backdrop-filter: blur(10px);
	backdrop-filter: blur(10px);
	font-family: Figtree, sans-serif;
	font-size: 20px;
	font-weight: 600;
	line-height:1.2;
	letter-spacing: 0px;
	color: #ffffff;
	text-align: center;
	white-space: nowrap;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}

.m1-quick-clean__compare-caption {
	position: absolute;
	left: 50%;
	top: 79px;
	width: 540px;
	max-width: calc(100% - 48px);
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 0;
}

.m1-quick-clean__compare-caption-line {
	margin: 0;
	padding: 0;
	font-family: Figtree, sans-serif;
	font-size: 20px;
	font-weight: 400;
	line-height: 28px;
	letter-spacing: 0px;
	color: rgba(255, 255, 255, 0.8);
	text-align: center;
}

/* ≥768：双卡文案叠在图内左上（稿面 11682:1540/1542）；固定 px，不随 768–1328 vw 缩放 */
@media (min-width: 768px) {
	.m1-quick-clean__compare {
		margin-top: 64px;
		gap: 20px;
	}

	.m1-quick-clean__compare-col {
		flex: 1 1 0;
		width: auto;
		max-width: 590px;
	}

	.m1-quick-clean__compare-frame {
		height: 400px;
		border-radius: 20px;
	}

	.m1-quick-clean__compare-media {
		display: block;
		position: relative;
		width: 100%;
	}

	.m1-quick-clean__compare-pill {
		left: 24px;
		right: auto;
		top: 24px;
		bottom: auto;
		padding: 0;
		font-size: 20px;
		line-height: 24px;
		border-radius: 20px;
		-webkit-transform: none;
		transform: none;
		text-align: left;
		background: transparent;
		-webkit-backdrop-filter: none;
		backdrop-filter: none;
	}

	.m1-quick-clean__compare-caption {
		position: absolute;
		left: 24px;
		right: auto;
		/* 稿：标题底至文案顶 15px（24 + 24 + 15） */
		top: 63px;
		bottom: auto;
		z-index: 2;
		width: 540px;
		max-width: calc(100% - 48px);
		-webkit-transform: none;
		transform: none;
		align-items: flex-start;
	}

	.m1-quick-clean__compare-caption-line {
		font-size: 16px;
		line-height: 24px;
		text-align: left;
	}
}





/* Figma Component 516 11173:855 — 背景渐变；顶图 m1-ai-eco-hero-top.webp；底卡双图层 m1-ai-eco-inverter-layer-a/b.webp */
.m1-ai-eco {
	width: 100%;
	min-width: 320px;
	background: linear-gradient(180deg, #1f1f1f 0%, #000000 100%);
	color: #ffffff;
}

.m1-ai-eco__inner {
	width: 100%;
	max-width: var(--m1-content-px);
	margin: 0 auto;
	padding: 192px 24px 128px 24px;
	box-sizing: border-box;
}

.m1-ai-eco__intro {
	display: flex;
	flex-direction: column;
	align-items: stretch;
	gap: 24px;
	width: 100%;
	text-align: center;
}

.m1-ai-eco__title {
	margin: 0;
	padding: 0;
	font-family: Figtree, sans-serif;
	font-size: 64px;
	font-weight: 600;
	line-height: 77px;
	letter-spacing: -1.28px;
	color: #ffffff;
}

.m1-ai-eco__lede {
	margin: 0;
	padding: 0;
	font-family: Figtree, sans-serif;
	font-size: 20px;
	font-weight: 400;
	line-height: 24px;
	letter-spacing: 0;
	color: #ffffff;
}

.m1-ai-eco__media--top {
	width: 100%;
	margin: 64px auto 0 auto;
	border-radius: 20px;
	overflow: hidden;
	box-sizing: border-box;
}

.m1-ai-eco__img--top {
	display: block;
	width: 100%;
	height: 675px;
	object-fit: cover;
	border-radius: 20px;
}

.m1-ai-eco__block2 {
	margin-top: 128px;
	display: flex;
	flex-direction: column;
	align-items: stretch;
	width: 100%;
}

.m1-ai-eco__subhead {
	margin: 0;
	padding: 0;
	font-family: Figtree, sans-serif;
	font-size: 48px;
	font-weight: 600;
	line-height: 55px;
	letter-spacing: 0;
	color: #ffffff;
	text-align: center;
	white-space: nowrap;
}

.m1-ai-eco__copy {
	margin: 24px 0 0 0;
	width: 100%;
	max-width: var(--m1-content-px);
	text-align: center;
	font-family: Figtree, sans-serif;
	font-size: 19px;
	font-weight: 500;
	line-height: 28px;
	letter-spacing: 0;
	color: #ffffff;
}

.m1-ai-eco__copy-line {
	margin: 0;
	padding: 0;
}

.m1-ai-eco__copy-line + .m1-ai-eco__copy-line {
	margin-top: 0;
}

.m1-ai-eco__media--bottom {
	margin-top: 48px;
	width: 100%;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
	box-sizing: border-box;
}

.m1-ai-eco__card {
	position: relative;
	width: 100%;
	max-width: 100%;
	height: auto;
	aspect-ratio: 1200 / 640;
	margin: 0 auto;
	border-radius: 20px;
	overflow: hidden;
	box-shadow: 0px -4px 71px 0px rgba(0, 0, 0, 0.25);
	box-sizing: border-box;
}

.m1-ai-eco__card-base {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	background: #373737;
	border-radius: 20px;
	pointer-events: none;
}

.m1-ai-eco__layer {
	position: absolute;
	display: block;
	pointer-events: none;
	border-radius: 20px;
}

.m1-ai-eco__layer--a {
	left: -98px;
	top: 0;
	width: 1527px;
	height: 640px;
	max-width: none;
	object-fit: cover;
}

.m1-ai-eco__layer--b {
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.m1-ai-eco__card-dim {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	border-radius: 20px;
	pointer-events: none;
	background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 70%, rgba(0, 0, 0, 0.6) 100%);
}







/* Figma 11173:714 — Frame 2085662410；外层 .m1-better-pairs > .m1-specs__panel 为渐变与上下 192px；#m1-specs .m1-specs__panel 为技术规格白卡 */
.m1-better-pairs {
	width: 100%;
	min-width: 320px;
	color: #ffffff;
}

.m1-better-pairs > .m1-specs__panel {
	width: 100%;
	box-sizing: border-box;
	padding: 192px 0 192px 0;
}

.m1-better-pairs__inner {
	display: flex;
	flex-direction: column;
	align-items: stretch;
	gap: 128px;
	width: var(--m1-content-px);
	max-width: var(--m1-content-px);
	margin: 0 auto;
	padding: 0;
	box-sizing: border-box;
}

.m1-better-pairs__block {
	width: 100%;
	box-sizing: border-box;
}

.m1-better-pairs__block--hero {
	display: flex;
	flex-direction: column;
	align-items: stretch;
	gap: 64px;
	min-height: 611px;
}

.m1-better-pairs__hero-title {
	margin: 0;
	padding: 0;
	width: 100%;
	text-align: center;
	font-family: Figtree, sans-serif;
	font-size: 56px;
	font-weight: 600;
	line-height: 67px;
	letter-spacing: -0.96px;
	color: #ffffff;
}

.m1-better-pairs__row {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: flex-start;
	width: 100%;
	box-sizing: border-box;
}

.m1-better-pairs__row--traction {
	width: 100%;
	max-width: 100%;
	min-height: 480px;
	align-items: flex-start;
	justify-content: flex-start;
	column-gap: 48px;
}

.m1-better-pairs__media--725 {
	flex: 0 0 auto;
	width: 725px;
	max-width: 100%;
	border-radius: 20px;
	overflow: hidden;
	box-sizing: border-box;
}

.m1-better-pairs__img {
	display: block;
	width: 100%;
	height: 480px;
	object-fit: cover;
	border-radius: 20px;
}

.m1-better-pairs__copy--traction {
	flex: 0 0 427px;
	width: 427px;
	max-width: 100%;
	box-sizing: border-box;
	padding-top: 102px;
}

.m1-better-pairs__title {
	margin: 0;
	padding: 0;
	font-family: Figtree, sans-serif;
	font-size: 40px;
	font-weight: 600;
	line-height: 48px;
	letter-spacing: -0.8px;
	color: #ffffff;
}

.m1-better-pairs__lede {
	margin: 0;
	padding: 0;
	font-family: Figtree, sans-serif;
	font-size: 19px;
	font-weight: 400;
	line-height: 27px;
	color: rgba(255, 255, 255, 0.8);
}

.m1-better-pairs__copy--traction .m1-better-pairs__lede {
	margin-top: 24px;
}

.m1-better-pairs__block--flow {
	width: 100%;
	max-width: 100%;
	height: 480px;
}

.m1-better-pairs__row--flow {
	height: 480px;
	align-items: center;
	justify-content: flex-start;
	column-gap: 48px;
}

.m1-better-pairs__copy--flow {
	flex: 0 0 427px;
	width: 427px;
	max-width: 100%;
	box-sizing: border-box;
	padding-top: 0;
}

.m1-better-pairs__copy--flow .m1-better-pairs__lede {
	margin-top: 24px;
	max-width: 387px;
}

.m1-better-pairs__media--flow-crop {
	flex: 0 0 auto;
	position: relative;
	width: 725px;
	max-width: 100%;
	height: 480px;
	border-radius: 20px;
	overflow: hidden;
	box-sizing: border-box;
}

.m1-better-pairs__img--flow {
	position: absolute;
	left: 0;
	top: 0px;
	width: 100%;
	height: auto;
	max-width: none;
	object-fit: cover;
	border-radius: 20px;
}

.m1-better-pairs__block--filtration {
	width: 100%;
	max-width: 100%;
}

.m1-better-pairs__row--filtration {
	justify-content: flex-start;
	align-items: center;
	column-gap: 48px;
}

.m1-better-pairs__filtration-visual {
	position: relative;
	flex: 0 0 auto;
	width: 725px;
	max-width: 100%;
	height: 480px;
	overflow: hidden;
	border-radius: 20px;
	box-sizing: border-box;
}

.m1-better-pairs__filtration-img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 20px;
}

.m1-better-pairs__copy--filtration {
	flex: 0 0 427px;
	width: 427px;
	max-width: 427px;
	box-sizing: border-box;
	padding-top: 0;
}

.m1-better-pairs__copy--filtration .m1-better-pairs__lede {
	margin-top: 24px;
}

/* Figma 11133:2241 — 与 11173:722 同结构：480px 行、左文右图、column-gap 48 */
.m1-better-pairs__block--ai {
	width: 100%;
	max-width: 100%;
	height: 480px;
	box-sizing: border-box;
}

.m1-better-pairs__row--ai {
	height: 480px;
	align-items: center;
	justify-content: flex-start;
	column-gap: 48px;
}

.m1-better-pairs__copy--ai {
	flex: 0 0 427px;
	width: 427px;
	max-width: 100%;
	box-sizing: border-box;
	padding-top: 0;
}

.m1-better-pairs__copy--ai .m1-better-pairs__lede {
	margin-top: 24px;
	max-width: 427px;
}

/* better-pairs 图文入场：离开触发带复位后再次进入重播；时长加长便于感知（setupM1BetterPairsReveal） */
.m1-better-pairs [data-m1-better-pairs-media] {
	opacity: 0;
	-webkit-transform: translateY(48px);
	transform: translateY(48px);
	-webkit-transition:
		opacity 1.25s cubic-bezier(0.22, 1, 0.36, 1),
		-webkit-transform 1.25s cubic-bezier(0.22, 1, 0.36, 1);
	transition:
		opacity 1.25s cubic-bezier(0.22, 1, 0.36, 1),
		transform 1.25s cubic-bezier(0.22, 1, 0.36, 1);
}

.m1-better-pairs [data-m1-better-pairs-copy] {
	opacity: 0;
	-webkit-transform: translateY(28px);
	transform: translateY(28px);
	-webkit-transition:
		opacity 0.95s cubic-bezier(0.22, 1, 0.36, 1),
		-webkit-transform 0.95s cubic-bezier(0.22, 1, 0.36, 1);
	transition:
		opacity 0.95s cubic-bezier(0.22, 1, 0.36, 1),
		transform 0.95s cubic-bezier(0.22, 1, 0.36, 1);
	-webkit-transition-delay: 0s;
	transition-delay: 0s;
}

.m1-better-pairs [data-m1-better-pairs-media].m1-better-pairs__reveal--in {
	opacity: 1;
	-webkit-transform: translateY(0);
	transform: translateY(0);
}

.m1-better-pairs [data-m1-better-pairs-copy].m1-better-pairs__reveal--in {
	opacity: 1;
	-webkit-transform: translateY(0);
	transform: translateY(0);
	-webkit-transition-delay: 0.32s;
	transition-delay: 0.32s;
}

.m1-better-pairs [data-m1-better-pairs-media].m1-better-pairs__reveal--instant,
.m1-better-pairs [data-m1-better-pairs-copy].m1-better-pairs__reveal--instant {
	-webkit-transition: none !important;
	transition: none !important;
	-webkit-transition-delay: 0s !important;
	transition-delay: 0s !important;
}

/* m1-sleek-build：分块子元素方向错峰（setupM1SleekBuildReveal）；非整段上浮，贴合右上标题/左导语/居中大卡/保修叠层 */
#m1-sleek-build [data-m1-sleek-reveal-block] .m1-sleek-build__headline,
#m1-sleek-build [data-m1-sleek-reveal-block] .m1-sleek-build__lede,
#m1-sleek-build [data-m1-sleek-reveal-block] .m1-sleek-build__card,
#m1-sleek-build [data-m1-sleek-reveal-block] .m1-sleek-build__warranty-front,
#m1-sleek-build [data-m1-sleek-reveal-block] .m1-sleek-build__warranty-copy {
	opacity: 0;
	-webkit-transition:
		opacity 1.15s cubic-bezier(0.22, 1, 0.36, 1),
		-webkit-transform 1.15s cubic-bezier(0.22, 1, 0.36, 1);
	transition:
		opacity 1.15s cubic-bezier(0.22, 1, 0.36, 1),
		transform 1.15s cubic-bezier(0.22, 1, 0.36, 1);
	-webkit-transition-delay: 0s;
	transition-delay: 0s;
}

#m1-sleek-build [data-m1-sleek-reveal-block] .m1-sleek-build__headline {
	-webkit-transform: translateX(64px);
	transform: translateX(64px);
}

#m1-sleek-build [data-m1-sleek-reveal-block] .m1-sleek-build__lede {
	-webkit-transform: translateX(-52px);
	transform: translateX(-52px);
}

#m1-sleek-build [data-m1-sleek-reveal-block] .m1-sleek-build__card {
	-webkit-transform: translate(-50%, 80px) scale(0.9);
	transform: translate(-50%, 80px) scale(0.9);
	-webkit-transition-duration: 1.45s, 1.45s;
	transition-duration: 1.45s, 1.45s;
}

#m1-sleek-build [data-m1-sleek-reveal-block] .m1-sleek-build__warranty-front {
	-webkit-transform: translateX(-72px) scale(0.96);
	transform: translateX(-72px) scale(0.96);
	-webkit-transition-duration: 1.3s, 1.3s;
	transition-duration: 1.3s, 1.3s;
}

#m1-sleek-build [data-m1-sleek-reveal-block] .m1-sleek-build__warranty-copy {
	-webkit-transform: translateX(-44px);
	transform: translateX(-44px);
}

#m1-sleek-build [data-m1-sleek-reveal-block].m1-sleek-build__reveal--in .m1-sleek-build__headline {
	opacity: 1;
	-webkit-transform: translateX(0);
	transform: translateX(0);
}

#m1-sleek-build [data-m1-sleek-reveal-block].m1-sleek-build__reveal--in .m1-sleek-build__lede {
	opacity: 1;
	-webkit-transform: translateX(0);
	transform: translateX(0);
	-webkit-transition-delay: 0.22s;
	transition-delay: 0.22s;
}

#m1-sleek-build [data-m1-sleek-reveal-block].m1-sleek-build__reveal--in .m1-sleek-build__card {
	opacity: 1;
	-webkit-transform: translate(-50%, 0) scale(1);
	transform: translate(-50%, 0) scale(1);
	-webkit-transition-delay: 0.48s;
	transition-delay: 0.48s;
}

#m1-sleek-build [data-m1-sleek-reveal-block].m1-sleek-build__reveal--in .m1-sleek-build__warranty-front {
	opacity: 1;
	-webkit-transform: translateX(0) scale(1);
	transform: translateX(0) scale(1);
}

#m1-sleek-build [data-m1-sleek-reveal-block].m1-sleek-build__reveal--in .m1-sleek-build__warranty-copy {
	opacity: 1;
	-webkit-transform: translateX(0);
	transform: translateX(0);
	-webkit-transition-delay: 0.38s;
	transition-delay: 0.38s;
}

#m1-sleek-build [data-m1-sleek-reveal-block].m1-sleek-build__reveal--instant .m1-sleek-build__headline,
#m1-sleek-build [data-m1-sleek-reveal-block].m1-sleek-build__reveal--instant .m1-sleek-build__lede,
#m1-sleek-build [data-m1-sleek-reveal-block].m1-sleek-build__reveal--instant .m1-sleek-build__card,
#m1-sleek-build [data-m1-sleek-reveal-block].m1-sleek-build__reveal--instant .m1-sleek-build__warranty-front,
#m1-sleek-build [data-m1-sleek-reveal-block].m1-sleek-build__reveal--instant .m1-sleek-build__warranty-copy {
	-webkit-transition: none !important;
	transition: none !important;
	-webkit-transition-delay: 0s !important;
	transition-delay: 0s !important;
}







/* Figma Frame 11133:2240 — Sleek / warranty；gap 192、py 192；上卡 11173:803 单图 + 阴影；下卡 11133:2245 前景图 + 左渐变 + 文案 */
.m1-sleek-build {
	width: 100%;
	min-width: 320px;
	background: linear-gradient(180deg, #000000 0%, #1f1f1f 100%);
	color: #ffffff;
}

.m1-sleek-build__inner {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 192px;
	width: 100%;
	max-width: var(--m1-content-px);
	margin: 0 auto;
	padding: 192px 0px;
	box-sizing: border-box;
}

.m1-sleek-build__intro {
	position: relative;
	max-width: 100%;
	min-height: 833px;
	margin: 0 auto;
	box-sizing: border-box;
}

.m1-sleek-build__headline {
	position: absolute;
	top: 0;
	right: 114px;
	margin: 0;
	padding: 0;
	font-family: Figtree, sans-serif;
	font-size: 64px;
	font-weight: 600;
	line-height: 77px;
	color: #ffffff;
	text-align: right;
	white-space: nowrap;
}

.m1-sleek-build__lede {
	position: absolute;
	top: 101px;
	left: 112px;
	margin: 0;
	padding: 0;
	max-width: 976px;
	font-family: Figtree, sans-serif;
	font-size: 20px;
	font-weight: 400;
	line-height: 28px;
	color: rgba(255, 255, 255, 0.8);
	white-space: nowrap;
}

.m1-sleek-build__card {
	position: absolute;
	left: 50%;
	top: 193px;
	width: 100%;
	transform: translateX(-50%);
	max-width: 100%;
	height: 640px;
	border-radius: 20px;
	overflow: hidden;
	box-shadow: 0px -4px 70.6px 0px rgba(0, 0, 0, 0.25);
	box-sizing: border-box;
}

.m1-sleek-build__card-img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 20px;
}

.m1-sleek-build__warranty {
	position: relative;
	width: 100%;
	max-width: 100%;
	height: auto;
	border-radius: 20px;
	overflow: hidden;
	box-sizing: border-box;
}

.m1-sleek-build__warranty-front {
	position: relative;
	width: 100%;
	height: auto;
	box-sizing: border-box;
	z-index: 1;
}

.m1-sleek-build__warranty-front-img-wrap {
	position: relative;
	width: 100%;
	line-height: 0;
	pointer-events: none;
}

.m1-sleek-build__warranty-front-img {
	display: block;
	width: 100%;
	height: auto;
	max-width: 100%;
}

.m1-sleek-build__warranty-copy {
	position: absolute;
	left: 50px;
	top: 36.4%;
	bottom: auto;
	z-index: 2;
	max-width: 520px;
	box-sizing: border-box;
}

.m1-sleek-build__warranty-title {
	margin: 0;
	padding: 0;
	font-family: Figtree, sans-serif;
	font-size: 48px;
	font-weight: 600;
	line-height: 58px;
	color: #ffffff;
	display: flex;
	flex-direction: column;
	gap: 0;
}

.m1-sleek-build__warranty-title-line {
	display: block;
}

.m1-sleek-build__warranty-lede {
	margin: 25px 0 0 0;
	padding: 0;
	width: 404px;
	max-width: 100%;
	font-family: Figtree, sans-serif;
	font-size: 24px;
	font-weight: 500;
	line-height: 34px;
	color: #ffffff;
}





/* m1-smarter-clean：clip-path 横向细条露图 + 标题同轨入场；纵向展开全屏；末段「20-Min」文案中间偏左上滑（--m1-sc-center-copy-x，见 index.js） */
/* GSAP 首帧同步前隐藏入场层，避免预览/落地滚动位置导致未同步时闪条、闪字 */
#m1-smarter-clean:not(.m1-smarter-clean--js-ready) .m1-smarter-clean__panel--a .m1-smarter-clean__full-stack,
#m1-smarter-clean:not(.m1-smarter-clean--js-ready) .m1-smarter-clean__panel--a .m1-smarter-clean__intro-lockup {
	visibility: hidden !important;
}

.m1-smarter-clean {
	background: transparent;
	min-width: 320px;
	position: relative;
	/* 末帧「20-Min」文案水平位置：改此变量即可整体左/右微调（与 JS xPercent:0 配套） */
	--m1-sc-center-copy-left: max(10%, calc((100% - min(1200px, 100%)) / 2));
}

/* Figma 11334:1179 — 移动端静态模块，默认隐藏 */
.m1-smarter-clean-mobile {
	display: none;
	box-sizing: border-box;
}

.m1-smarter-clean__scroll {
	position: relative;
}

.m1-smarter-clean__stage {
	position: relative;
	height: 900px;
	min-height: 900px;
	overflow: hidden;
	background: #000000;
	z-index: 2;
	isolation: isolate;
}

.m1-smarter-clean__panel {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	min-height: 100%;
	box-sizing: border-box;
	/* 仅 panel-a：全屏图 + intro + 中心 20-Min 文案（末帧定格） */
}

.m1-smarter-clean__panel--a {
	background: #000000;
	z-index: 2;
}

/* panel-b / quick-clean 已迁至页面 #m1-smarter-clean 下方独立 #m1-quick-clean */

.m1-smarter-clean__full-stack {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	pointer-events: none;
}

.m1-smarter-clean__full {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	overflow: hidden;
	border-radius: 20px;
	will-change: clip-path, border-radius;
	/* JS 运行前：与 applySmarterCleanIntro(0) 一致，全裁切 = 纯黑底，避免闪全图 */
	clip-path: inset(calc(50% - 4px) 100% calc(50% - 4px) 0);
}

.m1-smarter-clean__full-inner {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	will-change: transform;
	backface-visibility: hidden;
	transform: translate3d(-100%, 0, 0);
}

.m1-smarter-clean__full-img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: 50% 50%;
}

.m1-smarter-clean__full-dim {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: 2;
	background: rgba(0, 0, 0, 0.24);
	pointer-events: none;
}

.m1-smarter-clean__intro-lockup {
	position: absolute;
	left: 0;
	right: 0;
	width: 100%;
	top: calc(50% - 4px - 12px);
	z-index: 4;
	pointer-events: none;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-end;
	box-sizing: border-box;
	will-change: transform, opacity;
	/* JS 运行前隐藏标题，避免白字闪一下 */
	opacity: 0;
}

.m1-smarter-clean__title-gap {
	flex: 0 0 auto;
	white-space: pre;
}

.m1-smarter-clean__title {
	position: relative;
	left: auto;
	top: auto;
	width: 100%;
	max-width: 100%;
	box-sizing: border-box;
	padding-left: clamp(16px, calc(64 * 100vw / 1328), 64px);
	padding-right: clamp(16px, calc(64 * 100vw / 1328), 64px);
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-items: center;
	justify-content: center;
	gap: 0;
	white-space: nowrap;
	color: #ffffff;
	font-family: Figtree, sans-serif;
	font-weight: 600;
	font-size: 80px;
	line-height: 96px;
	letter-spacing: 0;
	margin: 0;
	pointer-events: none;
	text-align: center;
}

/* 已停用：末帧不再叠黑色遮罩（保留节点供结构稳定） */
.m1-smarter-clean__center-mask {
	display: none !important;
}

.m1-smarter-clean {
	/* 末帧文案：相对视口水平居中，x 负值略向左（建议 -24px ~ -48px） */
	--m1-sc-center-copy-x-pct: -35;
	--m1-sc-center-copy-x: -40px;
}

.m1-smarter-clean__center-copy {
	position: absolute;
	left: 50%;
	top: 50%;
	width: var(--m1-content-px);
	max-width: calc(100% - 48px);
	text-align: left;
	color: #ffffff;
	opacity: 0;
	z-index: 5;
	pointer-events: none;
	will-change: transform, opacity;
}

.m1-smarter-clean__center-title {
	margin: 0;
	font-family: Figtree;
	font-weight: 600;
	font-size: 64px;
	line-height: 77px;
	letter-spacing: 0px;
}

.m1-smarter-clean__center-desc {
	margin: 16px 0 0 0;
	width: 720px;
	font-family: Figtree;
	font-weight: 400;
	font-size: 20px;
	line-height: 24px;
	letter-spacing: 0px;
	color: rgba(255, 255, 255, 0.8);
}

/* ≤1328：主内容列变量与布局（字号流式见 768–1328 块，上限 = >1328 PC 稿面 px） */
@media (max-width: 1328px) {
	.m1-page {
		--m1-page-gutter-x: 64px;
		--m1-content-px: min(1200px, calc(100% - 128px));
	}

	.m1-smarter-clean {
		--m1-sc-center-copy-x: clamp(-48px, calc(-40 * 100vw / 1328), -28px);
	}

	.m1-smarter-clean__center-copy {
		width: var(--m1-content-px);
		max-width: calc(100% - 128px);
		box-sizing: border-box;
		padding-left: 0;
		padding-right: 0;
	}

	/* month-freedom：左右 64px 稿边距 + 图文布局（含 static 与 GSAP 终态） */
	.m1-month-freedom__hero {
		width: min(930px, calc(100% - 128px));
		max-width: calc(100% - 128px);
	}

	.m1-month-freedom__final {
		max-width: calc(100% - 128px);
	}

	.m1-month-freedom:not(.m1-month-freedom--static) .m1-month-freedom__final {
		left: var(--m1-page-gutter-x, 64px);
		width: clamp(calc(768 * 280 / 1328 * 1px), calc(452 * 100vw / 1328), 452px);
		max-width: calc(
			(100% - clamp(calc(768 * 28 / 1328 * 1px), calc(48 * 100vw / 1328), 48px)) * 452 / 1152
		);
		box-sizing: border-box;
	}

	.m1-month-freedom--static .m1-month-freedom__stage,
	#m1-month-freedom.m1-month-freedom--desktop-anim .m1-month-freedom__stage,
	#m1-month-freedom.m1-month-freedom--desktop-end .m1-month-freedom__stage {
		width: 100%;
		max-width: none;
		margin-left: 0;
		margin-right: 0;
		padding-top: 64px;
		padding-right: 64px;
		padding-bottom: 0;
		padding-left: 64px;
		column-gap: 48px;
		row-gap: 0;
		grid-template-columns:
			minmax(
				0,
				calc(
					(100% - clamp(calc(768 * 28 / 1328 * 1px), calc(48 * 100vw / 1328), 48px)) * 452 / 1152
				)
			)
			minmax(
				0,
				calc(
					(100% - clamp(calc(768 * 28 / 1328 * 1px), calc(48 * 100vw / 1328), 48px)) * 700 / 1152
				)
			);
	}

	.m1-month-freedom--static .m1-month-freedom__photo,
	#m1-month-freedom.m1-month-freedom--desktop-end .m1-month-freedom__photo {
		max-width: calc(
			(100% - clamp(calc(768 * 28 / 1328 * 1px), calc(48 * 100vw / 1328), 48px)) * 700 / 1152
		);
		border-radius: clamp(calc(768 * 12 / 1328 * 1px), calc(20 * 100vw / 1328), 20px);
	}

	.m1-month-freedom--static .m1-month-freedom__copy-stack,
	#m1-month-freedom.m1-month-freedom--desktop-anim .m1-month-freedom__copy-stack,
	#m1-month-freedom.m1-month-freedom--desktop-end .m1-month-freedom__copy-stack,
	.m1-month-freedom--static .m1-month-freedom__lede,
	#m1-month-freedom.m1-month-freedom--desktop-anim .m1-month-freedom__copy-stack .m1-month-freedom__lede,
	#m1-month-freedom.m1-month-freedom--desktop-end .m1-month-freedom__lede,
	.m1-month-freedom--static .m1-month-freedom__features,
	#m1-month-freedom.m1-month-freedom--desktop-anim .m1-month-freedom__copy-stack .m1-month-freedom__features,
	#m1-month-freedom.m1-month-freedom--desktop-end .m1-month-freedom__features {
		max-width: calc(
			(100% - clamp(calc(768 * 28 / 1328 * 1px), calc(48 * 100vw / 1328), 48px)) * 452 / 1152
		);
	}
}

/* Figma node 10953:847 — It knows every piece by name（画板 2560×1248，内容区 1200 居中） */
.m1-debris-id {
	background: #000000;
	min-width: 320px;
}

.m1-debris-id__inner {
	width: var(--m1-content-px);
	margin: 0 auto;
	padding: 96px 0 192px 0;
	box-sizing: border-box;
}

.m1-debris-id__title {
	margin: 0 auto;
	padding: 0;
	width: 548px;
	color: #FFFFFF;
	font-size: 40px;
	font-weight: 600;
	line-height: 48px;
	letter-spacing: 0px;
	text-align: center;
}

.m1-debris-id__lede--hidden {
	display: none;
	margin: 0;
	padding: 0;
	width: auto;
	height: 0;
	overflow: hidden;
}

.m1-debris-id__lede {
	margin: 24px auto 0 auto;
	padding: 0;
	width: 805px;
	color: #FFFFFF;
	font-size: 20px;
	font-weight: 500;
	line-height: 24px;
	letter-spacing: 0px;
	text-align: center;
}

.m1-debris-id__media {
	margin: 64px 0 0 0;
	width: var(--m1-content-px);
	height: 600px;
	border-radius: 20px;
	overflow: hidden;
	background: #373737;
}

.m1-debris-id__media-inner {
	position: relative;
	width: 100%;
	height: 100%;
}

.m1-debris-id__media-base {
	position: absolute;
	left: 0;
	top: 0;
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	border: 0;
	border-radius: 20px;
}

video.m1-debris-id__media-base {
	pointer-events: none;
	background: transparent;
}

.m1-debris-id__media-overlay-cut {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	overflow: hidden;
	border-radius: 20px;
	pointer-events: none;
}

.m1-debris-id__media-overlay {
	position: absolute;
	left: 0;
	top: -12.5%;
	display: block;
	width: 100%;
	height: 112.51%;
	max-width: none;
	object-fit: cover;
	border: 0;
}

.m1-debris-id__footer {
	margin: 40px 0 0 0;
	width: var(--m1-content-px);
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-items: flex-start;
	justify-content: space-between;
	gap: 0;
	overflow-x: hidden;
}

/* Figma 10953:781 / 11173:627 — 底部与顶区同文案，字号与顶区区分 */
.m1-debris-id__footer-line,
.m1-debris-id__copy-repeat {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 16px;
	width: 464px;
	flex: 0 0 464px;
	box-sizing: border-box;
}

.m1-debris-id__title--footer {
	margin: 0;
	padding: 0;
	width: 464px;
	max-width: 100%;
	color: #ffffff;
	font-size: 24px;
	font-weight: 600;
	line-height: 29px;
	letter-spacing: 0px;
	text-align: left;
}

.m1-debris-id__lede--footer {
	margin: 0;
	padding: 0;
	width: 464px;
	max-width: 100%;
	color: rgba(255, 255, 255, 0.8);
	font-size: 17px;
	font-weight: 400;
	line-height: 24px;
	letter-spacing: 0px;
	text-align: left;
}

.m1-debris-id__tags-viewport {
	position: relative;
	flex: 0 0 640px;
	width: 640px;
	min-height: 64px;
	overflow: hidden;
	-webkit-mask-image: linear-gradient(90deg, rgba(0, 0, 0, 0) 0px, rgba(0, 0, 0, 1) 88px, rgba(0, 0, 0, 1) calc(100% - 88px), rgba(0, 0, 0, 0) 100%);
	mask-image: linear-gradient(90deg, rgba(0, 0, 0, 0) 0px, rgba(0, 0, 0, 1) 88px, rgba(0, 0, 0, 1) calc(100% - 88px), rgba(0, 0, 0, 0) 100%);
	-webkit-mask-size: 100% 100%;
	mask-size: 100% 100%;
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
}

.m1-debris-id__tags-marquee {
	width: 100%;
	min-width: 0;
	overflow: hidden;
	position: relative;
}

.m1-debris-id__tags-marquee-track {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-items: stretch;
	width: max-content;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

/* debris tags 横移动画：见 index.php 内联 <style>（原生 @keyframes，无第三方） */

.m1-debris-id__tags-strip {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	flex: 0 0 auto;
	gap: 8px;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

.m1-debris-id__tags-row {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-items: center;
	flex: 0 0 auto;
	gap: 8px;
}

.m1-debris-id__chip {
	box-sizing: border-box;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 4px 8px;
	border: 0;
	border-radius: 6px;
	box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.2);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	color: rgba(255, 255, 255, 0.8);
	font-size: 14px;
	font-weight: 500;
	line-height: 20px;
	letter-spacing: 0px;
	text-align: center;
	white-space: nowrap;
	flex: 0 0 auto;
}

.m1-bionic__inner {
	position: relative;
	z-index: 1;
	width: var(--m1-content-px);
	margin: 0 auto;
	padding-top: 128px;
	display: flex;
	flex-direction: column;
	align-items: stretch;
	gap: 24px;
}

/* 滚轮分步驱动：文案在顶部淡入（与 Figma 一致），顶部轻遮罩保证可读 */
.m1-bionic__inner--scroll {
	position: absolute;
	left: 50%;
	right: auto;
	top: 0;
	bottom: auto;
	width: var(--m1-content-px);
	max-width: calc(100% - 32px);
	margin: 0;
	padding: 52px 0 0;
	box-sizing: border-box;
	opacity: var(--m1-bionic-copy-opacity, 0);
	-webkit-transform: translate3d(-50%, var(--m1-bionic-copy-y, 8px), 0);
	transform: translate3d(-50%, var(--m1-bionic-copy-y, 8px), 0);
	pointer-events: none;
	z-index: 3;
}

.m1-bionic__inner--scroll::before {
	content: '';
	position: absolute;
	left: 50%;
	top: 0;
	width: 100vw;
	max-width: none;
	height: 220px;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	background: linear-gradient(180deg, rgba(0, 0, 0, 0.72) 0%, rgba(0, 0, 0, 0) 100%);
	z-index: -1;
	pointer-events: none;
}

/* 素材分辨率低于视口时用 contain，避免 cover 放大发糊（非等比拉伸） */
.m1-bionic--frame-contain .m1-bionic__frame-img {
	object-fit: contain;
	object-position: center center;
}

.m1-bionic--frame-cover .m1-bionic__frame-img {
	object-fit: cover;
	object-position: center center;
}

@media (max-width: 767px) {
	/*
	 * 移动端上文下图 + 视频：不依赖 JS class，避免首屏/真机上 sticky+100vh 序列帧轨道撑出整屏空白。
	 * JS 仍会加 .m1-bionic--mobile-layout 做视频逻辑；样式与此处保持一致。
	 */
	#m1-dual-cam.m1-bionic {
		min-height: 0 !important;
		height: auto !important;
		overflow: visible;
	}

	#m1-dual-cam.m1-bionic .m1-bionic__stage {
		position: relative;
		top: auto;
		left: auto;
		width: 100%;
		max-width: 100vw;
		height: auto !important;
		min-height: 0 !important;
		overflow: visible;
		box-sizing: border-box;
		display: flex;
		flex-direction: column;
		align-items: stretch;
		gap: 16px;
		padding: 15px 0 10px;
	}

	#m1-dual-cam.m1-bionic .m1-bionic__inner--scroll {
		position: relative;
		left: auto;
		top: auto;
		width: 100%;
		max-width: 600px;
		margin: 0 auto;
		padding: 15px 15px 48px;
		box-sizing: border-box;
		opacity: 1;
		-webkit-transform: none;
		transform: none;
		order: 1;
		z-index: 2;
		pointer-events: auto;
	}

	#m1-dual-cam.m1-bionic .m1-bionic__inner--scroll::before {
		display: none;
	}

	#m1-dual-cam.m1-bionic .m1-bionic__media {
		position: relative;
		inset: auto;
		width: 100%;
		max-width: 100%;
		height: auto;
		min-height: 0;
		overflow: hidden;
		order: 2;
	}

	#m1-dual-cam.m1-bionic .m1-bionic__media-scaler,
	#m1-dual-cam.m1-bionic.m1-bionic--mobile-layout .m1-bionic__media-scaler {
		position: relative;
		width: 100%;
		max-width: 100%;
		aspect-ratio: 1920 / 1080;
		height: auto;
		min-height: 0;
		overflow: hidden;
		-webkit-transform: none !important;
		transform: none !important;
		-webkit-transition: none !important;
		transition: none !important;
		will-change: auto;
		--m1-bionic-media-scale: 1 !important;
	}

	#m1-dual-cam.m1-bionic .m1-bionic__frame-img,
	#m1-dual-cam.m1-bionic .m1-bionic__frame-img[data-m1-bionic-frame-img],
	#m1-dual-cam.m1-bionic .m1-bionic__frame-img[data-m1-bionic-sequence-pc-only] {
		display: none !important;
		visibility: hidden !important;
		position: absolute !important;
		width: 0 !important;
		height: 0 !important;
		max-width: 0 !important;
		max-height: 0 !important;
		margin: 0 !important;
		padding: 0 !important;
		border: 0 !important;
		opacity: 0 !important;
		pointer-events: none !important;
		content-visibility: hidden;
	}

	#m1-dual-cam.m1-bionic .m1-bionic__video--mobile,
	#m1-dual-cam.m1-bionic.m1-bionic--mobile-layout .m1-bionic__video--mobile {
		display: block;
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		max-width: 100%;
		margin: 0;
		padding: 0;
		border: 0;
		object-fit: contain;
		object-position: center center;
		background: #000000;
		pointer-events: none;
		-webkit-transform: none !important;
		transform: none !important;
		-webkit-transition: none !important;
		transition: none !important;
		will-change: auto;
	}

	#m1-dual-cam.m1-bionic.m1-bionic--mobile-video-frozen .m1-bionic__media-scaler,
	#m1-dual-cam.m1-bionic.m1-bionic--mobile-video-frozen .m1-bionic__video--mobile {
		-webkit-transform: none !important;
		transform: none !important;
		scale: none !important;
	}
}

.m1-bionic__title {
	margin: 0;
	padding: 0;
	width: 100%;
	color: #FFFFFF;
	font-size: 48px;
	font-weight: 600;
	line-height: 58px;
	letter-spacing: 0px;
	text-align: center;
}

.m1-bionic__copy {
	margin: 0;
	padding: 0;
	width: 100%;
	display: flex;
	flex-direction: column;
	gap: 0;
}

.m1-bionic__line {
	margin: 0;
	padding: 0;
	width: 100%;
	color: #FFFFFF;
	font-size: 20px;
	font-weight: 500;
	line-height: 24px;
	letter-spacing: 0px;
	text-align: center;
}







/* Figma 10892:1261 / 10873:379 — 滚轮驱动：全屏图 + 遮罩 → 图缩至右侧圆角卡片，左侧文案入场（GSAP ScrollTrigger，见 index.js） */
.m1-month-freedom {
	position: relative;
	z-index: 1;
	width: 100%;
	min-width: 320px;
	isolation: isolate;
	overflow: hidden;
}

/* 动效 / pin 定帧期间裁剪，避免压住下方 trio；pin 解除且 desktop-end 后才放开 */
#m1-month-freedom:not(.m1-month-freedom--static):not(.m1-month-freedom--desktop-end),
#m1-month-freedom.m1-month-freedom--pin-holding {
	overflow: hidden;
}

#m1-month-freedom.m1-month-freedom--pin-holding .m1-month-freedom__stage {
	overflow: hidden !important;
}

.m1-month-freedom__stage {
	position: relative;
	width: 100%;
	height: var(--m1-stage-avail-vh);
	min-height: var(--m1-stage-avail-vh);
	max-height: var(--m1-stage-avail-vh);
	overflow: hidden;
	box-sizing: border-box;
}

/* 动效 pin 期间舞台顶对齐子导航底（64px），高度为视口减子导航 */
#m1-month-freedom:not(.m1-month-freedom--static) .m1-month-freedom__stage {
	height: var(--m1-stage-avail-vh);
	min-height: var(--m1-stage-avail-vh);
	max-height: var(--m1-stage-avail-vh);
	overflow: hidden;
}

.m1-month-freedom__hero {
	position: absolute;
	left: 50%;
	top: 50%;
	z-index: 4;
	width: 930px;
	max-width: calc(100% - 48px);
	margin: 0;
	padding: 0;
	transform: translate(-50%, -50%);
	color: rgba(255, 255, 255, 0.8);
	font-size: 80px;
	font-weight: 600;
	line-height: 1.4;
	text-align: center;
	pointer-events: none;
}

.m1-month-freedom__hero-line {
	margin: 0;
	padding: 0;
	font-size: inherit;
	font-weight: inherit;
	line-height: inherit;
	text-align: center;
}

.m1-month-freedom__hero-line--1 {
	white-space: nowrap;
}

.m1-month-freedom__hero-line--2 {
	margin-top: 0;
}

.m1-month-freedom__hero-num {
	font-size: inherit;
	font-weight: 700;
	line-height: inherit;
	color: inherit;
}

.m1-month-freedom__hero-days {
	font-size: inherit;
	font-weight: inherit;
	line-height: inherit;
	color: inherit;
}

.m1-month-freedom__photo {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: 1;
	width: 100%;
	height: 100%;
	overflow: hidden;
	box-sizing: border-box;
	will-change: left, top, width, height, border-radius;
}

/* 末帧已切 CSS 网格/流式：关闭 will-change，减少末态重绘抖动 */
#m1-month-freedom.m1-month-freedom--mobile-end .m1-month-freedom__photo,
#m1-month-freedom.m1-month-freedom--desktop-end .m1-month-freedom__photo,
#m1-month-freedom.m1-month-freedom--mobile-end .m1-month-freedom__stage,
#m1-month-freedom.m1-month-freedom--desktop-end .m1-month-freedom__stage {
	will-change: auto;
}

.m1-month-freedom__photo-img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center center;
}

.m1-month-freedom__photo-dim {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: 2;
	background: rgba(0, 0, 0, 0.8);
	pointer-events: none;
	will-change: opacity;
}

.m1-month-freedom__final {
	position: absolute;
	left: max(24px, calc(50% - 600px));
	top: 50%;
	z-index: 5;
	width: 452px;
	max-width: calc(100% - 48px);
	transform: translateY(-50%);
	box-sizing: border-box;
	pointer-events: none;
	will-change: opacity, transform;
}

.m1-month-freedom__title {
	margin: 0 0 24px 0;
	padding: 0;
	color: #ffffff;
	font-size: 48px;
	font-weight: 600;
	line-height: 1.2;
	letter-spacing: 0px;
}

.m1-month-freedom__title-line {
	display: inline;
}

.m1-month-freedom__title-line + .m1-month-freedom__title-line::before {
	content: ' ';
}

.m1-month-freedom__lede {
	margin: 0 0 57px 0;
	padding: 0;
	color: rgba(255, 255, 255, 0.8);
	font-size: 20px;
	font-weight: 500;
	line-height: 1.2;
	letter-spacing: 0px;
}

.m1-month-freedom__features {
	margin: 0;
	padding: 0;
	list-style: none;
	display: flex;
	flex-direction: column;
	gap: 24px;
}

.m1-month-freedom__feature {
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: 16px;
	margin: 0;
	padding: 0;
}

.m1-month-freedom__feature-icon {
	display: block;
	width: 48px;
	height: 48px;
	flex-shrink: 0;
}

.m1-month-freedom__feature-label {
	color: rgba(255, 255, 255, 0.8);
	font-size: 20px;
	font-weight: 400;
	line-height: 1.2;
}

/* 无 GSAP / 小屏：直接展示终态 */
.m1-month-freedom--static .m1-month-freedom__hero {
	display: none;
}

.m1-month-freedom--static .m1-month-freedom__photo-dim {
	opacity: 0;
}

/* ≥768 末帧：标题置顶居中 + 下行左文案右图（static / GSAP desktop-end；<768 见文件末尾） */
@media (min-width: 768px) {
	/* 已弃用 desktop-layout；动效全程用 desktop-anim + 末帧同款网格 */
	#m1-month-freedom.m1-month-freedom--desktop-layout .m1-month-freedom__final {
		position: absolute;
		top: auto;
		left: auto;
		right: auto;
		max-width: none;
		transform: none;
		z-index: 5;
		box-sizing: border-box;
		pointer-events: none;
		will-change: opacity, transform;
	}

	#m1-month-freedom.m1-month-freedom--desktop-layout .m1-month-freedom__title {
		margin: 0;
		text-align: center;
		width: 100%;
		max-width: 100%;
	}

	#m1-month-freedom.m1-month-freedom--desktop-layout .m1-month-freedom__copy-stack {
		display: flex;
		flex-direction: column;
		gap: 44px;
		width: 100%;
		max-width: var(--m1-mf-copy-w, 452px);
		margin: 95px 0 0 0;
		box-sizing: border-box;
	}

	#m1-month-freedom.m1-month-freedom--desktop-layout .m1-month-freedom__copy-stack .m1-month-freedom__lede {
		margin-bottom: 0;
	}

	#m1-month-freedom.m1-month-freedom--desktop-layout .m1-month-freedom__copy-stack .m1-month-freedom__lede,
	#m1-month-freedom.m1-month-freedom--desktop-layout .m1-month-freedom__copy-stack .m1-month-freedom__features {
		width: 100%;
		max-width: none;
		margin: 0;
	}

	.m1-month-freedom--static .m1-month-freedom__stage,
	#m1-month-freedom.m1-month-freedom--desktop-anim .m1-month-freedom__stage,
	#m1-month-freedom.m1-month-freedom--desktop-end .m1-month-freedom__stage {
		display: grid;
		grid-template-columns: minmax(0, 452px) minmax(0, 700px);
		grid-template-rows: auto auto auto;
		column-gap: 48px;
		row-gap: 0;
		align-items: start;
		align-content: start;
		justify-content: center;
		justify-items: stretch;
		width: 100%;
		max-width: min(1200px, calc(100% - 128px));
		margin-left: auto;
		margin-right: auto;
		box-sizing: border-box;
		padding: 64px 24px 0 24px;
		height: auto;
		min-height: 0;
		max-height: none;
		overflow: visible;
	}

	#m1-month-freedom.m1-month-freedom--desktop-anim:not(.m1-month-freedom--desktop-end)
		.m1-month-freedom__stage {
		height: var(--m1-stage-avail-vh) !important;
		min-height: var(--m1-stage-avail-vh) !important;
		max-height: var(--m1-stage-avail-vh) !important;
		overflow: hidden !important;
	}

	#m1-month-freedom.m1-month-freedom--desktop-anim .m1-month-freedom__photo {
		position: absolute;
		z-index: 2;
	}

	#m1-month-freedom:not(.m1-month-freedom--static).m1-month-freedom--desktop-end:not(.m1-month-freedom--pin-holding)
		.m1-month-freedom__stage {
		height: auto !important;
		min-height: 0 !important;
		max-height: none !important;
		overflow: visible !important;
		align-content: start;
	}

	#m1-month-freedom.m1-month-freedom--desktop-end.m1-month-freedom--pin-holding .m1-month-freedom__stage {
		height: auto !important;
		min-height: 0 !important;
		max-height: none !important;
		overflow: hidden !important;
		align-content: start;
	}

	.m1-month-freedom--static .m1-month-freedom__final,
	#m1-month-freedom.m1-month-freedom--desktop-anim .m1-month-freedom__final,
	#m1-month-freedom.m1-month-freedom--desktop-end .m1-month-freedom__final {
		display: contents;
	}

	.m1-month-freedom--static .m1-month-freedom__photo,
	#m1-month-freedom.m1-month-freedom--desktop-end .m1-month-freedom__photo {
		position: relative;
		left: auto;
		top: auto;
		right: auto;
		bottom: auto;
		z-index: 1;
		grid-column: 2;
		grid-row: 2 / 4;
		align-self: start;
		justify-self: end;
		width: 100%;
		max-width: 700px;
		height: auto;
		margin: 48px 0 0 0;
		aspect-ratio: 700 / 394;
		border-radius: 20px;
	}

	.m1-month-freedom--static .m1-month-freedom__title,
	#m1-month-freedom.m1-month-freedom--desktop-anim .m1-month-freedom__title,
	#m1-month-freedom.m1-month-freedom--desktop-end .m1-month-freedom__title {
		grid-column: 1 / -1;
		grid-row: 1;
		justify-self: center;
		width: 100%;
		max-width: 100%;
		margin: 0;
		text-align: center;
	}

	.m1-month-freedom--static .m1-month-freedom__copy-stack,
	#m1-month-freedom.m1-month-freedom--desktop-anim .m1-month-freedom__copy-stack,
	#m1-month-freedom.m1-month-freedom--desktop-end .m1-month-freedom__copy-stack {
		display: flex;
		flex-direction: column;
		gap: 44px;
		grid-column: 1;
		grid-row: 2 / 4;
		align-self: start;
		width: 100%;
		max-width: 452px;
		margin: 95px 0 0 0;
		box-sizing: border-box;
	}

	.m1-month-freedom--static .m1-month-freedom__copy-stack .m1-month-freedom__lede,
	#m1-month-freedom.m1-month-freedom--desktop-anim .m1-month-freedom__copy-stack .m1-month-freedom__lede,
	#m1-month-freedom.m1-month-freedom--desktop-end .m1-month-freedom__copy-stack .m1-month-freedom__lede {
		width: 100%;
		max-width: none;
		margin: 0 0 0 0;
	}

	.m1-month-freedom--static .m1-month-freedom__copy-stack .m1-month-freedom__features,
	#m1-month-freedom.m1-month-freedom--desktop-anim .m1-month-freedom__copy-stack .m1-month-freedom__features,
	#m1-month-freedom.m1-month-freedom--desktop-end .m1-month-freedom__copy-stack .m1-month-freedom__features {
		width: 100%;
		max-width: none;
		margin: 0;
	}
}

/* Figma 10873:537 — 标题 10873:538；卡行 top≈122 相对标题；mask 初始 35px 自下露底 */
.m1-trio-rise {
	position: relative;
	z-index: 2;
	width: 100%;
	min-width: 320px;
}

/* ≥768：stage 底 → trio 顶 100px，末帧由 index.js 测量设 margin-top（含负值以抵消 pin 留白） */
/* ≤767：与 month-freedom 间距 64px（JS 测量微调，此处为未就绪时的兜底） */
@media (min-width: 768px) {
	#m1-trio-rise {
		margin-top: 0;
	}
}

@media (max-width: 767px) {
	#m1-trio-rise {
		margin-top: 64px;
	}
}

/* DOM 包裹；PC pin 期间高度与视口对齐（见 index.js ScrollTrigger） */
.m1-trio-rise__pin {
	position: relative;
	width: 100%;
	box-sizing: border-box;
	min-height: 0;
	margin-top: 64px;
}

.m1-trio-rise__viewport {
	display: flex;
	flex-direction: column;
	align-items: stretch;
	justify-content: flex-start;
	width: 100%;
	min-height: 0;
	padding: 0 24px 64px 24px;
	box-sizing: border-box;
	overflow: hidden;
	will-change: transform;
}

/* 满开后略增顶距，标题与视口顶留白（与 JS TRIO_VIEW_TOP_INSET 配合） */
.m1-trio-rise--copy-visible:not(.m1-trio-rise--static) .m1-trio-rise__viewport {
	padding-top: 32px;
}

/* 动效区：幕布未全开时区块标题+卡底文案隐藏；满开后 ≥768 各列显示卡标题，宽列另显示副文案；移动端轮播 --carousel 始终展示完整卡底文案 */
.m1-trio-rise:not(.m1-trio-rise--static):not(.m1-trio-rise--copy-visible):not(.m1-trio-rise--carousel) .m1-trio-rise__heading,
.m1-trio-rise:not(.m1-trio-rise--static):not(.m1-trio-rise--copy-visible):not(.m1-trio-rise--carousel) .m1-trio-rise__card-foot {
	opacity: 0;
	visibility: hidden;
	transition: opacity 0.45s ease, visibility 0s linear 0.45s;
}

.m1-trio-rise--copy-visible .m1-trio-rise__heading {
	opacity: 1;
	visibility: visible;
	transition: opacity 0.55s ease, visibility 0s linear 0s;
}

/* ≥768 桌面 pin：幕布未全开隐藏文案；满开后各列均显示标题（kicker），仅当前宽列显示副文案（desc） */
@media (min-width: 768px) {
	.m1-trio-rise:not(.m1-trio-rise--static):not(.m1-trio-rise--carousel):not(.m1-trio-rise--copy-visible)
		.m1-trio-rise__card-foot {
		opacity: 0;
		visibility: hidden;
		-webkit-transform: translateY(100%);
		transform: translateY(100%);
	}

	.m1-trio-rise--copy-visible:not(.m1-trio-rise--static):not(.m1-trio-rise--carousel) .m1-trio-rise__card-foot {
		opacity: 1;
		visibility: visible;
		-webkit-transform: translateY(0);
		transform: translateY(0);
		min-height: 0;
		padding: 0 16px 16px;
		transition:
			opacity 0.38s ease,
			padding 0.48s ease,
			min-height 0.48s ease,
			-webkit-transform 0.55s cubic-bezier(0.22, 1, 0.36, 1),
			transform 0.55s cubic-bezier(0.22, 1, 0.36, 1),
			visibility 0s linear 0s;
	}

	.m1-trio-rise--copy-visible:not(.m1-trio-rise--static):not(.m1-trio-rise--carousel) .m1-trio-rise__card-desc {
		display: none;
		margin: 0;
	}

	.m1-trio-rise--copy-visible:not(.m1-trio-rise--static):not(.m1-trio-rise--carousel) .m1-trio-rise__card-kicker {
		display: block;
		overflow-wrap: anywhere;
		word-break: break-word;
	}

	.m1-trio-rise--copy-visible:not(.m1-trio-rise--static):not(.m1-trio-rise--carousel):not([data-m1-trio-active])
		.m1-trio-rise__cols:not(:has(.m1-trio-rise__col:hover))
		.m1-trio-rise__col:nth-child(3)
		.m1-trio-rise__card-foot,
	.m1-trio-rise--copy-visible:not(.m1-trio-rise--static):not(.m1-trio-rise--carousel)[data-m1-trio-active='1']
		.m1-trio-rise__col:nth-child(1)
		.m1-trio-rise__card-foot,
	.m1-trio-rise--copy-visible:not(.m1-trio-rise--static):not(.m1-trio-rise--carousel)[data-m1-trio-active='2']
		.m1-trio-rise__col:nth-child(2)
		.m1-trio-rise__card-foot,
	.m1-trio-rise--copy-visible:not(.m1-trio-rise--static):not(.m1-trio-rise--carousel)[data-m1-trio-active='3']
		.m1-trio-rise__col:nth-child(3)
		.m1-trio-rise__card-foot,
	.m1-trio-rise--copy-visible:not(.m1-trio-rise--static):not(.m1-trio-rise--carousel)
		.m1-trio-rise__cols:has(.m1-trio-rise__col:hover)
		.m1-trio-rise__col:hover
		.m1-trio-rise__card-foot {
		min-height: 180px;
		padding: 0 24px 24px;
	}

	.m1-trio-rise--copy-visible:not(.m1-trio-rise--static):not(.m1-trio-rise--carousel):not([data-m1-trio-active])
		.m1-trio-rise__cols:not(:has(.m1-trio-rise__col:hover))
		.m1-trio-rise__col:nth-child(3)
		.m1-trio-rise__card-desc,
	.m1-trio-rise--copy-visible:not(.m1-trio-rise--static):not(.m1-trio-rise--carousel)[data-m1-trio-active='1']
		.m1-trio-rise__col:nth-child(1)
		.m1-trio-rise__card-desc,
	.m1-trio-rise--copy-visible:not(.m1-trio-rise--static):not(.m1-trio-rise--carousel)[data-m1-trio-active='2']
		.m1-trio-rise__col:nth-child(2)
		.m1-trio-rise__card-desc,
	.m1-trio-rise--copy-visible:not(.m1-trio-rise--static):not(.m1-trio-rise--carousel)[data-m1-trio-active='3']
		.m1-trio-rise__col:nth-child(3)
		.m1-trio-rise__card-desc,
	.m1-trio-rise--copy-visible:not(.m1-trio-rise--static):not(.m1-trio-rise--carousel)
		.m1-trio-rise__cols:has(.m1-trio-rise__col:hover)
		.m1-trio-rise__col:hover
		.m1-trio-rise__card-desc {
		display: block;
	}
}

/* Figma 10873:538 — Figtree SemiBold 48 / line-height 1.2，白，相对画布水平居中（等效 left calc(50%−364px) 在 1200 内） */
.m1-trio-rise__heading {
	margin: 0 auto 64px;
	padding: 0;
	width: 100%;
	max-width: var(--m1-content-px);
	box-sizing: border-box;
	color: #ffffff;
	font-family: Figtree, sans-serif;
	font-size: 48px;
	font-weight: 600;
	line-height: 58px;
	letter-spacing: 0;
	text-align: center;
}

/* 裁切高度：自下露出三列 + 卡底文案（align flex-end） */
.m1-trio-rise__mask {
	width: 100%;
	max-width: var(--m1-content-px);
	margin: 0 auto;
	overflow: hidden;
	display: flex;
	flex-direction: row;
	align-items: flex-end;
	justify-content: center;
	box-sizing: border-box;
	height: 12px;
	will-change: height;
}

.m1-trio-rise__cols {
	display: flex;
	flex-direction: row;
	align-items: stretch;
	justify-content: center;
	gap: 20px;
	width: 100%;
	height: 675px;
	flex-shrink: 0;
	margin: 0;
	box-sizing: border-box;
}

.m1-trio-rise__col {
	flex: 1 1 0;
	min-width: 0;
	min-height: 0;
	transition: flex-grow 0.48s ease, flex-shrink 0.48s ease;
}

/* 折叠缝阶段：中间列略宽 */
.m1-trio-rise:not(.m1-trio-rise--static):not(.m1-trio-rise--copy-visible) .m1-trio-rise__col:nth-child(2) {
	flex-grow: 2.45;
}

/* 满开且未点选、指针不在列上：默认右侧列更宽 */
.m1-trio-rise--copy-visible:not(.m1-trio-rise--static):not([data-m1-trio-active])
	.m1-trio-rise__cols:not(:has(.m1-trio-rise__col:hover))
	.m1-trio-rise__col:nth-child(3) {
	flex-grow: 2.45;
}

/* 满开：点击列由 data-m1-trio-active 固定宽列；无 data 时默认中间列更宽 */
.m1-trio-rise--copy-visible:not(.m1-trio-rise--static)[data-m1-trio-active] .m1-trio-rise__col {
	flex-grow: 1;
}

.m1-trio-rise--copy-visible:not(.m1-trio-rise--static)[data-m1-trio-active='1'] .m1-trio-rise__col:nth-child(1),
.m1-trio-rise--copy-visible:not(.m1-trio-rise--static)[data-m1-trio-active='2'] .m1-trio-rise__col:nth-child(2),
.m1-trio-rise--copy-visible:not(.m1-trio-rise--static)[data-m1-trio-active='3'] .m1-trio-rise__col:nth-child(3) {
	flex-grow: 2.45;
}

/* 悬停优先于 data：指针在某列上时该列加宽 */
.m1-trio-rise--copy-visible:not(.m1-trio-rise--static) .m1-trio-rise__cols:has(.m1-trio-rise__col:hover) .m1-trio-rise__col {
	flex-grow: 1;
}

.m1-trio-rise--copy-visible:not(.m1-trio-rise--static) .m1-trio-rise__cols:has(.m1-trio-rise__col:hover) .m1-trio-rise__col:hover {
	flex-grow: 2.45;
}

.m1-trio-rise--copy-visible:not(.m1-trio-rise--static) .m1-trio-rise__col {
	cursor: pointer;
}

/* 折叠态：由滚动触发展开；点击 mask 内区域亦可展开（见 index.js） */
.m1-trio-rise:not(.m1-trio-rise--static):not(.m1-trio-rise--copy-visible) .m1-trio-rise__mask,
.m1-trio-rise:not(.m1-trio-rise--static):not(.m1-trio-rise--copy-visible) .m1-trio-rise__cols {
	cursor: pointer;
}



.m1-trio-rise--copy-visible .m1-trio-rise__mask {
	will-change: auto;
}

.m1-trio-rise__card {
	position: relative;
	width: 100%;
	height: 100%;
	border-radius: 20px;
	overflow: hidden;
	background: #1a1a1a;
	box-sizing: border-box;
}

.m1-trio-rise__img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center bottom;
}

/* Figma 11133:1582 — 底向上渐变 h180；文案 11133:1583 / 1584 */
.m1-trio-rise__card-foot {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 2;
	min-height: 180px;
	padding: 0 24px 24px;
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	align-items: flex-start;
	pointer-events: none;
	background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%);
}

.m1-trio-rise__card-kicker {
	margin: 0 0 8px 0;
	padding: 0;
	color: #ffffff;
	font-family: Figtree, sans-serif;
	font-size: 24px;
	font-weight: 600;
	line-height: 29px;
	letter-spacing: 0;
}

.m1-trio-rise__card-desc {
	margin: 0;
	padding: 0;
	color: #ffffff;
	font-family: Figtree, sans-serif;
	font-size: 18px;
	font-weight: 400;
	line-height: 25px;
	letter-spacing: 0;
}

.m1-trio-rise--static .m1-trio-rise__mask {
	height: auto;
	overflow: visible;
	will-change: auto;
}

.m1-trio-rise--static .m1-trio-rise__cols {
	height: auto;
	min-height: 0;
	will-change: auto;
}

.m1-trio-rise--static .m1-trio-rise__viewport {
	min-height: 0;
	padding: 48px 24px 64px 24px;
	align-items: stretch;
}

.m1-trio-rise--static .m1-trio-rise__heading {
	margin-bottom: 40px;
}

.m1-trio-rise--static .m1-trio-rise__col {
	transition: none;
}

@media (min-width: 768px) {
	.m1-trio-rise--static:not(.m1-trio-rise--carousel) .m1-trio-rise__card-foot {
		opacity: 1;
		visibility: visible;
		-webkit-transform: translateY(0);
		transform: translateY(0);
		transition: none;
	}
}





.m1-specs {
	background: #F1F1F5;
	padding: 192px 0 160px 0;
	font-family: Figtree, sans-serif;
	overflow: visible;
}

.m1-specs__inner {
	width: var(--m1-content-px);
	margin: 0 auto;
}

.m1-specs__title {
	margin: 0;
	color: #333333;
	font-size: 48px;
	font-weight: 600;
	line-height: 58px;
	letter-spacing: -0.96px;
	text-align: center;
}

/* Figma 11426:3068 — 白卡随表格自然高度；表头 sticky；表体横滚，表头经 head-shift 与 scrollLeft 同步 */
#m1-specs .m1-specs__panel {
	--m1-specs-label-w: 185px;
	--m1-specs-mask-bleed: 24px;
	--m1-specs-scroll-end: 32px;
	position: relative;
	width: 100%;
	max-width: 100%;
	margin-top: 64px;
	margin-left: 0;
	margin-right: 0;
	background: #ffffff;
	border-radius: 20px;
	padding: 32px 32px 64px 32px;
	box-shadow: 0 12px 48px rgba(15, 23, 42, 0.08);
	overflow-x: clip;
	overflow-y: visible;
	box-sizing: border-box;
}

/* 纵向随页面流；横向滚动表头+表体；左列 sticky 与表头同轨，避免双轨 transform 左侧漏缝 */
#m1-specs .m1-specs__body-scroll {
	position: relative;
	z-index: 1;
	background: #ffffff;
	overflow-x: auto;
	overflow-y: clip;
	-webkit-overflow-scrolling: touch;
	scrollbar-width: thin;
	scrollbar-color: rgba(0, 0, 0, 0.18) rgba(0, 0, 0, 0.04);
}

#m1-specs .m1-specs__body-scroll::-webkit-scrollbar {
	width: 5px;
	height: 5px;
}

#m1-specs .m1-specs__body-scroll::-webkit-scrollbar-track {
	background: rgba(0, 0, 0, 0.04);
	border-radius: 5px;
}

#m1-specs .m1-specs__body-scroll::-webkit-scrollbar-thumb {
	background: rgba(0, 0, 0, 0.2);
	border-radius: 5px;
}

#m1-specs .m1-specs__body-scroll::-webkit-scrollbar-thumb:hover {
	background: rgba(0, 0, 0, 0.28);
}

#m1-specs .m1-specs__table {
	border-collapse: collapse;
	border-spacing: 0;
	table-layout: fixed;
	width: max-content;
}

#m1-specs .m1-specs__col-label {
	width: var(--m1-specs-label-w);
}

#m1-specs .m1-specs__col-prod {
	width: 340px;
}

/* 表头：视口内贴顶；top 与站头+子导航占位一致（index.js SITE_HEADER_PX 68 + 子导航 64 = 132）；底与表体叠 2px 消缝 */
#m1-specs .m1-specs__head-fixed {
	position: -webkit-sticky;
	position: sticky;
	top: 132px;
	z-index: 10;
	margin-bottom: -2px;
	padding-bottom: 2px;
	background: #ffffff;
	border-bottom: 1px solid #ffffff;
	box-shadow: 0 1px 0 rgba(0, 0, 0, 0.06);
	overflow: visible;
}

/* 表头横移裁切：与 body-scroll 同宽；左侧固定遮罩不随 head-shift 平移，避免产品图滑入标签列 */
#m1-specs .m1-specs__head-clip {
	position: relative;
	width: 100%;
	overflow: hidden;
	box-sizing: border-box;
}

#m1-specs .m1-specs__head-clip::before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	width: calc(var(--m1-specs-label-w) + var(--m1-specs-mask-bleed));
	z-index: 12;
	pointer-events: none;
	background: #ffffff;
}

#m1-specs .m1-specs__head-clip::after {
	content: '';
	position: absolute;
	left: var(--m1-specs-label-w);
	top: 0;
	bottom: 0;
	width: var(--m1-specs-mask-bleed);
	z-index: 12;
	pointer-events: none;
	background: linear-gradient(90deg, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
}

#m1-specs .m1-specs__head-shift {
	position: relative;
	z-index: 1;
	will-change: transform;
}

#m1-specs .m1-specs__thead {
	background: #ffffff;
}

#m1-specs .m1-specs__tr--head .m1-specs__th--corner {
	position: relative;
	z-index: 1;
	width: var(--m1-specs-label-w);
	min-width: var(--m1-specs-label-w);
	max-width: var(--m1-specs-label-w);
	box-sizing: border-box;
	padding: 0;
	vertical-align: top;
	background: #ffffff;
	border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}

#m1-specs .m1-specs__tr--head .m1-specs__th--prod {
	position: relative;
	z-index: 1;
	box-sizing: border-box;
	vertical-align: top;
	padding: 33px 0 40px 0;
	background: #ffffff;
	border-bottom: 1px solid rgba(0, 0, 0, 0.06);
	overflow: visible;
}

#m1-specs .m1-specs__tr--head .m1-specs__th--prod:last-child {
	padding-right: var(--m1-specs-scroll-end);
}

#m1-specs .m1-specs__tbody .m1-specs__td--val:last-child {
	padding-right: var(--m1-specs-scroll-end);
}

#m1-specs .m1-specs__head-card {
	display: flex;
	flex-direction: column;
	align-items: center;
	width: min(240px, 100%);
	max-width: 100%;
	margin: 0 auto;
	box-sizing: border-box;
}

#m1-specs .m1-specs__head-sentinel {
	height: 1px;
	margin: 0;
	padding: 0;
	pointer-events: none;
	visibility: hidden;
}

#m1-specs .m1-specs__head-img-wrap {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 200px;
	height: 200px;
	border-radius: 8px;
	overflow: hidden;
	box-sizing: border-box;
}

#m1-specs .m1-specs__head-img {
	display: block;
	width: 100%;
	height: 100%;
	max-width: 100%;
	max-height: 100%;
	object-fit: contain;
	object-position: center center;
}

/* 吸顶时缩为 96×96，完整显示产品图（不再 scale 裁切大图） */
#m1-specs .m1-specs__head-fixed.is-stuck .m1-specs__head-img-wrap {
	width: 96px;
	height: 96px;
	transform: none;
	margin-bottom: 0;
}

#m1-specs .m1-specs__head-fixed.is-stuck .m1-specs__head-name {
	margin-top: 14px;
}

#m1-specs .m1-specs__head-fixed.is-stuck .m1-specs__head-buy {
	margin-top: 14px;
}

#m1-specs .m1-specs__head-fixed.is-stuck .m1-specs__tr--head .m1-specs__th--prod {
	padding: 16px 0 24px 0;
}

#m1-specs .m1-specs__head-name {
	margin: 24px 0 0 0;
	padding: 0;
	width: 100%;
	max-width: 100%;
	color: #333333;
	font-size: 20px;
	font-weight: 600;
	line-height: 24px;
	text-align: center;
	white-space: nowrap;
}

#m1-specs .m1-specs__head-buy {
	margin: 24px 0 0 0;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	max-width: 100%;
	padding: 12px 20px;
	border: 1px solid #1d96ff;
	border-radius: 33554400px;
	color: #1d96ff;
	font-size: 16px;
	font-weight: 600;
	line-height: 20px;
	text-align: center;
	text-decoration: none;
	box-sizing: border-box;
	transition: background-color 180ms ease, color 180ms ease;
}

#m1-specs .m1-specs__head-buy:hover {
	background: rgba(29, 150, 255, 0.1);
	color: #1d96ff;
}

#m1-specs .m1-specs__tbody .m1-specs__tr {
	background: #ffffff;
	height: 88px;
}

#m1-specs .m1-specs__tbody .m1-specs__tr--shade {
	background: #f5f5f7;
}

#m1-specs .m1-specs__th--label {
	position: sticky;
	left: 0;
	z-index: 7;
	box-sizing: border-box;
	overflow: visible;
	width: var(--m1-specs-label-w);
	min-width: var(--m1-specs-label-w);
	max-width: var(--m1-specs-label-w);
	height: 88px;
	padding: 8px 10px;
	margin: 0;
	font-weight: 400;
	font-size: 12px;
	line-height: 17px;
	color: #999999;
	text-align: center;
	vertical-align: middle;
	white-space: normal;
	word-break: break-word;
	border: none;
	background: #ffffff;
}

#m1-specs .m1-specs__th--label::after {
	content: '';
	position: absolute;
	top: 0;
	right: calc(-1 * var(--m1-specs-mask-bleed));
	width: var(--m1-specs-mask-bleed);
	height: 100%;
	pointer-events: none;
	background: linear-gradient(90deg, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
}

#m1-specs .m1-specs__tr--shade .m1-specs__th--label {
	background: #f5f5f7;
}

#m1-specs .m1-specs__tr--shade .m1-specs__th--label::after {
	background: linear-gradient(90deg, #f5f5f7 0%, rgba(245, 245, 247, 0) 100%);
}

#m1-specs .m1-specs__td--val {
	box-sizing: border-box;
	width: 340px;
	min-width: 340px;
	max-width: 340px;
	height: 88px;
	padding: 8px 16px;
	margin: 0;
	font-size: 16px;
	font-weight: 500;
	line-height: 22px;
	color: #666666;
	text-align: center;
	vertical-align: middle;
	background: #ffffff;
}

#m1-specs .m1-specs__tr--shade .m1-specs__td--val {
	background: #f5f5f7;
}







/* 子导航已吸顶、站头隐藏时，表头须贴齐 64px 黑条底，否则会留出空隙透出表体（与 scroll-margin 64px 一致） */
.m1-page.m1-subnav-fixed-active #m1-specs .m1-specs__head-fixed {
	top: 64px;
}



/* m1-service-cards：三卡错峰渐入，离开视口复位可重播（setupM1ServiceCardsReveal） */
.m1-service-cards__inner[data-m1-service-cards-reveal] .m1-service-card {
	opacity: 0;
	-webkit-transform: translateY(44px);
	transform: translateY(44px);
	-webkit-transition:
		opacity 1.1s cubic-bezier(0.22, 1, 0.36, 1),
		-webkit-transform 1.1s cubic-bezier(0.22, 1, 0.36, 1);
	transition:
		opacity 1.1s cubic-bezier(0.22, 1, 0.36, 1),
		transform 1.1s cubic-bezier(0.22, 1, 0.36, 1);
	-webkit-transition-delay: 0s;
	transition-delay: 0s;
}

.m1-service-cards__inner[data-m1-service-cards-reveal].m1-service-cards__reveal--in .m1-service-card {
	opacity: 1;
	-webkit-transform: translateY(0);
	transform: translateY(0);
}

.m1-service-cards__inner[data-m1-service-cards-reveal].m1-service-cards__reveal--in .m1-service-card:nth-child(1) {
	-webkit-transition-delay: 0ms;
	transition-delay: 0ms;
}

.m1-service-cards__inner[data-m1-service-cards-reveal].m1-service-cards__reveal--in .m1-service-card:nth-child(2) {
	-webkit-transition-delay: 160ms;
	transition-delay: 160ms;
}

.m1-service-cards__inner[data-m1-service-cards-reveal].m1-service-cards__reveal--in .m1-service-card:nth-child(3) {
	-webkit-transition-delay: 320ms;
	transition-delay: 320ms;
}

.m1-service-cards__inner[data-m1-service-cards-reveal].m1-service-cards__reveal--instant .m1-service-card {
	-webkit-transition: none !important;
	transition: none !important;
	-webkit-transition-delay: 0s !important;
	transition-delay: 0s !important;
}

/* Figma node 10902:1780 — 三服务卡片 Rectangle 40814 / 40815 / 40816 */
.m1-service-cards {
	margin-top: -1px;
	background: #F1F1F5;
	padding: 80px 0 160px 0;
	font-family: Figtree;
}

.m1-service-cards__inner {
	width: var(--m1-content-px);
	margin: 0 auto;
	display: flex;
	flex-direction: row;
	gap: 20px;
}

.m1-service-card {
	box-sizing: border-box;
	height: 268px;
	border-radius: 20px;
	background: #FFFFFF;
	padding: 48px;
	overflow: hidden;
	flex-shrink: 0;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}

.m1-service-card--w387 {
	width: 387px;
}

.m1-service-card--w386 {
	width: 386px;
}

.m1-service-card__icon {
	display: block;
	width: 48px;
	height: 48px;
	flex-shrink: 0;
}

.m1-service-card__title {
	margin: 16px 0 0 0;
	padding: 0;
	font-size: 24px;
	font-weight: 500;
	line-height: 28.8px;
	letter-spacing: 0px;
}

.m1-service-card--warranty .m1-service-card__title {
	color: #3790BF;
}

.m1-service-card--concierge .m1-service-card__title {
	color: #F5715A;
}

.m1-service-card--care .m1-service-card__title {
	color: #907CE5;
}

.m1-service-card__desc {
	margin: 16px 0 0 0;
	padding: 0;
	max-width: 291px;
	color: #666666;
	font-size: 14px;
	font-weight: 400;
	line-height: 21px;
	letter-spacing: 0px;
}

.m1-service-card__desc--narrow {
	max-width: 289px;
}







/* ===================== Figma 11311:551 — 全屏背景视频循环 + 顶部文案 reveal 上移 ===================== */
.m1-perception {
	position: relative;
	background: #000000;
	min-width: 320px;
}

.m1-perception__stage {
	position: relative;
	width: 100%;
	box-sizing: border-box;
	min-height: 100vh;
	min-height: 100dvh;
	padding-top: var(--m1-subnav-holder-h);
	overflow: hidden;
	background: #000000;
	--m1-perception-top-y: 48px;
}

.m1-perception__scene {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	overflow: hidden;
	pointer-events: none;
}

.m1-perception__bg {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}

.m1-perception__bg-video {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center center;
	display: block;
	margin: 0;
	padding: 0;
	border: 0;
}

.m1-perception__top {
	position: absolute;
	left: 0;
	right: 0;
	top: var(--m1-perception-top-y);
	z-index: 5;
	width: calc(100% - 64px);
	max-width: var(--m1-content-px);
	margin-left: auto;
	margin-right: auto;
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	pointer-events: none;
}

.m1-perception__title {
	margin: 0;
	font-family: Figtree, sans-serif;
	font-weight: 600;
	font-size: 48px;
	line-height: 58px;
	letter-spacing: -0.96px;
	color: #FFFFFF;
}

.m1-perception__subtitle {
	margin: 24px 0 0 0;
	width: 100%;
	max-width: 100%;
	font-family: Figtree, sans-serif;
	font-weight: 400;
	font-size: 20px;
	line-height: 24px;
	letter-spacing: 0px;
	color: #FFFFFF;
}



/* Figma 11991:528 — Neural Train：非全屏；顶栏居中 + 主视频 1200×675；下两行为左右分栏 480px 高 */
.m1-neural-train {
	position: relative;
	z-index: 1;
	width: 100%;
	min-width: 320px;
	box-sizing: border-box;
	background: #000000;
	padding: 192px 0 0 0;
}

.m1-neural-train__shell {
	width: var(--m1-content-px);
	max-width: var(--m1-content-px);
	margin: 0 auto;
	padding: 0;
	box-sizing: border-box;
}

.m1-neural-train__intro {
	text-align: center;
}

.m1-neural-train__title {
	margin: 0;
	padding: 0;
	font-family: Figtree, sans-serif;
	font-weight: 600;
	font-size: 48px;
	line-height: 58px;
	letter-spacing: 0px;
	color: #ffffff;
}

.m1-neural-train__lede {
	margin: 24px auto 0 auto;
	padding: 0;
	max-width: 1200px;
	font-family: Figtree, sans-serif;
	font-weight: 400;
	font-size: 20px;
	line-height: 28px;
	letter-spacing: 0px;
	color: rgba(255, 255, 255, 0.8);
}

.m1-neural-train__hero {
	margin: 120px auto 0 auto;
	width: 100%;
	max-width: 1200px;
	height: auto;
	border-radius: 20px;
	overflow: hidden;
	background: #0a1628;
	box-sizing: border-box;
}

.m1-neural-train__hero-media {
	display: block;
	width: 100%;
	height: auto;
	max-width: 100%;
	margin: 0;
	padding: 0;
	border: 0;
	object-fit: contain;
	object-position: center center;
}

.m1-neural-train__split-video {
	display: block;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	border: 0;
	object-fit: cover;
	object-position: center center;
}

.m1-neural-train__split {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
	gap: 80px;
	width: 100%;
	max-width: 1200px;
	margin: 192px auto 0 auto;
	box-sizing: border-box;
}

.m1-neural-train__split--media-right {
	flex-direction: row;
}

.m1-neural-train__split--obstacle.m1-neural-train__split--media-left {
	flex-direction: row-reverse;
}

.m1-neural-train__split-media {
	flex: 1 1 0;
	min-width: 0;
	height: 480px;
	border-radius: 20px;
	overflow: hidden;
	background: #0a1628;
	box-sizing: border-box;
}

.m1-neural-train__split-copy {
	flex: 0 0 426px;
	width: 426px;
	max-width: 100%;
	box-sizing: border-box;
}

.m1-neural-train__split-title {
	margin: 0;
	padding: 0;
	font-family: Figtree, sans-serif;
	font-weight: 600;
	font-size: 40px;
	line-height: 48px;
	letter-spacing: 0px;
	color: #ffffff;
}

.m1-neural-train__split-lede {
	margin: 24px 0 0 0;
	padding: 0;
	font-family: Figtree, sans-serif;
	font-weight: 400;
	font-size: 20px;
	line-height: 28px;
	letter-spacing: 0px;
	color: rgba(255, 255, 255, 0.8);
}

/* ===================== Figma 11311:570 / 11991:528 — AI Adaptive Suction（仅 panel，3D 分栏已并入 m1-neural-train） ===================== */
.m1-ai-target-suction {
	min-width: 320px;
	padding: 0 0 120px 0;
	box-sizing: border-box;
	background: #000000;
}

.m1-ai-target-suction__inner {
	width: 100%;
	max-width: var(--m1-content-px);
	margin: 0 auto;
	padding: 0;
	box-sizing: border-box;
}

.m1-ai-target-suction__sr-only {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}

/* Figma 11327:575 — 1200×675 内容区；无卡片底、内边距与阴影 */
.m1-ai-target-suction__panel {
	margin: 192px auto 0 auto;
	width: 100%;
	max-width: 1200px;
	min-height: 675px;
	border-radius: 0;
	background: transparent;
	box-shadow: none;
	overflow: visible;
	box-sizing: border-box;
	padding: 0;
}

.m1-ai-target-suction__panel-inner {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: flex-start;
	gap: 40px;
	box-sizing: border-box;
}

.m1-ai-target-suction__media {
	position: relative;
	flex: 0 0 602px;
	width: 602px;
	max-width: 100%;
}

.m1-ai-target-suction__media-frame {
	position: relative;
	width: 602px;
	max-width: 100%;
	height: 595px;
	border-radius: 20px;
	overflow: hidden;
	background: #1a1a1a;
}

.m1-ai-target-suction__media-img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: 50% 42%;
	-webkit-transition: opacity 0.32s ease;
	transition: opacity 0.32s ease;
}

.m1-ai-target-suction__media-img--80 {
	position: absolute;
	left: 0;
	top: 0;
	opacity: 0;
	pointer-events: none;
}

.m1-ai-target-suction__panel.m1-ai-target-suction__panel--suction-80 .m1-ai-target-suction__media-img--default {
	opacity: 0;
}

.m1-ai-target-suction__panel.m1-ai-target-suction__panel--suction-80 .m1-ai-target-suction__media-img--80 {
	opacity: 1;
}

.m1-ai-target-suction__body {
	flex: 1;
	min-width: 0;
	max-width: 444px;
}

.m1-ai-target-suction__body-title {
	margin: 0;
	font-family: Figtree, sans-serif;
	font-weight: 600;
	font-size: 40px;
	line-height: 58px;
	letter-spacing: -0.96px;
	color: #ffffff;
}

.m1-ai-target-suction__body-copy {
	margin: 82px 0 0 0;
}

.m1-ai-target-suction__body-line {
	margin: 0;
	font-family: Figtree, sans-serif;
	font-weight: 400;
	font-size: 20px;
	line-height: 28px;
	letter-spacing: 0px;
	color: rgba(255, 255, 255, 0.8);
}

/* Figma 11378:708–713 — 胶囊（宽随 Boosted Suction / Standard Power 文案），相对 media-frame 底 24px、水平居中 */
.m1-ai-target-suction__pill {
	position: absolute;
	left: 50%;
	right: auto;
	bottom: 24px;
	width: max-content;
	max-width: calc(100% - 48px);
	height: 48px;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	padding: 4px;
	overflow: visible;
}

.m1-ai-target-suction__pill-glass {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	border-radius: 100px;
	background: rgba(0, 0, 0, 0.16);
	border: 0;
	-webkit-backdrop-filter: blur(5px);
	backdrop-filter: blur(5px);
	pointer-events: none;
}

.m1-ai-target-suction__pill-seg {
	position: relative;
	z-index: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	margin: 0;
	flex: 0 0 auto;
	width: auto;
	min-width: 0;
	height: 40px;
	padding: 0 16px;
	-webkit-appearance: none;
	appearance: none;
	border-style: solid;
	border-width: 0;
	border-radius: 100px;
	cursor: pointer;
	font: inherit;
	text-align: center;
	overflow: visible;
}

.m1-ai-target-suction__pill-seg--high,
.m1-ai-target-suction__pill-seg--low {
	background: transparent;
	background-color: transparent;
	color: #ffffff;
}

.m1-ai-target-suction__panel.m1-ai-target-suction__panel--suction-80 .m1-ai-target-suction__pill-seg--high {
	background: #ffffff;
	background-color: #ffffff;
	color: #333333;
}

.m1-ai-target-suction__panel.m1-ai-target-suction__panel--suction-80 .m1-ai-target-suction__pill-seg--high .m1-ai-target-suction__pill-label {
	color: #333333;
}

.m1-ai-target-suction__panel:not(.m1-ai-target-suction__panel--suction-80) .m1-ai-target-suction__pill-seg--low {
	background: #ffffff;
	background-color: #ffffff;
	color: #333333;
}

.m1-ai-target-suction__panel:not(.m1-ai-target-suction__panel--suction-80) .m1-ai-target-suction__pill-seg--low .m1-ai-target-suction__pill-label {
	color: #333333;
}

.m1-ai-target-suction__pill-label {
	display: block;
	font-family: Figtree, sans-serif;
	font-weight: 600;
	font-size: 16px;
	line-height: 1;
	white-space: nowrap;
}

.m1-ai-target-suction__pill-seg--high .m1-ai-target-suction__pill-label,
.m1-ai-target-suction__pill-seg--low .m1-ai-target-suction__pill-label {
	color: #ffffff;
}

.m1-ai-target-suction__pill-seg:focus-visible {
	outline: 2px solid rgba(255, 255, 255, 0.85);
	outline-offset: 2px;
}

/* 769–1120：双列会挤压文案，改为与 Figma 一致的纵向堆叠（768 以下同套规则在下一断点） */


/* =============================================================================
 * 响应式断点（自 git HEAD 恢复：max-width 1439 / 1023 / 767 及 service 1279）
 * 说明：部分规则针对旧版类名（如 .m1-pool-read__inner）；与现行 HTML 不匹配时不会生效，可后续按需删减。
 * ============================================================================= */


@media (max-width: 1439px) {
	.m1-hero {
		min-height: 540px;
	}

	.m1-hero__content {
		margin-top: 60px;
	}

	.m1-hero__title {
		margin-top: 16px;
	}

	.m1-hero__subtitle {
		margin-top: 12px;
	}

	.m1-hero__actions {
		margin-top: 20px;
		gap: 32px;
	}

	.m1-hero__cta {
		min-height: 56px;
		padding: 14px 48px;
	}

	/* 768–1328 字号由流式块接管（≤PC）；此处仅 <768 与 1329–1439 */
	@media not ((min-width: 768px) and (max-width: 1328px)) {
		.m1-hero__eyebrow {
			font-size: 18px;
			line-height: 21.6px;
		}

		.m1-hero__title {
			font-size: 40px;
			line-height: 1.2px;
		}

		.m1-hero__subtitle {
			font-size: 18px;
			line-height: 21.6px;
		}
	}

	.m1-bionic__inner,
	.m1-bionic__inner--scroll {
		width: 960px;
		max-width: calc(100% - 128px);
		padding-top: 96px;
	}

	.m1-pool-match__inner {
		padding-top: 100px;
	}

	.m1-pool-match__title {
		width: 560px;
	}

	.m1-pool-read {
		height: 1200px;
	}

	.m1-pool-read__bg-crop {
		height: 1200px;
	}

	.m1-pool-read__inner {
		width: 960px;
		padding-top: 107px;
	}

	.m1-sees-miss {
		height: 1200px;
	}

	.m1-sees-miss__bg-crop {
		height: 1200px;
	}

	.m1-sees-miss__inner {
		width: 960px;
		padding-top: 107px;
	}

	.m1-debris-id__inner {
		/* width: 960px; */
		padding: 160px 0 160px 0;
	}

	.m1-debris-id__title {
		width: 100%;
		max-width: 548px;
	}

	.m1-debris-id__lede {
		width: 100%;
		max-width: 720px;
	}

	.m1-debris-id__media {
		width: 100%;
		height: 480px;
	}

	.m1-debris-id__footer {
		width: 100%;
	}

	.m1-debris-id__footer-line,
	.m1-debris-id__copy-repeat {
		width: clamp(calc(768 * 464 / 1328 * 1px), calc(464 * 100vw / 1328), 464px);
		flex: 0 0 clamp(calc(768 * 464 / 1328 * 1px), calc(464 * 100vw / 1328), 464px);
	}

	.m1-debris-id__title--footer {
		width: 100%;
	}

	.m1-debris-id__lede--footer {
		width: 100%;
	}

	.m1-debris-id__tags-viewport {
		flex: 0 0 540px;
		width: 540px;
	}

	@media not ((min-width: 768px) and (max-width: 1328px)) {
		.m1-bionic__title {
			font-size: 40px;
			line-height: 48px;
		}

		.m1-bionic__line {
			font-size: 18px;
			line-height: 22px;
		}

		.m1-pool-match__title {
			font-size: 40px;
			line-height: 48px;
		}

		.m1-pool-match__line {
			font-size: 18px;
			line-height: 22px;
		}

		.m1-pool-read__title {
			font-size: 40px;
			line-height: 48px;
		}

		.m1-pool-read__subtitle {
			font-size: 18px;
			line-height: 22px;
		}

		.m1-sees-miss__title {
			font-size: 40px;
			line-height: 48px;
		}

		.m1-sees-miss__subtitle {
			font-size: 18px;
			line-height: 22px;
		}

		.m1-debris-id__title {
			font-size: 34px;
			line-height: 41px;
		}

		.m1-debris-id__lede {
			font-size: 18px;
			line-height: 22px;
		}

		.m1-debris-id__title--footer {
			font-size: clamp(calc(768 * 24 / 1328 * 1px), calc(24 * 100vw / 1328), 24px);
			line-height: clamp(calc(768 * 29 / 1328 * 1px), calc(29 * 100vw / 1328), 29px);
		}

		.m1-debris-id__lede--footer {
			font-size: clamp(calc(768 * 17 / 1328 * 1px), calc(17 * 100vw / 1328), 17px);
			line-height: clamp(calc(768 * 24 / 1328 * 1px), calc(24 * 100vw / 1328), 24px);
		}
	}
}

@media (max-width: 1023px) {
	.m1-hero__content {
		margin-top: 56px;
		width: 760px;
	}

	.m1-hero__title {
		margin-top: 12px;
		width: 760px;
	}

	.m1-hero__subtitle {
		margin-top: 10px;
	}

	.m1-hero__actions {
		margin-top: 16px;
		gap: 24px;
	}

	.m1-hero__cta {
		min-height: 52px;
		padding: 12px 36px;
	}

	@media not ((min-width: 768px) and (max-width: 1328px)) {
		.m1-hero__eyebrow {
			font-size: 15px;
			line-height: 18px;
		}

		.m1-hero__title {
			font-size: 30px;
			line-height: 1.2;
		}

		.m1-hero__subtitle {
			font-size: 15px;
			line-height: 18px;
		}

		.m1-hero__cta {
			font-size: 18px;
			line-height: 24px;
		}
	}

	.m1-hero__scroll {
		bottom: 20px;
		width: 48px;
		height: 48px;
	}

	.m1-hero__scroll-icon {
		width: 48px;
		height: 48px;
	}

	.m1-bionic__inner {
		width: 720px;
		padding-top: 96px;
	}

	.m1-pool-match__inner {
		padding-top: 80px;
	}

	.m1-pool-match__title {
		width: 100%;
		max-width: 560px;
	}

	.m1-pool-match__copy {
		width: 720px;
		max-width: 100%;
	}

	.m1-pool-read {
		height: auto;
	}

	.m1-pool-read__bg-crop {
		height: 1000px;
	}

	.m1-pool-read__inner {
		width: 720px;
		padding-top: 89px;
	}

	.m1-sees-miss {
		height: auto;
	}

	.m1-sees-miss__bg-crop {
		height: 1000px;
	}

	.m1-sees-miss__inner {
		width: 720px;
		padding-top: 89px;
	}

	.m1-debris-id__inner {
		width: 720px;
		padding: 120px 0 120px 0;
	}

	.m1-debris-id__lede {
		max-width: 640px;
	}

	.m1-debris-id__media {
		height: 360px;
	}

	.m1-debris-id__footer {
		flex-wrap: wrap;
		gap: 16px 0;
	}

	.m1-debris-id__footer-line,
	.m1-debris-id__copy-repeat {
		width: 100%;
		flex: 1 1 100%;
	}

	.m1-debris-id__tags-viewport {
		flex: 1 1 100%;
		width: 100%;
	}

	@media not ((min-width: 768px) and (max-width: 1328px)) {
		.m1-bionic__title {
			font-size: 32px;
			line-height: 38.4px;
		}

		.m1-bionic__line {
			font-size: 16px;
			line-height: 22px;
		}

		.m1-pool-match__title {
			font-size: 32px;
			line-height: 38.4px;
		}

		.m1-pool-match__line {
			font-size: 16px;
			line-height: 22px;
		}

		.m1-pool-read__title {
			font-size: 32px;
			line-height: 38.4px;
		}

		.m1-pool-read__subtitle {
			font-size: 16px;
			line-height: 22px;
		}

		.m1-sees-miss__title {
			font-size: 32px;
			line-height: 38.4px;
		}

		.m1-sees-miss__subtitle {
			font-size: 16px;
			line-height: 22px;
		}

		.m1-debris-id__title {
			font-size: 28px;
			line-height: 34px;
		}

		.m1-debris-id__lede {
			font-size: 16px;
			line-height: 22px;
		}
	}
}

@media (max-width: 767px) {
	.m1-bionic {
		box-sizing: border-box;
	}

	.m1-bionic__title {
		font-size: 26px;
		line-height: 31.2px;
	}

	.m1-bionic__line {
		font-size: 14px;
		line-height: 20px;
	}

	/* 移动端：上文下视频（非全屏背景）；DOM 顺序 media→inner，用 flex order 置顶文案 */
	.m1-pool-match {
		display: flex;
		flex-direction: column;
		align-items: stretch;
		min-height: 0;
		height: auto;
		padding: 15px 0px 50px;
		box-sizing: border-box;
		overflow: visible;
	}

	.m1-pool-match__inner {
		order: 1;
		position: relative;
		z-index: 2;
		width: 100%;
		max-width: 600px;
		margin-left: auto;
		margin-right: auto;
		padding-top: 0;
		gap: 16px;
	}

	.m1-pool-match__media {
		order: 2;
		position: relative;
		inset: auto;
		width: 100%;
		max-width: 100%;
		height: auto;
		overflow: visible;
	}

	.m1-pool-match__video--pc {
		display: none;
	}

	.m1-pool-match__video--mobile {
		display: block;
		position: relative;
		inset: auto;
		width: 100%;
		height: auto;
		max-width: 100%;
		margin: 0;
		padding: 0;
		border: 0;
		object-fit: contain;
		object-position: center center;
		background: #0B1220;
		pointer-events: none;
	}

	.m1-pool-match__title {
		width: 100%;
		max-width: 600px;
		font-size: 28px;
		line-height: 33.6px;
	}

	.m1-pool-match__copy {
		width: 100%;
	}

	.m1-pool-match__line {
		font-size: 14px;
		line-height: 20px;
	}

	/* Mobile：保持横向跑马灯布局，不做强制静止/换行覆盖 */
}
@media (max-width: 1439px) {
	.m1-specs {
		padding: 120px 0 120px 0;
	}

	.m1-specs__title {
		font-size: 40px;
		line-height: 48px;
	}

	.m1-specs__panel {
		padding: 72px 0 48px 0;
	}

	.m1-specs__sticky-head {
		top: 76px;
	}

	.m1-specs__head-track,
	.m1-specs__body-track {
		padding-left: 120px;
		padding-right: 120px;
	}

	.m1-specs__head-track {
		padding-bottom: 34px;
	}

	.m1-spec-card-body__rows {
		padding-top: 42px;
	}

	.m1-spec-card-body__row {
		min-height: 78px;
	}
}

@media (max-width: 1023px) {
	.m1-specs {
		padding: 96px 0 96px 0;
	}

	.m1-specs__title {
		font-size: 32px;
		line-height: 38.4px;
		letter-spacing: -0.64px;
	}

	.m1-specs__panel {
		margin-top: 40px;
		padding: 48px 0 28px 0;
	}

	.m1-specs__sticky-head {
		top: 64px;
	}

	.m1-specs__head-track,
	.m1-specs__body-track {
		padding-left: 100px;
		padding-right: 100px;
	}

	.m1-spec-card-head,
	.m1-spec-card-body {
		width: 180px;
	}

	.m1-spec-card-head__top-label,
	.m1-spec-card-head__top-value,
	.m1-spec-card-body__rows {
		width: 180px;
	}

	.m1-specs__head-track {
		padding-bottom: 28px;
	}

	.m1-spec-card-head__image-wrap {
		width: 180px;
		height: 180px;
	}

	.m1-spec-card-head__image {
		width: 608.2px;
		height: 342.13px;
		left: -145.51px;
		top: -94.45px;
	}

	.m1-spec-card-head__top-value {
		font-size: 18px;
		line-height: 21.6px;
	}

	.m1-spec-card-body__rows {
		padding-top: 34px;
	}

	.m1-spec-card-body__row {
		min-height: 72px;
	}

	.m1-spec-card-body__row-value {
		font-size: 15px;
		line-height: 21px;
	}

	.m1-spec-card-body__buy {
		height: 52px;
		width: 132px;
		font-size: 22px;
	}
}

@media (max-width: 767px) {
	.m1-specs {
		padding: 72px 0 72px 0;
	}

	.m1-specs__inner {
		width: 100%;
		max-width: 100%;
		padding: 0 16px;
		box-sizing: border-box;
	}

	.m1-specs__title {
		font-size: 28px;
		line-height: 33.6px;
		letter-spacing: -0.56px;
	}

	#m1-specs .m1-specs__panel {
		width: 100%;
		max-width: 100%;
		margin-top: 28px;
		margin-left: 0;
		margin-right: 0;
		padding: 28px 0 20px 0;
		box-sizing: border-box;
	}

	.m1-specs__sticky-head {
		top: 56px;
	}

	.m1-specs__head-track,
	.m1-specs__body-track {
		padding-left: 12px;
		padding-right: 12px;
	}

	.m1-specs__head-track {
		padding-bottom: 20px;
	}

	.m1-spec-card-body__rows {
		padding-top: 28px;
	}

	.m1-spec-card-body__row {
		min-height: 66px;
	}

	.m1-spec-card-body__buy {
		margin-top: 28px;
	}
}
@media (max-width: 767px) {
	.m1-service-cards {
		padding: 48px 0 96px 0;
	}

	.m1-service-cards__inner {
		width: 100%;
		flex-direction: column;
		flex-wrap: nowrap;
		align-items: center;
		gap: 20px;
		padding: 0 16px;
		box-sizing: border-box;
	}

	.m1-service-card--w387,
	.m1-service-card--w386 {
		flex: none;
		width: 100%;
		max-width: none;
		min-height: 268px;
	}

	/* Figma 11426:3326 — m1-service-cards 移动端横滑轮播 @375 */
	.m1-service-cards--carousel {
		position: relative;
		padding: 48px 0 64px 0;
		overflow-x: hidden;
		padding-left: 15px;
		padding-right: 0;
		box-sizing: border-box;
		--m1-marquee-fade-w: 24px;
	}

	.m1-service-cards--carousel::before,
	.m1-service-cards--carousel::after {
		content: '';
		position: absolute;
		top: 48px;
		bottom: 64px;
		width: var(--m1-marquee-fade-w);
		z-index: 2;
		pointer-events: none;
	}

	.m1-service-cards--carousel::before {
		left: 0;
		background: linear-gradient(90deg, #F1F1F5 0%, rgba(241, 241, 245, 0) 100%);
	}

	.m1-service-cards--carousel::after {
		right: 0;
		background: linear-gradient(270deg, #F1F1F5 0%, rgba(241, 241, 245, 0) 100%);
	}

	/* 轮播：轨道保留 translateX；卡片仅用 opacity 渐入，禁用 translateY 避免与横滑冲突 */
	.m1-service-cards--carousel .m1-service-cards__inner[data-m1-service-cards-reveal] {
		opacity: 1;
		visibility: visible;
	}

	.m1-service-cards--carousel .m1-service-cards__inner[data-m1-service-cards-reveal] .m1-service-card {
		-webkit-transform: none !important;
		transform: none !important;
	}

	.m1-service-cards--carousel .m1-service-cards__inner[data-m1-service-cards-reveal].m1-service-cards__reveal--in .m1-service-card {
		opacity: 1;
	}

	.m1-service-cards--carousel .m1-service-cards__inner {
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
		align-items: stretch;
		justify-content: flex-start;
		gap: 10px;
		width: max-content;
		margin: 0;
		padding: 0;
		box-sizing: border-box;
		overflow: visible;
		-webkit-transition: -webkit-transform 300ms ease;
		transition: transform 300ms ease;
		will-change: transform;
	}

	.m1-service-cards--carousel .m1-service-card {
		flex: 0 0 260px;
		width: 260px;
		min-width: 260px;
		max-width: 260px;
		height: 172px;
		min-height: 172px;
		padding: 15px;
		border-radius: 8px;
	}

	.m1-service-cards--carousel .m1-service-card--w387,
	.m1-service-cards--carousel .m1-service-card--w386 {
		flex: 0 0 260px;
		width: 260px;
		max-width: 260px;
	}

	.m1-service-cards--carousel .m1-service-card__icon {
		width: 40px;
		height: 40px;
	}

	.m1-service-cards--carousel .m1-service-card__title {
		margin-top: 12px;
		font-size: 16px;
		font-weight: 500;
		line-height: 19px;
		letter-spacing: 0;
	}

	.m1-service-cards--carousel .m1-service-card__desc,
	.m1-service-cards--carousel .m1-service-card__desc--narrow {
		margin-top: 12px;
		max-width: none;
		font-size: 12px;
		font-weight: 400;
		line-height: 18px;
		letter-spacing: 0;
	}

	.m1-service-cards--carousel .m1-service-cards__nav {
		display: flex;
		flex-direction: row;
		align-items: center;
		justify-content: flex-end;
		gap: 20px;
		width: 100%;
		margin: 24px 0 0 0;
		padding: 0 15px;
		box-sizing: border-box;
	}

	.m1-service-cards--carousel .m1-service-cards__arrow {
		display: block;
		width: 24px;
		height: 24px;
		padding: 0;
		border: 0;
		background: transparent;
		cursor: pointer;
		flex-shrink: 0;
		-webkit-appearance: none;
		appearance: none;
	}

	.m1-service-cards--carousel .m1-service-cards__arrow img {
		display: block;
		width: 24px;
		height: 24px;
	}

	.m1-service-cards--carousel .m1-service-cards__arrow:disabled {
		opacity: 0.35;
		cursor: default;
		pointer-events: none;
	}
}
/* Figma 11378:649 — m1-perception @375；舞台高 = 视口 − 固定子导航，视频不侵入导航区 */
@media (max-width: 767px) {
	.m1-perception__stage {
		padding-top: 0;
		min-height: var(--m1-stage-avail-vh);
		height: var(--m1-stage-avail-vh);
		max-height: none;
	}

	.m1-perception__scene {
		top: 0;
		height: 100%;
	}

	.m1-perception__bg {
		overflow: hidden;
	}

	.m1-perception__bg-video {
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		max-width: none;
		object-fit: cover;
		object-position: center center;
	}

	.m1-perception__top {
		left: 0;
		right: 0;
		width: 100%;
		max-width: none;
		padding-left: 15px;
		padding-right: 15px;
		box-sizing: border-box;
		top: 48px;
	}

	.m1-perception__title {
		width: 100%;
		font-size: 24px;
		font-weight: 600;
		line-height: 29px;
		letter-spacing: 0px;
	}

	.m1-perception__subtitle {
		margin-top: 12px;
		width: 100%;
		max-width: none;
		font-size: 14px;
		font-weight: 400;
		line-height: 20px;
		letter-spacing: 0px;
	}
}

/* 大屏（≥768）：首屏 Hero 整视口高 + 顶内边避让站头；其余全屏块高度只减 .m1-subnav-holder（64px）。置于文件末尾以覆盖上方 max-width 里对高度的改写。 */
@media (min-width: 768px) {
	.m1-hero {
		margin-top: 0;
		padding-top: var(--m1-site-header-h);
		box-sizing: border-box;
		height: 100vh;
		min-height: 100vh;
		height: 100dvh;
		min-height: 100dvh;
	}

	/* .m1-bionic 高度由 JS 动态撑长（sticky 轨道）；这里只锁定 m1-pool-match */
	.m1-pool-match {
		min-height: var(--m1-stage-avail-vh);
		height: var(--m1-stage-avail-vh);
	}

	/* m1-smarter-clean 舞台高度：见文件末尾 #m1-smarter-clean（pin 贴顶 + fixed 子导航叠放，须整视口高，勿在此减 64px） */

	.m1-month-freedom__stage {
		height: var(--m1-stage-avail-vh);
		min-height: var(--m1-stage-avail-vh);
	}

	.m1-month-freedom--static .m1-month-freedom__stage {
		height: auto;
		min-height: 0;
	}

	/* 宽度随 64px 边距；字号仅在 768–1328 流式块内缩放（≤PC 80/112） */
	.m1-month-freedom__hero {
		width: min(930px, calc(100% - 128px));
		max-width: calc(100% - 128px);
	}

	.m1-month-freedom:not(.m1-month-freedom--static) .m1-month-freedom__final {
		left: var(--m1-page-gutter-x);
	}

	.m1-perception__stage {
		--m1-perception-top-y: max(48px, min(180px, calc(116 * 100vh / 1440)));
	}

	.m1-perception__top {
		left: 0;
		right: 0;
		width: min(1200px, calc(100% - 128px));
		max-width: min(1200px, calc(100% - 128px));
	}

	/* 仅展开 tween 期间撑满视口；末帧/静态不拉高 pin，避免滚动时整块跟着漂 */
	.m1-trio-rise--animating .m1-trio-rise__pin {
		min-height: var(--m1-stage-avail-vh);
		box-sizing: border-box;
		margin-top: 100px;
	}

	.m1-trio-rise--revealed .m1-trio-rise__pin,
	.m1-trio-rise--static .m1-trio-rise__pin {
		min-height: 0;
	}

	/* 底边锚定：viewport 固定槽高，mask 只增高 margin-top:0 */
	.m1-trio-rise--animating .m1-trio-rise__viewport {
		display: flex;
		flex-direction: column;
		justify-content: flex-end;
		min-height: 675px;
		box-sizing: border-box;
	}

	.m1-trio-rise--animating .m1-trio-rise__mask {
		margin-top: 0 !important;
		flex-shrink: 0;
	}
}

/*
 * m1-smarter-clean：GSAP pin 为 start:top top，舞台顶对齐视口顶；子导航 .m1-subnav.is-fixed 叠在上方不占 flow。
 * 若再用 calc(100vh - 64px) 会整块比视口矮一截，底部露出一条黑缝。此处用整视口高（仅本模块，不改 JS）。
 */
@media (min-width: 768px) {
	#m1-smarter-clean .m1-smarter-clean__scroll {
		min-height: 100vh !important;
		min-height: 100dvh !important;
	}

	#m1-smarter-clean .m1-smarter-clean__stage {
		height: 100vh !important;
		min-height: 100vh !important;
		height: 100dvh !important;
		min-height: 100dvh !important;
	}

	/*
	 * 仅第一屏横条（.m1-smarter-clean--intro-horizontal）：底图压扁、标题略上移与条带留缝；无 transition 避免与 GSAP 叠抖
	 */
	#m1-smarter-clean.m1-smarter-clean--intro-horizontal .m1-smarter-clean__full-img {
		position: absolute;
		left: 0;
		right: 0;
		top: 50%;
		width: 100%;
		height: min(14vh, 5px);
		max-height: 14vh;
		margin: 0 auto;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
		object-fit: cover;
		object-position: 50% 50%;
		-webkit-transition: none;
		transition: none;
	}

	#m1-smarter-clean.m1-smarter-clean--intro-horizontal .m1-smarter-clean__title {
		-webkit-transform: translate3d(0, -72px, 0);
		transform: translate3d(0, 0px, 0);
		-webkit-transition: none;
		transition: none;
	}

	#m1-smarter-clean.m1-smarter-clean--intro-horizontal .m1-smarter-clean__t1,
	#m1-smarter-clean.m1-smarter-clean--intro-horizontal .m1-smarter-clean__t2 {
		white-space: nowrap;
	}
}

/* ========== 结构保护流式：768–1328 用 clamp+vw（稿值/1328×100vw），叠盖同区间旧 max-width 规则 ========== */
/* 字号：clamp 第三参数 = >1328 PC 稿面 px，中屏任意宽度不得更大 */
@media (min-width: 768px) and (max-width: 1328px) {
	.m1-page,
	.m1-hero-video-modal {
		/* 768–1328 字号流式总系数：1 = 原稿线性比例；调小则该断点段整体更小（如 0.88、0.9） */
		--m1-fluid-type-scale: 0.9;
	}

	.m1-page {
		--m1-page-gutter-x: 64px;
		--m1-content-px: min(1200px, calc(100% - 128px));
	}

	/*
	 * 内容列统一：左右距屏 64px（--m1-content-px）；仅外层定宽，子级勿再叠横向 padding。
	 */
	.m1-trust-strip__inner,
	.m1-trust-strip__features,
	.m1-debris-id__inner,
	.m1-pool-read__shell,
	.m1-sees-miss__shell,
	.m1-quick-clean__inner,
	.m1-neural-train__shell,
	.m1-ai-eco__inner,
	.m1-better-pairs__inner,
	.m1-sleek-build__inner,
	.m1-specs__inner,
	.m1-trio-rise__heading,
	.m1-trio-rise__mask,
	.m1-ai-target-suction__inner {
		width: var(--m1-content-px);
		max-width: var(--m1-content-px);
		margin-left: auto;
		margin-right: auto;
		box-sizing: border-box;
	}

	/* 白卡铺满 inner，勿再叠 content-px 居中 */
	#m1-specs .m1-specs__panel {
		width: 100%;
		max-width: 100%;
		margin-left: 0;
		margin-right: 0;
	}

	.m1-pool-read__shell,
	.m1-sees-miss__shell,
	.m1-neural-train__shell,
	.m1-ai-eco__inner,
	.m1-better-pairs__inner,
	.m1-trio-rise__viewport,
	.m1-ai-target-suction__inner {
		padding-left: 0;
		padding-right: 0;
	}

	.m1-hero__content {
		margin-top: 25px; /* 96 */
	}

	.m1-hero__eyebrow {
		font-size:20px;
		line-height: 20px;
	}

	.m1-hero__title {
		font-size: clamp(calc(768 * 46 * var(--m1-fluid-type-scale) / 1328 * 1px), calc(64 * var(--m1-fluid-type-scale) * 100vw / 1328), 64px);
		line-height: clamp(calc(768 * 55.2 * var(--m1-fluid-type-scale) / 1328 * 1px), calc(76.8 * var(--m1-fluid-type-scale) * 100vw / 1328), 76.8px);
	}

	.m1-hero__subtitle {
		font-size:20px;
		line-height: 20px;
	}

	.m1-hero__actions {
		margin-top: clamp(13.86px, 1.807vw, 24px); /* 24 */
		gap: clamp(23.86px, 3.09vw, 41px); /* 41 */
	}

	.m1-hero__cta {
		min-height: clamp(calc(768 * 46 / 1328 * 1px), calc(64 * 100vw / 1328), 64px);
		padding: clamp(calc(768 * 10 / 1328 * 1px), calc(18 * 100vw / 1328), 18px)
			clamp(calc(768 * 36 / 1328 * 1px), calc(64 * 100vw / 1328), 64px);
		font-size: clamp(calc(768 * 12 * var(--m1-fluid-type-scale) / 1328 * 1px), calc(20 * var(--m1-fluid-type-scale) * 100vw / 1328), 20px);
		line-height: clamp(calc(768 * 17 * var(--m1-fluid-type-scale) / 1328 * 1px), calc(28 * var(--m1-fluid-type-scale) * 100vw / 1328), 28px);
	}

	.m1-smarter-clean__center-title {
		font-size: clamp(calc(768 * 37 * var(--m1-fluid-type-scale) / 1328 * 1px), calc(64 * var(--m1-fluid-type-scale) * 100vw / 1328), 64px);
		line-height: clamp(calc(768 * 44 * var(--m1-fluid-type-scale) / 1328 * 1px), calc(77 * var(--m1-fluid-type-scale) * 100vw / 1328), 77px);
	}

	.m1-smarter-clean__center-desc {
		margin-top: clamp(calc(768 * 12 / 1328 * 1px), calc(16 * 100vw / 1328), 16px);
		font-size: clamp(calc(768 * 12 * var(--m1-fluid-type-scale) / 1328 * 1px), calc(20 * var(--m1-fluid-type-scale) * 100vw / 1328), 20px);
		line-height: clamp(calc(768 * 14 * var(--m1-fluid-type-scale) / 1328 * 1px), calc(24 * var(--m1-fluid-type-scale) * 100vw / 1328), 24px);
	}

	.m1-month-freedom__hero {
		font-size: clamp(calc(768 * 46 * var(--m1-fluid-type-scale) / 1328 * 1px), calc(80 * var(--m1-fluid-type-scale) * 100vw / 1328), 80px);
		line-height: clamp(calc(768 * 64 * var(--m1-fluid-type-scale) / 1328 * 1px), calc(112 * var(--m1-fluid-type-scale) * 100vw / 1328), 112px);
	}

	/* 768–1328：舞台满宽 + 左右 64px；网格按内容区比例分配，避免 452+700 固定列宽溢出裁切 */
	.m1-month-freedom__stage {
		width: 100%;
		max-width: none;
		margin-left: 0;
		margin-right: 0;
		padding-left: 64px;
		padding-right: 64px;
		box-sizing: border-box;
		overflow-x: clip;
	}

	.m1-month-freedom:not(.m1-month-freedom--static) .m1-month-freedom__final {
		left: 0;
		width: 100%;
		max-width: none;
		box-sizing: border-box;
	}

	.m1-month-freedom--static .m1-month-freedom__stage,
	#m1-month-freedom.m1-month-freedom--desktop-anim .m1-month-freedom__stage,
	#m1-month-freedom.m1-month-freedom--desktop-end .m1-month-freedom__stage {
		width: 100%;
		max-width: none;
		margin-left: 0;
		margin-right: 0;
		padding-top: 64px;
		padding-left: 64px;
		padding-right: 64px;
		justify-content: stretch;
		grid-template-columns:
			minmax(0, calc((100% - 48px) * 452 / 1200))
			minmax(0, calc((100% - 48px) * 700 / 1200));
		column-gap: 48px;
		overflow-x: clip;
	}

	.m1-month-freedom--static .m1-month-freedom__photo,
	#m1-month-freedom.m1-month-freedom--desktop-end .m1-month-freedom__photo {
		width: 100%;
		max-width: none;
		justify-self: stretch;
	}

	.m1-month-freedom--static .m1-month-freedom__copy-stack,
	#m1-month-freedom.m1-month-freedom--desktop-anim .m1-month-freedom__copy-stack,
	#m1-month-freedom.m1-month-freedom--desktop-end .m1-month-freedom__copy-stack,
	.m1-month-freedom--static .m1-month-freedom__lede,
	#m1-month-freedom.m1-month-freedom--desktop-anim .m1-month-freedom__copy-stack .m1-month-freedom__lede,
	#m1-month-freedom.m1-month-freedom--desktop-end .m1-month-freedom__lede,
	.m1-month-freedom--static .m1-month-freedom__features,
	#m1-month-freedom.m1-month-freedom--desktop-anim .m1-month-freedom__copy-stack .m1-month-freedom__features,
	#m1-month-freedom.m1-month-freedom--desktop-end .m1-month-freedom__features {
		width: 100%;
		max-width: none;
	}

	.m1-month-freedom__title {
		margin-bottom: clamp(calc(768 * 16 / 1328 * 1px), calc(24 * 100vw / 1328), 24px);
		font-size: clamp(calc(768 * 28 * var(--m1-fluid-type-scale) / 1328 * 1px), calc(48 * var(--m1-fluid-type-scale) * 100vw / 1328), 48px);
		line-height: clamp(calc(768 * 34 * var(--m1-fluid-type-scale) / 1328 * 1px), calc(58 * var(--m1-fluid-type-scale) * 100vw / 1328), 58px);
	}

	.m1-month-freedom__lede {
		margin-bottom: 44px;
		font-size: clamp(calc(768 * 12 * var(--m1-fluid-type-scale) / 1328 * 1px), calc(20 * var(--m1-fluid-type-scale) * 100vw / 1328), 20px);
		line-height: clamp(calc(768 * 14 * var(--m1-fluid-type-scale) / 1328 * 1px), calc(24 * var(--m1-fluid-type-scale) * 100vw / 1328), 24px);
	}

	.m1-month-freedom__features {
		gap: clamp(calc(768 * 14 / 1328 * 1px), calc(24 * 100vw / 1328), 24px);
	}

	.m1-month-freedom__feature {
		gap: clamp(calc(768 * 9 / 1328 * 1px), calc(16 * 100vw / 1328), 16px);
	}

	.m1-month-freedom__feature-icon {
		width: clamp(calc(768 * 28 / 1328 * 1px), calc(48 * 100vw / 1328), 48px);
		height: clamp(calc(768 * 28 / 1328 * 1px), calc(48 * 100vw / 1328), 48px);
	}

	.m1-month-freedom__feature-label {
		font-size: clamp(calc(768 * 12 * var(--m1-fluid-type-scale) / 1328 * 1px), calc(20 * var(--m1-fluid-type-scale) * 100vw / 1328), 20px);
		line-height: clamp(calc(768 * 14 * var(--m1-fluid-type-scale) / 1328 * 1px), calc(24 * var(--m1-fluid-type-scale) * 100vw / 1328), 24px);
	}

	/* smarter-clean 入场标题：上限 80px（与 PC 稿一致） */
	.m1-smarter-clean__title {
		font-size: clamp(32px, calc(80 * var(--m1-fluid-type-scale) * 100vw / 1328), 80px);
		line-height: clamp(38px, calc(96 * var(--m1-fluid-type-scale) * 100vw / 1328), 96px);
	}

	/* trio-rise：随视口缩小，上限不超过 PC 48 / 24 / 18 */
	.m1-trio-rise__heading {
		font-size: clamp(calc(768 * 28 * var(--m1-fluid-type-scale) / 1328 * 1px), calc(48 * var(--m1-fluid-type-scale) * 100vw / 1328), 48px);
		line-height: clamp(calc(768 * 34 * var(--m1-fluid-type-scale) / 1328 * 1px), calc(58 * var(--m1-fluid-type-scale) * 100vw / 1328), 58px);
	}

	.m1-trio-rise__card-kicker {
		font-size: clamp(calc(768 * 14 * var(--m1-fluid-type-scale) / 1328 * 1px), calc(24 * var(--m1-fluid-type-scale) * 100vw / 1328), 24px);
		line-height: clamp(calc(768 * 17 * var(--m1-fluid-type-scale) / 1328 * 1px), calc(29 * var(--m1-fluid-type-scale) * 100vw / 1328), 29px);
	}

	.m1-trio-rise__card-desc {
		font-size: clamp(calc(768 * 10 * var(--m1-fluid-type-scale) / 1328 * 1px), calc(18 * var(--m1-fluid-type-scale) * 100vw / 1328), 18px);
		line-height: clamp(calc(768 * 14 * var(--m1-fluid-type-scale) / 1328 * 1px), calc(25 * var(--m1-fluid-type-scale) * 100vw / 1328), 25px);
	}

	.m1-trust-strip__inner {
		justify-content: space-between;
		align-items: center;
		column-gap: clamp(24px, calc(48 * 100vw / 1328), 48px);
		padding-top: clamp(41.64px, 5.422vw, 72px);
		padding-bottom: clamp(41.64px, 5.422vw, 72px);
	}

	.m1-trust-strip__copy {
		flex: 0 1 auto;
		width: auto;
		max-width: calc(
			(100% - clamp(24px, calc(48 * 100vw / 1328), 48px)) * 470 / 1200
		);
		min-width: 0;
	}

	.m1-trust-strip__marquee {
		flex: 0 0 auto;
		width: auto;
		min-width: 0;
		margin-left: auto;
	}

	.m1-trust-strip__marquee-viewport {
		width: var(--m1-trust-marquee-shift, 572px);
		max-width: 100%;
	}

	.m1-trust-strip__marquee-segment {
		column-gap: clamp(calc(768 * 12 / 1328 * 1px), calc(20 * 100vw / 1328), 20px);
	}

	/* 768–1328：模块间距与多列卡片、左文右图等比缩放（不改 flex/grid；稿值/1328×100vw） */
	.m1-trust-strip__title {
		margin: 0 0 clamp(calc(768 * 16 / 1328 * 1px), calc(16 * 100vw / 1328), 16px) 0;
		font-size: clamp(calc(768 * 40 * var(--m1-fluid-type-scale) / 1328 * 1px), calc(40 * var(--m1-fluid-type-scale) * 100vw / 1328), 40px);
		line-height: clamp(calc(768 * 48 * var(--m1-fluid-type-scale) / 1328 * 1px), calc(48 * var(--m1-fluid-type-scale) * 100vw / 1328), 48px);
	}

	.m1-trust-strip__lede-line {
		font-size: clamp(calc(768 * 16 * var(--m1-fluid-type-scale) / 1328 * 1px), calc(16 * var(--m1-fluid-type-scale) * 100vw / 1328), 16px);
		line-height: clamp(calc(768 * 23.52 * var(--m1-fluid-type-scale) / 1328 * 1px), calc(23.52 * var(--m1-fluid-type-scale) * 100vw / 1328), 23.52px);
	}

	.m1-trust-strip__features {
		padding-top: clamp(calc(768 * 128 / 1328 * 1px), calc(128 * 100vw / 1328), 128px);
		padding-bottom: clamp(calc(768 * 191 / 1328 * 1px), calc(191 * 100vw / 1328), 191px);
	}

	.m1-trust-features-grid,
	.m1-trust-features-grid__row {
		gap: clamp(calc(768 * 20 / 1328 * 1px), calc(20 * 100vw / 1328), 20px);
	}

	.m1-trust-features-grid__row {
		width: 100%;
	}

	.m1-trust-features-grid__row .m1-trust-features-grid__card {
		flex-grow: 1;
		flex-shrink: 1;
		flex-basis: 0;
		min-width: 0;
	}

	.m1-trust-features-grid__card--lg {
		width: auto;
		height: auto;
		aspect-ratio: 590 / 480;
		max-width: 590px;
	}

	.m1-trust-features-grid__card--sm,
	.m1-trust-features-grid__card--sm-narrow {
		width: auto;
		height: auto;
		aspect-ratio: 1 / 1;
		max-width: 387px;
	}

	.m1-trust-features-grid__card--sm-narrow {
		max-width: 386px;
	}

	.m1-trust-features-grid__title-line {
		font-size: clamp(calc(768 * 32 * var(--m1-fluid-type-scale) / 1328 * 1px), calc(32 * var(--m1-fluid-type-scale) * 100vw / 1328), 32px);
	}

	.m1-trust-features-grid__title {
		font-size: clamp(calc(768 * 26 * var(--m1-fluid-type-scale) / 1328 * 1px), calc(26 * var(--m1-fluid-type-scale) * 100vw / 1328), 26px);
		line-height: clamp(calc(768 * 31 * var(--m1-fluid-type-scale) / 1328 * 1px), calc(31 * var(--m1-fluid-type-scale) * 100vw / 1328), 31px);
	}

	.m1-trust-features-grid__desc {
		font-size: clamp(calc(768 * 18 * var(--m1-fluid-type-scale) / 1328 * 1px), calc(18 * var(--m1-fluid-type-scale) * 100vw / 1328), 18px);
		line-height: clamp(calc(768 * 24 * var(--m1-fluid-type-scale) / 1328 * 1px), calc(24 * var(--m1-fluid-type-scale) * 100vw / 1328), 24px);
	}

	.m1-trust-strip__icon-cell,
	.m1-trust-strip__icon-img {
		width: clamp(calc(768 * 96 / 1328 * 1px), calc(128 * 100vw / 1328), 128px);
		height: clamp(calc(768 * 96 / 1328 * 1px), calc(128 * 100vw / 1328), 128px);
	}

	.m1-bionic__inner,
	.m1-bionic__inner--scroll {
		padding-top: clamp(calc(768 * 104 / 1328 * 1px), calc(104 * 100vw / 1328), 104px);
		gap: clamp(calc(768 * 24 / 1328 * 1px), calc(24 * 100vw / 1328), 24px);
	}

	.m1-pool-match__inner {
		padding-top: clamp(calc(768 * 136 / 1328 * 1px), calc(136 * 100vw / 1328), 136px);
		gap: clamp(calc(768 * 24 / 1328 * 1px), calc(24 * 100vw / 1328), 24px);
	}

	.m1-bionic__title,
	.m1-pool-match__title {
		font-size: clamp(calc(768 * 48 * var(--m1-fluid-type-scale) / 1328 * 1px), calc(48 * var(--m1-fluid-type-scale) * 100vw / 1328), 48px);
		line-height: clamp(calc(768 * 58 * var(--m1-fluid-type-scale) / 1328 * 1px), calc(58 * var(--m1-fluid-type-scale) * 100vw / 1328), 58px);
	}

	.m1-bionic__line,
	.m1-pool-match__line {
		font-size: clamp(calc(768 * 20 * var(--m1-fluid-type-scale) / 1328 * 1px), calc(20 * var(--m1-fluid-type-scale) * 100vw / 1328), 20px);
		line-height: clamp(calc(768 * 24 * var(--m1-fluid-type-scale) / 1328 * 1px), calc(24 * var(--m1-fluid-type-scale) * 100vw / 1328), 24px);
	}

	.m1-pool-read {
		padding-top: clamp(calc(768 * 112 / 1328 * 1px), calc(112 * 100vw / 1328), 112px);
		padding-bottom: clamp(calc(768 * 64 / 1328 * 1px), calc(64 * 100vw / 1328), 64px);
	}

	.m1-sees-miss {
		padding-top: clamp(calc(768 * 64 / 1328 * 1px), calc(64 * 100vw / 1328), 64px);
		padding-bottom: clamp(calc(768 * 112 / 1328 * 1px), calc(112 * 100vw / 1328), 112px);
	}

	.m1-pool-read__intro,
	.m1-sees-miss__intro {
		gap: clamp(calc(768 * 24 / 1328 * 1px), calc(24 * 100vw / 1328), 24px);
	}

	.m1-pool-read__title,
	.m1-sees-miss__title {
		font-size: clamp(calc(768 * 40 * var(--m1-fluid-type-scale) / 1328 * 1px), calc(40 * var(--m1-fluid-type-scale) * 100vw / 1328), 40px);
		line-height: clamp(calc(768 * 48 * var(--m1-fluid-type-scale) / 1328 * 1px), calc(48 * var(--m1-fluid-type-scale) * 100vw / 1328), 48px);
	}

	.m1-pool-read__subtitle,
	.m1-sees-miss__subtitle {
		font-size: clamp(calc(768 * 20 * var(--m1-fluid-type-scale) / 1328 * 1px), calc(20 * var(--m1-fluid-type-scale) * 100vw / 1328), 20px);
		line-height: clamp(calc(768 * 24 * var(--m1-fluid-type-scale) / 1328 * 1px), calc(24 * var(--m1-fluid-type-scale) * 100vw / 1328), 24px);
	}

	.m1-pool-read__compare,
	.m1-sees-miss__compare {
		margin-top: clamp(calc(768 * 64 / 1328 * 1px), calc(64 * 100vw / 1328), 64px);
	}

	.m1-pool-read__compare-card,
	.m1-sees-miss__compare-card {
		width: 100%;
		max-width: 100%;
		margin-left: 0;
		margin-right: 0;
		height: clamp(calc(768 * 369 / 1328 * 1px), calc(640 * 100vw / 1328), 640px);
		border-radius: clamp(calc(768 * 20 / 1328 * 1px), calc(20 * 100vw / 1328), 20px);
	}

	.m1-ai-eco__inner {
		padding: clamp(calc(768 * 192 / 1328 * 1px), calc(192 * 100vw / 1328), 192px) 0
			clamp(calc(768 * 128 / 1328 * 1px), calc(128 * 100vw / 1328), 128px) 0;
	}

	.m1-ai-eco__media--bottom {
		margin-top: clamp(calc(768 * 48 / 1328 * 1px), calc(48 * 100vw / 1328), 48px);
	}

	.m1-ai-eco__intro {
		gap: clamp(calc(768 * 24 / 1328 * 1px), calc(24 * 100vw / 1328), 24px);
	}

	.m1-ai-eco__title {
		font-size: clamp(calc(768 * 64 * var(--m1-fluid-type-scale) / 1328 * 1px), calc(64 * var(--m1-fluid-type-scale) * 100vw / 1328), 64px);
		line-height: clamp(calc(768 * 77 * var(--m1-fluid-type-scale) / 1328 * 1px), calc(77 * var(--m1-fluid-type-scale) * 100vw / 1328), 77px);
	}

	.m1-ai-eco__lede {
		font-size: clamp(calc(768 * 20 * var(--m1-fluid-type-scale) / 1328 * 1px), calc(20 * var(--m1-fluid-type-scale) * 100vw / 1328), 20px);
		line-height: clamp(calc(768 * 24 * var(--m1-fluid-type-scale) / 1328 * 1px), calc(24 * var(--m1-fluid-type-scale) * 100vw / 1328), 24px);
	}

	.m1-ai-eco__subhead {
		font-size: clamp(calc(768 * 48 * var(--m1-fluid-type-scale) / 1328 * 1px), calc(48 * var(--m1-fluid-type-scale) * 100vw / 1328), 48px);
		line-height: clamp(calc(768 * 55 * var(--m1-fluid-type-scale) / 1328 * 1px), calc(55 * var(--m1-fluid-type-scale) * 100vw / 1328), 55px);
	}

	.m1-ai-eco__copy {
		font-size: clamp(calc(768 * 19 * var(--m1-fluid-type-scale) / 1328 * 1px), calc(19 * var(--m1-fluid-type-scale) * 100vw / 1328), 19px);
		line-height: clamp(calc(768 * 28 * var(--m1-fluid-type-scale) / 1328 * 1px), calc(28 * var(--m1-fluid-type-scale) * 100vw / 1328), 28px);
	}

	.m1-ai-eco__media--top {
		margin-top: clamp(calc(768 * 64 / 1328 * 1px), calc(64 * 100vw / 1328), 64px);
		border-radius: clamp(calc(768 * 20 / 1328 * 1px), calc(20 * 100vw / 1328), 20px);
	}

	.m1-ai-eco__block2 {
		margin-top: clamp(calc(768 * 128 / 1328 * 1px), calc(128 * 100vw / 1328), 128px);
	}

	.m1-debris-id__inner {
		padding-top: clamp(calc(768 * 96 / 1328 * 1px), calc(96 * 100vw / 1328), 96px);
		padding-bottom: clamp(calc(768 * 192 / 1328 * 1px), calc(192 * 100vw / 1328), 192px);
	}

	.m1-debris-id__title {
		font-size: clamp(calc(768 * 40 * var(--m1-fluid-type-scale) / 1328 * 1px), calc(40 * var(--m1-fluid-type-scale) * 100vw / 1328), 40px);
		line-height: clamp(calc(768 * 48 * var(--m1-fluid-type-scale) / 1328 * 1px), calc(48 * var(--m1-fluid-type-scale) * 100vw / 1328), 48px);
	}

	.m1-debris-id__lede {
		margin-top: clamp(calc(768 * 24 / 1328 * 1px), calc(24 * 100vw / 1328), 24px);
		font-size: clamp(calc(768 * 20 * var(--m1-fluid-type-scale) / 1328 * 1px), calc(20 * var(--m1-fluid-type-scale) * 100vw / 1328), 20px);
		line-height: clamp(calc(768 * 24 * var(--m1-fluid-type-scale) / 1328 * 1px), calc(24 * var(--m1-fluid-type-scale) * 100vw / 1328), 24px);
	}

	.m1-sleek-build__inner {
		gap: clamp(calc(768 * 192 / 1328 * 1px), calc(192 * 100vw / 1328), 192px);
		padding: clamp(calc(768 * 192 / 1328 * 1px), calc(192 * 100vw / 1328), 192px) 0;
	}

	.m1-sleek-build__intro {
		min-height: 0;
	}

	.m1-sleek-build__headline {
		position: relative;
		top: 0;
		right: auto;
		left: auto;
		width: 100%;
		max-width: 100%;
		text-align: center;
		white-space: normal;
		overflow-wrap: anywhere;
		word-break: break-word;
		font-size: clamp(calc(768 * 32 * var(--m1-fluid-type-scale) / 1328 * 1px), calc(64 * var(--m1-fluid-type-scale) * 100vw / 1328), 64px);
		line-height: clamp(calc(768 * 38 * var(--m1-fluid-type-scale) / 1328 * 1px), calc(77 * var(--m1-fluid-type-scale) * 100vw / 1328), 77px);
	}

	.m1-sleek-build__lede {
		position: relative;
		top: auto;
		left: auto;
		width: 100%;
		max-width: 100%;
		margin: clamp(calc(768 * 16 / 1328 * 1px), calc(24 * 100vw / 1328), 24px) auto 0;
		font-size: clamp(calc(768 * 12 * var(--m1-fluid-type-scale) / 1328 * 1px), calc(20 * var(--m1-fluid-type-scale) * 100vw / 1328), 20px);
		line-height: clamp(calc(768 * 17 * var(--m1-fluid-type-scale) / 1328 * 1px), calc(28 * var(--m1-fluid-type-scale) * 100vw / 1328), 28px);
		text-align: center;
		white-space: normal;
		overflow-wrap: anywhere;
	}

	.m1-sleek-build__card {
		position: relative;
		top: 0;
		left: 50%;
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
		margin-top: clamp(calc(768 * 32 / 1328 * 1px), calc(48 * 100vw / 1328), 48px);
	}

	/* 保修卡文案略缩小 + 上移，避免 overflow:hidden 裁切末行（稿 48/58、24/34 约 ×0.88） */
	.m1-sleek-build__warranty-copy {
		left: clamp(calc(768 * 26 / 1328 * 1px), calc(44 * 100vw / 1328), 44px);
		top: 30%;
		max-width: min(
			clamp(calc(768 * 265 / 1328 * 1px), calc(458 * 100vw / 1328), 458px),
			calc(100% - clamp(calc(768 * 26 / 1328 * 1px), calc(44 * 100vw / 1328), 44px) * 2)
		);
	}

	.m1-sleek-build__warranty-title {
		font-size: clamp(calc(768 * 25 * var(--m1-fluid-type-scale) / 1328 * 1px), calc(42 * var(--m1-fluid-type-scale) * 100vw / 1328), 42px);
		line-height: clamp(calc(768 * 30 * var(--m1-fluid-type-scale) / 1328 * 1px), calc(51 * var(--m1-fluid-type-scale) * 100vw / 1328), 51px);
	}

	.m1-sleek-build__warranty-lede {
		margin-top: clamp(calc(768 * 12 / 1328 * 1px), calc(22 * 100vw / 1328), 22px);
		width: min(
			100%,
			clamp(calc(768 * 206 / 1328 * 1px), calc(356 * 100vw / 1328), 356px)
		);
		font-size: clamp(calc(768 * 12 * var(--m1-fluid-type-scale) / 1328 * 1px), calc(21 * var(--m1-fluid-type-scale) * 100vw / 1328), 21px);
		line-height: clamp(calc(768 * 17 * var(--m1-fluid-type-scale) / 1328 * 1px), calc(30 * var(--m1-fluid-type-scale) * 100vw / 1328), 30px);
	}

	.m1-specs {
		padding: clamp(calc(768 * 192 / 1328 * 1px), calc(192 * 100vw / 1328), 192px) 0
			clamp(calc(768 * 160 / 1328 * 1px), calc(160 * 100vw / 1328), 160px) 0;
	}

	.m1-specs__title {
		font-size: clamp(calc(768 * 48 * var(--m1-fluid-type-scale) / 1328 * 1px), calc(48 * var(--m1-fluid-type-scale) * 100vw / 1328), 48px);
		line-height: clamp(calc(768 * 58 * var(--m1-fluid-type-scale) / 1328 * 1px), calc(58 * var(--m1-fluid-type-scale) * 100vw / 1328), 58px);
	}

	#m1-specs .m1-specs__panel {
		margin-top: clamp(calc(768 * 64 / 1328 * 1px), calc(64 * 100vw / 1328), 64px);
		padding: clamp(calc(768 * 32 / 1328 * 1px), calc(32 * 100vw / 1328), 32px)
			clamp(calc(768 * 24 / 1328 * 1px), calc(32 * 100vw / 1328), 32px)
			clamp(calc(768 * 64 / 1328 * 1px), calc(64 * 100vw / 1328), 64px)
			clamp(calc(768 * 24 / 1328 * 1px), calc(32 * 100vw / 1328), 32px);
		border-radius: clamp(calc(768 * 20 / 1328 * 1px), calc(20 * 100vw / 1328), 20px);
	}

	#m1-specs .m1-specs__panel {
		--m1-specs-scroll-end: clamp(calc(768 * 24 / 1328 * 1px), calc(32 * 100vw / 1328), 32px);
	}

	/* 768–1328：三产品列等分铺满白卡，避免右侧留白（覆盖桌面 325px 固定列宽） */
	#m1-specs .m1-specs__table,
	#m1-specs .m1-specs__table--head {
		width: 100%;
		min-width: 100%;
	}

	#m1-specs .m1-specs__col-prod {
		width: calc((100% - var(--m1-specs-label-w)) / 3);
	}

	#m1-specs .m1-specs__td--val,
	#m1-specs .m1-specs__tr--head .m1-specs__th--prod {
		width: calc((100% - var(--m1-specs-label-w)) / 3);
		min-width: 0;
		max-width: none;
		box-sizing: border-box;
		padding-left: 0;
		padding-right: 16px;
	}

	#m1-specs .m1-specs__tr--head .m1-specs__th--prod:last-child,
	#m1-specs .m1-specs__tbody .m1-specs__td--val:last-child {
		padding-right: var(--m1-specs-scroll-end);
	}

	#m1-specs .m1-specs__head-card {
		width: min(240px, 100%);
		max-width: 100%;
	}

	#m1-specs .m1-specs__head-name {
		white-space: nowrap;
		max-width: 100%;
		overflow: visible;
	}

	#m1-specs .m1-specs__head-buy {
		max-width: 100%;
		white-space: normal;
		word-break: break-word;
	}

	/* 三卡横排 387+386+387+gap×2=1200，1328 以下等比缩放（覆盖旧 1279/1023 纵排） */
	.m1-service-cards {
		padding: clamp(calc(768 * 80 / 1328 * 1px), calc(80 * 100vw / 1328), 80px) 0
			clamp(calc(768 * 160 / 1328 * 1px), calc(160 * 100vw / 1328), 160px) 0;
	}

	.m1-service-cards__inner {
		width: var(--m1-content-px);
		flex-direction: row;
		flex-wrap: nowrap;
		align-items: stretch;
		justify-content: space-between;
		gap: clamp(calc(768 * 20 / 1328 * 1px), calc(20 * 100vw / 1328), 20px);
	}

	.m1-service-card {
		flex-shrink: 1;
		min-width: 0;
		width: auto;
		padding: clamp(calc(768 * 48 / 1328 * 1px), calc(48 * 100vw / 1328), 48px);
		min-height: clamp(calc(768 * 155 / 1328 * 1px), calc(268 * 100vw / 1328), 268px);
		height: auto;
		border-radius: clamp(calc(768 * 20 / 1328 * 1px), calc(20 * 100vw / 1328), 20px);
	}

	.m1-service-card--w387 {
		flex: 387 1 0;
		max-width: calc(
			(100% - 2 * clamp(calc(768 * 20 / 1328 * 1px), calc(20 * 100vw / 1328), 20px)) * 387 / 1160
		);
	}

	.m1-service-card--w386 {
		flex: 386 1 0;
		max-width: calc(
			(100% - 2 * clamp(calc(768 * 20 / 1328 * 1px), calc(20 * 100vw / 1328), 20px)) * 386 / 1160
		);
	}

	.m1-service-card__icon {
		width: clamp(calc(768 * 28 / 1328 * 1px), calc(48 * 100vw / 1328), 48px);
		height: clamp(calc(768 * 28 / 1328 * 1px), calc(48 * 100vw / 1328), 48px);
	}

	.m1-service-card__title {
		margin-top: clamp(calc(768 * 16 / 1328 * 1px), calc(16 * 100vw / 1328), 16px);
		font-size: clamp(calc(768 * 24 * var(--m1-fluid-type-scale) / 1328 * 1px), calc(24 * var(--m1-fluid-type-scale) * 100vw / 1328), 24px);
		line-height: clamp(calc(768 * 28.8 * var(--m1-fluid-type-scale) / 1328 * 1px), calc(28.8 * var(--m1-fluid-type-scale) * 100vw / 1328), 28.8px);
	}

	.m1-service-card__desc,
	.m1-service-card__desc--narrow {
		margin-top: clamp(calc(768 * 16 / 1328 * 1px), calc(16 * 100vw / 1328), 16px);
		max-width: 100%;
		font-size: clamp(calc(768 * 14 * var(--m1-fluid-type-scale) / 1328 * 1px), calc(14 * var(--m1-fluid-type-scale) * 100vw / 1328), 14px);
		line-height: clamp(calc(768 * 21 * var(--m1-fluid-type-scale) / 1328 * 1px), calc(21 * var(--m1-fluid-type-scale) * 100vw / 1328), 21px);
	}

	.m1-perception__title {
		font-size: clamp(calc(768 * 48 * var(--m1-fluid-type-scale) / 1328 * 1px), calc(48 * var(--m1-fluid-type-scale) * 100vw / 1328), 48px);
		line-height: clamp(calc(768 * 58 * var(--m1-fluid-type-scale) / 1328 * 1px), calc(58 * var(--m1-fluid-type-scale) * 100vw / 1328), 58px);
	}

	.m1-perception__subtitle {
		margin-top: clamp(calc(768 * 24 / 1328 * 1px), calc(24 * 100vw / 1328), 24px);
		font-size: clamp(calc(768 * 20 * var(--m1-fluid-type-scale) / 1328 * 1px), calc(20 * var(--m1-fluid-type-scale) * 100vw / 1328), 20px);
		line-height: clamp(calc(768 * 24 * var(--m1-fluid-type-scale) / 1328 * 1px), calc(24 * var(--m1-fluid-type-scale) * 100vw / 1328), 24px);
	}

	.m1-quick-clean__inner {
		padding-top: clamp(calc(768 * 192 / 1328 * 1px), calc(192 * 100vw / 1328), 192px);
		padding-bottom: clamp(calc(768 * 272 / 1328 * 1px), calc(272 * 100vw / 1328), 272px);
	}

	.m1-quick-clean__intro {
		gap: clamp(calc(768 * 24 / 1328 * 1px), calc(24 * 100vw / 1328), 24px);
	}

	.m1-quick-clean__headline {
		font-size: clamp(calc(768 * 40 * var(--m1-fluid-type-scale) / 1328 * 1px), calc(64 * var(--m1-fluid-type-scale) * 100vw / 1328), 64px);
		line-height: clamp(calc(768 * 48 * var(--m1-fluid-type-scale) / 1328 * 1px), calc(77 * var(--m1-fluid-type-scale) * 100vw / 1328), 77px);
	}

	.m1-quick-clean__desc {
		font-size: clamp(calc(768 * 16 * var(--m1-fluid-type-scale) / 1328 * 1px), calc(20 * var(--m1-fluid-type-scale) * 100vw / 1328), 20px);
		line-height: clamp(calc(768 * 22 * var(--m1-fluid-type-scale) / 1328 * 1px), calc(28 * var(--m1-fluid-type-scale) * 100vw / 1328), 28px);
	}

	.m1-quick-clean__hero {
		margin-top: clamp(calc(768 * 64 / 1328 * 1px), calc(64 * 100vw / 1328), 64px);
		height: clamp(calc(768 * 369 / 1328 * 1px), calc(640 * 100vw / 1328), 640px);
		border-radius: clamp(calc(768 * 20 / 1328 * 1px), calc(20 * 100vw / 1328), 20px);
	}

	/* m1-quick-clean__compare：≥768 固定稿面 px，见 @media (min-width: 768px) */

	.m1-pool-read__compare-layer,
	.m1-sees-miss__compare-layer {
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		object-fit: contain;
		object-position: center center;
	}

	.m1-pool-read__compare-layer--clip,
	.m1-sees-miss__compare-layer--clip {
		clip-path: inset(0 0 0 50%);
		-webkit-clip-path: inset(0 0 0 50%);
	}

	.m1-ai-eco__img--top {
		height: auto;
		object-fit: contain;
	}

	.m1-ai-eco__layer--a {
		left: 0;
		width: 100%;
		height: 100%;
		max-width: 100%;
		object-fit: cover;
	}

	.m1-ai-eco__layer--b {
		width: 100%;
		height: 100%;
		object-fit: cover;
	}

	.m1-better-pairs > .m1-specs__panel {
		padding-top: clamp(calc(768 * 192 / 1328 * 1px), calc(192 * 100vw / 1328), 192px);
		padding-bottom: clamp(calc(768 * 192 / 1328 * 1px), calc(192 * 100vw / 1328), 192px);
	}

	.m1-better-pairs__inner {
		gap: clamp(calc(768 * 128 / 1328 * 1px), calc(128 * 100vw / 1328), 128px);
		width: var(--m1-content-px);
		max-width: var(--m1-content-px);
		margin-left: auto;
		margin-right: auto;
		padding-left: 0;
		padding-right: 0;
	}

	.m1-better-pairs__block,
	.m1-better-pairs__row--traction,
	.m1-better-pairs__block--flow,
	.m1-better-pairs__block--filtration,
	.m1-better-pairs__block--ai {
		width: 100%;
		max-width: 100%;
	}

	.m1-better-pairs__block--hero {
		gap: clamp(calc(768 * 64 / 1328 * 1px), calc(64 * 100vw / 1328), 64px);
		min-height: 0;
	}

	.m1-better-pairs__hero-title {
		font-size: clamp(calc(768 * 56 * var(--m1-fluid-type-scale) / 1328 * 1px), calc(56 * var(--m1-fluid-type-scale) * 100vw / 1328), 56px);
		line-height: clamp(calc(768 * 67 * var(--m1-fluid-type-scale) / 1328 * 1px), calc(67 * var(--m1-fluid-type-scale) * 100vw / 1328), 67px);
	}

	.m1-better-pairs__row--traction,
	.m1-better-pairs__block--flow,
	.m1-better-pairs__row--flow,
	.m1-better-pairs__block--filtration,
	.m1-better-pairs__row--filtration,
	.m1-better-pairs__block--ai,
	.m1-better-pairs__row--ai {
		height: auto;
		min-height: 0;
		column-gap: clamp(calc(768 * 48 / 1328 * 1px), calc(48 * 100vw / 1328), 48px);
	}

	.m1-better-pairs__row--flow,
	.m1-better-pairs__row--filtration,
	.m1-better-pairs__row--ai {
		align-items: center;
	}

	.m1-better-pairs__media--725 {
		flex: 0 1 auto;
		width: clamp(calc(768 * 419 / 1328 * 1px), calc(725 * 100vw / 1328), 725px);
		max-width: 52%;
		min-width: 0;
		position: relative;
		height: auto;
		aspect-ratio: 725 / 480;
		border-radius: clamp(calc(768 * 20 / 1328 * 1px), calc(20 * 100vw / 1328), 20px);
	}

	.m1-better-pairs__img {
		position: absolute;
		inset: 0;
		width: 100%;
		height: 100%;
		object-fit: cover;
		border-radius: inherit;
	}

	.m1-better-pairs__copy--traction {
		flex: 1 1 clamp(calc(768 * 247 / 1328 * 1px), calc(427 * 100vw / 1328), 427px);
		width: auto;
		max-width: 45%;
		min-width: 0;
		padding-top: clamp(calc(768 * 102 / 1328 * 1px), calc(102 * 100vw / 1328), 102px);
	}

	.m1-better-pairs__copy--flow,
	.m1-better-pairs__copy--filtration,
	.m1-better-pairs__copy--ai {
		flex: 1 1 clamp(calc(768 * 247 / 1328 * 1px), calc(427 * 100vw / 1328), 427px);
		width: auto;
		max-width: 45%;
		min-width: 0;
		padding-top: 0;
	}

	.m1-better-pairs__title {
		font-size: clamp(calc(768 * 40 * var(--m1-fluid-type-scale) / 1328 * 1px), calc(40 * var(--m1-fluid-type-scale) * 100vw / 1328), 40px);
		line-height: clamp(calc(768 * 48 * var(--m1-fluid-type-scale) / 1328 * 1px), calc(48 * var(--m1-fluid-type-scale) * 100vw / 1328), 48px);
	}

	.m1-better-pairs__lede {
		font-size: clamp(calc(768 * 19 * var(--m1-fluid-type-scale) / 1328 * 1px), calc(19 * var(--m1-fluid-type-scale) * 100vw / 1328), 19px);
		line-height: clamp(calc(768 * 27 * var(--m1-fluid-type-scale) / 1328 * 1px), calc(27 * var(--m1-fluid-type-scale) * 100vw / 1328), 27px);
	}

	.m1-better-pairs__media--flow-crop {
		flex: 0 1 auto;
		width: clamp(calc(768 * 419 / 1328 * 1px), calc(725 * 100vw / 1328), 725px);
		max-width: 52%;
		min-width: 0;
		position: relative;
		height: auto;
		aspect-ratio: 725 / 480;
		border-radius: clamp(calc(768 * 20 / 1328 * 1px), calc(20 * 100vw / 1328), 20px);
	}

	.m1-better-pairs__img--flow {
		position: absolute;
		inset: 0;
		width: 100%;
		height: 100%;
		object-fit: cover;
		object-position: center center;
		border-radius: inherit;
	}

	.m1-better-pairs__filtration-visual {
		flex: 0 1 auto;
		width: clamp(calc(768 * 419 / 1328 * 1px), calc(725 * 100vw / 1328), 725px);
		max-width: 52%;
		min-width: 0;
		position: relative;
		height: auto;
		aspect-ratio: 725 / 480;
		border-radius: clamp(calc(768 * 20 / 1328 * 1px), calc(20 * 100vw / 1328), 20px);
	}

	.m1-better-pairs__filtration-img {
		position: absolute;
		inset: 0;
		width: 100%;
		height: 100%;
		object-fit: cover;
		border-radius: inherit;
	}

	.m1-ai-target-suction {
		padding-top: 0;
		padding-bottom: clamp(calc(768 * 120 / 1328 * 1px), calc(120 * 100vw / 1328), 120px);
	}

	/* m1-neural-train：768–1328 与全站一致（--m1-content-px、clamp 字号/间距） */
	.m1-neural-train {
		padding-top: clamp(calc(768 * 192 / 1328 * 1px), calc(192 * 100vw / 1328), 192px);
	}

	.m1-neural-train__title {
		font-size: clamp(calc(768 * 48 * var(--m1-fluid-type-scale) / 1328 * 1px), calc(48 * var(--m1-fluid-type-scale) * 100vw / 1328), 48px);
		line-height: clamp(calc(768 * 58 * var(--m1-fluid-type-scale) / 1328 * 1px), calc(58 * var(--m1-fluid-type-scale) * 100vw / 1328), 58px);
	}

	.m1-neural-train__lede {
		margin-top: clamp(calc(768 * 24 / 1328 * 1px), calc(24 * 100vw / 1328), 24px);
		max-width: 100%;
		font-size: clamp(calc(768 * 20 * var(--m1-fluid-type-scale) / 1328 * 1px), calc(20 * var(--m1-fluid-type-scale) * 100vw / 1328), 20px);
		line-height: clamp(calc(768 * 28 * var(--m1-fluid-type-scale) / 1328 * 1px), calc(28 * var(--m1-fluid-type-scale) * 100vw / 1328), 28px);
	}

	.m1-neural-train__hero {
		width: 100%;
		max-width: 100%;
		margin-top: clamp(calc(768 * 120 / 1328 * 1px), calc(120 * 100vw / 1328), 120px);
		height: auto;
		min-height: 0;
		border-radius: clamp(calc(768 * 20 / 1328 * 1px), calc(20 * 100vw / 1328), 20px);
	}

	.m1-neural-train__hero-media,
	.m1-neural-train__split-video {
		width: 100%;
		height: auto;
		max-width: 100%;
		object-fit: contain;
		object-position: center center;
	}

	.m1-neural-train__split {
		width: 100%;
		max-width: 100%;
		margin-top: clamp(calc(768 * 192 / 1328 * 1px), calc(192 * 100vw / 1328), 192px);
		gap: clamp(calc(768 * 80 / 1328 * 1px), calc(80 * 100vw / 1328), 80px);
	}

	.m1-neural-train__split-copy {
		flex: 0 1 clamp(calc(768 * 280 / 1328 * 1px), calc(426 * 100vw / 1328), 426px);
		width: clamp(calc(768 * 280 / 1328 * 1px), calc(426 * 100vw / 1328), 426px);
		min-width: 0;
	}

	.m1-neural-train__split-media {
		width: 100%;
		height: auto;
		min-height: 0;
		border-radius: clamp(calc(768 * 20 / 1328 * 1px), calc(20 * 100vw / 1328), 20px);
	}

	.m1-neural-train__split-title {
		font-size: clamp(calc(768 * 40 * var(--m1-fluid-type-scale) / 1328 * 1px), calc(40 * var(--m1-fluid-type-scale) * 100vw / 1328), 40px);
		line-height: clamp(calc(768 * 48 * var(--m1-fluid-type-scale) / 1328 * 1px), calc(48 * var(--m1-fluid-type-scale) * 100vw / 1328), 48px);
	}

	.m1-neural-train__split-lede {
		margin-top: clamp(calc(768 * 24 / 1328 * 1px), calc(24 * 100vw / 1328), 24px);
		font-size: clamp(calc(768 * 20 * var(--m1-fluid-type-scale) / 1328 * 1px), calc(20 * var(--m1-fluid-type-scale) * 100vw / 1328), 20px);
		line-height: clamp(calc(768 * 28 * var(--m1-fluid-type-scale) / 1328 * 1px), calc(28 * var(--m1-fluid-type-scale) * 100vw / 1328), 28px);
	}

	.m1-ai-target-suction__panel {
		margin-top: clamp(calc(768 * 192 / 1328 * 1px), calc(192 * 100vw / 1328), 192px);
		min-height: 0;
		padding: 0;
		border-radius: 0;
		background: transparent;
		box-shadow: none;
	}

	.m1-ai-target-suction__panel-inner {
		gap: clamp(calc(768 * 40 / 1328 * 1px), calc(40 * 100vw / 1328), 40px);
	}

	.m1-ai-target-suction__media {
		flex: 0 1 clamp(calc(768 * 348 / 1328 * 1px), calc(602 * 100vw / 1328), 602px);
		width: clamp(calc(768 * 348 / 1328 * 1px), calc(602 * 100vw / 1328), 602px);
		max-width: 100%;
		min-width: 0;
	}

	.m1-ai-target-suction__media-frame {
		width: 100%;
		height: auto;
		aspect-ratio: 602 / 595;
		position: relative;
		border-radius: clamp(calc(768 * 20 / 1328 * 1px), calc(20 * 100vw / 1328), 20px);
	}

	.m1-ai-target-suction__media-img,
	.m1-ai-target-suction__media-img--80 {
		position: absolute;
		inset: 0;
		width: 100%;
		height: 100%;
		object-fit: cover;
		object-position: 50% 42%;
	}

	.m1-ai-target-suction__body {
		max-width: clamp(calc(768 * 257 / 1328 * 1px), calc(444 * 100vw / 1328), 444px);
	}

	.m1-ai-target-suction__body-title {
		font-size: clamp(calc(768 * 40 * var(--m1-fluid-type-scale) / 1328 * 1px), calc(40 * var(--m1-fluid-type-scale) * 100vw / 1328), 40px);
		line-height: clamp(calc(768 * 58 * var(--m1-fluid-type-scale) / 1328 * 1px), calc(58 * var(--m1-fluid-type-scale) * 100vw / 1328), 58px);
	}

	.m1-ai-target-suction__body-copy {
		margin-top: clamp(calc(768 * 82 / 1328 * 1px), calc(82 * 100vw / 1328), 82px);
	}

	.m1-ai-target-suction__body-line {
		font-size: clamp(calc(768 * 20 * var(--m1-fluid-type-scale) / 1328 * 1px), calc(20 * var(--m1-fluid-type-scale) * 100vw / 1328), 20px);
		line-height: clamp(calc(768 * 28 * var(--m1-fluid-type-scale) / 1328 * 1px), calc(28 * var(--m1-fluid-type-scale) * 100vw / 1328), 28px);
	}

	.m1-ai-target-suction__pill {
		left: 50%;
		right: auto;
		bottom: clamp(calc(768 * 24 / 1328 * 1px), calc(24 * 100vw / 1328), 24px);
		width: max-content;
		max-width: calc(100% - clamp(calc(768 * 48 / 1328 * 1px), calc(48 * 100vw / 1328), 48px));
		height: clamp(calc(768 * 48 / 1328 * 1px), calc(48 * 100vw / 1328), 48px);
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
	}

	.m1-ai-target-suction__pill-seg--high,
	.m1-ai-target-suction__pill-seg--low {
		height: clamp(calc(768 * 40 / 1328 * 1px), calc(40 * 100vw / 1328), 40px);
	}

	.m1-ai-target-suction__pill-label {
		font-size: clamp(calc(768 * 12 * var(--m1-fluid-type-scale) / 1328 * 1px), calc(16 * var(--m1-fluid-type-scale) * 100vw / 1328), 16px);
	}

	.m1-debris-id__media {
		height: auto;
		aspect-ratio: 1200 / 600;
	}

	.m1-debris-id__media-base,
	.m1-debris-id__media-overlay {
		object-fit: contain;
	}

	.m1-debris-id__media-overlay {
		top: 0;
		height: 100%;
	}

	.m1-trio-rise__img {
		object-fit: cover;
		object-position: center center;
	}

	.m1-sleek-build__card {
		height: auto;
		aspect-ratio: 1200 / 640;
	}

	.m1-sleek-build__card-img {
		height: auto;
		object-fit: contain;
	}

	.m1-sleek-build__warranty {
		height: auto;
	}

	.m1-sleek-build__warranty-front {
		height: auto;
	}

	.m1-sleek-build__warranty-front-img {
		width: 100%;
		height: auto;
	}
}

/* >1328：恢复 Figma 11133:2240 绝对定位稿（勿用全屏 min-height；与 768–1328 流式叠放区分） */
@media (min-width: 1329px) {
	.m1-smarter-clean__title {
		font-size: 80px;
		line-height: 96px;
	}

	.m1-month-freedom__hero {
		font-size: 80px;
		line-height: 112px;
	}

	.m1-sleek-build__inner {
		gap: 192px;
		padding: 192px 24px 192px 24px;
	}

	.m1-sleek-build__intro {
		position: relative;
		width: 100%;
		max-width: 100%;
		min-height: 833px;
		margin: 0 auto;
	}

	.m1-sleek-build__headline {
		position: absolute;
		top: 0;
		right: 114px;
		left: auto;
		width: auto;
		max-width: none;
		margin: 0;
		font-size: 64px;
		line-height: 77px;
		text-align: right;
		white-space: nowrap;
		overflow-wrap: normal;
		word-break: normal;
	}

	.m1-sleek-build__lede {
		position: absolute;
		top: 101px;
		left: 112px;
		right: auto;
		width: auto;
		max-width: 976px;
		margin: 0;
		font-size: 20px;
		line-height: 28px;
		text-align: left;
		white-space: nowrap;
		overflow-wrap: normal;
		word-break: normal;
	}

	.m1-sleek-build__card {
		position: absolute;
		top: 193px;
		left: 50%;
		width: 100%;
		max-width: 100%;
		height: 640px;
		margin-top: 0;
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
	}

	.m1-sleek-build__card-img {
		width: 100%;
		height: 100%;
		object-fit: cover;
	}

	.m1-specs__inner {
		width: var(--m1-content-px);
		max-width: var(--m1-content-px);
	}

	#m1-specs .m1-specs__panel {
		width: 100%;
		max-width: 100%;
	}
}

/* Figma 11224:3594 — 首屏英雄区（<768）：占满视口（扣除站头），背景 cover、两侧可裁 */
@media (max-width: 767px) {
	.m1-hero {
		margin-top: var(--m1-site-header-h);
		height: var(--m1-hero-avail-vh);
		min-height: var(--m1-hero-avail-vh);
		max-height: none;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: flex-start;
	}

	.m1-hero__bg {
		overflow: hidden;
	}

	.m1-hero__bg-image {
		position: absolute;
		inset: 0;
		width: 100%;
		height: 100%;
		min-width: 100%;
		object-fit: cover;
		object-position: center bottom;
	}

	.m1-hero__content {
		position: relative;
		z-index: 1;
		margin-top: 36px;
		width: 100%;
		max-width: 375px;
		padding-left: 28px;
		padding-right: 29px;
		box-sizing: border-box;
		display: flex;
		flex-direction: column;
		align-items: center;
	}

	.m1-hero__eyebrow {
		font-size: 12px;
		font-weight: 600;
		line-height: 14px;
		letter-spacing: 0;
	}

	.m1-hero__title {
		margin-top: 4px;
		width: 100%;
		max-width: 318px;
		font-size: 32px;
		font-weight: 600;
		line-height: 38px;
		letter-spacing: -0.2048px;
	}

	.m1-hero__subtitle {
		margin-top: 4px;
		font-size: 12px;
		font-weight: 500;
		line-height: 14px;
		letter-spacing: 0;
	}

	.m1-hero__cta {
		padding: 8px 24px;
		font-size: 14px;
		font-weight: 600;
		line-height: 1.2;
		min-height: unset;
	}

	.m1-hero__scroll {
		bottom: 12px;
		width: 32px;
		height: 32px;
	}

	.m1-hero__scroll-icon {
		width: 32px;
		height: 32px;
	}

	/* Figma 11224:4291 — trust strip inner（375×248） */
	.m1-trust-strip__inner {
		flex-direction: column;
		align-items: center;
		justify-content: flex-start;
		column-gap: 0;
		width: 100%;
		max-width: none;
		min-height: 0;
		padding: 64px 15px 32px;
		overflow: hidden;
	}

	.m1-trust-strip__copy {
		flex: none;
		width: 100%;
		max-width: 345px;
		text-align: center;
	}

	.m1-trust-strip__title {
		margin: 0 0 12px 0;
		font-size: 20px;
		font-weight: 600;
		line-height: 24px;
		text-align: center;
	}

	.m1-trust-strip__lede {
		margin: 0 0 16px 0;
	}

	.m1-trust-strip__lede-line {
		font-size: 12px;
		font-weight: 400;
		line-height: 18px;
		text-align: center;
	}

	.m1-trust-strip__marquee {
		width: 100%;
		max-width: 345px;
		margin-left: 0;
		margin-right: 0;
	}

	.m1-trust-strip__marquee-viewport {
		width: 100%;
		max-width: 100%;
		--m1-marquee-fade-w: 24px;
	}

	.m1-trust-strip__marquee-segment {
		column-gap: 16px;
	}

	.m1-trust-strip__icon-cell {
		width: 64px;
		height: 64px;
	}

	.m1-trust-strip__icon-img {
		width: 64px;
		height: 64px;
	}

	/* Figma 11224:4383 + 4267 — 五卡纵排 345×96→320；默认折叠，视口中心仅展开一张（index.js） */
	.m1-trust-strip__features {
		width: 100%;
		max-width: none;
		margin-left: auto;
		margin-right: auto;
		padding: 32px 15px 64px;
		box-sizing: border-box;
	}

	.m1-trust-features-grid--mobile {
		display: flex;
		flex-direction: column;
		gap: 10px;
		width: 100%;
		max-width: 345px;
		margin-left: auto;
		margin-right: auto;
	}

	/* 设计稿顺序：Bionic → 20-Min → 30-Day Hands-Free → Eco → AI Target（不改 DOM） */
	.m1-trust-features-grid--mobile .m1-trust-features-grid__row {
		display: contents;
	}

	.m1-trust-features-grid--mobile .m1-trust-features-grid__card--idx1 {
		order: 2;
	}

	.m1-trust-features-grid--mobile .m1-trust-features-grid__card--idx2 {
		order: 1;
	}

	.m1-trust-features-grid--mobile .m1-trust-features-grid__card--idx3 {
		order: 3;
	}

	.m1-trust-features-grid--mobile .m1-trust-features-grid__card--idx4 {
		order: 4;
	}

	.m1-trust-features-grid--mobile .m1-trust-features-grid__card--idx5 {
		order: 5;
	}

	.m1-trust-features-grid--mobile .m1-trust-features-grid__card,
	.m1-trust-features-grid--mobile .m1-trust-features-grid__card--lg,
	.m1-trust-features-grid--mobile .m1-trust-features-grid__card--sm,
	.m1-trust-features-grid--mobile .m1-trust-features-grid__card--sm-narrow {
		width: 100%;
		max-width: 345px;
		height: 96px;
		min-height: 96px;
		scroll-margin-top: calc(var(--m1-site-header-h, 68px) + 8px);
		border-radius: 10px;
		overflow: hidden;
		opacity: 1;
		filter: none;
		transform: none;
		cursor: pointer;
		touch-action: manipulation;
		-webkit-tap-highlight-color: transparent;
		transition:
			height 0.55s cubic-bezier(0.16, 1, 0.3, 1),
			min-height 0.55s cubic-bezier(0.16, 1, 0.3, 1),
			box-shadow 0.55s cubic-bezier(0.16, 1, 0.3, 1);
	}

	.m1-trust-features-grid--mobile .m1-trust-features-grid__card--expanded {
		height: 320px;
		min-height: 320px;
		box-shadow: 0 12px 40px rgba(0, 0, 0, 0.45);
	}

	.m1-trust-features-grid--mobile .m1-trust-features-grid__scene {
		border-radius: 10px;
	}

	.m1-trust-features-grid--mobile .m1-trust-features-grid__scene::after {
		content: '';
		position: absolute;
		left: 0;
		right: 0;
		top: auto;
		bottom: 0;
		height: 96px;
		border-radius: 0 0 10px 10px;
		background: linear-gradient(0deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 100%);
		z-index: 2;
		pointer-events: none;
	}

	.m1-trust-features-grid--mobile .m1-trust-features-grid__card:hover .m1-trust-features-grid__media--default {
		transform: none;
	}

	/* 图片固定展开高度；折叠时上移裁切，露出画面垂直居中区域；展开时落顶显示全图 */
	.m1-trust-features-grid--mobile .m1-trust-features-grid__media--default {
		position: absolute;
		top: -112px;
		left: 0;
		width: 100%;
		height: 320px;
		max-height: 320px;
		border-radius: 10px;
		object-fit: cover;
		object-position: center center;
		transition: top 0.55s cubic-bezier(0.16, 1, 0.3, 1);
		will-change: auto;
		-webkit-transform: none;
		transform: none;
	}

	.m1-trust-features-grid--mobile .m1-trust-features-grid__card--expanded .m1-trust-features-grid__media--default {
		top: 0;
		object-position: center center;
	}

	.m1-trust-features-grid--mobile .m1-trust-features-grid__title,
	.m1-trust-features-grid--mobile .m1-trust-features-grid__title-line {
		font-size: 16px;
		font-weight: 600;
		line-height: 16px;
		text-shadow: 0 1px 8px rgba(0, 0, 0, 0.24);
		transition: none;
	}

	.m1-trust-features-grid--mobile .m1-trust-features-grid__title--top,
	.m1-trust-features-grid--mobile .m1-trust-features-grid__copy,
	.m1-trust-features-grid--mobile .m1-trust-features-grid__copy--top,
	.m1-trust-features-grid--mobile .m1-trust-features-grid__title-stack--top,
	.m1-trust-features-grid--mobile .m1-trust-features-grid__title--bottom,
	.m1-trust-features-grid--mobile .m1-trust-features-grid__title-stack--bottom {
		top: auto;
		left: 16px;
		right: 16px;
		bottom: 32px;
		max-width: none;
		z-index: 4;
	}

	.m1-trust-features-grid--mobile .m1-trust-features-grid__card--expanded .m1-trust-features-grid__copy,
	.m1-trust-features-grid--mobile .m1-trust-features-grid__card--expanded .m1-trust-features-grid__copy--top {
		bottom: 24px;
	}

	.m1-trust-features-grid--mobile .m1-trust-features-grid__card--idx3 .m1-trust-features-grid__title {
		white-space: nowrap;
		color: #ffffff;
		text-shadow: 0 1px 8px rgba(0, 0, 0, 0.24);
	}

	.m1-trust-features-grid--mobile .m1-trust-features-grid__desc {
		margin-top: 6px;
		font-size: 12px;
		font-weight: 400;
		line-height: 16px;
		color: rgba(255, 255, 255, 0.72);
		text-shadow: 0 1px 8px rgba(0, 0, 0, 0.24);
	}

	.m1-trust-features-grid--mobile .m1-trust-features-grid__card--idx3 .m1-trust-features-grid__desc {
		color: rgba(255, 255, 255, 0.72);
		text-shadow: 0 1px 8px rgba(0, 0, 0, 0.24);
	}

	/* 移动端：仅展开态显示描述（勿用 :hover，触摸后 sticky hover 会盖住 --expanded） */
	.m1-trust-features-grid--mobile .m1-trust-features-grid__card:not(.m1-trust-features-grid__card--expanded) .m1-trust-features-grid__desc {
		opacity: 0;
		max-height: 0;
		margin-top: 0;
		transform: translateY(6px);
		pointer-events: none;
	}

	.m1-trust-features-grid--mobile .m1-trust-features-grid__card--expanded .m1-trust-features-grid__desc {
		opacity: 1;
		max-height: 120px;
		margin-top: 6px;
		transform: translateY(0);
		overflow: visible;
	}

	.m1-trust-features-grid--mobile.m1-trust-features-grid--revealed:not(.m1-trust-features-grid--gsap) .m1-trust-features-grid__card {
		transition-delay: 0ms;
	}

	/* Figma 11467:4596 / 11556:613 — 移动端：扣除固定子导航后的可视高度；图 cover 可裁两侧；文案叠图 */
	.m1-pool-read,
	.m1-sees-miss {
		padding: 0;
		margin: 0;
		width: 100%;
		height: var(--m1-stage-avail-vh);
		min-height: var(--m1-stage-avail-vh);
		max-height: var(--m1-stage-avail-vh);
		overflow: hidden;
		box-sizing: border-box;
	}

	.m1-pool-read__shell,
	.m1-sees-miss__shell {
		position: relative;
		display: block;
		width: 100%;
		max-width: none;
		margin: 0;
		padding: 0;
		overflow: hidden;
		height: 100%;
		min-height: 100%;
		box-sizing: border-box;
	}

	.m1-pool-read__intro,
	.m1-sees-miss__intro {
		position: absolute;
		top: 48px;
		left: 0;
		right: 0;
		z-index: 20;
		width: 100%;
		max-width: 345px;
		margin-left: auto;
		margin-right: auto;
		padding: 0 15px;
		box-sizing: border-box;
		display: flex;
		flex-direction: column;
		align-items: center;
		gap: 12px;
		text-align: center;
		pointer-events: none;
		-webkit-transform: none;
		transform: none;
	}

	.m1-pool-read__title,
	.m1-sees-miss__title {
		width: 100%;
		font-size: 24px;
		font-weight: 600;
		line-height: 29px;
		text-align: center;
	}

	.m1-pool-read__subtitle,
	.m1-sees-miss__subtitle {
		width: 100%;
		max-width: 326px;
		margin-left: auto;
		margin-right: auto;
		font-size: 14px;
		line-height: 20px;
		text-align: center;
	}

	.m1-pool-read__compare,
	.m1-sees-miss__compare {
		position: absolute;
		inset: 0;
		z-index: 1;
		margin: 0;
		width: 100%;
		height: 100%;
		min-height: 0;
		padding: 0;
	}

	.m1-pool-read__compare-card,
	.m1-sees-miss__compare-card {
		position: absolute;
		inset: 0;
		width: 100%;
		max-width: 100%;
		margin: 0;
		height: 100%;
		min-height: 0;
		border-radius: 0;
	}

	.m1-pool-read__compare-stack,
	.m1-sees-miss__compare-stack {
		position: absolute;
		inset: 0;
		width: 100%;
		height: 100%;
	}

	.m1-pool-read__compare-layer,
	.m1-sees-miss__compare-layer {
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		object-fit: cover;
		object-position: center center;
	}

	.m1-pool-read__compare-layer--base,
	.m1-sees-miss__compare-layer--base {
		z-index: 0;
	}

	.m1-pool-read__compare-layer--clip,
	.m1-sees-miss__compare-layer--clip {
		z-index: 1;
	}

	.m1-pool-read__pill,
	.m1-sees-miss__pill {
		padding: 16px 24px;
		max-width: calc(100% - 20px);
		pointer-events: auto;
		cursor: pointer;
		border: 0.5px solid rgba(255, 255, 255, 0.24);
		background: rgba(255, 255, 255, 0.1);
		-webkit-backdrop-filter: blur(12px);
		backdrop-filter: blur(12px);
	}

	/* 移动端：展开一侧时，对侧显示 Return 并保留 icon（PC 仍隐藏对侧 pill） */
	.m1-pool-read__compare-card.is-p-low .m1-pool-read__pill--dual,
	.m1-pool-read__compare-card.is-p-high .m1-pool-read__pill--single,
	.m1-sees-miss__compare-card.is-p-low .m1-sees-miss__pill--dual,
	.m1-sees-miss__compare-card.is-p-high .m1-sees-miss__pill--single {
		opacity: 1;
		visibility: visible;
	}

	.m1-pool-read__compare-card.is-p-low .m1-pool-read__pill--single {
		gap: 7px;
	}

	.m1-pool-read__compare-card.is-p-high .m1-pool-read__pill--dual {
		gap: 8px;
	}

	.m1-sees-miss__compare-card.is-p-low .m1-sees-miss__pill--single {
		gap: 7px;
	}

	.m1-sees-miss__compare-card.is-p-high .m1-sees-miss__pill--dual {
		gap: 8px;
	}

	.m1-pool-read__compare-card.is-p-low .m1-pool-read__pill--single .m1-pool-read__pill-arrow,
	.m1-pool-read__compare-card.is-p-high .m1-pool-read__pill--dual .m1-pool-read__pill-arrow,
	.m1-sees-miss__compare-card.is-p-low .m1-sees-miss__pill--single .m1-sees-miss__pill-arrow,
	.m1-sees-miss__compare-card.is-p-high .m1-sees-miss__pill--dual .m1-sees-miss__pill-arrow {
		display: block;
	}

	.m1-pool-read__compare-card.is-p-low .m1-pool-read__pill--dual .m1-pool-read__pill-label--primary,
	.m1-pool-read__compare-card.is-p-high .m1-pool-read__pill--single .m1-pool-read__pill-label--primary,
	.m1-sees-miss__compare-card.is-p-low .m1-sees-miss__pill--dual .m1-sees-miss__pill-label--primary,
	.m1-sees-miss__compare-card.is-p-high .m1-sees-miss__pill--single .m1-sees-miss__pill-label--primary {
		display: none;
	}

	.m1-pool-read__compare-card.is-p-low .m1-pool-read__pill--dual .m1-pool-read__pill-label--return,
	.m1-pool-read__compare-card.is-p-high .m1-pool-read__pill--single .m1-pool-read__pill-label--return,
	.m1-sees-miss__compare-card.is-p-low .m1-sees-miss__pill--dual .m1-sees-miss__pill-label--return,
	.m1-sees-miss__compare-card.is-p-high .m1-sees-miss__pill--single .m1-sees-miss__pill-label--return {
		display: block;
	}

	.m1-pool-read__pill--single,
	.m1-sees-miss__pill--single {
		left: 10px;
		gap: 7px;
	}

	.m1-pool-read__pill--dual,
	.m1-sees-miss__pill--dual {
		right: 10px;
		left: auto;
		gap: 8px;
	}

	.m1-pool-read__pill-label,
	.m1-sees-miss__pill-label {
		font-size: 14px;
		line-height: 14px;
	}

	/* Figma 11719:392 — m1-quick-clean @375（明暗环境） */
	.m1-quick-clean__inner {
		width: 100%;
		max-width: none;
		margin-left: 0;
		margin-right: 0;
		padding: 80px 0 80px 0;
		align-items: stretch;
		box-sizing: border-box;
	}

	.m1-quick-clean__intro {
		width: 100%;
		max-width: none;
		margin-left: 0;
		margin-right: 0;
		padding-left: 15px;
		padding-right: 15px;
		box-sizing: border-box;
		gap: 12px;
	}

	.m1-quick-clean__headline {
		font-size: 24px;
		font-weight: 600;
		line-height: 29px;
		letter-spacing: 0px;
	}

	.m1-quick-clean__desc-line {
		font-size: 14px;
		font-weight: 400;
		line-height: 20px;
		letter-spacing: 0px;
	}

	.m1-quick-clean__hero {
		width: 100%;
		max-width: none;
		height: 300px;
		min-height: 0;
		margin-top: 24px;
		border-radius: 0;
		overflow: hidden;
		background: #000000;
	}

	.m1-quick-clean__hero-img {
		width: 100%;
		height: 100%;
		object-fit: cover;
		object-position: center center;
	}

	.m1-quick-clean__hero-fade {
		display: block;
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		pointer-events: none;
		background: linear-gradient(180deg, rgba(2, 13, 23, 0) 80%, rgba(0, 0, 0, 0.8) 100%);
	}

	.m1-quick-clean__compare {
		width: 100%;
		max-width: none;
		margin-top: 40px;
		padding: 0 15px;
		box-sizing: border-box;
		gap: 10px;
		align-items: flex-start;
		justify-content: center;
	}

	.m1-quick-clean__compare-col {
		flex: 1 1 0;
		width: auto;
		min-width: 0;
		max-width: none;
	}

	.m1-quick-clean__compare-frame {
		width: 100%;
		height: auto;
		min-height: 0;
		border-radius: 8px;
		aspect-ratio: 167 / 187;
	}

	.m1-quick-clean__compare-img {
		width: 100%;
		height: 100%;
		object-fit: cover;
		object-position: center center;
	}

	/* Figma 11719:399 — 暗光图在框内裁切定位 */
	.m1-quick-clean__compare-media--dark .m1-quick-clean__compare-img {
		position: absolute;
		left: -80.41%;
		top: -31.02%;
		width: 260.81%;
		height: 131.02%;
		max-width: none;
	}

	.m1-quick-clean__compare-pill {
		top: auto;
		bottom: 8px;
		padding: 8px 16px;
		font-size: 10px;
		font-weight: 600;
		line-height: 12px;
		border-radius: 20px;
	}

	.m1-quick-clean__compare-caption {
		position: static;
		left: auto;
		top: auto;
		width: 100%;
		max-width: none;
		margin-top: 12px;
		-webkit-transform: none;
		transform: none;
		align-items: flex-start;
	}

	.m1-quick-clean__compare-caption-line {
		font-size: 14px;
		font-weight: 400;
		line-height: 20px;
		letter-spacing: 0px;
		text-align: left;
	}

	/* Figma 11378:1338 — m1-ai-eco @375（10倍节能） */
	.m1-ai-eco__inner {
		width: 100%;
		max-width: none;
		margin-left: 0;
		margin-right: 0;
		padding: 120px 0 80px 0;
		box-sizing: border-box;
	}

	.m1-ai-eco__intro {
		width: 100%;
		max-width: none;
		margin: 0;
		padding: 0 15px;
		box-sizing: border-box;
		gap: 12px;
		text-align: center;
	}

	.m1-ai-eco__title {
		font-size: 24px;
		font-weight: 600;
		line-height: 29px;
		letter-spacing: 0;
		white-space: normal;
	}

	.m1-ai-eco__lede {
		width: 100%;
		font-size: 14px;
		font-weight: 400;
		line-height: 20px;
		letter-spacing: 0;
		color: rgba(255, 255, 255, 0.8);
	}

	.m1-ai-eco__media--top {
		width: 100%;
		max-width: none;
		margin: 24px 0 0 0;
		border-radius: 0;
		overflow: visible;
	}

	.m1-ai-eco__img--top {
		display: block;
		width: 100%;
		height: auto;
		border-radius: 0;
		object-fit: contain;
		object-position: center center;
	}

	.m1-ai-eco__block2 {
		display: flex;
		flex-direction: column;
		align-items: stretch;
		width: 100%;
		margin-top: 64px;
		padding: 0 15px;
		box-sizing: border-box;
		gap: 24px;
	}

	.m1-ai-eco__subhead {
		order: 1;
		margin: 0;
		font-size: 24px;
		font-weight: 600;
		line-height: 28px;
		letter-spacing: 0;
		white-space: normal;
		text-align: center;
	}

	.m1-ai-eco__media--bottom {
		order: 2;
		margin: 0;
		width: 100%;
		height: auto;
	}

	.m1-ai-eco__copy {
		order: 3;
		margin: 0;
		width: 100%;
		max-width: none;
		font-size: 14px;
		font-weight: 500;
		line-height: 20px;
		letter-spacing: 0;
		color: rgba(255, 255, 255, 0.8);
		text-align: center;
	}

	.m1-ai-eco__card {
		position: relative;
		width: 100%;
		max-width: 100%;
		height: auto;
		aspect-ratio: auto;
		margin: 0;
		border-radius: 8px;
		overflow: hidden;
		box-shadow: 0 -4px 70.6px 0 rgba(0, 0, 0, 0.25);
	}

	.m1-ai-eco__layer {
		position: static;
		display: block;
		width: 100%;
		height: auto;
		max-width: 100%;
		border-radius: 8px;
		object-fit: contain;
		object-position: center center;
		pointer-events: none;
	}

	.m1-ai-eco__layer--b {
		left: auto;
		top: auto;
		width: 100%;
		height: auto;
		object-fit: contain;
	}

	/* Figma 11378:924 — m1-month-freedom @375（移动端仅终态；勿用全屏 stage 高度，避免刷新闪首帧） */
	#m1-month-freedom:not(.m1-month-freedom--static):not(.m1-month-freedom--mobile-end)
		.m1-month-freedom__stage {
		height: var(--m1-stage-avail-vh);
		min-height: var(--m1-stage-avail-vh);
	}

	#m1-month-freedom .m1-month-freedom__photo {
		position: relative;
		left: auto;
		top: auto;
		right: auto;
		bottom: auto;
		width: 100%;
		max-width: none;
		height: auto;
		margin: 0;
		border-radius: 10px;
		overflow: hidden;
	}

	#m1-month-freedom .m1-month-freedom__photo-img {
		display: block;
		width: 100%;
		height: auto;
		object-fit: contain;
		object-position: center center;
	}

	#m1-month-freedom .m1-month-freedom__final {
		position: relative;
		left: auto;
		top: auto;
		width: 100%;
		max-width: none;
		margin: 16px 0 0 0;
		padding: 0;
		opacity: 1;
		visibility: visible;
		transform: none;
		box-sizing: border-box;
		pointer-events: auto;
	}

	#m1-month-freedom.m1-month-freedom--static .m1-month-freedom__stage {
		display: flex;
		flex-direction: column;
		align-items: stretch;
		height: auto;
		min-height: 0;
		padding: 80px 15px 64px 15px;
		box-sizing: border-box;
	}

	#m1-month-freedom .m1-month-freedom__hero {
		width: calc(100% - 30px);
		max-width: none;
		font-size: 40px;
		font-weight: 600;
		line-height: 48px;
		letter-spacing: 0;
	}

	#m1-month-freedom .m1-month-freedom__hero-num {
		font-size: 64px;
		font-weight: 700;
		line-height: 77px;
	}

	#m1-month-freedom .m1-month-freedom__hero-num,
	#m1-month-freedom .m1-month-freedom__hero-days,
	#m1-month-freedom .m1-month-freedom__hero-line--2 {
		background-image: linear-gradient(
			118.46deg,
			rgb(180, 180, 180) 13.38%,
			rgb(229, 229, 229) 97.66%
		);
		-webkit-background-clip: text;
		background-clip: text;
		color: transparent;
	}

	#m1-month-freedom:not(.m1-month-freedom--static) .m1-month-freedom__final {
		left: 15px;
		width: calc(100% - 30px);
		max-width: none;
		box-sizing: border-box;
		pointer-events: auto;
	}

	#m1-month-freedom .m1-month-freedom__title {
		margin: 0 0 12px 0;
		font-size: 24px;
		font-weight: 600;
		line-height: 29px;
		letter-spacing: 0;
		text-align: left;
	}

	#m1-month-freedom .m1-month-freedom__lede {
		margin: 0 0 40px 0;
		width: 100%;
		max-width: none;
		font-size: 14px;
		font-weight: 400;
		line-height: 20px;
		letter-spacing: 0;
		text-align: left;
	}

	#m1-month-freedom .m1-month-freedom__features {
		gap: 16px;
	}

	#m1-month-freedom .m1-month-freedom__feature {
		gap: 16px;
	}

	#m1-month-freedom .m1-month-freedom__feature-icon {
		width: 24px;
		height: 24px;
	}

	#m1-month-freedom .m1-month-freedom__feature-label {
		font-size: 14px;
		font-weight: 400;
		line-height: 17px;
		letter-spacing: 0;
	}

	/* GSAP 末帧：纵向流式布局，避免 absolute top 把文案挤出 overflow:hidden 舞台 */
	#m1-month-freedom:not(.m1-month-freedom--static).m1-month-freedom--mobile-end .m1-month-freedom__stage {
		display: flex;
		flex-direction: column;
		align-items: stretch;
		height: auto !important;
		min-height: 0;
		max-height: none !important;
		padding: 79px 15px 0 15px;
		overflow: visible !important;
		box-sizing: border-box;
	}

	#m1-month-freedom:not(.m1-month-freedom--static).m1-month-freedom--mobile-end .m1-month-freedom__hero {
		display: none;
	}

	#m1-month-freedom:not(.m1-month-freedom--static).m1-month-freedom--mobile-end .m1-month-freedom__photo {
		position: relative;
		left: auto;
		top: auto;
		right: auto;
		bottom: auto;
		width: 100%;
		max-width: none;
		height: auto;
		margin: 0;
		flex-shrink: 0;
		overflow: hidden;
		border-radius: 10px;
	}

	#m1-month-freedom:not(.m1-month-freedom--static).m1-month-freedom--mobile-end .m1-month-freedom__photo-img {
		display: block;
		width: 100%;
		height: auto;
		object-fit: contain;
		object-position: center center;
	}

	#m1-month-freedom:not(.m1-month-freedom--static).m1-month-freedom--mobile-end .m1-month-freedom__final {
		position: relative;
		left: auto;
		top: auto;
		width: 100%;
		max-width: none;
		margin: 16px 0 0 0;
		padding: 0;
		opacity: 1 !important;
		visibility: visible !important;
		transform: none !important;
		flex-shrink: 0;
		pointer-events: auto;
	}

	#m1-month-freedom.m1-month-freedom--static .m1-month-freedom__photo {
		position: relative;
		left: auto;
		top: auto;
		width: 100%;
		max-width: none;
		height: auto;
		margin: 0;
		border-radius: 10px;
		flex: 0 0 auto;
		overflow: hidden;
	}

	#m1-month-freedom.m1-month-freedom--static .m1-month-freedom__photo-img {
		display: block;
		width: 100%;
		height: auto;
		object-fit: contain;
		object-position: center center;
	}

	#m1-month-freedom.m1-month-freedom--static .m1-month-freedom__final {
		position: relative;
		left: auto;
		right: auto;
		top: auto;
		width: 100%;
		max-width: none;
		margin: 16px 0 0 0;
		padding: 0;
		opacity: 1;
		transform: none;
		flex: 0 0 auto;
		box-sizing: border-box;
		pointer-events: auto;
	}

	#m1-month-freedom.m1-month-freedom--static .m1-month-freedom__title,
	#m1-month-freedom.m1-month-freedom--static .m1-month-freedom__copy-stack,
	#m1-month-freedom.m1-month-freedom--static .m1-month-freedom__copy-stack .m1-month-freedom__lede,
	#m1-month-freedom.m1-month-freedom--static .m1-month-freedom__copy-stack .m1-month-freedom__features {
		width: 100%;
		max-width: none;
		margin-left: 0;
		margin-right: 0;
		box-sizing: border-box;
	}

	#m1-month-freedom.m1-month-freedom--static .m1-month-freedom__copy-stack {
		display: flex;
		flex-direction: column;
		gap: 0;
		padding: 0;
	}

	/* 移动端禁用桌面 ScrollTrigger 折叠缝/封面，避免 JS 未就绪时露出一条图 */
	#m1-month-freedom .m1-month-freedom__hero {
		display: none !important;
		visibility: hidden !important;
		opacity: 0 !important;
		pointer-events: none !important;
		height: 0 !important;
		overflow: hidden !important;
		margin: 0 !important;
		padding: 0 !important;
	}

	#m1-month-freedom:not(.m1-month-freedom--static) .m1-month-freedom__stage {
		height: auto !important;
		min-height: 0 !important;
		max-height: none !important;
		overflow: visible !important;
	}

	#m1-month-freedom .m1-month-freedom__photo-dim {
		opacity: 0 !important;
	}

	#m1-trio-rise:not(.m1-trio-rise--carousel) .m1-trio-rise__pin {
		min-height: 0 !important;
	}

	#m1-trio-rise:not(.m1-trio-rise--carousel) .m1-trio-rise__mask {
		height: auto !important;
		margin-top: 0 !important;
		min-height: 0;
		overflow: visible;
		will-change: auto;
	}

	#m1-trio-rise:not(.m1-trio-rise--carousel) .m1-trio-rise__cols {
		height: auto !important;
	}

	#m1-trio-rise:not(.m1-trio-rise--carousel) .m1-trio-rise__heading,
	#m1-trio-rise:not(.m1-trio-rise--carousel) .m1-trio-rise__card-foot {
		opacity: 1 !important;
		visibility: visible !important;
	}

	/* Figma 11426:4355 — m1-trio-rise 移动端横滑轮播 @375 */
	#m1-trio-rise.m1-trio-rise--carousel {
		background: linear-gradient(180deg, #000000 0%, #1f1f1f 100%);
	}

	.m1-trio-rise--carousel .m1-trio-rise__pin {
		min-height: 0;
	}

	.m1-trio-rise--carousel .m1-trio-rise__viewport {
		min-height: 0;
		padding: 0px 0 0 0;
		overflow: visible;
		align-items: stretch;
	}

	.m1-trio-rise--carousel .m1-trio-rise__mask {
		position: relative;
		width: 100%;
		max-width: none;
		height: auto;
		margin: 0;
		overflow-x: hidden;
		overflow-y: visible;
		display: block;
		will-change: auto;
		padding-left: 15px;
		padding-right: 0;
		box-sizing: border-box;
		--m1-marquee-fade-w: 0px;
	}

	.m1-trio-rise--carousel .m1-trio-rise__mask::before,
	.m1-trio-rise--carousel .m1-trio-rise__mask::after {
		content: '';
		position: absolute;
		top: 0;
		bottom: 0;
		width: var(--m1-marquee-fade-w);
		z-index: 3;
		pointer-events: none;
	}

	.m1-trio-rise--carousel .m1-trio-rise__mask::before {
		left: 0;
		background: linear-gradient(90deg, #000000 0%, rgba(0, 0, 0, 0) 100%);
	}

	.m1-trio-rise--carousel .m1-trio-rise__mask::after {
		right: 0;
		background: linear-gradient(270deg, #000000 0%, rgba(0, 0, 0, 0) 100%);
	}

	.m1-trio-rise--carousel .m1-trio-rise__cols {
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
		align-items: stretch;
		justify-content: flex-start;
		gap: 10px;
		width: max-content;
		height: auto;
		min-height: 0;
		margin: 0;
		padding: 0;
		box-sizing: border-box;
		overflow: visible;
		-webkit-transition: -webkit-transform 300ms ease;
		transition: transform 300ms ease;
		will-change: transform;
	}

	.m1-trio-rise--carousel .m1-trio-rise__col,
	.m1-trio-rise--carousel .m1-trio-rise__card,
	.m1-trio-rise--carousel .m1-trio-rise__card-foot,
	.m1-trio-rise--carousel .m1-trio-rise__card-kicker,
	.m1-trio-rise--carousel .m1-trio-rise__card-kicker-line,
	.m1-trio-rise--carousel .m1-trio-rise__card-desc,
	.m1-trio-rise--carousel .m1-trio-rise__img {
		opacity: 1 !important;
		visibility: visible !important;
		-webkit-transform: none !important;
		transform: none !important;
		-webkit-transition: none !important;
		transition: none !important;
	}

	.m1-trio-rise--carousel .m1-trio-rise__col {
		flex: 0 0 280px;
		width: 280px;
		min-width: 280px;
		max-width: 280px;
	}

	.m1-trio-rise--carousel .m1-trio-rise__card {
		display: flex;
		flex-direction: column;
		width: 100%;
		height: 323px;
		border-radius: 8px;
		overflow: hidden;
		background: transparent;
		box-sizing: border-box;
	}

	.m1-trio-rise--carousel .m1-trio-rise__img {
		display: block;
		width: 100%;
		height: auto;
		aspect-ratio: 345 / 230;
		flex: 0 0 auto;
		object-fit: cover;
		object-position: center center;
		border-radius: 8px;
	}

	.m1-trio-rise--carousel .m1-trio-rise__card-foot {
		position: relative;
		left: auto;
		right: auto;
		bottom: auto;
		flex: 1 1 auto;
		min-height: 0;
		margin: 0;
		padding: 15px 10px 0 10px;
		box-sizing: border-box;
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		justify-content: flex-start;
		background: transparent;
		pointer-events: none;
	}

	.m1-trio-rise--carousel .m1-trio-rise__card-kicker {
		margin: 0 0 8px 0;
		padding: 0;
		color: #ffffff;
		font-family: Figtree, sans-serif;
		font-size: 16px;
		font-weight: 600;
		line-height: 19px;
		letter-spacing: 0;
	}

	.m1-trio-rise--carousel .m1-trio-rise__card-kicker-line {
		display: block;
	}

	.m1-trio-rise--carousel .m1-trio-rise__card-desc {
		margin: 0;
		padding: 0;
		color: rgba(255, 255, 255, 0.8);
		font-family: Figtree, sans-serif;
		font-size: 14px;
		font-weight: 400;
		line-height: 20px;
		letter-spacing: 0;
	}

	.m1-trio-rise--carousel .m1-trio-rise__nav {
		display: flex;
		flex-direction: row;
		align-items: center;
		justify-content: flex-end;
		gap: 20px;
		width: 100%;
		margin: 24px 0 0 0;
		padding: 0 15px;
		box-sizing: border-box;
	}

	.m1-trio-rise--carousel .m1-trio-rise__arrow {
		display: block;
		width: 24px;
		height: 24px;
		padding: 0;
		border: 0;
		background: transparent;
		cursor: pointer;
		flex-shrink: 0;
		-webkit-appearance: none;
		appearance: none;
	}

	.m1-trio-rise--carousel .m1-trio-rise__arrow img {
		display: block;
		width: 24px;
		height: 24px;
	}

	.m1-trio-rise--carousel .m1-trio-rise__arrow:disabled {
		opacity: 0.35;
		cursor: default;
		pointer-events: none;
	}

	.m1-trio-rise--carousel .m1-trio-rise__dots {
		display: none;
	}

	/* Figma 11426:4373 — @375：标签 80px；标签→产品1 间距 48px；产品列内容 88px，列间 40px */
	#m1-specs {
		padding: 64px 0 64px 0;
		scroll-margin-top: 68px;
	}

	#m1-specs .m1-specs__inner {
		width: 100%;
		max-width: none;
		padding: 0;
		box-sizing: border-box;
	}

	#m1-specs .m1-specs__title {
		padding: 0 15px;
		font-size: 24px;
		line-height: 29px;
		letter-spacing: 0;
	}

	#m1-specs .m1-specs__panel {
		--m1-specs-label-w: 96px;
		/* 容纳 M1-AI Pro Max 160 单行 16px；仅加宽产品内容区，head-card 仍居中 */
		--m1-specs-prod-content-w: 176px;
		--m1-specs-label-prod-gap: 48px;
		--m1-specs-prod-gap: 40px;
		--m1-specs-prod-col-w: calc(
			var(--m1-specs-prod-content-w) + var(--m1-specs-prod-gap)
		);
		--m1-specs-prod-col-first-w: calc(
			var(--m1-specs-prod-content-w) + var(--m1-specs-label-prod-gap) +
				var(--m1-specs-prod-gap)
		);
		--m1-specs-mask-bleed: 8px;
		--m1-specs-scroll-end: 15px;
		--m1-specs-head-bg: #ffffff;
		width: 100%;
		max-width: 100%;
		margin-top: 32px;
		margin-left: 0;
		margin-right: 0;
		padding: 0px;
		border-radius: 0;
		box-shadow: none;
		overflow-x: clip;
		overflow-y: visible;
		box-sizing: border-box;
	}

	#m1-specs .m1-specs__head-fixed {
		top: 68px;
		background: var(--m1-specs-head-bg);
		border-bottom-color: var(--m1-specs-head-bg);
	}

	.m1-page.m1-subnav-fixed-active #m1-specs .m1-specs__head-fixed {
		top: 84px;
	}

	#m1-specs .m1-specs__head-clip::before {
		width: calc(var(--m1-specs-label-w) + var(--m1-specs-mask-bleed));
		background: var(--m1-specs-head-bg);
	}

	#m1-specs .m1-specs__head-clip::after {
		left: var(--m1-specs-label-w);
		width: var(--m1-specs-mask-bleed);
		background: linear-gradient(
			90deg,
			var(--m1-specs-head-bg) 0%,
			rgba(255, 255, 255, 0) 100%
		);
	}

	/* #m1-specs .m1-specs__thead {
		background: var(--m1-specs-head-bg);
	} */

	#m1-specs .m1-specs__tr--head .m1-specs__th--corner,
	#m1-specs .m1-specs__tr--head .m1-specs__th--prod {
		background: var(--m1-specs-head-bg);
	}

	#m1-specs .m1-specs__col-label,
	#m1-specs .m1-specs__table--body .m1-specs__col-label {
		width: var(--m1-specs-label-w);
	}

	#m1-specs .m1-specs__col-label + .m1-specs__col-prod {
		width: var(--m1-specs-prod-col-first-w);
	}

	#m1-specs .m1-specs__col-prod + .m1-specs__col-prod {
		width: var(--m1-specs-prod-col-w);
	}

	#m1-specs .m1-specs__col-prod:last-child {
		width: calc(var(--m1-specs-prod-content-w) + var(--m1-specs-scroll-end));
	}

	#m1-specs .m1-specs__tr--head .m1-specs__th--corner {
		width: var(--m1-specs-label-w);
		min-width: var(--m1-specs-label-w);
		max-width: var(--m1-specs-label-w);
	}

	#m1-specs .m1-specs__tr--head .m1-specs__th--prod {
		width: var(--m1-specs-prod-col-w);
		min-width: var(--m1-specs-prod-col-w);
		max-width: var(--m1-specs-prod-col-w);
		padding: 0 var(--m1-specs-prod-gap) 38px 0;
		box-sizing: border-box;
		vertical-align: top;
	}

	#m1-specs .m1-specs__tr--head .m1-specs__th--prod:nth-child(2) {
		width: var(--m1-specs-prod-col-first-w);
		min-width: var(--m1-specs-prod-col-first-w);
		max-width: var(--m1-specs-prod-col-first-w);
		padding-left: var(--m1-specs-label-prod-gap);
	}

	#m1-specs .m1-specs__tr--head .m1-specs__th--prod:last-child {
		width: calc(var(--m1-specs-prod-content-w) + var(--m1-specs-scroll-end));
		min-width: calc(var(--m1-specs-prod-content-w) + var(--m1-specs-scroll-end));
		max-width: calc(var(--m1-specs-prod-content-w) + var(--m1-specs-scroll-end));
		padding-right: var(--m1-specs-scroll-end);
	}

	#m1-specs .m1-specs__head-card {
		width: 100%;
		max-width: var(--m1-specs-prod-content-w);
		margin: 0 auto;
	}

	#m1-specs .m1-specs__head-img-wrap {
		width: 100%;
		max-width: var(--m1-specs-prod-content-w);
		height: auto;
		aspect-ratio: 1 / 1;
	}

	#m1-specs .m1-specs__head-img {
		width: 100%;
		height: 100%;
		object-fit: contain;
		object-position: center center;
	}

	#m1-specs .m1-specs__head-name {
		margin-top: 19px;
		max-width: 100%;
		font-size: 16px;
		line-height: 19px;
		font-weight: 600;
		white-space: nowrap;
		overflow: visible;
	}

	#m1-specs .m1-specs__head-buy {
		margin-top: 19px;
		max-width: 100%;
		padding: 8px 10px;
		font-size: 13px;
		line-height: 17px;
		font-weight: 600;
		white-space: normal;
		word-break: break-word;
		text-align: center;
	}

	#m1-specs .m1-specs__head-fixed.is-stuck .m1-specs__head-img-wrap {
		transform: none;
		margin-bottom: 0;
	}

	#m1-specs .m1-specs__head-fixed.is-stuck .m1-specs__head-name {
		margin-top: 19px;
	}

	#m1-specs .m1-specs__head-fixed.is-stuck .m1-specs__head-buy {
		margin-top: 19px;
	}

	#m1-specs .m1-specs__head-fixed.is-stuck .m1-specs__tr--head .m1-specs__th--prod {
		padding: 0 var(--m1-specs-prod-gap) 38px 0;
	}

	#m1-specs .m1-specs__head-fixed.is-stuck .m1-specs__tr--head .m1-specs__th--prod:nth-child(2) {
		padding-left: var(--m1-specs-label-prod-gap);
	}

	#m1-specs .m1-specs__head-fixed.is-stuck .m1-specs__tr--head .m1-specs__th--prod:last-child {
		padding-right: 15px;
	}

	#m1-specs .m1-specs__tbody .m1-specs__tr {
		height: 64px;
	}

	#m1-specs .m1-specs__tbody .m1-specs__th--label {
		width: var(--m1-specs-label-w);
		min-width: var(--m1-specs-label-w);
		max-width: var(--m1-specs-label-w);
		height: 64px;
		padding: 8px 6px;
		font-size: 12px;
		line-height: 17px;
		font-weight: 400;
		white-space: normal;
		word-break: break-word;
	}

	#m1-specs .m1-specs__td--val {
		width: var(--m1-specs-prod-col-w);
		min-width: var(--m1-specs-prod-col-w);
		max-width: var(--m1-specs-prod-col-w);
		height: 64px;
		padding: 8px var(--m1-specs-prod-gap) 8px 0;
		box-sizing: border-box;
		font-size: 14px;
		line-height: 20px;
		font-weight: 500;
	}

	#m1-specs .m1-specs__tbody .m1-specs__td--val:nth-child(2) {
		width: var(--m1-specs-prod-col-first-w);
		min-width: var(--m1-specs-prod-col-first-w);
		max-width: var(--m1-specs-prod-col-first-w);
		padding-left: var(--m1-specs-label-prod-gap);
	}

	#m1-specs .m1-specs__tbody .m1-specs__td--val:last-child {
		width: calc(var(--m1-specs-prod-content-w) + var(--m1-specs-scroll-end));
		min-width: calc(var(--m1-specs-prod-content-w) + var(--m1-specs-scroll-end));
		max-width: calc(var(--m1-specs-prod-content-w) + var(--m1-specs-scroll-end));
		padding-right: var(--m1-specs-scroll-end);
	}

	#m1-specs .m1-specs__body-scroll {
		-webkit-overflow-scrolling: touch;
		overflow-x: auto;
		touch-action: pan-x pan-y;
	}

	/* 表头无滚动条，横向手势由 JS 同步 body-scroll；保留纵向页面滑动 */
	#m1-specs .m1-specs__head-fixed,
	#m1-specs .m1-specs__head-clip,
	#m1-specs .m1-specs__head-shift {
		touch-action: pan-y;
	}

	/* Figma 11378:2311 — m1-better-pairs @375（Some things are better in pairs） */
	.m1-better-pairs > .m1-specs__panel {
		padding: 0 0 80px 0;
	}

	#m1-better-in-pairs .m1-better-pairs__inner {
		width: 100%;
		max-width: none;
		margin-left: 0;
		margin-right: 0;
		padding: 0;
		gap: 64px;
		box-sizing: border-box;
	}

	#m1-better-in-pairs .m1-better-pairs__block {
		width: 100%;
		max-width: none;
	}

	#m1-better-in-pairs .m1-better-pairs__block--hero {
		gap: 40px;
		min-height: 0;
	}

	#m1-better-in-pairs .m1-better-pairs__hero-title {
		width: 100%;
		padding: 0 15px;
		box-sizing: border-box;
		font-size: 24px;
		font-weight: 600;
		line-height: 29px;
		letter-spacing: 0;
	}

	#m1-better-in-pairs .m1-better-pairs__row,
	#m1-better-in-pairs .m1-better-pairs__row--traction,
	#m1-better-in-pairs .m1-better-pairs__row--flow,
	#m1-better-in-pairs .m1-better-pairs__row--filtration,
	#m1-better-in-pairs .m1-better-pairs__row--ai {
		display: flex;
		flex-direction: column;
		align-items: stretch;
		justify-content: flex-start;
		width: 100%;
		max-width: none;
		height: auto;
		min-height: 0;
		padding: 0 15px;
		box-sizing: border-box;
		column-gap: 0;
		row-gap: 24px;
	}

	#m1-better-in-pairs .m1-better-pairs__block--flow,
	#m1-better-in-pairs .m1-better-pairs__block--filtration,
	#m1-better-in-pairs .m1-better-pairs__block--ai {
		height: auto;
	}

	#m1-better-in-pairs .m1-better-pairs__media--725,
	#m1-better-in-pairs .m1-better-pairs__media--flow-crop,
	#m1-better-in-pairs .m1-better-pairs__filtration-visual {
		flex: none;
		order: 1;
		position: relative;
		width: 100%;
		max-width: none;
		height: auto;
		min-height: 0;
		aspect-ratio: auto;
		border-radius: 8px;
		overflow: hidden;
	}

	#m1-better-in-pairs .m1-better-pairs__img,
	#m1-better-in-pairs .m1-better-pairs__img--flow,
	#m1-better-in-pairs .m1-better-pairs__filtration-img {
		position: static;
		display: block;
		width: 100%;
		height: auto;
		max-width: 100%;
		min-height: 0;
		object-fit: contain;
		object-position: center center;
		border-radius: 8px;
	}

	#m1-better-in-pairs .m1-better-pairs__copy--traction,
	#m1-better-in-pairs .m1-better-pairs__copy--flow,
	#m1-better-in-pairs .m1-better-pairs__copy--filtration,
	#m1-better-in-pairs .m1-better-pairs__copy--ai {
		flex: none;
		order: 2;
		width: 100%;
		max-width: none;
		padding: 0 15px;
		box-sizing: border-box;
		padding-top: 0;
	}

	#m1-better-in-pairs .m1-better-pairs__title {
		width: 100%;
		font-size: 20px;
		font-weight: 600;
		line-height: 1.2;
		letter-spacing: 0;
	}

	#m1-better-in-pairs .m1-better-pairs__lede {
		width: 100%;
		max-width: none;
		font-size: 14px;
		font-weight: 400;
		line-height: 20px;
		letter-spacing: 0;
		color: rgba(255, 255, 255, 0.8);
	}

	#m1-better-in-pairs .m1-better-pairs__copy--traction .m1-better-pairs__lede,
	#m1-better-in-pairs .m1-better-pairs__copy--flow .m1-better-pairs__lede,
	#m1-better-in-pairs .m1-better-pairs__copy--filtration .m1-better-pairs__lede,
	#m1-better-in-pairs .m1-better-pairs__copy--ai .m1-better-pairs__lede {
		margin-top: 12px;
	}

	/* m1-sleek-build @375：纵向居中排版，子元素统一自下而上渐入 */
	#m1-sleek-build [data-m1-sleek-reveal-block] .m1-sleek-build__headline,
	#m1-sleek-build [data-m1-sleek-reveal-block] .m1-sleek-build__lede {
		-webkit-transform: translateY(32px);
		transform: translateY(32px);
	}

	#m1-sleek-build [data-m1-sleek-reveal-block] .m1-sleek-build__card {
		-webkit-transform: translateY(56px) scale(0.92);
		transform: translateY(56px) scale(0.92);
	}

	#m1-sleek-build [data-m1-sleek-reveal-block].m1-sleek-build__reveal--in .m1-sleek-build__headline,
	#m1-sleek-build [data-m1-sleek-reveal-block].m1-sleek-build__reveal--in .m1-sleek-build__lede {
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}

	#m1-sleek-build [data-m1-sleek-reveal-block].m1-sleek-build__reveal--in .m1-sleek-build__card {
		-webkit-transform: translateY(0) scale(1);
		transform: translateY(0) scale(1);
	}

	#m1-sleek-build [data-m1-sleek-reveal-block] .m1-sleek-build__warranty-front {
		-webkit-transform: translateY(40px) scale(0.96);
		transform: translateY(40px) scale(0.96);
	}

	#m1-sleek-build [data-m1-sleek-reveal-block] .m1-sleek-build__warranty-copy {
		-webkit-transform: translateY(28px);
		transform: translateY(28px);
	}

	#m1-sleek-build [data-m1-sleek-reveal-block].m1-sleek-build__reveal--in .m1-sleek-build__warranty-front {
		-webkit-transform: translateY(0) scale(1);
		transform: translateY(0) scale(1);
	}

	#m1-sleek-build [data-m1-sleek-reveal-block].m1-sleek-build__reveal--in .m1-sleek-build__warranty-copy {
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}

	/* Figma 11426:2608 — m1-sleek-build @375（Sleek / warranty） */
	#m1-sleek-build .m1-sleek-build__inner {
		width: 100%;
		max-width: none;
		margin-left: 0;
		margin-right: 0;
		padding: 80px 15px 80px 15px;
		gap: 80px;
		align-items: stretch;
		box-sizing: border-box;
	}

	#m1-sleek-build .m1-sleek-build__intro {
		position: relative;
		width: 100%;
		max-width: none;
		min-height: 0;
		margin: 0;
		padding: 0;
		box-sizing: border-box;
		display: flex;
		flex-direction: column;
		align-items: stretch;
	}

	#m1-sleek-build .m1-sleek-build__headline {
		position: static;
		top: auto;
		right: auto;
		left: auto;
		width: 100%;
		max-width: none;
		margin: 0;
		padding: 0;
		font-size: 24px;
		font-weight: 600;
		line-height: 29px;
		letter-spacing: 0;
		text-align: center;
		white-space: normal;
		overflow-wrap: anywhere;
		word-break: break-word;
	}

	#m1-sleek-build .m1-sleek-build__lede {
		position: static;
		top: auto;
		left: auto;
		width: 100%;
		max-width: none;
		margin: 12px 0 0 0;
		padding: 0;
		font-size: 14px;
		font-weight: 400;
		line-height: 20px;
		letter-spacing: 0;
		color: rgba(255, 255, 255, 0.8);
		text-align: center;
		white-space: normal;
		overflow-wrap: anywhere;
		word-break: break-word;
	}

	/* 11426:2612 — 345×228，圆角 20px */
	#m1-sleek-build .m1-sleek-build__card {
		position: relative;
		top: auto;
		left: auto;
		width: 100%;
		max-width: none;
		height: 228px;
		min-height: 228px;
		margin: 24px 0 0 0;
		padding: 0;
		border-radius: 20px;
		box-shadow: 0 -4px 70.6px 0 rgba(0, 0, 0, 0.25);
		-webkit-transform: none;
		transform: none;
		box-sizing: border-box;
		overflow: hidden;
		background: #373737;
	}

	#m1-sleek-build .m1-sleek-build__card-img {
		position: absolute;
		left: -14.72%;
		top: -19.06%;
		width: 129.52%;
		height: 127.97%;
		max-width: none;
		display: block;
		object-fit: cover;
		object-position: center center;
		border-radius: 0;
	}

	/* 11426:2613–2615 — 345×228 图卡 + 文案叠在图内左下（left 15px） */
	#m1-sleek-build .m1-sleek-build__warranty {
		position: relative;
		width: 100%;
		max-width: none;
		height: auto;
		min-height: 0;
		margin: 0;
		padding: 0;
		box-sizing: border-box;
		border-radius: 8px;
		overflow: hidden;
		background: #373737;
	}

	#m1-sleek-build .m1-sleek-build__warranty-front {
		position: relative;
		width: 100%;
		height: auto;
	}

	#m1-sleek-build .m1-sleek-build__warranty-front-img-wrap {
		position: relative;
		width: 100%;
		line-height: 0;
	}

	#m1-sleek-build .m1-sleek-build__warranty-front-img {
		position: static;
		display: block;
		width: 100%;
		height: auto;
		max-width: 100%;
	}

	#m1-sleek-build .m1-sleek-build__warranty-copy {
		position: absolute;
		left: 15px;
		top: auto;
		bottom: 15px;
		right: 0;
		z-index: 2;
		width: 100%;
		max-width: none;
		margin: 0;
		padding: 0;
		box-sizing: border-box;
	}

	#m1-sleek-build .m1-sleek-build__warranty-title {
		margin: 0;
		padding: 0;
		font-size: 24px;
		font-weight: 600;
		line-height: 29px;
		letter-spacing: 0;
		color: #ffffff;
		text-align: left;
	}

	#m1-sleek-build .m1-sleek-build__warranty-title-line {
		display: block;
	}

	#m1-sleek-build .m1-sleek-build__warranty-lede {
		width: 100%;
		max-width: none;
		margin: 12px 0 0 0;
		padding: 0;
		font-size: 14px;
		font-weight: 400;
		line-height: 20px;
		letter-spacing: 0;
		color: #ffffff;
		text-align: left;
	}

	/* Figma 12034:5951 — m1-neural-train @375：文案 15px 边距 100% 宽；主图/视频 100% 宽 height auto */
	#m1-neural-train.m1-neural-train {
		margin-top: 0;
		padding: 40px 0 0 0;
	}

	#m1-neural-train .m1-neural-train__shell {
		display: flex;
		flex-direction: column;
		align-items: stretch;
		width: 100%;
		max-width: none;
		padding: 0;
		box-sizing: border-box;
	}

	#m1-neural-train .m1-neural-train__intro {
		display: flex;
		flex-direction: column;
		align-items: center;
		gap: 12px;
		width: calc(100% - 30px);
		margin-left: 15px;
		margin-right: 15px;
		padding: 0;
		box-sizing: border-box;
		text-align: center;
	}

	#m1-neural-train .m1-neural-train__title {
		width: 100%;
		margin: 0;
		padding: 0;
		font-size: 24px;
		font-weight: 600;
		line-height: 29px;
		letter-spacing: 0px;
		color: #ffffff;
	}

	#m1-neural-train .m1-neural-train__lede {
		margin: 0;
		padding: 0;
		width: 100%;
		max-width: 100%;
		font-size: 14px;
		font-weight: 400;
		line-height: 20px;
		letter-spacing: 0px;
		color: rgba(255, 255, 255, 0.8);
	}

	#m1-neural-train .m1-neural-train__hero {
		width: 100%;
		max-width: 100%;
		height: auto;
		min-height: 0;
		margin: 64px 0 0 0;
		padding: 0;
		border-radius: 0;
		overflow: visible;
		background: transparent;
	}

	#m1-neural-train .m1-neural-train__hero-media,
	#m1-neural-train .m1-neural-train__split-video {
		display: block;
		width: 100%;
		height: auto;
		max-width: 100%;
		margin: 0;
		object-fit: contain;
		object-position: center center;
	}

	/* 分栏：文案保留 15px 边距；两个视频区 100% 宽、无左右边距 */
	#m1-neural-train .m1-neural-train__split {
		display: flex;
		flex-direction: column;
		align-items: stretch;
		gap: 24px;
		width: 100%;
		max-width: none;
		margin: 80px 0 0 0;
		padding: 0;
		box-sizing: border-box;
	}

	#m1-neural-train .m1-neural-train__split--obstacle,
	#m1-neural-train .m1-neural-train__split--spath,
	#m1-neural-train .m1-neural-train__split--media-right {
		flex-direction: column;
	}

	#m1-neural-train .m1-neural-train__split-copy {
		display: flex;
		flex-direction: column;
		align-items: center;
		gap: 12px;
		flex: none;
		width: calc(100% - 30px);
		max-width: none;
		margin-left: 15px;
		margin-right: 15px;
		padding: 0;
		box-sizing: border-box;
		text-align: center;
	}

	#m1-neural-train .m1-neural-train__split-media {
		order: 0;
		flex: none;
		width: 100%;
		max-width: 100%;
		height: auto;
		min-height: 0;
		margin: 0;
		padding: 0;
		border-radius: 0;
		overflow: hidden;
		background: transparent;
	}

	#m1-neural-train .m1-neural-train__split-title {
		width: 100%;
		margin: 0;
		padding: 0;
		font-size: 24px;
		font-weight: 600;
		line-height: 29px;
		letter-spacing: 0px;
		color: #ffffff;
	}

	#m1-neural-train .m1-neural-train__split-lede {
		width: 100%;
		margin: 0;
		padding: 0;
		font-size: 14px;
		font-weight: 400;
		line-height: 20px;
		letter-spacing: 0px;
		color: rgba(255, 255, 255, 0.8);
	}

	/* Figma 11378:724 — m1-ai-target-suction @375；仅 panel */
	.m1-ai-target-suction {
		padding: 0 0 64px 0;
		background: #000000;
	}

	.m1-ai-target-suction__inner {
		width: 100%;
		max-width: none;
		margin-left: 0;
		margin-right: 0;
		padding: 0;
		box-sizing: border-box;
	}

	/* 11378:729 — 内容铺满原卡片占位，无左右缩进与内边距 */
	.m1-ai-target-suction__panel {
		width: 100%;
		max-width: none;
		min-height: 0;
		margin: 80px 0 0 0;
		padding: 0;
		border-radius: 0;
		background: transparent;
		box-shadow: none;
		box-sizing: border-box;
	}

	/* 11378:729 卡片内：文案 → 产品图 → 切换钮（文档流） */
	.m1-ai-target-suction__panel-inner {
		flex-direction: column;
		align-items: center;
		width: 100%;
		gap: 17px;
	}

	.m1-ai-target-suction__body {
		order: 1;
		flex: none;
		width: 100%;
		max-width: none;
		min-width: 0;
		text-align: center;
	}

	.m1-ai-target-suction__media {
		order: 2;
		display: flex;
		flex-direction: column;
		align-items: center;
		flex: none;
		width: 100%;
		max-width: none;
		gap: 24px;
	}

	.m1-ai-target-suction__body-title {
		width: 100%;
		font-size: 24px;
		font-weight: 600;
		line-height: 29px;
		letter-spacing: -0.48px;
	}

	.m1-ai-target-suction__body-copy {
		margin-top: 12px;
		width: 100%;
	}

	.m1-ai-target-suction__body-line {
		width: 100%;
		font-size: 14px;
		font-weight: 400;
		line-height: 20px;
		letter-spacing: 0px;
	}

	/* 11378:738 — 325×320 框，图宽 100% + 稿内裁切 */
	.m1-ai-target-suction__media-frame {
		position: relative;
		width: 100%;
		height: auto;
		min-height: 0;
		aspect-ratio: 325 / 320;
		border-radius: 8px;
		overflow: hidden;
		background: #1a1a1a;
	}

	.m1-ai-target-suction__pill {
		position: relative;
		left: auto;
		right: auto;
		bottom: auto;
		top: auto;
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
		justify-content: center;
		align-items: center;
		flex-shrink: 0;
		width: max-content;
		max-width: calc(100% - 32px);
		height: 44px;
		margin: 0 auto;
		padding: 4px;
		gap: 0;
		overflow: visible;
		-webkit-transform: none;
		transform: none;
	}

	.m1-ai-target-suction__pill-glass {
		background: rgba(255, 255, 255, 0.1);
		-webkit-backdrop-filter: blur(5px);
		backdrop-filter: blur(5px);
	}

	.m1-ai-target-suction__pill-seg--high,
	.m1-ai-target-suction__pill-seg--low {
		flex: 0 0 auto;
		width: auto;
		height: 36px;
		padding: 0 14px;
		border-radius: 100px;
		overflow: visible;
	}

	.m1-ai-target-suction__pill-label {
		font-size: 12px;
		font-weight: 700;
		line-height: 12px;
		white-space: nowrap;
	}

	/* Figma 11334:1054 — m1-debris-id @375（内容区随稿面高度，非 100vh 全屏） */
	.m1-debris-id {
		background: #000;
		height: auto;
		min-height: 0;
		max-height: none;
	}

	.m1-debris-id__inner {
		width: 100%;
		max-width: none;
		margin-left: 0;
		margin-right: 0;
		padding: 50px 0 40px;
		box-sizing: border-box;
		height: auto;
		min-height: 0;
		max-height: none;
	}

	.m1-debris-id__title {
		width: 100%;
		max-width: 345px;
		margin-left: auto;
		margin-right: auto;
		font-size: 24px;
		font-weight: 600;
		line-height: 29px;
		text-align: center;
	}

	.m1-debris-id__lede {
		width: 100%;
		max-width: 345px;
		margin: 12px auto 0 auto;
		font-size: 14px;
		font-weight: 400;
		line-height: 20px;
		color: #ffffff;
		text-align: center;
	}

	.m1-debris-id__tags-marquee--desktop {
		display: none;
	}

	.m1-debris-id__tags-marquee--mobile {
		display: block;
	}

	.m1-debris-id__media {
		width: 100%;
		max-width: 100%;
		height: 212px;
		min-height: 212px;
		max-height: 212px;
		margin-top: 54px;
		margin-left: 0;
		margin-right: 0;
		border-radius: 0;
		overflow: hidden;
	}

	.m1-debris-id__media-inner {
		position: relative;
		width: 100%;
		height: 100%;
	}

	.m1-debris-id__media-base {
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		border-radius: 0;
		object-fit: cover;
		object-position: center center;
	}

	.m1-debris-id__media picture {
		display: block;
		width: 100%;
		height: 100%;
	}

	.m1-debris-id__footer {
		margin-top: 30px;
		margin-left: 0;
		margin-right: 0;
		width: 100%;
		max-width: none;
		flex-direction: column;
		align-items: stretch;
		gap: 0;
	}

	.m1-debris-id__footer {
		margin-top: 30px;
	}

	.m1-debris-id__footer-line,
	.m1-debris-id__copy-repeat {
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		gap: 8px;
		width: 100%;
		margin: 0 auto 34px auto;
		padding: 0 15px;
		box-sizing: border-box;
	}

	.m1-debris-id__title--footer {
		width: 100%;
		max-width: 345px;
		margin: 0;
		font-size: 18px;
		font-weight: 500;
		line-height: 20px;
		letter-spacing: 0px;
		text-align: left;
	}

	.m1-debris-id__lede--footer {
		width: 100%;
		max-width: 345px;
		margin: 0;
		font-size: 14px;
		font-weight: 400;
		line-height: 20px;
		color: rgba(255, 255, 255, 0.8);
		text-align: left;
	}

	.m1-debris-id__tags-viewport {
		position: relative;
		flex: 0 0 auto;
		width: 100%;
		max-width: none;
		height: 54px;
		min-height: 54px;
		margin: 0;
		padding: 0;
		overflow: hidden;
		-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%);
		-webkit-mask-size: 100% 100%;
		mask-size: 100% 100%;
		-webkit-mask-repeat: no-repeat;
		mask-repeat: no-repeat;
	}

	.m1-debris-id__tags-marquee {
		width: 100%;
		margin: 0;
		padding: 0;
		overflow: hidden;
	}

	.m1-debris-id__tags-strip {
		gap: 1px;
	}

	.m1-debris-id__tags-row {
		gap: 8px;
	}

	.m1-debris-id__chip {
		padding: 4px 8px;
		font-size: 12px;
		font-weight: 400;
		line-height: 17px;
		color: rgba(255, 255, 255, 0.6);
		box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.2);
	}

	/* Figma 11334:1179 — smarter-clean 移动端静态上文下图（.m1-smarter-clean-mobile），无动效 */
	#m1-smarter-clean.m1-smarter-clean-group .m1-smarter-clean--desktop-only {
		display: none !important;
	}

	.m1-smarter-clean-mobile {
		display: block;
		width: 100%;
		min-width: 320px;
		min-height: 625px;
		background: linear-gradient(0deg, #00000080 0%, #1f1f1f80 100%);
	}

	.m1-smarter-clean-mobile__inner {
		display: flex;
		flex-direction: column;
		align-items: stretch;
		width: 100%;
		min-height: 625px;
		padding: 80px 15px 80px;
		box-sizing: border-box;
	}

	.m1-smarter-clean-mobile__copy {
		display: flex;
		flex-direction: column;
		align-items: center;
		flex: 0 0 auto;
		width: 100%;
		gap: 12px;
	}

	.m1-smarter-clean-mobile__title {
		margin: 0;
		padding: 0;
		width: 100%;
		color: #ffffff;
		font-size: 32px;
		font-weight: 600;
		line-height: 38px;
		letter-spacing: 0px;
		text-align: center;
	}

	.m1-smarter-clean-mobile__desc {
		display: flex;
		flex-direction: column;
		align-items: center;
		width: 100%;
		margin: 0;
		padding: 0;
		gap: 0;
	}

	.m1-smarter-clean-mobile__desc-line {
		margin: 0;
		padding: 0;
		width: 100%;
		color: #ffffff;
		font-size: 14px;
		font-weight: 400;
		line-height: 20px;
		letter-spacing: 0px;
		text-align: center;
	}

	.m1-smarter-clean-mobile__media {
		flex: 0 0 auto;
		width: 100%;
		margin-top: 25px;
		border-radius: 8px;
		overflow: hidden;
	}

	.m1-smarter-clean-mobile__img {
		display: block;
		width: 100%;
		height: auto;
		max-width: 100%;
		margin: 0;
		padding: 0;
		border: 0;
		border-radius: 8px;
		object-fit: contain;
		object-position: center center;
	}

	/* 首屏 Hero：覆盖上方 625px 固定高，保证移动端一屏铺满（与 --m1-hero-avail-vh / 100svh 一致） */
	.m1-hero {
		margin-top: var(--m1-site-header-h);
		height: var(--m1-hero-avail-vh);
		min-height: var(--m1-hero-avail-vh);
		max-height: none;
	}

	.m1-hero__bg-image {
		inset: 0;
		width: 100%;
		height: 100%;
		min-width: 100%;
		object-fit: cover;
		object-position: center bottom;
		-webkit-transform: none;
		transform: none;
	}

	/* 覆盖同文件内中屏 clamp 等对 pool-read / sees-miss 高度的改写 */
	.m1-pool-read,
	.m1-sees-miss {
		padding: 0;
		height: var(--m1-stage-avail-vh);
		min-height: var(--m1-stage-avail-vh);
		max-height: var(--m1-stage-avail-vh);
	}

	.m1-pool-read__compare-card,
	.m1-sees-miss__compare-card {
		height: 100%;
		min-height: 0;
		border-radius: 0;
	}

	.m1-pool-read__compare-layer,
	.m1-sees-miss__compare-layer {
		object-fit: cover;
		object-position: center center;
	}
}

/* 475–768：规格区铺满屏宽，消除白卡右侧留白 */
@media (min-width: 475px) and (max-width: 768px) {
	#m1-specs .m1-specs__inner {
		width: 100%;
		max-width: 100%;
		padding-left: 16px;
		padding-right: 16px;
		margin-left: auto;
		margin-right: auto;
		box-sizing: border-box;
	}

	#m1-specs .m1-specs__panel {
		width: 100%;
		max-width: 100%;
		margin-left: 0;
		margin-right: 0;
		box-sizing: border-box;
	}

	#m1-specs .m1-specs__body-scroll {
		width: 100%;
	}

	#m1-specs .m1-specs__head-clip {
		width: 100%;
	}
}

@media (min-width: 475px) and (max-width: 767px) {
	/* 移动表总宽 624px（375 稿），按屏宽等比铺满，消除 475–599 右侧留白 */
	#m1-specs .m1-specs__panel {
		--m1-specs-table-vw: 100vw;
		--m1-specs-label-w: max(88px, calc(96 * var(--m1-specs-table-vw) / 624));
		--m1-specs-prod-content-w: max(168px, calc(176 * var(--m1-specs-table-vw) / 624));
		--m1-specs-label-prod-gap: calc(48 * var(--m1-specs-table-vw) / 624);
		--m1-specs-prod-gap: calc(40 * var(--m1-specs-table-vw) / 624);
		--m1-specs-prod-col-w: calc(
			var(--m1-specs-prod-content-w) + var(--m1-specs-prod-gap)
		);
		--m1-specs-prod-col-first-w: calc(
			var(--m1-specs-prod-content-w) + var(--m1-specs-label-prod-gap) +
				var(--m1-specs-prod-gap)
		);
		--m1-specs-scroll-end: calc(15 * var(--m1-specs-table-vw) / 624);
	}

	#m1-specs .m1-specs__table,
	#m1-specs .m1-specs__table--head {
		width: 100%;
		min-width: 100%;
	}

	#m1-specs .m1-specs__tr--head .m1-specs__th--prod {
		width: var(--m1-specs-prod-col-w);
		min-width: var(--m1-specs-prod-col-w);
		max-width: var(--m1-specs-prod-col-w);
	}

	#m1-specs .m1-specs__tr--head .m1-specs__th--prod:nth-child(2) {
		width: var(--m1-specs-prod-col-first-w);
		min-width: var(--m1-specs-prod-col-first-w);
		max-width: var(--m1-specs-prod-col-first-w);
	}

	#m1-specs .m1-specs__tr--head .m1-specs__th--prod:last-child {
		width: calc(var(--m1-specs-prod-content-w) + var(--m1-specs-scroll-end));
		min-width: calc(var(--m1-specs-prod-content-w) + var(--m1-specs-scroll-end));
		max-width: calc(var(--m1-specs-prod-content-w) + var(--m1-specs-scroll-end));
	}

	#m1-specs .m1-specs__tbody .m1-specs__td--val {
		width: var(--m1-specs-prod-col-w);
		min-width: var(--m1-specs-prod-col-w);
		max-width: var(--m1-specs-prod-col-w);
	}

	#m1-specs .m1-specs__tbody .m1-specs__td--val:nth-child(2) {
		width: var(--m1-specs-prod-col-first-w);
		min-width: var(--m1-specs-prod-col-first-w);
		max-width: var(--m1-specs-prod-col-first-w);
	}

	#m1-specs .m1-specs__tbody .m1-specs__td--val:last-child {
		width: calc(var(--m1-specs-prod-content-w) + var(--m1-specs-scroll-end));
		min-width: calc(var(--m1-specs-prod-content-w) + var(--m1-specs-scroll-end));
		max-width: calc(var(--m1-specs-prod-content-w) + var(--m1-specs-scroll-end));
	}

	#m1-specs .m1-specs__head-card {
		width: 100%;
		max-width: var(--m1-specs-prod-content-w);
	}

	#m1-specs .m1-specs__head-img-wrap {
		width: 100%;
		max-width: var(--m1-specs-prod-content-w);
		height: auto;
		aspect-ratio: 1 / 1;
	}

	#m1-specs .m1-specs__head-name {
		max-width: 100%;
		white-space: nowrap;
		overflow: visible;
	}

	#m1-specs .m1-specs__head-buy {
		max-width: 100%;
		white-space: normal;
		word-break: break-word;
	}
}

@media screen and (min-width: 768px) and (max-width: 1600px) {
	.m1-hero__title{
		font-size: 40px;
		line-height: 1.2;
	}
	.m1-hero__content{
		margin-top: 50px;
	}
	.m1-bionic__title {
		font-size: 40px;
		line-height: 1.2;
	}
	.m1-pool-match__title{
		font-size: 40px;
		line-height: 1.2;
	}
	.m1-hero__cta{
		padding: 12px 54px;
	}
	#m1-specs .m1-specs__head-img-wrap{
		width: 150px;
		height: 150px;
	}
	#m1-specs .m1-specs__head-img-wrap img{
		width: 100%;
		height: 100%;
		object-fit: contain;
		object-position: center center;
	}
}
@media screen and (max-width: 767px) {
	.m1-pool-match__copy{
		margin-bottom: 40px;
		padding: 0 15px;
	}
	.m1-pool-match-heading{
		padding: 0 15px;
	}
}