:root {
  --mb-text-strong: #21242d;
  --mb-text-subtle: #333743;
  --mb-brand-red: #ff2d55;
  --mb-brand-blue: #3471ff;
  --mb-bg: #ffffff;
  --mb-glass: rgba(255, 255, 255, 0.6);
}

* {
  box-sizing: border-box;
}

html,
body {
  height: 100%;
}


body {
  margin: 0;
  background: var(--mb-bg);
  color: var(--mb-text-strong);
  font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei",
    "Helvetica Neue", Arial, sans-serif;
  overflow: hidden;
}

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

body,
button,
input,
textarea,
select {
  overflow-wrap: anywhere;
}

:lang(th) body,
:lang(th) button,
:lang(th) input,
:lang(th) textarea,
:lang(th) select {
  line-break: loose;
}

html:not(:lang(zh)) body,
html:not(:lang(zh)) .mb-home,
html:not(:lang(zh)) .mb-home *,
html:not(:lang(zh)) .mb-nav,
html:not(:lang(zh)) .mb-nav * {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans", "Helvetica Neue", Arial, sans-serif;
}

html:lang(th) body,
html:lang(th) .mb-home,
html:lang(th) .mb-home *,
html:lang(th) .mb-nav,
html:lang(th) .mb-nav * {
  font-family: -apple-system, BlinkMacSystemFont, "Noto Sans Thai", "Segoe UI", Arial, sans-serif;
}


.mb-stage {
  width: 100%;
  height: 100%;
  min-height: 100vh;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  overflow-y: auto;
  overflow-x: hidden;
}

.mb-stage__inner {
  width: calc(var(--mb-base-w, 1920px) * var(--mb-scale, 1));
  height: calc(var(--mb-base-h, 800px) * var(--mb-scale, 1));
}


.mb-home {
  position: relative;
  width: 1920px;
  height: var(--mb-base-h, 800px);
  margin: 0;
  background: #ffffff;
  overflow: hidden;
  transform: scale(var(--mb-scale, 1));
  transform-origin: top left;
}


.mb-screen1 {
  position: absolute;
  width: 1920px;
  height: 800px;
  left: 50%;
  top: 0;
  transform: translateX(-50%);
  background: #ffffff;
}


.mb-screen1__bg {
  position: absolute;
  width: 1920px;
  height: 800px;
  left: 0;
  top: 0;
  background: var(--mb-asset-home-bg-png) center / cover no-repeat;
}


.mb-screen2 {
  position: absolute;
  width: 1920px;
  height: 306px;
  left: 0px;
  top: 800px;
}

.mb-screen2__bg {
  position: absolute;
  width: 1920px;
  height: 306px;
  left: 0px;
  top: 0px;
  background: #fbf9ff;
}


.mb-screen2__group {
  position: absolute;
  width: 1279px;
  height: 146px;
  left: 50%;
  top: 80px; 
  transform: translateX(calc(-50% - 31.5px));
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: center;
  gap: 56px;
}

.mb-metric {
  flex: 1 1 0;
  min-width: 0;
  width: auto;
  text-align: center;
}

.mb-metric__value {
  font-family: "Outfit", -apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei",
    "Helvetica Neue", Arial, sans-serif;
  font-style: normal;
  font-weight: 800;
  font-size: 60px;
  line-height: 76px;
  color: #21242d;
}

.mb-metric__label {
  margin-top: 12px; 
  font-family: "PingFang SC", -apple-system, BlinkMacSystemFont, sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 20px;
  line-height: 28px;
  letter-spacing: 0.02em;
  color: #21242d;
  overflow-wrap: anywhere;
  text-wrap: balance;
}

.mb-metric__desc {
  margin-top: 10px; 
  font-family: "PingFang SC", -apple-system, BlinkMacSystemFont, sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.02em;
  color: #757c8e;
  overflow-wrap: anywhere;
  text-wrap: balance;
}


.mb-screen2__divider {
  position: absolute;
  width: 1px;
  height: 120px;
  top: 80px; 
  background: #c3c7cc;
  opacity: 0.5;
}

.mb-screen2__divider--a {
  left: 594px;
}
.mb-screen2__divider--b {
  left: 960px;
}
.mb-screen2__divider--c {
  left: 1327px;
}


.mb-screen3 {
  position: absolute;
  width: 1920px;
  height: 712px;
  left: 0px;
  top: 1106px;
  scroll-margin-top: 60px;
}

.mb-screen3__bg {
  position: absolute;
  width: 1920px;
  height: 712px;
  left: 0px;
  top: 0px;
  background: var(--mb-asset-bg-2-jpg) center / cover no-repeat, #f7f5fa;
}

.mb-screen3__title {
  position: absolute;
  height: 60px;
  left: 50%;
  top: 80px; 
  transform: translateX(-50%);
  margin: 0;
  font-family: "AlimamaFangYuanTiVF-Bold-Square", "Alimama FangYuanTi VF", "PingFang SC",
    -apple-system, BlinkMacSystemFont, sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 50px;
  line-height: 60px;
  text-align: center;
  color: #21242d;
}

.mb-screen3__subtitle {
  position: absolute;
  left: 50%;
  top: 156px; 
  transform: translateX(-50%);
  margin: 0;
  font-family: "PingFang SC", -apple-system, BlinkMacSystemFont, sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: 28px;
  text-align: center;
  color: #333743;
}


