/* About page — mission and principles */
#mission.sec-soft,
#mission {
  position: relative;
  padding: 120px 32px 104px !important;
  color: #173126;
  background:
    radial-gradient(780px 520px at 100% 0%, rgba(151, 198, 169, .2), transparent 68%),
    radial-gradient(620px 420px at 0% 100%, rgba(255, 255, 255, .74), transparent 66%),
    #edf3ee !important;
  border: 0 !important;
}

#mission::before {
  content: "";
  position: absolute;
  inset: 0;
  width: auto;
  height: auto;
  opacity: .72;
  pointer-events: none;
  transform: none;
  background:
    linear-gradient(rgba(25, 75, 52, .035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(25, 75, 52, .03) 1px, transparent 1px) !important;
  background-size: 100% 180px, 25% 100% !important;
}

#mission > .w {
  position: relative;
  z-index: 1;
  max-width: 1440px;
}

#mission .mission-head {
  display: grid;
  grid-template-columns: minmax(0, 1.28fr) minmax(360px, .72fr) !important;
  gap: 22px !important;
  align-items: stretch !important;
}

/* User-requested clean view: remove the introductory copy block. */
#mission .mission-head {
  display: none !important;
}

#mission .mission-section-title {
  margin: 0 0 clamp(38px, 4vw, 58px);
}

#mission .mission-section-title h2 {
  margin: 0;
  color: #111c18;
  font-size: clamp(40px, 3.7vw, 58px);
  font-weight: 650;
  letter-spacing: -.045em;
  line-height: 1.12;
}

#mission .mission-heading {
  min-width: 0;
  padding: 58px 62px 64px;
  background: rgba(252, 253, 251, .94);
  border: 1px solid rgba(18, 64, 41, .09);
  border-radius: 24px;
  box-shadow: 0 30px 70px -52px rgba(13, 60, 35, .58);
}

#mission .mission-heading h2 {
  max-width: 880px;
  margin: 0;
  color: #142a20 !important;
  font-size: clamp(44px, 4.25vw, 66px) !important;
  font-weight: 580 !important;
  line-height: 1.16 !important;
  letter-spacing: -.045em !important;
}

#mission .mission-heading h2 > span {
  display: block;
}

#mission .mission-heading h2 b {
  color: #23b474 !important;
  font-weight: 640 !important;
}

#mission .mission-intro {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  min-width: 0;
  padding: 48px 44px 46px !important;
  overflow: hidden;
  color: #fff;
  background: linear-gradient(145deg, #23b373 0%, #24b573 100%);
  border: 1px solid rgba(255, 255, 255, .2) !important;
  border-radius: 24px;
  box-shadow: 0 30px 70px -48px rgba(11, 104, 66, .58);
}

#mission .mission-intro::before {
  content: "QUALITY / 02";
  position: absolute;
  top: 34px;
  left: 44px;
  color: rgba(255, 255, 255, .38);
  font-size: 9px;
  font-weight: 700;
  letter-spacing: .2em;
}

#mission .mission-intro > p {
  max-width: 32em;
  margin: 0;
  color: rgba(255, 255, 255, .84) !important;
  font-size: 15px !important;
  line-height: 1.95 !important;
}

#mission .mission-code {
  margin-top: 42px !important;
  color: rgba(255, 255, 255, .9) !important;
  font-size: 8px !important;
  font-weight: 700;
  letter-spacing: .08em !important;
}

#mission .mission-code i {
  background: rgba(255, 255, 255, .55) !important;
}

#mission .mission-principles {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px !important;
  margin-top: 0 !important;
  padding-top: 0 !important;
}

#mission .mission-principle {
  position: relative;
  min-width: 0;
  min-height: 238px;
  padding: 34px 34px 38px !important;
  overflow: hidden;
  background: linear-gradient(145deg, rgba(255, 255, 255, .72), rgba(246, 251, 248, .46));
  -webkit-backdrop-filter: blur(18px) saturate(120%);
  backdrop-filter: blur(18px) saturate(120%);
  border: 1px solid rgba(255, 255, 255, .78) !important;
  border-radius: 18px;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .78), 0 22px 54px -46px rgba(13, 60, 35, .7);
  transition: transform .3s ease, border-color .3s ease, box-shadow .3s ease !important;
}

#mission .mission-principle:hover {
  transform: translateY(-4px) !important;
  border-color: rgba(38, 117, 76, .2) !important;
  box-shadow: 0 30px 58px -42px rgba(13, 60, 35, .55);
}

#mission .mission-principle h3 {
  margin: 0 0 13px !important;
  color: #172d22 !important;
  font-size: 23px !important;
  font-weight: 620 !important;
  letter-spacing: -.025em !important;
}

#mission .mission-principle:hover h3,
#mission .mission-principle:focus-visible h3,
#mission .mission-principle.is-focused h3 {
  font-size: 23px !important;
  font-weight: 620 !important;
  transform: none;
}

#mission .mission-principle > p {
  max-width: 29em;
  margin: 0;
  color: #23b474 !important;
  font-size: clamp(19px, 1.2vw, 25px) !important;
  line-height: 1.5 !important;
  font-weight: 500 !important;
  letter-spacing: -.025em;
  transition: font-size .3s ease, font-weight .3s ease;
}

#mission .mission-principle:hover > p,
#mission .mission-principle:focus-visible > p,
#mission .mission-principle.is-focused > p {
  font-size: clamp(19px, 1.2vw, 25px) !important;
  font-weight: 550 !important;
}

