:root {
  --esp-font-size-banner-h1: 48px;
  --esp-font-size-banner-p: 30px;
  --esp-font-size-h1: 44px;
}
body:not(.views-display-home-dynews) .new-banner-video-wrap .video-banner-container::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("../images/esp-llm-solution/esp-llm-solution-banner-bg.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: center center;
  z-index: 1;
}
.new-gallary .pdb-word {
  z-index: 2;
}
.flexslider .slides {
  width: 100% !important;
  transform: none !important;
}
.flexslider .slides>li.clone {
  display: none !important;
}
@media (max-width: 768px) {
  body:not(.views-display-home-dynews) .new-banner-video-wrap .video-banner-container::after {
    background-image: url("../images/esp-llm-solution/esp-llm-solution-mobile-banner-bg.png");
  }
  body:not(.views-display-home-dynews) .new-banner-video-wrap .video-banner-container {
    display: block !important;
  }
  li.bn-left-center .banner-word.new-banner-bg > .content, li.bn-left-center .pdb-word.new-banner-bg > .content {
    padding: 0 20px !important;
    box-sizing: border-box !important;
  }
}
.esp-llm-solution-wrap * {
  box-sizing: border-box;
}
.linear-gradient-text {
  background: linear-gradient(
    89.23deg,
    #0eb3ff -10.54%,
    #076bf9 58.94%,
    #6c38ee 99.61%
  );
  /* background-size: 250% 120%; */
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
  /* filter: saturate(1.1) brightness(1.05); */
}

/* 
   1) 容器整体用 transition 处理 opacity/transform/filter，三个属性各自不同时长，节奏更"气韵"
   2) mask 用对角方向的多段羽化 linear-gradient，mask-position 从右下到左上扫过
   3) 渐变流光放慢到 20s+ 的超长循环，看起来是"缓缓流动"而不是"刷过" */
