@charset "utf-8";
/* CSS Document */


        
        /* 悬浮联系组件容器 */
        .contact-float {
            position: fixed;
            right: 20px;
            top: 50%;
            transform: translateY(-50%);
            z-index: 999;
        }
        
        /* 单个联系项样式 */
        .contact-item {
            position: relative;
            margin: 15px 0;
        }
        
        /* 圆形图标样式 */
        .contact-icon {
            width: 60px;
            height: 60px;
            border-radius: 50%;
            background-color: #4CAF50;
            color: white;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 24px;
            cursor: pointer;
            box-shadow: 0 3px 10px rgba(0,0,0,0.2);
            transition: all 0.3s ease;
        }
        
        .contact-icon:hover {
            transform: scale(1.1);
            box-shadow: 0 5px 15px rgba(0,0,0,0.3);
        }
        
        
        /* 微信图标特殊样式 */
        .wechat-icon {
			
			background: linear-gradient(90deg, #67b324 0%, #3eff79 100%);
			
          
        }
        
        /* 邮箱图标特殊样式 */
        .email-icon {
            background: linear-gradient(270deg, #D930AA 0%, #3F5CFE 100%);
        }
        
        /* 悬停显示的信息框 */
        .contact-info {
            position: absolute;
            right: 70px;
            top: 50%;
            transform: translateY(-50%);
            background-color: white;
            padding: 10px 15px;
            border-radius: 8px;
            box-shadow: 0 3px 10px rgba(0,0,0,0.2);
            white-space: nowrap;
            opacity: 0;
            visibility: hidden;
            transition: all 0.3s ease;
        }
        
        /* 信息框小三角 */
        .contact-info::after {
            content: '';
            position: absolute;
            right: -5px;
            top: 50%;
            transform: translateY(-50%) rotate(45deg);
            width: 10px;
            height: 10px;
            background-color: white;
            box-shadow: 3px -3px 5px rgba(0,0,0,0.1);
        }
        
        /* 悬停显示信息框 */
        .contact-item:hover .contact-info {
            opacity: 1;
            visibility: visible;
            right: 75px;
        }