#mission .mission-image {
  margin: 22px 0 0 !important;
  overflow: hidden;
  aspect-ratio: 1240 / 448 !important;
  background: #dbe5df;
  border: 0;
  border-radius: 22px;
  box-shadow: 0 30px 70px -50px rgba(10, 48, 29, .72);
}

#mission .mission-image::after {
  display: none !important;
}

.imgband.b-sci::after {
  display: none !important;
}

.imgband.b-sci::before {
  background-image: url("img/n-acad-2.png?v=20260716") !important;
}

@media (max-width: 1080px) {
  #mission .mission-head {
    grid-template-columns: 1fr !important;
  }

  #mission .mission-intro {
    min-height: 320px;
    padding-top: 100px !important;
    border-top: 0 !important;
  }

  #mission .mission-principles {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 820px) {
  #mission {
    padding: 86px 22px 74px !important;
  }

  #mission .mission-heading {
    padding: 44px 34px 48px;
  }

  #mission .mission-principles {
    grid-template-columns: 1fr !important;
    gap: 12px !important;
  }

  #mission .mission-principle {
    min-height: 0;
  }
}

@media (max-width: 600px) {
  #mission {
    padding: 70px 16px 58px !important;
  }

  #mission::before {
    background-size: 100% 150px, 50% 100% !important;
  }

  #mission .mission-heading,
  #mission .mission-intro {
    padding: 34px 24px 38px !important;
    border-radius: 18px;
  }

  #mission .mission-heading h2 {
    font-size: 36px !important;
    line-height: 1.2 !important;
  }

  #mission .mission-section-title {
    margin-bottom: 30px;
  }

  #mission .mission-section-title h2 {
    font-size: 36px;
  }

  #mission .mission-intro {
    min-height: 290px;
    padding-top: 92px !important;
  }

  #mission .mission-intro::before {
    top: 30px;
    left: 24px;
  }

  #mission .mission-principle {
    padding: 30px 26px 32px !important;
    border-radius: 15px;
  }

  #mission .mission-principle > p,
  #mission .mission-principle:hover > p,
  #mission .mission-principle:focus-visible > p,
  #mission .mission-principle.is-focused > p {
    font-size: 19px !important;
    line-height: 1.55 !important;
  }

  #mission .mission-image {
    margin-top: 14px !important;
    aspect-ratio: 1.34 !important;
    border-radius: 17px;
  }
}

/* History — immersive image, floating editorial panel */
#history {
  --history-mint: #2ec58a;
  position: relative;
  padding: 116px 32px 124px !important;
  overflow: hidden;
  background: #2ec58a !important;
}

#history::before {
  content: "" !important;
  position: absolute;
  inset: 0;
  display: block !important;
  opacity: .58;
  pointer-events: none;
  background:
    linear-gradient(rgba(7, 64, 42, .08) 1px, transparent 1px),
    linear-gradient(90deg, rgba(7, 64, 42, .065) 1px, transparent 1px) !important;
  background-size: 100% 180px, 180px 100% !important;
}

#history > .w {
  position: relative;
  z-index: 1;
  max-width: 1440px;
}

#history .history-intro {
  grid-template-columns: 1fr;
  gap: clamp(34px, 4vw, 58px) !important;
  padding-bottom: 56px !important;
  border-bottom-color: rgba(7, 64, 42, .2) !important;
}

#history .history-platform-title {
  max-width: 12em;
  margin: 0;
  color: #fff;
  font-size: clamp(42px, 3.8vw, 60px);
  font-weight: 600;
  line-height: 1.08;
  letter-spacing: -.04em;
}

#history .history-context {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(440px, .9fr);
  gap: clamp(54px, 7vw, 112px);
  align-items: end;
}

#history .history-context > p {
  max-width: 560px;
  margin-bottom: 0;
  color: rgba(255, 255, 255, .92) !important;
  font-size: 15px !important;
  line-height: 1.9 !important;
  letter-spacing: .002em;
}

#history .history-stats {
  border-top-color: rgba(7, 64, 42, .2) !important;
}

#history .history-stats > div {
  border-right-color: rgba(7, 64, 42, .18) !important;
}

#history .history-stats strong {
  color: #0b3d2a !important;
  font-size: 42px !important;
  font-weight: 540 !important;
  letter-spacing: -.03em !important;
  font-variant-numeric: tabular-nums;
}

#history .history-stats strong em {
  margin-left: 2px;
  color: #fff !important;
  font-size: .58em !important;
  font-weight: 500 !important;
  font-style: normal;
}

#history .history-stats span {
  color: rgba(7, 58, 39, .62) !important;
  font-size: 12.5px !important;
  letter-spacing: .04em !important;
}

#history .history-experience {
  margin-top: 62px !important;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, .13);
  border-radius: 22px;
  box-shadow: 0 42px 90px -46px rgba(0, 20, 12, .74);
}

#history .history-stage {
  min-height: 610px !important;
  overflow: hidden;
  background: #09271d !important;
}

#history .history-stage::before {
  display: none !important;
  content: none !important;
}

#history .history-media {
  position: absolute;
  inset: 0 !important;
  background: #173c2d !important;
}

#history .history-media::after {
  display: none !important;
  content: none !important;
  background: none !important;
  opacity: 0 !important;
}

#history .history-media img,
#history .history-media img.is-active {
  filter: none !important;
  mix-blend-mode: normal !important;
}

#history .history-stage-grid {
  min-height: 610px !important;
  grid-template-columns: minmax(0, 1.2fr) minmax(390px, .62fr) !important;
}

#history .history-visual-copy {
  padding: 52px 56px 48px !important;
  text-shadow: 0 3px 18px rgba(0, 0, 0, .28) !important;
}