.esp-llm-solution-wrap h2 {
  position: relative;
  /* opacity: 0;
  transform: translate3d(0, 15px, 0) scale(0.96);
  filter: blur(12px);
  transition:
    opacity 0.7s ease,
    transform 2s cubic-bezier(0.22, 0.61, 0.36, 1),
    filter 0.8s ease;
  -webkit-mask-image: linear-gradient(
    115deg,
    rgba(0, 0, 0, 1) 0%,
    rgba(0, 0, 0, 1) 38%,
    rgba(0, 0, 0, 0.92) 44%,
    rgba(0, 0, 0, 0.7) 50%,
    rgba(0, 0, 0, 0.38) 55%,
    rgba(0, 0, 0, 0.12) 60%,
    rgba(0, 0, 0, 0) 66%,
    rgba(0, 0, 0, 0) 100%
  );
  mask-image: linear-gradient(
    115deg,
    rgba(0, 0, 0, 1) 0%,
    rgba(0, 0, 0, 1) 38%,
    rgba(0, 0, 0, 0.92) 44%,
    rgba(0, 0, 0, 0.7) 50%,
    rgba(0, 0, 0, 0.38) 55%,
    rgba(0, 0, 0, 0.12) 60%,
    rgba(0, 0, 0, 0) 66%,
    rgba(0, 0, 0, 0) 100%
  );
  -webkit-mask-size: 250% 120%;
  mask-size: 250% 120%;
  -webkit-mask-position: 100% 100%;
  mask-position: 100% 100%;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat; */
}
.esp-llm-solution-wrap h2.esp-h2-inview {
  /* opacity: 1;
  transform: translate3d(0, 0, 0) scale(1);
  filter: blur(0);
  animation: esp-h2-mask-slide 2s linear forwards; */
}
@keyframes esp-h2-mask-slide {
  0% {
    -webkit-mask-position: 100% 100%;
    mask-position: 100% 100%;
  }
  100% {
    -webkit-mask-position: 0% 0%;
    mask-position: 0% 0%;
  }
}
/* 渐变流光：超长循环 + mask 揭示同时进行，呈现"缓缓流动"的气韵感 */
.esp-llm-solution-wrap h2.esp-h2-inview .linear-gradient-text {
  /* animation:
    esp-h2-gradient-flow 20s linear infinite,
    esp-h2-mask-slide 2s linear forwards; */
}
@keyframes esp-h2-gradient-flow {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 100%;
  }
  100% {
    background-position: 0% 50%;
  }
}
@media (prefers-reduced-motion: reduce) {
  .esp-llm-solution-wrap h2,
  .esp-llm-solution-wrap h2.esp-h2-inview {
    opacity: 1;
    transform: none;
    filter: none;
    -webkit-mask-image: none;
    mask-image: none;
    transition: none;
    animation: none;
  }
  .esp-llm-solution-wrap h2.esp-h2-inview .linear-gradient-text {
    animation: none;
  }
}
.esp-llm-solution-wrap .overview-wrap.new-inside { 
  max-width: 1200px !important;
  margin: 0 auto;
  padding-left: 20px !important;
  padding-right: 20px !important;
  padding-bottom: 0 !important;
}
.esp-llm-solution-wrap .overview-wrap p { 
  margin: 0;
  font-size: 18px !important;
  line-height: 1.5 !important;
}
.end-to-end-multimodal-solution-wrap.new-inside {
  margin: 0 auto;
  max-width: 954px !important;
  /* padding-top: 100px; */
  padding-bottom: 40px;
}
.i18n-en .end-to-end-multimodal-solution-wrap.new-inside {
  max-width: 1100px !important;
}
.i18n-ja .end-to-end-multimodal-solution-wrap.new-inside {
  max-width: 964px !important;
}
.end-to-end-multimodal-solution-wrap > p {
  text-align: center;
  margin-top: 20px;
  margin-bottom: 0;
}
.end-to-end-multimodal-solution-content-wrap {
  border-radius: 12px;
  padding: 42px 0 44px;
  min-height: 272px;
  position: relative;
  box-sizing: border-box;
  margin-top: 70px;
}
.end-to-end-multimodal-solution-content-wrap > h3 {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding-left: 60px !important;
}
.end-to-end-multimodal-solution-content-wrap > h3:before {
  content: '';
  position: absolute;
  top: 50%;
  left: -2px;
  transform: translateY(-50%);
  display: block;
  background-image: url("../images/esp-llm-solution/logo.png?v=1");
  background-position: center;
  background-size: 34px 34px;
  background-repeat: no-repeat;
  width: 50px;
  height: 50px;
  background-color: #fff;
  border-radius: 50%;
  box-shadow: 0px 4px 22px 7px #2C447A1F;
}
.esp-llm-solution-wrap .title-bg {
  position: absolute;
  top: -2px;
  left: 50%;
  transform: translate(-50%, -50%);
  width: fit-content;
  padding: 8px 28px;
  min-width: 163px;
  text-align: center;
  border-radius: 22px;
  color: #fff;
  font-size: var(--esp-font-size-h2) !important;
  background: linear-gradient(
    89.51deg,
    #0eb3ff -10.83%,
    #076bf9 62.5%,
    #6c38ee 105.43%
  );
}
.end-to-end-multimodal-solution-wrap > h2 {
  margin-bottom: 20px;
}
.end-to-end-multimodal-solution-wrap > p {
  font-size: 18px;
}
.end-to-end-multimodal-solution-wrap .item-wrap {
  position: relative;
  display: flex;
}
.plus-icon-wrap img {
  position: absolute;
  left: calc((100% - 150px) / 4 + 25px);
  top: 50%;
  transform: translate(-50%, -50%);
}
.plus-icon-wrap img:nth-child(2) {
  left: 50%;
}
.plus-icon-wrap img:nth-child(3) {
  left: calc((100% - 150px) / 4 * 3 + 125px);
}
.end-to-end-multimodal-solution-wrap .item-wrap .item + .item {
  margin-left: 50px;
}
.end-to-end-multimodal-solution-wrap .item-wrap .item {
  background: #fff;
  border-radius: 12px;
  overflow: hidden;
  position: relative;
  min-height: 188px;
  flex: 1;
  display: flex;
  flex-direction: column;
  padding-bottom: 20px;
  background-image: url("../images/esp-llm-solution/llm-bg.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: center top;
}
.end-to-end-multimodal-solution-wrap .item-wrap .item .item-title {
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 14px 18px;
  font-size: var(--esp-font-size-h3) !important;
  margin: 0;
}
.end-to-end-multimodal-solution-wrap
  .item-wrap
  .item
  .item-title
  .item-title-icon {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background-color: #fff;
  box-shadow: 0px 4px 22px 7px #2c447a1f;
  margin-right: -6px;
  z-index: 1;
}
.end-to-end-multimodal-solution-wrap
  .item-wrap
  .item
  .item-title
  span.item-title-text {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 88px;
  background: linear-gradient(
    89.51deg,
    #0eb3ff -10.83%,
    #076bf9 62.5%,
    #6c38ee 105.43%
  );
  border-radius: 0 12px 12px 0;
  min-height: 20px;
  line-height: 100% !important;
  font-family: var(--esp-font-family-medium) !important;
  font-size: 16px !important;
}
.i18n-ja
  .end-to-end-multimodal-solution-wrap
  .item-wrap
  .item
  .item-title
  span.item-title-text {
  min-width: 112px;
}
.i18n-zh-hans
  .end-to-end-multimodal-solution-wrap
  .item-wrap
  .item
  .item-title
  span.item-title-text {
  line-height: normal !important;
}
.end-to-end-multimodal-solution-wrap .item-wrap .item .item-content {
  font-family: var(--esp-font-family-regular) !important;
  flex: 1;
  display: flex;
  flex-direction: column;
}
.end-to-end-multimodal-solution-wrap .item-wrap .item .item-desc {
  font-size: 14px;
  padding: 0 20px 22px;
  line-height: 1.285;
  box-sizing: border-box;
}
.i18n-en .end-to-end-multimodal-solution-wrap .item-wrap .item .item-desc {
  min-height: 106px;
}
@media screen and (min-width: 1170px) {
  .i18n-zh-hans
    .end-to-end-multimodal-solution-wrap
    .item-wrap
    .item
    .item-tag
    ul {
    padding: 0 20px;
  }
}

.end-to-end-multimodal-solution-wrap .item-wrap .item .item-tag ul {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  list-style: none;
  padding: 0 12px;
}
.end-to-end-multimodal-solution-wrap .item-wrap .item .item-tag ul li {
  color: rgba(59, 90, 223, 0.8);
  font-size: 14px;
  line-height: 1;
  display: inline-flex;
  align-items: center;
  position: relative;
  min-width: 50%;
}
.i18n-zh-hans
  .end-to-end-multimodal-solution-wrap
  .item-wrap
  .item
  .item-tag
  ul
  li,
.i18n-ja .end-to-end-multimodal-solution-wrap .item-wrap .item .item-tag ul li {
  min-width: calc(50% - 3px);
}
.end-to-end-multimodal-solution-wrap .item-wrap .item .item-tag ul li::before {
  content: "";
  display: block;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: rgba(59, 90, 223, 0.8);
  line-height: 1;
  margin-right: 10px;
}
.end-to-end-multimodal-solution-img {
  position: relative;
  height: 71px;
  margin: 0 27px;
}
.i18n-zh-hans .end-to-end-multimodal-solution-img {
  height: 71px;
}
.end-to-end-multimodal-solution-img svg {
  max-width: 850px;
  height: 100%;
  display: block;
  overflow: visible;
  margin: -36px auto 0;
  position: relative;
  left: -10px;
  width: 84%;
}

.agent-wrap {
  position: relative;
}
.agent-content-wrap-inner {
  background: linear-gradient(
    98.21deg,
    #ecf2fc 0.91%,
    #e8f6fb 55.76%,
    #f4fbff 79.9%,
    #f3eefc 100.51%
  );
}
.agent-content-wrap {
  position: relative;
  overflow: hidden;
  width: 100%;
  max-width: 1050px;
  margin: 0 auto;
  -webkit-mask-image: linear-gradient(
    90deg,
    transparent 0%,
    #000 18%,
    #000 82%,
    transparent 100%
  );
  mask-image: linear-gradient(
    90deg,
    transparent 0%,
    #000 18%,
    #000 82%,
    transparent 100%
  );
}
.agent-wrap ul {
  display: flex;
  min-height: 136px;
  align-items: center;
  /* 不用 gap：gap 不会出现在最后一个 li 的右边，会导致 -100%/3 与「一组宽度」不相等，
     循环跳回时出现接缝闪烁。改成每个 li 自带右间距，3 组完全等分。 */
  width: max-content;
  animation: scroll-x 33s linear infinite;
  will-change: transform;
}
.agent-wrap ul li {
  display: flex;
  align-items: center;
  flex: 0 0 auto;
  padding-right: 100px;
  font-family: var(--esp-font-family-medium) !important;
}
.agent-wrap ul li img {
  height: 16px;
  width: auto;
  display: block;
  margin-right: 12px;
}
.agent-content {
  max-width: 1080px;
  margin: 0 auto;
}
@keyframes scroll-x {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    transform: translate3d(calc(-100% / 3), 0, 0);
  }
}
.agent-content-desc-wrap {
  position: relative;
  margin: -26px auto 0;
  width: fit-content;
}
.agent-content-desc {
  width: fit-content;
  padding: 8px 18px;
  min-height: 52px;
  min-width: 412px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 12px;
  background-color: #fff;
  box-shadow: 0px 4px 20px 3px rgba(53, 79, 138, 0.1);
  font-size: var(--esp-font-size-h3) !important;
  font-family: var(--esp-font-family-medium) !important;
  box-sizing: border-box;
  margin: 0 auto;
  text-align: center;
}
.agent-content-note {
  color: rgba(56, 57, 58, 0.6);
  font-family: var(--esp-font-family-regular) !important;
  font-size: 12px;
  line-height: normal;
  text-align: center;
  margin-top: 16px;
}
.multimodal-interaction-deverse-scenario-wrap {
  margin-top: 20px !important;
}
.multimodal-interaction-deverse-scenario-wrap > h2 {
  margin-bottom: 0 !important;
}
.multimodal-interaction-deverse-scenario-wrap > p {
  text-align: center;
  margin: 20px 0 54px;
  font-size: 18px !important;
}
.multimodal-interaction-deverse-scenario-content-wrap {
  max-width: 1216px;
  margin: 0 auto;
  background-color: #f8f8fc;
  border-radius: 24px;
  box-shadow: 0px 4px 5.4px 0px #e2e6f3;
}
.multimodal-interaction-deverse-scenario-content-wrap .item .item-img {
  position: relative;
}
.multimodal-interaction-deverse-scenario-content-wrap .item .item-img img {
  width: 100%;
  height: auto;
  display: block;
}
.multimodal-interaction-deverse-scenario-content-wrap
  .item
  .item-img
  .img-content-active {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  opacity: 0;
  transition: opacity 0.2s linear;
}
.multimodal-interaction-deverse-scenario-content-wrap
  .item
  .item-img
  .img-content-active.active {
  opacity: 1;
}
.multimodal-interaction-deverse-scenario-content-wrap .item .item-content {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  padding: 28px 40px 30px;
  box-sizing: border-box;
}
.multimodal-interaction-deverse-scenario-content-wrap .item-content-left {
  max-width: 268px;
  margin-right: 120px;
}
.multimodal-interaction-deverse-scenario-content-wrap
  .swiper-slide:nth-child(3)
  .item-content-left,