.mb-screen3__grid {
  position: absolute;
  width: 1203px;
  height: 408px;
  left: 50%;
  top: 224px; 
  transform: translateX(0.01px) translateX(-50%);
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.mb-screen3__row {
  display: flex;
  gap: 24px;
}

.mb-featureCard {
  box-sizing: border-box;
  width: 385px;
  min-height: 192px;
  height: auto;
  background: rgba(255, 255, 255, 0.6);
  border: 1px solid #ffffff;
  backdrop-filter: blur(5px);
  border-radius: 24px;
  position: relative;
  padding: 24px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.mb-featureCard__top {
  display: flex;
  gap: 10px;
  align-items: flex-start;
}

.mb-featureCard__icon {
  width: 48px;
  height: 48px;
  background: rgba(255, 45, 85, 0.08);
  border-radius: 12px;
  position: relative;
  display: grid;
  place-items: center;
}

.mb-featureCard__iconImg {
  width: 24px;
  height: 24px;
  display: block;
}

.mb-featureCard__text {
  display: flex;
  flex-direction: column;
  gap: 4px;
  min-width: 0;
}

.mb-featureCard__title {
  font-family: "PingFang SC", -apple-system, BlinkMacSystemFont, sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 20px;
  line-height: 28px;
  letter-spacing: 0.02em;
  color: #21242d;
  overflow-wrap: anywhere;
}

.mb-featureCard__desc {
  font-family: "PingFang SC", -apple-system, BlinkMacSystemFont, sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #4b5563;
  overflow-wrap: anywhere;
}

.mb-featureCard__badge {
  position: absolute;
  width: max-content;
  min-width: 42px;
  height: 42px;
  right: 24px;
  top: 0px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  padding: 0 10px;
  border-radius: 14px;
  background: linear-gradient(145deg, rgba(255, 255, 255, 0.94), rgba(241, 246, 255, 0.78));
  border: 1px solid rgba(255, 255, 255, 0.9);
  box-shadow: 0 10px 22px rgba(52, 113, 255, 0.12), inset 0 1px 0 rgba(255, 255, 255, 0.9);
  color: var(--mb-brand-blue);
}

.mb-featureCard__badge span {
  font-family: "Alimama FangYuanTi VF", "PingFang SC", "Microsoft YaHei", -apple-system, BlinkMacSystemFont, sans-serif;
  font-size: 18px;
  font-weight: 800;
  line-height: 20px;
  letter-spacing: 0;
  white-space: nowrap;
  transform: none;
}

.mb-featureCard__badge--real,
.mb-featureCard__badge--save {
  color: var(--mb-brand-red);
  background: linear-gradient(145deg, rgba(255, 255, 255, 0.96), rgba(255, 241, 246, 0.8));
  box-shadow: 0 10px 22px rgba(255, 45, 85, 0.12), inset 0 1px 0 rgba(255, 255, 255, 0.9);
}

.mb-featureCard__badge--excellent,
.mb-featureCard__badge--comprehensive {
  color: #20b486;
  background: linear-gradient(145deg, rgba(255, 255, 255, 0.96), rgba(235, 255, 247, 0.78));
  box-shadow: 0 10px 22px rgba(32, 180, 134, 0.12), inset 0 1px 0 rgba(255, 255, 255, 0.9);
}

.mb-featureCard__badge--smart {
  color: #8b5cf6;
  background: linear-gradient(145deg, rgba(255, 255, 255, 0.96), rgba(246, 241, 255, 0.8));
  box-shadow: 0 10px 22px rgba(139, 92, 246, 0.12), inset 0 1px 0 rgba(255, 255, 255, 0.9);
}


.mb-screen4 {
  position: absolute;
  width: 1920px;
  height: 991px;
  left: 0px;
  top: 3497px;
  scroll-margin-top: 64px;
}

.mb-screen4__bg {
  position: absolute;
  width: 1920px;
  height: 991px;
  left: 0px;
  top: 0px;
  background: var(--mb-asset-4-bg-png) center / cover no-repeat,
    linear-gradient(90deg, rgba(255, 233, 244, 0.3) 0%, rgba(234, 243, 255, 0.5) 100%);
}

.mb-screen4__title {
  position: absolute;
  height: 60px;
  left: 50%;
  top: 80px;
  transform: translateX(0.5px) translateX(-50%);
  margin: 0;
  font-family: "AlimamaFangYuanTiVF-Bold-Square", "Alimama FangYuanTi VF", "PingFang SC",
    -apple-system, BlinkMacSystemFont, sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 50px;
  line-height: 60px;
  text-align: center;
  color: #21242d;
}

.mb-screen4__subtitle {
  position: absolute;
  left: 50%;
  top: 156px;
  transform: translateX(-50%);
  margin: 0;
  font-family: "PingFang SC", -apple-system, BlinkMacSystemFont, sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: 28px;
  text-align: center;
  color: #333743;
}

.mb-screen4__tabs {
  position: absolute;
  width: min(720px, calc(100% - 48px));
  min-height: 36px;
  left: 50%;
  top: 252px;
  transform: translateX(-50%);
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 16px;
}

.mb-screen4__tab {
  min-height: 36px;
  border-radius: 9999px;
  border: 1px solid #e1e2e6;
  background: #ffffff;
  color: #333743;
  padding: 8px 20px;
  font-family: "PingFang SC", -apple-system, BlinkMacSystemFont, sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  cursor: pointer;
  transition: box-shadow 160ms ease, transform 160ms ease, background-color 160ms ease, border-color 160ms ease;
  will-change: box-shadow, transform;
}

.mb-screen4__tab:nth-child(1),
.mb-screen4__tab:nth-child(4) {
  min-width: 118px;
}

.mb-screen4__tab:nth-child(2),
.mb-screen4__tab:nth-child(3) {
  min-width: 132px;
}

.mb-screen4__tab--active {
  background: #ff2d55;
  border-color: #ff2d55;
  color: #ffffff;
}

.mb-screen4__tab:hover {
  box-shadow: 0 10px 20px rgba(33, 36, 45, 0.072), 0 4px 10px rgba(33, 36, 45, 0.04);
  transform: translateY(-1px);
}

.mb-screen4__tab:active {
  transform: translateY(0);
  box-shadow: 0 7px 14px rgba(33, 36, 45, 0.056), 0 3px 8px rgba(33, 36, 45, 0.032);
}

.mb-screen4__tab:focus-visible {
  outline: none;
  box-shadow: 0 0 0 3px rgba(52, 113, 255, 0.112), 0 10px 20px rgba(33, 36, 45, 0.072),
    0 4px 10px rgba(33, 36, 45, 0.04);
}

.mb-screen4__tab--active:hover {
  box-shadow: 0 12px 24px rgba(255, 45, 85, 0.128), 0 5px 12px rgba(255, 45, 85, 0.08);
}

.mb-screen4__tab--active:active {
  box-shadow: 0 8px 16px rgba(255, 45, 85, 0.104), 0 4px 10px rgba(255, 45, 85, 0.064);
}

.mb-screen4__tab--active:focus-visible {
  box-shadow: 0 0 0 3px rgba(255, 45, 85, 0.16), 0 12px 24px rgba(255, 45, 85, 0.128),
    0 5px 12px rgba(255, 45, 85, 0.08);
}

.mb-screen4__cards {
  position: absolute;
  width: 1104px;
  height: 658px;
  left: 50%;
  top: 312px;
  transform: translateX(-50%);
  display: flex;
  gap: 24px;
}

.mb-sceneCard {
  position: relative;
  width: 258px;
  height: 658px;
}

.mb-sceneCard__image {
  width: 258px;
  height: 558px;
  border-radius: 24px;
  object-fit: cover;
  display: block;
}

.mb-sceneCard__play {
  position: absolute;
  top: 249px;
  left: 50%;
  transform: translateX(-50%);
  width: 60px;
  height: 60px;
  border: 0;
  background: transparent;
  padding: 0;
  cursor: pointer;
}

.mb-sceneCard__play img {
  width: 60px;
  height: 60px;
  display: block;
}

.mb-sceneCard__caption {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 258px;
  height: 76px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
}

.mb-sceneCard__caption h3 {
  margin: 0;
  height: 25px;
  font-family: "PingFang SC", -apple-system, BlinkMacSystemFont, sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 18px;
  line-height: 25px;
  text-align: center;
  color: #21242d;
}

.mb-sceneCard__caption p {
  margin: 4px 0 0;
  font-family: "PingFang SC", -apple-system, BlinkMacSystemFont, sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  text-align: center;
  color: #333743;
  max-width: 252px;
}


.mb-nav-bg {
  opacity: 0;
  visibility: hidden;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  height: 64px;
  background: rgba(255, 255, 255, 0.6);
  backdrop-filter: blur(30px);
  z-index: 998;
  transition: opacity 0.3s ease, visibility 0.3s ease;
}

.mb-nav-bg--visible {
  opacity: 1;
  visibility: visible;
}


.mb-nav {
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: 8px;
  gap: clamp(24px, 6vw, 177px);

  position: fixed;
  width: min(1440px, calc(100vw - 32px));
  height: 64px;
  left: 50%;
  top: 16px;
  transform: translateX(-50%);
  z-index: 999;

  background: rgba(255, 255, 255, 0.6);
  border: 1px solid #ffffff;
  border-radius: 100px;
  backdrop-filter: blur(5px);
  transition: background 0.3s ease, border-color 0.3s ease, border-radius 0.3s ease, top 0.3s ease;
}

.mb-nav--scrolled {
  width: min(1440px, 100vw);
  left: 50%;
  top: 0;
  transform: translateX(-50%);
  border-radius: 0;
  border-color: transparent;
  background: transparent;
}

.mb-nav__brand {
  display: flex;
  align-items: center;
  padding-left: 8px;
}

.mb-nav__brandLogo {
  width: 184.41px;
  height: 36px;
  flex: none;
  display: block;
}

.mb-nav__links {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: clamp(18px, 2.5vw, 36px);
  width: auto;
  min-width: 304px;
  height: 20px;
  justify-content: center;
  font-family: "PingFang SC", -apple-system, BlinkMacSystemFont, sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
}

.mb-nav__link {
  color: #21242d;
  opacity: 0.9;
  transition: color 0.2s;
}

.mb-nav__link:hover {
  color: #ff2d55;
}

.mb-nav__link--active {
  color: #ff2d55;
  opacity: 1;
  font-weight: 500;
}

.mb-nav__actions {
  display: flex;
  justify-content: flex-end;
  align-items: flex-start;
  gap: 12px;
  padding-right: 8px;
  min-width: 0;
  flex: 0 1 auto;
}

.mb-dropdown {
  position: relative;
}

.mb-dropdown__menu {
  position: absolute;
  top: 100%;
  left: 0;
  margin-top: 8px;
  min-width: 160px;
  background: #fff;
  border-radius: 12px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.12);
  padding: 8px;
  z-index: 1000;
  opacity: 0;
  visibility: hidden;
  transform: translateY(-10px);
  transition: all 0.3s ease;
}

.mb-dropdown:hover .mb-dropdown__menu {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

.mb-dropdown__item {
  display: block;
  padding: 10px 16px;
  font-size: 14px;
  color: #333743;
  text-decoration: none;
  border-radius: 8px;
  transition: background 0.2s;
}

.mb-dropdown__item:hover {
  background: #f5f5f5;
}

.mb-lang__menu {
  min-width: 196px;
}

.mb-lang__item {
  display: block;
  padding: 10px 16px;
  font-size: 14px;
  line-height: 20px;
  color: #333743;
  border-radius: 8px;
}

.mb-lang__item:hover {
  background: #f5f5f5;
}

.mb-lang__item--active {
  color: var(--mb-brand-red);
  font-weight: 700;
}

.download-btn {
  display: block;
  width: 100%;
  padding: 10px 16px;
  font-size: 14px;
  color: #333743;
  background: none;
  border: none;
  border-radius: 8px;
  text-align: left;
  cursor: pointer;
  transition: background 0.2s;
}

.download-btn:hover {
  background: #f5f5f5;
}

.mb-btn {
  display: inline-flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 8px;
  padding: 10px 20px;
  height: 40px;
  border-radius: 9999px;
  font-family: "PingFang SC", -apple-system, BlinkMacSystemFont, sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  border: 1px solid rgba(88, 42, 124, 0.1);
  background: #ffffff;
  cursor: pointer;
  transition: box-shadow 160ms ease, transform 160ms ease, background-color 160ms ease;
  will-change: box-shadow, transform;
  white-space: nowrap;
}

.mb-btn--ghost {
  background: #ffffff;
  color: var(--mb-text-strong);
}

.mb-btn--primary {
  background: var(--mb-brand-red);
  border: 0;
  padding: 10px 20px 10px 28px;
  color: #ffffff;
}

.mb-btn--ghost:hover {
  box-shadow: 0 10px 18px rgba(33, 36, 45, 0.072), 0 4px 10px rgba(33, 36, 45, 0.04);
  transform: translateY(-1px);
}

.mb-btn--ghost:active {
  transform: translateY(0px);
  box-shadow: 0 8px 14px rgba(33, 36, 45, 0.056), 0 3px 8px rgba(33, 36, 45, 0.032);
}

.mb-btn--ghost:focus-visible {
  outline: none;
  box-shadow: 0 0 0 3px rgba(52, 113, 255, 0.112),
    0 10px 18px rgba(33, 36, 45, 0.072), 0 4px 10px rgba(33, 36, 45, 0.04);
}

.mb-btn--primary:hover {
  box-shadow: 0 12px 26px rgba(255, 45, 85, 0.144), 0 5px 12px rgba(255, 45, 85, 0.096);
  transform: translateY(-1px);
}

.mb-btn--primary:active {
  transform: translateY(0px);
  box-shadow: 0 10px 22px rgba(255, 45, 85, 0.112), 0 4px 10px rgba(255, 45, 85, 0.08);
}

.mb-btn--primary:focus-visible {
  outline: none;
  box-shadow: 0 0 0 3px rgba(255, 45, 85, 0.16),
    0 12px 26px rgba(255, 45, 85, 0.144), 0 5px 12px rgba(255, 45, 85, 0.096);
}


.mb-hero {
  position: absolute;
  width: 680px;
  height: 286px;
  left: 280px;
  top: 195px;
}

.mb-hero__title {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 18px;
  margin: 0;
  min-height: 84px;
  height: auto;
  line-height: 84px;
  font-family: "Alimama FangYuanTi VF", "PingFang SC", -apple-system, BlinkMacSystemFont,
    sans-serif;
  font-size: 70px;
  letter-spacing: 0;
  font-style: normal;
}

.mb-hero__titleA {
  font-weight: 500;
  font-family: "AlimamaFangYuanTiVF-Medium-Square", "Alimama FangYuanTi VF", "PingFang SC",
    -apple-system, BlinkMacSystemFont, sans-serif;
  color: #000000;
}

.mb-hero__titleB {
  position: static;
  width: auto;
  min-width: 0;
  height: auto;
  text-align: left;
  font-family: "AlimamaFangYuanTiVF-Bold-Square", "Alimama FangYuanTi VF", "PingFang SC",
    -apple-system, BlinkMacSystemFont, sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 70px;
  line-height: 84px;
  color: #ff2d55;
}

.mb-hero__desc {
  position: absolute;
  width: min(640px, 100%);
  min-height: 108px;
  height: auto;
  left: 0;
  top: 100px;
  margin: 0;
  font-family: "PingFang SC", -apple-system, BlinkMacSystemFont, sans-serif;
  font-weight: 500;
  font-size: 22px;
  line-height: 36px;
  color: var(--mb-text-strong);
}


.mb-hero__cta {
  display: flex;
  flex-direction: row;
  align-items: center;
  flex-wrap: wrap;
  gap: 24px;
  position: absolute;
  width: min(640px, 100%);
  min-height: 54px;
  left: 0;
  top: 232px;
}

.mb-btn--ctaPrimary {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 4px;
  padding: 16px 28px;
  min-width: 172px;
  min-height: 54px;
  background: var(--mb-brand-red);
  border: 0;
  border-radius: 100px;
  color: #ffffff;
  font-size: 16px;
  line-height: 22px;
  cursor: pointer;
  transition: box-shadow 160ms ease, transform 160ms ease, filter 160ms ease;
  will-change: box-shadow, transform;
}

.mb-btn--ctaPrimary:hover {
  box-shadow: 0 14px 32px rgba(255, 45, 85, 0.144), 0 6px 14px rgba(255, 45, 85, 0.096);
  transform: translateY(-1px);
}

.mb-btn--ctaPrimary:active {
  transform: translateY(0px);
  box-shadow: 0 10px 22px rgba(255, 45, 85, 0.112), 0 4px 10px rgba(255, 45, 85, 0.08);
}

.mb-btn--ctaPrimary:focus-visible {
  outline: none;
  box-shadow: 0 0 0 3px rgba(255, 45, 85, 0.16),
    0 14px 32px rgba(255, 45, 85, 0.144), 0 6px 14px rgba(255, 45, 85, 0.096);
}

.mb-btn--ctaSecondary {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 16px 28px;
  min-width: 180px;
  min-height: 54px;
  background: rgba(255, 255, 255, 0.8);
  border: 0.5px solid #ffffff;
  backdrop-filter: blur(5px);
  border-radius: 100px;
  color: var(--mb-text-strong);
  font-size: 16px;
  line-height: 22px;
  cursor: pointer;
  transition: box-shadow 160ms ease, transform 160ms ease, background-color 160ms ease;
  will-change: box-shadow, transform;
}

.mb-btn--ctaSecondary:hover {
  box-shadow: 0 14px 28px rgba(33, 36, 45, 0.08), 0 6px 12px rgba(33, 36, 45, 0.048);
  transform: translateY(-1px);
  background: rgba(255, 255, 255, 0.88);
}

.mb-btn--ctaSecondary:active {
  transform: translateY(0px);
  box-shadow: 0 10px 18px rgba(33, 36, 45, 0.064), 0 4px 10px rgba(33, 36, 45, 0.04);
}

.mb-btn--ctaSecondary:focus-visible {
  outline: none;
  box-shadow: 0 0 0 3px rgba(52, 113, 255, 0.112),
    0 14px 28px rgba(33, 36, 45, 0.08), 0 6px 12px rgba(33, 36, 45, 0.048);
}


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

.mb-floatCard {
  position: absolute;
  pointer-events: auto;
}

.mb-floatCard__text {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 8px 12px;
  gap: 8px;
  background: rgba(255, 255, 255, 0.6);
  border: 0.5px solid #ffffff;
  backdrop-filter: blur(5px);
  border-radius: 12px;
  box-sizing: border-box;
}

.mb-floatCard__title {
  font-family: "Alimama FangYuanTi VF", "PingFang SC", -apple-system, BlinkMacSystemFont,
    sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 19px;
  letter-spacing: 0.06em;
  color: var(--mb-brand-blue);
  overflow-wrap: anywhere;
}

.mb-floatCard__desc {
  font-family: "Alimama FangYuanTi VF", "PingFang SC", -apple-system, BlinkMacSystemFont,
    sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  line-height: 14px;
  letter-spacing: 0.06em;
  color: #082260;
  opacity: 0.8;
  max-width: 220px;
  overflow-wrap: anywhere;
}

.mb-floatCard__icon {
  position: absolute;
  width: 36px;
  height: 36px;
  border-radius: 75px;
  display: grid;
  place-items: center;
}

.mb-floatCard__icon--blue {
  background: #4c82ff;
  box-shadow: 0px 9.93103px 49.6552px rgba(52, 113, 255, 0.23),
    0px 4.97037px 24.8518px rgba(52, 113, 255, 0.174877),
    0px 2.99392px 14.9696px rgba(52, 113, 255, 0.149865);
}

.mb-floatCard__icon--yellow {
  background: #ffcc00;
  box-shadow: 0px 9.93103px 49.6552px rgba(255, 204, 0, 0.23),
    0px 4.97037px 24.8518px rgba(255, 204, 0, 0.174877),
    0px 2.99392px 14.9696px rgba(255, 204, 0, 0.149865);
}

.mb-floatCard__icon--green {
  background: #70e000;
  box-shadow: 0px 1.88481px 7.72773px rgba(112, 224, 0, 0.5);
}

.mb-floatCard__icon--pink {
  background: #ff5676;
  box-shadow: 0px 8px 40px rgba(255, 89, 118, 0.16),
    0px 4.00391px 20.0195px rgba(255, 89, 118, 0.121653),
    0px 2.41177px 12.0588px rgba(255, 89, 118, 0.104254);
}

.mb-floatCard__icon--purple {
  background: #ca60ff;
  box-shadow: 0px 9.93103px 49.6552px rgba(210, 121, 255, 0.23),
    0px 4.97037px 24.8518px rgba(210, 121, 255, 0.174877),
    0px 2.99392px 14.9696px rgba(210, 121, 255, 0.149865);
}

.mb-miniIcon {
  width: 15px;
  height: 15px;
  display: block;
  position: relative;
}

.mb-miniIconImg {
  width: 15px;
  height: 15px;
  display: block;
  position: static;
}

.mb-miniIcon::before,
.mb-miniIcon::after {
  content: "";
  position: absolute;
  inset: 0;
  border: 1.5px solid rgba(255, 255, 255, 0.95);
  border-radius: 3px;
}

.mb-miniIcon--translate::before,
.mb-miniIcon--translate::after {
  border-radius: 4px;
}

.mb-miniIcon--translateSvg {
  width: 15px;
  height: 15px;
  display: block;
}

.mb-miniIcon--monitor::after {
  inset: 2px 1px 4px 1px;
  border-radius: 2px;
}

.mb-miniIcon--check::before {
  border: 0;
}

.mb-miniIcon--check::after {
  border: 0;
  width: 9px;
  height: 5px;
  left: 3px;
  top: 5px;
  transform: rotate(-45deg);
  border-left: 2px solid rgba(255, 255, 255, 0.95);
  border-bottom: 2px solid rgba(255, 255, 255, 0.95);
}

.mb-miniIcon--spark::before {
  border-radius: 50%;
  opacity: 0.75;
}

.mb-miniIcon--sparkSvg {
  width: 15px;
  height: 15px;
  display: block;
}

.mb-miniIcon--dots::before {
  border: 0;
  inset: 6px 0 0 0;
  height: 3px;
  background: rgba(255, 255, 255, 0.95);
  border-radius: 2px;
}


.mb-floatCard--platform {
  left: 1087px;
  top: 199px;
}
.mb-floatCard--platform .mb-floatCard__text {
  width: 189px;
  height: 71px;
}
.mb-floatCard--platform .mb-floatCard__icon {
  left: 171px; 
  top: -18px; 
}

.mb-floatCard--scene {
  left: 1464.5px;
  top: 299px;
}
.mb-floatCard--scene .mb-floatCard__text {
  width: 176px;
  height: 71px;
}
.mb-floatCard--scene .mb-floatCard__icon {
  left: 157.5px; 
  top: -18px; 
}

.mb-floatCard--aiModel {
  left: 792px;
  top: 521px;
}
.mb-floatCard--aiModel .mb-floatCard__text {
  width: 221px;
  height: 71px;
  padding-left: 20px;
}
.mb-floatCard--aiModel .mb-floatCard__icon {
  left: -18px; 
  top: -18px; 
}

.mb-floatCard--industry {
  left: 1421.75px;
  top: 493px;
}
.mb-floatCard--industry .mb-floatCard__text {
  width: 227px;
  height: 57px;
}
.mb-floatCard--industry .mb-floatCard__icon {
  left: 209.25px; 
  top: -18px; 
}


.mb-floatCard--industry .mb-floatCard__text {
  border: 0;
  box-shadow: inset 0 0 0 0.5px #ffffff;
}

.mb-floatCard--industry .mb-floatCard__desc {
  white-space: nowrap;
}

.mb-floatCard--language {
  left: 999.5px;
  top: 670.5px;
}
.mb-floatCard--language .mb-floatCard__text {
  width: 189px;
  height: 57px;
}
.mb-floatCard--language .mb-floatCard__icon {
  left: 170.5px; 
  top: -18px; 
}
.mb-floatCard--language .mb-floatCard__desc {
  white-space: nowrap;
}


.mb-logo3d {
  position: absolute;
  width: 281.32px;
  height: 274.07px;
  left: 1055px;
  top: 327.93px;
  display: block;
  object-fit: contain;
  user-select: none;
  -webkit-user-drag: none;
}


.mb-icon {
  width: 16px;
  height: 16px;
  display: inline-block;
  position: relative;
  flex: none;
}

.mb-iconImg {
  width: 16px;
  height: 16px;
  display: inline-block;
  position: static;
}

.mb-icon--playSvg {
  width: 16px;
  height: 16px;
  display: inline-block;
}

.mb-icon--arrow,
.mb-icon--arrowLight {
  transform: rotate(-90deg);
}

.mb-icon--arrow::before,
.mb-icon--arrowLight::before {
  content: "";
  position: absolute;
  left: 5px;
  top: 3px;
  width: 8px;
  height: 8px;
  border-right: 1.5px solid currentColor;
  border-bottom: 1.5px solid currentColor;
  transform: rotate(45deg);
}

.mb-icon--arrowLight {
  color: rgba(255, 255, 255, 0.95);
}

.mb-icon--download::before {
  content: "";
  position: absolute;
  left: 7px;
  top: 2px;
  width: 2px;
  height: 9px;
  background: currentColor;
  border-radius: 1px;
}

.mb-icon--download::after {
  content: "";
  position: absolute;
  left: 5px;
  top: 8px;
  width: 6px;
  height: 6px;
  border-right: 1.5px solid currentColor;
  border-bottom: 1.5px solid currentColor;
  transform: rotate(45deg);
}

.mb-icon--play {
  border: 1.5px solid var(--mb-text-subtle);
  border-radius: 999px;
}
.mb-icon--play::before {
  content: "";
  position: absolute;
  left: 6px;
  top: 4px;
  width: 0;
  height: 0;
  border-left: 6px solid var(--mb-text-subtle);
  border-top: 4px solid transparent;
  border-bottom: 4px solid transparent;
}

.mb-screen5 {
  position: absolute;
  left: 0;
  top: 4488px;
  width: 1920px;
  height: 931px;
}

.mb-screen5__bg {
  position: absolute;
  inset: 0;
  background: #f7f5fa var(--mb-asset-5-bg-png) center/cover no-repeat;
}

.mb-screen5__title {
  position: absolute;
  left: 50%;
  top: 80px;
  transform: translateX(-50%);
  margin: 0;
  width: 1000px;
  min-height: 60px;
  font-family: "AlimamaFangYuanTiVF-Bold-Square", "PingFang SC", "Microsoft YaHei", sans-serif;
  font-weight: 700;
  font-size: 50px;
  line-height: 60px;
  text-align: center;
  color: #21242d;
}

.mb-screen5__subtitle {
  position: absolute;
  left: 50%;
  top: 156px;
  transform: translateX(-50%);
  margin: 0;
  font-weight: 400;
  font-size: 20px;
  line-height: 28px;
  text-align: center;
  color: #333743;
}

.mb-screen5__visual {
  position: absolute;
  left: 301px;
  top: 252px;
  width: 631px;
  height: 558px;
  overflow: hidden;
}


.mb-screen5__ring {
  position: absolute;
  width: 559.63px;
  height: 608.5px;
  left: 16px;
  top: -34px;
  object-fit: contain;
  z-index: 1;
}


.mb-screen5__wave {
  position: absolute;
  left: 84px;
  top: 44px;
  width: 480px;
  height: 406px;
  object-fit: contain;
  z-index: 2;
}


.mb-screen5__person {
  position: absolute;
  left: 176px;
  top: 32px;
  width: 302px;
  height: 355px;
  object-fit: contain;
  z-index: 3;
}


.mb-screen5__note {
  position: absolute;
  left: 136px;
  top: 388px;
  width: 60px;
  height: 60px;
  object-fit: contain;
  z-index: 4;
}


.mb-screen5__mic {
  position: absolute;
  left: 539px;
  top: 237px;
  width: 50px;
  height: 50px;
  object-fit: contain;
  transform: matrix(-1, 0, 0, 1, 0, 0);
  z-index: 4;
}

.mb-screen5__float {
  position: absolute;
  width: 220px;
  min-height: 75px;
  z-index: 5;
}

.mb-screen5__floatText {
  position: absolute;
  left: 18px;
  top: 18px;
  width: 202px;
  min-height: 57px;
  height: auto;
  box-sizing: border-box;
  padding: 8px 12px;
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.6);
  box-shadow: inset 0 0 0 0.5px #ffffff;
  backdrop-filter: blur(5px);
}

.mb-screen5__floatTitle {
  font-family: "AlimamaFangYuanTiVF-Bold-Square", "PingFang SC", "Microsoft YaHei", sans-serif;
  font-weight: 700;
  font-size: 16px;
  line-height: 19px;
  letter-spacing: 0.06em;
  color: #3471ff;
}

.mb-screen5__floatDesc {
  margin-top: 8px;
  font-family: "AlimamaFangYuanTiVF-Medium-Square", "PingFang SC", "Microsoft YaHei", sans-serif;
  font-weight: 500;
  font-size: 12px;
  line-height: 14px;
  letter-spacing: 0.06em;
  color: rgba(8, 34, 96, 0.8);
  overflow-wrap: anywhere;
}

.mb-screen5__floatIcon {
  position: absolute;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.mb-screen5__floatIcon img {
  width: 16px;
  height: 16px;
  display: block;
}

.mb-screen5__floatIcon--pink {
  left: 0;
  top: 0;
  background: #ff5676;
  box-shadow:
    0px 8px 40px rgba(255, 89, 118, 0.16),
    0px 4.00391px 20.0195px rgba(255, 89, 118, 0.121653),
    0px 2.41177px 12.0588px rgba(255, 89, 118, 0.104254),
    0px 1.54559px 7.72793px rgba(255, 89, 118, 0.0913432),
    0px 1.00172px 5.00862px rgba(255, 89, 118, 0.08),
    0px 0.630574px 3.15287px rgba(255, 89, 118, 0.0686568),
    0px 0.362304px 1.81152px rgba(255, 89, 118, 0.0557458),
    0px 0.159459px 0.797297px rgba(255, 89, 118, 0.0383468);
}

.mb-screen5__floatIcon--blue {
  left: 143px;
  top: 0;
  background: #4c82ff;
  box-shadow:
    0px 9.93103px 49.6552px rgba(52, 113, 255, 0.23),
    0px 4.97037px 24.8518px rgba(52, 113, 255, 0.174877),
    0px 2.99392px 14.9696px rgba(52, 113, 255, 0.149865),
    0px 1.91866px 9.59329px rgba(52, 113, 255, 0.131306),
    0px 1.24352px 6.2176px rgba(52, 113, 255, 0.115),
    0px 0.782782px 3.91391px rgba(52, 113, 255, 0.0986942),
    0px 0.449757px 2.24878px rgba(52, 113, 255, 0.0801346),
    0px 0.19795px 0.989748px rgba(52, 113, 255, 0.0551235);
}

.mb-screen5__floatIcon--purple {
  left: 145px;
  top: 0;
  background: #ca60ff;
  box-shadow:
    0px 9.93103px 49.6552px rgba(210, 121, 255, 0.23),
    0px 4.97037px 24.8518px rgba(210, 121, 255, 0.174877),
    0px 2.99392px 14.9696px rgba(210, 121, 255, 0.149865),
    0px 1.91866px 9.59329px rgba(210, 121, 255, 0.131306),
    0px 1.24352px 6.2176px rgba(210, 121, 255, 0.115),
    0px 0.782782px 3.91391px rgba(210, 121, 255, 0.0986942),
    0px 0.449757px 2.24878px rgba(210, 121, 255, 0.0801346),
    0px 0.19795px 0.989748px rgba(210, 121, 255, 0.0551235);
}

.mb-screen5__float--real {
  left: 18px;
  top: 126px;
}

.mb-screen5__float--real .mb-screen5__floatText {
  padding: 8px 20px;
}

.mb-screen5__float--real .mb-screen5__floatTitle,
.mb-screen5__float--real .mb-screen5__floatDesc {
  white-space: normal;
}

.mb-screen5__float--rich {
  left: 452px;
  top: 77px;
  width: 230px;
}

.mb-screen5__float--rich .mb-screen5__floatText {
  left: 0;
  width: 210px;
  min-height: 57px;
  height: auto;
}

.mb-screen5__float--rich .mb-screen5__floatTitle,
.mb-screen5__float--rich .mb-screen5__floatDesc {
  white-space: normal;
}

.mb-screen5__float--smart {
  left: 396px;
  top: 402.5px;
  width: 230px;
}

.mb-screen5__float--smart .mb-screen5__floatText {
  left: 0;
  width: 210px;
}

.mb-screen5__actions {
  position: absolute;
  left: 125px;
  top: 512px;
  width: 412px;
  display: flex;
  gap: 8px;
  z-index: 5;
}

.mb-screen5__actions button {
  width: 132px;
  height: 46px;
  border: 1px solid #ff2d55;
  border-radius: 100px;
  background: #ff2d55;
  color: #fff;
  font-size: 16px;
  line-height: 22px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  cursor: pointer;
  transition: box-shadow 160ms ease, transform 160ms ease, filter 160ms ease;
  will-change: box-shadow, transform;
}

.mb-screen5__actions button img {
  width: 16px;
  height: 16px;
}

.mb-screen5__audioIcon--playing {
  animation: mb-audio-icon-pulse 900ms ease-in-out infinite;
  filter: drop-shadow(0 0 6px rgba(255, 255, 255, 0.52));
}

@keyframes mb-audio-icon-pulse {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  50% {
    transform: scale(1.14);
    opacity: 0.82;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}

.mb-screen5__actions button:hover {
  box-shadow: 0 14px 32px rgba(255, 45, 85, 0.144), 0 6px 14px rgba(255, 45, 85, 0.096);
  transform: translateY(-1px);
}

.mb-screen5__actions button:active {
  transform: translateY(0);
  box-shadow: 0 10px 22px rgba(255, 45, 85, 0.112), 0 4px 10px rgba(255, 45, 85, 0.08);
}

.mb-screen5__actions button:focus-visible {
  outline: none;
  box-shadow: 0 0 0 3px rgba(255, 45, 85, 0.16), 0 14px 32px rgba(255, 45, 85, 0.144),
    0 6px 14px rgba(255, 45, 85, 0.096);
}

.mb-screen5__actionBtn--playing {
  box-shadow: 0 12px 26px rgba(255, 45, 85, 0.128), 0 5px 12px rgba(255, 45, 85, 0.08);
}

.mb-screen5__cards {
  position: absolute;
  left: 972px;
  top: 252px;
  width: 540px;
  height: 658px;
  display: flex;
  gap: 24px;
}

.mb-screen5__card {
  position: relative;
  width: 258px;
  height: 658px;
}

.mb-screen5__card > img,
.mb-screen5__cardMedia {
  width: 258px;
  height: 558px;
  border-radius: 24px;
  object-fit: cover;
  display: block;
}

.mb-screen5__cardMedia {
  cursor: pointer;
}

.mb-screen5__card .mb-sceneCard__play {
  left: 50%;
  top: 249px;
  transform: translateX(-50%);
}

.mb-screen5__card .mb-sceneCard__caption {
  left: 31px;
  width: 196px;
  height: 76px;
  bottom: 0;
}

.mb-screen6 {
  position: absolute;
  left: 0;
  top: 5419px;
  width: 1920px;
  height: 931px;
  scroll-margin-top: 60px;
}

.mb-screen6__bg {
  position: absolute;
  inset: 0;
  background: var(--mb-asset-6-bg-jpg) center / cover no-repeat;
}

.mb-screen6__title {
  position: absolute;
  top: 80px;
  left: 50%;
  margin: 0;
  transform: translateX(-50%);
  font-family: "AlimamaFangYuanTiVF-Bold-Square", "Alimama FangYuanTi VF", "PingFang SC", "Microsoft YaHei",
    sans-serif;
  font-weight: 700;
  font-size: 50px;
  line-height: 60px;
  text-align: center;
  color: #21242d;
}

.mb-screen6__subtitle {
  position: absolute;
  top: 156px;
  left: 50%;
  margin: 0;
  transform: translateX(-50%);
  font-size: 20px;
  line-height: 28px;
  text-align: center;
  color: #333743;
}

.mb-screen6__grid {
  position: absolute;
  top: 252px;
  left: 50%;
  width: 1155px;
  height: 658px;
  transform: translateX(-50%);
  display: flex;
  gap: 24px;
}

.mb-screen6__assistantCard {
  position: relative;
  width: 309px;
  height: 565px;
}


.mb-screen6__assistantAvatar {
  position: absolute;
  left: 20px;
  top: 0;
  width: 128px;
  height: 146px;
  object-fit: cover;
}

.mb-screen6__assistantHead {
  position: absolute;
  left: 157px;
  top: 28px;
  width: 160px;
}

.mb-screen6__assistantHead h3 {
  margin: 0;
  font-family: "AlimamaFangYuanTiVF-Bold-Square", "Alimama FangYuanTi VF", "PingFang SC", "Microsoft YaHei",
    sans-serif;
  font-weight: 700;
  font-size: 25px;
  line-height: 30px;
  color: #21242d;
  overflow-wrap: anywhere;
}

.mb-screen6__assistantHead p {
  margin: 9px 0 0;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  color: #333743;
}

.mb-screen6__assistantStroke {
  position: absolute;
  height: 579px;
  left: 0;
  right: 0;
  top: 0;
  mix-blend-mode: normal;
  border-radius: 18px 18px 0 0;
  pointer-events: none;
}

.mb-screen6__assistantPanel {
  position: absolute;
  left: 0;
  top: 145px;
  width: 309px;
  height: 438px;
  border-radius: 18px 18px 0 0;
  background: linear-gradient(179.74deg, #fff 0.21%, rgba(255, 255, 255, 0) 87.49%),
    linear-gradient(181.29deg, rgba(97, 94, 240, 0.1) 1.06%, rgba(97, 94, 240, 0) 76.27%);
  backdrop-filter: blur(50px);
  overflow: hidden;
}

.mb-screen6__assistantPanel::before {
  content: "";
  position: absolute;
  width: 170px;
  height: 200px;
  left: 139px;
  top: 0;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
  opacity: 0.6;
  transform: scaleX(-1);
}

.mb-screen6__assistantPanel::after {
  content: "";
  position: absolute;
  width: 127px;
  height: 202px;
  left: 182px;
  top: 0;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.6) 0%, rgba(255, 255, 255, 0) 100%);
  opacity: 0.8;
  transform: scaleX(-1);
}

.mb-screen6__chatList {
  position: absolute;
  left: 16px;
  top: 16px;
  width: 277px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  z-index: 1;
}

.mb-screen6__chatBubble {
  width: 277px;
  padding: 12px;
  background: rgba(255, 255, 255, 0.6);
  border: 0.5px solid #ffffff;
  backdrop-filter: blur(5px);
  border-radius: 16px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  box-sizing: border-box;
}

.mb-screen6__chatBubble:nth-child(1) {
  min-height: 64px;
  height: auto;
}

.mb-screen6__chatBubble:nth-child(2) {
  min-height: 92px;
  height: auto;
}

.mb-screen6__chatBubble:nth-child(3),
.mb-screen6__chatBubble:nth-child(4) {
  min-height: 96px;
  height: auto;
}

.mb-screen6__chatTag {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  width: 100%;
  min-height: 20px;
  height: auto;
}

.mb-screen6__chatTag img {
  width: 16px;
  height: 16px;
  object-fit: contain;
}

.mb-screen6__chatTag span {
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  color: #21242d;
  overflow-wrap: anywhere;
}

.mb-screen6__chatBubble p {
  margin: 0;
  font-size: 14px;
  line-height: 20px;
  text-align: justify;
  color: #21242d;
  overflow-wrap: anywhere;
}

.mb-screen6__card {
  position: relative;
  width: 258px;
  height: 658px;
}

.mb-screen6__cardImage,
.mb-screen6__cardMedia {
  width: 258px;
  height: 558px;
  border-radius: 24px;
  object-fit: cover;
  display: block;
}

.mb-screen6__cardMedia {
  cursor: pointer;
}

.mb-screen6__card .mb-sceneCard__play {
  left: 50%;
  top: 249px;
  transform: translateX(-50%);
}

.mb-screen6__cardCaption {
  position: absolute;
  left: 31px;
  bottom: 0;
  width: 196px;
  height: 76px;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

.mb-screen6__cardCaption--wide {
  left: 17px;
  width: 224px;
}

.mb-screen6__cardCaption--narrow {
  left: 31px;
  width: 196px;
}

.mb-screen6__cardCaption h3 {
  margin: 0;
  font-weight: 600;
  font-size: 18px;
  line-height: 25px;
  color: #21242d;
}

.mb-screen6__cardCaption p {
  margin: 4px 0 0;
  font-size: 14px;
  line-height: 20px;
  color: #333743;
}

.mb-screen7 {
  position: absolute;
  left: 0;
  top: 6350px;
  width: 1920px;
  height: 910px;
}

.mb-screen7__bg {
  position: absolute;
  inset: 0;
  background: #f7f5fa var(--mb-asset-7-bg-jpg) center / cover no-repeat;
}

.mb-screen7__title {
  position: absolute;
  top: 80px;
  left: 50%;
  margin: 0;
  transform: translateX(-50%);
  font-family: "AlimamaFangYuanTiVF-Bold-Square", "Alimama FangYuanTi VF", "PingFang SC", "Microsoft YaHei",
    sans-serif;
  font-weight: 700;
  font-size: 50px;
  line-height: 60px;
  text-align: center;
  color: #21242d;
}

.mb-screen7__subtitle {
  position: absolute;
  top: 156px;
  left: 50%;
  margin: 0;
  transform: translateX(-50%);
  font-size: 20px;
  line-height: 28px;
  text-align: center;
  color: #333743;
}
.mb-screen7__grid {
  position: absolute;
  top: 252px;
  left: 50%;
  width: 1064px;
  height: 606px;
  transform: translateX(-50%);
  display: flex;
  gap: 24px;
}

.mb-screen7__mediaBlock {
  width: 540px;
  height: 606px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 20px;
}

.mb-screen7__mediaCards {
  width: 540px;
  height: 558px;
  display: flex;
  gap: 24px;
}

.mb-screen7__mediaCard {
  position: relative;
  width: 258px;
  height: 558px;
}

.mb-screen7__mediaCard > img {
  width: 258px;
  height: 558px;
  border-radius: 24px;
  object-fit: cover;
  display: block;
}

.mb-screen7__mediaCardMedia {
  width: 258px;
  height: 558px;
  border-radius: 24px;
  object-fit: cover;
  display: block;
  cursor: pointer;
}

.mb-screen7__mediaCard .mb-sceneCard__play {
  left: 50%;
  top: 249px;
  transform: translateX(-50%);
}

.mb-screen7__mediaCaption {
  width: 100%;
  min-height: 28px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
  flex-wrap: nowrap;
  text-align: center;
}

.mb-screen7__mediaCaption h3 {
  margin: 0;
  font-weight: 600;
  font-size: 20px;
  line-height: 28px;
  letter-spacing: 0.02em;
  color: #21242d;
  white-space: nowrap;
}

.mb-screen7__mediaCaption span {
  font-size: 16px;
  line-height: 22px;
  letter-spacing: 0.02em;
  color: #333743;
  white-space: nowrap;
}

.mb-screen7__compare {
  width: 500px;
  height: 606px;
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.mb-screen7__compareTop {
  width: 500px;
  height: 67px;
  display: flex;
  align-items: center;
  padding: 0 16px;
  gap: 8px;
  background: rgba(255, 255, 255, 0.6);
  border: 1px solid #fff;
  border-radius: 100px;
}

.mb-screen7__vsIcon {
  width: 67px;
  height: 67px;
  object-fit: cover;
}

.mb-screen7__compareIntro h3 {
  margin: 0;
  font-weight: 600;
  font-size: 24px;
  line-height: 34px;
  letter-spacing: 0.02em;
  color: #21242d;
}

.mb-screen7__compareIntro p {
  margin: 0;
  font-size: 12px;
  line-height: 17px;
  letter-spacing: 0.02em;
  color: #333743;
}

.mb-screen7__compareCard {
  width: 500px;
  height: 225px;
  padding: 20px;
  background: rgba(255, 255, 255, 0.6);
  border: 1px solid #fff;
  border-radius: 24px;
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.mb-screen7__compareCard--highlight {
  background: linear-gradient(0deg, rgba(255, 45, 85, 0.05), rgba(255, 45, 85, 0.05)), rgba(255, 255, 255, 0.6);
  border: 1px solid rgba(255, 45, 85, 0.2);
}

.mb-screen7__compareHead {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.mb-screen7__compareRole h4 {
  margin: 0;
  font-weight: 600;
  font-size: 18px;
  line-height: 25px;
  letter-spacing: 0.02em;
  color: #21242d;
}

.mb-screen7__compareRole p {
  margin: 0;
  font-size: 12px;
  line-height: 17px;
  letter-spacing: 0.02em;
  color: #333743;
}

.mb-screen7__gmv {
  display: flex;
  align-items: baseline;
  gap: 8px;
}

.mb-screen7__gmv strong {
  font-family: "Outfit", "PingFang SC", "Microsoft YaHei", sans-serif;
  font-weight: 800;
  font-size: 28px;
  line-height: 35px;
  color: #21242d;
}

.mb-screen7__compareCard--highlight .mb-screen7__gmv strong {
  color: #ff2d55;
}

.mb-screen7__gmv span {
  font-size: 14px;
  line-height: 20px;
  color: #757c8e;
}

.mb-screen7__metricRows {
  width: calc(100% - 20px);
  border-top: 0.5px solid #c3c7cc;
  padding-top: 16px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.mb-screen7__compareCard--highlight .mb-screen7__metricRows {
  border-top-color: rgba(255, 45, 85, 0.4);
}

.mb-screen7__metricRow {
  width: calc(100% - 20px);
  height: 42px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.mb-screen7__metricRow > div {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0;
  flex: 0 0 auto;
}

.mb-screen7__metricRow:nth-child(1) > div:nth-child(1) {
  margin-right: 78px;
}

.mb-screen7__metricRow:nth-child(1) > div:nth-child(2) {
  margin-right: 116px;
}

.mb-screen7__metricRow:nth-child(1) > div:nth-child(3) {
  margin-right: 88px;
}

.mb-screen7__metricRow:nth-child(1) > div:nth-child(1) {
  width: 38px;
}

.mb-screen7__metricRow:nth-child(1) > div:nth-child(2) {
  width: 38px;
}

.mb-screen7__metricRow:nth-child(1) > div:nth-child(3) {
  width: 53px;
}

.mb-screen7__metricRow:nth-child(1) > div:nth-child(4) {
  width: 40px;
}

.mb-screen7__metricRow:nth-child(2) > div:nth-child(1) {
  width: 49px;
}

.mb-screen7__metricRow:nth-child(2) > div:nth-child(2) {
  width: 86px;
}

.mb-screen7__metricRow:nth-child(2) > div:nth-child(3) {
  width: 74px;
}

.mb-screen7__metricRow:nth-child(2) > div:nth-child(4) {
  width: 49px;
}

.mb-screen7__metricRow:nth-child(2) > div:nth-child(1) {
  margin-right: 67px;
}

.mb-screen7__metricRow:nth-child(2) > div:nth-child(2) {
  margin-right: 68px;
}

.mb-screen7__metricRow:nth-child(2) > div:nth-child(3) {
  margin-right: 67px;
}

.mb-screen7__metricRow span {
  display: block;
  font-size: 12px;
  line-height: 17px;
  letter-spacing: 0.02em;
  color: #757c8e;
  white-space: nowrap;
  text-align: center;
}

.mb-screen7__metricRow strong {
  display: block;
  font-family: "Outfit", "PingFang SC", "Microsoft YaHei", sans-serif;
  font-weight: 800;
  font-size: 20px;
  line-height: 25px;
  letter-spacing: 0.02em;
  color: #21242d;
  text-align: center;
}


.mb-screen8 {
  position: absolute;
  width: 1920px;
  height: 925px;
  left: 0;
  top: 7260px;
  overflow: hidden;
  background: #000;
}

.mb-screen8__bg {
  position: absolute;
  inset: 0;
  background: #000 var(--mb-asset-8-bg-png) center / cover no-repeat;
}

.mb-screen8__bg::before,
.mb-screen8__bg::after {
  content: none;
}


.mb-screen8__title {
  position: absolute;
  min-height: 60px;
  left: 50%;
  top: 80px;
  transform: translateX(-50%);
  margin: 0;
  width: 1280px;
  font-family: "AlimamaFangYuanTiVF-Bold-Square", "PingFang SC", "Microsoft YaHei", sans-serif;
  font-weight: 700;
  font-size: 50px;
  line-height: 60px;
  text-align: center;
  color: #fff;
}

.mb-screen8__subtitle {
  position: absolute;
  left: 50%;
  top: 156px;
  transform: translateX(-50%);
  margin: 0;
  font-size: 20px;
  line-height: 28px;
  text-align: center;
  color: #fff;
}

.mb-screen8__content {
  position: absolute;
  left: 260px;
  top: 337px;
  width: 1400px;
  height: 595px;
}

.mb-screen8__featureList {
  position: absolute;
  left: 0;
  top: 0;
  width: 595px;
  height: 685px;
}

.mb-screen8__feature {
  position: absolute;
  width: 595px;
  box-sizing: border-box;
  border-radius: 323px;
  background: rgba(0, 0, 0, 0.6);
  backdrop-filter: blur(27.84px);
}

.mb-screen8__feature--phone {
  left: 0;
  top: 0;
  min-height: 104px;
  height: auto;
}

.mb-screen8__feature--gimbal {
  left: 0;
  top: 128px;
  min-height: 98px;
  height: auto;
}

.mb-screen8__feature--robot {
  left: 0;
  top: 250px;
  min-height: 98px;
  height: auto;
}

.mb-screen8__feature h3 {
  position: absolute;
  left: 32px;
  top: 32px;
  margin: 0;
  width: 120px;
  height: 34px;
  font-size: 24px;
  line-height: 34px;
  font-weight: 500;
  text-align: center;
  letter-spacing: 0.01em;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.8) 0%, #fff 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

.mb-screen8__feature p {
  position: absolute;
  left: 172px;
  top: 16px;
  margin: 0;
  font-size: 18px;
  line-height: 24px;
  letter-spacing: 0.05em;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.8) 0%, #fff 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

.mb-screen8__feature--phone p {
  width: 400px;
}

.mb-screen8__feature--gimbal p {
  top: 17px;
  width: 321px;
  line-height: 1.4;
}

.mb-screen8__feature--robot p {
  top: 17px;
  width: 285px;
  line-height: 1.4;
}

.mb-screen8__deviceStage {
  position: absolute;
  left: 500px;
  top: -177px;
  width: 900px;
  height: 765px;
  background-image: var(--mb-asset-8-device-png);
  background-repeat: no-repeat;
  background-size: 900px 765px;
  background-position: 0 0;
}






.mb-screen8__tag {
  position: absolute;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 40px;
  padding: 0 20px;
  border-radius: 100px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  background: rgba(255, 255, 255, 0.04);
  backdrop-filter: blur(9.97px);
  font-family: "AlimamaFangYuanTiVF-Bold-Square", "PingFang SC", "Microsoft YaHei", sans-serif;
  font-size: 16px;
  line-height: 40px;
  color: #fff;
  white-space: nowrap;
}

.mb-screen8__tag--phone {
  left: 263px;
  top: 564px;
  width: 105px;
}

.mb-screen8__tag--gimbal {
  left: 510px;
  top: 191px;
  width: 105px;
}

.mb-screen8__tag--robot {
  left: 743px;
  top: 503px;
  width: 121px;
}


.mb-screen9 {
  position: absolute;
  left: 0;
  top: 1818px;
  width: 1920px;
  height: 995px;
  overflow: hidden;
  scroll-margin-top: 64px;
}

.mb-screen9__bg {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: var(--mb-asset-9-bg-jpg) center/cover no-repeat;
}

.mb-screen9__title {
  position: absolute;
  left: 50%;
  top: 80px;
  height: 60px;
  transform: translateX(-50%);
  margin: 0;
  font-family: "AlimamaFangYuanTiVF-Bold-Square", "PingFang SC", "Microsoft YaHei", sans-serif;
  font-weight: 700;
  font-size: 50px;
  line-height: 60px;
  text-align: center;
  color: #21242d;
}

.mb-screen9__subtitle {
  position: absolute;
  left: 50%;
  top: 156px;
  transform: translateX(-50%);
  margin: 0;
  font-size: 20px;
  line-height: 28px;
  text-align: center;
  color: #333743;
}

.mb-screen9__logoRow {
  position: absolute;
  left: 0;
  right: 0;
  top: 216px;
  width: 100%;
  max-width: 1363px;
  height: 40px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 60px;
}

.mb-screen9__logoRow img {
  height: 40px;
  width: auto;
  object-fit: contain;
}

.mb-screen9__phoneStage {
  position: absolute;
  left: calc(50% - 1009px / 2 + 21.5px);
  top: 296px;
  width: 1009px;
  height: 500px;
}

.mb-screen9__phoneDecor {
  position: absolute;
  left: calc(50% - 966px / 2);
  top: 25px;
  width: 966px;
  height: 440px;
  background: var(--mb-asset-9-decor-bg-png) center/cover no-repeat;
}

.mb-screen9__phoneImg {
  position: absolute;
  left: calc(50% - 118px);
  width: 236px;
  height: 490px;
}

.mb-screen9__phoneShadow {
  position: absolute;
  left: calc(50% - 194.44px / 2);
  top: 471px;
  width: 194.44px;
  height: 28.38px;
  background: linear-gradient(166.33deg, rgba(0, 0, 0, 0.5) 9.78%, rgba(0, 0, 0, 0.05) 90.27%);
  filter: blur(5.32px);
}

.mb-screen9__feature {
  position: absolute;
  color: #21242d;
  width: 228px;
  min-height: 80px;
}

.mb-screen9__feature h3 {
  margin: 0;
  font-family: "AlimamaFangYuanTiVF-Bold-Square", "PingFang SC", "Microsoft YaHei", sans-serif;
  font-size: 20px;
  line-height: 24px;
  font-weight: 700;
  color: #3471ff;
  overflow-wrap: anywhere;
}

.mb-screen9__feature p {
  margin: 8px 0 0;
  font-size: 14px;
  line-height: 24px;
  font-weight: 500;
  color: #21242d;
  overflow-wrap: anywhere;
}


.mb-screen9__feature--rt {
  position: absolute;
  width: 260px;
  min-height: 80px;
  left: 1218px;
  top: 390px;
}

.mb-screen9__feature--rt h3 {
  position: static;
  width: 100%;
  min-height: 24px;
  margin: 0;
  font-family: "AlimamaFangYuanTiVF-Bold-Square", "PingFang SC", sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 24px;
  color: #3471ff;
}

.mb-screen9__feature--rt p {
  position: static;
  width: 100%;
  min-height: 48px;
  height: auto;
  margin: 8px 0 0;
  font-family: "AlimamaFangYuanTiVF-Medium-Square", "PingFang SC", sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 28px;
  color: #21242d;
}


.mb-screen9__feature--rm {
  position: absolute;
  width: 281px;
  min-height: 80px;
  left: 1241px;
  top: 502px;
}

.mb-screen9__feature--rm h3 {
  position: static;
  width: 100%;
  min-height: 24px;
  margin: 0;
  font-family: "AlimamaFangYuanTiVF-Bold-Square", "PingFang SC", sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 24px;
  color: #3471ff;
}

.mb-screen9__feature--rm p {
  position: static;
  width: 100%;
  min-height: 48px;
  height: auto;
  margin: 8px 0 0;
  font-family: "AlimamaFangYuanTiVF-Medium-Square", "PingFang SC", sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 28px;
  color: #21242d;
}


.mb-screen9__feature--rb {
  position: absolute;
  width: 308px;
  min-height: 80px;
  left: 1218px;
  top: 615px;
}

.mb-screen9__feature--rb h3 {
  position: static;
  width: 100%;
  min-height: 24px;
  margin: 0;
  font-family: "AlimamaFangYuanTiVF-Bold-Square", "PingFang SC", sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 24px;
  color: #3471ff;
}

.mb-screen9__feature--rb p {
  position: static;
  width: 100%;
  min-height: 48px;
  height: auto;
  margin: 8px 0 0;
  font-family: "AlimamaFangYuanTiVF-Medium-Square", "PingFang SC", sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 28px;
  color: #21242d;
}


.mb-screen9__feature--lt {
  position: absolute;
  width: 260px;
  min-height: 80px;
  right: 1179px;
  top: 389px;
}

.mb-screen9__feature--lt h3 {
  position: static;
  width: 100%;
  min-height: 24px;
  margin: 0;
  font-family: "AlimamaFangYuanTiVF-Bold-Square", "PingFang SC", sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 24px;
  text-align: right;
  color: #3471ff;
}

.mb-screen9__feature--lt p {
  position: static;
  width: 100%;
  min-height: 48px;
  height: auto;
  margin: 8px 0 0;
  font-family: "AlimamaFangYuanTiVF-Medium-Square", "PingFang SC", sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 28px;
  text-align: right;
  color: #21242d;
}


.mb-screen9__feature--lm {
  position: absolute;
  width: 260px;
  min-height: 80px;
  right: 1201px;
  top: 502px;
}

.mb-screen9__feature--lm h3 {
  position: static;
  width: 100%;
  min-height: 24px;
  margin: 0;
  font-family: "AlimamaFangYuanTiVF-Bold-Square", "PingFang SC", sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 24px;
  text-align: right;
  color: #3471ff;
}

.mb-screen9__feature--lm p {
  position: static;
  width: 100%;
  min-height: 48px;
  height: auto;
  margin: 8px 0 0;
  font-family: "AlimamaFangYuanTiVF-Medium-Square", "PingFang SC", sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 28px;
  text-align: right;
  color: #21242d;
}


.mb-screen9__feature--lb {
  position: absolute;
  width: 280px;
  min-height: 80px;
  right: 1179px;
  top: 615px;
}

.mb-screen9__feature--lb h3 {
  position: static;
  width: 100%;
  min-height: 24px;
  margin: 0;
  font-family: "AlimamaFangYuanTiVF-Bold-Square", "PingFang SC", sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 24px;
  text-align: right;
  color: #3471ff;
}

.mb-screen9__feature--lb p {
  position: static;
  width: 100%;
  min-height: 48px;
  height: auto;
  margin: 8px 0 0;
  font-family: "AlimamaFangYuanTiVF-Medium-Square", "PingFang SC", sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 28px;
  text-align: right;
  color: #21242d;
}

.mb-screen9__feature {
  box-sizing: border-box;
  min-width: 0;
  max-height: 108px;
}

.mb-screen9__feature h3 {
  min-width: 0;
  min-height: 0;
  max-height: 52px;
  font-size: 20px;
  line-height: 26px;
  letter-spacing: 0;
  white-space: normal;
  text-wrap: balance;
  overflow-wrap: anywhere;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.mb-screen9__feature p {
  min-width: 0;
  min-height: 0;
  max-height: 60px;
  margin-top: 6px;
  font-size: 13px;
  line-height: 20px;
  letter-spacing: 0;
  overflow-wrap: anywhere;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.mb-screen9__industry {
  position: absolute;
  width: 344px;
  height: 79px;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 8px 22px 8px 96px;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0.86) 0%, rgba(255, 255, 255, 0.56) 100%);
  border: 1px solid rgba(255, 255, 255, 0.95);
  border-radius: 100px;
  box-shadow: 0 16px 36px rgba(33, 36, 45, 0.07), inset 0 1px 0 rgba(255, 255, 255, 0.8);
  backdrop-filter: blur(7px);
  overflow: hidden;
}

.mb-screen9__industry--lead {
  left: calc(50% - 344px / 2);
  top: 836px;
}

.mb-screen9__industry--ecom {
  left: 424px;
  top: 836px;
}

.mb-screen9__industry--local {
  left: calc(50% - 344px / 2 + 364px);
  top: 836px;
}















.mb-screen9__industryIcon {
  position: absolute;
  left: 18px;
  top: 50%;
  width: 64px;
  height: 64px;
  object-fit: contain;
  transform: translateY(-50%);
  filter: drop-shadow(0 12px 14px rgba(33, 36, 45, 0.08));
}

.mb-screen9__industry--ecom .mb-screen9__industryIcon {
  width: 64px;
  height: 64px;
  left: 18px;
}

.mb-screen9__industry--local .mb-screen9__industryIcon {
  width: 64px;
  height: 64px;
  left: 18px;
}

.mb-screen9__industryText {
  min-width: 0;
  max-width: 100%;
}

.mb-screen9__industryText h3 {
  margin: 0;
  font-family: "Alimama FangYuanTi VF", "PingFang SC", sans-serif;
  font-size: 20px;
  font-weight: 800;
  line-height: 24px;
  letter-spacing: 0;
  color: #21242d;
  white-space: nowrap;
}

.mb-screen9__industryText p {
  margin: 5px 0 0;
  font-family: "PingFang SC", -apple-system, BlinkMacSystemFont, sans-serif;
  font-size: 13px;
  font-weight: 500;
  line-height: 17px;
  letter-spacing: 0;
  color: #5d6678;
  max-width: 100%;
  overflow: hidden;
  overflow-wrap: anywhere;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}





.mb-screen10 {
  position: absolute;
  right: 0;
  top: 2813px;
  width: 1920px;
  height: 684px;
  overflow: hidden;
}

.mb-screen10__bg {
  position: absolute;
  inset: 0;
  background: var(--mb-asset-10-bg-png) center/cover no-repeat;
}

.mb-screen10__title {
  position: absolute;
  left: 50%;
  top: 80px;
  height: 60px;
  transform: translateX(-50%);
  margin: 0;
  font-family: "AlimamaFangYuanTiVF-Bold-Square", "PingFang SC", "Microsoft YaHei", sans-serif;
  font-weight: 700;
  font-size: 50px;
  line-height: 60px;
  text-align: center;
  color: #21242d;
}

.mb-screen10__subtitle {
  position: absolute;
  left: 50%;
  top: 156px;
  transform: translateX(-50%);
  margin: 0;
  font-size: 20px;
  line-height: 28px;
  text-align: center;
  color: #333743;
}

.mb-screen10__logoGrid {
  position: absolute;
  left: 0;
  top: 212px;
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 60px;
  padding: 0;
  overflow: hidden;
  mask-image: linear-gradient(to right, transparent, black 60px, black calc(100% - 60px), transparent);
  -webkit-mask-image: linear-gradient(to right, transparent, black 60px, black calc(100% - 60px), transparent);
}

.mb-screen10__logoRow {
  display: flex;
  width: 100%;
  overflow: hidden;
  gap: 24px;
}

.mb-screen10__logoRow:hover img {
  animation-play-state: paused;
}

.mb-screen10__logoRow img {
  height: 80px;
  width: auto;
  flex-shrink: 0;
  animation: mb-logo-scroll 24s linear infinite;
}

.mb-screen10__logoRow--reverse {
  direction: rtl;
}

.mb-screen10__logoRow--reverse img {
  animation: mb-logo-scroll-reverse 24s linear infinite;
}

.mb-screen10__logoGrid::before,
.mb-screen10__logoGrid::after {
  content: "";
  display: block;
  width: 0;
  flex-shrink: 0;
}



@keyframes mb-logo-scroll {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%);
  }
}

@keyframes mb-logo-scroll-reverse {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(50%);
  }
}


.mb-screen11 {
  position: absolute;
  right: 0;
  top: 8185px;
  width: 1920px;
  height: 358px;
  overflow: hidden;
}

.mb-screen11__bg {
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, rgba(255, 233, 244, 0.3) 0%, rgba(234, 243, 255, 0.5) 100%);
  border-radius: 0px;
  transform: matrix(1, 0, 0, -1, 0, 0);
}

.mb-screen11__title {
  position: absolute;
  left: 50%;
  top: 80px;
  height: 60px;
  transform: translateX(-50%);
  margin: 0;
  font-family: "AlimamaFangYuanTiVF-Bold-Square", "PingFang SC", "Microsoft YaHei", sans-serif;
  font-weight: 700;
  font-size: 50px;
  line-height: 60px;
  text-align: center;
  color: #21242d;
}

.mb-screen11__subtitle {
  position: absolute;
  left: calc(50% + 0.5px);
  top: 156px;
  transform: translateX(-50%);
  margin: 0;
  font-size: 20px;
  line-height: 28px;
  text-align: center;
  color: #333743;
}

.mb-screen11__actions {
  position: absolute;
  left: 50%;
  top: 252px;
  width: 368px;
  height: 54px;
  transform: translateX(-50%);
  display: flex;
  align-items: center;
  gap: 24px;
}

.mb-screen11__btn {
  width: 172px;
  height: 54px;
  border-radius: 100px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  padding: 16px 28px;
  box-sizing: border-box;
  font-family: "PingFang SC", "Microsoft YaHei", sans-serif;
  font-size: 16px;
  line-height: 22px;
  font-weight: 500;
  cursor: pointer;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
  white-space: nowrap;
}

.mb-screen11__btn i {
  width: 16px;
  height: 16px;
  display: inline-block;
  flex: 0 0 16px;
}

.mb-screen11__btn--primary {
  border: none;
  background: #ff2d55;
  color: #fff;
}

.mb-screen11__btn--primary i {
  position: relative;
}

.mb-screen11__btn--primary i::before {
  content: "";
  position: absolute;
  left: 3px;
  top: 3px;
  width: 7px;
  height: 7px;
  border-right: 1.6px solid #fff;
  border-bottom: 1.6px solid #fff;
  transform: rotate(-45deg);
}

.mb-screen11__btn--ghost {
  border: 1px solid #e1e2e6;
  background: rgba(255, 255, 255, 0.2);
  color: #21242d;
}

.mb-screen11__btn--ghost img {
  width: 16px;
  height: 16px;
  object-fit: contain;
  display: block;
}

.mb-screen11__btn--ghost i {
  position: relative;
  border: 1.33333px solid #333743;
  border-radius: 50%;
}

.mb-screen11__btn--ghost i::before {
  content: "";
  position: absolute;
  left: 4px;
  top: 4px;
  width: 6px;
  height: 5px;
  border: 1.2px solid #333743;
  border-radius: 2px;
}

.mb-screen11__btn:hover {
  transform: translateY(-1px);
}

.mb-screen11__btn--primary:hover {
  box-shadow: 0 14px 32px rgba(255, 45, 85, 0.144), 0 6px 14px rgba(255, 45, 85, 0.096);
}

.mb-screen11__btn--ghost:hover {
  box-shadow: 0 10px 20px rgba(33, 36, 45, 0.072), 0 4px 10px rgba(33, 36, 45, 0.04);
}


.mb-screen12 {
  position: absolute;
  left: 0;
  top: 8543px;
  width: 1920px;
  height: 600px;
  overflow: hidden;
}

.mb-screen12__bg {
  position: absolute;
  inset: 0;
  background: #000;
}

.mb-screen12__contact {
  position: absolute;
  left: 410px;
  top: 80px;
  width: 498px;
  color: #b2b3cf;
}

.mb-screen12__contact h3 {
  margin: 0;
  width: max-content;
  max-width: 100%;
  min-height: 28px;
  height: auto;
  font-size: 20px;
  line-height: 28px;
  font-weight: 400;
  letter-spacing: 0.04em;
  white-space: nowrap;
}

.mb-screen12__contact p {
  margin: 0;
  font-size: 16px;
  line-height: 22px;
  letter-spacing: 0.04em;
  width: 100%;
}

.mb-screen12__contact p:nth-child(2) {
  margin-top: 24px;
}

.mb-screen12__contact p:nth-child(3) {
  margin-top: 16px;
}

.mb-screen12__contact p:nth-child(4) {
  margin-top: 16px;
}

.mb-screen12__contact p:nth-child(5) {
  margin-top: 16px;
}

.mb-screen12__follow {
  position: absolute;
  left: 1002px;
  top: 80px;
  width: 508px;
  height: 190px;
  color: #b2b3cf;
}

.mb-screen12__follow h3 {
  margin: 0;
  width: max-content;
  max-width: 100%;
  min-height: 28px;
  height: auto;
  font-size: 20px;
  line-height: 28px;
  font-weight: 400;
  letter-spacing: 0.04em;
  white-space: nowrap;
}

.mb-screen12__qrs {
  position: absolute;
  left: 12px;
  top: 64px;
  width: 424px;
  display: flex;
  gap: 24px;
}

.mb-screen12__qrItem {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.mb-screen12__qrItem .mb-screen12__qrBox {
  width: 100px;
  height: 100px;
  border-radius: 7.31707px;
  background: #fff;
  box-shadow: 0 2.43902px 6.09756px rgba(0, 0, 0, 0.06);
  color: #333743;
  font-size: 14px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

.mb-screen12__qrBox img {
  width: 76px;
  height: 76px;
  object-fit: cover;
}

.mb-screen12__qrItem span {
  display: block;
  margin-top: 8px;
  text-align: center;
  font-size: 16px;
  line-height: 22px;
  letter-spacing: 0.04em;
  color: #b2b3cf;
}

.mb-screen12__brand {
  position: absolute;
  left: calc(50% - 306.87px / 2 - 2.2px);
  top: 396px;
  width: 306.87px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.mb-screen12__brandLogo {
  width: 306.87px;
  height: 40px;
  object-fit: contain;
  display: block;
}

.mb-screen12__copyright {
  position: absolute;
  left: calc(50% - 634px / 2 - 1px);
  top: 464px;
  width: 634px;
  height: 56px;
  margin: 0;
  font-size: 16px;
  line-height: 28px;
  text-align: center;
  letter-spacing: 0.04em;
  color: #b2b3cf;
}


.mb-back-top {
  position: fixed; right: 24px; bottom: 40px; z-index: 1000;
  width: 44px; height: 44px; border-radius: 50%;
  background: rgba(255,255,255,0.9); border: 1px solid rgba(0,0,0,0.08);
  box-shadow: 0 2px 12px rgba(0,0,0,0.1);
  display: flex; align-items: center; justify-content: center;
  cursor: pointer; opacity: 0; visibility: hidden;
  transition: opacity 0.3s, visibility 0.3s, transform 0.2s;
}
.mb-back-top--visible { opacity: 1; visibility: visible; }
.mb-back-top:hover { transform: translateY(-2px); box-shadow: 0 4px 16px rgba(0,0,0,0.15); }
.mb-back-top::after {
  content: ''; width: 10px; height: 10px;
  border-left: 2px solid var(--mb-text-strong);
  border-top: 2px solid var(--mb-text-strong);
  transform: rotate(45deg) translate(2px,2px);
}

html:not(:lang(zh)) .mb-hero {
  width: 820px;
}

html:not(:lang(zh)) .mb-hero__title,
html:not(:lang(zh)) .mb-hero__titleB {
  font-size: 60px;
  line-height: 72px;
}

html:not(:lang(zh)) .mb-hero__desc {
  width: 780px;
  top: 104px;
  font-size: 19px;
  line-height: 30px;
  text-wrap: balance;
}

html:not(:lang(zh)) .mb-hero__cta {
  top: 222px;
}

html:not(:lang(zh)) .mb-metric__label {
  font-size: 18px;
  line-height: 24px;
}

html:not(:lang(zh)) .mb-metric__desc {
  font-size: 13px;
  line-height: 18px;
}

html:not(:lang(zh)) .mb-floatCard__text {
  width: 284px !important;
  min-height: 76px;
  height: auto !important;
  padding: 9px 14px;
  gap: 6px;
}

html:not(:lang(zh)) .mb-floatCard__title {
  font-size: 14px;
  line-height: 17px;
  letter-spacing: 0;
}

html:not(:lang(zh)) .mb-floatCard__desc {
  max-width: none;
  font-size: 11px;
  line-height: 15px;
  letter-spacing: 0;
  white-space: normal;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

html:not(:lang(zh)) .mb-floatCard__icon {
  left: calc(100% - 18px) !important;
}

html:not(:lang(zh)) .mb-floatCard--aiModel .mb-floatCard__icon {
  left: -18px !important;
}

html:not(:lang(zh)) .mb-featureCard {
  min-height: 210px;
  gap: 12px;
}

html:not(:lang(zh)) .mb-featureCard__title {
  font-size: 17px;
  line-height: 23px;
  letter-spacing: 0;
}

html:not(:lang(zh)) .mb-featureCard__desc {
  font-size: 13px;
  line-height: 20px;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

html:not(:lang(zh)) .mb-screen3__title,
html:not(:lang(zh)) .mb-screen5__title,
html:not(:lang(zh)) .mb-screen6__title,
html:not(:lang(zh)) .mb-screen7__title,
html:not(:lang(zh)) .mb-screen8__title,
html:not(:lang(zh)) .mb-screen9__title,
html:not(:lang(zh)) .mb-screen10__title,
html:not(:lang(zh)) .mb-screen11__title {
  width: 1360px;
  height: auto;
  min-height: 60px;
  font-size: 46px;
  line-height: 56px;
  white-space: normal;
  text-wrap: balance;
}

html:not(:lang(zh)) .mb-screen3__subtitle,
html:not(:lang(zh)) .mb-screen5__subtitle,
html:not(:lang(zh)) .mb-screen6__subtitle,
html:not(:lang(zh)) .mb-screen7__subtitle,
html:not(:lang(zh)) .mb-screen8__subtitle,
html:not(:lang(zh)) .mb-screen9__subtitle,
html:not(:lang(zh)) .mb-screen10__subtitle,
html:not(:lang(zh)) .mb-screen11__subtitle {
  width: 1080px;
  font-size: 18px;
  line-height: 26px;
  text-wrap: balance;
}

html:not(:lang(zh)) .mb-screen5__floatText {
  width: 232px;
  padding: 8px 12px;
}

html:not(:lang(zh)) .mb-screen5__floatTitle {
  font-size: 14px;
  line-height: 17px;
  letter-spacing: 0;
}

html:not(:lang(zh)) .mb-screen5__floatDesc {
  font-size: 11px;
  line-height: 15px;
  letter-spacing: 0;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

html:not(:lang(zh)) .mb-screen5__float--rich {
  left: 426px;
  width: 256px;
}

html:not(:lang(zh)) .mb-screen5__float--rich .mb-screen5__floatText,
html:not(:lang(zh)) .mb-screen5__float--smart .mb-screen5__floatText {
  width: 236px;
}

html:not(:lang(zh)) .mb-screen5__floatIcon--blue,
html:not(:lang(zh)) .mb-screen5__floatIcon--purple {
  left: 200px;
}

html:not(:lang(zh)) .mb-screen6__assistantHead {
  left: 144px;
  width: 182px;
}

html:not(:lang(zh)) .mb-screen6__assistantHead h3 {
  font-size: 21px;
  line-height: 26px;
}

html:not(:lang(zh)) .mb-screen6__assistantHead p {
  margin-top: 5px;
  font-size: 12px;
  line-height: 16px;
}

html:not(:lang(zh)) .mb-screen6__chatList {
  gap: 5px;
}

html:not(:lang(zh)) .mb-screen6__chatBubble {
  padding: 9px 11px;
  gap: 5px;
}

html:not(:lang(zh)) .mb-screen6__chatTag span,
html:not(:lang(zh)) .mb-screen6__chatBubble p {
  font-size: 12px;
  line-height: 16px;
  text-align: left;
}

html:not(:lang(zh)) .mb-screen6__chatBubble p {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

html:not(:lang(zh)) .mb-screen7__mediaCaption {
  gap: 8px;
}

html:not(:lang(zh)) .mb-screen7__mediaCaption h3,
html:not(:lang(zh)) .mb-screen7__mediaCaption span {
  white-space: normal;
  text-wrap: balance;
}

html:not(:lang(zh)) .mb-sceneCard__caption h3,
html:not(:lang(zh)) .mb-screen6__cardCaption h3 {
  height: auto;
  min-height: 22px;
  font-size: 16px;
  line-height: 22px;
  white-space: normal;
  text-wrap: balance;
}

html:not(:lang(zh)) .mb-sceneCard__caption p,
html:not(:lang(zh)) .mb-screen6__cardCaption p {
  font-size: 12px;
  line-height: 16px;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

html:not(:lang(zh)) .mb-screen7__metricRow span {
  font-size: 10px;
  line-height: 12px;
  white-space: normal;
  text-wrap: balance;
}

html:not(:lang(zh)) .mb-screen7__metricRow strong {
  font-size: 18px;
  line-height: 22px;
}

html:not(:lang(zh)) .mb-screen9__feature {
  width: 292px;
}

html:not(:lang(zh)) .mb-screen9__feature h3 {
  font-size: 18px;
  line-height: 23px;
  white-space: normal;
  text-wrap: balance;
}

html:not(:lang(zh)) .mb-screen9__feature p {
  font-size: 13px;
  line-height: 21px;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

html:not(:lang(zh)) .mb-screen9__feature--rt,
html:not(:lang(zh)) .mb-screen9__feature--rb {
  left: 1192px;
}

html:not(:lang(zh)) .mb-screen9__feature--rm {
  left: 1218px;
}

html:not(:lang(zh)) .mb-screen9__feature--lt,
html:not(:lang(zh)) .mb-screen9__feature--lb {
  right: 1160px;
}

html:not(:lang(zh)) .mb-screen9__feature--lm {
  right: 1184px;
}

html:not(:lang(zh)) .mb-screen9__industry {
  width: 368px;
  padding-right: 18px;
}

html:not(:lang(zh)) .mb-screen9__industry--lead {
  left: calc(50% - 368px / 2);
}

html:not(:lang(zh)) .mb-screen9__industry--ecom {
  left: 384px;
}

html:not(:lang(zh)) .mb-screen9__industry--local {
  left: calc(50% - 368px / 2 + 392px);
}

html:not(:lang(zh)) .mb-screen9__industryText h3 {
  font-size: 17px;
  line-height: 22px;
  white-space: normal;
}

html:not(:lang(zh)) .mb-screen9__industryText p {
  margin-top: 3px;
  font-size: 12px;
  line-height: 16px;
}

html:lang(th) .mb-hero__title,
html:lang(th) .mb-hero__titleB,
html:lang(th) .mb-screen3__title,
html:lang(th) .mb-screen5__title,
html:lang(th) .mb-screen6__title,
html:lang(th) .mb-screen7__title,
html:lang(th) .mb-screen8__title,
html:lang(th) .mb-screen9__title,
html:lang(th) .mb-screen10__title,
html:lang(th) .mb-screen11__title {
  font-size: 42px;
  line-height: 54px;
}