@charset "UTF-8";.points-details-body[data-v-c9831ef1] {
  background: #1d212a;
  border-radius: 8px;
  width: 100%;
  padding: 30px;
  position: relative;
}
.points-details-body .icon-guanbi[data-v-c9831ef1] {
  position: absolute;
  right: 30px;
  top: 30px;
  font-size: 20px;
  color: rgba(166, 172, 184, 0.8);
  cursor: pointer;
}
.points-details-body .icon-guanbi[data-v-c9831ef1]:hover {
  color: #a6acb8;
}
.points-details-body .icon-guanbi[data-v-c9831ef1]:active {
  color: rgba(166, 172, 184, 0.8);
}
.points-details-body > .title[data-v-c9831ef1] {
  display: flex;
  align-items: center;
  gap: 20px;
}
.points-details-body > .title > .main-text[data-v-c9831ef1] {
  font-weight: 500;
  font-size: 18px;
  color: #ffffff;
}
.points-details-body > .title .purchase-btn[data-v-c9831ef1] {
  cursor: pointer;
  background-color: rgb(62, 68, 83);
  color: #ffffff;
  padding: 6px 9px;
  border-radius: 8px;
}
.points-details-body > .title .purchase-btn > .txt[data-v-c9831ef1] {
  font-weight: 400;
  font-size: 14px;
  color: #ffffff;
  line-height: 20px;
  margin-right: 4px;
}
.points-details-body > .title .purchase-btn > .icon-jiantou-you[data-v-c9831ef1] {
  font-size: 12px;
  color: #fff;
}
.points-details-body .points-top[data-v-c9831ef1] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 20px;
  margin-bottom: 30px;
}
.points-details-body .points-top .points-top-item[data-v-c9831ef1] {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.points-details-body .points-top .points-top-item span[data-v-c9831ef1]:nth-child(1) {
  font-size: 14px;
  color: #a6acb8;
}
.points-details-body .points-top .points-top-item span[data-v-c9831ef1]:nth-child(2) {
  font-weight: 500;
  font-size: 16px;
  color: #eef7ff;
}
.points-details-body .switch-list[data-v-c9831ef1] {
  width: 100%;
  background: #242831;
  border-radius: 8px;
  padding: 4px;
  display: flex;
  gap: 4px;
  transition: all 0.2s;
}
.points-details-body .switch-list .switch-item[data-v-c9831ef1] {
  flex: 1;
  border-radius: 8px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #a6acb8;
  cursor: pointer;
}
.points-details-body .switch-list .switch-item[data-v-c9831ef1]:hover {
  background: rgba(64, 70, 82, 0.2);
}
.points-details-body .switch-list .switch-item.active[data-v-c9831ef1] {
  background: #404652;
  color: #ffffff;
}
.points-details-body .points-details-list[data-v-c9831ef1] {
  height: 420px;
  overflow-y: auto;
  margin-top: 12px;
}
.points-details-body .points-details-list .points-details-item[data-v-c9831ef1] {
  padding: 16px 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.points-details-body .points-details-list .points-details-item .details .des[data-v-c9831ef1] {
  font-size: 14px;
  color: #eef7ff;
  line-height: 20px;
}
.points-details-body .points-details-list .points-details-item .details .time[data-v-c9831ef1] {
  margin-top: 2px;
  font-size: 12px;
  color: #6a6f79;
}
.points-details-body .points-details-list .points-details-item .point[data-v-c9831ef1] {
  font-weight: 500;
  font-size: 16px;
  color: #eef7ff;
}
.points-details-body .points-details-list .points-details-item .add[data-v-c9831ef1] {
  color: #4dfec1;
}
.wrapper-body[data-v-ade61cce] {
  padding-bottom: 28px;
  background: radial-gradient(circle at 9.41% 10.84%, rgb(77, 254, 239) 0%, transparent 43.45%), radial-gradient(circle at 86.56% 13.47%, rgb(77, 254, 193) 0%, transparent 45.27%), #fff;
  border-radius: 20px;
  overflow: hidden;
  /* 头部 */
  /* 内容体 */
  /* 底部 */
}
.wrapper-body .head[data-v-ade61cce] {
  padding: 12px 12px 0;
  display: flex;
  justify-content: flex-end;
}
.wrapper-body .head .ali-icon[data-v-ade61cce] {
  font-size: 20px;
  color: rgba(0, 0, 0, 0.3);
  cursor: pointer;
}
.wrapper-body .content-body[data-v-ade61cce] {
  margin-bottom: 30px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 10px;
}
.wrapper-body .content-body > .sign-in-icon[data-v-ade61cce] {
  width: 100px;
}
.wrapper-body .content-body > .text[data-v-ade61cce] {
  text-align: center;
  font-family: PingFangSC, PingFang SC;
  font-weight: 500;
  font-size: 24px;
  color: #1d212a;
  line-height: 30px;
}
.wrapper-body .foote[data-v-ade61cce] {
  padding: 0 40px;
}
.wrapper-body .foote .btn[data-v-ade61cce] {
  width: 218px;
  height: 44px;
  background: #1d212a;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 500;
  font-size: 14px;
  color: #ffffff;
  line-height: 20px;
  cursor: pointer;
}
.wrapper-body .foote .btn[data-v-ade61cce]:hover {
  opacity: 0.8;
}
.container[data-v-1db7bfcf] {
  background: #1d212a;
  border-radius: 8px;
  border: 1px solid rgba(255, 255, 255, 0.06);
}
.container > .head[data-v-1db7bfcf] {
  padding: 20px 45px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.container > .head > .left[data-v-1db7bfcf] {
  display: flex;
  align-items: center;
}
.container > .head > .left > .portrait[data-v-1db7bfcf] {
  width: 50px;
  height: 50px;
  border-radius: 50%;
}
.container > .head > .left > .username[data-v-1db7bfcf] {
  margin-left: 8px;
  margin-right: 12px;
  font-weight: 500;
  font-size: 16px;
  color: #ffffff;
  line-height: 22px;
}
.container > .head > .left > .points[data-v-1db7bfcf] {
  padding: 6px 14px;
  display: flex;
  align-items: center;
  gap: 2px;
  border-radius: 16px;
  background-color: rgba(62, 68, 83, 0.4);
}
.container > .head > .left > .points > .iconfont[data-v-1db7bfcf] {
  font-size: 14px;
}
.container > .head > .left > .points > .txt[data-v-1db7bfcf] {
  font-weight: 500;
  font-size: 14px;
  color: #ffffff;
  line-height: 20px;
}
.container > .head > .icon-guanbi[data-v-1db7bfcf] {
  cursor: pointer;
  font-size: 20px;
  color: #a6acb8;
}
.container > .content[data-v-1db7bfcf] {
  border-radius: 20px 20px 0 0;
  background: #242831;
  /* 支付区域 */
}
.container > .content > .combo[data-v-1db7bfcf] {
  border-bottom: 2px solid rgba(255, 255, 255, 0.1);
  padding: 30px 45px 20px;
}
.container > .content > .combo > .title[data-v-1db7bfcf] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 30px;
}
.container > .content > .combo > .title > .main-text[data-v-1db7bfcf] {
  font-weight: 500;
  font-size: 18px;
  color: #ffffff;
  line-height: 24px;
}
.container > .content > .combo > .title > .view-rules[data-v-1db7bfcf] {
  color: #a6acb8;
  cursor: pointer;
}
.container > .content > .combo > .title > .view-rules > .txt[data-v-1db7bfcf] {
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  margin-right: 2px;
}
.container > .content > .combo > .title > .view-rules > .icon-jiantou-you[data-v-1db7bfcf] {
  font-size: 12px;
}
.container > .content > .combo > .list[data-v-1db7bfcf] {
  margin-bottom: 20px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
  min-height: 276px;
}
.container > .content > .combo > .list > .item[data-v-1db7bfcf] {
  cursor: pointer;
  position: relative;
  background: rgba(64, 70, 82, 0.4);
  border-radius: 4px;
  border: 1px solid transparent;
  padding: 16px 10px 10px;
}
.container > .content > .combo > .list > .item > .tag[data-v-1db7bfcf] {
  background: linear-gradient(90deg, #ffad5f 0%, #f36b3f 100%);
  border-radius: 12px 12px 12px 0px;
  padding: 3px 8px;
  position: absolute;
  left: -1px;
  top: 0;
  transform: translateY(-50%);
  font-weight: 400;
  font-size: 12px;
  color: #ffffff;
  line-height: 14px;
}
.container > .content > .combo > .list > .item > .infos[data-v-1db7bfcf] {
  margin-bottom: 10px;
  padding-bottom: 16px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
  border-bottom: 1px dashed rgba(255, 255, 255, 0.15);
  border-radius: 4px;
}
.container > .content > .combo > .list > .item > .infos > .basic[data-v-1db7bfcf] {
  display: flex;
  align-items: center;
  gap: 4px;
}
.container > .content > .combo > .list > .item > .infos > .basic > .icon-suanlidian1[data-v-1db7bfcf] {
  font-size: 20px;
}
.container > .content > .combo > .list > .item > .infos > .basic > .txt[data-v-1db7bfcf] {
  font-weight: 500;
  font-size: 20px;
  color: #ffffff;
  line-height: 28px;
}
.container > .content > .combo > .list > .item > .infos > .gift[data-v-1db7bfcf] {
  background: #404652;
  border-radius: 4px;
  padding: 2px 14px;
}
.container > .content > .combo > .list > .item > .infos > .gift .txt[data-v-1db7bfcf] {
  background: linear-gradient(0deg, #f9dea5 0%, #fff3dd 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
  font-weight: 500;
  font-size: 14px;
}
.container > .content > .combo > .list > .item > .price[data-v-1db7bfcf] {
  text-align: center;
  box-sizing: border-box;
}
.container > .content > .combo > .list > .item > .price > .txt[data-v-1db7bfcf] {
  font-weight: 500;
  font-size: 14px;
  color: #a6acb8;
  line-height: 20px;
}
.container > .content > .combo > .list > .item.active[data-v-1db7bfcf] {
  border: 1px solid #ffe9bb;
  background: #4e4e4e;
}
.container > .content > .combo > .list > .item.active > .infos > .gift[data-v-1db7bfcf] {
  background: #6b6b6b;
}
.container > .content > .combo > .list > .item.active > .price > .txt[data-v-1db7bfcf] {
  background: linear-gradient(0deg, #f9dea5 0%, #fff3dd 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
}
.container > .content > .combo > .tip[data-v-1db7bfcf] {
  font-weight: 400;
  font-size: 12px;
  color: #a6acb8;
  line-height: 24px;
  text-align: justify;
}
.container > .content > .payment-control[data-v-1db7bfcf] {
  padding: 20px 45px;
  display: flex;
  align-items: center;
  gap: 30px;
}
.container > .content > .payment-control > .code-box[data-v-1db7bfcf] {
  overflow: hidden;
  width: 160px;
  height: 160px;
  background: #ffffff;
  border-radius: 15px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.container > .content > .payment-control > .code-box.loading[data-v-1db7bfcf] {
  background: rgba(133, 130, 130, 0.8);
}
.container > .content > .payment-control > .code-box .state[data-v-1db7bfcf] {
  width: 100%;
  height: 100%;
  position: absolute;
  font-size: 16px;
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(133, 130, 130, 0.8);
}
.container > .content > .payment-control > .code-box img[data-v-1db7bfcf] {
  width: 100%;
  height: 100%;
}
.container > .content > .payment-control > .code-box .loading-icon[data-v-1db7bfcf] {
  width: 30px;
  height: 30px;
  animation: rotate 1.2s linear infinite;
}
.container > .content > .payment-control > .details[data-v-1db7bfcf] {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.container > .content > .payment-control > .details > .tip[data-v-1db7bfcf] {
  display: flex;
  align-items: center;
  gap: 8px;
}
.container > .content > .payment-control > .details > .tip > .ali-icon[data-v-1db7bfcf] {
  font-size: 16px;
}
.container > .content > .payment-control > .details > .tip > .txt[data-v-1db7bfcf] {
  font-weight: 400;
  font-size: 14px;
  color: #c6ccd7;
  line-height: 20px;
}
.container > .content > .payment-control > .details > .pay-price[data-v-1db7bfcf] {
  color: #fff;
}
.container > .content > .payment-control > .details > .pay-price > .label[data-v-1db7bfcf] {
  font-weight: 400;
  font-size: 16px;
  color: #ffffff;
  line-height: 22px;
}
.container > .content > .payment-control > .details > .pay-price > .unit[data-v-1db7bfcf] {
  font-size: 16px;
  line-height: 24px;
}
.container > .content > .payment-control > .details > .pay-price > .price[data-v-1db7bfcf] {
  font-size: 28px;
  line-height: 24px;
}
.container > .content > .payment-control > .details > .protocol[data-v-1db7bfcf] {
  font-weight: 400;
  font-size: 14px;
  color: #c6ccd7;
  line-height: 20px;
}
.container > .content > .payment-control > .details > .protocol > .link[data-v-1db7bfcf] {
  cursor: pointer;
  color: #fff;
}
.generate-video-top[data-v-9a16dd7b] {
  height: var(--generate-video-header-h);
  margin-bottom: 13px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.generate-video-top .top-left[data-v-9a16dd7b] {
  display: flex;
  align-items: center;
}
.generate-video-top .top-left .tool-name[data-v-9a16dd7b] {
  font-weight: 500;
  font-size: 18px;
  color: #ffffff;
  line-height: 25px;
  margin-left: 14px;
}
.generate-video-top .top-right[data-v-9a16dd7b] {
  display: flex;
  align-items: center;
  gap: 12px;
  height: 32px;
}
.generate-video-top .top-right .btn-item[data-v-9a16dd7b] {
  border-radius: 16px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  font-weight: 500;
  font-size: 12px;
  padding: 0 12px;
  display: flex;
  align-items: center;
  height: 32px;
  line-height: 17px;
  user-select: none;
  cursor: pointer;
}
.generate-video-top .top-right .applet-btn[data-v-9a16dd7b] {
  gap: 5px;
  color: rgba(166, 172, 184, 0.8);
}
.generate-video-top .top-right .applet-btn .icon-xiaochengxu[data-v-9a16dd7b] {
  font-size: 14px;
  color: rgba(166, 172, 184, 0.8);
}
.generate-video-top .top-right .applet-btn[data-v-9a16dd7b]:hover {
  background: rgba(64, 70, 82, 0.4);
}
.generate-video-top .top-right .sign-in[data-v-9a16dd7b] {
  gap: 5px;
  color: #2bcfd7;
}
.generate-video-top .top-right .sign-in .icon-qiandao[data-v-9a16dd7b] {
  color: #2bcfd7;
  font-size: 14px;
}
.generate-video-top .top-right .sign-in[data-v-9a16dd7b]:hover {
  background: rgba(64, 70, 82, 0.4);
}
.generate-video-top .top-right .sign-in[data-v-9a16dd7b]:active {
  background: rgba(64, 70, 82, 0.6);
}
.generate-video-top .top-right .sign-in.signed[data-v-9a16dd7b] {
  color: rgba(166, 172, 184, 0.8);
  backdrop-filter: blur(2px);
}
.generate-video-top .top-right .sign-in.signed .icon-qiandao[data-v-9a16dd7b] {
  color: rgba(166, 172, 184, 0.8);
}
.generate-video-top .top-right .member-info[data-v-9a16dd7b] {
  border-radius: 16px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  font-weight: 500;
  font-size: 12px;
  display: flex;
  align-items: center;
  height: 32px;
  line-height: 17px;
  user-select: none;
  cursor: pointer;
  overflow: hidden;
  transition: all 0.2s;
}
.generate-video-top .top-right .member-info .points[data-v-9a16dd7b] {
  display: flex;
  align-items: center;
  gap: 2px;
  height: 100%;
  padding-left: 12px;
  font-weight: 500;
}
.generate-video-top .top-right .member-info .points .line[data-v-9a16dd7b] {
  width: 1px;
  height: 12px;
  background: rgba(255, 255, 255, 0.1);
  margin-left: 4px;
}
.generate-video-top .top-right .member-info .points .icon-suanlidian1[data-v-9a16dd7b] {
  font-size: 14px;
}
.generate-video-top .top-right .member-info .points[data-v-9a16dd7b]:hover {
  background: rgba(64, 70, 82, 0.4);
}
.generate-video-top .top-right .member-info .details[data-v-9a16dd7b] {
  padding-right: 12px;
  height: 100%;
  display: flex;
  align-items: center;
  padding-left: 4px;
}
.generate-video-top .top-right .member-info .details.huiyuan span[data-v-9a16dd7b] {
  background: linear-gradient(0deg, #f9dea5 0%, #fff3dd 100%);
  font-weight: 500;
  font-size: 12px;
  -webkit-background-clip: text; /* 背景裁剪到文字 */
  -webkit-text-fill-color: transparent; /* 填充文字颜色为透明，显示背景 */
  margin-left: 4px;
}
.generate-video-top .top-right .member-info .details[data-v-9a16dd7b]:hover {
  background: rgba(64, 70, 82, 0.4);
}
.generate-video-top .top-right .member-info .details[data-v-9a16dd7b]:active {
  background: rgba(64, 70, 82, 0.6);
}
.generate-video-top .top-right .member-info[state="0"][data-v-9a16dd7b] {
  color: #2bcfd7;
}
.generate-video-top .top-right .member-info[state="0"] .icon-suanlidian1[data-v-9a16dd7b] {
  color: #2bcfd7;
}
.generate-video-top .top-right .member-info[state="1"][data-v-9a16dd7b] {
  color: #fff3dd;
}
.generate-video-top .top-right .member-info[state="1"] .icon-suanlidian1[data-v-9a16dd7b] {
  color: #fff3dd;
}
.generate-video-top .logo-icon[data-v-9a16dd7b] {
  height: 40px;
  width: 84px;
  cursor: pointer;
}.applet-erweima.is-light,
.applet-erweima.is-light > .el-popper__arrow:before {
  background: #404652 !important;
  border: none !important;
}
.applet-erweima {
  border-radius: 8px !important;
}
.erweima-box {
  width: 126px;
  height: 126px;
  border-radius: 6px;
  background: #ffffff;
  padding: 5px;
}
.erweima-box img {
  width: 100%;
  height: 100%;
}
.suanli {
  font-size: 14px;
  color: #ffffff;
  line-height: 20px;
  display: flex;
  align-items: center;
  user-select: none;
}
.suanli .qiandao-success {
  font-weight: 500;
  font-size: 14px;
  color: #a6acb8;
}
.suanli .line {
  width: 1px;
  height: 16px;
  background: rgba(255, 255, 255, 0.2);
  margin: 0 12px;
}
.suanli .qiandao {
  font-weight: 500;
  color: #2bcfd7;
  cursor: pointer;
}
.suanli .qiandao:hover {
  color: rgba(43, 207, 215, 0.8);
}
.suanli .qiandao:active {
  color: rgb(43, 207, 215);
}
.zero-box {
  position: relative;
  width: 221px;
  height: 90px;
  padding: 17px 0 22px 21px;
}
.zero-box .zero-top {
  font-weight: 500;
  font-size: 12px;
  color: #ffffff !important;
  width: 78px;
  height: 24px;
  background: linear-gradient(90deg, #ffad5f 0%, #f36b3f 100%) !important;
  border-radius: 12px 12px 2px 12px !important;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 12px;
}
.zero-box span {
  font-weight: 500;
  font-size: 16px;
  color: #ffffff !important;
}
.zero-box span span {
  color: #f9dea5 !important;
  cursor: pointer;
  user-select: none;
}
.zero-box .close-btn {
  width: 16px;
  height: 16px;
  cursor: pointer;
  user-select: none;
  position: absolute;
  top: 8px;
  right: 8px;
  margin: auto;
}
.buy-ling-shi {
  height: 32px;
  background: rgba(249, 222, 165, 0.2);
  border-radius: 16px;
  display: flex;
  align-items: center;
  padding: 0 10px;
  font-size: 12px;
  color: #fff9ef;
  gap: 4px;
  cursor: pointer;
  user-select: none;
}
.buy-ling-shi .icon {
  width: 14px;
  height: 14px;
}.popover-zero {
  padding: 0 !important;
  border-radius: 8px !important;
}
.popover-zero.is-light, .popover-zero.is-light > .el-popper__arrow:before {
  background: linear-gradient(294deg, #202020 0%, #393939 100%) !important;
  border-radius: 8px;
  border: 1px solid rgba(255, 255, 255, 0.14) !important;
  backdrop-filter: blur(6px);
}.tab-container[data-v-d2f0fef2] {
  width: 60px;
  height: 100%;
  background: #1d212a;
  border-radius: 8px;
  overflow-y: scroll;
  flex-shrink: 0;
  padding-bottom: 4px;
  user-select: none;
  transition: all 0.2s;
}
.tab-container[data-v-d2f0fef2]::-webkit-scrollbar {
  height: 0;
  width: 0;
}
.tab-container .classification[data-v-d2f0fef2] {
  display: none;
}
.tab-container .line[data-v-d2f0fef2] {
  height: 1px;
  width: 24px;
  background: rgba(255, 255, 255, 0.2);
  margin: 16px 0;
}
.tab-container .tab-item[data-v-d2f0fef2] {
  cursor: pointer;
  width: 50px;
  height: 50px;
  border-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.tab-container .tab-item .des[data-v-d2f0fef2] {
  display: none;
  white-space: nowrap;
}
.tab-container .tab-item .icon-fanhui[data-v-d2f0fef2] {
  color: rgba(255, 255, 255, 0.48);
  font-size: 24px;
}
.tab-container .tab-item[data-v-d2f0fef2]:hover {
  background: #2a2f3a;
}
.tab-container .tab-item .icon[data-v-d2f0fef2] {
  width: 24px;
  height: 24px;
}
.tab-container .tab-item .svg-icon-active[data-v-d2f0fef2] {
  display: none;
}
.tab-container .tab-item .svg-icon[data-v-d2f0fef2] {
  display: flex;
  opacity: 0.7;
}
.tab-container .tab-item-active[data-v-d2f0fef2] {
  background: #2a2f3a;
}
.tab-container .tab-item-active .svg-icon-active[data-v-d2f0fef2] {
  display: flex;
}
.tab-container .tab-item-active .svg-icon[data-v-d2f0fef2] {
  display: none;
}
.tab-container .section-main[data-v-d2f0fef2] {
  display: flex;
  align-items: center;
  flex-direction: column;
  position: sticky;
  top: 0;
  background: #1d212a;
  padding-top: 4px;
  gap: 2px;
}
.tab-container .section-main-height[data-v-d2f0fef2] {
  justify-content: center;
  height: calc(100% - 260px);
}
.tab-container .section-other[data-v-d2f0fef2] {
  display: flex;
  align-items: center;
  flex-direction: column;
  gap: 2px;
}.reference-image[data-v-84fee321] {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.reference-image .prompt-title[data-v-84fee321] {
  font-size: 14px;
  font-weight: 500;
  color: #fff;
  margin-top: 0 !important;
}
.reference-image .reference-box[data-v-84fee321] {
  display: flex;
  gap: 12px;
}
.reference-image .reference-box .reference-img[data-v-84fee321] {
  cursor: pointer;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 56px;
  height: 56px;
  background: #2a2f3a;
  border-radius: 8px;
  overflow: hidden;
  transition: all 0.2s;
}
.reference-image .reference-box .reference-img[data-v-84fee321]:hover {
  background: #404652;
}
.reference-image .reference-box .reference-img .img-preview[data-v-84fee321] {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.reference-image .reference-box .reference-img .mask[data-v-84fee321] {
  position: absolute;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 0.2s;
}
.reference-image .reference-box .reference-img .mask[data-v-84fee321]:hover {
  background-color: rgba(0, 0, 0, 0.5);
}
.reference-image .reference-box .reference-img .mask:hover .ali-icon-shanchu[data-v-84fee321] {
  visibility: visible;
}
.reference-image .reference-box .reference-img .mask .ali-icon-shanchu[data-v-84fee321] {
  transition: all 0.2s;
  position: absolute;
  width: 25px;
  height: 25px;
  visibility: hidden;
}
.reference-image .reference-box .reference-img .img-input[data-v-84fee321] {
  cursor: pointer;
  cursor: pointer;
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0;
}
.reference-image .reference-box .reference-img .ali-icon[data-v-84fee321] {
  width: 16px;
  height: 16px;
}
.reference-image .reference-box .reference-degree[data-v-84fee321] {
  margin-top: 5px;
  flex: 1;
}
.reference-image .reference-box .reference-degree .title[data-v-84fee321] {
  user-select: none;
  font-size: 14px;
  font-weight: 400;
  color: #fff;
}
.reference-image .reference-box .reference-degree .rate[data-v-84fee321] {
  display: flex;
  align-items: center;
  gap: 12px;
}
.reference-image .reference-box .reference-degree .rate[data-v-84fee321] .el-slider__runway {
  background-color: rgba(255, 255, 255, 0.1294117647);
  height: 10px;
  overflow: hidden;
  border-radius: 6px;
}
.reference-image .reference-box .reference-degree .rate[data-v-84fee321] .el-slider__runway .el-slider__button-wrapper {
  display: none;
}
.reference-image .reference-box .reference-degree .rate[data-v-84fee321] .el-slider__runway:hover .el-slider__bar {
  background: #cacfd7;
}
.reference-image .reference-box .reference-degree .rate[data-v-84fee321] .el-slider__runway:active .el-slider__bar {
  background: #cacfd7;
}
.reference-image .reference-box .reference-degree .rate[data-v-84fee321] .el-slider__runway .el-slider__bar {
  height: 100%;
  border-radius: 6px;
  background-color: #5b6477;
  transition: all 0.2s;
}
.reference-image .reference-box .reference-degree .rate .num[data-v-84fee321] {
  user-select: none;
  color: #fff;
}
.reference-image .reference-box .reference-degree .rate-hover[data-v-84fee321] .el-slider__bar {
  background: #cacfd7 !important;
}.list-popper-container {
  background-color: #2a2f3a !important;
  border: none !important;
  border-radius: 8px !important;
}
.list-popper-container .popper-list {
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.list-popper-container .popper-list .popper-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.list-popper-container .popper-list .popper-title .name {
  user-select: none;
  font-weight: 500;
  font-size: 14px;
  color: #ffffff;
}
.list-popper-container .popper-list .popper-title .ali-icon {
  cursor: pointer;
  width: 16px;
  height: 16px;
}
.list-popper-container .popper-list .popper-container {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.list-popper-container .popper-list .popper-container .popper-item {
  cursor: pointer;
  user-select: none;
  display: flex;
  align-items: center;
  gap: 8px;
  border-radius: 8px;
}
.list-popper-container .popper-list .popper-container .popper-item:hover {
  background: #404652;
}
.list-popper-container .popper-list .popper-container .popper-item .item-img {
  flex-shrink: 0;
  width: 72px;
  height: 72px;
  border-radius: 8px;
  overflow: hidden;
}
.list-popper-container .popper-list .popper-container .popper-item .item-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.list-popper-container .popper-list .popper-container .popper-item .item-info {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.list-popper-container .popper-list .popper-container .popper-item .item-info .left-text {
  width: 160px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 3px;
}
.list-popper-container .popper-list .popper-container .popper-item .item-info .left-text .title {
  font-weight: 400;
  font-size: 14px;
  color: #ffffff;
}
.list-popper-container .popper-list .popper-container .popper-item .item-info .left-text .desc {
  font-weight: 400;
  font-size: 12px;
  color: #a6acb8;
  line-height: 16px;
}
.list-popper-container .popper-list .popper-container .popper-item .item-info .right-icon {
  width: 12px;
  height: 12px;
  position: relative;
  left: -5px;
  display: none;
}
.list-popper-container .popper-list .popper-container .popper-item .item-info .right-icon img {
  width: 100%;
}
.list-popper-container .popper-list .popper-container .popper-active {
  background: #404652;
}
.list-popper-container .popper-list .popper-container .popper-active .right-icon {
  display: flex !important;
}.model[data-v-018a18d9] {
  position: relative;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.model .model-box[data-v-018a18d9] {
  display: flex;
  user-select: none;
  cursor: pointer;
  width: 100%;
  height: 56px;
  background: #2a2f3a;
  border-radius: 8px;
  border: 1px solid rgba(255, 255, 255, 0.06);
  transition: all 0.2s;
}
.model .model-box[data-v-018a18d9]:hover {
  background: #404652;
}
.model .model-box .model-img[data-v-018a18d9] {
  width: 54px;
  height: 54px;
  border-radius: 8px;
  overflow: hidden;
}
.model .model-box .model-img img[data-v-018a18d9] {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.model .model-box .model-info[data-v-018a18d9] {
  flex: 1;
  padding: 10px 12px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.model .model-box .model-info .left[data-v-018a18d9] {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 80%;
}
.model .model-box .model-info .left .model-name[data-v-018a18d9] {
  font-size: 14px;
  font-weight: 400;
  color: #fff;
}
.model .model-box .model-info .left .model-desc[data-v-018a18d9] {
  width: 180px;
  font-size: 12px;
  font-weight: 400;
  margin-top: 2px;
  color: #a6acb8;
}
.model .model-box .model-info .right[data-v-018a18d9] {
  display: flex;
  align-items: center;
}
.model .model-box .model-info .right .ali-icon[data-v-018a18d9] {
  width: 16px;
  height: 16px;
}.picture-scale[data-v-29d961c2] {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.picture-scale .scale-title[data-v-29d961c2] {
  user-select: none;
  font-size: 14px;
  font-weight: 500;
  color: #fff;
}
.picture-scale .scale-box[data-v-29d961c2] {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 12px;
}
.picture-scale .scale-box .scale-item[data-v-29d961c2] {
  user-select: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  width: 69px;
  height: 72px;
  background: rgba(42, 47, 58, 0.6);
  border-radius: 4px;
  border: 1px solid rgba(255, 255, 255, 0.06);
  transition: all 0.2s;
}
.picture-scale .scale-box .scale-item .item-box[data-v-29d961c2] {
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.picture-scale .scale-box .scale-item .item-box .scale-block[data-v-29d961c2] {
  background: #404753;
  border-radius: 2px;
  border: 1px solid rgba(255, 255, 255, 0.15);
}
.picture-scale .scale-box .scale-item .scale-text[data-v-29d961c2] {
  font-weight: 400;
  font-size: 14px;
  color: #a6acb8;
}
.picture-scale .scale-box .scale-item[data-v-29d961c2]:hover {
  background: #404652;
}
.picture-scale .scale-box .scale-item:hover .scale-block[data-v-29d961c2] {
  background: #404753;
  border: 1px solid #ffffff;
}
.picture-scale .scale-box .scale-item:hover .scale-text[data-v-29d961c2] {
  color: #fff;
}
.picture-scale .scale-box .active[data-v-29d961c2] {
  background: #404652;
}
.picture-scale .scale-box .active .scale-block[data-v-29d961c2] {
  border: 1px solid #ffffff !important;
  background: #404753 !important;
}
.picture-scale .scale-box .active .scale-text[data-v-29d961c2] {
  color: #fff;
}
.disabled .scale-box .scale-item[data-v-29d961c2] {
  cursor: not-allowed !important;
}
.disabled .scale-box .scale-item .item-box .scale-block[data-v-29d961c2] {
  background: #393f4a;
  border: none;
}
.disabled .scale-box .scale-item .scale-text[data-v-29d961c2] {
  color: #6a6f79;
}
.disabled .scale-box .scale-item[data-v-29d961c2]:hover {
  background: rgba(42, 47, 58, 0.6);
}
.disabled .scale-box .scale-item:hover .scale-block[data-v-29d961c2] {
  background: #393f4a;
  border: none;
}
.disabled .scale-box .scale-item:hover .scale-text[data-v-29d961c2] {
  color: #6a6f79 !important;
}
.disabled .scale-box .active[data-v-29d961c2] {
  background: rgba(42, 47, 58, 0.6);
}
.disabled .scale-box .active .scale-block[data-v-29d961c2] {
  border: none !important;
  background: #393f4a !important;
}.picture-size[data-v-c619e2f3] {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding-bottom: 24px;
}
.picture-size .size-title[data-v-c619e2f3] {
  user-select: none;
  font-size: 14px;
  font-weight: 500;
}
.picture-size .size-box[data-v-c619e2f3] {
  display: flex;
  align-items: center;
  gap: 14px;
}
.picture-size .size-box .text[data-v-c619e2f3] {
  font-weight: 400;
  font-size: 14px;
  color: #b0afbb;
}
.picture-size .size-box .size-input[data-v-c619e2f3] {
  text-align: center;
  margin-left: 20px;
  width: 60px;
  padding: 5px 0;
  border: none;
  background-color: transparent;
  outline: none;
  font-size: 14px;
  font-weight: 400;
  color: #fff;
}
.picture-size .size-box .size-input[data-v-c619e2f3]::-webkit-outer-spin-button, .picture-size .size-box .size-input[data-v-c619e2f3]::-webkit-inner-spin-button {
  -webkit-appearance: none;
}
.picture-size .size-box .size-w[data-v-c619e2f3] {
  padding: 0 15px;
  user-select: none;
  flex: 1;
  display: flex;
  align-items: center;
  height: 40px;
  background: #2a2f3a;
  border-radius: 4px;
  border: 1px solid rgba(255, 255, 255, 0.06);
}
.picture-size .size-box .size-h[data-v-c619e2f3] {
  padding: 0 15px;
  user-select: none;
  flex: 1;
  display: flex;
  align-items: center;
  height: 40px;
  background: #2a2f3a;
  border-radius: 4px;
  border: 1px solid rgba(255, 255, 255, 0.06);
}
.picture-size .size-box .size-icon[data-v-c619e2f3] {
  flex-shrink: 0;
  user-select: none;
  cursor: pointer;
  width: 35px;
  height: 35px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
}
.picture-size .size-box .size-icon[data-v-c619e2f3]:hover {
  background: #2a2f3a;
}
.picture-size .size-box .size-icon .ali-icon[data-v-c619e2f3] {
  width: 20px;
  height: 20px;
}
.picture-size .control-scale[data-v-c619e2f3] {
  color: #ffbe4d;
  font-size: 12px;
  height: 16px;
  line-height: 16px;
  margin: 4px 0;
}
.disabled[data-v-c619e2f3] {
  cursor: not-allowed;
}
.disabled .size-input[data-v-c619e2f3] {
  color: #6a6f79 !important;
}
.disabled .size-icon[data-v-c619e2f3] {
  cursor: not-allowed !important;
}.message-input[data-v-ca332340] {
  background: #2a2f3a;
  border-radius: 8px;
  padding: 12px 0;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  position: relative;
  height: var(--message-input-height);
}
.message-input .textarea[data-v-ca332340] {
  padding: 0 32px 0 12px;
  font-size: 14px;
  color: #c6ccd7;
  caret-color: #4dfec1;
  height: 94px;
  line-height: 20px;
}
.message-input .expand[data-v-ca332340] {
  position: absolute;
  top: 12px;
  right: 12px;
  width: 16px;
  height: 16px;
  cursor: pointer;
  user-select: none;
}
.message-input .expand .icon-fangda[data-v-ca332340] {
  color: rgba(166, 172, 184, 0.7);
}
.message-input .button-bottom[data-v-ca332340] {
  margin-top: 8px;
  padding: 0 12px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.message-input .button-bottom .ds-btn[data-v-ca332340] {
  height: 28px;
  background: #404652;
  border-radius: 4px;
  width: fit-content;
  padding: 0 8px;
  display: flex;
  align-items: center;
  font-size: 12px;
  color: #ffffff;
  cursor: pointer;
  user-select: none;
  transition: all 0.2s;
}
.message-input .button-bottom .ds-btn .icon-deepseek[data-v-ca332340] {
  color: #ffffff;
  margin: 0 5px 0 0;
}
.message-input .button-bottom .ds-btn .icon-shangyizhang[data-v-ca332340] {
  display: none;
  color: #ffffff;
}
.message-input .button-bottom .ds-btn[data-v-ca332340]:hover {
  background: #59606e;
}
.message-input .button-bottom .ds-btn-active[data-v-ca332340] {
  color: #4dfec1 !important;
}
.message-input .button-bottom .ds-btn-active .icon-deepseek[data-v-ca332340] {
  color: #4dfec1;
  margin: 0 5px 0 4px;
}
.message-input .button-bottom .ds-btn-active .icon-shangyizhang[data-v-ca332340] {
  display: flex;
  color: #4dfec1;
  font-size: 12px;
}
.message-input .button-bottom .send-btn[data-v-ca332340] {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  user-select: none;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.4) 0%, rgba(255, 255, 255, 0.4) 100%);
  cursor: not-allowed;
  transition: all 0.2s;
}
.message-input .button-bottom .send-btn .icon-fasong[data-v-ca332340] {
  opacity: 0.8;
}
.message-input .button-bottom .icon-zantingda[data-v-ca332340] {
  font-size: 28px;
  color: #ffffff;
  cursor: pointer;
}
.message-input .button-bottom .allow-send[data-v-ca332340] {
  background: linear-gradient(90deg, #4dfec1 0%, #08b0fe 100%);
  cursor: pointer;
}
.message-input .button-bottom .allow-send[data-v-ca332340]:hover {
  background: linear-gradient(90deg, #38dca4 0%, #0c94d3 100%);
}
.message-input .button-bottom .allow-send[data-v-ca332340]:active {
  background: linear-gradient(90deg, #4dfec1 0%, #08b0fe 100%);
}.deep-thinking-container[data-v-b32e2ea5] {
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 8px;
}
.deep-thinking-container .title[data-v-b32e2ea5] {
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 12px;
  cursor: pointer;
  color: #ffffff;
  font-weight: 500;
  font-size: 14px;
}
.deep-thinking-container .title .icon-xiayizhang[data-v-b32e2ea5] {
  color: #ffffff;
  font-size: 12px;
  transform: rotate(0);
}
.deep-thinking-container .title .title-left[data-v-b32e2ea5] {
  display: flex;
  align-items: center;
  gap: 6px;
}
.deep-thinking-container .title .title-left .des[data-v-b32e2ea5] {
  font-weight: 500;
  font-size: 14px;
}
.deep-thinking-container .title .title-left .loading-icon[data-v-b32e2ea5] {
  width: 12px;
  height: 12px;
  animation: spin-b32e2ea5 1.2s linear infinite;
}
.deep-thinking-container .content[data-v-b32e2ea5] {
  padding: 0 12px 12px 12px;
  color: #c6ccd7;
  font-size: 12px;
  line-height: 18px;
}
.loading[data-v-b32e2ea5] {
  border: 1px solid rgba(255, 255, 255, 0.15);
  border-radius: 8px;
  background: #2c3c43;
}
.loading .title .title-left .des[data-v-b32e2ea5] {
  background: linear-gradient(90deg, #e6fff6 25%, #76d7b6 50%, #e6fff6 75%);
  -webkit-background-clip: text;
  background-size: 400% 100%;
  color: transparent;
  animation: gradient-b32e2ea5 4s linear infinite;
}
.is-expand[data-v-b32e2ea5] {
  background: transparent;
  border: 1px solid rgba(255, 255, 255, 0.2);
}
.is-expand .icon-xiayizhang[data-v-b32e2ea5] {
  transform: rotate(90deg) !important;
}
.is-expand .title .title-left .loading-icon[data-v-b32e2ea5] {
  display: none;
}
.is-expand .title .title-left .des[data-v-b32e2ea5] {
  animation: none;
}
@keyframes gradient-b32e2ea5 {
0% {
    background-position: 100% 0;
}
100% {
    background-position: 0 0;
}
}
@keyframes spin-b32e2ea5 {
from {
    transform: rotate(0deg);
}
to {
    transform: rotate(360deg);
}
}.user-ms-container[data-v-6683e1fa] {
  display: flex;
  width: 100%;
  justify-content: flex-end;
  align-items: center;
  gap: 8px;
}
.user-ms-container .content[data-v-6683e1fa] {
  background: #404652;
  border-radius: 4px;
  padding: 8px 11px;
  font-size: 14px;
  color: #ffffff;
}
.user-ms-container .state[data-v-6683e1fa] {
  width: 16px;
  height: 16px;
  flex-shrink: 0;
}
.user-ms-container .state .loading-icon[data-v-6683e1fa] {
  width: 16px;
  height: 16px;
  animation: rotate 1.5s linear infinite;
}.prompt-container[data-v-e7920dc2] {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.prompt-container .title[data-v-e7920dc2] {
  font-size: 14px;
  color: #a6acb8;
}
.prompt-container .content[data-v-e7920dc2] {
  font-size: 14px;
  color: #ffffff;
  line-height: 24px;
}
.prompt-container .operate[data-v-e7920dc2] {
  display: flex;
  align-items: center;
  gap: 4px;
}
.prompt-container .textarea[data-v-e7920dc2] {
  caret-color: #4dfec1;
  height: 112px;
  background: #1d212a;
  border-radius: 8px;
  border: 1px solid rgba(77, 254, 193, 0.5);
  font-size: 14px;
  color: #ffffff;
  line-height: 24px;
  padding: 8px 12px 8px 8px;
  word-break: break-all;
}.message-box[data-v-32f02246] {
  height: calc(100% - var(--message-input-height));
}
.message-box .top[data-v-32f02246] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px;
  font-size: 14px;
  color: #c6ccd7;
}
.message-box .top .icon-suoxiao[data-v-32f02246] {
  color: rgba(166, 172, 184, 0.7);
  cursor: pointer;
}
.message-box .message-content[data-v-32f02246] {
  height: calc(100% - 44px);
  overflow: auto;
  border-top: 1px solid rgba(255, 255, 255, 0.2);
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  padding: 20px 12px 20px;
  display: flex;
  flex-direction: column;
  gap: 20px;
}.chat-box[data-v-77791f41] {
  --message-input-height: 154px;
}
.chat-box[data-v-77791f41] {
  height: var(--message-input-height);
  background: #2a2f3a;
  border-radius: 8px;
  width: 100%;
  transition: height 0.5s ease-in-out;
}.left-picture[data-v-b2063ff3] {
  position: relative;
  height: 100%;
  display: flex;
  flex-direction: column;
  gap: 24px;
}.video-scale[data-v-b775ffa2] {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.video-scale .auto-scale[data-v-b775ffa2] {
  user-select: none;
  width: 100%;
  height: 40px;
  background: #2a2f3a;
  border-radius: 8px;
  border: 1px solid rgba(255, 255, 255, 0.06);
  padding: 12px;
  display: flex;
  align-items: center;
  gap: 3px;
}
.video-scale .auto-scale .ali-icon[data-v-b775ffa2] {
  width: 16px;
  height: 16px;
}
.video-scale .auto-scale .auto-scale-text[data-v-b775ffa2] {
  font-weight: 400;
  font-size: 14px;
  color: #a6acb8;
  cursor: not-allowed;
}.upload-picture[data-v-c024f1a1] {
  flex-shrink: 0;
  padding: 12px;
  background: #2a2f3a;
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.upload-picture .open-frame[data-v-c024f1a1] {
  height: 80px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding-bottom: 8px;
}
.upload-picture .upload-img[data-v-c024f1a1] {
  position: relative;
  flex-shrink: 0;
  cursor: pointer;
  user-select: none;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 72px;
  background: #404652;
  border-radius: 8px;
  overflow: hidden;
  transition: all 0.2s;
  border: 1px solid transparent;
}
.upload-picture .upload-img[data-v-c024f1a1]:hover {
  background: rgba(64, 70, 82, 0.5);
  border-radius: 8px;
  border: 1px solid rgba(255, 255, 255, 0.06);
}
.upload-picture .upload-img .show-img-container[data-v-c024f1a1] {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}
.upload-picture .upload-img .show-img-container .img-box[data-v-c024f1a1] {
  flex-shrink: 0;
  width: 70px;
  height: 70px;
  overflow: hidden;
  padding: 4px;
}
.upload-picture .upload-img .show-img-container .img-box img[data-v-c024f1a1] {
  width: 100%;
  height: 100%;
  border-radius: 8px;
  object-fit: cover;
}
.upload-picture .upload-img .show-img-container .img-box img[data-v-c024f1a1]:hover {
  background: rgba(0, 0, 0, 0.8);
}
.upload-picture .upload-img .show-img-container .img-name[data-v-c024f1a1] {
  flex: 1;
  display: flex;
  align-items: center;
}
.upload-picture .upload-img .show-img-container .img-name .img-text[data-v-c024f1a1] {
  width: 170px;
  font-weight: 400;
  font-size: 12px;
  color: #ffffff;
}
.upload-picture .upload-img .show-img-container .img-name .icon-shanchu[data-v-c024f1a1] {
  display: flex;
  align-items: center;
  flex-direction: column;
  color: #a6acb8;
  font-size: 16px;
}
.upload-picture .upload-img .show-img-container .img-name .icon-shanchu[data-v-c024f1a1]:hover {
  color: #ffffff;
}
.upload-picture .upload-img .upload-input[data-v-c024f1a1] {
  z-index: 1;
  cursor: pointer;
  position: absolute;
  opacity: 0;
  width: 100%;
  height: 100%;
}
.upload-picture .upload-img .upload-text[data-v-c024f1a1] {
  position: relative;
  font-weight: 400;
  font-size: 14px;
  color: #eef7ff;
}
.upload-picture .upload-img-2[data-v-c024f1a1] {
  width: unset;
  flex: 1;
  background: rgba(64, 70, 82, 0.6);
}
.upload-picture .upload-img-2:hover .border-box[data-v-c024f1a1] {
  background: #404652;
}
.upload-picture .upload-img-2 .upload-text[data-v-c024f1a1] {
  font-size: 12px;
}
.upload-picture .upload-img-2 .border-box[data-v-c024f1a1] {
  width: 52px;
  height: 52px;
  border-radius: 4px;
  border: 1px dashed rgba(255, 255, 255, 0.3);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 12px;
}
.upload-picture .upload-img-2 .border-box img[data-v-c024f1a1] {
  width: 100%;
  height: 100%;
}
.upload-picture .upload-img-2 .border-box i[data-v-c024f1a1] {
  position: absolute;
  color: #a6acb8;
}
.upload-picture .upload-img-2 .img-box[data-v-c024f1a1] {
  border: none;
  position: relative;
}
.upload-picture .upload-img-2 .img-box .iconfont[data-v-c024f1a1]:after {
  content: "";
  width: 52px;
  height: 52px;
  background-color: rgba(0, 0, 0, 0.5);
  position: absolute;
  left: -17px;
  top: -18px;
}
.upload-picture .upload-textarea[data-v-c024f1a1] {
  height: 100%;
  resize: none;
  border: none;
  caret-color: #4dfec1;
  background-color: transparent;
  outline: none;
  color: #c6ccd7;
  font-size: 14px;
}.duration-container[data-v-0e8b6453] {
  display: flex;
  flex-direction: column;
  gap: 12px;
  user-select: none;
}
.duration-container .duration-time-list[data-v-0e8b6453] {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(90px, 1fr));
  gap: 10px;
}
.duration-container .duration-time[data-v-0e8b6453] {
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 40px;
  background: #2a2f3a;
  border-radius: 8px;
  border: 1px solid rgba(255, 255, 255, 0.06);
  font-weight: 400;
  font-size: 14px;
  color: #ffffff;
}
.duration-container .active[data-v-0e8b6453] {
  background: #404652;
}.picture-video-nav[data-v-4dffa1be] {
  margin-bottom: 8px;
  flex-shrink: 0;
  user-select: none;
  width: 100%;
  height: 44px;
  background: #2a2f3a;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: space-around;
}
.picture-video-nav[data-v-4dffa1be]:first-child {
  position: relative;
}
.picture-video-nav[data-v-4dffa1be]:first-child::after {
  content: "";
  position: absolute;
  width: 1px;
  height: 16px;
  background: rgba(255, 255, 255, 0.2235294118);
  left: 50%;
}
.picture-video-nav .item[data-v-4dffa1be] {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  font-weight: 400;
  font-size: 14px;
  color: #a6acb8;
}
.picture-video-nav .active[data-v-4dffa1be] {
  font-weight: 500;
  font-size: 14px;
  color: #ffffff;
}
/*工具标题*/
.quick-tools .tool-title {
  font-weight: 500;
  font-size: 14px;
  color: #ffffff;
  margin-bottom: 12px;
}
.quick-tools .tool-item {
  display: flex;
  flex-direction: column;
}
.quick-tools .popover-common {
  padding: 8px !important;
  border-radius: 8px !important;
}
.quick-tools .popover-common.is-light, .quick-tools .popover-common.is-light > .el-popper__arrow:before {
  background: #2a2f3a !important;
  border: none !important;
}

.yd-select .el-select__wrapper {
  background: rgba(62, 68, 83, 0.4) !important;
  border-radius: 6px !important;
  height: 40px !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  box-shadow: none !important;
}
.yd-select .el-select__wrapper:hover {
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  box-shadow: none !important;
}
.yd-select .el-select__wrapper .el-select__placeholder {
  color: #c6ccd7 !important;
}

.yd-select-popper {
  background: #1d212a !important;
  border-radius: 8px !important;
  box-shadow: none !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
}
.yd-select-popper .el-popper__arrow:before {
  display: none !important;
}
.yd-select-popper .is-selected {
  background: #404652 !important;
}
.yd-select-popper .el-select-dropdown__list {
  padding: 4px 0 !important;
}
.yd-select-popper .el-select-dropdown__item {
  margin: 4px 8px !important;
  border-radius: 4px !important;
  font-size: 14px !important;
  color: #ffffff !important;
  height: 40px !important;
  display: flex !important;
  align-items: center !important;
}
.yd-select-popper .is-hovering {
  background: rgba(64, 70, 82, 0.6) !important;
}.active-template[data-v-99ffd70b] {
  background: #2a2f3a;
  border-radius: 8px;
  border: 1px solid rgba(255, 255, 255, 0.06);
  display: grid;
  grid-template-columns: 56px 1fr 28px;
  align-items: center;
  cursor: pointer;
  user-select: none;
  transition: all 0.2s;
}
.active-template .icon[data-v-99ffd70b] {
  width: 56px;
  height: 56px;
  border-radius: 8px;
  object-fit: cover;
}
.active-template .name-box[data-v-99ffd70b] {
  padding-left: 12px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.active-template .name-box .name[data-v-99ffd70b] {
  font-size: 14px;
  color: #ffffff;
  line-height: 16px;
}
.active-template .name-box .des[data-v-99ffd70b] {
  font-size: 12px;
  color: #a6acb8;
  line-height: 12px;
}
.active-template .icon-qiehuan[data-v-99ffd70b] {
  color: #a6acb8;
}
.active-template[data-v-99ffd70b]:hover {
  background: #404652;
}
.active-template:hover .icon-qiehuan[data-v-99ffd70b] {
  color: #ffffff;
}.template-container[data-v-1cb88044] {
  padding: 10px;
}
.template-container .top[data-v-1cb88044] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 15px;
}
.template-container .top .title[data-v-1cb88044] {
  font-weight: 500;
  font-size: 14px;
  color: #ffffff;
}
.template-container .top .iconfont[data-v-1cb88044] {
  color: #a6acb8;
  cursor: pointer;
  user-select: none;
}
.template-container .top .iconfont[data-v-1cb88044]:hover {
  color: #ffffff;
}
.template-container .top .iconfont[data-v-1cb88044]:active {
  color: #a6acb8;
}
.template-container .template-list[data-v-1cb88044] {
  height: 300px;
  overflow-y: auto;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.template-item[data-v-1cb88044] {
  background: #2a2f3a;
  border-radius: 8px;
  display: grid;
  grid-template-columns: 72px 1fr 28px;
  align-items: center;
  cursor: pointer;
  user-select: none;
  transition: all 0.2s;
}
.template-item .icon[data-v-1cb88044] {
  width: 72px;
  height: 72px;
  border-radius: 8px;
  object-fit: cover;
}
.template-item .name-box[data-v-1cb88044] {
  padding-left: 12px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.template-item .name-box .name[data-v-1cb88044] {
  width: 160px;
  font-size: 14px;
  color: #ffffff;
  line-height: 16px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.template-item .name-box .des[data-v-1cb88044] {
  width: 160px;
  font-size: 12px;
  color: #a6acb8;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 16px;
}
.template-item > .iconfont[data-v-1cb88044] {
  display: none;
}
.template-item[data-v-1cb88044]:hover {
  background: #404652;
}
.template-item:hover .iconfont[data-v-1cb88044] {
  color: #ffffff;
}
.template-item.active[data-v-1cb88044] {
  background: #404652;
}
.template-item.active .iconfont[data-v-1cb88044] {
  display: flex;
  color: #ffffff;
}
.upload-img[data-v-14a5763f] {
  width: 100%;
  border-radius: 8px;
  height: 154px;
  position: relative;
  --normal-bg-color: #2a2f3a;
  --hover-bg-color: #404652;
  background-color: var(--normal-bg-color);
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.2s;
  overflow: hidden;
}
.upload-img > .loading-mask[data-v-14a5763f] {
  position: absolute;
  left: 0;
  top: 0;
  background: #2a2f3a;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.upload-img > .loading-mask > .ali-icon[data-v-14a5763f] {
  font-size: 24px;
  margin-bottom: 12px;
  animation: rotate 1.5s linear infinite;
}
.upload-img > .loading-mask > .tips[data-v-14a5763f] {
  font-weight: 400;
  font-size: 14px;
  color: #a6acb8;
  line-height: 16px;
}
.upload-img > .trigger-area[data-v-14a5763f] {
  cursor: pointer;
  width: 100%;
  height: 100%;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.upload-img > .trigger-area > .upload-input[data-v-14a5763f] {
  opacity: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  cursor: pointer;
}
.upload-img > .trigger-area > .ali-icon[data-v-14a5763f] {
  color: #a6acb8;
  font-size: 32px;
  margin-bottom: 16px;
}
.upload-img > .trigger-area .tips > .row[data-v-14a5763f] {
  font-size: 14px;
  color: #a6acb8;
  line-height: 20px;
  text-align: center;
}
.upload-img > .trigger-area .tips > .row[data-v-14a5763f]:not(:last-child) {
  margin-bottom: 4px;
}
.upload-img > .trigger-area[data-v-14a5763f]:hover, .upload-img > .trigger-area.drag[data-v-14a5763f] {
  background-color: var(--hover-bg-color);
}
.upload-img > .trigger-area:hover > .ali-icon[data-v-14a5763f], .upload-img > .trigger-area.drag > .ali-icon[data-v-14a5763f] {
  color: #4dfec1;
}
.upload-img .preview-box[data-v-14a5763f] {
  width: 100%;
  height: 154px;
  overflow: hidden;
  border-radius: 8px;
}
.upload-img .audio-preview[data-v-14a5763f] {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 10px;
  font-size: 14px;
  color: #eef7ff;
}
.upload-img .audio-preview .audio-name[data-v-14a5763f] {
  width: calc(100% - 60px);
  user-select: none;
  white-space: nowrap; /* 防止文本换行 */
  overflow: hidden; /* 隐藏溢出的内容 */
  text-overflow: ellipsis; /* 显示省略号（...） */
}
.upload-img .audio-preview .icon-audio[data-v-14a5763f] {
  width: 40px;
  height: 40px;
}
.upload-img:hover > .del-btn[data-v-14a5763f] {
  display: block;
}
.upload-img .del-btn[data-v-14a5763f] {
  border-radius: 4px;
  font-size: 16px;
  position: absolute;
  z-index: 999;
  bottom: 14px;
  right: 14px;
  display: none;
}
.upload-img .pic[data-v-14a5763f] {
  object-fit: contain;
  cursor: pointer;
  width: 100%;
  height: 100%;
}.recommended-words .top-box[data-v-2b46fcb5] {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.recommended-words .top-box .title[data-v-2b46fcb5] {
  font-weight: 500;
  font-size: 14px;
  color: #ffffff;
}
.recommended-words .top-box .change-batch[data-v-2b46fcb5] {
  font-size: 12px;
  color: #a6acb8;
  display: flex;
  align-items: center;
  gap: 5px;
  cursor: pointer;
  user-select: none;
}
.recommended-words .words-list[data-v-2b46fcb5] {
  gap: 12px;
  margin-top: 12px;
  display: flex;
  flex-wrap: wrap;
  height: 68px;
  overflow-y: hidden;
}
.recommended-words .words-list .word-item[data-v-2b46fcb5] {
  background: #2a2f3a;
  border-radius: 4px;
  border: 1px solid rgba(255, 255, 255, 0.06);
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 18px;
  cursor: pointer;
  font-size: 12px;
  color: #c6ccd7;
}
.recommended-words .words-list .word-item[data-v-2b46fcb5]:hover {
  background: rgba(64, 70, 82, 0.8);
}
.recommended-words .words-list .word-item.active[data-v-2b46fcb5] {
  background: #404652 !important;
  font-size: 12px;
  color: #ffffff;
}
.sec[data-v-24d3c1b8] {
  /* 提示词 */
}
.sec > .title[data-v-24d3c1b8] {
  font-weight: 500;
  font-size: 14px;
  color: #ffffff;
  line-height: 20px;
  margin-bottom: 12px;
}
.sec.prompt .textarea-box[data-v-24d3c1b8] {
  padding: 12px;
  background: #2a2f3a;
  border-radius: 8px;
  position: relative;
}
.sec.prompt .textarea[data-v-24d3c1b8] {
  width: 100%;
  font-size: 14px;
  color: #c6ccd7;
  caret-color: #4dfec1;
  line-height: 20px;
  height: 154px;
}
.sec.prompt .max-length[data-v-24d3c1b8] {
  position: absolute;
  right: 0;
  bottom: 0;
  font-size: 12px;
  color: #ffffff;
  padding: 4px 12px;
  z-index: 100;
}
.operate-content[data-v-7e257021] {
  flex: 1;
  background: #1d212a;
  border-radius: 8px;
  padding: 24px;
  display: flex;
  flex-direction: column;
  gap: 24px;
  overflow-y: auto;
}
.operate-content > .sec[data-v-7e257021] {
  /* 提示词 */
  /* 生图比例 */
}
.operate-content > .sec > .title[data-v-7e257021] {
  font-weight: 500;
  font-size: 14px;
  color: #ffffff;
  line-height: 20px;
  margin-bottom: 12px;
}
.operate-content > .sec.prompt .textarea[data-v-7e257021] {
  width: 100%;
  padding: 12px;
  font-size: 14px;
  color: #c6ccd7;
  caret-color: #4dfec1;
  line-height: 20px;
  background: #2a2f3a;
  border-radius: 8px;
  height: 154px;
}
.operate-content > .sec.ratio > .list[data-v-7e257021] {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 12px;
}
.operate-content > .sec.ratio > .list > .item[data-v-7e257021] {
  height: 72px;
  background: rgba(42, 47, 58, 0.6);
  border-radius: 4px;
  border: 1px solid rgba(255, 255, 255, 0.06);
  transition: all 0.2s;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.operate-content > .sec.ratio > .list > .item > .icon-box[data-v-7e257021] {
  width: 32px;
  height: 32px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.operate-content > .sec.ratio > .list > .item .icon[data-v-7e257021] {
  background: #404753;
  border-radius: 2px;
  border: 1px solid rgba(255, 255, 255, 0.15);
}
.operate-content > .sec.ratio > .list > .item > .label[data-v-7e257021] {
  font-size: 14px;
  color: #a6acb8;
  line-height: 18px;
}
.operate-content > .sec.ratio > .list > .item.active[data-v-7e257021], .operate-content > .sec.ratio > .list > .item[data-v-7e257021]:hover {
  background: #404652;
}
.operate-content > .sec.ratio > .list > .item.active > .label[data-v-7e257021], .operate-content > .sec.ratio > .list > .item:hover > .label[data-v-7e257021] {
  font-weight: 500;
  color: #ffffff;
}
.operate-content > .sec.ratio > .list > .item.active .icon[data-v-7e257021], .operate-content > .sec.ratio > .list > .item:hover .icon[data-v-7e257021] {
  border: 1px solid #ffffff;
}.reference-degree[data-v-db20bde8] {
  flex: 1;
}
.reference-degree .title[data-v-db20bde8] {
  user-select: none;
  font-size: 14px;
  font-weight: 400;
  color: #fff;
}
.reference-degree .rate[data-v-db20bde8] {
  display: flex;
  align-items: center;
  gap: 12px;
}
.reference-degree .rate[data-v-db20bde8] .el-slider__runway {
  background-color: rgba(255, 255, 255, 0.1294117647);
  height: 10px;
  overflow: hidden;
  border-radius: 6px;
}
.reference-degree .rate[data-v-db20bde8] .el-slider__runway .el-slider__button-wrapper {
  display: none;
}
.reference-degree .rate[data-v-db20bde8] .el-slider__runway:hover .el-slider__bar {
  background: #cacfd7;
}
.reference-degree .rate[data-v-db20bde8] .el-slider__runway:active .el-slider__bar {
  background: #cacfd7;
}
.reference-degree .rate[data-v-db20bde8] .el-slider__runway .el-slider__bar {
  height: 100%;
  border-radius: 6px;
  background-color: #5b6477;
  transition: all 0.2s;
}
.reference-degree .rate .num[data-v-db20bde8] {
  user-select: none;
  color: #fff;
}
.reference-degree .rate-hover[data-v-db20bde8] .el-slider__bar {
  background: #cacfd7 !important;
}.operate-content[data-v-6f36c337] {
  flex: 1;
  background: #1d212a;
  border-radius: 8px;
  padding: 24px;
  overflow-y: auto;
  display: flex;
  flex-direction: column;
  gap: 24px;
}.operate-main-container[data-v-1fbbdc8a] {
  width: 360px;
  height: 100%;
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
}
.operate-main-container .operate-main-content[data-v-1fbbdc8a] {
  display: flex;
  flex-direction: column;
}
.operate-main-container .picture-video-swift[data-v-1fbbdc8a] {
  padding: 0 22px;
  width: 100%;
  height: 54px;
  display: flex;
  align-items: center;
  gap: 24px;
  background: #1d212a;
  border-radius: 8px;
  margin-bottom: 12px;
}
.operate-main-container .picture-video-swift .item[data-v-1fbbdc8a] {
  padding: 16px 0;
  user-select: none;
  cursor: pointer;
  font-weight: 400;
  font-size: 16px;
  color: #a6acb8;
}
.operate-main-container .picture-video-swift .active[data-v-1fbbdc8a] {
  position: relative;
  color: #fff;
  font-weight: 500;
}
.operate-main-container .picture-video-swift .active[data-v-1fbbdc8a]::after {
  content: "";
  position: absolute;
  bottom: 0px;
  left: 50%;
  transform: translateX(-50%);
  width: 64px;
  height: 2px;
  background: #fff;
  border-radius: 4px;
}
.operate-main-container .ai-generate[data-v-1fbbdc8a] {
  background: #1d212a;
  border-radius: 8px;
  overflow-y: auto;
  padding: 24px;
  height: 100%;
}
.main-left-footer[data-v-1fbbdc8a] {
  width: 100%;
  height: 52px;
  font-size: 16px;
  flex-shrink: 0;
  margin-top: 12px;
}
.main-left-footer .text[data-v-1fbbdc8a] {
  font-weight: 500;
  font-size: 16px;
  color: #0d0e11;
  line-height: 20px;
  display: flex;
  align-items: center;
}
.main-left-footer .text .icon-suanlidian1[data-v-1fbbdc8a] {
  color: #0d0e11;
  font-size: 13px;
  margin: 0 4px 0 9px;
}
.main-left-footer .loading-box[data-v-1fbbdc8a] {
  display: flex;
  align-items: center;
  gap: 8px;
}
.main-left-footer .loading-box img[data-v-1fbbdc8a] {
  width: 16px;
  height: 16px;
  animation: rotate 1.5s linear infinite;
}
.main-left-footer .loading-box .loading-text[data-v-1fbbdc8a] {
  font-weight: 500;
  font-size: 16px;
  color: rgba(255, 255, 255, 0.5882352941);
}
.disable-btn[data-v-1fbbdc8a] {
  background: #404652;
  color: #fff;
  cursor: no-drop;
}
.disable-btn[data-v-1fbbdc8a]:hover {
  background: #404652 !important;
}
.disable-btn[data-v-1fbbdc8a]:active {
  background: #404652 !important;
}
.disable-btn .text[data-v-1fbbdc8a] {
  color: #848a98 !important;
}
.disable-btn .icon-suanlidian1[data-v-1fbbdc8a] {
  color: #848a98 !important;
}
.loading[data-v-1fbbdc8a] {
  cursor: no-drop;
  background: linear-gradient(90deg, #2d8d6c 0%, #0d6791 100%);
  transition: all 0.2s;
}
.loading[data-v-1fbbdc8a]:hover {
  background: linear-gradient(90deg, #2d8d6c 0%, #0d6791 100%);
}
.loading[data-v-1fbbdc8a]:active {
  background: linear-gradient(90deg, #2d8d6c 0%, #0d6791 100%);
}.equity-received-body[data-v-0294840e] {
  position: relative;
}
.equity-received-body .bg[data-v-0294840e] {
  width: 360px;
  height: 315px;
}
.equity-received-body .vipYanhuo[data-v-0294840e] {
  position: absolute;
  top: 43px;
  left: 20px;
}
.equity-received-body .des[data-v-0294840e] {
  position: absolute;
  top: 124px;
  width: 100%;
  display: flex;
  align-items: center;
  flex-direction: column;
}
.equity-received-body .des > p[data-v-0294840e]:nth-child(1) {
  font-weight: 600;
  font-size: 24px;
  color: #412b14;
}
.equity-received-body .des > p:nth-child(1) span[data-v-0294840e] {
  color: #f36b3f;
}
.equity-received-body .des > p[data-v-0294840e]:nth-child(2) {
  font-size: 16px;
  color: #7e4400;
  margin: 12px 0 40px 0;
}
.equity-received-body .des .btn[data-v-0294840e] {
  font-weight: 500;
  font-size: 16px;
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 230px;
  height: 48px;
  background: linear-gradient(90deg, #735333 0%, #3f2917 100%);
  border-radius: 24px;
  cursor: pointer;
  user-select: none;
}.app-box[data-v-fb0bf24c] {
  width: 360px;
  background: #1d212a;
  border-radius: 8px;
  flex-shrink: 0;
  padding: 24px 20px;
}
.app-box .app-header[data-v-fb0bf24c] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-weight: 500;
  font-size: 14px;
  color: #ffffff;
  margin-bottom: 20px;
}
.app-box .app-header .icon-guanbi[data-v-fb0bf24c] {
  cursor: pointer;
  color: #a6acb8;
  transition: all 0.2s;
}
.app-box .app-header .icon-guanbi[data-v-fb0bf24c]:hover {
  color: rgba(166, 172, 184, 0.8);
}
.app-box .app-header .icon-guanbi[data-v-fb0bf24c]:active {
  color: rgb(166, 172, 184);
}
.app-box .app-list[data-v-fb0bf24c] {
  display: flex;
  gap: 8px 0;
  overflow-y: auto;
  height: calc(100% - 40px);
  justify-content: space-between;
  align-content: flex-start;
  flex-wrap: wrap;
}
.app-box .app-list .app-item[data-v-fb0bf24c] {
  width: 156px;
  height: 156px;
  cursor: pointer;
  border-radius: 8px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.app-box .app-list .app-item .cover[data-v-fb0bf24c] {
  width: 100%;
  height: 100%;
  border-radius: 8px;
}
.app-box .app-list .app-item .name[data-v-fb0bf24c] {
  position: absolute;
  bottom: 0;
  width: 100%;
  font-weight: 500;
  font-size: 16px;
  color: #ffffff;
  height: 54px;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%);
  border-radius: 0 0 8px 8px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.app-box .app-list .app-item.active[data-v-fb0bf24c] {
  border: 1px solid rgba(255, 255, 255, 0.8);
  padding: 4px;
}.empty-state[data-v-92d94447] {
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 18px;
}
.empty-state .empty-img[data-v-92d94447] {
  width: 240px;
  height: 180px;
}
.empty-state .empty-img img[data-v-92d94447] {
  width: 100%;
}
.empty-state .empty-text[data-v-92d94447] {
  user-select: none;
  font-weight: 400;
  font-size: 16px;
  color: #a6acb8;
  line-height: 24px;
}.error-content[data-v-47a3425d] {
  width: 100%;
  display: flex;
  align-items: center;
}
.error-content .line[data-v-47a3425d] {
  width: 1px;
  height: 10px;
  background-color: rgba(255, 255, 255, 0.2);
  margin: 0 8px;
}
.error-content > .tip-content[data-v-47a3425d] {
  display: flex;
  align-items: center;
  position: relative;
  color: #757a84;
}
.error-content > .tip-content[data-v-47a3425d]::after {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 1px;
  height: 10px;
  background-color: rgba(255, 255, 255, 0.2);
}
.error-content > .tip-content > .ali-icon[data-v-47a3425d] {
  font-size: 14px;
  margin-right: 4px;
}
.error-content > .tip-content > .txt[data-v-47a3425d] {
  font-size: 12px;
  line-height: 14px;
}
.error-content > .feedback-btn[data-v-47a3425d] {
  display: flex;
  align-items: center;
  color: #a6acb8;
  cursor: pointer;
}
.error-content > .feedback-btn > .txt[data-v-47a3425d] {
  font-size: 12px;
  line-height: 14px;
  margin-right: 3px;
}
.error-content > .feedback-btn > .ali-icon[data-v-47a3425d] {
  font-size: 12px;
}.error-content[data-v-a2e6aba4] {
  width: fit-content;
  display: flex;
  align-items: center;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 4px;
  padding: 8px 12px;
}
.error-content .weiguitongzhi[data-v-a2e6aba4] {
  margin-right: 10px;
}
.error-content .des[data-v-a2e6aba4] {
  font-size: 14px;
  color: #c6ccd7;
  line-height: 28px;
}
.error-content .line[data-v-a2e6aba4] {
  margin: 0 7px;
  width: 1px;
  height: 10px;
  background: rgba(255, 255, 255, 0.2);
}
.error-content .txt[data-v-a2e6aba4] {
  cursor: pointer;
  user-select: none;
  color: #a6acb8;
  font-size: 12px;
}
.error-content .feedback[data-v-a2e6aba4] {
  display: flex;
  align-items: center;
  gap: 2px;
  cursor: pointer;
  user-select: none;
}
.error-content .feedback:hover .txt[data-v-a2e6aba4] {
  color: rgba(166, 172, 184, 0.8);
}
.error-content .feedback:hover .jiantou[data-v-a2e6aba4] {
  color: rgba(166, 172, 184, 0.8);
}
.error-content .feedback .jiantou[data-v-a2e6aba4] {
  color: #a6acb8;
}.dialog-popover-delete[data-v-ce1e7b8d] {
  background-color: rgba(0, 0, 0, 0.2);
}
.dialog-popover-delete .dialog-header[data-v-ce1e7b8d] {
  padding: 0;
}
.dialog-popover-delete .dialog-footer[data-v-ce1e7b8d] {
  padding: 0;
}
.dialog-popover-delete .dialog-body[data-v-ce1e7b8d] {
  user-select: none;
  width: 100%;
  height: 100%;
}
.dialog-popover-delete .dialog-body .dialog-delete-box[data-v-ce1e7b8d] {
  padding: 30px;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.dialog-popover-delete .dialog-body .dialog-delete-box .delete-top[data-v-ce1e7b8d] {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.dialog-popover-delete .dialog-body .dialog-delete-box .delete-top .title[data-v-ce1e7b8d] {
  font-weight: 500;
  font-size: 16px;
  color: #ffffff;
}
.dialog-popover-delete .dialog-body .dialog-delete-box .delete-top .close-icon[data-v-ce1e7b8d] {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 36px;
  height: 36px;
  cursor: pointer;
  transition: all 0.2s;
}
.dialog-popover-delete .dialog-body .dialog-delete-box .delete-top .close-icon[data-v-ce1e7b8d]:hover {
  background-color: rgba(255, 255, 255, 0.1);
  border-radius: 8px;
}
.dialog-popover-delete .dialog-body .dialog-delete-box .delete-top .close-icon .ali-icon[data-v-ce1e7b8d] {
  width: 30px;
  height: 30px;
}
.dialog-popover-delete .dialog-body .dialog-delete-box .delete-desc[data-v-ce1e7b8d] {
  font-weight: 400;
  font-size: 16px;
  color: #a6acb8;
}
.dialog-popover-delete .dialog-body .dialog-delete-box .btn-group[data-v-ce1e7b8d] {
  display: flex;
  justify-content: flex-end;
  gap: 12px;
}
.dialog-popover-delete .dialog-body .dialog-delete-box .btn-group .btn[data-v-ce1e7b8d] {
  cursor: pointer;
  width: 112px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  border: 1px solid rgba(255, 255, 255, 0.3);
  font-weight: 500;
  font-size: 16px;
  color: #0d0e11;
}
.dialog-popover-delete .dialog-body .dialog-delete-box .btn-group .cancel[data-v-ce1e7b8d] {
  font-weight: 500;
  font-size: 16px;
  color: #ffffff;
  transition: all 0.2s;
}
.dialog-popover-delete .dialog-body .dialog-delete-box .btn-group .cancel[data-v-ce1e7b8d]:hover {
  background: rgba(64, 70, 82, 0.6901960784);
}
.picture-video-show[data-v-d288728a] {
  --aspect-ratio: 1;
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  row-gap: 8px;
}
.picture-video-show > .list[data-v-d288728a] {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  column-gap: 2px;
}
.picture-video-show > .list .empty-loading[data-v-d288728a] {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #2a2f3a;
  overflow: hidden;
}
.picture-video-show > .list .empty-loading[data-v-d288728a]:first-child {
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
}
.picture-video-show > .list .empty-loading[data-v-d288728a]:last-of-type {
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
}
.picture-video-show > .list .empty-loading[data-v-d288728a]:only-of-type {
  border-radius: 8px;
}
.picture-video-show > .list .empty-loading .loading-img[data-v-d288728a] {
  width: 30px;
  height: 30px;
  animation: rotate 1.5s linear infinite;
}
.picture-video-show > .list > .item-img[data-v-d288728a] {
  cursor: pointer;
  position: relative;
  min-width: 136px;
  overflow: hidden;
  display: flex;
  background-color: #22252e;
  /* 使用过 */
}
.picture-video-show > .list > .item-img .used[data-v-d288728a] {
  font-weight: 500;
  font-size: 12px;
  color: #ffffff;
  line-height: 16px;
  position: absolute;
  left: 12px;
  top: 12px;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 4px;
  backdrop-filter: blur(6px);
  padding: 4px 8px;
}
.picture-video-show > .list > .item-img .download[data-v-d288728a] {
  position: absolute;
  right: 8px;
  top: 8px;
  width: 28px;
  height: 28px;
  background: rgba(0, 0, 0, 0.2);
  backdrop-filter: blur(4px);
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.2s;
}
.picture-video-show > .list > .item-img .download[data-v-d288728a]:hover {
  background: rgba(255, 255, 255, 0.2);
}
.picture-video-show > .list > .item-img .download .ali-icon[data-v-d288728a] {
  width: 16px;
  height: 16px;
}
.picture-video-show > .list > .item-img[data-v-d288728a]:first-of-type {
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
}
.picture-video-show > .list > .item-img[data-v-d288728a]:last-of-type {
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
}
.picture-video-show > .list > .item-img[data-v-d288728a]:only-of-type {
  border-radius: 8px;
}
.picture-video-show > .list > .item-img .mask[data-v-d288728a] {
  opacity: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.2);
  position: absolute;
  top: 0;
  left: 0;
  /* 鼠标悬浮按钮 */
}
.picture-video-show > .list > .item-img .mask > .bottom-hover-tools[data-v-d288728a] {
  position: absolute;
  overflow: hidden;
  bottom: 8px;
  right: 8px;
  background-color: rgba(0, 0, 0, 0.2);
  border-radius: 4px;
  display: flex;
  align-items: center;
  backdrop-filter: blur(4px);
}
.picture-video-show > .list > .item-img .mask > .bottom-hover-tools .item[data-v-d288728a] {
  width: 28px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  position: relative;
}
.picture-video-show > .list > .item-img .mask > .bottom-hover-tools .item[data-v-d288728a]::before {
  display: none;
  background-color: #fff;
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.picture-video-show > .list > .item-img .mask > .bottom-hover-tools .item[data-v-d288728a]:hover {
  background-color: rgba(255, 255, 255, 0.2);
}
.picture-video-show > .list > .item-img .mask > .bottom-hover-tools .item[data-v-d288728a]:hover::before {
  display: block;
}
.picture-video-show > .list > .item-img .mask > .bottom-hover-tools .item .ali-icon[data-v-d288728a] {
  font-size: 14px;
}
@media (min-width: 1400px) {
.picture-video-show > .list > .item-img .mask > .bottom-hover-tools .item[data-v-d288728a] {
    width: 32px;
    height: 32px;
}
.picture-video-show > .list > .item-img .mask > .bottom-hover-tools .item > .ali-icon[data-v-d288728a] {
    font-size: 18px;
}
}
.picture-video-show > .list > .item-img:hover .mask[data-v-d288728a] {
  /* display: block; */
  opacity: 1;
}
.picture-video-show > .list > .item-img[data-v-d288728a] .el-image {
  width: 100%;
}
.picture-video-show > .list > .item-img[data-v-d288728a] .el-image img.is-loading,
.picture-video-show > .list > .item-img[data-v-d288728a] .el-image .el-image__error {
  width: 100%;
  height: auto;
  aspect-ratio: var(--aspect-ratio);
}
.picture-video-show > .list > .item-img[data-v-d288728a] .el-image .empty-img-box {
  display: flex;
  align-items: center;
  margin: 0 auto;
  width: 60%;
  height: 100%;
}
.picture-video-show > .list > .item-img[data-v-d288728a] .el-image .empty-img-box img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.picture-video-show > .list > .item-img img[data-v-d288728a] {
  object-fit: cover;
  width: 100%;
  height: 100%;
}
.picture-video-show > .list .download[data-v-d288728a] {
  position: absolute;
  right: 10px;
  top: 10px;
  width: 24px;
  height: 24px;
  background: rgba(255, 255, 255, 0.137254902);
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.2s;
  z-index: 1;
}
.picture-video-show > .list .download[data-v-d288728a]:hover {
  background: rgba(13, 14, 17, 0.4117647059);
}
.picture-video-show > .list .download .ali-icon[data-v-d288728a] {
  width: 16px;
  height: 16px;
}
.picture-video-show > .list .full-screen[data-v-d288728a] {
  position: absolute;
  bottom: 16px;
  right: 10px;
  width: 24px;
  height: 24px;
  background: rgba(255, 255, 255, 0.137254902);
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.2s;
  z-index: 1;
}
.picture-video-show > .list .full-screen[data-v-d288728a]:hover {
  background: rgba(13, 14, 17, 0.4117647059);
}
.picture-video-show > .list .full-screen .ali-icon[data-v-d288728a] {
  width: 16px;
  height: 16px;
}
.picture-video-show > .operate[data-v-d288728a] {
  display: flex;
  column-gap: 8px;
}
.picture-video-show > .operate .item[data-v-d288728a] {
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  background: #2a2f3a;
  border-radius: 8px;
  border: 1px solid rgba(255, 255, 255, 0.06);
  transition: all 0.2s;
}
.picture-video-show > .operate .item[data-v-d288728a]:hover {
  background: #404652;
}
.picture-video-show > .operate .item .ali-icon[data-v-d288728a] {
  width: 18px;
  height: 18px;
}
.picture-video-show[data-v-b535036a] {
  --aspect-ratio: 1;
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  row-gap: 8px;
}
.picture-video-show > .list[data-v-b535036a] {
  display: grid;
  grid-template-columns: 390px;
  column-gap: 2px;
}
.picture-video-show > .list .empty-loading[data-v-b535036a] {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #2a2f3a;
  overflow: hidden;
  border-radius: 8px;
}
.picture-video-show > .list .empty-loading .loading-img[data-v-b535036a] {
  width: 30px;
  height: 30px;
  animation: rotate 1.5s linear infinite;
}
.picture-video-show > .list > .item-img[data-v-b535036a] {
  cursor: pointer;
  position: relative;
  min-width: 136px;
  overflow: hidden;
  display: flex;
  border-radius: 4px;
  background-color: #22252e;
  /* 使用过 */
}
.picture-video-show > .list > .item-img .used[data-v-b535036a] {
  font-weight: 500;
  font-size: 12px;
  color: #ffffff;
  line-height: 16px;
  position: absolute;
  left: 12px;
  top: 12px;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 4px;
  backdrop-filter: blur(6px);
  padding: 4px 8px;
}
.picture-video-show > .list > .item-img .download[data-v-b535036a] {
  position: absolute;
  right: 8px;
  top: 8px;
  width: 28px;
  height: 28px;
  background: rgba(0, 0, 0, 0.2);
  backdrop-filter: blur(4px);
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.2s;
}
.picture-video-show > .list > .item-img .download[data-v-b535036a]:hover {
  background: rgba(255, 255, 255, 0.2);
}
.picture-video-show > .list > .item-img .download .ali-icon[data-v-b535036a] {
  width: 16px;
  height: 16px;
}
.picture-video-show > .list > .item-img .mask[data-v-b535036a] {
  opacity: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.2);
  position: absolute;
  top: 0;
  left: 0;
  /* 鼠标悬浮按钮 */
}
.picture-video-show > .list > .item-img .mask > .bottom-hover-tools[data-v-b535036a] {
  position: absolute;
  overflow: hidden;
  bottom: 8px;
  right: 8px;
  background-color: rgba(0, 0, 0, 0.2);
  border-radius: 4px;
  display: flex;
  align-items: center;
  backdrop-filter: blur(4px);
}
.picture-video-show > .list > .item-img .mask > .bottom-hover-tools .item[data-v-b535036a] {
  width: 28px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  position: relative;
}
.picture-video-show > .list > .item-img .mask > .bottom-hover-tools .item[data-v-b535036a]::before {
  display: none;
  background-color: #fff;
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.picture-video-show > .list > .item-img .mask > .bottom-hover-tools .item[data-v-b535036a]:hover {
  background-color: rgba(255, 255, 255, 0.2);
}
.picture-video-show > .list > .item-img .mask > .bottom-hover-tools .item[data-v-b535036a]:hover::before {
  display: block;
}
.picture-video-show > .list > .item-img .mask > .bottom-hover-tools .item .ali-icon[data-v-b535036a] {
  font-size: 14px;
}
@media (min-width: 1400px) {
.picture-video-show > .list > .item-img .mask > .bottom-hover-tools .item[data-v-b535036a] {
    width: 32px;
    height: 32px;
}
.picture-video-show > .list > .item-img .mask > .bottom-hover-tools .item > .ali-icon[data-v-b535036a] {
    font-size: 18px;
}
}
.picture-video-show > .list > .item-img:hover .mask[data-v-b535036a] {
  /* display: block; */
  opacity: 1;
}
.picture-video-show > .list > .item-img[data-v-b535036a] .el-image {
  width: 100%;
}
.picture-video-show > .list > .item-img[data-v-b535036a] .el-image img.is-loading,
.picture-video-show > .list > .item-img[data-v-b535036a] .el-image .el-image__error {
  width: 100%;
  height: auto;
  aspect-ratio: var(--aspect-ratio);
}
.picture-video-show > .list > .item-img[data-v-b535036a] .el-image .empty-img-box {
  display: flex;
  align-items: center;
  margin: 0 auto;
  width: 60%;
  height: 100%;
}
.picture-video-show > .list > .item-img[data-v-b535036a] .el-image .empty-img-box img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.picture-video-show > .list > .item-img img[data-v-b535036a] {
  object-fit: cover;
  width: 100%;
  height: 100%;
  background-color: unset;
}
.picture-video-show > .list .download[data-v-b535036a] {
  position: absolute;
  right: 10px;
  top: 10px;
  width: 24px;
  height: 24px;
  background: rgba(255, 255, 255, 0.137254902);
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.2s;
  z-index: 1;
}
.picture-video-show > .list .download[data-v-b535036a]:hover {
  background: rgba(13, 14, 17, 0.4117647059);
}
.picture-video-show > .list .download .ali-icon[data-v-b535036a] {
  width: 16px;
  height: 16px;
}
.picture-video-show > .list .full-screen[data-v-b535036a] {
  position: absolute;
  bottom: 16px;
  right: 10px;
  width: 24px;
  height: 24px;
  background: rgba(255, 255, 255, 0.137254902);
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.2s;
  z-index: 1;
}
.picture-video-show > .list .full-screen[data-v-b535036a]:hover {
  background: rgba(13, 14, 17, 0.4117647059);
}
.picture-video-show > .list .full-screen .ali-icon[data-v-b535036a] {
  width: 16px;
  height: 16px;
}
.picture-video-show > .list > .operate[data-v-b535036a] {
  margin-top: 12px;
  display: flex;
  column-gap: 8px;
}
.picture-video-show > .list > .operate .item[data-v-b535036a] {
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  background: #2a2f3a;
  border-radius: 8px;
  border: 1px solid rgba(255, 255, 255, 0.06);
  transition: all 0.2s;
}
.picture-video-show > .list > .operate .item[data-v-b535036a]:hover {
  background: #404652;
}
.picture-video-show > .list > .operate .item .ali-icon[data-v-b535036a] {
  width: 18px;
  height: 18px;
}
.picture-video-show > .list > .operate > .right[data-v-b535036a] {
  margin-left: auto;
  display: flex;
  align-items: center;
  background-color: #2a2f3a;
  border-radius: 4px;
}
.picture-video-show > .list > .operate > .right .item[data-v-b535036a] {
  border: none;
}.dialog-popover-delete {
  background-color: rgba(0, 0, 0, 0.2);
}
.dialog-popover-delete .dialog-header {
  padding: 0;
}
.dialog-popover-delete .dialog-footer {
  padding: 0;
}
.dialog-popover-delete .dialog-body {
  user-select: none;
  width: 100%;
  height: 100%;
}
.dialog-popover-delete .dialog-body .dialog-delete-box {
  padding: 30px;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.dialog-popover-delete .dialog-body .dialog-delete-box .delete-top {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.dialog-popover-delete .dialog-body .dialog-delete-box .delete-top .title {
  font-weight: 500;
  font-size: 16px;
  color: #ffffff;
}
.dialog-popover-delete .dialog-body .dialog-delete-box .delete-top .close-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 36px;
  height: 36px;
  cursor: pointer;
  transition: all 0.2s;
}
.dialog-popover-delete .dialog-body .dialog-delete-box .delete-top .close-icon:hover {
  background-color: rgba(255, 255, 255, 0.1);
  border-radius: 8px;
}
.dialog-popover-delete .dialog-body .dialog-delete-box .delete-top .close-icon .ali-icon {
  width: 30px;
  height: 30px;
}
.dialog-popover-delete .dialog-body .dialog-delete-box .delete-desc {
  font-weight: 400;
  font-size: 16px;
  color: #a6acb8;
}
.dialog-popover-delete .dialog-body .dialog-delete-box .btn-group {
  display: flex;
  justify-content: flex-end;
  gap: 12px;
}
.dialog-popover-delete .dialog-body .dialog-delete-box .btn-group .btn {
  cursor: pointer;
  width: 112px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  border: 1px solid rgba(255, 255, 255, 0.3);
  font-weight: 500;
  font-size: 16px;
  color: #0d0e11;
}
.dialog-popover-delete .dialog-body .dialog-delete-box .btn-group .cancel {
  font-weight: 500;
  font-size: 16px;
  color: #ffffff;
  transition: all 0.2s;
}
.dialog-popover-delete .dialog-body .dialog-delete-box .btn-group .cancel:hover {
  background: rgba(64, 70, 82, 0.6901960784);
}
.generate-picture[data-v-66f1b075] {
  transform: var(--virtual-list-rotate);
  direction: ltr;
}
.generate-picture .top-info[data-v-66f1b075] {
  user-select: none;
  display: flex;
  margin-bottom: 12px;
  align-items: center;
}
.generate-picture .top-info .top-avatar[data-v-66f1b075] {
  width: 24px;
  height: 24px;
  border: 1px solid rgb(77, 254, 193);
  border-radius: 50%;
  overflow: hidden;
  margin-right: 10px;
}
.generate-picture .top-info .top-avatar img[data-v-66f1b075] {
  object-fit: cover;
  width: 100%;
  height: 100%;
}
.generate-picture .top-info .name[data-v-66f1b075] {
  font-weight: 500;
  font-size: 16px;
  color: #ffffff;
  line-height: 22px;
}
.generate-picture .top-info .time[data-v-66f1b075] {
  display: inline-block;
  margin-left: 8px;
  font-weight: 400;
  font-size: 14px;
  color: #a6acb8;
  vertical-align: bottom;
}
.generate-picture .content-section[data-v-66f1b075] {
  padding: 0 36px;
  position: relative;
}
.generate-picture .content-section .reference[data-v-66f1b075] {
  user-select: none;
  display: flex;
  align-items: center;
  gap: 7px;
  margin-bottom: 12px;
}
.generate-picture .content-section .reference .reference-img[data-v-66f1b075] {
  width: 24px;
  height: 24px;
  background: #d8d8d8;
  border-radius: 4px;
  overflow: hidden;
}
.generate-picture .content-section .reference .reference-tag[data-v-66f1b075] {
  padding: 2px;
  background: rgba(8, 176, 254, 0.3411764706);
  border-radius: 4px;
  font-weight: 400;
  font-size: 14px;
  color: #85d8ff;
}
.generate-picture .content-section .picture-video-desc[data-v-66f1b075] {
  font-weight: 400;
  font-size: 14px;
  color: #c6ccd7;
  line-height: 28px;
}
.generate-picture .content-section .picture-video-desc .desc[data-v-66f1b075] {
  user-select: text;
}
.generate-picture .content-section .picture-video-desc .tags[data-v-66f1b075] {
  margin-left: 15px;
}
.generate-picture .content-section .picture-video-desc .tags.not-desc[data-v-66f1b075] {
  margin-left: 0;
}
.generate-picture .content-section .picture-video-desc .tags .common-tag[data-v-66f1b075] {
  user-select: none;
  border-radius: 4px;
  border: 1px solid rgba(255, 255, 255, 0.15);
  padding: 2px 5px;
  font-size: 12px;
  /* margin-left: 3px; */
}
.generate-picture .content-section .picture-video-desc .tags .common-tag[data-v-66f1b075]:not(:last-child) {
  margin-right: 3px;
}
.generate-picture .content-section .task-result-content[data-v-66f1b075] {
  margin-top: 8px;
  display: flex;
}
.generate-picture .content-section .task-result-content .input-image[data-v-66f1b075] {
  border-radius: 4px;
  overflow: hidden;
  width: 24px;
  height: 24px;
  position: absolute;
  left: 0;
  top: 0;
  overflow: hidden;
}
.generate-picture .content-section .task-result-content .input-image[data-v-66f1b075] .el-image .el-image__error {
  font-size: 10px;
}
.generate-picture .content-section .task-result-content .input-image img[data-v-66f1b075] {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.generate-picture .content-section .task-result-content .picture-video-show[data-v-66f1b075] {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  row-gap: 8px;
}
.generate-picture .content-section .task-result-content .picture-video-show > .list[data-v-66f1b075] {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  column-gap: 2px;
  /* 单独一张图 */
}
.generate-picture .content-section .task-result-content .picture-video-show > .list .empty-loading[data-v-66f1b075] {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #2a2f3a;
  overflow: hidden;
}
.generate-picture .content-section .task-result-content .picture-video-show > .list .empty-loading[data-v-66f1b075]:first-child {
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
}
.generate-picture .content-section .task-result-content .picture-video-show > .list .empty-loading[data-v-66f1b075]:last-of-type {
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
}
.generate-picture .content-section .task-result-content .picture-video-show > .list .empty-loading[data-v-66f1b075]:only-of-type {
  border-radius: 8px;
}
.generate-picture .content-section .task-result-content .picture-video-show > .list .empty-loading .loading-img[data-v-66f1b075] {
  width: 30px;
  height: 30px;
  animation: rotate 1.5s linear infinite;
}
.generate-picture .content-section .task-result-content .picture-video-show > .list > .item-img[data-v-66f1b075] {
  cursor: pointer;
  position: relative;
  min-width: 136px;
  overflow: hidden;
  display: flex;
  /* 使用过 */
}
.generate-picture .content-section .task-result-content .picture-video-show > .list > .item-img .used[data-v-66f1b075] {
  font-weight: 500;
  font-size: 12px;
  color: #ffffff;
  line-height: 16px;
  position: absolute;
  left: 12px;
  top: 12px;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 4px;
  backdrop-filter: blur(6px);
  padding: 4px 8px;
}
.generate-picture .content-section .task-result-content .picture-video-show > .list > .item-img .download[data-v-66f1b075] {
  position: absolute;
  right: 8px;
  top: 8px;
  width: 28px;
  height: 28px;
  background: rgba(0, 0, 0, 0.2);
  backdrop-filter: blur(4px);
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.2s;
}
.generate-picture .content-section .task-result-content .picture-video-show > .list > .item-img .download[data-v-66f1b075]:hover {
  background: rgba(255, 255, 255, 0.2);
}
.generate-picture .content-section .task-result-content .picture-video-show > .list > .item-img .download .ali-icon[data-v-66f1b075] {
  width: 16px;
  height: 16px;
}
.generate-picture .content-section .task-result-content .picture-video-show > .list > .item-img[data-v-66f1b075]:first-of-type {
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
}
.generate-picture .content-section .task-result-content .picture-video-show > .list > .item-img[data-v-66f1b075]:last-of-type {
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
}
.generate-picture .content-section .task-result-content .picture-video-show > .list > .item-img[data-v-66f1b075]:only-of-type {
  border-radius: 8px;
}
.generate-picture .content-section .task-result-content .picture-video-show > .list > .item-img .mask[data-v-66f1b075] {
  opacity: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.2);
  position: absolute;
  top: 0;
  left: 0;
  /* 鼠标悬浮按钮 */
}
.generate-picture .content-section .task-result-content .picture-video-show > .list > .item-img .mask > .bottom-hover-tools[data-v-66f1b075] {
  position: absolute;
  overflow: hidden;
  bottom: 8px;
  right: 8px;
  background-color: rgba(0, 0, 0, 0.2);
  border-radius: 4px;
  display: flex;
  align-items: center;
  backdrop-filter: blur(4px);
}
.generate-picture .content-section .task-result-content .picture-video-show > .list > .item-img .mask > .bottom-hover-tools .item[data-v-66f1b075] {
  width: 28px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  position: relative;
}
.generate-picture .content-section .task-result-content .picture-video-show > .list > .item-img .mask > .bottom-hover-tools .item[data-v-66f1b075]::before {
  display: none;
  background-color: #fff;
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.generate-picture .content-section .task-result-content .picture-video-show > .list > .item-img .mask > .bottom-hover-tools .item[data-v-66f1b075]:hover {
  background-color: rgba(255, 255, 255, 0.2);
}
.generate-picture .content-section .task-result-content .picture-video-show > .list > .item-img .mask > .bottom-hover-tools .item[data-v-66f1b075]:hover::before {
  display: block;
}
.generate-picture .content-section .task-result-content .picture-video-show > .list > .item-img .mask > .bottom-hover-tools .item .ali-icon[data-v-66f1b075] {
  font-size: 14px;
}
@media (min-width: 1400px) {
.generate-picture .content-section .task-result-content .picture-video-show > .list > .item-img .mask > .bottom-hover-tools .item[data-v-66f1b075] {
    width: 32px;
    height: 32px;
}
.generate-picture .content-section .task-result-content .picture-video-show > .list > .item-img .mask > .bottom-hover-tools .item > .ali-icon[data-v-66f1b075] {
    font-size: 18px;
}
}
.generate-picture .content-section .task-result-content .picture-video-show > .list > .item-img:hover .mask[data-v-66f1b075] {
  /* display: block; */
  opacity: 1;
}
.generate-picture .content-section .task-result-content .picture-video-show > .list > .item-img img[data-v-66f1b075] {
  object-fit: cover;
  width: 100%;
  height: 100%;
}
.generate-picture .content-section .task-result-content .picture-video-show > .list .download[data-v-66f1b075] {
  position: absolute;
  right: 10px;
  top: 10px;
  width: 24px;
  height: 24px;
  background: rgba(255, 255, 255, 0.137254902);
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.2s;
  z-index: 1;
}
.generate-picture .content-section .task-result-content .picture-video-show > .list .download[data-v-66f1b075]:hover {
  background: rgba(13, 14, 17, 0.4117647059);
}
.generate-picture .content-section .task-result-content .picture-video-show > .list .download .ali-icon[data-v-66f1b075] {
  width: 16px;
  height: 16px;
}
.generate-picture .content-section .task-result-content .picture-video-show > .list .full-screen[data-v-66f1b075] {
  position: absolute;
  bottom: 16px;
  right: 10px;
  width: 24px;
  height: 24px;
  background: rgba(255, 255, 255, 0.137254902);
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.2s;
  z-index: 1;
}
.generate-picture .content-section .task-result-content .picture-video-show > .list .full-screen[data-v-66f1b075]:hover {
  background: rgba(13, 14, 17, 0.4117647059);
}
.generate-picture .content-section .task-result-content .picture-video-show > .list .full-screen .ali-icon[data-v-66f1b075] {
  width: 16px;
  height: 16px;
}
.generate-picture .content-section .task-result-content .picture-video-show > .list.single[data-v-66f1b075] {
  grid-template-columns: 390px;
}
.generate-picture .content-section .task-result-content .picture-video-show > .list.single .empty-loading[data-v-66f1b075] {
  border-radius: 8px;
}
.generate-picture .content-section .task-result-content .picture-video-show > .list.single > .item-img[data-v-66f1b075] {
  border-radius: 8px;
}
.generate-picture .content-section .task-result-content .picture-video-show > .list.single .operate[data-v-66f1b075] {
  margin-top: 12px;
}
.generate-picture .content-section .task-result-content .picture-video-show > .list.single .operate > .right[data-v-66f1b075] {
  margin-left: auto;
  display: flex;
  align-items: center;
  background-color: #2a2f3a;
  border-radius: 4px;
}
.generate-picture .content-section .task-result-content .picture-video-show > .list.single .operate > .right .item[data-v-66f1b075] {
  border: none;
}
.generate-picture .content-section .task-result-content .generate-error .operate[data-v-66f1b075] {
  margin-top: 12px;
}
.generate-picture .content-section .operate[data-v-66f1b075] {
  display: flex;
  column-gap: 8px;
}
.generate-picture .content-section .operate .item[data-v-66f1b075] {
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  background: #2a2f3a;
  border-radius: 8px;
  border: 1px solid rgba(255, 255, 255, 0.06);
  transition: all 0.2s;
}
.generate-picture .content-section .operate .item[data-v-66f1b075]:hover {
  background: #404652;
}
.generate-picture .content-section .operate .item .ali-icon[data-v-66f1b075] {
  width: 18px;
  height: 18px;
}
.popover[data-v-66f1b075] {
  position: absolute;
  width: 60vw;
  height: 40vh;
  background: #0d0e11;
  border-radius: 22px;
  border: 1px solid rgba(255, 255, 255, 0.15);
  z-index: 10;
}.generate-content-show[data-v-8911e068] {
  transform: var(--virtual-list-rotate);
  direction: ltr;
}
.generate-content-show .top-info[data-v-8911e068] {
  user-select: none;
  display: flex;
  align-items: center;
}
.generate-content-show .top-info .top-avatar[data-v-8911e068] {
  width: 24px;
  height: 24px;
  border: 1px solid rgb(77, 254, 193);
  border-radius: 50%;
  overflow: hidden;
  margin-right: 10px;
}
.generate-content-show .top-info .top-avatar img[data-v-8911e068] {
  object-fit: cover;
  width: 100%;
  height: 100%;
}
.generate-content-show .top-info .name[data-v-8911e068] {
  font-weight: 500;
  font-size: 16px;
  color: #ffffff;
}
.generate-content-show .top-info .time[data-v-8911e068] {
  margin-left: 7px;
  font-weight: 400;
  font-size: 14px;
  color: #a6acb8;
}
.generate-content-show .prompt-section[data-v-8911e068] {
  margin: 0 36px;
}
.generate-content-show .prompt-section .reference[data-v-8911e068] {
  user-select: none;
  display: flex;
  align-items: center;
  gap: 7px;
  padding: 12px 0;
}
.generate-content-show .prompt-section .reference .reference-img[data-v-8911e068] {
  background: unset;
  border-radius: 4px;
  overflow: hidden;
  display: flex;
  gap: 8px;
}
.generate-content-show .prompt-section .reference .reference-img[data-v-8911e068] .el-image .el-image__error {
  font-size: 10px;
}
.generate-content-show .prompt-section .reference .reference-tag[data-v-8911e068] {
  padding: 2px;
  background: rgba(8, 176, 254, 0.3411764706);
  border-radius: 4px;
  font-weight: 400;
  font-size: 14px;
  color: #85d8ff;
}
.generate-content-show .prompt-section .picture-video-desc[data-v-8911e068] {
  font-weight: 400;
  font-size: 14px;
  color: #c6ccd7;
  line-height: 28px;
}
.generate-content-show .prompt-section .picture-video-desc .common-tag[data-v-8911e068] {
  user-select: none;
  border-radius: 4px;
  border: 1px solid rgba(255, 255, 255, 0.15);
  padding: 2px 5px;
  font-size: 12px;
}
.generate-content-show .prompt-section .picture-video-desc .time-tag[data-v-8911e068] {
  margin-left: 3px;
  font-size: 12px;
}
.generate-content-show .prompt-section .picture-video-desc .margin-none[data-v-8911e068] {
  margin: 0 !important;
}
.generate-content-show .picture-video-show[data-v-8911e068] {
  display: flex;
  flex-direction: column;
  row-gap: 8px;
  margin: 8px 36px 0 36px;
  height: auto;
}
.generate-content-show .picture-video-show .video[data-v-8911e068] {
  cursor: pointer;
  position: relative;
  width: 100%;
  max-height: 50vh;
  height: 100%;
  min-width: 160px;
  background: #0d0e11;
  border-radius: 16px;
  border: 1px solid rgba(255, 255, 255, 0.15);
  overflow: hidden;
}
.generate-content-show .picture-video-show .video .mask[data-v-8911e068] {
  height: 100%;
  width: 100%;
  position: absolute;
  z-index: 99;
}
.generate-content-show .picture-video-show .video .icon-quanping[data-v-8911e068] {
  position: absolute;
  bottom: 16px;
  right: 12px;
  font-size: 20px;
  color: #ffffff;
  z-index: 10000;
}
.generate-content-show .picture-video-show .video .video-loading[data-v-8911e068] {
  background-color: #2a2f3a;
  display: flex;
  flex-direction: column;
  gap: 6px;
  align-items: center;
  justify-content: center;
  max-height: 50vh;
  height: 400px;
}
.generate-content-show .picture-video-show .video .empty-loading[data-v-8911e068] {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #2a2f3a;
  max-height: 50vh;
  height: 400px;
}
.generate-content-show .picture-video-show .video .empty-loading[data-v-8911e068]:first-child {
  border-radius: 8px 0 0 8px;
  overflow: hidden;
}
.generate-content-show .picture-video-show .video .empty-loading[data-v-8911e068]:last-child {
  border-radius: 0 8px 8px 0;
  overflow: hidden;
}
.generate-content-show .picture-video-show .video .empty-loading .loading-img[data-v-8911e068] {
  width: 30px;
  height: 30px;
  animation: rotate 1.5s linear infinite;
}
.generate-content-show .picture-video-show .video .loading-text[data-v-8911e068] {
  font-weight: 400;
  font-size: 14px;
  color: #ffffff;
}
.generate-content-show .picture-video-show .video .download[data-v-8911e068] {
  position: absolute;
  z-index: 10;
  right: 10px;
  top: 10px;
  width: 20px;
  height: 20px;
  background: rgba(255, 255, 255, 0.137254902);
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.2s;
}
.generate-content-show .picture-video-show .video .download[data-v-8911e068]:hover {
  background: rgba(13, 14, 17, 0.4117647059);
}
.generate-content-show .picture-video-show .video .download .ali-icon[data-v-8911e068] {
  width: 16px;
  height: 16px;
}
.generate-content-show .picture-video-show .video .progress-bar[data-v-8911e068] {
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 100%;
  height: 4px;
  background: #dbdbdb;
}
.generate-content-show .picture-video-show .video .played-progress-bar[data-v-8911e068] {
  transition: all 0.1s;
  position: absolute;
  z-index: 2;
  bottom: 0px;
  left: 0px;
  width: 0%;
  height: 4px;
  background: red;
}
.generate-content-show .operate[data-v-8911e068] {
  display: flex;
  margin: 8px 36px 0 36px;
  column-gap: 8px;
}
.generate-content-show .operate .item[data-v-8911e068] {
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  background: #2a2f3a;
  border-radius: 8px;
  border: 1px solid rgba(255, 255, 255, 0.06);
  transition: all 0.2s;
}
.generate-content-show .operate .item[data-v-8911e068]:hover {
  background: #404652;
}
.generate-content-show .operate .item .ali-icon[data-v-8911e068] {
  width: 18px;
  height: 18px;
}
.popover[data-v-8911e068] {
  position: absolute;
  width: 60vw;
  height: 40vh;
  background: #0d0e11;
  border-radius: 22px;
  border: 1px solid rgba(255, 255, 255, 0.15);
  z-index: 10;
}.right-generate-section[data-v-edcc1ee0] {
  background: #1a1d25;
  flex: 1;
  border-radius: 8px;
  padding: 14px 0 0 0;
  height: 100%;
  display: flex;
  flex-direction: column;
  gap: 20px;
  position: relative;
}
.right-generate-section .return-bottom2[data-v-edcc1ee0] {
  width: 40px;
  height: 40px;
  background: #2a2f3a;
  border: 1px solid rgba(255, 255, 255, 0.06);
  position: absolute;
  right: 15px;
  bottom: 60px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.right-generate-section .return-bottom2[data-v-edcc1ee0]:hover {
  background: #404652;
}
.right-generate-section .return-bottom2 .icon-xiala-xianxing[data-v-edcc1ee0] {
  font-size: 20px;
  color: #a6acb8;
}
.right-generate-section .return-bottom[data-v-edcc1ee0] {
  position: absolute;
  right: 56px;
  bottom: 24px;
  background: #2a2f3a;
  border-radius: 8px;
  border: 1px solid rgba(255, 255, 255, 0.15);
  display: flex;
  padding: 10px 12px;
  user-select: none;
  align-items: center;
}
.right-generate-section .return-bottom .icon[data-v-edcc1ee0] {
  width: 20px;
  height: 20px;
}
.right-generate-section .return-bottom > .title[data-v-edcc1ee0] {
  font-size: 14px;
  color: #ffffff;
  margin: 0 12px 0 4px;
}
.right-generate-section .return-bottom .loading-icon[data-v-edcc1ee0] {
  width: 20px;
  height: 20px;
  animation: rotate 1.5s linear infinite;
}
.right-generate-section .return-bottom .return-bottom-btn[data-v-edcc1ee0] {
  display: flex;
  align-items: center;
  font-size: 14px;
  color: #a6acb8;
  cursor: pointer;
  gap: 5px;
}
.right-generate-section .return-bottom .return-bottom-btn .icon-xiala-xianxing[data-v-edcc1ee0] {
  font-size: 10px;
}
.right-generate-section .select-box[data-v-edcc1ee0] {
  position: relative;
  user-select: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  width: 114px;
  height: 32px;
  border-radius: 4px;
  border: 1px solid rgba(255, 255, 255, 0.3);
  transition: all 0.2s;
}
.right-generate-section .select-box[data-v-edcc1ee0]:hover {
  background: #404652;
  border-radius: 4px;
  border: 1px solid rgba(255, 255, 255, 0.15);
}
.right-generate-section .select-box .select-container[data-v-edcc1ee0] {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.right-generate-section .select-box .text[data-v-edcc1ee0] {
  position: relative;
  right: 8px;
  font-weight: 400;
  font-size: 14px;
  color: #ffffff;
}
.right-generate-section .select-box .el-icon[data-v-edcc1ee0] {
  position: absolute;
  transition: all 0.2s;
  top: 3px;
  right: -18px;
  transform: rotate(180deg);
}
.right-generate-section .select-box .isTransform[data-v-edcc1ee0] {
  transform: rotate(360deg);
}
.right-generate-section .show-container[data-v-edcc1ee0] {
  width: 100%;
  height: calc(100% - 66px);
  --virtual-list-rotate: rotate(180deg);
  --virtual-list-direction: rtl;
  --virtual-list-justify-content: flex-end;
  /* Firefox */
}
.right-generate-section .show-container .scroll-container[data-v-edcc1ee0] {
  width: 100%;
  height: 100%;
  padding: 0 24px 14px 24px;
  direction: var(--virtual-list-direction);
  transform: var(--virtual-list-rotate);
  overflow-y: auto;
}
.right-generate-section .show-container .scroll-container .content-list[data-v-edcc1ee0] {
  display: flex;
  flex-direction: column;
  row-gap: 30px;
  min-height: 100%;
  justify-content: flex-end;
  padding-top: 60px;
}
[data-v-edcc1ee0] .select-type .el-select__wrapper {
  background-color: #1a1d25;
  box-shadow: none;
  border: 1px solid rgba(255, 255, 255, 0.15);
}
[data-v-edcc1ee0] .select-type .el-select__wrapper .el-select__placeholder {
  color: #ffffff;
  font-size: 14px;
}
[data-v-edcc1ee0] .select-type .el-select__wrapper .el-select__icon {
  color: #ffffff;
}
[data-v-edcc1ee0] .select-type .is-focused {
  background: #404652;
  border: 1px solid rgba(255, 255, 255, 0.15);
}
.type-option[data-v-edcc1ee0] {
  padding: 8px 16px;
  width: 134px;
  height: 32px;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  font-size: 14px;
  color: #c6ccd7;
}
.type-option .radio[data-v-edcc1ee0] {
  width: 16px;
  height: 16px;
  border: 1px solid rgba(255, 255, 255, 0.15);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  margin-right: 8px;
}
.type-option .radio .ball[data-v-edcc1ee0] {
  width: 6px;
  height: 6px;
  border-radius: 50%;
}.popper-type {
  background: #2a2f3a;
  border: none;
}
.popper-type .el-select-dropdown__item {
  padding: 0 !important;
  height: 32px;
  box-sizing: content-box;
}
.popper-type .el-select-dropdown__item.is-hovering {
  background: #404652;
}
.popper-type .el-select-dropdown__item.is-selected .type-option {
  color: #ffffff;
}
.popper-type .el-select-dropdown__item.is-selected .type-option .radio {
  border: 2px solid #ffffff !important;
}
.popper-type .el-select-dropdown__item.is-selected .type-option .radio .ball {
  background-color: #ffffff !important;
}
.popper-type .el-scrollbar .el-select-dropdown__list {
  padding: 8px 0 !important;
}
.popper-type.is-light,
.popper-type.is-light > .el-popper__arrow:before {
  background: transparent !important;
  border: none !important;
}.generate-video[data-v-6cfc54ca] {
  width: 100%;
  height: 100%;
  background: #0d0e11;
  padding: 13px 24px 24px;
  --generate-video-header-h: 40px;
}
.generate-video .generate-video-main[data-v-6cfc54ca] {
  display: flex;
  gap: 12px;
  height: calc(100% - var(--generate-video-header-h) - 13px);
}