.aitbn_7ree, .ai_reply_btn_7ree{
    display:inline-block;
    height: 26px;
    line-height: 26px;
    padding:0px 12px;
    margin:0px 10px;
    border: none;
    background-color: #06C;
    color: #FFF !important;
    border-radius: 3px;
    cursor: pointer;
    position: relative;
    top: 2px;
}


#overlay {
    position: fixed;
    z-index: 1000;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,0.5);
    display: none;
  }
  
  #overlay.show {
    display: block;
  }
  
  #overlay .spinner_7ree {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 40px;
    height: 40px;
    border: 4px solid rgba(255, 255, 255, 0.2);
    border-top-color: #fff;
    border-radius: 50%;
    animation: spin 1s infinite linear;
  }
  
  @keyframes spin {
    from {
      transform: rotate(0deg);
    }
    to {
      transform: rotate(360deg);
    }
  }

  #overlay .tips_7ree {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(calc(-50% + 30px), calc(-50% + 70px));
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    text-align: center;
  }



  .timer_7ree {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(calc(-50% + 20px), calc(-50% + 100px));
    font-size: 16px;
    color: #fff;
  }


  .runse_window_7ree .runse_h3_7re,  
  .runse_window_7ree .zongjie_h3_7ree,
  .aidraw_window_7ree .aidraw_h3_7ree{
    padding:5px 10px;
  }

  .runse_window_7ree .runse_h3_7ree{
    color:rgb(2, 74, 145);
    background-color: #d2e8ff;
  }

  .runse_window_7ree .zongjie_h3_7ree{
    color:rgb(1, 97, 72);
    background-color: #e3f6f1;
  }


  .btn_icon_runse_7r, .btn_icon_zongjie_7r, .btn_icon_AIdraw_7r{
    display: block;
    width: auto;
    height: 18px !important;
    line-height: 18px;
    cursor: pointer;
    margin-top: 10px;
    text-decoration: none !important;
    padding-left:24px !important;
    background-repeat: no-repeat;
    background-size: 18px;
    background-position: 3px 0px;
  }

  .btn_icon_runse_7r{
    background-image: url(icon_btn_runse_7ree.svg);
    color:#06C !important;
  }

  .btn_icon_zongjie_7r{
    background-image: url(icon_btn_zongjie_7ree.svg);
    color: rgb(0, 126, 93) !important;
  }

  .btn_icon_AIdraw_7r{
    background-image: url(icon_btn_aidraw_7ree.svg);
    color:rgb(172, 0, 132) !important;
  }

  .btn_icon_runse_7r:hover{
    color:rgb(0, 31, 61);
  }

  .btn_icon_zongjie_7r:hover{
    color: rgb(0, 46, 34);
  }

  
  .btn_icon_AIdraw_7r:hover{
    color: rgb(52, 0, 40);
  }

  .article_aiOPbar_7ree{
    display:flex;
    align-items: center;
    justify-content: center;
    width:90%;
    margin:5px auto;
  }

  .article_aiOPbar_7ree span{
    display: inline-block;
    margin: 10px 15px;
    background-color: rgb(240 240 240);
    padding: 5px 8px !important;;
    padding-left: 30px !important;;
    background-position: 7px 6px !important;
    border-radius: 4px;
    font-size: 12px;
    white-space: nowrap;
    overflow: hidden;
  }

  .article_aiOPbar_7ree span:hover{
    background-color: rgb(245, 245, 245);
  }

  .runse_window_7ree {
    width:600px;
    margin:10px auto;
  }

  .runse_window_7ree textarea{
    width:600px;
    height:260px;
    border: #CDCDCD 1px solid;
    border-radius: 3px;
    padding:8px;
    font-size: 12px;

  }

  .runse_window_7ree .yuanwen_7ree{
    margin-top:5px;
    display: block;
    width:584px;
    height:100px;
    overflow-y: scroll;
    font-size: 12px;
    border: #CDCDCD 1px solid;
    border-radius: 3px;
    padding:8px;
  }

  .runse_window_7ree .zongjie_Tarea_7ree{
    width:600px;
    height:110px;
    border: #CDCDCD 1px solid;
    border-radius: 3px;
    padding:8px;
    font-size: 12px;
  }

  .runse_window_7ree .yuanwen2_7ree{
    margin-top:10px;
    display: block;
    width:584px;
    height:270px;
    overflow-y: scroll;
    font-size: 12px;
    border: #CDCDCD 1px solid;
    border-radius: 3px;
    padding:8px;
  }

  .runse_window_7ree h3{
    height:18px;
    line-height: 18px;
    width:580px;
    background-color:#eaeaea;
    font-size: 15px;
    letter-spacing: 2px;
    padding:5px 10px;
    border-radius: 3px;
  }

  .runse_window_7ree .waitAI_7ree{
    font-size:12px;
    padding:5px 10px; 
  }

  .runse_window_7ree  #runse_form_7ree{
    display:none;
  }

  .runse_errorinfo_7ree{
    color: rgb(109, 4, 4);
    background: url(../../../../../static/image/common/error.gif);
    background-color: rgb(252, 233, 233);
    background-repeat: no-repeat;
    background-position: 280px 20px;
    padding: 60px 0 30px;
    text-align: center;
    display: none;
  }


  .AiAnswer_7ree{
    position:absolute;
    width:94%;
    height:180px;
    max-height:290px;
    z-index: 9;
    text-align: left;
    border: 1px solid #E6F2FF;
    background-color: #FFFFFF;
    border-radius: 3px;
  }

  .AiAnswer_7ree h4{
    display: inline-block;
    width: CALC( 100% - 10px );
    font-weight: 600;
    height: 26px;
    line-height: 26px;
    font-size: 12px;
    text-align: left;
    border-bottom: 1px solid #E6F2FF;
    border-radius: 3px;
    margin-bottom: 5px;
    padding-left: 10px;
    color: #0b58ad;
    background-color: #E6F2FF;
  }

  .AiAnswer_7ree #AiAnswer_content_7ree{
    padding:5px 10px;
    overflow-y: auto;
    height: 130px;
  }


