/* 在body末尾添加聊天图标和弹窗  */
 /* 聊天图标样式 */
 .chat-icon {
     position: fixed;
     bottom: 30px;
     right: 30px;
     width: 60px;
     height: 60px;
     background: #4a90e2;
     border-radius: 50%;
     box-shadow: 0 2px 12px rgba(0, 0, 0, 0.15);
     cursor: pointer;
     z-index: 9999;
     display: flex;
     align-items: center;
     justify-content: center;
     transition: transform 0.3s ease;
 }

 .chat-icon:hover {
     transform: scale(1.1);
 }

 .chat-icon svg {
     width: 30px;
     height: 30px;
     fill: white;
 }

 /* 聊天弹窗样式 */
 .chat-popup {
     display: none;
     position: fixed;
     bottom: 100px;
     right: 30px;
     z-index: 9999;
     width: 380px;
     height: 600px;
     background: white;
     border-radius: 12px;
     box-shadow: 0 5px 25px rgba(0, 0, 0, 0.2);
     overflow: hidden;
 }

 .chat-popup iframe {
     width: 100%;
     height: 100%;
     border: none;
 }

 /* 关闭按钮样式 */
 .chat-close {
     position: absolute;
     top: 10px;
     right: 10px;
     width: 30px;
     height: 30px;
     background: rgba(0, 0, 0, 0.1);
     border-radius: 50%;
     display: flex;
     align-items: center;
     justify-content: center;
     cursor: pointer;
     z-index: 10000;
     transition: background 0.3s ease;
 }

 .chat-close:hover {
     background: rgba(0, 0, 0, 0.2);
 }

 .chat-close svg {
     width: 16px;
     height: 16px;
     fill: white;
 }

 /* 移动端适配 */
 @media (max-width: 480px) {
     .chat-popup {
         width: 100%;
         height: 100%;
         bottom: 0;
         right: 0;
         border-radius: 0;
     }
     .chat-icon {
         bottom: 3%;
         right: 30px;
     }
 }