/* 关于我们 */
.page-hero--about {
  padding: 90px 0 80px;
  background: radial-gradient(800px 420px at 85% -10%, rgba(90, 194, 223, 0.22), transparent 60%), var(--ink);
}

.about-visual--sm { max-width: 400px; }
.prose { max-width: 880px; }
.prose p { font-size: 16.5px; color: var(--ink-3); margin-bottom: 18px; }
.prose p:last-child { margin-bottom: 0; }
.prose b { color: var(--ink); }
.prose .mark { color: var(--brand); }

.timeline { position: relative; padding-left: 34px; }
.timeline::before { content: ""; position: absolute; left: 9px; top: 6px; bottom: 6px; width: 2px; background: var(--line); }
.timeline-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 0 48px; }
.tl-item { position: relative; padding-bottom: 30px; }
.tl-item:last-child { padding-bottom: 0; }
.tl-item::before {
  content: ""; position: absolute; left: -31px; top: 7px; width: 12px; height: 12px;
  border-radius: 50%; background: var(--paper); border: 3px solid var(--brand);
}
.tl-item .yr { font-family: var(--font-en); font-weight: 900; font-size: 19px; color: var(--brand); }
.tl-item p { color: var(--ink-3); font-size: 14.5px; margin-top: 3px; }
.dark .timeline .tl-item p { color: #c9ccd4; }

.honor-strip { display: grid; grid-template-columns: repeat(5, 1fr); gap: 14px; }
.honor-strip.col-6 { grid-template-columns: repeat(6, 1fr); }
.honor-item {
  background: #fff; border: 1px solid var(--line); border-radius: var(--r-md);
  padding: 22px 16px; text-align: center; font-size: 14px; font-weight: 700;
  transition: 0.25s; display: flex; flex-direction: column; gap: 8px; align-items: center;
}
.honor-item .medal { width: 38px; height: 38px; border-radius: 50%; background: var(--brand-tint); color: var(--brand); display: grid; place-items: center; font-size: 17px; }
.honor-item:hover { border-color: var(--brand); transform: translateY(-3px); }

.cta-band--tile { border-radius: var(--r-lg); }
.cta-band--ink { background: var(--ink); }
.mb-0 { margin-bottom: 0; }
.bignum-row.col-2 { grid-template-columns: repeat(2, 1fr); }

@media (max-width: 1000px) {
  .timeline-grid { grid-template-columns: 1fr; gap: 44px; }
  .honor-strip, .honor-strip.col-6, .bignum-row.col-2 { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 620px) {
  .honor-strip, .honor-strip.col-6, .bignum-row.col-2 { grid-template-columns: 1fr; }
}