/**
 * Micro Dream 时光机 — 静态页样式
 * 设计稿：Figma sFsDg1l8S8hyDL98tZTYlJ / Canvas 0:2
 * 画布基准：3200 × 9733
 * 排布原则：尺寸、位置、字号均按设计稿换算为百分比 / vw / clamp
 */

/* ==================== CSS 变量（设计色板与字号基准） ==================== */
:root {
  /* 主色：设计稿按钮/高亮 #196df4、数据中台 #1e72fb */
  --color-primary: #196df4;
  --color-primary-deep: #0b57ff;
  --color-center: #1e72fb;
  /* 文本色 */
  --color-text: #000000;
  --color-muted: #6e6d6d;
  --color-white: #ffffff;
  /* 页脚深色底（贴近设计稿底部） */
  --color-footer: #0d1b3a;
  --color-footer-bar: #0a1428;
  /* 中文字体栈（避免默认 Inter/系统堆叠观感过弱） */
  --font: "SimHei", "Heiti SC", "STHeiti", "Microsoft YaHei", sans-serif;
  /* 画布宽基准，用于百分比注释对照 */
  --canvas-w: 3200;
}

/* ==================== 全局重置与基础样式 ==================== */
*,
*::before,
*::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

html {
  scroll-behavior: smooth;
  background: #f9fbfe;
}

body {
  font-family: var(--font);
  color: var(--color-text);
  background: #f9fbfe;
  overflow-x: hidden;
  line-height: 1.5;
}

img {
  display: block;
  max-width: 100%;
  height: auto;
}

a {
  color: inherit;
  text-decoration: none;
}

button {
  font: inherit;
  border: none;
  background: none;
  cursor: pointer;
  color: inherit;
}

ul {
  list-style: none;
}

/* 可聚焦元素轮廓，符合可访问性 */
:focus-visible {
  outline: 2px solid var(--color-primary);
  outline-offset: 3px;
}

/* ==================== 通用区块标题 ==================== */
/* 标题字号：设计约 72.22px @3200 → 2.257vw */
.section-head {
  position: relative;
  text-align: center;
}

.section-title {
  font-size: clamp(1.5rem, 2.257vw, 4.51375rem); /* 72.22px */
  font-weight: 700;
  line-height: 1.45;
  color: var(--color-text);
}

/* 标题下划线图片：设计宽 102 / 舞台约 3.7% */
.section-line {
  width: clamp(2rem, 3.1875vw, 6.375rem); /* 102/3200 */
  height: auto;
  margin: 0.4% auto 0.8%;
}

.section-sub {
  font-size: clamp(0.875rem, 1.215vw, 2.4305rem); /* 38.888px */
  color: var(--color-muted);
  line-height: 1.45;
}

/* ==================== 滚动显现动画 ==================== */
.reveal {
  opacity: 0;
  transform: translateY(2.4%);
  transition: opacity 0.8s cubic-bezier(0.22, 1, 0.36, 1), transform 0.8s cubic-bezier(0.22, 1, 0.36, 1);
}

.reveal.is-visible {
  opacity: 1;
  transform: translateY(0);
}

/* 区块内子项：滚到再错峰浮现（无虚化） */
.reveal .callout,
.reveal .product__explode,
.reveal .scenes__grid li,
.reveal .software__copy,
.reveal .software__visual,
.reveal .software__metrics,
.reveal .platform__diagram,
.reveal .platform-node,
.reveal .cta__content,
.reveal .section-head {
  opacity: 0;
  transform: translateY(1.4em);
  transition:
    opacity 0.75s cubic-bezier(0.22, 1, 0.36, 1),
    transform 0.75s cubic-bezier(0.22, 1, 0.36, 1);
}

.reveal.is-visible .callout,
.reveal.is-visible .product__explode,
.reveal.is-visible .scenes__grid li,
.reveal.is-visible .software__copy,
.reveal.is-visible .software__visual,
.reveal.is-visible .software__metrics,
.reveal.is-visible .platform__diagram,
.reveal.is-visible .platform-node,
.reveal.is-visible .cta__content,
.reveal.is-visible .section-head {
  opacity: 1;
  transform: none;
}

.reveal.is-visible .callout--1,
.reveal.is-visible .scenes__grid li:nth-child(1) { transition-delay: 0.06s; }

.reveal.is-visible .callout--2,
.reveal.is-visible .scenes__grid li:nth-child(2) { transition-delay: 0.14s; }

.reveal.is-visible .callout--3,
.reveal.is-visible .scenes__grid li:nth-child(3) { transition-delay: 0.22s; }

.reveal.is-visible .callout--4,
.reveal.is-visible .scenes__grid li:nth-child(4) { transition-delay: 0.3s; }

.reveal.is-visible .callout--5,
.reveal.is-visible .scenes__grid li:nth-child(5) { transition-delay: 0.38s; }

.reveal.is-visible .callout--6 { transition-delay: 0.46s; }

.reveal.is-visible .product__explode { transition-delay: 0.12s; }
.reveal.is-visible .software__copy { transition-delay: 0.08s; }
.reveal.is-visible .software__visual { transition-delay: 0.2s; }
.reveal.is-visible .software__metrics { transition-delay: 0.32s; }
.reveal.is-visible .platform__diagram { transition-delay: 0.1s; }
.reveal.is-visible .cta__content { transition-delay: 0.1s; }

/* Banner：文案、按钮、小推车一起入场 */
.banner.reveal {
  opacity: 1;
  transform: none;
}

.banner-rise,
.banner-cart {
  opacity: 0;
}

.banner.is-visible .banner-rise {
  animation: bannerRise 0.95s cubic-bezier(0.16, 1, 0.3, 1) both;
  animation-delay: var(--d, 0s);
}

.banner.is-visible .banner-cart {
  animation:
    bannerCartIn 1.15s cubic-bezier(0.16, 1, 0.3, 1) 0.14s both,
    bannerCartFloat 4.8s ease-in-out 1.35s infinite;
}

@keyframes bannerRise {
  from {
    opacity: 0;
    transform: translateY(1.5em);
  }
  to {
    opacity: 1;
    transform: none;
  }
}

@keyframes bannerCartIn {
  from {
    opacity: 0;
    transform: translate3d(7%, 8%, 0) scale(0.88);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0) scale(1);
  }
}

@keyframes bannerCartFloat {
  0%,
  100% { transform: translate3d(0, 0, 0); }
  50% { transform: translate3d(0, -1.4%, 0); }
}