#history .history-watermark {
  color: #fff !important;
  font-size: clamp(96px, 8.5vw, 138px) !important;
  font-weight: 420 !important;
  line-height: .78 !important;
  letter-spacing: -.045em !important;
  text-shadow: 0 10px 36px rgba(0, 0, 0, .22) !important;
  font-variant-numeric: lining-nums tabular-nums;
}

#history .history-chapter {
  margin-top: 34px !important;
  color: rgba(255, 255, 255, .74) !important;
  font-size: 11.5px !important;
  letter-spacing: .18em !important;
}

#history .history-chapter i {
  background: var(--history-mint) !important;
}

#history .history-chapter b {
  color: #fff !important;
}

#history .history-detail {
  align-self: stretch;
  min-width: 0;
  margin: 22px !important;
  padding: 40px 38px 34px !important;
  color: #173126;
  background:
    linear-gradient(145deg, rgba(255, 255, 255, .84), rgba(239, 247, 242, .68)) !important;
  border: 1px solid rgba(255, 255, 255, .72) !important;
  border-radius: 18px;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .82),
    inset 0 0 0 1px rgba(255, 255, 255, .16),
    0 30px 72px -34px rgba(0, 25, 14, .66);
  backdrop-filter: blur(24px) saturate(118%) !important;
  -webkit-backdrop-filter: blur(24px) saturate(118%) !important;
}

#history .history-detail-top {
  color: #287850 !important;
  border-bottom-color: rgba(24, 69, 46, .14) !important;
  letter-spacing: .14em !important;
}

/* Remove auxiliary history labels while keeping the carousel DOM intact. */
#history .history-detail-top,
#history .history-facts,
#history .history-count,
#history .history-tab small {
  display: none !important;
}

#history .history-detail-progress {
  color: #89978f !important;
}

#history .history-detail-progress b {
  color: #25784f !important;
}

#history .history-detail h3 {
  max-width: 14em;
  margin: 0 0 18px !important;
  color: #1f5a3d !important;
  font-size: 29px !important;
  font-weight: 620 !important;
  line-height: 1.34 !important;
  letter-spacing: -.025em !important;
}

#history .history-detail > p {
  color: #64756c !important;
  font-size: 13.5px !important;
  line-height: 1.85 !important;
}

#history .history-facts > div {
  border-top-color: rgba(24, 69, 46, .14) !important;
}

#history .history-facts > div + div {
  border-left-color: rgba(24, 69, 46, .12) !important;
}

#history .history-facts span {
  color: #8a9890 !important;
}

#history .history-facts strong {
  color: #263a30 !important;
}

#history .history-controls button {
  border-color: rgba(24, 69, 46, .22) !important;
  border-radius: 10px !important;
  color: #245d41 !important;
  background: #fff !important;
}

#history .history-controls button:hover {
  color: #0d3927 !important;
  background: var(--history-mint) !important;
  border-color: var(--history-mint) !important;
}

#history .history-controls {
  margin-top: auto !important;
}

#history .history-count {
  color: #8a9890 !important;
}

#history .history-count b {
  color: #26784f !important;
}

#history .history-rail-wrap {
  overflow: hidden;
  background: #f8faf8 !important;
}

#history .history-rail-progress {
  height: 3px !important;
  background: rgba(20, 66, 43, .11) !important;
}

#history .history-rail-progress span {
  background: var(--history-mint) !important;
}

#history .history-rail {
  border-bottom: 0 !important;
}

#history .history-tab {
  height: 108px !important;
  padding: 20px !important;
  color: #173a2c !important;
  background: #f8faf8 !important;
  border-right-color: rgba(20, 66, 43, .1) !important;
}

#history .history-tab::before {
  top: -5px !important;
  border-color: #57c997 !important;
  background: #f8faf8 !important;
}

#history .history-tab span {
  font-size: 27px !important;
}

#history .history-tab small {
  color: #7b8a82 !important;
}

#history .history-tab:hover {
  padding-left: 24px !important;
  background: #edf5f0 !important;
}

#history .history-tab.is-active {
  color: #123d2d !important;
  background: rgba(46, 197, 138, .16) !important;
  box-shadow: inset 0 0 0 2px var(--history-mint);
}

#history .history-tab.is-active small {
  color: #277750 !important;
}

#history .history-tab.is-active::before {
  background: var(--history-mint) !important;
  border-color: var(--history-mint) !important;
  box-shadow: 0 0 0 6px rgba(46, 197, 138, .16) !important;
}

@media (max-width: 1180px) {
  #history .history-stage-grid {
    grid-template-columns: minmax(0, 1fr) 390px !important;
  }

  #history .history-detail {
    margin-left: 10px !important;
  }
}

@media (max-width: 960px) {
  #history {
    padding: 92px 24px 100px !important;
  }

  #history .history-context {
    grid-template-columns: 1fr;
    gap: 34px;
  }

  #history .history-stage-grid {
    grid-template-columns: 1fr !important;
    grid-template-rows: 430px auto !important;
  }

  #history .history-media {
    height: 430px !important;
  }

  #history .history-detail {
    min-height: 450px !important;
    margin: 0 !important;
    padding: 42px 44px 38px !important;
    border: 0 !important;
    border-radius: 0;
    background: #f8faf8 !important;
    box-shadow: none;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
  }

  #history .history-rail-wrap {
    margin: 0 !important;
    padding: 0 !important;
  }
}

