/* 外层容器 */
.how-it-works-wrapper {

    background-color:#ffffff;

    border-radius:18px;

    padding:42px 24px;

    max-width:1200px;

    margin:30px auto;

    box-shadow:0 8px 24px rgba(0,0,0,0.05);

    text-align:center;

    box-sizing:border-box;

    font-family:inherit;

}


/* 标题 */
.how-it-works-title {

    font-size:32px;

    font-weight:800;

    color:#222222;

    margin:0 0 36px 0;

    letter-spacing:0.3px;

    line-height:1.3;

}



/* 流程容器 */

.how-it-works-steps {

    display:flex;

    align-items:center;

    justify-content:center;

    flex-wrap:wrap;

    gap:14px;

}



/* 流程卡片 */

.step-card {

    background:#ffffff;

    color:#333333;

    font-size:16px;

    font-weight:600;

    padding:14px 24px;

    border-radius:16px;

    border:1px solid rgba(0,0,0,0.06);

    box-shadow:0 6px 18px rgba(0,0,0,0.04);

    white-space:nowrap;

    transition:all .25s ease;

}



.step-card:hover {

    transform:translateY(-3px);

    box-shadow:0 8px 22px rgba(0,0,0,0.08);

}



/* 箭头 */

.step-arrow {

    color:#73BD02;

    font-size:18px;

    font-weight:600;

    user-select:none;

}



/* 手机端 */

@media(max-width:768px){


    .how-it-works-wrapper{

        padding:30px 16px;

        border-radius:14px;

    }



    .how-it-works-title{

        font-size:26px;

        margin-bottom:24px;

    }



    .how-it-works-steps{

        gap:10px;

    }



    .step-card{

        font-size:14px;

        padding:11px 18px;

        border-radius:14px;

    }



    .step-arrow{

        font-size:15px;

    }


}