/* 关于我们 / 客户案例 / 生态合作 共用的页面头部与公司简介卡片 */

.about-hero {
  position: relative;
  z-index: 1;
  padding: 150px 0 50px;
}
.about-hero-title {
  font-size: 46px;
  font-weight: 800;
  line-height: 1.15;
  letter-spacing: -0.5px;
  margin-bottom: 18px;
  background: linear-gradient(135deg, #1d56c3 50%, #28d1d7 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}
.about-hero-sub {
  font-size: 18px;
  color: var(--text-secondary);
  line-height: 1.9;
}
.about-card {
  background: transparent;
  border: none;
  border-radius: var(--radius-lg);
  padding: 48px 0;
  box-shadow: none;
}
.about-card-title {
  font-size: 24px;
  font-weight: 700;
  color: var(--text-main);
  margin-bottom: 24px;
  padding-left: 14px;
  border-left: 4px solid var(--primary);
}
.about-card p {
  font-size: 16px;
  line-height: 2;
  color: var(--text-secondary);
  margin-bottom: 18px;
}
.about-card p:last-child { margin-bottom: 0; }

@media (max-width: 768px) {
  .about-hero { padding: 120px 0 30px; }
  .about-hero-title { font-size: 28px; }
  .about-hero-sub { font-size: 15px; }
  .about-card { padding: 28px 0; }
  .about-card-title { font-size: 20px; }
}

/* 关于我们页专属：该页 Hero 无副标题，按设计稿收紧标题与内容区、下方 CTA 之间的留白。
   内容区不挂 .section 类，避免继承 .section 的 padding: 80px 0（此处上下各只需 32px）。
   Hero 相关规则加 .page-about 限定作用域，避免影响复用 .about-hero 的案例页 / 生态合作页。 */
.page-about .about-hero { padding: 150px 0 0; }
.page-about .about-hero-title { margin-bottom: 0; }
.about-intro {
  position: relative;
  z-index: 1;
  padding: 32px 0 0;
}
.about-intro + .trial-section { padding-top: 32px; }

@media (max-width: 768px) {
  .page-about .about-hero { padding: 120px 0 0; }
  .about-intro { padding: 20px 0 0; }
}