.AiAnswer_7ree .wowenAI_btn_7ree{
  display: block;
  width:100px;
  height:32px;
  line-height: 32px;
  border-radius:3px;
  color: #E6F2FF;
  background-color: #0b58ad;
  text-align: center;
  position: relative;
  top: 30%;
  left: 30px;
  text-decoration: none;
}

.AiAnswer_7ree .wowenAI_btn_7ree:hover{
  color: #ffffff;
  background-color: #0d6ace;
}


.getanswer_7ree{
  padding:10px;
  font-size: 14px;
}


.getanswer_7ree .row {
  width: 98%;
  height: 22px;
  margin: 10px 0;
  background-color: #d6d6d6;
  position: relative;
  overflow: hidden;
}

@keyframes lightEffectRow1 {
  0%, 33.33%, 100% {
      left: -100%;
  }
  16.67% {
      left: 100%;
  }
}

@keyframes lightEffectRow2 {
  0%, 16.67%, 66.67%, 100% {
      left: -100%;
  }
  50% {
      left: 100%;
  }
}

@keyframes lightEffectRow3 {
  0%, 66.67%, 100% {
      left: -100%;
  }
  83.33% {
      left: 100%;
  }
}

.getanswer_7ree .row::before {
  content: '';
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.5) 50%, rgba(255,255,255,0) 100%);
  animation: 9s infinite;
}

.getanswer_7ree .row-1::before {
  animation-name: lightEffectRow1;
}

.getanswer_7ree .row-2::before {
  animation-name: lightEffectRow2;
}

.getanswer_7ree .row-3::before {
  animation-name: lightEffectRow3;
}

.drawstyle_7ree {
  display: flex;
  width: 100%;
  overflow-x: auto; /* Allows horizontal scrolling */
  scroll-behavior: smooth; /* Smooth scrolling effect */
  -webkit-overflow-scrolling: touch; /* Enable touch scrolling */
  gap: 3px; /* Space between items */
  padding: 10px;
  box-sizing: border-box; 
  margin-top:-10px;
}

.drawstyle_7ree .aidraw_prompt_7ree{
  height:100px !important;
}

.drawstyle_7ree label {
  width: auto;
  height: auto;
  line-height: normal;
  background-color: rgb(251, 237, 247);
  border: 1px solid rgb(233, 210, 227);
  border-radius: 3px;
  padding: 6px;
  margin: 0px;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: background-color 0.3s ease, transform 0.2s ease;
}

