@charset "utf-8";
/** mixins **/
* {
  -webkit-tap-highlight-color: transparent;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-focus-ring-color: rgba(0, 0, 0, 0);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}
/* Noto黑体简体 */
@font-face {
  font-family: 'Noto Sans SC';
  src: url('https://nie.res.netease.com/comm/js/leihuo/fonts/noto/noto-sans-sc-v26-latin_chinese-simplified-300.woff2') format('woff2'), url('https://nie.res.netease.com/comm/js/leihuo/fonts/noto/noto-sans-sc-v26-latin_chinese-simplified-300.woff') format('woff');
  font-weight: 300;
}
@font-face {
  font-family: 'Noto Sans SC';
  src: url('https://nie.res.netease.com/comm/js/leihuo/fonts/noto/noto-sans-sc-v26-latin_chinese-simplified-regular.woff2') format('woff2'), url('https://nie.res.netease.com/comm/js/leihuo/fonts/noto/noto-sans-sc-v26-latin_chinese-simplified-regular.woff') format('woff');
  font-weight: 400;
}
@font-face {
  font-family: 'Noto Sans SC';
  src: url('https://nie.res.netease.com/comm/js/leihuo/fonts/noto/noto-sans-sc-v26-latin_chinese-simplified-500.woff2') format('woff2'), url('https://nie.res.netease.com/comm/js/leihuo/fonts/noto/noto-sans-sc-v26-latin_chinese-simplified-500.woff') format('woff');
  font-weight: 500;
}
@font-face {
  font-family: 'Noto Sans SC';
  src: url('https://nie.res.netease.com/comm/js/leihuo/fonts/noto/noto-sans-sc-v26-latin_chinese-simplified-700.woff2') format('woff2'), url('https://nie.res.netease.com/comm/js/leihuo/fonts/noto/noto-sans-sc-v26-latin_chinese-simplified-700.woff') format('woff');
  font-weight: 700;
}
/* Noto黑体繁体 */
@font-face {
  font-family: 'Noto Sans TC';
  src: url('https://nie.res.netease.com/comm/js/leihuo/fonts/noto/noto-sans-tc-v26-latin_chinese-traditional-300.woff2') format('woff2'), url('https://nie.res.netease.com/comm/js/leihuo/fonts/noto/noto-sans-tc-v26-latin_chinese-traditional-300.woff') format('woff');
  font-weight: 300;
}
@font-face {
  font-family: 'Noto Sans TC';
  src: url('https://nie.res.netease.com/comm/js/leihuo/fonts/noto/noto-sans-tc-v26-latin_chinese-traditional-regular.woff2') format('woff2'), url('https://nie.res.netease.com/comm/js/leihuo/fonts/noto/noto-sans-tc-v26-latin_chinese-traditional-regular.woff') format('woff');
  font-weight: 400;
}
@font-face {
  font-family: 'Noto Sans TC';
  src: url('https://nie.res.netease.com/comm/js/leihuo/fonts/noto/noto-sans-tc-v26-latin_chinese-traditional-500.woff2') format('woff2'), url('https://nie.res.netease.com/comm/js/leihuo/fonts/noto/noto-sans-tc-v26-latin_chinese-traditional-500.woff') format('woff');
  font-weight: 500;
}
@font-face {
  font-family: 'Noto Sans TC';
  src: url('https://nie.res.netease.com/comm/js/leihuo/fonts/noto/noto-sans-tc-v26-latin_chinese-traditional-700.woff2') format('woff2'), url('https://nie.res.netease.com/comm/js/leihuo/fonts/noto/noto-sans-tc-v26-latin_chinese-traditional-700.woff') format('woff');
  font-weight: 700;
}
/* Noto黑体日语 */
@font-face {
  font-family: 'Noto Sans JP';
  src: url('https://nie.res.netease.com/comm/js/leihuo/fonts/noto/noto-sans-jp-v42-latin_japanese-300.woff2') format('woff2'), url('https://nie.res.netease.com/comm/js/leihuo/fonts/noto/noto-sans-jp-v42-latin_japanese-300.woff') format('woff');
  font-weight: 300;
}
@font-face {
  font-family: 'Noto Sans JP';
  src: url('https://nie.res.netease.com/comm/js/leihuo/fonts/noto/noto-sans-jp-v42-latin_japanese-regular.woff2') format('woff2'), url('https://nie.res.netease.com/comm/js/leihuo/fonts/noto/noto-sans-jp-v42-latin_japanese-regular.woff') format('woff');
  font-weight: 400;
}
@font-face {
  font-family: 'Noto Sans JP';
  src: url('https://nie.res.netease.com/comm/js/leihuo/fonts/noto/noto-sans-jp-v42-latin_japanese-500.woff2') format('woff2'), url('https://nie.res.netease.com/comm/js/leihuo/fonts/noto/noto-sans-jp-v42-latin_japanese-500.woff') format('woff');
  font-weight: 500;
}
@font-face {
  font-family: 'Noto Sans JP';
  src: url('https://nie.res.netease.com/comm/js/leihuo/fonts/noto/noto-sans-jp-v42-latin_japanese-700.woff2') format('woff2'), url('https://nie.res.netease.com/comm/js/leihuo/fonts/noto/noto-sans-jp-v42-latin_japanese-700.woff') format('woff');
  font-weight: 700;
}
/* Noto黑体韩语 */
@font-face {
  font-family: 'Noto Sans KR';
  src: url('https://nie.res.netease.com/comm/js/leihuo/fonts/noto/noto-sans-kr-v27-latin_korean-300.woff2') format('woff2'), url('https://nie.res.netease.com/comm/js/leihuo/fonts/noto/noto-sans-kr-v27-latin_korean-300.woff') format('woff');
  font-weight: 300;
}
@font-face {
  font-family: 'Noto Sans KR';
  src: url('https://nie.res.netease.com/comm/js/leihuo/fonts/noto/noto-sans-kr-v27-latin_korean-regular.woff2') format('woff2'), url('https://nie.res.netease.com/comm/js/leihuo/fonts/noto/noto-sans-kr-v27-latin_korean-regular.woff') format('woff');
  font-weight: 400;
}
@font-face {
  font-family: 'Noto Sans KR';
  src: url('https://nie.res.netease.com/comm/js/leihuo/fonts/noto/noto-sans-kr-v27-latin_korean-500.woff2') format('woff2'), url('https://nie.res.netease.com/comm/js/leihuo/fonts/noto/noto-sans-kr-v27-latin_korean-500.woff') format('woff');
  font-weight: 500;
}
@font-face {
  font-family: 'Noto Sans KR';
  src: url('https://nie.res.netease.com/comm/js/leihuo/fonts/noto/noto-sans-kr-v27-latin_korean-700.woff2') format('woff2'), url('https://nie.res.netease.com/comm/js/leihuo/fonts/noto/noto-sans-kr-v27-latin_korean-700.woff') format('woff');
  font-weight: 700;
}
/* Noto黑体泰语 */
@font-face {
  font-family: 'Noto Sans Thai';
  src: url('https://nie.res.netease.com/comm/js/leihuo/fonts/noto/noto-sans-thai-v20-thai_latin-300.woff2') format('woff2'), url('https://nie.res.netease.com/comm/js/leihuo/fonts/noto/noto-sans-thai-v20-thai_latin-300.woff') format('woff');
  font-weight: 300;
}
@font-face {
  font-family: 'Noto Sans Thai';
  src: url('https://nie.res.netease.com/comm/js/leihuo/fonts/noto/noto-sans-thai-v20-thai_latin-regular.woff2') format('woff2'), url('https://nie.res.netease.com/comm/js/leihuo/fonts/noto/noto-sans-thai-v20-thai_latin-regular.woff') format('woff');
  font-weight: 400;
}
@font-face {
  font-family: 'Noto Sans Thai';
  src: url('https://nie.res.netease.com/comm/js/leihuo/fonts/noto/noto-sans-thai-v20-thai_latin-500.woff2') format('woff2'), url('https://nie.res.netease.com/comm/js/leihuo/fonts/noto/noto-sans-thai-v20-thai_latin-500.woff') format('woff');
  font-weight: 500;
}
@font-face {
  font-family: 'Noto Sans Thai';
  src: url('https://nie.res.netease.com/comm/js/leihuo/fonts/noto/noto-sans-thai-v20-thai_latin-700.woff2') format('woff2'), url('https://nie.res.netease.com/comm/js/leihuo/fonts/noto/noto-sans-thai-v20-thai_latin-700.woff') format('woff');
  font-weight: 700;
}
html {
  font-family: "Noto Sans SC", sans-serif;
}
[lang|="zh-hant"],
[lang|="zh-hans"],
[lang|="zh-cht"],
[lang=zh-hk],
[lang=zh-tw] {
  font-family: "Noto Sans TC", sans-serif;
}
[lang|="jp"] {
  font-family: "Noto Sans JP", sans-serif;
}
[lang|="kr"] {
  font-family: "Noto Sans KR", sans-serif;
}
[lang|="th"] {
  font-family: "Noto Sans Thai", sans-serif;
}
/* CSS Document */
html,
body,
h1,
h2,
h3,
h4,
h5,
h6,
div,
dl,
dt,
dd,
ul,
ol,
li,
p,
blockquote,
pre,
hr,
figure,
table,
caption,
th,
td,
form,
fieldset,
legend,
input,
button,
textarea,
menu,
select {
  margin: 0;
  padding: 0;
}
html,
body,
fieldset,
img,
iframe,
abbr {
  border: 0;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: normal;
  font-style: normal;
}
strong,
b {
  font-weight: bold;
  font-style: normal;
}
em {
  font-weight: normal;
  font-style: italic;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
li {
  list-style: none;
}
button,
a,
select {
  border: none;
  outline: none;
}
input,
textarea,
button,
a {
  font: inherit;
  color: inherit;
}
input,
textarea {
  outline: none;
}
textarea {
  overflow: auto;
  resize: none;
}
a,
button {
  cursor: pointer;
}
a,
a:hover {
  text-decoration: none;
}
select {
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
  -webkit-transition-delay: 999999s;
  -webkit-transition: color 999999s ease-out, background-color 999999s ease-out;
}
#NIE-warning-dialog {
  -webkit-box-sizing: content-box !important;
          box-sizing: content-box !important;
}
#NIE-topBar {
  z-index: 999 !important;
}
#NIE-topBar * {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
}
/* Noto黑体简体 */
@font-face {
  font-family: 'Noto Sans SC-300';
  src: url('https://nie.res.netease.com/comm/js/leihuo/fonts/noto/noto-sans-sc-v26-latin_chinese-simplified-300.woff2') format('woff2'), url('https://nie.res.netease.com/comm/js/leihuo/fonts/noto/noto-sans-sc-v26-latin_chinese-simplified-300.woff') format('woff');
  font-weight: 300;
}
@font-face {
  font-family: 'Noto Sans SC-400';
  src: url('https://nie.res.netease.com/comm/js/leihuo/fonts/noto/noto-sans-sc-v26-latin_chinese-simplified-regular.woff2') format('woff2'), url('https://nie.res.netease.com/comm/js/leihuo/fonts/noto/noto-sans-sc-v26-latin_chinese-simplified-regular.woff') format('woff');
  font-weight: 400;
}
@font-face {
  font-family: 'Noto Sans SC-500';
  src: url('https://nie.res.netease.com/comm/js/leihuo/fonts/noto/noto-sans-sc-v26-latin_chinese-simplified-500.woff2') format('woff2'), url('https://nie.res.netease.com/comm/js/leihuo/fonts/noto/noto-sans-sc-v26-latin_chinese-simplified-500.woff') format('woff');
  font-weight: 500;
}
@font-face {
  font-family: 'Noto Sans SC-700';
  src: url('https://nie.res.netease.com/comm/js/leihuo/fonts/noto/noto-sans-sc-v26-latin_chinese-simplified-700.woff2') format('woff2'), url('https://nie.res.netease.com/comm/js/leihuo/fonts/noto/noto-sans-sc-v26-latin_chinese-simplified-700.woff') format('woff');
  font-weight: 700;
}
:root {
  --font-family: "Microsoft YaHei", "PingFang SC", "Noto Sans CJK", "Noto Sans SC", sans-serif;
  --section-padding-vertical: 80px;
  --section-padding-horizontal: 40px;
  --section-padding: var(--section-padding-vertical) var(--section-padding-horizontal);
  --header-heading-font: bold 48px/1.4 var(--font-family);
  --header-description-font: 20px/1.6 var(--font-family);
}
html,
body {
  position: relative;
  width: 100%;
  background: #000000;
  color: #fff;
  scroll-behavior: smooth;
  scroll-padding-block-start: 80px;
  font-family: "Microsoft YaHei", "PingFang SC", "Noto Sans CJK", "Noto Sans SC", sans-serif;
}
html.hid {
  overflow: hidden;
}
body {
  font-size: 16px;
  max-width: 2560px;
  min-width: 320px;
  margin: 0 auto !important;
}
@media (max-width: 750px) {
  :root {
    --section-padding-vertical: 32px;
    --section-padding-horizontal: 15px;
    --header-heading-font: bold 34px/1.4 var(--font-family);
    --header-description-font: 16px/1.6 var(--font-family);
  }
}
.container-index {
  position: relative;
  width: 100%;
  overflow-x: hidden;
  overflow-y: auto;
}
.container-index .leihuo-age-rating {
  position: absolute;
  width: 108px;
  height: 140px;
  top: 108px;
  left: 18px;
}
.container-index .page-section {
  padding: 0 var(--section-padding-horizontal);
}
.container-index .heading-title {
  font: var(--header-heading-font);
  color: #fff;
  text-align: center;
}
.container-index .heading-description {
  width: 720px;
  max-width: 100%;
  font: var(--header-description-font);
  color: #CCE6FF;
  text-align: center;
  margin: 8px auto 0;
}
.container-index .page-btn-normal {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  width: 260px;
  height: 72px;
  background: url(https://ld6.res.netease.com/pc/gw/20250908145517/assets/btn_eb9013f7.png) no-repeat;
  background-size: contain;
  cursor: pointer;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.9);
  font-weight: bold;
  -webkit-transition: background 0.3s ease-in-out, color 0.3s ease-in-out;
  transition: background 0.3s ease-in-out, color 0.3s ease-in-out;
  color: #FD9;
  font-size: 24px;
}
.container-index .page-btn-normal:hover {
  width: 260px;
  height: 72px;
  background: url(https://ld6.res.netease.com/pc/gw/20250908145517/assets/btn-h_ff33d6a5.png) no-repeat;
  background-size: contain;
  text-shadow: 1.389px 1.389px 1.389px rgba(0, 0, 0, 0.9);
}
.container-index .page-btn-normal:hover {
  color: #FFFEDD;
}
@media (max-width: 960px) {
  .container-index .leihuo-age-rating {
    top: 76px;
    width: 92px;
    height: 120px;
  }
}
@media (max-width: 750px) {
  .container-index .leihuo-age-rating {
    top: 76px;
    width: 46px;
    height: 60px;
  }
  .container-index .page-btn-normal {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    width: 351px;
    height: 100px;
    background: url(https://ld6.res.netease.com/pc/gw/20250908145517/assets/btn-750_88c52edb.png) no-repeat;
    background-size: contain;
    cursor: pointer;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.9);
    -webkit-transition: background 0.3s ease-in-out, color 0.3s ease-in-out;
    transition: background 0.3s ease-in-out, color 0.3s ease-in-out;
    width: 182px;
    height: 52px;
    color: #FD9;
    font-weight: bold;
    font-size: 17px;
  }
  .container-index .page-btn-normal:hover {
    width: 351px;
    height: 100px;
    background: url(https://ld6.res.netease.com/pc/gw/20250908145517/assets/btn-750-h_64ae381e.png) no-repeat;
    background-size: contain;
    text-shadow: 1.389px 1.389px 1.389px rgba(0, 0, 0, 0.9);
  }
  .container-index .page-btn-normal:hover {
    width: 182px;
    height: 52px;
  }
}
.media-cover-play {
  position: relative;
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  overflow: hidden;
  cursor: pointer;
}
.media-cover-play .video-content {
  position: absolute !important;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.media-cover-play.nopointer {
  pointer-events: none;
}
.media-cover-play .poster-container {
  position: relative;
  width: 100%;
  height: 100%;
}
.media-cover-play .poster-container.hide {
  visibility: hidden;
}
.media-cover-play .poster-container .poster-img {
  width: 100%;
  display: block;
}
.media-cover-play .poster-container .play-btn {
  position: absolute;
  width: 94px;
  height: 94px;
  background: url(https://ld6.res.netease.com/pc/gw/20250908145517/assets/play-btn_37ec340e.png) no-repeat;
  background-size: contain;
  width: 70px;
  height: 70px;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  -webkit-transition: background 0.3s ease-in-out;
  transition: background 0.3s ease-in-out;
}
.media-cover-play-mask::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  -webkit-box-shadow: 0 0 10px 10px rgba(0, 102, 204, 0.14) inset, 0 0 50px 45px rgba(0, 102, 204, 0.14) inset, 0 0 0 2px rgba(153, 204, 255, 0.2) inset;
          box-shadow: 0 0 10px 10px rgba(0, 102, 204, 0.14) inset, 0 0 50px 45px rgba(0, 102, 204, 0.14) inset, 0 0 0 2px rgba(153, 204, 255, 0.2) inset;
  background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 50, 100, 0.4)), color-stop(80%, transparent));
  background-image: linear-gradient(0deg, rgba(0, 50, 100, 0.4) 0%, transparent 80%);
  width: 100%;
  height: 100%;
  pointer-events: none;
  -webkit-transition: -webkit-box-shadow 0.3s ease-in-out;
  transition: -webkit-box-shadow 0.3s ease-in-out;
  transition: box-shadow 0.3s ease-in-out;
  transition: box-shadow 0.3s ease-in-out, -webkit-box-shadow 0.3s ease-in-out;
}
.media-cover-play-mask:hover::after {
  -webkit-box-shadow: 0 0 10px 10px rgba(0, 102, 204, 0.3) inset, 0 0 50px 45px rgba(0, 102, 204, 0.3) inset, 0 0 0 2px #99ccff inset;
          box-shadow: 0 0 10px 10px rgba(0, 102, 204, 0.3) inset, 0 0 50px 45px rgba(0, 102, 204, 0.3) inset, 0 0 0 2px #99ccff inset;
}
.media-cover-play-shadow {
  -webkit-box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.75);
          box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.75);
}
.media-cover-play:hover .poster-container .play-btn {
  width: 94px;
  height: 94px;
  background: url(https://ld6.res.netease.com/pc/gw/20250908145517/assets/play-btn-h_6a7725a5.png) no-repeat;
  background-size: contain;
  width: 70px;
  height: 70px;
}
.page-feature {
  position: relative;
  background: url(https://ld6.res.netease.com/pc/gw/20250908145517/assets/bg-2560_d1b91972.jpg) no-repeat top center;
  width: 100%;
  background-size: cover;
}
.page-feature .heading-title {
  padding-top: 60px;
}
.page-feature .gallery-content {
  max-width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin: 51px auto 0;
  gap: 48px;
  padding-bottom: 159px;
}
.page-feature .gallery-content-item {
  width: 367px;
  -webkit-flex-shrink: 1;
      -ms-flex-negative: 1;
          flex-shrink: 1;
  text-align: center;
}
.page-feature .gallery-content-item-title {
  margin: 37px 0 12px;
  color: #fff;
  line-height: 1.4;
  font-size: 20px;
  font-weight: bold;
}
.page-feature .gallery-content-item-description {
  color: #CCE6FF;
  line-height: 1.6;
  font-size: 16px;
}
.page-feature::before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 1920px;
  height: 42px;
  background: url(https://ld6.res.netease.com/pc/gw/20250908145517/assets/top-dec-2560_0d6edaf8.png) no-repeat;
  background-size: contain;
  max-width: 100%;
  background-size: 1920px 42px;
  background-position: center center;
  pointer-events: none;
}
@media (max-width: 960px) {
  .page-feature {
    background: url(https://ld6.res.netease.com/pc/gw/20250908145517/assets/bg-960_b1a2fc02.jpg) no-repeat top center;
    background-size: cover;
  }
  .page-feature .heading-title {
    padding-top: 85px;
  }
  .page-feature .gallery-content {
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    margin: 48px auto 0;
    gap: 50px;
    padding-bottom: 75px;
  }
  .page-feature .gallery-content-item {
    width: calc((100% - 50px) / 2);
  }
  .page-feature .gallery-content-item:nth-last-child(1) {
    margin-top: 20px;
  }
  .page-feature .gallery-content-item-title {
    margin: 40px 0 12px;
  }
}
@media (max-width: 750px) {
  .page-feature {
    background: url(https://ld6.res.netease.com/pc/gw/20250908145517/assets/bg-750_38810d92.jpg) no-repeat top center;
    background-size: cover;
  }
  .page-feature .heading-title {
    padding-top: 32.5px;
  }
  .page-feature .heading-description {
    padding: 0 8px;
  }
  .page-feature .gallery-content {
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    margin: 31.5px auto 0;
    gap: 0;
    padding-bottom: 52.5px;
  }
  .page-feature .gallery-content-item {
    width: 100%;
  }
  .page-feature .gallery-content-item:nth-child(n+2) {
    margin-top: 41.5px;
  }
  .page-feature .gallery-content-item-title {
    margin: 17px 0 8px;
  }
  .page-feature .gallery-content-item-description {
    padding: 0 17.5px;
    font-size: 15px;
    margin: 0 auto;
  }
  .page-feature::before {
    top: -16px;
    width: calc(655px / 2);
    height: calc(107px / 2);
    background: url(https://ld6.res.netease.com/pc/gw/20250908145517/assets/top-dec-750_aa14bb51.png) no-repeat;
    background-size: contain;
    max-width: 100%;
    background-size: 327.5px 53.5px;
    background-position: center center;
  }
}
.page-kv {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  background: url(https://ld6.res.netease.com/pc/gw/20250908145517/assets/bg-2560_4b58db05.jpg) no-repeat center;
  width: 100%;
  height: 1523px;
  background-size: cover;
  padding: 202px var(--section-padding-horizontal) 0 !important;
}
.page-kv .masthead {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
}
.page-kv .masthead .logo {
  width: 540px;
  height: 338px;
  margin: 0 auto;
}
.page-kv .masthead-title {
  color: #FFF;
  font-size: 48px;
  line-height: 1.4;
  font-weight: bold;
}
.page-kv .masthead-subtitle {
  margin-top: 12px;
  color: #CCE6FF;
  font: var(--header-description-font);
  line-height: 1.6;
}
.page-kv .masthead .btn-group {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 40px;
}
.page-kv .masthead .btn-group .page-btn-know {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  width: 260px;
  height: 72px;
  background: url(https://ld6.res.netease.com/pc/gw/20250908145517/assets/btn-know_f1100af4.png) no-repeat;
  background-size: contain;
  cursor: pointer;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.9);
  font-weight: bold;
  -webkit-transition: background 0.3s ease-in-out, color 0.3s ease-in-out;
  transition: background 0.3s ease-in-out, color 0.3s ease-in-out;
  color: #9CF;
  font-size: 24px;
  margin-left: 36px;
}
.page-kv .masthead .btn-group .page-btn-know:hover {
  width: 260px;
  height: 72px;
  background: url(https://ld6.res.netease.com/pc/gw/20250908145517/assets/btn-know-h_ba113310.png) no-repeat;
  background-size: contain;
  text-shadow: 1.389px 1.389px 1.389px rgba(0, 0, 0, 0.9);
}
.page-kv .masthead .btn-group .page-btn-know:hover {
  color: #FFF;
}
.page-kv .masthead .battlenet-logo {
  width: 196px;
  height: 38px;
  background: url(https://ld6.res.netease.com/pc/gw/20250908145517/assets/battlenet-logo_8ca270de.png) no-repeat;
  background-size: contain;
  margin-top: 50px;
  -webkit-transition: background 0.2s ease-in-out;
  transition: background 0.2s ease-in-out;
}
.page-kv .masthead .battlenet-logo:hover {
  width: 196px;
  height: 38px;
  background: url(https://ld6.res.netease.com/pc/gw/20250908145517/assets/battlenet-logo-h_ce88d931.png) no-repeat;
  background-size: contain;
}
.page-kv .overview {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  max-width: 100%;
  height: 446px;
  margin: 0 auto 88px;
  text-align: center;
}
.page-kv .overview .left-header {
  width: 528px;
}
.page-kv .overview .left-header .left-heading-title {
  font: var(--header-heading-font);
  text-align: left;
  color: #fff;
}
.page-kv .overview .left-header .left-heading-description {
  font: var(--header-description-font);
  text-align: left;
  margin-top: 30px;
  color: #CCE6FF;
}
.page-kv .overview .right-video {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-flex-shrink: 1;
      -ms-flex-negative: 1;
          flex-shrink: 1;
  margin-left: 80px;
  width: 792px;
  height: auto;
}
@media (max-width: 1920px) {
  .page-kv {
    background: url(https://ld6.res.netease.com/pc/gw/20250908145517/assets/bg-1920_f9e8d0e6.jpg) no-repeat center;
  }
}
@media (max-width: 960px) {
  .page-kv {
    background: url(https://ld6.res.netease.com/pc/gw/20250908145517/assets/bg-960_97aa7b94.png) no-repeat center;
    background-size: cover;
    height: auto;
    padding: 160px 84px 0 !important;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .page-kv .masthead .battlenet-logo {
    width: 64px;
    height: 62px;
    background: url(https://ld6.res.netease.com/pc/gw/20250908145517/assets/small-battlenet-logo_d136074a.png) no-repeat;
    background-size: contain;
    width: 42px;
    height: 41px;
  }
  .page-kv .masthead .battlenet-logo:hover {
    width: 64px;
    height: 62px;
    background: url(https://ld6.res.netease.com/pc/gw/20250908145517/assets/small-battlenet-logo-h_a38551a1.png) no-repeat;
    background-size: contain;
    width: 42px;
    height: 41px;
  }
  .page-kv .overview {
    height: auto;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    margin: 131px auto 88px;
  }
  .page-kv .overview .left-header .left-heading-title {
    margin-bottom: 30px;
    text-align: center;
  }
  .page-kv .overview .left-header .left-heading-description {
    text-align: center;
    margin-top: 0;
  }
  .page-kv .overview .right-video {
    width: 100%;
    margin: 30px 0 0;
  }
}
@media (max-width: 750px) {
  .page-kv {
    background: url(https://ld6.res.netease.com/pc/gw/20250908145517/assets/bg-960_97aa7b94.png) no-repeat center;
    background-size: cover;
    height: 100%;
    padding: 99px var(--section-padding-horizontal) 0 !important;
  }
  .page-kv .masthead .logo {
    width: 100%;
    height: auto;
  }
  .page-kv .masthead-title {
    font-size: 36px;
  }
  .page-kv .masthead .btn-group {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-top: 12px;
  }
  .page-kv .masthead .btn-group .page-btn-know {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    width: 350px;
    height: 100px;
    background: url(https://ld6.res.netease.com/pc/gw/20250908145517/assets/btn-know-750_30840251.png) no-repeat;
    background-size: contain;
    cursor: pointer;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.9);
    -webkit-transition: background 0.3s ease-in-out, color 0.3s ease-in-out;
    transition: background 0.3s ease-in-out, color 0.3s ease-in-out;
    width: 182px;
    height: 52px;
    color: #9CF;
    font-weight: bold;
    font-size: 17px;
    margin: 12px 0 0;
  }
  .page-kv .masthead .btn-group .page-btn-know:hover {
    width: 350px;
    height: 100px;
    background: url(https://ld6.res.netease.com/pc/gw/20250908145517/assets/btn-know-750-h_f89a6825.png) no-repeat;
    background-size: contain;
    text-shadow: 1.389px 1.389px 1.389px rgba(0, 0, 0, 0.9);
  }
  .page-kv .masthead .btn-group .page-btn-know:hover {
    width: 182px;
    height: 52px;
  }
  .page-kv .masthead .plant-name {
    font-size: 12px;
    margin: 11px 0;
  }
  .page-kv .masthead .battlenet-logo {
    width: 32px;
    height: 32px;
    margin-top: 38px;
  }
  .page-kv .masthead .battlenet-logo:hover {
    width: 32px;
    height: 32px;
  }
  .page-kv .overview {
    height: auto;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    margin: 66px auto 42.5px;
  }
  .page-kv .overview .left-header {
    width: 100%;
  }
  .page-kv .overview .left-header .left-heading-title {
    font-size: 36px;
    margin-bottom: 15px;
  }
  .page-kv .overview .left-header .left-heading-description {
    padding: 0 20px;
  }
  .page-kv .overview .right-video {
    width: 100%;
    margin: 22px 0 0;
  }
}
.page-media {
  position: relative;
  width: 100%;
  padding-bottom: 82px !important;
  background: url(https://ld6.res.netease.com/pc/gw/20250908145517/assets/bg-2560_f701dc11.jpg) no-repeat center;
  background-size: cover;
}
.page-media::before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 1920px;
  height: 42px;
  background: url(https://ld6.res.netease.com/pc/gw/20250908145517/assets/top-dec-2560_0d6edaf8.png) no-repeat;
  background-size: contain;
  max-width: 100%;
  background-size: 1920px 42px;
  background-position: center center;
  pointer-events: none;
}
@media (max-width: 750px) {
  .page-media {
    padding-bottom: 50px !important;
  }
  .page-media::before {
    top: -16px;
    width: calc(655px / 2);
    height: calc(107px / 2);
    background: url(https://ld6.res.netease.com/pc/gw/20250908145517/assets/top-dec-750_aa14bb51.png) no-repeat;
    background-size: contain;
    max-width: 100%;
    background-size: 327.5px 53.5px;
    background-position: center center;
  }
}
:root {
  --mode-tab-gap: 40px;
  --mode-img-padding-horizontal: 91px;
  --mode-bullet-size: 16px;
  --mode-bullet-gap: 16px;
}
.page-media-mode .heading-title {
  padding-top: 80px;
}
.page-media-mode .tab-region {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-column-gap: var(--mode-tab-gap);
     -moz-column-gap: var(--mode-tab-gap);
          column-gap: var(--mode-tab-gap);
  row-gap: 20px;
  margin: 40px auto 31px;
}
.page-media-mode .tab-region .tab-item {
  position: relative;
  height: 34px;
  padding: 0 48px 12px;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  text-align: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  cursor: pointer;
  color: rgba(255, 255, 255, 0.5);
  font-size: 24px;
  font-weight: bold;
  -webkit-transition: color 0.3s ease-in-out;
  transition: color 0.3s ease-in-out;
}
.page-media-mode .tab-region .tab-item.mode-hzrw {
  padding: 0 25px 12px;
}
.page-media-mode .tab-region .tab-item.active {
  font-weight: bold;
  color: #fff;
}
.page-media-mode .tab-region .tab-item.active::after {
  position: absolute;
  content: "";
  pointer-events: none;
  width: 100%;
  height: 4px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  border-radius: 20px;
  bottom: 0;
  background: #0076D1;
  -webkit-box-shadow: 0 0 7px 0 rgba(109, 209, 255, 0.3);
          box-shadow: 0 0 7px 0 rgba(109, 209, 255, 0.3);
}
.page-media-mode .tab-region .tab-item:hover {
  cursor: pointer;
  color: #fff;
}
.page-media-mode .mode-region {
  position: relative;
  width: calc(1050px + 2 * var(--mode-img-padding-horizontal));
  max-width: 100%;
  margin: 0 auto;
}
.page-media-mode .mode-region .mode-swiper {
  position: relative;
  width: calc(100% - 2 * var(--mode-img-padding-horizontal));
  margin: 0 auto;
  overflow: visible;
}
.page-media-mode .mode-region .mode-swiper .swiper-wrapper {
  width: 100%;
}
.page-media-mode .mode-region .mode-swiper .swiper-wrapper .mode-item {
  width: 100% !important;
}
.page-media-mode .mode-region .mode-swiper .swiper-wrapper .mode-item-img {
  width: 100%;
  height: auto;
  -webkit-user-drag: none;
  -moz-user-drag: none;
  -ms-user-drag: none;
}
.page-media-mode .mode-region .swiper-mode-button-prev,
.page-media-mode .mode-region .swiper-mode-button-next {
  position: absolute;
  cursor: pointer;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  -webkit-transition: background 0.2s ease-in-out;
  transition: background 0.2s ease-in-out;
  width: 336px;
  height: 336px;
  background: url(https://ld6.res.netease.com/pc/gw/20250908145517/assets/left-arrow_96384794.png) no-repeat;
  background-size: contain;
  width: 64px !important;
  height: 64px !important;
  outline: none !important;
}
.page-media-mode .mode-region .swiper-mode-button-prev:hover,
.page-media-mode .mode-region .swiper-mode-button-next:hover {
  width: 336px;
  height: 336px;
  background: url(https://ld6.res.netease.com/pc/gw/20250908145517/assets/left-arrow-h_02586be8.png) no-repeat;
  background-size: contain;
}
.page-media-mode .mode-region .swiper-mode-button-next {
  left: auto;
  right: 0;
  -webkit-transform: translateY(-50%) scale(-1, 1);
          transform: translateY(-50%) scale(-1, 1);
}
.page-media-mode .mode-region .swiper-mode-pagination {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 48px;
  gap: var(--mode-bullet-gap);
}
.page-media-mode .mode-region .swiper-mode-pagination .swiper-pagination-bullet {
  width: var(--mode-bullet-size);
  height: var(--mode-bullet-size);
  background-color: rgba(255, 255, 255, 0.5);
}
.page-media-mode .mode-region .swiper-mode-pagination .swiper-pagination-bullet:hover {
  background-color: rgba(255, 255, 255, 0.7);
}
.page-media-mode .mode-region .swiper-mode-pagination .swiper-pagination-bullet-active {
  background-color: #fff;
}
@media (max-width: 960px) {
  :root {
    --mode-bullet-size: 12px;
    --mode-bullet-gap: 12px;
  }
  .page-media-mode .tab-region {
    padding: 0 20px;
    margin: 72px auto 35px;
  }
  .page-media-mode .tab-region.mode-hzrw {
    padding: 0 48px 12px;
  }
  .page-media-mode .mode-region {
    position: relative;
    width: 100%;
  }
  .page-media-mode .mode-region .mode-swiper {
    width: 100%;
  }
  .page-media-mode .mode-region .swiper-mode-button-prev,
  .page-media-mode .mode-region .swiper-mode-button-next {
    display: none;
  }
  .page-media-mode .mode-region .swiper-mode-pagination {
    margin-top: 40px;
  }
}
@media (max-width: 750px) {
  :root {
    --mode-tab-gap: 20px;
    --mode-bullet-size: 9.5px;
    --mode-bullet-gap: 9.5px;
  }
  .page-media-mode .heading-title {
    padding-top: 37px;
  }
  .page-media-mode .heading-description {
    padding: 0 7.5px;
  }
  .page-media-mode .tab-region {
    margin: 27px auto 29px;
    padding: 0;
    row-gap: 0;
  }
  .page-media-mode .tab-region .tab-item {
    height: 28px;
    padding: 0 28px 7px !important;
    font-size: 20px;
  }
  .page-media-mode .mode-region .swiper-mode-pagination {
    margin-top: 28px;
    gap: 0;
  }
  .page-media-mode .mode-region .swiper-mode-pagination .swiper-pagination-bullet:nth-child(n+2) {
    margin-left: var(--mode-bullet-gap);
  }
}
@media (max-width: 648px) {
  .page-media-mode .tab-region .tab-item:nth-child(-n+3) {
    margin-bottom: var(--mode-tab-gap);
  }
}
:root {
  --gallery-media-horizontal-gap: 32px;
  --gallery-media-vertical-gap: 30px;
}
.page-media-gallery {
  position: relative;
}
.page-media-gallery .heading-title {
  padding-top: 98px;
}
.page-media-gallery .gallery-content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  width: 1400px;
  max-width: 100%;
  -webkit-column-gap: var(--gallery-media-horizontal-gap);
     -moz-column-gap: var(--gallery-media-horizontal-gap);
          column-gap: var(--gallery-media-horizontal-gap);
  row-gap: var(--gallery-media-vertical-gap);
  margin: 40px auto;
}
.page-media-gallery .gallery-content-item {
  display: inline-block;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 calc((100% - (2 * var(--gallery-media-horizontal-gap))) / 3);
      -ms-flex: 0 0 calc((100% - (2 * var(--gallery-media-horizontal-gap))) / 3);
          flex: 0 0 calc((100% - (2 * var(--gallery-media-horizontal-gap))) / 3);
  min-width: 0;
}
.page-media-gallery .gallery-content-item .media-cover-play .poster-container .play-btn {
  width: 64px;
  height: 64px;
}
.page-media-gallery .gallery-content-item .item-name {
  color: #CCE6FF;
  font-weight: bold;
  line-height: 1.6;
  font-size: 18px;
  text-align: center;
  margin-top: 16px;
}
.page-media-gallery .view-all-btn {
  display: none;
}
@media (max-width: 960px) {
  :root {
    --gallery-media-horizontal-gap: 18px;
    --gallery-media-vertical-gap: 28px;
  }
  .page-media-gallery .heading-title {
    padding-top: 160px;
  }
  .page-media-gallery .gallery-content-item .item-name {
    margin-top: 20px;
  }
}
@media (max-width: 750px) {
  :root {
    --gallery-media-horizontal-gap: 15px;
    --gallery-media-vertical-gap: 16px;
  }
  .page-media-gallery .heading-title {
    padding-top: 46px;
  }
  .page-media-gallery .gallery-content {
    margin: 22px auto 17px;
    gap: 0;
  }
  .page-media-gallery .gallery-content-item {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 calc((100% - (2 * var(--gallery-media-horizontal-gap))) / 2);
        -ms-flex: 0 0 calc((100% - (2 * var(--gallery-media-horizontal-gap))) / 2);
            flex: 0 0 calc((100% - (2 * var(--gallery-media-horizontal-gap))) / 2);
  }
  .page-media-gallery .gallery-content-item .media-cover-play .poster-container .play-btn {
    width: 40px;
    height: 40px;
  }
  .page-media-gallery .gallery-content-item .item-name {
    font-size: 16px;
    margin-top: 12px;
  }
  .page-media-gallery .gallery-content-item:nth-child(even) {
    margin-left: var(--gallery-media-horizontal-gap);
  }
  .page-media-gallery .gallery-content-item:nth-child(n+3) {
    margin-top: var(--gallery-media-vertical-gap);
  }
  .page-media-gallery .gallery-content-item:nth-last-child(-n+2) {
    display: none;
  }
  .page-media-gallery .gallery-content.gallery-content-all .gallery-content-item:nth-last-child(-n+2) {
    display: inline-block;
  }
  .page-media-gallery .view-all-btn {
    cursor: pointer;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    color: #9CF;
    font-weight: bold;
    -webkit-transition: background 0.2s ease-in-out, color 0.2s ease-in-out;
    transition: background 0.2s ease-in-out, color 0.2s ease-in-out;
    width: 264px;
    height: 78px;
    background: url(https://ld6.res.netease.com/pc/gw/20250908145517/assets/check-all-btn_30495287.png) no-repeat;
    background-size: contain;
    width: 155.29411765px;
    height: 45.88235294px;
    padding: 0 3px 1px 0;
    font-size: 16px;
    margin: 0 auto;
  }
  .page-media-gallery .view-all-btn:hover {
    color: #EBFFFE;
    width: 264px;
    height: 78px;
    background: url(https://ld6.res.netease.com/pc/gw/20250908145517/assets/check-all-btn-h_8d04db74.png) no-repeat;
    background-size: contain;
    width: 155.29411765px;
    height: 45.88235294px;
  }
}
.page-outro {
  position: relative;
  width: 100%;
  height: 960px;
  background: url(https://ld6.res.netease.com/pc/gw/20250908145517/assets/bg-2560_504ef611.jpg) no-repeat center;
  background-size: cover;
}
.page-outro .content-region {
  position: absolute;
  width: calc(100% - var(--section-padding-horizontal) * 2);
  left: 50%;
  bottom: 91px;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.page-outro .content-region .split-line {
  display: none;
}
.page-outro .content-region .heading-description {
  font-size: 18px;
  margin: 16px auto;
}
.page-outro .content-region .start-imediately {
  margin: 0 auto;
}
.page-outro::before {
  content: "";
  position: absolute;
  top: -16px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 1981px;
  height: 26px;
  background: url(https://ld6.res.netease.com/pc/gw/20250908145517/assets/top-dec2-2560_f6da91fc.png) no-repeat;
  background-size: contain;
  max-width: 100%;
  background-size: 1981px 26px;
  background-position: center center;
  pointer-events: none;
  z-index: 10;
}
@media (max-width: 960px) {
  .page-outro {
    height: 727px;
    background: url(https://ld6.res.netease.com/pc/gw/20250908145517/assets/bg-960_f661ceab.jpg) no-repeat center;
    background-size: cover;
  }
  .page-outro .content-region {
    bottom: 80px;
  }
}
@media (max-width: 750px) {
  .page-outro {
    height: 506px;
    background: url(https://ld6.res.netease.com/pc/gw/20250908145517/assets/bg-750_b9203ff9.jpg) no-repeat center;
    background-size: cover;
  }
  .page-outro .content-region {
    bottom: 32px;
  }
  .page-outro .content-region .split-line {
    display: inline-block;
  }
  .page-outro .content-region .heading-description {
    font-size: 16px;
    padding: 0 3px;
    margin: 12px auto;
  }
  .page-outro::before {
    top: -13px;
    width: calc(655px / 2);
    height: calc(107px / 2);
    background: url(https://ld6.res.netease.com/pc/gw/20250908145517/assets/top-dec2-750_62f3dae5.png) no-repeat;
    background-size: contain;
    max-width: 100%;
    background-size: 327.5px 53.5px;
    background-position: center center;
  }
}
:root {
  --race-heading-title-top: 243px;
  --race-item-text-top: 565px;
  --race-pagination-top: 392px;
  --race-pagination-size: 72px;
  --race-page-pagination-gap: 30px;
}
.page-reces {
  position: relative;
  height: 959px;
  padding: 0 !important;
}
.page-reces::before {
  content: "";
  position: absolute;
  top: -16px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 1981px;
  height: 26px;
  background: url(https://ld6.res.netease.com/pc/gw/20250908145517/assets/top-dec2-2560_f6da91fc.png) no-repeat;
  background-size: contain;
  max-width: 100%;
  background-size: 1981px 26px;
  background-position: center center;
  pointer-events: none;
  z-index: 10;
}
.page-reces .text-region {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 2;
}
.page-reces .text-region-item {
  position: absolute;
  width: 1470px;
  max-width: 100%;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  text-align: left;
  margin: 0 auto;
  padding: 0 calc(var(--section-padding-horizontal) + 20px);
}
.page-reces .text-region .heading-title {
  top: var(--race-heading-title-top);
}
.page-reces .text-region .race-item-text {
  top: var(--race-item-text-top);
}
.page-reces .text-region .race-item-text-title {
  font-size: 36px;
  font-weight: bold;
  line-height: 1.4;
  width: 600px;
  max-width: 100%;
}
.page-reces .text-region .race-item-text-description {
  width: 600px;
  max-width: 100%;
  margin-top: 16px;
  font-size: 16px;
  line-height: 1.6;
  color: #CCE6FF;
  text-shadow: 0 0 6px rgba(0, 0, 0, 0.4);
}
.page-reces .text-region .swiper-pagination {
  top: var(--race-pagination-top);
}
.page-reces .text-region .swiper-pagination-bullet {
  width: var(--race-pagination-size);
  height: var(--race-pagination-size);
  cursor: pointer;
  opacity: 1 !important;
  -webkit-transition: background 0.2s ease-in-out;
  transition: background 0.2s ease-in-out;
}
.page-reces .text-region .swiper-pagination-bullet:nth-child(n+2) {
  margin-left: var(--race-page-pagination-gap);
}
.page-reces .text-region .swiper-pagination-bullet-xl {
  background: url(https://ld6.res.netease.com/pc/gw/20250908145517/assets/tab-xl_7d306a01.png) no-repeat center;
  background-size: contain;
}
.page-reces .text-region .swiper-pagination-bullet-xl:hover {
  background: url(https://ld6.res.netease.com/pc/gw/20250908145517/assets/tab-xl-h_d9f5371d.png) no-repeat center;
  background-size: contain;
}
.page-reces .text-region .swiper-pagination-bullet-xl.swiper-pagination-bullet-active {
  background: url(https://ld6.res.netease.com/pc/gw/20250908145517/assets/tab-xl-active_475d1071.png) no-repeat center;
  background-size: contain;
}
.page-reces .text-region .swiper-pagination-bullet-rl {
  background: url(https://ld6.res.netease.com/pc/gw/20250908145517/assets/tab-rl_7628a375.png) no-repeat center;
  background-size: contain;
}
.page-reces .text-region .swiper-pagination-bullet-rl:hover {
  background: url(https://ld6.res.netease.com/pc/gw/20250908145517/assets/tab-rl-h_b4b606c1.png) no-repeat center;
  background-size: contain;
}
.page-reces .text-region .swiper-pagination-bullet-rl.swiper-pagination-bullet-active {
  background: url(https://ld6.res.netease.com/pc/gw/20250908145517/assets/tab-rl-active_f5a349ef.png) no-repeat center;
  background-size: contain;
}
.page-reces .text-region .swiper-pagination-bullet-yc {
  background: url(https://ld6.res.netease.com/pc/gw/20250908145517/assets/tab-yc_a6ff53ba.png) no-repeat center;
  background-size: contain;
}
.page-reces .text-region .swiper-pagination-bullet-yc:hover {
  background: url(https://ld6.res.netease.com/pc/gw/20250908145517/assets/tab-yc-h_56a8d055.png) no-repeat center;
  background-size: contain;
}
.page-reces .text-region .swiper-pagination-bullet-yc.swiper-pagination-bullet-active {
  background: url(https://ld6.res.netease.com/pc/gw/20250908145517/assets/tab-yc-active_eaa56110.png) no-repeat center;
  background-size: contain;
}
.page-reces .race-swiper {
  width: 100%;
  height: 100%;
  z-index: 1;
}
.page-reces .race-swiper .race-item {
  position: relative;
  width: 100% !important;
  height: 100%;
}
.page-reces .race-swiper .race-item-img {
  position: relative;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  z-index: 1;
}
.page-reces .race-swiper .race-item .race-text-region {
  position: absolute;
  width: 100%;
  top: var(--race-item-text-top);
  z-index: 2;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 0 var(--section-padding-horizontal);
}
@media (max-width: 960px) {
  :root {
    --race-heading-title-top: 60px;
    --race-item-text-top: 676px;
    --race-pagination-top: 177px;
    --race-pagination-size: 52px;
  }
  .page-reces {
    height: 960px;
  }
  .page-reces .text-region-item {
    text-align: center;
    padding: 0 var(--section-padding-horizontal);
  }
  .page-reces .text-region .race-item-text-title,
  .page-reces .text-region .race-item-text-description {
    width: 720px;
    margin: 0 auto;
  }
  .page-reces .text-region .race-item-text-description {
    width: 720px;
    margin: 16px auto 0;
  }
}
@media (max-width: 750px) {
  :root {
    --race-heading-title-top: 37px;
    --race-item-text-top: 400px;
    --race-pagination-top: 102px;
    --race-pagination-size: 48px;
  }
  .page-reces {
    height: 574px;
  }
  .page-reces .text-region-item {
    text-align: center;
  }
  .page-reces .text-region .race-item-text {
    top: auto;
    bottom: 50px;
  }
  .page-reces .text-region .race-item-text-title {
    padding: 0 15px;
    font-size: 20px;
  }
  .page-reces .text-region .race-item-text-description {
    padding: 0 15px;
    font-size: 16px;
    margin: 8px auto 0;
  }
  .page-reces::before {
    top: -13px;
    width: calc(655px / 2);
    height: calc(107px / 2);
    background: url(https://ld6.res.netease.com/pc/gw/20250908145517/assets/top-dec2-750_62f3dae5.png) no-repeat;
    background-size: contain;
    max-width: 100%;
    background-size: 327.5px 53.5px;
    background-position: center center;
  }
}
.mask {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 999;
  background: rgba(0, 0, 0, 0.8);
}
.pop-bg {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 500px;
  height: 400px;
  background: white;
}
.pop-bg .pop-close {
  position: absolute;
  top: 13px;
  right: 20px;
  -webkit-transition: background 0.2s ease-in-out;
  transition: background 0.2s ease-in-out;
  cursor: pointer;
  width: 336px;
  height: 336px;
  background: url(https://ld6.res.netease.com/pc/gw/20250908145517/assets/close_f51f9b32.png) no-repeat;
  background-size: contain;
  width: 60px;
  height: 60px;
}
.pop-bg .pop-close:hover {
  width: 336px;
  height: 336px;
  background: url(https://ld6.res.netease.com/pc/gw/20250908145517/assets/close-h_6a3310bd.png) no-repeat;
  background-size: contain;
  width: 60px;
  height: 60px;
}
@media (max-width: 960px) {
  .pop-bg .pop-close {
    width: 56px;
    height: 56px;
    top: 17px;
    right: 16px;
  }
}
@media (max-width: 750px) {
  .pop-bg .pop-close {
    top: 12px;
    right: 11px;
    width: 58px;
    height: 58px;
  }
}
.msg-pop {
  padding: 40px 20px;
  width: 400px;
  height: 200px;
  color: black;
}
.msg-pop .message-title {
  text-align: center;
  font-size: 20px;
}
.msg-pop .message-content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.msg-pop .message-content.center {
  text-align: center;
}
.msg-pop .message-btns {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 40px;
}
.msg-pop .message-btns button {
  margin: 0 10px;
}
:root {
  --gallery-pop-content-padding: 89px;
}
.mask-gallery-pop {
  background: rgba(0, 0, 0, 0.9);
  backdrop-filter: blur(10px);
  will-change: transform;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
}
.gallery-pop {
  position: static;
  width: 100%;
  height: 100%;
  -webkit-transform: none;
          transform: none;
  background: transparent;
  pointer-events: none;
}
.gallery-pop .pop-content {
  pointer-events: none;
  width: 100%;
  height: 100%;
}
.gallery-pop .pop-content .gallery-swiper-region {
  position: absolute;
  width: 1001px;
  max-width: 100%;
  max-width: calc(100% - var(--gallery-pop-content-padding) * 2);
  padding: 0 var(--gallery-pop-content-padding);
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  pointer-events: all;
}
.gallery-pop .pop-content .swiper-gallery-button-prev,
.gallery-pop .pop-content .swiper-gallery-button-next {
  position: absolute;
  cursor: pointer;
  top: 50%;
  left: 20px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  -webkit-transition: background 0.2s ease-in-out;
  transition: background 0.2s ease-in-out;
  width: 336px;
  height: 336px;
  background: url(https://ld6.res.netease.com/pc/gw/20250908145517/assets/left-arrow_96384794.png) no-repeat;
  background-size: contain;
  width: 64px !important;
  height: 64px !important;
  pointer-events: all;
  outline: none !important;
}
.gallery-pop .pop-content .swiper-gallery-button-prev:hover,
.gallery-pop .pop-content .swiper-gallery-button-next:hover {
  width: 336px;
  height: 336px;
  background: url(https://ld6.res.netease.com/pc/gw/20250908145517/assets/left-arrow-h_02586be8.png) no-repeat;
  background-size: contain;
}
.gallery-pop .pop-content .swiper-gallery-button-next {
  left: auto;
  right: 20px;
  -webkit-transform: translateY(-50%) scale(-1, 1);
          transform: translateY(-50%) scale(-1, 1);
}
.gallery-pop .pop-content .swiper-gallery-pagination {
  position: absolute;
  font-weight: bold;
  font-size: 14px;
  line-height: 1.4;
  top: 34px;
  left: 20px;
}
.gallery-pop .pop-content .swiper-gallery-pagination .all-pagination {
  color: #8A8D92;
}
.gallery-pop .pop-close {
  pointer-events: all;
}
@media (max-width: 960px) {
  .gallery-pop .pop-content .swiper-gallery-button-prev,
  .gallery-pop .pop-content .swiper-gallery-button-next {
    width: 56px !important;
    height: 56px !important;
    left: 16px;
  }
  .gallery-pop .pop-content .swiper-gallery-button-next {
    left: auto;
    right: 16px;
  }
  .gallery-pop .pop-content .swiper-gallery-pagination {
    left: 16px;
  }
}
@media (max-width: 750px) {
  :root {
    --gallery-pop-content-padding: 19px;
  }
  .gallery-pop .pop-content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 100px 0 78px;
  }
  .gallery-pop .pop-content .gallery-swiper-region {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    left: auto;
    top: auto;
    -webkit-transform: none;
            transform: none;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
  .gallery-pop .pop-content .gallery-navigation {
    position: relative;
    bottom: auto;
    width: 100%;
    height: 58px;
    margin-top: 32px;
    -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
            flex-shrink: 0;
  }
  .gallery-pop .pop-content .swiper-gallery-button-prev,
  .gallery-pop .pop-content .swiper-gallery-button-next {
    width: 58px !important;
    height: 58px !important;
    left: 50%;
    top: 0;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    margin-left: -50px;
  }
  .gallery-pop .pop-content .swiper-gallery-button-next {
    margin-left: 50px;
    -webkit-transform: translateX(-50%) scale(-1, 1);
            transform: translateX(-50%) scale(-1, 1);
  }
  .gallery-pop .pop-content .swiper-gallery-pagination {
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
}
@media (max-width: 350px) {
  .gallery-pop .pop-content .gallery-swiper-region .media-cover-play .poster-container .play-btn {
    width: 50px;
    height: 50px;
  }
  .gallery-pop .pop-content .gallery-swiper-region .media-cover-play .poster-container .play-btn:hover {
    width: 50px;
    height: 50px;
  }
}