.super-ai-coding {
  background-color: #ffffff;
  --gradient-primary: linear-gradient(90deg, #4667ec 0%, #2d90d5 43.75%, #7dc9ff 100%);
  --gradient-secondary: linear-gradient(90deg, #728ee8 0%, #2d8dd1 45.19%, #6eb5e6 100%);
  --font-montserrat: "Montserrat", sans-serif;
  --font-montserrat-semibold: "Montserrat-SemiBold", sans-serif;
  --color-primary: #303133;
  --color-accent: #3873d3;
  --color-light: #fafafa;
  --color-white: #ffffff;
  --border-radius-sm: 0.5208vw;
  --border-radius-md: 1.0417vw;
  --border-radius-lg: 2.0833vw;
  --border-radius-xl: 4.1667vw;
}

.super-ai-coding .banner-box {
  text-align: center;
  height: 33.8542vw;
  margin-top: 4.375vw;
}

.super-ai-coding .banner-box img {
  max-width: 100%;
  height: 100%;
  object-fit: cover;
}

.super-ai-coding .super-ai-content {
  padding: 4.1667vw 0 8.3333vw;
}

.super-ai-coding .super-ai-content .linear-text-color,
.super-ai-coding .super-ai-content .model-title {
  width: fit-content;
  margin: 0 auto;
  background: var(--gradient-primary);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-align: center;
}

.super-ai-coding .super-ai-content .model-title {
  font-size: 3.125vw;
  padding-top: 6.25vw;
  margin-bottom: 2.0833vw;
  line-height: 150%;
  font-family: var(--font-montserrat-semibold);
  display: flex;
  gap: 1.6667vw;
  align-items: center;
  justify-content: center;
  position: relative;
}

.super-ai-coding .super-ai-content .sec-desc {
  color: var(--color-primary);
  font-family: var(--font-montserrat);
  font-size: 1.0417vw;
  line-height: 150%;
}

.super-ai-coding .super-ai-content .linear-bg-color {
  background: var(--gradient-secondary);
}

.super-ai-coding .model-title .tit-icon {
  width: 3.0729vw;
  height: 2.2917vw;
  object-fit: cover;
}

/* Background */
.super-ai-coding .super-ai-content .super-background {
  width: 100%;
  height: auto;
  display: flex;
  align-items: center;
  gap: 4.1667vw;
}

.super-ai-coding .super-ai-content .super-background .text-box {
  flex: 1;
}

.super-ai-coding .super-ai-content .super-background .text-box .tit {
  margin: 0;
  margin-bottom: 4.1667vw;
  padding-top: 0;
}

.super-ai-coding .super-ai-content .super-background .img-box {
  width: 29.4792vw;
  display: flex;
  flex-direction: column;
  gap: 1.0417vw;
}

.super-ai-coding .super-ai-content .super-background .img-box img {
  width: 100%;
  height: 15.9375vw;
  object-fit: cover;
}

/* Pain Points */
.super-ai-coding .super-ai-content .pain-points .pain-points-tab {
  width: fit-content;
  margin: 0 auto 2.0833vw;
  display: flex;
  justify-content: center;
  gap: 1.25vw;
  padding: 0.4167vw 0.8333vw;
  border-radius: var(--border-radius-xl);
  background: var(--color-light);
}

.super-ai-coding .super-ai-content .pain-points .pain-points-tab .pain-tab-item {
  padding: 0.625vw 1.4583vw;
  border-radius: var(--border-radius-xl);
  background: var(--color-white);
  font-size: 1.1458vw;
  cursor: pointer;
  position: relative;
}

.super-ai-coding .super-ai-content .pain-points .pain-points-tab .pain-tab-item:not(.active):hover .txt {
  color: transparent;
  background: var(--gradient-secondary);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.super-ai-coding .super-ai-content .pain-points .pain-points-tab .pain-tab-item.active {
  background: var(--gradient-secondary);
}

.super-ai-coding .super-ai-content .pain-points .pain-points-tab .pain-tab-item.active .txt {
  color: var(--color-white);
  font-family: var(--font-montserrat-semibold);
}

.super-ai-coding .super-ai-content .pain-points .pain-points-box {
  border-radius: var(--border-radius-lg);
  border: 2px solid transparent;
  background:
    linear-gradient(0deg, var(--color-white) 0%, #fdfdfd 100%) padding-box,
    linear-gradient(180deg, #d2e5f8 0%, var(--color-white) 100%) border-box;
  padding: 1.6667vw;
  display: flex;
  flex-direction: column;
  gap: 1.6667vw;
}

.super-ai-coding .super-ai-content .pain-points .pain-points-box .pain-points-box-top {
  display: flex;
  align-items: center;
  gap: 4.1667vw;
}

.super-ai-coding .super-ai-content .pain-points .pain-points-box .pain-points-box-top img {
  width: 31.25vw;
  height: 17.8125vw;
  border-radius: 1.3021vw;
  object-fit: cover;
  flex-shrink: 0;
}

.super-ai-coding .super-ai-content .pain-points .pain-points-box .pain-points-top-txt .tit {
  color: var(--color-primary);
  background: unset;
  -webkit-text-fill-color: var(--color-primary);
  font-size: 2.5vw;
  margin: 0;
  margin-bottom: 2.0833vw;
  padding-top: 0;
}

.super-ai-coding .super-ai-content .pain-points .pain-points-box .pain-points-table {
  width: 100%;
  border-radius: var(--border-radius-md);
  overflow: hidden;
}

.super-ai-coding .super-ai-content .pain-points .pain-points-box .pain-points-table tbody {
  background: var(--color-light);
}

.super-ai-coding .super-ai-content .pain-points .pain-points-box .pain-points-table th,
.super-ai-coding .super-ai-content .pain-points .pain-points-box .pain-points-table td {
  padding: 0.8333vw;
  color: var(--color-primary);
  font-family: var(--font-montserrat-semibold);
  font-size: 0.9375vw;
  line-height: 150%;
  text-align: center;
}

.super-ai-coding .super-ai-content .pain-points .pain-points-box .pain-points-table th {
  color: var(--color-white);
}

.super-ai-coding .super-ai-content .pain-points .pain-points-box .pain-points-table tr.light td {
  color: var(--color-accent);
}

.super-ai-coding .super-ai-content .pain-points .pain-points-box .pain-points-table .w200 {
  width: 10.4167vw;
}

/* Technology */
.super-ai-coding .super-ai-content .technology .technology-box {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  column-gap: 2.0833vw;
}

.super-ai-coding .super-ai-content .technology .technology-box .technology-box-item {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  background: linear-gradient(180deg, #fbfbfb 0%, #f5f8fc 100%);
  padding: 1.0417vw;
  position: relative;  border-radius: var(--border-radius-md);
  margin-top: 3.541vw;
  padding: 1.6667vw 1.0416vw;
  text-align: center;
}
.super-ai-coding .super-ai-content .technology .technology-box .technology-box-item .technology-box-item-title{
  position: absolute;
  text-align: center;
  width: 100%;
  top: 0;
  transform: translateY(-50%);
}
.super-ai-coding .super-ai-content .technology .technology-box .technology-box-item .technology-box-item-title span{
  border-radius: 4.1667vw;
  background: linear-gradient(90deg, #728EE8 0%, #2D8DD1 45.19%, #6EB5E6 100%);
  padding: 0.625vw 1.4583vw;
  color: #FFF;
  font-family: var(--font-montserrat-semibold);
  font-size: 1.0416vw;
  font-style: normal;
  line-height: 150%; 
}

.super-ai-coding .super-ai-content .technology .technology-box .technology-box-item .technology-box-item-desc{
  color: #595757;
  text-align: center;
  font-family: var(--font-montserrat-semibold);
  font-size: 0.729vw;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  margin-bottom: 1.25vw;
}
.super-ai-coding .super-ai-content .technology .technology-box .technology-box-item img {
  width: 100%;
  height: 22.6042vw;
  object-fit: cover;
}

.super-ai-coding .super-ai-content .technology .technology-box .technology-box-item .axam {
  width: 33.8021vw;
  height: 18.3333vw;
  margin: 0 auto;
}

.super-ai-coding .super-ai-content .technology .sec-desc {
  text-align: center;
  font-size: 1.0416vw;
}

/* Technical Principles */
.technical-box {
  max-width: 100vw;
  overflow: hidden;
}

.technical-box .solutions-bg {
  height: 29.1667vw;
  background-color: #000;
}

.technical-box .swiper-wrapper {
  margin-top: 4.8958vw;
}

.technical-box .swiper-slide {
  width: 75vw;
  height: 29.1667vw;
  margin: 0 auto;
}

.technical-box .swiper-slide .swiper-slide-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 1.5625vw;
}

.technical-swiper-pagination {
  width: 100%;
  position: absolute !important;
  top: 0 !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  display: flex;
  justify-content: center;
  max-width: 75vw;
  padding: 0 2.0833vw;
  height: 3.75vw;
  gap: 4.1667vw;
}

.technical-swiper-pagination .custom-bullet {
  width: 100%;
  height: 2.8125vw;
  text-align: center;
  padding-bottom: 1.25vw;
  border-bottom: 3px solid #d9d9d9;
  background: none;
  border-radius: 0;
  font-size: 0.9375vw;
  line-height: 150%;
  color: var(--color-primary);
  cursor: pointer;
  opacity: 1;
  margin: 0 1.4583vw !important;
  font-family: var(--font-montserrat-semibold);
}

.technical-swiper-pagination .swiper-pagination-bullet-active {
  border-bottom: 3px solid #d9d9d9 !important;
  transform: scale(1) !important;
  color: var(--color-accent);
}

.technical-swiper-pagination .custom-bullet .tab-title {
  margin-bottom: 1.25vw;
  display: block;
  width: 100%;
  white-space: nowrap;
}

.technical-swiper-pagination .swiper-pagination-bullet::before {
  content: "";
  height: 100%;
  position: absolute;
  bottom: -3px;
  left: 0;
  width: 0;
}

.technical-swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active::before {
  transition: width 8s linear;
  width: 100% !important;
  height: 3px;
  background-color: var(--color-accent);
}

/* image-comparison */
.super-ai-coding .super-ai-content .image-comparison {
  text-align: center;
}

.super-ai-coding .super-ai-content .image-comparison .sec-desc {
  margin-bottom: 2.0833vw;
}

.super-ai-coding .super-ai-content .image-comparison .image-comparison-box {
  width: 100%;
  max-width: 72.9167vw;
  margin: 0 auto 2.8125vw;
  height: 31.9792vw;
  position: relative;
  display: flex;
}

.super-ai-coding .super-ai-content .image-comparison .image-comparison-box .image-comparison-item {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.super-ai-coding .super-ai-content .image-comparison .image-comparison-box .image-comparison-item-l {
  position: absolute;
  top: 3.125vw;
  left: 0;
}

.super-ai-coding .super-ai-content .image-comparison .image-comparison-box .image-comparison-item-l .img {
  width: 31.25vw;
  height: 16.3542vw;
  object-fit: cover;
}

.super-ai-coding .super-ai-content .image-comparison .image-comparison-box .image-comparison-item-r {
  position: absolute;
  top: 0;
  right: 0.1042vw;
  z-index: 1;
}

.super-ai-coding .super-ai-content .image-comparison .image-comparison-box .image-comparison-item-r .img {
  width: 43.75vw;
  height: 25vw;
  object-fit: cover;
}

.super-ai-coding .super-ai-content .image-comparison .image-comparison-box .image-comparison-item .txt {
  width: fit-content;
  margin-top: 1.6667vw;
  padding: 0.625vw 1.6667vw;
  color: var(--color-primary);
  font-family: var(--font-montserrat-semibold);
  font-size: 1.1458vw;
  line-height: normal;
  border-radius: var(--border-radius-xl);
  border: 1px solid #eff6ff;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.2) 0%, rgba(208, 230, 255, 0.8) 100%);
  backdrop-filter: blur(2px);
}

.super-ai-coding .super-ai-content .image-comparison .image-comparison-box .image-comparison-item .txt.grey {
  background: #f8f8f8;
}

.super-ai-coding .super-ai-content .image-comparison .image-comparison-box .image-comparison-bg {
  width: 100%;
  height: 24.9479vw;
  object-fit: cover;
  position: absolute;
  bottom: -2.8125vw;
}
/* configuration */
.super-ai-coding .super-ai-content .configuration .configuration-box {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  column-gap: 2.0833vw;
}

.super-ai-coding .super-ai-content .configuration .configuration-box .configuration-box-item {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  background: linear-gradient(180deg, #fbfbfb 0%, #f5f8fc 100%);
  padding: 1.0417vw;
  position: relative;  border-radius: var(--border-radius-md);
  margin-top: 3.541vw;
  padding: 1.6667vw 1.0416vw;
  text-align: center;
}
.super-ai-coding .super-ai-content .configuration .configuration-box .configuration-box-item .configuration-box-item-title{
  position: absolute;
    text-align: center;
    width: 100%;
    top: 0;
    transform: translateY(-50%);
}
.super-ai-coding .super-ai-content .configuration .configuration-box .configuration-box-item .configuration-box-item-title span{
  border-radius: 4.1667vw;
  background: linear-gradient(90deg, #728EE8 0%, #2D8DD1 45.19%, #6EB5E6 100%);
  padding: 0.625vw 1.4583vw;
  color: #FFF;
  font-family: var(--font-montserrat-semibold);
  font-size: 1.0416vw;
  font-style: normal;
  line-height: 150%; 
}

.super-ai-coding .super-ai-content .configuration .configuration-box .configuration-box-item .configuration-box-item-desc{
  color: #595757;
  text-align: center;
  font-family: var(--font-montserrat-semibold);
  font-size: 0.729vw;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
.super-ai-coding .super-ai-content .configuration .configuration-box .configuration-box-item img {
  width: 100%;
  height: 22.6042vw;
  object-fit: cover;
}
/* application-scenarios */
.super-ai-coding .super-ai-content .application-scenarios {
  display: flex;
  flex-direction: column;
}

.super-ai-coding .super-ai-content .application-scenarios .long-img{
  border-radius: 0;
  width: 100%;
  margin-bottom: 2.0833vw;
  height: 17.03125vw;
  object-fit: cover;
}
.super-ai-coding .super-ai-content .application-scenarios-box {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 2.0833vw;
}

.super-ai-coding .super-ai-content .application-scenarios-box .application-scenarios-item {
  position: relative;
  width: 100%;
  height: 19.2708vw;
}
.super-ai-coding .super-ai-content .application-scenarios-box .application-scenarios-item .img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: var(--border-radius-md);
}

.super-ai-coding .super-ai-content .application-scenarios-box .application-scenarios-item .tit {
  position: absolute;
  left: 2.3958vw;
  bottom: 1.4583vw;
  color: var(--color-white);
  font-family: var(--font-montserrat-semibold);
  font-size: 1.4583vw;
  line-height: normal;
}

/* product-selection */
.super-ai-coding .super-ai-content .product-selection .product-selection-box {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 2.0833vw;
}

.super-ai-coding .super-ai-content .product-selection .product-selection-box .product-selection-item {
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  border-radius: var(--border-radius-sm);
  background: var(--color-light);
  padding: 1.4583vw 1.0417vw;
}

.super-ai-coding .super-ai-content .product-selection .product-selection-box .product-selection-item .tit {
  color: #333;
  font-family: var(--font-montserrat-semibold);
  font-size: 1.3542vw;
  line-height: 150%;
  text-align: center;
}

.super-ai-coding .super-ai-content .product-selection .product-selection-box .product-selection-item .product-img {
  width: 12.5vw;
  height: 12.5vw;
  margin: 4px 0;
  overflow: hidden;
}

.super-ai-coding .super-ai-content .product-selection .product-selection-box .product-selection-item .product-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.3s;
}

.super-ai-coding .super-ai-content .product-selection .product-selection-box .product-selection-item .view-more {
  width: fit-content;
  height: auto;
  color: #000;
  font-family: var(--font-montserrat);
  font-size: 1.0417vw;
  line-height: 150%;
  text-align: center;
  padding: 0.4167vw 1.4583vw;
  border-radius: 3.2292vw;
  border: 1px solid #333;
  margin: 0;
}

.super-ai-coding .super-ai-content .product-selection .product-selection-box .product-selection-item:hover .view-more {
  background: var(--gradient-secondary);
  color: var(--color-white);
  border: 0;
  font-family: var(--font-montserrat-semibold);
}

.super-ai-coding .super-ai-content .product-selection .product-selection-box .product-selection-item:hover .product-img img {
  transform: scale(1.08);
}

@media screen and (max-width: 768px) {
  .super-ai-coding .banner-box {
    height: auto;
    margin-top: 12.8vw;
  }

  .super-ai-coding .super-ai-content {
    padding: 4.1667vw 0 8.3333vw;
  }

  .super-ai-coding .super-ai-content .model-title {
    margin-bottom: 6.4vw;
    font-size: 7.4667vw;
    padding-top: 10.66vw;
    gap: 2.1333vw;
  }

  .super-ai-coding .super-ai-content .sec-desc {
    font-size: 3.2vw;
  }

  .super-ai-coding .model-title .tit-icon {
    width: 6.4vw;
    height: 6.4vw;
  }

  /* Background */
  .super-ai-coding .super-ai-content .super-background {
    flex-direction: column;
    gap: 4.1667vw;
  }

  .super-ai-coding .super-ai-content .super-background .img-box {
    width: 100%;
  }

  .super-ai-coding .super-ai-content .super-background .img-box img {
    height: auto;
  }

  /* Pain Points */
  .super-ai-coding .super-ai-content .pain-points .pain-points-tab {
    gap: 1.25vw;
    padding: 2.1333vw;
    border-radius: 21.3333vw;
    margin-bottom: 6.4vw;
  }

  .super-ai-coding .super-ai-content .pain-points .pain-points-tab .pain-tab-item {
    padding: 2.1333vw 4.2666vw;
    font-size: 3.2vw;
  }

  .super-ai-coding .super-ai-content .pain-points .pain-points-box {
    gap: 4.2666vw;
  }

  .super-ai-coding .super-ai-content .pain-points .pain-points-box .pain-points-box-top {
    flex-direction: column;
    gap: 2.1333vw;
  }

  .super-ai-coding .super-ai-content .pain-points .pain-points-box .pain-points-box-top img {
    width: 100%;
    height: 46.66vw;
  }

  .super-ai-coding .super-ai-content .pain-points .pain-points-box .pain-points-top-txt .tit {
    font-size: 3.733vw;
  }

  .super-ai-coding .super-ai-content .pain-points .pain-points-box .pain-points-table {
    display: block;
    overflow-x: auto;
  }

  .super-ai-coding .super-ai-content .pain-points .pain-points-box .pain-points-table th,
  .super-ai-coding .super-ai-content .pain-points .pain-points-box .pain-points-table td {
    padding: 2.1333vw 4.2666vw;
    font-size: 3.2vw;
    white-space: nowrap;
  }

  /* Technology */
  .super-ai-coding .super-ai-content .technology .technology-box {
    grid-template-columns: 1fr;
  }
  .super-ai-coding .super-ai-content .technology .technology-box .technology-box-item{
    padding: 8.5333vw 2.1333vw;
    margin-top: 10.6667vw;
  }
  .super-ai-coding .super-ai-content .technology .technology-box .technology-box-item img {
    width: 100%;
    height: auto;
  }
  .super-ai-coding .super-ai-content .technology .technology-box .technology-box-item .technology-box-item-title span{
    padding: 3.2vw 7.467vw;
    font-size: 3.733vw;
    border-radius: 21.3333vw;
  }
  .super-ai-coding .super-ai-content .technology .technology-box .technology-box-item .technology-box-item-desc{
    font-size: 3.7333vw;
  }
  .super-ai-coding .super-ai-content .technology .technology-box .technology-box-item .axam {
    width: 100%;
    height: auto;
  }

  .super-ai-coding .super-ai-content .technology .sec-desc {
    padding: 0 1.0417vw;
    font-size: 3.2vw;
  }

  /* Configuration */
  .super-ai-coding .super-ai-content .configuration .configuration-box {
    grid-template-columns: 1fr;
  }
  .super-ai-coding .super-ai-content .configuration .configuration-box .configuration-box-item{
    padding: 8.5333vw 2.1333vw;
    margin-top: 10.6667vw;
  }
  .super-ai-coding .super-ai-content .configuration .configuration-box .configuration-box-item img {
    width: 100%;
    height: auto;
  }
  .super-ai-coding .super-ai-content .configuration .configuration-box .configuration-box-item .configuration-box-item-title span{
    padding: 3.2vw 7.467vw;
    font-size: 3.733vw;
    border-radius: 21.3333vw;
  }
  .super-ai-coding .super-ai-content .configuration .configuration-box .configuration-box-item .configuration-box-item-desc{
    font-size: 3.7333vw;
  }

  /* Technical Principles */
  .technical-box .swiper-wrapper {
    margin-top: 10.66vw;
  }

  .technical-box .swiper-slide {
    width: 100%;
    height: auto;
  }

  .technical-swiper-pagination {
    max-width: 100%;
    height: 5.866vw;
    flex-wrap: wrap;
    gap: 2.1333vw;
    padding: 2.1333vw;
    top: -3.733vw !important;
  }

  .technical-swiper-pagination .custom-bullet {
    height: auto;
    width: auto;
    flex: 1 0 calc(33.333% - 2.1333vw);
    padding: 1.3333vw 0.8vw;
    margin: 0 !important;
    white-space: normal;
    text-align: center;
  }

  .technical-swiper-pagination .custom-bullet .tab-title {
    font-size: 2.4vw;
    display: block;
    white-space: normal;
    word-wrap: break-word;
    word-break: break-word;
    line-height: 1.3;
    margin-bottom: 0;
  }

  /* image-comparison */
  .super-ai-coding .super-ai-content .image-comparison .image-comparison-box {
    max-width: 100%;
    height: auto;
    flex-direction: column;
    gap: 6.4vw;
  }

  .super-ai-coding .super-ai-content .image-comparison .image-comparison-box .image-comparison-item-l,
  .super-ai-coding .super-ai-content .image-comparison .image-comparison-box .image-comparison-item-r {
    position: unset;
  }

  .super-ai-coding .super-ai-content .image-comparison .image-comparison-box .image-comparison-item-l .img,
  .super-ai-coding .super-ai-content .image-comparison .image-comparison-box .image-comparison-item-r .img {
    width: 100%;
    height: auto;
  }

  .super-ai-coding .super-ai-content .image-comparison .image-comparison-box .image-comparison-item .txt {
    padding: 2.1333vw 2.667vw;
    font-size: 3.2vw;
    border-radius: 10.66vw;
  }

  .super-ai-coding .super-ai-content .image-comparison .image-comparison-box .image-comparison-bg {
    height: auto;
    display: none;
  }

  /* application-scenarios */
  .super-ai-coding .super-ai-content .application-scenarios .long-img{
    height: 20.03125vw;
  }
  .super-ai-coding .super-ai-content .application-scenarios-box {
    grid-template-columns: 1fr;
  }

  .super-ai-coding .super-ai-content .application-scenarios-box .application-scenarios-item {
    height: auto;
  }

  .super-ai-coding .super-ai-content .application-scenarios-box .application-scenarios-item .tit {
    left: 4.2666vw;
    bottom: 4.2666vw;
    font-size: 3.2vw;
  }

  /* product-selection */
  .super-ai-coding .super-ai-content .product-selection .product-selection-box {
    grid-template-columns: repeat(2, 1fr);
  }

  .super-ai-coding .super-ai-content .product-selection .product-selection-box .product-selection-item {
    padding: 4.2666vw 2.1333vw;
  }

  .super-ai-coding .super-ai-content .product-selection .product-selection-box .product-selection-item .tit {
    font-size: 3.733vw;
  }

  .super-ai-coding .super-ai-content .product-selection .product-selection-box .product-selection-item .product-img {
    width: 21.3333vw;
    height: 21.3333vw;
  }

  .super-ai-coding .super-ai-content .product-selection .product-selection-box .product-selection-item .view-more {
    font-size: 2.1333vw;
    padding: 1.0667vw 2.1333vw;
    border-radius: 6.4vw;
  }
}