/* 控制按钮的初始样式 */
.toggleHelpButton {
    border: none;
    background: rgba(255, 255, 255, 0.5); /* 设置半透明白色背景 */
    font-size: 16px;
    cursor: pointer;
    outline: none;
    bottom: 53px;
    right: 0.8em;
    /*right: 1.4em;*/
    position: fixed;
    padding: 10px; /* 增加padding以保持按钮大小 */
    z-index: 99999;
    color: gray; /* 设置文字颜色为灰色 */
    border-radius: 50%; /* 设置为圆形 */
    text-align: center;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); /* 添加边框阴影 */
    width: 40px; /* 设置宽度，根据需要调整 */
    height: 40px; /* 设置高度，根据需要调整 */
    line-height: 20px; /* 调整行高以垂直居中文本 */
    padding-left: 15px; /* 文本稍微向左移动一点 */
    /*transition: transform 0.3s ease;*/ /* 添加一个平滑过渡效果 */
    transition: all 0.3s ease; /* 添加一个平滑过渡效果 */
}
/* 控制按钮悬停时的样式 */
.toggleHelpButton:hover {
    /*background: #B0E2FF; !* 淡天蓝色 *!*/
    /*color: #4169E1; !* 淡蓝色 *!*/
    background: #b0e2ff; /* 淡天蓝色 */
    color: #4169e1; /* 淡蓝色 */
}
.toggleHelp {
    border: none;
    background: rgba(255, 255, 255, 0.5); /* 设置半透明白色背景 */
    font-size: 16px;
    cursor: pointer;
    outline: none;
    bottom: 110px;
    right: 0.8em;
    /*right: 1.4em;*/
    position: fixed;
    padding: 10px; /* 增加padding以保持按钮大小 */
    z-index: 99999;
    color: gray; /* 设置文字颜色为灰色 */
    border-radius: 20px; /* 设置圆角的大小 */
    text-align: center;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); /* 添加边框阴影 */
    width: 40px; /* 设置宽度，根据需要调整 */
    height: 80px; /* 设置高度，根据需要调整 */
    line-height: 20px; /* 调整行高以垂直居中文本 */
    padding-left: 13px; /* 文本稍微向左移动一点 */
    /*transition: transform 0.3s ease;*/ /* 添加一个平滑过渡效果 */
    transition: all 0.3s ease; /* 添加一个平滑过渡效果 */
}
/* 帮助按钮悬停时的样式 */
.helpLink:hover {
    /*background: #B0E2FF; !* 淡天蓝色 *!*/
    /*color: #4169E1; !* 淡蓝色 *!*/
    background: #b0e2ff; /* 淡天蓝色 */
    color: #4169e1; /* 淡蓝色 */
}

/* 控制按钮展开状态的样式 */
.toggleHelpButton.open {
    right: -0.8em; /* 向右移动一点 */
    /*right: -0.4em;*/
    padding-left: 1px; /* 文本稍微向左移动一点 */
}