/*
 * 260723a 首页视觉样例覆盖层。
 * 只允许由 index.html 与 sy/index.html 引入。
 */

body.homepage-refresh {
  color: var(--text-body);
  background: var(--surface-page);
  font-family: var(--font-sans);
  font-size: var(--text-base);
  line-height: var(--leading-base);
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  overflow-x: hidden;
}

body.homepage-refresh :where(
  p,
  span:not(.mw-iconfont):not(.icon),
  a,
  em,
  strong,
  h1,
  h2,
  h3,
  h4,
  h5,
  h6
) {
  font-family: var(--font-sans) !important;
}

body.homepage-refresh #mainContentWrapper {
  /* 页面自身负责滚动；关闭建站器遗留的内层滚动条，避免每个板块右侧出现 8px 灰色轨道。 */
  overflow: visible !important;
  background: var(--surface-page) !important;
}

/* 旧响应式脚本会把首页三段外框重复减去一次滚动条宽度，导致右侧露出底色。 */
body.homepage-refresh #mainContentWrapper > div {
  width: 100% !important;
  min-width: 0 !important;
  box-sizing: border-box;
}

/* 旧导出节点被错误放到 1200px 容器右侧，是首页横向溢出的唯一内容源。 */
body.homepage-refresh #smv_con_357_28 {
  display: none !important;
}

/* Header */
body.homepage-refresh #smv_Area0 {
  color: var(--text-title);
  font-family: var(--font-sans);
}

body.homepage-refresh #smv_Area0 > .esmartMargin > .yibuFrameContent {
  background: var(--surface-card) !important;
  box-shadow: var(--shadow-xs);
}

body.homepage-refresh #smv_Area0 .w-nav-item-link .w-link-txt {
  color: var(--text-body) !important;
  font-size: var(--text-base) !important;
  font-weight: var(--weight-bold) !important;
  transition:
    color var(--duration-fast) var(--ease-standard),
    background-color var(--duration-fast) var(--ease-standard);
}

body.homepage-refresh #smv_Area0 .w-nav-inner:hover > .w-nav-item-link .w-link-txt,
body.homepage-refresh #smv_Area0 .w-nav-inner.active > .w-nav-item-link .w-link-txt {
  color: var(--color-primary-active) !important;
}

body.homepage-refresh #smv_Area0 .w-subnav {
  overflow: hidden;
  background: var(--surface-card) !important;
  border-radius: var(--radius-md);
  box-shadow: var(--shadow-lg);
}

body.homepage-refresh #smv_Area0 .w-subnav-link {
  color: var(--text-body) !important;
  font-size: var(--text-base) !important;
}

body.homepage-refresh #smv_Area0
  :where(.w-subnav-item:hover, .w-subnav-item.current) {
  background: var(--color-primary) !important;
}

body.homepage-refresh #smv_Area0 .w-subnav-link:hover,
body.homepage-refresh #smv_Area0
  .w-subnav-item.current
  .w-subnav-link {
  color: var(--text-on-brand) !important;
  background: transparent !important;
}

body.homepage-refresh #smv_Area0 .slicknav_nav
  :where(
    .slicknav_open > .slicknav_row,
    .current > a,
    .slicknav_row:hover,
    a:hover
  ) {
  color: var(--text-on-brand) !important;
  background: var(--color-primary) !important;
}

/* Hero */
body.homepage-refresh .nky-hero-v2 {
  color: var(--text-title);
  background-color: var(--surface-page);
  font-family: var(--font-sans);
}

body.homepage-refresh .nky-hero-v2 h1 {
  color: var(--text-title);
  font-family: var(--font-display) !important;
  font-size: var(--text-super);
  font-weight: var(--weight-extrabold);
  line-height: var(--leading-super);
  letter-spacing: var(--tracking-tight);
}

body.homepage-refresh .nky-hero-divider {
  height: var(--space-1);
  margin-block: var(--space-8) var(--space-5);
  background: var(--color-primary);
  box-shadow: var(--shadow-xs);
}

