/* “了解我们”页（about/index.html）专用样式。源头在 官网SEO/about.css，seo_build.py 每次复制到 about/about.css；
   浅色版 about.light.css 由 官网主题/build_theme.py 自动生成，不手改。v1.0 2026-10-23 */
.about-main svg.ri { width: 1em; height: 1em; flex: none; }
.about-main .detail-section-title {
  margin-bottom: 16px;
  font-size: clamp(22px, 2.4vw, 30px);
  letter-spacing: -.01em;
}
.about-main .detail-copy,
.about-block { scroll-margin-top: 96px; }
.about-main h2[id] { scroll-margin-top: 96px; }

/* 首屏 */
.about-lead {
  max-width: 760px;
  margin: 22px 0 0;
  color: var(--ink-soft);
  font-size: clamp(17px, 1.7vw, 21px);
  line-height: 1.7;
}
.about-stats {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
  gap: 1px;
  margin: 36px 0 0;
  padding: 0;
  list-style: none;
  background: var(--paper-line);
  border: 1px solid var(--paper-line);
}
.about-stats li {
  display: grid;
  align-content: start;
  gap: 8px;
  padding: 22px 22px 24px;
  background: var(--surface);
}
.about-stats strong {
  color: var(--ink);
  font-size: clamp(28px, 3.2vw, 42px);
  line-height: 1.05;
  letter-spacing: -.03em;
  font-weight: 650;
}
.about-stats span { color: var(--ink-mute); font-size: 14px; line-height: 1.5; }
.about-jump {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 24px 0 8px;
}
.about-jump a {
  padding: 8px 15px;
  color: var(--ink-soft);
  font-size: 14px;
  line-height: 1.2;
  border: 1px solid var(--paper-line-strong);
  border-radius: 999px;
  transition: color .2s ease, border-color .2s ease, background .2s ease;
}
@media (hover: hover) and (pointer: fine) {
  .about-jump a:hover { color: var(--ink); border-color: var(--brand); background: var(--brand-soft); }
}

/* 新加的区块 */
.about-block {
  padding: 34px 0 40px;
  border-bottom: 1px solid var(--paper-line);
}
.about-block-intro {
  max-width: 760px;
  margin: -4px 0 24px;
  color: var(--ink-mute);
  font-size: 16px;
  line-height: 1.75;
}
.about-foot { margin: 22px 0 0; }
.about-more-link {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: var(--brand-bright);
  font-size: 14px;
  line-height: 1.4;
}
.about-more-link svg.ri { width: 1.05em; height: 1.05em; transition: transform .2s ease; }
@media (hover: hover) and (pointer: fine) {
  .about-more-link:hover svg.ri { transform: translateX(3px); }
}

