/* IE10+ */

.IEborder {
    border-bottom: 3px solid #ff9900;
}

.pc_swiper {
    position: relative;
}

.pc_swiper .swiper-slide {
    position: relative;
}

.education-poster {
    margin-bottom: 0;
    padding-bottom: 0;
    position: relative;
    min-height: 100vh;
    background-image: url('https://store.hiwonder.com.cn/k12/image/education/%E8%83%8C%E6%99%AF.png');
    background-size: cover;
    background-position: center top;
    background-repeat: no-repeat;
}

/* 背景图：宽度=屏幕宽，高度=图片原始比例，完整展示不裁剪 */
.education-poster-bg {
    display: none;
}

.education-poster img:not(.education-poster-bg) {
    display: block;
    margin-bottom: 0;
}

/* 内容容器：覆盖在背景图上 */
.education-content {
    position: relative;
    z-index: 1;
    width: 100%;
}

.home-dynamic-ecology {
    /* position: absolute; */
    /* 普通流 */
    /* left: 50%; */
    /* transform: translateX(-50%); */
    margin: 0 auto;
    color: #fff;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    padding-top: 10%;
    gap: 1rem;
    text-align: center;
    width: 60vw;
    height: calc(60vh - 53px);
    box-sizing: border-box;
}

.home-dynamic-ecology h2 {
    font-size: 67px;
    /* padding: 0 0px 25px; */
}

.home-dynamic-ecology span {
    font-size: 31px;
}


.education-features {
    /* position: absolute; */
    /* 改成普通流 */
    /* top: 19.5%; */
    /* left:0;  */
    /* right:0; */
    display: flex;
    justify-content: center;
    align-items: stretch;
    gap: 5px;
    margin: 48px auto 0 auto;
    max-width: 60vw;
    /* padding: 230px 14vw; */
}

.feature-photo-container {
    position: relative;
}

.feature-photo-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.feature-text-overlay {
    position: absolute;
    top: 56%;
    left: 52%;
    transform: translate(-50%, -50%);
    text-align: left;
    width: 10vw;
}

.feature-text-overlay .feature-title {
    color: #fff;
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 10px;
}

.feature-text-overlay .feature-desc {
    font-size: 12px;
    font-weight: lighter;
    color: #E3E4E4;
}

/* 竞技体系区块包装容器 */
.system-section-wrapper {
    width: 100%;
    height: calc(100vh);
    margin-top: 10vh;
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
}

.home-dynamic-system {
    /* position: absolute; */
    /* 普通流 */
    /* left: 50%; */
    /* transform: translateX(-50%); */
    margin: 0 auto;
    color: #fff;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    text-align: center;
    padding: 60px 20px 40px;
    width: 100%;
    flex-shrink: 0;
    box-sizing: border-box;
}

.home-dynamic-system h2 {
    font-size: 67px;
}

.home-dynamic-system span {
    font-size: 24.8px;
}

/* 内容 */
/* 整体容器：堆叠卡片效果 */
.system-features {
    position: relative;
    width: 100%;
    max-width: 2600px;
    flex: 1;
    margin: 40px auto;
    padding: 0 50px;
    box-sizing: border-box;
    overflow: visible;
    display: flex;
    align-items: stretch;
}

/* 单个模块卡片：堆叠布局 */
.feature-item {
    position: relative;
    flex: 0 0 60%;
    height: 95%;
    gap: 80px;
    /* padding: 50px; */
    color: #fff;
    border-radius: 16px;
    overflow: hidden;
    display: flex;
    transform: translateX(0);
    transition: transform 0.4s ease, z-index 0s;
    cursor: pointer;
}

/* 卡片堆叠：每张卡片向右下偏移，后面的卡片部分遮挡前面的 */
.feature-item:nth-child(1) {
    z-index: 1;
}

.feature-item:nth-child(2) {
    margin-left: -40%;
    z-index: 2;
}

.feature-item:nth-child(3) {
    margin-left: -40%;
    z-index: 3;
}

.system-features .feature-item:nth-child(2) .feature-content,
.system-features .feature-item:nth-child(2) .feature-content h3,
.system-features .feature-item:nth-child(2) .feature-content>p,
.system-features .feature-item:nth-child(2) .detail-text p {
    color: #100f0f;
}

