@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;
}
html,
body {
  position: relative;
  margin: 0 auto;
  width: 100%;
  min-width: 320px;
  background: #15202F;
  color: #fff;
  font-size: 12px;
  font-family: "Microsoft YaHei", "PingFang SC", "Noto Sans CJK", "Noto Sans SC", sans-serif;
}
.body-mask {
  overflow: hidden;
}
#app .blz-nav {
  max-width: 2560px;
  margin: auto;
  background-color: rgba(19, 30, 60, 0.8);
}
#app .blz-nav .button-group .nav-btn.button-primary {
  font-family: "Microsoft YaHei", "PingFang SC", "Noto Sans CJK", "Noto Sans SC", sans-serif;
  border: 2px solid transparent;
  background-color: #0f6064;
  background-image: radial-gradient(50% 50%, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0) 100%), url(https://wow.res.netease.com/pc/zt/20260911203232/assets/textureseamless_7f34a550.jpg);
  background-blend-mode: overlay, overlay;
  background-size: auto 100%, auto 100%;
  background-repeat: repeat-x, repeat-x;
  -webkit-box-shadow: 0 calc(5 * var(--u, 1px)) calc(15 * var(--u, 1px)) rgba(0, 0, 0, 0.3);
          box-shadow: 0 calc(5 * var(--u, 1px)) calc(15 * var(--u, 1px)) rgba(0, 0, 0, 0.3);
  border-radius: 3px;
  color: #fff;
  font-size: 1.33333333rem;
}
#app .blz-nav .button-group .nav-btn.button-primary:hover {
  -webkit-filter: brightness(1.1);
          filter: brightness(1.1);
}
#app .blz-nav .button-group .nav-btn.button-primary:hover .container-stars {
  display: block;
}
#app .blz-nav .button-group .nav-btn.button-secondary {
  font-family: "Microsoft YaHei", "PingFang SC", "Noto Sans CJK", "Noto Sans SC", sans-serif;
  border: 2px solid transparent;
  border-radius: 3px;
  background-clip: padding-box, border-box;
  background-origin: padding-box, border-box;
  background: -webkit-gradient(linear, left bottom, left top, from(#4B759D), to(#4B759D)), radial-gradient(123.22% 115.04% at 58.26% 50%, rgba(255, 255, 255, 0.8) 0%, rgba(255, 255, 255, 0) 100%);
  background: linear-gradient(0deg, #4B759D 0%, #4B759D 100%), radial-gradient(123.22% 115.04% at 58.26% 50%, rgba(255, 255, 255, 0.8) 0%, rgba(255, 255, 255, 0) 100%);
  color: #fff;
  font-size: 1.33333333rem;
}
#app .blz-nav .button-group .nav-btn.button-secondary:hover {
  -webkit-filter: brightness(1.1);
          filter: brightness(1.1);
}
#app .blz-nav .button-group .nav-btn.button-secondary:hover .container-stars {
  display: block;
}
#app .blz-nav .button-group .nav-btn.button-info {
  background: #000;
}
#app .blz-nav .button-group .nav-btn.button-info:hover {
  background-color: #101723;
}
#app .blz-nav .blz-nav-submenu .el-menu {
  background-color: #3a271c;
}
#app .blz-nav .blz-nav-submenu .el-menu .el-menu-item-group.secondary-menu {
  background-color: #271b14;
}
#app .blz-nav .icon-site-midnight {
  background-repeat: no-repeat;
  background-size: cover;
}
#app .blz-nav .el-menu.el-menu--popup .login-meun-item:hover {
  background-color: transparent;
}
#app .blz-nav .el-menu .el-menu--horizontal .el-menu-item.site-icon {
  pointer-events: none;
}
#app .blz-nav .el-menu .el-menu--horizontal .el-submenu .account {
  font-size: 1.33333333rem;
}
#app .blz-nav .el-menu .el-menu-item:hover {
  background-color: rgba(255, 255, 255, 0.05);
}
#app .blz-nav .el-menu .el-menu-item:hover i {
  -webkit-filter: brightness(1.3);
          filter: brightness(1.3);
}
#app .blz-nav .el-menu .el-menu-item:hover i.icon-blizzard {
  -webkit-filter: none;
          filter: none;
}
#app .blz-nav .el-menu .is-active i {
  -webkit-filter: brightness(1.3);
          filter: brightness(1.3);
}
#app .blz-nav .el-menu .is-active i.icon-blizzard {
  -webkit-filter: none;
          filter: none;
}
#app .blz-nav .el-menu .site-logo:hover {
  background-color: rgba(0, 0, 0, 0.3);
}
#app .blz-nav .el-menu .site-icon {
  margin: 0 24px;
}
#app .blz-nav .el-menu .site-icon:hover {
  background: transparent !important;
}
.body-Mobile .el-drawer.nav-drawer .el-drawer__body .primary-menu-wrapper .button-group {
  display: none !important;
}
@media screen and (max-width: 1200px) {
  .blz-nav .icon-site-classic {
    width: 48px !important;
    height: 48px !important;
    background-image: url(https://wow.res.netease.com/pc/zt/20260911203232/assets/nav-blizzard-logo_ff4ba4f0.png) !important;
    background-size: contain !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
  }
}
@media screen and (min-width: 1280px) and (max-width: 1399px) {
  html .blz-nav {
    --nav-site-logo-padding: 0 0 0 20px;
    --nav-site-icon-padding: 0 4px 0 4px;
  }
}
@media screen and (min-width: 1400px) {
  html .blz-nav {
    --nav-site-logo-padding: 0 8px 0 32px;
    --nav-site-icon-padding: 0 4px 0 8px;
  }
}
html .el-drawer.nav-drawer .el-drawer__body .primary-menu-wrapper .button-group .nav-btn.button-primary {
  background-color: #0f6064;
  background-image: radial-gradient(50% 50%, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0) 100%), url(https://wow.res.netease.com/pc/zt/20260911203232/assets/textureseamless_7f34a550.jpg);
  background-blend-mode: overlay, overlay;
  background-size: auto 100%, auto 100%;
  background-repeat: repeat-x, repeat-x;
}
html .el-drawer.nav-drawer .el-drawer__body .primary-menu-wrapper .button-group .nav-btn.button-primary:hover {
  -webkit-filter: brightness(1.1);
          filter: brightness(1.1);
}
html .el-drawer.nav-drawer .el-drawer__body .primary-menu-wrapper .button-group .nav-btn.button-secondary {
  background-clip: padding-box, border-box;
  background-origin: padding-box, border-box;
  background: -webkit-gradient(linear, left bottom, left top, from(#4B759D), to(#4B759D)), radial-gradient(123.22% 115.04% at 58.26% 50%, rgba(255, 255, 255, 0.8) 0%, rgba(255, 255, 255, 0) 100%);
  background: linear-gradient(0deg, #4B759D 0%, #4B759D 100%), radial-gradient(123.22% 115.04% at 58.26% 50%, rgba(255, 255, 255, 0.8) 0%, rgba(255, 255, 255, 0) 100%);
}
html .el-drawer.nav-drawer .el-drawer__body .primary-menu-wrapper .button-group .nav-btn.button-secondary:hover {
  -webkit-filter: brightness(1.1);
          filter: brightness(1.1);
}
.gift-package {
  position: fixed;
  width: 390px;
  height: 360px;
  background: url(https://wow.res.netease.com/pc/zt/20260911203232/assets/gift-dec_37659168.png);
  background-size: contain;
  left: 8px;
  bottom: 89px;
  z-index: 99;
  cursor: pointer;
}
.gift-package:hover {
  -webkit-filter: brightness(1.2);
          filter: brightness(1.2);
}
@media screen and (min-width: 2560px) {
  .container-index .page4 .page4-content1 .dxsj .picture {
    height: 1300px;
  }
}
@media screen and (max-width: 1920px) {
  .gift-package {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
    -webkit-transform-origin: center center;
            transform-origin: center center;
    left: -31px;
    bottom: 19px;
  }
}
@media screen and (max-width: 1200px) {
  .gift-package {
    -webkit-transform: scale(0.65);
            transform: scale(0.65);
    -webkit-transform-origin: top right;
            transform-origin: top right;
    top: 60px;
    right: 4px;
    left: auto;
    bottom: auto;
  }
}
@media screen and (max-width: 750px) {
  .gift-package {
    -webkit-transform: scale(0.45);
            transform: scale(0.45);
    -webkit-transform-origin: top right;
            transform-origin: top right;
    left: auto;
    bottom: auto;
  }
  .leihuo-pop-video .pop-video-content {
    height: auto !important;
  }
  .leihuo-pop-media .media-close {
    width: 25px !important;
    height: 25px !important;
    top: -66px !important;
    font-size: 30px !important;
    right: 10px !important;
  }
  .leihuo-pop-video video {
    height: auto !important;
  }
}
#g-footer {
  background-color: #170e09;
  max-width: 2560px !important;
}
.social-channel {
  max-width: 2560px;
  margin: 4px auto 0;
  z-index: 11;
}
.social-channel::after {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  height: 4px;
  width: 100%;
  background: #000;
  z-index: 2;
  top: -4px;
}
.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;
  color: red;
}
.pop-bg .pop-close {
  position: absolute;
  top: -20px;
  right: 0;
  -webkit-transition: -webkit-transform 0.5s;
  transition: -webkit-transform 0.5s;
  transition: transform 0.5s;
  transition: transform 0.5s, -webkit-transform 0.5s;
  cursor: pointer;
}
.pop-bg .pop-close:before {
  content: 'x';
}
.pop-bg .pop-close:hover {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.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;
}
@media (min-width: 1201px) {
  .yuyue-pop-camelot .pop-bg {
    width: 736px;
    height: 520px;
    background: url(https://wow.res.netease.com/pc/zt/20260911203232/assets/bg-2560_d4ace51f.png) center center / 100% 100% no-repeat;
  }
}
@media (min-width: 750px) and (max-width: 1200px) {
  .yuyue-pop-camelot .pop-bg {
    width: 750px;
    height: 712px;
    background: url(https://wow.res.netease.com/pc/zt/20260911203232/assets/bg-960_7a4cd7aa.png) no-repeat center center / 100% 100%;
  }
}
@media (max-width: 749px) {
  .yuyue-pop-camelot .pop-bg {
    width: 375px;
    height: 356px;
    background: url(https://wow.res.netease.com/pc/zt/20260911203232/assets/bg-960_7a4cd7aa.png) no-repeat center center / 100% 100%;
  }
}
.yuyue-pop-camelot .pop-bg .pop-close {
  position: absolute;
  z-index: 2;
  cursor: pointer;
}
.yuyue-pop-camelot .pop-bg .pop-close:hover {
  -webkit-filter: brightness(1.2);
          filter: brightness(1.2);
  -webkit-transform: unset;
          transform: unset;
}
@media (max-width: 0) {
  .yuyue-pop-camelot .pop-bg .pop-close {
    position: absolute;
    z-index: 2;
    cursor: pointer;
  }
  .yuyue-pop-camelot .pop-bg .pop-close:hover {
    -webkit-filter: brightness(1.2);
            filter: brightness(1.2);
    -webkit-transform: unset;
            transform: unset;
  }
}
@media (min-width: 0) {
  .yuyue-pop-camelot .pop-bg .pop-close {
    position: absolute;
    z-index: 2;
    cursor: pointer;
  }
  .yuyue-pop-camelot .pop-bg .pop-close:hover {
    -webkit-filter: brightness(1.2);
            filter: brightness(1.2);
    -webkit-transform: unset;
            transform: unset;
  }
}
@media (min-width: 1201px) {
  .yuyue-pop-camelot .pop-bg .pop-close {
    top: 91px;
    right: 77px;
    width: 42px;
    height: 32px;
    background: url(https://wow.res.netease.com/pc/zt/20260911203232/assets/close-2560_1baa9f88.png) no-repeat center center / 100% 100%;
  }
}
@media (min-width: 750px) and (max-width: 1200px) {
  .yuyue-pop-camelot .pop-bg .pop-close {
    top: 72px;
    right: 54px;
    width: 50px;
    height: 36px;
    background: url(https://wow.res.netease.com/pc/zt/20260911203232/assets/close-960_6e035d05.png) no-repeat center center / 100% 100%;
  }
}
@media (max-width: 749px) {
  .yuyue-pop-camelot .pop-bg .pop-close {
    top: 36px;
    right: 27px;
    width: 25px;
    height: 18px;
    background: url(https://wow.res.netease.com/pc/zt/20260911203232/assets/close-960_6e035d05.png) no-repeat center center / 100% 100%;
  }
}
.yuyue-pop-camelot .pop-bg .pop-close::before {
  display: none;
}
@media (max-width: 0) {
  .yuyue-pop-camelot .pop-bg .pop-close::before {
    display: none;
  }
}
@media (min-width: 0) {
  .yuyue-pop-camelot .pop-bg .pop-close::before {
    display: none;
  }
}
@media (min-width: 1201px) {
  .yuyue-pop-camelot .pop-content {
    padding: 111px 187px 0 185px;
  }
}
@media (min-width: 750px) and (max-width: 1200px) {
  .yuyue-pop-camelot .pop-content {
    padding: 105px 113px 0 117px;
  }
}
@media (max-width: 749px) {
  .yuyue-pop-camelot .pop-content {
    padding: 52.5px 56.5px 0 58.5px;
  }
}
.yuyue-pop-camelot .pop-header .icon-left,
.yuyue-pop-camelot .pop-header .icon-right {
  display: none;
}
@media (max-width: 0) {
  .yuyue-pop-camelot .pop-header .icon-left,
  .yuyue-pop-camelot .pop-header .icon-right {
    display: none;
  }
}
@media (min-width: 0) {
  .yuyue-pop-camelot .pop-header .icon-left,
  .yuyue-pop-camelot .pop-header .icon-right {
    display: none;
  }
}
.yuyue-pop-camelot .pop-header .header-text {
  color: #8C4A1F !important;
  text-align: center;
  font-family: "FZLanTingHeiS-B-GB";
  font-style: normal;
  font-weight: 400 !important;
  line-height: 160%;
  background-image: initial !important;
  -webkit-background-clip: initial !important;
  -webkit-text-fill-color: initial !important;
}
@media (max-width: 0) {
  .yuyue-pop-camelot .pop-header .header-text {
    color: #8C4A1F !important;
    text-align: center;
    font-family: "FZLanTingHeiS-B-GB";
    font-style: normal;
    font-weight: 400 !important;
    line-height: 160%;
    background-image: initial !important;
    -webkit-background-clip: initial !important;
    -webkit-text-fill-color: initial !important;
  }
}
@media (min-width: 0) {
  .yuyue-pop-camelot .pop-header .header-text {
    color: #8C4A1F !important;
    text-align: center;
    font-family: "FZLanTingHeiS-B-GB";
    font-style: normal;
    font-weight: 400 !important;
    line-height: 160%;
    background-image: initial !important;
    -webkit-background-clip: initial !important;
    -webkit-text-fill-color: initial !important;
  }
}
@media (min-width: 1201px) {
  .yuyue-pop-camelot .pop-header .header-text {
    font-size: 24px !important;
  }
}
@media (min-width: 750px) and (max-width: 1200px) {
  .yuyue-pop-camelot .pop-header .header-text {
    font-size: 32px !important;
  }
}
@media (max-width: 749px) {
  .yuyue-pop-camelot .pop-header .header-text {
    font-size: 16px !important;
  }
}
@media (min-width: 1201px) {
  .yuyue-pop-camelot .title-deco {
    width: 150px;
    height: 9px;
    margin: 0 auto;
    background: url(https://wow.res.netease.com/pc/zt/20260911203232/assets/title-deco-2560_f57ddaa0.png) no-repeat center center / 100% 100%;
  }
}
@media (min-width: 750px) and (max-width: 1200px) {
  .yuyue-pop-camelot .title-deco {
    width: 222px;
    height: 14px;
    margin: 0 auto;
    background: url(https://wow.res.netease.com/pc/zt/20260911203232/assets/title-deco-960_b09a3876.png) no-repeat center center / 100% 100%;
  }
}
@media (max-width: 749px) {
  .yuyue-pop-camelot .title-deco {
    width: 111px;
    height: 7px;
    margin: 0 auto;
    background: url(https://wow.res.netease.com/pc/zt/20260911203232/assets/title-deco-960_b09a3876.png) no-repeat center center / 100% 100%;
  }
}
.yuyue-pop-camelot .yuyue-user-info {
  width: 100%;
  font-family: "FZLanTingHeiS-B-GB";
  text-align: center;
  color: #583B35;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@media (max-width: 0) {
  .yuyue-pop-camelot .yuyue-user-info {
    width: 100%;
    font-family: "FZLanTingHeiS-B-GB";
    text-align: center;
    color: #583B35;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}
@media (min-width: 0) {
  .yuyue-pop-camelot .yuyue-user-info {
    width: 100%;
    font-family: "FZLanTingHeiS-B-GB";
    text-align: center;
    color: #583B35;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}
@media (min-width: 1201px) {
  .yuyue-pop-camelot .yuyue-user-info {
    margin: 14px auto 10px;
    line-height: 20px;
    font-weight: 700;
    font-size: 16px;
  }
}
@media (min-width: 750px) and (max-width: 1200px) {
  .yuyue-pop-camelot .yuyue-user-info {
    width: 100%;
    margin: 52px auto 18px;
    line-height: 30px;
    font-weight: 700;
    font-size: 24px;
  }
}
@media (max-width: 749px) {
  .yuyue-pop-camelot .yuyue-user-info {
    width: 100%;
    margin: 26px auto 9px;
    line-height: 15px;
    font-weight: 700;
    font-size: 12px;
  }
}
.yuyue-pop-camelot #phone-yuyue {
  width: 100%;
}
@media (max-width: 0) {
  .yuyue-pop-camelot #phone-yuyue {
    width: 100%;
  }
}
@media (min-width: 0) {
  .yuyue-pop-camelot #phone-yuyue {
    width: 100%;
  }
}
.yuyue-pop-camelot #phone-yuyue .phone-verify-wrap {
  width: 100%;
}
@media (max-width: 0) {
  .yuyue-pop-camelot #phone-yuyue .phone-verify-wrap {
    width: 100%;
  }
}
@media (min-width: 0) {
  .yuyue-pop-camelot #phone-yuyue .phone-verify-wrap {
    width: 100%;
  }
}
@media (min-width: 750px) and (max-width: 1200px) {
  .yuyue-pop-camelot #phone-yuyue .phone-verify-wrap .phone-wrap {
    height: 68px;
    margin-bottom: 20px;
  }
}
@media (max-width: 749px) {
  .yuyue-pop-camelot #phone-yuyue .phone-verify-wrap .phone-wrap {
    height: 34px;
    margin-bottom: 10px;
  }
}
.yuyue-pop-camelot #phone-yuyue .phone-verify-wrap .phone-wrap .phone-input .iconfont-qual {
  line-height: inherit;
}
@media (min-width: 1201px) {
  .yuyue-pop-camelot #phone-yuyue .phone-verify-wrap .phone-wrap .phone-input .icon-clear {
    right: 11px;
  }
}
.yuyue-pop-camelot #phone-yuyue .phone-verify-wrap .phone-wrap .phone-input .icon-clear::before {
  color: rgba(0, 0, 0, 0.3);
  line-height: initial;
  font-size: 15px;
}
@media (max-width: 0) {
  .yuyue-pop-camelot #phone-yuyue .phone-verify-wrap .phone-wrap .phone-input .icon-clear::before {
    color: rgba(0, 0, 0, 0.3);
    line-height: initial;
    font-size: 15px;
  }
}
@media (min-width: 0) {
  .yuyue-pop-camelot #phone-yuyue .phone-verify-wrap .phone-wrap .phone-input .icon-clear::before {
    color: rgba(0, 0, 0, 0.3);
    line-height: initial;
    font-size: 15px;
  }
}
.yuyue-pop-camelot #phone-yuyue .phone-verify-wrap .icon-zhanghu {
  display: none;
}
@media (max-width: 0) {
  .yuyue-pop-camelot #phone-yuyue .phone-verify-wrap .icon-zhanghu {
    display: none;
  }
}
@media (min-width: 0) {
  .yuyue-pop-camelot #phone-yuyue .phone-verify-wrap .icon-zhanghu {
    display: none;
  }
}
.yuyue-pop-camelot #phone-yuyue .phone-verify-wrap .qualCaptcha,
.yuyue-pop-camelot #phone-yuyue .phone-verify-wrap #qualCaptcha {
  width: 100%;
  height: 0;
}
@media (max-width: 0) {
  .yuyue-pop-camelot #phone-yuyue .phone-verify-wrap .qualCaptcha,
  .yuyue-pop-camelot #phone-yuyue .phone-verify-wrap #qualCaptcha {
    width: 100%;
    height: 0;
  }
}
@media (min-width: 0) {
  .yuyue-pop-camelot #phone-yuyue .phone-verify-wrap .qualCaptcha,
  .yuyue-pop-camelot #phone-yuyue .phone-verify-wrap #qualCaptcha {
    width: 100%;
    height: 0;
  }
}
.yuyue-pop-camelot #phone-yuyue .phone-verify-wrap .qualCaptcha .yidun_control,
.yuyue-pop-camelot #phone-yuyue .phone-verify-wrap #qualCaptcha .yidun_control,
.yuyue-pop-camelot #phone-yuyue .phone-verify-wrap .qualCaptcha .yidun_slide_indicator,
.yuyue-pop-camelot #phone-yuyue .phone-verify-wrap #qualCaptcha .yidun_slide_indicator,
.yuyue-pop-camelot #phone-yuyue .phone-verify-wrap .qualCaptcha .yidun_tips,
.yuyue-pop-camelot #phone-yuyue .phone-verify-wrap #qualCaptcha .yidun_tips {
  width: 100%;
}
@media (max-width: 0) {
  .yuyue-pop-camelot #phone-yuyue .phone-verify-wrap .qualCaptcha .yidun_control,
  .yuyue-pop-camelot #phone-yuyue .phone-verify-wrap #qualCaptcha .yidun_control,
  .yuyue-pop-camelot #phone-yuyue .phone-verify-wrap .qualCaptcha .yidun_slide_indicator,
  .yuyue-pop-camelot #phone-yuyue .phone-verify-wrap #qualCaptcha .yidun_slide_indicator,
  .yuyue-pop-camelot #phone-yuyue .phone-verify-wrap .qualCaptcha .yidun_tips,
  .yuyue-pop-camelot #phone-yuyue .phone-verify-wrap #qualCaptcha .yidun_tips {
    width: 100%;
  }
}
@media (min-width: 0) {
  .yuyue-pop-camelot #phone-yuyue .phone-verify-wrap .qualCaptcha .yidun_control,
  .yuyue-pop-camelot #phone-yuyue .phone-verify-wrap #qualCaptcha .yidun_control,
  .yuyue-pop-camelot #phone-yuyue .phone-verify-wrap .qualCaptcha .yidun_slide_indicator,
  .yuyue-pop-camelot #phone-yuyue .phone-verify-wrap #qualCaptcha .yidun_slide_indicator,
  .yuyue-pop-camelot #phone-yuyue .phone-verify-wrap .qualCaptcha .yidun_tips,
  .yuyue-pop-camelot #phone-yuyue .phone-verify-wrap #qualCaptcha .yidun_tips {
    width: 100%;
  }
}
@media (min-width: 750px) and (max-width: 1200px) {
  .yuyue-pop-camelot #phone-yuyue .phone-verify-wrap .qualCaptcha .yidun_control,
  .yuyue-pop-camelot #phone-yuyue .phone-verify-wrap #qualCaptcha .yidun_control,
  .yuyue-pop-camelot #phone-yuyue .phone-verify-wrap .qualCaptcha .yidun_slide_indicator,
  .yuyue-pop-camelot #phone-yuyue .phone-verify-wrap #qualCaptcha .yidun_slide_indicator,
  .yuyue-pop-camelot #phone-yuyue .phone-verify-wrap .qualCaptcha .yidun_tips,
  .yuyue-pop-camelot #phone-yuyue .phone-verify-wrap #qualCaptcha .yidun_tips {
    height: 68px !important;
  }
}
@media (max-width: 749px) {
  .yuyue-pop-camelot #phone-yuyue .phone-verify-wrap .qualCaptcha .yidun_control,
  .yuyue-pop-camelot #phone-yuyue .phone-verify-wrap #qualCaptcha .yidun_control,
  .yuyue-pop-camelot #phone-yuyue .phone-verify-wrap .qualCaptcha .yidun_slide_indicator,
  .yuyue-pop-camelot #phone-yuyue .phone-verify-wrap #qualCaptcha .yidun_slide_indicator,
  .yuyue-pop-camelot #phone-yuyue .phone-verify-wrap .qualCaptcha .yidun_tips,
  .yuyue-pop-camelot #phone-yuyue .phone-verify-wrap #qualCaptcha .yidun_tips {
    height: 34px !important;
  }
}
@media (min-width: 750px) and (max-width: 1200px) {
  .yuyue-pop-camelot #phone-yuyue .phone-verify-wrap .qualCaptcha .yidun_control .yidun_slider,
  .yuyue-pop-camelot #phone-yuyue .phone-verify-wrap #qualCaptcha .yidun_control .yidun_slider,
  .yuyue-pop-camelot #phone-yuyue .phone-verify-wrap .qualCaptcha .yidun_slide_indicator .yidun_slider,
  .yuyue-pop-camelot #phone-yuyue .phone-verify-wrap #qualCaptcha .yidun_slide_indicator .yidun_slider,
  .yuyue-pop-camelot #phone-yuyue .phone-verify-wrap .qualCaptcha .yidun_tips .yidun_slider,
  .yuyue-pop-camelot #phone-yuyue .phone-verify-wrap #qualCaptcha .yidun_tips .yidun_slider {
    width: 68px !important;
  }
}
@media (max-width: 749px) {
  .yuyue-pop-camelot #phone-yuyue .phone-verify-wrap .qualCaptcha .yidun_control .yidun_slider,
  .yuyue-pop-camelot #phone-yuyue .phone-verify-wrap #qualCaptcha .yidun_control .yidun_slider,
  .yuyue-pop-camelot #phone-yuyue .phone-verify-wrap .qualCaptcha .yidun_slide_indicator .yidun_slider,
  .yuyue-pop-camelot #phone-yuyue .phone-verify-wrap #qualCaptcha .yidun_slide_indicator .yidun_slider,
  .yuyue-pop-camelot #phone-yuyue .phone-verify-wrap .qualCaptcha .yidun_tips .yidun_slider,
  .yuyue-pop-camelot #phone-yuyue .phone-verify-wrap #qualCaptcha .yidun_tips .yidun_slider {
    width: 34px !important;
  }
}
@media (min-width: 750px) and (max-width: 1200px) {
  .yuyue-pop-camelot #phone-yuyue .phone-verify-wrap .qualCaptcha .yidun_control .yidun_tips__text,
  .yuyue-pop-camelot #phone-yuyue .phone-verify-wrap #qualCaptcha .yidun_control .yidun_tips__text,
  .yuyue-pop-camelot #phone-yuyue .phone-verify-wrap .qualCaptcha .yidun_slide_indicator .yidun_tips__text,
  .yuyue-pop-camelot #phone-yuyue .phone-verify-wrap #qualCaptcha .yidun_slide_indicator .yidun_tips__text,
  .yuyue-pop-camelot #phone-yuyue .phone-verify-wrap .qualCaptcha .yidun_tips .yidun_tips__text,
  .yuyue-pop-camelot #phone-yuyue .phone-verify-wrap #qualCaptcha .yidun_tips .yidun_tips__text {
    font-size: 24px;
  }
}
@media (max-width: 749px) {
  .yuyue-pop-camelot #phone-yuyue .phone-verify-wrap .qualCaptcha .yidun_control .yidun_tips__text,
  .yuyue-pop-camelot #phone-yuyue .phone-verify-wrap #qualCaptcha .yidun_control .yidun_tips__text,
  .yuyue-pop-camelot #phone-yuyue .phone-verify-wrap .qualCaptcha .yidun_slide_indicator .yidun_tips__text,
  .yuyue-pop-camelot #phone-yuyue .phone-verify-wrap #qualCaptcha .yidun_slide_indicator .yidun_tips__text,
  .yuyue-pop-camelot #phone-yuyue .phone-verify-wrap .qualCaptcha .yidun_tips .yidun_tips__text,
  .yuyue-pop-camelot #phone-yuyue .phone-verify-wrap #qualCaptcha .yidun_tips .yidun_tips__text {
    font-size: 12px;
  }
}
@media (min-width: 750px) and (max-width: 1200px) {
  .yuyue-pop-camelot #phone-yuyue .phone-verify-wrap .qualCaptcha .yidun_panel,
  .yuyue-pop-camelot #phone-yuyue .phone-verify-wrap #qualCaptcha .yidun_panel {
    bottom: 68px !important;
  }
}
@media (max-width: 749px) {
  .yuyue-pop-camelot #phone-yuyue .phone-verify-wrap .qualCaptcha .yidun_panel,
  .yuyue-pop-camelot #phone-yuyue .phone-verify-wrap #qualCaptcha .yidun_panel {
    bottom: 34px !important;
  }
}
@media (min-width: 750px) and (max-width: 1200px) {
  .yuyue-pop-camelot #phone-yuyue .phone-verify-wrap .code-wrap {
    height: 68px;
  }
}
@media (max-width: 749px) {
  .yuyue-pop-camelot #phone-yuyue .phone-verify-wrap .code-wrap {
    height: 34px;
  }
}
.yuyue-pop-camelot #phone-yuyue .phone-verify-wrap .input-box,
.yuyue-pop-camelot #phone-yuyue .phone-verify-wrap .ipt-code {
  border: 1px solid rgba(97, 68, 42, 0.5);
  background: rgba(203, 179, 151, 0.6);
  color: #583B35;
}
.yuyue-pop-camelot #phone-yuyue .phone-verify-wrap .input-box::-webkit-input-placeholder,
.yuyue-pop-camelot #phone-yuyue .phone-verify-wrap .ipt-code::-webkit-input-placeholder {
  /* WebKit browsers */
  color: rgba(88, 59, 53, 0.7);
}
.yuyue-pop-camelot #phone-yuyue .phone-verify-wrap .input-box:-moz-placeholder,
.yuyue-pop-camelot #phone-yuyue .phone-verify-wrap .ipt-code:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: rgba(88, 59, 53, 0.7);
}
.yuyue-pop-camelot #phone-yuyue .phone-verify-wrap .input-box::-moz-placeholder,
.yuyue-pop-camelot #phone-yuyue .phone-verify-wrap .ipt-code::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: rgba(88, 59, 53, 0.7);
}
.yuyue-pop-camelot #phone-yuyue .phone-verify-wrap .input-box:-ms-input-placeholder,
.yuyue-pop-camelot #phone-yuyue .phone-verify-wrap .ipt-code:-ms-input-placeholder {
  /* Internet Explorer 10+ */
  color: rgba(88, 59, 53, 0.7);
}
.yuyue-pop-camelot #phone-yuyue .phone-verify-wrap .input-box:focus-visible,
.yuyue-pop-camelot #phone-yuyue .phone-verify-wrap .ipt-code:focus-visible {
  outline: none;
}
@media (max-width: 0) {
  .yuyue-pop-camelot #phone-yuyue .phone-verify-wrap .input-box,
  .yuyue-pop-camelot #phone-yuyue .phone-verify-wrap .ipt-code {
    border: 1px solid rgba(97, 68, 42, 0.5);
    background: rgba(203, 179, 151, 0.6);
    color: #583B35;
  }
  .yuyue-pop-camelot #phone-yuyue .phone-verify-wrap .input-box::-webkit-input-placeholder,
  .yuyue-pop-camelot #phone-yuyue .phone-verify-wrap .ipt-code::-webkit-input-placeholder {
    /* WebKit browsers */
    color: rgba(88, 59, 53, 0.7);
  }
  .yuyue-pop-camelot #phone-yuyue .phone-verify-wrap .input-box:-moz-placeholder,
  .yuyue-pop-camelot #phone-yuyue .phone-verify-wrap .ipt-code:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: rgba(88, 59, 53, 0.7);
  }
  .yuyue-pop-camelot #phone-yuyue .phone-verify-wrap .input-box::-moz-placeholder,
  .yuyue-pop-camelot #phone-yuyue .phone-verify-wrap .ipt-code::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: rgba(88, 59, 53, 0.7);
  }
  .yuyue-pop-camelot #phone-yuyue .phone-verify-wrap .input-box:-ms-input-placeholder,
  .yuyue-pop-camelot #phone-yuyue .phone-verify-wrap .ipt-code:-ms-input-placeholder {
    /* Internet Explorer 10+ */
    color: rgba(88, 59, 53, 0.7);
  }
  .yuyue-pop-camelot #phone-yuyue .phone-verify-wrap .input-box:focus-visible,
  .yuyue-pop-camelot #phone-yuyue .phone-verify-wrap .ipt-code:focus-visible {
    outline: none;
  }
}
@media (min-width: 0) {
  .yuyue-pop-camelot #phone-yuyue .phone-verify-wrap .input-box,
  .yuyue-pop-camelot #phone-yuyue .phone-verify-wrap .ipt-code {
    border: 1px solid rgba(97, 68, 42, 0.5);
    background: rgba(203, 179, 151, 0.6);
    color: #583B35;
  }
  .yuyue-pop-camelot #phone-yuyue .phone-verify-wrap .input-box::-webkit-input-placeholder,
  .yuyue-pop-camelot #phone-yuyue .phone-verify-wrap .ipt-code::-webkit-input-placeholder {
    /* WebKit browsers */
    color: rgba(88, 59, 53, 0.7);
  }
  .yuyue-pop-camelot #phone-yuyue .phone-verify-wrap .input-box:-moz-placeholder,
  .yuyue-pop-camelot #phone-yuyue .phone-verify-wrap .ipt-code:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: rgba(88, 59, 53, 0.7);
  }
  .yuyue-pop-camelot #phone-yuyue .phone-verify-wrap .input-box::-moz-placeholder,
  .yuyue-pop-camelot #phone-yuyue .phone-verify-wrap .ipt-code::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: rgba(88, 59, 53, 0.7);
  }
  .yuyue-pop-camelot #phone-yuyue .phone-verify-wrap .input-box:-ms-input-placeholder,
  .yuyue-pop-camelot #phone-yuyue .phone-verify-wrap .ipt-code:-ms-input-placeholder {
    /* Internet Explorer 10+ */
    color: rgba(88, 59, 53, 0.7);
  }
  .yuyue-pop-camelot #phone-yuyue .phone-verify-wrap .input-box:focus-visible,
  .yuyue-pop-camelot #phone-yuyue .phone-verify-wrap .ipt-code:focus-visible {
    outline: none;
  }
}
@media (min-width: 750px) and (max-width: 1200px) {
  .yuyue-pop-camelot #phone-yuyue .phone-verify-wrap .input-box,
  .yuyue-pop-camelot #phone-yuyue .phone-verify-wrap .ipt-code {
    height: 68px;
  }
}
@media (max-width: 749px) {
  .yuyue-pop-camelot #phone-yuyue .phone-verify-wrap .input-box,
  .yuyue-pop-camelot #phone-yuyue .phone-verify-wrap .ipt-code {
    height: 34px;
  }
}
@media (min-width: 750px) and (max-width: 1200px) {
  .yuyue-pop-camelot #phone-yuyue .phone-verify-wrap .input-box::-webkit-input-placeholder, .yuyue-pop-camelot #phone-yuyue .phone-verify-wrap .ipt-code::-webkit-input-placeholder {
    font-size: 26px;
  }
  .yuyue-pop-camelot #phone-yuyue .phone-verify-wrap .input-box::-moz-placeholder, .yuyue-pop-camelot #phone-yuyue .phone-verify-wrap .ipt-code::-moz-placeholder {
    font-size: 26px;
  }
  .yuyue-pop-camelot #phone-yuyue .phone-verify-wrap .input-box:-ms-input-placeholder, .yuyue-pop-camelot #phone-yuyue .phone-verify-wrap .ipt-code:-ms-input-placeholder {
    font-size: 26px;
  }
  .yuyue-pop-camelot #phone-yuyue .phone-verify-wrap .input-box::-ms-input-placeholder, .yuyue-pop-camelot #phone-yuyue .phone-verify-wrap .ipt-code::-ms-input-placeholder {
    font-size: 26px;
  }
  .yuyue-pop-camelot #phone-yuyue .phone-verify-wrap .input-box::placeholder,
  .yuyue-pop-camelot #phone-yuyue .phone-verify-wrap .ipt-code::placeholder {
    font-size: 26px;
  }
}
@media (max-width: 749px) {
  .yuyue-pop-camelot #phone-yuyue .phone-verify-wrap .input-box::-webkit-input-placeholder, .yuyue-pop-camelot #phone-yuyue .phone-verify-wrap .ipt-code::-webkit-input-placeholder {
    font-size: 13px;
  }
  .yuyue-pop-camelot #phone-yuyue .phone-verify-wrap .input-box::-moz-placeholder, .yuyue-pop-camelot #phone-yuyue .phone-verify-wrap .ipt-code::-moz-placeholder {
    font-size: 13px;
  }
  .yuyue-pop-camelot #phone-yuyue .phone-verify-wrap .input-box:-ms-input-placeholder, .yuyue-pop-camelot #phone-yuyue .phone-verify-wrap .ipt-code:-ms-input-placeholder {
    font-size: 13px;
  }
  .yuyue-pop-camelot #phone-yuyue .phone-verify-wrap .input-box::-ms-input-placeholder, .yuyue-pop-camelot #phone-yuyue .phone-verify-wrap .ipt-code::-ms-input-placeholder {
    font-size: 13px;
  }
  .yuyue-pop-camelot #phone-yuyue .phone-verify-wrap .input-box::placeholder,
  .yuyue-pop-camelot #phone-yuyue .phone-verify-wrap .ipt-code::placeholder {
    font-size: 13px;
  }
}
@media (min-width: 1201px) {
  .yuyue-pop-camelot #phone-yuyue .phone-verify-wrap .input-box {
    padding-left: 18px;
    padding-right: 18px;
  }
}
@media (min-width: 750px) and (max-width: 1200px) {
  .yuyue-pop-camelot #phone-yuyue .phone-verify-wrap .input-box {
    height: 68px;
    padding: 0 26px;
    font-size: 26px;
  }
}
@media (max-width: 749px) {
  .yuyue-pop-camelot #phone-yuyue .phone-verify-wrap .input-box {
    height: 34px;
    padding: 0 13px;
    font-size: 13px;
  }
}
@media (min-width: 1201px) {
  .yuyue-pop-camelot #phone-yuyue .phone-verify-wrap .ipt-code {
    width: 234px;
    border-radius: 4px;
  }
}
@media (min-width: 750px) and (max-width: 1200px) {
  .yuyue-pop-camelot #phone-yuyue .phone-verify-wrap .ipt-code {
    width: 306px;
    padding: 18px 28px 14px 28px;
    border-radius: 6px;
    font-size: 26px;
  }
}
@media (max-width: 749px) {
  .yuyue-pop-camelot #phone-yuyue .phone-verify-wrap .ipt-code {
    width: 153px;
    padding: 9px 14px 7px 14px;
    border-radius: 2px;
    font-size: 13px;
  }
}
.yuyue-pop-camelot #phone-yuyue .phone-verify-wrap .btn-sendCode {
  background: #5D4931;
  font-family: "Noto Sans SC";
  color: #FDFDFD;
}
.yuyue-pop-camelot #phone-yuyue .phone-verify-wrap .btn-sendCode:hover {
  color: #FDFDFD;
  background: #95764A;
}
.yuyue-pop-camelot #phone-yuyue .phone-verify-wrap .btn-sendCode.dis {
  color: rgba(253, 253, 253, 0.7);
  background: rgba(93, 73, 49, 0.8);
}
.yuyue-pop-camelot #phone-yuyue .phone-verify-wrap .btn-sendCode.dis:hover {
  color: rgba(253, 253, 253, 0.7);
  background: rgba(93, 73, 49, 0.8);
}
@media (max-width: 0) {
  .yuyue-pop-camelot #phone-yuyue .phone-verify-wrap .btn-sendCode {
    background: #5D4931;
    font-family: "Noto Sans SC";
    color: #FDFDFD;
  }
  .yuyue-pop-camelot #phone-yuyue .phone-verify-wrap .btn-sendCode:hover {
    color: #FDFDFD;
    background: #95764A;
  }
  .yuyue-pop-camelot #phone-yuyue .phone-verify-wrap .btn-sendCode.dis {
    color: rgba(253, 253, 253, 0.7);
    background: rgba(93, 73, 49, 0.8);
  }
  .yuyue-pop-camelot #phone-yuyue .phone-verify-wrap .btn-sendCode.dis:hover {
    color: rgba(253, 253, 253, 0.7);
    background: rgba(93, 73, 49, 0.8);
  }
}
@media (min-width: 0) {
  .yuyue-pop-camelot #phone-yuyue .phone-verify-wrap .btn-sendCode {
    background: #5D4931;
    font-family: "Noto Sans SC";
    color: #FDFDFD;
  }
  .yuyue-pop-camelot #phone-yuyue .phone-verify-wrap .btn-sendCode:hover {
    color: #FDFDFD;
    background: #95764A;
  }
  .yuyue-pop-camelot #phone-yuyue .phone-verify-wrap .btn-sendCode.dis {
    color: rgba(253, 253, 253, 0.7);
    background: rgba(93, 73, 49, 0.8);
  }
  .yuyue-pop-camelot #phone-yuyue .phone-verify-wrap .btn-sendCode.dis:hover {
    color: rgba(253, 253, 253, 0.7);
    background: rgba(93, 73, 49, 0.8);
  }
}
@media (min-width: 1201px) {
  .yuyue-pop-camelot #phone-yuyue .phone-verify-wrap .btn-sendCode {
    width: 122px;
    line-height: 42px;
    font-size: 14px;
    border-radius: 4px;
  }
}
@media (min-width: 750px) and (max-width: 1200px) {
  .yuyue-pop-camelot #phone-yuyue .phone-verify-wrap .btn-sendCode {
    width: 200px;
    line-height: 68px;
    font-size: 26px;
    border-radius: 6px;
  }
}
@media (max-width: 749px) {
  .yuyue-pop-camelot #phone-yuyue .phone-verify-wrap .btn-sendCode {
    width: 100px;
    line-height: 34px;
    font-size: 13px;
    border-radius: 2px;
  }
}
.yuyue-pop-camelot #phone-yuyue .phone-verify-wrap .err-tip {
  color: #CC301B;
}
@media (max-width: 0) {
  .yuyue-pop-camelot #phone-yuyue .phone-verify-wrap .err-tip {
    color: #CC301B;
  }
}
@media (min-width: 0) {
  .yuyue-pop-camelot #phone-yuyue .phone-verify-wrap .err-tip {
    color: #CC301B;
  }
}
@media (min-width: 750px) and (max-width: 1200px) {
  .yuyue-pop-camelot #phone-yuyue .phone-verify-wrap .err-tip {
    margin: 4px 0 0 0;
  }
}
@media (max-width: 749px) {
  .yuyue-pop-camelot #phone-yuyue .phone-verify-wrap .err-tip {
    font-size: 12px;
    margin: 2px 0 0 0;
  }
}
.yuyue-pop-camelot #phone-yuyue .phone-verify-wrap .err-tip .icon-err {
  color: #CC301B;
}
@media (max-width: 0) {
  .yuyue-pop-camelot #phone-yuyue .phone-verify-wrap .err-tip .icon-err {
    color: #CC301B;
  }
}
@media (min-width: 0) {
  .yuyue-pop-camelot #phone-yuyue .phone-verify-wrap .err-tip .icon-err {
    color: #CC301B;
  }
}
.yuyue-pop-camelot #phone-yuyue .phone-verify-wrap .confirm-btn {
  position: absolute;
  left: 50%;
  margin: 0 auto;
  font-size: 0;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  cursor: pointer;
}
@media (max-width: 0) {
  .yuyue-pop-camelot #phone-yuyue .phone-verify-wrap .confirm-btn {
    position: absolute;
    left: 50%;
    margin: 0 auto;
    font-size: 0;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    cursor: pointer;
  }
}
@media (min-width: 0) {
  .yuyue-pop-camelot #phone-yuyue .phone-verify-wrap .confirm-btn {
    position: absolute;
    left: 50%;
    margin: 0 auto;
    font-size: 0;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    cursor: pointer;
  }
}
@media (min-width: 1201px) {
  .yuyue-pop-camelot #phone-yuyue .phone-verify-wrap .confirm-btn {
    bottom: 84px;
    width: 217px;
    height: 67px;
    background: url(https://wow.res.netease.com/pc/zt/20260911203232/assets/btn-reserve-2560_0536d0f1.png) no-repeat center center / 100% 100%;
  }
}
@media (min-width: 750px) and (max-width: 1200px) {
  .yuyue-pop-camelot #phone-yuyue .phone-verify-wrap .confirm-btn {
    bottom: 120px;
    width: 308px;
    height: 94px;
    background: url(https://wow.res.netease.com/pc/zt/20260911203232/assets/btn-reserve-960_7399f614.png) no-repeat center center / 100% 100%;
  }
}
@media (max-width: 749px) {
  .yuyue-pop-camelot #phone-yuyue .phone-verify-wrap .confirm-btn {
    bottom: 60px;
    width: 154px;
    height: 47px;
    background: url(https://wow.res.netease.com/pc/zt/20260911203232/assets/btn-reserve-960_7399f614.png) no-repeat center center / 100% 100%;
  }
}
.yuyue-pop-camelot #phone-yuyue .phone-verify-wrap .confirm-btn:after {
  content: '\7ACB\5373\9884\7EA6';
  color: #fff;
  font-weight: bold;
}
@media (max-width: 0) {
  .yuyue-pop-camelot #phone-yuyue .phone-verify-wrap .confirm-btn:after {
    content: '\7ACB\5373\9884\7EA6';
    color: #fff;
    font-weight: bold;
  }
}
@media (min-width: 0) {
  .yuyue-pop-camelot #phone-yuyue .phone-verify-wrap .confirm-btn:after {
    content: '\7ACB\5373\9884\7EA6';
    color: #fff;
    font-weight: bold;
  }
}
@media (min-width: 1201px) {
  .yuyue-pop-camelot #phone-yuyue .phone-verify-wrap .confirm-btn:after {
    font-size: 20px;
    line-height: 60px;
  }
}
@media (min-width: 750px) and (max-width: 1200px) {
  .yuyue-pop-camelot #phone-yuyue .phone-verify-wrap .confirm-btn:after {
    font-size: 28px;
    line-height: 86px;
  }
}
@media (max-width: 749px) {
  .yuyue-pop-camelot #phone-yuyue .phone-verify-wrap .confirm-btn:after {
    font-size: 14px;
    line-height: 43px;
  }
}
.yuyue-pop-camelot #phone-yuyue .phone-verify-wrap .confirm-btn:hover {
  -webkit-filter: brightness(1.2);
          filter: brightness(1.2);
}
@media (min-width: 1201px) {
  .yuyue-success-pop-camelot .pop-bg {
    width: 736px;
    height: 520px;
    background: url(https://wow.res.netease.com/pc/zt/20260911203232/assets/bg-2560_d4ace51f.png) center center / 100% 100% no-repeat;
  }
}
@media (min-width: 750px) and (max-width: 1200px) {
  .yuyue-success-pop-camelot .pop-bg {
    width: 750px;
    height: 712px;
    background: url(https://wow.res.netease.com/pc/zt/20260911203232/assets/bg-960_7a4cd7aa.png) no-repeat center center / 100% 100%;
  }
}
@media (max-width: 749px) {
  .yuyue-success-pop-camelot .pop-bg {
    width: 375px;
    height: 356px;
    background: url(https://wow.res.netease.com/pc/zt/20260911203232/assets/bg-960_7a4cd7aa.png) no-repeat center center / 100% 100%;
  }
}
.yuyue-success-pop-camelot .pop-bg .pop-close {
  position: absolute;
  z-index: 2;
  cursor: pointer;
}
.yuyue-success-pop-camelot .pop-bg .pop-close:hover {
  -webkit-filter: brightness(1.2);
          filter: brightness(1.2);
  -webkit-transform: unset;
          transform: unset;
}
@media (max-width: 0) {
  .yuyue-success-pop-camelot .pop-bg .pop-close {
    position: absolute;
    z-index: 2;
    cursor: pointer;
  }
  .yuyue-success-pop-camelot .pop-bg .pop-close:hover {
    -webkit-filter: brightness(1.2);
            filter: brightness(1.2);
    -webkit-transform: unset;
            transform: unset;
  }
}
@media (min-width: 0) {
  .yuyue-success-pop-camelot .pop-bg .pop-close {
    position: absolute;
    z-index: 2;
    cursor: pointer;
  }
  .yuyue-success-pop-camelot .pop-bg .pop-close:hover {
    -webkit-filter: brightness(1.2);
            filter: brightness(1.2);
    -webkit-transform: unset;
            transform: unset;
  }
}
@media (min-width: 1201px) {
  .yuyue-success-pop-camelot .pop-bg .pop-close {
    top: 91px;
    right: 77px;
    width: 42px;
    height: 32px;
    background: url(https://wow.res.netease.com/pc/zt/20260911203232/assets/close-2560_1baa9f88.png) no-repeat center center / 100% 100%;
  }
}
@media (min-width: 750px) and (max-width: 1200px) {
  .yuyue-success-pop-camelot .pop-bg .pop-close {
    top: 72px;
    right: 54px;
    width: 50px;
    height: 36px;
    background: url(https://wow.res.netease.com/pc/zt/20260911203232/assets/close-960_6e035d05.png) no-repeat center center / 100% 100%;
  }
}
@media (max-width: 749px) {
  .yuyue-success-pop-camelot .pop-bg .pop-close {
    top: 36px;
    right: 27px;
    width: 25px;
    height: 18px;
    background: url(https://wow.res.netease.com/pc/zt/20260911203232/assets/close-960_6e035d05.png) no-repeat center center / 100% 100%;
  }
}
.yuyue-success-pop-camelot .pop-bg .pop-close::before {
  display: none;
}
@media (max-width: 0) {
  .yuyue-success-pop-camelot .pop-bg .pop-close::before {
    display: none;
  }
}
@media (min-width: 0) {
  .yuyue-success-pop-camelot .pop-bg .pop-close::before {
    display: none;
  }
}
@media (min-width: 1201px) {
  .yuyue-success-pop-camelot .pop-content {
    padding: 106px 163px 0 160px;
  }
}
@media (min-width: 750px) and (max-width: 1200px) {
  .yuyue-success-pop-camelot .pop-content {
    padding: 95px 90px 0 94px;
  }
}
@media (max-width: 749px) {
  .yuyue-success-pop-camelot .pop-content {
    padding: 47.5px 45px 0 47px;
  }
}
.yuyue-success-pop-camelot .pop-header .icon-left,
.yuyue-success-pop-camelot .pop-header .icon-right {
  display: none;
}
@media (max-width: 0) {
  .yuyue-success-pop-camelot .pop-header .icon-left,
  .yuyue-success-pop-camelot .pop-header .icon-right {
    display: none;
  }
}
@media (min-width: 0) {
  .yuyue-success-pop-camelot .pop-header .icon-left,
  .yuyue-success-pop-camelot .pop-header .icon-right {
    display: none;
  }
}
.yuyue-success-pop-camelot .pop-header .header-text {
  color: #8C4A1F !important;
  text-align: center;
  font-family: "FZLanTingHeiS-B-GB";
  font-style: normal;
  font-weight: 400 !important;
  line-height: 160%;
  background-image: initial !important;
  -webkit-background-clip: initial !important;
  -webkit-text-fill-color: initial !important;
}
@media (max-width: 0) {
  .yuyue-success-pop-camelot .pop-header .header-text {
    color: #8C4A1F !important;
    text-align: center;
    font-family: "FZLanTingHeiS-B-GB";
    font-style: normal;
    font-weight: 400 !important;
    line-height: 160%;
    background-image: initial !important;
    -webkit-background-clip: initial !important;
    -webkit-text-fill-color: initial !important;
  }
}
@media (min-width: 0) {
  .yuyue-success-pop-camelot .pop-header .header-text {
    color: #8C4A1F !important;
    text-align: center;
    font-family: "FZLanTingHeiS-B-GB";
    font-style: normal;
    font-weight: 400 !important;
    line-height: 160%;
    background-image: initial !important;
    -webkit-background-clip: initial !important;
    -webkit-text-fill-color: initial !important;
  }
}
@media (min-width: 1201px) {
  .yuyue-success-pop-camelot .pop-header .header-text {
    font-size: 24px !important;
  }
}
@media (min-width: 750px) and (max-width: 1200px) {
  .yuyue-success-pop-camelot .pop-header .header-text {
    font-size: 32px !important;
  }
}
@media (max-width: 749px) {
  .yuyue-success-pop-camelot .pop-header .header-text {
    font-size: 16px !important;
  }
}
@media (min-width: 1201px) {
  .yuyue-success-pop-camelot .title-deco {
    width: 150px;
    height: 9px;
    margin: 0 auto;
    background: url(https://wow.res.netease.com/pc/zt/20260911203232/assets/title-deco-2560_f57ddaa0.png) no-repeat center center / 100% 100%;
  }
}
@media (min-width: 750px) and (max-width: 1200px) {
  .yuyue-success-pop-camelot .title-deco {
    width: 222px;
    height: 14px;
    margin: 0 auto;
    background: url(https://wow.res.netease.com/pc/zt/20260911203232/assets/title-deco-960_b09a3876.png) no-repeat center center / 100% 100%;
  }
}
@media (max-width: 749px) {
  .yuyue-success-pop-camelot .title-deco {
    width: 111px;
    height: 7px;
    margin: 0 auto;
    background: url(https://wow.res.netease.com/pc/zt/20260911203232/assets/title-deco-960_b09a3876.png) no-repeat center center / 100% 100%;
  }
}
.yuyue-success-pop-camelot .tip {
  color: #583B35;
  text-align: center;
  font-family: "FZLanTingHeiS-B-GB";
  font-style: normal;
  font-weight: 400;
}
@media (max-width: 0) {
  .yuyue-success-pop-camelot .tip {
    color: #583B35;
    text-align: center;
    font-family: "FZLanTingHeiS-B-GB";
    font-style: normal;
    font-weight: 400;
  }
}
@media (min-width: 0) {
  .yuyue-success-pop-camelot .tip {
    color: #583B35;
    text-align: center;
    font-family: "FZLanTingHeiS-B-GB";
    font-style: normal;
    font-weight: 400;
  }
}
@media (min-width: 1201px) {
  .yuyue-success-pop-camelot .tip {
    margin-top: 11px;
    font-size: 16px;
    line-height: 20px;
  }
}
@media (min-width: 750px) and (max-width: 1200px) {
  .yuyue-success-pop-camelot .tip {
    margin-top: 18px;
    font-size: 24px;
    line-height: 120%;
  }
}
@media (max-width: 749px) {
  .yuyue-success-pop-camelot .tip {
    margin-top: 9px;
    font-size: 12px;
  }
}
@media (min-width: 1201px) {
  .yuyue-success-pop-camelot .qr-code {
    width: 120px;
    height: 120px;
    margin: 10px auto 0;
  }
}
@media (min-width: 750px) and (max-width: 1200px) {
  .yuyue-success-pop-camelot .qr-code {
    width: 200px;
    height: 200px;
    margin: 18px auto 0;
  }
}
@media (max-width: 749px) {
  .yuyue-success-pop-camelot .qr-code {
    width: 100px;
    height: 100px;
    margin: 9px auto 0;
  }
}
.yuyue-success-pop-camelot .qr-code .qr-code-img {
  width: 100%;
  height: 100%;
}
@media (max-width: 0) {
  .yuyue-success-pop-camelot .qr-code .qr-code-img {
    width: 100%;
    height: 100%;
  }
}
@media (min-width: 0) {
  .yuyue-success-pop-camelot .qr-code .qr-code-img {
    width: 100%;
    height: 100%;
  }
}
.yuyue-success-pop-camelot .reserve-content {
  color: #583B35;
  text-align: center;
  font-family: "FZLanTingHeiS-R-GB";
  font-style: normal;
  font-weight: 400;
}
@media (max-width: 0) {
  .yuyue-success-pop-camelot .reserve-content {
    color: #583B35;
    text-align: center;
    font-family: "FZLanTingHeiS-R-GB";
    font-style: normal;
    font-weight: 400;
  }
}
@media (min-width: 0) {
  .yuyue-success-pop-camelot .reserve-content {
    color: #583B35;
    text-align: center;
    font-family: "FZLanTingHeiS-R-GB";
    font-style: normal;
    font-weight: 400;
  }
}
@media (min-width: 1201px) {
  .yuyue-success-pop-camelot .reserve-content {
    margin-top: 10px;
    font-size: 14px;
    line-height: 17px;
  }
}
@media (min-width: 750px) and (max-width: 1200px) {
  .yuyue-success-pop-camelot .reserve-content {
    margin-top: 18px;
    font-size: 22px;
    line-height: 26px;
  }
}
@media (max-width: 749px) {
  .yuyue-success-pop-camelot .reserve-content {
    margin-top: 9px;
    font-size: 11px;
    line-height: 13px;
  }
}
.yuyue-success-pop-camelot .confirm-btn {
  text-align: center;
  color: #fff;
  font-weight: bold;
  cursor: pointer;
}
.yuyue-success-pop-camelot .confirm-btn:hover {
  -webkit-filter: brightness(1.2);
          filter: brightness(1.2);
}
@media (max-width: 0) {
  .yuyue-success-pop-camelot .confirm-btn {
    text-align: center;
    color: #fff;
    font-weight: bold;
    cursor: pointer;
  }
  .yuyue-success-pop-camelot .confirm-btn:hover {
    -webkit-filter: brightness(1.2);
            filter: brightness(1.2);
  }
}
@media (min-width: 0) {
  .yuyue-success-pop-camelot .confirm-btn {
    text-align: center;
    color: #fff;
    font-weight: bold;
    cursor: pointer;
  }
  .yuyue-success-pop-camelot .confirm-btn:hover {
    -webkit-filter: brightness(1.2);
            filter: brightness(1.2);
  }
}
@media (min-width: 1201px) {
  .yuyue-success-pop-camelot .confirm-btn {
    width: 218px;
    height: 68px;
    margin: 12px auto 0;
    background: url(https://wow.res.netease.com/pc/zt/20260911203232/assets/btn-reserve-2560_0536d0f1.png) no-repeat center center / 100% 100%;
    font-size: 20px;
    line-height: 60px;
  }
}
@media (min-width: 750px) and (max-width: 1200px) {
  .yuyue-success-pop-camelot .confirm-btn {
    width: 308px;
    height: 94px;
    margin: 18px auto 0;
    background: url(https://wow.res.netease.com/pc/zt/20260911203232/assets/btn-reserve-960_7399f614.png) no-repeat center center / 100% 100%;
    font-size: 28px;
    line-height: 86px;
  }
}
@media (max-width: 749px) {
  .yuyue-success-pop-camelot .confirm-btn {
    width: 154px;
    height: 47px;
    margin: 9px auto 0;
    background: url(https://wow.res.netease.com/pc/zt/20260911203232/assets/btn-reserve-960_7399f614.png) no-repeat center center / 100% 100%;
    font-size: 14px;
    line-height: 43px;
  }
}
@media (min-width: 1201px) {
  .yuyue-message-pop-camelot .pop-bg {
    width: 736px;
    height: 520px;
    background: url(https://wow.res.netease.com/pc/zt/20260911203232/assets/bg-2560_d4ace51f.png) center center / 100% 100% no-repeat;
  }
}
@media (min-width: 750px) and (max-width: 1200px) {
  .yuyue-message-pop-camelot .pop-bg {
    width: 750px;
    height: 712px;
    background: url(https://wow.res.netease.com/pc/zt/20260911203232/assets/bg-960_7a4cd7aa.png) no-repeat center center / 100% 100%;
  }
}
@media (max-width: 749px) {
  .yuyue-message-pop-camelot .pop-bg {
    width: 375px;
    height: 356px;
    background: url(https://wow.res.netease.com/pc/zt/20260911203232/assets/bg-960_7a4cd7aa.png) no-repeat center center / 100% 100%;
  }
}
.yuyue-message-pop-camelot .pop-bg .pop-close {
  position: absolute;
  z-index: 2;
  cursor: pointer;
}
.yuyue-message-pop-camelot .pop-bg .pop-close:hover {
  -webkit-filter: brightness(1.2);
          filter: brightness(1.2);
  -webkit-transform: unset;
          transform: unset;
}
@media (max-width: 0) {
  .yuyue-message-pop-camelot .pop-bg .pop-close {
    position: absolute;
    z-index: 2;
    cursor: pointer;
  }
  .yuyue-message-pop-camelot .pop-bg .pop-close:hover {
    -webkit-filter: brightness(1.2);
            filter: brightness(1.2);
    -webkit-transform: unset;
            transform: unset;
  }
}
@media (min-width: 0) {
  .yuyue-message-pop-camelot .pop-bg .pop-close {
    position: absolute;
    z-index: 2;
    cursor: pointer;
  }
  .yuyue-message-pop-camelot .pop-bg .pop-close:hover {
    -webkit-filter: brightness(1.2);
            filter: brightness(1.2);
    -webkit-transform: unset;
            transform: unset;
  }
}
@media (min-width: 1201px) {
  .yuyue-message-pop-camelot .pop-bg .pop-close {
    top: 91px;
    right: 77px;
    width: 42px;
    height: 32px;
    background: url(https://wow.res.netease.com/pc/zt/20260911203232/assets/close-2560_1baa9f88.png) no-repeat center center / 100% 100%;
  }
}
@media (min-width: 750px) and (max-width: 1200px) {
  .yuyue-message-pop-camelot .pop-bg .pop-close {
    top: 72px;
    right: 54px;
    width: 50px;
    height: 36px;
    background: url(https://wow.res.netease.com/pc/zt/20260911203232/assets/close-960_6e035d05.png) no-repeat center center / 100% 100%;
  }
}
@media (max-width: 749px) {
  .yuyue-message-pop-camelot .pop-bg .pop-close {
    top: 36px;
    right: 27px;
    width: 25px;
    height: 18px;
    background: url(https://wow.res.netease.com/pc/zt/20260911203232/assets/close-960_6e035d05.png) no-repeat center center / 100% 100%;
  }
}
.yuyue-message-pop-camelot .pop-bg .pop-close::before {
  display: none;
}
@media (max-width: 0) {
  .yuyue-message-pop-camelot .pop-bg .pop-close::before {
    display: none;
  }
}
@media (min-width: 0) {
  .yuyue-message-pop-camelot .pop-bg .pop-close::before {
    display: none;
  }
}
.yuyue-message-pop-camelot .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;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
}
@media (max-width: 0) {
  .yuyue-message-pop-camelot .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;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    height: 100%;
  }
}
@media (min-width: 0) {
  .yuyue-message-pop-camelot .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;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    height: 100%;
  }
}
@media (min-width: 1201px) {
  .yuyue-message-pop-camelot .pop-content {
    padding: 125px 142px 102px 139px;
  }
}
@media (min-width: 750px) and (max-width: 1200px) {
  .yuyue-message-pop-camelot .pop-content {
    padding: 127px 106px 128px;
  }
}
@media (max-width: 749px) {
  .yuyue-message-pop-camelot .pop-content {
    padding: 63.5px 53px 64px;
  }
}
.yuyue-message-pop-camelot .pop-header .icon-left,
.yuyue-message-pop-camelot .pop-header .icon-right {
  display: none;
}
@media (max-width: 0) {
  .yuyue-message-pop-camelot .pop-header .icon-left,
  .yuyue-message-pop-camelot .pop-header .icon-right {
    display: none;
  }
}
@media (min-width: 0) {
  .yuyue-message-pop-camelot .pop-header .icon-left,
  .yuyue-message-pop-camelot .pop-header .icon-right {
    display: none;
  }
}
.yuyue-message-pop-camelot .pop-header .header-text {
  color: #8C4A1F !important;
  text-align: center;
  font-family: "FZLanTingHeiS-B-GB";
  font-style: normal;
  font-weight: 400 !important;
  line-height: 160%;
  background-image: initial !important;
  -webkit-background-clip: initial !important;
  -webkit-text-fill-color: initial !important;
}
@media (max-width: 0) {
  .yuyue-message-pop-camelot .pop-header .header-text {
    color: #8C4A1F !important;
    text-align: center;
    font-family: "FZLanTingHeiS-B-GB";
    font-style: normal;
    font-weight: 400 !important;
    line-height: 160%;
    background-image: initial !important;
    -webkit-background-clip: initial !important;
    -webkit-text-fill-color: initial !important;
  }
}
@media (min-width: 0) {
  .yuyue-message-pop-camelot .pop-header .header-text {
    color: #8C4A1F !important;
    text-align: center;
    font-family: "FZLanTingHeiS-B-GB";
    font-style: normal;
    font-weight: 400 !important;
    line-height: 160%;
    background-image: initial !important;
    -webkit-background-clip: initial !important;
    -webkit-text-fill-color: initial !important;
  }
}
@media (min-width: 1201px) {
  .yuyue-message-pop-camelot .pop-header .header-text {
    font-size: 24px !important;
  }
}
@media (min-width: 750px) and (max-width: 1200px) {
  .yuyue-message-pop-camelot .pop-header .header-text {
    font-size: 32px !important;
  }
}
@media (max-width: 749px) {
  .yuyue-message-pop-camelot .pop-header .header-text {
    font-size: 16px !important;
  }
}
@media (min-width: 1201px) {
  .yuyue-message-pop-camelot .title-deco {
    width: 150px;
    height: 9px;
    margin: 0 auto;
    background: url(https://wow.res.netease.com/pc/zt/20260911203232/assets/title-deco-2560_f57ddaa0.png) no-repeat center center / 100% 100%;
  }
}
@media (min-width: 750px) and (max-width: 1200px) {
  .yuyue-message-pop-camelot .title-deco {
    width: 222px;
    height: 14px;
    margin: 0 auto;
    background: url(https://wow.res.netease.com/pc/zt/20260911203232/assets/title-deco-960_b09a3876.png) no-repeat center center / 100% 100%;
  }
}
@media (max-width: 749px) {
  .yuyue-message-pop-camelot .title-deco {
    width: 111px;
    height: 7px;
    margin: 0 auto;
    background: url(https://wow.res.netease.com/pc/zt/20260911203232/assets/title-deco-960_b09a3876.png) no-repeat center center / 100% 100%;
  }
}
.yuyue-message-pop-camelot .message-container {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  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: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #583B35;
  text-align: center;
  font-family: "FZLanTingHeiS-B-GB";
  font-style: normal;
}
@media (max-width: 0) {
  .yuyue-message-pop-camelot .message-container {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
    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: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    color: #583B35;
    text-align: center;
    font-family: "FZLanTingHeiS-B-GB";
    font-style: normal;
  }
}
@media (min-width: 0) {
  .yuyue-message-pop-camelot .message-container {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
    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: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    color: #583B35;
    text-align: center;
    font-family: "FZLanTingHeiS-B-GB";
    font-style: normal;
  }
}
@media (min-width: 1201px) {
  .yuyue-message-pop-camelot .message-container {
    font-size: 18px;
    font-weight: 400;
    line-height: 29px;
  }
}
@media (min-width: 750px) and (max-width: 1200px) {
  .yuyue-message-pop-camelot .message-container {
    font-size: 28px;
    font-weight: 400;
    line-height: 45px;
  }
}
@media (max-width: 749px) {
  .yuyue-message-pop-camelot .message-container {
    font-size: 14px;
    font-weight: 400;
    line-height: 22.5px;
  }
}
.yuyue-message-pop-camelot .confirm-btn {
  text-align: center;
  color: #fff;
  font-weight: bold;
  cursor: pointer;
}
.yuyue-message-pop-camelot .confirm-btn:hover {
  -webkit-filter: brightness(1.2);
          filter: brightness(1.2);
}
@media (max-width: 0) {
  .yuyue-message-pop-camelot .confirm-btn {
    text-align: center;
    color: #fff;
    font-weight: bold;
    cursor: pointer;
  }
  .yuyue-message-pop-camelot .confirm-btn:hover {
    -webkit-filter: brightness(1.2);
            filter: brightness(1.2);
  }
}
@media (min-width: 0) {
  .yuyue-message-pop-camelot .confirm-btn {
    text-align: center;
    color: #fff;
    font-weight: bold;
    cursor: pointer;
  }
  .yuyue-message-pop-camelot .confirm-btn:hover {
    -webkit-filter: brightness(1.2);
            filter: brightness(1.2);
  }
}
@media (min-width: 1201px) {
  .yuyue-message-pop-camelot .confirm-btn {
    width: 218px;
    height: 68px;
    margin: 12px auto 0;
    background: url(https://wow.res.netease.com/pc/zt/20260911203232/assets/btn-reserve-2560_0536d0f1.png) no-repeat center center / 100% 100%;
    font-size: 20px;
    line-height: 60px;
  }
}
@media (min-width: 750px) and (max-width: 1200px) {
  .yuyue-message-pop-camelot .confirm-btn {
    bottom: 128px;
    width: 308px;
    height: 94px;
    margin: 18px auto 0;
    background: url(https://wow.res.netease.com/pc/zt/20260911203232/assets/btn-reserve-960_7399f614.png) no-repeat center center / 100% 100%;
    font-size: 28px;
    line-height: 86px;
  }
}
@media (max-width: 749px) {
  .yuyue-message-pop-camelot .confirm-btn {
    bottom: 64px;
    width: 154px;
    height: 47px;
    margin: 9px auto 0;
    background: url(https://wow.res.netease.com/pc/zt/20260911203232/assets/btn-reserve-960_7399f614.png) no-repeat center center / 100% 100%;
    font-size: 14px;
    line-height: 43px;
  }
}
.pop-header {
  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;
}
.pop-header .icon-left,
.pop-header .icon-right {
  width: 51px;
  height: 16px;
  background: center center / 100% 100% no-repeat;
}
.pop-header .icon-left {
  background-image: url(https://wow.res.netease.com/pc/zt/20260911203232/assets/pop-header-left_22e278e8.png);
}
.pop-header .icon-right {
  background-image: url(https://wow.res.netease.com/pc/zt/20260911203232/assets/pop-header-right_cafaae4c.png);
}
.pop-header .header-text {
  font-size: 24px;
  font-weight: 700;
  line-height: 1.6;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(25.68%, #885f2f), color-stop(67.57%, #472f14));
  background-image: linear-gradient(180deg, #885f2f 25.68%, #472f14 67.57%);
  color: #fddd73;
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.qrcode-box {
  position: fixed;
  right: 10px;
  bottom: 10px;
  width: 133px;
  z-index: 1000;
}
.qrcode-box .qrcode {
  position: absolute;
  bottom: 80px;
  left: 0;
  display: none;
  background: url(https://wow.res.netease.com/pc/zt/20260911203232/assets/sprite-a960c1_a960c1f6.png);background-size:435px 294px;
background-position:-0px -0px;
width:133px;
height:213px;

}
.qrcode-box .qrcode img {
  width: 106px;
  height: 107px;
  margin-top: 10px;
}
.qrcode-box .qrcode .qr-text {
  position: relative;
  left: -4px;
  color: #ecdec3;
  font-size: 12px;
  line-height: 20px;
  white-space: nowrap;
}
.qrcode-box .qrcode .qr-text:first-of-type {
  padding-top: 5px;
}
.qrcode-box .link-box {
  position: relative;
  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-justify-content: space-around;
      -ms-flex-pack: distribute;
          justify-content: space-around;
  margin-top: 5px;
}
.qrcode-box .link-box .text {
  color: #ecdec3;
  width: 94%;
  height: 19px;
  text-align: center;
  background: #000;
}
.qrcode-box .link-box .text:hover {
  color: #fff;
}
.qrcode-box .link-box .service,
.qrcode-box .link-box .icon-feedback {
  position: relative;
  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-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-align-self: flex-end;
      -ms-flex-item-align: end;
          align-self: flex-end;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  cursor: pointer;
  background: url(https://wow.res.netease.com/pc/zt/20260911203232/assets/sprite-a960c1_a960c1f6.png);background-size:435px 294px;
background-position:-0px -217px;
width:66px;
height:73px;

}
.qrcode-box .link-box .service:hover .text,
.qrcode-box .link-box .icon-feedback:hover .text {
  color: #fff;
}
.qrcode-box .link-box .service i,
.qrcode-box .link-box .icon-feedback i {
  margin-top: 10px;
}
.qrcode-box .link-box .service i {
  background: url(https://wow.res.netease.com/pc/zt/20260911203232/assets/sprite-a960c1_a960c1f6.png);background-size:435px 294px;
background-position:-376px -149px;
width:35px;
height:35px;

}
.qrcode-box .link-box .service:hover .qrcode {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-align-content: center;
      -ms-flex-line-pack: center;
          align-content: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.qrcode-box .link-box .icon-feedback .leihuo-feedback {
  position: absolute;
  width: 100%;
  height: 100%;
  bottom: 0;
  right: 0;
  background: transparent;
}
.qrcode-box .link-box .icon-feedback .leihuo-feedback div {
  display: none;
}
.qrcode-box .link-box .icon-feedback i {
  background: url(https://wow.res.netease.com/pc/zt/20260911203232/assets/sprite-a960c1_a960c1f6.png);background-size:435px 294px;
background-position:-335px -149px;
width:37px;
height:37px;

}
@media screen and (max-width: 750px) {
  .qrcode-box {
    right: 0;
    bottom: 200px;
    width: auto;
    z-index: 1000;
  }
  .qrcode-box .service:active .qrcode {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-align-content: center;
        -ms-flex-line-pack: center;
            align-content: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .qrcode-box .qrcode {
    position: absolute;
    top: 0;
    left: -138px;
  }
  .qrcode-box .link-box {
    background: transparent;
    width: 50px;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
  }
  .qrcode-box .link-box::after {
    display: none;
  }
  .qrcode-box .link-box .text {
    display: none;
  }
  .qrcode-box .link-box .service,
  .qrcode-box .link-box .icon-feedback {
    background: url(https://wow.res.netease.com/pc/zt/20260911203232/assets/sprite-a960c1_a960c1f6.png);background-size:435px 294px;
background-position:-286px -149px;
width:45px;
height:45px;

  }
  .qrcode-box .link-box .service i,
  .qrcode-box .link-box .icon-feedback i {
    margin: 0;
  }
  .qrcode-box .link-box .icon-feedback {
    margin-top: 20px;
  }
}
.container-index .page1 {
  --u: clamp(0.75px, calc(100vw / 1920), 1.3333px);
  position: relative;
  z-index: 11;
  max-width: 2560px;
  margin: 0 auto -140px;
  overflow: hidden;
  background: #675839 url(https://wow.res.netease.com/pc/zt/20260911203232/assets/paper-bg_af92c1db.jpg) center top / cover repeat;
  -webkit-mask-box-image: url(https://wow.res.netease.com/pc/zt/20260911203232/assets/paper-mask_9c676ada.png) 140 1299 fill;
  -webkit-mask-box-image-source: url(https://wow.res.netease.com/pc/zt/20260911203232/assets/paper-mask_9c676ada.png);
          mask-border-source: url(https://wow.res.netease.com/pc/zt/20260911203232/assets/paper-mask_9c676ada.png);
  -webkit-mask-box-image-slice: 140 1299 fill;
          mask-border-slice: 140 1299 fill;
}
.container-index .page1 .page1-inner {
  width: calc(1920 * var(--u));
  max-width: 100%;
  margin: 0 auto;
}
.container-index .page1 .page1-bg {
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
}
.container-index .page1 .page1-bg__tint {
  position: absolute;
  inset: 0;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(49.52%, #5a4b39), to(#2a3c46));
  background-image: linear-gradient(#5a4b39 49.52%, #2a3c46 100%);
  mix-blend-mode: multiply;
}
.container-index .page1 .page1-bg__art,
.container-index .page1 .page1-bg__overlay {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: fill;
     object-fit: fill;
}
.container-index .page1 .page1-bg__tint,
.container-index .page1 .page1-bg__art,
.container-index .page1 .page1-bg__overlay {
  mask-image: -webkit-gradient(linear, left top, left bottom, color-stop(80%, black), to(transparent));
  mask-image: linear-gradient(to bottom, black 80%, transparent 100%);
  -webkit-mask-image: -webkit-gradient(linear, left top, left bottom, color-stop(80%, black), to(transparent));
  -webkit-mask-image: linear-gradient(to bottom, black 80%, transparent 100%);
}
.container-index .page1 .page1-hero {
  position: relative;
  padding: max(calc(123 * var(--u)), 104px) 0 calc(58 * var(--u));
}
.container-index .page1 .page1-hero__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;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  width: 37.55%;
  margin-right: 8.44%;
  margin-left: auto;
  background-image: radial-gradient(rgba(21, 32, 70, 0.8) 0%, transparent 70%, transparent 100%);
}
.container-index .page1 .page1-hero__logo {
  width: calc(480 * var(--u));
  height: calc(230 * var(--u));
}
.container-index .page1 .page1-hero__logo img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.container-index .page1 .page1-hero__tip {
  margin: calc(48 * var(--u)) 0 0;
  font-size: calc(16 * var(--u));
  line-height: 1.6;
  color: #f3eee2;
  text-align: center;
  text-shadow: 0 calc(4 * var(--u)) calc(8 * var(--u)) rgba(0, 0, 0, 0.3);
  font-family: 'FZLanTingHeiS-B-GB', sans-serif;
}
.container-index .page1 .page1-hero__title {
  margin: calc(6 * var(--u)) 0 0;
  font-size: calc(48 * var(--u));
  line-height: 1.6;
  color: transparent;
  text-align: center;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#f3eee2), to(#e2c2ab));
  background-image: linear-gradient(180deg, #f3eee2 0%, #e2c2ab 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-shadow: 0 calc(4 * var(--u)) calc(8 * var(--u)) rgba(0, 0, 0, 0.3);
  font-family: 'FZLanTingHeiS-B-GB', sans-serif;
}
.container-index .page1 .page1-hero__desc {
  margin: calc(10 * var(--u)) 0 0;
  font-size: calc(20 * var(--u));
  line-height: 1.6;
  color: rgba(255, 255, 255, 0.7);
  text-align: center;
  text-shadow: 0 calc(5 * var(--u)) calc(15 * var(--u)) rgba(0, 0, 0, 0.3);
  font-family: 'fzlth', sans-serif;
}
.container-index .page1 .page1-hero__actions {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: calc(16 * var(--u));
  margin-top: calc(48 * var(--u));
}
.container-index .page1 .page1-hero__trailer {
  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;
  gap: calc(12 * var(--u));
  width: 100%;
  height: calc(44 * var(--u));
  padding: 0;
  border: 0;
  background: none;
  cursor: pointer;
  font-size: calc(14 * var(--u));
  line-height: 1.6;
  color: #f7b90a;
  font-family: 'FZLanTingHeiS-B-GB', sans-serif;
}
.container-index .page1 .page1-hero__trailer-icon {
  width: calc(14 * var(--u));
  height: calc(17 * var(--u));
}
.container-index .page1 .page1-hero__battlenet {
  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: calc(35 * var(--u));
}
.container-index .page1 .page1-hero__battlenet-logo {
  width: calc(178 * var(--u));
  height: auto;
}
.container-index .page1 .page1-btn {
  position: relative;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-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;
  width: calc(240 * var(--u));
  height: calc(64 * var(--u));
  padding: 0;
  border: 0;
  background: none;
  cursor: pointer;
}
.container-index .page1 .page1-btn__bg {
  position: absolute;
  inset: 0;
  border-radius: calc(2 * var(--u));
  background-color: #007c80;
  background-image: radial-gradient(64% 96% at 58% 50%, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0) 100%), url(https://wow.res.netease.com/pc/zt/20260911203232/assets/textureseamless_7f34a550.jpg);
  background-blend-mode: overlay, overlay;
  background-size: auto 100%, auto 100%;
  background-repeat: repeat-x, repeat-x;
  -webkit-box-shadow: 0 0 calc(16 * var(--u)) calc(7 * var(--u)) rgba(2, 9, 22, 0.3);
          box-shadow: 0 0 calc(16 * var(--u)) calc(7 * var(--u)) rgba(2, 9, 22, 0.3);
}
.container-index .page1 .page1-btn__bg::after {
  content: '';
  position: absolute;
  inset: 0;
  padding: calc(1 * var(--u));
  border-radius: inherit;
  background: linear-gradient(135deg, #777 0%, #d0c6c6 14%, #b7aeae 54%, #777 100%);
  -webkit-mask: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff)) content-box, -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff));
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
          mask: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff)) content-box, -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff));
          mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
          mask-composite: exclude;
  mix-blend-mode: color-dodge;
  opacity: 0.2;
  pointer-events: none;
}
.container-index .page1 .page1-btn__text {
  position: relative;
  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-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: calc(20 * var(--u));
  line-height: calc(25.6 * var(--u));
  color: #fff;
  text-shadow: calc(1 * var(--u)) 0 calc(10 * var(--u)) rgba(35, 18, 5, 0.6);
  font-family: 'FZLanTingHeiS-B-GB', sans-serif;
}
@media screen and (min-width: 1201px) {
  .container-index .page1 .page1-btn__line {
    line-height: calc(28.8 * var(--u));
  }
  .container-index .page1 .page1-btn__line + .page1-btn__line {
    font-size: calc(14 * var(--u));
    line-height: calc(22.4 * var(--u));
    margin-top: calc(-2 * var(--u));
  }
}
.container-index .page1 .page1-btn:hover .page1-btn__bg {
  -webkit-filter: brightness(1.18);
          filter: brightness(1.18);
}
.container-index .page1 .page1-btn:active .page1-btn__bg {
  -webkit-filter: brightness(0.9);
          filter: brightness(0.9);
}
.container-index .page1 .page1-btn--preorder .page1-btn__bg {
  background-color: #42739b;
  background-image: radial-gradient(50% 50%, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%), url(https://wow.res.netease.com/pc/zt/20260911203232/assets/textureseamless_7f34a550.jpg);
}
.container-index .page1 .page1-btn--preorder .page1-btn__text {
  color: #fff;
}
.container-index .page1 .page1-news {
  position: relative;
  z-index: 1;
  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;
  height: calc(246 * var(--u));
  padding: calc(24 * var(--u)) 0 calc(36 * var(--u));
  background: url(https://wow.res.netease.com/pc/zt/20260911203232/assets/news-banner_07a7ca48.png) center / 100% 100% no-repeat;
}
.container-index .page1 .page1-news__content {
  position: relative;
  z-index: 1;
  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;
  padding-left: 0;
}
.container-index .page1 .page1-news__emblem {
  display: none;
}
@media screen and (min-width: 1201px) {
  .container-index .page1 .page1-news__emblem {
    display: block;
    -webkit-box-flex: 0;
    -webkit-flex: none;
        -ms-flex: none;
            flex: none;
    -webkit-align-self: center;
        -ms-flex-item-align: center;
            align-self: center;
    margin-right: calc(24 * var(--u));
    width: calc(144 * var(--u));
    height: calc(136 * var(--u));
    background: url(https://wow.res.netease.com/pc/zt/20260911203232/assets/news-emblem_512f91c8.png) center / 100% 100% no-repeat;
  }
}
.container-index .page1 .page1-news__title {
  -webkit-box-flex: 0;
  -webkit-flex: none;
      -ms-flex: none;
          flex: none;
  width: auto;
  white-space: nowrap;
  font-size: calc(24 * var(--u));
  line-height: 1.6;
  color: #f5e5cf;
  text-shadow: 0 calc(4 * var(--u)) calc(8 * var(--u)) rgba(0, 0, 0, 0.3);
  font-family: 'FZLanTingHeiS-B-GB', sans-serif;
}
.container-index .page1 .page1-news__title-br {
  display: none;
}
@media screen and (max-width: 1080px) {
  .container-index .page1 .page1-news__title {
    white-space: normal;
  }
  .container-index .page1 .page1-news__title-br {
    display: inline;
  }
}
.container-index .page1 .page1-countdown {
  --countdown-gap: calc(25 * var(--u));
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: var(--countdown-gap);
  margin-left: calc(23 * var(--u));
}
.container-index .page1 .page1-countdown__item {
  position: relative;
  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-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  width: calc(72 * var(--u));
}
.container-index .page1 .page1-countdown__item:not(:last-child)::after {
  content: ':';
  position: absolute;
  top: calc(28 * var(--u));
  right: calc(-1 * var(--countdown-gap));
  width: var(--countdown-gap);
  font-size: calc(24 * var(--u));
  line-height: calc(26 * var(--u));
  color: #fff;
  text-align: center;
  font-family: 'FZLanTingHeiS-B-GB', sans-serif;
}
.container-index .page1 .page1-countdown__num {
  padding-top: calc(18 * var(--u));
  font-size: calc(36 * var(--u));
  line-height: calc(35 * var(--u));
  font-variant-numeric: tabular-nums;
  color: transparent;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#f3eee2), to(#e2c2ab));
  background-image: linear-gradient(180deg, #f3eee2 0%, #e2c2ab 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-family: 'FZLanTingHeiS-B-GB', sans-serif;
}
.container-index .page1 .page1-countdown__unit {
  margin-top: calc(7 * var(--u));
  font-size: calc(14 * var(--u));
  line-height: 1.6;
  color: #f3eee2;
  font-family: 'FZLanTingHeiS-B-GB', sans-serif;
}
.container-index .page1 .page1-cards {
  position: relative;
  z-index: 1;
  padding-top: calc(44 * var(--u));
  padding-bottom: calc(200 * var(--u));
}
.container-index .page1 .page1-cards__row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: calc(24 * var(--u));
  padding: 0 8.33%;
}
.container-index .page1 .page1-card {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.container-index .page1 .page1-card__sub {
  font-size: calc(16 * var(--u));
  line-height: 1.6;
  color: #f3eee2;
  text-shadow: 0 calc(4 * var(--u)) calc(8 * var(--u)) rgba(0, 0, 0, 0.3);
  font-family: 'FZLanTingHeiS-B-GB', sans-serif;
}
.container-index .page1 .page1-card__title {
  margin-top: calc(6 * var(--u));
  font-size: calc(40 * var(--u));
  line-height: 2;
  color: transparent;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#f3eee2), to(#e2c2ab));
  background-image: linear-gradient(180deg, #f3eee2 0%, #e2c2ab 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-shadow: 0 calc(4 * var(--u)) calc(8 * var(--u)) rgba(0, 0, 0, 0.3);
  font-family: 'FZLanTingHeiS-B-GB', sans-serif;
}
.container-index .page1 .page1-card__desc {
  margin-top: calc(4 * var(--u));
  font-size: calc(20 * var(--u));
  line-height: 1.6;
  color: rgba(255, 255, 255, 0.7);
  text-shadow: 0 calc(5 * var(--u)) calc(15 * var(--u)) rgba(0, 0, 0, 0.3);
  font-family: 'fzlth', sans-serif;
}
.container-index .page1 .page1-card--media {
  position: relative;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0;
  border: 0;
  aspect-ratio: 1.77878104;
  min-height: 0;
  border-radius: calc(4 * var(--u));
  background: none;
  -webkit-box-shadow: 0 0 calc(37 * var(--u)) calc(7 * var(--u)) rgba(2, 10, 22, 0.8);
          box-shadow: 0 0 calc(37 * var(--u)) calc(7 * var(--u)) rgba(2, 10, 22, 0.8);
  overflow: hidden;
  cursor: pointer;
}
.container-index .page1 .page1-card--media.is-video-ready {
  -webkit-transition: -webkit-filter 0.2s ease;
  transition: -webkit-filter 0.2s ease;
  transition: filter 0.2s ease;
  transition: filter 0.2s ease, -webkit-filter 0.2s ease;
}
.container-index .page1 .page1-card--media.is-video-ready:hover {
  -webkit-filter: brightness(1.12);
          filter: brightness(1.12);
}
.container-index .page1 .page1-card__poster {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.container-index .page1 .page1-card__play {
  position: relative;
  z-index: 1;
  width: calc(69 * var(--u));
  height: calc(86 * var(--u));
}
@media screen and (max-width: 1200px) {
  .container-index .page1 {
    --u: clamp(0.390625px, calc(100vw / 960), 1px);
    container-type: inline-size;
    margin-bottom: 0;
    background: #675839 url(https://wow.res.netease.com/pc/zt/20260911203232/assets/section-bg_b8affb2c.jpg) center top / 100% 100% no-repeat;
    -webkit-mask-box-image: none;
    -webkit-mask-box-image-source: none;
            mask-border-source: none;
    -webkit-mask-box-image-slice: 0;
            mask-border-slice: 0;
  }
  @supports (width: 1cqw) {
    .container-index .page1 {
      --u: clamp(0.390625px, calc(100cqw / 960), 1px);
    }
  }
  .container-index .page1 .page1-bg__tint {
    background-image: none;
    background-repeat: no-repeat, no-repeat;
    background-position: center top, center top;
    background-size: 100% 74.88%, 100% 100%;
    mix-blend-mode: normal;
    mask-image: none;
    -webkit-mask-image: none;
  }
  .container-index .page1 .page1-bg__art,
  .container-index .page1 .page1-bg__overlay {
    display: none;
  }
  .container-index .page1 .page1-inner {
    width: 100%;
  }
  .container-index .page1 .page1-hero {
    min-height: calc(1706 * var(--u));
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-top: max(calc(156 * var(--u)), 72px);
    padding-bottom: calc(830 * var(--u));
  }
  .container-index .page1 .page1-hero__content {
    width: calc(721 * var(--u));
    max-width: 100%;
    margin: 0 auto;
    background-image: none;
    -webkit-filter: none;
            filter: none;
  }
  .container-index .page1 .page1-hero__logo {
    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;
    width: calc(512 * var(--u));
    height: calc(245 * var(--u));
    padding: 0;
    background: none;
  }
  .container-index .page1 .page1-hero__logo img {
    width: auto;
    height: calc(236 * var(--u));
  }
  .container-index .page1 .page1-hero__tip {
    margin-top: calc(33 * var(--u));
  }
  .container-index .page1 .page1-hero__title {
    margin-top: calc(6 * var(--u));
  }
  .container-index .page1 .page1-hero__desc {
    min-height: calc(96 * var(--u));
    margin-top: calc(10 * var(--u));
    color: rgba(255, 255, 255, 0.72);
  }
  .container-index .page1 .page1-hero__actions {
    margin-top: calc(48 * var(--u));
  }
  .container-index .page1 .page1-hero .page1-btn__text {
    padding-top: calc(6 * var(--u));
    font-size: calc(20 * var(--u));
    line-height: calc(21.6 * var(--u));
  }
  .container-index .page1 .page1-hero .page1-btn__line + .page1-btn__line {
    font-size: calc(14 * var(--u));
  }
  .container-index .page1 .page1-hero__trailer {
    gap: 0;
    color: #f7b90a;
  }
  .container-index .page1 .page1-hero__trailer-icon {
    display: none;
  }
  .container-index .page1 .page1-hero__trailer::after {
    content: '';
    -webkit-box-flex: 0;
    -webkit-flex: none;
        -ms-flex: none;
            flex: none;
    width: calc(24 * var(--u));
    height: calc(24 * var(--u));
    margin-left: calc(7 * var(--u));
    background: url(https://wow.res.netease.com/pc/zt/20260911203232/assets/trailer-icon_f37a1076.png) center / 100% 100% no-repeat;
  }
  .container-index .page1 .page1-hero__battlenet {
    margin-top: calc(40 * var(--u));
  }
  .container-index .page1 .page1-hero__battlenet-logo {
    width: calc(177 * var(--u));
    height: auto;
  }
  .container-index .page1 .page1-news {
    height: calc(306 * var(--u));
    padding: calc(18 * var(--u)) 0 calc(40 * var(--u));
    background: url(https://wow.res.netease.com/pc/zt/20260911203232/assets/news-banner_a7a2fb11.png) center top / 100% 100% no-repeat;
  }
  .container-index .page1 .page1-news::before {
    display: none;
  }
  .container-index .page1 .page1-news::after {
    display: none;
  }
  .container-index .page1 .page1-news__content {
    width: calc(880 * var(--u));
    max-width: 100%;
    margin: 0 auto;
    padding-left: 0;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .container-index .page1 .page1-news__content::before {
    content: '';
    -webkit-box-flex: 0;
    -webkit-flex: none;
        -ms-flex: none;
            flex: none;
    width: calc(124 * var(--u));
    height: calc(98 * var(--u));
    background: url(https://wow.res.netease.com/pc/zt/20260911203232/assets/news-thumb_2fd6361a.png) center / 100% 100% no-repeat;
  }
  .container-index .page1 .page1-news__title {
    -webkit-box-flex: 0;
    -webkit-flex: none;
        -ms-flex: none;
            flex: none;
    width: calc(285 * var(--u));
    white-space: normal;
    font-size: calc(24 * var(--u));
    color: #f4e5ce;
  }
  .container-index .page1 .page1-countdown {
    --countdown-gap: calc(25 * var(--u));
    -webkit-box-flex: 0;
    -webkit-flex: none;
        -ms-flex: none;
            flex: none;
  }
  .container-index .page1 .page1-countdown__item:not(:last-child)::after {
    top: calc(23 * var(--u));
  }
  .container-index .page1 .page1-countdown__num {
    padding-top: calc(2 * var(--u));
    font-size: calc(36 * var(--u));
    line-height: calc(35 * var(--u));
  }
  .container-index .page1 .page1-countdown__unit {
    margin-top: calc(7 * var(--u));
    color: #f3eee2;
  }
  .container-index .page1 .page1-cards {
    padding-top: calc(70 * var(--u));
    padding-bottom: calc(134 * var(--u));
  }
  .container-index .page1 .page1-cards__row {
    width: calc(880 * var(--u));
    max-width: 100%;
    margin: 0 auto;
    padding: 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: calc(54 * var(--u));
  }
  .container-index .page1 .page1-card--intro {
    min-height: calc(212 * var(--u));
  }
  .container-index .page1 .page1-card--media {
    aspect-ratio: 1.78137652;
    min-height: 0;
    border-radius: calc(4 * var(--u));
    -webkit-box-shadow: 0 0 calc(90 * var(--u)) calc(17 * var(--u)) rgba(2, 10, 22, 0.8);
            box-shadow: 0 0 calc(90 * var(--u)) calc(17 * var(--u)) rgba(2, 10, 22, 0.8);
    background: url(https://wow.res.netease.com/pc/zt/20260911203232/assets/card-art_69911441.jpg) center / cover no-repeat;
  }
  .container-index .page1 .page1-card--media:not(.is-video-ready) {
    cursor: default;
  }
  .container-index .page1 .page1-card__play {
    position: relative;
    z-index: 1;
    width: calc(69 * var(--u));
    height: calc(86 * var(--u));
  }
}
@media screen and (max-width: 450px) {
  .container-index .page1 {
    --u: calc(100vw / 375);
    /* stylelint-disable-next-line property-no-unknown */
    container-type: inline-size;
    margin-bottom: 0;
    background: #675839 url(https://wow.res.netease.com/pc/zt/20260911203232/assets/bg_4b36da61.jpg) center top / 100% 100% no-repeat;
    -webkit-mask-box-image: none;
    -webkit-mask-box-image-source: none;
            mask-border-source: none;
    -webkit-mask-box-image-slice: 0;
            mask-border-slice: 0;
  }
  @supports (width: 1cqw) {
    .container-index .page1 {
      /* stylelint-disable-next-line unit-no-unknown */
      --u: calc(100cqw / 375);
    }
  }
  .container-index .page1 .page1-bg__tint,
  .container-index .page1 .page1-bg__art,
  .container-index .page1 .page1-bg__overlay {
    display: none;
  }
  .container-index .page1 .page1-hero {
    min-height: calc(1020 * var(--u));
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-top: calc(84 * var(--u));
    padding-bottom: calc(278 * var(--u));
  }
  .container-index .page1 .page1-hero__content {
    width: calc(342 * var(--u));
    max-width: 100%;
    margin: 0 auto;
    background-image: none;
  }
  .container-index .page1 .page1-hero__logo {
    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;
    width: calc(342 * var(--u));
    height: calc(175 * var(--u));
    padding: 0;
    background: url(https://wow.res.netease.com/pc/zt/20260911203232/assets/logo_c424e195.png) center / 100% 100% no-repeat;
  }
  .container-index .page1 .page1-hero__logo img {
    display: none;
  }
  .container-index .page1 .page1-hero__tip {
    margin-top: calc(17 * var(--u));
    font-size: calc(16 * var(--u));
    text-shadow: 0 calc(4 * var(--u)) calc(8 * var(--u)) rgba(0, 0, 0, 0.4);
  }
  .container-index .page1 .page1-hero__title {
    margin-top: calc(6 * var(--u));
    font-size: calc(36 * var(--u));
    text-shadow: none;
    -webkit-filter: drop-shadow(0 calc(4 * var(--u)) calc(8 * var(--u)) rgba(0, 0, 0, 0.4));
            filter: drop-shadow(0 calc(4 * var(--u)) calc(8 * var(--u)) rgba(0, 0, 0, 0.4));
  }
  .container-index .page1 .page1-hero__desc {
    width: calc(328 * var(--u));
    height: calc(130 * var(--u));
    margin-top: calc(10 * var(--u));
    font-size: calc(16 * var(--u));
    line-height: calc(26 * var(--u));
    color: rgba(255, 255, 255, 0.72);
    text-shadow: 0 0 calc(12 * var(--u)) rgba(0, 0, 0, 0.5), 0 calc(1 * var(--u)) calc(2 * var(--u)) rgba(0, 0, 0, 0.9);
  }
  .container-index .page1 .page1-hero__actions {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: calc(16 * var(--u));
    margin-top: calc(16 * var(--u));
  }
  .container-index .page1 .page1-hero__trailer {
    width: calc(164 * var(--u));
    height: calc(36 * var(--u));
    margin-top: calc(16 * var(--u));
    gap: calc(8 * var(--u));
    font-size: calc(14 * var(--u));
  }
  .container-index .page1 .page1-hero__trailer::after {
    display: none;
  }
  .container-index .page1 .page1-hero__trailer-icon {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: calc(24 * var(--u));
    height: calc(24 * var(--u));
    padding: calc(3 * var(--u)) calc(5 * var(--u));
    -o-object-fit: contain;
       object-fit: contain;
  }
  .container-index .page1 .page1-hero__battlenet {
    margin-top: calc(16 * var(--u));
  }
  .container-index .page1 .page1-hero__battlenet-logo {
    width: calc(156 * var(--u));
  }
  .container-index .page1 .page1-btn {
    width: calc(252 * var(--u));
    height: calc(64 * var(--u));
  }
  .container-index .page1 .page1-btn .page1-btn__text {
    padding-top: calc(4 * var(--u));
    font-size: calc(16 * var(--u));
    line-height: calc(19.6 * var(--u));
  }
  .container-index .page1 .page1-btn .page1-btn__line:first-child {
    font-size: calc(18 * var(--u));
  }
  .container-index .page1 .page1-btn .page1-btn__line:not(:first-child) {
    font-size: calc(13 * var(--u));
  }
  .container-index .page1 .page1-news {
    height: calc(258 * var(--u));
    padding: 0;
    background: url(https://wow.res.netease.com/pc/zt/20260911203232/assets/news-banner_4e0b3cee.png) center center / 100% 100% no-repeat;
  }
  .container-index .page1 .page1-news::before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    width: auto;
    height: 100%;
    margin-left: 0;
    border: 0;
    background: none;
    -webkit-box-shadow: 0 calc(3 * var(--u)) calc(12 * var(--u)) rgba(0, 0, 0, 0.5);
            box-shadow: 0 calc(3 * var(--u)) calc(12 * var(--u)) rgba(0, 0, 0, 0.5);
    -webkit-filter: none;
            filter: none;
    pointer-events: none;
  }
  .container-index .page1 .page1-news::after {
    display: none;
  }
  .container-index .page1 .page1-news__content {
    width: calc(343 * var(--u));
    max-width: 100%;
    margin: 0 auto;
    padding-left: 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .container-index .page1 .page1-news__content::before {
    content: '';
    -webkit-box-flex: 0;
    -webkit-flex: none;
        -ms-flex: none;
            flex: none;
    width: calc(342 * var(--u));
    height: calc(80 * var(--u));
    margin-bottom: calc(8 * var(--u));
    background: url(https://wow.res.netease.com/pc/zt/20260911203232/assets/news-emblem_efc4a114.png) center / 100% 100% no-repeat;
  }
  .container-index .page1 .page1-news__title {
    width: 100%;
    white-space: normal;
    font-size: calc(20 * var(--u));
    text-align: center;
    text-shadow: none;
    color: #f5e5cf;
  }
  .container-index .page1 .page1-countdown {
    --countdown-gap: calc(20 * var(--u));
    -webkit-box-flex: 0;
    -webkit-flex: none;
        -ms-flex: none;
            flex: none;
    width: calc(252 * var(--u));
    margin: 0 auto;
  }
  .container-index .page1 .page1-countdown__item {
    width: calc(48 * var(--u));
  }
  .container-index .page1 .page1-countdown__item:not(:last-child)::after {
    top: calc(15 * var(--u));
    right: calc(-16 * var(--u));
    width: calc(12 * var(--u));
    font-size: calc(18 * var(--u));
    line-height: calc(22 * var(--u));
    color: #fff;
  }
  .container-index .page1 .page1-countdown__num {
    height: calc(40 * var(--u));
    padding-top: calc(11 * var(--u));
    font-size: calc(24 * var(--u));
    line-height: calc(35 * var(--u));
  }
  .container-index .page1 .page1-countdown__unit {
    margin-top: 0;
    font-size: calc(12 * var(--u));
    color: #f3eee2;
  }
  .container-index .page1 .page1-cards {
    padding-top: calc(40 * var(--u));
    padding-bottom: calc(64 * var(--u));
  }
  .container-index .page1 .page1-cards__row {
    width: 100%;
    max-width: 100%;
    margin: 0;
    padding: 0 calc(16 * var(--u));
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: calc(16 * var(--u));
  }
  .container-index .page1 .page1-card--intro {
    min-height: calc(234 * var(--u));
  }
  .container-index .page1 .page1-card__sub {
    height: calc(20 * var(--u));
    padding-top: calc(1 * var(--u));
    line-height: 1.6;
    text-shadow: 0 calc(4 * var(--u)) calc(8 * var(--u)) rgba(0, 0, 0, 0.4);
  }
  .container-index .page1 .page1-card__title {
    font-size: calc(24 * var(--u));
    text-shadow: none;
    -webkit-filter: drop-shadow(calc(1 * var(--u)) 0 calc(23 * var(--u)) #4e4024) drop-shadow(0 calc(1 * var(--u)) calc(4 * var(--u)) #382d17);
            filter: drop-shadow(calc(1 * var(--u)) 0 calc(23 * var(--u)) #4e4024) drop-shadow(0 calc(1 * var(--u)) calc(4 * var(--u)) #382d17);
  }
  .container-index .page1 .page1-card__desc {
    min-height: calc(156 * var(--u));
    font-size: calc(16 * var(--u));
    line-height: calc(26 * var(--u));
    color: rgba(255, 255, 255, 0.72);
    text-shadow: calc(1 * var(--u)) 0 calc(23 * var(--u)) #4e4024, 0 calc(1 * var(--u)) calc(4 * var(--u)) #382d17;
  }
  .container-index .page1 .page1-card--media {
    min-height: calc(194 * var(--u));
    background: url(https://wow.res.netease.com/pc/zt/20260911203232/assets/media-poster_84fbbef5.jpg) center / 100% 100% no-repeat;
  }
  .container-index .page1 .page1-card--media::after {
    display: none;
  }
  .container-index .page1 .page1-card__play {
    position: relative;
    z-index: 1;
    width: calc(29 * var(--u));
    height: calc(36 * var(--u));
  }
}
.container-index .page1 .login-container {
  position: absolute;
  right: 0;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-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;
  z-index: 9;
}
@media (max-width: 0) {
  .container-index .page1 .login-container {
    position: absolute;
    right: 0;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-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;
    z-index: 9;
  }
}
@media (min-width: 0) {
  .container-index .page1 .login-container {
    position: absolute;
    right: 0;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-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;
    z-index: 9;
  }
}
@media (min-width: 750px) {
  .container-index .page1 .login-container {
    top: 24px;
  }
}
@media (max-width: 749px) {
  .container-index .page1 .login-container {
    top: 12px;
  }
}
.container-index .page1 .login-container .login-info {
  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;
  color: #fbebba;
  background-color: rgba(0, 0, 0, 0.45);
}
@media (max-width: 0) {
  .container-index .page1 .login-container .login-info {
    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;
    color: #fbebba;
    background-color: rgba(0, 0, 0, 0.45);
  }
}
@media (min-width: 0) {
  .container-index .page1 .login-container .login-info {
    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;
    color: #fbebba;
    background-color: rgba(0, 0, 0, 0.45);
  }
}
@media (min-width: 750px) {
  .container-index .page1 .login-container .login-info {
    height: 56px;
    padding: 0 24px 0 20px;
    border-top-left-radius: 100px;
    border-bottom-left-radius: 100px;
    font-size: 24px;
    border: 2px solid rgba(255, 237, 185, 0.2);
  }
}
@media (max-width: 749px) {
  .container-index .page1 .login-container .login-info {
    height: 28px;
    padding: 0 12px 0 10px;
    border-top-left-radius: 50px;
    border-bottom-left-radius: 50px;
    font-size: 12px;
    border: 1px solid rgba(255, 237, 185, 0.2);
  }
}
.container-index .page1 .login-container .login-info .user-icon {
  background: url(https://wow.res.netease.com/pc/zt/20260911203232/assets/user-icon_71ce5871.png) center center / 100% 100% no-repeat;
}
@media (max-width: 0) {
  .container-index .page1 .login-container .login-info .user-icon {
    background: url(https://wow.res.netease.com/pc/zt/20260911203232/assets/user-icon_71ce5871.png) center center / 100% 100% no-repeat;
  }
}
@media (min-width: 0) {
  .container-index .page1 .login-container .login-info .user-icon {
    background: url(https://wow.res.netease.com/pc/zt/20260911203232/assets/user-icon_71ce5871.png) center center / 100% 100% no-repeat;
  }
}
@media (min-width: 750px) {
  .container-index .page1 .login-container .login-info .user-icon {
    width: 44px;
    height: 44px;
    margin-right: 6px;
  }
}
@media (max-width: 749px) {
  .container-index .page1 .login-container .login-info .user-icon {
    width: 22px;
    height: 22px;
    margin-right: 3px;
  }
}
@media (min-width: 750px) {
  .container-index .page1 .login-container .login-info .user-name {
    margin-right: 6px;
    -webkit-transform: translateY(-2px);
            transform: translateY(-2px);
  }
}
@media (max-width: 749px) {
  .container-index .page1 .login-container .login-info .user-name {
    margin-right: 3px;
    -webkit-transform: translateY(-1px);
            transform: translateY(-1px);
  }
}
.container-index .page1 .login-container .login-info .switch-icon {
  background: url(https://wow.res.netease.com/pc/zt/20260911203232/assets/switch-btn_8f8624c1.png) center center / 100% 100% no-repeat;
  cursor: pointer;
}
@media (max-width: 0) {
  .container-index .page1 .login-container .login-info .switch-icon {
    background: url(https://wow.res.netease.com/pc/zt/20260911203232/assets/switch-btn_8f8624c1.png) center center / 100% 100% no-repeat;
    cursor: pointer;
  }
}
@media (min-width: 0) {
  .container-index .page1 .login-container .login-info .switch-icon {
    background: url(https://wow.res.netease.com/pc/zt/20260911203232/assets/switch-btn_8f8624c1.png) center center / 100% 100% no-repeat;
    cursor: pointer;
  }
}
@media (min-width: 750px) {
  .container-index .page1 .login-container .login-info .switch-icon {
    width: 36px;
    height: 36px;
  }
}
@media (max-width: 749px) {
  .container-index .page1 .login-container .login-info .switch-icon {
    width: 18px;
    height: 18px;
  }
}
.container-index .page1 .login-container .login-btn {
  color: #fbebba;
  cursor: pointer;
}
@media (max-width: 0) {
  .container-index .page1 .login-container .login-btn {
    color: #fbebba;
    cursor: pointer;
  }
}
@media (min-width: 0) {
  .container-index .page1 .login-container .login-btn {
    color: #fbebba;
    cursor: pointer;
  }
}
@media (min-width: 750px) {
  .container-index .page1 .login-container .login-btn {
    font-size: 16px;
    -webkit-transform: translateY(-2px);
            transform: translateY(-2px);
  }
}
@media (max-width: 749px) {
  .container-index .page1 .login-container .login-btn {
    font-size: 8px;
    -webkit-transform: translateY(-1px);
            transform: translateY(-1px);
  }
}
@-webkit-keyframes animStarRotate {
  0% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
  100% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
}
@keyframes animStarRotate {
  0% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
  100% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
}
@-webkit-keyframes animStarCounterRotate {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@keyframes animStarCounterRotate {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
.container-index .page2 {
  --u: clamp(0.75px, calc(100vw / 1920), 1.3333px);
  position: relative;
  width: 100%;
  max-width: 2560px;
  height: calc(1080 * var(--u));
  margin: 0 auto;
  background-color: #15202f;
}
.container-index .page2 .page2-video {
  position: absolute;
  inset: 0;
  overflow: hidden;
  z-index: 0;
}
.container-index .page2 .page2-video .swiper-container,
.container-index .page2 .page2-video .swiper-slide {
  width: 100%;
  height: 100%;
}
.container-index .page2 .page2-video__item {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.container-index .page2 .page2-mask {
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  border-radius: 0 0 calc(20 * var(--u)) calc(20 * var(--u));
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.8)), color-stop(50%, transparent), color-stop(80%, transparent), to(rgba(0, 0, 0, 0.8)));
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.8) 0%, transparent 50%, transparent 80%, rgba(0, 0, 0, 0.8) 100%);
}
.container-index .page2::after {
  content: '';
  position: absolute;
  right: 0;
  bottom: -10px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
  border: 305px solid;
  border-top-width: 0;
  -o-border-image: url(https://wow.res.netease.com/pc/zt/20260911203232/assets/camelot-divider_133f30e0.png);
     border-image: url(https://wow.res.netease.com/pc/zt/20260911203232/assets/camelot-divider_133f30e0.png);
  border-image-slice: 305 fill;
  pointer-events: none;
  z-index: 20;
}
.container-index .page2 .page2-content {
  position: relative;
  z-index: 2;
  height: 100%;
}
.container-index .page2 .page2-inner {
  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;
  width: calc(1600 * var(--u));
  height: 100%;
  margin: 0 auto;
  padding-top: calc(200 * var(--u));
  text-align: center;
}
.container-index .page2 .page2-kicker {
  font-size: calc(16 * var(--u));
  line-height: 1.6;
  color: #f3eee2;
  text-shadow: 0 calc(4 * var(--u)) calc(8 * var(--u)) rgba(0, 0, 0, 0.4);
  font-family: 'FZLanTingHeiS-B-GB', sans-serif;
}
.container-index .page2 .page2-title {
  margin-top: calc(6 * var(--u));
  font-size: calc(40 * var(--u));
  line-height: 2;
  color: transparent;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#f3eee2), to(#e2c2ab));
  background-image: linear-gradient(180deg, #f3eee2 0%, #e2c2ab 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-filter: drop-shadow(0 0 calc(8 * var(--u)) rgba(30, 52, 69, 0.8)) drop-shadow(0 calc(1 * var(--u)) calc(4 * var(--u)) rgba(0, 0, 0, 0.3));
          filter: drop-shadow(0 0 calc(8 * var(--u)) rgba(30, 52, 69, 0.8)) drop-shadow(0 calc(1 * var(--u)) calc(4 * var(--u)) rgba(0, 0, 0, 0.3));
  font-family: 'FZLanTingHeiS-B-GB', sans-serif;
}
.container-index .page2 .page2-desc {
  margin-top: calc(4 * var(--u));
  font-size: calc(18 * var(--u));
  line-height: 1.6;
  color: #fff;
  text-shadow: 0 0 calc(12 * var(--u)) rgba(0, 0, 0, 0.5), 0 calc(1 * var(--u)) calc(2 * var(--u)) rgba(0, 0, 0, 0.9);
  font-family: 'fzlth', sans-serif;
}
.container-index .page2 .page2-tabs {
  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;
  margin-top: calc(34 * var(--u));
}
.container-index .page2 .page2-tab {
  position: relative;
  padding: 0 calc(32 * var(--u));
  border: 0;
  background: none;
  cursor: pointer;
  font-size: calc(16 * var(--u));
  line-height: 1.6;
  color: #fff;
  -webkit-filter: drop-shadow(0 0 calc(30 * var(--u)) rgba(2, 10, 22, 0.4)) drop-shadow(0 0 calc(4 * var(--u)) rgba(2, 10, 22, 0.4));
          filter: drop-shadow(0 0 calc(30 * var(--u)) rgba(2, 10, 22, 0.4)) drop-shadow(0 0 calc(4 * var(--u)) rgba(2, 10, 22, 0.4));
  font-family: 'FZLanTingHeiS-B-GB', sans-serif;
}
.container-index .page2 .page2-tab:hover {
  color: #fff;
}
.container-index .page2 .page2-tab--active {
  color: #fff;
}
.container-index .page2 .page2-tab--active::after {
  content: '';
  position: absolute;
  top: calc(100% + 2 * var(--u));
  left: 50%;
  width: calc(120 * var(--u));
  height: calc(12 * var(--u));
  margin-left: calc(-60 * var(--u));
  background: url(https://wow.res.netease.com/pc/zt/20260911203232/assets/tab-underline_c963f3c0.png) center / 100% 100% no-repeat;
}
.container-index .page2 .page2-stage {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  min-height: 0;
  margin-top: calc(34 * var(--u));
}
.container-index .page2 .page2-caption {
  padding: 0 calc(91.5 * var(--u));
  font-size: calc(18 * var(--u));
  line-height: 1.6;
  color: #fff;
  text-shadow: 0 0 calc(12 * var(--u)) rgba(0, 0, 0, 0.5), 0 calc(1 * var(--u)) calc(2 * var(--u)) rgba(0, 0, 0, 0.9);
  font-family: 'fzlth', sans-serif;
}
.container-index .page2 .page2-arrow {
  position: absolute;
  top: 50%;
  padding: 0;
  border: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% 100%;
  cursor: pointer;
  outline: 0 !important;
}
.container-index .page2 .page2-arrow--prev {
  left: 0;
  width: calc(92 * var(--u));
  height: calc(96 * var(--u));
  background-image: url(https://wow.res.netease.com/pc/zt/20260911203232/assets/left-caret_b5a1613a.png);
}
.container-index .page2 .page2-arrow--next {
  right: 0;
  width: calc(92 * var(--u));
  height: calc(102 * var(--u));
  background-image: url(https://wow.res.netease.com/pc/zt/20260911203232/assets/right-caret_03278cca.png);
}
.container-index .page2 .page2-arrow:hover {
  -webkit-filter: brightness(1.25);
          filter: brightness(1.25);
}
.container-index .page2 .page2-arrow.swiper-button-disabled {
  opacity: 0.35;
  pointer-events: none;
  cursor: default;
}
.container-index .page2 .page2-dots {
  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;
  gap: calc(12 * var(--u));
  margin-top: auto;
  margin-bottom: calc(84 * var(--u));
}
.container-index .page2 .page2-dot {
  width: calc(12 * var(--u));
  height: calc(12 * var(--u));
  padding: 0;
  border: 0;
  border-radius: 50%;
  background-color: rgba(255, 255, 255, 0.48);
  cursor: pointer;
}
.container-index .page2 .page2-dot--active {
  background-color: #fddfb4;
}
.container-index .page2 .page2-play {
  position: absolute;
  bottom: calc(64 * var(--u));
  left: calc(64 * var(--u));
  width: calc(48 * var(--u));
  height: calc(48 * var(--u));
  padding: 0;
  border: 0;
  background: url(https://wow.res.netease.com/pc/zt/20260911203232/assets/pause-btn_be5300a1.png) center / 100% 100% no-repeat;
  cursor: pointer;
}
.container-index .page2 .page2-play--paused {
  background-image: url(https://wow.res.netease.com/pc/zt/20260911203232/assets/play-btn_f2dadf6e.png);
}
.container-index .page2.is-mobile .page2-video-play {
  position: absolute;
  inset: 0;
  z-index: 0;
  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;
  padding: 0;
  border: 0;
  background: none;
  cursor: pointer;
}
.container-index .page2.is-mobile .page2-video-play__icon {
  display: block;
  width: calc(69 * var(--u));
  height: calc(86 * var(--u));
}
.container-index .page2.is-mobile .page2-inner {
  position: relative;
  z-index: 1;
  pointer-events: none;
}
.container-index .page2.is-mobile .page2-tab,
.container-index .page2.is-mobile .page2-arrow,
.container-index .page2.is-mobile .page2-dot {
  pointer-events: auto;
}
@media screen and (max-width: 1200px) {
  .container-index .page2 {
    --u: clamp(0.390625px, calc(100vw / 960), 1px);
    /* stylelint-disable-next-line property-no-unknown */
    container-type: inline-size;
    height: calc(1280 * var(--u));
  }
  @supports (width: 1cqw) {
    .container-index .page2 {
      /* stylelint-disable-next-line unit-no-unknown */
      --u: calc(100cqw / 960);
    }
  }
  .container-index .page2 .page2-video {
    border-radius: 0 0 calc(10 * var(--u)) calc(10 * var(--u));
  }
  .container-index .page2 .page2-mask {
    border-radius: 0 0 calc(10 * var(--u)) calc(10 * var(--u));
    background: -webkit-gradient(linear, left top, left bottom, from(#293b45), color-stop(44.87%, rgba(92, 94, 95, 0)), color-stop(83.72%, rgba(97, 96, 96, 0)), color-stop(89.32%, rgba(25, 11, 6, 0.15)), to(rgba(12, 9, 8, 0.7)));
    background: linear-gradient(#293b45 0%, rgba(92, 94, 95, 0) 44.87%, rgba(97, 96, 96, 0) 83.72%, rgba(25, 11, 6, 0.15) 89.32%, rgba(12, 9, 8, 0.7) 100%);
  }
  .container-index .page2 .page2-inner {
    width: 100%;
    padding-top: calc(60 * var(--u));
    padding-right: 0;
    padding-left: 0;
  }
  .container-index .page2 .page2-title,
  .container-index .page2 .page2-desc {
    padding-right: calc(40 * var(--u));
    padding-left: calc(40 * var(--u));
  }
  .container-index .page2 .page2-tabs {
    margin-top: calc(42 * var(--u));
  }
  .container-index .page2 .page2-tab {
    padding: 0 calc(48 * var(--u));
  }
  .container-index .page2 .page2-tab:last-child {
    padding: 0 calc(32 * var(--u));
  }
  .container-index .page2 .page2-tab--active::after {
    top: calc(100% + 6 * var(--u));
    left: 0;
    width: 100%;
    height: calc(4 * var(--u));
    margin-left: 0;
    border-radius: calc(2 * var(--u));
    background: #0093b2;
  }
  .container-index .page2 .page2-caption {
    padding-right: calc(132 * var(--u));
    padding-left: calc(132 * var(--u));
  }
  .container-index .page2 .page2-arrow {
    top: calc(457 * var(--u));
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: calc(92 * var(--u));
    height: calc(96 * var(--u));
    border: calc(6 * var(--u)) solid #c7af8e;
    border-radius: 50%;
    background-color: transparent;
    background-position: center;
    background-repeat: no-repeat;
  }
  .container-index .page2 .page2-arrow--prev {
    left: calc(40 * var(--u));
    background-image: url(https://wow.res.netease.com/pc/zt/20260911203232/assets/icon-arrow-left_6213afad.svg);
    background-size: calc(11 * var(--u)) auto;
  }
  .container-index .page2 .page2-arrow--next {
    right: calc(40 * var(--u));
    background-image: url(https://wow.res.netease.com/pc/zt/20260911203232/assets/icon-arrow-right_79184945.svg);
    background-size: calc(11 * var(--u)) auto;
  }
  .container-index .page2 .page2-dots {
    margin-bottom: calc(76 * var(--u));
  }
  .container-index .page2 .page2-play {
    bottom: calc(60 * var(--u));
  }
  .container-index .page2::after {
    top: auto;
    bottom: 0;
    left: 0;
    width: 100%;
    height: calc(229 * var(--u));
    border: 0;
    background-image: url(https://wow.res.netease.com/pc/zt/20260911203232/assets/camelot-divider-sm_4c719853.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
  }
}
@media screen and (max-width: 450px) {
  .container-index .page2 {
    --u: calc(100vw / 375);
    /* stylelint-disable-next-line property-no-unknown */
    container-type: inline-size;
    height: calc(940 * var(--u));
  }
  @supports (width: 1cqw) {
    .container-index .page2 {
      /* stylelint-disable-next-line unit-no-unknown */
      --u: calc(100cqw / 375);
    }
  }
  .container-index .page2 .page2-video,
  .container-index .page2 .page2-mask {
    border-radius: 0;
  }
  .container-index .page2 .page2-title,
  .container-index .page2 .page2-desc {
    padding-right: calc(16 * var(--u));
    padding-left: calc(16 * var(--u));
  }
  .container-index .page2 .page2-kicker {
    font-size: calc(14 * var(--u));
    line-height: calc(20 * var(--u));
    color: #f1e8d9;
    text-shadow: none;
  }
  .container-index .page2 .page2-title {
    font-size: calc(30 * var(--u));
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(23.4%, #f3eee2), color-stop(69.5%, #e2c2ab));
    background-image: linear-gradient(180deg, #f3eee2 23.4%, #e2c2ab 69.5%);
    -webkit-filter: drop-shadow(0 calc(2 * var(--u)) calc(6.8 * var(--u)) rgba(35, 18, 6, 0.5));
            filter: drop-shadow(0 calc(2 * var(--u)) calc(6.8 * var(--u)) rgba(35, 18, 6, 0.5));
  }
  .container-index .page2 .page2-desc,
  .container-index .page2 .page2-caption {
    font-size: calc(16 * var(--u));
    line-height: calc(26 * var(--u));
    text-shadow: 0 0 calc(30 * var(--u)) rgba(2, 10, 22, 0.4), 0 0 calc(4 * var(--u)) rgba(2, 10, 22, 0.6);
  }
  .container-index .page2 .page2-desc {
    text-indent: calc(12 * var(--u));
  }
  .container-index .page2 .page2-tabs {
    margin-top: calc(32 * var(--u));
  }
  .container-index .page2 .page2-tab {
    padding: 0 calc(28 * var(--u));
    line-height: calc(26 * var(--u));
  }
  .container-index .page2 .page2-tab:last-child {
    padding: 0 calc(28 * var(--u));
  }
  .container-index .page2 .page2-tab--active {
    color: #fff;
  }
  .container-index .page2 .page2-tab--active::after {
    top: calc(100% + 4 * var(--u));
  }
  .container-index .page2 .page2-stage {
    margin-top: calc(24 * var(--u));
  }
  .container-index .page2 .page2-caption {
    padding-right: calc(16 * var(--u));
    padding-left: calc(16 * var(--u));
  }
  .container-index .page2 .page2-arrow {
    top: auto;
    bottom: calc(120 * var(--u));
    width: calc(32 * var(--u));
    height: calc(32 * var(--u));
    -webkit-transform: none;
            transform: none;
    border: 0;
    border-radius: 0;
    background-image: none;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
  }
  .container-index .page2 .page2-arrow--prev {
    left: calc(101.5 * var(--u));
    background-image: url(https://wow.res.netease.com/pc/zt/20260911203232/assets/icon-arrow-left_452a991c.png);
  }
  .container-index .page2 .page2-arrow--next {
    right: calc(101.5 * var(--u));
    background-image: url(https://wow.res.netease.com/pc/zt/20260911203232/assets/icon-arrow-right_63952216.png);
  }
  .container-index .page2 .page2-dots {
    gap: calc(8 * var(--u));
    margin-bottom: calc(130 * var(--u));
  }
  .container-index .page2 .page2-play {
    bottom: calc(40 * var(--u));
    left: calc(16 * var(--u));
    width: calc(40 * var(--u));
    height: calc(40 * var(--u));
  }
  .container-index .page2.is-mobile .page2-video-play__icon {
    width: calc(29 * var(--u));
    height: calc(36 * var(--u));
  }
  .container-index .page2::after {
    height: calc(89.5 * var(--u));
  }
}
.container-index .page3 {
  --u: clamp(0.75px, calc(100vw / 1920), 1.3333px);
  position: relative;
  width: 100%;
  z-index: 11;
  margin-bottom: -140px;
  -webkit-mask-box-image: url(https://wow.res.netease.com/pc/zt/20260911203232/assets/paper-mask_9c676ada.png) 140 1299 fill;
  -webkit-mask-box-image-source: url(https://wow.res.netease.com/pc/zt/20260911203232/assets/paper-mask_9c676ada.png);
          mask-border-source: url(https://wow.res.netease.com/pc/zt/20260911203232/assets/paper-mask_9c676ada.png);
  -webkit-mask-box-image-slice: 140 1299 fill;
          mask-border-slice: 140 1299 fill;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  --page3-bottom-gap: calc(60.75 * var(--u));
  padding: calc(63.75 * var(--u)) 0 var(--page3-bottom-gap);
  overflow: hidden;
  background: -webkit-gradient(linear, left top, left bottom, from(#063149), to(#017caa));
  background: linear-gradient(to bottom, #063149 0%, #017caa 100%);
}
@media screen and (max-width: 959px) {
  .container-index .page3 {
    -webkit-mask-box-image: url(https://wow.res.netease.com/pc/zt/20260911203232/assets/paper-border-mask-sm_48b5e362.png) 150 479 fill;
    -webkit-mask-box-image-source: url(https://wow.res.netease.com/pc/zt/20260911203232/assets/paper-border-mask-sm_48b5e362.png);
            mask-border-source: url(https://wow.res.netease.com/pc/zt/20260911203232/assets/paper-border-mask-sm_48b5e362.png);
    -webkit-mask-box-image-slice: 150 479 fill;
            mask-border-slice: 150 479 fill;
    -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
  }
}
.container-index .page3 .page3-inner {
  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;
  gap: calc(80.25 * var(--u));
  width: calc(1600 * var(--u));
  max-width: 100%;
  margin: 0 auto;
}
.container-index .page3 .page3-head {
  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-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
}
.container-index .page3 .page3-head__kicker {
  font-size: calc(16 * var(--u));
  line-height: 1.6;
  color: #f1e8d9;
  font-family: 'FZLanTingHeiS-B-GB', sans-serif;
  -webkit-filter: drop-shadow(calc(1 * var(--u)) 0 calc(23 * var(--u)) #1e3445) drop-shadow(0 calc(1 * var(--u)) calc(4 * var(--u)) rgba(0, 0, 0, 0.3));
          filter: drop-shadow(calc(1 * var(--u)) 0 calc(23 * var(--u)) #1e3445) drop-shadow(0 calc(1 * var(--u)) calc(4 * var(--u)) rgba(0, 0, 0, 0.3));
}
.container-index .page3 .page3-head__title {
  margin-top: calc(6 * var(--u));
  font-size: calc(40 * var(--u));
  line-height: 1.6;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#f5eade), color-stop(37%, #d6c2ac), to(#ccb295));
  background-image: linear-gradient(#f5eade 0%, #d6c2ac 37%, #ccb295 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-family: 'FZLanTingHeiS-B-GB', sans-serif;
  -webkit-filter: drop-shadow(0 0 calc(8 * var(--u)) rgba(30, 52, 69, 0.8)) drop-shadow(0 calc(1 * var(--u)) calc(4 * var(--u)) rgba(0, 0, 0, 0.3));
          filter: drop-shadow(0 0 calc(8 * var(--u)) rgba(30, 52, 69, 0.8)) drop-shadow(0 calc(1 * var(--u)) calc(4 * var(--u)) rgba(0, 0, 0, 0.3));
}
.container-index .page3 .page3-head__desc {
  margin-top: calc(3.75 * var(--u));
  font-size: calc(18 * var(--u));
  line-height: 1.6;
  color: rgba(255, 255, 255, 0.72);
  font-family: 'FZLanTingHeiS-R-GB', sans-serif;
  -webkit-filter: drop-shadow(0 0 calc(4 * var(--u)) rgba(2, 10, 22, 0.6));
          filter: drop-shadow(0 0 calc(4 * var(--u)) rgba(2, 10, 22, 0.6));
}
.container-index .page3 .page3-tabs {
  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;
  gap: calc(5.25 * var(--u));
}
.container-index .page3 .page3-tabs__row {
  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;
  gap: 0;
  height: calc(45 * var(--u));
}
.container-index .page3 .page3-tab {
  position: relative;
  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;
  height: 100%;
  padding: 0 calc(31.5 * var(--u));
  border: 0;
  background: none;
  cursor: pointer;
}
.container-index .page3 .page3-tab__text {
  font-size: calc(16 * var(--u));
  line-height: 1.6;
  white-space: nowrap;
  color: rgba(255, 255, 255, 0.5);
  -webkit-transition: color 0.2s;
  transition: color 0.2s;
  font-family: 'FZLanTingHeiS-B-GB', sans-serif;
  text-shadow: 0 calc(4 * var(--u)) calc(8 * var(--u)) rgba(0, 0, 0, 0.3);
}
.container-index .page3 .page3-tab__bar {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  height: calc(3.75 * var(--u));
  border-radius: calc(2.25 * var(--u));
  background: #0093b2;
  opacity: 0;
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s;
  pointer-events: none;
}
.container-index .page3 .page3-tab.is-active .page3-tab__text {
  color: #fff;
}
.container-index .page3 .page3-tab.is-active .page3-tab__bar {
  opacity: 1;
}
.container-index .page3 .page3-tab:hover:not(.is-active) .page3-tab__text {
  color: rgba(255, 255, 255, 0.8);
}
.container-index .page3 .page3-feature {
  position: relative;
}
.container-index .page3 .page3-feature__swiper {
  width: 100%;
  height: calc(480 * var(--u));
  margin: calc(-26.25 * var(--u)) 0;
}
.container-index .page3 .page3-feature__slide {
  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;
  gap: calc(40 * var(--u));
}
.container-index .page3 .page3-feature__media {
  position: relative;
  -webkit-align-self: center;
      -ms-flex-item-align: center;
          align-self: center;
  width: calc(680 * var(--u));
  height: calc(382 * var(--u));
  border-radius: calc(3.75 * var(--u));
  overflow: hidden;
  -webkit-box-shadow: 0 0 calc(37 * var(--u)) calc(7 * var(--u)) rgba(2, 10, 22, 0.8);
          box-shadow: 0 0 calc(37 * var(--u)) calc(7 * var(--u)) rgba(2, 10, 22, 0.8);
}
.container-index .page3 .page3-feature__img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.container-index .page3 .page3-feature__frame {
  position: absolute;
  inset: 0;
  background: url(https://wow.res.netease.com/pc/zt/20260911203232/assets/feature-frame_a25b18b6.png) center / cover no-repeat;
  pointer-events: none;
}
.container-index .page3 .page3-feature__text {
  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: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: calc(521 * var(--u));
}
.container-index .page3 .page3-feature__name {
  font-size: calc(32 * var(--u));
  line-height: 2;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#f3eee2), to(#e2c2ab));
  background-image: linear-gradient(#f3eee2 0%, #e2c2ab 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-family: 'FZLanTingHeiS-B-GB', sans-serif;
}
.container-index .page3 .page3-feature__nav {
  position: absolute;
  z-index: 2;
  top: calc(213.75 * var(--u));
  padding: 0;
  border: 0;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% 100%;
  cursor: pointer;
  outline: 0 !important;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.container-index .page3 .page3-feature__nav--prev {
  left: 0;
  width: calc(92 * var(--u));
  height: calc(96 * var(--u));
  background-image: url(https://wow.res.netease.com/pc/zt/20260911203232/assets/left-caret_b5a1613a.png);
}
.container-index .page3 .page3-feature__nav--next {
  right: 0;
  width: calc(92 * var(--u));
  height: calc(102 * var(--u));
  background-image: url(https://wow.res.netease.com/pc/zt/20260911203232/assets/right-caret_03278cca.png);
}
.container-index .page3 .page3-feature__nav:hover {
  -webkit-filter: brightness(1.25);
          filter: brightness(1.25);
}
.container-index .page3 .page3-feature__nav:disabled {
  opacity: 0.35;
  pointer-events: none;
  cursor: default;
}
.container-index .page3 .page3-feature__desc {
  margin-top: calc(8.25 * var(--u));
  font-size: calc(20 * var(--u));
  line-height: 1.6;
  color: rgba(255, 255, 255, 0.72);
  font-family: 'FZLanTingHeiS-R-GB', sans-serif;
  -webkit-filter: drop-shadow(0 0 calc(8 * var(--u)) rgba(2, 10, 22, 0.6));
          filter: drop-shadow(0 0 calc(8 * var(--u)) rgba(2, 10, 22, 0.6));
}
.container-index .page3 .page3-dots {
  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;
  gap: calc(12 * var(--u));
  height: calc(12 * var(--u));
}
.container-index .page3 .page3-dot {
  width: calc(12 * var(--u));
  height: calc(12 * var(--u));
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: url(https://wow.res.netease.com/pc/zt/20260911203232/assets/dot_883ef70d.svg) center / 100% 100% no-repeat;
  cursor: pointer;
  -webkit-transition: background-image 0.2s;
  transition: background-image 0.2s;
}
.container-index .page3 .page3-dot.is-active {
  background-image: url(https://wow.res.netease.com/pc/zt/20260911203232/assets/dot-active_fd5795dd.svg);
}
.container-index .page3 .page3-region {
  --gallery-width: calc(1119.75 * var(--u));
  padding-top: calc(39.75 * var(--u));
}
.container-index .page3 .page3-region__head {
  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-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
}
.container-index .page3 .page3-region__kicker {
  font-size: calc(16 * var(--u));
  line-height: 1.6;
  color: #f1e8d9;
  font-family: 'FZLanTingHeiS-B-GB', sans-serif;
  -webkit-filter: drop-shadow(calc(1 * var(--u)) 0 calc(23 * var(--u)) #1e3445) drop-shadow(0 calc(1 * var(--u)) calc(4 * var(--u)) rgba(0, 0, 0, 0.3));
          filter: drop-shadow(calc(1 * var(--u)) 0 calc(23 * var(--u)) #1e3445) drop-shadow(0 calc(1 * var(--u)) calc(4 * var(--u)) rgba(0, 0, 0, 0.3));
}
.container-index .page3 .page3-region__title {
  margin-top: calc(6 * var(--u));
  font-size: calc(40 * var(--u));
  line-height: 2;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#f5eade), color-stop(37%, #d6c2ac), to(#ccb295));
  background-image: linear-gradient(#f5eade 0%, #d6c2ac 37%, #ccb295 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-family: 'FZLanTingHeiS-B-GB', sans-serif;
  -webkit-filter: drop-shadow(0 0 calc(8 * var(--u)) rgba(30, 52, 69, 0.8)) drop-shadow(0 calc(1 * var(--u)) calc(4 * var(--u)) rgba(0, 0, 0, 0.3));
          filter: drop-shadow(0 0 calc(8 * var(--u)) rgba(30, 52, 69, 0.8)) drop-shadow(0 calc(1 * var(--u)) calc(4 * var(--u)) rgba(0, 0, 0, 0.3));
}
.container-index .page3 .page3-region__desc {
  margin-top: calc(4.5 * var(--u));
  font-size: calc(18 * var(--u));
  line-height: 1.6;
  color: rgba(255, 255, 255, 0.72);
  font-family: 'FZLanTingHeiS-R-GB', sans-serif;
  -webkit-filter: drop-shadow(0 0 calc(4 * var(--u)) rgba(2, 10, 22, 0.6));
          filter: drop-shadow(0 0 calc(4 * var(--u)) rgba(2, 10, 22, 0.6));
}
.container-index .page3 .page3-region__gallery {
  margin-top: calc(78.75 * var(--u));
}
.container-index .page3 .page3-region__frame {
  position: relative;
  width: var(--gallery-width);
  margin: 0 auto;
}
.container-index .page3 .page3-region__swiper {
  width: 100%;
  border-radius: calc(3.75 * var(--u));
  -webkit-box-shadow: 0 0 calc(37 * var(--u)) calc(7 * var(--u)) rgba(2, 10, 22, 0.8);
          box-shadow: 0 0 calc(37 * var(--u)) calc(7 * var(--u)) rgba(2, 10, 22, 0.8);
}
.container-index .page3 .page3-region__nav {
  position: absolute;
  z-index: 2;
  top: 50%;
  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-box-sizing: border-box;
          box-sizing: border-box;
  width: calc(28 * var(--u));
  height: calc(64 * var(--u));
  padding: 0;
  border: calc(1 * var(--u)) solid #fff7c6;
  border-radius: calc(4 * var(--u));
  background: none;
  cursor: pointer;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  -webkit-transition: border-color 0.2s, background-color 0.2s;
  transition: border-color 0.2s, background-color 0.2s;
}
.container-index .page3 .page3-region__nav--prev {
  left: calc(20 * var(--u));
}
.container-index .page3 .page3-region__nav--next {
  right: calc(20 * var(--u));
}
.container-index .page3 .page3-region__nav:hover:not(:disabled) {
  border-color: #fff;
  background-color: rgba(255, 255, 255, 0.12);
}
.container-index .page3 .page3-region__nav:disabled {
  opacity: 0.3;
  cursor: default;
}
.container-index .page3 .page3-region__nav-icon {
  display: block;
  width: calc(8 * var(--u));
  height: calc(14 * var(--u));
}
.container-index .page3 .page3-region__slide {
  position: relative;
}
.container-index .page3 .page3-region__img,
.container-index .page3 .page3-region__video {
  display: block;
  width: 100%;
  height: calc(628 * var(--u));
  border-radius: calc(3.75 * var(--u));
  -o-object-fit: cover;
     object-fit: cover;
}
.container-index .page3 .page3-region__play {
  position: absolute;
  inset: 0;
  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;
  padding: 0;
  border: 0;
  border-radius: calc(3.75 * var(--u));
  background: none;
  cursor: pointer;
}
.container-index .page3 .page3-region__play-icon {
  display: block;
  width: calc(69 * var(--u));
  height: calc(86 * var(--u));
}
.container-index .page3 .page3-region__frame-deco {
  position: absolute;
  inset: 0;
  z-index: 1;
  background: url(https://wow.res.netease.com/pc/zt/20260911203232/assets/gallery-frame_a65f8d00.png) center / cover no-repeat;
  pointer-events: none;
}
.container-index .page3 .page3-region__overlay {
  position: absolute;
  bottom: calc(34 * var(--u));
  left: 50%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: calc(8 * var(--u));
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.container-index .page3 .page3-region__counter,
.container-index .page3 .page3-region__name {
  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-sizing: border-box;
          box-sizing: border-box;
  height: calc(40 * var(--u));
  padding: 0 calc(7.5 * var(--u));
  border: calc(1 * var(--u)) solid rgba(255, 255, 255, 0.15);
  border-radius: calc(4 * var(--u));
  background: #07324a;
  font-size: calc(12 * var(--u));
  line-height: 1.6;
  white-space: nowrap;
  color: #fff;
  font-family: 'FZLanTingHeiS-B-GB', sans-serif;
}
.container-index .page3 .page3-region__thumbs {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: var(--gallery-width);
  margin: calc(12 * var(--u)) auto 0;
  gap: calc(8 * var(--u));
}
.container-index .page3 .page3-region__thumb {
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: calc(100 * var(--u));
  height: calc(57 * var(--u));
  padding: calc(1 * var(--u));
  border: calc(1 * var(--u)) solid transparent;
  border-radius: calc(2 * var(--u));
  background: none;
  cursor: pointer;
  -webkit-transition: border-color 0.2s;
  transition: border-color 0.2s;
}
.container-index .page3 .page3-region__thumb:hover .page3-region__thumb-img {
  opacity: 0.85;
}
.container-index .page3 .page3-region__thumb:hover .page3-region__thumb-play {
  opacity: 1;
}
.container-index .page3 .page3-region__thumb.is-active {
  border-color: #82705b;
}
.container-index .page3 .page3-region__thumb.is-active .page3-region__thumb-img,
.container-index .page3 .page3-region__thumb.is-active .page3-region__thumb-play {
  opacity: 1;
}
.container-index .page3 .page3-region__thumb-img {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: calc(2 * var(--u));
  -o-object-fit: cover;
     object-fit: cover;
  opacity: 0.5;
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s;
}
.container-index .page3 .page3-region__thumb-play {
  position: absolute;
  right: calc(3 * var(--u));
  bottom: calc(3 * var(--u));
  width: calc(18 * var(--u));
  height: calc(18 * var(--u));
  border-radius: 50%;
  background: rgba(0, 0, 0, 0.8);
  opacity: 0.6;
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s;
  pointer-events: none;
}
.container-index .page3 .page3-region__thumb-play::after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 0;
  height: 0;
  border-top: calc(4 * var(--u)) solid transparent;
  border-bottom: calc(4 * var(--u)) solid transparent;
  border-left: calc(8 * var(--u)) solid #fff;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.container-index .page3 .page3-sky {
  position: relative;
  width: 100%;
  margin-top: calc(120 * var(--u));
  height: calc(639.75 * var(--u));
}
.container-index .page3 .page3-sky__inner {
  position: relative;
  z-index: 2;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: calc(1600 * var(--u));
  max-width: 100%;
  height: 100%;
  margin: 0 auto;
}
.container-index .page3 .page3-sky::before {
  content: '';
  position: absolute;
  right: 0;
  bottom: calc(-1 * var(--page3-bottom-gap));
  left: 0;
  height: calc(140% + var(--page3-bottom-gap));
  background: url(https://wow.res.netease.com/pc/zt/20260911203232/assets/skyborne-bg_9c2f3022.jpg) center bottom / cover no-repeat;
  mask-image: -webkit-gradient(linear, left top, left bottom, color-stop(80%, #000), to(transparent));
  mask-image: linear-gradient(to bottom, #000 80%, transparent 100%);
  -webkit-mask-image: -webkit-gradient(linear, left bottom, left top, color-stop(70%, #000), to(transparent));
  -webkit-mask-image: linear-gradient(to top, #000 70%, transparent 100%);
  pointer-events: none;
  z-index: -1;
}
.container-index .page3 .page3-sky__text {
  position: relative;
  z-index: 1;
  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: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  width: calc(1058.25 * var(--u));
  padding-bottom: calc(49.5 * var(--u));
  -webkit-filter: drop-shadow(0 0 calc(5 * var(--u)) #fff);
          filter: drop-shadow(0 0 calc(5 * var(--u)) #fff);
}
.container-index .page3 .page3-sky__clouds {
  position: absolute;
  z-index: -1;
  width: 75%;
  height: 50%;
  pointer-events: none;
}
.container-index .page3 .page3-sky__clouds--left {
  left: -10%;
  bottom: 0;
  -webkit-transform: rotateZ(40deg);
          transform: rotateZ(40deg);
}
.container-index .page3 .page3-sky__clouds--right {
  right: -13%;
  bottom: 0;
  -webkit-transform: rotateZ(-10deg);
          transform: rotateZ(-10deg);
}
@media screen and (min-width: 1400px) {
  .container-index .page3 .page3-sky__clouds--left {
    left: -20%;
    bottom: 40%;
    -webkit-transform: rotateZ(25deg);
            transform: rotateZ(25deg);
  }
  .container-index .page3 .page3-sky__clouds--right {
    right: -20%;
    bottom: 15%;
    -webkit-transform: rotateZ(-10deg);
            transform: rotateZ(-10deg);
  }
}
.container-index .page3 .page3-sky__cloud {
  position: absolute;
  display: inline-block;
  width: 60vw;
  height: 60vw;
  background: url(https://wow.res.netease.com/pc/zt/20260911203232/assets/cloud-2_267aeba4.png) center / contain no-repeat;
  mix-blend-mode: lighten;
  opacity: 0;
  will-change: transform, opacity;
  -webkit-animation: page3-cloud-opacity 15s steps(900, jump-none) infinite, page3-cloud-transform 15s steps(900, jump-none) infinite;
          animation: page3-cloud-opacity 15s steps(900, jump-none) infinite, page3-cloud-transform 15s steps(900, jump-none) infinite;
}
.container-index .page3 .page3-sky__kicker {
  font-size: calc(16 * var(--u));
  line-height: 1.6;
  color: #235a77;
  font-family: 'FZLanTingHeiS-B-GB', sans-serif;
}
.container-index .page3 .page3-sky__title {
  margin-top: calc(6 * var(--u));
  font-size: calc(48 * var(--u));
  line-height: 1.6;
  color: #09344c;
  font-family: 'FZLanTingHeiS-B-GB', sans-serif;
}
.container-index .page3 .page3-sky__desc {
  margin-top: calc(3.75 * var(--u));
  width: calc(602 * var(--u));
  max-width: 100%;
  font-size: calc(20 * var(--u));
  line-height: 1.6;
  color: #09344c;
  font-family: 'FZLanTingHeiS-R-GB', sans-serif;
}
@media screen and (max-width: 1200px) {
  .container-index .page3 {
    --u: clamp(0.390625px, calc(100vw / 960), 1px);
    container-type: inline-size;
    padding: calc(80 * var(--u)) 0 0;
  }
  @supports (width: 1cqw) {
    .container-index .page3 {
      --u: clamp(0.390625px, calc(100cqw / 960), 1px);
    }
  }
  .container-index .page3 .page3-inner {
    gap: 0;
    width: calc(880 * var(--u));
  }
  .container-index .page3 .page3-head__desc {
    margin-top: calc(4 * var(--u));
    -webkit-filter: drop-shadow(0 calc(5 * var(--u)) calc(15 * var(--u)) rgba(2, 9, 22, 0.4));
            filter: drop-shadow(0 calc(5 * var(--u)) calc(15 * var(--u)) rgba(2, 9, 22, 0.4));
  }
  .container-index .page3 .page3-tabs {
    margin-top: calc(80 * var(--u));
    gap: calc(8 * var(--u));
  }
  .container-index .page3 .page3-tabs__row {
    height: calc(46 * var(--u));
  }
  .container-index .page3 .page3-tab {
    padding: 0 calc(32 * var(--u));
  }
  .container-index .page3 .page3-tab__text {
    color: rgba(255, 255, 255, 0.48);
    text-shadow: 0 0 calc(8 * var(--u)) rgba(2, 9, 22, 0.6);
  }
  .container-index .page3 .page3-tab__bar {
    height: calc(4 * var(--u));
    border-radius: calc(2 * var(--u));
    background: #2e9ab5;
  }
  .container-index .page3 .page3-feature {
    margin-top: calc(40 * var(--u));
  }
  .container-index .page3 .page3-feature::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    width: 100%;
    height: calc(495 * var(--u));
    border-radius: calc(4 * var(--u));
    -webkit-box-shadow: 0 0 calc(93.47 * var(--u)) calc(17.68 * var(--u)) rgba(2, 9, 22, 0.8);
            box-shadow: 0 0 calc(93.47 * var(--u)) calc(17.68 * var(--u)) rgba(2, 9, 22, 0.8);
    pointer-events: none;
  }
  .container-index .page3 .page3-feature__swiper {
    height: calc(667 * var(--u));
    margin: 0;
  }
  .container-index .page3 .page3-feature__slide {
    -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;
    gap: 0;
  }
  .container-index .page3 .page3-feature__media {
    width: 100%;
    height: calc(495 * var(--u));
    border-radius: calc(4 * var(--u));
    -webkit-box-shadow: none;
            box-shadow: none;
  }
  .container-index .page3 .page3-feature__text {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    width: 100%;
    height: calc(172 * var(--u));
    padding: calc(20 * var(--u)) 0;
    gap: calc(4 * var(--u));
  }
  .container-index .page3 .page3-feature__name {
    text-align: center;
  }
  .container-index .page3 .page3-feature__desc {
    margin-top: 0;
    text-align: center;
    -webkit-filter: drop-shadow(0 0 calc(8 * var(--u)) rgba(2, 9, 22, 0.6));
            filter: drop-shadow(0 0 calc(8 * var(--u)) rgba(2, 9, 22, 0.6));
  }
  .container-index .page3 .page3-feature__nav {
    display: none;
  }
  .container-index .page3 .page3-dots {
    margin-top: 0;
  }
  .container-index .page3 .page3-region {
    --gallery-width: calc(880 * var(--u));
    margin-top: calc(40 * var(--u));
    padding-top: calc(80 * var(--u));
    padding-bottom: calc(80 * var(--u));
  }
  .container-index .page3 .page3-region__gallery {
    margin-top: calc(20 * var(--u));
  }
  .container-index .page3 .page3-region__desc {
    margin-top: calc(4 * var(--u));
  }
  .container-index .page3 .page3-region__img,
  .container-index .page3 .page3-region__video {
    height: calc(494 * var(--u));
    border-radius: calc(4 * var(--u));
  }
  .container-index .page3 .page3-region__thumbs {
    height: calc(88 * var(--u));
    margin-top: calc(12 * var(--u));
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .container-index .page3 .page3-region__counter,
  .container-index .page3 .page3-region__name {
    padding: 0 calc(8 * var(--u));
  }
  .container-index .page3 .page3-sky {
    margin-top: 0;
    height: calc(1040 * var(--u));
  }
  .container-index .page3 .page3-sky::before {
    top: calc(-1991 * var(--u));
    bottom: 0;
    height: auto;
    background: url(https://wow.res.netease.com/pc/zt/20260911203232/assets/skyborne-bg_c6809a06.png) center bottom / 100% auto no-repeat;
  }
  .container-index .page3 .page3-sky__clouds {
    display: none;
  }
  .container-index .page3 .page3-sky__inner {
    width: calc(880 * var(--u));
    height: auto;
    padding-top: calc(40 * var(--u));
  }
  .container-index .page3 .page3-sky__text {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    width: 100%;
    padding-bottom: 0;
  }
  .container-index .page3 .page3-sky__kicker {
    color: #225977;
  }
  .container-index .page3 .page3-sky__desc {
    margin-top: calc(4 * var(--u));
    width: calc(409 * var(--u));
  }
}
@media screen and (max-width: 450px) {
  .container-index .page3 {
    --u: calc(100vw / 375);
    container-type: inline-size;
    --page3-bottom-gap: 0;
    -webkit-mask-box-image: none;
    -webkit-mask-box-image-source: none;
            mask-border-source: none;
    margin-bottom: 0;
    background: url(https://wow.res.netease.com/pc/zt/20260911203232/assets/bg-blue-section_1303b5c4.jpg) center top / 100% 100% no-repeat;
    min-height: calc(1937 * var(--u));
    padding: 0;
  }
  @supports (width: 1cqw) {
    .container-index .page3 {
      --u: calc(100cqw / 375);
    }
  }
  .container-index .page3 .page3-inner {
    gap: calc(30 * var(--u));
    width: calc(343 * var(--u));
  }
  .container-index .page3 .page3-head {
    height: calc(170 * var(--u));
    margin-bottom: calc(30 * var(--u));
    padding-top: calc(40 * var(--u));
  }
  .container-index .page3 .page3-head__kicker {
    -webkit-filter: none;
            filter: none;
  }
  .container-index .page3 .page3-head__title {
    margin-top: 0;
    font-size: calc(24 * var(--u));
    line-height: 2;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#f3eee2), to(#e2c2ab));
    background-image: linear-gradient(#f3eee2 0%, #e2c2ab 100%);
    -webkit-filter: drop-shadow(0 calc(2 * var(--u)) calc(6.8 * var(--u)) rgba(35, 18, 6, 0.5));
            filter: drop-shadow(0 calc(2 * var(--u)) calc(6.8 * var(--u)) rgba(35, 18, 6, 0.5));
  }
  .container-index .page3 .page3-head__desc {
    margin-top: calc(4 * var(--u));
    font-size: calc(16 * var(--u));
    line-height: calc(26 * var(--u));
    -webkit-filter: none;
            filter: none;
  }
  .container-index .page3 .page3-tabs {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    height: calc(58 * var(--u));
    margin-top: 0;
    padding: calc(8 * var(--u)) 0;
    gap: 0;
    overflow-x: auto;
    scrollbar-width: none;
    mask-image: -webkit-gradient(linear, left top, right top, from(#000), color-stop(93.15%, #000), to(transparent));
    mask-image: linear-gradient(to right, #000 0%, #000 93.15%, transparent 100%);
    -webkit-mask-image: -webkit-gradient(linear, left top, right top, from(#000), color-stop(93.15%, #000), to(transparent));
    -webkit-mask-image: linear-gradient(to right, #000 0%, #000 93.15%, transparent 100%);
  }
  .container-index .page3 .page3-tabs::-webkit-scrollbar {
    display: none;
  }
  .container-index .page3 .page3-tabs__row {
    -webkit-box-flex: 0;
    -webkit-flex: none;
        -ms-flex: none;
            flex: none;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    height: calc(42 * var(--u));
  }
  .container-index .page3 .page3-tab {
    padding: 0 calc(16 * var(--u));
  }
  .container-index .page3 .page3-tab__text {
    text-shadow: none;
  }
  .container-index .page3 .page3-feature {
    height: calc(340 * var(--u));
    margin-top: 0;
  }
  .container-index .page3 .page3-feature::before {
    width: 100%;
    height: calc(192.4 * var(--u));
    border-radius: calc(4 * var(--u));
    -webkit-box-shadow: 0 0 calc(93.47 * var(--u)) calc(17.68 * var(--u)) rgba(2, 10, 22, 0.8);
            box-shadow: 0 0 calc(93.47 * var(--u)) calc(17.68 * var(--u)) rgba(2, 10, 22, 0.8);
  }
  .container-index .page3 .page3-feature__swiper {
    height: calc(340 * var(--u));
  }
  .container-index .page3 .page3-feature__slide {
    gap: calc(17.6 * var(--u));
  }
  .container-index .page3 .page3-feature__media {
    -webkit-align-self: flex-start;
        -ms-flex-item-align: start;
            align-self: flex-start;
    width: calc(342 * var(--u));
    height: calc(192.4 * var(--u));
    border-radius: calc(4 * var(--u));
  }
  .container-index .page3 .page3-feature__text {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    height: calc(130 * var(--u));
    padding: 0;
    gap: calc(4 * var(--u));
  }
  .container-index .page3 .page3-feature__name {
    font-size: calc(24 * var(--u));
    -webkit-filter: drop-shadow(calc(1 * var(--u)) 0 calc(8.2 * var(--u)) rgba(35, 18, 6, 0.5));
            filter: drop-shadow(calc(1 * var(--u)) 0 calc(8.2 * var(--u)) rgba(35, 18, 6, 0.5));
  }
  .container-index .page3 .page3-feature__desc {
    font-size: calc(16 * var(--u));
    line-height: calc(26 * var(--u));
    -webkit-filter: none;
            filter: none;
  }
  .container-index .page3 .page3-region {
    --gallery-width: 100%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    height: calc(470 * var(--u));
    margin-top: 0;
    padding-top: calc(40 * var(--u));
    padding-bottom: 0;
  }
  .container-index .page3 .page3-region__head {
    height: calc(132 * var(--u));
  }
  .container-index .page3 .page3-region__kicker {
    -webkit-filter: none;
            filter: none;
  }
  .container-index .page3 .page3-region__title {
    font-size: calc(24 * var(--u));
    background-image: -webkit-gradient(linear, left top, left bottom, from(#f3eee2), to(#e2c2ab));
    background-image: linear-gradient(#f3eee2 0%, #e2c2ab 100%);
    -webkit-filter: drop-shadow(calc(1 * var(--u)) 0 calc(8.2 * var(--u)) rgba(35, 18, 6, 0.5));
            filter: drop-shadow(calc(1 * var(--u)) 0 calc(8.2 * var(--u)) rgba(35, 18, 6, 0.5));
  }
  .container-index .page3 .page3-region__desc {
    font-size: calc(16 * var(--u));
    line-height: calc(24 * var(--u));
    -webkit-filter: none;
            filter: none;
  }
  .container-index .page3 .page3-region__gallery {
    margin-top: calc(16 * var(--u));
  }
  .container-index .page3 .page3-region__swiper {
    border-radius: calc(4 * var(--u));
    -webkit-box-shadow: 0 0 calc(28.3 * var(--u)) #000000;
            box-shadow: 0 0 calc(28.3 * var(--u)) #000000;
  }
  .container-index .page3 .page3-region__img,
  .container-index .page3 .page3-region__video {
    height: calc(200 * var(--u));
    border-radius: calc(4 * var(--u));
  }
  .container-index .page3 .page3-region__play-icon {
    width: calc(29 * var(--u));
    height: calc(36 * var(--u));
  }
  .container-index .page3 .page3-region__frame-deco {
    background: url(https://wow.res.netease.com/pc/zt/20260911203232/assets/decor-gallery-frame_3a6660b9.png) center / 100% 100% no-repeat;
  }
  .container-index .page3 .page3-region__nav {
    display: none;
  }
  .container-index .page3 .page3-region__overlay {
    bottom: calc(12 * var(--u));
    gap: calc(8 * var(--u));
  }
  .container-index .page3 .page3-region__counter,
  .container-index .page3 .page3-region__name {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    height: calc(29 * var(--u));
    padding: calc(6 * var(--u)) calc(8 * var(--u)) calc(4 * var(--u));
    border-width: calc(1 * var(--u));
    border-radius: calc(4 * var(--u));
  }
  .container-index .page3 .page3-region__thumbs {
    height: calc(70 * var(--u));
    margin-top: calc(12 * var(--u));
    overflow-x: auto;
    scrollbar-width: none;
    mask-image: -webkit-gradient(linear, left top, right top, from(#000), color-stop(93.15%, #000), to(transparent));
    mask-image: linear-gradient(to right, #000 0%, #000 93.15%, transparent 100%);
    -webkit-mask-image: -webkit-gradient(linear, left top, right top, from(#000), color-stop(93.15%, #000), to(transparent));
    -webkit-mask-image: linear-gradient(to right, #000 0%, #000 93.15%, transparent 100%);
  }
  .container-index .page3 .page3-region__thumbs::-webkit-scrollbar {
    display: none;
  }
  .container-index .page3 .page3-region__thumb {
    -webkit-box-flex: 0;
    -webkit-flex: none;
        -ms-flex: none;
            flex: none;
    width: calc(120 * var(--u));
    height: calc(70 * var(--u));
  }
  .container-index .page3 .page3-region__thumb-play {
    right: calc(6 * var(--u));
    bottom: calc(5 * var(--u));
  }
  .container-index .page3 .page3-sky {
    width: calc(343 * var(--u));
    height: calc(702 * var(--u));
    margin: calc(30 * var(--u)) auto 0;
  }
  .container-index .page3 .page3-sky::before {
    display: none;
  }
  .container-index .page3 .page3-sky__inner {
    width: 100%;
    padding-top: calc(40 * var(--u));
  }
  .container-index .page3 .page3-sky__text {
    width: 100%;
  }
  .container-index .page3 .page3-sky__kicker {
    color: #235a77;
  }
  .container-index .page3 .page3-sky__title {
    font-size: calc(30 * var(--u));
  }
  .container-index .page3 .page3-sky__desc {
    width: 100%;
    font-size: calc(16 * var(--u));
    line-height: calc(26 * var(--u));
  }
}
@-webkit-keyframes page3-cloud-opacity {
  0% {
    opacity: 0;
  }
  20% {
    opacity: 0.3;
  }
  50% {
    opacity: 0.7;
  }
  80% {
    opacity: 0.3;
  }
  100% {
    opacity: 0;
  }
}
@keyframes page3-cloud-opacity {
  0% {
    opacity: 0;
  }
  20% {
    opacity: 0.3;
  }
  50% {
    opacity: 0.7;
  }
  80% {
    opacity: 0.3;
  }
  100% {
    opacity: 0;
  }
}
@-webkit-keyframes page3-cloud-transform {
  0% {
    -webkit-transform: scale(1) translateX(0) rotateZ(var(--rotate));
            transform: scale(1) translateX(0) rotateZ(var(--rotate));
  }
  100% {
    -webkit-transform: scale(1.1) translateX(var(--speed)) rotateZ(calc(var(--rotate) + var(--rotate-delta)));
            transform: scale(1.1) translateX(var(--speed)) rotateZ(calc(var(--rotate) + var(--rotate-delta)));
  }
}
@keyframes page3-cloud-transform {
  0% {
    -webkit-transform: scale(1) translateX(0) rotateZ(var(--rotate));
            transform: scale(1) translateX(0) rotateZ(var(--rotate));
  }
  100% {
    -webkit-transform: scale(1.1) translateX(var(--speed)) rotateZ(calc(var(--rotate) + var(--rotate-delta)));
            transform: scale(1.1) translateX(var(--speed)) rotateZ(calc(var(--rotate) + var(--rotate-delta)));
  }
}
@media (prefers-reduced-motion: reduce) {
  .container-index .page3-sky__cloud {
    -webkit-animation-play-state: paused;
            animation-play-state: paused;
  }
}
.container-index .page4 {
  --u: clamp(0.75px, calc(100vw / 1920), 1.3333px);
  --pack-gold-a: #eedfcd;
  --pack-gold-b: #d3b89d;
  --pack-gold-c: #d7b89a;
  --pack-gold-d: #d3bea9;
  --pack-ink: #402d1a;
  --pack-shadow-a: rgba(64, 45, 26, 0.8);
  --pack-shadow-b: rgba(64, 45, 26, 0.3);
  --pack-body: rgba(255, 255, 255, 0.72);
  --pack-hairline: rgba(255, 255, 255, 0.18);
  --pack-stripe: rgba(255, 255, 255, 0.05);
  position: relative;
  z-index: 10;
  width: 100%;
  max-width: 2560px;
  margin: 0 auto;
  background: #79613e url(https://wow.res.netease.com/pc/zt/20260911203232/assets/pack-bg_045186fd.jpg) center top / cover no-repeat;
  font-family: "fzlth", sans-serif;
}
.container-index .page4::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 0;
  height: calc(1461 * var(--u));
  background: url(https://wow.res.netease.com/pc/zt/20260911203232/assets/pack-bottom_065d480c.png) center bottom / calc(1920 * var(--u)) auto no-repeat;
  opacity: 0.7;
  pointer-events: none;
}
.container-index .page4-inner {
  position: relative;
  z-index: 1;
  width: calc(1920 * var(--u));
  max-width: 100%;
  margin: 0 auto;
}
.container-index .page4 .pack-head {
  text-align: center;
}
.container-index .page4 .pack-kicker {
  font-size: calc(16 * var(--u));
  line-height: 1.6;
  color: #f1e8d9;
  text-shadow: calc(1 * var(--u)) 0 calc(8 * var(--u)) var(--pack-shadow-a);
  font-family: "FZLanTingHeiS-B-GB", sans-serif;
}
.container-index .page4 .pack-title {
  margin-top: calc(6 * var(--u));
  font-size: calc(40 * var(--u));
  line-height: 1.6;
  text-align: center;
  background: -webkit-gradient(linear, left top, left bottom, from(var(--pack-gold-a)), color-stop(58%, var(--pack-gold-b)), color-stop(76%, var(--pack-gold-c)), to(var(--pack-gold-d)));
  background: linear-gradient(180deg, var(--pack-gold-a) 0%, var(--pack-gold-b) 58%, var(--pack-gold-c) 76%, var(--pack-gold-d) 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-filter: drop-shadow(0 0 calc(8 * var(--u)) rgba(64, 45, 26, 0.8)) drop-shadow(0 calc(1 * var(--u)) calc(4 * var(--u)) rgba(64, 45, 26, 0.3));
          filter: drop-shadow(0 0 calc(8 * var(--u)) rgba(64, 45, 26, 0.8)) drop-shadow(0 calc(1 * var(--u)) calc(4 * var(--u)) rgba(64, 45, 26, 0.3));
  font-family: "FZLanTingHeiS-B-GB", sans-serif;
}
.container-index .page4 .pack-desc {
  margin-top: calc(4 * var(--u));
  font-size: calc(18 * var(--u));
  line-height: 1.6;
  color: var(--pack-body);
  text-align: center;
  text-shadow: calc(1 * var(--u)) 0 calc(8 * var(--u)) var(--pack-shadow-a);
}
.container-index .page4 .news {
  display: none;
  --news-line: #5a5d70;
  --news-frame: rgba(90, 93, 112, 0.4);
  --news-accent: #f7b90a;
  --news-body: #f3eee2;
  position: relative;
  padding-top: calc(200 * var(--u));
  padding-bottom: calc(80 * var(--u));
}
.container-index .page4 .news-heading {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: calc(1400 * var(--u));
  height: calc(152 * var(--u));
  margin: 0 auto calc(32 * var(--u));
}
@media screen and (min-width: 1201px) {
  .container-index .page4 .news-heading {
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
.container-index .page4 .news-heading__title {
  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;
  gap: calc(8 * var(--u));
  height: calc(92 * var(--u));
}
.container-index .page4 .news-heading__icon {
  -webkit-box-flex: 0;
  -webkit-flex: none;
      -ms-flex: none;
          flex: none;
  width: calc(64 * var(--u));
  height: calc(64 * var(--u));
  background: url(https://wow.res.netease.com/pc/zt/20260911203232/assets/icon-wow_58ea3acd.png) center / cover no-repeat;
  -webkit-filter: drop-shadow(0 0 calc(15.4545 * var(--u)) rgba(0, 0, 0, 0.45));
          filter: drop-shadow(0 0 calc(15.4545 * var(--u)) rgba(0, 0, 0, 0.45));
}
.container-index .page4 .news-heading__text {
  color: #fff;
  white-space: nowrap;
  font-size: calc(60 * var(--u));
  line-height: calc(72 * var(--u));
  padding-bottom: calc(12 * var(--u));
  -webkit-filter: drop-shadow(calc(1 * var(--u)) 0 calc(23 * var(--u)) rgba(35, 18, 6, 0.5)) drop-shadow(0 calc(1 * var(--u)) calc(4 * var(--u)) rgba(0, 0, 0, 0.4));
          filter: drop-shadow(calc(1 * var(--u)) 0 calc(23 * var(--u)) rgba(35, 18, 6, 0.5)) drop-shadow(0 calc(1 * var(--u)) calc(4 * var(--u)) rgba(0, 0, 0, 0.4));
  font-family: "Noto Sans SC", "Microsoft YaHei", "PingFang SC", "Noto Sans CJK", sans-serif;
  font-weight: 500;
}
.container-index .page4 .news-heading__text.is-m {
  display: none;
}
.container-index .page4 .news-head {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  width: calc(1400 * var(--u));
  height: calc(473 * var(--u));
  margin: 0 auto;
  overflow: hidden;
  border: 1px solid var(--news-frame);
  background: #1d1d1d;
}
.container-index .page4 .head-left {
  -webkit-box-flex: 0;
  -webkit-flex: none;
      -ms-flex: none;
          flex: none;
  width: calc(839 * var(--u));
  height: 100%;
}
.container-index .page4 .head-right {
  -webkit-box-flex: 0;
  -webkit-flex: none;
      -ms-flex: none;
          flex: none;
  width: calc(559 * var(--u));
  padding: calc(111 * var(--u)) calc(18.8 * var(--u)) 0 calc(40 * var(--u));
}
.container-index .page4 .head-right .title {
  display: -webkit-box;
  overflow: hidden;
  font-size: calc(36 * var(--u));
  line-height: 1.6;
  color: #fff;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  font-family: "FZLanTingHeiS-B-GB", sans-serif;
}
.container-index .page4 .head-right .intro {
  display: -webkit-box;
  overflow: hidden;
  margin-top: calc(10 * var(--u));
  font-size: calc(20 * var(--u));
  line-height: calc(32 * var(--u));
  color: var(--news-body);
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  font-family: "fzlth", sans-serif;
}
.container-index .page4 .head-right .btn {
  position: relative;
  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;
  gap: calc(6 * var(--u));
  margin: calc(31 * var(--u)) calc(17 * var(--u)) 0 auto;
  padding: 0;
  border: 0;
  background: none;
  color: var(--news-accent);
  font-size: calc(16 * var(--u));
  line-height: 1.2;
  cursor: pointer;
}
.container-index .page4 .news-four {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: calc(25 * var(--u));
  width: calc(1400 * var(--u));
  margin: calc(24 * var(--u)) auto 0;
}
.container-index .page4 .news-four-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 0;
      -ms-flex: 1 1 0px;
          flex: 1 1 0;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  min-width: 0;
  padding-bottom: calc(17 * var(--u));
  border: 1px solid var(--news-line);
  background: #1e1e1e;
  cursor: pointer;
}
.container-index .page4 .news-four .itemImage {
  -webkit-box-flex: 0;
  -webkit-flex: none;
      -ms-flex: none;
          flex: none;
  aspect-ratio: 1.77777778;
  overflow: hidden;
  border-bottom: 1px solid var(--news-line);
}
.container-index .page4 .news-four .itemTitle {
  display: -webkit-box;
  overflow: hidden;
  min-height: calc(50.4 * var(--u));
  margin: calc(20 * var(--u)) calc(20 * var(--u)) 0;
  font-size: calc(18 * var(--u));
  line-height: 1.4;
  color: #fff;
  word-break: break-word;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  font-family: "FZLanTingHeiS-B-GB", sans-serif;
}
.container-index .page4 .news-four .itemTime {
  margin: calc(15 * var(--u)) calc(20 * var(--u)) 0;
  color: var(--pack-body);
  font-size: calc(16 * var(--u));
  line-height: 1.33;
  text-shadow: 0 calc(1 * var(--u)) calc(2 * var(--u)) rgba(0, 0, 0, 0.8);
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.container-index .page4 .looknewsMore {
  margin-top: calc(31 * var(--u));
  text-align: center;
}
.container-index .page4 .looknewsMore .btn {
  position: relative;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-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;
  width: calc(176 * var(--u));
  height: calc(56 * var(--u));
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  border: var(--semantic-border-size-sm, 1px) solid #777;
  border-radius: var(--semantic-border-radius-xs, 2px);
  background-color: #003436;
  background-image: radial-gradient(123.22% 115.04% at 58.26% 50%, #fff 0%, rgba(255, 255, 255, 0) 100%), url(https://wow.res.netease.com/pc/zt/20260911203232/assets/textureseamless_7f34a550.jpg);
  background-blend-mode: overlay, soft-light;
  background-size: auto, auto 100%;
  background-repeat: repeat-x, repeat-x;
  -webkit-box-shadow: 0 calc(4 * var(--u)) calc(16 * var(--u)) 0 rgba(35, 18, 6, 0.4);
          box-shadow: 0 calc(4 * var(--u)) calc(16 * var(--u)) 0 rgba(35, 18, 6, 0.4);
  border-radius: calc(4 * var(--u));
}
.container-index .page4 .looknewsMore .btn .btn-label {
  font-size: calc(16 * var(--u));
  color: #fff5e8;
  font-family: "FZLanTingHeiS-B-GB", sans-serif;
}
.container-index .page4 .looknewsMore .btn:hover {
  -webkit-filter: brightness(1.1);
          filter: brightness(1.1);
}
.container-index .page4 .looknewsMore .btn-icon {
  display: none;
}
.container-index .page4 .btn-icon {
  -webkit-box-flex: 0;
  -webkit-flex: none;
      -ms-flex: none;
          flex: none;
  width: calc(24 * var(--u));
  height: calc(24 * var(--u));
  background: url(https://wow.res.netease.com/pc/zt/20260911203232/assets/icon-arrow-right_f0905d37.png) center / calc(18 * var(--u)) calc(13 * var(--u)) no-repeat;
}
.container-index .page4 .imgs {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.container-index .page4 .pack-content {
  padding-top: calc(200 * var(--u));
}
.container-index .page4 .pack-content__body {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: calc(24 * var(--u));
  width: calc(1600 * var(--u));
  margin: calc(80 * var(--u)) auto 0;
}
.container-index .page4 .pack-video {
  position: relative;
  -webkit-box-flex: 0;
  -webkit-flex: none;
      -ms-flex: none;
          flex: none;
  width: calc(788 * var(--u));
  height: calc(443 * var(--u));
  border-radius: calc(4 * var(--u));
  -webkit-filter: drop-shadow(calc(2.43655 * var(--u)) 0 calc(56.0406 * var(--u)) #231206);
          filter: drop-shadow(calc(2.43655 * var(--u)) 0 calc(56.0406 * var(--u)) #231206);
  cursor: pointer;
  overflow: hidden;
}
.container-index .page4 .pack-video:not(.is-video-ready) {
  cursor: default;
}
.container-index .page4 .pack-video__cover,
.container-index .page4 .pack-video__mask {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.container-index .page4 .pack-video__mask {
  pointer-events: none;
}
.container-index .page4 .pack-video__play {
  position: absolute;
  top: 50%;
  left: 50%;
  width: calc(156 * var(--u));
  height: calc(155 * var(--u));
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.container-index .page4 .pack-acc {
  -webkit-box-flex: 0;
  -webkit-flex: none;
      -ms-flex: none;
          flex: none;
  width: calc(788 * var(--u));
  padding-top: calc(35 * var(--u));
  margin: 0;
  list-style: none;
}
.container-index .page4 .pack-acc__item {
  padding: calc(16 * var(--u)) 0;
  border-bottom: 1px solid var(--pack-hairline);
}
.container-index .page4 .pack-acc__head {
  position: relative;
  display: block;
  width: 100%;
  padding: 0 calc(40 * var(--u)) 0 0;
  border: 0;
  background: none;
  text-align: left;
  cursor: pointer;
}
.container-index .page4 .pack-acc__title {
  display: block;
  font-size: calc(24 * var(--u));
  line-height: 1.6;
  color: var(--pack-body);
  text-shadow: calc(1 * var(--u)) 0 calc(8 * var(--u)) var(--pack-shadow-a);
  font-family: "FZLanTingHeiS-B-GB", sans-serif;
}
.container-index .page4 .pack-acc__title.is-open {
  color: #fff;
}
.container-index .page4 .pack-acc__arrow {
  position: absolute;
  top: calc(7 * var(--u));
  right: 0;
  width: calc(24 * var(--u));
  height: calc(24 * var(--u));
}
.container-index .page4 .pack-acc__desc {
  margin-top: calc(16 * var(--u));
  font-size: calc(18 * var(--u));
  line-height: 1.6;
  color: var(--pack-body);
  text-shadow: calc(1 * var(--u)) 0 calc(8 * var(--u)) var(--pack-shadow-a);
}
.container-index .page4 .pack-buy {
  padding-top: calc(144 * var(--u));
}
.container-index .page4 .pack-table {
  width: calc(1600 * var(--u));
  margin: calc(80 * var(--u)) auto 0;
}
.container-index .page4 .pack-cards {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: calc(30 * var(--u));
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  padding: calc(12 * var(--u)) 0 calc(14 * var(--u));
  border-radius: calc(4 * var(--u));
}
.container-index .page4 .pack-card {
  -webkit-box-flex: 0;
  -webkit-flex: none;
      -ms-flex: none;
          flex: none;
}
.container-index .page4 .pack-card__art {
  width: calc(520 * var(--u));
  height: calc(294 * var(--u));
  margin: 0 auto;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.container-index .page4 .pack-card__name {
  margin-top: calc(16 * var(--u));
  font-size: calc(20 * var(--u));
  line-height: 1.6;
  color: #fff;
  text-align: center;
  text-transform: uppercase;
  font-family: "FZLanTingHeiS-B-GB", sans-serif;
}
.container-index .page4 .pack-card__buy {
  position: relative;
  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;
  width: calc(520 * var(--u));
  height: calc(72 * var(--u));
  margin: calc(14 * var(--u)) auto 0;
  text-decoration: none;
  border: var(--semantic-border-size-sm, 1px) solid #777;
  border-radius: var(--semantic-border-radius-xs, 2px);
  background-color: #003436;
  background-image: radial-gradient(123.22% 115.04% at 58.26% 50%, #fff 0%, rgba(255, 255, 255, 0) 100%), url(https://wow.res.netease.com/pc/zt/20260911203232/assets/textureseamless_7f34a550.jpg);
  background-blend-mode: overlay, soft-light;
  background-size: auto, auto 100%;
  background-repeat: repeat-x, repeat-x;
  -webkit-box-shadow: 0 calc(4 * var(--u)) calc(16 * var(--u)) 0 rgba(35, 18, 6, 0.4);
          box-shadow: 0 calc(4 * var(--u)) calc(16 * var(--u)) 0 rgba(35, 18, 6, 0.4);
}
.container-index .page4 .pack-card__buy-text {
  position: relative;
  font-size: calc(20 * var(--u));
  line-height: 1.6;
  color: #fff;
  text-shadow: calc(1 * var(--u)) 0 calc(23 * var(--u)) #231206;
  font-family: "FZLanTingHeiS-B-GB", sans-serif;
}
.container-index .page4 .pack-card__buy:hover {
  -webkit-filter: brightness(1.1);
          filter: brightness(1.1);
}
.container-index .page4 .pack-rows {
  margin-top: calc(-12 * var(--u));
}
.container-index .page4 .pack-row {
  display: grid;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  grid-template-columns: repeat(3, 1fr);
  height: calc(86 * var(--u));
  border-radius: calc(4 * var(--u));
}
.container-index .page4 .pack-row.is-striped {
  background: var(--pack-stripe);
}
.container-index .page4 .pack-row__label {
  padding: 0 calc(16 * var(--u));
  font-size: calc(16 * var(--u));
  line-height: 1.4;
  color: var(--pack-body);
}
.container-index .page4 .pack-row__cell {
  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;
}
.container-index .page4 .pack-row__cell img {
  width: calc(24 * var(--u));
  height: calc(24 * var(--u));
}
.container-index .page4 .pack-row__num {
  font-size: calc(20 * var(--u));
  line-height: calc(24 * var(--u));
  color: #fff;
  font-family: "FZLanTingHeiS-B-GB", sans-serif;
}
.container-index .page4 .pack-notes {
  width: calc(1600 * var(--u));
  margin: calc(50 * var(--u)) auto 0;
  font-size: calc(14 * var(--u));
  line-height: 1.6;
  color: #f3eee2;
  text-shadow: calc(1 * var(--u)) 0 calc(8 * var(--u)) var(--pack-shadow-a);
  font-family: "FZLanTingHeiS-R-GB", sans-serif;
  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;
  gap: calc(8 * var(--u));
}
.container-index .page4 .pack-notes p {
  margin: 0;
}
.container-index .page4 .pack-notes__link {
  color: #f7b90a;
  text-decoration: none;
}
.container-index .page4 .pack-notes__link:hover {
  color: #ffec71;
}
.container-index .page4 .pack-cta {
  padding-top: calc(208 * var(--u));
  padding-bottom: calc(187 * var(--u));
  text-align: center;
}
.container-index .page4 .pack-cta__desc {
  width: calc(1049 * var(--u));
  margin: calc(4 * var(--u)) auto 0;
  font-size: calc(16 * var(--u));
  line-height: 1.6;
  color: var(--pack-body);
  text-shadow: calc(1 * var(--u)) 0 calc(8 * var(--u)) var(--pack-shadow-a);
}
.container-index .page4 .pack-cta__btn {
  position: relative;
  display: inline-block;
  width: calc(243 * var(--u));
  height: calc(58 * var(--u));
  margin-top: calc(24 * var(--u));
  text-decoration: none;
  border: var(--semantic-border-size-sm, 1px) solid #777;
  border-radius: var(--semantic-border-radius-xs, 2px);
  background-color: #003436;
  background-image: radial-gradient(123.22% 115.04% at 58.26% 50%, #fff 0%, rgba(255, 255, 255, 0) 100%), url(https://wow.res.netease.com/pc/zt/20260911203232/assets/textureseamless_7f34a550.jpg);
  background-blend-mode: overlay, soft-light;
  background-size: auto, auto 100%;
  background-repeat: repeat-x, repeat-x;
  -webkit-box-shadow: 0 calc(4 * var(--u)) calc(16 * var(--u)) 0 rgba(35, 18, 6, 0.4);
          box-shadow: 0 calc(4 * var(--u)) calc(16 * var(--u)) 0 rgba(35, 18, 6, 0.4);
}
.container-index .page4 .pack-cta__btn-icon {
  position: absolute;
  top: 0;
  left: calc(52 * var(--u));
  width: calc(70 * var(--u));
  height: calc(58 * var(--u));
}
.container-index .page4 .pack-cta__btn-text {
  position: absolute;
  top: calc(16 * var(--u));
  left: calc(106 * var(--u));
  font-size: calc(16 * var(--u));
  line-height: 1.6;
  color: #fff;
  white-space: nowrap;
  text-shadow: calc(1 * var(--u)) 0 calc(23 * var(--u)) #000;
  font-family: "FZLanTingHeiS-B-GB", sans-serif;
}
.container-index .page4 .pack-cta__btn:hover {
  -webkit-filter: brightness(1.1);
          filter: brightness(1.1);
}
@media screen and (max-width: 1200px) {
  .container-index .page4 {
    --u: clamp(0.390625px, calc(100vw / 960), 1px);
    container-type: inline-size;
    background: #bbbfbd url(https://wow.res.netease.com/pc/zt/20260911203232/assets/bg-tile_95a55651.jpg) left top repeat;
    background-blend-mode: multiply;
  }
  @supports (width: 1cqw) {
    .container-index .page4 {
      --u: clamp(0.390625px, calc(100cqw / 960), 1px);
    }
  }
  .container-index .page4::after {
    height: calc(1394 * var(--u));
    background: url(https://wow.res.netease.com/pc/zt/20260911203232/assets/bottom-bg_7e2da702.jpg) center bottom / 100% 100% no-repeat;
    -webkit-mask-image: url(https://wow.res.netease.com/pc/zt/20260911203232/assets/bottom-mask_fb4b2266.png);
    mask-image: url(https://wow.res.netease.com/pc/zt/20260911203232/assets/bottom-mask_fb4b2266.png);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    opacity: 1;
  }
  .container-index .page4-inner {
    width: 100%;
  }
  .container-index .page4 .news {
    padding-top: calc(150px + 80 * var(--u));
    padding-bottom: calc(160 * var(--u));
  }
  .container-index .page4 .news-heading {
    width: calc(880 * var(--u));
    height: calc(132 * var(--u));
  }
  .container-index .page4 .news-heading__title {
    gap: 0;
  }
  .container-index .page4 .news-heading__icon {
    width: calc(68 * var(--u));
    height: calc(68 * var(--u));
  }
  .container-index .page4 .news-heading__text {
    width: calc(244 * var(--u));
    padding-bottom: calc(0 * var(--u));
    text-align: center;
    margin-bottom: calc(6 * var(--u));
  }
  .container-index .page4 .news-head {
    gap: calc(20 * var(--u));
    width: calc(880 * var(--u));
    height: calc(426 * var(--u));
  }
  .container-index .page4 .head-left {
    width: calc(527.8 * var(--u));
  }
  .container-index .page4 .head-right {
    width: calc(331.2 * var(--u));
    padding: calc(20 * var(--u)) 0 calc(20 * var(--u)) calc(30 * var(--u));
  }
  .container-index .page4 .head-right .title {
    margin-top: calc(6 * var(--u));
  }
  .container-index .page4 .head-right .intro {
    margin-top: calc(10 * var(--u));
    -webkit-line-clamp: 6;
  }
  .container-index .page4 .head-right .btn {
    margin: calc(24 * var(--u)) 0 0 auto;
  }
  .container-index .page4 .news-four {
    gap: calc(24 * var(--u));
    width: calc(880 * var(--u));
    padding-bottom: calc(5 * var(--u));
  }
  .container-index .page4 .news-four-item {
    padding-bottom: calc(23 * var(--u));
  }
  .container-index .page4 .news-four .itemTime {
    color: #ebdec2;
  }
  .container-index .page4 .looknewsMore {
    margin-top: calc(25 * var(--u));
  }
  .container-index .page4 .pack-head {
    width: calc(880 * var(--u));
    margin-right: auto;
    margin-left: auto;
  }
  .container-index .page4 .pack-content {
    padding-top: calc(150px + 80 * var(--u));
    padding-bottom: calc(64 * var(--u));
  }
  .container-index .page4 .pack-content__body {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: calc(24 * var(--u));
    width: calc(880 * var(--u));
    margin-top: calc(80 * var(--u));
  }
  .container-index .page4 .pack-video {
    width: calc(880 * var(--u));
    height: calc(496 * var(--u));
  }
  .container-index .page4 .pack-video__play {
    width: calc(156 * var(--u));
    height: calc(156 * var(--u));
  }
  .container-index .page4 .pack-acc {
    width: calc(880 * var(--u));
    padding: calc(35 * var(--u)) 0 calc(26 * var(--u));
  }
  .container-index .page4 .pack-buy {
    padding-top: calc(85 * var(--u));
  }
  .container-index .page4 .pack-buy .pack-title {
    margin-top: calc(4 * var(--u));
  }
  .container-index .page4 .pack-buy .pack-desc {
    margin-top: calc(24 * var(--u));
  }
  .container-index .page4 .pack-table {
    width: calc(880 * var(--u));
    margin-top: calc(80 * var(--u));
  }
  .container-index .page4 .pack-cards {
    gap: calc(30 * var(--u));
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    padding: 0 0 calc(13 * var(--u));
    border-radius: 0;
    background: none;
  }
  .container-index .page4 .pack-card__art {
    width: calc(280 * var(--u));
    height: calc(158 * var(--u));
  }
  .container-index .page4 .pack-card__name {
    position: relative;
    z-index: 1;
    margin-top: calc(16 * var(--u));
    padding-bottom: calc(17 * var(--u));
    font-size: calc(20 * var(--u));
    line-height: 1.3;
    text-align: center;
    color: #fff;
  }
  .container-index .page4 .pack-card__buy {
    width: calc(280 * var(--u));
    height: calc(72 * var(--u));
    margin-top: calc(13 * var(--u));
  }
  .container-index .page4 .pack-rows {
    margin-top: calc(10 * var(--u));
  }
  .container-index .page4 .pack-row {
    grid-template-columns: minmax(0, calc(290 * var(--u))) calc(280 * var(--u)) calc(280 * var(--u));
    -webkit-column-gap: 0;
       -moz-column-gap: 0;
            column-gap: 0;
    height: auto;
    padding: calc(16 * var(--u)) 0;
  }
  .container-index .page4 .pack-row__label {
    width: calc(306 * var(--u));
    padding: calc(16 * var(--u)) 0 calc(16 * var(--u)) calc(16 * var(--u));
  }
  .container-index .page4 .pack-row__cell + .container-index .page4 .pack-row__cell {
    margin-left: calc(30 * var(--u));
  }
  .container-index .page4 .pack-notes {
    width: calc(880 * var(--u));
    margin-top: calc(40 * var(--u));
  }
  .container-index .page4 .pack-cta {
    padding: calc(160 * var(--u)) calc(56 * var(--u)) calc(200 * var(--u));
  }
  .container-index .page4 .pack-cta .pack-title {
    margin-top: 0;
    width: calc(848 * var(--u));
    margin-right: auto;
    margin-left: auto;
  }
  .container-index .page4 .pack-cta__desc {
    width: calc(848 * var(--u));
  }
  .container-index .page4 .pack-cta__btn {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-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;
    gap: 0;
  }
  .container-index .page4 .pack-cta__btn-icon {
    position: static;
    width: calc(39 * var(--u));
    height: calc(32 * var(--u));
  }
  .container-index .page4 .pack-cta__btn-text {
    position: static;
  }
  .container-index .page4 .news-heading,
  .container-index .page4 .news-head,
  .container-index .page4 .news-four,
  .container-index .page4 .pack-content__body,
  .container-index .page4 .pack-video,
  .container-index .page4 .pack-acc,
  .container-index .page4 .pack-table,
  .container-index .page4 .pack-rows,
  .container-index .page4 .pack-notes {
    max-width: 100%;
  }
}
@media screen and (max-width: 600px) {
  .container-index .page4 .news {
    --u: calc(100vw / 375);
    padding-top: calc(150px + 40 * var(--u));
    padding-bottom: calc(20 * var(--u));
  }
  .container-index .page4 .news-heading {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    width: calc(343 * var(--u));
    height: auto;
    margin-bottom: 0;
  }
  .container-index .page4 .news-heading__title {
    width: 100%;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 0;
    height: calc(62 * var(--u));
    margin-top: calc(33 * var(--u));
  }
  .container-index .page4 .news-heading__icon {
    width: calc(62 * var(--u));
    height: calc(62 * var(--u));
    background-image: url(https://wow.res.netease.com/pc/zt/20260911203232/assets/icon-wow-375_a38c50ad.png);
  }
  .container-index .page4 .news-heading__text {
    font-size: calc(30 * var(--u));
    line-height: 1.6;
    padding-bottom: calc(0 * var(--u));
    width: auto;
  }
  .container-index .page4 .news-heading__text.is-pc {
    display: none;
  }
  .container-index .page4 .news-heading__text.is-m {
    display: block;
  }
  .container-index .page4 .news-head {
    gap: 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    width: calc(343 * var(--u));
    height: auto;
  }
  .container-index .page4 .head-left {
    width: 100%;
    height: auto;
    aspect-ratio: 1.77777778;
  }
  .container-index .page4 .head-right {
    width: 100%;
    padding: calc(31 * var(--u)) calc(24 * var(--u)) calc(28 * var(--u));
  }
  .container-index .page4 .head-right .title {
    margin-top: 0;
    font-size: calc(24 * var(--u));
    line-height: calc(30 * var(--u));
  }
  .container-index .page4 .head-right .intro {
    font-size: calc(16 * var(--u));
    line-height: calc(24 * var(--u));
    color: var(--pack-body);
    -webkit-line-clamp: 5;
  }
  .container-index .page4 .head-right .btn {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: calc(4 * var(--u));
    width: calc(126 * var(--u));
    height: calc(37 * var(--u));
    margin: calc(25 * var(--u)) auto 0;
    padding: 0;
    border: 1px solid var(--news-accent);
    background: rgba(0, 0, 0, 0.3);
  }
  .container-index .page4 .news-four {
    gap: calc(13 * var(--u));
    width: calc(343 * var(--u));
    margin-top: calc(25 * var(--u));
    overflow-x: auto;
    cursor: -webkit-grab;
    cursor: grab;
    -ms-overflow-style: none;
    scrollbar-width: none;
  }
  .container-index .page4 .news-four::-webkit-scrollbar {
    width: 0;
    height: 0;
  }
  .container-index .page4 .news-four.is-dragging {
    cursor: -webkit-grabbing;
    cursor: grabbing;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
  }
  .container-index .page4 .news-four-item {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 calc(273 * var(--u));
        -ms-flex: 0 0 calc(273 * var(--u));
            flex: 0 0 calc(273 * var(--u));
    padding-bottom: calc(15.6 * var(--u));
    border-color: var(--news-frame);
  }
  .container-index .page4 .news-four .itemTitle {
    min-height: calc(68 * var(--u));
    font-size: calc(24 * var(--u));
    line-height: calc(34 * var(--u));
  }
  .container-index .page4 .news-four .itemTime {
    margin-top: calc(6 * var(--u));
    color: var(--news-accent);
    line-height: calc(22.4 * var(--u));
    text-align: right;
  }
  .container-index .page4 .looknewsMore {
    margin-top: calc(25 * var(--u));
  }
  .container-index .page4 .looknewsMore .btn-label {
    color: #fff;
    -webkit-filter: drop-shadow(calc(1 * var(--u)) 0 calc(23 * var(--u)) #231206);
            filter: drop-shadow(calc(1 * var(--u)) 0 calc(23 * var(--u)) #231206);
  }
}
@media screen and (max-width: 450px) {
  .container-index .page4 {
    --u: calc(100vw / 375);
    container-type: inline-size;
    background: #b4b09f url(https://wow.res.netease.com/pc/zt/20260911203232/assets/bg-tile_95a55651.jpg) left top repeat;
    background-blend-mode: multiply;
    min-height: calc(3920 * var(--u));
  }
  @supports (width: 1cqw) {
    .container-index .page4 {
      --u: calc(100cqw / 375);
    }
  }
  .container-index .page4::before {
    content: "";
    position: absolute;
    top: calc(-1 * var(--u));
    right: 0;
    left: 0;
    height: calc(1 * var(--u));
    background: #745e3a;
    pointer-events: none;
  }
  .container-index .page4::after {
    height: calc(670 * var(--u));
    background-image: url(https://wow.res.netease.com/pc/zt/20260911203232/assets/bottom-bg_7e2da702.jpg);
    background-repeat: no-repeat;
    background-position: calc(-397.3 * var(--u)) 0;
    background-size: calc(1169.6 * var(--u)) calc(802.5 * var(--u));
    -webkit-mask-image: url(https://wow.res.netease.com/pc/zt/20260911203232/assets/bottom-mask_fb4b2266.png);
    mask-image: url(https://wow.res.netease.com/pc/zt/20260911203232/assets/bottom-mask_fb4b2266.png);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: calc(1169.6 * var(--u)) calc(802.5 * var(--u));
    mask-size: calc(1169.6 * var(--u)) calc(802.5 * var(--u));
    -webkit-mask-position: calc(-397.3 * var(--u)) 0;
    mask-position: calc(-397.3 * var(--u)) 0;
    opacity: 0.7;
  }
  .container-index .page4 .news {
    padding-top: calc(40 * var(--u));
  }
  .container-index .page4 .news-heading__title {
    gap: calc(8 * var(--u));
    height: calc(48 * var(--u));
    margin-top: 0;
  }
  .container-index .page4 .news-heading__icon {
    width: calc(44 * var(--u));
    height: calc(44 * var(--u));
    -webkit-filter: drop-shadow(0 0 calc(10 * var(--u)) rgba(0, 0, 0, 0.45));
            filter: drop-shadow(0 0 calc(10 * var(--u)) rgba(0, 0, 0, 0.45));
  }
  .container-index .page4 .news-head {
    height: calc(472 * var(--u));
    margin-top: calc(20 * var(--u));
  }
  .container-index .page4 .news-four {
    padding-bottom: 0;
  }
  .container-index .page4 .pack-head {
    width: calc(343 * var(--u));
    margin: 0 auto;
  }
  .container-index .page4 .pack-content {
    padding: calc(120 * var(--u)) 0;
    min-height: calc(998 * var(--u));
  }
  .container-index .page4 .pack-content .pack-kicker {
    font-size: calc(14 * var(--u));
    line-height: calc(22 * var(--u));
  }
  .container-index .page4 .pack-content .pack-title {
    margin-top: calc(6 * var(--u));
    font-size: calc(30 * var(--u));
    line-height: calc(48 * var(--u));
  }
  .container-index .page4 .pack-content .pack-desc {
    margin-top: calc(4 * var(--u));
    font-size: calc(16 * var(--u));
    line-height: calc(26 * var(--u));
  }
  .container-index .page4 .pack-content__body {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: calc(24 * var(--u));
    width: calc(343 * var(--u));
    margin-top: calc(40 * var(--u));
  }
  .container-index .page4 .pack-video {
    width: calc(343 * var(--u));
    height: calc(192.4 * var(--u));
  }
  .container-index .page4 .pack-video__play {
    width: calc(64 * var(--u));
    height: calc(64 * var(--u));
  }
  .container-index .page4 .pack-acc {
    width: calc(343 * var(--u));
    height: calc(248 * var(--u));
    padding: 0;
  }
  .container-index .page4 .pack-acc__item {
    padding: 0 0 calc(16 * var(--u));
  }
  .container-index .page4 .pack-acc__title {
    font-size: calc(20 * var(--u));
    line-height: calc(32 * var(--u));
  }
  .container-index .page4 .pack-acc__arrow {
    top: calc(4 * var(--u));
  }
  .container-index .page4 .pack-acc__desc {
    margin-top: calc(12 * var(--u));
    font-size: calc(16 * var(--u));
    line-height: calc(26 * var(--u));
  }
  .container-index .page4 .pack-acc__item + .pack-acc__item {
    margin-top: calc(16 * var(--u));
  }
  .container-index .page4 .pack-buy {
    padding-top: calc(24 * var(--u));
    min-height: calc(2474 * var(--u));
  }
  .container-index .page4 .pack-buy .pack-kicker {
    font-size: calc(14 * var(--u));
    line-height: calc(22 * var(--u));
  }
  .container-index .page4 .pack-buy .pack-title {
    margin-top: calc(6 * var(--u));
    font-size: calc(24 * var(--u));
    line-height: calc(38 * var(--u));
  }
  .container-index .page4 .pack-buy .pack-desc {
    width: calc(335 * var(--u));
    min-height: calc(66 * var(--u));
    margin-top: calc(20 * var(--u));
    font-size: calc(14 * var(--u));
    line-height: calc(22 * var(--u));
  }
  .container-index .page4 .pack-table {
    width: calc(343 * var(--u));
    margin-top: calc(20 * var(--u));
  }
  .container-index .page4 .pack-cards {
    gap: calc(10 * var(--u));
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding: 0;
  }
  .container-index .page4 .pack-card {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 0;
        -ms-flex: 1 1 0px;
            flex: 1 1 0;
    min-width: 0;
  }
  .container-index .page4 .pack-card__art {
    width: 100%;
    height: calc(94 * var(--u));
  }
  .container-index .page4 .pack-card__name {
    margin-top: calc(12 * var(--u));
    padding-bottom: 0;
    font-size: calc(14 * var(--u));
    line-height: calc(15 * var(--u));
    text-align: center;
  }
  .container-index .page4 .pack-card__buy {
    width: 100%;
    height: calc(50 * var(--u));
    margin-top: calc(20 * var(--u));
  }
  .container-index .page4 .pack-card__buy-text {
    font-size: calc(16 * var(--u));
  }
  .container-index .page4 .pack-rows {
    margin-top: calc(20 * var(--u));
  }
  .container-index .page4 .pack-row {
    height: auto;
    grid-template-columns: repeat(2, 1fr);
    row-gap: calc(8 * var(--u));
    padding: 0;
  }
  .container-index .page4 .pack-row__label {
    grid-column-start: 1;
    grid-column-end: -1;
    width: auto;
    padding: calc(15 * var(--u)) calc(15 * var(--u)) 0;
    color: rgba(255, 255, 255, 0.7);
    font-size: calc(14 * var(--u));
    line-height: calc(19 * var(--u));
  }
  .container-index .page4 .pack-row__cell {
    height: calc(40 * var(--u));
  }
  .container-index .page4 .pack-row__num {
    font-size: calc(14 * var(--u));
    line-height: calc(16.7 * var(--u));
  }
  .container-index .page4 .pack-row__cell + .pack-row__cell {
    margin-left: 0;
  }
  .container-index .page4 .pack-notes {
    width: calc(343 * var(--u));
    margin-top: calc(40 * var(--u));
    color: var(--pack-body);
    font-size: calc(12 * var(--u));
    line-height: calc(19.2 * var(--u));
    gap: calc(8 * var(--u));
  }
  .container-index .page4 .pack-cta {
    padding: calc(120 * var(--u)) calc(16 * var(--u));
  }
  .container-index .page4 .pack-cta .pack-title {
    font-size: calc(30 * var(--u));
    width: auto;
    margin-right: 0;
  }
  .container-index .page4 .pack-cta__desc {
    width: calc(343 * var(--u));
    font-size: calc(14 * var(--u));
    line-height: calc(22 * var(--u));
  }
  .container-index .page4 .pack-cta__btn {
    display: block;
    margin: calc(32 * var(--u)) auto 0;
  }
  .container-index .page4 .pack-cta__btn-icon {
    position: absolute;
    top: calc(-2 * var(--u));
    left: calc(50.5 * var(--u));
    width: calc(70 * var(--u));
    height: calc(58 * var(--u));
    -webkit-clip-path: inset(calc(19 * var(--u)) calc(26 * var(--u)) calc(19.5 * var(--u)) calc(24 * var(--u)));
            clip-path: inset(calc(19 * var(--u)) calc(26 * var(--u)) calc(19.5 * var(--u)) calc(24 * var(--u)));
  }
  .container-index .page4 .pack-cta__btn-text {
    position: absolute;
    top: calc(16 * var(--u));
    left: calc(105.5 * var(--u));
  }
}
.cqgn-banner .cqgn {
  padding: 169px 160px 0;
}
.cqgn-banner .cqgn .small-title {
  font-family: "Microsoft YaHei", "PingFang SC", "Noto Sans CJK", "Noto Sans SC", sans-serif;
  color: #FFFFB5;
  text-align: center;
  font-size: 20px;
  line-height: 22.4px;
  padding-top: 24px;
}
.cqgn-banner .cqgn .title {
  text-align: center;
  font-size: 48px;
  line-height: 80px;
  letter-spacing: 0.96px;
  font-family: "Microsoft YaHei", "PingFang SC", "Noto Sans CJK", "Noto Sans SC", sans-serif;
  font-weight: bold;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(31.88%, #FFF16F), color-stop(55.1%, #F6C844), color-stop(75%, #FFBC02));
  background: linear-gradient(180deg, #FFF16F 31.88%, #F6C844 55.1%, #FFBC02 75%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.cqgn-banner .cqgn .tab {
  text-align: center;
  z-index: 22;
  margin: 97px auto 57px;
  white-space: nowrap;
  overflow-x: scroll;
  -ms-overflow-style: none;
  overflow: -moz-scrollbars-none;
  scrollbar-width: none;
  -webkit-mask-image: linear-gradient(to right, transparent, black 0, black calc(100% - 32px), transparent);
          mask-image: linear-gradient(to right, transparent, black 0, black calc(100% - 32px), transparent);
  -webkit-mask-size: 100%;
          mask-size: 100%;
  -webkit-mask-position: 0 0,
        100% 0;
          mask-position: 0 0,
        100% 0;
  -webkit-mask-repeat: no-repeat, no-repeat;
          mask-repeat: no-repeat, no-repeat;
}
.cqgn-banner .cqgn .tab::-webkit-scrollbar {
  width: 0 !important;
}
.cqgn-banner .cqgn .tab .tab-item {
  position: relative;
  display: inline-block;
  padding: 16px 20px 12px;
  color: rgba(255, 255, 255, 0.6);
  font-family: "Microsoft YaHei", "PingFang SC", "Noto Sans CJK", "Noto Sans SC", sans-serif;
  font-weight: bold;
  font-size: 2rem;
  letter-spacing: 4px;
  z-index: 2;
  cursor: pointer;
}
.cqgn-banner .cqgn .tab .tab-item:hover {
  color: #fff;
}
.cqgn-banner .cqgn .tab .tab-item.active {
  color: #fff;
}
.cqgn-banner .cqgn .tab .tab-item.active::after {
  content: '';
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 4px;
  background-color: #F6C844;
  border-radius: 4px;
}
.cqgn-banner .cqgn .tab.cqgn-tabs-main {
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  width: 1000px;
  display: -webkit-box;
  /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
  display: -moz-box;
  /* Firefox 17- */
  display: -webkit-flex;
  /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
  display: -moz-flex;
  /* Firefox 18+ */
  display: -ms-flexbox;
  /* IE 10 */
  /* Chrome 29+, Firefox 22+, IE 11+, Opera 12.1/17/18, Android 4.4+ */
  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;
}
.cqgn-banner .cqgn .content {
  position: relative;
  max-width: 1400px;
  margin: auto;
}
.cqgn-banner .cqgn .content .swiper-container {
  max-width: 1400px;
  overflow: hidden;
  margin: auto;
}
.cqgn-banner .cqgn .content .swiper-container .content-item {
  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;
  width: 100%;
  max-width: 1400px;
  margin: auto;
}
.cqgn-banner .cqgn .content .swiper-container .content-item.swiper-slide {
  opacity: 0;
}
.cqgn-banner .cqgn .content .swiper-container .content-item.swiper-slide-active {
  opacity: 1;
}
.cqgn-banner .cqgn .content .swiper-container .content-item .left {
  display: inline-block;
  width: 32.4%;
}
.cqgn-banner .cqgn .content .swiper-container .content-item .left .cqgn-sub-title {
  color: transparent;
  font-size: 1.5rem;
  letter-spacing: 1px;
  font-family: "Microsoft YaHei", "PingFang SC", "Noto Sans CJK", "Noto Sans SC", sans-serif;
  font-weight: bold;
  -webkit-filter: drop-shadow(2px 2px 4px black);
          filter: drop-shadow(2px 2px 4px black);
  background: -webkit-gradient(linear, left bottom, left top, color-stop(19.57%, rgba(255, 199, 133, 0.9)), color-stop(44.19%, rgba(250, 199, 47, 0.9)), color-stop(73.91%, rgba(255, 199, 133, 0.9))), #FFF;
  background: linear-gradient(0deg, rgba(255, 199, 133, 0.9) 19.57%, rgba(250, 199, 47, 0.9) 44.19%, rgba(255, 199, 133, 0.9) 73.91%), #FFF;
  -webkit-background-clip: text;
          background-clip: text;
}
.cqgn-banner .cqgn .content .swiper-container .content-item .left .cqgn-title {
  font-family: "Microsoft YaHei", "PingFang SC", "Noto Sans CJK", "Noto Sans SC", sans-serif;
  font-weight: bold;
  margin-top: 16px;
  color: #ffff;
  font-size: 2.5rem;
}
.cqgn-banner .cqgn .content .swiper-container .content-item .left .cqgn-text {
  margin-top: 25px;
  font-size: 1.66666667rem;
  line-height: 160%;
  opacity: 0.72;
}
.cqgn-banner .cqgn .content .swiper-container .content-item .right {
  position: relative;
  display: inline-block;
  width: 49%;
  margin-left: 43px;
}
.cqgn-banner .cqgn .content .swiper-container .content-item .right img {
  position: relative;
  z-index: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.cqgn-banner .cqgn .content .swiper-container .content-item .right .picture {
  top: 1px;
  -webkit-box-shadow: 0 0 37px 7px rgba(2, 10, 22, 0.3);
          box-shadow: 0 0 37px 7px rgba(2, 10, 22, 0.3);
}
.cqgn-banner .cqgn .content .swiper-container .content-item .right .border {
  position: absolute;
  left: 0;
  top: 0;
}
.cqgn-banner .cqgn .content .swiper-container .swiper-pagination,
.cqgn-banner .cqgn .content .swiper-container .swiper-pagination-cqgn {
  position: relative;
  margin: 59px auto 110px;
  text-align: center;
}
.cqgn-banner .cqgn .content .swiper-container .swiper-pagination .swiper-pagination-bullet,
.cqgn-banner .cqgn .content .swiper-container .swiper-pagination-cqgn .swiper-pagination-bullet {
  width: 12px;
  height: 12px;
  background-color: rgba(255, 255, 255, 0.3);
  -webkit-box-shadow: 0 0 6px 0 #130b06;
          box-shadow: 0 0 6px 0 #130b06;
  opacity: 1;
  margin: 0 6px;
}
.cqgn-banner .cqgn .content .swiper-container .swiper-pagination .swiper-pagination-bullet-active,
.cqgn-banner .cqgn .content .swiper-container .swiper-pagination-cqgn .swiper-pagination-bullet-active {
  background-color: #F6C844;
}
.cqgn-banner .cqgn .content .swiper-button-prev,
.cqgn-banner .cqgn .content .swiper-button-next {
  display: inline-block;
  cursor: pointer;
  margin-top: -162px;
  outline: 0 !important;
}
.cqgn-banner .cqgn .content .swiper-button-prev::before,
.cqgn-banner .cqgn .content .swiper-button-next::before {
  content: '';
  display: block;
  width: 176px;
  height: 176px;
  position: absolute;
  left: -60px;
  top: -60px;
}
.cqgn-banner .cqgn .content .swiper-button-prev:active,
.cqgn-banner .cqgn .content .swiper-button-next:active {
  margin-top: -162px;
}
.cqgn-banner .cqgn .content .swiper-button-prev {
  left: -95px;
  background: url(https://wow.res.netease.com/pc/zt/20260911203232/assets/sprite-a960c1_a960c1f6.png);background-size:435px 294px;
background-position:-137px -0px;
width:145px;
height:145px;

}
.cqgn-banner .cqgn .content .swiper-button-prev:hover {
  -webkit-filter: brightness(1.1);
          filter: brightness(1.1);
}
.cqgn-banner .cqgn .content .swiper-button-next {
  right: -95px;
  background: url(https://wow.res.netease.com/pc/zt/20260911203232/assets/sprite-a960c1_a960c1f6.png);background-size:435px 294px;
background-position:-286px -0px;
width:145px;
height:145px;

}
.cqgn-banner .cqgn .content .swiper-button-next:hover {
  -webkit-filter: brightness(1.1);
          filter: brightness(1.1);
}
@media screen and (max-width: 1280px) {
  .cqgn-banner .cqgn .tab.cqgn-tabs-main {
    width: 750px;
  }
}
@media screen and (max-width: 1200px) {
  .cqgn-banner .cqgn {
    padding: 200px 68px 0;
  }
  .cqgn-banner .cqgn .tab {
    margin: 100px auto 88px;
  }
  .cqgn-banner .cqgn .tab.cqgn-tabs-main {
    width: 600px;
  }
  .cqgn-banner .cqgn .tab .tab-item {
    font-size: 20px;
  }
  .cqgn-banner .cqgn .tab .tab-item.active::after {
    height: 4.6px;
  }
  .cqgn-banner .cqgn .content .swiper-container {
    max-width: 846px;
  }
  .cqgn-banner .cqgn .content .swiper-container .content-item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    max-width: 829px;
  }
  .cqgn-banner .cqgn .content .swiper-container .content-item .left,
  .cqgn-banner .cqgn .content .swiper-container .content-item .right {
    width: 100%;
    text-align: center;
  }
  .cqgn-banner .cqgn .content .swiper-container .content-item .left .cqgn-sub-title {
    margin-top: 33px;
  }
  .cqgn-banner .cqgn .content .swiper-container .content-item .left .cqgn-title {
    margin-top: 24px;
  }
  .cqgn-banner .cqgn .content .swiper-container .content-item .left .cqgn-text {
    margin-top: 28px;
  }
  .cqgn-banner .cqgn .content .swiper-container .content-item .right {
    position: relative;
    margin-left: 0;
  }
  .cqgn-banner .cqgn .content .swiper-container .content-item .right img {
    position: relative;
    z-index: 0;
  }
  .cqgn-banner .cqgn .content .swiper-container .content-item .right .border {
    position: absolute;
    left: 0;
    top: 0;
  }
  .cqgn-banner .cqgn .content .swiper-container .swiper-pagination {
    margin-top: 85px;
  }
  .cqgn-banner .cqgn .content .swiper-container .swiper-pagination-cqgn {
    margin-bottom: 140px;
  }
  .cqgn-banner .cqgn .content .swiper-button-prev,
  .cqgn-banner .cqgn .content .swiper-button-next {
    display: none;
    outline: 0 !important;
  }
}
@media screen and (max-width: 750px) {
  .cqgn-banner .cqgn {
    margin-top: 50px;
    padding: 0 32px;
  }
  .cqgn-banner .cqgn .small-title {
    font-size: 14px;
    line-height: 19px;
  }
  .cqgn-banner .cqgn .title {
    font-size: 26px;
    line-height: 25px;
    margin: 6px auto 0;
  }
  .cqgn-banner .cqgn .tab {
    margin: 41px auto 30px;
  }
  .cqgn-banner .cqgn .tab.cqgn-tabs-main {
    width: auto;
    display: block;
    -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
  }
  .cqgn-banner .cqgn .tab .tab-item {
    font-size: 16px;
  }
  .cqgn-banner .cqgn .content .swiper-container .content-item .left .cqgn-sub-title {
    margin-top: 30px;
    font-size: 12px;
  }
  .cqgn-banner .cqgn .content .swiper-container .content-item .left .cqgn-title {
    margin-top: 33px;
    font-size: 26px;
  }
  .cqgn-banner .cqgn .content .swiper-container .content-item .left .cqgn-text {
    margin-top: 13px;
    font-size: 14px;
  }
  .cqgn-banner .cqgn .content .swiper-container .swiper-pagination-cqgn {
    margin-bottom: 138px;
  }
  .cqgn-banner .cqgn .content .swiper-container .swiper-pagination,
  .cqgn-banner .cqgn .content .swiper-container .swiper-pagination-cqgn {
    margin-top: 55px;
  }
  .cqgn-banner .cqgn .content .swiper-container .swiper-pagination .swiper-pagination-bullet,
  .cqgn-banner .cqgn .content .swiper-container .swiper-pagination-cqgn .swiper-pagination-bullet {
    width: 12px;
    height: 12px;
  }
}
.container-stars {
  display: none;
  position: absolute;
  z-index: 1;
  width: 100%;
  height: 100%;
  overflow: hidden;
  pointer-events: none;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  border-radius: 5rem;
}
.container-stars .stars {
  position: relative;
  background: transparent;
  width: 30rem;
  height: 30rem;
}
.container-stars .stars::before {
  content: "";
  position: absolute;
  top: 5rem;
  left: -8rem;
  width: 100%;
  height: 100%;
  -webkit-animation: animStarRotate 45s ease-in-out infinite;
          animation: animStarRotate 45s ease-in-out infinite;
  background-image: radial-gradient(#fff 1px, transparent 1%);
  background-size: 50px 50px;
  opacity: 0.5;
}
.container-stars .stars::after {
  content: "";
  position: absolute;
  top: -10rem;
  left: -5rem;
  width: 100%;
  height: 100%;
  -webkit-animation: animStarCounterRotate 60s ease-out infinite;
          animation: animStarCounterRotate 60s ease-out infinite;
  background-image: radial-gradient(#fff 1px, transparent 1%);
  background-size: 50px 50px;
}
.container-stars .stars-secondary {
  position: relative;
  background: transparent;
  width: 30rem;
  height: 30rem;
  -webkit-transform: translateY(-75%);
          transform: translateY(-75%);
}
.container-stars .stars-secondary::before {
  content: "";
  position: absolute;
  top: -12rem;
  left: 7rem;
  width: 100%;
  height: 100%;
  -webkit-animation: animStarCounterRotate 90s linear infinite;
          animation: animStarCounterRotate 90s linear infinite;
  background-image: radial-gradient(#fff 1px, transparent 1%);
  background-size: 50px 50px;
}
.container-stars .stars-secondary::after {
  content: "";
  position: absolute;
  top: -12rem;
  left: -3rem;
  width: 100%;
  height: 100%;
  -webkit-animation: animStarRotate 90s linear infinite;
          animation: animStarRotate 90s linear infinite;
  background-image: radial-gradient(#fff 1px, transparent 1%);
  background-size: 50px 50px;
}
@font-face {
  font-family: 'fzlth';
  src: url('https://nie.res.netease.com/comm/js/leihuo/fonts/FZLanTingHeiSRGB-Regular.woff2') format('woff2'), url('https://nie.res.netease.com/comm/js/leihuo/fonts/FZLanTingHeiSRGB-Regular.woff') format('woff');
  font-weight: 400;
}
/* 方正兰亭黑简体 Regular，与 fzlth 同一字面。
   设计稿 / 组件里写的是 FZLanTingHeiS-R-GB，此前未注册 @font-face，
   没装该字体本机的用户会退回系统无衬线体，故按原名补一个别名。 */
@font-face {
  font-family: 'FZLanTingHeiS-R-GB';
  src: url('https://nie.res.netease.com/comm/js/leihuo/fonts/FZLanTingHeiSRGB-Regular.woff2') format('woff2'), url('https://nie.res.netease.com/comm/js/leihuo/fonts/FZLanTingHeiSRGB-Regular.woff') format('woff');
  font-weight: 400;
}
/* 方正兰亭粗黑简体 */
@font-face {
  font-family: 'FZLanTingHeiS-B-GB';
  src: url('https://nie.res.netease.com/comm/js/leihuo/fonts/FZLanTingHeiSBGB-Regular.woff2') format('woff2'), url('https://nie.res.netease.com/comm/js/leihuo/fonts/FZLanTingHeiSBGB-Regular.woff') format('woff');
  font-weight: 400;
}
@font-face {
  font-family: "iconcopyright";
  src: url(https://wow.res.netease.com/pc/zt/20260911203232/assets/iconfont_b90be6b3.eot);
  /* IE9 */
  src: url(https://wow.res.netease.com/pc/zt/20260911203232/assets/iconfont_b90be6b3.eot#iefix) format('embedded-opentype'),  url('data:application/x-font-woff2;charset=utf-8;base64,d09GMgABAAAAAANEAAsAAAAAB7QAAAL4AAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHEIGVgCDFAqCdIJuATYCJAMQCwoABCAFhG0HTBvcBsguMXY9EIkQVEszmWBVcaq/O3cKRHw0gu/X0H33310QFIOKZ0sqKbEC1mllVStNp8Yjq1aY/N+c/u06JLm3L4clOWQVaGsDlzQNvuuV9YTam59wmzGAjkACySlMwIXK+rJ1B9uu91nGn2YxDiTiDnLFy18cjmsLzgfKZa5BXdQFGAe0dW9skyyQgDwV21owbYeIvzg5TqDdmGFVu4vrEtRLNC4Qty1TgfqGU0oj0io0A0tTvIRaa/W8+hTAi+z78RfiUU+lLmjq4a0FHaZ/6FPinwuJGp4dp4exioIVIIkrg8ZzSBFcQbR7/UPWgEYK1VH2/38yJKbPb1hoyx+vIhqU3gnWESr86I+Ylegf5AKi/0hTwZexpBVtuAK8QtKRY+hs7OxsZP/Oq5eV6E6SMpDT6zTwJCQnPSmPJypDQmlaKEMoI0cyKTElFwaTbv2yNJCUhxKpy0POJ7kypiz5Uk6vd6n779slb29kl2kJPS6qYprs7RHwtlQ6uKq9+fs+dc49MFFwm+/LXpwly+cz4RQ5Pf83iRi6UeSIMbPC11zntGyeH2rqSPAOdTq46uvuA5x+KtsEs/BJQnn6t/3Gytvj2sa/6kvw5kR6wV5mpvVtTMGfxFpYlj6HVJkuN2IG6WkG4Y357ezhFFn7PR4hHlqcTmg1VEGlxSgUrWYQiVmBWod1aLTagHbLllZ3GMAQkW1YsiEg9NqBSrfXUPQ6QyTmAWrDPqHRGwTaHUXXlh3mwmqcY1ThVEe1hJbme4bU8MY8U6BmzlFYnZMREpRlLQ/GwtF2ZIl6lB0xI5s345wbaDDfxUVxGnUcHwPmZ6jGw2nOg9FIxBh6UljzXWi0g6EUHKVDqhJk0fg8RlKda+x8XkCZchwKNlHSo06gmCyrfhQTFl2AWBJ6i0o+5ZysPFMcxxmQgfG50KLQUw4HfSgYHpRBabiw9AZ/YFREqWQsFYavF7ufcA20owsyqiiRUWt/EoxoFtMcGmvW/YJXK6w1c4qnWgA=') format('woff2'), url(https://wow.res.netease.com/pc/zt/20260911203232/assets/iconfont_87b8b49e.woff) format('woff');
}
.button-primary {
  font-family: "Microsoft YaHei", "PingFang SC", "Noto Sans CJK", "Noto Sans SC", sans-serif;
  border: 2px solid transparent;
  background-color: #0f6064;
  background-image: radial-gradient(50% 50%, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0) 100%), url(https://wow.res.netease.com/pc/zt/20260911203232/assets/textureseamless_7f34a550.jpg);
  background-blend-mode: overlay, overlay;
  background-size: auto 100%, auto 100%;
  background-repeat: repeat-x, repeat-x;
  -webkit-box-shadow: 0 calc(5 * var(--u, 1px)) calc(15 * var(--u, 1px)) rgba(0, 0, 0, 0.3);
          box-shadow: 0 calc(5 * var(--u, 1px)) calc(15 * var(--u, 1px)) rgba(0, 0, 0, 0.3);
  border-radius: 3px;
  color: #fff;
}
.button-primary:hover {
  -webkit-filter: brightness(1.1);
          filter: brightness(1.1);
}
.button-primary:hover .container-stars {
  display: block;
}
.button-secondary {
  font-family: "Microsoft YaHei", "PingFang SC", "Noto Sans CJK", "Noto Sans SC", sans-serif;
  border: 2px solid transparent;
  border-radius: 3px;
  background-clip: padding-box, border-box;
  background-origin: padding-box, border-box;
  background: -webkit-gradient(linear, left bottom, left top, from(#4B759D), to(#4B759D)), radial-gradient(123.22% 115.04% at 58.26% 50%, rgba(255, 255, 255, 0.8) 0%, rgba(255, 255, 255, 0) 100%);
  background: linear-gradient(0deg, #4B759D 0%, #4B759D 100%), radial-gradient(123.22% 115.04% at 58.26% 50%, rgba(255, 255, 255, 0.8) 0%, rgba(255, 255, 255, 0) 100%);
  color: #fff;
}
.button-secondary:hover {
  -webkit-filter: brightness(1.1);
          filter: brightness(1.1);
}
.button-secondary:hover .container-stars {
  display: block;
}

/** mixins **/