/*
* 自定义聊天悬浮按钮的 CSS 样式
*/
#customCrispChatToggleButton {
     position: fixed;
     top: 80%;
     right: 0;
     transform: translateY(-50%);
     z-index: 10000;
     padding: 15px 8px;
     background-color: #1890ff;
     color: white;
     border: none;
     border-top-left-radius: 8px;
     border-bottom-left-radius: 8px;
     border-top-right-radius: 0;
     border-bottom-right-radius: 0;
     cursor: pointer;
     box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
     transition: all 0.3s ease;
     display: flex;
     flex-direction: column;
     align-items: center;
     width: 40px;
 }
 #customCrispChatToggleButton:hover {
     background-color: #0c80d9;
     box-shadow: 0 6px 16px rgba(0, 0, 0, 0.3);

 }
 #customCrispChatToggleButton:active {
     transform: translateY(-50%) translateX(0);
     box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);

 }
 #customCrispChatToggleButton svg {
     width: 22px;
     height: 22px;
     fill: currentColor;
     margin-bottom: 5px;

 }
 #customCrispChatToggleButton span {
     writing-mode: vertical-lr;
     text-orientation: upright;
     font-size: 14px;
     font-weight: 500;
     /* line-height: 1.2; */
     letter-spacing: 1px;
     margin-right: 1px;
 }
 .crisp-client .crisp-client-button {
     display: none !important;
 }