.floating-contact {
            position: fixed;
            right: 20px;
            top: 50%;
            transform: translateY(-50%);
            z-index: 9999;
            display: flex;
            flex-direction: column;
        }

        .contact-item {
            position: relative;
            width: 56px;
            height: 56px;
            background: #f5f5f5;
            border: 1px solid #e0e0e0;
            display: flex;
            align-items: center;
            justify-content: center;
            cursor: pointer;
            transition: all 0.3s ease;
        }

        .contact-item:not(:last-child) {
            border-bottom: none;
        }

        .contact-item:hover {
            background: #e0e0e0;
        }

        .contact-item:hover .tooltip {
            opacity: 1;
            visibility: visible;
        }

        .contact-icon {
            width: 24px;
            height: 24px;
            flex-shrink: 0;
        }

        .tooltip {
            position: absolute;
            right: 66px;
            top: 50%;
            transform: translateY(-50%);
            background: #333;
            color: #fff;
            padding: 8px 12px;
            border-radius: 4px;
            font-size: 16px!important;
            white-space: nowrap;
            opacity: 0;
            visibility: hidden;
            transition: all 0.3s ease;
        }

        .tooltip-qrcode {
            position: absolute;
            right: 66px;
            top: 50%;
            transform: translateY(-50%);
            background: #fff;
            padding: 10px;
            border-radius: 4px;
            box-shadow: 0 4px 20px rgba(0,0,0,0.2);
            opacity: 0;
            visibility: hidden;
            transition: all 0.3s ease;
        }

        .tooltip-qrcode img {
            width: 120px;
            height: 120px;
            display: block;
        }

        .tooltip-qrcode .qrcode-text {
            text-align: center;
            color: #333;
            font-size: 12px;
            margin-top: 8px;
        }

        .tooltip::after,
        .tooltip-qrcode::after {
            content: '';
            position: absolute;
            right: -6px;
            top: 50%;
            transform: translateY(-50%) rotate(45deg);
            width: 12px;
            height: 12px;
            background: #333;
        }

        .tooltip-qrcode::after {
            background: #fff;
            border-right: 1px solid #e0e0e0;
            border-top: 1px solid #e0e0e0;
        }

        .contact-item:hover .tooltip,
        .contact-item:hover .tooltip-qrcode {
            opacity: 1;
            visibility: visible;
        }