/**
 * 老虎盒子二维码和公众号样式
 * 增强二维码和公众号按钮的悬停效果
 */

/* 小程序二维码按钮悬停效果增强 */
.qrcode-btn:hover {
    background-color: #0c34ff;
    transform: translateY(-2px) translateX(-75px);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15);
    transition: all 0.3s ease;
}

.qrcode-btn:hover img {
    filter: brightness(0) invert(1);
    transition: all 0.3s ease;
}

/* 公众号按钮悬停效果增强 */
.gzh-btn:hover {
    background-color: #0c34ff;
    transform: translateY(-2px) translateX(25px);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15);
    transition: all 0.3s ease;
}

.gzh-btn:hover img {
    filter: brightness(0) invert(1);
    transition: all 0.3s ease;
}

/* 二维码容器显示效果增强 */
.qrcode-container.show,
.gzh-container.show {
    visibility: visible;
    opacity: 1;
    transform: translateX(0);
    transition: all 0.3s ease;
}

/* 关闭按钮悬停效果增强 */
.close-btn:hover {
    background-color: #0c34ff;
    color: white;
    transform: scale(1.1);
    transition: all 0.2s ease;
}