/* 关于我们页专属样式：理念、资质、地图 3 个区块；公司介绍复用 home.css（main 先引 common.css） */

/* 关于页区块统一使用阿里普惠体；沿用 common.css 注册的 400/700 字重，不影响共享页头页脚 */
.ab-idea,
.ab-quali,
.ab-map {
  font-family: 'AlibabaPuHuiTi-3', Inter, -apple-system, 'PingFang SC', 'Microsoft YaHei', sans-serif;
}

/* ============ 滚动显现 reveal（同站最小一次性方案，由 common.js 全局 Observer 驱动加 .in） ============ */
.reveal {
  opacity: 0;
  transform: translateY(24px);
  transition: opacity 0.6s ease, transform 0.6s ease;
}

.reveal.in {
  opacity: 1;
  transform: none;
}

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

/* ============ 理念 ab-idea（区间[1413,2303]高890，去图层化） ============ */
/* 浅蓝带 #EBF3FF 全幅 100% 高 738（模块内 top:152，原样保留；内容正常流盖上）；
   stage 100%+max-width:1200px 居中＋padding-top:67；头高 58（34/41＋缝 12＋线 5 r0）；
   内容列 relative；照片流式（534，margin-top:59 即 184−125）＋实图 <img> cover r20；
   蓝垫块相对内容列 absolute（18,18，右下各露 18）；右两组 absolute（637，组内顶＝模块顶−184）；
   正文 20px/30px <br> 分行；section 保 min-height:890；无 z-index；无断点 */
.ab-idea {
  position: relative;
  width: 100%;
  min-height: 890px;
}

.ab-idea__bg {
  position: absolute;
  left: 0;
  top: 152px;
  width: 100%;
  height: 738px;
  background: #ebf3ff;
}

.ab-idea__stage {
  position: relative;
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  padding-top: 67px;
}

.ab-idea__content {
  position: relative;
  margin-top: 59px;
}

.ab-idea__photobg {
  position: absolute;
  left: 18px;
  top: 18px;
  width: 534px;
  height: 613px;
  background: #3b82f6;
  border-radius: 20px;
}

.ab-idea__photo {
  position: relative;
  display: block;
  width: 534px;
  height: 613px;
  object-fit: cover;
  border-radius: 20px;
}

.ab-idea__h {
  position: absolute;
  left: 637px;
  margin: 0;
  font-size: 25px;
  line-height: 30px;
  font-weight: 400;
  color: #0f172a;
  white-space: nowrap;
}

.ab-idea__bar {
  position: absolute;
  left: 637px;
  width: 179px;
  height: 6px;
  background: #3b82f6;
}

.ab-idea__p {
  position: absolute;
  left: 637px;
  margin: 0;
  font-size: 20px;
  line-height: 30px;
  font-weight: 400;
  color: #0f172a;
  text-align: left;
}

/* ============ 资质 ab-quali（区间[2303,3155]高852，去图层化：组410即内容列） ============ */
/* 背景晚29纵向渐变 #FAFBFD→#E5EEFF 全幅画 section（单向直渐变系原案底，保留）；
   section padding-top:70；组改正常流 relative min-height:718；
   组内英文/标题/价值观/照片/卡片相对组不动；照片 r20（后盖卡，卡3/4 系 .8 白半透）；
   资质卡 260×345 无圆角（一蓝／一白／两 .8 白）；图标卡片相对 top 86 h90（奖杯滤镜提白）；
   卡文 20px/24px 居中双行（top 208）；section 保 min-height:852；无 z-index；无断点 */
.ab-quali {
  position: relative;
  width: 100%;
  min-height: 852px;
  background: linear-gradient(180deg, #fafbfd 0%, #e5eeff 100%);
  scroll-margin-top: 88px;
}

.ab-quali__stage {
  position: relative;
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  padding-top: 70px;
}

.ab-quali__group {
  position: relative;
  min-height: 718px;
}

.ab-quali__en,
.ab-quali__title {
  position: absolute;
  left: 0;
  margin: 0;
  font-size: 34px;
  line-height: 35px;
  font-weight: 400;
  white-space: nowrap;
}

.ab-quali__en {
  top: 0;
  color: #8aabff;
}

.ab-quali__title {
  top: 64px;
  color: #0f172a;
}

.ab-quali__value {
  position: absolute;
  left: 0;
  top: 169px;
  width: 485px;
  margin: 0;
  font-size: 20px;
  line-height: 30px;
  font-weight: 400;
  color: #0f172a;
  white-space: pre-line;
}

.ab-quali__photo {
  position: absolute;
  left: 520px;
  top: 11px;
  width: 680px;
  height: 707px;
  object-fit: cover;
  border-radius: 20px;
  display: block;
}

.ab-quali__card {
  position: absolute;
  top: 322px;
  width: 260px;
  height: 345px;
  background: #fff;
}

.ab-quali__card--blue {
  background: #3d60b1;
}

.ab-quali__card.is-dim {
  opacity: 0.8;
}

.ab-quali__icon {
  position: absolute;
  top: 86px;
  height: 90px;
  object-fit: contain;
  user-select: none;
}

.ab-quali__icon.is-white {
  filter: brightness(0) invert(1);
}

.ab-quali__cell-text {
  position: absolute;
  top: 208px;
  height: 48px;
  margin: 0;
  font-size: 20px;
  line-height: 24px;
  font-weight: 400;
  text-align: center;
  color: #216ab4;
}

.ab-quali__cell-text.is-white {
  color: #fff;
}

/* ============ 地图 ab-map（区间[3155,3868]高713，去图层化） ============ */
/* 29底 #233f81 纯色全幅画 section；内容列 1200 居中＋relative；
   世界地图流式（1054，margin 100/0/0/113；1054×532 cover）；
   文案流式（margin −97/0/0/61，后盖前压地图；24px/30px pre-line）；
   section 保 min-height:713；无 z-index；无断点 */
.ab-map {
  position: relative;
  width: 100%;
  min-height: 713px;
  background: #233f81;
}

.ab-map__stage {
  position: relative;
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
}

.ab-map__content {
  position: relative;
  padding-top: 100px; /* 内边距撑顶距（margin 会塌陷出模块外，此处只能用 padding） */
}

.ab-map__img {
  display: block;
  width: 1054px;
  max-width: 100%;
  height: 532px;
  margin: 0 0 0 113px;
  object-fit: cover;
}

.ab-map__text {
  position: relative;
  margin: -97px 0 0 61px; /* 图 100..632，文案钉 535：535−632＝−97 */
  font-size: 24px;
  line-height: 30px;
  font-weight: 400;
  color: #f1f6fe;
  white-space: pre-line;
}