@media (max-width: 640px) {
  #history {
    padding: 74px 16px 82px !important;
  }

  #history .history-platform-title {
    font-size: 38px;
  }

  #history .history-intro {
    padding-bottom: 42px !important;
  }

  #history .history-experience {
    margin-top: 38px !important;
    border-radius: 16px;
  }

  #history .history-visual-copy {
    padding: 34px 24px 30px !important;
  }

  #history .history-watermark {
    font-size: 88px !important;
  }

  #history .history-detail {
    min-height: 440px !important;
    padding: 34px 24px 30px !important;
  }

  #history .history-detail h3 {
    margin-top: 28px !important;
    font-size: 24px !important;
  }

  #history .history-tab {
    flex-basis: 112px !important;
    height: 98px !important;
    padding: 18px 14px !important;
  }
}

/* 2026-07-16 · 发展历程重排
   去掉辅助数据后，详情板改为内容自适应浮层，避免空白占满整列。 */
#history .history-stage-grid {
  position:relative;
  display:block !important;
  min-height:610px !important;
}

#history .history-visual-copy {
  position:absolute;
  inset:0;
  z-index:2;
  width:auto;
  min-width:0;
  padding:52px 56px 48px !important;
  pointer-events:none;
}

#history .history-detail {
  position:absolute;
  z-index:3;
  top:auto;
  right:30px;
  bottom:30px;
  width:min(430px,calc(100% - 60px));
  min-height:0 !important;
  max-height:calc(100% - 60px);
  margin:0 !important;
  padding:34px 34px 30px !important;
  align-self:auto;
  overflow:auto;
  border:1px solid rgba(255,255,255,.78) !important;
  border-radius:18px;
  background:linear-gradient(145deg,rgba(255,255,255,.91),rgba(238,246,241,.82)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.9),
    0 28px 64px -34px rgba(0,38,21,.64);
  backdrop-filter:blur(20px) saturate(112%) !important;
  -webkit-backdrop-filter:blur(20px) saturate(112%) !important;
}

#history .history-detail h3 {
  max-width:none;
  margin:0 0 14px !important;
  font-size:28px !important;
  line-height:1.3 !important;
}

#history .history-detail>p {
  max-width:34em;
  margin:0;
  font-size:13.5px !important;
  line-height:1.8 !important;
}

#history .history-controls {
  margin-top:28px !important;
}

#history .history-controls button {
  width:46px;
  height:46px;
}

@media (max-width: 900px) {
  #history .history-stage,
  #history .history-stage-grid {
    min-height:0 !important;
  }

  #history .history-stage-grid {
    display:grid !important;
    grid-template-columns:1fr !important;
    grid-template-rows:420px auto !important;
  }

  #history .history-media {
    inset:0 0 auto !important;
    height:420px !important;
  }

  #history .history-visual-copy {
    inset:0 0 auto;
    height:420px;
    padding:40px 36px 34px !important;
  }

  #history .history-eyebrow {
    top:40px;
    left:36px;
  }

  #history .history-detail {
    position:relative;
    top:auto;
    right:auto;
    bottom:auto;
    grid-row:2;
    width:auto;
    max-height:none;
    margin:0 !important;
    padding:34px 36px 30px !important;
    overflow:visible;
    border:0 !important;
    border-radius:0;
    background:#f8faf8 !important;
    box-shadow:none;
    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
  }

  #history .history-detail>p {max-width:48em}
  #history .history-controls {margin-top:26px !important}
}

@media (max-width: 640px) {
  #history .history-stage-grid {grid-template-rows:340px auto !important}
  #history .history-media {height:340px !important}
  #history .history-visual-copy {
    height:340px;
    padding:30px 22px 26px !important;
  }
  #history .history-eyebrow {top:30px;left:22px;right:22px}
  #history .history-watermark {font-size:82px !important}
  #history .history-chapter {margin-top:28px !important}
  #history .history-detail {
    min-height:0 !important;
    padding:28px 24px 26px !important;
  }
  #history .history-detail h3 {
    margin:0 0 12px !important;
    font-size:23px !important;
  }
  #history .history-detail>p {font-size:13px !important;line-height:1.72 !important}
  #history .history-controls {margin-top:22px !important}
  #history .history-controls button {width:42px;height:42px}
}

/* 2026-07-16 · 发展历程详情面板改为 1:1 方形 */
#history .history-detail {
  aspect-ratio: 1 / 1;
  max-height: none;
  box-sizing: border-box;
}

#history .history-controls {
  margin-top: auto !important;
}

/* 平板仍采用右侧方形浮层，避免退化成整行横条。 */
@media (min-width: 641px) and (max-width: 900px) {
  #history .history-stage,
  #history .history-stage-grid {
    min-height: 600px !important;
  }

  #history .history-stage-grid {
    display: block !important;
  }

  #history .history-media {
    inset: 0 !important;
    height: auto !important;
  }

  #history .history-visual-copy {
    position: absolute;
    inset: 0;
    width: auto;
    height: auto;
    padding: 42px 38px 36px !important;
  }

  #history .history-detail {
    position: absolute;
    top: auto;
    right: 26px;
    bottom: 26px;
    width: min(410px, calc(100% - 52px));
    margin: 0 !important;
    padding: 36px 36px 32px !important;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, .78) !important;
    border-radius: 18px;
    background: linear-gradient(145deg, rgba(255,255,255,.92), rgba(238,246,241,.84)) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.9), 0 28px 64px -34px rgba(0,38,21,.64);
    backdrop-filter: blur(20px) saturate(112%) !important;
    -webkit-backdrop-filter: blur(20px) saturate(112%) !important;
  }

  #history .history-detail > p {
    max-width: 30em;
  }
}