body.homepage-refresh .nky-hero-subtitle {
  color: var(--text-body);
  font-size: var(--text-lg);
  line-height: var(--leading-lg);
}

/* Section surfaces */
body.homepage-refresh #bannerWrap_con_17_30,
body.homepage-refresh #bannerWrap_con_53_25 {
  background: var(--surface-card) !important;
}

body.homepage-refresh #bannerWrap_con_330_50,
body.homepage-refresh #bannerWrap_con_101_9 {
  background: var(--surface-page) !important;
}

body.homepage-refresh :where(
  #smv_con_17_30,
  #smv_con_53_25,
  #smv_con_330_50,
  #smv_con_101_9,
  #smv_con_82_2
) {
  font-family: var(--font-sans);
}

/* Chinese section titles */
body.homepage-refresh :where(
  #smv_con_19_43,
  #smv_con_34_43,
  #smv_con_254_16,
  #smv_con_332_50,
  #smv_con_303_28
) * {
  color: var(--text-title) !important;
  font-family: var(--font-display) !important;
  font-size: var(--text-large) !important;
  font-weight: var(--weight-extrabold) !important;
  line-height: var(--leading-large) !important;
  letter-spacing: var(--tracking-tight) !important;
}

body.homepage-refresh :where(
  #smv_con_19_43,
  #smv_con_34_43,
  #smv_con_254_16,
  #smv_con_332_50,
  #smv_con_303_28
) :where(.yibuFrameContent, .editableContent, p) {
  overflow: visible !important;
}

body.homepage-refresh #smv_con_303_28,
body.homepage-refresh #smv_con_303_28 > .yibuFrameContent,
body.homepage-refresh #smv_con_303_28 :where(#txt_con_303_28, #txtc_con_303_28) {
  height: var(--leading-large) !important;
  overflow: visible !important;
}

body.homepage-refresh #smv_con_303_28 p {
  margin: 0 !important;
}

/* English eyebrow labels */
body.homepage-refresh :where(
  #smv_con_20_33,
  #smv_con_35_43,
  #smv_con_255_16,
  #smv_con_304_28,
  #smv_con_333_50
) * {
  color: var(--color-primary-active) !important;
  font-family: var(--font-sans) !important;
  font-size: var(--text-sm) !important;
  font-weight: var(--weight-semibold) !important;
  line-height: var(--leading-sm) !important;
  letter-spacing: var(--tracking-wide) !important;
}

body.homepage-refresh :where(#smv_con_285_51, #smv_con_74_53) * {
  color: var(--text-link) !important;
  font-size: var(--text-base) !important;
  font-weight: var(--weight-medium) !important;
}

body.homepage-refresh :where(#smv_con_285_51, #smv_con_74_53) a:hover * {
  color: var(--color-primary-active) !important;
}

/* About + signing news */
body.homepage-refresh #smv_con_22_59 * {
  color: var(--text-body) !important;
  font-size: var(--text-base) !important;
  line-height: var(--leading-base) !important;
}

body.homepage-refresh #smv_con_37_1 :where(h3, h3 a) {
  color: var(--text-title) !important;
  font-size: var(--text-h3) !important;
  font-weight: var(--weight-semibold) !important;
  line-height: var(--leading-h3) !important;
}

body.homepage-refresh #smv_con_37_1 p {
  color: var(--text-secondary) !important;
  font-size: var(--text-base) !important;
  line-height: var(--leading-base) !important;
}

body.homepage-refresh #smv_con_73_32 .demo {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr);
  gap: var(--gap-card);
}

body.homepage-refresh #smv_con_73_32 .demo > div {
  width: auto !important;
  min-width: 0;
  padding: var(--space-4) !important;
  float: none !important;
  background: var(--surface-card);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-sm);
}

body.homepage-refresh #smv_con_73_32 .counter {
  color: var(--color-primary-active) !important;
  font-family: var(--font-display) !important;
  font-size: var(--text-super) !important;
  font-weight: var(--weight-bold) !important;
  line-height: var(--leading-super) !important;
}

body.homepage-refresh #smv_con_73_32 .jieshao {
  color: var(--text-body) !important;
  font-size: var(--text-sm) !important;
  line-height: var(--leading-sm) !important;
}

