/* Homepage fullpage screen styles. Keep page-specific rules out of global style.css. */
    body#index .site-header {
      height: min(5.833333vw, 10.37037vh);
      --site-header-text: #27364a;
      --site-header-hover: #005bac;
      --site-header-current: #005bac;
      --site-header-bg: linear-gradient(90deg, rgba(255, 255, 255, 0.58) 0%, rgba(255, 255, 255, 0.3) 100%);
      --site-header-border: rgba(229, 234, 240, 0.68);
      --site-header-shadow: 0 8px 30px rgba(15, 35, 70, 0.07);
      -webkit-backdrop-filter: blur(14px) saturate(120%);
      backdrop-filter: blur(14px) saturate(120%);
    }

/* 2026-08 recent news carousel and list */
body#index .home-news-hot-layout {
  position: absolute;
  left: 108px;
  top: 268px;
  width: 1663px;
  height: 750px;
  display: grid;
  grid-template-columns: minmax(0, 1.9fr) minmax(0, 1fr);
  gap: 34px;
}
body#index .news-panel-design-2026.is-media-focus-mode .home-news-hot-layout,
body#index .news-panel-design-2026.is-party-topic-mode .home-news-hot-layout {
  position: static;
  display: block;
  width: auto;
  height: auto;
}
body#index .home-news-hot-layout .home-news-design-features,
body#index .home-news-hot-layout .home-news-design-rails {
  min-width: 0;
  min-height: 0;
}
body#index .home-news-hot-carousel {
  position: relative;
  height: 100%;
  outline: none;
}
body#index .home-news-hot-slides {
  position: relative;
  height: 650px;
  overflow: hidden;
  border-radius: 10px;
  background: #dce7f5;
  box-shadow: 0 20px 48px rgba(24, 68, 126, 0.15);
}
body#index .home-news-hot-slide {
  position: absolute;
  inset: 0;
  overflow: hidden;
  opacity: 0;
  pointer-events: none;
  cursor: pointer;
  transform: scale(1.02);
  transition: opacity 520ms ease, transform 700ms cubic-bezier(.22, 1, .36, 1);
}
body#index .home-news-hot-slide.is-active {
  opacity: 1;
  pointer-events: auto;
  transform: scale(1);
}
body#index .home-news-hot-slide > img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  transition: transform 5.8s ease;
}
body#index .home-news-hot-slide.is-active > img {
  transform: scale(1.035);
}
body#index .home-news-hot-slide__shade {
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(3, 16, 38, 0.02) 42%, rgba(3, 16, 38, 0.86) 100%);
}
body#index .home-news-hot-slide__label {
  position: absolute;
  top: 28px;
  left: 30px;
  padding: 8px 15px;
  border-radius: 4px;
  background: #0d65e8;
  color: #fff;
  font-size: 17px;
  font-weight: 700;
  line-height: 1;
}
body#index .home-news-hot-slide__copy {
  position: absolute;
  right: 38px;
  bottom: 34px;
  left: 38px;
  color: #fff;
}
body#index .home-news-hot-slide__copy time {
  display: block;
  margin-bottom: 10px;
  color: rgba(255, 255, 255, 0.74);
  font-size: 16px;
  line-height: 1.4;
}
body#index .home-news-hot-slide__copy h3 {
  max-width: 850px;
  margin: 0;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  color: #fff;
  font-size: 28px;
  font-weight: 700;
  line-height: 1.45;
}
body#index .home-news-hot-arrow {
  position: absolute;
  top: 301px;
  z-index: 4;
  width: 48px;
  height: 48px;
  padding: 0;
  border: 1px solid rgba(255, 255, 255, 0.58);
  border-radius: 50%;
  background: rgba(4, 24, 54, 0.42);
  cursor: pointer;
  transition: background 180ms ease, transform 180ms ease;
}
body#index .home-news-hot-arrow:hover {
  background: #0d65e8;
  transform: translateY(-1px);
}
body#index .home-news-hot-arrow::before {
  content: "";
  position: absolute;
  top: 16px;
  width: 13px;
  height: 13px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
}
body#index .home-news-hot-arrow--prev { left: 24px; }
body#index .home-news-hot-arrow--next { right: 24px; }
body#index .home-news-hot-arrow--prev::before { left: 19px; transform: rotate(-135deg); }
body#index .home-news-hot-arrow--next::before { right: 19px; transform: rotate(45deg); }
body#index .home-news-hot-thumbs {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  height: 100px;
  padding-top: 12px;
}
body#index .home-news-hot-thumb {
  display: grid;
  grid-template-columns: 82px minmax(0, 1fr);
  gap: 10px;
  align-items: center;
  min-width: 0;
  height: 88px;
  padding: 8px;
  overflow: hidden;
  border: 1px solid rgba(35, 88, 156, 0.12);
  border-radius: 6px;
  background: rgba(255, 255, 255, 0.82);
  color: #35445d;
  text-align: left;
  cursor: pointer;
  transition: border-color 180ms ease, background 180ms ease, transform 180ms ease;
}
body#index .home-news-hot-thumb:hover,
body#index .home-news-hot-thumb.is-active {
  border-color: #0d65e8;
  background: #fff;
  transform: translateY(-2px);
}
body#index .home-news-hot-thumb img {
  width: 82px;
  height: 58px;
  border-radius: 4px;
  object-fit: cover;
}
body#index .home-news-hot-thumb span {
  min-width: 0;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  font-size: 14px;
  line-height: 1.45;
}
body#index .home-news-hot-list-panel {
  height: 100%;
  overflow: hidden;
  border: 1px solid rgba(35, 88, 156, 0.1);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.9);
  box-shadow: 0 18px 44px rgba(24, 68, 126, 0.1);
}
body#index .home-news-hot-list__head {
  height: 62px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 26px;
  border-bottom: 1px solid #e7edf5;
}
body#index .home-news-hot-list__head strong {
  color: #102b58;
  font-size: 20px;
  font-weight: 700;
}
body#index .home-news-hot-list__head span {
  color: #8c99ab;
  font-size: 14px;
}
body#index .home-news-hot-list {
  margin: 0;
  padding: 8px 0;
  list-style: none;
}
body#index .home-news-hot-list > li {
  margin: 0;
  padding: 0 18px;
}
body#index .home-news-hot-list__item {
  position: relative;
  min-height: 94px;
  display: grid;
  grid-template-columns: 74px minmax(0, 1fr) 24px;
  gap: 14px;
  align-items: center;
  border-bottom: 1px solid #edf1f6;
  cursor: pointer;
}
body#index .home-news-hot-list > li:last-child .home-news-hot-list__item { border-bottom: 0; }
body#index .home-news-hot-list__item::before {
  content: "";
  position: absolute;
  left: -18px;
  top: 50%;
  width: 4px;
  height: 0;
  border-radius: 0 4px 4px 0;
  background: #0d65e8;
  transform: translateY(-50%);
  transition: height 180ms ease;
}
body#index .home-news-hot-list__item:hover::before { height: 44px; }
body#index .home-news-hot-list__item time {
  display: block;
  color: #68778c;
  font-size: 12px;
  font-style: normal;
  white-space: nowrap;
}
body#index .home-news-hot-list__item time span {
  grid-column: 1 / -1;
  font-size: 11px;
  line-height: 1.2;
}
body#index .home-news-hot-list__item time strong {
  color: #17243a;
  font-size: 27px;
  line-height: 1;
}
body#index .home-news-hot-list__item time em {
  padding-bottom: 2px;
  font-size: 12px;
  font-style: normal;
}
body#index .home-news-hot-list__item h3 {
  margin: 0;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  color: #27364d;
  font-size: 17px;
  font-weight: 500;
  line-height: 1.55;
  transition: color 180ms ease;
}
body#index .home-news-hot-list__item:hover h3 { color: #0d65e8; }
body#index .home-news-hot-list__arrow {
  position: relative;
  width: 24px;
  height: 24px;
}
body#index .home-news-hot-list__arrow::before {
  content: "";
  position: absolute;
  top: 7px;
  left: 5px;
  width: 8px;
  height: 8px;
  border-top: 1px solid #9ba8b9;
  border-right: 1px solid #9ba8b9;
  transform: rotate(45deg);
}
body#index .home-news-hot-empty {
  height: 100%;
  display: grid;
  place-items: center;
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.82);
  color: #7d8999;
  font-size: 18px;
}

