.home-box-title {
  row-gap: 12px;
}

.home-box-title h1 {
  font-size: 40px;
  color: var(--text-color);
}
.home-box-title h1 span {
  color: var(--primary-color);
}

.home-box-title p {
  font-size: 18px;
  color: var(--text-sub-color);
}

.captions-translate-box {
  row-gap: 20px;
  padding-top: 80px;
  background: linear-gradient(180deg, #EDF2FF 0%, #FFFFFF 100%);
}

.captions-translate-box .download-btn {
  width: 184px;
  height: 56px;
  line-height: 42px;
  text-align: center;
  border-radius: 30px;
  background: linear-gradient(90deg, #4080FF 0%, #00B3FF 100%);
  color: #fff;
  font-size: 18px;
  border: none;
  cursor: pointer;
}

.captions-translate-box .download-btn:hover {
  opacity: 0.9;
}

.captions-translate-intro {
  row-gap: 60px;
}

.captions-translate-intro-list {
  column-gap: 24px;
}

.captions-translate-intro-list-item {
  width: 384px;
  height: 287px;
  border: 2px solid #E8F3FF;
  border-radius: 10px;
  background: linear-gradient(180deg, #FFFFFF 0%, #F9FCFF 100%);
  padding: 0 30px;
  row-gap: 25px;
}

.captions-translate-intro-list-item .intro-info {
  row-gap: 17px;
}

.captions-translate-intro-list-item .intro-info p {
  font-size: 22px;
  color: var(--text-color);
}

.captions-translate-intro-list-item .intro-info span {
  font-size: 16px;
  color: var(--text-sub-color);
}

.captions-comment {
  row-gap: 60px;
  background: linear-gradient(180deg, #EDF2FF 0%, #FFFFFF 100%);
  padding-top: 80px;
}

.captions-comment-list {
  column-gap: 30px;
}

.captions-comment-list-item {
  row-gap: 20px;
  width: 380px;
  height: 220px;
  border-radius: 10px;
  border: 2px solid #E8F3FF;
  padding: 0 30px;
}

.captions-comment-list-item .title-info p {
  font-weight: 600;
}

.captions-dowmload-box {
  background: var(--bg-color);
  padding: 80px 0;
  color: #ffffff;
}

.captions-dowmload-box .home-box-title h1,
.captions-dowmload-box .home-box-title p {
  color: #ffffff;
}

.captions-dowmload-box .btn {
  border-radius: 12px;
  background: linear-gradient(180deg, #FFFFFF 0%, #DEE9FF 100%);
  padding: 0 60px;
  column-gap: 20px;
  font-size: 20px;
  color: #000000;
  border: 0;
  height: 88px;
  cursor: pointer;
  transition: transform 0.1s linear;
  line-height: 88px;
}

.captions-translate-fun-list {
  flex-wrap: wrap;
  gap: 30px 40px;
}

.captions-translate-fun-list-item {
  width: 580px;
  height: 130px;
  border-radius: 12px;
  border: 2px solid #E8F3FF;
  background: linear-gradient(180deg, #FFFFFF 0%, #F9FCFF 100%);
  padding: 0 30px;
}

.captions-translate-fun-list-item .func-info p {
  font-size: 24px;
  font-weight: 600;
  color: #000000
}

.captions-translate-fun-list-item .func-info span {
  font-size: 16px;
  color: var(--text-sub-color);
}