/* glm对比网页/css/pages/cases.css */

/* ===== Cases Grid ===== */
.cases__grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: var(--card-gap, 24px);
}

/* ===== Case Card ===== */
.case-card {
  background: var(--glass-bg, rgba(255, 255, 255, 0.08));
  border: 1px solid var(--glass-border, rgba(255, 255, 255, 0.15));
  border-radius: var(--glass-radius, 16px);
  padding: 32px;
  transition: transform var(--transition-fast, 200ms ease),
              background var(--transition-fast, 200ms ease),
              border-color var(--transition-fast, 200ms ease);
}

.case-card:hover {
  background: rgba(255, 255, 255, 0.12);
  border-color: rgba(255, 255, 255, 0.2);
  transform: translateY(-4px);
}

/* ===== Case Card Logo ===== */
.case-card__logo {
  width: 80px;
  height: 80px;
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.15);
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 20px;
  color: var(--color-text-secondary, #94A3B8);
}

.case-card__logo svg {
  width: 40px;
  height: 40px;
}

/* ===== Case Card Tag ===== */
.case-card__tag {
  display: inline-block;
  padding: 4px 12px;
  font-size: 12px;
  color: var(--color-accent, #F97316);
  border: 1px solid var(--color-accent, #F97316);
  border-radius: 20px;
  margin-bottom: 16px;
}

/* ===== Case Card Results ===== */
.case-card__results {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  margin-top: 16px;
  margin-bottom: 20px;
}

.case-card__result {
  text-align: center;
  min-width: 70px;
}

.case-card__result-value {
  font-size: 24px;
  font-weight: var(--font-weight-bold, 700);
  color: var(--color-primary, #3B82F6);
}

.case-card__result-label {
  font-size: 12px;
  color: var(--color-text-secondary, #94A3B8);
  margin-top: 4px;
}

/* ===== Case Card Button ===== */
.case-card__btn {
  display: inline-block;
  padding: 10px 24px;
  background: transparent;
  color: var(--color-primary, #3B82F6);
  border: 1px solid var(--color-primary, #3B82F6);
  border-radius: 8px;
  font-size: 14px;
  cursor: pointer;
  transition: background var(--transition-fast, 200ms ease),
              color var(--transition-fast, 200ms ease);
}

.case-card__btn:hover {
  background: var(--color-primary, #3B82F6);
  color: #fff;
}

/* ===== Testimonials Grid ===== */
.testimonials__grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: var(--card-gap, 24px);
}

/* ===== Testimonial Card ===== */
.testimonial-card {
  background: var(--glass-bg, rgba(255, 255, 255, 0.08));
  border: 1px solid var(--glass-border, rgba(255, 255, 255, 0.15));
  border-radius: var(--glass-radius, 16px);
  padding: 32px;
  transition: transform var(--transition-fast, 200ms ease),
              background var(--transition-fast, 200ms ease);
}

.testimonial-card:hover {
  background: rgba(255, 255, 255, 0.12);
  transform: translateY(-2px);
}

.testimonial-card__quote-icon {
  color: var(--color-primary, #3B82F6);
  margin-bottom: 16px;
}

.testimonial-card__quote-icon svg {
  width: 32px;
  height: 32px;
}

.testimonial-card__text {
  font-size: var(--fs-body, 16px);
  color: var(--color-text-secondary, #94A3B8);
  line-height: 1.7;
  margin-bottom: 20px;
  font-style: italic;
}

.testimonial-card__author {
  display: flex;
  align-items: center;
  gap: 12px;
}

.testimonial-card__avatar {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.15);
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--color-text-secondary, #94A3B8);
  flex-shrink: 0;
}

.testimonial-card__avatar svg {
  width: 24px;
  height: 24px;
}

.testimonial-card__name {
  font-size: 14px;
  font-weight: var(--font-weight-semibold, 600);
  color: var(--color-text-primary, #F8FAFC);
}

.testimonial-card__company {
  font-size: 12px;
  color: var(--color-text-secondary, #94A3B8);
  margin-top: 2px;
}

/* ===== Partners Section ===== */
.partners {
  overflow: hidden;
  padding: 40px 0;
}

.partners__track {
  display: flex;
  align-items: center;
  gap: 40px;
  width: fit-content;
  animation: scroll-left 30s linear infinite;
}

.partners__track img {
  height: 80px;
  width: auto;
  filter: grayscale(1);
  opacity: 0.5;
  transition: filter var(--transition-fast, 200ms ease),
              opacity var(--transition-fast, 200ms ease);
}

.partners__track img:hover {
  filter: grayscale(0);
  opacity: 1;
}

/* ===== Responsive ===== */
@media (max-width: 1023px) {
  .cases__grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .testimonials__grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 767px) {
  .cases__grid {
    grid-template-columns: 1fr;
  }

  .testimonials__grid {
    grid-template-columns: 1fr;
  }

  .case-card {
    padding: 24px;
  }

  .testimonial-card {
    padding: 24px;
  }

  .partners__track {
    gap: 24px;
  }

  .partners__track img {
    height: 48px;
  }
}