/* ===== 关于我们页 ===== */
.page-head { padding: 72px 0 0; text-align: center; }
.page-head h1 { font-size: clamp(34px, 5vw, 52px); font-weight: 900; letter-spacing: .1em; }
.page-head h1 .brush { font-family: var(--brush); font-weight: 400; color: var(--seal); }
.page-head p { margin: 14px auto 0; max-width: 640px; color: var(--ink-soft); font-size: 16px; line-height: 1.9; }

/* 公司简介 + 配图 */
.about-intro { padding: 64px 0 0; }
.about-intro-in {
  max-width: var(--maxw); margin: 0 auto; padding: 0 24px;
  display: grid; grid-template-columns: .95fr 1.05fr; gap: 64px; align-items: center;
}
.about-intro-img { position: relative; }
.about-intro-img image-slot { width: 100%; height: 440px; }
.about-intro-img .corner { position: absolute; width: 46px; height: 46px; pointer-events: none; }
.about-intro-img .corner.tl { top: -10px; left: -10px; border-top: 2px solid var(--gold); border-left: 2px solid var(--gold); }
.about-intro-img .corner.br { bottom: -10px; right: -10px; border-bottom: 2px solid var(--gold); border-right: 2px solid var(--gold); }
.about-intro-tx h2 { margin-top: 4px; }
.about-intro-tx .graf { margin-top: 18px; font-size: 15.5px; color: var(--ink-soft); line-height: 2; text-wrap: pretty; }

/* 一体化体系四大支柱 */
.pillar-grid {
  max-width: var(--maxw); margin: 44px auto 0; padding: 0 24px;
  display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px;
}
.pillar { position: relative; padding: 30px 26px; }
.pillar-no { font-family: var(--brush); font-weight: 700; font-size: 30px; color: var(--gold); line-height: 1; }
.pillar h3 { margin-top: 12px; font-size: 18px; letter-spacing: .08em; }
.pillar p { margin-top: 10px; font-size: 13.5px; color: var(--ink-soft); line-height: 1.9; }

/* 经营准则 质 / 信 / 客 */
.vals { padding: 92px 0 0; }
.vals-grid {
  max-width: 920px; margin: 44px auto 0; padding: 0 24px;
  display: grid; grid-template-columns: repeat(3, 1fr); gap: 28px;
}
.val { text-align: center; padding: 8px; }
.val .yh-seal { width: 64px; height: 64px; font-size: 27px; margin: 0 auto; }
.val p { margin-top: 18px; font-size: 14.5px; color: var(--ink-soft); line-height: 1.9; }

.about-cta { padding-top: 96px; }
.about-cta .hero-cta {
  display: flex; align-items: center; justify-content: center;
  gap: 14px; flex-wrap: wrap; margin-top: 22px;
}

/* 生产与服务场景 */
.about-scenes { padding: 92px 0 0; }
.about-scenes-grid {
  margin: 42px 0 0;
  display: grid; grid-template-columns: repeat(3, 1fr); gap: 22px; align-items: stretch;
}
.about-scene-card {
  min-width: 0; min-height: 100%;
  background: var(--paper-card); border: 1px solid var(--line); border-radius: 10px;
  overflow: hidden; display: flex; flex-direction: column;
}
.about-scene-img {
  width: 100%; height: 260px; flex-shrink: 0;
  background: var(--paper-deep); overflow: hidden;
}
.about-scene-img image-slot,
.about-scene-img img {
  display: block; width: 100%; height: 100%; object-fit: cover;
}
.about-scene-card h3 { margin: 20px 22px 0; font-size: 17px; letter-spacing: .06em; line-height: 1.55; }
.about-scene-card p {
  margin: 8px 22px 22px; font-size: 13.5px; color: var(--ink-soft);
  line-height: 1.85; text-wrap: pretty;
}

/* 匠心守护 */
.about-craft-keepers { padding: 92px 0 0; }
.about-keepers-in {
  width: calc(100% - 48px); max-width: var(--maxw); margin: 0 auto; padding: 44px 48px;
  box-sizing: border-box;
  background: var(--paper-deep); border: 1px solid var(--line); border-radius: 12px;
  display: grid; grid-template-columns: 1.08fr .92fr; gap: 54px; align-items: center;
}
.about-keepers-copy { min-width: 0; }
.about-keepers-copy h2 { font-size: clamp(28px, 4vw, 42px); letter-spacing: .08em; line-height: 1.45; }
.about-keepers-copy p { margin-top: 18px; font-size: 15.5px; color: var(--ink-soft); line-height: 2; text-wrap: pretty; }
.about-keeper-notes { display: grid; gap: 14px; min-width: 0; }
.about-keeper-note {
  position: relative; padding: 20px 22px 20px 24px;
  background: var(--paper-card); border: 1px solid var(--line); border-radius: 8px;
}
.about-keeper-note::before {
  content: ""; position: absolute; left: 0; top: 22px;
  width: 3px; height: 28px; background: var(--gold); border-radius: 0 2px 2px 0;
}
.about-keeper-note h3 { font-size: 16px; letter-spacing: .07em; line-height: 1.55; }
.about-keeper-note p { margin-top: 7px; font-size: 13.5px; color: var(--ink-soft); line-height: 1.85; text-wrap: pretty; }

/* 响应式 */
@media (max-width: 880px) {
  .about-intro-in { grid-template-columns: 1fr; gap: 36px; }
  .about-intro-img image-slot { height: 360px; }
  .pillar-grid { grid-template-columns: repeat(2, 1fr); }
  .vals-grid { grid-template-columns: 1fr; max-width: 420px; }
  .about-scenes-grid { grid-template-columns: 1fr; max-width: 520px; margin-left: auto; margin-right: auto; }
  .about-scene-img { height: 280px; }
  .about-keepers-in { grid-template-columns: 1fr; gap: 30px; padding: 38px 32px; }
}
@media (max-width: 560px) {
  .about-intro-img image-slot { height: 280px; }
  .pillar-grid { grid-template-columns: 1fr; }
  .about-scenes,
  .about-craft-keepers { padding-top: 72px; }
  .about-scenes-grid { margin-top: 30px; }
  .about-scene-img { height: 220px; }
  .about-keepers-in { width: calc(100% - 32px); padding: 30px 22px; border-radius: 10px; }
}