/* 客服面板整体容器 */
        .kefu-panel {
            position: fixed;        /* 固定悬浮 */
            left: 0;                /* 距离左侧 0% (完全紧贴网页最左边缘) */
            top: 30%;               /* 距离顶部 30% */
            width: 115px;           /* 面板宽度 */
            background-color: #ffffff;
            border: 1px solid #b5d2ea; /* 浅蓝色边框 */
            border-radius: 8px;     /* 面板圆角 */
            padding: 20px 10px 15px 10px; /* 上、下内边距 */
            text-align: center;     /* 所有内容居中 */
            box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05); /* 极轻微的阴影，增加立体感 */
            z-index: 9999;          /* 保证在最上层 */
        }

        /* 客服头像图片 */
        .kefu-panel img {
            display: block;
            width: 85px;            /* 图片宽度 */
            height: 85px;           /* 图片高度 */
            border-radius: 50%;     /* 将图片裁剪为完美的圆形 */
            object-fit: cover;      /* 保证图片不变形 */
            margin: 0 auto 15px auto; /* 图片居中，并与下方按钮保持间距 */
        }

        /* 在线咨询按钮 */
        .kefu-panel .btn-consult {
            display: block;
            background-color: #009944; /* 绿色背景，贴近原图颜色 */
            color: #ffffff;            /* 白色文字 */
            text-decoration: none;     /* 去掉超链接下划线 */
            font-size: 14px;
            font-weight: bold;
            padding: 9px 0;
            border-radius: 4px;        /* 按钮圆角 */
            width: 100%;               /* 宽度铺满 */
            transition: background 0.3s; /* 悬停动画 */
            box-sizing: border-box;    /* 保证内边距不撑大宽度 */
        }

        /* 按钮鼠标悬停效果 */
        .kefu-panel .btn-consult:hover {
            background-color: #007a36; /* 悬停时颜色略微变深 */
            cursor: pointer;
        }