/* 手机端放在图片下方，仍保持完整方形。 */
@media (max-width: 640px) {
  #history .history-detail {
    width: 100%;
    min-height: 0 !important;
    padding: 28px 24px 26px !important;
    overflow: hidden;
  }
}

/* 发展历程年份统一使用黑体，不再使用衬线数字。 */
#history .history-tab span {
  font-family: var(--sans) !important;
  font-weight: 500 !important;
  letter-spacing: -.025em !important;
}

/* 2026-07-16 · 发展历程文字排版比例重排
   建立清晰级距：大字年份(主) → 详情标题(次) → 数据(辅) → 正文/标签(底)。 */

/* 顶部导语：正文加大一档，行长收窄到可读范围 */
#history .history-context > p {
  max-width: 32em;
  font-size: 16px !important;
  line-height: 1.92 !important;
}

/* 关键数据：数字加重、单位与说明拉开对比 */
#history .history-stats > div {
  padding-top: 26px !important;
}
#history .history-stats strong {
  font-size: clamp(44px, 3.6vw, 54px) !important;
  letter-spacing: -.03em !important;
}
#history .history-stats strong em {
  margin-left: 5px !important;
  font-size: 15px !important;
  font-weight: 600 !important;
}
#history .history-stats span {
  margin-top: 12px !important;
  font-size: 12.5px !important;
  line-height: 1.6 !important;
}

/* 大字年份：主视觉，加大并压低行高 */
#history .history-watermark {
  font-size: clamp(136px, 12.5vw, 204px) !important;
  line-height: .7 !important;
}
#history .history-chapter {
  margin-top: 46px !important;
  font-size: 12px !important;
  letter-spacing: .14em;
}
#history .history-chapter i { width: 72px !important; }

/* 详情卡：标题与正文拉开一档，正文行高放松 */
#history .history-detail {
  padding: 40px 40px 34px !important;
}
#history .history-detail h3 {
  margin: 0 0 16px !important;
  font-size: clamp(25px, 2vw, 30px) !important;
  line-height: 1.26 !important;
}
#history .history-detail > p {
  max-width: 30em;
  font-size: 15px !important;
  line-height: 1.88 !important;
}
#history .history-controls button {
  width: 48px !important;
  height: 48px !important;
}

/* 年份轨道：收小一档，让位给上方主画面 */
#history .history-tab {
  gap: 6px !important;
}
#history .history-tab span {
  font-size: clamp(20px, 1.7vw, 24px) !important;
}

@media (max-width: 900px) {
  #history .history-stats strong { font-size: 42px !important; }
  #history .history-watermark { font-size: clamp(104px, 15vw, 136px) !important; }
}

@media (max-width: 640px) {
  #history .history-context > p { font-size: 15px !important; }
  #history .history-stats strong { font-size: 36px !important; }
  #history .history-stats span { font-size: 11.5px !important; }
  #history .history-watermark { font-size: 92px !important; }
  #history .history-chapter { margin-top: 30px !important; }
  #history .history-detail h3 { font-size: 24px !important; }
  #history .history-detail > p { font-size: 14px !important; }
  #history .history-tab span { font-size: 19px !important; }
}

/* 2026-07-16 · 发展历程详情卡：更通透的低乳白磨砂玻璃层。 */
#history .history-detail {
  background:
    linear-gradient(145deg, rgba(255, 255, 255, .50), rgba(237, 247, 242, .30)) !important;
  border-color: rgba(255, 255, 255, .58) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .64),
    inset 0 0 0 1px rgba(255, 255, 255, .08),
    0 30px 72px -34px rgba(0, 38, 21, .46) !important;
  -webkit-backdrop-filter: blur(24px) saturate(120%) brightness(1.02) !important;
  backdrop-filter: blur(24px) saturate(120%) brightness(1.02) !important;
}

/* 当前年份只用浅绿底区分，不增加绿色线框。 */
#history .history-tab.is-active {
  box-shadow: none !important;
  outline: 0 !important;
}

/* 关于页导航：放大品牌图形，文字与导航高度保持原比例。 */
nav .nav-w .logo-mark {
  width: 50px !important;
  height: 50px !important;
}

/* 2026-07-21 关于页 LOGO 跟随全站横版新标识。 */
nav .nav-w .logo{
  gap:0!important;
  transform:none!important;
}
nav .nav-w .logo-mark{
  width:150px!important;
  height:58px!important;
}
nav .nav-w .logo-mark img{
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  object-position:left center!important;
}
nav .nav-w .logo-text{
  display:none!important;
}

/* 小屏沿用全站导航中心线，避免本页 LOGO 规则覆盖居中定位。 */
@media(max-width:960px){
  nav .nav-w > .logo{
    position:absolute!important;
    left:50%!important;
    top:50%!important;
    margin:0!important;
    transform:translate(-50%,-50%)!important;
    transform-origin:center!important;
  }
}

/* ══════════════════════════════════════════════════════════
   2026-07-19 · 发展历程「大字主导·图缩小靠边」终版重排
   一次性收口：舞台改浅底、年份大字为主视觉在左，
   图片缩成右上角圆角小方块，详情文字跟随大字纵向排列。
   本块置于文件末尾，特异性/顺序最高，统一覆盖上方历史规则。
   ══════════════════════════════════════════════════════════ */
#history .history-experience{
  border:1px solid rgba(20,66,43,.1) !important;
  border-radius:24px !important;
  box-shadow:0 40px 90px -52px rgba(0,30,18,.4) !important;
}