/* 默认激活（第三张）全展示 */
.feature-item.active {
    z-index: 10;
}

/* 鼠标悬停时展开 */
.feature-item:hover {
    z-index: 10;
}

/* 动效：hover/active 第1张，后两张往后退 */
.system-features .feature-item:nth-child(1):hover~.feature-item,
.system-features .feature-item:nth-child(1).active~.feature-item {
    transform: translateX(68%);
}

/* 动效：hover/active 第2张，仅第3张往后退 */
.system-features .feature-item:nth-child(2):hover~.feature-item,
.system-features .feature-item:nth-child(2).active~.feature-item {
    transform: translateX(68%);
}

/* 2x2 网格布局 */
.feature-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr auto;
    column-gap: 60px;
    row-gap: 30px;
    padding: 70px 32px;
    width: 92%;
    height: 90%;
    margin: 0 auto;
}

.feature-grid-item {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    position: relative;
}

.feature-grid-item img {
    width: 100%;
    /* height: 100%; */
    object-fit: contain;
}

.feature-grid-item h3:first-child {
    font-size: 58.4px;
    font-weight: lighter;
    color: #E7E6E7;
}

.feature-grid-item h3:nth-child(2) {
    font-size: 48px;
    font-weight: bold;
    padding: 0 0 25px 0;
    color: #E7E6E7;
}

.feature-grid-item>p {
    font-size: 25px;
    font-weight: lighter;
    color: #E7E6E7;
}

.feature-item[style*="background-color: #ffffff"] .feature-grid-item h3,
.feature-item[style*="background-color: #ffffff"] .feature-grid-item>p {
    color: #100f0f;
}

.feature-grid-item:nth-child(3) p,
.feature-grid-item:nth-child(4) p {
    font-size: 18px;
    font-weight: lighter;
    padding: 0px 0 8px 0;
    color: #E7E6E7;
}

.feature-item[style*="background-color: #ffffff"] .feature-grid-item:nth-child(3) p,
.feature-item[style*="background-color: #ffffff"] .feature-grid-item:nth-child(4) p {
    color: #100f0f;
}

/* 左侧文字区 */
.feature-content {
    flex: 1.1;
    /* padding: 40px 36px; */
    display: flex;
    margin-top: 25px;
    margin-bottom: 50px;
    flex-direction: column;
    justify-content: space-around;
    /* 让子元素两端对齐，detail-text 会推到底部 */
    /* gap: 12px; */
}

@media (min-width: 2500px) {
    .feature-content {
        margin-top: 52.5px;
        margin-bottom: 50px;
    }
}

@media (min-width: 1920px) and (max-width: 2499px) {
    .feature-content {
        margin-top: 35px;
        margin-bottom: 50px;
    }
}

.feature-content h3:first-child {
    font-size: 58.4px;
    font-weight: lighter;
}

.feature-content h3:nth-child(2) {
    font-size: 48px;
    font-weight: bold;
    padding: 0 0 25px 0;
}

.feature-content-text>p {
    font-size: 30px;
    font-weight: lighter;
    color: #E7E6E7;
    /* padding: 0 0 25px 0; */
}

.feature-item[style*="background-color: #ffffff"] .feature-content-text>p {
    color: #100f0f;
}

.detail-text {
    /* margin-top: auto;   */
}

.detail-text p {
    font-size: 20px;
    font-weight: lighter;
    padding: 0px 0 8px 0;
    /* line-height: 1.7;
    opacity: .9; */
}

/* 右侧两张照片 */
.feature-image-container {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 20px;
    margin-top: 25px;
    margin-bottom: 50px;
}

@media (min-width: 2500px) {
    .feature-image-container {
        margin-top: 52.5px;
        margin-bottom: 50px;
    }
}

@media (min-width: 1920px) and (max-width: 2499px) {
    .feature-image-container {
        margin-top: 35px;
        margin-bottom: 50px;
    }
}

.feature-image-container .image-top,
.feature-image-container .image-bottom {
    flex: 1;
    overflow: visible;
    border-radius: 8px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}

