html { scroll-behavior: smooth; }

.v2-technology-page { background: #f5f5f7; }
.v2-technology-page h1,
.v2-technology-page h2,
.v2-technology-page h3 { margin: 0; }
.v2-technology-page h1,
.v2-technology-page h1 span,
.v2-technology-page h2,
.v2-technology-page h3,
.v2-technology-page strong,
.v2-technology-page small,
.v2-technology-page em,
.v2-technology-page li,
.v2-technology-page p { color: #323232; }

/* Hero */
.v2-technology-hero {
  height: 36.25rem;
  background: #e1f2ff url('/uploads/image/v2/ble-technology/ble-technology.avif') center / cover no-repeat;
}
.v2-technology-hero-inner { height: 100%; display: flex; align-items: flex-start; }
.v2-technology-hero-content { width: 40.25rem; padding-top: 5.75rem; }
.v2-technology-page .v2-technology-hero-title {
  max-width: 37.375rem;
  font-family: "Gotham-Bold", sans-serif;
  font-size: 2.75rem;
  font-weight: normal;
  line-height: 3.3125rem;
  color: #323232;
}
.v2-technology-page .v2-technology-hero-title span {
  font-family: "Gotham-Bold", sans-serif;
  font-size: 2.75rem;
  font-weight: normal;
  line-height: 3.3125rem;
  color: #008cff;
}
.v2-technology-page .v2-technology-hero-desc {
  margin: .625rem 0 0;
  max-width: 40.25rem;
  font-family: "Gotham-Book", sans-serif;
  font-size: 1.375rem;
  line-height: 1.625rem;
}
.v2-technology-hero-actions,
.v2-technology-demo-actions { display: flex; gap: 1.875rem; }
.v2-technology-page .v2-technology-hero-actions { margin-top: 2.375rem; }

/* Buttons */
.v2-technology-page .v2-technology-btn,
.v2-technology-page .v2-technology-demo-actions a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 2.5rem;
  padding: 0;
  border-radius: 6.25rem;
  box-sizing: border-box;
  font-family: "Gotham-Medium", sans-serif;
  font-size: 1.125rem;
  line-height: 1.125rem;
  text-decoration: none;
  white-space: nowrap;
  transition: background-color .2s ease, border-color .2s ease, color .2s ease;
}
.v2-technology-page .v2-technology-btn--blue { width: 11.8125rem; background: #008cff; color: #fff !important; }
.v2-technology-page .v2-technology-btn--blue:hover { background: #72bfff; }
.v2-technology-page .v2-technology-btn--blue:active { background: #0067bb; }
.v2-technology-page .v2-technology-btn--outline { width: 12.0625rem; border: .0625rem solid #323232; color: #323232 !important; }
.v2-technology-page .v2-technology-btn--outline:hover { border-color: #008cff; background: #008cff; color: #fff !important; }
.v2-technology-page .v2-technology-btn--outline:active { border-color: #0067bb; background: #0067bb; color: #fff !important; }

/* Stats */
.v2-technology-stats { padding: 5rem 0 4.6875rem; }
.v2-technology-stats-grid { position: relative; display: grid; grid-template-columns: repeat(4, 1fr); gap: 2rem; }
.v2-technology-stats-vector {
  position: absolute;
  top: 3.3125rem;
  left: 7.516875rem;
  z-index: 1;
  width: 79.466563rem;
  height: 2.296875rem;
  pointer-events: none;
}
.v2-technology-stat {
  min-height: 11.6875rem;
  padding: 6.11875rem 1.25rem 1.875rem;
  border-radius: .875rem;
  background: #fff;
  box-shadow: 0 0 .625rem rgba(34, 50, 72, .1);
  box-sizing: border-box;
  text-align: center;
}
.v2-technology-stat span {
  display: block;
  font-family: "Gotham-Medium", sans-serif;
  font-size: 1.25rem;
  line-height: 1.5rem;
}

/* Section titles */
.v2-technology-generations,
.v2-technology-principle { padding: 0 0 5rem; }
.v2-technology-comparison { padding: 0 0 6.25rem; }
.v2-technology-section-title,
.v2-technology-feature-card h2,
.v2-technology-demo-card h2 {
  font-family: "Gotham-Bold", sans-serif;
  font-size: 2.75rem;
  font-weight: normal;
  line-height: 3rem;
}
.v2-technology-generations .v2-technology-section-title { max-width: 39.625rem; }
.v2-technology-comparison .v2-technology-section-title { max-width: 44.25rem; }
.v2-technology-comparison .v2-technology-section-desc { max-width: 40.625rem; }
.v2-technology-principle .v2-technology-section-desc { max-width: 45.0625rem; }
.v2-technology-page .v2-technology-section-title span,
.v2-technology-page .v2-technology-feature-card h2 span,
.v2-technology-page .v2-technology-demo-card h2 span {
  font-family: "Gotham-Bold", sans-serif;
  font-size: 1em;
  font-weight: normal;
  line-height: inherit;
  color: inherit;
}
.v2-technology-page .v2-technology-title-nowrap { white-space: nowrap; }
.v2-technology-page .v2-technology-section-desc,
.v2-technology-page .v2-technology-feature-card > div:first-child > p {
  margin: 1.125rem 0 0;
  font-family: "Gotham-Book", sans-serif;
  font-size: 1.375rem;
  line-height: 1.625rem;
}
.v2-technology-page .v2-technology-feature-card--architecture > div:first-child > p { margin-top: 1rem; }

/* Generations */
.v2-technology-generation-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 2.5rem;
  align-items: end;
  margin-top: 2.375rem;
}
.v2-technology-generation-card {
  position: relative;
  overflow: hidden;
  border-radius: .875rem;
  background: #fff;
  box-shadow: 0 0 .625rem rgba(34, 50, 72, .1);
}
.v2-technology-generation-image { overflow: hidden; }
.v2-technology-generation-image img { display: block; width: 100%; object-fit: cover; }
.v2-technology-generation-card--first { height: 36.0625rem; }
.v2-technology-generation-card--first .v2-technology-generation-image { height: 18.125rem; }
.v2-technology-generation-card--first .v2-technology-pill { width: 15.375rem; }
.v2-technology-generation-card--second { height: 38.0625rem; }
.v2-technology-generation-card--second .v2-technology-generation-image { height: 20rem; }
.v2-technology-generation-card--third { height: 39.3125rem; }
.v2-technology-generation-card--third .v2-technology-generation-image { height: 21.25rem; }
.v2-technology-generation-card--second .v2-technology-pill,
.v2-technology-generation-card--third .v2-technology-pill { width: 13.3125rem; }
.v2-technology-generation-label {
  position: absolute;
  top: 0;
  left: 0;
  display: inline-flex;
  align-items: center;
  height: 2.5rem;
  padding: 0 1.25rem;
  border-radius: .625rem 0 .875rem 0;
  background: #707d87;
  font-family: "Gotham-Medium", sans-serif;
  font-size: 1.25rem;
  color: #fff;
}
.v2-technology-generation-card--third .v2-technology-generation-label { background: #008cff; }
.v2-technology-generation-body { padding: 1.875rem 2.5rem; }
.v2-technology-generation-body small {
  display: block;
  margin-top: 1.375rem;
  font-family: "Gotham-Medium", sans-serif;
  font-size: 1rem;
  line-height: 1rem;
  color: #86909c;
}
.v2-technology-generation-body em {
  display: inline-flex;
  margin: .625rem .375rem 0 0;
  padding: .5rem 1rem;
  border-radius: 3.75rem;
  background: #e6fbf6;
  font-family: "Gotham-Medium", sans-serif;
  font-size: 1rem;
  font-style: normal;
  line-height: 1rem;
  color: #00b150;
}

/* Pill */
.v2-technology-pill {
  display: inline-flex;
  align-items: center;
  flex-shrink: 0;
  min-height: 2.25rem;
  padding: 0 .875rem;
  border-radius: 3.75rem;
  box-sizing: border-box;
  background: #e4effe;
  font-family: "Gotham-Medium", sans-serif;
  font-size: 1.25rem;
  line-height: 1.25rem;
  color: #008cff;
  white-space: nowrap;
}
.v2-technology-pill img { width: 1.25rem; height: 1.25rem; margin-right: .5rem; flex: 0 0 1.25rem; }
.v2-technology-pill--muted { background: #f7f6f6; color: #707d87; }

.v2-technology-generation-body h3,
.v2-technology-principle-card h3 {
  margin-top: 1.625rem;
  font-family: "Gotham-Bold", sans-serif;
  font-size: 1.5625rem;
  font-weight: normal;
  line-height: 1.5625rem;
}
.v2-technology-page .v2-technology-generation-body p,
.v2-technology-page .v2-technology-principle-card p {
  margin: .625rem 0 0;
  font-family: "Gotham-Book", sans-serif;
  font-size: 1.125rem;
  line-height: 1.375rem;
}

/* Principle */
.v2-technology-principle-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 2.5rem; margin-top: 2.375rem; }
.v2-technology-principle-card {
  height: 41.625rem;
  overflow: hidden;
  border-radius: 1.125rem;
  background: #fff;
  box-shadow: 0 0 .625rem rgba(34, 50, 72, .1);
}
.v2-technology-principle-card > img { display: block; width: 100%; height: 26.25rem; object-fit: cover; }
.v2-technology-principle-card > div { padding: 2.5rem 3.35rem 2.375rem; }
.v2-technology-principle-card:first-child .v2-technology-pill { width: 19.5625rem; }
.v2-technology-principle-card:last-child .v2-technology-pill { width: 18.75rem; }

/* Feature */
.v2-technology-feature-section { padding-bottom: 5rem; }
.v2-technology-feature-card {
  display: grid;
  grid-template-columns: 38.75rem 1fr;
  height: 31.25rem;
  overflow: hidden;
  border-radius: 1.125rem;
  background: #fff;
  box-shadow: 0 0 .625rem rgba(34, 50, 72, .1);
}
.v2-technology-feature-card--architecture { height: 35rem; }
.v2-technology-feature-card > div:first-child { padding: 4.5rem 3.75rem; }
.v2-technology-feature-card > div:first-child h2,
.v2-technology-feature-card > div:first-child p { max-width: 28.125rem; }
.v2-technology-feature-media { overflow: hidden; background: #e1f2ff; }
.v2-technology-feature-media img { display: block; width: 100%; height: 100%; object-fit: cover; }
.v2-technology-feature-card ul { margin: 2.25rem 0 0; padding: 0; list-style: none; }
.v2-technology-feature-card li {
  display: flex;
  align-items: center;
  margin-top: .625rem;
  padding: .625rem 1.25rem .625rem 2.625rem;
  border-radius: 4.375rem;
  background: #e1f2ff;
  font-family: "Gotham-Medium", sans-serif;
  font-size: 1.5rem;
  line-height: 1.5rem;
}
.v2-technology-feature-card li:nth-child(1) { width: 22.9375rem; }
.v2-technology-feature-card li:nth-child(2) { width: 22.125rem; }
.v2-technology-feature-card li:nth-child(3) { width: 26.8125rem; }
.v2-technology-feature-card li img {
  display: block;
  width: 1.25rem;
  height: 1.25rem;
  margin-right: .625rem;
  margin-left: -1.875rem;
}

/* Comparison — 蓝列实心压白行，上下各多 24px，斑马带与字色对齐对比页 */
.v2-technology-comparison-table {
  position: relative;
  margin-top: 2.125rem;
  padding: 1.5rem 0;
  box-sizing: border-box;
}
.v2-technology-comparison-table::before {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 25.375rem;
  z-index: 1;
  width: 22.4375rem;
  border-radius: .75rem;
  background: linear-gradient(180deg, #008cff 22.427%, #0068d0 100%);
  box-shadow: 0 .25rem .625rem rgba(34, 50, 72, .3);
  content: "";
  pointer-events: none;
}
.v2-technology-comparison-row {
  position: relative;
  display: grid;
  grid-template-columns: 25.375rem 22.4375rem 20.3125rem 1fr;
  min-height: 3.75rem;
}
.v2-technology-comparison-row + .v2-technology-comparison-row { margin-top: .625rem; }
.v2-technology-comparison-row::before {
  position: absolute;
  inset: 0;
  z-index: 0;
  border-radius: .625rem;
  background: #fff;
  box-shadow: 0 0 .625rem rgba(34, 50, 72, .1);
  content: "";
}
.v2-technology-comparison-row > * {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  padding: .75rem 2.5rem;
  box-sizing: border-box;
  font-family: "Gotham-Book", sans-serif;
  font-size: 1.25rem;
  font-weight: normal;
  line-height: 1.5rem;
  color: #323232;
}
.v2-technology-comparison-row > strong {
  font-family: "Gotham-Medium", sans-serif;
  font-weight: normal;
  color: #323232;
}
.v2-technology-comparison-row > :nth-child(2) {
  font-family: "Gotham-Book", sans-serif;
  font-weight: normal;
  color: #fff;
}
.v2-technology-comparison-row:nth-child(even) > :nth-child(2) {
  background: rgba(255, 255, 255, .1);
}
.v2-technology-comparison-row--head,
.v2-technology-comparison-row:nth-child(5) { min-height: 4.375rem; }
.v2-technology-page .v2-technology-comparison-row--head > *,
.v2-technology-page .v2-technology-comparison-row--head > strong {
  font-family: "Gotham-Bold", sans-serif;
  font-size: 1.375rem;
  font-weight: normal;
  line-height: 1.625rem;
  color: #0067bb;
}
.v2-technology-page .v2-technology-comparison-row--head > :nth-child(2),
.v2-technology-page .v2-technology-comparison-row--head > :nth-child(2) strong {
  font-family: "Gotham-Bold", sans-serif;
  font-weight: normal;
  color: #fff;
  background: transparent;
}

/* Demo CTA */
.v2-technology-demo { padding-bottom: 6.25rem; }
.v2-technology-demo-card {
  position: relative;
  display: flex;
  align-items: flex-start;
  height: 26.25rem;
  padding: 4.5625rem 3.75rem 0;
  border-radius: 1.125rem;
  box-sizing: border-box;
  background: linear-gradient(266deg, #77f0b1 0%, #008cff 31.39%, #0068d0 54.07%, #002d7f 88.43%);
  box-shadow: 0 0 .9375rem rgba(34, 50, 72, .1);
}
.v2-technology-demo-card > div:first-child { position: relative; z-index: 1; width: 40.5rem; }
.v2-technology-demo-card h2 { max-width: 31.1875rem; line-height: 3.3125rem; color: #fff; }
.v2-technology-page .v2-technology-demo-card p {
  margin: .75rem 0 0;
  max-width: 40.5rem;
  font-family: "Gotham-Book", sans-serif;
  font-size: 1.125rem;
  line-height: 1.375rem;
  color: #fff;
}
.v2-technology-page .v2-technology-demo-actions { margin-top: 2.3125rem; }
.v2-technology-demo-actions a {
  position: relative;
  z-index: 1;
  background: linear-gradient(99deg, #0c88d7 0%, #64d79b 100%);
  color: #fff !important;
}
.v2-technology-demo-actions a::before,
.v2-technology-demo-actions a::after {
  position: absolute;
  inset: 0;
  z-index: -1;
  border-radius: inherit;
  opacity: 0;
  content: "";
}
.v2-technology-demo-actions a::before {
  background: linear-gradient(90deg, #6dc6ff 0%, #adffd4 100%);
  transition: opacity .4s ease;
}
.v2-technology-demo-actions a::after {
  background: linear-gradient(90deg, #034ea6 0%, #3bc877 100%);
  transition: opacity .1s ease;
}
.v2-technology-demo-actions a:hover::before,
.v2-technology-demo-actions a:active::after { opacity: 1; }
.v2-technology-demo-actions a img { width: 1.4375rem; height: 1.125rem; margin-right: .6875rem; }
.v2-technology-demo-actions a:first-child {
  width: 12.5rem;
  background: linear-gradient(105deg, #ff7d71 0%, #ff984f 100%);
}
.v2-technology-demo-actions a:first-child::before { background: linear-gradient(93deg, #ffb69a 21.84%, #ffd4b5 95.64%); }
.v2-technology-demo-actions a:first-child::after { background: linear-gradient(93deg, #e74034 21.84%, #ff9c45 87.28%); }
.v2-technology-demo-actions a:last-child { width: 16.125rem; }
.v2-technology-demo-media {
  position: absolute;
  top: -3.9375rem;
  left: 52.0625rem;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 38.0038125rem;
  height: 36.4495rem;
  pointer-events: none;
}
.v2-technology-demo-media img {
  display: block;
  width: 29.375rem;
  height: 25.1285625rem;
  object-fit: cover;
  transform: rotate(30deg);
}

#tg-contact { padding-top: 0 !important; background: #f5f5f7; }

@media (max-width: 48rem) {
  .v2-technology-hero { height: auto; min-height: 29rem; background-position: 62% center; }
  .v2-technology-hero-content { width: 100%; padding: 3rem 1rem; box-sizing: border-box; }
  .v2-technology-hero-title,
  .v2-technology-hero-title span,
  .v2-technology-section-title,
  .v2-technology-feature-card h2,
  .v2-technology-demo-card h2 { font-size: 1.75rem; line-height: 2.125rem; }
  .v2-technology-hero-desc,
  .v2-technology-section-desc,
  .v2-technology-feature-card p { font-size: 1rem; line-height: 1.5rem; }
  .v2-technology-hero-actions,
  .v2-technology-demo-actions { flex-direction: column; gap: .75rem; }
  .v2-technology-stats { padding: 2.5rem 0; }
  .v2-technology-stats-grid,
  .v2-technology-generation-grid,
  .v2-technology-principle-grid { grid-template-columns: 1fr; gap: 1.5rem; }
  .v2-technology-stats-vector { display: none; }
  .v2-technology-generations,
  .v2-technology-principle,
  .v2-technology-comparison,
  .v2-technology-demo { padding-bottom: 3.75rem; }
  .v2-technology-generation-image,
  .v2-technology-generation-card--first .v2-technology-generation-image,
  .v2-technology-generation-card--second .v2-technology-generation-image,
  .v2-technology-generation-card--third .v2-technology-generation-image,
  .v2-technology-principle-card > img { height: auto; }
  .v2-technology-generation-card--first,
  .v2-technology-generation-card--second,
  .v2-technology-generation-card--third,
  .v2-technology-principle-card,
  .v2-technology-feature-card,
  .v2-technology-feature-card--architecture { height: auto; }
  .v2-technology-principle-card > div,
  .v2-technology-generation-body { padding: 1.5rem; }
  .v2-technology-generation-card--first .v2-technology-pill,
  .v2-technology-generation-card--second .v2-technology-pill,
  .v2-technology-generation-card--third .v2-technology-pill,
  .v2-technology-principle-card:first-child .v2-technology-pill,
  .v2-technology-principle-card:last-child .v2-technology-pill { width: auto; }
  .v2-technology-feature-card { grid-template-columns: 1fr; }
  .v2-technology-feature-card > div:first-child { padding: 2rem 1.5rem; }
  .v2-technology-feature-media { min-height: 17rem; }
  .v2-technology-feature-card li,
  .v2-technology-feature-card li:nth-child(1),
  .v2-technology-feature-card li:nth-child(2),
  .v2-technology-feature-card li:nth-child(3) { width: auto; font-size: 1rem; line-height: 1.25rem; }
  .v2-technology-comparison-table { overflow-x: auto; }
  .v2-technology-comparison-table::before { display: none; }
  .v2-technology-comparison-row { min-width: 66rem; }
  .v2-technology-comparison-row > :nth-child(2) {
    background: linear-gradient(180deg, #008cff 0%, #0068d0 100%);
    color: #fff;
  }
  .v2-technology-demo-card { display: block; height: auto; padding: 2.5rem 1.5rem 0; }
  .v2-technology-demo-card > div:first-child { width: 100%; }
  .v2-technology-demo-media {
    position: relative;
    top: auto;
    left: auto;
    display: block;
    width: 100%;
    height: auto;
    margin: 1rem auto -2.5rem;
  }
  .v2-technology-demo-media img { width: 100%; height: auto; margin: 0 auto; transform: none; }
}