/* ==================== 页面主容器 ==================== */
.qiyefuwu-page {
    max-width: 768px;
    margin: 0 auto;

    overflow: hidden;
}

.qiyefuwu-page .course_info {
    background-color: #fff;
    /* padding-bottom: 0.8rem; */
}

.qiyefuwu-page .course_info .height-50 {
    height: 1.333rem;
}

/* ==================== 标题区域 ==================== */
.qiyefuwu-page .course_info .value .missionTitle {
    text-align: center;
    padding: 0.8rem 0.3rem 0.8rem;
}

.qiyefuwu-page .course_info .value .missionTitle>div:first-child {
    font-size: 0.56rem;
    font-weight: 700;
    color: #2c3e50;
    line-height: 1.4;
    letter-spacing: 0.027rem;
}

.qiyefuwu-page .course_info .value .missionTitle .exp-text {
    font-size: 0.18rem;
    color: #8a9bb0;
    letter-spacing: 0.021rem;
    margin-top: 0.213rem;
    font-weight: 400;
    text-transform: uppercase;
    line-height: 1.5;
}

/* ==================== 主内容区 ==================== */
.qiyefuwu-page .course_info .main-center {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    padding: 0 0.3rem 0.8rem;
}

/* ==================== 彩色服务卡片：一行两列 ==================== */
.qiyefuwu-page .course_info .main-center>div>.qf_1 {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 0.533rem;
    width: 100%;
}

.qiyefuwu-page .course_info .main-center>div>.qf_1 .qf_1_card_item {
    width: 100%;
    min-width: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
        padding: 0.367rem;
    border-radius: 0.213rem;
    color: #fff;
    text-align: center;
    box-shadow: 0 0.107rem 0.32rem rgba(0, 0, 0, 0.08);
    transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.qiyefuwu-page .course_info .main-center>div>.qf_1 .qf_1_card_item:active {
    transform: scale(0.97);
    box-shadow: 0 0.053rem 0.16rem rgba(0, 0, 0, 0.12);
}

.qiyefuwu-page .course_info .main-center>div>.qf_1 .qf_1_card_item img {
    width: 1.267rem;
    height: 1.167rem;
    margin: 0 0 0.267rem;
    flex-shrink: 0;
    filter: brightness(0) invert(1);
}

.qiyefuwu-page .course_info .main-center>div>.qf_1 .qf_1_card_item span {
    font-size: 0.4rem;
    font-weight: 600;
    white-space: nowrap;
    letter-spacing: 0.013rem;
    line-height: 1.2;
}

/* ==================== 图片区 qf_2：一行一列 ==================== */
.qiyefuwu-page .course_info .main-center>.flex.justify-between.wow {
    display: flex;
    flex-direction: column;
    gap: 0.533rem;
    width: 100%;
}

.qiyefuwu-page .course_info .main-center>.flex.justify-between.wow .qf_2 {
    display: flex;
    flex-direction: column;
    gap: 0.533rem;
    width: 100%;
}

.qiyefuwu-page .course_info .main-center>.flex.justify-between.wow .qf_2>div {
    display: flex;
    flex-direction: column;
    gap: 0.533rem;
    width: 100%;
}

.qiyefuwu-page .course_info .main-center>.flex.justify-between.wow .qf_2>div .qf_2_a {
    width: 100%;
}

.qiyefuwu-page .course_info .main-center>.flex.justify-between.wow .qf_2>div .qf_2_a img {
    border-radius: 0.213rem;
    overflow: hidden;
    box-shadow: 0 0.053rem 0.213rem rgba(0, 0, 0, 0.06);
    transition: transform 0.25s ease;
    width: 100%;
}

.qiyefuwu-page .course_info .main-center>.flex.justify-between.wow .qf_2>div .qf_2_a img:active {
    transform: scale(0.98);
}

/* ==================== 图片区 qf_3：一行一列 ==================== */
.qiyefuwu-page .course_info .main-center>.qf_3 {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 0.533rem;
    width: 100%;
}

.qiyefuwu-page .course_info .main-center>.qf_3 .qf_3_a {
    width: 100%;
}

.qiyefuwu-page .course_info .main-center>.qf_3 .qf_3_a img {
    border-radius: 0.213rem;
    overflow: hidden;
    box-shadow: 0 0.053rem 0.213rem rgba(0, 0, 0, 0.06);
    transition: transform 0.25s ease;
    width: 100%;
}

.qiyefuwu-page .course_info .main-center>.qf_3 .qf_3_a img:active {
    transform: scale(0.98);
}

/* ==================== 图片区 qf_4：一行一列 ==================== */
.qiyefuwu-page .course_info .main-center>.qf_4 {
    display: flex;
    flex-direction: column;
    gap: 0.533rem;
}

.qiyefuwu-page .course_info .main-center>.qf_4 .qf_4_a {
    width: 100%;
}

.qiyefuwu-page .course_info .main-center>.qf_4 .qf_4_a img {
    border-radius: 0.213rem;
    overflow: hidden;
    box-shadow: 0 0.107rem 0.32rem rgba(0, 0, 0, 0.08);
    transition: transform 0.25s ease;
    width: 100%;
}

.qiyefuwu-page .course_info .main-center>.qf_4 .qf_4_a img:active {
    transform: scale(0.98);
}

/* ==================== 入场动画 ==================== */
/* .qiyefuwu-page .wow {
    animation: fadeInUp 0.8s both;
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        transform: translate3d(0, 0.8rem, 0);
    }

    100% {
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }
} */

.qiyefuwu-page .course_info .main-center>div>.qf_1 {
    animation-delay: 0.1s;
}

.qiyefuwu-page .course_info .main-center>.flex.justify-between.wow {
    animation-delay: 0.25s;
}

.qiyefuwu-page .course_info .main-center>.qf_3 {
    animation-delay: 0.35s;
}

.qiyefuwu-page .course_info .main-center>.qf_4 {
    animation-delay: 0.45s;
}

/* ==================== 窄屏适配（≤320px） ==================== */
@media screen and (max-width: 320px) {
    .qiyefuwu-page .course_info .main-center>div>.qf_1 {
        gap: 0.32rem;
    }

    .qiyefuwu-page .course_info .main-center>div>.qf_1 .qf_1_card_item {
        padding: 0.533rem 0.16rem;
    }

    .qiyefuwu-page .course_info .main-center>div>.qf_1 .qf_1_card_item img {
        width: 0.853rem;
        height: 0.853rem;
        margin-bottom: 0.213rem;
    }

    .qiyefuwu-page .course_info .main-center>div>.qf_1 .qf_1_card_item span {
        font-size: 0.347rem;
    }

    .qiyefuwu-page .course_info .value .missionTitle>div:first-child {
        font-size: 0.3rem;
    }

    .qiyefuwu-page .course_info .value .missionTitle .exp-text {
        font-size: 0.1rem;
    }
}

/* ==================== 大屏适配（≥414px） ==================== */
@media screen and (min-width: 414px) {
    .qiyefuwu-page .course_info .main-center>div>.qf_1 .qf_1_card_item img {
        width: 1.173rem;
        height: 1.173rem;
    }

    .qiyefuwu-page .course_info .main-center>div>.qf_1 .qf_1_card_item span {
        font-size: 0.427rem;
    }
}

/* ==================== 平板适配（≥768px） ==================== */
@media screen and (min-width: 768px) {
    .qiyefuwu-page {
        padding: 0 1.5rem 1.5rem;
    }
}