:root {
  ;
        ;
        ;
        --site-font-family-icon: "element-icons";
  --site-color-brand: #d71c20;
  --site-color-nav: #181818;
  --site-color-heading: #3a3a3a;
  --site-color-text: #3a3a3a;
  --site-color-muted: #3a3a3a;
  --site-color-subtle: #3a3a3a;
  --site-color-section-gray: #f7f7f7;
  --site-color-section-light: #ffffff;
  --site-color-section-dark: #2c2727;
  --site-color-white: #ffffff;
  --site-color-border: #f7f7f7;
        --site-color-border-strong: #e6e6e6;
        --site-color-line: rgba(24, 24, 24, 0.10);
        --site-color-focus: rgba(215, 28, 32, 0.18);
        --site-color-accent: #d71c20;
  --site-shadow-soft: 0 18px 42px rgba(215, 28, 32, 0.34);
  --site-shadow-card: 0 24px 58px rgba(215, 28, 32, 0.34);
  --site-title-block-gap: 93px;
  --site-section-edge-gap: 93px;
  --site-section-edge-gap-compact: 93px;
  --site-section-edge-gap-feature: 93px;
  --site-section-edge-gap-media: 93px;
  --site-heading-copy-gap: 18px;
  --site-copy-content-gap: 44px;
  --site-section-edge-gap-pad: 93px;
  --site-section-edge-gap-mobile: 93px;
  --site-title-block-gap-mobile: var(--site-section-edge-gap);

  --site-desktop-content-width: 1200px;
  --site-desktop-nav-width: 1240px;
  --site-desktop-gutter: 20px;
  --site-desktop-nav-item-x: 20px;
  --site-pad-content-width: 100%;
  --site-pad-gutter: 16px;
  --site-mobile-content-width: 100%;
  --site-mobile-gutter: 12px;

  --site-root-size: 16px;
  ;
  ;
  ;
  ;
  ;
  ;
  ;
  ;
  ;
  ;
  --site-desktop-nav-size: 16px;
  ;
  ;
  ;
  ;
  ;
  --site-desktop-hero-size: 64px;
  --site-desktop-hero-line: 1.1;
  --site-desktop-tab-size: 28px;
  --site-desktop-tab-line: 60px;
  --site-desktop-table-title-size: 28px;
  --site-desktop-table-title-line: 60px;
  --site-desktop-table-text-size: 16px;
  --site-desktop-table-text-line: 1.5;

  --site-pad-body-size: 16px;
  --site-pad-body-line: 1.5;
  --site-pad-small-title-size: 20px;
  --site-pad-small-title-line: 1.45;
  --site-pad-section-title-size: 28px;
  --site-pad-section-title-line: 1.35;

  --site-mobile-body-size: 14px;
  --site-mobile-body-line: 1.72;
  --site-mobile-small-title-size: 18px;
  --site-mobile-small-title-line: 1.5;
  --site-mobile-section-title-size: 28px;
  --site-mobile-section-title-line: 1.35;
  ;
  --site-mobile-hero-line: 1.25;

  ;
  ;
  ;
  ;
}

html {
  scroll-behavior: smooth;
}

body {
  background: #ffffff;
  letter-spacing: 0;
}

html,
body,
#app,
.layout {
  max-width: 100% !important;
  overflow-x: hidden !important;
}

.site-skip-link {
  position: fixed;
  left: 16px;
  top: 16px;
  z-index: 20000;
  transform: translateY(-80px);
  padding: 10px 14px;
  border-radius: 6px;
  background: var(--site-color-brand);
  color: var(--site-color-white);
  text-decoration: none;
  transition: transform 0.18s ease;
}

.site-skip-link:focus {
  transform: translateY(0);
}

a:focus-visible,
button:focus-visible,
[tabindex]:focus-visible {
  outline: 3px solid rgba(215, 28, 32, 0.28);
  outline-offset: 3px;
}

.ss-font-34 {
  letter-spacing: 0 !important;
}

