/*hwc 2025/3/24 add style*/
/* 按钮容器 */
.button-container {
    position: fixed !important;
    bottom: 20px;
    right: 20px;
    display: flex;
    flex-direction: column;
    gap: 15px;
    z-index: 9999;
}

/* 基础按钮样式 */
.image-btn {
    width: 40px; /* 按钮直径 */
    height: 40px;
    border-radius: 50%;
    border: none;
    cursor: pointer;
    transition: all 0.3s ease;
    background-size: 55%; /* 图片显示比例 */
    background-position: center;
    background-repeat: no-repeat;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}

/* 默认背景色 */
.image-btn {
    background-color: #1C64F2;
}

    /* 悬停效果 */
    .image-btn:hover {
        transform: scale(1.08);
        box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
    }

/* 自定义按钮1 */
#btn-chat {
    background-image: url('../../vancheerfile/images/2025/3/t.png'); /* 替换为你的图片路径 */
    background-color: #f9f9f9; /* 按钮底色 */
}

/* 自定义按钮2 */
#btn-help {
    background-image: url('../../vancheerfile/images/2025/3/b.png'); /* 替换为你的图片路径 */
    background-color: #f9f9f9; /* 按钮底色 */
}

/* 悬停颜色变化 */
#btn-chat:hover {
    background-color: #f9f9f9;
}

#btn-help:hover {
    background-color: #f9f9f9;
}