/* 侧边联系栏容器 - 固定在右侧 */
        .contact-sidebar {
            position: fixed;
            right: 30px; /* 从左侧改为右侧 */
            bottom: 200px;
            z-index: 100;
            display: flex;
            flex-direction: column;
        }
        
        /* 联系项容器 */
        .contact-item {
            position: relative;
            margin: 7px 0;
        }
        
        /* 图标样式 */
        .contact-icon {
            width: 40px;
            height: 40px;
            border-radius: 50%;
            display: flex;
            justify-content: center;
            align-items: center;
            color: white;
            font-size: 20px;
            cursor: pointer;
            box-shadow:0 5px 10px rgba(117,112,110, 0.25);
            transition: all 0.3s ease;
            background: #fff;
        }
        
       .contact-icon i{font-size: 18px;color: #ff8a00;}
        
        /* 图标悬停效果 */
        .contact-item:hover .contact-icon {
           
            border-radius: 10px;
        }
        
        /* 提示框基础样式 - 白色背景带投影，显示在左侧 */
        .tooltip {
            position: absolute;
            right:54px; /* 从左侧改为右侧定位 */
            background-color: white;
            color: #333;
            padding: 8px 12px;
            border-radius: 4px;
            font-size: 12px;
            font-weight: bold;
            box-shadow: 0 4px 12px rgba(0,0,0,0.15);
            z-index: 101;
            opacity: 0;
            visibility: hidden;
            transition: all 0.3s ease;
            white-space: nowrap;
        }
        
        /* 提示框箭头 - 方向改为向右 */
        .tooltip::before {
            content: '';
            position: absolute;
            top: 50%;
            right: -5px; /* 从左侧改为右侧 */
            transform: translateY(-50%) rotate(45deg);
            width: 10px;
            height: 10px;
            background-color: white;
            box-shadow: 2px -2px 4px rgba(0,0,0,0.05); /* 调整投影方向 */
        }
        
        /* 微信二维码样式 */
        .wechat-tooltip {
            padding: 5px;
            width: 130px;
        }
        
        .wechat-qrcode {
            width: 120px !important;
            height: 120px;
            /* border: 2px solid #f5f5f5; */
            border-radius: 4px;
        }
        
        /* 垂直居中定位 */
        .center-vertical {
            top: 50%;
            transform: translateY(-50%);
        }
        
        /* 提示框显示效果 */
        .contact-item:hover .tooltip {
            opacity: 1;
            visibility: visible;
        }