.feature-image-container .image-top img,
.feature-image-container .image-bottom img {
    width: 85%;
    height: 100%;
    object-fit: contain;
}

.feature-image-container .image-label,
.feature-grid-item .image-label {
    position: absolute;
    top: 15%;
    left: -5%;
    background-color: #f98700;
    color: #fff;
    padding: 8px 16px;
    font-size: 13px;
    font-weight: 500;
    z-index: 10;
}

.home-dynamic-grand {
    /* position: absolute; */
    /* 普通流 */
    /* left: 50%; */
    /* transform: translateX(-50%); */
    margin: 0 auto;
    color: #fff;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    text-align: center;
    padding: 60px 20px 40px;
    width: 100%;
    box-sizing: border-box;
}

.home-dynamic-grand h2 {
    font-size: 67px;
}

.home-dynamic-grand span {
    font-size: 31px;
}

/* 全球赛事区块包装容器 */
.global-section-wrapper {
    width: 100%;
    height: calc(100vh);
    display: flex;
    margin-top: 10vh;
    flex-direction: column;
    box-sizing: border-box;
}

.home-dynamic-global {
    /* position: absolute; */
    /* 普通流 */
    /* left: 50%; */
    /* transform: translateX(-50%); */
    margin: 0 auto;
    color: #fff;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    text-align: center;
    padding: 100px 20px 40px;
    width: 100%;
    flex-shrink: 0;
    box-sizing: border-box;
}

.home-dynamic-global h2 {
    font-size: 67px;
}

.home-dynamic-global span {
    font-size: 24.8px;
}

/* 全球赛事盛况 */
.global-event-showcase {
    width: 100%;
    margin: 0 auto;
    padding: 80px 0 60px;
    display: flex;
    flex-direction: column;
    flex: 1;
    align-items: center;
    gap: 0;
}

.global-event-text {
    font-size: 20px;
    color: #b5b5b5;
    text-align: center;
    font-weight: lighter;
}

/* 3D轮播容器 */
.global-event-gallery-3d {
    width: 100%;
    height: 450px;
    perspective: 1500px;
    overflow: visible;
    position: relative;
    box-sizing: border-box;
}

/* 环形容器 */
.global-event-ring {
    width: 100%;
    height: 100%;
    position: relative;
    transform-style: preserve-3d;
    transform: rotateY(0deg);
    transition: transform 0.6s ease;
}

/* 图片面板 */
.global-event-panel {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 28vw;
    aspect-ratio: 1 / 1.618;
    object-fit: cover;
    border-radius: 14px;
    box-shadow: 0 12px 30px rgba(0, 0, 0, .25);
    transform-origin: center center;
    transition: opacity 0.3s ease, transform 0.6s ease;
    cursor: pointer;
    z-index: 100;
}

/* 响应式适配 - 宽度由 JavaScript 动态计算 */
/* 图片宽度通过 JS 根据环形半径和图片数量自动计算，确保在不同浏览器下都有合适的间隙 */

.global-event-gallery {
    --global_gallery_item_w: clamp(170px, 14vw, 320px);
    --global_gallery_gap: 56px;
    --global_gallery_duration: 40s;
    width: 100%;
    overflow: hidden;
    position: relative;
    padding: 0 70px;
    box-sizing: border-box;
    perspective: 1200px;
    perspective-origin: center center;
}

.global-event-gallery-track {
    display: flex;
    align-items: center;
    gap: var(--global_gallery_gap);
    width: max-content;
    will-change: transform;
    animation: globalGalleryLTR var(--global_gallery_duration) linear infinite;
    transform: translateX(-50%);
    transform-style: preserve-3d;
}

.global-event-gallery-item {
    flex: 0 0 auto;
    width: var(--global_gallery_item_w);
    aspect-ratio: 1 / 1.618;
    border-radius: 14px;
    overflow: hidden;
    background: rgba(255, 255, 255, .06);
    transform: translateZ(-180px) scale(1.15);
    transition: transform 0.3s ease;
}

.global-event-gallery-item img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
}

