/* Index page specific styles for Chinese version */

/* Platform items basic alignment - 减少间距 */
.platform-container .am-g {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
}

/* Basic platform item sizing - 调整间距计算，每行显示4个 */
.platform-item {
    flex: 0 1 calc(25% - 8px) !important;
    padding: 10px !important;
}

/* Ensure consistent minimum height for platform items - 减少高度和留白 */
.platform-item .features_item {
    min-height: 200px !important;
    display: flex !important;
    flex-direction: column !important;
    padding: 10px !important;
    box-sizing: border-box !important;
    border: 1px solid transparent !important;
    transition: all 0.3s ease !important;
    background-color: #ffffff !important;
    /* border-radius: 8px !important; */
}

/* Hover effects - 移除红色边框特效 */
/* .platform-item .features_item:hover {
    移除所有悬停效果
} */

/* Image hover effects - 移除图片缩放效果 */
/* .platform-item .features_item:hover .platform-image {
    移除图片缩放效果
} */

.platform-image {
    transition: transform 0.3s ease !important;
    border-radius: 0px !important;
    overflow: hidden !important;
}

/* Title hover effects - 移除标题颜色变化 */
/* .platform-item .features_item:hover .features_item--title a {
    移除标题颜色变化
} */

/* 标题居中显示 */
.platform-item .features_item--title {
    text-align: center !important;
}

.platform-item .features_item--title a {
    text-align: center !important;
    display: block !important;
}

/* 研发管线标题居中显示 */
.rd-pipeline .platform-item .features_item--title {
    text-align: center !important;
}

.rd-pipeline .platform-item .features_item--title a {
    text-align: center !important;
    display: block !important;
}

/* 移动端标题居中显示 */
.ycc-phone .features_item h3 {
    text-align: center !important;
}

.ycc-phone .features_item h3 a {
    text-align: center !important;
    display: block !important;
}

/* 确保所有平台标题都居中 - 更具体的选择器 */
.platform-container .platform-item .features_item--title,
.platform-container .platform-item .features_item--title a,
.platform-container .ycc-pc .features_item--title,
.platform-container .ycc-pc .features_item--title a {
    text-align: center !important;
    display: block !important;
}

/* 确保研发管线所有标题都居中 */
.rd-pipeline .platform-container .platform-item .features_item--title,
.rd-pipeline .platform-container .platform-item .features_item--title a,
.rd-pipeline .platform-container .ycc-pc .features_item--title,
.rd-pipeline .platform-container .ycc-pc .features_item--title a {
    text-align: center !important;
    display: block !important;
}

/* 强制所有标题居中 - 最高优先级 */
h3.features_item--title,
h3.features_item--title a,
.features_item--title,
.features_item--title a {
    text-align: center !important;
    display: block !important;
}

.container {
    width: 100% !important;
    margin: 0 auto
}
/* 技术平台文字定投显示 - 移除滚动效果 */
.platform-item .features_item--text a {
    display: block !important;
    overflow: visible !important;
    text-overflow: unset !important;
    white-space: normal !important;
    line-height: 1.6 !important;
    color: #333 !important;
}

/* 移除悬停效果 - 文字保持定投显示 */
.platform-item .features_item:hover .features_item--text a {
    display: block !important;
    overflow: visible !important;
    text-overflow: unset !important;
    white-space: normal !important;
    color: #333 !important;
}

/* R&D Pipeline section - 单张图片居中显示 */
.rd-pipeline .platform-item {
    flex: 0 1 100% !important;
    text-align: center !important;
}

.rd-pipeline .platform-container {
    justify-content: center !important;
}

/* R&D Pipeline hover effects - 移除红色边框特效 */
/* .rd-pipeline .platform-item .features_item:hover {
    移除所有悬停效果
} */

/* Mobile version hover effects - 减少移动端留白 */
.ycc-phone .features_item {
    transition: all 0.3s ease !important;
    border-radius: 8px !important;
    padding: 10px !important;
    background-color: #ffffff !important;
    border: 1px solid transparent !important;
}

/* .ycc-phone .features_item:hover {
    移除移动端悬停效果
} */

/* .ycc-phone .features_item:hover h3 a {
    移除移动端标题颜色变化
} */

