.wk-perks-wrapper {
    font-family: inherit;
    padding: 45px 15px;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    box-sizing: border-box;
}


.wk-perks-wrapper * {
    box-sizing: border-box;
}


/* 标题 */
.wk-perks-title {
    font-size: 34px;
    font-weight: 800;
    color: #222222;
    margin: 0 0 42px 0;
    text-align: center;
}



/* 卡片容器 */
.wk-perks-container {
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    gap:26px;
    max-width:1200px;
    width:100%;
}



/* 卡片 */
.wk-perks-card {

    background:#ffffff;

    border-radius:18px;

    width:calc(25% - 20px);

    min-width:240px;

    padding:38px 28px;

    text-align:center;

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

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

    display:flex;
    flex-direction:column;
    align-items:center;

    transition:all .25s ease;

}


.wk-perks-card:hover {

    transform:translateY(-6px);

}



/* 数字 */
.wk-perks-badge {

    background:#73BD02;

    color:#222020;

    font-size:18px;

    font-weight:800;

    width:56px;

    height:56px;

    border-radius:14px;

    display:flex;

    justify-content:center;

    align-items:center;

    margin-bottom:22px;

}



/* ICON */

.wk-perks-icon {

    width:42px;

    height:42px;

    margin-bottom:18px;

}


.wk-perks-icon svg {

    width:100%;

    height:100%;

    stroke:#73BD02;

    fill:none;

    stroke-width:1.8;

    stroke-linecap:round;

    stroke-linejoin:round;

}



/* 标题 */

.wk-perks-card-title {

    font-size:19px;

    font-weight:750;

    color:#222222;

    margin:0 0 14px;

    line-height:1.35;

}



/* 描述 */

.wk-perks-card-text {

    font-size:15px;

    color:#666666;

    line-height:1.65;

    margin:0;

}



/* 平板 */

@media(max-width:1024px){

    .wk-perks-card{

        width:calc(50% - 15px);

    }

}




/* 手机端 */

@media(max-width:600px){


    .wk-perks-wrapper{

        padding:30px 12px;

    }


    .wk-perks-title{

        font-size:26px;

        margin-bottom:26px;

    }


    .wk-perks-container{

        gap:14px;

    }


    .wk-perks-card{


        width:100%;


        padding:20px 18px;


        border-radius:14px;


        flex-direction:row;


        text-align:left;


        align-items:flex-start;


    }



    /* 手机端数字缩小 */

    .wk-perks-badge{


        width:42px;

        height:42px;

        font-size:14px;

        border-radius:10px;

        margin-right:14px;

        margin-bottom:0;

        flex-shrink:0;

    }



    /* icon隐藏，避免过长 */

    .wk-perks-icon{

        display:none;

    }


    .wk-perks-card-title{

        font-size:16px;

        margin-bottom:6px;

    }


    .wk-perks-card-text{

        font-size:13px;

        line-height:1.45;

    }


}