/* Solution image cards */
body.homepage-refresh :where(
  #smv_con_334_50,
  #smv_con_335_50,
  #smv_con_336_50,
  #smv_con_337_50,
  #smv_con_338_36
) > .yibuFrameContent,
body.homepage-refresh :where(
  #smv_con_334_50,
  #smv_con_335_50,
  #smv_con_336_50,
  #smv_con_337_50,
  #smv_con_338_36
) .w-image-box {
  overflow: hidden !important;
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-md);
  transition:
    transform var(--duration-base) var(--ease-standard),
    box-shadow var(--duration-base) var(--ease-standard);
}

body.homepage-refresh :where(
  #smv_con_334_50,
  #smv_con_335_50,
  #smv_con_336_50,
  #smv_con_337_50,
  #smv_con_338_36
) .hover-effect {
  position: relative !important;
  width: 100% !important;
  height: 100% !important;
  box-sizing: border-box;
  overflow: hidden !important;
  background: var(--surface-card);
  border: 1px solid var(--border-subtle);
  border-radius: var(--radius-lg);
}

body.homepage-refresh :where(
  #smv_con_334_50,
  #smv_con_335_50,
  #smv_con_336_50,
  #smv_con_337_50,
  #smv_con_338_36
) img {
  position: absolute !important;
  inset: 0 !important;
  margin: 0 !important;
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  object-fit: cover;
  object-position: center center;
  transition: transform var(--duration-slow) var(--ease-out) !important;
}

body.homepage-refresh :where(
  #smv_con_334_50,
  #smv_con_335_50,
  #smv_con_336_50,
  #smv_con_337_50,
  #smv_con_338_36
) .img-hover-bg {
  display: flex !important;
  flex-wrap: nowrap !important;
  align-content: flex-end !important;
  align-items: flex-end !important;
  justify-content: flex-start !important;
  padding: var(--space-6) !important;
  opacity: 1 !important;
  background: linear-gradient(
    to bottom,
    rgba(7, 9, 12, 0.06) 0%,
    rgba(7, 9, 12, 0.1) 58%,
    rgba(7, 9, 12, 0.42) 100%
  ) !important;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  box-shadow: inset 0 -1px 0 var(--color-primary-border);
  transition:
    background var(--duration-base) var(--ease-standard),
    box-shadow var(--duration-base) var(--ease-standard) !important;
}

body.homepage-refresh :where(
  #smv_con_334_50,
  #smv_con_335_50,
  #smv_con_336_50,
  #smv_con_337_50,
  #smv_con_338_36
) .image-title {
  width: max-content !important;
  max-width: calc(100% - var(--space-10));
  box-sizing: border-box;
  flex: 0 0 auto;
  margin: 0 !important;
  padding: var(--space-2) var(--space-4) !important;
  color: var(--text-on-brand) !important;
  background: rgba(7, 9, 12, 0.4) !important;
  border: 1px solid rgba(255, 255, 255, 0.16);
  border-left: 2px solid var(--color-accent);
  border-radius: var(--radius-sm);
  box-shadow: var(--shadow-sm);
  font-family: var(--font-sans) !important;
  font-size: var(--text-h3) !important;
  font-weight: var(--weight-semibold) !important;
  line-height: var(--leading-h3) !important;
  text-align: left !important;
  text-shadow: var(--shadow-xs);
  transform: translateY(0);
  transition: transform var(--duration-base) var(--ease-standard);
}

body.homepage-refresh :where(
  #smv_con_334_50,
  #smv_con_335_50,
  #smv_con_336_50,
  #smv_con_337_50,
  #smv_con_338_36
):hover > .yibuFrameContent {
  transform: translateY(-2px);
  box-shadow: var(--shadow-lg);
}

body.homepage-refresh :where(
  #smv_con_334_50,
  #smv_con_335_50,
  #smv_con_336_50,
  #smv_con_337_50,
  #smv_con_338_36
):hover img {
  transform: scale(1.012);
}

