@charset "UTF-8";
/* rem = Pixso @1× px × 2；节点 65:3105 */
.aigctv-box3 {
  width: 100%;
  box-sizing: border-box;
}

.aigctv-box3__inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  padding: 0.8rem 0.2rem 0.8rem;
  box-sizing: border-box;
}

/* 65:3106 标题区 */
.aigctv-box3__head {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.12rem;
  width: 100%;
  min-width: 0;
  box-sizing: border-box;
}

.aigctv-box3__title {
  margin: 0;
  width: 100%;
  min-width: 0;
  font-size: 0.48rem;
  font-family: "Microsoft YaHei-Bold", "Microsoft YaHei", sans-serif;
  font-weight: 700;
  line-height: 0.6rem;
  letter-spacing: 0.04rem;
  text-align: center;
  white-space: nowrap;
}

.aigctv-box3__title-dark {
  color: rgb(47, 52, 59);
}

.aigctv-box3__title-accent {
  color: rgb(39, 101, 255);
}

.aigctv-box3__sub {
  margin: 0;
  width: 100%;
  min-width: 0;
  font-size: 0.22rem;
  font-family: "Microsoft YaHei-Regular", "Microsoft YaHei", sans-serif;
  font-weight: 400;
  line-height: 0.6rem;
  letter-spacing: 0.04rem;
  text-align: center;
  color: rgb(64, 69, 77);
  white-space: nowrap;
}

.aidrama-box3__stages {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.2rem;
  width: 100%;
  margin-top: 0.26rem;
  box-sizing: border-box;
}

.aidrama-box3-stage {
  width: 100%;
  box-sizing: border-box;
  border-radius: 0.24rem;
  overflow: hidden;
}

.aidrama-box3-stage__head {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 0.6rem;
  padding: 0 0.2rem;
  box-sizing: border-box;
}

.aidrama-box3-stage__head-title {
  margin: 0;
  font-size: 0.28rem;
  font-family: "Microsoft YaHei-Bold", "Microsoft YaHei", sans-serif;
  font-weight: 700;
  line-height: 0.6rem;
  letter-spacing: 0.04rem;
  color: #fff;
  white-space: nowrap;
}

.aidrama-box3-stage__body {
  display: grid;
  gap: 0.2rem;
  padding: 0.2rem 0;
  box-sizing: border-box;
  background: rgb(241, 249, 254);
}

.aidrama-box3-stage__body--two-tall {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  justify-content: center;
  padding-left: 0.23rem;
  padding-right: 0.23rem;
}

.aidrama-box3-stage__body--grid-four {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  justify-content: center;
  padding-left: 0.23rem;
  padding-right: 0.23rem;
}

.aidrama-box3-stage__body--two-wide {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  justify-content: center;
  padding-left: 0.23rem;
  padding-right: 0.23rem;
}

.aidrama-box3-stage__body--grid-four-wide {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  justify-content: center;
  padding-left: 0.23rem;
  padding-right: 0.23rem;
}

.aidrama-box3-card {
  display: flex;
  flex-direction: column;
  align-items: center;
  min-width: 0;
  padding: 0.12rem 0.2rem;
  box-sizing: border-box;
  border-radius: 0.16rem;
  background: #fff;
  text-align: center;
}

.aidrama-box3-card--tall {
  min-height: 2.1rem;
}

.aidrama-box3-card:not(.aidrama-box3-card--tall):not(.aidrama-box3-card--wide) {
  min-height: 1.6rem;
}

.aidrama-box3-card--wide {
  grid-column: 1/-1;
  width: 100%;
  min-height: 1.28rem;
}

.aidrama-box3-card__title {
  margin: 0;
  font-size: 0.28rem;
  font-family: "Microsoft YaHei-Bold", "Microsoft YaHei", sans-serif;
  font-weight: 700;
  line-height: 0.6rem;
  letter-spacing: 0.04rem;
  white-space: nowrap;
}

.aidrama-box3-card--blue .aidrama-box3-card__title {
  color: rgb(39, 101, 255);
}

.aidrama-box3-card--purple .aidrama-box3-card__title {
  color: rgb(143, 97, 250);
}

.aidrama-box3-card--orange .aidrama-box3-card__title {
  color: rgb(255, 120, 68);
}

.aidrama-box3-card__desc {
  margin: 0;
  font-size: 0.24rem;
  font-family: "Microsoft YaHei-Regular", "Microsoft YaHei", sans-serif;
  font-weight: 400;
  line-height: 0.4rem;
  letter-spacing: 0.02rem;
  color: rgb(83, 83, 83);
  white-space: pre-line;
}

/* 65:3128 CTA */
.aigctv-box3__cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.24rem;
  margin-top: 0.38rem;
  padding: 0.36rem 0.6rem 0.36rem 0.72rem;
  box-sizing: border-box;
  border: none;
  border-radius: 0.24rem;
  background: linear-gradient(270deg, rgb(188, 117, 255) 0%, rgb(117, 104, 255) 100%);
  box-shadow: inset 0 0 0.22rem rgb(255, 255, 255);
  cursor: pointer;
}

.aigctv-box3__cta-text {
  font-size: 0.3rem;
  font-family: "Microsoft YaHei-Bold", "Microsoft YaHei", sans-serif;
  font-weight: 700;
  line-height: 0.3rem;
  letter-spacing: 0.04rem;
  color: #fff;
  white-space: nowrap;
}

.aigctv-box3__cta-arrow {
  display: block;
  width: 0.12rem;
  height: 0.195rem;
  flex-shrink: 0;
  object-fit: contain;
}