.contact {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: 86px 86px;
    column-gap: 1vw;

    display: flex;
    justify-content: center;
    align-items: center;
}
.contact-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
.contact p{
    font-size: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: -12%;
    position: relative; /* 添加相对定位 */
    z-index: 1; /* 设置层级，使文字在图片上方 */
}
.contact-wrapper section{
    justify-items: left;
}
.contact-wrapper h2{
    font-size: 38px;
}
.qr-img{
    width: 39%;
    margin: 20px;
}
.fas-qr{
    padding: 70px;
    display: inline-block;
    background-color: white;
    box-shadow: 0 2px 4px rgba(0.2, 0, 0, 0.2);
}

.backdrop-contact {
    background: var(--backdrop-color);
    z-index: 60;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    opacity: 0.5;
}