/* 舞台：改成浅底两列 grid —— 左内容区 | 右小图 */
#history .history-stage{
  position:relative !important;
  display:grid !important;
  grid-template-columns:minmax(0,1fr) minmax(300px,384px) !important;
  gap:clamp(32px,4vw,64px) !important;
  align-items:stretch !important;
  min-height:0 !important;
  padding:clamp(44px,4.5vw,64px) clamp(40px,4vw,60px) !important;
  background:#fbfbfd !important;
}

/* 2026-07-21 · 发展历程数字字形统一
   顶部关键数据、主年份和年份轨道统一采用站点无衬线数字，避免衬线体混入。 */
#history .history-stats strong,
#history .history-stats strong em,
#history .history-watermark,
#history .history-tab span {
  font-family: var(--sans) !important;
  font-variant-numeric: lining-nums tabular-nums !important;
  font-feature-settings: "lnum" 1, "tnum" 1 !important;
  font-style: normal !important;
}

#history .history-stats strong {
  font-weight: 600 !important;
}

#history .history-stats strong em {
  display: inline-block;
  font-weight: 600 !important;
  line-height: 1;
  vertical-align: .08em;
}

#history .history-watermark {
  font-weight: 600 !important;
}

#history .history-tab span {
  font-weight: 500 !important;
}

/* 右侧小图：圆角方块缩略，承载当前年份图片（DOM 顺序在前，用 order 移到右列） */
#history .history-media{
  position:relative !important;
  order:2 !important;
  display:block !important;
  align-self:stretch !important;
  min-height:320px !important;
  margin:0 !important;
  overflow:hidden !important;
  border-radius:18px !important;
  background:#173c2d !important;
  box-shadow:0 30px 66px -40px rgba(0,30,18,.5) !important;
}
#history .history-media img{
  position:absolute !important;
  inset:0 !important;
  display:block !important;
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  opacity:0 !important;
  filter:none !important;mix-blend-mode:normal !important;
  transition:opacity .6s ease !important;
}
#history .history-media img.is-active{opacity:1 !important}

/* 左侧内容列：年份大字在最上，其后是标题/正文/控制 */
#history .history-stage-grid{
  position:relative !important;
  order:1 !important;
  display:flex !important;
  flex-direction:column !important;
  min-height:0 !important;
  padding:0 !important;
  background:transparent !important;
}
#history .history-visual-copy{
  position:static !important;
  inset:auto !important;
  z-index:auto !important;
  display:flex !important;
  flex-direction:column !important;
  width:auto !important;
  height:auto !important;
  padding:0 !important;
  pointer-events:auto !important;
  text-shadow:none !important;
}
#history .history-eyebrow{
  position:static !important;
  margin:0 0 22px !important;
  color:#7a8a82 !important;
  font-size:12px !important;
  font-weight:700 !important;
  letter-spacing:.2em !important;
  text-transform:uppercase !important;
}
/* 年份：主视觉大字，中绿色（尺寸减半，克制不压迫） */
#history .history-watermark{
  position:static !important;
  color:#2aaf78 !important;
  font-family:var(--sans) !important;
  font-size:clamp(56px,6.5vw,98px) !important;
  font-weight:600 !important;
  line-height:.9 !important;
  letter-spacing:-.045em !important;
  text-shadow:none !important;
}
#history .history-chapter{
  margin-top:26px !important;
  color:#8a9890 !important;
  font-size:13px !important;
  letter-spacing:.14em !important;
}
#history .history-chapter i{background:var(--history-mint) !important}
#history .history-chapter b{color:#1f5a3d !important}

/* 详情：不再是浮层玻璃卡，改为左列内的纯文字块 */
#history .history-detail{
  position:static !important;
  aspect-ratio:auto !important;
  width:auto !important;
  max-width:none !important;
  min-height:0 !important;
  max-height:none !important;
  margin:34px 0 0 !important;
  padding:0 !important;
  overflow:visible !important;
  color:#173126 !important;
  background:none !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
}
#history .history-detail h3{
  max-width:15em !important;
  margin:0 0 20px !important;
  color:#1f5a3d !important;
  font-size:clamp(30px,2.8vw,42px) !important;
  font-weight:640 !important;
  line-height:1.22 !important;
  letter-spacing:-.03em !important;
}
#history .history-detail > p{
  max-width:32em !important;
  margin:0 !important;
  color:#2ec58a !important;
  font-size:clamp(17px,1.3vw,19px) !important;
  line-height:1.8 !important;
}
#history .history-controls{
  margin-top:40px !important;
}
#history .history-controls button{
  width:54px !important;
  height:54px !important;
  border:1px solid rgba(24,69,46,.2) !important;
  border-radius:14px !important;
  color:#245d41 !important;
  background:#fff !important;
}
#history .history-controls button svg{width:22px !important;height:22px !important}

/* 年份可直接从时间轨道切换，不再展示左右箭头。 */
#history .history-controls button{
  display:none !important;
}

/* 平板/手机：小图移到大字上方，单列堆叠 */
@media (max-width:900px){
  #history .history-stage{
    grid-template-columns:1fr !important;
    grid-template-rows:auto auto !important;
    gap:32px !important;
    padding:36px 30px 40px !important;
  }
  #history .history-media{
    order:1 !important;
    height:300px !important;min-height:0 !important;
  }
  #history .history-stage-grid{order:2 !important}
  #history .history-detail>p{max-width:48em !important}
}
@media (max-width:640px){
  #history .history-stage{padding:26px 22px 32px !important;gap:26px !important}
  #history .history-media{height:220px !important}
  #history .history-watermark{font-size:84px !important}
  #history .history-detail h3{font-size:26px !important}
  #history .history-detail>p{font-size:16px !important;line-height:1.75 !important}
  #history .history-controls{margin-top:28px !important}
  #history .history-controls button{width:48px !important;height:48px !important}
}

