section.how{
    padding-top: calc(140 * var(--rpx-50));
    padding-bottom: calc(200 * var(--rpx-50));
    background-color: #fafbfd;
}

.how .section-title{
    text-align: center;
    margin-bottom: calc(67 * var(--rpx-50));
}

section.story{
    padding-top: calc(140 * var(--rpx-50));
    padding-bottom: calc(200 * var(--rpx-50));
}


section.story .brick-list{
    --brick-color: rgba(255, 255, 255, .1);
    --brick-color-shift: rgba(255, 255, 255, .1);
}

section.story .brick{
    color: #fff;
}

.story .section-back{
    background: var(--corner-gradient);
}

.story .section-back .plx-ctn{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.story .section-title{
    color: #fff;
}

.story .brick{
    min-width: 35%;
    transition: .4s;
}

.story .brick:hover{
    background-color: rgba(255, 255, 255, .3);
}

.story .brick .desc{
    opacity: .4;
    transition: .6s;
    cursor: default;
}

.brick .desc{
    text-wrap: unset;
}

.story .brick:hover .desc{
    opacity: 1;
}