body{
    background-color: #1B1B1B;
}
.header_banner_container{
    position: relative;
    width: 100%;
    height: 100vh;
    background-color: #0D0D0E;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}
.header_banner_container .bg_img{
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
    user-select: none;
}
.header_banner_container .product{
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
    object-fit: cover;
    user-select: none;
}

.header_banner_container .product{
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
    object-fit: cover;
    user-select: none;
}
.header_banner_container .banner_text_container{
    position: absolute;
    z-index: 2;
    top: 23%;
    left: 11%;
}
.header_banner_container .moto_type{
    color: #E6E6E6;
    font-size: 4.6vw;
    line-height: 1;
    margin-bottom: 1.3vw;
}
.header_banner_container .engine_type{
    color: #E6E6E6;
    font-size: 1.33vw;
    line-height: 1;
    font-family: none;
}
.data_list{
    position: relative;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #0D0D0E;
}
.data_list .item{
    position: relative;
    width: 33.333%;
    background: #0D0D0E;
    box-sizing: border-box;
    padding: 1.719vw 0 1.719vw 4.375vw;
    border-right: 1px solid #454546;
    transition: all .3s;
}
.data_list .item:hover{
    background: #1F1F20;
    padding: 1.719vw 0 1.719vw 3.854vw;
}
.data_list .item:last-child{
    border-right: none;
}
.data_list .item .p_1{
    color: #808080;
    font-size: 0.94vw;
    font-family: none;
    line-height: 1;
}
.data_list .item .p_2{
    color: #E6E6E6;
    font-size: 2.5vw;
    font-family: none;
    margin: 3.073vw 0 1.719vw;
    line-height: 1;
}
.data_list .item .p_3{
    color: #E6E6E6;
    font-size: 1.25vw;
    font-family: none;
    line-height: 1;
}
/* --- 1. 容器保持相对定位（创建局部层级上下文） --- */
.multi_angle_swiper_container{
    position: relative;
    width: 100%;
    height: 100vh;
    background-color: #EDEDED;
    /* 容器本身的灰色渐变，相当于处于层级的最底层 */
    background-image: radial-gradient(circle at top right, #939491 5%, transparent 30%);
    overflow: hidden;
}
/* --- 2. 基础背景层：设为正数 1 --- */
.bg_base_layer {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: radial-gradient(circle at bottom left, #A9B5D5 5%, transparent 30%);
    z-index: 1; /* 从 -2 改为正数 1 */
    opacity: 1;
    transition: opacity 0.8s ease-in-out;
}

/* --- 3. 过渡渐变层：设为正数 2（覆盖在基础层之上） --- */
.bg_fade_layer {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: radial-gradient(circle at bottom left, #A9B5D5 5%, transparent 30%);
    z-index: 2; /* 从 -1 改为正数 2 */
    opacity: 0;
    transition: opacity 0.8s ease-in-out;
}

/* --- 4. 核心内容区域：设为正数 3（确保摩托车、按钮、文字永远在背景层之上） --- */
.multi_angle_swiper_container .main{
    position: relative;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 3; /* 从 2 改为正数 3 */
}

.multi_angle_swiper_container .main .moto_type{
    position: absolute;
    top: 24.5%;
    -webkit-mask-image: linear-gradient(to bottom, 
        black 0%, 
        transparent 90%
    );
    mask-image: linear-gradient(to bottom, 
        black 0%, 
        transparent 90%
    );
}
.multi_angle_swiper_container .main .moto_type .p_1{
    font-size: 13.6vw;
    letter-spacing: 0.01em;
    line-height: 1;
    color: #777;
}
.multi_angle_swiper_container .change_multi_btn{
    position: absolute;
    z-index: 2;
    cursor: pointer;
}
.multi_angle_swiper_container .change_multi_btn .gsticon{
    font-size: 3.438vw;
    color: #fff;
    transition: color .3s;
}
.multi_angle_swiper_container .change_multi_btn .gsticon:hover{
    color: #D6020F;
}
.multi_angle_swiper_container .change_multi_prev{
    left: 8.6%;
    transform: rotate(180deg);
}
.multi_angle_swiper_container .change_multi_next{
    right: 8.6%;
}
.multi_angle_swiper_container .moto_swiper{
    position: absolute;
    width: 100%;
    height: 100%;
}
.multi_angle_swiper_container .moto_swiper .swiper{
    position: absolute;
    width: 100%;
    height: 100%;
}
.multi_angle_swiper_container .moto_swiper .swiper .img_container{
    position: relative;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.multi_angle_swiper_container .moto_swiper .swiper .img_container img {
    position: absolute;
    width: 62%;
    max-height: 100%;
    object-fit: contain;
    bottom: 3%;
    opacity: 0; /* 默认隐藏所有颜色 */
    pointer-events: none;
    transition: opacity 0.4s ease;
}
.multi_angle_swiper_container .moto_swiper .swiper .img_container img.active_color {
    opacity: 1; /* 只显示带有 active_color 类的图片 */
    pointer-events: auto;
    z-index: 1;
}
/* --- 1. 父容器去除 z-index 限制，作为无层级屏障的透传通道 --- */
.multi_angle_swiper_container .follow_container{
    position: absolute;
    /* 取消 z-index 限制，让内部子元素各自独立参与层级竞争 */
    box-sizing: border-box;
    display: flex;
    align-items: center;
    pointer-events: none;      /* 允许点击穿透 */
}

/* --- 2. 仅将锚点所在的层级提升至 11，使其浮在遮罩层之上 --- */
.multi_angle_swiper_container .positioning_container {
    position: absolute;
    z-index: 11;               /* 设为 11，高于参数容器的 10 */
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    transition: opacity 0.3s ease, visibility 0.3s ease;
    opacity: 1;
    visibility: visible;
    pointer-events: none;      /* 允许点击穿透 */
}

/* 隐藏状态的类 */
.multi_angle_swiper_container .positioning_container.positioning_container_hide {
    opacity: 0;
    visibility: hidden;
    pointer-events: none; /* 隐藏时禁止点击 */
}
/* --- 4. 保持锚点本身的可点击状态 --- */
.multi_angle_swiper_container .follow_container .point_container{
    position: absolute;
    left: var(--x, 0%);
    top: var(--y, 0%);
    transform: translate(-50%, -50%);
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    transition: all .3s;
    pointer-events: auto;      /* 恢复锚点自身的点击响应 */
}
.multi_angle_swiper_container .follow_container .annotation_css{
    position: relative;
    width: 2.6vw;
    height: 2.6vw;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #fff;
    box-shadow: 0px 0px 0.677vw 0px rgba(40,38,38,0.04);
    cursor: pointer;
    transition: all .3s;
    margin-right: 0.5vw;
}
.multi_angle_swiper_container .follow_container .part_name{
    position: absolute;
    right: 0;
    width: max-content;
    height: 100%;
    white-space: nowrap;
    transform: translateX(100%);
    box-sizing: border-box;
    padding: 0 0.94vw;
    color: #1A1A1A;
    background-color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 0.94vw;
    line-height: 1;
    font-family: none;
    border-radius: 999px;
    box-shadow: 0px 0px 0.677vw 0px rgba(40,38,38,0.33);
    opacity: 0;
    pointer-events: none;
    scale: 2 0;
    transition: all .3s;
}
.multi_angle_swiper_container .follow_container .point_container:hover .part_name{
    opacity: 1;
    scale: 1 1;
    pointer-events: all;
}
.multi_angle_swiper_container .follow_container .point_container_active .part_name{
    opacity: 1;
    scale: 1 1;
    pointer-events: all;
}
.multi_angle_swiper_container .follow_container .annotation_css .point_name{
    position: absolute;
    height: 100%;
    border-radius: 999px;
}
.multi_angle_swiper_container .follow_container .annotation_css::before{
    content: "";
    position: absolute;
    width: 0.7vw;
    height: 2px;
    background-color: #1B1B1B;
}
.multi_angle_swiper_container .follow_container .annotation_css::after{
    content: "";
    position: absolute;
    width: 0.7vw;
    height: 2px;
    background-color: #1B1B1B;
    transform: rotate(90deg);
}
.multi_angle_swiper_container .follow_container .point_container:hover .annotation_css{
    box-shadow: 0px 0px 0.677vw 0px rgba(40,38,38,0.3);
}
/* --- 3. 将颜色盘的层级设为 2，确保其被参数容器（10）盖在下方 --- */
.multi_angle_swiper_container .follow_container .color_wheel_container{
    position: absolute;
    right: 0;
    display: flex;
    flex-direction: column;
    z-index: 2;                /* 设为 2，低于参数容器的 10 */
    pointer-events: auto;      /* 恢复颜色盘自身的点击响应 */
}

/* --- 颜色盘选中状态 --- */
.multi_angle_swiper_container .follow_container .color_wheel_container .item {
    /* 原有样式保持不变 */
    width: 1.615vw;
    height: 1.615vw;
    background-color: var(--color, #fff); 
    margin: 0.417vw 0;
    border-radius: 0.2vw;
    cursor: pointer;
    
    /* 新增：加个过渡动画和默认边框 */
    box-sizing: border-box;
    border: 2px solid transparent;
    transition: all 0.3s ease;
}

/* 激活时的样式：加一个白色边框，并稍微放大一点 */
.multi_angle_swiper_container .follow_container .color_wheel_container .item.active {
    border: 2px solid #fff;
    transform: scale(1.15);
    box-shadow: 0px 0px 0.5vw rgba(0,0,0,0.5);
}
.multi_angle_swiper_container .parameter_introduction_container {
    position: absolute;
    z-index: 10;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.2);
    display: flex;
    justify-content: flex-end;
    align-items: center;
    overflow: hidden;
    /* --- 新增：过渡动画与默认显示状态 --- */
    transition: opacity 0.3s ease;
    opacity: 1;
    pointer-events: auto;
}

/* --- 新增：参数容器隐藏类 --- */
.multi_angle_swiper_container .parameter_introduction_container.parameter_introduction_container_hide {
    opacity: 0;
    pointer-events: none !important; /* 隐藏时禁止点击，防止阻挡底层交互 */
}
/* 杀招 2：强制穿透！干掉 Swiper 内部自带的 pointer-events: auto */
.multi_angle_swiper_container .parameter_introduction_container.parameter_introduction_container_hide * {
    pointer-events: none !important;
}
.multi_angle_swiper_container .parameter_introduction_container .swiper_container{
    position: absolute;
    width: 27%;
    height: 97%;
    background-color: #fff;
    margin-right: 0.7vw;
    border-radius: 0.6vw;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    overflow: hidden;
    box-shadow: 0px 0px 1vw rgba(0,0,0,0.2);
    transform: translateX(0%);
    transition: transform 0.5s;
}
.multi_angle_swiper_container .parameter_introduction_container_hide .swiper_container{
    transform: translateX(100%);
}
.multi_angle_swiper_container .parameter_introduction_container .swiper_container .swiper{
    position: relative;
    width: 95%;
    height: 90%;
    margin-top: 1vh;
    overflow: hidden;
}
/* 关键：给每一个 slide 设置不透明背景，并隐藏背面 */
.multi_angle_swiper_container .parameter_introduction_container .swiper_container .swiper .swiper-slide {
    background-color: #fff; /* 必须有实体背景色，防止立方体被看穿 */
}
.parameter_introduction_container .swiper_container .swiper .level_1{
    position: relative;
    width: 100%;
    height: 100%;
}
.parameter_introduction_container .swiper_container .close_btn{
    position: absolute;
    z-index: 2;
    width: 2.6vw;
    height: 2.6vw;
    border-radius: 0.6vw;
    background-color: #E6E6E6;
    top: 1.25vw;
    right: 1.25vw;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    transition: background-color .3s;
}
.parameter_introduction_container .swiper_container .close_btn:hover{
    background-color: #313131;
}
.parameter_introduction_container .swiper_container .close_btn::before{
    content: "";
    position: absolute;
    width: 1vw;
    height: 2px;
    background-color: #313131;
    transform: rotate(45deg);
    transition: background-color .3s;
}
.parameter_introduction_container .swiper_container .close_btn::after{
    content: "";
    position: absolute;
    width: 1vw;
    height: 2px;
    background-color: #313131;
    transform: rotate(-45deg);
    transition: background-color .3s;
}
.parameter_introduction_container .swiper_container .close_btn:hover::before{
    background-color: #E6E6E6;
}
.parameter_introduction_container .swiper_container .close_btn:hover::after{
    background-color: #E6E6E6;
}

.parameter_introduction_container .swiper_container .swiper .level_1 .part_img{
    position: relative;
    width: 100%;
    height: 44%;
    object-fit: cover;
    border-radius: 0.3vw;
}
.parameter_introduction_container .swiper_container .swiper .level_1 .text_container{
    position: relative;
    width: 100%;
    height: 56%;
    padding-top: 4.2vh;
    box-sizing: border-box;
}
.parameter_introduction_container .swiper_container .swiper .text_container .p_1{
    /* font-family: Microsoft YaHei; */
    font-family: none;
    font-size: 0.94vw;
    color: #1B1B1B;
    line-height: 1;
    margin-left: 3.5%;
}
.parameter_introduction_container .swiper_container .swiper .text_container .p_2{
    width: 85%;
    font-family: none;
    font-weight: bold;
    font-size: 1.25vw;
    margin-left: 3.5%;
    margin-top: 3.4vh;
}
.parameter_introduction_container .swiper_container .swiper .text_container .p_3{
    width: 86%;
    font-family: none;
    color: #404040;
    font-size: 0.84vw;
    line-height: 1.5;
    margin-left: 3.5%;
    margin-top: 3vh;
}
.parameter_introduction_container .swiper_container .ctrl_panel{
    position: relative;
    width: 90%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 3.5vh;
}
.parameter_introduction_container .swiper_container .ctrl_panel .prev,
.parameter_introduction_container .swiper_container .ctrl_panel .next{
    width: 2.6vw;
    height: 2.6vw;
    border-radius: 0.6vw;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    flex-shrink: 0; /* 防止按钮被挤压变形 */
}
.parameter_introduction_container .swiper_container .ctrl_panel .prev{
    background-color: #BFBFBF;
    transform: rotate(180deg);
    transition: background-color .3s;
}
.parameter_introduction_container .swiper_container .ctrl_panel .prev:hover{
    background-color: #D6020F;
}
.parameter_introduction_container .swiper_container .ctrl_panel .next{
    background-color: #BFBFBF;
    transition: background-color .3s;
}
.parameter_introduction_container .swiper_container .ctrl_panel .next:hover{
    background-color: #D6020F;
}
.parameter_introduction_container .swiper_container .ctrl_panel .gsticon{
    font-size: 0.84vw;
}
.parameter_introduction_container .swiper_container .ctrl_panel .pagination{
    position: relative;
    top: auto;
    bottom: auto;
    display: flex;
    justify-content: center;
    align-items: center;
}
.parameter_introduction_container .ctrl_panel .pagination {
    /* 激活状态的圆点颜色 */
    --swiper-pagination-color: #D6020F; 
    
    /* 未激活状态的圆点颜色 */
    --swiper-pagination-bullet-inactive-color: #BFBFBF; 
    
    /* 未激活状态的透明度（默认通常是 0.2） */
    --swiper-pagination-bullet-inactive-opacity: 1;
    /* 单个圆点的宽度 */
    --swiper-pagination-bullet-width: 0.3vw;
    
    /* 单个圆点的高度 */
    --swiper-pagination-bullet-height: 0.3vw;
    
    /* 圆点之间的水平间距 */
    --swiper-pagination-bullet-horizontal-gap: 0.3vw; 
}

.technical_specifications_container{
    position: relative;
    width: 100%;
    background-color: #1B1B1B;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11.667vw 0 10.26vw;
    box-sizing: border-box;
}
.technical_specifications_container .title{
    position: relative;
    font-size: 4.167vw;
    color: #EEEEEE;
    font-weight: bold;
    font-family: none;
    line-height: 1.1;
}
.technical_specifications_container .swiper_change_btn{
    width: 42%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 3.9vw 0 2vw;
}
.technical_specifications_container .swiper_change_btn .item{
    background: #262626;
    box-sizing: border-box;
    padding: 0.8vw 3.229vw;
    line-height: 1;
    color: #E6E6E6;
    border-radius: 0.5vw;
    font-weight: bold;
    font-size: 1.1vw;
    font-family: none;
    transition: background .4s;
    cursor: pointer;
}
.technical_specifications_container .swiper_change_btn .item:hover{
    background: #555;

}
.technical_specifications_container .swiper_change_btn .item.active{
    background: #D6020F;
}
.technical_specifications_container .swiper_container{
    position: relative;
    width: 70%;
}
.technical_specifications_container .swiper{
    position: relative;
    width: 100%;
    -webkit-mask-image: linear-gradient(to right, 
        transparent 0%, 
        black 20%, 
        black 80%,
        transparent 100%
    );
    mask-image: linear-gradient(to right, 
        transparent 0%, 
        black 20%, 
        black 80%,
        transparent 100%
    );
}
.technical_specifications_container .swiper .swiper-slide{
    display: flex;
    justify-content: center;
    align-items: center;
}
.technical_specifications_container .swiper .list_container{
    position: relative;
    width: 60%;
}
.technical_specifications_container .swiper .list_container .item{
    position: relative;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 1.1vw;
    line-height: 1;
    padding: 1.3vw 0;
    border-bottom: 1px solid #3F3F3F;
}
.technical_specifications_container .swiper .list_container .item:last-child{
    border-bottom: none;
}
.technical_specifications_container .swiper .list_container .item .key{
    font-family: none;
    color: #808080;
}
.technical_specifications_container .swiper .list_container .item .value{
    font-family: none;
    color: #E6E6E6;
}
.technical_specifications_container .download_btn{
    background-color: #D6020F;
    color: #E6E6E6;
    padding: 0.6vw 1.667vw;
    box-sizing: border-box;
    border-radius: 0.6vw;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 2.3vw;
    transition: background-color .3s,color .3s;
}
.technical_specifications_container .download_btn:hover{
    color: #D6020F;
    background-color: #E6E6E6;
}
.technical_specifications_container .download_btn .text{
    font-size: 1.1vw;
    font-weight: bold;
    font-family: none;
}
.technical_specifications_container .download_btn .gsticon{
    font-size: 1.25vw;
    margin-left: 1.25vw;
}

/* 容器 */
.scroll_swiper_container {
    position: relative;
    width: 100%;
    height: 22vw;
    overflow: hidden;
    padding: 0 0 12.8vw;
}

.marquee_track {
    display: flex;
    width: max-content; 
    height: 100%;
    
    /* 【关键：强制禁用一切 CSS 过渡与动画干扰】 */
    transition: none !important;
    animation: none !important;
    will-change: transform; 
}

.marquee_item {
    flex-shrink: 0;
    width: calc((100vw - 2.4vw) / 3); 
    height: 100%;
    margin-right: 1.2vw; 
    border-radius: 0.7vw;
    overflow: hidden;
}

.marquee_item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: scale 1s;
}
.marquee_item:hover img {
    scale: 1.05;
}

.scroll_swiper_container:hover .marquee_track {
    animation-play-state: paused;
}

.more_type_container{
    position: relative;
    width: 100%;
    background-color: #222222;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 5.156vw 0 4.792vw;
    box-sizing: border-box;
}
.more_type_container .title{
    font-size: 3.75vw;
    font-weight: bold;
    color: #EEEEEE;
    font-family: none;
}
.more_type_container .more_list{
    position: relative;
    width: 83%;
    padding-top: 3.8vw;
    box-sizing: border-box;
}
.more_type_container .more_list .item{
    background-color: #fff;
    border-radius: 0.5vw;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 3.073vw 0 2.708vw;
    box-sizing: border-box;
}
.more_type_container .more_list .item .image{
    position: relative;
    width: 95%;
    height: 17.6vw;
}
.more_type_container .more_list .item .image img{
    position: relative;
    width: 100%;
    height: 100%;
    object-fit: contain;
    transition: transform .5s;
}
.more_type_container .more_list .item:hover .image img{
    transform: translateY(-5%);
}
.more_type_container .more_list .item .moto_type_name{
    position: relative;
    width: 80%;
    font-family: none;
    font-weight: bold;
    font-size: 1.458vw;
    color: #1A1A1A;
    margin: 1.3vw 0 0.5vw;
    transition: color .3s;
}
.more_type_container .more_list .item:hover .moto_type_name{
    color: #D6020F;
}
.more_type_container .more_list .item .engine_type_name{
    position: relative;
    width: 80%;
    font-family: none;
    font-size: 0.94vw;
    color: #1A1A1A;
    line-height: 1;
}
.mobile_moto_swiper_part_container{
    display: none;
}
@media (max-width: 996px) {
    .header_banner_container{
        height: 167.692vw;
    }
    .header_banner_container .banner_text_container{
        display: none;
    }
    .data_list .item{
        border: none;
        padding: 5.4vw 2vw 3.6vw 3.8vw;
    }

    .data_list .item .p_1{
        font-size: 3.1vw;
    }
    .data_list .item .p_2{
        font-size: 5.2vw;
        white-space: normal;        /* 确保允许正常换行（防止被上级样式的 nowrap 覆盖） */
        word-break: break-all;      /* 允许在单词或字符内换行，适合处理无空格的长英文字符、数字或链接 */
        overflow-wrap: break-word;  /* 在长单词或 URL 地址内部进行换行，避免撑破容器 */
        margin: 5.128vw 0 3.846vw;
        height: 18.2vw;
        line-height: 1.4;
    }
    .data_list .item .p_3{
        font-size: 3.6vw;
        line-height: 1.4;
    }
    .data_list .item:hover{
        padding: 5.4vw 2vw 3.6vw 3.8vw;
    }
    .multi_angle_swiper_container{
        height: 128vw;
    }
    .multi_angle_swiper_container .moto_swiper .swiper .img_container img{
        width: 95%;
        bottom: auto;
    }
    .multi_angle_swiper_container .positioning_container{
        display: none;
    }
    .multi_angle_swiper_container .follow_container{
        pointer-events: none;
        justify-content: center;
        align-items: flex-end;
    }
    .multi_angle_swiper_container .follow_container .color_wheel_container{
        right: auto;
        flex-direction: row;
        transform: translateY(100%);
        pointer-events: all;
    }
    .multi_angle_swiper_container .follow_container .color_wheel_container .item{
        width: 4.7vw;
        height: 4.7vw;
        margin: 0 1.795vw;
        border-radius: 1vw;
    }
    .multi_angle_swiper_container .change_multi_btn .gsticon{
        font-size: 5.2vw;
        color: #aaa;
    }
    .multi_angle_swiper_container .change_multi_prev{
        left: 4.1%;
    }
    .multi_angle_swiper_container .change_multi_next{
        right: 4.1%;
    }
    .multi_angle_swiper_container .main .moto_type{
        top: 20%;
    }
    .multi_angle_swiper_container .main .moto_type .p_1{
        font-size: 20vw;
    }
    .mobile_moto_swiper_part_container{
        display: block;
        background-color: #E4E4E4;
    }
    .mobile_moto_swiper_part_container .mobile_title {
        font-family: none;
        font-weight: bold;
        font-size: 4.1vw;
        color: #313131;
        line-height: 1;
        margin-left: 4.6%;
        margin-bottom: 6.923vw;
    }
    .mobile_moto_swiper_part_container .swiper {
        width: 100%;
        height: 155vw;
    }
    .mobile_moto_swiper_part_container .swiper .mobile_card_container{
        background-color: #fff;
        overflow: hidden;
        border-radius: 1vw;
        display: flex;
        flex-direction: column;
        align-items: center;
        padding: 2.3vw 0 9vw;
    }
    .mobile_moto_swiper_part_container .swiper .mobile_img_container{
        position: relative;
        width: 93.5%;
        height: 43.59vw;
        border-radius: 0.5vw;
        overflow: hidden;
    }
    .mobile_moto_swiper_part_container .swiper .mobile_img_container img{
        position: relative;
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    .mobile_moto_swiper_part_container .swiper .mobile_text_container{
        width: 88%;
    }
    .mobile_moto_swiper_part_container .swiper .p_1{
        font-size: 3.6vw;
        font-family: none;
        color: #1B1B1B;
        margin-top: 6.154vw;
    }
    .mobile_moto_swiper_part_container .swiper .p_2{
        font-family: none;
        font-weight: bold;
        font-size: 4.6vw;
        color: #1B1B1B;
        margin: 3.6vw 0;
    }
    .mobile_moto_swiper_part_container .swiper .p_3{
        font-size: 3.6vw;
        font-family: none;
        color: #404040;
    }
    .multi_angle_swiper_container{
        background-color: #E4E4E4;
    }
    .bg_base_layer{
        display: none;
    }
    .bg_fade_layer{
        display: none;
    }
    .technical_specifications_container{
        padding: 24vw 0 26vw;
    }
    .technical_specifications_container .title{
        font-size: 6.154vw;
        line-height: 1.46;
    }
    .technical_specifications_container .swiper{
        -webkit-mask-image: linear-gradient(to right, transparent 0%, black 8%, black 92%, transparent 100%);
    mask-image: linear-gradient(to right, transparent 0%, black 8%, black 92%, transparent 100%);
    }
    .technical_specifications_container .swiper_change_btn{
        width: 83.6%;
        margin: 10.513vw 0 9vw;
    }
    .technical_specifications_container .swiper_change_btn .item{
        font-size: 3.6vw;
        padding: 3.6vw 5vw;
        border-radius: 1vw;
    }
    .technical_specifications_container .swiper_container{
        width: 100%;
    }
    .technical_specifications_container .swiper .list_container{
        width: 83.6%;
    }
    .technical_specifications_container .swiper .list_container .item{
        font-size: 3.6vw;
        padding: 3vw 0;
    }
    .technical_specifications_container .download_btn{
        padding: 3vw 4.615vw;
        border-radius: 1vw;
        margin-top: 12.821vw;
    }
    .technical_specifications_container .download_btn .text{
        font-size: 3.6vw;
    }
    .technical_specifications_container .download_btn .gsticon{
        font-size: 4.5vw;
        margin-left: 4.1vw;
    }
    .scroll_swiper_container {
        padding: 0 0 26vw; /* 适当缩小上下内边距，使版面紧凑 */
        height: 56vw;    /* 配合图片比例调整轨道高度 */
    }
    /* 关键：调整每个跑马灯单页在移动端的宽度 */
    .marquee_item {
        width: 82vw;         /* 宽度设为屏幕宽度的 70%，保证左右两边各露出约 15% 的邻近卡片 */
        margin-right: 3vw;   /* 移动端更宽的图片间距 */
        border-radius: 1.5vw;  /* 圆角大小按比例增大，与卡片整体视觉更协调 */
    }
    /* 移动端下推荐区域的间距调整 */
    .more_type_container {
        padding: 0 0 10vw;
        background-color: #1B1B1B;
    }
    .more_type_container .title {
        font-size: 6.154vw;
        margin-bottom: 11.795vw;
    }
    /* 移动端容器宽度设为 100% 以支持边缘滑出效果 */
    .more_type_container .more_list {
        width: 100%;
        padding-top: 0;
    }
    .more_type_container .more_list .item {
        padding: 6vw 0 8.2vw;
        border-radius: 1.5vw;
    }
    .more_type_container .more_list .item .image {
        width: 98%;
        height: 50vw;
    }
    .more_type_container .more_list .item .moto_type_name {
        font-size: 5.4vw;
        margin: 4vw 0 1.5vw;
        width: 85%;
    }
    .more_type_container .more_list .item .engine_type_name {
        font-size: 3.6vw;
        width: 85%;
        color: #808080;
    }
}
@media (min-width: 997px) {
    .more_type_container .more_list.justify_center .swiper-wrapper {
        justify-content: center;
    }
    .more_type_container .more_list.justify_center .swiper-slide:last-child {
        margin-right: 0 !important;
    }
}