/* Final visual adjustments requested on 2026-06-16. */

/* 首页首屏：去掉视频下方的大面积模糊/暗色遮罩，只保留文字可读所需的轻微压暗。 */
#root > div > section:first-of-type::before,
#root > div > section:first-of-type::after,
#root > div > main > section:first-of-type::before,
#root > div > main > section:first-of-type::after,
.hero::before,
.hero::after,
.home-hero::before,
.home-hero::after {
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  filter: none !important;
}

#root > div > section:first-of-type [class*="blur"],
#root > div > section:first-of-type [class*="mask"],
#root > div > section:first-of-type [class*="gradient"],
#root > div > section:first-of-type [class*="overlay"],
#root > div > main > section:first-of-type [class*="blur"],
#root > div > main > section:first-of-type [class*="mask"],
#root > div > main > section:first-of-type [class*="gradient"],
#root > div > main > section:first-of-type [class*="overlay"] {
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  filter: none !important;
}

body .biodex-home-hero-clean::before,
body .biodex-home-hero-clean::after,
body .biodex-home-hero-clean [class*="blur"],
body .biodex-home-hero-clean [class*="mask"],
body .biodex-home-hero-clean [class*="gradient"],
body .biodex-home-hero-clean [class*="overlay"] {
  display: none !important;
}

body .biodex-home-hero-clean video,
body .biodex-home-hero-clean img {
  filter: none !important;
}

body .biodex-home-hero-clean > div:not(:has(video)):not(:has(h1)):not(:has(h2)):not(:has(a)):not(:has(button)),
body .biodex-home-hero-clean [style*="blur"],
body .biodex-home-hero-clean [style*="gradient"],
body .biodex-home-hero-clean [style*="rgba(0, 0, 0"] {
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  filter: none !important;
  background: transparent !important;
}

/* 认证区域：文字移到视频上方留白处，视频成为完整画面，不再被文案遮挡。 */
.arch-cert-unified,
.arch-cert-unified.arch-cert-spaced {
  left: auto !important;
  width: calc(100vw - 96px) !important;
  max-width: none !important;
  min-height: 0 !important;
  margin-top: clamp(44px, 5vw, 86px) !important;
  margin-right: 0 !important;
  margin-bottom: clamp(44px, 5vw, 86px) !important;
  margin-left: calc((100% - 100vw) / 2 + 48px) !important;
  transform: none !important;
  overflow: visible !important;
  color: #0f172a !important;
  background: #fff !important;
}

.arch-copy-section:has(.arch-cert-unified) {
  width: 100% !important;
  max-width: none !important;
}

.arch-cert-unified::after,
.arch-cert-unified::before {
  display: none !important;
}

.arch-cert-media {
  position: relative !important;
  width: 100% !important;
}

.arch-cert-media video,
.arch-cert-media .arch-cert-fallback {
  position: relative !important;
  inset: auto !important;
  display: block !important;
  width: 100% !important;
  height: clamp(560px, 72vh, 920px) !important;
  object-fit: cover !important;
  border-radius: 0 !important;
  filter: saturate(1.02) contrast(1.03) brightness(.94) !important;
  background: #111827 !important;
}

.arch-cert-copy,
.arch-cert-unified .arch-cert-copy {
  position: relative !important;
  z-index: 2 !important;
  min-height: 0 !important;
  width: min(1160px, calc(100% - 48px)) !important;
  margin: 0 auto !important;
  padding: clamp(54px, 6vw, 96px) 0 clamp(42px, 5vw, 72px) !important;
  color: #0f172a !important;
  text-align: center !important;
  align-items: center !important;
  justify-content: flex-start !important;
}

.arch-cert-copy small {
  color: #64748b !important;
}

.arch-cert-copy h2 {
  color: #0f172a !important;
  font-size: clamp(42px, 6vw, 96px) !important;
  font-weight: 600 !important;
}

.arch-cert-copy p {
  color: #334155 !important;
  font-size: clamp(17px, 1.45vw, 24px) !important;
}

.arch-cert-actions {
  position: absolute !important;
  z-index: 3 !important;
  left: 50% !important;
  bottom: clamp(22px, 3vw, 46px) !important;
  margin: 0 !important;
  transform: translateX(-50%) !important;
  padding: 10px !important;
  border-radius: 999px !important;
  background: rgba(255, 255, 255, .16) !important;
  box-shadow: 0 12px 34px rgba(15, 23, 42, .18) !important;
  backdrop-filter: blur(10px) !important;
  -webkit-backdrop-filter: blur(10px) !important;
  align-items: center !important;
  justify-content: center !important;
}