body.is-mobile-stage .mobile-news-panel {
  background: #edf3fa;
}
body.is-mobile-stage .mobile-news-panel .mobile-section-head h2 { color: #0b265d; }
body.is-mobile-stage .mobile-news-list { display: block; }
body.is-mobile-stage .mobile-news-hot {
  position: relative;
  overflow: hidden;
  border-radius: 8px;
  background: #dce7f5;
  box-shadow: 0 16px 36px rgba(18, 54, 104, 0.16);
  outline: none;
}
body.is-mobile-stage .mobile-news-hot__slides {
  position: relative;
  aspect-ratio: 16 / 10;
}
body.is-mobile-stage .mobile-news-hot__slide {
  position: absolute;
  inset: 0;
  opacity: 0;
  pointer-events: none;
  transition: opacity 420ms ease;
}
body.is-mobile-stage .mobile-news-hot__slide.is-active {
  opacity: 1;
  pointer-events: auto;
}
body.is-mobile-stage .mobile-news-hot__slide > img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
body.is-mobile-stage .mobile-news-hot__slide > span {
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, transparent 42%, rgba(2, 15, 36, 0.9) 100%);
}
body.is-mobile-stage .mobile-news-hot__slide > div {
  position: absolute;
  right: 18px;
  bottom: 20px;
  left: 18px;
  color: #fff;
}
body.is-mobile-stage .mobile-news-hot__slide time {
  color: rgba(255, 255, 255, 0.72);
  font-size: 11px;
}
body.is-mobile-stage .mobile-news-hot__slide h3 {
  margin: 6px 0 0;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  color: #fff;
  font-size: 17px;
  line-height: 1.5;
}
body.is-mobile-stage .mobile-news-hot__arrow {
  position: absolute;
  top: 40%;
  z-index: 3;
  width: 34px;
  height: 34px;
  border: 1px solid rgba(255, 255, 255, 0.55);
  border-radius: 50%;
  background: rgba(3, 19, 45, 0.45);
}
body.is-mobile-stage .mobile-news-hot__arrow::before {
  content: "";
  position: absolute;
  top: 11px;
  width: 9px;
  height: 9px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
}
body.is-mobile-stage .mobile-news-hot__arrow--prev { left: 10px; }
body.is-mobile-stage .mobile-news-hot__arrow--next { right: 10px; }
body.is-mobile-stage .mobile-news-hot__arrow--prev::before { left: 13px; transform: rotate(-135deg); }
body.is-mobile-stage .mobile-news-hot__arrow--next::before { right: 13px; transform: rotate(45deg); }
body.is-mobile-stage .mobile-news-hot__dots {
  position: absolute;
  right: 16px;
  bottom: 10px;
  z-index: 4;
  display: flex;
  gap: 6px;
}
body.is-mobile-stage .mobile-news-hot__dots button {
  width: 7px;
  height: 7px;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.5);
}
body.is-mobile-stage .mobile-news-hot__dots button.is-active {
  width: 20px;
  border-radius: 999px;
  background: #fff;
}
body.is-mobile-stage .mobile-news-recent {
  margin: 14px 0 0;
  padding: 0 14px;
  border-radius: 8px;
  background: #fff;
  list-style: none;
}
body.is-mobile-stage .mobile-news-recent li { border-bottom: 1px solid #edf1f6; }
body.is-mobile-stage .mobile-news-recent li:last-child { border-bottom: 0; }
body.is-mobile-stage .mobile-news-recent article {
  display: grid;
  grid-template-columns: 82px minmax(0, 1fr);
  gap: 12px;
  align-items: center;
  min-height: 72px;
}
body.is-mobile-stage .mobile-news-recent time {
  color: #8995a5;
  font-size: 11px;
  font-variant-numeric: tabular-nums;
  text-align: left;
  white-space: nowrap;
}
body.is-mobile-stage .mobile-news-recent time strong,
body.is-mobile-stage .mobile-news-recent time span { display: block; }
body.is-mobile-stage .mobile-news-recent time strong {
  color: #1f2e45;
  font-size: 22px;
  line-height: 1;
}
body.is-mobile-stage .mobile-news-recent time span {
  margin-top: 4px;
  font-size: 11px;
}
body.is-mobile-stage .mobile-news-recent h3 {
  margin: 0;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  color: #26354b;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.55;
}
    body#index .site-header__inner {
      width: min(97.916667vw, 174.074074vh);
      gap: min(1.770833vw, 3.148148vh);
    }
    body#index .site-header__brand {
      width: min(12.708333vw, 22.592593vh);
      height: min(3.645833vw, 6.481481vh);
      flex: 0 0 min(12.708333vw, 22.592593vh);
      align-items: center;
    }
    body#index .site-header__logo {
      width: min(12.708333vw, 22.592593vh);
      height: min(3.645833vw, 6.481481vh);
      object-position: left center;
    }
    body#index .site-header__logo--light {
      content: url("../images/home-header-logo-2026.webp");
      display: none;
    }
    body#index .site-header__logo--dark {
      display: block;
    }
    body#index .site-header__nav {
      justify-content: center;
      gap: min(1.145833vw, 2.037037vh);
    }
    body#index .site-header__link {
      min-height: min(5.833333vw, 10.37037vh);
      padding: 0 min(0.416667vw, 0.740741vh);
      font-size: min(1.145833vw, 2.037037vh);
      font-weight: 500;
      line-height: 1;
      letter-spacing: 0;
    }
    body#index .site-header__link.is-current {
      color: #005bac;
      font-weight: 700;
    }
    body#index .site-header__link.is-current::after {
      left: min(0.416667vw, 0.740741vh);
      right: min(0.416667vw, 0.740741vh);
      bottom: min(1.145833vw, 2.037037vh);
      height: min(0.3125vw, 0.555556vh);
      background: #005bac;
      box-shadow: 0 0 12px rgba(0, 91, 172, 0.22);
    }
    body#index .site-header__link--disabled,
    body#index .site-header__link--disabled:hover {
      color: rgba(39, 54, 74, 0.58);
      cursor: default;
    }
    body#index .site-header__toggle {
      border-color: rgba(0, 91, 172, 0.2);
      background: rgba(255, 255, 255, 0.9);
    }
    body#index .site-header__toggle span {
      background: #073a73;
    }
    body#index .site-header__tools {
      margin-left: min(0.625vw, 1.111111vh);
      display: none !important;
    }
    body#index .site-header__language {
      min-width: min(8.489583vw, 15.092593vh);
      min-height: min(2.34375vw, 4.166667vh);
      gap: min(0.625vw, 1.111111vh);
      padding: 0 min(1.25vw, 2.222222vh);
      border-radius: min(0.729167vw, 1.296296vh);
      border-color: rgba(255, 255, 255, 0.16);
      background: rgba(255, 255, 255, 0.1);
      box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.06);
      font-size: min(0.9375vw, 1.666667vh);
      font-weight: 500;
    }
    body#index .site-header__language-icon {
      font-size: min(0.989583vw, 1.759259vh);
    }
    @media (max-width: 1080px) {
      body#index .site-header {
        height: 68px;
      }
      body#index .site-header__inner {
        width: 100vw;
        gap: 8px;
      }
      body#index .site-header__brand {
        width: 132px;
        height: 46px;
        flex: 0 0 132px;
      }
      body#index .site-header__logo {
        width: 128px;
        height: 42px;
      }
      body#index .site-header__nav {
        justify-content: flex-start;
        gap: 0;
      }
      body#index .site-header__link {
        min-height: 0;
        padding: 14px 0;
        font-size: 15px;
        line-height: 22px;
      }
    }
    body#index .fullpage-pager {
      right: min(2.864583vw, 5.092593vh);
      gap: 0;
    }
    body#index .fullpage-pager-line {
      display: none;
    }
    body#index .fullpage-pager-nav {
      gap: min(1.354167vw, 2.407407vh);
    }
    body#index .fullpage-pager button {
      width: min(0.46875vw, 0.833333vh);
      height: min(0.46875vw, 0.833333vh);
      border-radius: 999px;
      background: image-set(url("../images/home-pager-dot-2026.webp") type("image/webp"), url("../images/home-pager-dot-2026.png") type("image/png")) center / contain no-repeat;
      box-shadow: none;
      opacity: 1;
    }
    body#index .fullpage-pager button:hover {
      transform: scale(1.12);
    }
    body#index .fullpage-pager button.is-active {
      width: min(0.78125vw, 1.388889vh);
      height: min(0.78125vw, 1.388889vh);
      border-radius: 0;
      background: image-set(url("../images/home-pager-active-2026.webp") type("image/webp"), url("../images/home-pager-active-2026.png") type("image/png")) center / contain no-repeat;
      box-shadow: none;
    }
    body#index .home-back-top {
      position: fixed;
      right: min(2.916667vw, 5.185185vh);
      bottom: min(2.604167vw, 4.62963vh);
      z-index: 90;
      display: inline-flex;
      width: min(2.8125vw, 5vh);
      height: min(2.8125vw, 5vh);
      align-items: center;
      justify-content: center;
      padding: 0;
      border: 0;
      border-radius: 999px;
      background: transparent;
      cursor: pointer;
      opacity: 0.92;
      animation: homeBackTopFloat 1.8s ease-in-out infinite;
      transition: opacity 180ms ease, filter 180ms ease;
      will-change: transform;
    }
    body#index .home-back-top:hover {
      opacity: 1;
      animation-duration: 1.1s;
      filter: drop-shadow(0 8px 14px rgba(19, 105, 255, 0.24));
    }
    body#index .home-back-top:focus-visible {
      outline: 2px solid rgba(36, 118, 255, 0.72);
      outline-offset: 4px;
    }
    body#index .home-back-top img {
      display: block;
      width: 100%;
      height: 100%;
      object-fit: contain;
      pointer-events: none;
    }
    @keyframes homeBackTopFloat {
      0%, 100% {
        transform: translateY(0) scale(1);
      }
      42% {
        transform: translateY(-8px) scale(1.04);
      }
      58% {
        transform: translateY(-6px) scale(1.02);
      }
    }
    .panel-scene.is-active .hero-reference {
      animation: none;
    }
    .panel-scene.is-active .hero-reference__mark img {
      animation: none;
    }
    .panel-scene.is-active .hero-reference__title {
      animation: none;
    }
    .panel-scene.is-instant .motion-item,
    .panel-scene.is-instant .hero-reference,
    .panel-scene.is-instant .hero-reference__mark,
    .panel-scene.is-instant .hero-reference__mark img,
    .panel-scene.is-instant .hero-reference__title {
      transition: none !important;
      animation: none !important;
    }
    @keyframes heroFloat {
      0%, 100% { transform: translateX(-50%) translateY(0); }
      50% { transform: translateX(-50%) translateY(-8px); }
    }
    @keyframes heroGlow {
      0%, 100% { filter: drop-shadow(0 0 0 rgba(255,255,255,0)); }
      50% { filter: drop-shadow(0 0 24px rgba(255,255,255,0.22)); }
    }
    @keyframes heroBreath {
      0%, 100% { transform: scale(1); }
      50% { transform: scale(1.012); }
    }

    body#index .home-hero-carousel,
    body#index .home-hero-carousel.motion-item {
      position: absolute;
      inset: 0;
      z-index: 9;
      display: block;
      width: 100%;
      height: 100%;
      overflow: hidden;
      opacity: 1 !important;
      filter: none !important;
      transform: none !important;
      transition: none !important;
      outline: none;
    }
    body#index .home-hero-carousel__track {
      display: flex;
      width: 100%;
      height: 100%;
      transform: translate3d(0, 0, 0);
      transition: transform 800ms cubic-bezier(0.22, 1, 0.36, 1);
      will-change: transform;
    }
    body#index .home-hero-carousel__slide {
      position: relative;
      flex: 0 0 100%;
      width: 100%;
      height: 100%;
      overflow: hidden;
      background: #163c52;
    }
    body#index .home-hero-carousel__slide picture,
    body#index .home-hero-carousel__slide picture img {
      position: absolute;
      inset: 0;
      display: block;
      width: 100%;
      height: 100%;
    }
    body#index .home-hero-carousel__slide picture img {
      object-fit: cover;
      object-position: center center;
      transform: scale(1.01);
    }
    @media (min-aspect-ratio: 16/9) {
      body#index .home-hero-carousel__slide--1 picture img,
      body#index .home-hero-carousel__slide--2 picture img {
        object-position: center center;
      }
    }
    body#index .home-hero-carousel__slide::after {
      content: "";
      position: absolute;
      inset: 0;
      z-index: 1;
      pointer-events: none;
      background:
        linear-gradient(180deg, rgba(2, 23, 50, 0.46) 0%, rgba(2, 30, 54, 0.16) 34%, rgba(3, 32, 48, 0.26) 70%, rgba(2, 22, 38, 0.42) 100%),
        linear-gradient(90deg, rgba(3, 28, 56, 0.12), rgba(3, 28, 56, 0.02) 50%, rgba(3, 28, 56, 0.12));
    }
    body#index .home-hero-carousel__slide--1::after,
    body#index .home-hero-carousel__slide--2::after {
      display: none;
    }
    body#index .home-hero-carousel__copy {
      position: absolute;
      inset: 0;
      z-index: 2;
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 92px 130px 146px;
      pointer-events: none;
    }
    body#index .home-hero-carousel__copy h1 {
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 48px;
      margin: 0;
      color: #fff;
      font-family: "Source Han Sans SC", "Microsoft YaHei", sans-serif;
      font-size: 68px;
      font-weight: 800;
      line-height: 1.2;
      letter-spacing: 0;
      white-space: nowrap;
      text-align: center;
      text-shadow: 0 4px 16px rgba(0, 31, 48, 0.58), 0 1px 3px rgba(0, 0, 0, 0.42);
    }
    body#index .home-hero-carousel__slide--1 .home-hero-carousel__copy {
      display: none;
    }
    body#index .home-hero-carousel__slide--2 .home-hero-carousel__copy {
      align-items: center;
      justify-content: center;
      padding: 92px 130px 146px;
    }
    body#index .home-hero-carousel__slide--2 .home-hero-carousel__copy h1 {
      flex-direction: row;
      align-items: center;
      justify-content: center;
      gap: 0;
      text-align: center;
    }
    body#index .home-hero-carousel__slide--2 .home-hero-carousel__copy h1 span {
      white-space: nowrap;
    }
    body#index .home-hero-carousel__indicators {
      position: absolute;
      left: 50%;
      bottom: 30px;
      z-index: 4;
      display: grid;
      grid-template-columns: repeat(2, 48px);
      gap: 12px;
      width: 108px;
      height: 24px;
      align-items: center;
      transform: translateX(-50%);
    }
    body#index .home-hero-carousel__indicators button {
      width: 48px;
      height: 6px;
      padding: 0;
      border: 0;
      border-radius: 3px;
      background: rgba(255, 255, 255, 0.42);
      box-shadow: 0 1px 8px rgba(0, 21, 45, 0.24);
      cursor: pointer;
      transition: background-color 240ms ease, box-shadow 240ms ease;
    }
    body#index .home-hero-carousel__indicators button:hover,
    body#index .home-hero-carousel__indicators button:focus-visible,
    body#index .home-hero-carousel__indicators button.is-active {
      background: #fff;
      box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.32), 0 2px 12px rgba(0, 31, 60, 0.32);
    }
    body#index .home-hero-carousel__indicators button:focus-visible,
    body#index .home-hero-carousel__arrow:focus-visible {
      outline: 2px solid #fff;
      outline-offset: 4px;
    }
    body#index .home-hero-carousel__arrow {
      display: none;
    }
    @media (prefers-reduced-motion: reduce) {
      body#index .home-hero-carousel__track {
        transition: none;
      }
    }

    .hero-reference {
      position: absolute;
      left: 50%;
      top: 300px;
      z-index: 12;
      display: block;
      width: 650px;
      aspect-ratio: 751 / 87;
      background: url("../images/home-hero-title-catarc-20260707.png") center / contain no-repeat;
      transform: none;
      transform-origin: center center;
      pointer-events: none;
      padding: 0;
      margin-left: -325px;
    }
    .hero-reference::before {
      content: "";
      position: absolute;
      inset: -18px -26px;
      z-index: -1;
      pointer-events: none;
      background: radial-gradient(ellipse at center, rgba(255, 255, 255, 0.2), rgba(102, 191, 255, 0.12) 36%, rgba(255, 255, 255, 0) 72%);
      opacity: 0;
      filter: blur(12px);
    }
    .hero-panel-enhanced {
      background:
              linear-gradient(180deg, #0a2f81 0%, #245cd4 100%) !important;
    }
    .hero-panel-enhanced > .panel-design-canvas {
      transform: translate(-50%, -50%) scale(var(--design-scale, 1)) !important;
    }
    .hero-panel-enhanced::before,
    .hero-panel-enhanced::after {
      content: "";
      display: none;
      position: absolute;
      left: 50%;
      pointer-events: none;
      transform: translateX(-50%);
      z-index: 1;
      opacity: 0;
      transition: opacity 900ms ease, transform 1200ms cubic-bezier(0.22, 1, 0.36, 1);
    }
    .hero-panel-enhanced::before {
      top: -92px;
      width: 1260px;
      height: 420px;
      background:
              radial-gradient(circle at 50% 48%, rgba(146, 211, 255, 0.34), rgba(51, 120, 255, 0.16) 42%, transparent 74%);
      filter: blur(14px);
    }
    .hero-panel-enhanced::after {
      bottom: 40px;
      width: 940px;
      height: 146px;
      background:
              radial-gradient(ellipse at center, rgba(255, 179, 58, 0.3) 0%, rgba(111, 194, 255, 0.18) 34%, rgba(4, 26, 70, 0) 76%);
      filter: blur(18px);
    }
    .panel-scene.is-active.hero-panel-enhanced::before,
    .panel-scene.is-active.hero-panel-enhanced::after {
      opacity: 1;
      transform: translateX(-50%) scale(1);
    }
    .panel-scene.is-active.hero-panel-enhanced::before {
      animation: heroSkyPulse 8.6s ease-in-out infinite;
    }
    .panel-scene.is-active.hero-panel-enhanced::after {
      animation: heroHorizonPulse 6.8s ease-in-out infinite;
    }
    .hero-bg-layer {
      filter: saturate(1.08) brightness(1.02);
    }
    .hero-panel-enhanced .hero-bg-layer {
      display: block !important;
      inset: 0 !important;
      width: 1440px !important;
      height: 810px !important;
      opacity: 1;
      background: image-set(url("../images/home-hero-2026.webp?v=20260810-hero-slogan-carousel1") type("image/webp"), url("../images/home-hero-2026.png?v=20260810-hero-slogan-carousel1") type("image/png")) center / cover no-repeat !important;
      filter: none;
      overflow: hidden;
      transform: scale(1);
      transform-origin: 50% 54%;
    }
    .hero-panel-enhanced .hero-bg-layer > * {
      display: none !important;
    }
    .hero-stage-effects {
      position: absolute;
      inset: 0;
      z-index: 8;
      overflow: hidden;
      pointer-events: none;
    }
    .hero-stage-effects > div {
      position: absolute;
      inset: 0;
    }
    .hero-stage-effects__ambient,
    .hero-stage-effects__beams,
    .hero-stage-effects__rings,
    .hero-stage-effects__focus,
    .hero-stage-effects__particles {
      opacity: 0;
      transition:
              opacity 900ms cubic-bezier(0.22, 1, 0.36, 1),
              transform 1200ms cubic-bezier(0.22, 1, 0.36, 1);
      will-change: transform, opacity;
    }
    .hero-stage-effects__ambient {
      background:
              radial-gradient(circle at 50% 28%, rgba(163, 223, 255, 0.22), transparent 26%),
              radial-gradient(circle at 26% 42%, rgba(104, 177, 255, 0.2), transparent 28%),
              radial-gradient(circle at 72% 32%, rgba(75, 154, 255, 0.18), transparent 26%);
      filter: blur(10px);
      transform: scale(1.06);
    }
    .hero-stage-effects__beams::before,
    .hero-stage-effects__beams::after {
      content: "";
      position: absolute;
      inset: 0;
      background-repeat: no-repeat;
      mix-blend-mode: screen;
    }
    .hero-stage-effects__beams::before {
      background-image: linear-gradient(110deg, rgba(255,255,255,0) 32%, rgba(145, 208, 255, 0.32) 50%, rgba(255,255,255,0) 68%);
      background-size: 480px 100%;
      background-position: 170px 0;
      transform: skewX(-12deg);
      opacity: 0.56;
    }
    .hero-stage-effects__beams::after {
      background-image: linear-gradient(72deg, rgba(255,255,255,0) 34%, rgba(255, 173, 70, 0.2) 52%, rgba(255,255,255,0) 70%);
      background-size: 420px 100%;
      background-position: 930px 0;
      transform: skewX(10deg);
      opacity: 0.4;
    }
    .hero-stage-effects__beams {
      transform: translateY(18px) scale(1.02);
    }
    .hero-stage-effects__rings::before,
    .hero-stage-effects__rings::after {
      content: "";
      position: absolute;
      left: 50%;
      top: 365px;
      border-radius: 50%;
      transform: translate(-50%, -50%);
    }
    .hero-stage-effects__rings::before {
      width: 560px;
      height: 220px;
      border: 1px solid rgba(146, 211, 255, 0.24);
      box-shadow: 0 0 48px rgba(115, 177, 255, 0.12);
    }
    .hero-stage-effects__rings::after {
      width: 708px;
      height: 284px;
      border: 1px solid rgba(255, 188, 92, 0.18);
    }
    .hero-stage-effects__rings {
      transform: scale(0.96);
    }
    .hero-stage-effects__focus::before,
    .hero-stage-effects__focus::after {
      content: "";
      position: absolute;
      left: 50%;
      transform: translateX(-50%);
    }
    .hero-stage-effects__focus::before {
      top: 280px;
      width: 520px;
      height: 256px;
      border-radius: 50%;
      background:
              radial-gradient(circle, rgba(255, 196, 92, 0.28) 0%, rgba(119, 203, 255, 0.16) 42%, rgba(6, 30, 76, 0) 74%);
      filter: blur(16px);
    }
    .hero-stage-effects__focus::after {
      top: 492px;
      width: 650px;
      height: 86px;
      border-radius: 999px;
      background: linear-gradient(90deg, rgba(255,255,255,0), rgba(255, 193, 90, 0.3), rgba(255,255,255,0));
      filter: blur(12px);
    }
    .hero-stage-effects__focus {
      transform: translateY(26px) scale(0.94);
    }
    .hero-stage-effects__particles span {
      position: absolute;
      left: var(--x);
      top: var(--y);
      width: var(--size);
      height: var(--size);
      border-radius: 50%;
      background:
              radial-gradient(circle, rgba(255,255,255,0.95) 0%, rgba(171, 222, 255, 0.72) 42%, rgba(255,255,255,0) 72%);
      box-shadow: 0 0 16px rgba(130, 201, 255, 0.3);
      opacity: 0;
      transform: translate3d(0, 0, 0) scale(0.65);
    }
    .hero-stage-effects__particles span::after {
      content: "";
      position: absolute;
      left: 50%;
      top: 50%;
      width: calc(var(--size) * 4);
      height: 1px;
      background: linear-gradient(90deg, rgba(255,255,255,0), rgba(162, 222, 255, 0.45), rgba(255,255,255,0));
      transform: translate(-50%, -50%) rotate(var(--tilt, 0deg));
      transform-origin: center;
    }
    .hero-reference::after {
      content: none;
      display: none;
      position: absolute;
      left: 50%;
      pointer-events: none;
      transform: translateX(-50%);
    }
    .hero-reference__mark {
      display: none;
    }
    .hero-reference__mark img {
      display: none;
    }
    .hero-reference__mark::before {
      content: none;
      display: none;
    }
    .hero-reference__mark::after {
      content: none;
      display: none;
    }
    .hero-reference__title {
      display: none;
    }
    .hero-reference__title::before {
      content: "";
      display: none;
      position: absolute;
      left: 50%;
      bottom: 0;
      width: calc(100% - 110px);
      height: 1px;
      background: linear-gradient(90deg, rgba(255,255,255,0), rgba(183, 226, 255, 0.5), rgba(255, 195, 96, 0.54), rgba(255,255,255,0));
      transform: translateX(-50%);
      opacity: 0.85;
    }
    .hero-reference__title::after {
      content: "";
      display: none;
      position: absolute;
      left: -10%;
      top: 8px;
      width: 22%;
      height: calc(100% - 10px);
      background: linear-gradient(90deg, rgba(255,255,255,0), rgba(255,255,255,0.22), rgba(255,255,255,0));
      transform: skewX(-18deg);
      opacity: 0;
    }
    .hero-reference__reflection {
      display: none;
      margin-top: -12px;
      color: rgba(255, 255, 255, 0.12);
      font-size: 52px;
      font-weight: 900;
      line-height: 1;
      letter-spacing: 2px;
      transform: scaleY(-1);
      filter: blur(1.5px);
      mask-image: linear-gradient(180deg, rgba(0,0,0,0.42), rgba(0,0,0,0));
      -webkit-mask-image: linear-gradient(180deg, rgba(0,0,0,0.42), rgba(0,0,0,0));
    }
    .hero-scroll-indicator {
      z-index: 13 !important;
      left: 50% !important;
      top: auto !important;
      bottom: 76px !important;
      width: 26.25px !important;
      height: 69px !important;
      display: block !important;
      background: image-set(url("../images/home-hero-scroll-2026.webp") type("image/webp"), url("../images/home-hero-scroll-2026.png") type("image/png")) center / contain no-repeat !important;
      transform: translateX(-50%);
    }
    .hero-scroll-indicator img {
      display: none !important;
    }
    .hero-scroll-indicator::before,
    .hero-scroll-indicator::after {
      content: none;
      display: none;
    }
    .hero-panel-enhanced .hero-reference,
    .hero-panel-enhanced .hero-reference.motion-item,
    .hero-panel-enhanced .hero-scroll-indicator,
    .hero-panel-enhanced .hero-scroll-indicator.motion-item {
      opacity: 0 !important;
      filter: none !important;
      transition-delay: 0ms !important;
    }
    .hero-panel-enhanced .hero-scroll-indicator,
    .hero-panel-enhanced .hero-scroll-indicator.motion-item {
      transition: none !important;
    }
    .hero-panel-enhanced .hero-reference,
    .hero-panel-enhanced .hero-reference.motion-item {
      transform: translateY(30px);
      transition: opacity 0.6s ease-out, transform 0.6s ease-out !important;
      will-change: transform, opacity;
      animation: none !important;
    }
    body#index.home-hero-intro-pending .hero-panel-enhanced.is-active .hero-reference,
    body#index.home-hero-intro-pending .hero-panel-enhanced.is-active .hero-reference.motion-item,
    .hero-panel-enhanced.is-instant .hero-reference,
    .hero-panel-enhanced.is-instant .hero-reference.motion-item {
      opacity: 0 !important;
      transform: translateY(30px) !important;
      animation: none !important;
    }
    body#index.home-hero-intro-play .hero-panel-enhanced.is-active .hero-reference,
    body#index.home-hero-intro-play .hero-panel-enhanced.is-active .hero-reference.motion-item {
      opacity: 1 !important;
      filter: none !important;
      transform: translateY(0) !important;
      animation: heroTitleTopFloat 3.8s ease-in-out 900ms infinite !important;
    }
    body#index.home-hero-loop-ready .hero-panel-enhanced.is-active .hero-reference,
    body#index.home-hero-loop-ready .hero-panel-enhanced.is-active .hero-reference.motion-item {
      animation-delay: 0ms !important;
    }
    body#index.home-hero-intro-play .hero-panel-enhanced.is-active .hero-reference::before {
      display: block;
      opacity: 0.72;
      animation: none;
    }
    .hero-panel-enhanced .hero-scroll-indicator,
    .hero-panel-enhanced .hero-scroll-indicator.motion-item {
      transform: translateX(-50%) translateY(0);
      will-change: transform, opacity;
      animation: none !important;
    }
    .hero-panel-enhanced.is-active .hero-scroll-indicator,
    .hero-panel-enhanced.is-active .hero-scroll-indicator.motion-item {
      opacity: 1 !important;
      filter: none !important;
      animation: heroMouseEnter 820ms cubic-bezier(0.16, 1, 0.3, 1) 1220ms both, heroMouseSoftLift 2.6s ease-in-out 2040ms infinite !important;
    }
    body#index.home-hero-loop-ready .hero-panel-enhanced.is-active .hero-scroll-indicator,
    body#index.home-hero-loop-ready .hero-panel-enhanced.is-active .hero-scroll-indicator.motion-item {
      animation: heroMouseSoftLift 2.6s ease-in-out 0ms infinite !important;
    }
    .hero-panel-enhanced.is-leaving .hero-reference,
    .hero-panel-enhanced.is-leaving .hero-reference.motion-item {
      animation: heroTitleLeave 320ms ease both !important;
    }
    .hero-panel-enhanced.is-leaving .hero-scroll-indicator,
    .hero-panel-enhanced.is-leaving .hero-scroll-indicator.motion-item {
      animation: heroMouseLeave 260ms ease both !important;
    }
    .home-news-scroll-indicator {
      display: none !important;
      left: calc(50% - 13px) !important;
      top: auto !important;
      bottom: 22px !important;
      z-index: 5 !important;
    }
    .home-news-scroll-indicator img {
      filter: drop-shadow(0 10px 18px rgba(0, 0, 0, 0.35));
    }
    .innovation-panel {
      background:
              radial-gradient(circle at 18% 24%, rgba(102, 177, 255, 0.16), transparent 26%),
              radial-gradient(circle at 82% 20%, rgba(255, 185, 88, 0.12), transparent 22%),
              linear-gradient(180deg, #071f57 0%, #0b2f7a 54%, #0c347f 100%);
    }
    .innovation-panel::before {
      content: "";
      position: absolute;
      inset: 0;
      background:
              linear-gradient(90deg, rgba(255,255,255,0.03), rgba(255,255,255,0) 26%, rgba(255,255,255,0.03) 52%, rgba(255,255,255,0)),
              radial-gradient(circle at 50% 0%, rgba(166, 220, 255, 0.08), transparent 34%);
      opacity: 0;
      pointer-events: none;
      transition: opacity 900ms ease;
    }
    .panel-scene.is-active.innovation-panel::before {
      opacity: 1;
    }
    .innovation-columns {
      position: absolute;
      display: flex;
      flex-direction: column;
      inset: 0;
      z-index: 2;
      padding: 206px 70px 86px;
    }
    .innovation-panel__section-header {
      position: absolute;
      left: 70px;
      top: 112px;
      z-index: 3;
      display: flex;
      flex-direction: column;
      gap: 0;
    }
    .innovation-panel__section-title {
      color: #303133;
      font-size: 32px;
      font-weight: 700;
      line-height: 46px;
    }
    .panel-title-decoration {
      width: 126px;
      height: 4px;
      margin-top: 10px;
      background: linear-gradient(90deg, #3373FF 0%, rgba(51,115,255,0.16) 52%, rgba(51,115,255,0) 100%);
    }
    .innovation-panel__rule {
      position: absolute;
      left: 70px;
      top: 222px;
      width: 1300px;
      border-bottom: 1px dashed #dcdfe6;
      z-index: 1;
    }
    .innovation-layout {
      flex: 1;
      min-height: 0;
      display: grid;
      grid-template-columns: minmax(0, 1.22fr) minmax(360px, 0.78fr);
      gap: 24px;
      position: relative;
      z-index: 2;
      max-height: 486px;
    }
    .innovation-stack {
      display: grid;
      grid-template-rows: repeat(2, minmax(0, 1fr));
      gap: 24px;
    }
    .innovation-card {
      position: relative;
      overflow: hidden;
      border-radius: 0;
      background: #10357d;
      border: 1px solid rgba(255, 255, 255, 0.12);
      box-shadow: 0 24px 64px rgba(4, 19, 58, 0.22);
      transition: transform 280ms ease, box-shadow 280ms ease, filter 280ms ease;
    }
    .innovation-card:hover {
      transform: translateY(-6px);
      box-shadow: 0 30px 72px rgba(4, 19, 58, 0.28);
      filter: saturate(1.03);
    }
    .innovation-panel,
    .global-panel-enhanced {
      position: relative;
      background: #f3f7ff;
    }
    .innovation-panel::before,
    .global-panel-enhanced::before {
      content: "";
      position: absolute;
      inset: 0;
      z-index: 0;
      pointer-events: none;
      background:
        linear-gradient(180deg, rgba(244, 248, 255, 0.08), rgba(244, 248, 255, 0.12)),
        image-set(url("../images/gjbzh_bg_v1.webp?v=20260625-webp500k1") type("image/webp"), url("../images/gjbzh_bg_v1.png") type("image/png")) center / cover no-repeat;
    }
    .innovation-panel > *,
    .global-panel-enhanced > * {
      position: relative;
      z-index: 1;
    }
    .innovation-card--main {
      min-height: 0;
    }
    .innovation-card__image {
      position: absolute;
      inset: 0;
      background-image: var(--card-image);
      background-size: cover;
      background-position: var(--card-position, center);
      transform: scale(1);
      transition: transform 420ms ease;
    }
    .innovation-card:hover .innovation-card__image {
      transform: scale(1.05);
    }
    .innovation-card__overlay {
      position: absolute;
      inset: 0;
      background: var(--card-overlay);
    }
    .innovation-card__content {
      position: relative;
      z-index: 1;
      display: flex;
      flex-direction: column;
      justify-content: flex-end;
      min-height: 100%;
      padding: 28px 30px 26px;
    }
    .innovation-card--main .innovation-card__content {
      max-width: 72%;
      padding: 36px 38px 34px;
    }
    .innovation-card__category {
      display: inline-flex;
      align-self: flex-start;
      align-items: center;
      padding: 7px 14px;
      border-radius: 0;
      background: rgba(255, 255, 255, 0.14);
      border: 1px solid rgba(255, 255, 255, 0.18);
      color: rgba(255, 255, 255, 0.94);
      font-size: 12px;
      font-weight: 600;
      line-height: 18px;
      backdrop-filter: blur(10px);
    }
    .innovation-card__title {
      margin: 16px 0 0;
      color: #ffffff;
      font-size: 28px;
      font-weight: 700;
      line-height: 1.24;
      letter-spacing: 0.2px;
    }
    .innovation-card--main .innovation-card__title {
      font-size: 38px;
      line-height: 1.16;
    }
    .innovation-card__subtitle {
      margin: 10px 0 0;
      color: rgba(255, 255, 255, 0.8);
      font-size: 15px;
      line-height: 24px;
    }
    .innovation-card--main .innovation-card__subtitle {
      font-size: 17px;
      line-height: 27px;
    }
    .innovation-card__summary {
      margin: 14px 0 0;
      color: rgba(255, 255, 255, 0.92);
      font-size: 15px;
      line-height: 23px;
      display: -webkit-box;
      overflow: hidden;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 2;
    }
    .innovation-card--main .innovation-card__summary {
      font-size: 17px;
      line-height: 27px;
      -webkit-line-clamp: 2;
    }
    .innovation-panel .innovation-card__hint {
      display: none;
    }
    .innovation-card__hint {
      margin-top: 18px;
      color: rgba(255, 255, 255, 0.62);
      font-size: 12px;
      line-height: 18px;
      letter-spacing: 0.12em;
      text-transform: uppercase;
    }
    .innovation-arrow {
      display: flex;
      align-items: center;
      justify-content: center;
      width: 48px;
      height: 48px;
      background: transparent;
      border: 0;
      cursor: pointer;
      transition:
              transform 240ms ease,
              filter 240ms ease,
              opacity 240ms ease;
    }
    .innovation-arrow img {
      width: 48px;
      height: 48px;
      object-fit: contain;
      filter: drop-shadow(0 14px 28px rgba(6, 31, 96, 0.24));
    }
    .innovation-arrow:hover {
      transform: translateY(-4px) scale(1.04);
      filter: drop-shadow(0 20px 30px rgba(6, 31, 96, 0.24));
    }
    .innovation-arrow:active {
      transform: scale(0.98);
    }
    .innovation-arrow--prev img {
      transform: rotate(180deg);
    }
    .innovation-arrow.is-disabled {
      opacity: 0.42;
      cursor: default;
      transform: none !important;
      filter: none;
    }
    .global-panel-enhanced .global-hover-card {
      position: relative;
      cursor: pointer;
      transition:
              box-shadow 320ms cubic-bezier(0.22, 1, 0.36, 1),
              border-color 260ms ease,
              filter 260ms ease;
      will-change: box-shadow, filter;
    }
    .global-panel-enhanced .global-hover-card::after {
      content: "";
      position: absolute;
      inset: 0;
      pointer-events: none;
      background: linear-gradient(112deg, rgba(255,255,255,0) 22%, rgba(255,255,255,0.18) 48%, rgba(255,255,255,0) 74%);
      transform: translateX(-130%);
      opacity: 0;
      transition: transform 1250ms ease, opacity 520ms ease;
    }
    .global-panel-enhanced .global-hover-card:hover {
      transform: none;
      box-shadow: 0 24px 56px rgba(9, 35, 88, 0.24);
      filter: saturate(1.04);
    }
    .global-panel-enhanced .global-hover-card:hover::after {
      transform: translateX(130%);
      opacity: 1;
    }
    .global-panel-enhanced .global-hover-card__media {
      transition: transform 460ms cubic-bezier(0.22, 1, 0.36, 1), filter 280ms ease;
      transform-origin: center center;
    }
    .global-panel-enhanced .global-hover-card:hover .global-hover-card__media {
      transform: scale(1.04);
      filter: saturate(1.05);
    }
    .global-panel-enhanced .global-hover-card__title,
    .global-panel-enhanced .global-hover-card__desc {
      transition: color 240ms ease, text-shadow 240ms ease, opacity 240ms ease;
    }
    .global-panel-enhanced .global-hover-card:hover .global-hover-card__title {
      color: #ffffff !important;
      text-shadow: 0 0 16px rgba(255, 255, 255, 0.22);
    }
    .global-panel-enhanced .global-hover-card:hover .global-hover-card__desc {
      color: rgba(255,255,255,0.98) !important;
      opacity: 0.96;
    }
    .service-panel-enhanced .service-hover-card {
      position: relative;
      cursor: pointer;
      transition:
              box-shadow 320ms cubic-bezier(0.22, 1, 0.36, 1),
              border-color 260ms ease,
              filter 260ms ease;
      will-change: box-shadow, filter;
    }
    .service-panel-enhanced .service-hover-card::after {
      content: "";
      position: absolute;
      inset: 0;
      pointer-events: none;
      background: linear-gradient(112deg, rgba(255,255,255,0) 22%, rgba(255,255,255,0.18) 48%, rgba(255,255,255,0) 74%);
      transform: translateX(-130%);
      opacity: 0;
      transition: transform 1250ms ease, opacity 520ms ease;
    }
    .service-panel-enhanced .service-hover-card:hover {
      transform: none;
      box-shadow: 0 24px 58px rgba(18, 48, 106, 0.24);
      border-color: rgba(255,255,255,0.94);
      filter: saturate(1.04);
    }
    .service-panel-enhanced .service-hover-card:hover::after {
      transform: translateX(130%);
      opacity: 1;
    }
    .service-panel-enhanced .service-hover-card__media {
      transition: transform 460ms cubic-bezier(0.22, 1, 0.36, 1), filter 280ms ease;
      transform-origin: center center;
    }
    .service-panel-enhanced .service-hover-card:hover .service-hover-card__media {
      transform: scale(1.04);
      filter: saturate(1.05);
    }
    .service-panel-enhanced .service-hover-card__overlay {
      transition: background 260ms ease;
    }
    .service-panel-enhanced .service-hover-card:hover .service-hover-card__overlay {
      background: linear-gradient(180deg, rgba(0,0,0,0.04) 0%, rgba(0,0,0,0.84) 54%);
    }
    .service-panel-enhanced .service-hover-card__index,
    .service-panel-enhanced .service-hover-card__title {
      transition: color 240ms ease, text-shadow 240ms ease, opacity 240ms ease;
    }
    .service-panel-enhanced .service-hover-card:hover .service-hover-card__index,
    .service-panel-enhanced .service-hover-card:hover .service-hover-card__title {
      color: #ffffff !important;
      text-shadow: 0 0 16px rgba(255,255,255,0.24);
    }
    .service-panel-enhanced .service-hover-card__btn {
      transition: box-shadow 220ms ease, background-color 220ms ease, letter-spacing 220ms ease;
    }
    .service-panel-enhanced .service-hover-card:hover .service-hover-card__btn {
      background: #ffffff;
      box-shadow: 0 8px 20px rgba(255,255,255,0.34);
      letter-spacing: 0.01em;
    }
    .service-panel-enhanced .service-hover-card__btn-arrow {
      transition: transform 220ms ease;
    }
    .service-panel-enhanced .service-hover-card:hover .service-hover-card__btn-arrow {
      transform: translateX(3px);
    }
    .service-panel-enhanced .interactive-surface:hover {
      transform: none !important;
    }
    .links-panel-enhanced .links-hover-frame {
      position: relative;
      overflow: hidden;
      transition:
              box-shadow 320ms cubic-bezier(0.22, 1, 0.36, 1),
              border-color 260ms ease,
              background-color 260ms ease,
              filter 260ms ease;
    }
    .links-panel-enhanced .links-hover-frame::after {
      content: "";
      position: absolute;
      inset: 0;
      pointer-events: none;
      background: linear-gradient(112deg, rgba(255,255,255,0) 20%, rgba(255,255,255,0.2) 46%, rgba(255,255,255,0) 74%);
      transform: translateX(-130%);
      opacity: 0;
      transition: transform 1450ms ease, opacity 560ms ease;
    }
    .links-panel-enhanced .links-hover-tile:hover .links-hover-frame {
      box-shadow: 0 16px 36px rgba(14, 63, 158, 0.16);
      background-color: rgba(255,255,255,0.98);
      filter: saturate(1.03);
    }
    .links-panel-enhanced .links-hover-tile:hover .links-hover-frame::after {
      transform: translateX(130%);
      opacity: 1;
    }
    .links-panel-enhanced .links-hover-logo {
      transition: transform 320ms cubic-bezier(0.22, 1, 0.36, 1), filter 260ms ease, opacity 260ms ease;
      cursor: pointer;
    }
    .links-panel-enhanced .links-hover-logo:hover {
      transform: scale(1.04);
      filter: saturate(1.08) contrast(1.03);
      opacity: 0.98;
    }
    .links-panel-enhanced .links-hover-linkmark {
      transition: transform 280ms ease, filter 260ms ease, opacity 260ms ease;
    }
    .links-panel-enhanced .links-hover-linkmark:hover {
      transform: scale(1.04);
      filter: saturate(1.08);
      opacity: 0.98;
    }
    .links-panel-enhanced .links-hover-qr {
      transition: box-shadow 280ms ease, filter 260ms ease;
    }
    .links-panel-enhanced .links-hover-qr:hover {
      box-shadow: 0 12px 30px rgba(18, 58, 126, 0.16);
      filter: saturate(1.05);
    }
    #page-track [data-name="友情链接"] .links-hover-tile {
      position: absolute;
      overflow: hidden;
      cursor: pointer;
      border: 0 !important;
      background: rgba(255, 255, 255, 0.92) !important;
      box-shadow: 0 14px 30px rgba(31, 84, 150, 0.07);
      transition:
              box-shadow 320ms cubic-bezier(0.22, 1, 0.36, 1),
              border-color 260ms ease,
              background-color 260ms ease,
              filter 260ms ease;
    }
    #page-track [data-name="友情链接"] .links-hover-tile::after {
      content: "";
      position: absolute;
      inset: 0;
      pointer-events: none;
      background: linear-gradient(112deg, rgba(255,255,255,0) 20%, rgba(255,255,255,0.2) 46%, rgba(255,255,255,0) 74%);
      transform: translateX(-130%);
      opacity: 0;
      transition: transform 1450ms ease, opacity 560ms ease;
    }
    #page-track [data-name="友情链接"] .links-hover-tile:hover {
      box-shadow: 0 18px 36px rgba(14, 63, 158, 0.14);
      background-color: rgba(250,253,255,0.98) !important;
      filter: saturate(1.03);
    }
    #page-track [data-name="友情链接"] .links-hover-tile:hover::after {
      transform: translateX(130%);
      opacity: 1;
    }
    #page-track [data-name="友情链接"] .links-hover-logo {
      transition: transform 320ms cubic-bezier(0.22, 1, 0.36, 1), filter 260ms ease, opacity 260ms ease;
      transform-origin: center center;
      will-change: transform;
    }
    #page-track [data-name="友情链接"] .links-hover-tile:hover .links-hover-logo {
      transform: scale(1.04);
      filter: saturate(1.08) contrast(1.03);
      opacity: 0.98;
    }
    .public-welfare-panel {
      background:
              linear-gradient(180deg, rgba(255,255,255,0.22) 0%, rgba(248,251,255,0.18) 54%, rgba(240,247,255,0.26) 100%),
              image-set(url("../images/home-promotion-bg-image2.webp") type("image/webp"), url("../images/home-promotion-bg-image2.png") type("image/png")) center center / cover no-repeat,
              linear-gradient(180deg, #ffffff 0%, #f8fbff 52%, #eef5ff 100%);
    }
    .public-welfare-panel::before {
      content: "";
      position: absolute;
      inset: 0;
      background: transparent;
      pointer-events: none;
      z-index: 0;
    }
    .public-welfare-panel__rule {
      position: absolute;
      left: 70px;
      top: 214px;
      width: 1300px;
      border-bottom: 1px dashed #d7deea;
      z-index: 1;
    }
    .public-welfare-panel__header {
      position: absolute;
      left: 70px;
      top: 72px;
      z-index: 3;
      display: flex;
      flex-direction: column;
      gap: 5px;
    }
    .public-welfare-panel__title {
      color: #303133;
      font-size: 30px;
      font-weight: 700;
      line-height: 40px;
    }
    .public-welfare-panel__subtitle {
      color: #66728f;
      font-size: 14px;
      line-height: 20px;
      margin: 0;
      max-width: 760px;
    }
    .public-welfare-tabs {
      position: absolute;
      left: 70px;
      top: 158px;
      z-index: 3;
      width: 1300px;
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      border-bottom: 2px solid rgba(48, 49, 51, 0.28);
    }
    .public-welfare-tabs::after {
      content: "";
      position: absolute;
      left: calc((100% / 3) * var(--active-tab-index, 0) + 12%);
      bottom: -2px;
      width: calc(100% / 3 - 24%);
      height: 4px;
      background: #0d65e8;
      box-shadow: 0 8px 18px rgba(13, 101, 232, 0.24);
      transition: left 420ms cubic-bezier(0.22, 1, 0.36, 1), width 420ms cubic-bezier(0.22, 1, 0.36, 1);
      pointer-events: none;
    }
    .public-welfare-tab {
      position: relative;
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 10px;
      min-height: 46px;
      padding: 0 18px 12px;
      border: 0;
      background: transparent;
      color: #5f6673;
      cursor: pointer;
      font: inherit;
      line-height: 1.3;
      transition: color 0.22s ease;
    }
    .public-welfare-tab::after {
      content: "";
      position: absolute;
      left: 12%;
      right: 12%;
      bottom: -2px;
      height: 4px;
      background: #0d65e8;
      opacity: 0;
      transform: scaleX(0.34);
      transition: opacity 0.22s ease, transform 0.22s ease;
    }
    .public-welfare-tab strong {
      color: currentColor;
      font-size: 18px;
      font-weight: 800;
      letter-spacing: 0;
      white-space: nowrap;
    }
    .public-welfare-tab:hover,
    .public-welfare-tab.is-active {
      color: #0d65e8;
    }
    .public-welfare-tab.is-active::after {
      opacity: 0;
      transform: scaleX(0);
    }
    .public-welfare-stage {
      position: absolute;
      left: 70px;
      top: 228px;
      z-index: 3;
      width: 1300px;
      min-height: 500px;
    }
    .public-welfare-feature {
      display: grid;
      grid-template-columns: minmax(0, 58%) minmax(0, 42%);
      position: absolute;
      inset: 0;
      min-height: 500px;
      width: 100%;
      overflow: hidden;
      background: #fff;
      border: 1px solid rgba(208, 220, 232, 0.9);
      box-shadow: 0 20px 44px rgba(17, 43, 92, 0.1);
      will-change: transform, opacity;
    }
    .public-welfare-feature[hidden] {
      display: none;
    }
    .public-welfare-feature.is-entering {
      animation: publicWelfareFeatureIn 1120ms cubic-bezier(0.16, 1, 0.3, 1);
    }
    .public-welfare-feature.is-entering-prev {
      animation: publicWelfareFeatureInPrev 1120ms cubic-bezier(0.16, 1, 0.3, 1);
    }
    .public-welfare-feature.is-leaving {
      animation: publicWelfareFeatureOut 1040ms cubic-bezier(0.5, 0, 0.3, 1);
    }
    .public-welfare-feature.is-leaving-prev {
      animation: publicWelfareFeatureOutPrev 1040ms cubic-bezier(0.5, 0, 0.3, 1);
    }
    .public-welfare-feature__media {
      min-width: 0;
      min-height: 500px;
      margin: 0;
      overflow: hidden;
      background: #dbe7f7;
    }
    .public-welfare-feature__media img {
      display: block;
      width: 100%;
      height: 100%;
      object-fit: cover;
      object-position: center;
      transition: transform 0.36s ease, filter 0.36s ease;
    }
    .public-welfare-feature.is-entering .public-welfare-feature__media img {
      animation: publicWelfareImageIn 1360ms cubic-bezier(0.16, 1, 0.3, 1);
    }
    .public-welfare-feature.is-entering-prev .public-welfare-feature__media img {
      animation: publicWelfareImageInPrev 1360ms cubic-bezier(0.16, 1, 0.3, 1);
    }
    .public-welfare-feature:hover .public-welfare-feature__media img {
      transform: scale(1.035);
      filter: saturate(1.04) contrast(1.03);
    }
    .public-welfare-feature__copy {
      display: flex;
      flex-direction: column;
      justify-content: center;
      min-width: 0;
      padding: 42px 48px;
    }
    .public-welfare-feature.is-entering .public-welfare-feature__copy > *,
    .public-welfare-feature.is-entering-prev .public-welfare-feature__copy > * {
      animation: publicWelfareCopyIn 1240ms cubic-bezier(0.16, 1, 0.3, 1) both;
    }
    .public-welfare-feature.is-entering .public-welfare-feature__copy > *:nth-child(2),
    .public-welfare-feature.is-entering-prev .public-welfare-feature__copy > *:nth-child(2) {
      animation-delay: 45ms;
    }
    .public-welfare-feature.is-entering .public-welfare-feature__copy > *:nth-child(3),
    .public-welfare-feature.is-entering-prev .public-welfare-feature__copy > *:nth-child(3) {
      animation-delay: 90ms;
    }
    .public-welfare-feature.is-entering .public-welfare-feature__copy > *:nth-child(4),
    .public-welfare-feature.is-entering-prev .public-welfare-feature__copy > *:nth-child(4) {
      animation-delay: 135ms;
    }
    .public-welfare-feature.is-entering .public-welfare-feature__copy > *:nth-child(5),
    .public-welfare-feature.is-entering-prev .public-welfare-feature__copy > *:nth-child(5) {
      animation-delay: 180ms;
    }
    .public-welfare-feature__eyebrow {
      color: #0d65e8;
      font-size: 13px;
      font-weight: 800;
      line-height: 22px;
    }
    .public-welfare-feature__copy h3 {
      margin: 12px 0 0;
      color: #161a22;
      font-size: 32px;
      font-weight: 850;
      line-height: 1.22;
      letter-spacing: 0;
    }
    .public-welfare-feature__copy p {
      margin: 18px 0 0;
      color: #5f6673;
      font-size: 16px;
      font-weight: 600;
      line-height: 1.7;
    }
    .public-welfare-feature__points {
      display: flex;
      flex-wrap: wrap;
      gap: 10px;
      margin-top: 22px;
    }
    .public-welfare-feature__points span {
      display: inline-flex;
      align-items: center;
      min-height: 34px;
      padding: 0 14px;
      background: #eef5ff;
      color: #0d65e8;
      font-size: 13px;
      font-weight: 800;
    }
    .public-welfare-feature__link {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      width: fit-content;
      min-height: 44px;
      margin-top: 28px;
      padding: 0 24px;
      background: #0d65e8;
      color: #fff;
      font-size: 15px;
      font-weight: 800;
      text-decoration: none;
      transition: background 0.22s ease, transform 0.22s ease;
    }
    .public-welfare-feature__link:hover {
      background: #084eb8;
      transform: translateY(-2px);
    }
    @media (max-height: 760px) {
      .public-welfare-panel__header {
        top: 54px;
      }
      .public-welfare-tabs {
        top: 140px;
      }
      .public-welfare-panel__rule {
        top: 196px;
      }
      .public-welfare-stage {
        top: 214px;
        min-height: 500px;
      }
      .public-welfare-feature,
      .public-welfare-feature__media {
        min-height: 500px;
      }
      .public-welfare-feature__copy {
        padding: 34px 42px;
      }
      .public-welfare-feature__copy h3 {
        font-size: 30px;
      }
      .public-welfare-feature__copy p {
        font-size: 15px;
        line-height: 1.66;
      }
      .public-welfare-feature__link {
        margin-top: 22px;
      }
    }
    @media (max-height: 560px) {
      .public-welfare-panel__header {
        top: 38px;
        gap: 3px;
      }
      .public-welfare-panel__title {
        font-size: 26px;
        line-height: 34px;
      }
      .public-welfare-panel__subtitle {
        font-size: 13px;
        line-height: 18px;
      }
      .public-welfare-tabs {
        top: 118px;
      }
      .public-welfare-tab {
        min-height: 40px;
        padding-bottom: 10px;
      }
      .public-welfare-tab strong {
        font-size: 16px;
      }
      .public-welfare-panel__rule {
        top: 170px;
      }
      .public-welfare-stage {
        top: 186px;
        min-height: 555px;
      }
      .public-welfare-feature,
      .public-welfare-feature__media {
        min-height: 555px;
      }
      .public-welfare-feature__copy {
        padding: 26px 34px;
      }
      .public-welfare-feature__eyebrow {
        font-size: 12px;
      }
      .public-welfare-feature__copy h3 {
        margin-top: 8px;
        font-size: 26px;
      }
      .public-welfare-feature__copy p {
        margin-top: 12px;
        font-size: 14px;
        line-height: 1.62;
      }
      .public-welfare-feature__points {
        gap: 8px;
        margin-top: 14px;
      }
      .public-welfare-feature__points span {
        min-height: 30px;
        padding: 0 10px;
        font-size: 12px;
      }
      .public-welfare-feature__link {
        min-height: 38px;
        margin-top: 16px;
        padding: 0 18px;
        font-size: 14px;
      }
    }
    @keyframes publicWelfareFeatureIn {
      from {
        opacity: 0;
        transform: translateX(86px) scale(0.985);
      }
      to {
        opacity: 1;
        transform: translateX(0) scale(1);
      }
    }
    @keyframes publicWelfareFeatureInPrev {
      from {
        opacity: 0;
        transform: translateX(-86px) scale(0.985);
      }
      to {
        opacity: 1;
        transform: translateX(0) scale(1);
      }
    }
    @keyframes publicWelfareFeatureOut {
      from {
        opacity: 1;
        transform: translateX(0) scale(1);
      }
      to {
        opacity: 0;
        transform: translateX(-72px) scale(0.985);
      }
    }
    @keyframes publicWelfareFeatureOutPrev {
      from {
        opacity: 1;
        transform: translateX(0) scale(1);
      }
      to {
        opacity: 0;
        transform: translateX(72px) scale(0.985);
      }
    }
    @keyframes publicWelfareImageIn {
      from {
        transform: translateX(42px) scale(1.08);
        filter: saturate(0.92) contrast(0.96);
      }
      to {
        transform: translateX(0) scale(1);
        filter: saturate(1) contrast(1);
      }
    }
    @keyframes publicWelfareImageInPrev {
      from {
        transform: translateX(-42px) scale(1.08);
        filter: saturate(0.92) contrast(0.96);
      }
      to {
        transform: translateX(0) scale(1);
        filter: saturate(1) contrast(1);
      }
    }
    @keyframes publicWelfareCopyIn {
      from {
        opacity: 0;
        transform: translateX(34px);
      }
      to {
        opacity: 1;
        transform: translateX(0);
      }
    }
    body#index .promotion-design-2026 {
      background: #eaf5ff image-set(url("../images/home-promotion4-bg-new.webp") type("image/webp"), url("../images/home-promotion4-bg.png") type("image/png")) center / cover no-repeat !important;
      overflow: hidden !important;
    }

    body#index .promotion-design-2026::before {
      content: "";
      position: absolute;
      inset: 0;
      z-index: 0;
      pointer-events: none;
      background: image-set(url("../images/home-promotion4-bg-new.webp") type("image/webp"), url("../images/home-promotion4-bg.png") type("image/png")) center / cover no-repeat;
    }

    body#index .promotion-design-2026 > .panel-design-canvas {
      transform: translate(-50%, -50%) scale(var(--design-contain-scale, 1)) !important;
    }

    body#index .promotion-design-stage,
    body#index .promotion-design-stage * {
      box-sizing: border-box;
    }

    body#index .promotion-design-stage {
      position: absolute;
      left: 0;
      top: 0;
      z-index: 1;
      width: 1920px;
      height: 1080px;
      overflow: hidden;
      background: transparent;
      transform: scale(.75);
      transform-origin: left top;
    }

    body#index .promotion-design-stage::before {
      content: "";
      position: absolute;
      inset: 0;
      z-index: 0;
      pointer-events: none;
      background: image-set(url("../images/home-promotion4-bg-new.webp") type("image/webp"), url("../images/home-promotion4-bg.png") type("image/png")) center / cover no-repeat;
      opacity: 1;
      -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 3.5%, #000 96.5%, transparent 100%),
        linear-gradient(180deg, transparent 0, #000 3%, #000 97%, transparent 100%);
      -webkit-mask-composite: source-in;
      mask-image: linear-gradient(90deg, transparent 0, #000 3.5%, #000 96.5%, transparent 100%),
        linear-gradient(180deg, transparent 0, #000 3%, #000 97%, transparent 100%);
      mask-composite: intersect;
    }

    body#index .promotion-design-stage::after {
      content: "";
      position: absolute;
      left: 100px;
      top: 220px;
      z-index: 1;
      width: 1700px;
      height: 785px;
      border: 1px solid rgba(99, 150, 230, .46);
      border-radius: 16px;
      background: linear-gradient(180deg, rgba(255, 255, 255, .68) 0%, rgba(246, 251, 255, .5) 100%);
      box-shadow:
              inset 0 0 0 1px rgba(255, 255, 255, .62),
              0 18px 46px rgba(47, 116, 205, .12);
      backdrop-filter: blur(8px);
      pointer-events: none;
    }

    body#index .promotion-design-2026 .public-welfare-panel__title {
      position: absolute;
      left: 107px;
      top: 91.5px;
      height: 75px;
      margin: 0;
      font-family: "Alimama ShuHeiTi Bold", "Alimama ShuHeiTi", "PingFang SC", sans-serif;
      font-size: 50px;
      font-weight: 700;
      line-height: 75px;
      color: #0b265d;
      white-space: nowrap;
    }

    body#index .promotion-design-2026 .public-welfare-panel__line {
      position: absolute;
      left: 107px;
      top: 168px;
      width: 192px;
      height: 8px;
    }

    body#index .promotion-design-2026 .public-welfare-panel__line i,
    body#index .promotion-design-2026 .public-welfare-panel__line b,
    body#index .promotion-design-2026 .public-welfare-panel__line em {
      position: absolute;
      display: block;
      border-radius: 7px;
    }

    body#index .promotion-design-2026 .public-welfare-panel__line i {
      left: 104px;
      top: 2px;
      width: 67px;
      height: 4px;
      background: linear-gradient(270deg, rgba(177, 206, 252, 0) 0%, #b8d1fb 98.34%);
    }

    body#index .promotion-design-2026 .public-welfare-panel__line b {
      left: 0;
      top: 0;
      width: 106px;
      height: 8px;
      background: linear-gradient(270deg, #76bffd 0%, #115df3 100%);
    }

    body#index .promotion-design-2026 .public-welfare-panel__line em {
      top: 1px;
      width: 8px;
      height: 5px;
      background: linear-gradient(270deg, rgba(118, 191, 253, .43) 0%, rgba(17, 93, 243, .43) 100%);
    }

    body#index .promotion-design-2026 .public-welfare-panel__line em:nth-of-type(1) { left: 173px; }
    body#index .promotion-design-2026 .public-welfare-panel__line em:nth-of-type(2) { left: 184px; }

    body#index .promotion-design-2026 .promotion-motion-title,
    body#index .promotion-design-2026 .promotion-motion-tabs,
    body#index .promotion-design-2026 .promotion-motion-main,
    body#index .promotion-design-2026 .promotion-motion-copy {
      transition:
              transform 1200ms ease-out,
              opacity 1200ms ease-out,
              filter 840ms ease-out;
      will-change: transform, opacity, filter;
    }
    body#index .promotion-design-2026 .promotion-motion-title,
    body#index .promotion-design-2026.is-leaving .promotion-motion-title {
      opacity: 0;
      transform: translate3d(0, 28px, 0);
      filter: blur(3px);
    }
    body#index .promotion-design-2026 .promotion-motion-tabs,
    body#index .promotion-design-2026.is-leaving .promotion-motion-tabs {
      opacity: 0;
      transform: translate3d(0, 34px, 0);
      filter: blur(3px);
    }
    body#index .promotion-design-2026 .promotion-motion-main,
    body#index .promotion-design-2026.is-leaving .promotion-motion-main {
      opacity: 0;
      transform: translate3d(-96px, 0, 0) scale(.965);
      filter: blur(4px);
    }
    body#index .promotion-design-2026 .promotion-motion-copy,
    body#index .promotion-design-2026.is-leaving .promotion-motion-copy {
      opacity: 0;
      transform: translate3d(96px, 0, 0) scale(.965);
      filter: blur(4px);
    }
    body#index .promotion-design-2026.is-active .promotion-motion-title,
    body#index .promotion-design-2026.is-active .promotion-motion-tabs,
    body#index .promotion-design-2026.is-active .promotion-motion-main,
    body#index .promotion-design-2026.is-active .promotion-motion-copy {
      opacity: 1;
      transform: translate3d(0, 0, 0) scale(1);
      filter: blur(0);
    }

    body#index .promotion-design-2026 .public-welfare-tabs {
      position: absolute;
      left: 100px;
      top: 220px !important;
      z-index: 5;
      width: 1700px;
      height: 86px;
      display: grid;
      grid-template-columns: 1fr 1fr 1fr;
      border: 0;
      border-radius: 16px 16px 0 0;
      background: linear-gradient(180deg, rgba(255, 255, 255, .72) 0%, rgba(244, 250, 255, .52) 100%);
      box-shadow: inset 0 -1px 0 rgba(106, 155, 230, .26);
      overflow: hidden;
    }

    body#index .promotion-design-2026 .public-welfare-tabs::after {
      display: none;
    }

    body#index .promotion-design-2026 .public-welfare-tab {
      position: relative;
      height: 86px;
      min-height: 0;
      padding: 0 34px;
      border: 0;
      background: transparent;
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 18px;
      color: #2b303a;
      cursor: pointer;
      overflow: visible;
    }

    body#index .promotion-design-2026 .public-welfare-tab::after {
      display: none;
    }

    body#index .promotion-design-2026 .public-welfare-tab img {
      position: static;
      flex: 0 0 auto;
      width: 30px;
      height: 30px;
      object-fit: contain;
    }

    body#index .promotion-design-2026 .public-welfare-tab strong {
      display: block;
      width: auto;
      max-width: none;
      overflow: visible;
      color: currentColor;
      font-family: PingFangSC-Semibold, "PingFang SC", sans-serif;
      font-size: 26px;
      font-weight: 600;
      line-height: 36px;
      letter-spacing: 0;
      white-space: nowrap;
    }

    body#index .promotion-design-2026 .public-welfare-tab.is-active {
      color: #004aee;
      background: linear-gradient(180deg, rgba(255,255,255,.58) 0%, rgba(238,247,255,.44) 100%);
      box-shadow: none;
    }

    body#index .promotion-design-2026 .public-welfare-tab.is-active img {
      width: 64px;
      height: 64px;
    }

    body#index .promotion-design-2026 .public-welfare-tab[data-public-welfare-tab="0"].is-active img {
      content: url("../images/standard-promotion-tab-ask-active.webp");
    }

    body#index .promotion-design-2026 .public-welfare-tab[data-public-welfare-tab="1"].is-active img {
      content: url("../images/standard-promotion-tab-video-active.webp");
    }

    body#index .promotion-design-2026 .public-welfare-tab[data-public-welfare-tab="2"].is-active img {
      content: url("../images/standard-promotion-tab-activity-active.webp");
    }

    body#index .promotion-design-2026 .public-welfare-tabs__line {
      position: absolute;
      left: 100px;
      top: 300px;
      z-index: 6;
      width: 340px;
      height: 12px;
      object-fit: fill;
      pointer-events: none;
      transition: left 600ms cubic-bezier(.22, 1, .36, 1), width 600ms cubic-bezier(.22, 1, .36, 1);
    }

    body#index .promotion-design-2026 .public-welfare-stage {
      position: absolute;
      left: 0;
      top: 0 !important;
      z-index: 3;
      width: 1920px;
      height: 1080px;
      min-height: 0;
      overflow: visible;
    }

    body#index .promotion-design-2026 .public-welfare-feature {
      position: absolute;
      inset: 0;
      display: block;
      width: 1920px;
      height: 1080px;
      min-height: 0;
      overflow: visible;
      border: 0;
      background: transparent;
      box-shadow: none;
      will-change: transform, opacity;
    }

    body#index .promotion-design-2026 .public-welfare-feature[hidden] {
      display: none;
    }

    body#index .promotion-design-2026 .public-welfare-feature__main {
      position: absolute;
      left: 116px;
      top: 334px;
      width: 987px;
      height: 644px;
      border-radius: 17px;
      object-fit: cover;
      object-position: center;
      border: 2px solid rgba(255,255,255,.72);
      box-shadow: 0 18px 42px rgba(26, 93, 176, .13);
      transition: transform .36s ease, filter .36s ease;
    }

    body#index .promotion-design-2026 .public-welfare-feature:hover .public-welfare-feature__main {
      transform: scale(1.018);
      filter: saturate(1.04) contrast(1.03);
    }

    body#index .promotion-design-2026 .public-welfare-feature__portrait {
      position: absolute;
      left: 130px;
      top: 565px;
      z-index: 6;
      display: block;
      width: 492px;
      height: 300px;
      pointer-events: none;
    }

    body#index .promotion-design-2026 .public-welfare-feature__person {
      position: absolute;
      left: 194px;
      top: 644px;
      z-index: 7;
      width: 242px;
      height: 126px;
      pointer-events: none;
      color: #06275c;
      font-family: PingFangSC-Semibold, "PingFang SC", sans-serif;
    }

    body#index .promotion-design-2026 .public-welfare-feature__person strong {
      position: absolute;
      left: 0;
      top: 0;
      display: block;
      width: 210px;
      height: 35px;
      color: #fff;
      font-size: 18px;
      font-weight: 500;
      line-height: 35px;
      white-space: nowrap;
    }

    body#index .promotion-design-2026 .public-welfare-feature__person span {
      position: absolute;
      left: 0;
      top: 53px;
      display: block;
      width: 370px;
      color: #0a3473;
      font-size: 16px;
      font-weight: 600;
      line-height: 28px;
      white-space: nowrap;
    }

    body#index .promotion-design-2026 .public-welfare-feature__person span::after {
      content: "";
      position: absolute;
      left: 0;
      top: 32px;
      width: 206px;
      height: 1px;
      background: #6da6ef;
    }

    body#index .promotion-design-2026 .public-welfare-feature__person b {
      position: absolute;
      right: 0;
      top: 88px;
      display: block;
      color: #0b2e67;
      font-size: 16px;
      font-weight: 600;
      line-height: 28px;
      white-space: nowrap;
    }

    body#index .promotion-design-2026 .public-welfare-feature.is-leaving .public-welfare-feature__portrait,
    body#index .promotion-design-2026 .public-welfare-feature.is-leaving-prev .public-welfare-feature__portrait,
    body#index .promotion-design-2026 .public-welfare-feature.is-leaving .public-welfare-feature__person,
    body#index .promotion-design-2026 .public-welfare-feature.is-leaving-prev .public-welfare-feature__person {
      opacity: 0;
      visibility: hidden;
      transition: none;
    }

    body#index .promotion-design-2026 .public-welfare-feature__play {
      display: none;
    }

    body#index .promotion-design-2026 .public-welfare-feature__play:hover {
      transform: scale(1.05);
      background: rgba(255, 255, 255, .3);
    }

    body#index .promotion-design-2026 .public-welfare-feature__play img {
      position: absolute;
      left: 0;
      top: 0;
      width: 64px;
      height: 64px;
      object-fit: contain;
    }

    body#index .promotion-design-2026 .public-welfare-feature__copy {
      position: absolute;
      left: 1115px;
      top: 334px !important;
      display: block;
      width: 672px;
      height: 644px;
      min-width: 0;
      padding: 70px 82px;
      border: 2px solid rgba(255, 255, 255, .78);
      border-radius: 17px;
      background:
              linear-gradient(180deg, rgba(255,255,255,.72) 0%, rgba(239,248,255,.5) 100%),
              image-set(url("../images/home-promotion4-bg-new.webp") type("image/webp"), url("../images/home-promotion4-bg.png") type("image/png")) right bottom / cover no-repeat;
      box-shadow:
              inset 0 0 0 1px rgba(173, 205, 248, .34),
              0 18px 42px rgba(31, 101, 192, .08);
      overflow: hidden;
    }

    body#index .promotion-design-2026 .public-welfare-feature__copy::after {
      content: "";
      position: absolute;
      right: 0;
      bottom: 0;
      width: 100%;
      height: 100%;
      background: linear-gradient(120deg, rgba(255,255,255,.62) 0%, rgba(255,255,255,.28) 48%, rgba(255,255,255,0) 100%);
      pointer-events: none;
    }

    body#index .promotion-design-2026 .public-welfare-feature__eyebrow {
      position: absolute;
      left: 126px;
      top: 70px;
      z-index: 2;
      color: #0f62f1;
      font-family: PingFangSC-Medium, "PingFang SC", sans-serif;
      font-size: 20px;
      font-weight: 500;
      line-height: 28px;
      white-space: nowrap;
    }

    body#index .promotion-design-2026 .public-welfare-feature__eyebrow::before,
    body#index .promotion-design-2026 .public-welfare-feature__eyebrow::after {
      content: "";
      position: absolute;
      top: 50%;
      width: 34px;
      height: 3px;
      transform: translateY(-50%);
    }

    body#index .promotion-design-2026 .public-welfare-feature__eyebrow::before {
      left: -44px;
      background:
        linear-gradient(#60a5fa, #60a5fa) 0 1px / 32px 1px no-repeat,
        radial-gradient(circle at 32.5px 1.5px, #60a5fa 0 1.5px, transparent 1.6px);
    }

    body#index .promotion-design-2026 .public-welfare-feature__eyebrow::after {
      left: calc(100% + 10px);
      background:
        radial-gradient(circle at 1.5px 1.5px, #60a5fa 0 1.5px, transparent 1.6px),
        linear-gradient(#60a5fa, #60a5fa) 2px 1px / 32px 1px no-repeat;
    }

    body#index .promotion-design-2026 .public-welfare-feature__copy h3 {
      position: absolute;
      left: 82px;
      top: 119px;
      z-index: 2;
      width: 550px;
      margin: 0;
      color: #09193c;
      font-family: "Alimama ShuHeiTi Bold", "Alimama ShuHeiTi", "PingFang SC", sans-serif;
      font-size: 30px;
      font-weight: 700;
      line-height: 52px;
      letter-spacing: 0;
    }

    body#index .promotion-design-2026 .public-welfare-feature__copy i {
      position: absolute;
      left: 82px;
      top: 280px;
      z-index: 2;
      display: block;
      width: 150px;
      height: 6px;
      border-radius: 3px;
      background: linear-gradient(90deg, #0042ed 0%, #b8d1fb 100%);
    }

    body#index .promotion-design-2026 .public-welfare-feature__copy p {
      position: absolute;
      left: 82px;
      top: 315px;
      z-index: 2;
      width: 550px;
      margin: 0;
      color: #3a4460;
      font-family: PingFangSC-Regular, "PingFang SC", sans-serif;
      font-size: 22px;
      font-weight: 400;
      line-height: 30px;
      letter-spacing: 0;
    }

    body#index .promotion-design-2026 .public-welfare-feature--standard-explainer .public-welfare-feature__copy h3 {
      display: none;
    }

    body#index .promotion-design-2026 .public-welfare-feature--standard-explainer .public-welfare-feature__copy i {
      top: 120px;
    }

    body#index .promotion-design-2026 .public-welfare-feature--standard-explainer .public-welfare-feature__copy p {
      top: 170px;
      font-weight: 600;
      line-height: 40px;
    }

    body#index .promotion-design-2026 .public-welfare-feature__points {
      position: absolute;
      left: 82px;
      top: 435px;
      z-index: 2;
      display: flex;
      gap: 10px;
      margin: 0;
    }

    body#index .promotion-design-2026 .public-welfare-feature--standard-explainer .public-welfare-feature__points {
      top: 410px;
    }

    body#index .promotion-design-2026 .public-welfare-feature--standard-explainer .public-welfare-feature__points span {
      width: 110px;
    }

    body#index .promotion-design-2026 .public-welfare-feature__points span {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      width: 80px;
      height: 40px;
      min-height: 0;
      padding: 0;
      border-radius: 12px 4px 12px 4px;
      background: #dfecfc;
      color: #084aef;
      font-family: PingFangSC-Regular, "PingFang SC", sans-serif;
      font-size: 20px;
      font-weight: 400;
      line-height: 28px;
      white-space: nowrap;
    }

    body#index .promotion-design-2026 .public-welfare-feature__link {
      position: absolute;
      left: 66px;
      top: 520px;
      z-index: 2;
      display: flex;
      align-items: center;
      justify-content: center;
      width: 300px;
      height: 101px;
      min-height: 0;
      margin: 0;
      padding: 15px 64px 16px 0;
      border: 0;
      background: image-set(url("../images/home-promotion4-button.webp") type("image/webp"), url("../images/home-promotion4-button.png") type("image/png")) center / contain no-repeat;
      color: #fff;
      font-family: PingFangSC-Regular, "PingFang SC", sans-serif;
      font-size: 24px;
      font-weight: 400;
      line-height: 34px;
      text-decoration: none;
      transition: transform .24s ease, filter .24s ease;
    }

    body#index .promotion-design-2026 .public-welfare-feature--standard-explainer .public-welfare-feature__link {
      top: 500px;
    }

    body#index .promotion-design-2026 .public-welfare-feature--entrepreneur-dialogue .public-welfare-feature__copy h3 {
      display: block;
    }

    body#index .promotion-design-2026 .public-welfare-feature__link:hover {
      transform: translateY(-2px);
      filter: brightness(1.04);
    }

    .education-panel {
      background:
              linear-gradient(110deg, rgba(8, 24, 58, 0.92) 0%, rgba(12, 58, 126, 0.82) 48%, rgba(238, 244, 252, 0.96) 48.2%, #f5f8fc 100%),
              image-set(url("../images/fy_b53759e1c90baa7f2772c878e488647f.webp") type("image/webp"), url("../images/fy_b53759e1c90baa7f2772c878e488647f.png") type("image/png")) center/cover no-repeat;
    }
    .education-panel__backdrop {
      position: absolute;
      inset: 0;
      background:
              linear-gradient(180deg, rgba(255,255,255,0.06) 0%, rgba(255,255,255,0) 42%),
              linear-gradient(90deg, rgba(7, 21, 49, 0.36) 0%, rgba(7, 21, 49, 0) 64%);
      z-index: 0;
    }
    .education-panel__header {
      position: absolute;
      left: 70px;
      top: 112px;
      z-index: 2;
      width: 520px;
      color: #ffffff;
    }
    .education-panel__eyebrow {
      display: block;
      margin-bottom: 18px;
      color: rgba(255, 255, 255, 0.78);
      font-size: 16px;
      font-weight: 600;
      line-height: 24px;
    }
    .education-panel__title {
      margin: 0 0 18px;
      color: #ffffff;
      font-size: 38px;
      font-weight: 700;
      line-height: 52px;
    }
    .education-panel__subtitle {
      margin: 0 0 24px;
      width: 470px;
      color: rgba(255, 255, 255, 0.86);
      font-size: 16px;
      line-height: 28px;
    }
    .education-panel__grid {
      position: absolute;
      left: 610px;
      top: 132px;
      z-index: 2;
      width: 760px;
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 22px;
    }
    .education-card {
      position: relative;
      display: block;
      height: 548px;
      overflow: hidden;
      color: #ffffff;
      text-decoration: none;
      background: #dce7f2;
      border: 1px solid rgba(188, 204, 224, 0.74);
      box-shadow: 0 24px 54px rgba(14, 36, 76, 0.18);
    }
    .education-card__image {
      position: absolute;
      inset: 0;
      width: 100%;
      height: 100%;
      object-fit: cover;
      transition: transform 460ms cubic-bezier(0.22, 1, 0.36, 1), filter 280ms ease;
    }
    .education-card__shade {
      position: absolute;
      inset: 0;
      background:
              linear-gradient(180deg, rgba(6, 18, 40, 0.12) 0%, rgba(6, 18, 40, 0.36) 42%, rgba(6, 18, 40, 0.88) 100%),
              linear-gradient(90deg, rgba(12, 54, 128, 0.34) 0%, rgba(12, 54, 128, 0) 72%);
      z-index: 1;
    }
    .education-card__index {
      position: absolute;
      left: 22px;
      top: 22px;
      z-index: 2;
      color: rgba(255, 255, 255, 0.86);
      font-family: "Source Han Sans SC", "Source Han Sans", "Microsoft YaHei", sans-serif;
      font-size: 44px;
      line-height: 1;
      letter-spacing: 1px;
    }
    .education-card__body {
      position: absolute;
      left: 22px;
      right: 22px;
      bottom: 26px;
      z-index: 2;
      display: flex;
      flex-direction: column;
      gap: 14px;
    }
    .education-card__meta {
      display: flex;
      flex-wrap: wrap;
      gap: 8px;
    }
    .education-card__meta span {
      display: inline-flex;
      align-items: center;
      min-height: 28px;
      padding: 5px 10px;
      color: rgba(255, 255, 255, 0.9);
      font-size: 12px;
      font-weight: 600;
      line-height: 18px;
      background: rgba(255, 255, 255, 0.16);
      border: 1px solid rgba(255, 255, 255, 0.2);
    }
    .education-card__title {
      display: block;
      color: #ffffff;
      font-size: 24px;
      font-weight: 700;
      line-height: 34px;
      text-shadow: 0 8px 22px rgba(6, 18, 40, 0.28);
    }
    .education-card__description {
      display: -webkit-box;
      overflow: hidden;
      color: rgba(255, 255, 255, 0.9);
      font-size: 14px;
      line-height: 23px;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 5;
      text-shadow: 0 5px 16px rgba(6, 18, 40, 0.24);
    }
    .education-panel-enhanced .education-card:hover .education-card__image {
      transform: scale(1.05);
      filter: saturate(1.06) contrast(1.04);
    }

    body#index .education-design-2026 {
      position: relative;
      overflow: hidden;
      background: transparent !important;
    }

    body#index .education-design-2026::before {
      content: "";
      position: absolute;
      inset: 0;
      z-index: 0;
      background: image-set(url("../images/home-education5-bg.webp?v=20260625-webp500k1") type("image/webp"), url("../images/home-education5-bg.png") type("image/png")) center / cover no-repeat;
      pointer-events: none;
    }

    body#index .education-design-2026 > .panel-design-canvas {
      z-index: 1;
      transform: translate(-50%, -50%) scale(var(--design-contain-scale, var(--design-scale, 1))) !important;
    }

    body#index .education-design-stage,
    body#index .education-design-stage * {
      box-sizing: border-box;
    }

    body#index .education-design-stage {
      position: absolute;
      left: 0;
      top: 0;
      width: 1920px;
      height: 1080px;
      overflow: hidden;
      transform: scale(.75);
      transform-origin: left top;
      background: transparent;
      font-family: PingFangSC-Regular, "Microsoft YaHei", sans-serif;
    }

    body#index .education-design-2026 .education-panel__header {
      position: absolute;
      left: 0;
      top: 0;
      z-index: 3;
      width: 620px;
      height: 1080px;
      color: #0b265d;
    }

    body#index .education-design-2026 .education-panel__mark {
      position: absolute;
      left: 82px;
      top: 281px;
      width: 16px;
      height: 170px;
      border-radius: 2px;
      background: linear-gradient(180deg, #2dc0f9 0%, #26b3fb 12.17%, #1d6efb 38%, #49a1fd 66.88%, #cce3fd 100%);
    }

    body#index .education-design-2026 .education-panel__eyebrow {
      position: absolute;
      left: 160px;
      top: 221px;
      display: inline-flex;
      align-items: center;
      gap: 10px;
      margin: 0;
      color: #0f62f1;
      font-family: PingFangSC-Medium, "PingFang SC", sans-serif;
      font-size: 26px;
      font-weight: 500;
      line-height: 36px;
      white-space: nowrap;
    }

    body#index .education-design-2026 .education-panel__eyebrow img {
      width: 32px;
      height: 32px;
      object-fit: contain;
      flex: 0 0 auto;
    }

    body#index .education-design-2026 .education-panel__title {
      position: absolute;
      left: 124px;
      top: 292px;
      width: 620px;
      margin: 0;
      color: #0b265d;
      font-family: "Alimama ShuHeiTi Bold", "Alimama ShuHeiTi", "PingFang SC", sans-serif;
      font-size: 66px;
      font-weight: 700;
      line-height: 66px;
      letter-spacing: 0;
    }

    body#index .education-design-2026 .education-panel__subtitle {
      position: absolute;
      left: 124px;
      top: 483px;
      width: 600px;
      margin: 0;
      color: #5b606a;
      font-family: PingFangSC-Regular, "PingFang SC", sans-serif;
      font-size: 20px;
      font-weight: 400;
      line-height: 30px;
      letter-spacing: 0;
    }

    body#index .education-design-2026 .education-panel__title-line {
      position: absolute;
      left: 124px;
      top: 571px;
      width: 153px;
      height: 5px;
    }

    body#index .education-design-2026 .education-panel__title-line i,
    body#index .education-design-2026 .education-panel__title-line b,
    body#index .education-design-2026 .education-panel__title-line em {
      position: absolute;
      top: 0;
      display: block;
      height: 5px;
      border-radius: 3px;
    }

    body#index .education-design-2026 .education-panel__title-line i {
      left: 0;
      width: 130px;
      background: #d4e5fb;
    }

    body#index .education-design-2026 .education-panel__title-line b {
      left: 0;
      width: 57px;
      background: #0854fc;
    }

    body#index .education-design-2026 .education-panel__title-line em {
      width: 5px;
      background: #d4e5fb;
    }

    body#index .education-design-2026 .education-panel__title-line em:nth-of-type(1) { left: 137px; }
    body#index .education-design-2026 .education-panel__title-line em:nth-of-type(2) { left: 148px; }

    body#index .education-design-2026 .education-panel__grid {
      position: absolute;
      left: 779px;
      top: 172px;
      z-index: 2;
      width: 1086px;
      height: 792px;
      display: grid;
      grid-template-columns: repeat(3, 352px);
      gap: 15px;
      padding: 0;
    }

    body#index .education-design-2026 .education-card {
      position: relative;
      display: block;
      width: 352px;
      height: 792px;
      overflow: hidden;
      border: 0;
      border-radius: 19px;
      color: #fff;
      text-decoration: none;
      background: transparent;
      box-shadow: none;
    }

    body#index .education-design-2026 .education-card__image {
      position: absolute;
      inset: 0;
      width: 100%;
      height: 100%;
      object-fit: cover;
      transition: transform 460ms cubic-bezier(.22, 1, .36, 1), filter 280ms ease;
    }

    body#index .education-design-2026 .education-card__shade {
      position: absolute;
      inset: 0;
      z-index: 1;
      display: block;
      background:
              linear-gradient(180deg, rgba(4, 17, 40, 0) 30%, rgba(4, 17, 40, .08) 43%, rgba(4, 17, 40, .62) 66%, rgba(3, 15, 37, .94) 100%),
              linear-gradient(90deg, rgba(7, 69, 157, .14) 0%, rgba(4, 20, 48, .04) 65%);
      transition: background 320ms ease;
      pointer-events: none;
    }

    body#index .education-design-2026 .education-card__body {
      position: absolute;
      left: 24px;
      right: 24px;
      bottom: 72px;
      z-index: 2;
      display: block;
    }

    body#index .education-design-2026 .education-card__meta {
      position: absolute;
      left: 0;
      bottom: 205px;
      display: flex;
      gap: 9px;
      margin: 0;
    }

    body#index .education-design-2026 .education-card__meta span {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      width: 99px;
      height: 39px;
      min-height: 0;
      padding: 0;
      border-radius: 31px;
      border: 1px solid #fff;
      color: #fff;
      background: rgba(255, 255, 255, 0);
      backdrop-filter: blur(2px);
      font-family: PingFangSC-Regular, "PingFang SC", sans-serif;
      font-size: 18px;
      font-weight: 400;
      line-height: 25px;
      white-space: nowrap;
    }

    body#index .education-design-2026 .education-card__meta span:first-child {
      border-color: #387de3;
      background: linear-gradient(90deg, rgba(103, 163, 254, .6) 5.5%, rgba(0, 100, 255, .6) 48.54%, rgba(103, 163, 254, .6) 94.2%);
    }

    body#index .education-design-2026 .education-card__title {
      position: absolute;
      left: 0;
      bottom: 104px;
      display: block;
      width: 314px;
      color: #fff;
      font-family: PingFangSC-Medium, "PingFang SC", sans-serif;
      font-size: 34px;
      font-weight: 700;
      line-height: 48px;
      text-shadow: 0 3px 14px rgba(0, 10, 32, .72);
    }

    body#index .education-design-2026 .education-card__description {
      position: absolute;
      left: 0;
      bottom: 0;
      display: block;
      width: 304px;
      max-height: 90px;
      overflow: hidden;
      color: rgba(255, 255, 255, .96);
      font-family: PingFangSC-Regular, "PingFang SC", sans-serif;
      font-size: 21px;
      font-weight: 500;
      line-height: 29px;
      letter-spacing: 0;
      text-shadow: 0 2px 10px rgba(0, 10, 32, .78);
      -webkit-line-clamp: unset;
      -webkit-box-orient: unset;
    }

    body#index .education-design-2026 .education-card__arrow {
      position: absolute;
      right: 24px;
      bottom: 46px;
      z-index: 3;
      width: 44px;
      height: 44px;
      display: block;
    }

    body#index .education-design-2026 .education-card__arrow img {
      width: 45px;
      height: 45px;
      object-fit: contain;
    }

    body#index .education-design-2026 .education-card:hover .education-card__image {
      transform: scale(1.035);
      filter: saturate(1.04) contrast(1.03);
    }

    body#index .education-design-2026 .education-card:hover .education-card__shade {
      background:
              linear-gradient(180deg, rgba(4, 17, 40, 0) 27%, rgba(4, 17, 40, .1) 41%, rgba(4, 17, 40, .66) 64%, rgba(3, 15, 37, .95) 100%),
              linear-gradient(90deg, rgba(7, 69, 157, .18) 0%, rgba(4, 20, 48, .05) 65%);
    }

    body#index .education-design-2026 .education-panel__header.motion-item,
    body#index .education-design-2026 .education-panel__title-line.motion-item,
    body#index .education-design-2026 .education-panel__grid.motion-item,
    body#index .education-design-2026 .education-card.motion-item {
      transition:
              transform 1300ms cubic-bezier(.16, 1, .3, 1),
              opacity 1300ms cubic-bezier(.16, 1, .3, 1),
              filter 900ms ease-out;
      will-change: transform, opacity, filter;
    }

    body#index .education-design-2026 .education-design-motion-title,
    body#index .education-design-2026.is-leaving .education-design-motion-title {
      opacity: 0;
      transform: translate3d(-82px, 0, 0);
      filter: blur(4px);
    }

    body#index .education-design-2026 .education-design-motion-grid,
    body#index .education-design-2026.is-leaving .education-design-motion-grid {
      opacity: 0;
      transform: translate3d(0, 28px, 0);
      filter: blur(3px);
    }

    body#index .education-design-2026 .education-design-motion-left,
    body#index .education-design-2026.is-leaving .education-design-motion-left {
      opacity: 0;
      transform: translate3d(-130px, 0, 0) scale(.955);
      filter: blur(5px);
    }

    body#index .education-design-2026 .education-design-motion-center,
    body#index .education-design-2026.is-leaving .education-design-motion-center {
      opacity: 0;
      transform: translate3d(0, 88px, 0) scale(.955);
      filter: blur(5px);
    }

    body#index .education-design-2026 .education-design-motion-right,
    body#index .education-design-2026.is-leaving .education-design-motion-right {
      opacity: 0;
      transform: translate3d(130px, 0, 0) scale(.955);
      filter: blur(5px);
    }

    body#index .education-design-2026.is-active .education-design-motion-title,
    body#index .education-design-2026.is-active .education-design-motion-grid,
    body#index .education-design-2026.is-active .education-design-motion-left,
    body#index .education-design-2026.is-active .education-design-motion-center,
    body#index .education-design-2026.is-active .education-design-motion-right {
      opacity: 1;
      transform: translate3d(0, 0, 0) scale(1);
      filter: blur(0);
    }

    #page-track [data-name="国际化标准"] [data-name="直线 18"],
    #page-track [data-name="行业服务"] [data-name="直线 18"],
    #page-track [data-name="友情链接"] [data-name="直线 18"],
    #page-track [data-name="方向专栏"] [data-name="直线 18"],
    #page-track [data-name="行业服务"] [data-name="直线 34"],
    .public-welfare-panel__rule {
      display: none !important;
    }
    #page-track [data-name="国际化标准"] [data-node-id="54:3617"] {
      top: 196px !important;
    }
    #page-track [data-name="国际化标准"] [data-node-id="5:12170"],
    #page-track [data-name="友情链接"] [data-node-id="5:14993"] {
      top: 100px !important;
    }
    #page-track [data-name="行业服务"] [data-node-id="54:00747"] {
      top: 100px !important;
      width: 240px !important;
    }
    #page-track [data-name="行业服务"] [data-node-id="54:00747"] span {
      color: #ffffff !important;
      text-shadow: 0 10px 24px rgba(5, 24, 72, 0.28);
    }
    #page-track [data-name="行业服务"] [data-node-id="54:00747"] [data-name="标题装饰线"] {
      background: linear-gradient(90deg, #ffffff 0%, rgba(255,255,255,0.48) 52%, rgba(255,255,255,0) 100%) !important;
    }
    #page-track [data-name="行业服务"] [data-node-id="54:06557"] {
      top: 196px !important;
    }
    .public-welfare-panel__header {
      top: 72px !important;
    }
    .public-welfare-tabs {
      top: 166px !important;
    }
    .public-welfare-stage {
      top: 246px !important;
    }
    #page-track [data-name="友情链接"] [data-node-id="28:9573"] {
      top: 210px !important;
    }
    #page-track [data-name="友情链接"] [data-node-id="28:9573"] .links-hover-tile {
      border-radius: 6px;
    }
    .home-links-contact {
      position: absolute;
      left: 0;
      right: 0;
      top: 536px;
      z-index: 7;
      display: grid;
      grid-template-columns: 360px 320px 300px 1fr;
      align-items: center;
      box-sizing: border-box;
      width: 1440px;
      min-height: 182px;
      padding: 30px 70px 34px;
      background: linear-gradient(180deg, rgba(255,255,255,0.22) 0%, rgba(241,248,255,0.28) 100%);
      border-top: 1px solid rgba(219, 230, 245, 0.42);
      box-shadow: none;
    }
    .home-links-contact::before {
      content: "";
      position: absolute;
      left: 24px;
      bottom: 0;
      width: 160px;
      height: 122px;
      pointer-events: none;
      background:
              linear-gradient(90deg, rgba(58, 132, 255, 0.12), rgba(58, 132, 255, 0)),
              linear-gradient(180deg, rgba(58, 132, 255, 0.08), rgba(58, 132, 255, 0));
      clip-path: polygon(0 100%, 0 32%, 26% 18%, 26% 100%, 44% 100%, 44% 0, 78% 18%, 78% 100%);
      opacity: 0.36;
    }
    .home-links-contact__heading,
    .home-links-contact__item,
    .home-links-contact__qr {
      min-width: 0;
      position: relative;
    }
    .home-links-contact__heading {
      display: flex;
      flex-direction: column;
      justify-content: center;
      gap: 8px;
      height: 100%;
      padding: 0 34px 0 66px;
      border-right: 1px solid #e1e9f4;
    }
    .home-links-contact__heading span {
      color: #3373ff;
      font-size: 16px;
      font-weight: 700;
      line-height: 22px;
      letter-spacing: 0;
    }
    .home-links-contact__heading strong {
      color: #071b44;
      font-size: 34px;
      font-weight: 700;
      line-height: 1.2;
    }
    .home-links-contact__heading em {
      color: #6f7f95;
      font-size: 15px;
      font-style: normal;
      line-height: 22px;
    }
    .home-links-contact__item {
      display: flex;
      align-items: center;
      gap: 16px;
      min-height: 76px;
      padding: 0 28px;
      border-right: 1px solid #e1e9f4;
    }
    .home-links-contact__item p {
      margin: 0;
      min-width: 0;
    }
    .home-links-contact__icon {
      flex: none;
      width: 50px;
      height: 50px;
      border-radius: 50%;
      background:
              url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 24 24' fill='none' stroke='%233373ff' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 10c0 5-8 12-8 12S4 15 4 10a8 8 0 1 1 16 0Z'/%3E%3Ccircle cx='12' cy='10' r='3'/%3E%3C/svg%3E") center / 27px 27px no-repeat,
              #ffffff;
      box-shadow: 0 10px 22px rgba(51, 115, 255, 0.16);
    }
    .home-links-contact__icon--mail {
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 24 24' fill='none' stroke='%233373ff' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect width='20' height='16' x='2' y='4' rx='2'/%3E%3Cpath d='m22 7-10 6L2 7'/%3E%3C/svg%3E");
    }
    .home-links-contact__icon--phone {
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 24 24' fill='none' stroke='%233373ff' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6A19.79 19.79 0 0 1 2.12 4.18 2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72c.12.9.33 1.77.62 2.61a2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.47-1.19a2 2 0 0 1 2.11-.45c.84.29 1.71.5 2.61.62A2 2 0 0 1 22 16.92Z'/%3E%3C/svg%3E");
    }
    .home-links-contact__label {
      display: block;
      color: #1b2440;
      font-size: 16px;
      font-weight: 600;
      line-height: 22px;
    }
    .home-links-contact__item strong {
      display: block;
      margin-top: 6px;
      color: #1f2d47;
      font-size: 15px;
      font-weight: 700;
      line-height: 1.45;
      letter-spacing: 0;
    }
    .home-links-contact__item a {
      color: inherit;
      text-decoration: none;
    }
    .home-links-contact__item a:hover {
      color: #0d65e8;
    }
    .home-links-contact__qr {
      display: grid;
      grid-template-columns: 94px minmax(0, 1fr);
      gap: 16px;
      align-items: center;
      min-height: 118px;
      margin-left: 26px;
      padding: 14px 18px;
      background: rgba(255, 255, 255, 0.88);
      box-shadow: 0 18px 38px rgba(35, 91, 172, 0.08);
    }
    .home-links-contact__qr img {
      display: block;
      width: 94px;
      height: 94px;
      object-fit: contain;
      background: #ffffff;
      padding: 6px;
      border: 1px solid #e5eaf2;
    }
    .home-links-contact__qr p {
      margin: 0;
      display: flex;
      flex-direction: column;
      gap: 4px;
      min-width: 118px;
    }
    .home-links-contact__qr strong {
      color: #1b2440;
      font-size: 17px;
      font-weight: 700;
      line-height: 1.35;
      white-space: nowrap;
    }
    .home-links-contact__qr span {
      color: #6b7280;
      font-size: 13px;
      line-height: 1.4;
      white-space: nowrap;
    }

    body#index .links-design-2026 {
      position: relative;
      overflow: hidden;
      background: transparent !important;
    }

    body#index .links-design-2026::before {
      content: "";
      position: absolute;
      inset: 0;
      z-index: 0;
      background: image-set(url("../images/home-links8-bg.webp?v=20260625-webp500k1") type("image/webp"), url("../images/home-links8-bg.png") type("image/png")) center / cover no-repeat;
      pointer-events: none;
    }

    body#index .links-design-2026 > .panel-design-canvas {
      z-index: 1;
      transform: translate(-50%, -50%) scale(var(--design-contain-scale, var(--design-scale, 1))) !important;
    }

    body#index .links-design-stage,
    body#index .links-design-stage * {
      box-sizing: border-box;
    }

    body#index .links-design-stage {
      position: absolute;
      left: 0;
      top: 0;
      width: 1920px;
      height: 1080px;
      overflow: hidden;
      transform: scale(.75);
      transform-origin: left top;
      background: transparent;
      font-family: "Alibaba PuHuiTi 2.0", "PingFang SC", "Microsoft YaHei", sans-serif;
    }

    body#index .links-design-title {
      position: absolute;
      left: 107px;
      top: 91.5px;
      height: 75px;
      margin: 0;
      color: #0b265d;
      font-family: "Alimama ShuHeiTi Bold", "Alimama ShuHeiTi", "PingFang SC", sans-serif;
      font-size: 50px;
      font-weight: 700;
      line-height: 75px;
      letter-spacing: 0;
    }

    body#index .links-design-title-line {
      position: absolute;
      left: 107px;
      top: 171px;
      width: 60px;
      height: 8px;
    }

    body#index .links-design-title-line b {
      display: block;
      width: 60px;
      height: 8px;
      border-radius: 7px;
      background: linear-gradient(270deg, #76bffd 0%, #115df3 100%);
    }

    body#index .links-design-subtitle {
      position: absolute;
      left: 177px;
      top: 164px;
      margin: 0;
      color: #3a4460;
      font-family: PingFangSC-Regular, "PingFang SC", sans-serif;
      font-size: 16px;
      font-weight: 400;
      line-height: 22px;
      letter-spacing: 0;
      white-space: nowrap;
    }

    body#index .links-design-grid {
      position: absolute;
      left: 107px;
      top: 234px;
      z-index: 2;
      display: grid;
      grid-template-columns: repeat(3, 558px);
      grid-auto-rows: 164px;
      gap: 31px 27px;
      width: 1728px;
    }

    body#index .links-design-card {
      display: block;
      width: 558px;
      height: 164px;
      border-radius: 18px;
      overflow: hidden;
      transition: transform .28s ease, filter .28s ease;
    }

    body#index .links-design-card--4 {
      grid-column: 1;
      grid-row: 2;
    }

    body#index .links-design-card--5 {
      grid-column: 2;
      grid-row: 2;
    }

    body#index .links-design-card img {
      display: block;
      width: 100%;
      height: 100%;
      object-fit: cover;
    }

    body#index .links-design-card:hover {
      transform: translateY(-4px);
      filter: saturate(1.04) contrast(1.03);
    }

    body#index .links-design-contact {
      position: absolute;
      left: 57px;
      top: 670px;
      z-index: 2;
      width: 1837px;
      height: 290px;
      color: #0b265d;
    }

    body#index .links-design-contact__bg {
      position: absolute;
      left: 0;
      top: 0;
      width: 1837px;
      height: 290px;
      object-fit: fill;
      pointer-events: none;
    }

    body#index .links-design-contact__intro {
      position: absolute;
      left: 81px;
      top: 33px;
      width: 330px;
      transform: translate(62px, 8px);
    }

    body#index .links-design-contact__intro span {
      display: block;
      color: #2f70fe;
      font-size: 20px;
      font-weight: 500;
      line-height: 30px;
    }

    body#index .links-design-contact__intro strong {
      display: block;
      margin-top: 9px;
      color: #0b265d;
      font-size: 50px;
      font-weight: 700;
      line-height: 75px;
    }

    body#index .links-design-contact__intro p {
      margin: -2px 0 0;
      color: #3f4c70;
      font-size: 20px;
      font-weight: 400;
      line-height: 30px;
    }

    body#index .links-design-contact__item {
      position: absolute;
      top: 80px;
      min-width: 330px;
      color: #0b265d;
      transform: translate(62px, 8px);
    }

    body#index .links-design-contact__item--address {
      left: 491px;
    }

    body#index .links-design-contact__item--mail {
      left: 945px;
    }

    body#index .links-design-contact__item img {
      position: absolute;
      left: -104px;
      top: -19px;
      width: 84px;
      height: 84px;
      object-fit: contain;
    }

    body#index .links-design-contact__item strong {
      display: block;
      color: #0b265d;
      font-size: 21px;
      font-weight: 700;
      line-height: 31.5px;
      letter-spacing: 0;
    }

    body#index .links-design-contact__item p {
      margin: 5px 0 0;
      color: #3f4c70;
      font-size: 20px;
      font-weight: 400;
      line-height: 30px;
      white-space: nowrap;
    }

    body#index .links-design-qr {
      position: absolute;
      left: 1352px;
      top: 48px;
      width: 280px;
      height: 160px;
      transform: translate(62px, 8px);
    }

    body#index .links-design-qr strong {
      position: absolute;
      left: 180px;
      top: 32px;
      display: block;
      color: #0b265d;
      font-size: 23px;
      font-weight: 700;
      line-height: 34.5px;
      white-space: nowrap;
    }

    body#index .links-design-qr img {
      position: absolute;
      left: 0;
      top: 0;
      width: 150px;
      height: 150px;
      border-radius: 4px;
      object-fit: contain;
      background: #fff;
    }

    body#index .links-design-qr p {
      position: absolute;
      left: 178px;
      top: 80px;
      margin: 0;
      color: #3f4c70;
      font-size: 20px;
      font-weight: 400;
      line-height: 24px;
      white-space: nowrap;
    }

    body#index .links-design-footer {
      position: absolute;
      left: 0;
      bottom: 0;
      z-index: 6;
      display: flex;
      align-items: center;
      justify-content: center;
      gap: clamp(40px, 5vw, 88px);
      box-sizing: border-box;
      width: 100vw;
      min-width: 100vw;
      height: 48px;
      padding: 0 40px;
      background: #10213d;
      color: rgba(255, 255, 255, .78);
      font-family: "Alibaba PuHuiTi 2.0", "PingFang SC", sans-serif;
      font-size: 14px;
      font-weight: 400;
      line-height: 24px;
      letter-spacing: 0;
      transform: none;
    }

    body#index .links-design-footer span,
    body#index .links-design-footer a {
      position: static;
      flex: 0 0 auto;
      color: rgba(255, 255, 255, .78);
      text-decoration: none;
      white-space: nowrap;
    }

    body#index .links-design-footer__copyright {
      text-align: right;
    }

    body#index .links-design-footer__icp {
      display: inline-flex;
      align-items: center;
      gap: 8px;
    }

    body#index .links-design-footer__icp img {
      width: 18px;
      height: 18px;
      object-fit: contain;
    }

    body#index .links-design-footer__home {
      text-align: left;
    }

    body#index .links-design-2026 .links-design-title.motion-item,
    body#index .links-design-2026 .links-design-title-line.motion-item,
    body#index .links-design-2026 .links-design-subtitle.motion-item,
    body#index .links-design-2026 .links-design-card.motion-item,
    body#index .links-design-2026 .links-design-contact.motion-item,
    body#index .links-design-footer.motion-item {
      transition:
              transform 1250ms cubic-bezier(.16, 1, .3, 1),
              opacity 1250ms cubic-bezier(.16, 1, .3, 1),
              filter 860ms ease-out;
      will-change: transform, opacity, filter;
    }

    body#index .links-design-2026 .links-design-motion-title,
    body#index .links-design-2026.is-leaving .links-design-motion-title {
      opacity: 0;
      transform: translate3d(-72px, 0, 0);
      filter: blur(4px);
    }

    body#index .links-design-2026 .links-design-motion-card-left,
    body#index .links-design-2026.is-leaving .links-design-motion-card-left {
      opacity: 0;
      transform: translate3d(-116px, 0, 0) scale(.965);
      filter: blur(4px);
    }

    body#index .links-design-2026 .links-design-motion-card-center,
    body#index .links-design-2026.is-leaving .links-design-motion-card-center {
      opacity: 0;
      transform: translate3d(0, 72px, 0) scale(.965);
      filter: blur(4px);
    }

    body#index .links-design-2026 .links-design-motion-card-right,
    body#index .links-design-2026.is-leaving .links-design-motion-card-right {
      opacity: 0;
      transform: translate3d(116px, 0, 0) scale(.965);
      filter: blur(4px);
    }

    body#index .links-design-2026 .links-design-motion-contact,
    body#index .links-design-2026.is-leaving .links-design-motion-contact {
      opacity: 0;
      transform: translate3d(0, 92px, 0);
      filter: blur(4px);
    }

    body#index .links-design-2026 .links-design-motion-footer,
    body#index .links-design-2026.is-leaving .links-design-motion-footer {
      opacity: 0;
      transform: translate3d(0, 48px, 0);
      filter: blur(2px);
    }

    body#index .links-design-2026.is-active .links-design-motion-title,
    body#index .links-design-2026.is-active .links-design-motion-card-left,
    body#index .links-design-2026.is-active .links-design-motion-card-center,
    body#index .links-design-2026.is-active .links-design-motion-card-right,
    body#index .links-design-2026.is-active .links-design-motion-contact,
    body#index .links-design-2026.is-active .links-design-motion-footer {
      opacity: 1;
      transform: translate3d(0, 0, 0) scale(1);
      filter: blur(0);
    }

    body#index .links-design-2026.is-active .links-design-card:hover {
      transform: translate3d(0, -8px, 0) scale(1.018);
      filter: saturate(1.08) contrast(1.04);
      box-shadow: 0 18px 36px rgba(30, 91, 178, .16);
    }

    body#index .links-design-2026 .links-design-card img {
      transition: transform 360ms cubic-bezier(.22, 1, .36, 1), filter 260ms ease;
    }

    body#index .links-design-2026.is-active .links-design-card:hover img {
      transform: scale(1.035);
      filter: brightness(1.03);
    }
    body#index .home-news-panel.news-panel-enhanced {
      position: relative;
      width: 1440px;
      height: 810px;
      overflow: hidden;
      background: #eaf5ff;
      color: #0a2a64;
      font-family: "Source Han Sans SC", "Source Han Sans", "Microsoft YaHei", sans-serif;
    }
    body#index .home-news-panel.news-panel-enhanced::before {
      content: "";
      position: absolute;
      inset: 0;
      z-index: 0;
      background: image-set(url("../images/home-news-2026-bg.webp?v=20260625-webp500k1") type("image/webp"), url("../images/home-news-2026-bg.png") type("image/png")) center / cover no-repeat;
      pointer-events: none;
    }
    body#index .home-news-panel.news-panel-enhanced > .panel-design-canvas {
      z-index: 1;
      transform: translate(-50%, -50%) scale(var(--design-contain-scale, var(--design-scale, 1))) !important;
    }
    body#index .home-news-panel.news-panel-enhanced * {
      box-sizing: border-box;
      font-family: inherit;
      letter-spacing: 0;
    }
    body#index .home-news-panel .home-news-bg {
      display: none;
    }
    body#index .home-news-panel .home-news-inner {
      position: relative;
      z-index: 2;
      width: 1253px;
      margin: 0 auto;
      padding-top: 80px;
    }
    body#index .home-news-panel .home-news-header {
      display: flex;
      align-items: flex-start;
      justify-content: space-between;
    }
    body#index .home-news-panel .home-news-header h2 {
      position: relative;
      margin: 0;
      color: #071f55;
      font-size: 46px;
      font-weight: 900;
      line-height: 1.08;
      text-shadow: none;
    }
    body#index .home-news-panel .home-news-header h2::after {
      content: "";
      display: block;
      width: 142px;
      height: 7px;
      margin-top: 15px;
      background: image-set(url("../images/home-news-title-line-2026.webp") type("image/webp"), url("../images/home-news-title-line-2026.png") type("image/png")) left center / contain no-repeat;
    }
    body#index .home-news-panel .home-news-tabs {
      position: relative;
      display: flex;
      width: 100%;
      height: 48px;
      margin-top: 11px;
      gap: 0;
      align-items: stretch;
      border: 0;
      background: transparent;
      box-shadow: none;
      overflow: visible;
    }
    body#index .home-news-panel .home-news-tabs::before {
      content: "";
      position: absolute;
      left: 0;
      top: 0;
      width: 465px;
      height: 48px;
      border-radius: 8px 8px 0 0;
      background: rgba(255, 255, 255, 0.92);
      box-shadow: 0 12px 26px rgba(57, 127, 218, 0.08);
    }
    body#index .home-news-panel .home-news-tabs::after {
      content: "";
      position: absolute;
      left: 0;
      right: 0;
      bottom: -1px;
      height: 1px;
      background: rgba(255, 255, 255, 0.92);
      box-shadow: 0 1px 0 rgba(72, 139, 235, 0.1);
    }
    body#index .home-news-panel .home-news-tabs a,
    body#index .home-news-panel .home-news-tabs span {
      position: relative;
      z-index: 1;
      display: inline-flex;
      width: 155px;
      height: 48px;
      align-items: center;
      justify-content: center;
      color: #1b3361;
      font-size: 17px;
      font-weight: 700;
      line-height: 1;
      text-decoration: none;
      transition: color 220ms ease, transform 220ms ease;
    }
    body#index .home-news-panel .home-news-tabs a:hover,
    body#index .home-news-panel .home-news-tabs a.is-current {
      color: #075cf6;
      transform: none;
    }
    body#index .home-news-panel .home-news-tabs a::after,
    body#index .home-news-panel .home-news-tabs span::after {
      content: "";
      position: absolute;
      left: 32px;
      right: 32px;
      bottom: -1px;
      height: 3px;
      z-index: 2;
      background: #166cff;
      border-radius: 999px;
      box-shadow: 0 3px 14px rgba(22, 108, 255, 0.32);
      opacity: 0;
      transform: scaleX(0.24);
      transition: opacity 220ms ease, transform 220ms ease;
    }
    body#index .home-news-panel .home-news-tabs a:hover::after,
    body#index .home-news-panel .home-news-tabs a.is-current::after {
      opacity: 1;
      transform: scaleX(1);
    }
    body#index .home-news-panel .home-news-tabs span.is-disabled::after,
    body#index .home-news-panel .home-news-tabs .home-news-more::after {
      display: none;
    }
    body#index .home-news-panel .home-news-tabs .home-news-more {
      position: relative;
      z-index: 1;
      margin-left: auto;
      top: 0;
      width: auto;
      height: 48px;
      justify-content: flex-end;
      color: #0568ff;
      font-size: 17px;
      font-weight: 700;
      white-space: nowrap;
    }
    body#index .home-news-panel .home-news-more span {
      display: inline-block;
      width: 24px;
      height: 24px;
      margin-left: 8px;
      color: transparent;
      background: image-set(url("../images/home-news-arrow-2026.webp") type("image/webp"), url("../images/home-news-arrow-2026.png") type("image/png")) center / contain no-repeat;
      vertical-align: -6px;
    }
    body#index .home-news-panel .home-news-content {
      display: grid;
      grid-template-columns: 894px 373px;
      gap: 16px;
      margin-top: 29px;
    }
    body#index .home-news-panel .home-news-feature-grid {
      display: grid;
      grid-template-columns: repeat(2, 439px);
      gap: 16px;
    }
    body#index .home-news-panel .home-news-feature,
    body#index .home-news-panel .home-news-rail-card {
      position: relative;
      overflow: hidden;
      border: 1px solid rgba(126, 173, 245, 0.58);
      border-radius: 16px;
      background: rgba(239, 247, 255, 0.86);
      box-shadow:
        0 18px 34px rgba(37, 112, 228, 0.26),
        0 6px 14px rgba(255, 255, 255, 0.72) inset,
        0 0 0 1px rgba(255, 255, 255, 0.58) inset;
      backdrop-filter: blur(4px);
      cursor: pointer;
      transition: transform 260ms ease, border-color 260ms ease, background 260ms ease, box-shadow 260ms ease;
    }
    body#index .home-news-panel .home-news-feature:hover,
    body#index .home-news-panel .home-news-rail-card:hover {
      border-color: rgba(75, 136, 255, 0.78);
      background: rgba(244, 249, 255, 0.94);
      box-shadow:
        0 24px 44px rgba(37, 112, 228, 0.34),
        0 8px 18px rgba(255, 255, 255, 0.76) inset,
        0 0 0 1px rgba(255, 255, 255, 0.72) inset;
      transform: translateY(-3px);
    }
    body#index .home-news-panel .home-news-feature {
      min-height: 511px;
    }
    body#index .home-news-panel .home-news-feature__media {
      height: 315px;
      border-radius: 16px 16px 0 0;
      overflow: hidden;
      box-shadow: 0 10px 20px rgba(35, 105, 215, 0.18);
    }
    body#index .home-news-panel .home-news-feature__media img,
    body#index .home-news-panel .home-news-rail-card img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      object-position: center center;
      transition: transform 520ms cubic-bezier(0.22, 1, 0.36, 1), filter 280ms ease;
    }
    body#index .home-news-panel .home-news-feature:hover .home-news-feature__media img,
    body#index .home-news-panel .home-news-rail-card:hover img {
      transform: scale(1.045);
      filter: saturate(1.06);
    }
    body#index .home-news-panel .home-news-feature__body {
      position: relative;
      min-height: 196px;
      padding: 0 16px 20px 80px;
      background: rgba(239, 247, 255, 0.9);
    }
    body#index .home-news-panel .home-news-date {
      display: flex;
      position: absolute;
      left: 0;
      top: 0;
      width: 72px;
      height: 96px;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      gap: 3px;
      color: #fff;
      border-radius: 0 0 14px 14px;
      background: linear-gradient(180deg, #1979ff 0%, #0057eb 100%);
      box-shadow: 0 9px 18px rgba(18, 101, 247, 0.28);
    }
    body#index .home-news-panel .home-news-date strong {
      font-size: 34px;
      font-weight: 500;
      line-height: 0.92;
    }
    body#index .home-news-panel .home-news-date span {
      padding: 0;
      font-size: 18px;
      font-weight: 500;
      line-height: 1;
    }
    body#index .home-news-panel .home-news-date em {
      margin: 0;
      padding: 0;
      color: #fff;
      font-size: 17px;
      font-weight: 500;
      line-height: 1;
    }
    body#index .home-news-panel .home-news-feature h3 {
      display: -webkit-box;
      overflow: hidden;
      -webkit-box-orient: vertical;
      min-height: 54px;
      margin: 18px 0 0;
      color: #002783;
      font-size: 17px;
      font-weight: 800;
      line-height: 1.55;
      -webkit-line-clamp: 2;
    }
    body#index .home-news-panel .home-news-feature p {
      display: -webkit-box;
      overflow: hidden;
      -webkit-box-orient: vertical;
      margin: 14px 0 0;
      color: rgba(35, 45, 63, 0.72);
      font-size: 14px;
      line-height: 1.9;
      -webkit-line-clamp: 2;
    }
    body#index .home-news-panel .home-news-feature::after {
      content: "";
      position: absolute;
      right: 15px;
      bottom: 21px;
      width: 41px;
      height: 41px;
      background: image-set(url("../images/home-news-next-2026.webp") type("image/webp"), url("../images/home-news-next-2026.png") type("image/png")) center / contain no-repeat;
      transition: transform 220ms ease;
    }
    body#index .home-news-panel .home-news-feature:hover::after {
      transform: translateX(3px);
    }
    body#index .home-news-panel .home-news-rail {
      display: grid;
      gap: 9px;
    }
    body#index .home-news-panel .home-news-rail-card {
      display: grid;
      grid-template-columns: 137px minmax(0, 1fr);
      min-height: 165px;
      padding: 15px;
    }
    body#index .home-news-panel .home-news-rail-card img {
      width: 137px;
      height: 121px;
      align-self: start;
      border-radius: 8px;
    }
    body#index .home-news-panel .home-news-rail-card__body {
      display: flex;
      min-width: 0;
      flex-direction: column;
      justify-content: space-between;
      padding: 8px 0 6px 14px;
      background: transparent;
    }
    body#index .home-news-panel .home-news-rail-card h3 {
      display: -webkit-box;
      overflow: hidden;
      -webkit-box-orient: vertical;
      margin: 0;
      color: #002783;
      font-size: 17px;
      font-weight: 800;
      line-height: 1.52;
      -webkit-line-clamp: 2;
    }
    body#index .home-news-panel .home-news-rail-card__meta {
      display: flex;
      align-items: center;
      justify-content: space-between;
      color: rgba(42, 55, 76, 0.58);
      font-size: 14px;
    }
    body#index .home-news-panel .home-news-rail-card__meta i {
      width: 24px;
      height: 24px;
      color: transparent;
      background: image-set(url("../images/home-news-arrow-2026.webp") type("image/webp"), url("../images/home-news-arrow-2026.png") type("image/png")) center / contain no-repeat;
    }
    img[data-node-id="5:19296"] {
      opacity: 0.45 !important;
    }
    img[data-node-id="5:16940"] {
      object-fit: contain !important;
      image-rendering: auto;
      filter: contrast(1.06) saturate(1.03);
    }
    body#index .home-news-panel.news-panel-design-2026 {
      position: relative;
      width: 1440px;
      height: 810px;
      overflow: hidden;
      background: #fff;
      font-family: PingFangSC-Regular, "Microsoft YaHei", sans-serif;
    }
    body#index .home-news-panel.news-panel-design-2026::before {
      content: "";
      position: absolute;
      inset: 0;
      z-index: 0;
      display: block;
      background: image-set(url("../images/home-news-design-bg.webp?v=20260625-webp500k1") type("image/webp"), url("../images/home-news-design-bg.png") type("image/png")) center / cover no-repeat;
      pointer-events: none;
    }
    body#index .home-news-panel.news-panel-design-2026::after {
      content: "";
      position: absolute;
      inset: 0;
      z-index: 0;
      display: block;
      background: url("../images/home-news-party-bg-20260708.webp") center / cover no-repeat;
      opacity: 0;
      transition: opacity 360ms ease;
      pointer-events: none;
    }
    body#index .home-news-panel.news-panel-design-2026.is-party-topic-mode::after {
      opacity: 1;
    }
    body#index .home-news-panel.news-panel-design-2026 * {
      box-sizing: border-box;
      letter-spacing: 0;
    }
    body#index .home-news-design-stage {
      position: absolute;
      left: 0;
      top: 0;
      z-index: 1;
      width: 1920px;
      height: 1080px;
      overflow: hidden;
      transform: scale(.75);
      transform-origin: left top;
    }
    body#index .home-news-design-bg {
      display: none;
    }
    body#index .home-news-design-title {
      position: absolute;
      left: 107px;
      top: 91.5px;
      margin: 0;
      color: #0b265d;
      font-family: "Alimama ShuHeiTi", "Microsoft YaHei", sans-serif;
      font-size: 50px;
      font-weight: 700;
      line-height: 75px;
      letter-spacing: 0;
      white-space: nowrap;
      transition: color 260ms ease;
    }
    body#index .home-news-design-title-line {
      position: absolute;
      left: 107px;
      top: 168px;
      width: 192px;
      height: 8px;
    }
    body#index .home-news-design-title-line::before,
    body#index .home-news-design-title-line::after {
      display: none;
    }
    body#index .home-news-design-title-line .music_0_1639 {
      position: absolute;
      left: 104px;
      top: 2px;
      width: 67px;
      height: 4px;
      background: linear-gradient(270deg, rgba(177, 206, 252, 0) 0%, #b8d1fb 98.34%);
    }
    body#index .home-news-design-title-line .music_0_1640 {
      position: absolute;
      left: 0;
      top: 0;
      width: 106px;
      height: 8px;
      border-radius: 7px;
      background: linear-gradient(270deg, #76bffd 0%, #115df3 100%);
    }
    body#index .home-news-design-title-line .music_0_1641,
    body#index .home-news-design-title-line .music_0_1642 {
      position: absolute;
      top: 1px;
      width: 8px;
      height: 5px;
      border-radius: 7px;
      background: linear-gradient(270deg, rgba(118, 191, 253, 0.43) 0%, rgba(17, 93, 243, 0.43) 100%);
    }
    body#index .home-news-design-title-line .music_0_1641 {
      left: 173px;
    }
    body#index .home-news-design-title-line .music_0_1642 {
      left: 184px;
    }
    body#index .home-news-design-tabs {
      position: absolute;
      left: 108px;
      top: 190px;
      width: 1661px;
      height: 61px;
      display: flex;
      align-items: flex-start;
      padding-left: 0;
    }
    body#index .home-news-design-tabs::before {
      content: "";
      position: absolute;
      left: 0;
      top: 0;
      width: 580px;
      height: 59px;
      border-radius: 14px 14px 0 0;
      background: linear-gradient(180deg, rgba(255,255,255,.89) 0%, rgba(241,246,252,.89) 100%);
    }
    body#index .home-news-design-tabs::after {
      content: "";
      position: absolute;
      left: 0;
      top: 59px;
      width: 1661px;
      height: 2px;
      background: linear-gradient(90.07deg, rgba(255,255,255,.89) 0%, rgba(241,246,252,.09) 100%);
    }
    body#index .home-news-design-tabs a,
    body#index .home-news-design-tabs span,
    body#index .home-news-design-tabs button {
      position: relative;
      z-index: 1;
      width: 184px;
      height: 59px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      color: #45557d;
      font-family: PingFangSC-Medium, "Microsoft YaHei", sans-serif;
      font-size: 22px;
      font-weight: 400;
      line-height: 31px;
      letter-spacing: 0;
      text-decoration: none;
      white-space: nowrap;
      border: 0;
      padding: 0;
      background: transparent;
      cursor: pointer;
      transition: color 220ms ease, transform 220ms ease;
    }
    body#index .home-news-design-tabs button:hover {
      transform: translateY(-1px);
    }
    body#index .home-news-design-tabs .is-current {
      color: #0a35ea;
    }
    body#index .home-news-design-tabs .is-current::after {
      display: none;
    }
    body#index .home-news-panel.is-party-topic-mode .home-news-design-title {
      color: #a90d0d;
    }
    body#index .home-news-panel.is-party-topic-mode .home-news-design-title-line .music_0_1639 {
      background: linear-gradient(270deg, rgba(219, 53, 42, 0) 0%, rgba(220, 47, 38, 0.26) 98.34%);
    }
    body#index .home-news-panel.is-party-topic-mode .home-news-design-title-line .music_0_1640,
    body#index .home-news-panel.is-party-topic-mode .home-news-design-title-line .music_0_1641,
    body#index .home-news-panel.is-party-topic-mode .home-news-design-title-line .music_0_1642 {
      background: linear-gradient(270deg, #e33a32 0%, #c70f12 100%);
    }
    body#index .home-news-panel.is-party-topic-mode .home-news-design-tabs::before {
      width: 640px;
      background: rgba(255, 255, 255, 0.82);
      box-shadow: 0 12px 34px rgba(191, 25, 20, 0.08);
    }
    body#index .home-news-panel.is-party-topic-mode .home-news-design-tabs::after {
      background: linear-gradient(90deg, rgba(232, 52, 42, 0.18) 0%, rgba(232, 52, 42, 0.02) 100%);
    }
    body#index .home-news-panel.is-party-topic-mode .home-news-design-tabs button {
      color: #3b3030;
    }
    body#index .home-news-panel.is-party-topic-mode .home-news-design-tabs .is-current {
      color: #d71016;
      font-weight: 700;
    }
    body#index .home-news-panel.is-party-topic-mode .home-news-design-tabs .is-current::after {
      content: "";
      display: block;
      position: absolute;
      left: 50%;
      bottom: -2px;
      width: 112px;
      height: 4px;
      border-radius: 999px;
      background: linear-gradient(90deg, rgba(215, 16, 22, 0) 0%, #d71016 22%, #ff5a4f 76%, rgba(255, 90, 79, 0) 100%);
      transform: translateX(-50%);
    }
    body#index .home-news-design-tab-line {
      position: absolute;
      left: 1px;
      top: 57px;
      width: 210px;
      height: 4px;
      object-fit: contain;
      z-index: 2;
      pointer-events: none;
      transition: transform 260ms cubic-bezier(.22, 1, .36, 1), opacity 220ms ease;
    }
    body#index .home-news-panel.is-party-topic-mode .home-news-design-tab-line {
      display: none;
    }
    body#index .home-news-design-more {
      position: absolute;
      left: 1635px;
      top: 206px;
      display: inline-flex;
      align-items: center;
      gap: 12px;
      color: #0055ff;
      font-family: PingFangSC-Medium, "Microsoft YaHei", sans-serif;
      font-size: 20px;
      font-weight: 400;
      line-height: 28px;
      letter-spacing: 0;
      text-decoration: none;
      white-space: nowrap;
      transition: color 260ms ease, opacity 220ms ease, transform 220ms ease;
    }
    body#index .home-news-panel.is-party-topic-mode .home-news-design-more {
      color: #d71016;
      font-weight: 700;
    }
    body#index .home-news-panel.is-party-topic-mode .home-news-design-more span,
    body#index .home-news-panel.is-party-topic-mode .home-news-design-arrow {
      filter: hue-rotate(126deg) saturate(1.8) brightness(0.86);
    }
    body#index .home-news-design-more span,
    body#index .home-news-design-arrow {
      display: block;
      width: 24px;
      height: 24px;
      background: image-set(url("../images/home-news-design-arrow.webp") type("image/webp"), url("../images/home-news-design-arrow.png") type("image/png")) center / contain no-repeat;
    }
    body#index .home-news-design-feature,
    body#index .home-news-design-rail {
      position: absolute;
      margin: 0;
      cursor: pointer;
    }
    body#index .home-news-design-features,
    body#index .home-news-design-rails {
      transform-origin: center;
    }
    body#index .news-panel-design-2026.is-news-tab-leaving .home-news-design-features {
      opacity: 0;
      transform: translate3d(-30px, 18px, 0) scale(.985);
      filter: blur(5px);
      transition: opacity 180ms ease, transform 180ms ease, filter 180ms ease;
    }
    body#index .news-panel-design-2026.is-news-tab-leaving .home-news-design-rails {
      opacity: 0;
      transform: translate3d(34px, 8px, 0) scale(.985);
      filter: blur(5px);
      transition: opacity 180ms ease, transform 180ms ease, filter 180ms ease;
    }
    body#index .news-panel-design-2026.is-news-tab-entering .home-news-design-feature,
    body#index .news-panel-design-2026.is-news-tab-entering .home-news-design-rail,
    body#index .news-panel-design-2026.is-news-tab-entering .home-news-media-card,
    body#index .news-panel-design-2026.is-news-tab-entering .home-news-party-card {
      animation: homeNewsTabCardIn 420ms cubic-bezier(.22, 1, .36, 1) both;
    }
    body#index .news-panel-design-2026.is-news-tab-entering .home-news-design-feature--2,
    body#index .news-panel-design-2026.is-news-tab-entering .home-news-design-rail--2,
    body#index .news-panel-design-2026.is-news-tab-entering .home-news-media-card--2,
    body#index .news-panel-design-2026.is-news-tab-entering .home-news-media-card--3,
    body#index .news-panel-design-2026.is-news-tab-entering .home-news-party-card--2,
    body#index .news-panel-design-2026.is-news-tab-entering .home-news-party-card--5 {
      animation-delay: 55ms;
    }
    body#index .news-panel-design-2026.is-news-tab-entering .home-news-design-rail--1,
    body#index .news-panel-design-2026.is-news-tab-entering .home-news-media-card--4,
    body#index .news-panel-design-2026.is-news-tab-entering .home-news-media-card--5,
    body#index .news-panel-design-2026.is-news-tab-entering .home-news-party-card--3,
    body#index .news-panel-design-2026.is-news-tab-entering .home-news-party-card--6 {
      animation-delay: 95ms;
    }
    body#index .news-panel-design-2026.is-news-tab-entering .home-news-media-card--6 {
      animation-delay: 135ms;
    }
    body#index .news-panel-design-2026.is-news-tab-entering .home-news-design-rail--2 {
      animation-delay: 135ms;
    }
    body#index .news-panel-design-2026.is-news-tab-entering .home-news-design-rail--3 {
      animation-delay: 175ms;
    }
    @keyframes homeNewsTabCardIn {
      from {
        opacity: 0;
        transform: translate3d(0, 28px, 0) scale(.982);
        filter: blur(5px);
      }
      to {
        opacity: 1;
        transform: translate3d(0, 0, 0) scale(1);
        filter: blur(0);
      }
    }
    body#index .news-panel-design-2026 .home-news-design-feature.motion-item,
    body#index .news-panel-design-2026 .home-news-design-rail.motion-item {
      transition:
              transform 1200ms ease-out,
              opacity 1200ms ease-out,
              filter 840ms ease-out;
      will-change: transform, opacity, filter;
    }
    body#index .news-panel-design-2026 .home-news-design-feature--1.news-tighten-left,
    body#index .news-panel-design-2026.is-leaving .home-news-design-feature--1.news-tighten-left {
      opacity: 0;
      transform: translate3d(-84px, 0, 0) scale(.965);
      filter: blur(4px);
    }
    body#index .news-panel-design-2026 .home-news-design-feature--2.news-tighten-center,
    body#index .news-panel-design-2026.is-leaving .home-news-design-feature--2.news-tighten-center {
      opacity: 0;
      transform: translate3d(0, 36px, 0) scale(.965);
      filter: blur(4px);
    }
    body#index .news-panel-design-2026 .home-news-design-rail.news-tighten-right,
    body#index .news-panel-design-2026.is-leaving .home-news-design-rail.news-tighten-right {
      opacity: 0;
      transform: translate3d(84px, 0, 0) scale(.965);
      filter: blur(4px);
    }
    body#index .news-panel-design-2026.is-active .home-news-design-feature.news-tighten-left,
    body#index .news-panel-design-2026.is-active .home-news-design-feature.news-tighten-center,
    body#index .news-panel-design-2026.is-active .home-news-design-rail.news-tighten-right {
      opacity: 1;
      transform: translate3d(0, 0, 0) scale(1);
      filter: blur(0);
    }
    body#index .home-news-design-feature--1 { left: 108px; top: 286px; }
    body#index .home-news-design-feature--2 { left: 704px; top: 286px; }
    body#index .home-news-design-feature {
      width: 584px;
      height: 682px;
    }
    body#index .home-news-design-feature__card {
      position: absolute;
      left: -25px;
      top: -25px;
      width: 635px;
      height: 733px;
      background: image-set(url("../images/home-news-design-feature-card.webp") type("image/webp"), url("../images/home-news-design-feature-card.png") type("image/png")) center / 100% 100% no-repeat;
      z-index: 0;
    }
    body#index .home-news-design-feature--2 .home-news-design-feature__card {
      background-image: image-set(url("../images/home-news-design-feature-card-2.webp") type("image/webp"), url("../images/home-news-design-feature-card-2.png") type("image/png"));
    }
    body#index .home-news-design-feature__media {
      position: absolute;
      left: 0;
      top: 0;
      width: 584px;
      height: 400px;
      overflow: hidden;
      border-radius: 24px 24px 0 0;
      border: 1px solid #707070;
      -webkit-mask-image: linear-gradient(0, #d8d8d8, #d8d8d8);
      z-index: 1;
    }
    body#index .home-news-design-feature__bleed {
      display: none;
    }
    body#index .home-news-design-feature__media img {
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 400px;
      object-fit: cover;
      object-position: center;
      transition: transform 520ms cubic-bezier(.22,1,.36,1);
    }
    body#index .home-news-design-feature--2 .home-news-design-feature__media img {
      width: 100%;
    }
    body#index .home-news-design-feature__bleed img {
      position: absolute;
      left: -33px;
      top: -22px;
      width: 655px;
      height: 738px;
      object-fit: cover;
      object-position: center;
    }
    body#index .home-news-design-feature--2 .home-news-design-feature__bleed img {
      width: 656px;
    }
    body#index .home-news-design-feature:hover .home-news-design-feature__media img,
    body#index .home-news-design-rail:hover .home-news-design-rail__media img {
      transform: scale(1.045);
    }
    body#index .home-news-design-date {
      position: absolute;
      left: 4px;
      top: 400px;
      width: 96px;
      height: 131px;
      overflow: hidden;
      border-radius: 0 0 20px 20px;
      background: linear-gradient(180deg, #2b86ff 0%, #0055ff 100%);
      color: #fff;
      text-align: center;
      z-index: 2;
    }
    body#index .home-news-design-date strong,
    body#index .home-news-design-date span,
    body#index .home-news-design-date em {
      display: block;
      font-style: normal;
      font-weight: 400;
    }
    body#index .home-news-design-date strong {
      margin-top: 10px;
      font-family: PingFangSC-Semibold, "Microsoft YaHei", sans-serif;
      font-size: 42px;
      font-weight: 400;
      line-height: 59px;
      letter-spacing: 0;
    }
    body#index .home-news-design-date span {
      margin-top: -3px;
      font-family: PingFangSC-Regular, "Microsoft YaHei", sans-serif;
      font-size: 20px;
      font-weight: 400;
      line-height: 28px;
      letter-spacing: 0;
    }
    body#index .home-news-design-date em {
      margin-top: 3px;
      font-family: PingFangSC-Regular, "Microsoft YaHei", sans-serif;
      font-size: 20px;
      font-weight: 400;
      line-height: 28px;
      letter-spacing: 0;
    }
    body#index .home-news-design-feature h3 {
      position: absolute;
      left: 117px;
      top: 436px;
      width: 400px;
      margin: 0;
      color: #001180;
      font-family: PingFangSC-Medium, "Microsoft YaHei", sans-serif;
      font-size: 22px;
      font-weight: 400;
      line-height: 30px;
      letter-spacing: -0.018em;
      z-index: 2;
    }
    body#index .home-news-design-feature p {
      position: absolute;
      left: 117px;
      top: 525px;
      width: 400px;
      margin: 0;
      color: #46474e;
      font-family: PingFangSC-Regular, "Microsoft YaHei", sans-serif;
      font-size: 16px;
      font-weight: 400;
      line-height: 26px;
      letter-spacing: -0.027em;
      z-index: 2;
    }
    body#index .home-news-design-next {
      position: absolute;
      right: 19px;
      bottom: 31px;
      width: 41px;
      height: 41px;
      background: image-set(url("../images/home-news-design-next.webp") type("image/webp"), url("../images/home-news-design-next.png") type("image/png")) center / contain no-repeat;
      z-index: 2;
    }
    body#index .home-news-design-rail {
      left: 1301px;
      width: 470px;
      height: 220px;
    }
    body#index .home-news-design-rail--1 { top: 286px; }
    body#index .home-news-design-rail--2 { top: 517px; }
    body#index .home-news-design-rail--3 { top: 747px; }
    body#index .home-news-design-rail__card {
      position: absolute;
      left: -25px;
      top: -25px;
      width: 521px;
      height: 271px;
      background: image-set(url("../images/home-news-design-rail-card.webp") type("image/webp"), url("../images/home-news-design-rail-card.png") type("image/png")) center / 100% 100% no-repeat;
      z-index: 0;
    }
    body#index .home-news-design-rail__media {
      position: absolute;
      left: 20px;
      top: 20px;
      width: 180px;
      height: 180px;
      overflow: hidden;
      border-radius: 10px;
      z-index: 2;
    }
    body#index .home-news-design-rail__media img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      object-position: center;
      transition: transform 520ms cubic-bezier(.22,1,.36,1);
    }
    body#index .home-news-design-rail h3 {
      position: absolute;
      left: 218px;
      top: 34px;
      width: 220px;
      margin: 0;
      overflow: hidden;
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      color: #001180;
      font-family: PingFangSC-Medium, "Microsoft YaHei", sans-serif;
      font-size: 22px;
      font-weight: 400;
      line-height: 30px;
      letter-spacing: -0.018em;
      z-index: 3;
    }
    body#index .home-news-design-rail time {
      position: absolute;
      left: 218px;
      top: 172px;
      bottom: auto;
      color: #46474e;
      font-family: DINPro-Regular, Arial, sans-serif;
      font-size: 16px;
      font-weight: 400;
      line-height: 24px;
      letter-spacing: -0.027em;
      z-index: 3;
    }
    body#index .home-news-design-rail .home-news-design-arrow {
      position: absolute;
      left: 421px;
      top: 168px;
      right: auto;
      bottom: auto;
      z-index: 3;
    }
    body#index .news-panel-design-2026.is-media-focus-mode .home-news-design-features {
      position: absolute;
      left: 68px;
      top: 286px;
      width: 1784px;
      height: 682px;
    }
    body#index .home-news-media-grid {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      grid-template-rows: repeat(3, 1fr);
      gap: 22px 52px;
      width: 100%;
      height: 100%;
    }
    body#index .home-news-media-card {
      position: relative;
      min-width: 0;
      overflow: hidden;
      border-radius: 14px;
      background: rgba(239, 247, 255, 0.82);
      box-shadow: 0 18px 46px rgba(42, 112, 207, 0.12);
      color: #031d82;
      cursor: pointer;
      transition: transform 240ms ease, background 240ms ease, box-shadow 240ms ease;
    }
    body#index .home-news-media-card:hover {
      transform: translateY(-4px);
      background: rgba(244, 250, 255, 0.94);
      box-shadow: 0 26px 58px rgba(42, 112, 207, 0.18);
    }
    body#index .home-news-media-card__bar {
      position: absolute;
      left: 0;
      top: 38px;
      width: 10px;
      height: 158px;
      border-radius: 999px;
      background: linear-gradient(180deg, #4d82ff 0%, #2160ff 100%);
      box-shadow: 0 6px 16px rgba(33, 96, 255, 0.22);
    }
    body#index .home-news-media-card__date {
      position: absolute;
      left: 58px;
      top: 48px;
      width: 96px;
      color: #0864ff;
      text-align: center;
      font-family: DINPro-Regular, Arial, sans-serif;
      font-style: normal;
    }
    body#index .home-news-media-card__date strong,
    body#index .home-news-media-card__date span,
    body#index .home-news-media-card__date em {
      display: block;
      font-style: normal;
      font-weight: 400;
      letter-spacing: 0;
    }
    body#index .home-news-media-card__date strong {
      font-size: 48px;
      font-weight: 600;
      line-height: 56px;
    }
    body#index .home-news-media-card__date span {
      margin-top: 8px;
      font-size: 24px;
      line-height: 28px;
    }
    body#index .home-news-media-card__date em {
      margin-top: 10px;
      font-size: 23px;
      line-height: 28px;
    }
    body#index .home-news-media-card__divider {
      position: absolute;
      left: 166px;
      top: 55px;
      width: 1px;
      height: 112px;
      background: rgba(39, 105, 255, 0.5);
    }
    body#index .home-news-media-card__image {
      position: absolute;
      left: 198px;
      top: 54px;
      width: 174px;
      height: 115px;
      overflow: hidden;
      border-radius: 8px;
      background: rgba(220, 235, 255, 0.76);
    }
    body#index .home-news-media-card__image img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      object-position: center;
      transition: transform 360ms ease;
    }
    body#index .home-news-media-card:hover .home-news-media-card__image img {
      transform: scale(1.045);
    }
    body#index .home-news-media-card h3 {
      position: absolute;
      left: 402px;
      right: 118px;
      top: 60px;
      margin: 0;
      overflow: hidden;
      color: #031d82;
      font-family: PingFangSC-Semibold, "Microsoft YaHei", sans-serif;
      font-size: 21px;
      font-weight: 700;
      line-height: 29px;
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
    }
    body#index .home-news-media-card p {
      position: absolute;
      left: 402px;
      right: 118px;
      top: 136px;
      margin: 0;
      overflow: hidden;
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      color: rgba(40, 48, 68, 0.72);
      font-family: PingFangSC-Regular, "Microsoft YaHei", sans-serif;
      font-size: 16px;
      font-weight: 400;
      line-height: 24px;
    }
    body#index .home-news-media-card__arrow {
      position: absolute;
      right: 52px;
      top: 120px;
      width: 44px;
      height: 44px;
      border: 1px solid rgba(21, 100, 255, 0.5);
      border-radius: 50%;
      background: rgba(255, 255, 255, 0.2);
    }
    body#index .home-news-media-card__arrow::before {
      content: "";
      position: absolute;
      left: 50%;
      top: 50%;
      width: 20px;
      height: 20px;
      background: image-set(url("../images/home-news-design-arrow.webp") type("image/webp"), url("../images/home-news-design-arrow.png") type("image/png")) center / contain no-repeat;
      transform: translate(-50%, -50%);
    }
    body#index .news-panel-design-2026.is-party-topic-mode .home-news-design-features {
      position: absolute;
      left: 108px;
      top: 286px;
      width: 1663px;
      height: 682px;
    }
    body#index .home-news-party-grid {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 24px;
      width: 100%;
      height: 100%;
    }
    body#index .home-news-party-card {
      position: relative;
      display: block;
      min-width: 0;
      min-height: 0;
      overflow: hidden;
      border: 1px solid rgba(255, 226, 208, 0.74);
      border-radius: 18px;
      background: #fff7ef;
      box-shadow: 0 18px 40px rgba(139, 16, 16, 0.12);
      text-decoration: none;
      cursor: pointer;
      transition: transform 0.24s ease, box-shadow 0.24s ease, border-color 0.24s ease;
    }
    body#index .home-news-party-card:hover {
      border-color: rgba(255, 241, 226, 0.95);
      transform: translateY(-5px);
      box-shadow: 0 26px 52px rgba(139, 16, 16, 0.18);
    }
    body#index .home-news-party-card__bg,
    body#index .home-news-party-card__shade {
      position: absolute;
      inset: 0;
      width: 100%;
      height: 100%;
    }
    body#index .home-news-party-card__bg {
      object-fit: cover;
      transition: transform 0.38s ease;
    }
    body#index .home-news-party-card--5 .home-news-party-card__bg {
      object-position: center bottom;
    }
    body#index .home-news-party-card:hover .home-news-party-card__bg {
      transform: scale(1.035);
    }
    body#index .home-news-party-card__shade {
      background: linear-gradient(180deg, rgba(255,247,239,0.08) 0%, rgba(255,247,239,0.28) 42%, rgba(139,0,0,0.1) 100%);
      z-index: 1;
    }
    body#index .home-news-party-card__emblem {
      position: absolute;
      left: 42px;
      top: 38px;
      z-index: 2;
      width: 62px;
      height: auto;
      pointer-events: none;
    }
    body#index .home-news-party-card__title {
      position: absolute;
      left: 42px;
      right: 42px;
      top: 46px;
      z-index: 2;
      color: #c01010;
      font-family: PingFangSC-Semibold, "Microsoft YaHei", sans-serif;
      font-size: 28px;
      font-weight: 700;
      line-height: 1.42;
      letter-spacing: 0;
    }
    body#index .home-news-party-card--5 .home-news-party-card__title {
      top: 112px;
    }
    body#index .home-news-party-card__tags {
      position: absolute;
      left: 42px;
      right: 42px;
      top: 132px;
      z-index: 2;
      display: flex;
      flex-wrap: wrap;
      gap: 12px 14px;
    }
    body#index .home-news-party-card--5 .home-news-party-card__tags {
      top: 166px;
    }
    body#index .home-news-party-card__tags span {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      min-width: 58px;
      height: 34px;
      padding: 0 13px;
      border: 1px solid rgba(224, 55, 43, 0.38);
      border-radius: 999px;
      background: rgba(255, 247, 239, 0.78);
      color: #d2392f;
      font-size: 17px;
      font-weight: 700;
      line-height: 1;
      box-sizing: border-box;
    }
    body#index .home-news-party-card__arrow {
      position: absolute;
      right: 34px;
      bottom: 28px;
      z-index: 2;
      width: 50px;
      height: 50px;
      border-radius: 50%;
      background: url("../images/party-arrow.webp") center / contain no-repeat;
      box-shadow: 0 10px 22px rgba(145, 31, 21, 0.18);
    }
    body#index .standard-lead-design-2026 {
      position: relative;
      overflow: hidden;
      background: transparent;
    }
    body#index .standard-lead-design-2026[data-name] {
      background: transparent !important;
    }
    body#index .standard-lead-design-2026::before {
      content: "";
      position: absolute;
      inset: 0;
      z-index: 0;
      display: block;
      background: image-set(url("../images/home-standards-bg.webp") type("image/webp"), url("../images/home-standards-bg.png") type("image/png")) center / cover no-repeat;
      pointer-events: none;
    }
    body#index .standard-lead-design-2026 > .panel-design-canvas {
      transform: translate(-50%, -50%) scale(var(--design-contain-scale, var(--design-scale, 1))) !important;
    }
    body#index .standard-lead-design-2026 .innovation-columns {
      position: absolute !important;
      inset: 0 !important;
      z-index: 2 !important;
      width: 1440px !important;
      height: 810px !important;
      padding: 0 !important;
      display: block !important;
      overflow: hidden !important;
    }
    body#index .standards-lead-stage,
    body#index .standards-lead-stage * {
      box-sizing: border-box;
    }
    body#index .standards-lead-stage {
      position: absolute;
      left: 0;
      top: 0;
      width: 1920px;
      height: 1080px;
      overflow: hidden;
      transform: scale(.75);
      transform-origin: left top;
      background: transparent;
      font-family: PingFangSC-Regular, "Microsoft YaHei", sans-serif;
    }
    body#index .standards-lead-bg {
      position: absolute;
      left: 0;
      top: 0;
      width: 1919px;
      height: 1080px;
      object-fit: cover;
      opacity: 0;
    }
    body#index .standards-lead-title {
      position: absolute;
      left: 107px;
      top: 91.5px;
      height: 75px;
      margin: 0;
      color: #0b265d;
      font-family: "Alimama ShuHeiTi Bold", "Alimama ShuHeiTi", "Microsoft YaHei", sans-serif;
      font-size: 50px;
      font-weight: 700;
      line-height: 75px;
      letter-spacing: 0;
    }
    body#index .standards-lead-title-line {
      position: absolute;
      left: 107px;
      top: 168px;
      width: 192px;
      height: 8px;
    }
    body#index .standards-lead-title-line i,
    body#index .standards-lead-title-line b,
    body#index .standards-lead-title-line em {
      position: absolute;
      display: block;
      font-style: normal;
    }
    body#index .standards-lead-title-line i {
      left: 104px;
      top: 2px;
      width: 67px;
      height: 4px;
      background: linear-gradient(270deg, rgba(177,206,252,0) 0%, #b8d1fb 98.34%);
    }
    body#index .standards-lead-title-line b {
      left: 0;
      top: 0;
      width: 106px;
      height: 8px;
      border-radius: 7px;
      background: linear-gradient(270deg, #76bffd 0%, #115df3 100%);
    }
    body#index .standards-lead-title-line em {
      top: 1px;
      width: 8px;
      height: 5px;
      border-radius: 7px;
      background: linear-gradient(270deg, rgba(118,191,253,.43) 0%, rgba(17,93,243,.43) 100%);
    }
    body#index .standards-lead-title-line em:nth-of-type(1) { left: 173px; }
    body#index .standards-lead-title-line em:nth-of-type(2) { left: 184px; }
    body#index .standards-lead-card {
      position: absolute;
      cursor: pointer;
    }
    body#index .standard-lead-design-2026 .standards-lead-title.motion-item,
    body#index .standard-lead-design-2026 .standards-lead-title-line.motion-item,
    body#index .standard-lead-design-2026 .standards-lead-card.motion-item {
      transition:
              transform 1200ms ease-out,
              opacity 1200ms ease-out,
              filter 840ms ease-out;
      will-change: transform, opacity, filter;
    }
    body#index .standard-lead-design-2026 .standards-lead-motion-title,
    body#index .standard-lead-design-2026.is-leaving .standards-lead-motion-title {
      opacity: 0;
      transform: translate3d(0, 28px, 0);
      filter: blur(3px);
    }
    body#index .standard-lead-design-2026 .standards-lead-motion-main,
    body#index .standard-lead-design-2026.is-leaving .standards-lead-motion-main {
      opacity: 0;
      transform: translate3d(-96px, 0, 0) scale(.965);
      filter: blur(4px);
    }
    body#index .standard-lead-design-2026 .standards-lead-motion-side,
    body#index .standard-lead-design-2026.is-leaving .standards-lead-motion-side {
      opacity: 0;
      transform: translate3d(96px, 0, 0) scale(.965);
      filter: blur(4px);
    }
    body#index .standard-lead-design-2026.is-active .standards-lead-motion-title,
    body#index .standard-lead-design-2026.is-active .standards-lead-motion-side {
      opacity: 1;
      transform: translate3d(0, 0, 0) scale(1);
      filter: blur(0);
    }
    body#index .standard-lead-design-2026.is-active .standards-lead-motion-main {
      opacity: .86;
      transform: translate3d(0, 0, 0) scale(1);
      filter: blur(0);
    }
    body#index .standards-lead-card__image {
      position: absolute;
      inset: 0;
      overflow: hidden;
      border: 1px solid #707070;
      -webkit-mask-image: linear-gradient(0, #d8d8d8, #d8d8d8);
    }
    body#index .standards-lead-card__image img {
      position: absolute;
      inset: 0;
      width: 100%;
      height: 100%;
      object-fit: cover;
      transition: transform 520ms cubic-bezier(.22,1,.36,1);
    }
    body#index .standards-lead-card:hover .standards-lead-card__image img {
      transform: scale(1.035);
    }
    body#index .standards-lead-card--main {
      left: 87px;
      top: 225px;
      width: 550px;
      height: 692px;
      opacity: .86;
    }
    body#index .standards-lead-card--main .standards-lead-card__image {
      border-radius: 27px;
    }
    body#index .standards-lead-card--top {
      left: 660px;
      top: 225px;
      width: 550px;
      height: 692px;
    }
    body#index .standards-lead-card--top .standards-lead-card__image {
      border-radius: 27px;
    }
    body#index .standards-lead-card--bottom {
      left: 1233px;
      top: 225px;
      width: 550px;
      height: 692px;
    }
    body#index .standards-lead-card--bottom .standards-lead-card__image {
      border-radius: 27px;
    }
    body#index .standards-lead-card--main .standards-lead-card__image img {
      object-position: 75% center;
    }
    body#index .standards-lead-card--top .standards-lead-card__image img {
      object-position: 70% center;
    }
    body#index .standards-lead-card--bottom .standards-lead-card__image img {
      object-position: center;
    }
    body#index .standards-lead-card--top .standards-lead-card__image::after {
      content: "";
      position: absolute;
      inset: 0;
      background: linear-gradient(90deg, rgba(255,255,255,.88), rgba(255,255,255,.55) 40%, rgba(255,255,255,0) 75%);
      pointer-events: none;
    }
    body#index .standards-lead-card__wash {
      position: absolute;
      left: 0;
      top: 0;
      width: 398px;
      height: 692px;
      border-radius: 27px;
      background: linear-gradient(270deg, rgba(255,255,255,0) -1.81%, rgba(255,255,255,.68) 46.13%, rgba(255,255,255,.74) 50.39%, #fff 98.13%);
      pointer-events: none;
    }
    body#index .standards-lead-card__tag {
      position: absolute;
      left: 32px;
      top: 283px;
      width: 210px;
      height: 70px;
      object-fit: cover;
    }
    body#index .standards-lead-card__category,
    body#index .standards-lead-card__badge,
    body#index .standards-lead-card h3,
    body#index .standards-lead-card p,
    body#index .standards-lead-card__rule {
      position: absolute;
      z-index: 2;
      margin: 0;
    }
    body#index .standards-lead-card__category {
      left: 82px;
      top: 299.5px;
      height: 39px;
      color: #fff;
      font-family: "Alibaba PuHuiTi 2.0", "Microsoft YaHei", sans-serif;
      font-size: 26px;
      font-weight: 500;
      line-height: 39px;
      letter-spacing: .0171em;
    }
    body#index .standards-lead-card h3 {
      color: #041a55;
      font-family: PingFangSC-Semibold, "Microsoft YaHei", sans-serif;
      font-weight: 400;
      letter-spacing: -0.018em;
      white-space: nowrap;
    }
    body#index .standards-lead-card__subtitle,
    body#index .standards-lead-card__summary {
      text-shadow: 1px 2px 4px rgba(0,0,0,.3);
      font-family: PingFangSC-Light, "Microsoft YaHei", sans-serif;
      font-weight: 400;
    }
    body#index .standards-lead-card__subtitle {
      font-size: 20px;
      line-height: 28px;
    }
    body#index .standards-lead-card__summary {
      font-size: 20px;
      line-height: 30px;
    }
    body#index .standards-lead-card__rule {
      width: 50px;
      height: 5px;
      border-radius: 10px;
      background: linear-gradient(90deg, #053bf6 0%, #59c5f9 102.95%);
    }
    body#index .standards-lead-card--main h3 {
      left: 42px;
      top: 364px;
      height: 62px;
      color: #fff;
      font-size: 44px;
      line-height: 62px;
    }
    body#index .standards-lead-card--main .standards-lead-card__subtitle {
      left: 58px;
      top: 451px;
      height: 28px;
      color: #fff;
    }
    body#index .standards-lead-card--main .standards-lead-card__summary {
      left: 60px;
      top: 528px;
      width: 760px;
      color: #fff;
    }
    body#index .standards-lead-card--main .standards-lead-card__rule {
      left: 60px;
      top: 499px;
      width: 70px;
      border-radius: 0;
    }
    body#index .standards-lead-card__badge {
      left: 40px;
      top: 32px;
      min-width: 116px;
      height: 40px;
      padding: 0 16px 0 34px;
      border-radius: 10px;
      color: #fff;
      font-family: PingFangSC-Medium, "Microsoft YaHei", sans-serif;
      font-size: 18px;
      font-weight: 400;
      line-height: 40px;
    }
    body#index .standards-lead-card__badge img {
      position: absolute;
      left: 10px;
      top: 10px;
      width: 18px;
      height: 20px;
      object-fit: contain;
    }
    body#index .standards-lead-card__badge--blue {
      background: linear-gradient(90deg, #2984f8 0%, #89b8f5 102.95%);
    }
    body#index .standards-lead-card__badge--green {
      background: linear-gradient(90deg, #11b3b9 0%, #7ecdd3 102.95%);
    }
    body#index .standards-lead-card__badge--green img {
      left: 9px;
      width: 21px;
      height: 20px;
    }
    body#index .standards-lead-card--top h3,
    body#index .standards-lead-card--bottom h3 {
      left: 42px;
      top: 364px;
      height: 62px;
      font-size: 44px;
      line-height: 62px;
    }
    body#index .standards-lead-card--top .standards-lead-card__subtitle,
    body#index .standards-lead-card--bottom .standards-lead-card__subtitle {
      left: 40px;
      top: 171px;
      color: #041a55;
    }
    body#index .standards-lead-card--top .standards-lead-card__summary,
    body#index .standards-lead-card--bottom .standards-lead-card__summary {
      left: 42px;
      top: 236px;
      width: 560px;
      color: #041a55;
    }
    body#index .standards-lead-card--top .standards-lead-card__rule,
    body#index .standards-lead-card--bottom .standards-lead-card__rule {
      left: 42px;
      top: 215px;
    }
    body#index .standards-lead-card--bottom .standards-lead-card__rule {
      background: #15c2bb;
    }
    body#index .global-design-2026 {
      position: relative;
      overflow: hidden;
      background: transparent !important;
    }
    body#index .global-design-2026::before {
      content: "";
      position: absolute;
      inset: 0;
      z-index: 0;
      display: block;
      background: image-set(url("../images/gjbzh_bg_v1.webp?v=20260625-webp500k1") type("image/webp"), url("../images/gjbzh_bg_v1.png") type("image/png")) center / cover no-repeat;
      pointer-events: none;
    }
    body#index .global-design-2026 > .panel-design-canvas {
      z-index: 1;
      transform: translate(-50%, -50%) scale(var(--design-contain-scale, var(--design-scale, 1))) !important;
    }
    body#index .global-design-stage,
    body#index .global-design-stage * {
      box-sizing: border-box;
    }
    body#index .global-design-stage {
      position: absolute;
      left: 0;
      top: 0;
      width: 1920px;
      height: 1080px;
      overflow: hidden;
      transform: scale(.75);
      transform-origin: left top;
      background: transparent;
      font-family: PingFangSC-Regular, "Microsoft YaHei", sans-serif;
    }
    body#index .global-design-title {
      position: absolute;
      left: 107px;
      top: 91.5px;
      height: 75px;
      margin: 0;
      color: #0b265d;
      font-family: "Alimama ShuHeiTi Bold", "Alimama ShuHeiTi", "Microsoft YaHei", sans-serif;
      font-size: 50px;
      font-weight: 700;
      line-height: 75px;
      letter-spacing: 0;
    }
    body#index .global-design-title-line {
      position: absolute;
      left: 107px;
      top: 168px;
      width: 192px;
      height: 8px;
    }
    body#index .global-design-title-line i,
    body#index .global-design-title-line b,
    body#index .global-design-title-line em {
      position: absolute;
      display: block;
      font-style: normal;
    }
    body#index .global-design-title-line i {
      left: 104px;
      top: 2px;
      width: 67px;
      height: 4px;
      background: linear-gradient(270deg, rgba(177,206,252,0) 0%, #b8d1fb 98.34%);
    }
    body#index .global-design-title-line b {
      left: 0;
      top: 0;
      width: 106px;
      height: 8px;
      border-radius: 7px;
      background: linear-gradient(270deg, #76bffd 0%, #115df3 100%);
    }
    body#index .global-design-title-line em {
      top: 1px;
      width: 8px;
      height: 5px;
      border-radius: 7px;
      background: linear-gradient(270deg, rgba(118,191,253,.43) 0%, rgba(17,93,243,.43) 100%);
    }
    body#index .global-design-title-line em:nth-of-type(1) { left: 173px; }
    body#index .global-design-title-line em:nth-of-type(2) { left: 184px; }
    body#index .global-design-card {
      position: absolute;
      cursor: pointer;
      overflow: visible;
    }
    body#index .global-design-2026 .global-design-title.motion-item,
    body#index .global-design-2026 .global-design-title-line.motion-item,
    body#index .global-design-2026 .global-design-card.motion-item {
      transition:
              transform 1200ms ease-out,
              opacity 1200ms ease-out,
              filter 840ms ease-out;
      will-change: transform, opacity, filter;
    }
    body#index .global-design-2026 .global-design-motion-title,
    body#index .global-design-2026.is-leaving .global-design-motion-title {
      opacity: 0;
      transform: translate3d(0, 28px, 0);
      filter: blur(3px);
    }
    body#index .global-design-2026 .global-design-motion-left,
    body#index .global-design-2026.is-leaving .global-design-motion-left {
      opacity: 0;
      transform: translate3d(-96px, 0, 0) scale(.965);
      filter: blur(4px);
    }
    body#index .global-design-2026 .global-design-motion-right,
    body#index .global-design-2026.is-leaving .global-design-motion-right {
      opacity: 0;
      transform: translate3d(96px, 0, 0) scale(.965);
      filter: blur(4px);
    }
    body#index .global-design-2026 .global-design-motion-left-bottom,
    body#index .global-design-2026.is-leaving .global-design-motion-left-bottom {
      opacity: 0;
      transform: translate3d(-72px, 42px, 0) scale(.965);
      filter: blur(4px);
    }
    body#index .global-design-2026 .global-design-motion-right-bottom,
    body#index .global-design-2026.is-leaving .global-design-motion-right-bottom {
      opacity: 0;
      transform: translate3d(96px, 42px, 0) scale(.965);
      filter: blur(4px);
    }
    body#index .global-design-2026.is-active .global-design-motion-title,
    body#index .global-design-2026.is-active .global-design-motion-left,
    body#index .global-design-2026.is-active .global-design-motion-right,
    body#index .global-design-2026.is-active .global-design-motion-left-bottom,
    body#index .global-design-2026.is-active .global-design-motion-right-bottom {
      opacity: 1;
      transform: translate3d(0, 0, 0) scale(1);
      filter: blur(0);
    }
    body#index .global-design-card__image {
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      overflow: hidden;
      border: 1px solid #707070;
      border-radius: 23px;
      -webkit-mask-image: linear-gradient(0, #d8d8d8, #d8d8d8);
    }
    body#index .global-design-card__image img {
      position: absolute;
      left: 50%;
      top: 50%;
      width: 112%;
      height: 112%;
      object-fit: cover;
      transform: translate(-50%, -50%);
      transition: transform 520ms cubic-bezier(.22,1,.36,1);
    }
    body#index .global-design-card--wp .global-design-card__image img {
      left: 50%;
      top: 50%;
      width: 112%;
      height: 112%;
    }
    body#index .global-design-card--iso .global-design-card__image img {
      left: 50%;
      top: 50%;
      width: 126%;
      height: 126%;
    }
    body#index .global-design-card--overseas .global-design-card__image img {
      left: 50%;
      top: 50%;
      width: 126%;
      height: 126%;
    }
    body#index .global-design-card--activity .global-design-card__image img {
      left: 50%;
      top: 50%;
      width: 116%;
      height: 116%;
    }
    body#index .global-design-card:hover .global-design-card__image img {
      transform: translate(-50%, -50%) scale(1.035);
    }
    body#index .global-design-card::after {
      content: "";
      position: absolute;
      inset: 0;
      border: 2px solid #fff;
      border-radius: 23px;
      box-shadow: 0 3px 6px rgba(0,0,0,.16);
      pointer-events: none;
      z-index: 2;
    }
    body#index .global-design-card h3,
    body#index .global-design-card p,
    body#index .global-design-card span,
    body#index .global-design-card__rule {
      position: absolute;
      z-index: 3;
      margin: 0;
    }
    body#index .global-design-card h3 {
      color: #fff;
      font-family: PingFangSC-Semibold, "Microsoft YaHei", sans-serif;
      font-size: 56px;
      font-weight: 400;
      line-height: 78px;
      letter-spacing: -0.018em;
      white-space: nowrap;
    }
    body#index .global-design-card p {
      color: #fff;
      font-family: PingFangSC-Light, "Microsoft YaHei", sans-serif;
      font-size: 20px;
      font-weight: 400;
      line-height: 30px;
    }
    body#index .global-design-card__rule {
      width: 70px;
      height: 5px;
      background: linear-gradient(90deg, #053bf6 0%, #59c5f9 102.95%);
    }
    body#index .global-design-card--wp {
      left: 107px;
      top: 205px;
      width: 1124px;
      height: 396px;
    }
    body#index .global-design-card--wp .global-design-card__shade {
      display: none;
    }
    body#index .global-design-card--wp h3 {
      left: 50px;
      top: 61px;
    }
    body#index .global-design-card--wp .global-design-card__rule {
      left: 50px;
      top: 143px;
      background: #61d6f4;
    }
    body#index .global-design-card--wp p {
      left: 50px;
      top: 176px;
      width: 500px;
    }
    body#index .global-design-card--iso {
      left: 1249px;
      top: 205px;
      width: 551px;
      height: 394px;
    }
    body#index .global-design-card--iso .global-design-card__shine {
      position: absolute;
      inset: 0;
      z-index: 1;
      border-radius: 23px;
      background: linear-gradient(90deg, rgba(255,255,255,.38) 0%, rgba(255,255,255,.16) 0%, rgba(255,255,255,0) 97.75%);
    }
    body#index .global-design-card--iso h3 {
      left: 50px;
      top: 61px;
    }
    body#index .global-design-card--iso .global-design-card__rule {
      left: 50px;
      top: 143px;
    }
    body#index .global-design-card--iso p {
      left: 50px;
      top: 176px;
      width: 430px;
      text-shadow: 1px 2px 4px rgba(0,0,0,.3);
    }
    body#index .global-design-card--overseas {
      left: 107px;
      top: 625px;
      width: 518px;
      height: 352px;
    }
    body#index .global-design-card--overseas h3 {
      left: 40px;
      top: 64px;
      color: #072eae;
      font-size: 36px;
      line-height: 50px;
    }
    body#index .global-design-card--overseas .global-design-card__rule {
      left: 41px;
      top: 111px;
    }
    body#index .global-design-card--overseas p {
      left: 41px;
      top: 143px;
      width: 350px;
      color: #1f3368;
      font-family: PingFangSC-Medium, "Microsoft YaHei", sans-serif;
      font-size: 16px;
      line-height: 24px;
    }
    body#index .global-design-card--activity {
      left: 650px;
      top: 626px;
      width: 1157px;
      height: 352px;
    }
    body#index .global-design-card--activity h3 {
      left: 475px;
      top: 61px;
    }
    body#index .global-design-card--activity span {
      left: 738px;
      top: 64px;
      color: #fff;
      font-family: PingFangSC-Medium, "Microsoft YaHei", sans-serif;
      font-size: 22px;
      font-weight: 400;
      line-height: 30px;
    }
    body#index .global-design-card--activity .global-design-card__rule {
      left: 475px;
      top: 139px;
    }
    body#index .global-design-card--activity p {
      left: 475px;
      top: 172px;
      width: 600px;
    }
    body#index .global-design-card--activity::before {
      content: "";
      position: absolute;
      left: 687px;
      top: 94px;
      width: 60px;
      height: 2px;
      transform: rotate(90deg);
      background: linear-gradient(270deg, rgba(255,255,255,0) 6.41%, rgba(255,255,255,.6) 54.6%, rgba(255,255,255,0) 103.68%);
      z-index: 3;
    }
    body#index .global-design-plane {
      position: absolute;
      left: 12px;
      top: 70px;
      width: 334px;
      height: 223px;
      object-fit: cover;
      z-index: 3;
    }
    body#index .service-design-2026 {
      position: relative;
      overflow: hidden;
      background: transparent !important;
    }
    body#index .service-design-2026::before {
      content: "";
      position: absolute;
      inset: 0;
      z-index: 0;
      display: block;
      background: image-set(url("../images/home-service-bg.webp") type("image/webp"), url("../images/home-service-bg.png") type("image/png")) center / cover no-repeat;
      pointer-events: none;
    }
    body#index .service-design-2026 > .panel-design-canvas {
      z-index: 1;
      transform: translate(-50%, -50%) scale(var(--design-contain-scale, var(--design-scale, 1))) !important;
    }
    body#index .service-design-stage,
    body#index .service-design-stage * {
      box-sizing: border-box;
    }
    body#index .service-design-stage {
      position: absolute;
      left: 0;
      top: 0;
      width: 1920px;
      height: 1080px;
      overflow: hidden;
      transform: scale(.75);
      transform-origin: left top;
      background: transparent;
      font-family: PingFangSC-Regular, "Microsoft YaHei", sans-serif;
    }
    body#index .service-design-title {
      position: absolute;
      left: 107px;
      top: 91.5px;
      height: 75px;
      margin: 0;
      color: #0b265d;
      font-family: "Alimama ShuHeiTi Bold", "Alimama ShuHeiTi", "Microsoft YaHei", sans-serif;
      font-size: 50px;
      font-weight: 700;
      line-height: 75px;
      letter-spacing: 0;
    }
    body#index .service-design-title-line {
      position: absolute;
      left: 107px;
      top: 168px;
      width: 192px;
      height: 8px;
    }
    body#index .service-design-title-line i,
    body#index .service-design-title-line b,
    body#index .service-design-title-line em {
      position: absolute;
      display: block;
      font-style: normal;
    }
    body#index .service-design-title-line i {
      left: 104px;
      top: 2px;
      width: 67px;
      height: 4px;
      background: linear-gradient(270deg, rgba(177,206,252,0) 0%, #b8d1fb 98.34%);
    }
    body#index .service-design-title-line b {
      left: 0;
      top: 0;
      width: 106px;
      height: 8px;
      border-radius: 7px;
      background: linear-gradient(270deg, #76bffd 0%, #115df3 100%);
    }
    body#index .service-design-title-line em {
      top: 1px;
      width: 8px;
      height: 5px;
      border-radius: 7px;
      background: linear-gradient(270deg, rgba(118,191,253,.43) 0%, rgba(17,93,243,.43) 100%);
    }
    body#index .service-design-title-line em:nth-of-type(1) { left: 173px; }
    body#index .service-design-title-line em:nth-of-type(2) { left: 184px; }
    body#index .service-design-carousel {
      position: absolute;
      left: 150px;
      top: 236px;
      z-index: 2;
      width: 1600px;
      height: 734px;
      overflow: hidden;
    }
    body#index .service-design-track {
      display: flex;
      gap: 16px;
      width: max-content;
      height: 734px;
      transition: transform 520ms cubic-bezier(.22,1,.36,1);
      will-change: transform;
    }
    body#index .service-design-card {
      position: relative;
      top: auto !important;
      left: auto !important;
      flex: 0 0 388px;
      width: 388px;
      height: 734px;
      overflow: hidden;
      border-radius: 32px;
      cursor: pointer;
    }
    body#index .service-design-2026 .service-design-title.motion-item,
    body#index .service-design-2026 .service-design-title-line.motion-item,
    body#index .service-design-2026 .service-design-card.motion-item {
      transition:
              transform 1200ms ease-out,
              opacity 1200ms ease-out,
              filter 840ms ease-out;
      will-change: transform, opacity, filter;
    }
    body#index .service-design-2026 .service-design-motion-title,
    body#index .service-design-2026.is-leaving .service-design-motion-title {
      opacity: 0;
      transform: translate3d(0, 28px, 0);
      filter: blur(3px);
    }
    body#index .service-design-2026 .service-design-motion-left,
    body#index .service-design-2026.is-leaving .service-design-motion-left {
      opacity: 0;
      transform: translate3d(-96px, 0, 0) scale(.965);
      filter: blur(4px);
    }
    body#index .service-design-2026 .service-design-motion-center,
    body#index .service-design-2026.is-leaving .service-design-motion-center {
      opacity: 0;
      transform: translate3d(0, 54px, 0) scale(.965);
      filter: blur(4px);
    }
    body#index .service-design-2026 .service-design-motion-right,
    body#index .service-design-2026.is-leaving .service-design-motion-right {
      opacity: 0;
      transform: translate3d(96px, 0, 0) scale(.965);
      filter: blur(4px);
    }
    body#index .service-design-2026.is-active .service-design-motion-title,
    body#index .service-design-2026.is-active .service-design-motion-left,
    body#index .service-design-2026.is-active .service-design-motion-center,
    body#index .service-design-2026.is-active .service-design-motion-right {
      opacity: 1;
      transform: translate3d(0, 0, 0) scale(1);
      filter: blur(0);
    }
    body#index .service-design-card__bg {
      position: absolute;
      left: 50%;
      top: 50%;
      width: calc(100% + 12px);
      height: calc(100% + 12px);
      object-fit: cover;
      transform: translate(-50%, -50%) scale(1.01);
      transition: transform 520ms cubic-bezier(.22,1,.36,1);
    }
    body#index .service-design-card:hover .service-design-card__bg {
      transform: translate(-50%, -50%) scale(1.045);
    }
    body#index .service-design-card__overlay {
      position: absolute;
      inset: 0;
      background: linear-gradient(180deg, rgba(14,66,166,0) 45.83%, rgba(9,61,162,.38) 57.1%, #00369b 100%);
      z-index: 1;
    }
    body#index .service-design-card--journal .service-design-card__overlay {
      background: linear-gradient(180deg, rgba(14,66,166,0) 42.27%, rgba(9,61,162,.38) 73.61%, #00369b 100%);
    }
    body#index .service-design-card--platform .service-design-card__overlay,
    body#index .service-design-card--casa .service-design-card__overlay,
    body#index .service-design-card--vin .service-design-card__overlay,
    body#index .service-design-card--group .service-design-card__overlay {
      background: linear-gradient(180deg, rgba(14,66,166,0) 46.85%, rgba(9,61,162,.38) 75.7%, #00369b 100%);
    }
    body#index .service-design-card__icon {
      position: absolute;
      display: none;
      z-index: 2;
      object-fit: contain;
    }
    body#index .service-design-card--consult .service-design-card__icon {
      left: 26px;
      top: 408px;
      width: 138px;
      height: 115px;
    }
    body#index .service-design-card--journal .service-design-card__icon {
      left: 48px;
      top: 420px;
      width: 115px;
      height: 84px;
    }
    body#index .service-design-card--platform .service-design-card__icon,
    body#index .service-design-card--casa .service-design-card__icon,
    body#index .service-design-card--vin .service-design-card__icon,
    body#index .service-design-card--group .service-design-card__icon {
      left: 48px;
      top: 420px;
      width: 111px;
      height: 84px;
    }
    body#index .service-design-card h3,
    body#index .service-design-card p,
    body#index .service-design-card__button {
      position: absolute;
      z-index: 2;
      left: 26px;
      margin: 0;
    }
    body#index .service-design-card h3 {
      top: 510px;
      right: 26px;
      color: #fff;
      font-family: PingFangSC-Medium, "Microsoft YaHei", sans-serif;
      font-size: 30px;
      font-weight: 400;
      line-height: 40px;
      white-space: normal;
    }
    body#index .service-design-card__index {
      position: absolute;
      left: 26px;
      top: 442px;
      z-index: 2;
      color: rgba(255,255,255,.92);
      font-family: "Times New Roman", Georgia, serif;
      font-size: 56px;
      font-style: italic;
      line-height: 62px;
      letter-spacing: 0;
    }
    body#index .service-design-card--platform h3,
    body#index .service-design-card--casa h3,
    body#index .service-design-card--group h3 {
      width: 336px;
      font-size: 24px;
      line-height: 36px;
    }
    body#index .service-design-card--vin h3 {
      width: 336px;
    }
    body#index .service-design-card p {
      top: 598px;
      right: 20px;
      color: #fff;
      font-family: PingFangSC-Regular, "Microsoft YaHei", sans-serif;
      font-size: 15px;
      font-weight: 400;
      line-height: 24px;
      letter-spacing: -0.035em;
      white-space: nowrap;
    }
    body#index .service-design-card--platform p,
    body#index .service-design-card--casa p,
    body#index .service-design-card--vin p,
    body#index .service-design-card--group p {
      width: 342px;
      white-space: nowrap;
      line-height: 24px;
    }
    body#index .service-design-card__button {
      top: 642px;
      width: 180px;
      height: 48px;
      border-radius: 29px;
      background: linear-gradient(89.03deg, #e7edf8 .16%, #eff3fa 60.34%, #fefefe 99.81%);
      color: #1b46c6;
      font-family: PingFangSC-Medium, "Microsoft YaHei", sans-serif;
      font-size: 18px;
      font-weight: 400;
      line-height: 48px;
    }
    body#index .service-design-card__button span {
      position: absolute;
      left: 22px;
      top: 0;
      height: 48px;
      line-height: 48px;
    }
    body#index .service-design-card__button img {
      position: absolute;
      left: 137px;
      top: 14px;
      width: 29px;
      height: 20px;
      object-fit: contain;
      transition: transform 260ms ease;
    }
    body#index .service-design-card:hover .service-design-card__button img {
      transform: translateX(4px);
    }
    body#index .service-design-arrow {
      position: absolute;
      top: 555px;
      z-index: 4;
      width: 62px;
      height: 62px;
      padding: 0;
      border: 1px solid rgba(31,104,226,.28);
      border-radius: 50%;
      background: rgba(255,255,255,.86);
      box-shadow: 0 12px 28px rgba(18,76,172,.18);
      cursor: pointer;
      transition: opacity .24s ease, transform .24s ease, box-shadow .24s ease;
    }
    body#index .service-design-arrow img {
      position: absolute;
      left: 15px;
      top: 20px;
      width: 33px;
      height: 22px;
      object-fit: contain;
    }
    body#index .service-design-arrow--prev {
      left: 48px;
    }
    body#index .service-design-arrow--prev img {
      transform: rotate(180deg);
    }
    body#index .service-design-arrow--next {
      right: 64px;
    }
    body#index .service-design-arrow:hover:not(:disabled) {
      transform: translateY(-2px);
      box-shadow: 0 16px 32px rgba(18,76,172,.24);
    }
    body#index .service-design-arrow:disabled {
      opacity: .35;
      cursor: default;
      box-shadow: none;
    }
    .innovation-card.is-hidden {
      display: none !important;
    }
    .innovation-arrow.is-hidden {
      display: none !important;
    }
    .panel-scene.is-active .innovation-arrow {
      animation: innovationArrowPulse 2.8s ease-in-out infinite;
    }
    .panel-scene.is-active .innovation-arrow--next {
      animation-delay: 0.3s;
    }
    .panel-scene.is-active .hero-stage-effects__ambient,
    .panel-scene.is-active .hero-stage-effects__beams,
    .panel-scene.is-active .hero-stage-effects__rings,
    .panel-scene.is-active .hero-stage-effects__focus,
    .panel-scene.is-active .hero-stage-effects__particles {
      opacity: 1;
    }
    .panel-scene.is-active .hero-stage-effects__ambient {
      transform: scale(1);
      transition-delay: 360ms;
      animation: heroAmbientDrift 12s ease-in-out infinite;
    }
    .panel-scene.is-active .hero-stage-effects__beams {
      transform: translateY(0) scale(1);
      transition-delay: 520ms;
    }
    .panel-scene.is-active .hero-stage-effects__beams::before {
      animation: heroBeamSweepLeft 9s ease-in-out infinite;
    }
    .panel-scene.is-active .hero-stage-effects__beams::after {
      animation: heroBeamSweepRight 10s ease-in-out infinite;
    }
    .panel-scene.is-active .hero-stage-effects__rings {
      transform: scale(1);
      transition-delay: 700ms;
      animation: heroRingPulse 8s ease-in-out infinite;
    }
    .panel-scene.is-active .hero-stage-effects__focus {
      transform: translateY(0) scale(1);
      transition-delay: 780ms;
      animation: heroFocusBreathe 6.4s ease-in-out infinite;
    }
    .panel-scene.is-active .hero-stage-effects__particles {
      transition-delay: 840ms;
    }
    .panel-scene.is-active .hero-stage-effects__particles span {
      animation:
              heroParticleFloat var(--duration, 11s) ease-in-out infinite,
              heroParticleBlink 4.6s ease-in-out infinite;
      animation-delay: var(--delay, 0s);
      opacity: 0.68;
    }
    .panel-scene.is-active .hero-reference__mark::before {
      animation: heroShineSweep 4.8s ease-in-out infinite;
    }
    .panel-scene.is-active .hero-reference__title::after {
      animation: heroTitleScan 5.8s ease-in-out infinite;
    }
    .panel-scene.is-active:not(.hero-panel-enhanced) .hero-scroll-indicator {
      animation: heroMouseSoftLift 2.6s ease-in-out infinite !important;
    }
    @keyframes heroTitleEnter {
      0% { opacity: 0; transform: translate3d(0, 34px, 0) scale(0.965); filter: blur(7px); }
      52% { opacity: 0.86; transform: translate3d(0, 8px, 0) scale(0.988); filter: blur(2px); }
      82% { opacity: 1; transform: translate3d(0, -2px, 0) scale(1.003); filter: blur(0); }
      100% { opacity: 1; transform: translate3d(0, 0, 0) scale(1); filter: blur(0); }
    }
    @keyframes heroTitleLeave {
      0% { opacity: 1; transform: translate3d(0, 0, 0) scale(1); filter: blur(0); }
      100% { opacity: 0; transform: translate3d(0, -8px, 0) scale(0.996); filter: blur(1px); }
    }
    @keyframes heroMouseEnter {
      0% { opacity: 0; transform: translateX(-50%) translateY(34px); }
      100% { opacity: 0.88; transform: translateX(-50%) translateY(0); }
    }
    @keyframes heroMouseLeave {
      0% { opacity: 0.88; transform: translateX(-50%) translateY(0); }
      100% { opacity: 0; transform: translateX(-50%) translateY(-10px); }
    }
    @keyframes heroTitleSoftFloat {
      0%, 100% { transform: translate3d(0, 0, 0) scale(1); filter: drop-shadow(0 0 0 rgba(255,255,255,0)); }
      50% { transform: translate3d(0, -5px, 0) scale(1.006); filter: drop-shadow(0 0 16px rgba(255,255,255,0.18)); }
    }
    @keyframes heroTitleTopFloat {
      0%, 100% { top: 300px; }
      50% { top: 294px; }
    }
    @keyframes heroTitleSoftGlow {
      0%, 100% { opacity: 0.42; transform: scale(0.98); }
      50% { opacity: 0.82; transform: scale(1.04); }
    }
    @keyframes heroMouseSoftLift {
      0%, 100% { transform: translateX(-50%) translateY(0); opacity: 0.86; }
      50% { transform: translateX(-50%) translateY(8px); opacity: 1; }
    }
    @keyframes heroAmbientDrift {
      0%, 100% { transform: scale(1) translate3d(0, 0, 0); }
      50% { transform: scale(1.03) translate3d(0, -12px, 0); }
    }
    @keyframes heroBeamSweepLeft {
      0%, 100% { transform: skewX(-12deg) translateX(-36px); opacity: 0.34; }
      50% { transform: skewX(-12deg) translateX(20px); opacity: 0.7; }
    }
    @keyframes heroBeamSweepRight {
      0%, 100% { transform: skewX(10deg) translateX(24px); opacity: 0.16; }
      50% { transform: skewX(10deg) translateX(-36px); opacity: 0.5; }
    }
    @keyframes heroRingPulse {
      0%, 100% { opacity: 0.84; transform: scale(1); }
      50% { opacity: 1; transform: scale(1.03); }
    }
    @keyframes heroFocusBreathe {
      0%, 100% { opacity: 0.82; }
      50% { opacity: 1; }
    }
    @keyframes heroParticleFloat {
      0%, 100% { transform: translate3d(0, 0, 0) scale(0.65); }
      50% { transform: translate3d(var(--drift-x, 0px), calc(var(--drift-y, -16px) * 1), 0) scale(1); }
    }
    @keyframes heroParticleBlink {
      0%, 100% { opacity: 0.18; }
      50% { opacity: 0.9; }
    }
    @keyframes heroShineSweep {
      0%, 100% { transform: translate(-225px, -50%) skewX(-16deg); opacity: 0; }
      18% { opacity: 0; }
      40% { opacity: 0.62; }
      58% { transform: translate(145px, -50%) skewX(-16deg); opacity: 0; }
    }
    @keyframes heroTitleScan {
      0%, 100% { transform: translateX(0) skewX(-18deg); opacity: 0; }
      26% { opacity: 0; }
      42% { transform: translateX(220% ) skewX(-18deg); opacity: 0.85; }
      55% { opacity: 0; }
    }
    @keyframes heroArrowLift {
      0%, 100% { transform: translateY(0); opacity: 0.88; }
      50% { transform: translateY(10px); opacity: 1; }
    }
    @keyframes heroSkyPulse {
      0%, 100% { opacity: 0.82; transform: translateX(-50%) scale(1); }
      50% { opacity: 1; transform: translateX(-50%) scale(1.04); }
    }
    @keyframes heroHorizonPulse {
      0%, 100% { opacity: 0.84; transform: translateX(-50%) scale(1); }
      50% { opacity: 1; transform: translateX(-50%) scale(1.05); }
    }
    @keyframes innovationCardFloat {
      0%, 100% { transform: translateY(0); }
      50% { transform: translateY(-10px); }
    }
    @keyframes innovationCardSweep {
      0%, 100% { transform: translateX(-140%); opacity: 0; }
      18% { opacity: 0; }
      38% { opacity: 0.72; }
      52% { transform: translateX(130%); opacity: 0; }
    }
    @keyframes innovationArrowPulse {
      0%, 100% { filter: drop-shadow(0 14px 28px rgba(3, 22, 68, 0.22)); }
      50% { filter: drop-shadow(0 18px 34px rgba(7, 44, 128, 0.34)); }
    }

    .mobile-panel-content {
      display: none;
    }

    @media (max-width: 900px) {
      body.is-mobile-stage {
        height: auto;
        min-height: 100vh;
        overflow-x: hidden;
        overflow-y: auto;
        background: #eef4ff;
        scroll-behavior: smooth;
      }
      body.is-mobile-stage .fullpage-shell {
        position: static;
        min-height: 100vh;
        overflow: visible;
        background: #eef4ff;
      }
      body.is-mobile-stage .fullpage-stage {
        position: static;
        width: 100vw;
        height: auto;
        transform: none !important;
      }
      body.is-mobile-stage #page-track {
        width: 100vw !important;
        height: auto !important;
        display: block !important;
        transform: none !important;
        transition: none !important;
      }
      body.is-mobile-stage .panel-scene {
        position: relative !important;
        left: 0 !important;
        top: 0 !important;
        width: 100vw !important;
        height: auto !important;
        min-height: auto !important;
        overflow: visible !important;
        background: transparent !important;
      }
      body.is-mobile-stage .panel-design-canvas {
        display: none !important;
      }
      body.is-mobile-stage .fullpage-pager,
      body.is-mobile-stage .fullpage-meta,
      body.is-mobile-stage .home-back-top {
        display: none !important;
      }
      body.is-mobile-stage .mobile-panel-content {
        display: block;
        position: relative;
        min-height: 100vh;
        padding: 78px 18px 34px;
        color: #1f2937;
        background:
          radial-gradient(circle at 88% 8%, rgba(54, 116, 255, 0.14), transparent 30%),
          linear-gradient(180deg, #ffffff 0%, #f4f8ff 100%);
      }
      body.is-mobile-stage .mobile-section-head {
        margin: 0 0 20px;
      }
      body.is-mobile-stage .mobile-section-head h2 {
        margin: 0;
        color: #111827;
        font-size: 28px;
        font-weight: 800;
        line-height: 1.18;
      }
      body.is-mobile-stage .mobile-section-head p {
        margin: 8px 0 0;
        color: #68758a;
        font-size: 14px;
        line-height: 1.55;
      }
      body.is-mobile-stage .mobile-section-head--dark h2,
      body.is-mobile-stage .mobile-section-head--dark p {
        color: #fff;
      }
      body.is-mobile-stage .mobile-section-head--dark p {
        color: rgba(255, 255, 255, 0.74);
      }
      body.is-mobile-stage .mobile-hero-panel {
        display: flex;
        min-height: 100vh;
        align-items: center;
        padding-top: 92px;
        background:
          linear-gradient(180deg, rgba(3, 28, 78, 0.44), rgba(4, 18, 50, 0.78)),
          image-set(url("../images/home-hero-2026.webp?v=20260810-hero-slogan-carousel1") type("image/webp"), url("../images/home-hero-2026.png?v=20260810-hero-slogan-carousel1") type("image/png")) center / cover no-repeat;
        color: #fff;
      }
      body.is-mobile-stage .mobile-hero-card {
        width: 100%;
        padding: 0 2px;
      }
      body.is-mobile-stage .mobile-hero-card__mark {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 108px;
        min-height: 38px;
        padding: 0;
        border: 0;
        font-size: 17px;
        font-weight: 800;
        letter-spacing: 0;
        filter: drop-shadow(0 10px 20px rgba(3, 31, 90, 0.18));
      }
      body.is-mobile-stage .mobile-hero-card__mark img {
        display: block;
        width: 108px;
        height: 38px;
        object-fit: contain;
      }
      body.is-mobile-stage .mobile-hero-card h1 {
        margin: 18px 0 0;
        max-width: 330px;
        color: #fff;
        font-size: 34px;
        font-weight: 850;
        line-height: 1.18;
        letter-spacing: 0;
      }
      body.is-mobile-stage .mobile-hero-card p {
        margin: 16px 0 0;
        max-width: 330px;
        color: rgba(255, 255, 255, 0.78);
        font-size: 15px;
        line-height: 1.7;
      }
      body.is-mobile-stage .mobile-scroll-cue {
        position: absolute;
        left: 18px;
        bottom: 26px;
        display: inline-flex;
        align-items: center;
        gap: 10px;
        border: 0;
        background: transparent;
        color: rgba(255, 255, 255, 0.78);
        font-size: 12px;
        letter-spacing: 0.08em;
      }
      body.is-mobile-stage .mobile-scroll-cue::before {
        content: "";
        width: 18px;
        height: 30px;
        border: 1px solid rgba(255, 255, 255, 0.78);
        border-radius: 999px;
      }
      body#index.is-mobile-stage .hero-panel-enhanced .mobile-hero-panel {
        z-index: 12;
        background: transparent !important;
        pointer-events: none;
      }
      body#index.is-mobile-stage .hero-panel-enhanced .mobile-hero-card {
        display: none;
      }
      body#index.is-mobile-stage .hero-panel-enhanced .mobile-scroll-cue {
        pointer-events: auto;
      }
      body#index.is-mobile-stage .home-hero-carousel__slide--1 picture img {
        object-position: 67% center;
      }
      body#index.is-mobile-stage .home-hero-carousel__slide--1 .home-hero-carousel__copy {
        align-items: flex-start;
        justify-content: center;
        display: flex;
        padding: 210px 42px 132px;
      }
      body#index.is-mobile-stage .home-hero-carousel__slide--2 picture img {
        object-position: 52% center;
      }
      body#index.is-mobile-stage .home-hero-carousel__slide::after {
        background:
          linear-gradient(180deg, rgba(2, 20, 42, 0.5) 0%, rgba(2, 28, 46, 0.3) 42%, rgba(2, 22, 36, 0.48) 100%),
          linear-gradient(90deg, rgba(2, 25, 48, 0.16), rgba(2, 25, 48, 0.03) 50%, rgba(2, 25, 48, 0.16));
      }
      body#index.is-mobile-stage .home-hero-carousel__copy {
        padding: 94px 48px 132px;
      }
      body#index.is-mobile-stage .home-hero-carousel__copy h1,
      body#index.is-mobile-stage .home-hero-carousel__slide--2 .home-hero-carousel__copy h1 {
        flex-direction: column;
        gap: 4px;
        max-width: 330px;
        font-size: 34px;
        line-height: 1.24;
        white-space: normal;
      }
      body#index.is-mobile-stage .home-hero-carousel__slide--2 .home-hero-carousel__copy {
        align-items: flex-start;
        justify-content: center;
        padding: 178px 18px 132px;
      }
      body#index.is-mobile-stage .home-hero-carousel__slide--2 .home-hero-carousel__copy h1 {
        flex-direction: row;
        gap: 0;
        max-width: none;
        font-size: 21px;
        line-height: 1.2;
        white-space: nowrap;
      }
      body#index.is-mobile-stage .home-hero-carousel__arrow {
        position: absolute;
        top: 50%;
        z-index: 5;
        display: block;
        width: 44px;
        height: 44px;
        padding: 0;
        border: 1px solid rgba(255, 255, 255, 0.66);
        border-radius: 50%;
        background: rgba(255, 255, 255, 0.84);
        box-shadow: 0 8px 24px rgba(0, 34, 54, 0.24);
        transform: translateY(-50%);
      }
      body#index.is-mobile-stage .home-hero-carousel__arrow::before {
        content: "";
        position: absolute;
        left: 50%;
        top: 50%;
        width: 10px;
        height: 10px;
        border-top: 2px solid #0754a6;
        border-right: 2px solid #0754a6;
      }
      body#index.is-mobile-stage .home-hero-carousel__arrow--prev {
        left: 14px;
      }
      body#index.is-mobile-stage .home-hero-carousel__arrow--prev::before {
        transform: translate(-42%, -50%) rotate(-135deg);
      }
      body#index.is-mobile-stage .home-hero-carousel__arrow--next {
        right: 14px;
      }
      body#index.is-mobile-stage .home-hero-carousel__arrow--next::before {
        transform: translate(-58%, -50%) rotate(45deg);
      }
      body#index.is-mobile-stage .home-hero-carousel__indicators {
        bottom: 28px;
      }
      body.is-mobile-stage .mobile-news-panel {
        background:
          linear-gradient(180deg, rgba(3, 12, 28, 0.42), rgba(3, 12, 28, 0.72)),
          image-set(url("../images/news_bg1.webp") type("image/webp"), url("../images/news_bg1.png") type("image/png")) center / cover no-repeat;
      }
      body.is-mobile-stage .mobile-news-panel.is-party-topic-mode {
        background:
          linear-gradient(180deg, rgba(255, 245, 238, 0.04), rgba(185, 0, 6, 0.12)),
          url("../images/home-news-party-bg-20260708.webp") center / cover no-repeat;
      }
      body.is-mobile-stage .mobile-news-panel .mobile-section-head h2 {
        font-size: 26px;
        line-height: 1.2;
      }
      body.is-mobile-stage .mobile-research-panel,
      body.is-mobile-stage .mobile-global-panel {
        background:
          linear-gradient(180deg, rgba(244, 248, 255, 0.14), rgba(244, 248, 255, 0.2)),
          image-set(url("../images/gjbzh_bg_v1.webp?v=20260625-webp500k1") type("image/webp"), url("../images/gjbzh_bg_v1.png") type("image/png")) center / cover no-repeat;
      }
      body.is-mobile-stage .mobile-chip-nav {
        display: flex;
        gap: 10px;
        margin: 0 -18px 18px;
        padding: 0 18px 4px;
        overflow-x: auto;
        scrollbar-width: none;
      }
      body.is-mobile-stage .mobile-chip-nav::-webkit-scrollbar {
        display: none;
      }
      body.is-mobile-stage .mobile-chip-nav a,
      body.is-mobile-stage .mobile-chip-nav span,
      body.is-mobile-stage .mobile-chip-nav button {
        flex: none;
        min-height: 34px;
        padding: 0 14px;
        display: inline-flex;
        align-items: center;
        color: rgba(255, 255, 255, 0.78);
        text-decoration: none;
        border-bottom: 2px solid transparent;
        font-size: 14px;
        font-weight: 700;
        background: transparent;
        border-top: 0;
        border-right: 0;
        border-left: 0;
        cursor: pointer;
        transition: color 180ms ease, border-color 180ms ease, transform 180ms ease;
      }
      body.is-mobile-stage .mobile-chip-nav button:hover {
        transform: translateY(-1px);
      }
      body.is-mobile-stage .mobile-chip-nav a.is-current,
      body.is-mobile-stage .mobile-chip-nav button.is-current {
        color: #fff;
        border-color: #3373ff;
      }
      body.is-mobile-stage .mobile-chip-nav span.is-disabled {
        cursor: default;
      }
      body.is-mobile-stage .mobile-news-list,
      body.is-mobile-stage .mobile-card-stack,
      body.is-mobile-stage .mobile-service-list {
        display: grid;
        gap: 14px;
      }
      body.is-mobile-stage .mobile-news-panel.is-news-tab-leaving .mobile-news-list {
        opacity: 0;
        transform: translate3d(-18px, 10px, 0) scale(.985);
        filter: blur(4px);
        transition: opacity 160ms ease, transform 160ms ease, filter 160ms ease;
      }
      body.is-mobile-stage .mobile-news-panel.is-news-tab-entering .mobile-news-card,
      body.is-mobile-stage .mobile-news-panel.is-news-tab-entering .mobile-party-topic-card {
        animation: mobileNewsTabCardIn 360ms cubic-bezier(.22, 1, .36, 1) both;
      }
      body.is-mobile-stage .mobile-news-panel.is-news-tab-entering .mobile-news-card:nth-child(2),
      body.is-mobile-stage .mobile-news-panel.is-news-tab-entering .mobile-party-topic-card:nth-child(2) {
        animation-delay: 45ms;
      }
      body.is-mobile-stage .mobile-news-panel.is-news-tab-entering .mobile-news-card:nth-child(3),
      body.is-mobile-stage .mobile-news-panel.is-news-tab-entering .mobile-party-topic-card:nth-child(3) {
        animation-delay: 80ms;
      }
      body.is-mobile-stage .mobile-news-panel.is-news-tab-entering .mobile-news-card:nth-child(4),
      body.is-mobile-stage .mobile-news-panel.is-news-tab-entering .mobile-party-topic-card:nth-child(4) {
        animation-delay: 115ms;
      }
      body.is-mobile-stage .mobile-news-panel.is-news-tab-entering .mobile-news-card:nth-child(5),
      body.is-mobile-stage .mobile-news-panel.is-news-tab-entering .mobile-party-topic-card:nth-child(5) {
        animation-delay: 150ms;
      }
      body.is-mobile-stage .mobile-news-panel.is-news-tab-entering .mobile-party-topic-card:nth-child(6) {
        animation-delay: 185ms;
      }
      @keyframes mobileNewsTabCardIn {
        from {
          opacity: 0;
          transform: translate3d(0, 18px, 0) scale(.985);
          filter: blur(4px);
        }
        to {
          opacity: 1;
          transform: translate3d(0, 0, 0) scale(1);
          filter: blur(0);
        }
      }
      body.is-mobile-stage .mobile-news-list--party {
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }
      body.is-mobile-stage .mobile-party-topic-card {
        position: relative;
        display: block;
        min-height: 168px;
        overflow: hidden;
        border: 1px solid rgba(255, 226, 208, 0.72);
        border-radius: 14px;
        background: #fff7ef;
        text-decoration: none;
      }
      body.is-mobile-stage .mobile-party-topic-card img {
        position: absolute;
        inset: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
      }
      body.is-mobile-stage .mobile-party-topic-card--5 > img:first-child {
        object-position: center bottom;
      }
      body.is-mobile-stage .mobile-party-topic-card__emblem {
        position: absolute;
        left: 14px;
        top: 12px;
        right: auto;
        bottom: auto;
        z-index: 2;
        width: 34px;
        height: auto;
        object-fit: contain;
        pointer-events: none;
      }
      body.is-mobile-stage .mobile-party-topic-card__title {
        position: absolute;
        left: 14px;
        right: 14px;
        top: 16px;
        color: #c01010;
        font-size: 15px;
        font-weight: 800;
        line-height: 1.38;
      }
      body.is-mobile-stage .mobile-party-topic-card--5 .mobile-party-topic-card__title {
        top: 52px;
      }
      body.is-mobile-stage .mobile-party-topic-card__tags {
        position: absolute;
        left: 14px;
        right: 14px;
        top: 72px;
        display: flex;
        flex-wrap: wrap;
        gap: 6px;
      }
      body.is-mobile-stage .mobile-party-topic-card--5 .mobile-party-topic-card__tags {
        top: 94px;
      }
      body.is-mobile-stage .mobile-party-topic-card__tags span {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-width: 36px;
        height: 22px;
        padding: 0 8px;
        border: 1px solid rgba(224, 55, 43, 0.34);
        border-radius: 999px;
        background: rgba(255, 247, 239, 0.78);
        color: #d2392f;
        font-size: 12px;
        font-weight: 700;
        line-height: 1;
        box-sizing: border-box;
      }
      body.is-mobile-stage .mobile-news-card {
        display: grid;
        grid-template-columns: 112px minmax(0, 1fr);
        gap: 12px;
        min-height: 116px;
        padding: 10px;
        background: #071b35;
        color: #fff;
        border: 1px solid rgba(255, 255, 255, 0.12);
        box-shadow: 0 14px 32px rgba(0, 0, 0, 0.2);
      }
      body.is-mobile-stage .mobile-news-card--feature {
        display: block;
      }
      body.is-mobile-stage .mobile-news-card img {
        width: 100%;
        height: 96px;
        object-fit: cover;
      }
      body.is-mobile-stage .mobile-news-card--feature img {
        height: 172px;
      }
      body.is-mobile-stage .mobile-news-card > div {
        min-width: 0;
      }
      body.is-mobile-stage .mobile-news-date {
        display: inline-flex;
        align-items: flex-end;
        gap: 3px;
        margin-top: 10px;
        color: rgba(255, 255, 255, 0.66);
        font-size: 12px;
        line-height: 1;
      }
      body.is-mobile-stage .mobile-news-date strong {
        color: #fff;
        font-size: 20px;
        font-weight: 650;
        line-height: 0.9;
      }
      body.is-mobile-stage .mobile-news-date em {
        margin-left: 5px;
        font-style: normal;
      }
      body.is-mobile-stage .mobile-news-card h3 {
        margin: 8px 0 0;
        color: #fff;
        font-size: 14px;
        font-weight: 700;
        line-height: 1.45;
        display: -webkit-box;
        overflow: hidden;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
      }
      body.is-mobile-stage .mobile-news-card p {
        margin: 6px 0 0;
        color: rgba(255, 255, 255, 0.66);
        font-size: 12px;
        line-height: 1.58;
        display: -webkit-box;
        overflow: hidden;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
      }
      body.is-mobile-stage .mobile-image-card,
      body.is-mobile-stage .mobile-text-tile,
      body.is-mobile-stage .mobile-service-card,
      body.is-mobile-stage .mobile-promotion-feature,
      body.is-mobile-stage .mobile-link-grid span {
        background: rgba(255, 255, 255, 0.94);
        border: 1px solid rgba(206, 219, 238, 0.9);
        box-shadow: 0 12px 30px rgba(30, 64, 120, 0.08);
      }
      body.is-mobile-stage .mobile-image-card {
        overflow: hidden;
      }
      body.is-mobile-stage .mobile-image-card img {
        display: block;
        width: 100%;
        height: 168px;
        object-fit: cover;
      }
      body.is-mobile-stage .mobile-image-card div,
      body.is-mobile-stage .mobile-text-tile,
      body.is-mobile-stage .mobile-service-card {
        padding: 18px;
      }
      body.is-mobile-stage .mobile-image-card span,
      body.is-mobile-stage .mobile-promotion-feature span {
        color: #0d65e8;
        font-size: 12px;
        font-weight: 800;
      }
      body.is-mobile-stage .mobile-image-card h3,
      body.is-mobile-stage .mobile-text-tile h3,
      body.is-mobile-stage .mobile-service-card h3,
      body.is-mobile-stage .mobile-promotion-feature h3 {
        margin: 7px 0 0;
        color: #111827;
        font-size: 19px;
        font-weight: 820;
        line-height: 1.35;
      }
      body.is-mobile-stage .mobile-image-card p,
      body.is-mobile-stage .mobile-text-tile p,
      body.is-mobile-stage .mobile-service-card p,
      body.is-mobile-stage .mobile-promotion-feature p {
        margin: 9px 0 0;
        color: #647083;
        font-size: 14px;
        line-height: 1.62;
      }
      body.is-mobile-stage .mobile-tile-grid,
      body.is-mobile-stage .mobile-link-grid {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 12px;
      }
      body.is-mobile-stage .mobile-service-panel,
      body.is-mobile-stage .mobile-education-panel {
        background:
          linear-gradient(180deg, rgba(5, 22, 52, 0.78), rgba(5, 22, 52, 0.9)),
          image-set(url("../images/hyfw_banner_v1.webp") type("image/webp"), url("../images/hyfw_banner_v1.png") type("image/png")) center / cover no-repeat;
      }
      body.is-mobile-stage .mobile-service-card {
        background: rgba(7, 27, 61, 0.9);
        border-color: rgba(255, 255, 255, 0.13);
      }
      body.is-mobile-stage .mobile-service-card h3,
      body.is-mobile-stage .mobile-service-card p {
        color: #fff;
      }
      body.is-mobile-stage .mobile-service-card p {
        color: rgba(255, 255, 255, 0.68);
      }
      body.is-mobile-stage .mobile-service-card span {
        display: inline-flex;
        margin-top: 16px;
        color: #8fb8ff;
        font-size: 13px;
        font-weight: 800;
      }
      body.is-mobile-stage .mobile-promotion-panel {
        background:
          linear-gradient(180deg, rgba(255,255,255,0.86), rgba(244,248,255,0.93)),
          image-set(url("../images/home-promotion-bg-image2.webp") type("image/webp"), url("../images/home-promotion-bg-image2.png") type("image/png")) center / cover no-repeat;
      }
      body.is-mobile-stage .mobile-promotion-tabs {
        display: flex;
        gap: 8px;
        margin: 0 -18px 16px;
        padding: 0 18px 4px;
        overflow-x: auto;
        scrollbar-width: none;
      }
      body.is-mobile-stage .mobile-promotion-tabs::-webkit-scrollbar {
        display: none;
      }
      body.is-mobile-stage .mobile-promotion-tab {
        flex: none;
        max-width: 190px;
        min-height: 38px;
        padding: 0 13px;
        border: 0;
        border-bottom: 3px solid transparent;
        background: rgba(255, 255, 255, 0.72);
        color: #5e6a7c;
        font-size: 14px;
        font-weight: 800;
        white-space: nowrap;
      }
      body.is-mobile-stage .mobile-promotion-tab.is-active {
        color: #0d65e8;
        border-color: #0d65e8;
        background: #fff;
      }
      body.is-mobile-stage .mobile-promotion-feature {
        position: relative;
        overflow: hidden;
        will-change: transform, opacity;
      }
      body.is-mobile-stage .mobile-promotion-feature[hidden] {
        display: none;
      }
      body.is-mobile-stage .mobile-promotion-feature.is-entering {
        animation: publicWelfareFeatureIn 840ms cubic-bezier(0.22, 1, 0.36, 1);
      }
      body.is-mobile-stage .mobile-promotion-feature.is-entering-prev {
        animation: publicWelfareFeatureInPrev 840ms cubic-bezier(0.22, 1, 0.36, 1);
      }
      body.is-mobile-stage .mobile-promotion-feature.is-leaving {
        animation: publicWelfareFeatureOut 840ms cubic-bezier(0.22, 1, 0.36, 1);
      }
      body.is-mobile-stage .mobile-promotion-feature.is-leaving-prev {
        animation: publicWelfareFeatureOutPrev 840ms cubic-bezier(0.22, 1, 0.36, 1);
      }
      body.is-mobile-stage .mobile-promotion-feature img {
        display: block;
        width: 100%;
        height: 176px;
        object-fit: cover;
      }
      body.is-mobile-stage .mobile-promotion-feature div {
        padding: 18px;
      }
      body.is-mobile-stage .mobile-promotion-feature a {
        display: inline-flex;
        align-items: center;
        min-height: 36px;
        margin-top: 15px;
        padding: 0 16px;
        background: #0d65e8;
        color: #fff;
        font-size: 14px;
        font-weight: 800;
        text-decoration: none;
      }
      body.is-mobile-stage .mobile-education-panel {
        background:
          linear-gradient(180deg, rgba(5, 22, 52, 0.78), rgba(5, 22, 52, 0.92)),
          image-set(url("../images/fy_b53759e1c90baa7f2772c878e488647f.webp") type("image/webp"), url("../images/fy_b53759e1c90baa7f2772c878e488647f.png") type("image/png")) center / cover no-repeat;
      }
      body.is-mobile-stage .mobile-link-grid span {
        display: flex;
        align-items: center;
        justify-content: center;
        min-height: 62px;
        padding: 0 10px;
        color: #23354d;
        font-size: 14px;
        font-weight: 800;
        line-height: 1.35;
        text-align: center;
      }
      body.is-mobile-stage .mobile-links-contact {
        display: grid;
        margin-top: 16px;
        overflow: hidden;
        background: #ffffff;
        border: 1px solid #e5eaf2;
        box-shadow: 0 12px 26px rgba(30, 64, 120, 0.07);
      }
      body.is-mobile-stage .mobile-links-contact header,
      body.is-mobile-stage .mobile-links-contact > div,
      body.is-mobile-stage .mobile-links-contact figure {
        margin: 0;
        padding: 15px 18px;
        background: transparent;
        border-bottom: 1px solid #e8edf4;
      }
      body.is-mobile-stage .mobile-links-contact header {
        position: relative;
        padding-left: 22px;
        background: #f8fbff;
      }
      body.is-mobile-stage .mobile-links-contact header::before {
        content: "";
        position: absolute;
        left: 0;
        top: 17px;
        bottom: 17px;
        width: 3px;
        background: #005bac;
      }
      body.is-mobile-stage .mobile-links-contact figure {
        border-bottom: 0;
        background: #f8fbff;
      }
      body.is-mobile-stage .mobile-links-contact header span,
      body.is-mobile-stage .mobile-links-contact span,
      body.is-mobile-stage .mobile-links-contact figcaption {
        display: block;
        color: #6b7280;
        font-size: 13px;
        font-weight: 600;
        line-height: 1.5;
      }
      body.is-mobile-stage .mobile-links-contact header span {
        color: #005bac;
        font-size: 13px;
        font-weight: 700;
        letter-spacing: 0;
      }
      body.is-mobile-stage .mobile-links-contact header strong {
        display: block;
        margin-top: 4px;
        color: #111827;
        font-size: 18px;
        font-weight: 700;
        line-height: 1.4;
      }
      body.is-mobile-stage .mobile-links-contact header em {
        display: block;
        margin-top: 2px;
        color: #7a8494;
        font-size: 12px;
        font-style: normal;
        line-height: 1.5;
      }
      body.is-mobile-stage .mobile-links-contact strong {
        display: block;
        margin-top: 6px;
        color: #111827;
        font-size: 15px;
        font-weight: 700;
        line-height: 1.55;
      }
      body.is-mobile-stage .mobile-links-contact a {
        color: inherit;
        text-decoration: none;
      }
      body.is-mobile-stage .mobile-links-contact div {
        position: relative;
        padding-left: 54px;
      }
      body.is-mobile-stage .mobile-links-contact div::before {
        content: "";
        position: absolute;
        left: 18px;
        top: 18px;
        width: 24px;
        height: 24px;
        border-radius: 50%;
        background: #3373ff;
        box-shadow: 0 8px 18px rgba(51, 115, 255, 0.18);
      }
      body.is-mobile-stage .mobile-links-contact figure {
        display: grid;
        grid-template-columns: 88px minmax(0, 1fr);
        gap: 14px;
        align-items: center;
      }
      body.is-mobile-stage .mobile-links-contact figcaption strong {
        margin: 0 0 4px;
        font-size: 16px;
      }
      body.is-mobile-stage .mobile-links-contact figcaption span {
        font-size: 13px;
      }
      body.is-mobile-stage .mobile-links-contact img {
        display: block;
        width: 88px;
        height: 88px;
        object-fit: contain;
        background: #ffffff;
        padding: 5px;
        border: 1px solid #e5eaf2;
      }
    }