.global-event-text-marquee {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 80px;
    padding: 15px 70px;
    box-sizing: border-box;
    color: #b5b5b5;
}

.global-event-text-static {
    white-space: nowrap;
    font-size: 20px;
    font-weight: 300;
}

.global-event-text--top {
    margin-bottom: -6px;
    transform: perspective(900px) rotateX(14deg);
    transform-origin: center bottom;
}

.global-event-text--bottom {
    margin-top: 35px;
    transform: perspective(900px) rotateX(-14deg);
    transform-origin: center top;
}

@keyframes globalGalleryLTR {
    from {
        transform: translateX(-50%);
    }

    to {
        transform: translateX(0);
    }
}

@keyframes globalTextRTL {
    from {
        transform: translateX(0);
    }

    to {
        transform: translateX(-50%);
    }
}



/* 文字静态弯曲效果响应式 */
@media (min-width: 2560px) {
    .global-event-text-static {
        font-size: 24px;
    }

    .global-event-text-marquee {
        gap: 100px;
    }
}

@media (min-width: 2400px) and (max-width: 2559px) {
    .global-event-text-static {
        font-size: 22px;
    }

    .global-event-text-marquee {
        gap: 90px;
    }
}

@media (min-width: 1920px) and (max-width: 2399px) {
    .global-event-text-static {
        font-size: 20px;
    }

    .global-event-text-marquee {
        gap: 80px;
    }
}

@media (min-width: 1440px) and (max-width: 1919px) {
    .global-event-text-static {
        font-size: 18px;
    }

    .global-event-text-marquee {
        gap: 70px;
        padding: 15px 50px;
    }
}

@media (min-width: 1024px) and (max-width: 1439px) {
    .global-event-text-static {
        font-size: 16px;
    }

    .global-event-text-marquee {
        gap: 60px;
        padding: 12px 40px;
    }
}

@media (max-width: 1023px) {
    .global-event-text-static {
        font-size: 14px;
    }

    .global-event-text-marquee {
        gap: 40px;
        padding: 10px 20px;
    }
}

@media (max-width: 768px) {
    .global-event-text-static {
        font-size: 12px;
    }

    .global-event-text-marquee {
        gap: 30px;
        padding: 8px 15px;
    }
}

/* 响应式适配不同分辨率 */
@media (max-width: 1920px) {
    .feature-text-overlay .feature-title{
        font-size: 13px;
    }
    .feature-text-overlay .feature-desc {
        font-size: 10px;
    }
    .feature-grid-item h3:first-child {
        font-size: 42px;
    }

    .feature-grid-item h3:nth-child(2) {
        font-size: 20px;
    }

    .feature-grid-item>p {
        font-size: 20px;
    }

    .feature-item {
        height: 100%;
    }

    .feature-grid {
        padding: 30px 20px;
    }

    .feature-grid-item {
        font-size: 13px;
    }

    .feature-grid-item:nth-child(3) p,
    .feature-grid-item:nth-child(4) p {
        font-size: 15px;
        font-weight: lighter;
        padding: 0px 0 8px 0;
        color: #E7E6E7;
    }

    .education-features {
        top: 17%;
    }

    .home-dynamic-ecology h2 {
        font-size: 39px;
    }

    .home-dynamic-ecology span {
        font-size: 17px;
    }

    .home-dynamic-system h2 {
        font-size: 39px;
    }

    .home-dynamic-global h2 {
        font-size: 39px;
    }

    .home- .home-dynamic-system span {
        font-size: 13.6px;
    }

    .system-features {
        height: 570px;
    }

    .feature-photo-img {
        width: 100%;
        height: 100%;
        /* object-fit: cover; */
    }

    .feature-content h3:first-child {
        font-size: 32px;
    }

    .feature-content h3:nth-child(2) {
        font-size: 36px;
    }

    .feature-content>p {
        font-size: 20px;
    }

    .detail-text p {
        font-size: 15px;
        padding: 0px 0 5px 0;
        /* line-height: 1.7;
        opacity: .9; */
    }
}

