.revision-20261027 .site-header { position: fixed; transition: background-color .2s ease, box-shadow .2s ease; }
.revision-20261027 .site-header.is-scrolled { background-color: #fff; box-shadow: 0 4px 20px rgba(0, 58, 100, .08); }
@media (prefers-reduced-motion: reduce) {
  .revision-20261027 .site-header { transition: none; }
}
.revision-20261027 main section[id], .revision-20261027 .platform-card[id] { scroll-margin-top: 80px; }
.revision-20261027 .main-nav a[aria-current="page"]::after { content: ''; position: absolute; height: 3px; background: var(--blue); left: 0; right: 0; bottom: -10px; }
.revision-20261027 .header-inner { gap: 55px; }
.revision-20261027 .main-nav { gap: 40px; }
.revision-20261027 .primary-button {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  background: var(--gradient);
}
.revision-20261027 .primary-button::before {
  content: '';
  position: absolute;
  inset: -20%;
  z-index: -1;
  pointer-events: none;
  background: radial-gradient(ellipse at 20% 85%, #123bd6b3, transparent 70%), radial-gradient(ellipse at 80% 15%, #b8efffa6, transparent 70%);
  animation: header-booking-soft-breathe 3.6s ease-in-out infinite;
}
.revision-20261027 .primary-button:is(:hover, :focus-visible, :active) { box-shadow: none; transform: none; }
.revision-20261027 .primary-button::after {
  content: '';
  position: absolute;
  inset: 0;
  z-index: -1;
  border-radius: inherit;
  pointer-events: none;
  background: radial-gradient(circle 112px at var(--pointer-x, 50%) var(--pointer-y, 50%), #35c4ffb3 0%, #2f9ff080 38%, #3072f033 65%, transparent 85%);
  opacity: 0;
  transition: opacity .24s ease;
}
@media (hover: hover) and (pointer: fine) {
  .revision-20261027 .primary-button.is-pointer-hovered {
    box-shadow: var(--pointer-shadow-x, 0px) var(--pointer-shadow-y, 5px) 38px 3px #3072f059, 0 0 18px #2dbcf033;
  }
  .revision-20261027 .primary-button.is-pointer-hovered::after { opacity: 1; }
}
@keyframes header-booking-soft-breathe {
  0%, 100% { opacity: .08; }
  50% { opacity: .95; }
}
@media (prefers-reduced-motion: reduce) {
  .revision-20261027 .primary-button::before { animation: none; display: none; }
  .revision-20261027 .primary-button::after { transition: none; }
}
.revision-20261027.latest-home .hero-art.home-banner { top: -9.23%; height: 124.62%; object-position: center; }
.revision-20261027.latest-home .city-shenzhen { left: 806px; }
.revision-hero { position: relative; height: 400px; overflow: hidden; }
.revision-banner { position: absolute; inset: 0; overflow: hidden; }
.revision-banner img { position: absolute; left: 0; top: -.05%; width: 100%; height: 202.1%; object-fit: cover; }
.revision-fade { position: absolute; top: 215px; width: 100%; height: 185px; object-fit: cover; }
.revision-hero-content { position: relative; padding-top: 154px; }
.revision-hero h1 { font-size: 36px; font-weight: 500; line-height: 54px; }
.revision-hero-content > p { max-width: 643px; margin-top: 20px; font-size: 16px; line-height: 24px; }
.revision-platforms main::before, .revision-about main::before { display: none; }
.platforms-glow { position: absolute; left: calc(50% - 1242px); top: 286px; pointer-events: none; }
.platform-cards { position: relative; display: grid; gap: 40px; padding-top: 34px; padding-bottom: 65px; }
.platform-card { min-width: 0; min-height: 259px; padding: 29px 39px 37px; border: 1px solid rgba(108,167,255,.3); border-radius: 16px; background: linear-gradient(146.265565deg, #d3eefe 52.377%, #fbfdff 89.086%); }
.platform-card h2 { color: #003a64; font-size: 36px; line-height: 54px; font-weight: 500; }
.platform-description { margin-top: 10px; color: #3D4351; font-size: 18px; line-height: 28px; }
.platform-summary { margin-top: 15px; padding: 27px 29px; border-radius: 10px; background: #ffffffe6; backdrop-filter: blur(25px); font-size: 18px; line-height: 28px; }
.platform-card-gold { border-color: rgba(255,222,129,.3); background: linear-gradient(205.972827deg, #ffeab0 33.905%, #fffdf7 83.334%); }
.platform-card-gold h2 { color: #5a3f01; }
.platform-card:last-child { min-height: 287px; background: linear-gradient(143.499343deg, #d3eefe 52.377%, #fbfdff 89.086%); }
.revision-about .revision-banner { left: -6px; right: -2px; }
.revision-about .revision-banner img { height: 203.75%; top: -45%; }
.revision-about .about-introduction { padding-top: 49px; }
.revision-about .about-introduction p { min-height: 68px; margin: 30px 0 0; color: #3D4351; }
.revision-about .about-introduction strong { color: #3072F0; font-weight: 500; }
.revision-about .company-history { margin-top: 112px; }
.revision-about .open-positions { margin-top: 126px; padding-bottom: 60px; }
.revision-about .jobs-grid { margin-top: 54px; }
@media (max-width: 1250px) {
  .revision-20261027 .header-inner { gap: 40px; }
  .platform-card { padding-inline: 29px; }
}
@media (max-width: 960px) {
  .revision-20261027 .header-inner { gap: 12px; }
  .revision-20261027 .main-nav { gap: 0; }
  .revision-20261027 .main-nav a[aria-current="page"]::after { display: none; }
  .revision-hero h1 { font-size: 32px; }
  .revision-hero-content > p { max-width: 560px; }
  .platform-cards { gap: 28px; padding-top: 30px; padding-bottom: 45px; }
  .platform-card h2 { font-size: 30px; line-height: 45px; }
  .platform-card, .platform-card:last-child { min-height: 0; padding: 25px; }
  .platform-description, .platform-summary { font-size: 16px; line-height: 26px; }
  .platform-summary { padding: 22px; }
  .revision-about .company-history { margin-top: 80px; }
  .revision-about .open-positions { margin-top: 80px; }
  .revision-about .jobs-grid { margin-top: 35px; }
}
@media (max-width: 600px) {
  .revision-20261027.latest-home .hero-art.home-banner { object-position: 65% center; }
  .revision-about .revision-banner img { object-position: 70% center; }
  .revision-20261027 .header-inner { gap: 6px; }
  .revision-hero { height: 320px; }
  .revision-hero-content { padding-top: 125px; }
  .revision-hero h1 { font-size: 28px; line-height: 42px; }
  .revision-hero-content > p { font-size: 14px; line-height: 23px; margin-top: 18px; }
  .revision-fade { top: 172px; height: 148px; }
  .platform-cards { gap: 20px; padding-top: 20px; }
  .platform-card, .platform-card:last-child { padding: 20px; }
  .platform-card h2 { font-size: 24px; line-height: 36px; }
  .platform-description, .platform-summary { font-size: 14px; line-height: 24px; }
  .platform-summary { margin-top: 16px; padding: 18px; }
  .revision-about .about-introduction { padding-top: 40px; }
  .revision-about .about-introduction p { margin-top: 24px; }
  .revision-about .company-history { margin-top: 60px; }
  .revision-about .open-positions { margin-top: 60px; padding-bottom: 50px; }
  .revision-about .jobs-grid { margin-top: 28px; }
}
.revision-20261027.latest-home .hero-fade { top: auto; bottom: 0; height: 185px; pointer-events: none; }
@media (max-width: 600px) {
  .revision-20261027.latest-home .hero-fade { height: 148px; }
}
.revision-20261027 .footer-texture img {
  top: 50%;
  left: 50%;
  width: max(844.992px, 56.263737vw);
  height: auto;
  max-width: none;
  transform: translate(-50%, -50%) rotate(-90deg);
}
.latest-home .product-panel { height: auto; }
.latest-home .product-card { height: auto; min-height: 105px; cursor: default; }
.latest-home .product-card-description { white-space: normal; overflow-wrap: break-word; }
.revision-20261027.latest-home .hero-content > p { font-size: 20px; line-height: 30px; width: max-content; max-width: none; white-space: nowrap; }
.compact-footer .copyright { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 20px; font-size: 14px; line-height: 22px; text-align: center; }
.compact-footer .copyright .copyright-notice,
.compact-footer .copyright .icp-registration { display: inline-block; margin: 0; color: inherit; font-size: inherit; line-height: inherit; white-space: nowrap; }
.compact-footer .copyright .icp-registration:hover { color: #fff; text-decoration: underline; text-underline-offset: 3px; }
.latest-home #customers .customer-city-backdrop { position: absolute; inset: 0; pointer-events: none; }
.latest-home #customers .customer-city-layer { position: absolute; opacity: .6; -webkit-mask-image: var(--city-mask); mask-image: var(--city-mask); mask-mode: alpha; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: var(--city-mask-position); mask-position: var(--city-mask-position); -webkit-mask-size: var(--city-mask-size); mask-size: var(--city-mask-size); }
.latest-home #customers .customer-city-center { left: -53.84px; top: 363.44px; width: 1188.321px; height: 575.504px; --city-mask-position: 367.438px -16.443px; --city-mask-size: 610.287px 591.947px; background-image: linear-gradient(149.0728066233083deg, rgba(48, 114, 240, .2) 41.155%, rgba(52, 198, 255, 0) 95.026%); }
.latest-home #customers .customer-city-left { left: -106.57px; top: 472.5px; width: 684.913px; height: 537.559px; --city-mask-position: -281.428px -46.168px; --city-mask-size: 796.22px 629.893px; background-image: linear-gradient(91.08955132956291deg, rgba(48, 114, 240, .2) 60.138%, rgba(52, 198, 255, 0) 64.686%); }
.latest-home #customers .customer-city-right { left: 630.44px; top: 431.75px; width: 1070.691px; height: 687.443px; --city-mask-position: 293.443px 0px; --city-mask-size: 681.119px 507.203px; background-image: linear-gradient(137.78679161352719deg, rgba(48, 114, 240, .2) 31.297%, rgba(52, 198, 255, 0) 90.099%); }
.latest-home #products .product-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; align-items: stretch; }
.latest-home #products .product-panel { height: auto; min-height: 685px; border-width: 1px; border-style: solid; border-radius: 16px; overflow: hidden; }
.latest-home #products .operations { --panel-ink: #003a64; border-color: rgba(108, 167, 255, .3); background: linear-gradient(108.81440329554894deg, #d3eefe 52.377%, #fbfdff 89.086%); }
.latest-home #products .management { --panel-ink: #5a3f01; border-color: rgba(255, 222, 129, .3); background: linear-gradient(244.96519056303976deg, #ffeab0 33.905%, #fffdf7 83.334%); }
.latest-home #products .panel-art { left: -1px; bottom: -1px; top: auto; width: auto; height: auto; max-width: none; pointer-events: none; }
.latest-home #products .panel-content { padding: 29px 39px 39px; }
.latest-home #products h3 { margin: 0; color: var(--panel-ink); font-size: 36px; font-weight: 500; line-height: 54px; }
.latest-home #products .panel-description { min-height: 54px; margin-top: 10px; color: rgba(6, 9, 16, .6); font-size: 18px; line-height: 27px; }
.latest-home #products .product-list { display: grid; gap: 20px; margin-top: 17px; }
.latest-home #products .product-card { height: auto; min-height: 105px; padding: 16px 14px; border-radius: 10px; background: rgba(255, 255, 255, .69); backdrop-filter: blur(25px); cursor: default; }
.latest-home #products .product-card-title { display: flex; align-items: center; gap: 10px; color: var(--panel-ink); font-size: 24px; font-weight: 500; line-height: 36px; }
.latest-home #products .product-card-title img { flex-shrink: 0; width: auto; height: auto; max-width: none; }
.latest-home #products .product-card-description { display: block; margin-top: 10px; margin-left: 42px; color: #060910; font-size: 18px; line-height: 27px; white-space: normal; overflow-wrap: break-word; }
.latest-home #products .product-card:hover { background: rgba(255, 255, 255, .95); box-shadow: 0 8px 18px #28517912; transform: translateY(-2px); }
@media (min-width: 601px) and (max-width: 1250px) {
  .latest-home #products .panel-content { padding-inline: 24px; }
  .latest-home #products h3 { min-height: 90px; font-size: 30px; line-height: 45px; }
}
@media (min-width: 601px) and (max-width: 960px) {
  .latest-home #products .product-grid { gap: 16px; }
  .latest-home #products .panel-content { padding: 25px 20px; }
  .latest-home #products .panel-description { min-height: 72px; font-size: 16px; line-height: 24px; }
  .latest-home #products .product-card { padding: 12px; }
  .latest-home #products .product-card-title { font-size: 21px; }
  .latest-home #products .product-card-description { margin-left: 0; font-size: 15px; line-height: 24px; }
}
@media (max-width: 600px) {
  .latest-home #products .product-grid { grid-template-columns: 1fr; gap: 20px; }
  .latest-home #products .product-panel { min-height: 0; }
  .latest-home #products .panel-content { padding: 24px; }
  .latest-home #products h3 { min-height: 0; font-size: 28px; line-height: 42px; }
  .latest-home #products .panel-description { min-height: 0; font-size: 14px; line-height: 24px; }
  .latest-home #products .product-list { margin-top: 22px; gap: 12px; }
  .latest-home #products .product-card-title { font-size: 21px; }
  .latest-home #products .product-card-description { margin-top: 6px; margin-left: 0; font-size: 14px; line-height: 24px; }
}