.fifth-screen__background { background:linear-gradient(to bottom,#01040f 0px,#07133d 239.918px,#0b388b 505.131px,#1558c4 708.366px,#0073ed 839.78px,#0081f5 900.929px,#418aff 963.097px,#6a92ff 1013.035px,#ad98ff 1067.355px,#d2a8ff 1112.912px,#eeabff 1148.398px,#ffbbee 1182.384px,#ffccf4 1208.527px,#ffeaf5 1245.127px,#fff 1275px); }
.fifth-screen__rails { position:absolute; top:0; left:50%; width:1380px; height:1076px; transform:translateX(-50%); border-inline:1px solid rgb(255 255 255 / 15%); border-top:1px solid rgb(255 255 255 / 15%); }
.fifth-screen__rails::after { content:''; position:absolute; top:1076px; left:-1px; width:1380px; height:120px; background:repeating-linear-gradient(to bottom,rgb(255 255 255 / 15%) 0 5px,transparent 5px 10px) left top / 1px 100% no-repeat,repeating-linear-gradient(to bottom,rgb(255 255 255 / 15%) 0 5px,transparent 5px 10px) right top / 1px 100% no-repeat; }
.fifth-screen__background::after { content:''; position:absolute; top:1075px; left:0; right:0; height:1px; background:rgb(255 255 255 / 10%); }
.fifth-screen__heading { position:absolute; z-index:1; top:228px; left:50%; width:1380px; transform:translateX(-50%); text-align:center; color:#fff; }
.fifth-screen__heading h2 { margin:0; font-size:48px; line-height:64px; font-weight:400; }
.fifth-screen__selected-title { position:relative; display:inline-block; margin-left:8px; padding:0 10px; line-height:62px; border:1px solid #1ca4ff; background:rgb(28 164 255 / 10%); }
.fifth-screen__selected-title > img { position:absolute; top:-4px; left:100%; margin-left:2px; display:block; width:78px; height:43px; }
.fifth-screen__heading p { margin:22px 0 0; color:rgb(255 255 255 / 60%); font-size:18px; line-height:27px; font-weight:400; }
.fifth-screen__content-title { width:100%; padding:0 44px; color:#fff; }
.fifth-screen__content-title h3 { display:flex; align-items:center; gap:8px; margin:0; font-size:20px; line-height:28px; font-weight:600; }
.fifth-screen__content-title h3 img { display:block; width:18px; height:18px; flex:none; }
.fifth-screen__content-title p { margin:10px 0 0; color:rgb(255 255 255 / 60%); font-size:16px; line-height:24px; font-weight:400; }
/* Two progressive blur surfaces instead of eight overlapping live filters. */
.fifth-screen__content { contain: layout paint; }
.fifth-screen__title-blur .gradual-blur-inner > div { display:none; }
.fifth-screen__title-blur .gradual-blur-inner > div:first-child { display:block; -webkit-backdrop-filter:blur(8px); backdrop-filter:blur(8px); -webkit-mask-image:linear-gradient(to bottom,transparent,#000 65%); mask-image:linear-gradient(to bottom,transparent,#000 65%); }
.fifth-screen__title-blur .gradual-blur-inner > div:last-child { display:block; -webkit-backdrop-filter:blur(20px); backdrop-filter:blur(20px); -webkit-mask-image:linear-gradient(to bottom,transparent 35%,#000); mask-image:linear-gradient(to bottom,transparent 35%,#000); }
@property --fifth-particle-offset {
  syntax: '<length>';
  inherits: false;
  initial-value: 0px;
}

.fifth-particles {
  background: url("https://pixso.cn/assets/image/pixso-ai-20261022-3c6e4127c7/image/second-screen-animation/Blinking-Squares.svg?v=1") 0 0 / 716.8px 404.8px repeat;
  opacity: 0;
  --fifth-particle-mask: radial-gradient(
    circle var(--fifth-particle-radius) at 50% 50%,
    transparent calc(var(--fifth-particle-offset) - var(--fifth-particle-radius)),
    #000 calc(var(--fifth-particle-offset) - var(--fifth-particle-radius) * .82),
    transparent calc(var(--fifth-particle-offset) - var(--fifth-particle-radius) * .64),
    transparent calc(var(--fifth-particle-offset) + var(--fifth-particle-radius) * .22),
    #000 calc(var(--fifth-particle-offset) + var(--fifth-particle-radius) * .4),
    transparent calc(var(--fifth-particle-offset) + var(--fifth-particle-radius) * .58)
  );
  -webkit-mask-image: var(--fifth-particle-mask);
  mask-image: var(--fifth-particle-mask);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
}