.layout-banner .banner-copy[data-v-ff6783a4] {
  position: absolute !important;
  left: max(72px, calc((100vw - var(--site-desktop-content-width)) / 2 + 20px)) !important;
  top: 51% !important;
  width: min(680px, 52vw) !important;
  transform: translateY(-50%) !important;
  z-index: 2 !important;
}

.layout-banner .banner-img .banner-p[data-v-ff6783a4] {
  position: static !important;
  width: auto !important;
  margin: 0 !important;
  transform: none !important;
  color: #ffffff !important;
  text-align: left !important;
}

.layout-banner .banner-img .banner-p[data-v-ff6783a4]::after {
  content: none !important;
  display: none !important;
}

.layout-banner .banner-action[data-v-ff6783a4],
.home-conversion__button {
  border: 0 !important;
  border-radius: 999px !important;
  background: linear-gradient(135deg, #d71c20 0%, #d71c20 100%) !important;
  box-shadow: 0 16px 34px rgba(215, 28, 32, 0.34) !important;
  color: #ffffff !important;
  font-weight: 700 !important;
}

.layout-banner .banner-action[data-v-ff6783a4] {
  margin-top: 46px !important;
}

@media (min-width: 1025px) {
  .cw,
  .w-1200,
  .contain,
  .contain-layout {
    width: min(var(--site-desktop-content-width), calc(100% - (var(--site-desktop-gutter) * 2))) !important;
    max-width: var(--site-desktop-content-width) !important;
    margin-left: auto !important;
    margin-right: auto !important;
    box-sizing: border-box !important;
  }

  body {
    padding-top: 0 !important;
  }

  .layout-banner .banner-copy[data-v-ff6783a4] {
    top: 49.5% !important;
  }

  .nav-content[data-v-ff6783a4] {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    height: 64px !important;
    background: transparent !important;
    box-shadow: none !important;
    z-index: 10020 !important;
  }

  .nav-content.sticky[data-v-ff6783a4] {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    height: 64px !important;
    background: rgba(255, 255, 255, 0.94) !important;
    border-bottom: 1px solid rgba(221, 227, 234, 0.78) !important;
    box-shadow: none !important;
    backdrop-filter: blur(18px);
    z-index: 10020 !important;
  }

  .layout-nav[data-v-ff6783a4] {
    width: 100% !important;
    max-width: var(--site-desktop-nav-width) !important;
    height: 64px !important;
    line-height: normal !important;
    padding: 0 var(--site-desktop-gutter) !important;
    margin: 0 auto !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    box-sizing: border-box !important;
  }

  .layout-nav .w-650[data-v-ff6783a4] {
    width: auto !important;
    display: flex !important;
    align-items: center !important;
  }

  .nav-content .layout-nav .img-logo[data-v-ff6783a4] {
    width: 95px !important;
    height: 55px !important;
    transform: none !important;
    background-image: url("../../images/logo.png?v=20260704logo1") !important;
    background-repeat: no-repeat !important;
    background-size: contain !important;
    background-position: center !important;
  }

  .nav-content.sticky .layout-nav .img-logo[data-v-ff6783a4] {
    width: 95px !important;
    height: 55px !important;
    transform: none !important;
    background-image: url("../../images/logo-red.png?v=20260704logo1") !important;
    background-repeat: no-repeat !important;
    background-size: contain !important;
    background-position: center !important;
  }

  .nav-content .layout-nav .nav-item[data-v-ff6783a4] {
    display: inline-flex !important;
    align-items: center !important;
    height: 64px !important;
    padding: 0 var(--site-desktop-nav-item-x) !important;
    margin: 0 !important;
    color: var(--site-color-white) !important;
    !important;
    font-weight: 520 !important;
    line-height: 22px !important;
    box-sizing: border-box !important;
    transition: color 0.16s ease, opacity 0.16s ease !important;
  }

  .nav-content.sticky .layout-nav .nav-item[data-v-ff6783a4] {
    display: inline-flex !important;
    align-items: center !important;
    height: 64px !important;
    padding: 0 var(--site-desktop-nav-item-x) !important;
    margin: 0 !important;
    color: #3a3a3a !important;
    !important;
    font-weight: 520 !important;
    line-height: 22px !important;
    box-sizing: border-box !important;
    transition: color 0.16s ease, opacity 0.16s ease !important;
  }

  .nav-content .layout-nav .nav-item.actived[data-v-ff6783a4],
  .nav-content.sticky .layout-nav .nav-item.actived[data-v-ff6783a4] {
    border-bottom: 3px solid var(--site-color-brand) !important;
  }

  .layout-nav .ss-flex.ss-col-bottom[data-v-ff6783a4] {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    margin-left: auto !important;
  }

  .nav-content .layout-nav .login-text[data-v-ff6783a4] {
    color: var(--site-color-white) !important;
    !important;
    line-height: 22px !important;
    transition: color 0.16s ease !important;
  }

  .nav-content.sticky .layout-nav .login-text[data-v-ff6783a4] {
    color: #3a3a3a !important;
    !important;
    line-height: 22px !important;
    transition: color 0.16s ease !important;
  }

  .nav-content .layout-nav[data-v-ff6783a4] .el-icon-arrow-down {
    color: var(--site-color-white) !important;
  }

  .nav-content.sticky .layout-nav[data-v-ff6783a4] .el-icon-arrow-down {
    color: #3a3a3a !important;
  }

  .nav-content .layout-nav .ruzhu-btn[data-v-ff6783a4],
  .nav-content.sticky .layout-nav .ruzhu-btn[data-v-ff6783a4] {
    width: 104px !important;
    height: 34px !important;
    margin-left: 40px !important;
    border-radius: 17px !important;
    transform: none !important;
    !important;
    font-weight: var(--site-weight-button) !important;
    line-height: 34px !important;
    transition: transform 0.16s ease, box-shadow 0.16s ease, background 0.16s ease !important;
  }

.nav-content .layout-nav .ruzhu-btn[data-v-ff6783a4]:hover,
.nav-content.sticky .layout-nav .ruzhu-btn[data-v-ff6783a4]:hover,
.home-conversion__button:hover {
    box-shadow: 0 16px 34px rgba(215, 28, 32, 0.34) !important;
    transform: translateY(-1px) !important;
  }

.home .contain-tab:not(.module-index-services) .nav-item[data-v-87b16902]{
  !important;
  font-weight: var(--site-weight-heading) !important;
  !important;
    color: #3a3a3a !important;
  }

  .layout .main-contain .contain-layout > .ss-font-34,
  .layout .main-contain .contain-layout > div > .ss-font-34 {
    margin-bottom: var(--site-heading-copy-gap) !important;
  }

  .layout .main-contain .contain-layout > .ss-font-17,
  .layout .main-contain .contain-layout > div > .ss-font-17 {
    max-width: 780px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    line-height: 1.72 !important;
  }

  .layout .main-contain .contain-layout > .ss-font-17.ss-m-b-50,
  .layout .main-contain .contain-layout > .ss-font-17.ss-m-b-56,
  .layout .main-contain .contain-layout > div > .ss-font-17.ss-m-b-50,
  .layout .main-contain .contain-layout > div > .ss-font-17.ss-m-b-56 {
    margin-bottom: var(--site-copy-content-gap) !important;
  }

  .home .main-contain > .contain-layout.ss-flex.ss-row-between[data-v-87b16902]{
    padding-top: var(--site-section-edge-gap-compact) !important;
    padding-bottom: var(--site-section-edge-gap-compact) !important;
  }

  .home .contain-fz[data-v-87b16902]{
    padding-top: var(--site-section-edge-gap) !important;
    padding-bottom: var(--site-section-edge-gap) !important;
  }

  .home .contain-ig[data-v-87b16902],
  .home .contain-tab[data-v-87b16902]{
    padding-top: var(--site-section-edge-gap-feature) !important;
    padding-bottom: var(--site-section-edge-gap-feature) !important;
  }

  .home .contain-tab[data-v-87b16902] .ss-flex.ss-row-around[data-v-87b16902] {
    align-items: center !important;
    gap: 54px !important;
  }

  .home .contain-tab[data-v-87b16902] .ss-flex-col.ss-row-around[data-v-87b16902] {
    min-height: 420px !important;
    justify-content: space-between !important;
  }

  .home .contain-tab[data-v-87b16902] .ss-font-15[data-v-87b16902] {
    line-height: 1.68 !important;
  }

  .home .contain-ig[data-v-87b16902] .ss-flex.ss-row-between{
    gap: 28px !important;
  }

  .home .contain-ig[data-v-87b16902] .w-280[data-v-87b16902] .ss-font-15{
    line-height: 1.68 !important;
  }

  .home .contain-ig[data-v-87b16902] .w-280[data-v-87b16902] .ss-font-22 {
    line-height: 1.34 !important;
  }

  .home .b1-item .p1 span[data-v-87b16902]{
    color: #3a3a3a !important;
  }

  .home .contain-ig .ss-font-34[data-v-87b16902]{
    color: var(--site-color-white) !important;
  }

  .nav-mobile-toggle {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
  }

  .layout-footer[data-v-ff6783a4] {
    background: var(--site-color-section-dark) !important;
    background-color: var(--site-color-section-dark) !important;
    min-height: 0 !important;
  }

  .layout-footer .footer-content[data-v-ff6783a4] {
    padding-top: 93px !important;
    box-sizing: border-box !important;
  }

  .layout-footer .content-l img.ss-m-t-60[data-v-ff6783a4],
  .layout-footer .footer-follow-title.ss-m-t-60[data-v-ff6783a4] {
    margin-top: 0 !important;
  }

  .layout-footer > div[style*="width: 1200px"][data-v-ff6783a4] {
    margin: 93px auto 0 !important;
    padding-bottom: 93px !important;
    box-sizing: border-box !important;
  }

  .home .contain-ig[data-v-87b16902] .contain-layout[data-v-87b16902] > .ss-font-34.ss-m-b-56 {
    margin-top: 0 !important;
    !important;
  }

  .layout-footer .content-l[data-v-ff6783a4] {
    text-align: left !important;
  }

  .layout-footer .content-l img[data-v-ff6783a4] {
    transform: none !important;
  }

  .home .b1-item[data-v-87b16902] {
    min-height: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    box-sizing: border-box !important;
    transition: none !important;
  }

  .home .b1-item[data-v-87b16902]:hover {
    transform: none !important;
    border-color: transparent !important;
    box-shadow: none !important;
  }

  .home .b1-item[data-v-87b16902] .p1[data-v-87b16902] {
    margin-bottom: 18px !important;
    line-height: 1 !important;
  }

  .home .b1-item[data-v-87b16902] .ss-font-34[data-v-87b16902] {
    line-height: 1 !important;
    color: #3a3a3a !important;
  }

  .home .b1-item[data-v-87b16902] .p1 .ss-font-17[data-v-87b16902] {
    color: #3a3a3a !important;
    font-weight: 650 !important;
  }

  .home .b1-item[data-v-87b16902] > .ss-font-17[data-v-87b16902] {
    color: #3a3a3a !important;
    line-height: 1.5 !important;
  }

  .site-service-banner {
    background: linear-gradient(90deg, #eef5ff 0%, #d71c20 100%) !important;
    border-top: 1px solid var(--site-color-border) !important;
    border-bottom: 1px solid var(--site-color-border) !important;
  }

  .site-service-banner__title {
    color: #3a3a3a !important;
    font-weight: 700 !important;
  }

  .site-service-banner__desc {
    color: #3a3a3a !important;
  }

  .channel-updates-section {
    background: var(--site-color-section-gray) !important;
    padding-top: var(--site-title-block-gap) !important;
    padding-bottom: var(--site-title-block-gap) !important;
  }

  .growth-loop-section {
    padding-top: 93px !important;
    padding-bottom: 93px !important;
  }

  .channel-updates-section + .ss-font-34[data-v-87b16902] {
    margin-top: var(--site-title-block-gap) !important;
  }

}

.layout .main-contain > .contain-layout,
.layout .main-contain > .contain-fz1,
.layout .main-contain > .contain-fz,
.layout .main-contain > .contain-rb,
.layout .main-contain > .contain-ig,
.layout .main-contain > .contain-tab,
.layout .main-contain > .contain-icon,
.layout .main-contain .channel-updates-section {
  width: 100% !important;
  height: auto !important;
  margin-top: 0 !important;
  padding-top: var(--site-section-edge-gap) !important;
  padding-bottom: var(--site-section-edge-gap) !important;
  box-sizing: border-box !important;
}

.layout .main-contain img,
.layout .main-contain video,
.layout .main-contain .el-carousel,
.layout .main-contain .el-carousel__container {
  max-width: 100% !important;
  box-sizing: border-box !important;
}

.layout .main-contain > .contain-layout > .ss-m-t-120 {
  margin-top: 0 !important;
}

@media (max-width: 1024px) {
  :root {
    --site-section-edge-gap: var(--site-section-edge-gap-pad);
    --site-title-block-gap-mobile: var(--site-section-edge-gap-pad);
  }

  .cw,
  .w-1200,
  .contain,
  .contain-layout {
    width: calc(100% - (var(--site-pad-gutter) * 2)) !important;
    max-width: var(--site-pad-content-width) !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  .nav-content[data-v-ff6783a4],
  .nav-content.sticky[data-v-ff6783a4] {
    position: sticky !important;
  }

  .layout-nav[data-v-ff6783a4] {
    height: auto !important;
    line-height: normal !important;
    padding: 14px var(--site-pad-gutter) 12px !important;
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    gap: 12px !important;
    box-sizing: border-box !important;
  }

  .layout-nav .w-650[data-v-ff6783a4] {
    width: 100% !important;
    display: flex !important;
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
    gap: 20px !important;
    scrollbar-width: none !important;
    -ms-overflow-style: none !important;
  }

  .layout-nav .w-650[data-v-ff6783a4]::-webkit-scrollbar {
    display: none !important;
  }

  .layout-nav .img-logo[data-v-ff6783a4] {
    flex: 0 0 auto !important;
    transform: none !important;
    width: 84px !important;
    height: 48px !important;
    background-size: contain !important;
  }

  .layout-nav .nav-item[data-v-ff6783a4] {
    flex: 0 0 auto !important;
    margin: 0 !important;
    line-height: 1.5 !important;
    white-space: nowrap !important;
  }

  .layout-nav .ss-flex.ss-col-bottom[data-v-ff6783a4] {
    width: 100% !important;
    justify-content: flex-end !important;
    gap: 12px !important;
  }

  .layout-nav .ruzhu-btn[data-v-ff6783a4] {
    margin-left: 0 !important;
    transform: none !important;
  }

  .el-carousel[data-v-ff6783a4],
  .el-carousel__container,
  .el-carousel__item[data-v-ff6783a4],
  .layout-banner .banner-img[data-v-ff6783a4] {
    height: 340px !important;
  }

  .layout-banner .banner-img .banner-p[data-v-ff6783a4] {
    width: calc(100% - (var(--site-pad-gutter) * 2)) !important;
    left: auto !important;
    top: auto !important;
    transform: none !important;
    line-height: 1.15 !important;
  }

  .layout-banner .banner-copy[data-v-ff6783a4] {
    left: var(--site-pad-gutter) !important;
    top: 50% !important;
    width: calc(100% - (var(--site-pad-gutter) * 2)) !important;
    max-width: 620px !important;
  }

  .layout-banner .banner-img .banner-p[data-v-ff6783a4]::after {
    width: 72px;
    margin-top: 16px;
  }

  .layout-footer[data-v-ff6783a4] {
    height: auto !important;
    padding: 24px 0 16px !important;
  }

  .layout-footer .footer-content[data-v-ff6783a4] {
    display: block !important;
    width: calc(100% - (var(--site-pad-gutter) * 2)) !important;
  }

  .layout-footer .content-r[data-v-ff6783a4] {
    flex-wrap: wrap !important;
    gap: 24px !important;
    margin-top: 24px !important;
  }

  .layout-footer .footer-qrs[data-v-ff6783a4] {
    flex-wrap: wrap !important;
    gap: 16px !important;
  }

  .layout-footer [style*="width: 1200px"][data-v-ff6783a4],
  .layout-footer > div[style*="width: 1200px"] {
    width: calc(100% - (var(--site-pad-gutter) * 2)) !important;
    margin: 32px auto 0 !important;
    flex-direction: column !important;
    gap: 12px !important;
  }

  .home .contain-layout.ss-flex.ss-row-between[data-v-87b16902] {
    flex-wrap: wrap !important;
    gap: 16px !important;
  }

  .home .b1-item[data-v-87b16902] {
    width: calc(50% - 8px) !important;
  }

  .home .b1-item[data-v-87b16902]{
    padding: 18px !important;
  }

  .home img[data-v-87b16902][src*="ar2"],
  .home img[data-v-87b16902][src*="partners-bg2"] {
    width: 100% !important;
    height: auto !important;
  }

  .home .contain-fz[data-v-87b16902],
  .home .contain-ig[data-v-87b16902] {
    height: auto !important;
    padding-top: var(--site-section-edge-gap) !important;
    padding-bottom: var(--site-section-edge-gap) !important;
  }

  .home .contain-tab[data-v-87b16902] .ss-flex.ss-row-around[data-v-ff6783a4] {
    flex-wrap: wrap !important;
    gap: 20px !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  .home .nav-img[data-v-87b16902] {
    width: 100% !important;
    height: 280px !important;
    order: 0 !important;
  }
}

@media (max-width: 767px) {
  :root {
    --site-section-edge-gap: var(--site-section-edge-gap-mobile);
    --site-title-block-gap-mobile: var(--site-section-edge-gap-mobile);
  }

  .cw,
  .w-1200,
  .contain,
  .contain-layout {
    width: calc(100% - (var(--site-mobile-gutter) * 2)) !important;
    max-width: var(--site-mobile-content-width) !important;
  }

  .layout-nav[data-v-ff6783a4] {
    padding: 12px var(--site-mobile-gutter) !important;
    gap: 10px !important;
  }

  .layout-banner .banner-img .banner-p[data-v-ff6783a4] {
    }

  .layout-banner .banner-img[data-v-ff6783a4]::before {
    background:
      linear-gradient(180deg, rgba(10, 15, 24, 0.66) 0%, rgba(10, 15, 24, 0.36) 56%, rgba(10, 15, 24, 0.10) 100%);
  }

  .layout-banner .banner-copy[data-v-ff6783a4] {
    left: var(--site-mobile-gutter) !important;
    width: calc(100% - (var(--site-mobile-gutter) * 2)) !important;
    max-width: none !important;
  }

  .layout-banner .banner-img .banner-p[data-v-ff6783a4]::after {
    width: 64px;
    height: 3px;
  }

  .home .b1-item[data-v-87b16902] {
    width: 100% !important;
  }

  .layout-footer [style*="width: 1200px"][data-v-ff6783a4],
  .layout-footer > div[style*="width: 1200px"] {
    width: calc(100% - (var(--site-mobile-gutter) * 2)) !important;
  }

}

html {
  font-family: var(--site-font-family);
  font-size: var(--site-root-size);
}

body {
  font-family: inherit;
  font-weight: var(--site-weight-body);
  color: #3a3a3a;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
}

.layout-banner .banner-img .banner-p[data-v-ff6783a4] {
  !important;
  font-weight: var(--site-weight-heading) !important;
  !important;
}

.channel-updates-grid,
.layout .main-contain .contain-layout > .ss-font-34.ss-m-b-56,
.layout .main-contain .contain-layout > .ss-font-17.ss-m-b-50,
.layout .main-contain .contain-layout > .ss-font-17.ss-m-b-56,
.layout .main-contain .contain-layout > div > .ss-font-34.ss-m-b-56,
.layout .main-contain .contain-layout > div > .ss-font-17.ss-m-b-50,
.layout .main-contain .contain-layout > div > .ss-font-17.ss-m-b-56 {
  margin-bottom: var(--site-title-block-gap) !important;
}

body[data-static-page="index"] .layout .main-contain .module-index-partners .module-index-shell > .ss-font-34.ss-m-b-56 {
  margin-bottom: 62px !important;
}

.channel-updates-grid {
  margin-top: var(--site-title-block-gap) !important;
}

.layout .main-contain .contain-layout > .ss-m-y-56 {
  margin-top: var(--site-title-block-gap) !important;
  margin-bottom: var(--site-title-block-gap) !important;
}

@media (max-width: 1024px) {
  body {
    font-size: var(--site-pad-body-size);
    line-height: var(--site-pad-body-line);
  }

  .layout-nav .nav-item[data-v-ff6783a4],
  .layout-nav .login-text[data-v-ff6783a4],
  .layout-nav .ruzhu-btn[data-v-ff6783a4] {
    font-size: var(--site-pad-body-size) !important;
  }

  .channel-updates-grid,
  .layout .main-contain .contain-layout > .ss-font-34.ss-m-b-56,
  .layout .main-contain .contain-layout > .ss-font-17.ss-m-b-50,
  .layout .main-contain .contain-layout > .ss-font-17.ss-m-b-56,
  .layout .main-contain .contain-layout > div > .ss-font-34.ss-m-b-56,
  .layout .main-contain .contain-layout > div > .ss-font-17.ss-m-b-50,
  .layout .main-contain .contain-layout > div > .ss-font-17.ss-m-b-56 {
    margin-bottom: var(--site-title-block-gap-mobile) !important;
  }

  .channel-updates-grid {
    margin-top: var(--site-title-block-gap-mobile) !important;
  }

  .layout .main-contain .contain-layout > .ss-m-y-56 {
    margin-top: var(--site-title-block-gap-mobile) !important;
    margin-bottom: var(--site-title-block-gap-mobile) !important;
  }
}

@media (max-width: 767px) {
  body {
    font-size: var(--site-mobile-body-size);
    line-height: var(--site-mobile-body-line);
  }

  .layout-banner .banner-img .banner-p[data-v-ff6783a4] {
    font-size: var(--site-mobile-hero-size) !important;
    line-height: var(--site-mobile-hero-line) !important;
  }
}

/* 2026 design refresh: typography, rhythm, and sports-tech layout polish */
:root {
  --site-color-ink: #181818;
  --site-color-steel: #3a3a3a;
  --site-color-line: rgba(24, 24, 24, 0.10);
}

.ss-font-34,
.layout .main-contain .channel-updates-title {
  letter-spacing: 0 !important;
  text-wrap: pretty;
}

.layout .main-contain .ss-font-17,
.layout .main-contain .ss-font-15,
.layout .main-contain p {
  text-wrap: pretty;
}

.layout .main-contain > .contain-layout > .ss-font-34,
.layout .main-contain > .contain-layout > div > .ss-font-34,
.layout .main-contain .contain-layout > .ss-font-34.ss-font-bold,
.layout .main-contain .contain-layout > div > .ss-font-34.ss-font-bold {
  max-width: 820px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

.layout .main-contain > .contain-layout > .ss-font-34::after,
.layout .main-contain > .contain-layout > div > .ss-font-34::after,
.home .contain-fz[data-v-87b16902] .contain-layout > .ss-font-34::after,
.home .contain-ig[data-v-87b16902] .contain-layout > .ss-font-34::after,
.home .contain-icon[data-v-87b16902] .contain-layout .ss-font-34::after{
  content: "";
  display: block;
  width: 58px;
  height: 3px;
  margin: 16px auto 0;
  border-radius: 999px;
  background: var(--site-color-brand);
}

body[data-static-page="index"] .home .contain-fz[data-v-87b16902] .contain-layout > .ss-font-34::after,
body[data-static-page="index"] .home .contain-ig[data-v-87b16902] .contain-layout > .ss-font-34::after,
body[data-static-page="index"] .home .contain-icon[data-v-87b16902] .contain-layout .ss-font-34::after {
  content: none !important;
  display: none !important;
}

.home .contain-tab[data-v-87b16902] .ss-flex.ss-row-around.ss-m-x-94[data-v-ff6783a4] {
  width: fit-content !important;
  max-width: 100% !important;
  margin: 0 auto 56px !important;
  padding: 0 !important;
  gap: 88px !important;
  border-radius: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  align-items: flex-end !important;
}

.home .contain-tab[data-v-87b16902] .nav-item[data-v-87b16902] {
  min-width: auto !important;
  height: auto !important;
  padding: 0 0 12px !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: #3a3a3a !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  text-align: center !important;
  position: relative !important;
  cursor: pointer !important;
}

.home .contain-tab[data-v-87b16902] .nav-item[data-v-87b16902]::after {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  height: 3px !important;
  background: var(--site-color-brand) !important;
  transform: scaleX(0) !important;
  transform-origin: center !important;
}

.home .contain-tab[data-v-87b16902] .nav-item.actived[data-v-87b16902] {
  color: #3a3a3a !important;
  background: transparent !important;
  box-shadow: none !important;
}

.home .contain-tab[data-v-87b16902] .nav-item.actived[data-v-87b16902]::after {
  transform: scaleX(1) !important;
}

.home .contain-tab[data-v-87b16902] .ss-font-22.ss-font-bold[data-v-87b16902] {
  position: relative !important;
  padding-bottom: 8px !important;
}

.home .contain-tab[data-v-87b16902] .ss-font-22.ss-font-bold[data-v-87b16902]::after {
  content: "";
  display: block;
  width: 34px;
  height: 2px;
  margin-top: 7px;
  border-radius: 999px;
  background: var(--site-color-brand);
}

body[data-static-page="index"] .home .contain-tab[data-v-87b16902] .ss-font-22.ss-font-bold[data-v-87b16902]::after {
  content: none !important;
  display: none !important;
}

@media (max-width: 1024px) {
  .home .main-contain > .contain-layout.ss-flex.ss-row-between[data-v-87b16902]::before {
    inset: 0 !important;
  }

  .home .contain-tab[data-v-87b16902] .ss-flex.ss-row-around.ss-m-x-94[data-v-ff6783a4] {
    width: 100% !important;
    overflow-x: auto !important;
    justify-content: flex-start !important;
  }
}

@media (min-width: 1025px) {
  .layout .main-contain {
    color: #3a3a3a !important;
  }

  .layout .main-contain > .contain-layout,
  .layout .main-contain > .contain-fz1,
  .layout .main-contain > .contain-fz,
  .layout .main-contain > .contain-rb,
  .layout .main-contain > .contain-ig,
  .layout .main-contain > .contain-tab,
  .layout .main-contain > .contain-icon {
    padding-top: 93px !important;
    padding-bottom: 93px !important;
  }

  .layout .main-contain .ss-font-34,
  .layout .main-contain .channel-updates-title {
    line-height: 1.22 !important;
    font-weight: 760 !important;
    color: #3a3a3a !important;
  }

  .layout .main-contain .ss-font-22 {
    line-height: 1.36 !important;
    font-weight: 700 !important;
    color: #3a3a3a !important;
  }

  .layout .main-contain .ss-font-17 {
    line-height: 1.78 !important;
    color: #3a3a3a !important;
  }

  .layout .main-contain .ss-font-15,
  .layout .main-contain p {
    line-height: 1.72 !important;
  }

  .layout .main-contain .contain-layout > .ss-font-17,
  .layout .main-contain .contain-layout > div > .ss-font-17 {
    max-width: 880px !important;
  }

}