.kefu-panel {
            position: fixed;
            right: 0;
            top: 50%;
            transform: translateY(-50%);
            width: 50px;
            background: #111;
            border-radius: 8px 0 0 8px;
            overflow: hidden;
            box-shadow: -5px 5px 20px rgba(0, 0, 0, 0.4);
            transition: width 0.4s ease;
            z-index: 1000;
        }
        
        .kefu-panel:hover {
            width: 220px;
        }
        
        .kefu-row {
            display: flex;
            height: 50px;
            border-bottom: 1px solid rgba(255, 255, 255, 0.2);
            transition: all 0.3s ease;
        }
        
        .kefu-row:last-child {
            border-bottom: none;
        }
        
        .kefu-left {
            flex: 1;
            display: flex;
            align-items: center;
            padding-left: 0px;
            color: white;
            font-size: 14px;
            white-space: nowrap;
            overflow: hidden;
            transition: all 0.3s ease;
        }
        
        .kefu-right {
            width: 50px;
            display: flex;
            align-items: center;
            justify-content: center;
            color: white;
            font-size: 18px;
            transition: all 0.3s ease;
        }
           .pl {
            padding-left: 20px;
        }
             .pl15{
            padding-left: 13px;
        }
        
        /* 第1-3行和第5行的悬停效果 */
        .kefu-row-link:hover {
            background: white;
            cursor: pointer;
        }
        
        .kefu-row-link:hover .kefu-left {
            color: #000;
        }
        
        .kefu-row-link:hover .kefu-right {
            color: #000;
        }
        
        /* 第4行特殊样式 */
        .kefu-social-icons {
            display: flex;
            gap: 8px;
        }
        
        .kefu-social-icon {
            width: 25px;
            height: 25px;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            color: white;
            font-size: 14px;
            text-decoration: none;
        }
            .kefu-social-icon:hover{
            color: eeeeee;

        } 
        .kefu-social-icon.fb { background: #3b5998; color: #ffffff; }
        .kefu-social-icon.wechat { background: #1da1f2; color: #ffffff;}
        .kefu-social-icon.skype { background: #09b83e;color: #ffffff; }
        .kefu-social-icon.twitter { background: #00aff0; color: #ffffff;}
        .kefu-social-icon.linkedin { background: #0077b5; color: #ffffff;}
        
        /* 第4行悬停效果 */
        .kefu-row-4:hover {
            background: white;
        }
        
        .kefu-row-4:hover .kefu-right {
            color: #000;
        }
        
        /* 响应式调整 */
        @media (max-width: 768px) {
            .kefu-panel {
                top: auto;
                bottom: 0;
                transform: none;
                width: 100%;
                height: 50px;
                border-radius: 0;
                display: none;
            }
            
            .kefu-panel:hover {
                width: 100%;
                height: 250px;
                flex-direction: column;
            }
            
            .kefu-row {
                width: 100%;
            }

        }