/* 顶部导航 */
.logo {
  width: 2.0625rem;
  height: 2.75rem;
}
.header .btn_list{
    font-size: 10px;
    font-weight: bold;
    color: #b1b1b1;
    display: flex;
    align-items: center;
    list-style: none;
    margin: 0;
    padding: 0;
}
.header .btn_list img{
    width: 20px;
}
.header .btn_list li{
    display: flex;
    align-items: center;
    margin-right: 20px;
    color:#ea6401;
    cursor: pointer;
    font-size: 14px;
    margin-right: 36px;
}
.header .btn_list li:last-child{
    margin-right: 0;
}
.header .btn_list li span{
    margin-left: 4px;
}
/* ---------- Banner 背景 ---------- */
.banner {
    /* height: 33.4375rem; */
    height: 31.5625rem;
    background: url('../img/banner.png') no-repeat center center;
}
.banner-content {
    height: 100%;
    width: auto;
    position: absolute;
    left: 25%;
    top: 5rem;
    right: 2rem;
}
.banner-text {
    font-weight: bold;
    font-size: 3.375rem;
    margin-bottom: 26px;
    font-style: italic;
    /* -webkit-text-stroke: 1px #a5a4bc; */
}
.banner-text2 {
    font-weight: bold;
    font-size: 3rem;
    margin-bottom: 3.3rem;
    font-style: italic;
    /* -webkit-text-stroke: 1px #a5a4bc; */
}
.banner-text3 {
    font-size: 1.5rem;
    font-weight: 400;
    font-style: italic;
    /* -webkit-text-stroke: 1px #a5a4bc; */
}

/* ---------- 名师AI系统介绍模块 ---------- */
.ms-text {
    font-weight: bold;
    font-size: 2.625rem;
    margin: 0 2.5rem;
}
/* 标题装饰图片 */
.title-deco {
    /* width: auto; */
    /* height: ; */
}
.ms-content {
    width: 100%;
    height: 15.875rem;
    border-radius: .75rem;
    background: url('../img/ms-t-bg.png') no-repeat center center;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}
.ms-content-t {
    font-size: 1.625rem;
    padding: 0 8.425rem;
    line-height: 3.125rem;
}

/* 学习法模块 */
.xxf-box {
    background-color: #0c1531;
}
.xxf-title {
    font-weight: bold;
    font-size: 2.625rem;
    margin: 0 2.5rem;
}
.xxf-title-desc {
    font-size: 1.625rem;
    margin-top: 3.25rem;
    margin-bottom: 5rem;
    width: 100%;
    text-align: center;
}
.xxs-card-box {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 1.5rem;
}
.xxs-card {
    width: 14.8rem;
    height: 18.075rem;
    padding: 2rem;
    border-radius: .75rem;
    box-shadow: 0 10px 30px rgba(2, 6, 23, 0.6);
}
.xxs-num {
    width: 4rem;
    font-size: 3.9rem;
    font-weight: bold;
    margin-right: 1.25rem;
}
.xxs-title {
    font-size: 1.5rem;
    font-weight: bold;
    line-height: 2.25rem;
    margin-left: 1.25rem;
}
.xxs-desc {
    font-size: 1rem;
    line-height: 1.875rem;
    margin-top: 2.25rem;
    font-weight: 400;
}

/* 四大学习资源库模块 */
.zyk-title {
    font-weight: bold;
    font-size: 2.625rem;
    margin: 0 2.5rem;
}
.zyk-title-desc {
    font-size: 2.625rem;
    margin-top: 1.875rem;
    margin-bottom: 3rem;
    text-align: center;
}
.zyk-title-desc2 {
    font-size: 1.625rem;
    text-align: center;
    margin-bottom: 4.875rem;
}

.zyk-container {
    position: relative;
    width: 100%;
    max-width: 100%;
    height: 34rem;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}

