/* 信息栏样式 */
 
        .info-sidebar { position: fixed;right: 0;top: 50%;transform: translateY(-50%);display: flex;flex-direction: column;align-items: flex-end;z-index: 1000;}
        
        .info-item {width: 60px;height: 60px;background-color: #fff;border-radius: 5px 0 0 5px;margin-bottom: 5px;display: flex;align-items: center;justify-content: center;
            box-shadow: -2px 2px 10px rgba(0, 0, 0, 0.1);cursor: pointer;transition: all 0.3s ease;position: relative;color: #555;}  
        .info-item:hover {width: 220px;justify-content: flex-start;padding-left: 20px;color: #fff;}
        .info-item:hover .icon {margin-right: 15px;}
        .info-item.wechat:hover {background-color: #09bb07;}
        .info-item.qq:hover {background-color: #12b7f5;}
        .info-item.phone:hover { background-color: #f39c12;}
        .info-item.email:hover { background-color: #d35400;}
        
        .icon {font-size: 24px;transition: all 0.3s ease;}
        .info-text {display: none;white-space: nowrap;font-size: 16px;font-weight: 500;}
        .info-item:hover .info-text { display: block;}
        
        .qr-code {position: absolute;left: -150px;top: 50%;transform: translateY(-50%);width: 140px;height: 140px;background-color: #fff;border-radius: 8px;box-shadow: 0 5px 15px rgba(0, 0, 0, 0.15);
            padding: 10px;display: none;z-index: 1001;}
        
        .qr-code img {width: 100%;height: 100%;border-radius: 5px;}
        
        .info-item.wechat:hover .qr-code {display: block;animation: fadeIn 0.3s ease;}    
        .qr-code:after {content: '';position: absolute;right: -8px;top: 50%;transform: translateY(-50%);width: 0;height: 0;border-top: 8px solid transparent;border-bottom: 8px solid transparent;border-left: 8px solid #fff;
        }
        
@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(-50%) translateX(-10px);
    }
    to {
        opacity: 1;
        transform: translateY(-50%) translateX(0);
    }
}

/* 响应式调整 - 仅隐藏电话项 */
@media (max-width: 768px) {
    .info-sidebar { /* 保持在右下角 */right: 0;bottom: 85px;top: auto;transform: none;flex-direction: column;width: auto;justify-content: center;background-color: transparent;padding: 0;box-shadow: none;}
    
    /* 隐藏电话项 */
    .info-item.phone {display: none;}
    .info-item {border-radius: 5px 0 0 5px;margin: 0 0 5px 0;width: 50px;height: 50px;}
    .info-item:hover {width: 180px;padding-left: 15px;justify-content: flex-start;}
    .info-item:hover .icon {margin-right: 10px;}
    .qr-code {left: -140px;top: 50%;transform: translateY(-50%);}
    .qr-code:after {right: -8px;top: 50%;bottom: auto;transform: translateY(-50%);border-left: 8px solid #fff;border-right: 8px solid transparent;border-top: 8px solid transparent;border-bottom: 8px solid transparent;}
}