/* ===== 联系方式容器 ===== */
#contact-list {
    max-width: 1100px;
    margin: 0 auto;

    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
    gap: 32px;
}

/* ===== 单个卡片 ===== */
#contact-list > div {
    position: relative;
    padding: 26px;
    border-radius: 20px;

    background: rgba(255, 255, 255, 0.06);
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);

    border: 1px solid rgba(255, 255, 255, 0.15);

    box-shadow:
        0 10px 40px rgba(0, 0, 0, 0.4);

    transition: transform .35s ease,
                box-shadow .35s ease;

    overflow: hidden;
}

/* ===== 发光边框 ===== */
#contact-list > div::before {
    content: "";
    position: absolute;
    inset: -1px;
    border-radius: inherit;

    background: linear-gradient(
        120deg,
        transparent,
        rgba(56,189,248,.6),
        rgba(167,139,250,.6),
        transparent
    );

    opacity: 0;
    transition: opacity .35s;
}

/* ===== 悬浮效果 ===== */
#contact-list > div:hover {
    transform: translateY(-12px) scale(1.03);
    box-shadow:
        0 30px 80px rgba(0, 0, 0, 0.65);
}

#contact-list > div:hover::before {
    opacity: 1;
}

/* ===== 标题 ===== */
#contact-list h2 {
    font-size: 22px;
    margin-bottom: 10px;
    color: #e0f2fe;
}

/* ===== 内容 ===== */
#contact-list p {
    font-size: 15px;
    color: #c7d2fe;
    margin-bottom: 18px;
    word-break: break-all;
}

/* ===== 二维码 ===== */
#contact-list img {
    width: 150px;
    height: 150px;

    display: block;
    margin: 0 auto;

    padding: 10px;
    border-radius: 14px;
    background: #ffffff;

    cursor: pointer;
    transition: transform .25s ease;
}

#contact-list img:hover {
    transform: scale(1.08);
}

/* ===== 二维码放大弹窗 ===== */
.qr-modal {
    position: fixed;
    inset: 0;

    display: none;
    align-items: center;
    justify-content: center;

    background: rgba(0, 0, 0, 0.7);
    backdrop-filter: blur(10px);

    z-index: 999;
}

.qr-modal img {
    width: 320px;
    height: 320px;

    padding: 18px;
    border-radius: 20px;
    background: white;
}