px;
background-color: #ffffff;
border-radius: 8px;
box-shadow: 0 -5px 20px rgba(0,0,0,0.15);
border: 1px solid rgba(238, 76, 140, 0.3);
opacity: 0;
visibility: hidden;
transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
z-index: 100;
pointer-events: none; /* 防止遮挡 */
}
/* 气泡底部的小三角指针 */
.hover-qr-wrap .footer-qr-popup::after {
content: '';
position: absolute;
bottom: -6px;
left: 50%;
transform: translateX(-50%);
border-width: 6px 6px 0;
border-style: solid;
border-color: #ffffff transparent transparent transparent;
}
.hover-qr-wrap .footer-qr-popup img {
width: 100%;
height: 100%;
object-fit: contain;
}
/* 鼠标悬浮触发动画：向上弹起并显现 */
.hover-qr-wrap:hover .footer-qr-popup {
opacity: 1;
visibility: visible;
transform: translateX(-50%) translateY(0);
}
/* ================= 社交媒体专属原生图标组 (缩小间距与对齐修复) ================= */
/* === 修复 1：缩小图标间距，使之更加精致 === */
.baihe-footer .social-icons .hover-qr-wrap:last-child {
margin-right: 0; /* 最后一个不留间距，方便右侧对齐 */
}
.baihe-footer .social-icons .icon-img {
width: 22px; /* 设置统一宽度 */
height: auto;
opacity: 0.8;
transition: all 0.3s ease;
display: block;
}
/* 鼠标悬浮时图标恢复 100% 亮度并稍微放大 */
.baihe-footer .social-icons .hover-qr-wrap:hover .icon-img {
opacity: 1;
transform: scale(1.15) translateY(-2px);
}
/* ================= 底部大字号联系方式区 ================= */
.baihe-footer .big-contact-box {
color: #ffffff !important;
font-size: 20px;
letter-spacing: 1px;
display: flex;
align-items: center; /* 确保“电话：”和数字在同一水平线 */
}
.baihe-footer .big-contact-box span {
font-weight: bold;
font-size: 24px;
margin-left: 5px;
}
/* ================= 版权信息栏 ================= */
.baihe-footer .copyright-bar {
border-top: 1px solid rgba(255, 255, 255, 0.15) !important;
background-color: rgba(0, 0, 0, 0.04) !important;
font-size: 13px;
color: rgba(255, 255, 255, 0.6) !important;
}
.baihe-footer .copyright-bar a {
color: rgba(255, 255, 255, 0.6) !important;
transition: color 0.3s;
}
.baihe-footer .copyright-bar a:hover {
color: #ffffff !important;
}
/* ================= 移动端适配 ================= */
@media (max-width: 991px) {
.baihe-footer .footer-left, .baihe-footer .footer-right { text-align: center; }
.baihe-footer .social-icons { justify-content: center !important; margin-top: 0; margin-bottom: 0;}
.baihe-footer .big-contact-box { font-size: 16px; margin-bottom: 10px; justify-content: center; }
.baihe-footer .big-contact-box span { font-size: 18px; }
.footer-bottom-info-row { flex-direction: column-reverse; gap: 20px; text-align: center; }
.footer-bottom-info-row .contact-links { flex-direction: column; gap: 10px; justify-content: center !important; }
}