@media (prefers-reduced-motion: reduce) {
  .reveal,
  .reveal .advantages__item,
  .reveal .callout,
  .reveal .product__explode,
  .reveal .scenes__grid li,
  .reveal .software__copy,
  .reveal .software__visual,
  .reveal .software__metrics,
  .reveal .platform__diagram,
  .reveal .platform-node,
  .reveal .cta__content,
  .reveal .section-head,
  .banner-rise,
  .banner-cart,
  .advantages__item.adv-reveal,
  .advantages__item.adv-reveal img,
  .product-card.card-reveal,
  .product-card.card-reveal .product-card__photo,
  .product-card.card-reveal h3,
  .product-card.card-reveal p {
    opacity: 1;
    transform: none;
    transition: none;
    animation: none !important;
  }

  html {
    scroll-behavior: auto;
  }
}

/* ==================== 顶部导航 TOP ==================== */
/* 设计 h=194/3200≈6.06% 视口宽对应高度；粘性固定 */
.site-header {
  position: relative;
  top: 0;
  z-index: 100;
  width: 100%;
  /* 高度：194/3200 → 6.0625vw，限幅避免过高 */
  min-height: clamp(3.5rem, 6.0625vw, 7.5625rem);
  background: rgba(255, 255, 255, 0.92);
  backdrop-filter: blur(8px);
  box-shadow: 0 1px 0 rgba(15, 40, 90, 0.06);
}

/* 背景切片铺满顶栏 */
.site-header__bg {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  pointer-events: none;
  opacity: 0.95;
}

.site-header__inner {
  position: relative;
  z-index: 1;
  /* 内容区相对画布左右内边距约 311/3200≈9.7% */
  width: 92%;
  max-width: 100%;
  margin: 0 auto;
  min-height: inherit;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1.5%;
  padding: 0.8% 0;
}

/* 品牌：Logo 设计 120×118 → 宽约 3.75vw */
.brand {
  display: flex;
  align-items: center;
  gap: 0.8%;
  flex-shrink: 0;
  min-width: 18%;
}

.brand__logo {
  width: clamp(2.4rem, 3.75vw, 7.5rem); /* 120px */
  height: auto;
}

.brand__text {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 0.15em;
}

.brand__en {
  font-size: clamp(0.75rem, 1.215vw, 2.4305rem); /* 38.888px */
  letter-spacing: 0.02em;
  line-height: 1.2;
  white-space: nowrap;
}

.brand__cn {
  width: clamp(3.2rem, 4.84vw, 9.6875rem); /* 155px */
  height: auto;
}

/* 主导航 */
.main-nav {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: clamp(1rem, 2.2vw, 3.5rem);
  flex: 1;
}

.main-nav a {
  position: relative;
  font-size: clamp(0.85rem, 1.215vw, 2.4305rem); /* 38.888px */
  white-space: nowrap;
  transition: color 0.2s ease;
}

.main-nav a:hover,
.main-nav a.is-active {
  color: var(--color-primary);
}

.nav-dropdown {
  position: relative;
  display: flex;
  align-items: center;
  z-index: 20;
}

.nav-dropdown__menu {
  position: absolute;
  left: 50%;
  top: calc(100% + 10px);
  width: 140px;
  padding: 8px;
  background: #fff;
  border-radius: 12px;
  box-shadow: 0 14px 36px rgba(25, 109, 244, 0.14), 0 2px 8px rgba(15, 40, 90, 0.06);
  border: 1px solid rgba(25, 109, 244, 0.12);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transform: translate(-50%, 8px);
  transition: opacity 0.22s ease, transform 0.22s ease, visibility 0.22s ease;
  z-index: 20;
}

.nav-dropdown__menu::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: -14px;
  height: 14px;
}

.nav-dropdown__menu::after {
  content: "";
  position: absolute;
  left: 50%;
  top: -6px;
  width: 12px;
  height: 12px;
  background: #fff;
  border-left: 1px solid rgba(25, 109, 244, 0.12);
  border-top: 1px solid rgba(25, 109, 244, 0.12);
  transform: translateX(-50%) rotate(45deg);
}

.nav-dropdown:hover .nav-dropdown__menu,
.nav-dropdown:focus-within .nav-dropdown__menu,
.nav-dropdown.is-open .nav-dropdown__menu {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transform: translate(-50%, 0);
}

.main-nav .nav-dropdown__link {
  display: block;
  padding: 10px 8px;
  font-size: 14px;
  text-align: center;
  color: #3a4454;
  border-radius: 8px;
}

.nav-dropdown__link:hover,
.nav-dropdown__link.is-current {
  color: var(--color-primary);
  background: rgba(25, 109, 244, 0.08);
}

/* 当前项下划线：设计矩形 2 宽 80 高 6.67 */
.main-nav__underline {
  position: absolute;
  left: 0;
  bottom: -0.35em;
  width: clamp(1.5rem, 2.5vw, 5rem);
  height: 0.18em;
  background: var(--color-primary);
  border-radius: 999px;
  transition: transform 0.25s ease, width 0.25s ease;
  pointer-events: none;
}

.header-actions {
  display: flex;
  align-items: center;
  gap: clamp(0.6rem, 1.2vw, 1.5rem);
  flex-shrink: 0;
}

.header-phone {
  display: inline-flex;
  align-items: center;
  gap: 0.35em;
  font-size: clamp(0.75rem, 1.0416vw, 2.08325rem); /* 33.332px */
  white-space: nowrap;
}

.header-phone img {
  width: clamp(1rem, 1.56vw, 3.125rem); /* 50px */
  height: auto;
}

