*,*::before,*::after { box-sizing: border-box }
      html,body {
        width: 100%;
        padding: 0;
        margin: 0;
        overflow-x: hidden;
        background: #F2F4F3;
      }
      body { min-height: 100vh }
      p { margin: 0 }
      #page-shell {
        position: relative;
        width: 100%;
        min-height: 100vh;
        overflow: clip;
      }
      #page-root {
        position: absolute;
        top: 0;
        left: 50%;
        width: 1920px;
        height: 9025px;
        background: #F2F4F3;
        transform-origin: top center;
      }

.tx-0001 { width: 1921px; height: 783px; flex: none; position: absolute; left: 0px; top: 0px }

.tx-0002 { flex: none; position: absolute; left: 0px; top: 0px; width: 1920px; height: 748px; object-fit: cover }

.tx-0003 { width: 1920px; height: 147px; flex: none; position: absolute; left: 1px; top: 636px }

.tx-0004 { width: 1920px; height: 147px; flex: none; background: #000001; opacity: 0.6; position: absolute; left: 0px; top: 0px }

.tx-0005 { width: 752px; height: 29px; display: flex; justify-content: center; align-items: center; gap: 40px; position: absolute; left: calc(100% - 1920px + 584px); top: 24px }

.tx-0006 { display: flex; justify-content: center; align-items: center; gap: 6px }

.tx-0007 { width: 24px; height: 24px }

.tx-0008 { color: #1BDFDF; font-size: 20px; font-family: Source Han Sans; font-weight: 500; line-height: 29px }

.tx-0009 { width: 1px; height: 13px; flex: none; background: #FFFFFF; opacity: 0.2 }

.tx-0010 { width: 1066px; height: 29px; display: flex; flex-wrap: nowrap; justify-content: center; align-items: center; gap: 84px; white-space: nowrap; position: absolute; left: calc(100% - 1921px + 427px); top: 26px }

.tx-0011 { flex-shrink: 0; color: #DBFFFF; font-size: 20px; font-family: Source Han Sans; font-weight: 700; line-height: 29px; white-space: nowrap; text-shadow: 0px 0px 30px rgba(4,6,5,0.86) }

.tx-0012 { flex-shrink: 0; color: #DBFFFF; font-size: 20px; font-family: Source Han Sans; line-height: 1.13; white-space: nowrap }

.tx-0013 { width: 641px; height: 24px; display: flex; flex-wrap: nowrap; justify-content: flex-start; align-items: center; gap: 24px; white-space: nowrap; position: absolute; left: 584px; top: 612px }

.tx-0014 { flex-shrink: 0; color: #FFFFFF; font-size: 20px; font-family: FZJunHeiS-DB-GB; line-height: 28px; letter-spacing: 0.4px; white-space: nowrap; transform: rotate(0deg); transform-origin: 0 0 }

.tx-0015 { flex-shrink: 0; color: #FFFFFF; font-size: 20px; font-family: FZJunHeiS-DB-GB; line-height: 28px; letter-spacing: 0.4px; white-space: nowrap }

.tx-0016 {
  flex: none;
  position: absolute;
  left: calc(100% - 1921px + 1117px);
  top: 446px;
  width: 90px;
  height: 78px;
  object-fit: cover;
  transform-origin: center center;
  will-change: transform, filter;
  animation: tx-play-icon-spin 7.2s linear infinite, tx-play-icon-glow 2.4s ease-in-out infinite alternate;
}

@keyframes tx-play-icon-spin {
  from { transform: rotate(0deg) scale(1) }
  50% { transform: rotate(180deg) scale(1.05) }
  to { transform: rotate(360deg) scale(1) }
}

@keyframes tx-play-icon-glow {
  from { filter: drop-shadow(0 8px 14px rgba(27,223,223,0.16)) brightness(1) }
  to { filter: drop-shadow(0 14px 24px rgba(27,223,223,0.36)) brightness(1.08) }
}

.tx-0017 { width: 1920px; height: 752px; flex: none; position: absolute; left: 0px; top: 703px }

.tx-0018 { position: absolute; left: 0px; top: 0px }

.tx-0019 { flex: none; position: absolute; left: 721px; top: 151px; width: 469px; height: 389px; object-fit: cover }

.tx-0020 { color: #181E25; font-size: 29.99px; font-family: HYYakuHei; text-align: center; line-height: 1.09; position: absolute; left: calc(100% - 1920px + 896px); top: 313px }

.tx-0021 { width: 275.5px; height: 103px; flex: none; position: absolute; left: calc(100% - 1920px + 499.75px); top: 171px }

.tx-0022 { width: 248px; height: 103px; display: flex; justify-content: center; align-items: flex-start; flex-direction: column; gap: 8px; position: absolute; left: 27.5px; top: 0px }

.tx-0023 { display: flex; justify-content: center; align-items: flex-start; flex-direction: column; padding-top: 13px; padding-bottom: 13px; padding-right: 12px; padding-left: 36px; background: linear-gradient(90deg, rgba(27,223,223,0.2) 0%, rgba(27,223,223,0) 100%) }

.tx-0024 { color: #181E25; font-size: 20px; font-family: Source Han Sans; font-weight: 700; line-height: 29px }

.tx-0025 { display: flex; justify-content: center; align-items: flex-start; flex-direction: column; padding-right: 12px; padding-left: 36px }

.tx-0026 { width: 200px; flex: none; color: #4C4C4C; font-size: 16px; font-family: Source Han Sans; line-height: 20px }

.tx-0027 { width: 55px; height: 55px; flex: none; position: absolute; left: 0px; top: 0px }

.tx-0028 { position: absolute; left: 0%; right: 0%; top: 0%; bottom: 0% }

.tx-0029 { color: #181E25; font-size: 20px; font-family: Source Han Sans; text-align: center; font-weight: 900; line-height: 29px; position: absolute; left: 29.09%; right: 25.45%; top: 23.64%; bottom: 23.64% }

.tx-0030 { width: 275.5px; height: 103px; flex: none; position: absolute; left: calc(100% - 1920px + 1137.75px); top: 171px }

.tx-0031 { width: 275.5px; height: 103px; flex: none; position: absolute; left: calc(100% - 1920px + 1216.75px); top: 304px }

.tx-0032 { width: 275.5px; height: 103px; flex: none; position: absolute; left: calc(100% - 1920px + 1137.75px); top: 440px }

.tx-0033 { width: 275.5px; height: 103px; flex: none; position: absolute; left: calc(100% - 1920px + 426.75px); top: 304px }

.tx-0034 { width: 275.5px; height: 103px; flex: none; position: absolute; left: calc(100% - 1920px + 499.75px); top: 440px }

.tx-0035 { width: 964px; height: 95px; flex: none; position: absolute; left: 478px; top: 56px }

.tx-0036 { background-image: linear-gradient(182deg, #181E25 0%, rgba(24,30,37,0) 100%); background-clip: text; -webkit-background-clip: text; text-fill-color: transparent; -webkit-text-fill-color: transparent; font-size: 56px; font-family: ReeJi-BigRuixain-BlackGBV1.0; text-align: center; line-height: 78px; letter-spacing: 5.6px; opacity: 0.05; position: absolute; left: calc(100% - 964px + 130px); top: calc(100% - 95px + 0px) }

.tx-0037 { width: 964px; height: 95px; display: flex; justify-content: center; align-items: center; flex-direction: column; gap: 10px; position: absolute; left: 0px; top: 0px }

.tx-0037-title-image { width: 964px; height: 95px; display: block; flex: none }

.tx-0038 { display: flex; justify-content: center; align-items: center; flex-direction: column; gap: 4px }

.tx-0039 { display: flex; justify-content: center; align-items: center; gap: 28px }

.tx-0040 { width: 51px; height: 49px }

.tx-0041 { display: flex; flex-wrap: nowrap; justify-content: flex-start; align-items: center; white-space: nowrap }

.tx-0042 { flex-shrink: 0; color: #181E25; font-size: 36px; font-family: HYYakuHei; text-align: center; line-height: 50px; white-space: nowrap }

.tx-0043 { flex-shrink: 0; background-image: linear-gradient(180deg, #1BDFDF 0%, #35FFD3 99%); background-clip: text; -webkit-background-clip: text; text-fill-color: transparent; -webkit-text-fill-color: transparent; font-size: 36px; font-family: HYYakuHei; text-align: center; line-height: 50px; white-space: nowrap }

.tx-0044 { width: 1920px; height: 746px; flex: none; position: absolute; left: 0px; top: 1223px }

.tx-0045 {
  flex: none;
  position: absolute;
  left: 0px;
  top: 0px;
  width: 1920px;
  height: 746px;
  object-fit: cover;
  display: block;
  clip-path: inset(6px 0 0 0);
  -webkit-clip-path: inset(6px 0 0 0);
}

.tx-0046 { width: 373px; height: 116px; flex: none; position: absolute; left: 360px; top: 174px }

.tx-0047 { color: #FADA58; font-size: 28px; font-family: Chalkduster; line-height: 1.18; position: absolute; transform: rotate(-13.65deg); transform-origin: 0 0; left: 0%; right: 68.9%; top: 23.6%; bottom: 47.09% }

.tx-0048 { color: #FFFFFF; font-size: 36px; font-family: HYYakuHei; line-height: 1.18; position: absolute; left: 13.4%; right: 6.17%; top: 25.86%; bottom: 0% }

.tx-0049 { width: 293px; height: 121px; display: flex; justify-content: center; align-items: flex-start; flex-direction: column; gap: 8px; position: absolute; left: 410px; top: 369px }

.tx-0050 { color: #1BDFDF; font-size: 24px; font-family: Source Han Sans; text-align: left; font-weight: 700; line-height: 35px }

.tx-0051 { width: 208px; height: 66px; flex: none; position: absolute; left: calc(100% - 1920px + 412px); top: calc(100% - 746px + 566px) }

.tx-0052 { position: absolute; left: 0px; right: 0px; top: 0px; bottom: 0px }

.tx-0053 { display: block; width: 100%; height: 100% }

.tx-cta-button {
  display: block;
  color: inherit;
  text-decoration: none;
  transform: var(--tx-cta-base-transform, translateX(0)) scale(1);
  transform-origin: center center;
  transition: transform 0.28s ease;
  z-index: 4;
  cursor: pointer !important;
  pointer-events: auto;
}

.tx-cta-button,
.tx-cta-button * {
  cursor: pointer !important;
}

.tx-cta-button-bg { position: absolute; inset: 0 }

.tx-cta-button-shape { display: block; width: 100%; height: 100% }

.tx-cta-button-label { color: #181E25; font-size: 20px; font-family: Source Han Sans; text-align: center; font-weight: 700; line-height: 29px; white-space: nowrap; user-select: none; -webkit-user-select: none }

@media (hover: hover) {
  .tx-cta-button:hover {
    transform: var(--tx-cta-base-transform, translateX(0)) scale(1.06);
  }
}

.tx-0054 { position: absolute; left: 21.15%; right: 21.15%; top: 27.27%; bottom: 28.79% }

.tx-0055 { position: absolute; left: 725px; top: 340px }

.tx-0056 { flex: none; position: absolute; left: 654px; top: 384px; width: 71px; height: 72px; object-fit: cover }

.tx-0057 { width: 1920px; height: 764px; flex: none; position: absolute; left: 0px; top: 1760px }

.tx-0058 { position: absolute; left: calc(100% - 1920px + 0px); top: 163px }

.tx-0059 { position: absolute; left: 1831px; top: 0px }

.tx-0060 { position: absolute; right: 0px; top: 300px }

.tx-0061 {
  width: 2064px;
  height: 288px;
  position: absolute;
  left: 0px;
  top: 362px;
  overflow: hidden;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  touch-action: pan-y;
}

.tx-0061.is-dragging { cursor: grabbing }

.tx-0061-track {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  width: max-content;
  will-change: transform;
}

.tx-0062 { display: flex; flex: none; justify-content: center; align-items: flex-start; flex-direction: column }

.tx-0063 { width: 269px; height: 206px; flex: none; object-fit: cover; pointer-events: none; -webkit-user-drag: none }

.tx-0064 { width: 269px; height: 82px; display: flex; flex: none; justify-content: center; align-items: flex-start; flex-direction: column; padding-top: 12px; padding-bottom: 12px; padding-right: 24px; padding-left: 24px; background: #FFFFFF }

.tx-0065 { color: #3D3D3D; font-size: 20px; font-family: Source Han Sans; text-align: center; font-weight: 700; line-height: 29px }

.tx-0066 { text-align: center }

.tx-0067 { color: #86909C; font-size: 14px; font-family: Source Han Sans; line-height: 20px }

.tx-0068 { color: #1BDFDF; font-size: 20px; font-family: Source Han Sans; font-weight: 700; line-height: 29px }

.tx-0069 { width: 964px; height: 95px; flex: none; position: absolute; left: calc(100% - 1920px + 478px); top: 227px }

.tx-0070 { background-image: linear-gradient(182deg, #181E25 0%, rgba(24,30,37,0) 100%); background-clip: text; -webkit-background-clip: text; text-fill-color: transparent; -webkit-text-fill-color: transparent; font-size: 56px; font-family: ReeJi-BigRuixain-BlackGBV1.0; text-align: center; line-height: 78px; letter-spacing: 5.6px; opacity: 0.05; position: absolute; left: calc(100% - 964px + 97px); top: calc(100% - 95px + 0px) }

.tx-0071 { width: 640px; height: 82px; display: flex; justify-content: center; align-items: center; flex-direction: column; gap: 10px; position: absolute; left: calc(100% - 964px + 162px); top: 11px }

.tx-0072 { display: flex; justify-content: flex-start; align-items: center }

.tx-0073 { color: #181E25; font-size: 36px; font-family: HYYakuHei; text-align: center; line-height: 50px }

.tx-0074 { background-image: linear-gradient(180deg, #1BDFDF 0%, #35FFD3 99%); background-clip: text; -webkit-background-clip: text; text-fill-color: transparent; -webkit-text-fill-color: transparent; font-size: 36px; font-family: HYYakuHei; text-align: center; line-height: 50px }

.tx-0075 { color: #4C4C4C; font-size: 20px; font-family: Source Han Sans; text-align: center; line-height: 29px; white-space: nowrap }

.tx-0076 { width: 378px; height: 66px; flex: none; position: absolute; left: calc(100% - 1920px + 771px); top: calc(100% - 764px + 682px) }

.tx-0077 { position: absolute; left: 50px; right: 50px; top: 50%; transform: translateY(-50%) }

.tx-0078 { width: 269px; height: 2px; flex: none; background: linear-gradient(180deg, #1BDFDF 0%, #35FFD3 99%); position: absolute; left: 410px; top: 648px }

.tx-0079 { width: 1920px; height: 642px; flex: none; position: absolute; left: 0px; top: 2564px }

.tx-0080 { flex: none; position: absolute; left: calc(100% - 1920px + 0px); top: 0px; width: 1920px; height: 642px; object-fit: cover }

.tx-0081 { width: 964px; height: 95px; flex: none; position: absolute; left: calc(100% - 1920px + 478px); top: 48px }

.tx-0082 { background-image: linear-gradient(182deg, #181E25 0%, rgba(24,30,37,0) 100%); background-clip: text; -webkit-background-clip: text; text-fill-color: transparent; -webkit-text-fill-color: transparent; font-size: 56px; font-family: ReeJi-BigRuixain-BlackGBV1.0; text-align: center; line-height: 78px; letter-spacing: 5.6px; opacity: 0.05; position: absolute; left: calc(100% - 964px + 152.5px); top: calc(100% - 95px + 0px) }

.tx-0083 { width: 608px; height: 82px; display: flex; justify-content: center; align-items: center; flex-direction: column; gap: 10px; position: absolute; left: calc(100% - 964px + 178px); top: 11px }

.tx-0084 { position: absolute; left: 410px; top: 135px; width: 201px; height: 114px; text-align: left; white-space: nowrap }

.tx-0085 { display: inline-block; background-image: linear-gradient(180deg, #EAEAEA 0%, rgba(225,225,225,0) 100%); background-clip: text; -webkit-background-clip: text; text-fill-color: transparent; -webkit-text-fill-color: transparent; font-size: 96px; font-family: ITC Avant Garde Gothic; font-weight: 500; line-height: 1.1811 }

.tx-0086 { display: inline-block; background-image: linear-gradient(180deg, #EAEAEA 0%, rgba(225,225,225,0) 100%); background-clip: text; -webkit-background-clip: text; text-fill-color: transparent; -webkit-text-fill-color: transparent; font-size: 64px; font-family: ITC Avant Garde Gothic; font-weight: 500; line-height: 1.1811 }

.tx-0087 { position: absolute; left: 410px; top: 250px; width: 1100px; height: 314px }

.kcdg-card { display: none }

.kcdg-card[data="1"],
.kcdg-card.is-active { display: block }

.kcdg-card.is-hidden { display: none }

.tx-0087-layout { display: flex; justify-content: space-between; align-items: flex-start; width: 100%; height: 100% }

.tx-0087-copy { width: 592px; height: 314px; display: flex; flex-direction: column; gap: 24px }

.tx-0087-head { width: 592px; height: auto; display: flex; flex-direction: column; justify-content: flex-start; gap: 8px }

.tx-0087-title { width: 592px; flex-shrink: 0; margin: 0; color: #181E25; font-size: 28px; font-family: Source Han Sans; font-weight: 900; line-height: 1.1811 }

.tx-0087-desc { width: 592px; flex-shrink: 0; margin: 0; color: #4C4C4C; font-size: 20px; font-family: Source Han Sans; font-weight: 400; line-height: 28px }

.tx-0087-list { width: 592px; height: auto }

.tx-0087-list-text { width: 592px; margin: 0; color: #4C4C4C; font-size: 20px; font-family: Source Han Sans; font-weight: 400; line-height: 28px }

.tx-0087-list-text-columns {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 24px;
}

.tx-0087-list-col {
  display: block;
  color: inherit;
  font: inherit;
  line-height: inherit;
}

.tx-0087-list-col-left { width: 235px }

.tx-0087-list-col-right { width: 275px }



.tx-0088 { width: 84px; height: 32px; display: flex; justify-content: flex-start; align-items: center; gap: 20px; position: absolute; left: 674px; top: 195px }

.tx-0089 {
  width: 32px;
  height: 32px;
  flex: none;
  position: relative;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: 0;
  border: none;
  background: transparent;
  cursor: pointer;
  transition: transform 0.22s ease, filter 0.22s ease;
}

.tx-0089::before,
.tx-0089::after {
  content: "";
  position: absolute;
  clip-path: polygon(0 79.166%, 20.834% 100%, 100% 100%, 100% 20.834%, 79.166% 0, 0 0);
}

.tx-0089::before {
  inset: 0;
  background: #181E25;
}

.tx-0089::after {
  inset: 1.5px;
  background: linear-gradient(180deg, #1BDFDF 0%, #35FFD3 99%);
}

.tx-0089:hover {
  transform: translateY(-1px) scale(1.04);
  filter: brightness(1.03);
}

.tx-0089:focus-visible {
  outline: 2px solid rgba(24,30,37,0.35);
  outline-offset: 2px;
}

.tx-0089-arrow {
  position: relative;
  z-index: 1;
  width: 8px;
  height: 8px;
  border-top: 2px solid #181E25;
  border-right: 2px solid #181E25;
  transform: rotate(45deg);
}

.tx-0089-prev .tx-0089-arrow { transform: rotate(-135deg) translate(-1px, 1px) }

.tx-0089-next .tx-0089-arrow { transform: rotate(45deg) translate(-1px, 1px) }

.tx-0090 { width: 1920px; height: 782px; flex: none; position: absolute; left: 0px; top: 3206px }

.tx-0091 { position: absolute; left: 0px; top: 301.5px }

.tx-0092 { position: absolute; left: 0px; top: 280px }

.tx-0093 { flex: none; position: absolute; left: 392px; top: -41px; width: 486px; height: 823px; object-fit: cover }

.tx-0094 { width: 654px; height: 403px; display: flex; justify-content: center; align-items: flex-start; flex-direction: column; gap: 8px; position: absolute; left: 848px; top: 215px }

.tx-0095 { color: #181E25; font-size: 32px; font-family: Source Han Sans; font-weight: 700; line-height: 1.18 }

.tx-0096 { width: 654px; flex: none; color: #4C4C4C; font-size: 20px; font-family: Source Han Sans; font-weight: 400; line-height: 32px }

.tx-0097 { display: flex; align-self: stretch; justify-content: flex-start; align-items: flex-start; gap: 8px }

.tx-0098 { flex-shrink: 0; color: #4C4C4C; font-size: 20px; font-family: Source Han Sans; font-weight: 400; line-height: 32px }

.tx-0099 { flex: 1; flex-shrink: 0; color: #4C4C4C; font-size: 20px; font-family: Source Han Sans; font-weight: 400; line-height: 32px }

.tx-0100 { flex-shrink: 0; color: #181E25; font-size: 20px; font-family: Source Han Sans; line-height: 32px }

.tx-0101 { display: flex; flex: 1; flex-shrink: 0; justify-content: center; align-items: flex-start; flex-direction: column; gap: 8px }

.tx-0102 { align-self: stretch; flex-shrink: 0; color: #181E25; font-size: 20px; font-family: Source Han Sans; line-height: 32px }

.tx-0103 { display: flex; flex-shrink: 0; justify-content: flex-start; align-items: flex-start; gap: 12px }

.tx-0104-button {
  position: relative;
  width: 189px;
  height: 141px;
  flex: none;
  padding: 0;
  border: 0;
  border-radius: 18px;
  overflow: hidden;
  background: linear-gradient(180deg, rgba(255,255,255,0.98) 0%, rgba(231,247,247,0.98) 100%);
  box-shadow: 0 14px 36px rgba(24,30,37,0.14);
  cursor: pointer;
  isolation: isolate;
  transition: transform 0.32s ease, box-shadow 0.32s ease, filter 0.32s ease;
}

.tx-0104-button::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(24,30,37,0) 28%, rgba(24,30,37,0.16) 100%);
  opacity: 0.88;
  z-index: 1;
  transition: opacity 0.32s ease;
}

.tx-0104-button::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 18px;
  border: 1px solid rgba(255,255,255,0.56);
  box-shadow: inset 0 0 0 1px rgba(27,223,223,0.18);
  z-index: 3;
  pointer-events: none;
}

.tx-0104-button:hover,
.tx-0104-button:focus-visible {
  transform: translateY(-6px) scale(1.02);
  box-shadow: 0 20px 42px rgba(24,30,37,0.2);
  filter: saturate(1.08);
  outline: none;
}

.tx-0104-button:hover::before,
.tx-0104-button:focus-visible::before {
  opacity: 1;
}

.tx-0104 { width: 100%; height: 100%; display: block; object-fit: cover }

.tx-0104-hint {
  position: absolute;
  left: 14px;
  bottom: 14px;
  z-index: 2;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  min-width: 110px;
  height: 32px;
  padding: 0 14px;
  border-radius: 999px;
  background: rgba(255,255,255,0.18);
  backdrop-filter: blur(10px);
  color: #FFFFFF;
  font-size: 14px;
  font-family: Source Han Sans;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: 0.4px;
  transform: translateY(4px);
  transition: transform 0.32s ease, background 0.32s ease;
}

.tx-0104-button:hover .tx-0104-hint,
.tx-0104-button:focus-visible .tx-0104-hint {
  transform: translateY(0);
  background: rgba(27,223,223,0.3);
}

.tx-image-preview {
  position: fixed;
  inset: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 48px;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  z-index: 9999;
  transition: opacity 0.32s ease, visibility 0.32s ease;
}

.tx-image-preview.is-open {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

.tx-image-preview-backdrop {
  position: absolute;
  inset: 0;
  border: 0;
  padding: 0;
  background:
    radial-gradient(circle at top, rgba(27,223,223,0.22) 0%, rgba(27,223,223,0) 35%),
    rgba(4,6,5,0.8);
  backdrop-filter: blur(16px);
  cursor: pointer;
}

.tx-image-preview-dialog {
  position: relative;
  z-index: 1;
  width: min(78vw, 1080px);
  max-width: 1080px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 16px;
  transform: translateY(28px) scale(0.94);
  opacity: 0;
  transition: transform 0.36s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.36s ease;
}

.tx-image-preview.is-open .tx-image-preview-dialog {
  transform: translateY(0) scale(1);
  opacity: 1;
}

.tx-image-preview-dismiss {
  position: absolute;
  top: -18px;
  right: -18px;
  z-index: 2;
  width: 46px;
  height: 46px;
  border: 0;
  border-radius: 50%;
  background: linear-gradient(180deg, #FFFFFF 0%, #DDFBFB 100%);
  color: #181E25;
  font-size: 28px;
  line-height: 1;
  box-shadow: 0 16px 32px rgba(24,30,37,0.18);
  cursor: pointer;
  transition: transform 0.28s ease, box-shadow 0.28s ease;
}

.tx-image-preview-dismiss:hover,
.tx-image-preview-dismiss:focus-visible {
  transform: scale(1.08) rotate(90deg);
  box-shadow: 0 20px 36px rgba(24,30,37,0.22);
  outline: none;
}

.tx-image-preview-frame {
  width: 100%;
  padding: 16px;
  border-radius: 28px;
  background: linear-gradient(180deg, rgba(255,255,255,0.96) 0%, rgba(229,245,245,0.92) 100%);
  box-shadow: 0 28px 72px rgba(0,0,0,0.22);
}

.tx-image-preview-image {
  width: 100%;
  max-height: calc(100vh - 210px);
  display: block;
  border-radius: 20px;
  object-fit: contain;
  background: #FFFFFF;
}

.tx-image-preview-caption {
  margin: 0;
  color: #DBFFFF;
  font-size: 18px;
  font-family: Source Han Sans;
  line-height: 26px;
  text-align: center;
  text-shadow: 0 4px 24px rgba(0,0,0,0.28);
}

.tx-0105 { width: 604px; height: 109px; flex: none; position: absolute; left: 795px; top: 74px }

.tx-0106 { color: #FADA58; font-size: 28px; font-family: Chalkduster; line-height: 1.18; position: absolute; transform: rotate(-13.65deg); transform-origin: 0 0; left: 0%; right: 80.46%; top: 25.12%; bottom: 43.69% }

.tx-0107 { color: #000000; font-size: 36px; font-family: HYYakuHei; line-height: 1.18; position: absolute; left: 8.28%; right: 55.96%; top: 27.52%; bottom: 33.03% }

.tx-0108 { color: #4C4C4C; font-size: 20px; font-family: Source Han Sans; line-height: 1.18; position: absolute; left: 52px; top: 79px }

.tx-0109 { width: max-content; height: 66px; display: flex; justify-content: center; align-items: center; padding-left: 50px; padding-right: 50px; flex: none; position: absolute; left: 1142px; top: calc(100% - 782px + 650px); --tx-cta-base-transform: translateX(-50%) }

.tx-0110 { position: relative; z-index: 1 }

.tx-0111 { width: 1920px; height: 944px; flex: none; position: absolute; left: 0px; top: 3937px; overflow: hidden }

.tx-0111-bg { position: absolute; inset: 0; background: #050409; clip-path: polygon(0 5.44%, 95.81% 5.44%, 100% 0, 100% 100%, 0 100%) }

.tx-0111-bg-image { position: absolute; inset: 0; opacity: 0.15; clip-path: polygon(0 5.44%, 95.81% 5.44%, 100% 0, 100% 100%, 0 100%); background: url("../img/4268a0ec31578c9b69e318666f933926.jpg") center center / cover no-repeat }

.tx-0111-portfolio { position: absolute; left: 140px; top: 258px; width: 1640px; height: 549px; display: flex; justify-content: flex-start; align-items: stretch; flex-direction: column; gap: 24px; z-index: 2 }

.tx-0111-portfolio-row { position: relative; width: 100%; height: 258px; overflow: hidden }

.tx-0111-portfolio-track { display: flex; align-items: center; width: max-content; will-change: transform }

.tx-0111-portfolio-track-top { gap: 32px; animation: tx-0111-portfolio-top-scroll 20s linear infinite }

.tx-0111-portfolio-track-bottom { gap: 32px; animation: tx-0111-portfolio-bottom-scroll 20s linear infinite }

.tx-0111-portfolio-set { display: flex; align-items: center }

.tx-0111-portfolio-set-top { gap: 32px }

.tx-0111-portfolio-set-bottom { gap: 32px }

.tx-0111-portfolio-img { width: 416px; height: 258px; display: block; flex: none; object-fit: cover }

@keyframes tx-0111-portfolio-top-scroll {
  0% { transform: translateX(0) }
  100% { transform: translateX(-2240px) }
}

@keyframes tx-0111-portfolio-bottom-scroll {
  0% { transform: translateX(0) }
  100% { transform: translateX(-1792px) }
}

.tx-0112 { width: max-content; height: 66px; display: flex; justify-content: center; align-items: center; padding-left: 50px; padding-right: 50px; flex: none; position: absolute; left: 960px; top: calc(100% - 944px + 806px); --tx-cta-base-transform: translateX(-50%); z-index: 3 }

.tx-0113 { width: 964px; height: 95px; flex: none; position: absolute; left: calc(100% - 1920px + 478px); top: 131px; z-index: 3 }

.tx-0114 { color: #FFFFFF; font-size: 56px; font-family: ReeJi-BigRuixain-BlackGBV1.0; text-align: center; line-height: 78px; letter-spacing: 5.6px; opacity: 0.05; position: absolute; left: calc(100% - 964px + 75px); top: calc(100% - 95px + 0px) }

.tx-0115 { width: 420px; height: 82px; display: flex; justify-content: center; align-items: center; flex-direction: column; gap: 10px; position: absolute; left: calc(100% - 964px + 272px); top: 11px }

.tx-0116 { color: #FFFFFF; font-size: 36px; font-family: HYYakuHei; text-align: center; line-height: 50px }

.tx-0117 { color: #FFFFFF; font-size: 20px; font-family: Source Han Sans; text-align: center; line-height: 29px }

.tx-0118 { width: 1920px; height: 1294px; flex: none; position: absolute; left: 0px; top: 4881px; background: #FFFFFF; overflow: hidden }

.tx-brand-stage { position: relative; width: 100%; height: 100% }

.tx-brand-bg-label { background-image: linear-gradient(182deg, #181E25 0%, rgba(24,30,37,0) 100%); background-clip: text; -webkit-background-clip: text; text-fill-color: transparent; -webkit-text-fill-color: transparent; font-size: 56px; font-family: ReeJi-BigRuixain-BlackGBV1.0; text-align: center; line-height: 78px; letter-spacing: 5.6px; opacity: 0.05; position: absolute; left: 478px; top: 72px; width: 964px; height: 95px; white-space: nowrap }

.tx-brand-header { width: 964px; height: 95px; display: flex; justify-content: center; align-items: center; flex-direction: column; gap: 10px; position: absolute; left: 478px; top: 72px; z-index: 2 }

.tx-brand-title-row { display: flex; justify-content: center; align-items: center; gap: 28px; white-space: nowrap }

.tx-brand-title-text { display: flex; justify-content: center; align-items: center; gap: 12px; white-space: nowrap }

.tx-brand-title-accent { background-image: linear-gradient(180deg, #1BDFDF 0%, #35FFD3 99%); background-clip: text; -webkit-background-clip: text; text-fill-color: transparent; -webkit-text-fill-color: transparent; font-size: 36px; font-family: HYYakuHei; line-height: 50px }

.tx-brand-title-main { color: #181E25; font-size: 36px; font-family: HYYakuHei; line-height: 50px }

.tx-brand-subtitle { margin: 0; color: #4C4C4C; font-size: 20px; font-family: Source Han Sans; text-align: center; line-height: 29px; white-space: nowrap }

.tx-brand-copy { width: 461px; height: 299px; display: flex; justify-content: flex-start; align-items: flex-start; flex-direction: column; gap: 18px; position: absolute; left: 410px; top: 250px; z-index: 2 }

.tx-brand-copy-title { margin: 0; color: #181E25; font-size: 24px; font-family: Source Han Sans; font-weight: 700; line-height: 30px; white-space: nowrap }

.tx-brand-copy-rule { width: 24px; height: 1px; background: #181E25 }

.tx-brand-copy-text { width: 461px; margin: 0; color: #4C4C4C; font-size: 18px; font-family: Source Han Sans; line-height: 26px }

.tx-brand-accent-panel { position: absolute; left: 1146px; top: 376px; width: 774px; height: 274px; background: #D4FCF8; z-index: 0 }

.tx-brand-sigil { position: absolute; left: 478px; top: 555px; width: 108px; height: 108px; opacity: 0.1; background: url("../img/e1b987fc58d943a03cd4bb1a0ff4688e.png") center center / 100% 100% no-repeat; transform: rotate(180deg); transform-origin: center center; z-index: 0 }

.tx-brand-visual { position: absolute; left: 906px; top: 150px; width: 604px; height: 452px; z-index: 1; isolation: isolate }

.tx-brand-visual-frame { position: absolute; left: -14px; top: -16px; width: 618px; height: 485px; z-index: 2; background: url("../img/13037dd2058eeb2da7adcb287c6f6543.png") center center / 100% 100% no-repeat }

.tx-brand-visual-photo { position: absolute; left: 0px; top: 99.71px; width: 604px; height: 352.2941px; z-index: 1; background: url("../img/577e267f6141b6625736e186e2e4040b.jpeg") center center / 100% 100% no-repeat }

.tx-brand-media { width: 1100px; height: 489px; display: flex; justify-content: center; align-items: flex-start; flex-direction: column; gap: 24px; position: absolute; left: 410px; top: 668px; z-index: 2 }

.tx-brand-media-group { display: flex; justify-content: center; align-items: flex-start; flex-direction: column; gap: 6px }

.tx-brand-media-group-games { width: 1100px; height: 210px }

.tx-brand-media-group-film { width: 1099px; height: 255px }

.tx-brand-media-heading { margin: 0; color: #181E25; font-size: 24px; font-family: Source Han Sans; font-weight: 700; line-height: 27px; white-space: nowrap }

.tx-brand-media-heading-film { width: 466px }

.tx-brand-games { width: 1100px; height: 169px; display: flex; justify-content: center; align-items: center }

.tx-brand-game-card { height: 169px; flex-shrink: 0; position: relative; background-repeat: no-repeat; background-position: center; background-size: 100% 100% }

.tx-brand-game-card-01 { width: 270px; background-image: url("../img/8b151067351ed68756d150a22c7c42f7.png") }

.tx-brand-game-card-02 { width: 280px; background-image: url("../img/74ab9bc021ea0df8451b0035ddf6d559.png") }

.tx-brand-game-card-03 { width: 278px; background-image: url("../img/35ca9fd55a58b83471bd5f08e963d58d.png") }

.tx-brand-game-card-04 { width: 272px; background-image: url("../img/412bf0ea80ce3fe68ec51bbd40dacbd1.png") }

.tx-brand-game-logo { position: absolute; background-repeat: no-repeat; background-position: center; background-size: 100% 100% }

.tx-brand-game-logo-01 { left: 8px; top: 62px; width: 161px; height: 61px; background-image: url("../img/ad9a4e60df22270bcf362066e2cc9e15.png") }

.tx-brand-game-logo-02 { left: 17px; top: 10px; width: 57px; height: 37px; background-image: url("../img/e62b41b9c650ca3df6d44ba05ce178a9.png") }

.tx-brand-films { width: 1099px; height: 214px; display: flex; justify-content: center; align-items: center }

.tx-brand-film-card { width: 157px; height: 214px; flex-shrink: 0; background-repeat: no-repeat; background-position: center; background-size: 100% 100% }

.tx-brand-film-card-01 { background-image: url("../img/3d046446798ad48878f94a580ab576ca.png") }

.tx-brand-film-card-02 { background-image: url("../img/a682cfe95826552b8673e4af661bb70f.png") }

.tx-brand-film-card-03 { background-image: url("../img/5ea3334a29e05dcfbf860ea66e386eb8.png") }

.tx-brand-film-card-04 { background-image: url("../img/67735ae7572039b5739a901a10f47fe3.png") }

.tx-brand-film-card-05 { background-image: url("../img/ce09bc12092fc861e62841456de67866.png") }

.tx-brand-film-card-06 { background-image: url("../img/6c677ef6aee8defda75c78a1cf063de2.png") }

.tx-brand-film-card-07 { background-image: url("../img/05842aaf3c6193a728becd3f26888996.png") }

.tx-0119 { width: 1920px; height: 2318px; flex: none; background: #FFFFFF; position: absolute; right: 0px; top: 6175px; transition: height 0.6s ease }

.tx-0120 { width: 1920px; height: 716px; flex: none; position: absolute; left: 0px; top: 6110px }

.tx-0121 { position: absolute; left: calc(100% - 1920px + 0px); top: 0px }

.tx-0122 { width: 964px; height: 95px; flex: none; position: absolute; left: calc(100% - 1920px + 478px); top: 64px }

.tx-0123 { background-image: linear-gradient(182deg, #182522 0%, rgba(24,37,34,0) 100%); background-clip: text; -webkit-background-clip: text; text-fill-color: transparent; -webkit-text-fill-color: transparent; font-size: 56px; font-family: ReeJi-BigRuixain-BlackGBV1.0; text-align: center; line-height: 78px; letter-spacing: 5.6px; opacity: 0.05; position: absolute; left: calc(100% - 964px + 123px); top: calc(100% - 95px + 0px) }

.tx-0124 { width: 508px; height: 82px; display: flex; justify-content: center; align-items: center; flex-direction: column; gap: 10px; position: absolute; left: calc(100% - 964px + 228px); top: 11px }

.tx-0125 { color: #4C4C4C; font-size: 20px; font-family: Source Han Sans; text-align: center; line-height: 29px }

.tx-0126 { width: 1099px; height: 435px; display: flex; justify-content: flex-start; align-items: center; gap: 8px; position: absolute; left: calc(100% - 1920px + 410px); top: 191px }

.tx-0127 { width: 361px; height: 435px; flex: none; position: relative }

.tx-0128 { width: 361px; height: 435px; flex: none; position: absolute; left: 0px; top: 0px }

.tx-0129 { flex: none; position: absolute; left: 0%; right: 0%; top: 0%; bottom: 0%; width: 361px; height: 435px; object-fit: cover }

.tx-0130 { width: 361px; height: 435px; flex: none; background: linear-gradient(180deg, rgba(0,11,5,0) 51%, #000B05 100%); position: absolute; left: 0%; right: 0%; top: 0%; bottom: 0% }

.tx-0131 { width: 308px; height: 86px; display: flex; justify-content: center; align-items: flex-start; flex-direction: column; gap: 4px; position: absolute; left: calc(100% - 361px + 27px); top: 299px }

.tx-0132 { color: #FFFFFF; font-size: 28px; font-family: Source Han Sans; font-weight: 700; line-height: 1.18 }

.tx-0133 { width: 308px; flex: none; color: #FFFFFF; font-size: 16px; font-family: Source Han Sans; line-height: 24px }

.tx-0134 { width: 361px; height: 435px; flex: none; background: linear-gradient(180deg, rgba(26,14,1,0) 51%, #1A0E01 100%); position: absolute; left: 0%; right: 0%; top: 0%; bottom: 0% }

.tx-0135 { width: 308px; height: 62px; display: flex; justify-content: center; align-items: flex-start; flex-direction: column; gap: 4px; position: absolute; left: calc(100% - 361px + 27px); top: 299px }

.tx-0136 { width: 361px; height: 435px; flex: none; background: linear-gradient(180deg, rgba(17,6,0,0) 51%, #110600 100%); position: absolute; left: 0%; right: 0%; top: 0%; bottom: 0% }

.tx-0137 { width: 308px; height: 110px; display: flex; justify-content: center; align-items: flex-start; flex-direction: column; gap: 4px; position: absolute; left: calc(100% - 361px + 27px); top: 299px }

.tx-0138 { width: 300px; height: 66px; flex: none; position: absolute; left: calc(100% - 1920px + 810px); top: calc(100% - 716px + 650px) }

.tx-0139 { position: absolute; left: calc(100% - 300px + 50px); top: 27.27%; bottom: 28.79% }

.tx-0140 { width: 1100px; height: 562px; flex: none; position: absolute; left: calc(100% - 1920px + 410px); top: 6906px; overflow: visible }

.tx-0141 { width: 964px; height: 95px; flex: none; position: absolute; left: calc(100% - 1100px + 68px); top: 0px }

.tx-0142 { background-image: linear-gradient(182deg, #181E25 0%, rgba(24,30,37,0) 100%); background-clip: text; -webkit-background-clip: text; text-fill-color: transparent; -webkit-text-fill-color: transparent; font-size: 56px; font-family: ReeJi-BigRuixain-BlackGBV1.0; text-align: center; line-height: 78px; letter-spacing: 5.6px; opacity: 0.05; position: absolute; left: calc(100% - 964px + 42px); top: calc(100% - 95px + 0px) }

.tx-0143 { width: 440px; height: 82px; display: flex; justify-content: center; align-items: center; flex-direction: column; gap: 10px; position: absolute; left: calc(100% - 964px + 262px); top: 11px }

.tx-0144 { width: 1920px; height: 480px; display: flex; justify-content: center; align-items: stretch; flex-direction: column; gap: 8px; position: absolute; left: -410px; top: 127px }

.tx-0145 { position: relative; width: 100%; height: 236px; overflow: hidden }

.tx-0145-track { display: flex; align-items: center; width: max-content; will-change: transform }

.tx-0145-track-top { gap: 8px; animation: tx-0145-top-scroll 20s linear infinite }

.tx-0145-track-bottom { gap: 8px; animation: tx-0145-bottom-scroll 20s linear infinite }

.tx-0145-set { display: flex; align-items: center }

.tx-0145-set-top { gap: 8px }

.tx-0145-set-bottom { gap: 8px }

.tx-0147 { width: 361px; height: 236px; flex: none; object-fit: cover }

@keyframes tx-0145-top-scroll {
  0% { transform: translateX(0) }
  100% { transform: translateX(-738px) }
}

@keyframes tx-0145-bottom-scroll {
  0% { transform: translateX(0) }
  100% { transform: translateX(-1107px) }
}

.tx-0148 { width: 1100px; flex: none; position: absolute; left: calc(100% - 1920px + 410px); top: 7593px; padding-top: 113px; transition: height 0.6s ease }

.tx-0149 { background-image: linear-gradient(181deg, #181E25 0%, rgba(24,30,37,0) 100%); background-clip: text; -webkit-background-clip: text; text-fill-color: transparent; -webkit-text-fill-color: transparent; font-size: 56px; font-family: ReeJi-BigRuixain-BlackGBV1.0; text-align: center; line-height: 78px; letter-spacing: 5.6px; opacity: 0.05; position: absolute; left: calc(100% - 964px + 210.5px); top: calc(100% - 95px + 0px) }

.tx-0150 { width: 620px; height: 82px; display: flex; justify-content: center; align-items: center; flex-direction: column; gap: 10px; position: absolute; left: calc(100% - 964px + 172px); top: 11px }

.tx-0150 .tx-0125 { white-space: nowrap }

.tx-0151 { width: 1100px; display: flex; justify-content: flex-start; align-items: center; flex-direction: column; gap: 20px; padding-bottom: 24px }

.tx-logo-wall { width: 1100px; height: 670px; overflow: hidden; transition: height 0.6s ease }

.tx-logo-list { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(5, 220px) }

.tx-logo-item { width: 220px; height: 134px; display: flex; justify-content: center; align-items: center }

.tx-logo-item img { display: block; max-width: 100%; max-height: 100% }

.tx-logo-more { display: block; width: 100px; border: none; padding: 0; margin: 0 auto; background: transparent; color: #3688F7; font-size: 24px; font-family: Source Han Sans; line-height: 34px; text-align: center; cursor: pointer }

.tx-logo-more:hover { color: #2B74D9 }

.tx-0152 { position: absolute; left: 0px; top: 8493px; transition: top 0.6s ease }

.section-title{
  font-weight: bold;
}

.yjst { width: 300px; height: 66px; flex: none; position: absolute; left: calc(100% - 1920px + 499px); top: calc(100% - 716px + 455px) }

.tx-0087-visual { width: 482px; height: 271px; flex-shrink: 0; margin-top: 21px; overflow: hidden; clip-path: polygon(0 0, calc(100% - 36px) 0, 100% 26px, 100% 100%, 0 100%); }
.gif0 {
  background: url("../img/st0.gif") center center / cover no-repeat 
}
.gif1 {
  background: url("../img/st1.png") center center / cover no-repeat 
}
.gif2 {
  background: url("../img/st2.gif") center center / cover no-repeat 
}
.gif3 {
  background: url("../img/st3.gif") center center / cover no-repeat 
}
.gif4 {
  background: url("../img/3a116aaf7e95f4900e0634ff5ff0b608.gif") center center / cover no-repeat 
}
.gif5 {
  background: url("../img/st5.png") center center / cover no-repeat 
}
.gif6 {
  background: url("../img/st6.gif") center center / cover no-repeat 
}