.multimodal-interaction-deverse-scenario-content-wrap
  .swiper-slide:nth-child(5)
  .item-content-left {
  margin-right: 28px;
}
.i18n-en
  .multimodal-interaction-deverse-scenario-content-wrap
  .swiper-slide:nth-child(4)
  .item-content-left {
  max-width: 300px;
}
.i18n-en
  .multimodal-interaction-deverse-scenario-content-wrap
  .swiper-slide:nth-child(4)
  .item-tag-wrap
  .item-tag-desc {
  max-width: 160px;
}
.i18n-en
  .multimodal-interaction-deverse-scenario-content-wrap
  .item-content-left {
  max-width: 280px;
}
.multimodal-interaction-deverse-scenario-content-wrap .item-content-left p {
  margin-top: 12px;
  margin-bottom: 0;
  line-height: 1.4;
}

.multimodal-interaction-deverse-scenario-content-wrap .item-content-right {
  flex: 1;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  padding-top: 8px;
}
.multimodal-interaction-deverse-scenario-content-wrap .item-content-right h4 {
  margin: 0 40px 0 0;
  font-size: var(--esp-font-size-h3) !important;
}
.multimodal-interaction-deverse-scenario-content-wrap .item-tag-wrap {
  display: flex;
  align-items: flex-start;
}
.multimodal-interaction-deverse-scenario-content-wrap
  .item-tag-wrap
  .item-tag-title {
  display: flex;
  align-items: center;
}
.multimodal-interaction-deverse-scenario-content-wrap .item-tag-wrap .item-tag {
  display: flex;
  align-items: flex-start;
}
.multimodal-interaction-deverse-scenario-content-wrap
  .item-tag-wrap
  .item-tag
  + .item-tag {
  margin-left: 30px;
}
.multimodal-interaction-deverse-scenario-content-wrap
  .item-tag-icon
  .item-tag-icon-text {
  width: 28px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  margin-right: 12px;
  background-color: #939eb0;
  color: #fff;
  font-family: var(--esp-font-family-maison-bold) !important;
  font-size: 20px;
}
.multimodal-interaction-deverse-scenario-content-wrap
  .item-tag-wrap
  .item-tag-title
  a {
  background: linear-gradient(
    90.04deg,
    #0eb3ff -11.31%,
    #076bf9 70.12%,
    #6c38ee 117.78%
  );

  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
  font-family: var(--esp-font-family-maison-bold) !important;
  margin-right: 12px;
  line-height: normal;
}
.multimodal-interaction-deverse-scenario-content-wrap
  .item-tag-wrap
  .item-tag-title
  a:hover {
  text-decoration: underline !important;
}
.multimodal-interaction-deverse-scenario-content-wrap
  .item-tag-wrap
  .item-tag-desc {
  font-size: 14px;
  margin-top: 4px;
  margin-bottom: 12px;
  line-height: 1.43;
  max-width: 150px;
}
.i18n-zh-hans
  .multimodal-interaction-deverse-scenario-content-wrap
  .item-tag-wrap
  .item-tag-desc {
  max-width: 160px;
}
.multimodal-interaction-deverse-scenario-content-wrap
  .item-tag-wrap
  .item-tag-list {
  display: flex;
}
.multimodal-interaction-deverse-scenario-content-wrap
  .item-tag-wrap
  .item-tag-list
  a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 2px 0;
  position: relative;
  border-radius: 12px;
  font-size: 14px;
  line-height: normal;
  background: linear-gradient(90deg, #02abe1 0%, #0670f7 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent !important;
  z-index: 0;
  line-height: normal;
  text-decoration: none !important;
}
.multimodal-interaction-deverse-scenario-content-wrap
  .item-tag-wrap
  .item-tag-list
  a:hover {
  text-decoration: underline !important;
}
.multimodal-interaction-deverse-scenario-content-wrap
  .item-tag-wrap
  .item-tag-list
  a
  img {
  margin-right: 8px;
  margin-top: -2px;
}
.multimodal-interaction-deverse-scenario-content-wrap
  .item-tag-wrap
  .item-tag-list
  a
  + a {
  margin-left: 20px;
}

.multimodal-interaction-deverse-scenario-content-wrap
  .swiper-button-next::after,
.multimodal-interaction-deverse-scenario-content-wrap
  .swiper-button-prev::after {
  display: none;
}
.multimodal-interaction-deverse-scenario-content-wrap .swiper-button-next,
.multimodal-interaction-deverse-scenario-content-wrap .swiper-button-prev {
  background-image: url("../images/esp-llm-solution/arrow.svg");
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat;
  width: 42px;
  height: 42px;
  left: unset;
  right: 40px;
  top: 75%;
}
.i18n-zh-hans
  .multimodal-interaction-deverse-scenario-content-wrap
  .swiper-button-next,
.i18n-zh-hans
  .multimodal-interaction-deverse-scenario-content-wrap
  .swiper-button-prev {
  top: 79%;
}

.i18n-ja
  .multimodal-interaction-deverse-scenario-content-wrap
  .swiper-button-next,
.i18n-ja
  .multimodal-interaction-deverse-scenario-content-wrap
  .swiper-button-prev {
  top: 73.3%;
}
.multimodal-interaction-deverse-scenario-content-wrap .swiper-button-prev {
  transform: rotate(180deg);
  right: 120px;
}
.multimodal-interaction-deverse-scenario-content-wrap
  .swiper-button-next.swiper-button-disabled,
.multimodal-interaction-deverse-scenario-content-wrap
  .swiper-button-prev.swiper-button-disabled {
  background-image: url("../images/esp-llm-solution/right-disabled.png");
  opacity: 1;
  transform: rotate(0deg);
}
.multimodal-interaction-deverse-scenario-content-wrap
  .swiper-button-next.swiper-button-disabled {
  transform: rotate(180deg);
}
.multimodal-interaction-deverse-scenario-content-wrap .swiper-pagination {
  display: none;
}
.multimodal-interaction-deverse-scenario-content-wrap
  .swiper-pagination
  .swiper-pagination-bullet:not(.swiper-pagination-bullet-active) {
  opacity: 0.1;
}
.multimodal-interaction-deverse-scenario-content-wrap
  .swiper-pagination
  .swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  background: linear-gradient(90deg, #02abe1 0%, #0670f7 100%);
}
.multimodal-interaction-deverse-scenario-content-wrap
  .swiper-pagination
  .swiper-pagination-bullet
  + .swiper-pagination-bullet {
  margin-top: 12px !important;
}
.multimodal-interaction-deverse-scenario-content-wrap
  .swiper-slide
  .item-img-logo
  img {
  width: 100%;
  height: auto;
  display: block;
}