body.homepage-refresh :where(
  #smv_con_334_50,
  #smv_con_335_50,
  #smv_con_336_50,
  #smv_con_337_50,
  #smv_con_338_36
):hover .image-title {
  transform: translateX(2px);
}

/* Product technology cards */
body.homepage-refresh :where(
  #smv_con_305_9,
  #smv_con_309_9,
  #smv_con_313_9,
  #smv_con_317_9
) > .yibuFrameContent {
  overflow: hidden !important;
  background: var(--surface-card) !important;
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-sm);
  transition:
    transform var(--duration-base) var(--ease-standard),
    box-shadow var(--duration-base) var(--ease-standard);
}

body.homepage-refresh :where(
  #smv_con_305_9,
  #smv_con_309_9,
  #smv_con_313_9,
  #smv_con_317_9
):hover > .yibuFrameContent {
  transform: translateY(calc(var(--space-1) * -1));
  box-shadow: var(--shadow-md);
}

body.homepage-refresh :where(
  #smv_con_306_9,
  #smv_con_310_9,
  #smv_con_314_9,
  #smv_con_318_9
) * {
  color: var(--text-title) !important;
  font-size: var(--text-h3) !important;
  font-weight: var(--weight-semibold) !important;
  line-height: var(--leading-h3) !important;
}

/* Successful cases */
body.homepage-refresh #smv_con_369_51 > .yibuFrameContent,
body.homepage-refresh #smv_con_369_51 .w-image-box {
  overflow: hidden !important;
  background: var(--surface-card);
  border-radius: var(--radius-xl);
  box-shadow: var(--shadow-md);
}

/* CTA */
body.homepage-refresh #bannerWrap_con_82_2 {
  background: var(--gradient-brand) !important;
}

body.homepage-refresh #bannerWrap_con_82_2 .w-banner-image {
  opacity: 0 !important;
}

body.homepage-refresh #smv_con_83_2 * {
  color: var(--text-on-brand) !important;
  font-family: var(--font-sans) !important;
}

body.homepage-refresh #smv_con_83_2 p:first-child span {
  font-family: var(--font-display) !important;
  font-size: var(--text-large) !important;
  font-weight: var(--weight-bold) !important;
  line-height: var(--leading-large) !important;
}

body.homepage-refresh #smv_con_284_40 .w-button {
  color: var(--color-primary-active) !important;
  background: var(--surface-card) !important;
  border-radius: var(--radius-pill) !important;
  box-shadow: var(--shadow-md);
  transition:
    transform var(--duration-fast) var(--ease-standard),
    box-shadow var(--duration-fast) var(--ease-standard);
}

body.homepage-refresh #smv_con_284_40 .w-button:hover {
  transform: translateY(calc(var(--space-0-5) * -1));
  box-shadow: var(--shadow-lg);
}

body.homepage-refresh #smv_con_284_40 .w-button * {
  color: var(--color-primary-active) !important;
  font-weight: var(--weight-semibold) !important;
}

/* Footer + filing */
body.homepage-refresh #bannerWrap_tem_88_45 {
  background: var(--gray-900) !important;
  border-top: 1px solid var(--gray-800);
}

body.homepage-refresh #smv_Area3::before {
  content: "";
  position: absolute;
  top: var(--space-10);
  bottom: var(--space-10);
  left: 276px;
  width: 1px;
  background: var(--gray-800);
}

body.homepage-refresh #smv_Area3::after {
  content: "";
  position: absolute;
  top: var(--space-10);
  bottom: var(--space-10);
  right: 276px;
  width: 1px;
  background: var(--gray-800);
}

body.homepage-refresh #smv_tem_89_45 {
  top: calc(var(--space-12) + var(--space-1)) !important;
  width: var(--space-20) !important;
  height: var(--space-20) !important;
}

body.homepage-refresh #smv_tem_89_45 > .yibuFrameContent {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100% !important;
  height: 100% !important;
  box-sizing: border-box;
  padding: var(--space-1);
  overflow: hidden !important;
  background: var(--surface-card);
  border-radius: var(--radius-md);
  box-shadow: var(--shadow-md);
}