.zyk-cube {
    position: absolute;
    /* width: 16.25rem;
    height: 16.25rem; */
    display: flex;
    justify-content: center;
    align-items: center;
}
.zyk-xd {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

/* .zyk-cube-img {
    width: 100%;
    height: auto;
} */

.zyk-card {
    position: absolute;
    width: 22.375rem; /* -2 */
    height: 11rem; /* -4 */
    padding: 2.4rem;
    border-radius: 0.75rem;
    background: rgba(35, 45, 80, 0.6);
    /* display: flex; */
}

.zyk-card-tl {
    top: 0;
    left: 0;
}

.zyk-card-tr {
    top: 0;
    right: 0;
}

.zyk-card-bl {
    bottom: 0;
    left: 0;
}

.zyk-card-br {
    bottom: 0;
    right: 0;
}

.zyk-card-icon {
    width: 6.25rem;
    height: 6.25rem;
    margin-top: 1.25rem;
}

.zyk-card-icon img {
    width: 100%;
    height: auto;
}

.zyk-card-title {
    font-size: 1.5rem;
    font-weight: bold;
    margin-bottom: 2rem;
}

.zyk-card-tl .zyk-card-title { color: #ff9f43; }
.zyk-card-tr .zyk-card-title { color: #48dbfb; }
.zyk-card-bl .zyk-card-title { color: #54a0ff; }
.zyk-card-br .zyk-card-title { color: #ff9f43; }

.zyk-card-desc {
    font-size: 1rem;
    line-height: 1.75rem;
    margin-top: 0.75rem;
    color: rgba(255, 255, 255, 0.8);
}

/* 自主学习能力模块 */
.zzxx-box {
    background-color: #0c1531;
}
.zzxx-title-desc {
    font-size: 1.625rem;
    line-height: 3rem;
    margin-top: 3.125rem;
    margin-bottom: 5rem;
}
.zzxx-card {
    height: 21.25rem;
    padding: 2.125rem;
}
.zzxx-title {
    font-size: 1.625rem;
    line-height: 3rem;
    font-weight: bold;
}
.zzxx-desc {
    font-size: 1rem;
    line-height: 1.875rem;
    text-align: left;
}
.footer-box {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 3.5rem;
    font-size: 0.85rem;
}

/* =====================================================
   移动端响应式 (≤768px)
   ===================================================== */
@media (max-width: 768px) {

    /* ---------- 顶部导航 ---------- */
    .logo {
        width: 1.8rem;
        height: auto;
    }
    header .ml-16 { margin-left: 0.5rem; }
    header .fs-26 { font-size: 1.2rem; }
    .header .btn_list {
        font-size: 9px;
    }
    .header .btn_list li {
        margin-right: 12px;
    }
    .header .btn_list li span {
        display: none;
    }

    /* ---------- Banner ---------- */
    .banner {
        height: 18rem;
        background-size: cover;
        position: relative;
    }
    .banner-content {
        position: absolute;
        left: 5%;
        right: 5%;
        top: 3rem;
        width: auto;
    }
    .banner-content .w-1\/2 { width: 100%; }
    .banner-text {
        font-size: 1.8rem;
        margin-bottom: 0.5rem;
    }
    .banner-text2 {
        font-size: 1.5rem;
        margin-bottom: 1.5rem;
    }
    .banner-text3 {
        font-size: 1rem;
    }

    /* ---------- 名师AI系统介绍 ---------- */
    .ms-text {
        font-size: 1.4rem;
        margin: 0 0.5rem;
    }
    .title-deco {
        height: 1.2rem;
    }
    .section-title.gap-6 { gap: 0.75rem; }
    .ms-content {
        height: auto;
        min-height: 10rem;
        padding: 1.5rem 1rem;
    }
    .ms-content-t {
        font-size: 1.1rem;
        padding: 0 1rem;
        line-height: 2rem;
    }

    /* ---------- 学习法模块 ---------- */
    .xxf-title {
        font-size: 1.4rem;
        margin: 0 0.5rem;
    }
    .xxf-title-desc {
        font-size: 1.1rem;
        margin-top: 1.5rem;
        margin-bottom: 2.5rem;
    }
    .xxs-card-box {
        grid-template-columns: repeat(2, 1fr);
        gap: 1rem;
    }
    .xxs-card {
        width: 100%;
        height: auto;
        min-height: 12rem;
        padding: 1.2rem;
    }
    .xxs-num { font-size: 2.5rem; margin-right: 0.75rem; }
    .xxs-title { font-size: 1.1rem; line-height: 1.6rem; margin-left: 0.75rem; }
    .xxs-desc { font-size: 0.85rem; line-height: 1.5rem; margin-top: 1rem; }

    /* ---------- 学习资源库模块 ---------- */
    .zyk-title {
        font-size: 1.4rem;
        margin: 0 0.5rem;
    }
    .zyk-title-desc {
        font-size: 1.3rem;
        margin-top: 1rem;
        margin-bottom: 1.5rem;
    }
    .zyk-title-desc2 {
        font-size: 1rem;
        margin-bottom: 2rem;
    }

    /* 资源库：绝对定位 → 2x2 网格 */
    .zyk-container {
        position: relative;
        height: auto;
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 1rem;
        padding: 0;
        overflow: visible;
    }
    .zyk-cube,
    .zyk-xd {
        display: none;
    }
    .zyk-card {
        position: static;
        width: 100%;
        height: auto;
        min-height: 8rem;
        padding: 1rem;
    }
    .zyk-card-title {
        font-size: 1.1rem;
        margin-bottom: 0.5rem;
    }
    .zyk-card-desc {
        font-size: 0.85rem;
        line-height: 1.5rem;
        margin-top: 0.5rem;
    }

    /* ---------- 自主学习能力模块 ---------- */
    .zzxx-title-desc {
        font-size: 1.1rem;
        line-height: 2rem;
        margin-top: 1.5rem;
        margin-bottom: 2.5rem;
    }
    .zzxx-card {
        height: auto;
        min-height: 16rem;
        padding: 1.2rem;
    }
    .zzxx-title {
        font-size: 1.2rem;
        line-height: 2rem;
    }
    .zzxx-desc {
        font-size: 0.85rem;
        line-height: 1.5rem;
    }
}

/* ---------- 小屏手机 (≤480px) ---------- */
@media (max-width: 480px) {

    .banner { height: 15rem; }
    .banner-content { top: 2rem; }
    .banner-text { font-size: 1.5rem; }
    .banner-text2 { font-size: 1.2rem; margin-bottom: 1rem; }
    .banner-text3 { font-size: 0.9rem; }

    .header .btn_list li {
        margin-right: 8px;
    }

    .ms-text { font-size: 1.1rem; }
    .ms-content-t { font-size: 0.95rem; line-height: 1.7rem; }

    .xxf-title { font-size: 1.1rem; }
    .xxf-title-desc { font-size: 0.95rem; }

    .xxs-card-box {
        grid-template-columns: repeat(1, 1fr);
    }
    .xxs-num { font-size: 2rem; }
    .xxs-title { font-size: 1rem; }

    .zyk-title { font-size: 1.1rem; }
    .zyk-title-desc { font-size: 1rem; }
    .zyk-container {
        grid-template-columns: repeat(1, 1fr);
    }

    .zzxx-title-desc { font-size: 0.95rem; }
    .zzxx-card { min-height: 14rem; }
}