.about-hero {
  /* Keep the brand visual prominent without leaving a large dead zone
     beneath the fixed navigation on wide screens. */
  min-height:min(72svh,680px);
  border-bottom:1px solid var(--line-1);
}

.about-hero__layout {
  display:grid;
  align-items:center;
  gap:var(--sp-12);
}

/* Keep the short mission line intact at phone and tablet widths.  The
   shared h1 tier leaves only the final "力" on a line at 390/1024px,
   which makes the hero feel accidentally broken. */
.about-hero h1 {
  font-size:clamp(26px,3.3vw,40px);
  text-wrap:balance;
}

.about-hero__eyebrow {
  display:inline-block;
  margin-bottom:var(--sp-4);
  color:var(--gold-300);
  font:var(--fs-xs) var(--font-num);
}

/* 截图外框统一由 .shot 提供（04-components.css） */

.about-industry__intro {
  margin-bottom:var(--sp-12);
}

.about-industry__intro p {
  font-size:var(--fs-lead);
}

.about-evidence .card,
.about-methods .card {
  height:100%;
}

.about-tracks {
  display:grid;
  gap:var(--sp-6);
}

.about-track {
  padding:var(--sp-8);
  border:1px solid var(--line-1);
  border-top:2px solid var(--gold-400);
  border-radius:var(--r-lg);
  background:var(--bg-0);
}

.about-track--future {
  border-top-color:var(--teal-400);
}

.about-track__label {
  color:var(--brand-300);
  font:var(--fs-xs) var(--font-num);
}

.about-track h3,
.about-interface h3 {
  margin:var(--sp-4) 0 var(--sp-3);
  font-size:var(--fs-h4);
}

.about-interface {
  margin-top:var(--sp-6);
  padding:var(--sp-6);
  border-left:2px solid var(--brand-400);
  background:var(--bg-2);
}

.about-architecture,
.about-reliability__figure {
  max-width:860px;
  margin:var(--sp-10) auto 0;
}

.about-method__mark {
  display:grid;
  width:var(--sp-10);
  height:var(--sp-10);
  margin-bottom:var(--sp-5);
  place-items:center;
  border:1px solid var(--line-brand);
  border-radius:var(--r-md);
  color:var(--brand-300);
}

.about-method__rule {
  padding-top:var(--sp-4);
  border-top:1px solid var(--line-gold);
  color:var(--fg-1);
}

.about-reliability__closing {
  max-width:var(--container-text);
  margin:var(--sp-10) auto 0;
  padding:var(--sp-6);
  border-block:1px solid var(--line-gold);
  text-align:center;
}

.about-reliability__closing p {
  margin:0;
  font-size:var(--fs-lead);
  font-weight:var(--fw-bold);
}

.about-contact .cta-band {
  margin-top:0;
}

@media (min-width:900px) {
  .about-hero__layout,
  .about-tracks {
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

/* The shared four-card grid switches to four columns at 1200px. Keep the
   evidence cards at two columns until the content container has enough width
   for their longer explanations to remain easy to scan. */
@media (min-width:900px) and (max-width:1279px) {
  .about-evidence {
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

@media (min-width:640px) and (max-width:759px) {
  .about-hero .about-hero__media {
    width: min(100%,520px);
    margin-inline:auto;
  }
}

/* 常见问题（原 contact 页搬来）。全站唯一的联系入口改为顶部弹窗后，
   contact.html 整页删除，这三条问答保留在关于页。 */
.faq {
  border-bottom: 1px solid var(--line-1);
}

.faq__item {
  border-top: 1px solid var(--line-1);
}

.faq__item summary {
  padding: var(--sp-5) 0;
  cursor: pointer;
  font-weight: var(--fw-semi);
}

.faq__item p {
  margin: 0;
  padding-bottom: var(--sp-5);
  color: var(--fg-2);
  font-size: var(--fs-sm);
}