/* Chinese AboutPage assets: keep separate from the English site bundle. */
.about-site-page p,
.about-site-page h1,
.about-site-page h2,
.about-site-page h3,
.about-site-page figure { margin: 0; }
.about-shell { width: min(76vw, 1200px); margin-inline: auto; }
.about-hero { position: relative; overflow: hidden; }
.about-hero img { width: 100%; height: auto; min-height: 260px; object-fit: cover; }

/* 公司介绍 */
.about-intro { background: #f1f2f3; }
.about-intro__inner { display: flex; align-items: center; justify-content: space-between; gap: 5vw; padding-block: 8.125rem; }
.about-intro__copy { flex: 1; min-width: 0; color: #4d4d4d; }
.about-intro__copy h2,
.about-patents > h2,
.brand-timeline > h2 { margin-bottom: 2.5rem; font-size: 2.25rem; font-weight: 600; }
.about-intro__copy p,
.innovation-item__copy p,
.about-patents__copy > p { font-size: .875rem; font-weight: 300; line-height: 1.8; }
.about-intro__image { flex: 1; min-width: 0; }
.about-intro__image img { width: 100%; height: auto; aspect-ratio: 16 / 9; object-fit: cover; }
.about-innovations { padding-top: 10vw; }
.innovation-item { display: flex; align-items: center; gap: 5vw; opacity: 0; transform: translateY(42px); transition: opacity .7s ease, transform .7s ease; }
.innovation-item + .innovation-item { margin-top: 6vw; }
.innovation-item.is-visible { opacity: 1; transform: none; }
.innovation-item.is-reversed { flex-direction: row-reverse; }
.innovation-item__image { flex: 0 0 50%; }
.innovation-item__image img { width: 100%; height: auto; object-fit: cover; }
.innovation-item__copy { flex: 1; color: #4d4d4d; }
.innovation-item__copy h2 { margin-bottom: .75rem; font-size: 1.375rem; font-weight: 400; }
.about-patents { padding-top: 10vw; }
.about-patents__content { display: flex; gap: 5rem; }
.about-patents__image { width: 33%; max-width: 31.25rem; }
.about-patents__image img { width: 100%; height: auto; }
.about-patents__copy { display: flex; flex: 1; flex-direction: column; color: #666; }
.about-patents__line { width: 100%; height: 1px; margin: 4vw 0 2.5rem; background: linear-gradient(90deg, #666 56%, transparent); }
.patent-metrics { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.4rem 5rem; }
.patent-metric strong { color: #666; font-size: 3rem; font-weight: 400; line-height: 1; }
.patent-metric span { margin-left: .25rem; color: gray; font-size: 1rem; }
.patent-metric p { margin-top: .55rem; color: gray; font-size: .9rem; line-height: 1.5; }
.certificate-section { padding: 6rem 0 2rem; }
.certificate-carousel { text-align: center; }
.certificate-carousel__controls { display: flex; align-items: center; gap: 1rem; }
.certificate-viewport { flex: 1; overflow: hidden; }
.certificate-track { display: flex; transition: transform .35s ease; }
.certificate-item { flex: 0 0 20%; height: 280px; padding: 15px 12px; background: transparent; border: 0; opacity: .7; cursor: pointer; transition: transform .3s ease, opacity .3s ease; }
.certificate-item:hover,
.certificate-item:focus-visible { opacity: 1; transform: scale(1.04); }
.certificate-item img { width: 100%; height: 100%; object-fit: contain; }
.about-round-arrow { display: grid; flex: 0 0 2.25rem; width: 2.25rem; height: 2.25rem; padding: 0; place-items: center; color: #fff; background: rgb(228 84 13 / 80%); border: 0; border-radius: 50%; font-size: 1.3rem; cursor: pointer; }
.certificate-carousel h2 { margin: 2rem 0 1.2rem; color: #4d4d4d; font-size: 1.875rem; font-weight: 400; }
.certificate-dots { display: flex; justify-content: center; gap: .5rem; }
.certificate-dots button { width: .5rem; height: .5rem; padding: 0; background: rgb(228 84 13 / 30%); border: 0; border-radius: 50%; cursor: pointer; }
.certificate-dots button[aria-current="true"] { width: 1.5rem; background: #e4540d; border-radius: .25rem; }
.certificate-preview { width: min(90vw, 900px); max-height: 90vh; padding: 42px; border: 0; border-radius: 6px; box-shadow: 0 20px 70px rgb(0 0 0 / 30%); }
.certificate-preview::backdrop { background: rgb(0 0 0 / 78%); }
.certificate-preview > button { position: absolute; top: 8px; right: 12px; padding: 0; background: none; border: 0; font-size: 2rem; cursor: pointer; }
.certificate-preview img { max-height: calc(90vh - 84px); margin: auto; object-fit: contain; }
.brand-timeline { padding-block: 8vw 10vw; }
.timeline-carousel { position: relative; padding-inline: 2.5rem; }
.timeline-viewport { overflow: hidden; }
.timeline-track { display: flex; transition: transform .4s ease; }
.timeline-item { flex: 0 0 220px; padding-inline: 10px; text-align: center; }
.timeline-item__year { margin-bottom: .5rem; color: #e3550b; font-size: 1.125rem; font-weight: 600; }
.timeline-item__arrow { height: 1.5rem; background: #eef0f4; clip-path: polygon(0 0, calc(100% - .75rem) 0, 100% 50%, calc(100% - .75rem) 100%, 0 100%, .75rem 50%); }
.timeline-item__node { position: relative; display: flex; justify-content: center; height: 2.5rem; }
.timeline-item__node::before { width: 2px; height: 100%; content: ""; background: #d0d3da; }
.timeline-item__node span { position: absolute; bottom: 0; width: .625rem; height: .625rem; background: #fff; border: 2px solid #d0d3da; border-radius: 50%; }
.timeline-item__content { padding-top: .5rem; }
.timeline-item__content h3 { margin-bottom: .375rem; color: #4d4d4d; font-size: 1rem; font-weight: 500; }
.timeline-item__content p { min-height: 76px; color: #676767; font-size: .875rem; line-height: 1.8; }
.timeline-item__content img { width: 100%; height: auto; max-height: 160px; margin-top: .75rem; object-fit: contain; border-radius: .25rem; }
.timeline-arrow { position: absolute; z-index: 2; top: 50%; width: 2.25rem; height: 2.25rem; padding: 0; color: #fff; background: rgb(199 199 199 / 70%); border: 0; border-radius: .25rem; font-size: 1.25rem; transform: translateY(-50%); cursor: pointer; }
.timeline-arrow:hover { background: rgb(227 85 11 / 80%); }
.timeline-arrow.is-prev { left: 0; }
.timeline-arrow.is-next { right: 0; }

@media (max-width: 1024px) {
  .about-shell { width: min(90vw, 1200px); }
  .about-intro__inner { padding-block: 5rem; }
  .about-patents__content { gap: 3.125rem; }
  .patent-metrics { gap-inline: 3rem; }
  .certificate-item { flex-basis: 33.333%; }
}

@media (max-width: 767px) {
  .about-shell { width: calc(100% - 40px); }
  .about-hero img { min-height: 0; }
  .about-intro__inner,
  .innovation-item,
  .innovation-item.is-reversed { flex-direction: column; }
  .about-intro__inner { align-items: stretch; padding-block: 2.5rem; }
  .about-intro__copy,
  .about-intro__image,
  .innovation-item__image { flex: none; width: 100%; }
  .about-intro__copy h2,
  .about-patents > h2,
  .brand-timeline > h2 { margin-bottom: 1.25rem; font-size: 1.25rem; font-weight: 400; }
  .about-intro__copy h2::after,
  .innovation-item__copy h2::after { display: block; width: 1.875rem; height: 2px; margin-top: .375rem; content: ""; background: #e3540b; }
  .about-innovations,
  .about-patents { padding-top: 4rem; }
  .innovation-item { gap: 1.25rem; }
  .innovation-item + .innovation-item { margin-top: 2.5rem; }
  .innovation-item__copy h2 { font-size: 1.25rem; }
  .about-patents__content { flex-direction: column; gap: 2rem; }
  .about-patents__image { width: 100%; max-width: none; }
  .about-patents__line { margin-block: 1.25rem; }
  .patent-metrics { gap: 1.5rem 2rem; }
  .patent-metric strong { font-size: 1.875rem; }
  .certificate-section { padding-top: 4rem; }
  .certificate-item { flex-basis: 50%; height: 220px; }
  .certificate-carousel h2 { font-size: 1.25rem; }
  .brand-timeline { padding-block: 4rem; }
  .timeline-carousel { padding: 0; }
  .timeline-viewport { overflow: visible; }
  .timeline-track { display: block; }
  .timeline-item { position: relative; width: 100%; padding: 0 0 1.75rem 1.25rem; text-align: left; }
  .timeline-item:not(:last-child)::before { position: absolute; top: .5rem; bottom: 0; left: .3125rem; width: 1px; content: ""; background: #d0d3da; }
  .timeline-item::after { position: absolute; top: .375rem; left: 0; width: .6875rem; height: .6875rem; content: ""; background: #fff; border: 2px solid #e3550b; border-radius: 50%; }
  .timeline-item__arrow,
  .timeline-item__node,
  .timeline-arrow { display: none; }
  .timeline-item__content p { min-height: 0; padding-bottom: .75rem; text-align: left; }
  .timeline-item__content img { max-width: 280px; }
}

@media (max-width: 480px) {
  .certificate-item { flex-basis: 100%; }
  .about-round-arrow { flex-basis: 2rem; width: 2rem; height: 2rem; }
  .patent-metrics { grid-template-columns: 1fr 1fr; gap-inline: 1rem; }
}

@media (prefers-reduced-motion: reduce) {
  .innovation-item { opacity: 1; transform: none; }
}