/* .ycc-phone .features_item:hover img {
    移除移动端图片缩放效果
} */

.ycc-phone .features_item img {
    transition: transform 0.3s ease !important;
    border-radius: 6px !important;
}

/* Responsive design - 减少响应式间距，保持4个平台显示 */
@media (max-width: 1200px) {
    .platform-item {
        flex: 0 1 calc(25% - 8px) !important;
    }
}

@media (max-width: 992px) {
    .platform-item {
        flex: 0 1 calc(50% - 8px) !important;
    }
    
    .rd-pipeline .platform-item {
        flex: 0 1 calc(50% - 5px) !important;
    }
}

@media (max-width: 768px) {
    .platform-item {
        flex: 0 1 calc(50% - 5px) !important;
    }
    
    .rd-pipeline .platform-item {
        flex: 0 1 100% !important;
    }
    
    .platform-container .am-g {
        gap: 15px !important;
    }
    
    .platform-item .features_item {
        min-height: 380px !important;
    }
}

@media (max-width: 480px) {
    .platform-item,
    .rd-pipeline .platform-item {
        flex: 0 1 100% !important;
    }
    
    .platform-container .am-g {
        gap: 10px !important;
    }
    
    .platform-item .features_item {
        min-height: 350px !important;
    }
    
}
.index-container {
    margin-left: 200px  !important;
    margin-right: 200px  !important;
}
.section .section--header .section--description {
    padding: 0 230px !important;
}

/* 移动端优化样式 */
@media screen and (max-width: 768px) {
    .section .section--header .section--description {
        padding: 0 !important;
    }
    .index-container {
        margin-left: 0px  !important;
        margin-right: 50px  !important;
    }
    .ycc-phone {
        width: 400px !important;
    }
    /* 技术平台图片移动端显示优化 */
    .platform-item .platform-image {
        width: 360px !important;
        height: auto !important;
        object-fit: cover !important;
        display: block !important;
        margin: 0 auto !important;
    }
    .features_item {
        width: 100% !important;
        margin-left: 4%;
    }
    .features_item img {
        width: 360px !important;
        height: auto !important;
        object-fit: cover !important;
        display: block !important;
        margin: 0 auto !important;
    }
    
    /* 研发管线图片移动端尺寸调整 */
    .rd-pipeline .platform-image {
        width: 360px !important;
        height: auto !important;
        max-width: 100% !important;
        display: block !important;
        margin: 0 auto !important;
    }
    
    .rd-pipeline .ycc-phone .features_item img {
        width: 360px !important;
        height: auto !important;
        max-width: 100% !important;
        display: block !important;
        margin: 0 auto !important;
    }
    
    /* 移动端平台项目布局优化 - 单列显示 */
    .platform-item {
        flex: 0 1 100% !important;
        margin-bottom: 30px !important;
        width: 100% !important;
    }
    
    .platform-item .features_item {
        min-height: auto !important;
        padding: 20px !important;
        text-align: center !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
    }
    
    /* 移动端研发管线布局优化 */
    .rd-pipeline .platform-item {
        flex: 0 1 100% !important;
        margin-bottom: 30px !important;
        width: 100% !important;
    }
    
    .rd-pipeline .platform-item .features_item {
        min-height: auto !important;
        padding: 20px !important;
        text-align: center !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
    }
    
    /* 移动端标题文字优化 - 居中横排显示 */
    .platform-item .features_item--title,
    .platform-item .features_item--title a,
    .ycc-phone .features_item h3,
    .ycc-phone .features_item h3 a,
    .rd-pipeline .platform-item .features_item--title,
    .rd-pipeline .platform-item .features_item--title a {
        text-align: center !important;
        display: block !important;
        white-space: normal !important;
        word-break: break-word !important;
        line-height: 1.4 !important;
        margin-top: 15px !important;
        font-size: 16px !important;
        font-weight: 600 !important;
    }
    
    /* 移动端平台容器优化 */
    .platform-container .am-g {
        flex-direction: column !important;
        gap: 0 !important;
    }
    
    .rd-pipeline .platform-container .am-g {
        flex-direction: column !important;
        gap: 0 !important;
    }
}