.platform-children {
  .aiBtn {
    position: fixed;
    cursor: pointer;
    right: 12px;
    z-index: 10;
    bottom: 12px;
    width: 50px;
    height: 50px;
    box-shadow: 0px 10px 20px 0px rgba(77, 102, 153, 0.3);
    border-radius: 12px;

    & > img {
      width: 100%;
      height: 100%;
    }
  }
  .chat {
    position: fixed;
    z-index: 99;
    right: 20px;
    bottom: 40px;
    width: 560px;
    height: 640px;
    padding: 8px;
    background: rgba(240, 246, 252, 0.98);
    box-shadow: 0px 8px 16px 0px rgba(64, 85, 128, 0.2);
    border-radius: 16px;
    border: 1px solid #ffffff;
    .chat-header {
      display: flex;
      flex: 1;
      padding: 0 8px;
      flex-direction: row;
      justify-content: flex-start;
      align-items: center;
      margin-bottom: 9px;

      .chat-header-title {
        display: flex;
        flex: 1;
        flex-direction: row;
        justify-content: flex-start;
        align-items: center;
        & > img {
          width: 40px;
          height: 30px;
        }
        & > span {
          font-weight: 500;
          font-size: 16px;
          color: #17181a;
          padding-left: 8px;
        }
      }
      .closeBtn {
        cursor: pointer;
        display: flex;
        justify-content: center;
        align-items: center;
        width: 24px;
        height: 24px;
        border-radius: 4px;
        &:hover {
          background: #f5f5f5;
        }
      }
    }
    .chat-content {
      display: flex;
      flex: 1;
      width: 100%;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      height: calc(100% - 40px);
      background: #ffffff;
      border-radius: 8px;
      & > img {
        width: 480px;
        height: 200px;
      }
      .chat-container {
        display: flex;
        width: 100%;
        flex-direction: column;
        gap: 10px; // 每条消息之间的间距
        background-color: #fff;
        padding: 10px;
        border-radius: 5px;

        height: 440px; // 固定高度，便于滚动展示
        overflow-y: auto;
        .message {
          padding: 10px;
          border-radius: 5px;
          max-width: 70%;
          word-wrap: break-word; // 自动换行
        }
        .user-message {
          align-self: flex-end;
          background-color: #e3f2fd;
        }
        .bot-message {
          align-self: flex-start;
          padding-left: 35px;
          background-color: #f5f5f5;
        }
      }

      .startInput {
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        align-items: center;
        width: 480px;
        height: 56px;
        padding: 12px;
        margin-top: 20px;
        background: #fcfeff;
        border-radius: 16px;
        border: 1px solid #dae6f2;

        .chat-sendBtn {
          display: flex;
          cursor: pointer;
          justify-content: center;
          align-items: center;
          width: 32px;
          height: 32px;
          margin-left: 22px;
          background: #3377ff;
          border-radius: 8px;

          img {
            width: 24px;
            height: 24px;
          }
        }
      }
    }
  }
}