@media (max-width: 1600px) {
    /* .education-features {
        padding: 130px 14vw;
    } */
    .feature-grid-item h3:first-child {
        font-size: 32px;
    }

    .feature-grid-item h3:nth-child(2) {
        font-size: 25px;
    }

    .feature-grid-item>p {
        font-size: 17px;
    }

    .feature-item {
        height: 100%;
    }

    .feature-grid {
        padding: 50px 26px;
    }

    .feature-grid-item {
        font-size: 13px;
    }

    .feature-grid-item:nth-child(3) p,
    .feature-grid-item:nth-child(4) p {
        font-size: 16px;
        font-weight: lighter;
        padding: 0px 0 8px 0;
        color: #E7E6E7;
    }

    .education-features {
        top: 18%;
    }

    .home-dynamic-ecology h2 {
        font-size: 53px;
    }

    .home-dynamic-ecology span {
        font-size: 24px;
    }

    .home-dynamic-system h2 {
        font-size: 53px;
    }

    .home-dynamic-global h2 {
        font-size: 53px;
    }

    .home-dynamic-system span {
        font-size: 19px;
    }

    .system-features {
        height: 620px;
    }

    .feature-photo-img {
        width: 100%;
        height: 100%;
    }

    .feature-content h3:first-child {
        font-size: 45px;
    }

    .feature-content h3:nth-child(2) {
        font-size: 42px;
    }

    .feature-content>p {
        font-size: 25px;
    }

    .detail-text p {
        font-size: 17px;
        padding: 0px 0 5px 0;
    }
}
@media (max-width: 1200px) {
    .global-event-gallery {
        --global_gallery_item_w: clamp(160px, 18vw, 260px);
        padding: 0 50px;
    }

    .global-event-text-marquee {
        padding: 10px 50px;
    }
}

@media (max-width: 768px) {
    .global-event-showcase {
        padding: 26px 0 44px;
    }

    .global-event-gallery {
        --global_gallery_item_w: clamp(130px, 48vw, 190px);
        --global_gallery_gap: 6px;
        --global_gallery_duration: 28s;
        padding: 0 18px;
    }

    .global-event-text-marquee {
        padding: 8px 18px;
    }

    .global-event-text-track span {
        font-size: 16px;
    }

    .global-event-text-track {
        gap: 80px;
    }
}

/* 笔记本等中等屏幕下略微缩小卡片宽度，保证三张还能占满一屏 */
@media (max-width: 1440px) {
    /* .education-features {
        padding: 120px 14vw;
    } */
    
    .feature-grid-item h3:first-child {
        font-size: 32px;
    }
    
    .feature-grid-item h3:nth-child(2) {
        font-size: 22px;
    }
    
    .feature-grid-item>p {
        font-size: 14px;
    }
    
    .feature-item {
        flex: 0 0 480px;
        max-width: 480px;
        height: 100%;
    }
    
    .feature-grid {
        padding: 47px 24px;
    }
    
    .feature-grid-item {
        font-size: 13px;
    }
    
    .feature-grid-item:nth-child(3) p,
    .feature-grid-item:nth-child(4) p {
        font-size: 13px;
        font-weight: lighter;
        padding: 0px 0 8px 0;
        color: #E7E6E7;
    }
    
    .education-features {
        top: 17%;
    }
    
    .home-dynamic-ecology h2 {
        font-size: 50px;
    }
    
    .home-dynamic-ecology span {
        font-size: 21px;
    }
    
    .home-dynamic-system h2 {
        font-size: 50px;
    }
    
    .home-dynamic-global h2 {
        font-size: 50px;
    }
    
    .home-dynamic-system span {
        font-size: 16px;
    }
    
    .system-features {
        height: 570px;
    }
    
    .feature-photo-img {
        width: 100%;
        height: 100%;
    }
    
    .feature-content h3:first-child {
        font-size: 42px;
    }
    
    .feature-content h3:nth-child(2) {
        font-size: 39px;
    }
    
    .feature-content>p {
        font-size: 22px;
    }
    
    .detail-text p {
        font-size: 14px;
        padding: 0px 0 5px 0;
    }
}

