/* 关于我们页（/about）专属样式。设计稿 1920 画布，1x */

/* 通用：板块标题、副标题、查看更多、资质说明列表 */
.about-title { margin-bottom: 1.6rem; font-weight: 500; text-align: center; }
.about-subtitle { margin: 0 auto 4.25rem; max-width: 72rem; font-size: 1.125rem; line-height: 1.4; letter-spacing: 0.5px; text-align: center; text-wrap: balance; }
.about-more { display: flex; align-items: center; justify-content: center; gap: 0.5rem; width: fit-content; margin: 3rem auto 0; font-size: clamp(1.25rem, 1rem + 0.8vw, 1.875rem); font-weight: 500; font-family: var(--dy-font-accent); line-height: 1.2; text-decoration: none; }
.about-more:hover { color: var(--dy-primary-dark); }
.about-meta { margin: 0; font-size: 0.875rem; line-height: 1.75; color: var(--dy-text-muted); }
.about-meta > div { display: flex; }
.about-meta dt { flex: none; font-weight: 400; font-family: var(--dy-font); }
.about-meta dd { margin: 0; }
.about-meta-inline { display: flex; flex-wrap: wrap; gap: 0 3.5rem; }

/* 1 hero 首屏：背景图自带「瑜乐科技」字样，导航透明叠在上面 */
.about-hero { height: clamp(240px, 22.3vw, 428px); background: #3b3a7a url("/assets/images/about/hero-bg.jpg") center / cover no-repeat; }

/* 2 culture 企业文化：三块浅灰底，之间 2px 白线 */
.about-culture-item { padding: clamp(3rem, 5.2vw, 6.25rem) clamp(1.5rem, 8.3vw, 10rem) clamp(3rem, 6.9vw, 8.3rem); background: var(--dy-bg-soft); }
.about-culture-item + .about-culture-item { border-left: 2px solid var(--dy-bg); }
.about-culture dt { margin-bottom: clamp(1.5rem, 4.4vw, 5.25rem); font-size: clamp(1.75rem, 1rem + 2vw, 3rem); font-weight: 500; line-height: 1.4; }
.about-culture dd { max-width: 10em; margin: 0; font-size: clamp(1.125rem, 0.8rem + 1vw, 1.875rem); font-weight: 500; font-family: var(--dy-font-accent); line-height: 1.6; }

/* 3 founder 关于创始人：文字与照片叠在同一格，照片贴右下 */
.about-founder-card { display: grid; border-radius: var(--dy-radius-xl); background: var(--dy-bg-soft); overflow: hidden; }
.about-founder-card > * { grid-area: 1 / 1; }
.about-founder-body { position: relative; z-index: 1; max-width: 48rem; padding: 4.625rem 3rem 3rem; }
.about-founder-name { position: relative; margin-bottom: 2rem; padding-bottom: 1rem; font-size: clamp(2rem, 1.2rem + 1.8vw, 3rem); font-weight: 500; letter-spacing: 1.8px; }
.about-founder-name::after { content: ""; position: absolute; bottom: 0; left: 0; width: 8rem; height: 4px; background: #6571e9; }
.about-founder-slogan { margin-bottom: clamp(2rem, 5vw, 5.7rem); font-size: clamp(1.375rem, 1rem + 1vw, 2rem); font-weight: 500; font-family: var(--dy-font-accent); line-height: 1.4; color: #6571e9; }
.about-founder-text { margin-bottom: 1.5rem; font-size: 1.125rem; line-height: 2; color: var(--dy-text-secondary); }
.about-founder-points { margin: 0; font-size: 1.125rem; line-height: 2; }
.about-founder-photo { display: flex; justify-content: flex-end; align-items: flex-end; }
.about-founder-photo img { display: block; width: min(865px, 60%); height: auto; }

/* 4 history 企业发展历程：蓝底雪山背景，中轴时间线左右交替，每项接在上一项结束处 */
.about-history { padding-bottom: calc(var(--dy-section-gap) + 11.9rem); color: #fff; background: #617fa5 url("/assets/images/about/history-bg.jpg") center bottom / cover no-repeat; }
.about-history-intro { margin: 0 0 5.75rem; font-size: 1.125rem; line-height: 2; text-indent: 2em; }
.about-timeline { position: relative; display: grid; grid-template-columns: 1fr 1fr; margin: 0; padding-bottom: 4rem; }
.about-timeline::before { content: ""; position: absolute; top: 0; bottom: 0; left: 50%; width: 2px; background: rgba(255, 255, 255, 0.85); transform: translateX(-50%); }
.about-timeline li { position: relative; }
.about-timeline li:nth-child(odd) { grid-column: 2; padding-left: 5rem; }
.about-timeline li:nth-child(even) { grid-column: 1; padding-right: 3.5rem; text-align: right; }
/* 每项独占一行：只指定列时自动排位会把相邻两项放进同一行 */
.about-timeline li:nth-child(1) { grid-row: 1; }
.about-timeline li:nth-child(2) { grid-row: 2; }
.about-timeline li:nth-child(3) { grid-row: 3; }
.about-timeline li:nth-child(4) { grid-row: 4; }
.about-timeline li:nth-child(5) { grid-row: 5; }
.about-timeline li:nth-child(6) { grid-row: 6; }
.about-timeline li:nth-child(7) { grid-row: 7; }
.about-timeline li::before { content: ""; position: absolute; top: calc(clamp(1.75rem, 1rem + 2vw, 3rem) * 0.7 - 8px); width: 16px; height: 16px; border-radius: 50%; background: #fff; }
.about-timeline li:nth-child(odd)::before { left: -8px; }
.about-timeline li:nth-child(even)::before { right: -8px; }
.about-timeline h3 { margin-bottom: 0; font-size: clamp(1.75rem, 1rem + 2vw, 3rem); font-weight: 500; line-height: 1.4; letter-spacing: 1.8px; }
.about-timeline p { margin: 0; font-size: 1.125rem; line-height: 2; }
.about-timeline li:nth-child(even) p { font-size: 1.5rem; }
.about-history .about-more { margin-top: 3.5rem; color: #fff; }
.about-history .about-more:hover { color: rgba(255, 255, 255, 0.75); }

/* 5 qual 企业实力资质：统计卡 + 各类资质子板块（01~06） */
.about-stats { margin-bottom: 0; }
.about-stats-item { height: 100%; padding: 4.94rem 1rem; border-radius: var(--dy-radius-xl); background: var(--dy-bg-soft); text-align: center; }
.about-stats dt { font-size: clamp(2.25rem, 1.2rem + 2.5vw, 4.1875rem); font-weight: 500; line-height: 1.4; letter-spacing: 0.7px; color: #4c5ae9; }
.about-stats dd { margin: 0.75rem 0 0; font-size: 1.125rem; line-height: 2; }
.about-stats-note { margin: 1.625rem 0 0; font-size: 1rem; line-height: 1.4; color: #999; text-align: center; }

/* 资质一览表：浅灰表头 + 细分隔线，与下方卡片同圆角；编号、时间不换行，窄屏横向滚动 */
.about-qual-table { border: 1px solid var(--dy-border); border-radius: var(--dy-radius); }
.about-qual-table .table { --bs-table-color: var(--dy-text-muted); margin: 0; font-size: 0.9375rem; line-height: 1.6; }
.about-qual-table .table > :not(caption) > * > * { padding: 0.875rem 1.25rem; }
.about-qual-table thead th { color: var(--dy-text); font-weight: 600; white-space: nowrap; background: var(--dy-bg-soft); }
.about-qual-table tbody th { min-width: 13rem; color: var(--dy-text); font-weight: 500; }
.about-qual-table td:nth-child(4),
.about-qual-table td:nth-child(5) { white-space: nowrap; }
.about-qual-table td:nth-child(2) { min-width: 8rem; }
.about-qual-table td:nth-child(3) { min-width: 14rem; }
.about-qual-table tbody tr:last-child > * { border-bottom-width: 0; }

.about-sub { margin-top: var(--dy-section-gap); }
.about-sub-head { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 0.5rem 2rem; margin-bottom: 2.25rem; }
.about-sub-head h3,
.about-awards-title { margin: 0; font-size: clamp(1.375rem, 1rem + 1vw, 1.875rem); font-weight: 500; }
.about-sub-head a { display: inline-flex; align-items: center; gap: 0.75rem; font-size: clamp(1rem, 0.8rem + 0.6vw, 1.5rem); font-weight: 500; font-family: var(--dy-font-accent); text-decoration: none; }
.about-sub-head a:hover { color: var(--dy-primary-dark); }
@media (min-width: 992px) {
  .about-sub .row { --bs-gutter-x: 3rem; --bs-gutter-y: 2.25rem; }
  .about-sub .about-ip-row { --bs-gutter-x: 2.3rem; }
}

/* 01 国家级：logo 在上，说明居中标题 + 左对齐正文，发证信息沉底 */
.about-national-card { display: flex; flex-direction: column; height: 100%; padding: 1.75rem 0 2.25rem; border: 1px solid var(--dy-border); border-radius: var(--dy-radius); background: var(--dy-bg); }
.about-national-card img { display: block; width: 100%; height: auto; margin-bottom: 4.2rem; }
.about-national-card > :not(img) { padding-inline: 2.25rem; } /* logo 切图两侧自带留白，铺满卡片宽，文字单独留边 */
.about-national-card h4 { margin-bottom: 0.5rem; font-size: 1.5rem; font-weight: 500; line-height: 1.4; text-align: center; }
.about-national-card p { margin-bottom: 2rem; font-size: 0.875rem; line-height: 1.75; color: var(--dy-text-muted); }
.about-national-card .about-meta { margin-top: auto; }

/* 02 省级：左 logo 方块 + 右文字 */
.about-province-card { display: flex; gap: 1.25rem; height: 100%; padding: 2.25rem; border: 1px solid var(--dy-border); border-radius: var(--dy-radius-xl); background: var(--dy-bg); }
.about-province-card img { flex: none; width: 140px; height: 140px; border-radius: var(--dy-radius-lg); }
.about-province-body { display: flex; flex-direction: column; min-width: 0; }
.about-province-body h4 { margin-bottom: 0.5rem; font-size: 1.5rem; font-weight: 500; line-height: 1.4; }
.about-province-body .about-province-tight { letter-spacing: -1.8px; } /* 设计稿对这条长标题收紧字距，保证一行放下 */
.about-province-body p { margin-bottom: 1rem; font-size: 0.875rem; line-height: 1.75; color: var(--dy-text-muted); }
.about-province-body .about-meta { margin-top: auto; }

/* 03 知识产权：纯文字居中卡 */
.about-ip-card { height: 100%; padding: 3rem 1.25rem 2.25rem; border: 1px solid var(--dy-border); border-radius: var(--dy-radius-xl); background: var(--dy-bg); text-align: center; }
.about-ip-card h4 { margin-bottom: 0.5rem; font-size: 1.5rem; font-weight: 500; line-height: 1.4; }
.about-ip-card p { margin-bottom: 1.75rem; font-size: 0.875rem; color: var(--dy-text-muted); }
/* 卡片窄时授权号、日期整段换到下一行，不再撑出卡片 */
.about-ip-card .about-meta > div { flex-wrap: wrap; justify-content: center; }
.about-ip-card .about-meta dd { overflow-wrap: anywhere; }

/* 04 应用商店：不可点，仅展示 */
.about-store-item { display: flex; align-items: center; justify-content: center; gap: 1.25rem; height: 8rem; border-radius: var(--dy-radius-xl); background: var(--dy-bg-soft); font-size: 1.5rem; font-weight: 500; font-family: var(--dy-font-accent); }
.about-store-item img { flex: none; width: 48px; height: 48px; }

/* 05 RYS 认证：左文字，右三张证书，点开放大 */
.about-rys-card { display: flex; gap: 2rem; padding: 1.97rem 2.25rem; border-radius: var(--dy-radius-xl); background: var(--dy-bg-soft); }
.about-rys-text { flex: 1; min-width: 0; }
.about-rys-card h4 { margin-bottom: 0.5rem; font-size: 1.5rem; font-weight: 500; line-height: 1.4; }
.about-rys-card p { margin-bottom: 1.5rem; font-size: 0.875rem; line-height: 1.75; color: var(--dy-text-muted); }
.about-rys-certs { display: flex; flex: 0 1 60%; align-self: center; justify-content: flex-end; gap: clamp(0.75rem, 2.4vw, 2.875rem); margin: 0; }
.about-rys-certs li { flex: 0 1 223px; }
.about-rys-certs img { display: block; width: 100%; height: auto; }

/* 06 媒体报道：整卡外链，摘要截两行 */
.about-media { margin: 0; }
.about-media li + li { margin-top: 2.25rem; }
.about-media-card { display: flex; align-items: center; gap: 2.25rem; padding: 2.25rem; border: 1px solid var(--dy-border); border-radius: var(--dy-radius-xl); background: var(--dy-bg); color: var(--dy-text); text-decoration: none; transition: border-color 0.2s ease, box-shadow 0.2s ease; }
.about-media-card:hover { border-color: rgba(var(--dy-primary-rgb), 0.4); box-shadow: 0 6px 24px rgba(23, 19, 69, 0.06); color: var(--dy-text); }
.about-media-card > img { flex: none; width: 72px; height: 72px; border-radius: 50%; }
.about-media-body { flex: 1; min-width: 0; }
.about-media-head { display: flex; align-items: baseline; justify-content: space-between; gap: 0.25rem 2rem; margin-bottom: 0.25rem; }
.about-media-head h4 { margin: 0; font-size: 1.5rem; font-weight: 500; line-height: 1.4; }
.about-media-head span { flex: none; font-size: 0.875rem; color: var(--dy-text-muted); }
.about-media-body p,
.about-award-desc p { display: -webkit-box; margin: 0; overflow: hidden; font-size: 0.875rem; line-height: 1.85; color: var(--dy-text-muted); -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.about-media-card > .bi { flex: none; align-self: flex-end; color: var(--dy-primary); }

/* 12 awards 07 行业奖项：浅蓝奖杯背景，左侧竖线列表 */
.about-awards { padding: 0 0 calc(var(--dy-section-gap) * 1.6); background: #eef3fb url("/assets/images/about/awards-bg.jpg") right bottom / cover no-repeat; }
.about-awards-title { margin-bottom: 4rem; }
.about-award-list { max-width: 56rem; margin: 0; }
.about-award-list li + li { margin-top: 4rem; }
.about-award { display: block; padding-left: 3rem; border-left: 2px solid rgba(0, 0, 0, 0.08); color: var(--dy-text); text-decoration: none; }
.about-award:hover { color: var(--dy-text); }
.about-award:hover h4 { color: var(--dy-primary); }
.about-award h4 { margin-bottom: 0.5rem; font-size: 1.5rem; font-weight: 500; line-height: 1.4; letter-spacing: 0.5px; transition: color 0.2s ease; }
.about-award-platform { display: flex; align-items: center; gap: 0.75rem; margin-bottom: 1.75rem; font-size: 1rem; line-height: 1.875; color: var(--dy-text-muted); }
.about-award-platform img { flex: none; width: 30px; height: 30px; }
.about-award-desc { display: flex; align-items: flex-end; gap: 0.5rem; }
.about-award-desc .bi { flex: none; color: var(--dy-primary); }

/* 响应式 */
@media (max-width: 1199.98px) {
  .about-timeline li:nth-child(odd) { padding-left: 3rem; }
  .about-timeline li:nth-child(even) { padding-right: 3rem; }
  .about-media-head { flex-direction: column; }
}

@media (max-width: 991.98px) {
  .about-founder-card > * { grid-area: auto; }
  .about-founder-body { max-width: none; padding: 2.5rem 1.5rem 1rem; }
  .about-founder-photo img { width: 100%; }
  .about-rys-card { flex-direction: column; padding: 1.5rem; }
  .about-rys-certs { align-self: stretch; justify-content: flex-start; }
  .about-awards { background-position: 70% bottom; }
  .about-award-list { padding: 1.5rem; border-radius: var(--dy-radius-lg); background: rgba(255, 255, 255, 0.7); }
}

@media (max-width: 767.98px) {
  .about-subtitle { margin-bottom: 2.5rem; font-size: 1rem; }
  .about-more,
  .about-history .about-more { margin-top: 2rem; }
  .about-culture-item { padding: 2rem 1.5rem; }
  .about-culture-item + .about-culture-item { border-top: 2px solid var(--dy-bg); border-left: 0; }
  .about-culture dt { margin-bottom: 0.75rem; }
  .about-founder-card { border-radius: var(--dy-radius-lg); }
  .about-founder-name { margin-bottom: 1.25rem; }
  .about-founder-text,
  .about-founder-points { font-size: 1rem; }
  .about-history { padding-bottom: calc(var(--dy-section-gap) + 6rem); }
  .about-history-intro { margin-bottom: 3rem; font-size: 1rem; }

  /* 时间线改单列，竖线靠左 */
  .about-timeline { grid-template-columns: 1fr; row-gap: 1.75rem; padding-bottom: 3rem; }
  .about-timeline::before { left: 7px; transform: none; }
  .about-timeline li:nth-child(n) { grid-row: auto; grid-column: 1; padding: 0 0 0 2.5rem; text-align: left; }
  .about-timeline li:nth-child(n)::before { right: auto; left: 0; }
  .about-timeline p,
  .about-timeline li:nth-child(even) p { font-size: 1rem; line-height: 1.8; }

  .about-stats-item { padding: 2rem 0.5rem; border-radius: var(--dy-radius-lg); }
  .about-stats dd { font-size: 1rem; }
  .about-stats-note { font-size: 0.8125rem; }
  .about-sub-head { margin-bottom: 1.5rem; }
  .about-qual-table .table { font-size: 0.8125rem; }
  .about-qual-table .table > :not(caption) > * > * { padding: 0.75rem; }
  .about-qual-table tbody th { min-width: 8.5rem; }
  .about-qual-table td:nth-child(2) { min-width: 6rem; }
  .about-national-card { padding: 1.25rem 0 1.5rem; }
  .about-national-card > :not(img) { padding-inline: 1.5rem; }
  .about-national-card img { margin-bottom: 1.5rem; }
  .about-national-card h4,
  .about-province-body h4,
  .about-ip-card h4,
  .about-rys-card h4,
  .about-media-head h4,
  .about-award h4 { font-size: 1.125rem; }
  .about-province-card { gap: 1rem; padding: 1.25rem; border-radius: var(--dy-radius-lg); }
  .about-province-card img { width: 72px; height: 72px; border-radius: var(--dy-radius); }
  .about-meta-inline { display: block; }
  .about-ip-card { padding: 1.5rem 1rem; border-radius: var(--dy-radius-lg); }
  .about-store-item { flex-direction: column; gap: 0.5rem; height: auto; padding: 1.25rem 0.5rem; border-radius: var(--dy-radius-lg); font-size: 1rem; }
  .about-rys-card { border-radius: var(--dy-radius-lg); }
  .about-media li + li { margin-top: 1rem; }
  .about-media-card { align-items: flex-start; gap: 1rem; padding: 1.25rem; border-radius: var(--dy-radius-lg); }
  .about-media-card > img { width: 48px; height: 48px; }
  .about-media-card > .bi { display: none; }
  .about-awards-title { margin-bottom: 2rem; }
  .about-award { padding-left: 1.25rem; }
  .about-award-list li + li { margin-top: 2rem; }
  .about-award-platform { gap: 0.5rem; margin-bottom: 0.75rem; font-size: 0.875rem; }
  .about-award-platform img { width: 24px; height: 24px; }
}