/* Solution Pages Shared Styles */

/* Fix section-header visibility from main.js scroll animation */
.solution-overview .section-header {
  opacity: 1 !important;
  transform: translateY(0) !important;
}

/* Hero Section */
.solution-hero {
  padding-top: 72px;
  background: #fff;
}

.solution-hero-img {
  width: 100%;
  height: auto;
  display: block;
}

/* Solution Overview Section */
.solution-overview {
  padding: 80px 0;
  background: linear-gradient(180deg, #f0f8ff 0%, #e8f4fd 100%);
}

.solution-overview .section-header {
  text-align: center;
  margin-bottom: 48px;
}

.solution-overview .section-title {
  font-size: 36px;
  font-weight: 700;
  color: var(--text-dark);
  margin-bottom: 12px;
}

.solution-overview .section-subtitle-en {
  font-size: 18px;
  color: var(--primary);
  font-weight: 500;
  letter-spacing: 1px;
  margin-bottom: 12px;
}

.solution-overview .section-line {
  width: 60px;
  height: 4px;
  background: linear-gradient(90deg, var(--primary), var(--primary-light));
  border-radius: 2px;
  margin: 12px auto 0;
}

.solution-overview .overview-text {
  max-width: 1000px;
  margin: 0 auto;
  font-size: 16px;
  line-height: 2;
  color: var(--text-dark);
  text-align: justify;
}

/* Bottom Image Section (used for product function flow) */
.solution-bottom-section {
  /* padding: 0 0 0; */
  background: #fff;
}

.solution-bottom-img {
  width: 100%;
  height: auto;
  display: block;
}

/* Solution Bottom Highlight Strip (义诊 定制专属治疗方案) */
.solution-highlight {
  background: linear-gradient(180deg, #d6ecfd 0%, #e8f4fd 100%);
  padding: 60px 0;
  text-align: center;
}

.solution-highlight-title {
  font-size: 30px;
  font-weight: 700;
  color: var(--text-dark);
  margin-bottom: 12px;
}

.solution-highlight-desc {
  font-size: 16px;
  color: var(--text-gray);
}

/* Responsive */
@media (max-width: 1024px) {
  .solution-overview .section-title {
    font-size: 30px;
  }
}

@media (max-width: 768px) {
  .solution-overview {
    padding: 60px 0;
  }

  .solution-overview .section-title {
    font-size: 26px;
  }

  .solution-overview .overview-text {
    font-size: 15px;
    line-height: 1.9;
  }

  .solution-highlight {
    padding: 40px 0;
  }

  .solution-highlight-title {
    font-size: 22px;
  }
}