@media (max-width: 1280px) {
    /* .education-features {
        padding: 110px 14vw;
    } */
    
    .feature-grid-item h3:first-child {
        font-size: 24px;
    }
    
    .feature-grid-item h3:nth-child(2) {
        font-size: 19px;
    }
    
    .feature-grid-item>p {
        font-size: 11px;
    }
    
    .feature-item {
        flex: 0 0 550px;
        max-width: 550px;
        height: 100%;
    }
    .feature-item:nth-child(2) {
        margin-left: -25%;

    }
    .feature-item:nth-child(3) {
        margin-left: -25%;

    }
    /* 动效：hover/active 第1张，后两张往后退 */
.system-features .feature-item:nth-child(1):hover~.feature-item,
.system-features .feature-item:nth-child(1).active~.feature-item {
    transform: translateX(55%);
}

/* 动效：hover/active 第2张，仅第3张往后退 */
.system-features .feature-item:nth-child(2):hover~.feature-item,
.system-features .feature-item:nth-child(2).active~.feature-item {
    transform: translateX(55%);
}
    .feature-grid {
        padding: 44px 22px;
    }
    
    .feature-grid-item {
        font-size: 13px;
    }
    
    .feature-grid-item:nth-child(3) p,
    .feature-grid-item:nth-child(4) p {
        font-size: 10px;
        font-weight: lighter;
        padding: 0px 0 8px 0;
        color: #E7E6E7;
    }
    
    .education-features {
        top: 16%;
    }
    
    .home-dynamic-ecology h2 {
        font-size: 45px;
    }
    
    .home-dynamic-ecology span {
        font-size: 18px;
    }
    
    .home-dynamic-system h2 {
        font-size: 47px;
    }
    
    .home-dynamic-global h2 {
        font-size: 47px;
    }
    
    .home-dynamic-system span {
        font-size: 13px;
    }
    
    .system-features {
        height: 480px;
    }
    
    .feature-photo-img {
        width: 100%;
        height: 100%;
    }
    
    .feature-content h3:first-child {
        font-size: 39px;
    }
    
    .feature-content h3:nth-child(2) {
        font-size: 36px;
    }
    
    .feature-content>p {
        font-size: 19px;
    }
    
    .detail-text p {
        font-size: 11px;
        padding: 0px 0 5px 0;
    }
}

@media (max-width: 1024px) {
    /* .education-features {
        padding: 100px 14vw;
    } */
    
    .feature-grid-item h3:first-child {
        font-size: 26px;
    }
    
    .feature-grid-item h3:nth-child(2) {
        font-size: 16px;
    }
    
    .feature-grid-item>p {
        font-size: 10px;
    }
    
    .feature-item {
        flex: 0 0 90%;
        max-width: 90%;
        height: 100%;
        opacity: .6;
    }
    
    .feature-item.active {
        opacity: 1;
    }
    
    .feature-grid {
        padding: 41px 20px;
    }
    
    .feature-grid-item {
        font-size: 13px;
    }
    
    .feature-grid-item:nth-child(3) p,
    .feature-grid-item:nth-child(4) p {
        font-size: 10px;
        font-weight: lighter;
        padding: 0px 0 8px 0;
        color: #E7E6E7;
    }
    
    .education-features {
        top: 15%;
    }
    
    .home-dynamic-ecology h2 {
        font-size: 44px;
    }
    
    .home-dynamic-ecology span {
        font-size: 15px;
    }
    
    .home-dynamic-system h2 {
        font-size: 44px;
    }
    
    .home-dynamic-global h2 {
        font-size: 44px;
    }
    
    .home-dynamic-system span {
        font-size: 10px;
    }
    
    .system-features {
        height: 570px;
        justify-content: center;
    }
    
    .feature-photo-img {
        width: 100%;
        height: 100%;
    }
    
    .feature-content h3:first-child {
        font-size: 36px;
    }
    
    .feature-content h3:nth-child(2) {
        font-size: 33px;
    }
    
    .feature-content>p {
        font-size: 16px;
    }
    
    .detail-text p {
        font-size: 10px;
        padding: 0px 0 5px 0;
    }
}
/* 响应式 */
@media (max-width: 900px) {
    .education-features {
        flex-direction: column;
        gap: 24px;
    }

    .feature-card {
        max-width: 100%;
    }
}