/* 隐藏「08 —— 08」章节标记 */
#history .history-chapter{display:none !important}

/* 整张时间线卡片背景改为淡绿 */
#history .history-stage{
  background:#e5f4ec !important;
}
#history .history-detail{
  background:transparent !important;
  border-color:transparent !important;
  box-shadow:none !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
}

/* 2026-07-22 · 关键数据文字反白
   必须置于文件末尾，覆盖前面对绿色背景设置的深色文字。 */
#history .history-stats strong,
#history .history-stats strong em,
#history .history-stats span{
  color:#fff !important;
}

/* 2026-07-29 · 发展历程背景匹配指定深祖母绿参考色。 */
#history{
  background:#0b6952 !important;
  background-image:none !important;
}

/* 2026-07-22 · 公司介绍区使用纯白背景。 */
#intro{
  background:#fff !important;
  background-image:none !important;
}

/* 2026-08-03 · 发展历程卡片底部由浅绿自然过渡到白色。 */
#history .history-stage{
  background:linear-gradient(145deg,#e5f4ec 0%,#d4ebde 58%,#fff 100%) !important;
}

/* 2026-08-03 · 历程年份放松字距，长年份更容易识别。 */
#history .history-watermark{
  letter-spacing:-.012em !important;
}

/* 2026-08-03 · 企业文化区域背景改为中性冷灰，去除薄荷绿底色。 */
#mission.sec-soft,
#mission{
  background:linear-gradient(180deg,#f3f4f5 0%,#e9ecef 100%) !important;
}

#mission::before{
  background:
    linear-gradient(rgba(38,48,56,.035) 1px,transparent 1px),
    linear-gradient(90deg,rgba(38,48,56,.03) 1px,transparent 1px) !important;
}

/* 2026-08-03 · 年份轨道文字缩小约 1/5，降低底部导航的视觉重量。 */
#history .history-tab span{
  font-size:clamp(16px,1.35vw,19px) !important;
}

@media (max-width:640px){
  #history .history-tab span{
    font-size:16px !important;
  }
}

/* 2026-08-03 · 发展历程详情标题缩小约 1/5，避免长标题压迫画面。 */
#history .history-detail h3{
  font-size:clamp(24px,2.2vw,34px) !important;
}

@media (max-width:640px){
  #history .history-detail h3{
    font-size:22px !important;
  }
}

/* ══════════════════════════════════════════════════════════
   2026-08-15 · 发展历程细节增强
   复用已有的时代、进度、事实数据与年份分类，让主卡片从
   “年份 + 标题 + 正文”升级为有证据层级的里程碑记录。
   ══════════════════════════════════════════════════════════ */
#history .history-stage {
  isolation: isolate !important;
}

#history .history-stage::before {
  display: block !important;
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 0 !important;
  pointer-events: none !important;
  opacity: .72 !important;
  background:
    radial-gradient(460px 260px at 82% 6%, rgba(255, 255, 255, .48), transparent 72%),
    linear-gradient(90deg, transparent 0 64%, rgba(35, 139, 103, .075) 64% 64.12%, transparent 64.12%),
    linear-gradient(0deg, transparent 0 76%, rgba(35, 139, 103, .06) 76% 76.12%, transparent 76.12%) !important;
}

#history .history-stage-grid,
#history .history-media {
  z-index: 1 !important;
}

/* 图片增加轻量档案标识与内边框，强化“历程记录”语义。 */
#history .history-media {
  isolation: isolate !important;
}

#history .history-media::before,
#history .history-media::after {
  display: block !important;
  position: absolute !important;
  z-index: 3 !important;
  pointer-events: none !important;
  color: rgba(255, 255, 255, .86) !important;
  font-family: var(--sans) !important;
  font-size: 8px !important;
  font-weight: 700 !important;
  letter-spacing: .18em !important;
  line-height: 1 !important;
  text-transform: uppercase !important;
}

#history .history-media::before {
  content: none !important;
  top: 16px !important;
  left: 16px !important;
  padding: 8px 10px !important;
  border: 1px solid rgba(255, 255, 255, .34) !important;
  border-radius: 999px !important;
  background: rgba(8, 74, 55, .3) !important;
  -webkit-backdrop-filter: blur(9px) !important;
  backdrop-filter: blur(9px) !important;
}

#history .history-media::after {
  content: none !important;
  right: 16px !important;
  bottom: 16px !important;
  padding-left: 10px !important;
  border-left: 1px solid rgba(255, 255, 255, .55) !important;
  opacity: .76 !important;
}

#history .history-media img {
  transition: opacity .6s ease, transform .8s cubic-bezier(.16, 1, .3, 1), filter .8s ease !important;
}

#history .history-experience:hover .history-media img.is-active {
  transform: scale(1.045) !important;
  filter: saturate(1.06) contrast(1.02) !important;
}

/* 时代与进度：放在标题上方，形成小型信息坐标。 */
#history .history-detail-top {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 18px !important;
  margin: 0 0 22px !important;
  padding: 0 0 13px !important;
  border-bottom: 1px solid rgba(29, 115, 80, .16) !important;
  color: #1e8a61 !important;
  font-size: 9px !important;
  font-weight: 750 !important;
  letter-spacing: .18em !important;
  line-height: 1 !important;
}

#history .history-detail-top > span:first-child {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
}