/* Keep the mobile news redesign after the legacy mobile rules. */
body.is-mobile-stage .mobile-news-panel {
  background: #edf3fa;
}
body.is-mobile-stage .mobile-news-panel .mobile-section-head h2 {
  color: #0b265d;
}
body.is-mobile-stage .mobile-news-list {
  display: block;
}
body.is-mobile-stage .mobile-news-panel .mobile-chip-nav button {
  border-color: #d7e1ef;
  background: #fff;
  color: #59687e;
}
body.is-mobile-stage .mobile-news-panel .mobile-chip-nav button.is-current {
  border-color: #0d65e8;
  background: #0d65e8;
  color: #fff;
}
body.is-mobile-stage .mobile-news-hot__arrow {
  display: none;
}

/* 2026-10-11: preserve complete photographs with a soft matching backdrop. */
body#index .home-news-hot-slide {
  background: #10294b;
  transform: none;
  transition: opacity 280ms ease;
}
body#index .home-news-hot-slide > img {
  position: absolute;
  inset: 0 0 auto;
  display: block;
  height: calc(100% - 150px);
  transition: none;
}
body#index .home-news-hot-slide > img.home-news-hot-slide__backdrop {
  object-fit: cover;
  filter: blur(24px) brightness(.55) saturate(.7);
  transform: scale(1.1);
}
body#index .home-news-hot-slide > img.home-news-hot-slide__photo {
  object-fit: contain;
  transform: none;
}
body#index .home-news-hot-slide__shade {
  top: auto;
  height: 150px;
  background: #10294b;
}
body#index .home-news-hot-slide__copy {
  inset: auto 38px 0;
  height: 150px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
body#index .home-news-hot-slide__copy h3 {
  max-width: none;
  font-size: 27px;
  line-height: 1.4;
}
body#index .home-news-hot-arrow { top: 250px; }