.arch-cert-actions a {
  color: #0f172a !important;
  border-color: rgba(255, 255, 255, .72) !important;
  background: rgba(255, 255, 255, .92) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
}

.arch-cert-actions a:first-child {
  color: #0f172a !important;
  background: rgba(255, 255, 255, .98) !important;
}

/* 首页产品模块：用七大产品系列完整替代原六大技术模块。 */
.arch-home-products {
  width: 100%;
  padding: clamp(76px, 8vw, 132px) 0;
  color: #111827;
  background: #fff;
}

.arch-home-products-head {
  width: min(1500px, calc(100vw - 96px));
  margin: 0 auto clamp(38px, 5vw, 72px);
  text-align: center;
}

.arch-home-products-head small {
  display: block;
  margin-bottom: 18px;
  color: #76806f;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .3em;
}

.arch-home-products-head h2 {
  margin: 0;
  font-size: clamp(42px, 5.4vw, 92px);
  font-weight: 500;
  line-height: 1.08;
}

.arch-home-products-head p {
  max-width: 720px;
  margin: 26px auto 0;
  color: #5f675e;
  font-size: clamp(16px, 1.35vw, 22px);
  line-height: 1.75;
}

.arch-home-products-grid {
  display: grid;
  grid-template-columns: repeat(8, minmax(0, 1fr));
  grid-auto-rows: auto;
  align-items: start;
  gap: clamp(18px, 1.25vw, 24px);
  width: calc(100vw - 72px);
  margin: 0 auto;
}

.arch-home-product-card { grid-column: span 2; }
.arch-home-product-card:nth-child(5) { grid-column: 2 / span 2; }
.arch-home-product-card:nth-child(6) { grid-column: 4 / span 2; }
.arch-home-product-card:nth-child(7) { grid-column: 6 / span 2; }

.arch-home-product-card {
  position: relative;
  width: 100%;
  min-width: 0;
  min-height: 0;
  aspect-ratio: 1 / 1;
  overflow: hidden;
  color: #fff;
  text-decoration: none;
  background: #263026;
}

.arch-home-product-card img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center top;
  transition: transform .6s ease;
}

@media (min-width: 761px) and (max-width: 1100px) {
  .arch-home-products-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
  }

  .arch-home-product-card,
  .arch-home-product-card:nth-child(5),
  .arch-home-product-card:nth-child(6),
  .arch-home-product-card:nth-child(7) {
    grid-column: auto;
  }

  .arch-home-product-card:nth-child(7) {
    grid-column: 1 / -1;
    width: calc(50% - 8px);
    justify-self: center;
  }
}

.arch-home-product-card::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(9, 15, 10, .08), rgba(9, 15, 10, .76));
}

.arch-home-product-card:hover img { transform: scale(1.035); }
.arch-home-product-card > span,
.arch-home-product-card > div,
.arch-home-product-card > em { position: absolute; z-index: 1; }
.arch-home-product-card > span { top: 24px; left: 24px; font-size: 13px; letter-spacing: .18em; }
.arch-home-product-card > div { left: 24px; right: 24px; bottom: 62px; }
.arch-home-product-card strong { display: block; font-size: clamp(23px, 2vw, 34px); font-weight: 600; }
.arch-home-product-card p { margin: 8px 0 0; color: rgba(255,255,255,.82); font-size: 15px; }
.arch-home-product-card > em { left: 24px; bottom: 24px; color: rgba(255,255,255,.72); font-size: 13px; font-style: normal; }

.arch-home-products-more {
  display: table;
  margin: 42px auto 0;
  padding: 14px 28px;
  color: #263026;
  text-decoration: none;
  border: 1px solid rgba(38, 48, 38, .3);
  border-radius: 999px;
}

/* 七大产品横向聚焦轮播：中间产品放大，左右产品连续切换。 */
.arch-home-products-carousel {
  width: 100%;
  overflow: hidden;
}

.arch-home-products-viewport {
  position: relative;
  width: 100%;
  height: clamp(560px, 52vw, 690px);
  overflow: hidden;
  outline: none;
  touch-action: pan-y;
  cursor: grab;
}

.arch-home-products-viewport:active { cursor: grabbing; }

.arch-home-products-track {
  position: relative;
  width: 100%;
  height: 100%;
}