.multimodal-interaction-deverse-scenario-content-wrap
  .swiper-slide
  .item-img-logo {
  position: absolute;
  top: 2%;
  left: 77.6%;
  z-index: 2;
  width: 110px;
  height: 110px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.multimodal-interaction-deverse-scenario-content-wrap
  .swiper-slide
  .item-img-logo.smart-audio-speaker-logo {
  top: 50%;
  left: 60.8%;
}
.i18n-zh-hans 
  .multimodal-interaction-deverse-scenario-content-wrap
  .swiper-slide
  .item-img-logo.smart-audio-speaker-logo {
  top: 44%;
  left: 55.8%;
}
.multimodal-interaction-deverse-scenario-content-wrap
  .swiper-slide
  .item-img-logo.educational-companion-logo {
  top: 24%;
  left: 72.5%;
}
.multimodal-interaction-deverse-scenario-content-wrap
  .swiper-slide
  .item-img-logo.medical-wearable-devices-logo {
  top: 68%;
  left: 46.5%;
}
.multimodal-interaction-deverse-scenario-content-wrap
  .swiper-slide
  .item-img-logo.smart-agricultural-irrigation-logo {
  top: 35%;
  left: 80.7%;
}
@media screen and (min-width: 1170px) {
  .i18n-en
    .multimodal-interaction-deverse-scenario-content-wrap
    .swiper-slide
    .item-img-logo.smart-agricultural-irrigation-logo,
  .i18n-ja
    .multimodal-interaction-deverse-scenario-content-wrap
    .swiper-slide
    .item-img-logo.smart-agricultural-irrigation-logo {
    top: 40%;
    left: 81%;
  }
}
.multimodal-interaction-deverse-scenario-content-wrap
  .swiper-slide
  .item-img-logo.industrial-robotic-arm-logo {
  top: 21%;
  left: 30.8%;
}
.deverse-scenario-content-tab-wrap {
  position: relative;
}
.multimodal-interaction-deverse-scenario-content-wrap-inner
  .deverse-scenario-content-tab-wrap
  ul {
  --line-width: 137.6667px;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  align-items: center;
  list-style: none;
  min-height: 44px;
  background-color: #f7f8fa;
  box-shadow: 0px 4px 16px 4px #2c447a1f;
  border-radius: 20px;
  width: fit-content;
  padding: 0 28px;
  z-index: 2;
  white-space: nowrap;
}
.multimodal-interaction-deverse-scenario-content-wrap-inner
  .deverse-scenario-content-tab-wrap
  ul::after {
    content: '';
    width: var(--line-width);
    position: absolute;
    left: 28px;
    bottom: 0;
    height: 2px;
    background: linear-gradient(89.23deg, #0EB3FF -10.54%, #076BF9 58.94%, #6C38EE 99.61%);
    margin-left: -14px;
    transition: width 0.2s linear;
  }
.multimodal-interaction-deverse-scenario-content-wrap-inner
  .deverse-scenario-content-tab-wrap
  ul
  li {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  line-height: normal;
  cursor: pointer;
  transition: none !important;
}
.multimodal-interaction-deverse-scenario-content-wrap-inner
  .deverse-scenario-content-tab-wrap
  ul
  li
  + li {
  margin-left: 28px;
}
.multimodal-interaction-deverse-scenario-content-wrap-inner
  .deverse-scenario-content-tab-wrap
  ul
  li.active {
  font-family: var(--esp-font-family-medium) !important;
  background: linear-gradient(90deg, #02abe1 0%, #0670f7 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
}

.multimodal-interaction-deverse-scenario-content-wrap-inner
  .deverse-scenario-content-tab-wrap
  ul
  li::before {
  content: "";
  background-image: url("../images/esp-llm-solution/icon-1.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  width: 20px;
  height: 20px;
  margin-right: 6px;
}
.multimodal-interaction-deverse-scenario-content-wrap-inner
  .deverse-scenario-content-tab-wrap
  ul
  li.active::before {
  background-image: url("../images/esp-llm-solution/icon-1-active.svg");
}

.multimodal-interaction-deverse-scenario-content-wrap-inner
  .deverse-scenario-content-tab-wrap
  ul
  li[data-value="smart-audio-speaker"]::before {
  background-image: url("../images/esp-llm-solution/icon-2.svg");
}
.multimodal-interaction-deverse-scenario-content-wrap-inner
  .deverse-scenario-content-tab-wrap
  ul
  li[data-value="smart-audio-speaker"].active::before {
  background-image: url("../images/esp-llm-solution/icon-2-active.svg");
}
.multimodal-interaction-deverse-scenario-content-wrap-inner
  .deverse-scenario-content-tab-wrap
  ul
  li[data-value="educational-companion"]::before {
  background-image: url("../images/esp-llm-solution/icon-3.svg");
}
.multimodal-interaction-deverse-scenario-content-wrap-inner
  .deverse-scenario-content-tab-wrap
  ul
  li[data-value="educational-companion"].active::before {
  background-image: url("../images/esp-llm-solution/icon-3-active.svg");
}
.multimodal-interaction-deverse-scenario-content-wrap-inner
  .deverse-scenario-content-tab-wrap
  ul
  li[data-value="medical-wearable-devices"]::before {
  background-image: url("../images/esp-llm-solution/icon-4.svg");
}
.multimodal-interaction-deverse-scenario-content-wrap-inner
  .deverse-scenario-content-tab-wrap
  ul
  li[data-value="medical-wearable-devices"].active::before {
  background-image: url("../images/esp-llm-solution/icon-4-active.svg");
}
.multimodal-interaction-deverse-scenario-content-wrap-inner
  .deverse-scenario-content-tab-wrap
  ul
  li[data-value="smart-agricultural-irrigation"]::before {
  background-image: url("../images/esp-llm-solution/icon-5.svg");
}
.multimodal-interaction-deverse-scenario-content-wrap-inner
  .deverse-scenario-content-tab-wrap
  ul
  li[data-value="smart-agricultural-irrigation"].active::before {
  background-image: url("../images/esp-llm-solution/icon-5-active.svg");
}
.multimodal-interaction-deverse-scenario-content-wrap-inner
  .deverse-scenario-content-tab-wrap
  ul
  li[data-value="industrial-robotic-arm"]::before {
  background-image: url("../images/esp-llm-solution/icon-6.svg");
}
.multimodal-interaction-deverse-scenario-content-wrap-inner
  .deverse-scenario-content-tab-wrap
  ul
  li[data-value="industrial-robotic-arm"].active::before {
  background-image: url("../images/esp-llm-solution/icon-6-active.svg");
}
.transmission-procession-wrap-bg {
  background: linear-gradient(
    98.21deg,
    #ecf2fc 0.91%,
    #e8f6fb 55.76%,
    #f4fbff 79.9%,
    #f3eefc 100.51%
  );
}
.transmission-procession-wrap.new-inside {
  max-width: 1216px;
  margin: 0 auto;
  padding-top: 60px;
  padding-bottom: 56px;
}
.transmission-procession-wrap-bg h2 {
  text-align: center;
  margin-top: 0;
  margin-bottom: 48px;
}
.transmission-procession-wrap-bg .transmission-procession-wra.new-inside {
  padding-top: 60px;
  padding-bottom: 128px;
}
.transmission-procession-content .item-wrap {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  gap: 20px;
}
.transmission-procession-content .item-wrap .item {
  flex: 1;
  box-shadow:
    0px 1px 2px -1px #0000001a,
    0px 2px 6px 0px #0000001a;
  background-color: #fff;
  border-radius: 32px;
  padding: 40px 40px 20px;
  min-height: 392px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  transition: box-shadow 0.2s linear, transform 0.2s linear;
}
.transmission-procession-content .item-wrap .item:hover {
  box-shadow: 0px 1px 2px -1px #0000001A, 
    0px 4px 20px 0px #0000001A;
  transform: translateY(-20px);
}
.transmission-procession-content .item-wrap .item .item-content > p {
  margin-top: 20px;
  margin-bottom: 62px;
}
.transmission-procession-content .item-wrap .item .item-content > p a {
  color: #1290D8 !important;
  text-decoration: none !important;
}
.transmission-procession-content .item-wrap .item .item-content > p a:hover {
  text-decoration: underline !important;
}
.transmission-procession-content .item-wrap .item-img {
  width: 100%;
  max-width: 250px;
  object-fit: cover;
  margin: 0 auto;
}
.transmission-procession-content .item-wrap .item-img svg {
  position: relative;
  width: 100%;
  height: auto;
}
.transmission-procession-content .advantage-wave-blue {
  color: #2563eb;
}
.transmission-procession-content .advantage-wave-indigo {
  color: #4f46e5;
}
.transmission-procession-content .advantage-wave-emerald {
  color: #059669;
}
.advantage-wave-draw {
  opacity: 0;
  stroke-dasharray: 1;
  stroke-dashoffset: 1;
  will-change: opacity, stroke-dashoffset;
}
.transmission-procession-content .advantage-wave-draw {
  opacity: 0;
  stroke-dasharray: 1;
  stroke-dashoffset: 1;
  will-change: opacity, stroke-dashoffset;
}
/* 默认：所有动画缓慢循环播放；hover 时仅改动 duration / delay，加速展示 */
.transmission-procession-content {
  --advantage-wave-draw-dur: 3s;
  --advantage-wave-draw-delay: 0.55s;
  --advantage-pulse-ring-dur: 3s;
  --advantage-dash-flow-dur: 1.8s;
  --advantage-dot-travel-dur: 2.6s;
  --advantage-dot-delay: 1.3s;
}
.transmission-procession-content .advantage-wave-draw {
  animation: advantageDrawLoop var(--advantage-wave-draw-dur) linear infinite;
}
.transmission-procession-content .advantage-wave-draw-delay {
  animation-delay: var(--advantage-wave-draw-delay);
}
.transmission-procession-content .advantage-indigo-pulse-ring {
  opacity: 0;
  transform-origin: center;
  transform-box: fill-box;
  animation: advantagePulseRing var(--advantage-pulse-ring-dur) ease-out infinite;
}
.transmission-procession-content .advantage-emerald-dash {
  stroke-dashoffset: 0;
  animation: advantageDashFlow var(--advantage-dash-flow-dur) linear infinite;
}
.transmission-procession-content .advantage-emerald-dot {
  opacity: 0;
  animation: advantageDotTravel var(--advantage-dot-travel-dur) linear infinite;
}
.transmission-procession-content .advantage-emerald-dot-delay {
  animation-delay: var(--advantage-dot-delay);
}

/* 悬浮加速 —— 仅修改变量，不重新声明 animation，避免重启抖动 */
.transmission-procession-content
  .smooth-audio-and-video-transmission:hover {
  --advantage-wave-draw-dur: 1.2s;
  --advantage-wave-draw-delay: 0.22s;
}
.transmission-procession-content
  .powerful-on-device-processing-algorithms:hover {
  --advantage-wave-draw-dur: 1.2s;
  --advantage-pulse-ring-dur: 1.25s;
}
.transmission-procession-content
  .end-to-end-support-for-higher-development-efficiency:hover {
  --advantage-dash-flow-dur: 0.65s;
  --advantage-dot-travel-dur: 0.95s;
  --advantage-dot-delay: 0.45s;
}
@keyframes advantageDrawLoop {
  0% {
    opacity: 0;
    stroke-dashoffset: 1;
  }
  12% {
    opacity: 0.95;
    stroke-dashoffset: 0.82;
  }
  38% {
    opacity: 1;
    stroke-dashoffset: 0.48;
  }
  62% {
    opacity: 0.72;
    stroke-dashoffset: 0.24;
  }
  80% {
    opacity: 0.35;
    stroke-dashoffset: 0.1;
  }
  92% {
    opacity: 0;
    stroke-dashoffset: 0;
  }
  100% {
    opacity: 0;
    stroke-dashoffset: 1;
  }
}

@keyframes advantagePulseRing {
  0% {
    opacity: 0;
    transform: scale(0.75);
  }
  35% {
    opacity: 0.5;
  }
  100% {
    opacity: 0;
    transform: scale(1.28);
  }
}

@keyframes advantageDashFlow {
  to {
    stroke-dashoffset: -24;
  }
}

@keyframes advantageDotTravel {
  0% {
    transform: translateX(0);
    opacity: 0;
  }
  15% {
    opacity: 1;
  }
  85% {
    opacity: 1;
  }
  100% {
    transform: translateX(70px);
    opacity: 0;
  }
}
.use-cases-wrap {
  padding-top: 100px;
  padding-bottom: 100px;
}
.use-cases-wrap h2 {
  margin-bottom: 20px;
}
.use-cases-wrap .swiper-container {
  padding-bottom: 42px;
  width: auto;
  height: auto;
}
.swiper-slide {
  background: transparent !important;
  text-align: left !important;
  font-size: 16px !important;
}
/* 仅首张：整体左移（由 JS 在 activeIndex===0 时加类 .use-cases-offset-first），
   左移量由 JS 写到 --uc-first-offset，避免窗口尺寸变化后写死值与 Swiper 计算的居中量错位 */
.use-cases-wrap .swiper-container.use-cases-offset-first {
  margin-left: var(--uc-first-offset, -152px);
}
.use-cases-wrap .swiper-slide {
  max-width: 932px;
  padding: 20px 0 20px;
}
.use-cases-wrap .swiper-slide .item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  box-shadow: 0px 4px 16px 4px #2c447a1f;
  padding: 16px 16px 16px 30px;
  border-radius: 12px;
}
.use-cases-wrap .swiper-slide .item .item-left {
  flex: 1;
  max-width: 312px;
  margin-right: 74px;
  text-align: left;
}
.use-cases-wrap .swiper-slide .item .item-left .item-title {
  background: linear-gradient(
    89.23deg,
    #0eb3ff -10.54%,
    #076bf9 58.94%,
    #6c38ee 99.61%
  );
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
  margin-top: 0;
  margin-bottom: 12px;
  width: fit-content;
}
.use-cases-wrap .swiper-slide .item .item-left .item-desc {
  min-height: 96px;
}
.use-cases-wrap .swiper-slide .item .item-left .item-link {
  margin-top: 20px;
}
.use-cases-wrap .swiper-slide .item .item-left .item-link a {
  color: #1290d8 !important;
  text-decoration: none !important;
  transition: none !important;
}
.use-cases-wrap .swiper-slide .item .item-left .item-link a:hover {
  color: #1290d8 !important;
  text-decoration: underline !important;
}
.use-cases-wrap .swiper-slide .item .item-right {
  flex: 1;
  max-height: 280px;
}
.use-cases-wrap .swiper-slide .item .item-right iframe {
  border-radius: 12px;
}
.use-cases-wrap .swiper-pagination {
  display: none;
}
.use-cases-swiper-button-wrap {
  max-width: 1216px;
  position: relative;
  margin: 40px auto 0;
}
.use-cases-wrap .swiper-button-next::after,
.use-cases-wrap .swiper-button-prev::after {
  display: none;
}
.use-cases-wrap .swiper-button-next,
.use-cases-wrap .swiper-button-prev {
  background-image: url("../images/esp-llm-solution/right.png");
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat;
  width: 42px;
  height: 42px;
  left: unset;
  right: 40px;
  top: 74%;
}
.use-cases-wrap .swiper-button-prev {
  transform: rotate(180deg);
  right: 120px;
}
.use-cases-wrap .swiper-container.use-cases-offset-first .swiper-button-prev,
.use-cases-wrap .swiper-container.use-cases-offset-first .swiper-button-next {
  margin-right: -76px;
}

.use-cases-wrap .swiper-button-next.swiper-button-disabled,
.use-cases-wrap .swiper-button-prev.swiper-button-disabled {
  background-image: url("../images/esp-llm-solution/right-disabled.png");
  opacity: 1;
  transform: rotate(0deg);
}
.use-cases-wrap .swiper-button-next.swiper-button-disabled,
.use-cases-wrap .swiper-button-next.swiper-button-disabled {
  transform: rotate(180deg);
}
.development-resources-wrap {
  background: linear-gradient(
    183.41deg,
    rgba(233, 236, 251, 0.3) 36.1%,
    rgba(233, 236, 251, 0) 97.35%
  );
}
.development-resources-wrap .new-inside {
  padding-top: 0;
  padding-bottom: 0;
}
.development-resources-wrap .development-resources-content {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.development-resources-wrap .development-resources-content-left {
  margin-right: 128px;
}
.development-resources-wrap .development-resources-content-left img {
  margin-top: -50px;
  display: block;
}
.development-resources-wrap .development-resources-content-right {
  flex: 1;
}
.development-resources-wrap .development-resources-content-right h2 {
  text-align: left;
  margin-bottom: 20px;
}
.development-resources-wrap .development-resources-content-right a {
  display: inline-flex;
  align-items: center;
  color: #1290d8 !important;
  text-decoration: none !important;
  transition: none !important;
  margin-top: 20px;
}
.development-resources-wrap .development-resources-content-right a:first-child {
  margin-right: 40px;
}
.development-resources-wrap .development-resources-content-right a img {
  margin-right: 8px;
}
.development-resources-wrap .development-resources-content-right p {
  margin-top: 0;
  margin-bottom: 20px;
  font-size: 18px;
}
.development-resources-wrap .development-resources-content-right a:hover {
  color: #1290d8 !important;
  text-decoration: underline !important;
}

/* Banner：与 agent-wrap 同源模型列表，纵向滚动 + 横向渐变字（无药丸底） */
.pdb-word .content {
  text-align: center;
}
.pdb-word .content .banner-hero-desc {
  color: #fff;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  font-size: var(--esp-font-size-banner-p) !important;
  line-height: 1.425 !important;
  margin: 0;
  font-family: var(--esp-font-family-medium) !important;
}
.banner-models-inline-scroll {
  display: inline-flex;
  vertical-align: middle;
}
li.bn-left-center
  .pdb-word.new-banner-bg
  > .content
  .banner-hero-desc-part
  .banner-models-inline-scroll {
  margin-left: 4px !important;
}
.i18n-ja
  li.bn-left-center
  .pdb-word.new-banner-bg
  > .content
  .banner-hero-desc-part {
  display: flex;
  align-items: center;
}
.banner-models-viewport {
  height: 32px;
  overflow: hidden;
  width: 134px;
  position: relative;
  vertical-align: middle;
  background-color: #fff;
  text-align: center;
  border-radius: 9px;
  box-shadow:
    -3px 3px 3px 0px #00248640 inset,
    2px -2px 5px 0px #003e8e4d inset;
  -webkit-mask-image: linear-gradient(
    180deg,
    transparent 0%,
    #000 14%,
    #000 86%,
    transparent 100%
  );
  mask-image: linear-gradient(
    180deg,
    transparent 0%,
    #000 14%,
    #000 86%,
    transparent 100%
  );
}
.banner-models-track {
  display: flex;
  flex-direction: column;
  /* 6 项 × (停顿 1s + 过渡 0.35s) = 8.1s 一轮，与第二段列表无缝循环 */
  animation: banner-models-scroll-y 8.1s linear infinite;
  will-change: transform;
}
.banner-models-list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.banner-models-list li {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 32px;
  column-gap: 8px;
  font-family: var(--esp-font-family-medium) !important;
  line-height: normal;
  font-size: 16px !important;
  background-image: none !important;
}
.banner-models-list li img {
  width: 16px !important;
  height: 16px !important;
  flex-shrink: 0;
  display: block;
  filter: brightness(1.15);
}
.banner-models-list li span {
  background: linear-gradient(90deg, #02abe1 0%, #0670f7 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
}
@keyframes banner-models-scroll-y {
  /* 每项停顿约 1s（12.346%），项间过渡约 0.35s（4.321%），单段高度 32px */
  0%,
  12.346% {
    transform: translateY(0);
  }
  16.667% {
    transform: translateY(-32px);
  }
  16.667%,
  29.013% {
    transform: translateY(-32px);
  }
  33.333% {
    transform: translateY(-64px);
  }
  33.333%,
  45.679% {
    transform: translateY(-64px);
  }
  50% {
    transform: translateY(-96px);
  }
  50%,
  62.346% {
    transform: translateY(-96px);
  }
  66.667% {
    transform: translateY(-128px);
  }
  66.667%,
  79.013% {
    transform: translateY(-128px);
  }
  83.333% {
    transform: translateY(-160px);
  }
  83.333%,
  95.679% {
    transform: translateY(-160px);
  }
  100% {
    transform: translateY(-192px);
  }
}
@media (prefers-reduced-motion: reduce) {
  .banner-models-track {
    animation: none;
  }
}
.fixed-bottom-btn-wrap {
  position: fixed;
  left: 50%;
  bottom: 40px;
  transform: translateX(-50%);
  z-index: 10;
}
.fixed-bottom-btn-wrap a {
  width: 172px;
  height: 40px;
  box-shadow: 0px 2px 12px 0px #0000001f;
  background-color: rgba(255, 255, 255, 0.7);
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  border-radius: 20px;
  color: #38393a !important;
  text-decoration: none !important;
  font-size: var(--font-size-18);
  font-family: var(--esp-font-family-medium);
  display: flex;
  justify-content: center;
  align-items: center;
}
body:not(.i18n-en) .fixed-bottom-btn-wrap a {
  font-weight: 600;
}
.i18n-ja .fixed-bottom-btn-wrap a {
  min-width: 172px;
  width: fit-content;
  padding: 0 22px;
  white-space: nowrap;
}
.fixed-bottom-btn-wrap a::after {
  content: "";
  display: block;
  width: 12px;
  min-width: 12px;
  height: 12px;
  margin-left: 8px;
  background-image: url(../images/esp-career/arrow1.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  transition: all 0.2s linear;
}
.fixed-bottom-btn-wrap a:hover::after {
  transform: translate(4px, -4px);
}


@media screen and (max-width: 1170px) {
  :root {
    --esp-font-size-banner-h1: 38px;
    --esp-font-size-banner-p: 24px;
    --esp-font-size-h1: 30px;
  }
  .multimodal-interaction-deverse-scenario-content-wrap-inner
    .deverse-scenario-content-tab-wrap
    ul {
    display: none !important;
  }
  .end-to-end-multimodal-solution-wrap.new-inside {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
  .multimodal-interaction-deverse-scenario-content-wrap .swiper-button-next,
  .multimodal-interaction-deverse-scenario-content-wrap .swiper-button-prev {
    top: 31.2vw !important;
  }
  .multimodal-interaction-deverse-scenario-content-wrap
    .item-tag-wrap
    .item-tag-title {
    white-space: nowrap !important;
  }
  .multimodal-interaction-deverse-scenario-content-wrap
    .item-tag-wrap
    .item-tag-list {
    flex-wrap: wrap;
    gap: 16px;
  }
  .multimodal-interaction-deverse-scenario-content-wrap
    .item-tag-wrap
    .item-tag-list
    item-tag-list
    + item-tag-list {
    margin-left: 0 !important;
  }
  .multimodal-interaction-deverse-scenario-content-wrap
    .item-tag-wrap
    .item-tag
    + .item-tag {
    margin-left: 20px !important;
  }
  .multimodal-interaction-deverse-scenario-content-wrap .item .item-content {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
  .transmission-procession-wrap.new-inside {
    padding: 50px 20px;
  }
  .development-resources-wrap .development-resources-content-left {
    margin-right: 60px;
  }
  .development-resources-wrap .development-resources-content-left {
    width: 40%;
  }
  .development-resources-wrap .development-resources-content-left img {
    width: 100%;
    height: auto;
  }
}
@media screen and (max-width: 992px) {
  .use-cases-wrap {
    padding-top: 50px;
    padding-bottom: 30px;
  }
  .use-cases-wrap .swiper-slide .item {
    flex-direction: column;
    width: 100% !important;
    padding: 20px 20px 70px;
  }
  .use-cases-wrap .swiper-slide .item .item-left {
    order: 1;
    width: 100% !important;
    max-width: 100% !important;
    margin-right: 0 !important;
  }
  .use-cases-wrap .swiper-container.use-cases-offset-first {
    margin-left: 0 !important;
  }
  .use-cases-wrap .use-cases-content {
    /* padding: 0 20px; */
  }
  .use-cases-wrap .swiper-slide .item .item-right {
    width: 100% !important;
    max-height: 100% !important;
  }
  .use-cases-wrap .swiper-slide .item .item-left .item-title {
    margin-top: 20px;
    display: inline-block;
    width: fit-content;
  }
  .use-cases-wrap .swiper-container {
    padding: 0 20px;
  }
  .use-cases-wrap .swiper-slide .item .item-left .item-desc {
    min-height: 0;
  }
  .esp-llm-solution-wrap .use-cases-wrap h2 {
    position: relative;
    z-index: 1;
    margin-bottom: -54px !important;
  }
  .use-cases-wrap .swiper-container {
    padding-top: 50px;
  }
  .use-cases-swiper-button-wrap {
    position: absolute;
    width: 100%;
    top: 0;
    bottom: 0;
  }
  .use-cases-wrap .swiper-button-prev,
  .use-cases-wrap .swiper-button-next {
    margin-right: 0 !important;
    top: 0 !important;
    width: 32px !important;
    height: 32px !important;
  }
  .use-cases-wrap .swiper-button-prev {
    left: 50%;
    margin-left: -162px !important;
  }
  .use-cases-wrap .swiper-button-next {
    right: 50%;
    margin-right: -122px !important;
  }
  .use-cases-wrap .swiper-slide .item .item-right iframe {
    width: 100%;
    height: 43vw;
  }
  .use-cases-wrap .swiper-pagination {
    display: block;
    bottom: 36px;
    text-align: center;
    width: 100%;
  }
  .use-cases-wrap
    .swiper-pagination
    .swiper-pagination-bullet:not(.swiper-pagination-bullet-active) {
    opacity: 0.1;
  }
  .use-cases-wrap .swiper-pagination .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    margin: 0 4px;
    background: linear-gradient(90deg, #02abe1 0%, #0670f7 100%);
  }
  .development-resources-wrap {
    margin-top: 40px;
    padding-bottom: 50px;
  }
  .development-resources-wrap .development-resources-content {
    flex-direction: column;
  }
  .development-resources-wrap .development-resources-content-left {
    margin-right: 0 !important;
    width: 100%;
  }
  .development-resources-wrap .development-resources-content-left img {
    margin-top: -40px !important;
    width: calc(100% - 40px);
    height: auto;
    margin: 0 auto;
  }
  .development-resources-wrap .development-resources-content-right h2 {
    margin-top: 32px;
    margin-bottom: 12px !important;
  }
  .development-resources-wrap .development-resources-content-right p {
    margin-bottom: 20px;
  }
  .development-resources-wrap .development-resources-content-right {
    max-width: 380px;
  }
  .development-resources-wrap .development-resources-content-right a {
    margin-right: 0 !important;
    margin-top: 18px;
  }
  .i18n-zh-hans
    .development-resources-wrap
    .development-resources-content-right
    a {
    display: flex;
  }
}
@media screen and (max-width: 768px) {
  :root {
    --esp-font-size-banner-h1: 30px;
    --esp-font-size-banner-p: 20px;
    --esp-font-size-h1: 26px;
  }
  .fixed-bottom-btn-wrap {
    --font-size-18: 16px;
  }
  .end-to-end-multimodal-solution-wrap .item-wrap {
    flex-wrap: wrap;
    gap: 16px 28px;
  }
  .end-to-end-multimodal-solution-wrap .item-wrap::after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    width: 26px;
    height: 26px;
    background-image: url("../images/esp-llm-solution/plus.svg");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    transform: translate(-50%, -50%);
    margin-top: -13px;
  }
  .end-to-end-multimodal-solution-wrap .item-wrap .plus-icon-wrap {
    display: none !important;
  }
  .end-to-end-multimodal-solution-wrap .item-wrap .item {
    flex: 0 0 calc(50% - 14px);
    max-width: calc(50% - 14px);
  }
  .end-to-end-multimodal-solution-wrap .item-wrap .item + .item {
    margin-left: 0 !important;
  }
  .end-to-end-multimodal-solution-wrap .item-wrap .item .item-desc {
    padding: 0 16px 8px;
  }
  .i18n-en .end-to-end-multimodal-solution-wrap .item-wrap .item .item-desc {
    min-height: auto;
  }
  .end-to-end-multimodal-solution-wrap .item-wrap .item .item-tag ul {
    padding: 0 16px;
  }
  .end-to-end-multimodal-solution-wrap
    .item-wrap
    .item
    .item-title
    span.item-title-text {
    font-size: 16px !important;
  }
  .end-to-end-multimodal-solution-img {
    height: 60px;
  }
  .end-to-end-multimodal-solution-img svg {
    width: 75vw !important;
  }
  .end-to-end-multimodal-solution-img {
    height: 6vw !important;
  }
  .end-to-end-multimodal-solution-wrap.new-inside {
    padding-top: 48px !important;
    padding-bottom: 36px !important;
  }
  .end-to-end-multimodal-solution-wrap > h2 {
    margin-bottom: 12px;
  }
  .end-to-end-multimodal-solution-wrap > p {
    font-size: 16px;
    margin-top: 0;
  }
  .end-to-end-multimodal-solution-content-wrap {
    margin-top: 45px;
  }
  .esp-llm-solution-wrap .title-bg {
    padding-top: 5px;
    padding-bottom: 5px;
  }
  .agent-wrap ul {
    min-height: 100px;
  }
  .agent-content-desc {
    font-size: 16px !important;
    min-height: 48px !important;
    max-width: 100%;
    min-width: auto;
  }
  .agent-content-desc-wrap {
    margin-top: -22px !important;
    padding: 0 20px;
  }
  .multimodal-interaction-deverse-scenario-wrap {
    margin-top: 0 !important;
  }
  .esp-llm-solution-wrap .overview-wrap p {
    font-size: 16px !important;
  }
  .esp-llm-solution-wrap h2 {
    margin-bottom: 12px !important;
  }
  .multimodal-interaction-deverse-scenario-wrap > p {
    margin: 12px 0 20px !important;
    padding: 0 20px;
    font-size: 16px !important;
  }
  .multimodal-interaction-deverse-scenario-wrap > h2 {
    padding: 0 20px !important;
  }
  .multimodal-interaction-deverse-scenario-content-wrap .item .item-content {
    flex-direction: column;
    justify-content: flex-start;
    padding: 20px 30px 60px !important;
  }
  .multimodal-interaction-deverse-scenario-content-wrap .item-content-right {
    padding-top: 28px !important;
  }
  .multimodal-interaction-deverse-scenario-content-wrap .item-tag-wrap {
    flex-direction: column;
  }
  .multimodal-interaction-deverse-scenario-content-wrap
    .item-tag-wrap
    .item-tag
    + .item-tag {
    margin-left: 0 !important;
    margin-top: 24px !important;
  }
  .multimodal-interaction-deverse-scenario-content-wrap
    .item-tag-wrap
    .item-tag-desc {
    margin-bottom: 8px !important;
    max-width: 100% !important;
  }
  .multimodal-interaction-deverse-scenario-content-wrap .item-content-left p {
    margin-top: 8px !important;
  }
  .multimodal-interaction-deverse-scenario-content-wrap .item-content-left {
    width: 100% !important;
    max-width: 100% !important;
    margin-right: 0 !important;
  }
  .multimodal-interaction-deverse-scenario-content-wrap .swiper-pagination {
    display: block;
    bottom: 26px;
  }
  .transmission-procession-wrap.new-inside {
    padding-top: 40px !important;
    padding-bottom: 46px !important;
  }
  .transmission-procession-content .item-wrap {
    flex-direction: column;
    gap: 12px;
    margin-top: 28px;
  }
  .transmission-procession-content .item-wrap .item {
    min-height: 0;
    padding: 24px;
  }
  .transmission-procession-content .item-wrap .item .item-content > p {
    margin-top: 12px;
    margin-bottom: 24px;
  }

  body:not(.views-display-home-dynews) .new-banner-video-wrap picture {
    display: none !important;
  }
  body:not(.views-display-home-dynews)
    li
    .pdb-word.new-banner-bg
    .new-banner-mobile-img,
  body:not(.views-display-home-dynews)
    li.bn-left-center
    .pdb-word.new-banner-bg
    .new-banner-mobile-img {
    display: none !important;
  }
  .gallary .flexslider li,
  .banner-models-list li {
    background-image: none !important;
  }
  li.bn-left-center .banner-word.new-banner-bg,
  li .banner-word.new-banner-bg,
  li .pdb-word.new-banner-bg,
  li.bn-left-center .pdb-word.new-banner-bg {
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
  }
  .banner-models-list li img {
    display: none !important;
  }
  .banner-models-inline-scroll {
    max-width: 100px;
    min-width: fit-content !important;
  }
  li.bn-left-center h1,
  .pdb-word h1 {
    margin-bottom: 20px !important;
  }
  .banner-models-viewport {
    width: 100px;
    max-width: 100px;
  }
  .multimodal-interaction-deverse-scenario-wrap {
    margin: 0 !important;
    padding-bottom: 40px !important;
  }
  .multimodal-interaction-deverse-scenario-content-wrap {
    background-color: transparent;
    border-radius: 0 !important;
    box-shadow: none !important;
  }
  .multimodal-interaction-deverse-scenario-content-wrap .swiper-wrapper {
    align-items: stretch;
  }
  .multimodal-interaction-deverse-scenario-content-wrap .swiper-slide {
    padding: 0 20px 10px;
    /* 覆盖 Swiper 默认的 .swiper-slide { height: 100% } —— 否则 align-items: stretch 失效 */
    height: auto;
    display: flex;
  }
  .multimodal-interaction-deverse-scenario-content-wrap .swiper-slide .item {
    background-color: #f8f8fc;
    border-radius: 24px;
    box-shadow: 0px 4px 5.4px 0px #e2e6f3;
    /* 让 .item 撑满已被 stretch 后的 swiper-slide 高度 */
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
  }
  .multimodal-interaction-deverse-scenario-content-wrap .swiper-button-next,
  .multimodal-interaction-deverse-scenario-content-wrap .swiper-button-prev {
    top: 28.5vw !important;
  }
  .multimodal-interaction-deverse-scenario-content-wrap .swiper-button-prev {
    right: unset;
    left: 10px;
  }
  .multimodal-interaction-deverse-scenario-content-wrap .swiper-button-next {
    right: 10px;
  }
  .multimodal-interaction-deverse-scenario-content-wrap
    .swiper-slide
    .item-img-logo {
    top: 21%;
    left: 90%;
    width: 90px;
    height: 90px;
  }
  .multimodal-interaction-deverse-scenario-content-wrap
    .swiper-slide
    .item-img-logo.smart-audio-speaker-logo {
    top: 52%;
    left: 67%;
  }
  .i18n-zh-hans .multimodal-interaction-deverse-scenario-content-wrap .swiper-slide .item-img-logo.smart-audio-speaker-logo {
    top: 44%;
    left: 49%;
  }
  .multimodal-interaction-deverse-scenario-content-wrap
    .swiper-slide
    .item-img-logo.educational-companion-logo {
    top: 38%;
    left: 68.5%;
  }
  .multimodal-interaction-deverse-scenario-content-wrap
    .swiper-slide
    .item-img-logo.medical-wearable-devices-logo {
    top: 65%;
    left: 46%;
  }
  .multimodal-interaction-deverse-scenario-content-wrap
    .swiper-slide
    .item-img-logo.smart-agricultural-irrigation-logo {
    top: 44%;
    left: 80%;
  }
  .multimodal-interaction-deverse-scenario-content-wrap
    .swiper-slide
    .item-img-logo.industrial-robotic-arm-logo {
    top: 29%;
    left: 31.5%;
  }
  .esp-llm-solution-wrap .use-cases-wrap h2 {
    margin-bottom: -50px !important;
  }
  .transmission-procession-content .item-wrap .item:hover {
    transform: translateY(-4px);
  }
  .end-to-end-multimodal-solution-content-wrap > h3 {
    padding-left: 50px !important;
  }
  .end-to-end-multimodal-solution-content-wrap > h3:before {
    background-size: 26px 26px;
    width: 39px;
    height: 39px;
  }
  .esp-llm-solution-wrap .title-bg {
    min-width: 120px;
    white-space: nowrap !important;
  }
}
@media screen and (min-width: 768px) {
  .i18n-en .esp-llm-solution-wrap .title-bg,
  .i18n-ja .esp-llm-solution-wrap .title-bg {
    min-width: 206px;
  }
  .i18n-en .end-to-end-multimodal-solution-content-wrap > h3,
  .i18n-ja .end-to-end-multimodal-solution-content-wrap > h3  {
    padding-left: 60px !important;
    padding-right: 38px !important;
  }
}
.swiper-button-next,
.swiper-button-prev {
  background-image: none !important;
}
.swiper-button-next img,
.swiper-button-prev img,
.swiper-button-next svg,
.swiper-button-prev svg {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  background-color: #fff !important;
  border-radius: 50% !important;
}
.swiper-button-next:not(.swiper-button-disabled) img,
.swiper-button-prev:not(.swiper-button-disabled) img {
  display: none !important;
}
.swiper-button-disabled > svg {
  opacity: 0 !important;
}
 /* 外圈圆环位置、大小完全不变 */
 .swiper-button-next .circle,
 .swiper-button-prev .circle {
  transition: filter 0.35s ease;
}

/* 默认状态保持原 SVG 图标完整显示 */
.swiper-button-next .line,
.swiper-button-prev .line,
.swiper-button-next .arrow,
.swiper-button-prev .arrow {
  stroke-dashoffset: 0;
  opacity: 1;
}

.swiper-button-next .line,
.swiper-button-prev .line {
  stroke-dasharray: 19;
  transform-origin: 15.25px 24.96px;
}

.swiper-button-next .arrow,
.swiper-button-prev .arrow {
  stroke-dasharray: 26;
  transform-origin: center;
}

.swiper-button-next:hover .circle,
.swiper-button-prev:hover .circle {
  filter: drop-shadow(0 8px 18px rgba(8, 116, 250, 0.22));
}

/* 悬浮时：横线先从左向右重新延展到箭头连接位置 */
.swiper-button-next:hover .line,
.swiper-button-prev:hover .line {
  animation: extendLine 0.42s cubic-bezier(0.65, 0, 0.35, 1) both;
}

/* 箭头随后只做箭头形态的轻微推进，不额外产生右侧横线 */
.swiper-button-next:hover .arrow,
.swiper-button-prev:hover .arrow {
  animation: drawArrow 0.42s cubic-bezier(0.22, 1, 0.36, 1) 0.26s both;
}

.swiper-button-next:active .circle,
.swiper-button-prev:active .circle {
  filter: drop-shadow(0 5px 12px rgba(8, 116, 250, 0.18));
}

@keyframes extendLine {
  0% {
    stroke-dashoffset: 19;
    opacity: 0.2;
  }
  100% {
    stroke-dashoffset: 0;
    opacity: 1;
  }
}

@keyframes drawArrow {
  0% {
    stroke-dashoffset: 26;
    transform: translateX(-3px);
    opacity: 0.2;
  }
  100% {
    stroke-dashoffset: 0;
    transform: translateX(0);
    opacity: 1;
  }
}