.ui-dialog-close {
    min-width: auto;
    width: auto;
}

.offline-message, .onlive-message {
      display: flex;
      flex-direction: column;
      align-items: center; 
      justify-content: center;
      color: #666;
}

.status-indicator {
      position: fixed;
      bottom: 30px;
      left: 10px;
      padding: 5px 10px;
      border-radius: 3px;
      color: white;
      font-size: 12px;
}
   
.online {
    background: green;
}

.offline {
    background: red;
}

.hidden {
    display: none;
}

.forcehidden {
    display: none;
}


.show-chatbtn {
    display: none;
}

#chatBtn {
    position: fixed;     /* 关键：固定定位 */
    bottom: 50px;        /* 距离底部50像素 */
    right: 50px;         /* 距离右侧50像素 */
    width: 50px;         /* 宽度 */
    min-width: 9em;
    background: #007bff; /* 蓝色背景，可调 */
    color: white;        /* 白色文字 */
    border: none;        /* 无边框 */
    box-shadow: 0 4px 12px rgba(0,0,0,0.2); /* 阴影增加立体感 */
    cursor: pointer;     /* 鼠标悬停变为手型 */
    font-size: 1.2em;     /* 内部“+”号的大小 */
    z-index: 98;       /* 确保按钮在最上层 */
}

#responsiveIframe {
    width: 100%; 
    height: 550px;
}

@media (max-width: 736px) {
    #responsiveIframe {
        height: 350px; 
    }
}
@media (max-width: 840px) {
    #responsiveIframe {
        height: 450px; 
    }
}

@media screen and (max-width: 480px) {
    #chatBtn {
    bottom: 30px;        /* 距离底部30像素 */
    right: 30px;         /* 距离右侧30像素 */
    width: 30px;         /* 宽度 */
    min-width: 6em;
    font-size: 0.8em;
    }
    
    .mobile-show {
    display: block;
    }
    
    #hideChat-btn {
    display: none;
    }
    
    .mobile-hide {
    display: none;
    }
}