/* 预约演示按钮：设计 235×86.66 */
.btn-demo {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.55em 1.2em;
  min-width: clamp(5.5rem, 7.34vw, 14.6875rem); /* 235px */
  background: var(--color-primary);
  color: var(--color-white);
  border-radius: 0.45em;
  font-size: clamp(0.75rem, 1.0416vw, 2.08325rem);
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.btn-demo:hover {
  transform: translateY(-2%);
  box-shadow: 0 0.4em 1em rgba(25, 109, 244, 0.35);
}

.menu-toggle {
  display: none;
  flex-direction: column;
  gap: 0.35rem;
  padding: 0.4rem;
}

.menu-toggle span {
  display: block;
  width: 1.4rem;
  height: 2px;
  background: #222;
}

/* ==================== Banner 首屏 ==================== */
/* 设计帧 banner 0:193：x=-43 y=155 w=3243 h=1897
   整组（背景4 + 小推车 + 文案）随舞台下移，不压缩图片 */
.banner {
  position: relative;
  width: 100%;
  margin-top: calc(155 / 3200 * 100vw);
  overflow: hidden;
}

/* 背景4：按稿面 3243×1897 铺满舞台，不裁切、不压扁 */
.banner__bg {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: fill;
  object-position: center center;
  z-index: 0;
}

.banner__stage {
  position: relative;
  z-index: 1;
  width: 100%;
  aspect-ratio: 3243 / 1897;
  max-height: none;
}

/* 小推车-透明：x=1820 y=92 w=878 h=1518 */
.banner__product {
  position: absolute;
  left: 56.121%;
  top: 4.85%;
  width: 27.074%;
  height: 80.021%;
  margin: 0;
  pointer-events: none;
}

.banner__product img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

/* 文案叠层铺满舞台，子项按稿面绝对定位 */
.banner__copy {
  position: absolute;
  inset: 0;
  z-index: 2;
  pointer-events: none;
}

.banner__copy > * {
  pointer-events: auto;
  user-select: text;
}

/* 主标题：x=354.04 y=372.83，字号 116.66、行高 169、SemiBold */
.banner__title {
  position: absolute;
  left: 10.917%;
  top: 19.654%;
  margin: 0;
  font-size: calc(100vw * 116.66 / 3243);
  font-weight: 700;
  line-height: 1.449;
  white-space: nowrap;
}

/* 副标题：x=364.04 y=553.53，字号 77.78、行高 113 */
.banner__subtitle {
  position: absolute;
  left: 11.226%;
  top: 29.179%;
  margin: 0;
  font-size: calc(100vw * 77.78 / 3243);
  font-weight: 700;
  line-height: 1.453;
  white-space: nowrap;
}

/* 描述：x=364.04 y=739.39，字号 44.44、行高 64 */
.banner__desc {
  position: absolute;
  left: 11.226%;
  top: 38.977%;
  width: 28.8%;
  margin: 0;
  font-size: calc(100vw * 44.44 / 3243);
  font-weight: 500;
  line-height: 1.44;
}

/* 双按钮：获取方案 x=364.67，预约演示 x=873，y=1009.96，间距 66.66 */
.banner__actions {
  position: absolute;
  left: 11.245%;
  top: 53.24%;
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  gap: calc(100vw * 66.66 / 3243);
}

/* 矩形 3 拷贝：441.67×126.66，圆角 63.33，字号 50 */
.btn-primary,
.btn-ghost {
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  flex-shrink: 0;
  width: calc(100vw * 441.67 / 3243);
  height: calc(100vw * 126.66 / 3243);
  min-width: 0;
  min-height: 0;
  padding: 0 calc(100vw * 72 / 3243) 0 calc(100vw * 98 / 3243);
  border-radius: calc(100vw * 63.33 / 3243);
  font-size: calc(100vw * 50 / 3243);
  font-weight: 400;
  line-height: 1.44;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.btn-primary {
  background: var(--color-primary);
  color: var(--color-white);
}

.btn-ghost {
  padding-left: calc(100vw * 96 / 3243);
  padding-right: calc(100vw * 64 / 3243);
  background: #f0f6fe;
  color: var(--color-primary);
  border: 0;
  box-shadow: inset 0 0 0 calc(100vw * 5 / 3243) #99bfff;
}

.btn-primary:hover,
.btn-ghost:hover {
  transform: translateY(-3%);
}

.btn-primary img {
  width: calc(100vw * 48 / 3243);
  height: calc(100vw * 43 / 3243);
  margin-left: auto;
  flex-shrink: 0;
}

.btn-ghost img {
  width: calc(100vw * 63 / 3243);
  height: calc(100vw * 52 / 3243);
  margin-left: auto;
  flex-shrink: 0;
}

/* ==================== 核心优势 ==================== */
/* 核心优势 0:206：x=225 y=1675 w=2752 h=411，叠在 banner 底（banner 底 155+1897） */
.advantages {
  position: relative;
  width: calc(2752 / 3200 * 100%);
  margin-left: auto;
  margin-right: auto;
  margin-top: calc(1675 / 3200 * 100vw - 155 / 3200 * 100vw - 1897 / 3243 * 100vw);
  z-index: 5;
}

.advantages__stage {
  position: relative;
  width: 100%;
  aspect-ratio: 2752 / 411;
}

.advantages__bg {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: fill;
  pointer-events: none;
}

.advantages__list {
  position: absolute;
  inset: 0;
  margin: 0;
  padding: 0;
  z-index: 1;
}

/* 每项：图标 + 文案横排，宽度和间距用稿面 px / 3200 */
.advantages__item {
  position: absolute;
  display: flex;
  align-items: flex-start;
  margin: 0;
}

/* 核心优势四项：放大滑入，依次错开 */
.advantages__item.adv-reveal {
  opacity: 0;
  transform: translateY(28%) scale(0.78);
  transition:
    opacity 0.55s cubic-bezier(0.22, 1, 0.36, 1),
    transform 0.85s cubic-bezier(0.16, 1, 0.3, 1);
}

.advantages__item.adv-reveal.is-in {
  opacity: 1;
  transform: none;
}

.advantages__item--1.adv-reveal { transition-delay: 0.04s; }
.advantages__item--2.adv-reveal { transition-delay: 0.18s; }
.advantages__item--3.adv-reveal { transition-delay: 0.32s; }
.advantages__item--4.adv-reveal { transition-delay: 0.46s; }

.advantages__item.adv-reveal img {
  transform: scale(0.86);
  transition: transform 0.8s cubic-bezier(0.16, 1, 0.3, 1);
}

.advantages__item.adv-reveal.is-in img {
  transform: none;
}

.advantages__item--1.adv-reveal.is-in img { transition-delay: 0.1s; }
.advantages__item--2.adv-reveal.is-in img { transition-delay: 0.24s; }
.advantages__item--3.adv-reveal.is-in img { transition-delay: 0.38s; }
.advantages__item--4.adv-reveal.is-in img { transition-delay: 0.52s; }

.advantages__item img {
  position: relative;
  left: auto;
  top: auto;
  height: auto;
  max-width: none;
  flex-shrink: 0;
  object-fit: contain;
}

.advantages__item div {
  position: relative;
  left: auto;
  top: auto;
  box-sizing: border-box;
}

/* 标题 44.44 / 行高 64，加粗；与说明间距 17.13 */
.advantages__item h2 {
  margin: 0 0 calc(100vw * 17.13 / 3200);
  font-size: calc(100vw * 44.44 / 3200);
  font-weight: 700;
  line-height: 1.441;
  color: #000;
  white-space: nowrap;
}

/* 说明 33.33 / 行高 48 */
.advantages__item p {
  margin: 0;
  font-size: calc(100vw * 33.33 / 3200);
  font-weight: 400;
  line-height: 1.441;
  color: var(--color-muted);
}

/* 1 移动作业：图标 217×273，图文间距 9.04，说明宽 367 */
.advantages__item--1 {
  left: calc(85 / 2752 * 100%);
  top: calc(74 / 411 * 100%);
  gap: calc(100vw * 9.04 / 3200);
}

.advantages__item--1 img {
  width: calc(100vw * 217 / 3200);
}

.advantages__item--1 div {
  width: calc(100vw * 367 / 3200);
  padding-top: calc(100vw * 36.22 / 3200);
}

/* 2 实时监控：图标 187×269，图文间距 27.38，说明宽 367 */
.advantages__item--2 {
  left: calc(805 / 2752 * 100%);
  top: calc(68 / 411 * 100%);
  gap: calc(100vw * 27.38 / 3200);
}

.advantages__item--2 img {
  width: calc(100vw * 187 / 3200);
}

.advantages__item--2 div {
  width: calc(100vw * 367 / 3200);
  padding-top: calc(100vw * 42.22 / 3200);
}

/* 3 数据闭环：图标 188×260，图文间距 18.71，说明宽 267 */
.advantages__item--3 {
  left: calc(1546 / 2752 * 100%);
  top: calc(79 / 411 * 100%);
  gap: calc(100vw * 18.71 / 3200);
}

.advantages__item--3 img {
  width: calc(100vw * 188 / 3200);
}

.advantages__item--3 div {
  width: calc(100vw * 267 / 3200);
  padding-top: calc(100vw * 31.22 / 3200);
}

/* 4 降本增效：图标 209×262，图文间距 4.38，说明宽 267 */
.advantages__item--4 {
  left: calc(2176 / 2752 * 100%);
  top: calc(83 / 411 * 100%);
  gap: calc(100vw * 4.38 / 3200);
}

.advantages__item--4 img {
  width: calc(100vw * 209 / 3200);
}

.advantages__item--4 div {
  width: calc(100vw * 267 / 3200);
  padding-top: calc(100vw * 27.22 / 3200);
}

.advantages__divider {
  position: absolute;
  top: 16.545%;
  height: 65.45%;
  width: auto;
  display: block;
  opacity: 1;
}

.advantages__divider img {
  display: block;
  height: 100%;
  width: auto;
}

.advantages__divider--1 { left: 27%; }
.advantages__divider--2 { left: 52.907%; }
.advantages__divider--3 { left: 76.308%; }

/* ==================== 产品组成 ==================== */
/* 舞台：left 7.59% width 84.81% aspect 2714/2404 */
.product {
  width: 84.81%;
  margin: 4.5% auto 0;
}

.product__stage {
  position: relative;
  width: 100%;
}

/* 标题叠在舞台顶部（稿面 y=0～206.86），爆炸图 y=322.12，间距 115.26 */
.product .section-head {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  z-index: 4;
  pointer-events: none;
}

.product .section-head > * {
  pointer-events: auto;
}

.product__explode-area {
  position: relative;
  width: 100%;
  aspect-ratio: 2714 / 1805;
  margin-top: 0;
}

.product__explode {
  position: absolute;
  left: 31.28%;
  top: 17.03%;
  width: 36.55%;
  height: 74.8%;
  margin: 0;
  mix-blend-mode: darken;
}

.product__explode img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.product__guides {
  position: absolute;
  inset: 0;
  pointer-events: none;
}

.product__leaders {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  overflow: visible;
}

.product__leaders path {
  fill: none;
  stroke: var(--color-primary);
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
  vector-effect: non-scaling-stroke;
}

/* 锚点圆：设计椭圆约 20px / 2714 ≈ 0.74% */
.dot {
  position: absolute;
  width: 0.74%;
  aspect-ratio: 1;
  border-radius: 50%;
  background: radial-gradient(circle at center, #fff 0 35%, var(--color-primary) 36% 100%);
  box-shadow: 0 0 0 2px rgba(25, 109, 244, 0.25);
}

.dot--1 { left: 43.12%; top: 23.22%; }
.dot--2 { left: 42.5%; top: 30.98%; }
.dot--3 { left: 56.5%; top: 37.88%; }
.dot--4 { left: 52.09%; top: 44.72%; }
.dot--5 { left: 44.2%; top: 61.19%; }
.dot--6 { left: 54.8%; top: 81.64%; }

/* 标注文案：相对 explode-area 百分比定位 */
.callout {
  position: absolute;
  z-index: 2;
  pointer-events: auto;
  user-select: text;
  width: 24%;
  max-width: none;
}

.callout h3 {
  font-size: clamp(0.95rem, 1.736vw, 3.472rem); /* 55.554 */
  font-weight: 400;
  line-height: 1.45;
  margin-bottom: 0.25em;
}

.callout p {
  font-size: clamp(0.75rem, 1.0416vw, 2.083rem);
  color: var(--color-muted);
  line-height: 1.45;
}

/* 左侧三组：右对齐，线从标题右缘水平伸出 */
.callout--1,
.callout--2,
.callout--3 {
  left: 2%;
  text-align: right;
}

.callout--1 { top: 15.89%; }
.callout--2 { top: 45.76%; }
.callout--3 { top: 77.54%; }

/* 右侧三组：左对齐，线从标题左缘水平伸出 */
.callout--4,
.callout--5,
.callout--6 {
  left: 74%;
  text-align: left;
}

.callout--4 { top: 26.69%; }
.callout--5 { top: 58.47%; }
.callout--6 { top: 87.71%; }

/* 四张特性卡片：设计 top≈75.08%，高 599/2404 */
.product__cards {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1.7%;
  margin-top: 2%;
}

.product-card {
  position: relative;
  aspect-ratio: 644 / 599;
  overflow: hidden;
}

/* 四张特性卡：滚到卡片本身再入场，位移+放大更明显 */
.product-card.card-reveal {
  opacity: 0;
  transform: translateY(22%) scale(0.82);
  transition:
    opacity 0.65s cubic-bezier(0.22, 1, 0.36, 1),
    transform 0.85s cubic-bezier(0.16, 1, 0.3, 1);
}

.product-card.card-reveal.is-in {
  opacity: 1;
  transform: none;
}

.product-card.card-reveal:nth-child(1) { transition-delay: 0.04s; }
.product-card.card-reveal:nth-child(2) { transition-delay: 0.16s; }
.product-card.card-reveal:nth-child(3) { transition-delay: 0.28s; }
.product-card.card-reveal:nth-child(4) { transition-delay: 0.4s; }

.product-card.card-reveal .product-card__photo {
  transform: translateY(18%) scale(1.06);
  transition: transform 0.9s cubic-bezier(0.16, 1, 0.3, 1);
}

.product-card.card-reveal.is-in .product-card__photo {
  transform: none;
}

.product-card.card-reveal:nth-child(1) .product-card__photo { transition-delay: 0.12s; }
.product-card.card-reveal:nth-child(2) .product-card__photo { transition-delay: 0.24s; }
.product-card.card-reveal:nth-child(3) .product-card__photo { transition-delay: 0.36s; }
.product-card.card-reveal:nth-child(4) .product-card__photo { transition-delay: 0.48s; }

.product-card.card-reveal h3,
.product-card.card-reveal p {
  opacity: 0;
  transform: translateY(0.6em);
  transition: opacity 0.5s ease, transform 0.55s cubic-bezier(0.22, 1, 0.36, 1);
}

.product-card.card-reveal.is-in h3,
.product-card.card-reveal.is-in p {
  opacity: 1;
  transform: none;
}

.product-card.card-reveal.is-in h3 { transition-delay: 0.28s; }
.product-card.card-reveal:nth-child(2).is-in h3 { transition-delay: 0.4s; }
.product-card.card-reveal:nth-child(3).is-in h3 { transition-delay: 0.52s; }
.product-card.card-reveal:nth-child(4).is-in h3 { transition-delay: 0.64s; }

.product-card.card-reveal.is-in p { transition-delay: 0.36s; }
.product-card.card-reveal:nth-child(2).is-in p { transition-delay: 0.48s; }
.product-card.card-reveal:nth-child(3).is-in p { transition-delay: 0.6s; }
.product-card.card-reveal:nth-child(4).is-in p { transition-delay: 0.72s; }

.product-card__frame {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: fill;
}

.product-card__photo {
  position: absolute;
  left: 1.9%;
  top: 1.5%;
  width: 96.1%;
  height: 62.6%;
  object-fit: cover;
  object-position: center;
}

.product-card h3 {
  position: absolute;
  left: 0;
  right: 0;
  top: 72.8%;
  text-align: center;
  font-size: clamp(0.85rem, 1.389vw, 2.778rem); /* 44.443 */
  font-weight: 400;
}

.product-card p {
  position: absolute;
  left: 0;
  right: 0;
  top: 84%;
  text-align: center;
  font-size: clamp(0.75rem, 1.0416vw, 2.083rem);
  color: var(--color-muted);
}

/* ==================== 核心软件 ==================== */
.software {
  width: 92.78%;
  margin: 5% auto 0;
  position: relative;
}

.software__stage {
  position: relative;
  width: 100%;
}

.software__arrow {
  position: absolute;
  top: 52%;
  z-index: 4;
  width: 3.57%; /* 106/2969 */
  min-width: 2rem;
  transition: transform 0.2s ease;
}

.software__arrow:hover {
  transform: scale(1.06);
}

.software__arrow:disabled {
  opacity: 0.45;
  cursor: default;
  transform: none;
}

.software__arrow--prev { left: 0.5%; }
.software__arrow--next { right: 0.5%; }

.software__arrow img {
  width: 100%;
  height: auto;
}

/* 轮播视口：裁切轨道，露出当前一屏 */
.software__carousel {
  position: relative;
  width: 95.5%;
  margin: 2% auto 0;
  overflow: hidden;
}

/* 横向轨道：transform 滑动切换，避免瞬间显隐 */
.software__track {
  display: flex;
  flex-wrap: nowrap;
  width: 100%;
  transition: transform 0.55s cubic-bezier(0.22, 0.61, 0.36, 1);
  will-change: transform;
}

.software__panel {
  position: relative;
  flex: 0 0 100%;
  width: 100%;
  min-width: 100%;
  /* SOP 区 2836×1503；物料屏叠入同一比例舞台 */
  aspect-ratio: 2836 / 1503;
  box-sizing: border-box;
}

/* 减少动效时关闭滑动过渡 */
@media (prefers-reduced-motion: reduce) {
  .software__track {
    transition: none;
  }
}

.software__visual {
  position: absolute;
  left: 22.6%;
  top: 0;
  width: 72.18%; /* 2047/2836 */
  height: 90.95%;
  margin: 0;
}

.software__visual img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: right top;
}

/* SOP 主视觉：裁掉素材边缘 1px 黑边 */
.software__panel[data-slide="sop"] .software__visual {
  overflow: hidden;
}

.software__panel[data-slide="sop"] .software__visual img {
  transform: scale(1.018);
  transform-origin: center center;
}

.software__copy {
  position: absolute;
  left: 7.8%;
  top: 12.5%;
  width: 36%;
  z-index: 2;
}

.software__name {
  font-size: clamp(1.25rem, 2.43vw, 4.861rem); /* 77.775 */
  font-weight: 700;
  line-height: 1.45;
  margin-bottom: 2%;
}

.software__name em {
  font-style: normal;
  color: #2a6af7;
}

.software__tagline {
  font-size: clamp(0.85rem, 1.215vw, 2.43rem);
  margin-bottom: 2.5%;
}

.software__desc {
  font-size: clamp(0.8rem, 1.042vw, 2.084rem);
  color: var(--color-muted);
  line-height: 1.55;
  max-width: 95%;
  margin-bottom: 4%;
}

.software__features {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 4% 3%;
  width: 95%;
}

.software__features li {
  display: flex;
  align-items: center;
  gap: 6%;
  font-size: clamp(0.75rem, 0.868vw, 1.736rem); /* 27.777 */
}

.software__features li.is-wide {
  grid-column: 1;
}

.software__features img {
  width: 18%;
  max-width: 3.5rem;
  height: auto;
  flex-shrink: 0;
}

.software__metrics {
  position: absolute;
  /* 图层41 色条中心约在图宽 54%，左移后相对页面居中 */
  left: -4%;
  bottom: 0;
  width: 100%;
  height: 25.28%; /* 380/1503 */
  z-index: 3;
}

.software__metrics-bg {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: fill;
}

/* 覆盖层按 Figma 0:104，坐标相对 图层41（2836×380），各屏共用 */
.software__metrics ul {
  position: absolute;
  inset: 0;
  padding: 0;
  z-index: 1;
}

.software__metrics li {
  position: absolute;
  inset: 0;
}

.software__metrics li img {
  position: absolute;
  height: auto;
  max-width: none;
}

/* 图标：图层 54–57 */
.software__metrics li:nth-child(1) img {
  left: calc(491 / 2836 * 100%);
  top: calc(89 / 380 * 100%);
  width: calc(77 / 2836 * 100%);
}

.software__metrics li:nth-child(2) img {
  left: calc(1062 / 2836 * 100%);
  top: calc(87 / 380 * 100%);
  width: calc(82 / 2836 * 100%);
}

.software__metrics li:nth-child(3) img {
  left: calc(1612 / 2836 * 100%);
  top: calc(96 / 380 * 100%);
  width: calc(87 / 2836 * 100%);
}

.software__metrics li:nth-child(4) img {
  left: calc(2132 / 2836 * 100%);
  top: calc(91 / 380 * 100%);
  width: calc(85 / 2836 * 100%);
}

/* 仅 TPM 工单屏：指标图标放大并下移，其他幻灯片沿用上方尺寸 */
.software__panel[data-slide="tpm"] .software__metrics li:nth-child(1) img {
  left: calc(490 / 2836 * 100%);
  /* top: calc(80 / 380 * 100%); */
  width: calc(88 / 2836 * 100%);
}

.software__panel[data-slide="tpm"] .software__metrics li:nth-child(2) img {
  left: calc(1064 / 2836 * 100%);
  top: calc(84 / 380 * 100%);
  width: calc(95 / 2836 * 100%);
}

.software__panel[data-slide="tpm"] .software__metrics li:nth-child(3) img {
  left: calc(1608 / 2836 * 100%);
  top: calc(90 / 380 * 100%);
  width: calc(101 / 2836 * 100%);
}

.software__panel[data-slide="tpm"] .software__metrics li:nth-child(4) img {
  left: calc(2130 / 2836 * 100%);
  top: calc(87 / 380 * 100%);
  width: calc(99 / 2836 * 100%);
}

/* 仅仓储管理屏：第 1、2、4 张指标图标放大 10% */
.software__panel[data-slide="warehouse"] .software__metrics li:nth-child(1) img {
  width: calc(84.7 / 2836 * 100%);
}

.software__panel[data-slide="warehouse"] .software__metrics li:nth-child(2) img {
  width: calc(90.2 / 2836 * 100%);
}

.software__panel[data-slide="warehouse"] .software__metrics li:nth-child(4) img {
  width: calc(93.5 / 2836 * 100%);
}

.software__metrics li > div {
  position: absolute;
  top: calc(73.33 / 380 * 100%);
}

.software__metrics li:nth-child(1) > div { left: calc(644.4 / 2836 * 100%); }
.software__metrics li:nth-child(2) > div { left: calc(1212.73 / 2836 * 100%); }
.software__metrics li:nth-child(3) > div { left: calc(1757.73 / 2836 * 100%); }
.software__metrics li:nth-child(4) > div { left: calc(2291.07 / 2836 * 100%); }

.software__metrics p {
  font-size: clamp(0.75rem, 1.0416vw, 2.083rem); /* 33.332 */
  line-height: 1.44;
  margin: 0;
}

.software__metrics strong {
  display: block;
  color: var(--color-primary-deep);
  font-size: clamp(1.1rem, 1.736vw, 3.472rem); /* 55.562 */
  font-weight: 400;
  line-height: 1.46; /* 81/55.562 */
}

.software__metrics strong span {
  font-size: 75%; /* 41.668/55.562 */
}

/* ---------- 物料系统屏：按 Figma 0:95（1703×936 / 画布 1920）百分比微调 ---------- */
/* 右侧视觉：Group 1 left 252/1703≈14.8%，宽 1451/1703≈85.2%，高 713/936≈76.2% */
.software__visual--material {
  left: 14.8%;
  top: 0;
  width: 85.2%;
  height: 76.2%;
}

.software__visual--material img {
  object-fit: contain;
  object-position: right center;
}

/* 左侧文案：title top 146/936≈15.6%，left 132/1703≈7.75% */
.software__copy--material {
  left: 7.75%;
  top: 15.6%;
  width: 34%;
}

/* 标题 46.667/1920≈2.43vw；副标 23.333/1920≈1.215vw；正文 20/1920≈1.04vw（沿用上方 clamp） */
.software__copy--material .software__desc {
  max-width: 100%; /* 设计稿描述宽约 539/1703≈31.6% 舞台，相对 copy 区近满宽 */
}

/* 功能点字号 16.667/1920≈0.868vw，与 .software__features 一致 */
.software__copy--material .software__features img {
  width: 16%;
  max-width: 3.2rem;
}

/* 物料指标条：标题下增加灰色说明，文案区略上移以免三行溢出 */
.software__panel[data-slide="material"] .software__metrics li > div {
  top: calc(58 / 380 * 100%);
}

.software__metrics-note {
  display: block;
  margin-top: 0.08em;
  font-size: clamp(0.65rem, 0.9vw, 1.8rem);
  color: var(--color-muted);
  line-height: 1.4;
}

/* 第一项无数值：压矮占位行，让灰色说明上移（选择器需盖过 .software__metrics strong） */
.software__metrics strong.software__metrics-spacer {
  visibility: hidden;
  pointer-events: none;
  font-size: clamp(0.45rem, 0.7vw, 1.4rem);
  line-height: 1;
  height: 0.7em;
  overflow: hidden;
}

.software__panel[data-slide="material"] .software__metrics li:first-child .software__metrics-note {
  margin-top: 1em;
}

/* ==================== 应用场景 ==================== */
.scenes {
  width: 84.75%;
  margin: 3% auto 0;
}

.scenes__stage {
  width: 100%;
}

.scenes__grid {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 0.85%;
  margin-top: 2%;
}

.scenes__grid li {
  overflow: hidden;
  border-radius: 0.6em;
  transition: transform 0.35s ease, box-shadow 0.35s ease;
}

.scenes__grid li:hover {
  transform: translateY(-2%);
  box-shadow: 0 0.8em 1.6em rgba(20, 50, 120, 0.18);
}

.scenes__grid img {
  width: 100%;
  height: auto;
  display: block;
}

/* ==================== 平台互联 ==================== */
.platform {
  width: 77.03%;
  margin: 5% auto 0;
}

/* 标题、下划线、说明：相对区块宽 2465，y=0 / 118.58 / 150.86，水平居中 */
.platform__head {
  position: relative;
  z-index: 4;
  text-align: center;
}

.platform__head .section-title {
  line-height: 1.45; /* 设计 72.22 / 105 */
}

.platform__head .section-line {
  display: block;
  margin: 0.55% auto 0.54%; /* (118.58-105)/2465，(150.86-137.58)/2465 */
}

.platform__head .section-sub {
  /* max-width: 40.31%; 895/2465 */
  margin-left: auto;
  margin-right: auto;
}

.platform__stage {
  position: relative;
  width: 100%;
  /* 主图区域：设计 y=213.58 起、高 942 */
  aspect-ratio: 2465 / 942;
  margin-top: 0.27%; /* 说明下沿 206.86 到主图 213.58 */
}

.platform__diagram {
  position: absolute;
  left: 13.93%; /* 343.33/2465 */
  top: 0;
  width: 71.11%; /* 1753/2465 */
  height: 100%;
  margin: 0;
}

.platform__diagram img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.platform__center {
  position: absolute;
  left: 33%;
  top: 18%;
  width: 33.06%; /* 815/2465 */
  aspect-ratio: 815 / 565;
  margin: 0;
  mix-blend-mode: multiply;
  z-index: 2;
}

.platform__center > img:first-child {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.platform__badge-bg {
  position: absolute;
  left: 50%;
  top: 2%;
  width: 34.2%;
  transform: translateX(-50%);
}

.platform__badge-text {
  position: absolute;
  left: 50%;
  top: 5.5%;
  transform: translateX(-50%);
  color: var(--color-center);
  font-size: clamp(0.8rem, 1.215vw, 2.43rem);
  letter-spacing: 0.04em;
  white-space: nowrap;
  z-index: 1;
}

/* 外围节点卡片 */
.platform-node {
  position: absolute;
  z-index: 3;
  display: flex;
  align-items: center;
  gap: 6%;
  width: 16.16%; /* 398/2465 */
  min-height: 13.5%;
  padding: 1.2% 1.4%;
  background: #f4f7ff;
  border-radius: 0.7em;
  box-shadow: 0 0.5em 1.4em rgba(40, 80, 160, 0.12);
}

.platform-node img {
  width: 32%;
  height: auto;
  flex-shrink: 0;
}

.platform-node h3 {
  font-size: clamp(0.75rem, 1.215vw, 2.43rem);
  font-weight: 400;
  line-height: 1.3;
}

.platform-node p {
  font-size: clamp(0.7rem, 1.0416vw, 2.083rem);
  color: var(--color-muted);
}

/* 节点位置：相对 platform__stage（对应设计组坐标） */
.platform-node--mes { left: 5.7%; top: 18%; }
.platform-node--erp { left: 0; top: 40%; }
.platform-node--plc { left: 5.7%; top: 62%; }
.platform-node--iot { right: 5.7%; top: 18%; left: auto; }
.platform-node--wms { right: 0; top: 40%; left: auto; }
.platform-node--bi { right: 5.7%; top: 62%; left: auto; }

/* ==================== CTA 外框：内部见 shared/site-cta.css ==================== */
.cta {
  width: 86.25%;
  margin: 0 auto;
}

/* ==================== 回到顶部 ==================== */
.back-top {
  position: fixed;
  right: 2%;
  bottom: 4%;
  z-index: 90;
  width: 2.8rem;
  height: 2.8rem;
  border-radius: 50%;
  background: var(--color-primary);
  color: #fff;
  font-size: 1.2rem;
  opacity: 0;
  visibility: hidden;
  transform: translateY(20%);
  transition: opacity 0.25s ease, transform 0.25s ease, visibility 0.25s;
  box-shadow: 0 0.4em 1em rgba(25, 109, 244, 0.4);
}

.back-top.is-show {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

/* ==================== 弹层 ==================== */
.modal {
  position: fixed;
  inset: 0;
  z-index: 200;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.25s ease, visibility 0.25s;
}

.modal.is-open {
  opacity: 1;
  visibility: visible;
}

.modal__overlay {
  position: absolute;
  inset: 0;
  background: rgba(8, 20, 45, 0.55);
}

.modal__dialog {
  position: relative;
  z-index: 1;
  width: min(92vw, 28rem);
  background: #fff;
  border-radius: 0.8rem;
  padding: 1.8rem 1.6rem 1.5rem;
  box-shadow: 0 1rem 2.5rem rgba(0, 0, 0, 0.2);
}

.modal__close {
  position: absolute;
  right: 0.8rem;
  top: 0.5rem;
  font-size: 1.6rem;
  line-height: 1;
  color: #666;
}

.modal__title {
  font-size: 1.35rem;
  margin-bottom: 1.2rem;
  color: var(--color-text);
}

.modal__field {
  display: block;
  margin-bottom: 0.9rem;
}

.modal__field span {
  display: block;
  font-size: 0.9rem;
  margin-bottom: 0.35rem;
  color: #444;
}

.modal__field input {
  width: 100%;
  padding: 0.65rem 0.75rem;
  border: 1px solid #d7dbe5;
  border-radius: 0.4rem;
  font: inherit;
}

.modal__submit {
  width: 100%;
  margin-top: 0.4rem;
  padding: 0.75rem;
  background: var(--color-primary);
  color: #fff;
  border-radius: 0.45rem;
  font-size: 1rem;
}

/* ==================== 响应式：中屏 ==================== */
@media (max-width: 1100px) {
  .main-nav {
    gap: clamp(0.6rem, 1.5vw, 1.5rem);
  }

  .banner__copy {
    inset: 0;
  }

  .banner__product {
    width: 30%;
    left: 58%;
  }

  .advantages__item img {
    max-width: none;
  }

  .callout {
    max-width: 30%;
  }

  .platform {
    width: 90%;
  }

  .platform-node {
    width: 20%;
  }
}

/* ==================== 响应式：窄屏改为文档流卡片布局 ==================== */
@media (max-width: 820px) {
  .site-header__bg {
    display: none;
  }

  .site-header__inner {
    width: 92%;
    flex-wrap: wrap;
    padding: 0.7rem 0;
  }

  .brand {
    min-width: auto;
  }

  .header-actions {
    display: none;
  }

  .menu-toggle {
    display: flex;
  }

  .main-nav {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    background: #fff;
    flex-direction: column;
    align-items: flex-start;
    gap: 0;
    padding: 0.5rem 1rem 1rem;
    box-shadow: 0 0.6rem 1.2rem rgba(0, 0, 0, 0.08);
  }

  .main-nav.is-open {
    display: flex;
  }

  .main-nav a {
    width: 100%;
    padding: 0.75rem 0;
    border-bottom: 1px solid #eef1f6;
  }

  .nav-dropdown {
    width: 100%;
    flex-direction: column;
    align-items: stretch;
  }

  .nav-dropdown__menu {
    position: static;
    width: 100%;
    display: none;
    opacity: 1;
    visibility: visible;
    transform: none;
    box-shadow: none;
    border: 0;
    padding: 0 0 0 0.8rem;
  }

  .nav-dropdown.is-open .nav-dropdown__menu {
    display: block;
  }

  .main-nav .nav-dropdown__link {
    font-size: 0.95rem;
    text-align: left;
    padding: 0.55rem 0;
  }

  .main-nav__underline {
    display: none;
  }

  /* Banner：取消固定宽高比叠层，改为上下结构 */
  .banner__stage {
    aspect-ratio: auto;
    display: flex;
    flex-direction: column-reverse;
    padding: 2rem 5% 2.5rem;
    min-height: auto;
  }

  .banner__bg {
    object-position: 70% center;
  }

  .banner__product {
    position: relative;
    left: auto;
    top: auto;
    width: 70%;
    height: auto;
    margin: 0 auto 1rem;
  }

  .banner__product img {
    height: auto;
  }

  .banner__copy {
    position: relative;
    inset: auto;
    left: auto;
    top: auto;
    width: 100%;
    text-align: left;
  }

  .banner__title,
  .banner__subtitle,
  .banner__desc,
  .banner__actions {
    position: relative;
    left: auto;
    top: auto;
    width: auto;
  }

  .banner__title {
    font-size: clamp(1.5rem, 7vw, 2.4rem);
    margin-bottom: 0.35em;
  }

  .banner__subtitle {
    font-size: clamp(1.1rem, 5vw, 1.7rem);
    margin-bottom: 0.55em;
  }

  .banner__desc {
    font-size: clamp(0.9rem, 3.6vw, 1.15rem);
    margin-bottom: 1.1em;
  }

  .banner__actions {
    gap: 0.75rem;
  }

  .btn-primary,
  .btn-ghost {
    width: auto;
    height: auto;
    flex: 1;
    min-height: 3rem;
    padding: 0.55em 1em;
    border-radius: 1.5em;
    font-size: 1rem;
  }

  .btn-primary img,
  .btn-ghost img {
    width: 1.15em;
    height: auto;
  }

  /* 优势区改为 2×2 卡片 */
  .advantages {
    width: 92%;
    margin-top: -1rem;
  }

  .advantages__stage {
    aspect-ratio: auto;
  }

  .advantages__bg {
    display: none;
  }

  .advantages__list {
    position: relative;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.9rem;
    padding: 1rem;
    background: #fff;
    border-radius: 0.8rem;
    box-shadow: 0 0.5rem 1.5rem rgba(40, 80, 160, 0.1);
  }

  .advantages__divider {
    display: none;
  }

  .advantages__item {
    position: relative;
    left: auto;
    top: auto;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.45rem;
    text-align: left;
    padding: 0.4rem;
  }

  .advantages__item img,
  .advantages__item div {
    position: relative;
    left: auto;
    top: auto;
    width: auto;
    height: auto;
    padding-top: 0;
  }

  .advantages__item img {
    width: 38%;
    max-width: 4.5rem;
    height: auto;
  }

  .advantages__item h2 {
    font-size: 1.05rem;
    margin-bottom: 0.35em;
  }

  .advantages__item p {
    font-size: 0.85rem;
  }

  .product,
  .software,
  .scenes,
  .platform {
    width: 92%;
    margin-top: 3rem;
  }

  .cta {
    margin-top: 3rem;
  }

  .product .section-head {
    position: relative;
    z-index: auto;
    margin-bottom: 1.2rem;
  }

  .product__explode-area {
    aspect-ratio: auto;
    min-height: 0;
    margin-top: 0;
  }

  .product__explode {
    position: relative;
    left: auto;
    top: auto;
    width: 70%;
    height: auto;
    margin: 0 auto 1.5rem;
    display: block;
  }

  .product__guides {
    display: none;
  }

  .callout {
    position: relative;
    left: auto !important;
    top: auto !important;
    width: auto;
    max-width: 100%;
    margin-bottom: 0.9rem;
    padding-left: 0.75rem;
    text-align: left;
    border-left: 3px solid var(--color-primary);
  }

  .product__cards {
    grid-template-columns: 1fr 1fr;
    gap: 0.8rem;
  }

  /* 窄屏保留左右箭头，便于切换各软件屏 */
  .software__arrow {
    display: block;
    top: auto;
    bottom: -0.2rem;
    width: 2.4rem;
    min-width: 2.4rem;
  }

  .software__arrow--prev { left: 0.4rem; }
  .software__arrow--next { right: 0.4rem; }

  .software__carousel {
    width: 100%;
    margin-top: 1rem;
    padding-bottom: 2.8rem;
  }

  .software__panel {
    aspect-ratio: auto;
  }

  .software__visual,
  .software__visual--material {
    position: relative;
    left: auto;
    top: auto;
    width: 100%;
    height: auto;
    margin-bottom: 1rem;
  }

  .software__copy,
  .software__copy--material {
    position: relative;
    left: auto;
    top: auto;
    width: 100%;
  }

  .software__metrics {
    position: relative;
    left: auto;
    height: auto;
    margin-top: 1.2rem;
  }

  .software__metrics-bg {
    display: none;
  }

  .software__metrics ul {
    position: relative;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.8rem;
    padding: 1rem;
    background: #eef5ff;
    border-radius: 0.8rem;
  }

  .software__metrics li {
    position: static;
    inset: auto;
    display: flex;
    align-items: center;
    gap: 0.6rem;
  }

  .software__metrics li img,
  .software__metrics li > div {
    position: static;
    left: auto;
    top: auto;
    width: auto;
  }

  .software__metrics li img {
    width: 2.2rem;
    flex-shrink: 0;
  }

  .scenes__grid {
    grid-template-columns: 1fr 1fr;
    gap: 0.7rem;
  }

  .scenes__grid li:last-child {
    grid-column: 1 / -1;
    max-width: 70%;
    margin: 0 auto;
  }

  .platform__stage {
    aspect-ratio: auto;
    display: flex;
    flex-direction: column;
    gap: 0.8rem;
  }

  .platform__head .section-sub {
    max-width: 92%;
  }

  .platform__diagram,
  .platform__center {
    position: relative;
    left: auto;
    top: auto;
    width: 100%;
    height: auto;
  }

  .platform__center {
    width: 70%;
    margin: 0 auto;
  }

  .platform-node {
    position: relative;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    width: 100%;
    min-height: 0;
  }
}

@media (max-width: 480px) {
  .product__cards,
  .advantages__list,
  .scenes__grid,
  .software__features,
  .software__metrics ul {
    grid-template-columns: 1fr;
  }

  .scenes__grid li:last-child {
    max-width: 100%;
  }

  .banner__product {
    width: 85%;
  }
}

/* 窄屏改用与关于我们一致的吸顶导航，隐藏设计稿顶栏 */
@media (max-width: 991px) {
  .site-header {
    display: none;
  }
}