/* 回头客 */
.about-cards {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: 14px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.about-card {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 22px;
  background: var(--surface);
  border: 1px solid var(--paper-line);
}
.about-card strong { color: var(--ink); font-size: 16px; line-height: 1.4; }
.about-card p { flex: 1; margin: 0; color: var(--ink-soft); font-size: 15px; line-height: 1.7; }

/* 发展历程 */
.about-timeline {
  margin: 0;
  padding: 0;
  list-style: none;
  border-top: 1px solid var(--paper-line);
}
.about-timeline li {
  display: grid;
  grid-template-columns: 150px minmax(0, 1fr);
  gap: 24px;
  padding: 18px 0;
  border-bottom: 1px solid var(--paper-line);
}
.about-timeline time { color: var(--brand-bright); font-size: 15px; font-weight: 600; line-height: 1.7; }
.about-timeline p { max-width: 860px; margin: 0; color: var(--ink-soft); font-size: 16px; line-height: 1.7; }

/* 获奖荣誉 */
.about-honor-highlights { margin: 0 0 8px; }
.about-honor-highlights strong { font-size: clamp(24px, 2.6vw, 34px); }
.about-group-title {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 34px 0 14px;
  color: var(--ink);
  font-size: 17px;
  line-height: 1.4;
}
.about-group-title span {
  min-width: 26px;
  padding: 2px 8px;
  color: var(--ink-mute);
  font-size: 12px;
  text-align: center;
  border: 1px solid var(--paper-line-strong);
  border-radius: 999px;
}
.about-honors {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(340px, 1fr));
  gap: 14px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.about-honor {
  display: grid;
  grid-template-columns: 112px minmax(0, 1fr);
  gap: 18px;
  padding: 16px;
  background: var(--surface);
  border: 1px solid var(--paper-line);
}
.about-honor > div { display: flex; flex-direction: column; gap: 6px; min-width: 0; }
.about-honor-thumb {
  position: relative;
  display: grid;
  place-items: center;
  width: 112px;
  height: 140px;
  overflow: hidden;
  background: var(--paper-soft);
  border: 1px solid var(--paper-line);
}
.about-honor-thumb img { width: 100%; height: 100%; object-fit: contain; cursor: zoom-in; }
.about-honor-thumb > svg.ri {
  position: absolute;
  right: 6px;
  bottom: 6px;
  width: 22px;
  height: 22px;
  padding: 4px;
  color: #fff;
  background: rgba(6, 8, 13, .72);
  border-radius: 50%;
  pointer-events: none;
}
.about-honor-thumb.is-icon > svg.ri {
  position: static;
  width: 40px;
  height: 40px;
  padding: 0;
  color: var(--brand-bright);
  background: none;
}
.about-honor-date { color: var(--ink-mute); font-size: 12px; line-height: 1.5; letter-spacing: .04em; }
.about-honor h4,
.about-press h4 { margin: 0; color: var(--ink); font-size: 16px; line-height: 1.5; font-weight: 600; }
.about-honor p,
.about-press p { margin: 0; color: var(--ink-soft); font-size: 14px; line-height: 1.7; }
.about-honor .about-more-link { margin-top: auto; padding-top: 4px; font-size: 13px; }

/* 媒体报道 */
.about-press-list {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(210px, 1fr));
  gap: 14px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.about-press {
  display: flex;
  flex-direction: column;
  background: var(--surface);
  border: 1px solid var(--paper-line);
}
.about-press-img { display: block; aspect-ratio: 16 / 10; overflow: hidden; background: var(--paper-soft); }
.about-press-img img { width: 100%; height: 100%; object-fit: cover; object-position: center 22%; transition: transform .4s ease; }
.about-press > div { display: flex; flex: 1; flex-direction: column; gap: 8px; padding: 18px 20px 20px; }
.about-press h4 a { color: inherit; }
.about-press blockquote {
  margin: 2px 0 0;
  padding-left: 12px;
  color: var(--ink);
  font-size: 14px;
  line-height: 1.6;
  border-left: 2px solid var(--brand);
}
.about-press .about-more-link { margin-top: auto; padding-top: 6px; }
@media (hover: hover) and (pointer: fine) {
  .about-press:hover .about-press-img img { transform: scale(1.03); }
  .about-press h4 a:hover { color: var(--brand-bright); }
}

@media (max-width: 640px) {
  .about-stats { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .about-stats li { padding: 16px 16px 18px; }
  .about-stats li:last-child:nth-child(odd) { grid-column: 1 / -1; }
  .about-timeline li { grid-template-columns: minmax(0, 1fr); gap: 4px; padding: 14px 0; }
  .about-honors,
  .about-press-list { grid-template-columns: minmax(0, 1fr); }
  .about-honor { grid-template-columns: 88px minmax(0, 1fr); gap: 14px; padding: 14px; }
  .about-honor-thumb { width: 88px; height: 112px; }
}

@media (max-width: 380px) {
  .about-main .detail-title { font-size: 11.6vw; }   /* 320 宽时“关于炼丹科技”六个字放一行 */
}