@media (min-width: 500px) {
    .flex-grow-2 {
        margin-right: 750px !important;
    }
}
.flex-frame {
    display: flex;
    justify-content: space-between;
}

.icon-right {
    display: flex;
}

.img-item {
    margin-right: 1.5rem;
}

.icon-container {
    position: relative; /* 为二维码的绝对定位提供参考点 */
    display: inline-block; /* 使图标并排 */
}

.qr-code {
    position: absolute;
    top:40px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 1000;
    display: none;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

.qr-code img {
    max-width: 200px;
    height: 200px; /* 根据二维码大小调整 */
}


/* 箭头样式 */
.scroll-arrow {
    display: none; /* 默认隐藏 */
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: rgba(255, 255, 255, 0.8);
    padding: 5px;
    cursor: pointer;
    z-index: 1000;
}
.left-arrow {
    left: 0;
}
.right-arrow {
    right: 0;
    .right-arrow-img {
        transform: rotate(180deg);
    }
}

/* 移动端显示箭头 */
@media (max-width: 768px) {
    .scroll-arrow {
        display: block;
    }
    #navbarNavDropdown {
        position: relative;
    }
}