.about-inner-banner {
  height: 28rem;
  background: linear-gradient(90deg, rgba(7, 17, 37, .62), rgba(7, 17, 37, .03) 68%), url('./关于我们.png') center / cover no-repeat;
}
@media (max-width: 768px){.about-inner-banner { height: 18rem; }}


.about-intro-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); align-items:stretch; gap:clamp(2rem,4vw,5rem); }
.about-intro-copy { min-width:0; align-self:center; }
.about-intro-copy p { overflow-wrap:break-word; }
.about-intro-copy > span { margin-top:1rem; margin-bottom:1.25rem; }
.about-intro-image {
  width: 100%;
  position: relative;
  min-height: 31rem;
  align-self: stretch;
  overflow: hidden;
  border-radius: .5rem;
  background: #f3f4f6;
}
.about-intro-image img {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.about-intro-copy p {
  margin-top: .875rem;
  color: #59636d;
  font-size: 1rem;
  line-height: 1.85;
}
.about-stat {
  min-width: 0;
  padding: .5rem 1rem;
  text-align: center;
  border-right: 1px solid #e5e7eb;
}
.about-stat:last-child { border-right: 0; }
.about-stat-value {
  color: #30343a;
  font-size: clamp(2.5rem, 4vw, 4rem);
  font-weight: 500;
  line-height: 1.15;
  font-variant-numeric: tabular-nums;
}
.about-stat-value small {
  margin-left: .2rem;
  color: #64707d;
  font-size: .34em;
  font-weight: 400;
}
.about-stat p {
  margin-top: .55rem;
  color: #4b5563;
  font-size: 1rem;
}
@media (max-width: 768px){.about-stat:nth-child(2) { border-right: 0; }}

@media(max-width:1024px) {
 .about-intro-grid { grid-template-columns:minmax(0,1fr); gap:2rem; }
 .about-intro-image { min-height:0; height:auto; aspect-ratio: 4 / 3; }
}

.about-application-grid {
  display: grid;
  grid-template-columns: repeat(16, minmax(0, 1fr));
  grid-template-rows: repeat(2, 18rem);
  gap: .55rem;
}
.about-application-card {
  position: relative;
  min-width: 0;
  overflow: hidden;
  background: #192738;
}
.about-application-card-featured {
  grid-column: span 4;
  grid-row: span 2;
}
.about-application-card:nth-child(n+2):nth-child(-n+5) { grid-column: span 3; }
.about-application-card:nth-child(n+6) { grid-column: span 4; }
.about-application-card::after {
  content: '';
  position: absolute;
  inset: 45% 0 0;
  background: linear-gradient(transparent, rgba(7, 17, 37, .88));
  pointer-events: none;
}
.about-application-card img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  transition: transform .45s ease;
}
.about-application-card h3 {
  position: absolute;
  z-index: 1;
  right: 1.15rem;
  bottom: 1rem;
  left: 1.15rem;
  color: #fff;
  font-size: 1.05rem;
  font-weight: 600;
  text-shadow: 0 1px 3px rgba(0, 0, 0, .3);
}
.about-application-card:hover img { transform: scale(1.06); }
@media (max-width: 900px){.about-application-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-template-rows: none;
    grid-auto-rows: 13rem;
  }}
@media (max-width: 900px){.about-application-card:nth-child(n+2):nth-child(-n+5),
  .about-application-card:nth-child(n+6) { grid-column: auto; }}
@media (max-width: 900px){.about-application-card-featured { grid-column: span 2; grid-row: span 2; }}
@media (max-width: 900px){.about-application-card:last-child { grid-column: span 2; }}
@media (max-width: 520px){.about-application-grid { grid-template-columns: 1fr; grid-auto-rows: 14rem; }}
@media (max-width: 520px){.about-application-card-featured { grid-column: auto; grid-row: auto; }}
@media (max-width: 520px){.about-application-card:last-child { grid-column: auto; }}
@media (prefers-reduced-motion: reduce){.about-application-card img { transition: none; }}