.drawstyle_7ree label:hover {
  background-color: rgb(252, 210, 241);
  transform: scale(1.05);
}

.drawstyle_7ree input[type="radio"] {
  display: none; /* Hide the radio button */
}

.drawstyle_7ree input[type="radio"]:checked + label {
  background-color: rgb(68, 1, 51);
  color: white;
  transform: scale(1.05);
}

.aidraw_window_7ree .aidraw_h3_7ree{
  color:rgb(68, 1, 51);
  background-color: rgb(252, 210, 241);
  display:flex;
  justify-content: space-between;
  /*垂直居中*/
  align-items: center;
}

.aidraw_window_7ree .aidraw_h3_7ree span{
  font-weight: 300;
  font-size:12px;
}

.aidraw_window_7ree .aidraw_prompt_7ree{
  width: 100%;
  height: 120px;
  padding: 10px;
  box-sizing: border-box; 
}

.btn_runse_7r, .btn_zongjie_7r, .btn_aidraw_7r{
  margin:10px;
  padding:5px 8px;
  color:#fafafa;
  border-radius:3px;
  border:none;
}

.btn_runse_7r{
  background-color: #16599B;
}

.btn_zongjie_7r{
  background-color: #116B54;
}

.btn_aidraw_7r{
  background-color: #440133;
}

.aidraw_window_7ree #drawing_7ree{
  margin:10px auto;
  display: none;
}

.aidraw_window_7ree #drawing_7ree p{
    width:90%;
    margin:0 auto;
    font-size:15px;
    height:24px;
    line-height: 24px;
    text-align: center;
  }
  
  .aidraw_window_7ree .drawing_loading_7ree{
    width:280px;
    height:280px;
    margin:50px auto;
    background-image: url(aidraw_loading_7ree.webp);
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 10px;
    animation: loading_7ree 2s linear infinite;
    opacity: 0;
  }
  
  @keyframes loading_7ree {
    0% {
      opacity: 0.25;
    }
    25% {
      opacity: 0.5;
    }
    50% {
      opacity: 1;
    }
    75% {
      opacity: 0.5;
    }
    100% {
      opacity: 0.25;
    }
  }


  .aidraw_window_7ree #result_7ree{
    margin:10px auto;
    display: none;
  }

  .aidraw_window_7ree #result_7ree img{
    display: block;
    width: 300px;
    max-height:300px;
    border:1px solid #cccccc;
    border-radius:10px;
    box-shadow: 0px 0px 3px #939393;
    margin:5px auto;
  }
  
  .aidraw_window_7ree #result_7ree p{
      font-size:16px;
      height:24px;
      line-height: 24px;
      color:rgb(0, 88, 0);
      text-align: center;
      margin-top: 20px;
    }

  .aidraw_window_7ree #result_7ree a{
    color:rgb(0, 88, 0);
    font-weight: 700;
  }


.avatar_btn_7ree{
  display: inline-block;
  height:26px;
  line-height: 26px;
  padding:3px 10px 3px 30px;
  margin:5px 0px;
  background-color: #FDC910;
  background-image: url(icon_avatar_7ree.svg);
  background-repeat: no-repeat;
  background-size: 24px;
  background-position: 5px center;
  border-radius: 5px;
  cursor: pointer;
}

.avatar_btn_7ree:hover{
  box-shadow: 0px 0px 3px #9b9b9b;
}


.loading_txt_7ree {
  position: absolute;
  width: 100%;
  opacity: 0;
  animation: fade 15s infinite; /* 6秒循环动画 */
}

.loading_txt_7ree:nth-child(1) {
  color:#004ea1;
  animation-delay: 1s; /* 第一句立即显示 */
}

.loading_txt_7ree:nth-child(2) {
  color:#424242;
  animation-delay: 6s; /* 第二句延迟2秒显示 */
}

.loading_txt_7ree:nth-child(3) {
  color:#016828;
  animation-delay: 11s; /* 第三句延迟4秒显示 */
}

@keyframes fade {
  0%, 20% {
      opacity: 1; /* 显示 */
  }
  25%, 95% {
      opacity: 0; /* 隐藏 */
  }
}