body.homepage-refresh #smv_tem_89_45 :where(.w-image-box, a) {
  display: block;
  width: 100% !important;
  height: 100% !important;
}

body.homepage-refresh #smv_tem_89_45 img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: contain;
  border-radius: var(--radius-xs);
}

body.homepage-refresh #smv_Area3 .editableContent * {
  color: var(--gray-400) !important;
  font-size: var(--text-sm) !important;
  line-height: var(--leading-sm) !important;
}

body.homepage-refresh #smv_tem_90_45 .editableContent p:first-child * {
  color: var(--gray-200) !important;
  font-weight: var(--weight-semibold) !important;
}

body.homepage-refresh #smv_tem_98_56 .editableContent * {
  color: var(--gray-300) !important;
  font-size: var(--text-base) !important;
  line-height: var(--leading-lg) !important;
}

body.homepage-refresh #smv_tem_92_45 .w-image-box {
  transition: opacity var(--duration-fast) var(--ease-standard);
}

body.homepage-refresh #smv_tem_92_45 .w-image-box:hover {
  opacity: 0.88;
}

body.homepage-refresh #smv_Area3 .company-info-item * {
  color: var(--gray-400) !important;
  font-size: var(--text-sm) !important;
}

body.homepage-refresh #all-icp-bottom,
body.homepage-refresh #all-icp-bottom .page-bottom--area {
  background: var(--gray-900) !important;
  font-family: var(--font-sans) !important;
}

body.homepage-refresh #all-icp-bottom {
  width: 100% !important;
  padding-top: 0 !important;
  border-top: 1px solid var(--gray-800);
}

body.homepage-refresh #all-icp-bottom .page-bottom--area,
body.homepage-refresh #all-icp-bottom .bottom-content {
  width: 100% !important;
  box-sizing: border-box;
}

body.homepage-refresh #all-icp-bottom .bottom-content {
  padding-block: var(--space-3) var(--space-4);
}

body.homepage-refresh #all-icp-bottom .bottom-words {
  color: var(--gray-400) !important;
  font-family: var(--font-sans) !important;
}

body.homepage-refresh #all-icp-bottom a:hover,
body.homepage-refresh #all-icp-bottom a:hover .bottom-words {
  color: var(--teal-200) !important;
}

body.homepage-refresh #all-icp-bottom .bottom-border {
  background: var(--gray-600) !important;
}

body.homepage-refresh #all-icp-bottom .top-area {
  margin-bottom: var(--space-1);
}

body.homepage-refresh #all-icp-bottom :where(.icp-area, .ga-area) a {
  display: inline-flex;
  align-items: center;
  min-height: var(--space-8);
  padding-inline: var(--space-3);
  border-radius: var(--radius-pill);
  transition:
    color var(--duration-fast) var(--ease-standard),
    background-color var(--duration-fast) var(--ease-standard);
}

body.homepage-refresh #all-icp-bottom :where(.icp-area, .ga-area) a:hover {
  background: var(--gray-800);
}

body.homepage-refresh #all-icp-bottom .ga_link img {
  margin-right: var(--space-2);
}

/* Right-side quick actions */
body.homepage-refresh #smv_tem_96_2 .w-cs-list-warp {
  background: var(--color-primary) !important;
  transition: background-color var(--duration-fast) var(--ease-standard);
}

body.homepage-refresh #smv_tem_96_2 .w-cs-list:hover .w-cs-list-warp {
  background: var(--color-primary-active) !important;
}

body.homepage-refresh #smv_tem_96_2 :where(.w-cs-icon, .w-cs-text) {
  color: var(--text-on-brand) !important;
}

@media (prefers-reduced-motion: reduce) {
  body.homepage-refresh :where(
    #smv_con_305_9,
    #smv_con_309_9,
    #smv_con_313_9,
    #smv_con_317_9,
    #smv_con_334_50,
    #smv_con_335_50,
    #smv_con_336_50,
    #smv_con_337_50,
    #smv_con_338_36,
    #smv_con_284_40 .w-button
  ) {
    transition: none !important;
    transform: none !important;
  }
}