@charset "UTF-8";
/* rem = Pixso @1× px × 2；节点 65:3048 */
.aigctv-box2 {
  width: 100%;
  box-sizing: border-box;
  background: linear-gradient(180deg, rgb(231, 255, 255) 0%, rgba(0, 137, 255, 0.74) 74%, rgb(0, 74, 255) 100%);
}

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

.aigctv-box2__head {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.12rem;
  width: 100%;
  box-sizing: border-box;
}

.aigctv-box2__title {
  margin: 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-box2__title-dark {
  color: rgb(47, 52, 59);
}

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

.aigctv-box2__sub {
  margin: 0;
  width: 100%;
  font-size: 0.22rem;
  font-family: "Microsoft YaHei-Bold", "Microsoft YaHei", sans-serif;
  font-weight: 700;
  line-height: 0.6rem;
  letter-spacing: 0.04rem;
  text-align: center;
  color: rgb(79, 86, 255);
  white-space: nowrap;
}

/* 标题区底 → 首卡顶：118 - 106 = 12px */
.aigctv-box2__card {
  width: 100%;
  margin-top: 0.24rem;
  padding: 0.34rem 0.48rem 0.4rem;
  box-sizing: border-box;
  border-radius: 0.4rem;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.2) 0%, rgb(208, 255, 238) 100%);
}

.aigctv-box2__card + .aigctv-box2__card {
  margin-top: 0.32rem;
}

.aigctv-box2__card-head {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  gap: 0.12rem;
  box-sizing: border-box;
}

.aigctv-box2__card-title {
  margin: 0;
  font-size: 0.3rem;
  font-family: "Microsoft YaHei-Bold", "Microsoft YaHei", sans-serif;
  font-weight: 700;
  line-height: 0.64rem;
  color: rgb(47, 52, 59);
  white-space: nowrap;
}

.aigctv-box2__card-note {
  margin: 0;
  font-size: 0.2rem;
  font-family: "Microsoft YaHei-Regular", "Microsoft YaHei", sans-serif;
  font-weight: 400;
  line-height: 0.64rem;
  color: rgb(102, 102, 102);
  white-space: nowrap;
}

.aigctv-box2__bars {
  display: flex;
  flex-direction: column;
  gap: 0.18rem;
  /* 9px @1× */
  width: 100%;
  margin: 0.28rem 0 0;
  padding: 0;
  list-style: none;
  box-sizing: border-box;
}

.aigctv-box2__bar-row {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0.12rem;
  width: 100%;
  min-height: 0.42rem;
  box-sizing: border-box;
}

.aigctv-box2__bar {
  display: inline-flex;
  align-items: center;
  min-width: 0.8rem;
  height: 0.42rem;
  padding: 0 0.16rem 0 0.34rem;
  /* 左 17px @1× */
  box-sizing: border-box;
  border-radius: 0.12rem;
  flex-shrink: 0;
}

.aigctv-box2__bar--aigc {
  background: linear-gradient(270deg, rgb(210, 37, 255) 0%, rgb(83, 100, 255) 100%);
}

.aigctv-box2__bar--ai {
  background: linear-gradient(270deg, rgb(4, 131, 255) 0%, rgb(4, 185, 255) 100%);
}

.aigctv-box2__card:last-of-type .aigctv-box2__bar--aigc {
  background: linear-gradient(270deg, rgb(255, 84, 37) 0%, rgb(255, 83, 152) 100%);
}

.aigctv-box2__card:last-of-type .aigctv-box2__bar--ai {
  background: linear-gradient(270deg, rgb(0, 168, 255) 0%, rgb(0, 200, 255) 100%);
}

.aigctv-box2__bar-label {
  font-size: 0.24rem;
  font-family: "Microsoft YaHei-Regular", "Microsoft YaHei", sans-serif;
  font-weight: 400;
  line-height: 0.42rem;
  color: #fff;
  white-space: nowrap;
}

.aigctv-box2__bar-value {
  flex: 1 1 auto;
  min-width: 0;
  font-size: 0.24rem;
  font-family: "Microsoft YaHei-Bold", "Microsoft YaHei", sans-serif;
  font-weight: 700;
  line-height: 0.42rem;
  white-space: nowrap;
  text-align: left;
}

.aigctv-box2__bar-value--aigc {
  color: rgb(207, 39, 255);
}

.aigctv-box2__card:last-of-type .aigctv-box2__bar-value--aigc {
  color: rgb(255, 84, 37);
}

.aigctv-box2__bar-value--ai {
  color: rgb(4, 131, 255);
  font-weight: 400;
}

.aigctv-box2__card:last-of-type .aigctv-box2__bar-value--ai {
  color: rgb(0, 168, 255);
  font-weight: 400;
}

.aigctv-box2__footer {
  margin: 0.16rem 0 0;
  font-size: 0.18rem;
  font-family: "Microsoft YaHei-Regular", "Microsoft YaHei", sans-serif;
  font-weight: 400;
  line-height: 0.64rem;
  text-align: center;
  color: rgb(255, 255, 255);
}