.arch-home-products-carousel .arch-home-product-card,
.arch-home-products-carousel .arch-home-product-card:nth-child(5),
.arch-home-products-carousel .arch-home-product-card:nth-child(6),
.arch-home-products-carousel .arch-home-product-card:nth-child(7) {
  position: absolute;
  left: 50%;
  top: 50%;
  grid-column: auto;
  width: var(--card-width, clamp(292px, 27vw, 406px));
  aspect-ratio: 3 / 4;
  opacity: var(--card-opacity, 0);
  z-index: var(--card-z, 1);
  transform: translate(-50%, -50%) translateX(var(--card-x, 0px)) scale(var(--card-scale, .7));
  transform-origin: center;
  border-radius: 18px;
  box-shadow: 0 12px 30px rgba(25, 31, 25, .08);
  transition: transform .62s cubic-bezier(.22, .72, .2, 1), opacity .45s ease, box-shadow .45s ease;
  will-change: transform, opacity;
}

.arch-home-products-carousel .arch-home-product-card.is-active {
  box-shadow: 0 18px 42px rgba(20, 28, 20, .12);
}

.arch-home-products-carousel .arch-home-product-card:not(.is-active)::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 2;
  background: rgba(245, 246, 242, .12);
  pointer-events: none;
}

.arch-home-products-controls {
  width: min(760px, calc(100vw - 32px));
  margin: 14px auto 0;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 22px;
}

.arch-home-products-prev,
.arch-home-products-next {
  width: 48px;
  height: 48px;
  flex: 0 0 auto;
  display: grid;
  place-items: center;
  color: #273127;
  border: 1px solid rgba(39, 49, 39, .25);
  border-radius: 50%;
  background: rgba(255,255,255,.72);
  font-size: 21px;
  cursor: pointer;
  transition: color .2s ease, background .2s ease, transform .2s ease;
}

.arch-home-products-prev:hover,
.arch-home-products-next:hover {
  color: #fff;
  background: #273127;
  transform: scale(1.06);
}

.arch-home-products-dots {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
}

.arch-home-products-dots button {
  width: 8px;
  height: 8px;
  padding: 0;
  border: 0;
  border-radius: 999px;
  background: rgba(39, 49, 39, .28);
  cursor: pointer;
  transition: width .28s ease, background .28s ease;
}

.arch-home-products-dots button.is-active {
  width: 34px;
  background: #273127;
}

/* 首页五大场景标题：只显示新标题，去除说明文字。 */
.business.business-hpnt .business-patch-heading {
  min-height: clamp(190px, 18vw, 260px) !important;
}

.business.business-hpnt .business-patch-heading .eyebrow,
.business.business-hpnt .business-patch-copy {
  display: none !important;
}

.business.business-hpnt .business-patch-heading h2,
.biodex-living-title {
  color: #111827 !important;
  font-size: clamp(42px, 5.4vw, 92px) !important;
  font-weight: 500 !important;
  line-height: 1.08 !important;
  letter-spacing: 0 !important;
}

.biodex-living-subtitle {
  max-width: 760px;
  margin: 14px auto 0 !important;
  color: #667085 !important;
  font-size: 15px !important;
  line-height: 1.7 !important;
  text-align: center !important;
}

@media (max-width: 760px) {
  .arch-cert-unified,
  .arch-cert-unified.arch-cert-spaced {
    left: auto !important;
    width: calc(100% - 24px) !important;
    transform: none !important;
  }

  .arch-cert-media video,
  .arch-cert-media .arch-cert-fallback {
    height: 62vh !important;
  }

  .arch-home-products-head { width: calc(100vw - 32px); }
  .arch-home-products-grid {
    width: calc(100vw - 32px);
    grid-template-columns: 1fr;
  }
  .arch-home-product-card,
  .arch-home-product-card:nth-child(5),
  .arch-home-product-card:nth-child(6),
  .arch-home-product-card:nth-child(7) { grid-column: auto; }
  .arch-home-product-card { aspect-ratio: 1 / 1; }
  .arch-home-products-viewport { height: 520px; }
  .arch-home-products-carousel .arch-home-product-card,
  .arch-home-products-carousel .arch-home-product-card:nth-child(5),
  .arch-home-products-carousel .arch-home-product-card:nth-child(6),
  .arch-home-products-carousel .arch-home-product-card:nth-child(7) {
    width: var(--card-width, min(76vw, 324px));
    aspect-ratio: 3 / 4;
  }
  .arch-home-products-controls { margin-top: 12px; gap: 15px; }
  .arch-home-products-prev,
  .arch-home-products-next { width: 42px; height: 42px; }
  .arch-cert-actions { width: max-content; max-width: calc(100% - 24px); }
  .arch-cert-actions a { min-width: 128px; padding: 12px 18px; }
}