#history .history-detail-top > span:first-child::before {
  width: 6px !important;
  height: 6px !important;
  border-radius: 50% !important;
  background: #2ec58a !important;
  box-shadow: 0 0 0 4px rgba(46, 197, 138, .12) !important;
  content: "" !important;
}

#history .history-detail-progress {
  display: inline-flex !important;
  align-items: baseline !important;
  gap: 5px !important;
  color: #8a9890 !important;
  font-size: 11px !important;
  letter-spacing: .04em !important;
}

#history .history-detail-progress b {
  color: #247b54 !important;
  font-size: 19px !important;
  font-weight: 650 !important;
  font-variant-numeric: tabular-nums !important;
}

#history .history-detail-progress i {
  color: #9aa79f !important;
  font-size: 11px !important;
  font-style: normal !important;
}

/* 两条事实数据改为轻量的证据卡，随年份切换同步更新。 */
#history .history-facts {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 16px !important;
  margin: 27px 0 0 !important;
  padding: 18px 0 0 !important;
  border-top: 1px solid rgba(29, 115, 80, .14) !important;
}

#history .history-facts > div,
#history .history-facts > div + div {
  min-width: 0 !important;
  padding: 0 !important;
  border: 0 !important;
}

#history .history-facts > div + div {
  padding-left: 16px !important;
  border-left: 1px solid rgba(29, 115, 80, .13) !important;
}

#history .history-facts span {
  display: block !important;
  margin: 0 0 7px !important;
  color: #8a9890 !important;
  font-size: 8px !important;
  font-weight: 700 !important;
  letter-spacing: .13em !important;
  line-height: 1.2 !important;
}

#history .history-facts strong {
  display: block !important;
  overflow: hidden !important;
  color: #216b4d !important;
  font-size: 14px !important;
  font-weight: 620 !important;
  line-height: 1.4 !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

/* 年份轨道补回阶段分类，当前年份仍由浅绿色底和进度线主导。 */
#history .history-tab {
  align-content: center !important;
  gap: 7px !important;
}

#history .history-tab small {
  display: block !important;
  margin: 0 !important;
  color: #7b8a82 !important;
  font-size: 9px !important;
  font-weight: 650 !important;
  letter-spacing: .12em !important;
  line-height: 1 !important;
  text-transform: uppercase !important;
}

#history .history-tab.is-active small {
  color: #20845c !important;
}

@media (max-width: 900px) {
  #history .history-media::before {
    top: 14px !important;
    left: 14px !important;
  }

  #history .history-media::after {
    right: 14px !important;
    bottom: 14px !important;
  }

  #history .history-facts {
    margin-top: 23px !important;
  }
}

@media (max-width: 640px) {
  #history .history-detail-top {
    margin-bottom: 18px !important;
    padding-bottom: 11px !important;
  }

  #history .history-facts {
    gap: 12px !important;
    margin-top: 22px !important;
    padding-top: 15px !important;
  }

  #history .history-facts > div + div {
    padding-left: 12px !important;
  }

  #history .history-facts strong {
    font-size: 12px !important;
  }

  #history .history-tab small {
    font-size: 8px !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  #history .history-media img {
    transition: none !important;
  }
}

/* ══════════════════════════════════════════════════════════
   2026-08-15 · 发展历程渐变增强
   ① 板块背景：深祖母绿 → 薄荷绿 纵向渐变，替代纯色，营造纵深
   ② 顶部详情卡：白色 → 浅绿 渐变卡片，恢复卡片层次与质感
   ③ 底部年份标签条：横向柔和渐变 + 当前标签渐变高亮
   ══════════════════════════════════════════════════════════ */

/* ① 板块背景渐变（上深下浅，右上角柔和光晕） */
#history{
  background:
    radial-gradient(880px 520px at 88% -10%, rgba(46, 197, 138, .5), transparent 62%),
    linear-gradient(168deg, #086148 0%, #0b7153 30%, #14956b 60%, #2ec58a 100%) !important;
}

/* ② 顶部详情卡渐变（白 → 浅绿，悬浮于舞台之上） */
#history .history-detail{
  margin:30px 0 0 !important;
  padding:26px 30px 28px !important;
  border-radius:18px !important;
  border:1px solid rgba(23, 84, 60, .12) !important;
  background:
    linear-gradient(150deg, rgba(255, 255, 255, .97) 0%, rgba(236, 249, 243, .9) 52%, rgba(206, 238, 225, .84) 100%) !important;
  box-shadow:0 26px 54px -38px rgba(8, 74, 55, .4) !important;
}

/* ③ 底部年份标签条渐变（横向白 → 浅绿 → 白，当前标签渐变高亮） */
#history .history-rail-wrap{
  background:linear-gradient(90deg, #f8fbf9 0%, #e8f4ee 50%, #f8fbf9 100%) !important;
}
#history .history-tab{
  background:transparent !important;
}
#history .history-tab:hover{
  background:rgba(255, 255, 255, .55) !important;
}
#history .history-tab.is-active{
  background:linear-gradient(160deg, rgba(46, 197, 138, .3) 0%, rgba(21, 146, 95, .16) 100%) !important;
}

@media (max-width:640px){
  #history .history-detail{
    margin:26px 0 0 !important;
    padding:20px 18px 22px !important;
  }
}

/* 2026-08-16 · 去掉历程图片上的英文装饰文字
 * 保留图片、渐变和交互，不让伪元素留下空白或遮罩层。 */
#history .history-media::before,
#history .history-media::after {
  display: none !important;
  content: none !important;
  background: none !important;
  border: 0 !important;
  opacity: 0 !important;
}