@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://comm.res.easebar.com/js/leihuo/fonts/noto/noto-sans-sc-v26-latin_chinese-simplified-300.woff2') format('woff2'), url('https://comm.res.easebar.com/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://comm.res.easebar.com/js/leihuo/fonts/noto/noto-sans-sc-v26-latin_chinese-simplified-regular.woff2') format('woff2'), url('https://comm.res.easebar.com/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://comm.res.easebar.com/js/leihuo/fonts/noto/noto-sans-sc-v26-latin_chinese-simplified-500.woff2') format('woff2'), url('https://comm.res.easebar.com/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://comm.res.easebar.com/js/leihuo/fonts/noto/noto-sans-sc-v26-latin_chinese-simplified-700.woff2') format('woff2'), url('https://comm.res.easebar.com/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://comm.res.easebar.com/js/leihuo/fonts/noto/noto-sans-tc-v26-latin_chinese-traditional-300.woff2') format('woff2'), url('https://comm.res.easebar.com/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://comm.res.easebar.com/js/leihuo/fonts/noto/noto-sans-tc-v26-latin_chinese-traditional-regular.woff2') format('woff2'), url('https://comm.res.easebar.com/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://comm.res.easebar.com/js/leihuo/fonts/noto/noto-sans-tc-v26-latin_chinese-traditional-500.woff2') format('woff2'), url('https://comm.res.easebar.com/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://comm.res.easebar.com/js/leihuo/fonts/noto/noto-sans-tc-v26-latin_chinese-traditional-700.woff2') format('woff2'), url('https://comm.res.easebar.com/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://comm.res.easebar.com/js/leihuo/fonts/noto/noto-sans-jp-v42-latin_japanese-300.woff2') format('woff2'), url('https://comm.res.easebar.com/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://comm.res.easebar.com/js/leihuo/fonts/noto/noto-sans-jp-v42-latin_japanese-regular.woff2') format('woff2'), url('https://comm.res.easebar.com/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://comm.res.easebar.com/js/leihuo/fonts/noto/noto-sans-jp-v42-latin_japanese-500.woff2') format('woff2'), url('https://comm.res.easebar.com/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://comm.res.easebar.com/js/leihuo/fonts/noto/noto-sans-jp-v42-latin_japanese-700.woff2') format('woff2'), url('https://comm.res.easebar.com/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://comm.res.easebar.com/js/leihuo/fonts/noto/noto-sans-kr-v27-latin_korean-300.woff2') format('woff2'), url('https://comm.res.easebar.com/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://comm.res.easebar.com/js/leihuo/fonts/noto/noto-sans-kr-v27-latin_korean-regular.woff2') format('woff2'), url('https://comm.res.easebar.com/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://comm.res.easebar.com/js/leihuo/fonts/noto/noto-sans-kr-v27-latin_korean-500.woff2') format('woff2'), url('https://comm.res.easebar.com/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://comm.res.easebar.com/js/leihuo/fonts/noto/noto-sans-kr-v27-latin_korean-700.woff2') format('woff2'), url('https://comm.res.easebar.com/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://comm.res.easebar.com/js/leihuo/fonts/noto/noto-sans-thai-v20-thai_latin-300.woff2') format('woff2'), url('https://comm.res.easebar.com/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://comm.res.easebar.com/js/leihuo/fonts/noto/noto-sans-thai-v20-thai_latin-regular.woff2') format('woff2'), url('https://comm.res.easebar.com/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://comm.res.easebar.com/js/leihuo/fonts/noto/noto-sans-thai-v20-thai_latin-500.woff2') format('woff2'), url('https://comm.res.easebar.com/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://comm.res.easebar.com/js/leihuo/fonts/noto/noto-sans-thai-v20-thai_latin-700.woff2') format('woff2'), url('https://comm.res.easebar.com/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;
}

body {
  margin: 0 auto;
  width: 100%;
  font-size: 0.26rem;
  color: #eee !important;
  overflow-x: hidden;
}

.no-scroll {
  overflow: hidden;
  -ms-scroll-chaining: none;
  overscroll-behavior: contain;
}

html.no-scroll {
  overflow: hidden;
  -ms-scroll-chaining: none;
  overscroll-behavior: contain;
}

.baidu-img {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
}

#copyright {
  background: #131313 url(https://www.anantagame.com/pc/gw/20260811142614/assets/news-bg-tile_117192bd.jpg) repeat;
  background-size: 100% auto;
  padding: 0.5rem 0;
}

html.is-channel-language-hidden .footer-nav .yuyan {
  display: none !important;
}

.leihuo-feedback {
  z-index: 9;
  position: absolute !important;
  bottom: 0 !important;
}

.container-index {
  width: 100%;
}

.container-index .news-info {
  position: fixed !important;
  top: 100vh;
  left: 0;
}

.leihuo-pop-media .media-close {
  background: url(https://www.anantagame.com/pc/gw/20260811142614/assets/close_bfdcef67.png);
  background-size: 100%;
  width: 0.34rem !important;
  height: 0.34rem !important;
  right: 0.25rem !important;
  font-size: 0;
}

.leihuo-pop-media .media-close::before {
  content: '';
  display: none;
}

.el-message-box {
  max-width: 80%;
  width: 6.4rem;
  height: 6.28rem;
  background: rgba(255, 255, 255, 0.75);
  backdrop-filter: blur(0.1rem);
  -webkit-backdrop-filter: blur(0.1rem);
  border-radius: 0.1rem;
}

.el-message-box .el-message-box__header {
  padding-top: 1.4rem;
}

.el-message-box .el-message-box__header .el-message-box__headerbtn {
  font-size: 0.48rem;
  top: 0.25rem;
  right: 0.25rem;
}

.el-message-box .el-message-box__content {
  text-align: center;
  font-size: 0.3rem;
  color: #191919;
  line-height: 0.48rem;
}

.el-message-box .el-message-box__content .el-message-box__message p {
  line-height: 0.48rem;
}

.el-message-box .el-message-box__btns {
  text-align: center;
  padding-top: 0.2rem;
}

.el-message-box .el-message-box__btns button {
  width: 5.1rem;
  height: 0.8rem;
  border-radius: 0.08rem;
  opacity: 0.9;
  background: #191919;
  font-size: 0.3rem;
  line-height: 0.3rem;
  font-weight: 400;
  border: none;
}

.el-message-box .el-message-box__btns button:hover {
  background: #191919;
  border: none;
}

.v-modal {
  opacity: 0.15;
}

.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: 6.5rem;
  height: 5rem;
  font-size: 0.26rem;
  background: white;
  color: red;
}

.pop-bg .pop-close {
  position: absolute;
  top: -0.4rem;
  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: 0.4rem 0.2rem;
  width: 5rem;
  height: 3rem;
  color: black;
}

.msg-pop .message-title {
  text-align: center;
  font-size: 0.3rem;
}

.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: 0.4rem;
}

.msg-pop .message-btns button {
  margin: 0 0.1rem;
}

.city-img-pop,
.city-detail-pop {
  width: 100%;
  height: 100%;
  background: transparent;
  font-size: 0.24rem;
  color: #e9ecef;
}

.city-img-pop .pop-content,
.city-detail-pop .pop-content {
  height: 100%;
}

.city-img-pop .pop-close,
.city-detail-pop .pop-close {
  top: 0.4rem;
  right: 0.45rem;
  width: 0.32rem;
  height: 0.32rem;
  background: url(https://www.anantagame.com/pc/gw/20260811142614/assets/btn-close_9882f22e.png) no-repeat center;
  background-size: contain;
}

.city-img-pop .pop-close:before,
.city-detail-pop .pop-close:before {
  content: none;
}

.city-img-pop .pop-close:hover,
.city-detail-pop .pop-close:hover {
  -webkit-transform: none;
  transform: none;
}

.city-img-pop .cip-body {
  width: 100%;
  height: 100%;
  background-color: #121212;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  opacity: 0;
  -webkit-animation: cip-bg-in 0.792s 0s linear both;
  animation: cip-bg-in 0.792s 0s linear both;
}

.city-img-pop .cip-scroll {
  height: 100%;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  -ms-scroll-chaining: none;
  overscroll-behavior: contain;
}

.city-img-pop .cip-gallery {
  position: relative;
}

.city-img-pop .cip-gallery .cip-img {
  position: absolute;
  display: block;
  cursor: pointer;
  opacity: 0;
  -webkit-animation: cip-img-in 0.708s 0s linear both, cip-rise-in 0.708s 0s both;
  animation: cip-img-in 0.708s 0s linear both, cip-rise-in 0.708s 0s both;
}

.city-img-pop-dcy .cip-gallery {
  height: 14.28rem;
}

.city-img-pop-dcy .cip-gallery .cip-img-1 {
  left: 0.6rem;
  top: 1.58rem;
  width: 6.3rem;
  height: 6.73rem;
}

.city-img-pop-dcy .cip-gallery .cip-img-2 {
  left: 0.6rem;
  top: 8.63rem;
  width: 2.98rem;
  height: 5.05rem;
}

.city-img-pop-dcy .cip-gallery .cip-img-3 {
  left: 3.9rem;
  top: 8.63rem;
  width: 2.98rem;
  height: 5.05rem;
}

.city-img-pop-shiye .cip-gallery {
  height: 14.28rem;
}

.city-img-pop-shiye .cip-gallery .cip-img-1 {
  left: 0.6rem;
  top: 1.58rem;
  width: 6.3rem;
  height: 6.73rem;
}

.city-img-pop-shiye .cip-gallery .cip-img-2 {
  left: 0.6rem;
  top: 8.63rem;
  width: 2.98rem;
  height: 5.05rem;
}

.city-img-pop-shiye .cip-gallery .cip-img-3 {
  left: 3.9rem;
  top: 8.63rem;
  width: 2.98rem;
  height: 5.05rem;
}

.city-img-pop-yinglong .cip-gallery {
  height: 14.28rem;
}

.city-img-pop-yinglong .cip-gallery .cip-img-1 {
  left: 0.6rem;
  top: 1.58rem;
  width: 6.3rem;
  height: 6.73rem;
}

.city-img-pop-yinglong .cip-gallery .cip-img-2 {
  left: 0.6rem;
  top: 8.63rem;
  width: 2.98rem;
  height: 5.05rem;
}

.city-img-pop-yinglong .cip-gallery .cip-img-3 {
  left: 3.9rem;
  top: 8.63rem;
  width: 2.98rem;
  height: 5.05rem;
}

.city-img-pop-lixi .cip-gallery {
  height: 13.97rem;
}

.city-img-pop-lixi .cip-gallery .cip-img-1 {
  left: 0.6rem;
  top: 1.58rem;
  width: 6.3rem;
  height: 2.61rem;
}

.city-img-pop-lixi .cip-gallery .cip-img-2 {
  left: 0.6rem;
  top: 4.51rem;
  width: 3rem;
  height: 3rem;
}

.city-img-pop-lixi .cip-gallery .cip-img-3 {
  left: 3.91rem;
  top: 4.51rem;
  width: 3rem;
  height: 3rem;
}

.city-img-pop-lixi .cip-gallery .cip-img-4 {
  left: 0.6rem;
  top: 7.83rem;
  width: 6.3rem;
  height: 2.61rem;
}

.city-img-pop-lixi .cip-gallery .cip-img-5 {
  left: 0.6rem;
  top: 10.76rem;
  width: 3.87rem;
  height: 2.61rem;
}

.city-img-pop-lixi .cip-gallery .cip-img-6 {
  left: 4.79rem;
  top: 10.76rem;
  width: 2.12rem;
  height: 2.61rem;
}

.city-img-pop-saimo .cip-gallery {
  height: 13.97rem;
}

.city-img-pop-saimo .cip-gallery .cip-img-1 {
  left: 0.6rem;
  top: 1.58rem;
  width: 6.3rem;
  height: 2.61rem;
}

.city-img-pop-saimo .cip-gallery .cip-img-2 {
  left: 0.6rem;
  top: 4.51rem;
  width: 3rem;
  height: 3rem;
}

.city-img-pop-saimo .cip-gallery .cip-img-3 {
  left: 3.91rem;
  top: 4.51rem;
  width: 3rem;
  height: 3rem;
}

.city-img-pop-saimo .cip-gallery .cip-img-4 {
  left: 0.6rem;
  top: 7.83rem;
  width: 6.3rem;
  height: 2.61rem;
}

.city-img-pop-saimo .cip-gallery .cip-img-5 {
  left: 0.6rem;
  top: 10.76rem;
  width: 3.87rem;
  height: 2.61rem;
}

.city-img-pop-saimo .cip-gallery .cip-img-6 {
  left: 4.79rem;
  top: 10.76rem;
  width: 2.12rem;
  height: 2.61rem;
}

.mask.city-detail-mask {
  background: rgba(0, 0, 0, 0.85);
  -webkit-animation: cdp-mask-in 1s 0s linear both;
  animation: cdp-mask-in 1s 0s linear both;
}

.mask.city-detail-mask-deep {
  background: rgba(0, 0, 0, 0.9);
}

.city-detail-pop .cdp-scroll {
  height: 100%;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  -ms-scroll-chaining: none;
  overscroll-behavior: contain;
}

.city-detail-pop .cdp-img {
  display: block;
  width: 6.3rem;
  height: 3.86rem;
  margin: 1.55rem auto 0;
}

.city-detail-pop .cdp-info {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  margin: 0.32rem 0.6rem 0;
  padding-bottom: 0.6rem;
  opacity: 0;
  -webkit-animation: cdp-info-in 0.958s 0.042s linear both;
  animation: cdp-info-in 0.958s 0.042s linear both;
}

.city-detail-pop .cdp-info .cdp-thumb {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 1.95rem;
  height: 1.95rem;
}

.city-detail-pop .cdp-info .cdp-text {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  margin-left: 0.24rem;
  -webkit-animation: cdp-info-slide 0.958s 0.042s both;
  animation: cdp-info-slide 0.958s 0.042s both;
}

.city-detail-pop .cdp-info .cdp-title {
  font-family: "MiSans", sans-serif;
  font-weight: 450;
  font-size: 0.32rem;
  line-height: 0.32rem;
  letter-spacing: -0.0064rem;
}

.city-detail-pop .cdp-info .cdp-desc {
  margin-top: 0.34rem;
  font-family: "MiSans", sans-serif;
  font-weight: 330;
  font-size: 0.24rem;
  line-height: 0.34rem;
  text-align: justify;
}

.city-detail-pop-shiye .cdp-info .cdp-thumb {
  width: 2.02rem;
  height: 2.48rem;
}

.city-img-pop .cip-img:nth-child(2) {
  -webkit-animation-delay: 0.083s, 0.083s;
  animation-delay: 0.083s, 0.083s;
}

.city-img-pop .cip-img:nth-child(3) {
  -webkit-animation-delay: 0.167s, 0.167s;
  animation-delay: 0.167s, 0.167s;
}

.city-img-pop .pop-close {
  opacity: 0;
  -webkit-animation: cip-close-in 0.708s 0.083s linear both;
  animation: cip-close-in 0.708s 0.083s linear both;
}

.city-img-pop.cip-out {
  -webkit-animation: cip-out 0.208s linear both;
  animation: cip-out 0.208s linear both;
}

.city-detail-pop.cdp-out {
  -webkit-animation: cdp-out 0.333s linear both;
  animation: cdp-out 0.333s linear both;
}

.city-detail-pop.cdp-out .cdp-img {
  -webkit-animation: cdp-img-out 0.333s both;
  animation: cdp-img-out 0.333s both;
}

@-webkit-keyframes cip-bg-in {
  0% {
    opacity: 0;
  }

  15.79% {
    opacity: 1;
  }

  100% {
    opacity: 1;
  }
}

@keyframes cip-bg-in {
  0% {
    opacity: 0;
  }

  15.79% {
    opacity: 1;
  }

  100% {
    opacity: 1;
  }
}

@-webkit-keyframes cip-img-in {
  0% {
    opacity: 0;
  }

  10.53% {
    opacity: 0;
  }

  68.42% {
    opacity: 1;
  }

  100% {
    opacity: 1;
  }
}

@keyframes cip-img-in {
  0% {
    opacity: 0;
  }

  10.53% {
    opacity: 0;
  }

  68.42% {
    opacity: 1;
  }

  100% {
    opacity: 1;
  }
}

@-webkit-keyframes cip-rise-in {
  0% {
    -webkit-transform: translate(0, 0.32rem);
    transform: translate(0, 0.32rem);
    -webkit-animation-timing-function: cubic-bezier(0.32, 0, 0.18, 1);
    animation-timing-function: cubic-bezier(0.32, 0, 0.18, 1);
  }

  78.95% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    -webkit-animation-timing-function: cubic-bezier(0, 0, 1, 1);
    animation-timing-function: cubic-bezier(0, 0, 1, 1);
  }

  100% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
}

@keyframes cip-rise-in {
  0% {
    -webkit-transform: translate(0, 0.32rem);
    transform: translate(0, 0.32rem);
    -webkit-animation-timing-function: cubic-bezier(0.32, 0, 0.18, 1);
    animation-timing-function: cubic-bezier(0.32, 0, 0.18, 1);
  }

  78.95% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    -webkit-animation-timing-function: cubic-bezier(0, 0, 1, 1);
    animation-timing-function: cubic-bezier(0, 0, 1, 1);
  }

  100% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
}

@-webkit-keyframes cip-close-in {
  0% {
    opacity: 0;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -webkit-animation-timing-function: cubic-bezier(0.33, 0, 0.67, 1);
    animation-timing-function: cubic-bezier(0.33, 0, 0.67, 1);
  }

  17.65% {
    opacity: 1;
  }

  35.29% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-animation-timing-function: cubic-bezier(0, 0, 1, 1);
    animation-timing-function: cubic-bezier(0, 0, 1, 1);
  }

  100% {
    opacity: 1;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@keyframes cip-close-in {
  0% {
    opacity: 0;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -webkit-animation-timing-function: cubic-bezier(0.33, 0, 0.67, 1);
    animation-timing-function: cubic-bezier(0.33, 0, 0.67, 1);
  }

  17.65% {
    opacity: 1;
  }

  35.29% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-animation-timing-function: cubic-bezier(0, 0, 1, 1);
    animation-timing-function: cubic-bezier(0, 0, 1, 1);
  }

  100% {
    opacity: 1;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@-webkit-keyframes cdp-mask-in {
  0% {
    opacity: 0;
  }

  16.67% {
    opacity: 1;
  }

  100% {
    opacity: 1;
  }
}

@keyframes cdp-mask-in {
  0% {
    opacity: 0;
  }

  16.67% {
    opacity: 1;
  }

  100% {
    opacity: 1;
  }
}

@-webkit-keyframes cdp-img-in {
  0% {
    -webkit-transform: scale(0.87);
    transform: scale(0.87);
    -webkit-animation-timing-function: cubic-bezier(0.32, 0, 0.17, 1);
    animation-timing-function: cubic-bezier(0.32, 0, 0.17, 1);
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes cdp-img-in {
  0% {
    -webkit-transform: scale(0.87);
    transform: scale(0.87);
    -webkit-animation-timing-function: cubic-bezier(0.32, 0, 0.17, 1);
    animation-timing-function: cubic-bezier(0.32, 0, 0.17, 1);
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@-webkit-keyframes cdp-info-in {
  0% {
    opacity: 0;
  }

  39.13% {
    opacity: 1;
  }

  100% {
    opacity: 1;
  }
}

@keyframes cdp-info-in {
  0% {
    opacity: 0;
  }

  39.13% {
    opacity: 1;
  }

  100% {
    opacity: 1;
  }
}

@-webkit-keyframes cdp-info-slide {
  0% {
    -webkit-transform: translate(-0.09rem, 0);
    transform: translate(-0.09rem, 0);
    -webkit-animation-timing-function: cubic-bezier(0.32, 0, 0.17, 1);
    animation-timing-function: cubic-bezier(0.32, 0, 0.17, 1);
  }

  100% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
}

@keyframes cdp-info-slide {
  0% {
    -webkit-transform: translate(-0.09rem, 0);
    transform: translate(-0.09rem, 0);
    -webkit-animation-timing-function: cubic-bezier(0.32, 0, 0.17, 1);
    animation-timing-function: cubic-bezier(0.32, 0, 0.17, 1);
  }

  100% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
}

@-webkit-keyframes cip-out {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

@keyframes cip-out {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

@-webkit-keyframes cdp-out {
  0% {
    opacity: 1;
  }

  62.5% {
    opacity: 0;
  }

  100% {
    opacity: 0;
  }
}

@keyframes cdp-out {
  0% {
    opacity: 1;
  }

  62.5% {
    opacity: 0;
  }

  100% {
    opacity: 0;
  }
}

@-webkit-keyframes cdp-img-out {
  from {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-animation-timing-function: cubic-bezier(0.83, 0, 0.68, 1);
    animation-timing-function: cubic-bezier(0.83, 0, 0.68, 1);
  }

  to {
    -webkit-transform: scale(0.87);
    transform: scale(0.87);
  }
}

@keyframes cdp-img-out {
  from {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-animation-timing-function: cubic-bezier(0.83, 0, 0.68, 1);
    animation-timing-function: cubic-bezier(0.83, 0, 0.68, 1);
  }

  to {
    -webkit-transform: scale(0.87);
    transform: scale(0.87);
  }
}

html[data-lang="en"] body .cdp-info .cdp-title {
  font-weight: 520;
}

html[data-lang="en"] body .cdp-info .cdp-desc {
  -webkit-align-self: stretch;
  -ms-flex-item-align: stretch;
  align-self: stretch;
  text-align: initial;
}

html[data-lang="ja"] body .city-detail-pop-dcy .cdp-info .cdp-desc {
  margin-top: 0.16rem;
}

html[data-lang="ja"] body .cdp-info .cdp-title {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 500;
}

html[data-lang="ja"] body .cdp-info .cdp-desc {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 400;
  line-height: 0.4rem;
}

html[data-lang="ja"] body .cdp-info .cdp-desc ruby rt {
  margin: 0.1rem auto 0.02rem;
}

html[data-lang="ko"] body .cdp-info .cdp-text {
  margin-left: 0.36rem;
}

html[data-lang="ko"] body .cdp-info .cdp-title {
  font-family: "Noto Sans KR", sans-serif;
  font-weight: 500;
}

html[data-lang="ko"] body .cdp-info .cdp-desc {
  font-family: "Noto Sans KR", sans-serif;
  font-weight: 400;
}

.mask.land-img-mask {
  background: rgba(0, 0, 0, 0.3);
  -webkit-backdrop-filter: blur(0.4rem);
  backdrop-filter: blur(0.4rem);
  -webkit-animation: lip-mask-in 0.3s 0s linear both;
  animation: lip-mask-in 0.3s 0s linear both;
}

.mask.land-img-mask.lip-mask-out {
  -webkit-animation: lip-out 0.32s linear both;
  animation: lip-out 0.32s linear both;
}

.land-img-pop {
  width: 100%;
  height: 100%;
  background: transparent;
  color: #e9ecef;
}

.land-img-pop .pop-content {
  height: 100%;
}

.land-img-pop .lip-backdrop {
  position: relative;
  width: 100%;
  height: 100%;
}

.land-img-pop .lip-stage {
  position: absolute;
  left: 50%;
  top: 5.41rem;
  width: 6.4rem;
  height: 3.6rem;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

.land-img-pop .lip-img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.land-img-pop .lip-close {
  position: absolute;
  right: 0;
  top: -0.53rem;
  width: 0.32rem;
  height: 0.32rem;
  background: url(https://www.anantagame.com/pc/gw/20260811142614/assets/btn-close_9882f22e.png) no-repeat center;
  background-size: contain;
  cursor: pointer;
}

.land-img-pop.lip-out {
  -webkit-animation: lip-out 0.32s linear both;
  animation: lip-out 0.32s linear both;
}

@-webkit-keyframes lip-mask-in {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes lip-mask-in {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@-webkit-keyframes lip-out {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

@keyframes lip-out {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

.loading {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #181818;
  z-index: 9999;
}

.loading .loading-logo {
  background: url(https://www.anantagame.com/pc/gw/20260811142614/assets/sprite-a24823_a24823d6.png) no-repeat;
  background-size: 11.81rem 10.84rem;
  background-position: -5.28rem -8.14rem;
  position: absolute;
  top: calc(50% - 0.3rem);
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 1.56rem;
  height: 0.56rem;
}

.loading .progress {
  font-size: 0.22rem;
  position: absolute;
  left: 50%;
  top: calc(50% + 0.3rem);
  height: 0.28rem;
  line-height: normal;
  font-weight: 450;
  font-family: 'MiSans', sans-serif;
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}

.loading .logo-black,
.loading .logo-white {
  position: absolute;
  top: 0;
  left: 0;
  background: url(https://www.anantagame.com/pc/gw/20260811142614/assets/sprite-a24823_a24823d6.png) no-repeat;
  background-size: 11.81rem 10.84rem;
  background-position: -3.68rem -8.14rem;
  width: 1.56rem;
  height: 0.56rem;
}

.loading .logo-black {
  z-index: 1;
  background: url(https://www.anantagame.com/pc/gw/20260811142614/assets/sprite-a24823_a24823d6.png) no-repeat;
  background-size: 11.81rem 10.84rem;
  background-position: -5.28rem -8.14rem;
  width: 1.56rem;
  height: 0.56rem;
}

.loading .logo-white {
  z-index: 2;
  -webkit-clip-path: inset(0 100% 0 0);
  clip-path: inset(0 100% 0 0);
  -webkit-animation: loadingAnimation 2s ease-in-out infinite, fadeWhiteAnimation 2s infinite;
  animation: loadingAnimation 2s ease-in-out infinite, fadeWhiteAnimation 2s infinite;
}

html[data-site='global'][lang='en'] .loading .loading-logo {
  background: url(https://www.anantagame.com/pc/gw/20260811142614/assets/sprite-a24823_a24823d6.png) no-repeat;
  background-size: 11.81rem 10.84rem;
  background-position: -2.68rem -5.7rem;
  width: 1.81rem;
  height: 0.56rem;
}

html[data-site='global'][lang='en'] .loading .logo-black {
  background: url(https://www.anantagame.com/pc/gw/20260811142614/assets/sprite-a24823_a24823d6.png) no-repeat;
  background-size: 11.81rem 10.84rem;
  background-position: -2.68rem -5.7rem;
  width: 1.81rem;
  height: 0.56rem;
}

html[data-site='global'][lang='en'] .loading .logo-white {
  background: url(https://www.anantagame.com/pc/gw/20260811142614/assets/sprite-a24823_a24823d6.png) no-repeat;
  background-size: 11.81rem 10.84rem;
  background-position: -4.53rem -5.7rem;
  width: 1.81rem;
  height: 0.56rem;
}

html[data-site='global'][lang='ja'] .loading .loading-logo {
  background: url(https://www.anantagame.com/pc/gw/20260811142614/assets/sprite-a24823_a24823d6.png) no-repeat;
  background-size: 11.81rem 10.84rem;
  background-position: -3.68rem -7.52rem;
  width: 1.52rem;
  height: 0.58rem;
}

html[data-site='global'][lang='ja'] .loading .logo-black {
  background: url(https://www.anantagame.com/pc/gw/20260811142614/assets/sprite-a24823_a24823d6.png) no-repeat;
  background-size: 11.81rem 10.84rem;
  background-position: -3.68rem -7.52rem;
  width: 1.52rem;
  height: 0.58rem;
}

html[data-site='global'][lang='ja'] .loading .logo-white {
  background: url(https://www.anantagame.com/pc/gw/20260811142614/assets/sprite-a24823_a24823d6.png) no-repeat;
  background-size: 11.81rem 10.84rem;
  background-position: -5.24rem -7.52rem;
  width: 1.52rem;
  height: 0.58rem;
}

html[data-site='global'][lang='ko'] .loading .loading-logo {
  background: url(https://www.anantagame.com/pc/gw/20260811142614/assets/sprite-a24823_a24823d6.png) no-repeat;
  background-size: 11.81rem 10.84rem;
  background-position: -8.48rem -8.14rem;
  width: 1.56rem;
  height: 0.55rem;
}

html[data-site='global'][lang='ko'] .loading .logo-black {
  background: url(https://www.anantagame.com/pc/gw/20260811142614/assets/sprite-a24823_a24823d6.png) no-repeat;
  background-size: 11.81rem 10.84rem;
  background-position: -8.48rem -8.14rem;
  width: 1.56rem;
  height: 0.55rem;
}

html[data-site='global'][lang='ko'] .loading .logo-white {
  background: url(https://www.anantagame.com/pc/gw/20260811142614/assets/sprite-a24823_a24823d6.png) no-repeat;
  background-size: 11.81rem 10.84rem;
  background-position: -0 -9.54rem;
  width: 1.56rem;
  height: 0.55rem;
}

html[data-site='global'][lang='zh-Hant'] .loading .loading-logo {
  background: url(https://www.anantagame.com/pc/gw/20260811142614/assets/sprite-a24823_a24823d6.png) no-repeat;
  background-size: 11.81rem 10.84rem;
  background-position: -8.36rem -7.52rem;
  width: 1.52rem;
  height: 0.58rem;
}

html[data-site='global'][lang='zh-Hant'] .loading .logo-black {
  background: url(https://www.anantagame.com/pc/gw/20260811142614/assets/sprite-a24823_a24823d6.png) no-repeat;
  background-size: 11.81rem 10.84rem;
  background-position: -8.36rem -7.52rem;
  width: 1.52rem;
  height: 0.58rem;
}

html[data-site='global'][lang='zh-Hant'] .loading .logo-white {
  background: url(https://www.anantagame.com/pc/gw/20260811142614/assets/sprite-a24823_a24823d6.png) no-repeat;
  background-size: 11.81rem 10.84rem;
  background-position: -2.12rem -8.14rem;
  width: 1.52rem;
  height: 0.58rem;
}

@-webkit-keyframes loadingAnimation {
  0% {
    -webkit-clip-path: inset(0 100% 0 0);
    clip-path: inset(0 100% 0 0);
  }

  60% {
    -webkit-clip-path: inset(0 0% 0 0);
    clip-path: inset(0 0% 0 0);
  }

  90% {
    -webkit-clip-path: inset(0 0% 0 0);
    clip-path: inset(0 0% 0 0);
  }

  99% {
    -webkit-clip-path: inset(0 0% 0 0);
    clip-path: inset(0 0% 0 0);
  }

  100% {
    -webkit-clip-path: inset(0 100% 0 0);
    clip-path: inset(0 100% 0 0);
  }
}

@keyframes loadingAnimation {
  0% {
    -webkit-clip-path: inset(0 100% 0 0);
    clip-path: inset(0 100% 0 0);
  }

  60% {
    -webkit-clip-path: inset(0 0% 0 0);
    clip-path: inset(0 0% 0 0);
  }

  90% {
    -webkit-clip-path: inset(0 0% 0 0);
    clip-path: inset(0 0% 0 0);
  }

  99% {
    -webkit-clip-path: inset(0 0% 0 0);
    clip-path: inset(0 0% 0 0);
  }

  100% {
    -webkit-clip-path: inset(0 100% 0 0);
    clip-path: inset(0 100% 0 0);
  }
}

@-webkit-keyframes fadeWhiteAnimation {
  0% {
    opacity: 0;
  }

  15% {
    opacity: 1;
  }

  98% {
    opacity: 1;
  }

  99% {
    opacity: 0;
  }

  100% {
    opacity: 0;
  }
}

@keyframes fadeWhiteAnimation {
  0% {
    opacity: 0;
  }

  15% {
    opacity: 1;
  }

  98% {
    opacity: 1;
  }

  99% {
    opacity: 0;
  }

  100% {
    opacity: 0;
  }
}

.nav-list {
  position: fixed;
  top: 0;
  z-index: 999;
  font-family: MiSans, sans-serif;
}

.nav-list .top,
.nav-list .top-page {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 7.5rem;
  height: 0.91rem;
  background: #141414;
  opacity: 1;
  position: relative;
}

.nav-list .top {
  z-index: 2;
}

.nav-list .top-page {
  position: absolute;
  top: 0;
  left: 0;
  background: transparent;
}

.nav-list .top-icon {
  background: url(https://www.anantagame.com/pc/gw/20260811142614/assets/sprite-a24823_a24823d6.png);
  background-size: 11.81rem 10.84rem;
  background-position: -10.09rem -1.91rem;
  width: 0.41rem;
  height: 0.28rem;
  position: absolute;
  top: 0.3rem;
  right: 0.55rem;
  z-index: 9;
  opacity: 0;
  pointer-events: none;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  cursor: pointer;
}

.nav-list .left {
  margin-left: 0.14rem;
  height: 100%;
  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;
}

.nav-list .left .logo {
  margin-right: 0.54rem;
  display: block;
  width: 1.95rem;
  height: 0.99rem;
  position: relative;
  top: 0.02rem;
}

.nav-list .left .logo img {
  width: 100%;
  height: 100%;
}

.nav-list .right {
  position: absolute;
  right: 0.54rem;
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.nav-list .right .social {
  display: inline-block;
  width: 0.61rem;
  height: 0.38rem;
  background: url(https://www.anantagame.com/pc/gw/20260811142614/assets/social_eddcfa36.svg);
  background-size: 100% 100%;
  margin-right: 0.54rem;
}

.nav-list .right .music {
  margin: 0 0.54rem;
  width: 0.54rem;
  height: 0.46rem;
  background: url(https://www.anantagame.com/pc/gw/20260811142614/assets/music-close_b37b3042.svg);
  background-size: 100% 100%;
}

.nav-list .right .music-open {
  background: url(https://www.anantagame.com/pc/gw/20260811142614/assets/music-open_408ea434.svg);
  background-size: 100% 100%;
}

.nav-list .right .nav {
  background: url(https://www.anantagame.com/pc/gw/20260811142614/assets/sprite-a24823_a24823d6.png);
  background-size: 11.81rem 10.84rem;
  background-position: -10.09rem -1.91rem;
  width: 0.41rem;
  height: 0.28rem;
  cursor: pointer;
}

.nav-list .menu {
  padding: 0.48rem 0.22rem 0.5rem 0.23rem;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.nav-list .menu .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;
  margin-left: 0.17rem;
}

.nav-list .menu .btns .icon-share {
  width: 0.37rem;
  height: 0.46rem;
  margin-right: 0.6rem;
  cursor: pointer;
  background: url(https://www.anantagame.com/pc/gw/20260811142614/assets/icon-share_9c338e13.svg);
  background-size: 100% 100%;
}

.nav-list .menu .btns .icon-share.active {
  background: url(https://www.anantagame.com/pc/gw/20260811142614/assets/icon-share-h_20469221.svg);
  background-size: 100% 100%;
}

.nav-list .menu .btns .music {
  margin: 0 0.38rem 0 0.38rem;
  width: 0.54rem;
  height: 0.46rem;
  background: url(https://www.anantagame.com/pc/gw/20260811142614/assets/music-close_b37b3042.svg);
  background-size: 100% 100%;
}

.nav-list .menu .btns .music-open {
  background: url(https://www.anantagame.com/pc/gw/20260811142614/assets/music-open_408ea434.svg);
  background-size: 100% 100%;
}

.nav-list .menu .btns .info {
  width: 0.36rem;
  height: 0.46rem;
  background: url(https://www.anantagame.com/pc/gw/20260811142614/assets/icon-login_1b94c49a.svg);
  background-size: 100% 100%;
  margin: 0 0.6rem 0 0;
  cursor: pointer;
}

.nav-list .menu .btns .info.active {
  background: url(https://www.anantagame.com/pc/gw/20260811142614/assets/icon-login-h_a921ec2b.svg);
  background-size: 100% 100%;
}

.nav-list .menu .btns .info.open {
  position: relative;
}

.nav-list .menu .btns .yuyan {
  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;
  margin: 0 0.6rem 0 0;
  cursor: pointer;
}

.nav-list .menu .btns .yuyan span {
  display: inline-block;
}

.nav-list .menu .btns .yuyan .icon {
  width: 0.47rem;
  height: 0.46rem;
  background: url(https://www.anantagame.com/pc/gw/20260811142614/assets/icon-lang_90b36f8b.svg);
  background-size: 100% 100%;
}

.nav-list .menu .btns .yuyan .lang {
  margin: 0 0.15rem;
}

.nav-list .menu .btns .yuyan .arrow {
  background: url(https://www.anantagame.com/pc/gw/20260811142614/assets/sprite-a24823_a24823d6.png);
  background-size: 11.81rem 10.84rem;
  background-position: -11.23rem -10.64rem;
  width: 0.22rem;
  height: 0.12rem;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.nav-list .menu .btns .yuyan.active .icon {
  background: url(https://www.anantagame.com/pc/gw/20260811142614/assets/icon-lang-h_9721acd0.svg);
  background-size: 100% 100%;
}

.nav-list .menu .btns .yuyan.active .arrow {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.nav-list .menu .btns .switch {
  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;
  font-size: 0.24rem;
  font-weight: 330;
  margin-right: 0.5rem;
  position: relative;
  cursor: pointer;
}

.nav-list .menu .btns .switch-title {
  white-space: nowrap;
}

.nav-list .menu .btns .switch-icon {
  display: inline-block;
  margin-left: 0.05rem;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  background: url(https://www.anantagame.com/pc/gw/20260811142614/assets/sprite-a24823_a24823d6.png);
  background-size: 11.81rem 10.84rem;
  background-position: -11.23rem -10.64rem;
  width: 0.22rem;
  height: 0.12rem;
}

.nav-list .menu .btns .switch-info {
  position: absolute;
  width: 2.77rem;
  height: 0.92rem;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  border-radius: 0.09119rem;
  background: rgba(0, 0, 0, 0.22);
  top: 0.49rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-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;
  padding: 0.17rem 0.16rem 0.15rem 0.24rem;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.nav-list .menu .btns .switch-info .tips {
  color: #F7F7F7;
  font-family: MiSans, sans-serif;
  font-size: 0.24rem;
  font-style: normal;
  font-weight: 330;
  line-height: 0.2964rem;
  /* 123.5% */
}

.nav-list .menu .btns .switch-info .switch-btn {
  width: 0.63rem;
  height: 0.33rem;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  border-radius: 0.27rem;
  background: #00A2FF;
  padding: 0.04rem;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-left: 0.2073rem;
  position: relative;
}

.nav-list .menu .btns .switch-info .switch-btn .state-off,
.nav-list .menu .btns .switch-info .switch-btn .state-on {
  color: #717171;
  text-align: right;
  font-family: MiSans, sans-serif;
  font-style: normal;
  font-weight: 630;
  line-height: 0.207rem;
  /* 103.5% */
  letter-spacing: -0.004rem;
  position: absolute;
  top: 0.04rem;
  font-size: 0;
}

.nav-list .menu .btns .switch-info .switch-btn .state-off {
  left: 0.02rem;
}

.nav-list .menu .btns .switch-info .switch-btn .state-on {
  right: 0.06rem;
}

.nav-list .menu .btns .switch-info .switch-btn.switch-close {
  background: #B9B9B9;
}

.nav-list .menu .btns .switch-info .switch-btn .circle {
  width: 0.26rem;
  height: 0.26rem;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  background: #fff;
  border-radius: 50%;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.nav-list .menu .btns .switch-info .switch-btn .circle-left {
  -webkit-transform: translateX(0);
  transform: translateX(0);
  background: #828282;
}

.nav-list .menu .btns .switch-info .switch-btn .circle-right {
  -webkit-transform: translateX(0.29rem);
  transform: translateX(0.29rem);
}

.nav-list .menu .btns .switch.open .switch-icon {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.nav-list .menu .btns .yuyue-btn {
  color: #fff;
  text-align: center;
  font-family: MiSans, sans-serif;
  font-size: 0.24rem;
  font-style: normal;
  font-weight: 630;
  background: #00A2FF;
  border-radius: 0.02rem;
  min-width: 1.47rem;
  height: 0.38rem;
  line-height: 0.4rem;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
  padding: 0 0.1rem;
}

.nav-list .menu .btns.lang-show .icon-share,
.nav-list .menu .btns.lang-show .info,
.nav-list .menu .btns.lang-show .yuyue-btn {
  pointer-events: none;
  opacity: 0.3;
}

.nav-list .menu .lists {
  margin-top: 2.46rem;
  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: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  font-size: 0.52rem;
  font-weight: 330;
  font-family: MiSans, sans-serif;
  color: #fff;
  width: 100%;
  padding-left: 0.3rem;
}

.nav-list .menu .lists .item.active {
  position: relative;
}

.nav-list .menu .lists .item.active::after {
  content: '';
  display: inline-block;
  width: 100%;
  height: 0.07rem;
  background: #00A2FF;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: -1;
}

.nav-list .menu .lists .item {
  position: relative;
  line-height: 0.5rem;
  margin-bottom: 1.2rem;
  opacity: 0;
  mix-blend-mode: normal;
  cursor: pointer;
}

.nav-list .menu .lists .item:last-child {
  margin-bottom: 0;
}

.nav-list .menu .lists .item:not(:last-child)::before {
  content: '';
  position: absolute;
  left: -0.53rem;
  bottom: -0.6rem;
  width: 7.5rem;
  height: 0.01rem;
  background: rgba(248, 244, 250, 0.3);
}

.nav-list .menu .lists .item:nth-child(1) {
  -webkit-animation: z_shouye_005_anim 2.017s 0s linear both, z_shouye_005_transform_bezier_anim 2.017s 0s both;
  animation: z_shouye_005_anim 2.017s 0s linear both, z_shouye_005_transform_bezier_anim 2.017s 0s both;
}

.nav-list .menu .lists .item:nth-child(2) {
  -webkit-animation: z_renwu_005_anim 1.967s 0.05s linear both, z_renwu_005_transform_bezier_anim 1.967s 0.05s both;
  animation: z_renwu_005_anim 1.967s 0.05s linear both, z_renwu_005_transform_bezier_anim 1.967s 0.05s both;
}

.nav-list .menu .lists .item:nth-child(3) {
  -webkit-animation: z_dedian_005_anim 1.917s 0.1s linear both, z_dedian_005_transform_bezier_anim 1.917s 0.1s both;
  animation: z_dedian_005_anim 1.917s 0.1s linear both, z_dedian_005_transform_bezier_anim 1.917s 0.1s both;
}

.nav-list .menu .lists .item:nth-child(4) {
  -webkit-animation: z_xinwenzhongxin_005_anim 1.85s 0.167s linear both, z_xinwenzhongxin_005_transform_bezier_anim 1.85s 0.167s both;
  animation: z_xinwenzhongxin_005_anim 1.85s 0.167s linear both, z_xinwenzhongxin_005_transform_bezier_anim 1.85s 0.167s both;
}

.nav-list .menu .lists .item:nth-child(5) {
  -webkit-animation: z_yanjie_005_anim 1.767s 0.25s linear both, z_yanjie_005_transform_bezier_anim 1.767s 0.25s both;
  animation: z_yanjie_005_anim 1.767s 0.25s linear both, z_yanjie_005_transform_bezier_anim 1.767s 0.25s both;
}

.nav-list .menu .lists .item:nth-child(6) {
  -webkit-animation: z_yuyaolichengbei_005_anim 1.667s 0.35s linear both, z_yuyaolichengbei_005_transform_bezier_anim 1.667s 0.35s both;
  animation: z_yuyaolichengbei_005_anim 1.667s 0.35s linear both, z_yuyaolichengbei_005_transform_bezier_anim 1.667s 0.35s both;
}

.nav-list .menu .lists .subs {
  position: absolute;
  left: 1.79rem;
  top: -0.27rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  font-size: 0.32rem;
  font-weight: 330;
  line-height: 0.52rem;
  letter-spacing: -0.0083rem;
  color: rgba(255, 255, 255, 0.5);
}

.nav-list .menu .lists .subs .sub {
  white-space: nowrap;
  cursor: pointer;
}

.nav-list .menu .lists .subs .sub.active {
  color: #fff;
}

.nav-list .menu .lists .item-role .subs {
  width: 2.81rem;
  -webkit-column-gap: 0.44rem;
  -moz-column-gap: 0.44rem;
  column-gap: 0.44rem;
  -webkit-animation: z_duichang_shiye_dafei_lixi_yinglong_saimo_005_anim 1.933s 0.083s linear both;
  animation: z_duichang_shiye_dafei_lixi_yinglong_saimo_005_anim 1.933s 0.083s linear both;
}

.nav-list .menu .lists .item-place .subs {
  width: 4.72rem;
  -webkit-column-gap: 0.6rem;
  -moz-column-gap: 0.6rem;
  column-gap: 0.6rem;
  -webkit-animation: z_mingpuou_weilanhu_chengzhong_qianbo_longqicun_binh_000_anim 1.85s 0.167s linear both;
  animation: z_mingpuou_weilanhu_chengzhong_qianbo_longqicun_binh_000_anim 1.85s 0.167s linear both;
}

.nav-list .menu .lists .item-role .sub {
  opacity: 0;
  -webkit-animation: z_duichang_shiye_dafei_lixi_yinglong_saimo_hecheng_2_005_anim 1.933s 0.083s linear both, z_duichang_shiye_dafei_lixi_yinglong_saimo_hecheng_2_005_transform_bezier_anim 1.933s 0.083s both;
  animation: z_duichang_shiye_dafei_lixi_yinglong_saimo_hecheng_2_005_anim 1.933s 0.083s linear both, z_duichang_shiye_dafei_lixi_yinglong_saimo_hecheng_2_005_transform_bezier_anim 1.933s 0.083s both;
}

.nav-list .menu .lists .item-role .sub:nth-child(2) {
  -webkit-animation: z_duichang_shiye_dafei_lixi_yinglong_saimo_hecheng_3_005_anim 1.917s 0.1s linear both, z_duichang_shiye_dafei_lixi_yinglong_saimo_hecheng_3_005_transform_bezier_anim 1.917s 0.1s both;
  animation: z_duichang_shiye_dafei_lixi_yinglong_saimo_hecheng_3_005_anim 1.917s 0.1s linear both, z_duichang_shiye_dafei_lixi_yinglong_saimo_hecheng_3_005_transform_bezier_anim 1.917s 0.1s both;
}

.nav-list .menu .lists .item-role .sub:nth-child(3) {
  -webkit-animation: z_duichang_shiye_dafei_lixi_yinglong_saimo_hecheng_4_005_anim 1.9s 0.117s linear both, z_duichang_shiye_dafei_lixi_yinglong_saimo_hecheng_4_005_transform_bezier_anim 1.9s 0.117s both;
  animation: z_duichang_shiye_dafei_lixi_yinglong_saimo_hecheng_4_005_anim 1.9s 0.117s linear both, z_duichang_shiye_dafei_lixi_yinglong_saimo_hecheng_4_005_transform_bezier_anim 1.9s 0.117s both;
}

.nav-list .menu .lists .item-role .sub:nth-child(4) {
  -webkit-animation: z_duichang_shiye_dafei_lixi_yinglong_saimo_hecheng_5_005_anim 1.883s 0.133s linear both, z_duichang_shiye_dafei_lixi_yinglong_saimo_hecheng_5_005_transform_bezier_anim 1.883s 0.133s both;
  animation: z_duichang_shiye_dafei_lixi_yinglong_saimo_hecheng_5_005_anim 1.883s 0.133s linear both, z_duichang_shiye_dafei_lixi_yinglong_saimo_hecheng_5_005_transform_bezier_anim 1.883s 0.133s both;
}

.nav-list .menu .lists .item-role .sub:nth-child(5) {
  -webkit-animation: z_duichang_shiye_dafei_lixi_yinglong_saimo_hecheng_6_005_anim 1.867s 0.15s linear both, z_duichang_shiye_dafei_lixi_yinglong_saimo_hecheng_6_005_transform_bezier_anim 1.867s 0.15s both;
  animation: z_duichang_shiye_dafei_lixi_yinglong_saimo_hecheng_6_005_anim 1.867s 0.15s linear both, z_duichang_shiye_dafei_lixi_yinglong_saimo_hecheng_6_005_transform_bezier_anim 1.867s 0.15s both;
}

.nav-list .menu .lists .item-role .sub:nth-child(6) {
  -webkit-animation: z_duichang_shiye_dafei_lixi_yinglong_saimo_hecheng_7_005_anim 1.85s 0.167s linear both, z_duichang_shiye_dafei_lixi_yinglong_saimo_hecheng_7_005_transform_bezier_anim 1.85s 0.167s both;
  animation: z_duichang_shiye_dafei_lixi_yinglong_saimo_hecheng_7_005_anim 1.85s 0.167s linear both, z_duichang_shiye_dafei_lixi_yinglong_saimo_hecheng_7_005_transform_bezier_anim 1.85s 0.167s both;
}

.nav-list .menu .lists .item-place .sub {
  opacity: 0;
  -webkit-animation: z_mingpuou_weilanhu_chengzhong_qianbo_longqicun_binh_005_anim 1.85s 0.167s linear both, z_mingpuou_weilanhu_chengzhong_qianbo_longqicun_binh_005_transform_bezier_anim 1.85s 0.167s both;
  animation: z_mingpuou_weilanhu_chengzhong_qianbo_longqicun_binh_005_anim 1.85s 0.167s linear both, z_mingpuou_weilanhu_chengzhong_qianbo_longqicun_binh_005_transform_bezier_anim 1.85s 0.167s both;
}

.nav-list .menu .lists .item-place .sub:nth-child(2) {
  -webkit-animation: z_mingpuou_weilanhu_chengzhong_qianbo_longqicun_binh_004_anim 1.833s 0.183s linear both, z_mingpuou_weilanhu_chengzhong_qianbo_longqicun_binh_004_transform_bezier_anim 1.833s 0.183s both;
  animation: z_mingpuou_weilanhu_chengzhong_qianbo_longqicun_binh_004_anim 1.833s 0.183s linear both, z_mingpuou_weilanhu_chengzhong_qianbo_longqicun_binh_004_transform_bezier_anim 1.833s 0.183s both;
}

.nav-list .menu .lists .item-place .sub:nth-child(3) {
  -webkit-animation: z_mingpuou_weilanhu_chengzhong_qianbo_longqicun_binh_003_anim 1.817s 0.2s linear both, z_mingpuou_weilanhu_chengzhong_qianbo_longqicun_binh_003_transform_bezier_anim 1.817s 0.2s both;
  animation: z_mingpuou_weilanhu_chengzhong_qianbo_longqicun_binh_003_anim 1.817s 0.2s linear both, z_mingpuou_weilanhu_chengzhong_qianbo_longqicun_binh_003_transform_bezier_anim 1.817s 0.2s both;
}

.nav-list .menu .lists .item-place .sub:nth-child(4) {
  -webkit-animation: z_mingpuou_weilanhu_chengzhong_qianbo_longqicun_binh_002_anim 1.8s 0.217s linear both, z_mingpuou_weilanhu_chengzhong_qianbo_longqicun_binh_002_transform_bezier_anim 1.8s 0.217s both;
  animation: z_mingpuou_weilanhu_chengzhong_qianbo_longqicun_binh_002_anim 1.8s 0.217s linear both, z_mingpuou_weilanhu_chengzhong_qianbo_longqicun_binh_002_transform_bezier_anim 1.8s 0.217s both;
}

.nav-list .menu .lists .item-place .sub:nth-child(5) {
  -webkit-animation: z_mingpuou_weilanhu_chengzhong_qianbo_longqicun_binh_001_anim 1.783s 0.233s linear both, z_mingpuou_weilanhu_chengzhong_qianbo_longqicun_binh_001_transform_bezier_anim 1.783s 0.233s both;
  animation: z_mingpuou_weilanhu_chengzhong_qianbo_longqicun_binh_001_anim 1.783s 0.233s linear both, z_mingpuou_weilanhu_chengzhong_qianbo_longqicun_binh_001_transform_bezier_anim 1.783s 0.233s both;
}

.nav-list .menu .lists.qudao {
  margin-top: 3.83rem;
  padding-left: 0;
}

.nav-list .menu .lists.qudao .channel-list {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(6, auto);
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  justify-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-column-gap: 0.32rem;
  -moz-column-gap: 0.32rem;
  column-gap: 0.32rem;
  row-gap: 1.28rem;
  cursor: default;
  border-radius: 0.15rem;
  padding-bottom: 1.28rem;
}

.nav-list .menu .lists.qudao .channel-list .channel-item {
  position: relative;
  margin: 0;
}

.nav-list .menu .lists.qudao .channel-list .channel-item.qq {
  background: url(https://www.anantagame.com/pc/gw/20260811142614/assets/sprite-a24823_a24823d6.png) center center no-repeat;
  background-size: 11.81rem 10.84rem;
  background-position: -10.97rem -8.84rem;
  width: 0.65rem;
  height: 0.76rem;
}

.nav-list .menu .lists.qudao .channel-list .channel-item.b {
  background: url(https://www.anantagame.com/pc/gw/20260811142614/assets/sprite-a24823_a24823d6.png) center center no-repeat;
  background-size: 11.81rem 10.84rem;
  background-position: -10.97rem -0;
  width: 0.8rem;
  height: 0.77rem;
}

.nav-list .menu .lists.qudao .channel-list .channel-item.tap {
  background: url(https://www.anantagame.com/pc/gw/20260811142614/assets/sprite-a24823_a24823d6.png) center center no-repeat;
  background-size: 11.81rem 10.84rem;
  background-position: -10.97rem -3.33rem;
  width: 0.77rem;
  height: 0.77rem;
}

.nav-list .menu .lists.qudao .channel-list .channel-item.wyy {
  background: url(https://www.anantagame.com/pc/gw/20260811142614/assets/sprite-a24823_a24823d6.png) center center no-repeat;
  background-size: 11.81rem 10.84rem;
  background-position: -10.97rem -0.81rem;
  width: 0.78rem;
  height: 0.78rem;
}

.nav-list .menu .lists.qudao .channel-list .channel-item.hykb {
  background: url(https://www.anantagame.com/pc/gw/20260811142614/assets/sprite-a24823_a24823d6.png) center center no-repeat;
  background-size: 11.81rem 10.84rem;
  background-position: -10.97rem -7.23rem;
  width: 0.69rem;
  height: 0.77rem;
}

.nav-list .menu .lists.qudao .channel-list .channel-item.ds {
  background: url(https://www.anantagame.com/pc/gw/20260811142614/assets/sprite-a24823_a24823d6.png) center center no-repeat;
  background-size: 11.81rem 10.84rem;
  background-position: -9.67rem -6.26rem;
  width: 0.99rem;
  height: 0.57rem;
}

.nav-list .menu .lists.qudao .channel-list .channel-item.wx {
  background: url(https://www.anantagame.com/pc/gw/20260811142614/assets/sprite-a24823_a24823d6.png) center center no-repeat;
  background-size: 11.81rem 10.84rem;
  background-position: -7.27rem -2.01rem;
  width: 0.94rem;
  height: 0.77rem;
}

.nav-list .menu .lists.qudao .channel-list .channel-item.douyin {
  background: url(https://www.anantagame.com/pc/gw/20260811142614/assets/sprite-a24823_a24823d6.png) center center no-repeat;
  background-size: 11.81rem 10.84rem;
  background-position: -10.97rem -8.04rem;
  width: 0.67rem;
  height: 0.76rem;
}

.nav-list .menu .lists.qudao .channel-list .channel-item.kuaishou {
  background: url(https://www.anantagame.com/pc/gw/20260811142614/assets/sprite-a24823_a24823d6.png) center center no-repeat;
  background-size: 11.81rem 10.84rem;
  background-position: -10.97rem -5.69rem;
  width: 0.73rem;
  height: 0.73rem;
}

.nav-list .menu .lists.qudao .channel-list .channel-item.xiaohongshu {
  background: url(https://www.anantagame.com/pc/gw/20260811142614/assets/sprite-a24823_a24823d6.png) center center no-repeat;
  background-size: 11.81rem 10.84rem;
  background-position: -10.97rem -4.14rem;
  width: 0.76rem;
  height: 0.73rem;
}

.nav-list .menu .lists.qudao .channel-list .channel-item.c4399 {
  background: url(https://www.anantagame.com/pc/gw/20260811142614/assets/sprite-a24823_a24823d6.png) center center no-repeat;
  background-size: 11.81rem 10.84rem;
  background-position: -10.97rem -6.46rem;
  width: 0.73rem;
  height: 0.73rem;
}

.nav-list .menu .lists.qudao .channel-list .channel-item.tieba {
  background: url(https://www.anantagame.com/pc/gw/20260811142614/assets/sprite-a24823_a24823d6.png) center center no-repeat;
  background-size: 11.81rem 10.84rem;
  background-position: -10.97rem -2.51rem;
  width: 0.77rem;
  height: 0.78rem;
}

.nav-list .menu .lists.qudao .channel-list .channel-item.twitter {
  background: url(https://www.anantagame.com/pc/gw/20260811142614/assets/sprite-a24823_a24823d6.png) center center no-repeat;
  background-size: 11.81rem 10.84rem;
  background-position: -10.97rem -4.91rem;
  width: 0.73rem;
  height: 0.74rem;
}

.nav-list .menu .lists.qudao .channel-list .channel-item.yt {
  background: url(https://www.anantagame.com/pc/gw/20260811142614/assets/sprite-a24823_a24823d6.png) center center no-repeat;
  background-size: 11.81rem 10.84rem;
  background-position: -0 -10.13rem;
  width: 0.95rem;
  height: 0.67rem;
}

.nav-list .menu .lists.qudao .channel-list .channel-item.discord {
  background: url(https://www.anantagame.com/pc/gw/20260811142614/assets/sprite-a24823_a24823d6.png) center center no-repeat;
  background-size: 11.81rem 10.84rem;
  background-position: -9.67rem -5.46rem;
  width: 0.99rem;
  height: 0.76rem;
}

.nav-list .menu .lists.qudao .channel-list .channel-item.tiktok {
  background: url(https://www.anantagame.com/pc/gw/20260811142614/assets/sprite-a24823_a24823d6.png) center center no-repeat;
  background-size: 11.81rem 10.84rem;
  background-position: -10.97rem -1.63rem;
  width: 0.72rem;
  height: 0.84rem;
}

.nav-list .menu .lists.qudao .channel-list .channel-item.facebook {
  background: url(https://www.anantagame.com/pc/gw/20260811142614/assets/sprite-a24823_a24823d6.png) center center no-repeat;
  background-size: 11.81rem 10.84rem;
  background-position: -6.9rem -4.82rem;
  width: 0.85rem;
  height: 0.84rem;
}

.nav-list .menu .lists.qudao .channel-list .channel-item.instagram {
  background: url(https://www.anantagame.com/pc/gw/20260811142614/assets/sprite-a24823_a24823d6.png) center center no-repeat;
  background-size: 11.81rem 10.84rem;
  background-position: -10.09rem -1.04rem;
  width: 0.84rem;
  height: 0.83rem;
}

.nav-list .menu .lists.qudao .channel-list .channel-item.reddit {
  background: url(https://www.anantagame.com/pc/gw/20260811142614/assets/sprite-a24823_a24823d6.png) center center no-repeat;
  background-size: 11.81rem 10.84rem;
  background-position: -6.7rem -6.34rem;
  width: 0.8rem;
  height: 0.8rem;
}

.nav-list .menu .lists.qudao .channel-list.oversea {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-column-gap: 0.6rem;
  -moz-column-gap: 0.6rem;
  column-gap: 0.6rem;
  row-gap: 1.28rem;
  max-width: 6rem;
  margin: 0 auto;
  padding-bottom: 1.28rem;
}

.nav-list .menu .lists.qudao .channel-list.oversea .channel-item {
  margin: 0;
}

.nav-list .menu .lists.qudao .channel-list .code-box {
  display: none;
  position: absolute;
  bottom: -0.36rem;
  left: 50%;
  -webkit-transform: translate(-50%, 100%);
  transform: translate(-50%, 100%);
  width: 2.17rem;
  height: 2.17rem;
  background-color: #fff;
  border-radius: 0.12rem;
  z-index: 1;
}

.nav-list .menu .lists.qudao .channel-list .code-box::before {
  content: '';
  position: absolute;
  top: -0.18rem;
  left: 50%;
  width: 0.36rem;
  height: 0.36rem;
  background: #fff;
  -webkit-transform: translateX(-50%) scaleX(0.6) rotate(45deg);
  transform: translateX(-50%) scaleX(0.6) rotate(45deg);
}

.nav-list .menu .lists.qudao .channel-list .qr-code {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 2.05rem;
  height: 2.05rem;
  border-radius: 0.04rem;
}

.nav-list .menu .lists.center {
  margin-top: 2.5rem;
  padding-left: 0.1rem;
}

.nav-list .menu .lists.center .user-info p {
  color: #FFF;
  font-family: MiSans, sans-serif;
  font-size: 0.4rem;
  font-style: normal;
  font-weight: 330;
  line-height: 0.47754rem;
  /* 119.385% */
}

.nav-list .menu .lists.center .user-info .account {
  font-size: 0.52rem;
  font-weight: 630;
  line-height: 0.5rem;
  position: relative;
  margin: 0.31rem 0 0.89rem 0.02rem;
  /* 96.154% */
  display: inline-block;
  max-width: 100%;
  word-break: break-all;
}

.nav-list .menu .lists.center .user-info .personal-center,
.nav-list .menu .lists.center .user-info .logout {
  border-radius: 0.08rem;
  border: none;
  padding: 0;
  background: #191919;
  width: 3.88rem;
  height: 0.9rem;
  margin-left: 0.04rem;
  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: #FFF;
  text-align: center;
  font-family: MiSans, sans-serif;
  font-size: 0.4rem;
  font-style: normal;
  font-weight: 330;
  line-height: 0.47754rem;
  cursor: pointer;
  /* 119.385% */
}

.nav-list .menu .lists.center .user-info .logout {
  background: rgba(25, 25, 25, 0.65);
  margin-top: 0.18rem;
}

.nav-list .mask {
  backdrop-filter: blur(0.8rem);
  -webkit-backdrop-filter: blur(0.8rem);
  background: rgba(0, 0, 0, 0.3);
}

.nav-list .close {
  position: absolute;
  top: 0.54rem;
  right: 0.22rem;
  cursor: pointer;
  background: url(https://www.anantagame.com/pc/gw/20260811142614/assets/sprite-a24823_a24823d6.png);
  background-size: 11.81rem 10.84rem;
  background-position: -11.39rem -9.64rem;
  width: 0.33rem;
  height: 0.34rem;
  mix-blend-mode: normal;
  opacity: 0.01;
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
  -webkit-animation: z_X_000_anim 0.6s 0s linear both, z_X_000_transform_bezier_anim 0.6s 0s both;
  animation: z_X_000_anim 0.6s 0s linear both, z_X_000_transform_bezier_anim 0.6s 0s both;
}

.nav-list-hide .top {
  opacity: 0;
  pointer-events: none;
}

.nav-list-hide .top-icon {
  opacity: 1;
  pointer-events: auto;
}

@-webkit-keyframes z_shouye_005_anim {
  0% {
    opacity: 0;
  }

  10.74% {
    opacity: 1;
  }

  100% {
    opacity: 1;
  }
}

@keyframes z_shouye_005_anim {
  0% {
    opacity: 0;
  }

  10.74% {
    opacity: 1;
  }

  100% {
    opacity: 1;
  }
}

@-webkit-keyframes z_shouye_005_transform_bezier_anim {
  0% {
    -webkit-transform: translate(0, -0.42rem) scaleY(0);
    transform: translate(0, -0.42rem) scaleY(0);
    -webkit-animation-timing-function: cubic-bezier(0.21, 0, 0.34, 1);
    animation-timing-function: cubic-bezier(0.21, 0, 0.34, 1);
  }

  10.74% {
    -webkit-transform: translate(0, 0) scaleY(1);
    transform: translate(0, 0) scaleY(1);
    -webkit-animation-timing-function: cubic-bezier(0, 0, 1, 1);
    animation-timing-function: cubic-bezier(0, 0, 1, 1);
  }

  100% {
    -webkit-transform: translate(0, 0) scaleY(1);
    transform: translate(0, 0) scaleY(1);
  }
}

@keyframes z_shouye_005_transform_bezier_anim {
  0% {
    -webkit-transform: translate(0, -0.42rem) scaleY(0);
    transform: translate(0, -0.42rem) scaleY(0);
    -webkit-animation-timing-function: cubic-bezier(0.21, 0, 0.34, 1);
    animation-timing-function: cubic-bezier(0.21, 0, 0.34, 1);
  }

  10.74% {
    -webkit-transform: translate(0, 0) scaleY(1);
    transform: translate(0, 0) scaleY(1);
    -webkit-animation-timing-function: cubic-bezier(0, 0, 1, 1);
    animation-timing-function: cubic-bezier(0, 0, 1, 1);
  }

  100% {
    -webkit-transform: translate(0, 0) scaleY(1);
    transform: translate(0, 0) scaleY(1);
  }
}

@-webkit-keyframes z_renwu_005_anim {
  0% {
    opacity: 0;
  }

  11.02% {
    opacity: 1;
  }

  100% {
    opacity: 1;
  }
}

@keyframes z_renwu_005_anim {
  0% {
    opacity: 0;
  }

  11.02% {
    opacity: 1;
  }

  100% {
    opacity: 1;
  }
}

@-webkit-keyframes z_renwu_005_transform_bezier_anim {
  0% {
    -webkit-transform: translate(0, -0.42rem) scaleY(0);
    transform: translate(0, -0.42rem) scaleY(0);
    -webkit-animation-timing-function: cubic-bezier(0.21, 0, 0.34, 1);
    animation-timing-function: cubic-bezier(0.21, 0, 0.34, 1);
  }

  11.02% {
    -webkit-transform: translate(0, 0) scaleY(1);
    transform: translate(0, 0) scaleY(1);
    -webkit-animation-timing-function: cubic-bezier(0, 0, 1, 1);
    animation-timing-function: cubic-bezier(0, 0, 1, 1);
  }

  100% {
    -webkit-transform: translate(0, 0) scaleY(1);
    transform: translate(0, 0) scaleY(1);
  }
}

@keyframes z_renwu_005_transform_bezier_anim {
  0% {
    -webkit-transform: translate(0, -0.42rem) scaleY(0);
    transform: translate(0, -0.42rem) scaleY(0);
    -webkit-animation-timing-function: cubic-bezier(0.21, 0, 0.34, 1);
    animation-timing-function: cubic-bezier(0.21, 0, 0.34, 1);
  }

  11.02% {
    -webkit-transform: translate(0, 0) scaleY(1);
    transform: translate(0, 0) scaleY(1);
    -webkit-animation-timing-function: cubic-bezier(0, 0, 1, 1);
    animation-timing-function: cubic-bezier(0, 0, 1, 1);
  }

  100% {
    -webkit-transform: translate(0, 0) scaleY(1);
    transform: translate(0, 0) scaleY(1);
  }
}

@-webkit-keyframes z_dedian_005_anim {
  0% {
    opacity: 0;
  }

  12.17% {
    opacity: 1;
  }

  100% {
    opacity: 1;
  }
}

@keyframes z_dedian_005_anim {
  0% {
    opacity: 0;
  }

  12.17% {
    opacity: 1;
  }

  100% {
    opacity: 1;
  }
}

@-webkit-keyframes z_dedian_005_transform_bezier_anim {
  0% {
    -webkit-transform: translate(0, -0.42rem) scaleY(0);
    transform: translate(0, -0.42rem) scaleY(0);
    -webkit-animation-timing-function: cubic-bezier(0.21, 0, 0.34, 1);
    animation-timing-function: cubic-bezier(0.21, 0, 0.34, 1);
  }

  12.17% {
    -webkit-transform: translate(0, 0) scaleY(1);
    transform: translate(0, 0) scaleY(1);
    -webkit-animation-timing-function: cubic-bezier(0, 0, 1, 1);
    animation-timing-function: cubic-bezier(0, 0, 1, 1);
  }

  100% {
    -webkit-transform: translate(0, 0) scaleY(1);
    transform: translate(0, 0) scaleY(1);
  }
}

@keyframes z_dedian_005_transform_bezier_anim {
  0% {
    -webkit-transform: translate(0, -0.42rem) scaleY(0);
    transform: translate(0, -0.42rem) scaleY(0);
    -webkit-animation-timing-function: cubic-bezier(0.21, 0, 0.34, 1);
    animation-timing-function: cubic-bezier(0.21, 0, 0.34, 1);
  }

  12.17% {
    -webkit-transform: translate(0, 0) scaleY(1);
    transform: translate(0, 0) scaleY(1);
    -webkit-animation-timing-function: cubic-bezier(0, 0, 1, 1);
    animation-timing-function: cubic-bezier(0, 0, 1, 1);
  }

  100% {
    -webkit-transform: translate(0, 0) scaleY(1);
    transform: translate(0, 0) scaleY(1);
  }
}

@-webkit-keyframes z_xinwenzhongxin_005_anim {
  0% {
    opacity: 0;
  }

  15.32% {
    opacity: 1;
  }

  100% {
    opacity: 1;
  }
}

@keyframes z_xinwenzhongxin_005_anim {
  0% {
    opacity: 0;
  }

  15.32% {
    opacity: 1;
  }

  100% {
    opacity: 1;
  }
}

@-webkit-keyframes z_xinwenzhongxin_005_transform_bezier_anim {
  0% {
    -webkit-transform: translate(0, -0.42rem) scaleY(0);
    transform: translate(0, -0.42rem) scaleY(0);
    -webkit-animation-timing-function: cubic-bezier(0.21, 0, 0.34, 1);
    animation-timing-function: cubic-bezier(0.21, 0, 0.34, 1);
  }

  15.32% {
    -webkit-transform: translate(0, 0) scaleY(1);
    transform: translate(0, 0) scaleY(1);
    -webkit-animation-timing-function: cubic-bezier(0, 0, 1, 1);
    animation-timing-function: cubic-bezier(0, 0, 1, 1);
  }

  100% {
    -webkit-transform: translate(0, 0) scaleY(1);
    transform: translate(0, 0) scaleY(1);
  }
}

@keyframes z_xinwenzhongxin_005_transform_bezier_anim {
  0% {
    -webkit-transform: translate(0, -0.42rem) scaleY(0);
    transform: translate(0, -0.42rem) scaleY(0);
    -webkit-animation-timing-function: cubic-bezier(0.21, 0, 0.34, 1);
    animation-timing-function: cubic-bezier(0.21, 0, 0.34, 1);
  }

  15.32% {
    -webkit-transform: translate(0, 0) scaleY(1);
    transform: translate(0, 0) scaleY(1);
    -webkit-animation-timing-function: cubic-bezier(0, 0, 1, 1);
    animation-timing-function: cubic-bezier(0, 0, 1, 1);
  }

  100% {
    -webkit-transform: translate(0, 0) scaleY(1);
    transform: translate(0, 0) scaleY(1);
  }
}

@-webkit-keyframes z_yanjie_005_anim {
  0% {
    opacity: 0;
  }

  17.92% {
    opacity: 1;
  }

  100% {
    opacity: 1;
  }
}

@keyframes z_yanjie_005_anim {
  0% {
    opacity: 0;
  }

  17.92% {
    opacity: 1;
  }

  100% {
    opacity: 1;
  }
}

@-webkit-keyframes z_yanjie_005_transform_bezier_anim {
  0% {
    -webkit-transform: translate(0, -0.42rem) scaleY(0);
    transform: translate(0, -0.42rem) scaleY(0);
    -webkit-animation-timing-function: cubic-bezier(0.21, 0, 0.34, 1);
    animation-timing-function: cubic-bezier(0.21, 0, 0.34, 1);
  }

  17.92% {
    -webkit-transform: translate(0, 0) scaleY(1);
    transform: translate(0, 0) scaleY(1);
    -webkit-animation-timing-function: cubic-bezier(0, 0, 1, 1);
    animation-timing-function: cubic-bezier(0, 0, 1, 1);
  }

  100% {
    -webkit-transform: translate(0, 0) scaleY(1);
    transform: translate(0, 0) scaleY(1);
  }
}

@keyframes z_yanjie_005_transform_bezier_anim {
  0% {
    -webkit-transform: translate(0, -0.42rem) scaleY(0);
    transform: translate(0, -0.42rem) scaleY(0);
    -webkit-animation-timing-function: cubic-bezier(0.21, 0, 0.34, 1);
    animation-timing-function: cubic-bezier(0.21, 0, 0.34, 1);
  }

  17.92% {
    -webkit-transform: translate(0, 0) scaleY(1);
    transform: translate(0, 0) scaleY(1);
    -webkit-animation-timing-function: cubic-bezier(0, 0, 1, 1);
    animation-timing-function: cubic-bezier(0, 0, 1, 1);
  }

  100% {
    -webkit-transform: translate(0, 0) scaleY(1);
    transform: translate(0, 0) scaleY(1);
  }
}

@-webkit-keyframes z_yuyaolichengbei_005_anim {
  0% {
    opacity: 0;
  }

  22% {
    opacity: 1;
  }

  100% {
    opacity: 1;
  }
}

@keyframes z_yuyaolichengbei_005_anim {
  0% {
    opacity: 0;
  }

  22% {
    opacity: 1;
  }

  100% {
    opacity: 1;
  }
}

@-webkit-keyframes z_yuyaolichengbei_005_transform_bezier_anim {
  0% {
    -webkit-transform: translate(0, -0.42rem) scaleY(0);
    transform: translate(0, -0.42rem) scaleY(0);
    -webkit-animation-timing-function: cubic-bezier(0.21, 0, 0.34, 1);
    animation-timing-function: cubic-bezier(0.21, 0, 0.34, 1);
  }

  22% {
    -webkit-transform: translate(0, 0) scaleY(1);
    transform: translate(0, 0) scaleY(1);
    -webkit-animation-timing-function: cubic-bezier(0, 0, 1, 1);
    animation-timing-function: cubic-bezier(0, 0, 1, 1);
  }

  100% {
    -webkit-transform: translate(0, 0) scaleY(1);
    transform: translate(0, 0) scaleY(1);
  }
}

@keyframes z_yuyaolichengbei_005_transform_bezier_anim {
  0% {
    -webkit-transform: translate(0, -0.42rem) scaleY(0);
    transform: translate(0, -0.42rem) scaleY(0);
    -webkit-animation-timing-function: cubic-bezier(0.21, 0, 0.34, 1);
    animation-timing-function: cubic-bezier(0.21, 0, 0.34, 1);
  }

  22% {
    -webkit-transform: translate(0, 0) scaleY(1);
    transform: translate(0, 0) scaleY(1);
    -webkit-animation-timing-function: cubic-bezier(0, 0, 1, 1);
    animation-timing-function: cubic-bezier(0, 0, 1, 1);
  }

  100% {
    -webkit-transform: translate(0, 0) scaleY(1);
    transform: translate(0, 0) scaleY(1);
  }
}

@-webkit-keyframes z_duichang_shiye_dafei_lixi_yinglong_saimo_005_anim {
  0% {
    opacity: 0;
  }

  0.01% {
    opacity: 1;
  }

  100% {
    opacity: 1;
  }
}

@keyframes z_duichang_shiye_dafei_lixi_yinglong_saimo_005_anim {
  0% {
    opacity: 0;
  }

  0.01% {
    opacity: 1;
  }

  100% {
    opacity: 1;
  }
}

@-webkit-keyframes z_duichang_shiye_dafei_lixi_yinglong_saimo_hecheng_2_005_anim {
  0% {
    opacity: 0;
  }

  12.07% {
    opacity: 1;
  }

  100% {
    opacity: 1;
  }
}

@keyframes z_duichang_shiye_dafei_lixi_yinglong_saimo_hecheng_2_005_anim {
  0% {
    opacity: 0;
  }

  12.07% {
    opacity: 1;
  }

  100% {
    opacity: 1;
  }
}

@-webkit-keyframes z_duichang_shiye_dafei_lixi_yinglong_saimo_hecheng_2_005_transform_bezier_anim {
  0% {
    -webkit-transform: translate(0, -0.35rem) scaleY(0);
    transform: translate(0, -0.35rem) scaleY(0);
    -webkit-animation-timing-function: cubic-bezier(0.21, 0, 0.34, 1);
    animation-timing-function: cubic-bezier(0.21, 0, 0.34, 1);
  }

  12.07% {
    -webkit-transform: translate(0, 0) scaleY(1);
    transform: translate(0, 0) scaleY(1);
    -webkit-animation-timing-function: cubic-bezier(0, 0, 1, 1);
    animation-timing-function: cubic-bezier(0, 0, 1, 1);
  }

  100% {
    -webkit-transform: translate(0, 0) scaleY(1);
    transform: translate(0, 0) scaleY(1);
  }
}

@keyframes z_duichang_shiye_dafei_lixi_yinglong_saimo_hecheng_2_005_transform_bezier_anim {
  0% {
    -webkit-transform: translate(0, -0.35rem) scaleY(0);
    transform: translate(0, -0.35rem) scaleY(0);
    -webkit-animation-timing-function: cubic-bezier(0.21, 0, 0.34, 1);
    animation-timing-function: cubic-bezier(0.21, 0, 0.34, 1);
  }

  12.07% {
    -webkit-transform: translate(0, 0) scaleY(1);
    transform: translate(0, 0) scaleY(1);
    -webkit-animation-timing-function: cubic-bezier(0, 0, 1, 1);
    animation-timing-function: cubic-bezier(0, 0, 1, 1);
  }

  100% {
    -webkit-transform: translate(0, 0) scaleY(1);
    transform: translate(0, 0) scaleY(1);
  }
}

@-webkit-keyframes z_duichang_shiye_dafei_lixi_yinglong_saimo_hecheng_3_005_anim {
  0% {
    opacity: 0;
  }

  12.17% {
    opacity: 1;
  }

  100% {
    opacity: 1;
  }
}

@keyframes z_duichang_shiye_dafei_lixi_yinglong_saimo_hecheng_3_005_anim {
  0% {
    opacity: 0;
  }

  12.17% {
    opacity: 1;
  }

  100% {
    opacity: 1;
  }
}

@-webkit-keyframes z_duichang_shiye_dafei_lixi_yinglong_saimo_hecheng_3_005_transform_bezier_anim {
  0% {
    -webkit-transform: translate(0, -0.35rem) scaleY(0);
    transform: translate(0, -0.35rem) scaleY(0);
    -webkit-animation-timing-function: cubic-bezier(0.21, 0, 0.34, 1);
    animation-timing-function: cubic-bezier(0.21, 0, 0.34, 1);
  }

  12.17% {
    -webkit-transform: translate(0, 0) scaleY(1);
    transform: translate(0, 0) scaleY(1);
    -webkit-animation-timing-function: cubic-bezier(0, 0, 1, 1);
    animation-timing-function: cubic-bezier(0, 0, 1, 1);
  }

  100% {
    -webkit-transform: translate(0, 0) scaleY(1);
    transform: translate(0, 0) scaleY(1);
  }
}

@keyframes z_duichang_shiye_dafei_lixi_yinglong_saimo_hecheng_3_005_transform_bezier_anim {
  0% {
    -webkit-transform: translate(0, -0.35rem) scaleY(0);
    transform: translate(0, -0.35rem) scaleY(0);
    -webkit-animation-timing-function: cubic-bezier(0.21, 0, 0.34, 1);
    animation-timing-function: cubic-bezier(0.21, 0, 0.34, 1);
  }

  12.17% {
    -webkit-transform: translate(0, 0) scaleY(1);
    transform: translate(0, 0) scaleY(1);
    -webkit-animation-timing-function: cubic-bezier(0, 0, 1, 1);
    animation-timing-function: cubic-bezier(0, 0, 1, 1);
  }

  100% {
    -webkit-transform: translate(0, 0) scaleY(1);
    transform: translate(0, 0) scaleY(1);
  }
}

@-webkit-keyframes z_duichang_shiye_dafei_lixi_yinglong_saimo_hecheng_4_005_anim {
  0% {
    opacity: 0;
  }

  12.28% {
    opacity: 1;
  }

  100% {
    opacity: 1;
  }
}

@keyframes z_duichang_shiye_dafei_lixi_yinglong_saimo_hecheng_4_005_anim {
  0% {
    opacity: 0;
  }

  12.28% {
    opacity: 1;
  }

  100% {
    opacity: 1;
  }
}

@-webkit-keyframes z_duichang_shiye_dafei_lixi_yinglong_saimo_hecheng_4_005_transform_bezier_anim {
  0% {
    -webkit-transform: translate(0, -0.35rem) scaleY(0);
    transform: translate(0, -0.35rem) scaleY(0);
    -webkit-animation-timing-function: cubic-bezier(0.21, 0, 0.34, 1);
    animation-timing-function: cubic-bezier(0.21, 0, 0.34, 1);
  }

  12.28% {
    -webkit-transform: translate(0, 0) scaleY(1);
    transform: translate(0, 0) scaleY(1);
    -webkit-animation-timing-function: cubic-bezier(0, 0, 1, 1);
    animation-timing-function: cubic-bezier(0, 0, 1, 1);
  }

  100% {
    -webkit-transform: translate(0, 0) scaleY(1);
    transform: translate(0, 0) scaleY(1);
  }
}

@keyframes z_duichang_shiye_dafei_lixi_yinglong_saimo_hecheng_4_005_transform_bezier_anim {
  0% {
    -webkit-transform: translate(0, -0.35rem) scaleY(0);
    transform: translate(0, -0.35rem) scaleY(0);
    -webkit-animation-timing-function: cubic-bezier(0.21, 0, 0.34, 1);
    animation-timing-function: cubic-bezier(0.21, 0, 0.34, 1);
  }

  12.28% {
    -webkit-transform: translate(0, 0) scaleY(1);
    transform: translate(0, 0) scaleY(1);
    -webkit-animation-timing-function: cubic-bezier(0, 0, 1, 1);
    animation-timing-function: cubic-bezier(0, 0, 1, 1);
  }

  100% {
    -webkit-transform: translate(0, 0) scaleY(1);
    transform: translate(0, 0) scaleY(1);
  }
}

@-webkit-keyframes z_duichang_shiye_dafei_lixi_yinglong_saimo_hecheng_5_005_anim {
  0% {
    opacity: 0;
  }

  12.39% {
    opacity: 1;
  }

  100% {
    opacity: 1;
  }
}

@keyframes z_duichang_shiye_dafei_lixi_yinglong_saimo_hecheng_5_005_anim {
  0% {
    opacity: 0;
  }

  12.39% {
    opacity: 1;
  }

  100% {
    opacity: 1;
  }
}

@-webkit-keyframes z_duichang_shiye_dafei_lixi_yinglong_saimo_hecheng_5_005_transform_bezier_anim {
  0% {
    -webkit-transform: translate(0, -0.35rem) scaleY(0);
    transform: translate(0, -0.35rem) scaleY(0);
    -webkit-animation-timing-function: cubic-bezier(0.21, 0, 0.34, 1);
    animation-timing-function: cubic-bezier(0.21, 0, 0.34, 1);
  }

  12.39% {
    -webkit-transform: translate(0, 0) scaleY(1);
    transform: translate(0, 0) scaleY(1);
    -webkit-animation-timing-function: cubic-bezier(0, 0, 1, 1);
    animation-timing-function: cubic-bezier(0, 0, 1, 1);
  }

  100% {
    -webkit-transform: translate(0, 0) scaleY(1);
    transform: translate(0, 0) scaleY(1);
  }
}

@keyframes z_duichang_shiye_dafei_lixi_yinglong_saimo_hecheng_5_005_transform_bezier_anim {
  0% {
    -webkit-transform: translate(0, -0.35rem) scaleY(0);
    transform: translate(0, -0.35rem) scaleY(0);
    -webkit-animation-timing-function: cubic-bezier(0.21, 0, 0.34, 1);
    animation-timing-function: cubic-bezier(0.21, 0, 0.34, 1);
  }

  12.39% {
    -webkit-transform: translate(0, 0) scaleY(1);
    transform: translate(0, 0) scaleY(1);
    -webkit-animation-timing-function: cubic-bezier(0, 0, 1, 1);
    animation-timing-function: cubic-bezier(0, 0, 1, 1);
  }

  100% {
    -webkit-transform: translate(0, 0) scaleY(1);
    transform: translate(0, 0) scaleY(1);
  }
}

@-webkit-keyframes z_duichang_shiye_dafei_lixi_yinglong_saimo_hecheng_6_005_anim {
  0% {
    opacity: 0;
  }

  12.5% {
    opacity: 1;
  }

  100% {
    opacity: 1;
  }
}

@keyframes z_duichang_shiye_dafei_lixi_yinglong_saimo_hecheng_6_005_anim {
  0% {
    opacity: 0;
  }

  12.5% {
    opacity: 1;
  }

  100% {
    opacity: 1;
  }
}

@-webkit-keyframes z_duichang_shiye_dafei_lixi_yinglong_saimo_hecheng_6_005_transform_bezier_anim {
  0% {
    -webkit-transform: translate(0, -0.35rem) scaleY(0);
    transform: translate(0, -0.35rem) scaleY(0);
    -webkit-animation-timing-function: cubic-bezier(0.21, 0, 0.34, 1);
    animation-timing-function: cubic-bezier(0.21, 0, 0.34, 1);
  }

  12.5% {
    -webkit-transform: translate(0, 0) scaleY(1);
    transform: translate(0, 0) scaleY(1);
    -webkit-animation-timing-function: cubic-bezier(0, 0, 1, 1);
    animation-timing-function: cubic-bezier(0, 0, 1, 1);
  }

  100% {
    -webkit-transform: translate(0, 0) scaleY(1);
    transform: translate(0, 0) scaleY(1);
  }
}

@keyframes z_duichang_shiye_dafei_lixi_yinglong_saimo_hecheng_6_005_transform_bezier_anim {
  0% {
    -webkit-transform: translate(0, -0.35rem) scaleY(0);
    transform: translate(0, -0.35rem) scaleY(0);
    -webkit-animation-timing-function: cubic-bezier(0.21, 0, 0.34, 1);
    animation-timing-function: cubic-bezier(0.21, 0, 0.34, 1);
  }

  12.5% {
    -webkit-transform: translate(0, 0) scaleY(1);
    transform: translate(0, 0) scaleY(1);
    -webkit-animation-timing-function: cubic-bezier(0, 0, 1, 1);
    animation-timing-function: cubic-bezier(0, 0, 1, 1);
  }

  100% {
    -webkit-transform: translate(0, 0) scaleY(1);
    transform: translate(0, 0) scaleY(1);
  }
}

@-webkit-keyframes z_duichang_shiye_dafei_lixi_yinglong_saimo_hecheng_7_005_anim {
  0% {
    opacity: 0;
  }

  12.61% {
    opacity: 1;
  }

  100% {
    opacity: 1;
  }
}

@keyframes z_duichang_shiye_dafei_lixi_yinglong_saimo_hecheng_7_005_anim {
  0% {
    opacity: 0;
  }

  12.61% {
    opacity: 1;
  }

  100% {
    opacity: 1;
  }
}

@-webkit-keyframes z_duichang_shiye_dafei_lixi_yinglong_saimo_hecheng_7_005_transform_bezier_anim {
  0% {
    -webkit-transform: translate(0, -0.35rem) scaleY(0);
    transform: translate(0, -0.35rem) scaleY(0);
    -webkit-animation-timing-function: cubic-bezier(0.21, 0, 0.34, 1);
    animation-timing-function: cubic-bezier(0.21, 0, 0.34, 1);
  }

  12.61% {
    -webkit-transform: translate(0, 0) scaleY(1);
    transform: translate(0, 0) scaleY(1);
    -webkit-animation-timing-function: cubic-bezier(0, 0, 1, 1);
    animation-timing-function: cubic-bezier(0, 0, 1, 1);
  }

  100% {
    -webkit-transform: translate(0, 0) scaleY(1);
    transform: translate(0, 0) scaleY(1);
  }
}

@keyframes z_duichang_shiye_dafei_lixi_yinglong_saimo_hecheng_7_005_transform_bezier_anim {
  0% {
    -webkit-transform: translate(0, -0.35rem) scaleY(0);
    transform: translate(0, -0.35rem) scaleY(0);
    -webkit-animation-timing-function: cubic-bezier(0.21, 0, 0.34, 1);
    animation-timing-function: cubic-bezier(0.21, 0, 0.34, 1);
  }

  12.61% {
    -webkit-transform: translate(0, 0) scaleY(1);
    transform: translate(0, 0) scaleY(1);
    -webkit-animation-timing-function: cubic-bezier(0, 0, 1, 1);
    animation-timing-function: cubic-bezier(0, 0, 1, 1);
  }

  100% {
    -webkit-transform: translate(0, 0) scaleY(1);
    transform: translate(0, 0) scaleY(1);
  }
}

@-webkit-keyframes z_mingpuou_weilanhu_chengzhong_qianbo_longqicun_binh_000_anim {
  0% {
    opacity: 0;
  }

  0.01% {
    opacity: 1;
  }

  100% {
    opacity: 1;
  }
}

@keyframes z_mingpuou_weilanhu_chengzhong_qianbo_longqicun_binh_000_anim {
  0% {
    opacity: 0;
  }

  0.01% {
    opacity: 1;
  }

  100% {
    opacity: 1;
  }
}

@-webkit-keyframes z_mingpuou_weilanhu_chengzhong_qianbo_longqicun_binh_005_anim {
  0% {
    opacity: 0;
  }

  12.61% {
    opacity: 1;
  }

  100% {
    opacity: 1;
  }
}

@keyframes z_mingpuou_weilanhu_chengzhong_qianbo_longqicun_binh_005_anim {
  0% {
    opacity: 0;
  }

  12.61% {
    opacity: 1;
  }

  100% {
    opacity: 1;
  }
}

@-webkit-keyframes z_mingpuou_weilanhu_chengzhong_qianbo_longqicun_binh_005_transform_bezier_anim {
  0% {
    -webkit-transform: translate(0, -0.25rem) scaleY(0);
    transform: translate(0, -0.25rem) scaleY(0);
    -webkit-animation-timing-function: cubic-bezier(0.21, 0, 0.34, 1);
    animation-timing-function: cubic-bezier(0.21, 0, 0.34, 1);
  }

  12.61% {
    -webkit-transform: translate(0, 0) scaleY(1);
    transform: translate(0, 0) scaleY(1);
    -webkit-animation-timing-function: cubic-bezier(0, 0, 1, 1);
    animation-timing-function: cubic-bezier(0, 0, 1, 1);
  }

  100% {
    -webkit-transform: translate(0, 0) scaleY(1);
    transform: translate(0, 0) scaleY(1);
  }
}

@keyframes z_mingpuou_weilanhu_chengzhong_qianbo_longqicun_binh_005_transform_bezier_anim {
  0% {
    -webkit-transform: translate(0, -0.25rem) scaleY(0);
    transform: translate(0, -0.25rem) scaleY(0);
    -webkit-animation-timing-function: cubic-bezier(0.21, 0, 0.34, 1);
    animation-timing-function: cubic-bezier(0.21, 0, 0.34, 1);
  }

  12.61% {
    -webkit-transform: translate(0, 0) scaleY(1);
    transform: translate(0, 0) scaleY(1);
    -webkit-animation-timing-function: cubic-bezier(0, 0, 1, 1);
    animation-timing-function: cubic-bezier(0, 0, 1, 1);
  }

  100% {
    -webkit-transform: translate(0, 0) scaleY(1);
    transform: translate(0, 0) scaleY(1);
  }
}

@-webkit-keyframes z_mingpuou_weilanhu_chengzhong_qianbo_longqicun_binh_004_anim {
  0% {
    opacity: 0;
  }

  12.73% {
    opacity: 1;
  }

  100% {
    opacity: 1;
  }
}

@keyframes z_mingpuou_weilanhu_chengzhong_qianbo_longqicun_binh_004_anim {
  0% {
    opacity: 0;
  }

  12.73% {
    opacity: 1;
  }

  100% {
    opacity: 1;
  }
}

@-webkit-keyframes z_mingpuou_weilanhu_chengzhong_qianbo_longqicun_binh_004_transform_bezier_anim {
  0% {
    -webkit-transform: translate(0, -0.25rem) scaleY(0);
    transform: translate(0, -0.25rem) scaleY(0);
    -webkit-animation-timing-function: cubic-bezier(0.21, 0, 0.34, 1);
    animation-timing-function: cubic-bezier(0.21, 0, 0.34, 1);
  }

  12.73% {
    -webkit-transform: translate(0, 0) scaleY(1);
    transform: translate(0, 0) scaleY(1);
    -webkit-animation-timing-function: cubic-bezier(0, 0, 1, 1);
    animation-timing-function: cubic-bezier(0, 0, 1, 1);
  }

  100% {
    -webkit-transform: translate(0, 0) scaleY(1);
    transform: translate(0, 0) scaleY(1);
  }
}

@keyframes z_mingpuou_weilanhu_chengzhong_qianbo_longqicun_binh_004_transform_bezier_anim {
  0% {
    -webkit-transform: translate(0, -0.25rem) scaleY(0);
    transform: translate(0, -0.25rem) scaleY(0);
    -webkit-animation-timing-function: cubic-bezier(0.21, 0, 0.34, 1);
    animation-timing-function: cubic-bezier(0.21, 0, 0.34, 1);
  }

  12.73% {
    -webkit-transform: translate(0, 0) scaleY(1);
    transform: translate(0, 0) scaleY(1);
    -webkit-animation-timing-function: cubic-bezier(0, 0, 1, 1);
    animation-timing-function: cubic-bezier(0, 0, 1, 1);
  }

  100% {
    -webkit-transform: translate(0, 0) scaleY(1);
    transform: translate(0, 0) scaleY(1);
  }
}

@-webkit-keyframes z_mingpuou_weilanhu_chengzhong_qianbo_longqicun_binh_003_anim {
  0% {
    opacity: 0;
  }

  12.84% {
    opacity: 1;
  }

  100% {
    opacity: 1;
  }
}

@keyframes z_mingpuou_weilanhu_chengzhong_qianbo_longqicun_binh_003_anim {
  0% {
    opacity: 0;
  }

  12.84% {
    opacity: 1;
  }

  100% {
    opacity: 1;
  }
}

@-webkit-keyframes z_mingpuou_weilanhu_chengzhong_qianbo_longqicun_binh_003_transform_bezier_anim {
  0% {
    -webkit-transform: translate(0, -0.25rem) scaleY(0);
    transform: translate(0, -0.25rem) scaleY(0);
    -webkit-animation-timing-function: cubic-bezier(0.21, 0, 0.34, 1);
    animation-timing-function: cubic-bezier(0.21, 0, 0.34, 1);
  }

  12.84% {
    -webkit-transform: translate(0, 0) scaleY(1);
    transform: translate(0, 0) scaleY(1);
    -webkit-animation-timing-function: cubic-bezier(0, 0, 1, 1);
    animation-timing-function: cubic-bezier(0, 0, 1, 1);
  }

  100% {
    -webkit-transform: translate(0, 0) scaleY(1);
    transform: translate(0, 0) scaleY(1);
  }
}

@keyframes z_mingpuou_weilanhu_chengzhong_qianbo_longqicun_binh_003_transform_bezier_anim {
  0% {
    -webkit-transform: translate(0, -0.25rem) scaleY(0);
    transform: translate(0, -0.25rem) scaleY(0);
    -webkit-animation-timing-function: cubic-bezier(0.21, 0, 0.34, 1);
    animation-timing-function: cubic-bezier(0.21, 0, 0.34, 1);
  }

  12.84% {
    -webkit-transform: translate(0, 0) scaleY(1);
    transform: translate(0, 0) scaleY(1);
    -webkit-animation-timing-function: cubic-bezier(0, 0, 1, 1);
    animation-timing-function: cubic-bezier(0, 0, 1, 1);
  }

  100% {
    -webkit-transform: translate(0, 0) scaleY(1);
    transform: translate(0, 0) scaleY(1);
  }
}

@-webkit-keyframes z_mingpuou_weilanhu_chengzhong_qianbo_longqicun_binh_002_anim {
  0% {
    opacity: 0;
  }

  12.96% {
    opacity: 1;
  }

  100% {
    opacity: 1;
  }
}

@keyframes z_mingpuou_weilanhu_chengzhong_qianbo_longqicun_binh_002_anim {
  0% {
    opacity: 0;
  }

  12.96% {
    opacity: 1;
  }

  100% {
    opacity: 1;
  }
}

@-webkit-keyframes z_mingpuou_weilanhu_chengzhong_qianbo_longqicun_binh_002_transform_bezier_anim {
  0% {
    -webkit-transform: translate(0, -0.25rem) scaleY(0);
    transform: translate(0, -0.25rem) scaleY(0);
    -webkit-animation-timing-function: cubic-bezier(0.21, 0, 0.34, 1);
    animation-timing-function: cubic-bezier(0.21, 0, 0.34, 1);
  }

  12.96% {
    -webkit-transform: translate(0, 0) scaleY(1);
    transform: translate(0, 0) scaleY(1);
    -webkit-animation-timing-function: cubic-bezier(0, 0, 1, 1);
    animation-timing-function: cubic-bezier(0, 0, 1, 1);
  }

  100% {
    -webkit-transform: translate(0, 0) scaleY(1);
    transform: translate(0, 0) scaleY(1);
  }
}

@keyframes z_mingpuou_weilanhu_chengzhong_qianbo_longqicun_binh_002_transform_bezier_anim {
  0% {
    -webkit-transform: translate(0, -0.25rem) scaleY(0);
    transform: translate(0, -0.25rem) scaleY(0);
    -webkit-animation-timing-function: cubic-bezier(0.21, 0, 0.34, 1);
    animation-timing-function: cubic-bezier(0.21, 0, 0.34, 1);
  }

  12.96% {
    -webkit-transform: translate(0, 0) scaleY(1);
    transform: translate(0, 0) scaleY(1);
    -webkit-animation-timing-function: cubic-bezier(0, 0, 1, 1);
    animation-timing-function: cubic-bezier(0, 0, 1, 1);
  }

  100% {
    -webkit-transform: translate(0, 0) scaleY(1);
    transform: translate(0, 0) scaleY(1);
  }
}

@-webkit-keyframes z_mingpuou_weilanhu_chengzhong_qianbo_longqicun_binh_001_anim {
  0% {
    opacity: 0;
  }

  13.08% {
    opacity: 1;
  }

  100% {
    opacity: 1;
  }
}

@keyframes z_mingpuou_weilanhu_chengzhong_qianbo_longqicun_binh_001_anim {
  0% {
    opacity: 0;
  }

  13.08% {
    opacity: 1;
  }

  100% {
    opacity: 1;
  }
}

@-webkit-keyframes z_mingpuou_weilanhu_chengzhong_qianbo_longqicun_binh_001_transform_bezier_anim {
  0% {
    -webkit-transform: translate(0, -0.25rem) scaleY(0);
    transform: translate(0, -0.25rem) scaleY(0);
    -webkit-animation-timing-function: cubic-bezier(0.21, 0, 0.34, 1);
    animation-timing-function: cubic-bezier(0.21, 0, 0.34, 1);
  }

  13.08% {
    -webkit-transform: translate(0, 0) scaleY(1);
    transform: translate(0, 0) scaleY(1);
    -webkit-animation-timing-function: cubic-bezier(0, 0, 1, 1);
    animation-timing-function: cubic-bezier(0, 0, 1, 1);
  }

  100% {
    -webkit-transform: translate(0, 0) scaleY(1);
    transform: translate(0, 0) scaleY(1);
  }
}

@keyframes z_mingpuou_weilanhu_chengzhong_qianbo_longqicun_binh_001_transform_bezier_anim {
  0% {
    -webkit-transform: translate(0, -0.25rem) scaleY(0);
    transform: translate(0, -0.25rem) scaleY(0);
    -webkit-animation-timing-function: cubic-bezier(0.21, 0, 0.34, 1);
    animation-timing-function: cubic-bezier(0.21, 0, 0.34, 1);
  }

  13.08% {
    -webkit-transform: translate(0, 0) scaleY(1);
    transform: translate(0, 0) scaleY(1);
    -webkit-animation-timing-function: cubic-bezier(0, 0, 1, 1);
    animation-timing-function: cubic-bezier(0, 0, 1, 1);
  }

  100% {
    -webkit-transform: translate(0, 0) scaleY(1);
    transform: translate(0, 0) scaleY(1);
  }
}

@-webkit-keyframes z_X_000_anim {
  0% {
    opacity: 0.01;
  }

  22.22% {
    opacity: 0;
  }

  83.33% {
    opacity: 1;
  }

  100% {
    opacity: 1;
  }
}

@keyframes z_X_000_anim {
  0% {
    opacity: 0.01;
  }

  22.22% {
    opacity: 0;
  }

  83.33% {
    opacity: 1;
  }

  100% {
    opacity: 1;
  }
}

@-webkit-keyframes z_X_000_transform_bezier_anim {
  0% {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -webkit-animation-timing-function: cubic-bezier(0.31, 0, 0.32, 1);
    animation-timing-function: cubic-bezier(0.31, 0, 0.32, 1);
  }

  83.33% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-animation-timing-function: cubic-bezier(0, 0, 1, 1);
    animation-timing-function: cubic-bezier(0, 0, 1, 1);
  }

  100% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@keyframes z_X_000_transform_bezier_anim {
  0% {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -webkit-animation-timing-function: cubic-bezier(0.31, 0, 0.32, 1);
    animation-timing-function: cubic-bezier(0.31, 0, 0.32, 1);
  }

  83.33% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-animation-timing-function: cubic-bezier(0, 0, 1, 1);
    animation-timing-function: cubic-bezier(0, 0, 1, 1);
  }

  100% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

/* 字体由各站点入口自行引入：CN=@/css/_font.less（国内资源），海外=oversea/font.less（海外资源） */

.page-kv {
  height: calc(var(--app-vh, 1vh) * 50);
  /* 节点名：bg 容器（750:1624 固定宽高比，垂直居中） */
  /* 节点名：播放按钮（132×132，画布 top 719px = 44.3%）
     Figma 55:153：毛玻璃圆钮 = 背景模糊(blur 9.65px) + 白罩 60% 填充 × 透明度 0.43 ≈ rgba(255,255,255,0.26)，
     描边为 0.943px 线性渐变（135deg 白→透明，左上亮右下隐），底部纯白椭圆被模糊层完全盖住为无效层 */
  /* 节点名：时间（纯文本；画布中心 941px = 58.0%）
     日期走翻译表 launchDate，模板按“.”拆段渲染：数字 ANANTA 146 / 点号 MiSans Semibold 120
     （样式与海外一致，海外仅覆盖位置为 46.5%，见 oversea/index.less）。
     各语言在基础稿之上覆盖字号/字体：en 120（见 en/index.less）、ko 谚文 .kr（见 kr/index.less）、
     ja/zhHant 年月日单位 .jp/.cht（数字+年月日混排，见 jp/zh-cht index.less）、
     zh 按 Figma 709:1051 覆盖：日期/点号 Bebas 90 + 尾部「全球上线」MiSans Semibold 80、渐变 #EDEDED
     （见下方 html[data-lang='zh'] 覆盖块）。
     水平/垂直居中不写 CSS transform，由 gsap 以 xPercent:-50 / yPercent:-50 承担
     （同 launch 屏手法）。若用 CSS translate(-50%,-50%)，gsap 缩放时会把它烘焙成像素，
     文字宽度变化（字体加载、多语言）后即偏离中心。 */
  /* 节点名：文案（纯文本；画布中心 1078px = 66.4%）
     走翻译表 milestoneLaunchTitle；字体默认 MiSans 330 / 56 / lh 74.26 / #D0D0D0（zh-cht 汉字「全球上線」用），
     en 覆盖为 Bebas 48/0.3em（Figma 1377:3123，见 en/index.less）、jp/kr 的字体字号覆盖见各语言 index.less。
     居中同样由 gsap xPercent:-50 / yPercent:-50 承担，见 .kv-shijian 注释 */
  /* 节点名：预约按钮（479×78，画布 top 1233px = 76.0%，底图为蓝青渐变切图 z_yuyue_btn_001） */
  /* 节点名：平台按钮区（670×187，2×2 网格，画布 top 985px = 60.7%；仅海外站点显示，默认隐藏，
     Figma 928:163：PS5/Steam/App Store/Google Play 四个可点击按钮，见 css/m/oversea/index.less） */
  /* 节点名：箭头（46×18，画布 top 1461px = 90.0%） */
  /* 节点名：离场黑幕（纯黑铺满 100vh，fixed-cnt 直接子级），
     淡出时下方无分界线。整体淡入盖屏后随 fixed-cnt 淡出让位给下一屏 */
}

.page-kv .fixed-cnt {
  width: 100%;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  overflow: hidden;
}

.page-kv .fixed-mask {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 10%;
  background: -webkit-gradient(linear, left bottom, left top, from(#111), to(rgba(0, 0, 0, 0)));
  background: linear-gradient(to top, #111 0%, rgba(0, 0, 0, 0) 100%);
  pointer-events: none;
}

.page-kv .spacer {
  height: calc(var(--app-vh, 1vh) * 50);
  width: 100%;
  pointer-events: none;
}

.page-kv .kv-bg {
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 100%;
  height: 0;
  padding-bottom: 216.53%;
  /* 1624/750 */
  overflow: hidden;
  /* 城市背景 z_BG_001（816×1034，水平居中于画布 center 375）：画布左缘 = 375 - 408 = -33px，
       覆盖画布上部，底部为黑色 + 遮罩 */
  /* 遮罩 z_mask_001：参照示例画布 top 558px（34.4%）到画布底（100%）。贴住底图，屏幕矮裁遮罩底部。
       图本质 = 恒定色 #131415 × 纵向 alpha 渐变，水平方向仅 ±13 噪声。
       为去噪已按每行 750 列均值合成 1px 竖条 + repeat-x（横向完全均匀，平铺无接缝无纹路），
       尺寸 1.1MB → 620B */
}

.page-kv .kv-bg .kv-bg__city {
  position: absolute;
  left: -0.33rem;
  top: -0.77rem;
  width: 8.16rem;
  height: 10.34rem;
  background: url(https://www.anantagame.com/pc/gw/20260811142614/assets/z_BG_001_acf15df9.jpg) no-repeat;
  background-size: 100% 100%;
  -webkit-transform-origin: 50% 77%;
  transform-origin: 50% 77%;
}

.page-kv .kv-bg .kv-bg__mask {
  position: absolute;
  left: 0;
  top: 34.4%;
  width: 100%;
  height: 65.6%;
  background: url(https://www.anantagame.com/pc/gw/20260811142614/assets/z_mask_001_52d33827.png) repeat-x center top;
  background-size: auto 100%;
  pointer-events: none;
}

.page-kv .play-btn {
  position: absolute;
  left: 50%;
  top: 44.3%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 1.32rem;
  height: 1.32rem;
  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;
  font-size: 0.36rem;
  cursor: pointer;
  border: none;
  border-radius: 1.32rem;
  background: rgba(255, 255, 255, 0.26);
  backdrop-filter: blur(0.0965rem);
  -webkit-backdrop-filter: blur(0.0965rem);
  z-index: 2;
  opacity: 0;
  /* 渐变描边：mask 抠出 0.943px 圆环，135deg 白→透明 */
  /* 播放三角（Figma 55:156，37.21×42.54，x 53.17：中心右偏 5.77px → margin-left 11.55px） */
}

.page-kv .play-btn::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  border-radius: 50%;
  padding: 0.00943rem;
  background: linear-gradient(135deg, #FFF 0%, rgba(255, 255, 255, 0) 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;
  pointer-events: none;
}

.page-kv .play-btn .icon-play {
  display: inline-block;
  background: url(https://www.anantagame.com/pc/gw/20260811142614/assets/sprite-a24823_a24823d6.png) no-repeat;
  background-size: 11.81rem 10.84rem;
  background-position: -10.97rem -9.64rem;
  width: 0.38rem;
  height: 0.43rem;
  margin-left: 0.1155rem;
}

.page-kv .kv-shijian {
  position: absolute;
  left: 50%;
  top: 58%;
  width: auto;
  height: auto;
  background: none;
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  opacity: 0;
}

.page-kv .kv-shijian .kv-shijian__text {
  display: block;
  font-family: 'Bebas Neue', sans-serif;
  font-size: 1.46rem;
  font-weight: 400;
  line-height: 1.2;
  white-space: nowrap;
  background: -webkit-gradient(linear, left top, right top, from(#d3d3d3), color-stop(51%, #fff), to(#d3d3d3));
  background: linear-gradient(90deg, #d3d3d3 0%, #fff 51%, #d3d3d3 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.page-kv .kv-shijian .kv-shijian__text .dot {
  font-family: 'MiSans', sans-serif;
  font-weight: 600;
  font-size: 1.2rem;
}

html[data-lang='zh'] .page-kv .kv-shijian .kv-shijian__text {
  font-size: 0.9rem;
  background: -webkit-gradient(linear, left top, right top, from(#EDEDED), color-stop(51%, #FFF), to(#EDEDED));
  background: linear-gradient(90deg, #EDEDED 0%, #FFF 51%, #EDEDED 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

html[data-lang='zh'] .page-kv .kv-shijian .kv-shijian__text .dot {
  font-family: 'Bebas Neue', sans-serif;
  font-weight: 400;
  font-size: 0.9rem;
}

html[data-lang='zh'] .page-kv .kv-shijian .kv-shijian__label {
  font-family: 'MiSans', sans-serif;
  font-weight: 600;
  font-size: 0.8rem;
}

.page-kv .kv-wenan {
  position: absolute;
  left: 50%;
  top: 64.4%;
  width: auto;
  height: auto;
  background: none;
  opacity: 0;
}

.page-kv .kv-wenan .kv-wenan__text {
  display: block;
  font-family: 'MiSans', sans-serif;
  font-size: 0.56rem;
  font-weight: 330;
  line-height: 0.7426rem;
  letter-spacing: 0;
  color: #d0d0d0;
  white-space: nowrap;
}

html[data-lang='zh'] .page-kv .kv-wenan .kv-wenan__text {
  font-family: 'Bebas Neue', sans-serif;
  font-size: 0.48rem;
  font-weight: 400;
  line-height: 0.58rem;
  letter-spacing: 0.3em;
  color: #d0d0d0;
}

.page-kv .reserve-btn {
  width: 4.79rem;
  height: 0.78rem;
  background: url(https://www.anantagame.com/pc/gw/20260811142614/assets/z_yuyue_btn_001_e08091a8.png) no-repeat;
  background-size: 100% 100%;
  color: #F7F7F7;
  font-family: MiSans, sans-serif;
  font-size: 0.36rem;
  font-style: normal;
  font-weight: 450;
  letter-spacing: -0.0108rem;
  cursor: pointer;
  position: absolute;
  left: 50%;
  top: 76%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 2;
  opacity: 0;
  line-height: 0.78rem;
}

.page-kv .kv-platforms {
  position: absolute;
  left: 50%;
  top: 60.7%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 6.7rem;
  display: none;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  opacity: 0;
  /* 单个平台按钮：320×78 白底圆角卡（bg rgba(255,255,255,0.9)，不再加 backdrop blur），
       图标水平垂直居中；行间距 30px（首行 margin-bottom，末行不追加） */
}

.page-kv .kv-platforms .kv-platform {
  width: 3.2rem;
  height: 0.78rem;
  margin-bottom: 0.3rem;
  border-radius: 0.06rem;
  background: rgba(255, 255, 255, 0.9);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  cursor: pointer;
  /* 各平台 logo 尺寸（画布图标框，Figma 928:163）：PS5 184×41、Steam 165×52、App Store 203×51、Google Play 205×48 */
}

.page-kv .kv-platforms .kv-platform:nth-child(n+3) {
  margin-bottom: 0;
}

.page-kv .kv-platforms .kv-platform img {
  display: block;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  pointer-events: none;
}

.page-kv .kv-platforms .kv-platform--ps img {
  width: 1.84rem;
  height: 0.41rem;
}

.page-kv .kv-platforms .kv-platform--steam img {
  width: 1.65rem;
  height: 0.52rem;
}

.page-kv .kv-platforms .kv-platform--appstore img {
  width: 2.03rem;
  height: 0.51rem;
}

.page-kv .kv-platforms .kv-platform--googleplay img {
  width: 2.05rem;
  height: 0.48rem;
}

.page-kv .kv-vector {
  position: absolute;
  left: 50%;
  top: 90%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 0.46rem;
  height: 0.18rem;
  background: url(https://www.anantagame.com/pc/gw/20260811142614/assets/z_Vector_001_3bef6e24.png) no-repeat;
  background-size: 100% 100%;
  opacity: 0;
}

.page-kv .kv-heise {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100vh;
  background: #000;
  opacity: 0;
  z-index: 4;
  pointer-events: none;
}

.page-launch {
  position: relative;
}

.page-launch .fixed-cnt {
  width: 100%;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  overflow: hidden;
  background: #131313;
}

.page-launch .launch-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(https://www.anantagame.com/pc/gw/20260811142614/assets/launch-bg_179decc6.jpg) center center no-repeat;
  background-size: cover;
}

.page-launch .launch-content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.page-launch .launch-texture {
  position: absolute;
  top: 25.6%;
  left: 50%;
  width: 7.29rem;
  height: 1.99rem;
  background: url(https://www.anantagame.com/pc/gw/20260811142614/assets/launch-texture_aa7e7991.png) center center no-repeat;
  background-size: 100% 100%;
  pointer-events: none;
}

.page-launch .launch-date {
  position: absolute;
  top: 21.3%;
  left: 50%;
  font-family: 'Bebas Neue', sans-serif;
  font-size: 1.2rem;
  font-weight: 400;
  line-height: 1.44rem;
  white-space: nowrap;
  background: -webkit-gradient(linear, left top, right top, from(#D3D3D3), color-stop(51%, #FFF), to(#D3D3D3));
  background: linear-gradient(90deg, #D3D3D3 0%, #FFF 51%, #D3D3D3 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.page-launch .launch-date .dot {
  font-family: MiSans, sans-serif;
  font-weight: 600;
  font-size: 1rem;
}

.page-launch .launch-text {
  position: absolute;
  top: 30%;
  left: 50%;
  font-family: MiSans, sans-serif;
  font-size: 0.48rem;
  font-weight: 330;
  line-height: 0.64rem;
  color: #D0D0D0;
  white-space: nowrap;
}

.page-launch .launch-platforms {
  position: absolute;
  top: 63.5%;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  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;
}

.page-launch .launch-platforms .platforms-row {
  display: block;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.page-launch .launch-platforms .platforms-row-1 {
  width: 6.82rem;
  height: 0.49rem;
}

.page-launch .launch-platforms .platforms-row-zh {
  width: 6.63rem;
  height: 0.46rem;
}

.page-launch .spacer {
  height: calc(var(--app-vh, 1vh) * 80);
  width: 100%;
  pointer-events: none;
}

.page-role {
  position: relative;
  pointer-events: none;
}

.page-role-section {
  position: relative;
}

.fixed-cnt {
  width: 100%;
  height: calc(var(--visible-vh, 1vh) * 100);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 3;
}

.role-divider-section {
  position: relative;
  z-index: 10;
  pointer-events: none;
}

.role-divider-section .fixed-cnt {
  overflow: hidden;
}

.role-divider-section .divider-spacer {
  height: calc(var(--app-vh, 1vh) * 300);
}

.tip {
  color: #fff;
  font-size: 0.14rem;
  opacity: 0.8;
}

.scroll-arrow {
  font-size: 0.2rem;
  -webkit-animation: bounce 2s infinite;
  animation: bounce 2s infinite;
}

@-webkit-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  40% {
    -webkit-transform: translateY(-0.1rem);
    transform: translateY(-0.1rem);
  }

  60% {
    -webkit-transform: translateY(-0.05rem);
    transform: translateY(-0.05rem);
  }
}

@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  40% {
    -webkit-transform: translateY(-0.1rem);
    transform: translateY(-0.1rem);
  }

  60% {
    -webkit-transform: translateY(-0.05rem);
    transform: translateY(-0.05rem);
  }
}

.scroll-content {
  position: relative;
  min-height: calc(var(--app-vh, 1vh) * 300);
  padding: 0.6rem 0;
}

.info-mask {
  width: 7.5rem;
  height: 6rem;
  border-radius: 7.76rem;
  background: rgba(0, 0, 0, 0.2);
  -webkit-filter: blur(1rem);
  filter: blur(1rem);
  position: fixed;
  bottom: 0;
  left: 0;
}

.role {
  position: relative;
  overflow: hidden;
}

.role-info {
  color: #fff;
  position: fixed;
  bottom: 10%;
  left: 0.52rem;
  width: calc(100% - 0.52rem);
  z-index: 2;
  pointer-events: none;
}

.role-info .role-name {
  color: #f0f0f0;
  font-family: "MiSans", sans-serif;
  font-size: 1rem;
  font-style: normal;
  font-weight: 630;
  line-height: 1.04rem;
  position: relative;
  z-index: 1;
  padding-left: 0.18rem;
  /* 104% */
  /* 100% */
}

.role-info .role-name-tafei {
  margin-top: 0.36rem;
}

.role-info .role-name::after {
  content: "";
  display: block;
  width: 0.08rem;
  height: 0.93rem;
  background: url(https://www.anantagame.com/pc/gw/20260811142614/assets/name-deco_4d18bce9.png) no-repeat;
  background-size: 100% 100%;
  position: absolute;
  left: 0;
  top: 0;
  margin-top: 0.05rem;
}

.role-info .msg {
  font-family: "MiSans", sans-serif;
  font-size: 0.48rem;
  font-style: normal;
  font-weight: 630;
  margin-top: 0.32rem;
  padding-right: 0.39rem;
  /* 100% */
}

.role-info .msg .p1 {
  line-height: 0.58rem;
  opacity: 0.88;
  display: inline-block;
  background-image: linear-gradient(93deg, #fff 23.54%, #9ecbff 130.89%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.role-info .msg .p2 {
  color: rgba(255, 255, 255, 0.85);
  font-size: 0.24rem;
  font-weight: 330;
  line-height: 0.38rem;
  margin-top: 0.2rem;
  height: auto;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  /* 限制显示2行 */
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.role-info .msg.expanded .p2 {
  display: block;
  -webkit-line-clamp: unset;
}

.role-info .msg.msg-dcy .p1 {
  opacity: 0.88;
  background-image: -webkit-gradient(linear, right top, left top, color-stop(-67.51%, #9b94b3), color-stop(88.01%, #fff));
  background-image: linear-gradient(270deg, #9b94b3 -67.51%, #fff 88.01%);
}

.role-info .msg.msg-shiye .p1 {
  background-image: -webkit-gradient(linear, right top, left top, color-stop(-67.51%, #ffe0cb), color-stop(88.01%, #fff));
  background-image: linear-gradient(270deg, #ffe0cb -67.51%, #fff 88.01%);
}

.role-info .msg.msg-tafei .p1 {
  background-image: linear-gradient(275deg, #ffe0cb -4.27%, #fff 89.74%);
}

.role-info .msg.msg-lixi .p1 {
  background-image: linear-gradient(93deg, #fff 23.54%, #c2dbf2 130.89%);
}

.role-info .msg.msg-yinglong .p1 {
  background-image: linear-gradient(93deg, #fff 23.54%, #9ecbff 130.89%);
}

.role-info .msg.msg-saimo .p1 {
  background-image: linear-gradient(93deg, #fff 23.54%, rgba(185, 248, 213, 0.85) 130.89%);
}

.role-info .dialog-tafei {
  height: 1rem;
  width: 1rem;
  mix-blend-mode: normal;
  -webkit-transform-origin: 0% 0%;
  transform-origin: 0% 0%;
  -webkit-transform: scale(0.45, 0.45);
  transform: scale(0.45, 0.45);
  position: relative;
  left: 3.23rem;
  top: -2.4rem;
  /* 节点名：Group 48.png 合成 5 */
  /* 节点名：Group 48.png 合成 4 */
  /* 节点名：Group 48.png 合成 3 */
  /* 节点名：Group 48.png 合成 2 */
}

.role-info .dialog-tafei .z_Group_48_000,
.role-info .dialog-tafei .z_Group_48_001,
.role-info .dialog-tafei .z_Group_48_002,
.role-info .dialog-tafei .z_Group_48_003 {
  font-size: 0.48rem;
  text-align: center;
  font-weight: 330;
  padding: 0.24rem;
  color: #222225;
  font-family: "MiSans", sans-serif;
}

.role-info .dialog-tafei .z_Group_48_000,
.role-info .dialog-tafei .z_Group_48_001 {
  color: #f3f3f3;
}

.role-info .dialog-tafei .z_Group_48_000 {
  position: absolute;
  left: 0.92rem;
  top: -0.79rem;
  height: 1.12rem;
  width: 4.94rem;
  mix-blend-mode: normal;
  opacity: 0;
  -webkit-transform-origin: 100% 0%;
  transform-origin: 100% 0%;
  -webkit-transform: scale(0.27, 0.27);
  transform: scale(0.27, 0.27);
  background: url(https://www.anantagame.com/pc/gw/20260811142614/assets/z_Group_48_000_1f959dfc.png);
  background-size: 100% 100%;
}

.role-info .dialog-tafei .z_Group_48_001 {
  position: absolute;
  left: 1.44rem;
  top: 0.65rem;
  height: 1.13rem;
  width: 4.41rem;
  mix-blend-mode: normal;
  opacity: 0;
  -webkit-transform-origin: 100% 0%;
  transform-origin: 100% 0%;
  -webkit-transform: scale(0.27, 0.27);
  transform: scale(0.27, 0.27);
  background: url(https://www.anantagame.com/pc/gw/20260811142614/assets/z_Group_48_001_f74b83d7.png);
  background-size: 100% 100%;
}

.role-info .dialog-tafei .z_Group_48_002 {
  position: absolute;
  left: -5.86rem;
  top: 1.87rem;
  height: 1.13rem;
  width: 5.2rem;
  mix-blend-mode: normal;
  opacity: 0;
  -webkit-transform-origin: 0% 0%;
  transform-origin: 0% 0%;
  -webkit-transform: scale(0.27, 0.27);
  transform: scale(0.27, 0.27);
  background: url(https://www.anantagame.com/pc/gw/20260811142614/assets/z_Group_48_002_1fc84de8.png);
  background-size: 100% 100%;
}

.role-info .dialog-tafei .z_Group_48_003 {
  position: absolute;
  left: -5.86rem;
  top: 3.32rem;
  height: 1.12rem;
  width: 6.97rem;
  mix-blend-mode: normal;
  opacity: 0;
  -webkit-transform-origin: 0% 0%;
  transform-origin: 0% 0%;
  -webkit-transform: scale(0.27, 0.27);
  transform: scale(0.27, 0.27);
  background: url(https://www.anantagame.com/pc/gw/20260811142614/assets/z_Group_48_003_79765ffa.png);
  background-size: 100% 100%;
}

.role-info .btn-toggle {
  color: #f2f2f2;
  font-family: MiSans, sans-serif;
  font-size: 0.24rem;
  font-style: normal;
  font-weight: 450;
  line-height: normal;
  text-align: right;
  pointer-events: auto;
  padding-right: 0.09rem;
  margin-top: 0.36rem;
}

.role-info .btn-toggle .arraw {
  display: inline-block;
  background: url(https://www.anantagame.com/pc/gw/20260811142614/assets/sprite-a24823_a24823d6.png) no-repeat;
  background-size: 11.81rem 10.84rem;
  background-position: -11.31rem -10.43rem;
  width: 0.25rem;
  height: 0.15rem;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  margin-left: 0.1rem;
}

.role-info .btn-toggle.show .arraw {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.gallery-btn {
  position: absolute;
  width: 1.18rem;
  height: 1.18rem;
  border-radius: 50%;
  border: 0.0084rem solid rgba(255, 255, 255, 0.3);
  -webkit-backdrop-filter: blur(0.2rem);
  z-index: 20;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  cursor: pointer;
  right: 0.4rem;
  top: 1.15rem;
  pointer-events: auto;
  background: linear-gradient(323deg, rgba(255, 255, 255, 0.03) -2.55%, rgba(255, 255, 255, 0.2) 101.18%);
  backdrop-filter: blur(0.05rem);
}

.gallery-btn::before {
  display: block;
  content: "";
  background: url(https://www.anantagame.com/pc/gw/20260811142614/assets/sprite-a24823_a24823d6.png) no-repeat;
  background-size: 11.81rem 10.84rem;
  background-position: -10.97rem -10.11rem;
  width: 0.3rem;
  height: 0.49rem;
}

.gallery-btn::after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 1.18rem;
  background: linear-gradient(229deg, rgba(255, 255, 255, 0.03) -36.64%, rgba(255, 255, 255, 0.2) 121.88%);
}

.gallery-btn.gallery-btn-tafei {
  right: 0.4rem;
  top: 2.55rem;
}

.sli-role .role-info .dialog-tafei {
  -webkit-transform: translate(0, 0.47rem) scale(0.555, 0.555);
  transform: translate(0, 0.47rem) scale(0.555, 0.555);
  top: -1.95rem;
}

.sli-role .role-info .dialog-tafei .z_Group_48_003,
.sli-role .role-info .dialog-tafei .z_Group_48_002,
.sli-role .role-info .dialog-tafei .z_Group_48_001,
.sli-role .role-info .dialog-tafei .z_Group_48_000 {
  opacity: 1;
  -webkit-transform: scale(0.9, 0.9);
  transform: scale(0.9, 0.9);
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .video-title {
    text-rendering: optimizeLegibility;
  }

  .section-content h3 {
    text-rendering: optimizeLegibility;
  }
}

@media (hover: none) and (pointer: coarse) {
  .scroll-content {
    -webkit-overflow-scrolling: touch;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}

html[data-lang="en"] body .role-info .role-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;
  font-size: 0.9rem;
  text-transform: uppercase;
}

html[data-lang="en"] body .role-info .role-name::after {
  height: 0.73rem;
  top: auto;
  margin-top: 0.1rem;
}

html[data-lang="en"] body .role-info .msg {
  position: relative;
  margin-top: 0.12rem;
}

html[data-lang="en"] body .role-info .msg .p1 {
  font-size: 0.36rem;
  font-weight: 630;
  line-height: normal;
}

html[data-lang="en"] body .role-info .msg .p2 {
  margin-top: 0.24rem;
}

html[data-lang="en"] body .role-info .msg.msg-tafei::before {
  content: "";
  position: absolute;
  z-index: -1;
  left: -1.09rem;
  top: -0.55rem;
  width: 6.06rem;
  height: 5.33rem;
  border-radius: 6.06rem;
  background: rgba(0, 0, 0, 0.3);
  -webkit-filter: blur(1rem);
  filter: blur(1rem);
}

html[data-lang="en"] body .role-info .msg.msg-lixi::before {
  content: "";
  position: absolute;
  z-index: -1;
  left: -1.09rem;
  top: -1.39rem;
  width: 8.63rem;
  height: 5.75rem;
  border-radius: 8.63rem;
  background: rgba(0, 0, 0, 0.3);
  -webkit-filter: blur(1rem);
  filter: blur(1rem);
}

html[data-lang="en"] body .role-info .msg.msg-yinglong::before {
  content: "";
  position: absolute;
  z-index: -1;
  left: -1.09rem;
  top: 0.42rem;
  width: 5.04rem;
  height: 3.01rem;
  border-radius: 5.04rem;
  background: rgba(0, 0, 0, 0.34);
  -webkit-filter: blur(0.29rem);
  filter: blur(0.29rem);
}

html[data-lang="en"] body .role-info .dialog-tafei {
  height: 1rem;
  width: 1rem;
  mix-blend-mode: normal;
  -webkit-transform-origin: 0% 0%;
  transform-origin: 0% 0%;
  -webkit-transform: scale(0.45, 0.45);
  transform: scale(0.45, 0.45);
  position: relative;
  left: 3.23rem;
  top: -2.6rem;
  /* 节点名：Group 48.png 合成 5 */
  /* 节点名：Group 48.png 合成 4 */
  /* 节点名：Group 48.png 合成 3 */
  /* 节点名：Group 48.png 合成 2 */
}

html[data-lang="en"] body .role-info .dialog-tafei .z_Group_48_000,
html[data-lang="en"] body .role-info .dialog-tafei .z_Group_48_001,
html[data-lang="en"] body .role-info .dialog-tafei .z_Group_48_002,
html[data-lang="en"] body .role-info .dialog-tafei .z_Group_48_003 {
  font-size: 0.44rem;
  text-align: left;
  font-weight: 330;
  padding: 0.2rem 0.4rem;
  color: #222225;
  font-family: "MiSans", sans-serif;
}

html[data-lang="en"] body .role-info .dialog-tafei .z_Group_48_000,
html[data-lang="en"] body .role-info .dialog-tafei .z_Group_48_001 {
  color: #f3f3f3;
}

html[data-lang="en"] body .role-info .dialog-tafei .z_Group_48_000 {
  position: absolute;
  left: 1.2rem;
  top: -1.4rem;
  height: 1.56rem;
  width: 4.66rem;
  mix-blend-mode: normal;
  opacity: 0;
  -webkit-transform-origin: 100% 0%;
  transform-origin: 100% 0%;
  -webkit-transform: scale(0.27, 0.27);
  transform: scale(0.27, 0.27);
  background: url(https://www.anantagame.com/pc/gw/20260811142614/assets/z_Group_48_000_en_66ae92f7.png);
  background-size: 100% 100%;
}

html[data-lang="en"] body .role-info .dialog-tafei .z_Group_48_001 {
  position: absolute;
  left: 0.5rem;
  top: 0.6rem;
  height: 1.56rem;
  width: 5.36rem;
  mix-blend-mode: normal;
  opacity: 0;
  -webkit-transform-origin: 100% 0%;
  transform-origin: 100% 0%;
  -webkit-transform: scale(0.27, 0.27);
  transform: scale(0.27, 0.27);
  background: url(https://www.anantagame.com/pc/gw/20260811142614/assets/z_Group_48_001_en_eb40c330.png);
  background-size: 100% 100%;
}

html[data-lang="en"] body .role-info .dialog-tafei .z_Group_48_002 {
  position: absolute;
  left: -5.86rem;
  top: 1.35rem;
  height: 1.6rem;
  width: 5.64rem;
  mix-blend-mode: normal;
  opacity: 0;
  -webkit-transform-origin: 0% 0%;
  transform-origin: 0% 0%;
  -webkit-transform: scale(0.27, 0.27);
  transform: scale(0.27, 0.27);
  background: url(https://www.anantagame.com/pc/gw/20260811142614/assets/z_Group_48_002_en_7e452f10.png);
  background-size: 100% 100%;
  padding: 0.18rem 0.4rem 0.18rem 0.6rem;
}

html[data-lang="en"] body .role-info .dialog-tafei .z_Group_48_003 {
  position: absolute;
  left: -5.86rem;
  top: 3.35rem;
  height: 1.56rem;
  width: 6.76rem;
  mix-blend-mode: normal;
  opacity: 0;
  -webkit-transform-origin: 0% 0%;
  transform-origin: 0% 0%;
  -webkit-transform: scale(0.27, 0.27);
  transform: scale(0.27, 0.27);
  background: url(https://www.anantagame.com/pc/gw/20260811142614/assets/z_Group_48_003_en_51f0b395.png);
  background-size: 100% 100%;
  padding: 0.18rem 0.4rem 0.18rem 0.7rem;
}

html[data-lang="ko"] body .role-info .role-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;
  font-family: "Noto Sans KR", sans-serif;
  font-size: 0.9rem;
  font-weight: 900;
  line-height: 0.94rem;
}

html[data-lang="ko"] body .role-info .role-name::after {
  height: 0.73rem;
  top: auto;
  margin-top: 0.11rem;
}

html[data-lang="ko"] body .role-info .msg {
  position: relative;
  margin-top: 0.22rem;
}

html[data-lang="ko"] body .role-info .msg .p1 {
  font-family: "Noto Sans KR", sans-serif;
  font-size: 0.36rem;
  font-weight: 700;
  line-height: 0.48rem;
}

html[data-lang="ko"] body .role-info .msg .p2 {
  margin-top: 0.22rem;
  font-family: "Noto Sans KR", sans-serif;
  font-weight: 400;
  line-height: 0.34rem;
}

html[data-lang="ko"] body .role-info .msg.msg-tafei::before {
  content: "";
  position: absolute;
  z-index: -1;
  left: -0.52rem;
  top: -0.96rem;
  width: 6.06rem;
  height: 5.33rem;
  border-radius: 6.06rem;
  background: rgba(0, 0, 0, 0.3);
  -webkit-filter: blur(1rem);
  filter: blur(1rem);
}

html[data-lang="ko"] body .role-info .btn-toggle {
  font-family: "Noto Sans KR", sans-serif;
  font-weight: 500;
}

html[data-lang="ko"] body .role-info .dialog-tafei {
  top: -2.65rem;
  /* 节点 917:6487(dialog1 사장님, 제 돈은요?): 帧 472,660 248×56, 右缘锚定 */
  /* 节点 917:6490(dialog2 왜 아직도 입금 안 됐어요?): 帧 472,749 248×78, 右缘锚定 */
  /* 节点 917:6484(dialog3 세 상자 중 두 상자나 박살 냈잖아!): 帧 41,791 300×80, 左缘锚定 */
  /* 节点 917:6481(dialog4 오히려 손해배상…): 帧 41,902 348×78, 左缘锚定 */
}

html[data-lang="ko"] body .role-info .dialog-tafei .z_Group_48_000,
html[data-lang="ko"] body .role-info .dialog-tafei .z_Group_48_001,
html[data-lang="ko"] body .role-info .dialog-tafei .z_Group_48_002,
html[data-lang="ko"] body .role-info .dialog-tafei .z_Group_48_003 {
  font-family: "Noto Sans KR", sans-serif;
  font-size: 0.44rem;
  font-weight: 400;
  line-height: 0.56rem;
  text-align: left;
}

html[data-lang="ko"] body .role-info .dialog-tafei .z_Group_48_000 {
  left: 1.25rem;
  top: -0.79rem;
  width: 4.97rem;
  height: 1.12rem;
  padding: 0.26rem 0.36rem;
}

html[data-lang="ko"] body .role-info .dialog-tafei .z_Group_48_001 {
  left: 1.25rem;
  top: 0.81rem;
  width: 4.97rem;
  height: 1.56rem;
  padding: 0.22rem 0.36rem;
}

html[data-lang="ko"] body .role-info .dialog-tafei .z_Group_48_002 {
  left: -6.02rem;
  top: 1.57rem;
  width: 6.01rem;
  height: 1.6rem;
  padding: 0.24rem 0.54rem;
}

html[data-lang="ko"] body .role-info .dialog-tafei .z_Group_48_003 {
  left: -6.02rem;
  top: 3.57rem;
  width: 6.97rem;
  height: 1.56rem;
  padding: 0.18rem 0.42rem;
}

html[data-lang="ja"] body .role-info .role-name {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 0.9rem;
  font-weight: 900;
  line-height: 0.94rem;
}

html[data-lang="ja"] body .role-info .role-name::after {
  height: 0.81rem;
  margin-top: 0.11rem;
}

html[data-lang="ja"] body .role-info .msg {
  font-family: "Noto Sans JP", sans-serif;
  margin-top: 0.22rem;
}

html[data-lang="ja"] body .role-info .msg .p1 {
  font-size: 0.36rem;
  font-weight: 700;
  line-height: 0.415rem;
}

html[data-lang="ja"] body .role-info .msg .p1 ruby rt {
  font-size: 0.14rem;
  color: rgba(255, 255, 255, 0.85);
  -webkit-text-fill-color: rgba(255, 255, 255, 0.85);
}

html[data-lang="ja"] body .role-info .msg .p2 {
  font-weight: 400;
  line-height: 0.34rem;
  margin-top: 0.24rem;
}

html[data-lang="ja"] body .role-info .msg .p2 ruby rt {
  margin: 0.1rem auto 0.02rem;
}

html[data-lang="ja"] body .role-info .msg.msg-shiye .p1 {
  width: 2.54rem;
}

html[data-lang="ja"] body .role-info .msg.msg-tafei::before {
  content: "";
  position: absolute;
  z-index: -1;
  left: -1.09rem;
  top: -0.55rem;
  width: 6.06rem;
  height: 5.33rem;
  border-radius: 6.06rem;
  background: rgba(0, 0, 0, 0.3);
  -webkit-filter: blur(1rem);
  filter: blur(1rem);
}

html[data-lang="ja"] body .role-info .msg.msg-lixi::before {
  content: "";
  position: absolute;
  z-index: -1;
  left: -1.09rem;
  top: -1.39rem;
  width: 8.63rem;
  height: 5.75rem;
  border-radius: 8.63rem;
  background: rgba(0, 0, 0, 0.3);
  -webkit-filter: blur(1rem);
  filter: blur(1rem);
}

html[data-lang="ja"] body .role-info .msg.msg-yinglong::before {
  content: "";
  position: absolute;
  z-index: -1;
  left: -1.09rem;
  top: 0.42rem;
  width: 5.04rem;
  height: 3.01rem;
  border-radius: 5.04rem;
  background: rgba(0, 0, 0, 0.34);
  -webkit-filter: blur(0.29rem);
  filter: blur(0.29rem);
}

html[data-lang="ja"] body .role-info .btn-toggle {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 500;
}

html[data-lang="ja"] body .role-info .dialog-tafei {
  /* 节点 891:3795(dialog1 オーナー、僕の給料だけど): 帧 453,642 252×78, 右缘锚定 */
  /* 节点 891:3798(dialog2 まだ振り込まれていないんだけど？): 帧 432,753 273×78, 右缘锚定 */
  /* 节点 891:3792(dialog3 荷物の半分が壊れてるってクレーム来てたぞ！): 帧 49,795 300×80, 左缘锚定 */
  /* 节点 891:3789(dialog4 500ハブの損失だ、弁償してくれるよな？): 帧 49,906 338×78, 左缘锚定 */
}

html[data-lang="ja"] body .role-info .dialog-tafei .z_Group_48_000,
html[data-lang="ja"] body .role-info .dialog-tafei .z_Group_48_001,
html[data-lang="ja"] body .role-info .dialog-tafei .z_Group_48_002,
html[data-lang="ja"] body .role-info .dialog-tafei .z_Group_48_003 {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 0.44rem;
  font-weight: 400;
  line-height: 0.56rem;
  text-align: left;
}

html[data-lang="ja"] body .role-info .dialog-tafei .z_Group_48_000 {
  left: 0.87rem;
  top: -1.11rem;
  width: 5.05rem;
  height: 1.56rem;
  padding: 0.2rem 0.4rem;
}

html[data-lang="ja"] body .role-info .dialog-tafei .z_Group_48_001 {
  left: 0.45rem;
  top: 0.88rem;
  width: 5.47rem;
  height: 1.56rem;
  padding: 0.2rem 0.4rem;
}

html[data-lang="ja"] body .role-info .dialog-tafei .z_Group_48_002 {
  left: -5.86rem;
  top: 1.64rem;
  width: 6.01rem;
  height: 1.6rem;
  padding: 0.22rem 0.36rem 0.18rem 0.74rem;
}

html[data-lang="ja"] body .role-info .dialog-tafei .z_Group_48_003 {
  left: -5.86rem;
  top: 3.64rem;
  width: 6.77rem;
  height: 1.56rem;
  padding: 0.16rem 0.2rem 0.16rem 0.74rem;
}

.divider-longpage {
  position: absolute;
  top: 0;
  left: 0;
  width: 7.5rem;
  min-height: calc(var(--app-vh, 1vh) * 100);
  background: #080808;
}

.divider-longpage .lp-rec-wrapper {
  position: fixed;
  top: 0;
  left: 0;
  width: 7.5rem;
  height: 1.93rem;
  z-index: 5;
  background: #080808;
  font-size: 0.208rem;
  font-family: "MiSans", sans-serif;
  color: #6b6b6b;
  text-transform: uppercase;
  letter-spacing: 0.0026rem;
}

.divider-longpage .lp-rec-wrapper .lp-rec-content {
  position: absolute;
  top: 1.16rem;
  left: 0.55rem;
  width: 6.4rem;
  height: 0.32rem;
  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: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.divider-longpage .lp-rec-wrapper .lp-rec-dot {
  display: inline-block;
  width: 0.16rem;
  height: 0.16rem;
  border-radius: 50%;
  background-color: #dd353a;
  background-size: 100% 100%;
  -webkit-animation: lp-rec-dot-anim 1.05s linear infinite;
  animation: lp-rec-dot-anim 1.05s linear infinite;
}

@-webkit-keyframes lp-rec-dot-anim {
  0% {
    opacity: 1;
  }

  27.78% {
    opacity: 0;
  }

  51.59% {
    opacity: 1;
  }

  95.24% {
    opacity: 1;
  }

  100% {
    opacity: 0.83;
  }
}

@keyframes lp-rec-dot-anim {
  0% {
    opacity: 1;
  }

  27.78% {
    opacity: 0;
  }

  51.59% {
    opacity: 1;
  }

  95.24% {
    opacity: 1;
  }

  100% {
    opacity: 0.83;
  }
}

.divider-longpage .lp-rec-wrapper .lp-rec-label {
  margin-left: 0.14rem;
}

.divider-longpage .lp-rec-wrapper .lp-rec-time {
  margin-left: 0.14rem;
  letter-spacing: 0.0468rem;
}

.divider-longpage .lp-rec-wrapper .lp-rec-pic {
  letter-spacing: 0.0364rem;
}

.divider-longpage .lp-content {
  padding-bottom: 2.09rem;
}

.divider-longpage .lp-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.divider-longpage .lp-bg .lp-bg-img {
  width: 100%;
  background: no-repeat;
  background-size: cover;
  background-position: top center;
}

.divider-longpage .lp-quote {
  padding: 3.58rem 0.55rem 0;
}

.divider-longpage .lp-quote .lp-quote-text {
  width: 7.1rem;
  font-family: "MiSans", sans-serif;
  font-weight: 700;
  font-size: 0.64rem;
  line-height: 0.72rem;
  letter-spacing: normal;
  color: #e7ebee;
  white-space: pre-line;
}

.divider-longpage .lp-img {
  display: block;
  -o-object-fit: cover;
  object-fit: cover;
}

.divider-longpage .lp-placeholder {
  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: calc(var(--app-vh, 1vh) * 100);
  font-size: 0.32rem;
  font-family: "MiSans", sans-serif;
  color: #fff;
  background: #181818;
}

.divider-longpage-dcy .lp-content {
  padding-bottom: 2.48rem;
}

.divider-longpage-dcy .lp-bg .lp-bg-img {
  height: 16.24rem;
  background-image: url(https://www.anantagame.com/pc/gw/20260811142614/assets/bg_d1c27add.jpg);
}

.divider-longpage-dcy .lp-img-0 {
  margin: 0.39rem 0 0 0.6rem;
  width: 6.3rem;
  height: 6.73rem;
}

.divider-longpage-dcy .lp-img-1 {
  margin: 0.32rem 0 0 0.6rem;
  width: 2.376rem;
  height: 2.376rem;
}

.divider-longpage-dcy .lp-img-2 {
  margin: -2.376rem 0 0 3.3rem;
  width: 3.59rem;
  height: 6.09rem;
}

.divider-longpage-dcy .lp-img-3 {
  margin: 0.32rem 0 0 0.6rem;
  width: 6.3rem;
  height: 3.89rem;
}

.divider-longpage-dcy .lp-img-4 {
  margin: 0.32rem 0 0 0.6rem;
  width: 5.04rem;
  height: 6.65rem;
}

.divider-longpage-shiye .lp-content {
  padding-bottom: 1.47rem;
}

.divider-longpage-shiye .lp-bg .lp-bg-img {
  height: 16.24rem;
  background-image: url(https://www.anantagame.com/pc/gw/20260811142614/assets/bg_47391fc0.jpg);
}

.divider-longpage-shiye .lp-img-0 {
  margin: 0.4rem 0 0 0.6rem;
  width: 6.3rem;
  height: 6.73rem;
}

.divider-longpage-shiye .lp-img-1 {
  margin: 0.32rem 0 0 0.6rem;
  width: 2.376rem;
  height: 2.376rem;
}

.divider-longpage-shiye .lp-img-2 {
  margin: -2.376rem 0 0 3.3rem;
  width: 3.59rem;
  height: 6.09rem;
}

.divider-longpage-shiye .lp-img-3 {
  margin: 0.32rem 0 0 0.6rem;
  width: 6.3rem;
  height: 3.89rem;
}

.divider-longpage-tafei .lp-content {
  padding-bottom: 2.47rem;
}

.divider-longpage-tafei .lp-bg .lp-bg-img {
  height: 16.24rem;
  background-image: url(https://www.anantagame.com/pc/gw/20260811142614/assets/bg_68df3e2b.jpg);
}

.divider-longpage-tafei .lp-img-0 {
  margin: 0.4rem 0 0 0.6rem;
  width: 6.3rem;
  height: 6.73rem;
}

.divider-longpage-tafei .lp-img-1 {
  margin: 0.32rem 0 0 0.6rem;
  width: 2.376rem;
  height: 2.376rem;
}

.divider-longpage-tafei .lp-img-2 {
  margin: -2.376rem 0 0 3.3rem;
  width: 3.59rem;
  height: 6.09rem;
}

.divider-longpage-tafei .lp-img-3 {
  margin: 0.32rem 0 0 0.6rem;
  width: 6.3rem;
  height: 3.89rem;
}

.divider-longpage-tafei .lp-img-4 {
  margin: 0.32rem 0 0 0.6rem;
  width: 5.04rem;
  height: 6.65rem;
}

.divider-longpage-lixi .lp-content {
  padding-bottom: 2.49rem;
}

.divider-longpage-lixi .lp-bg .lp-bg-img {
  height: 16.24rem;
  background-image: url(https://www.anantagame.com/pc/gw/20260811142614/assets/bg_fb814e2f.jpg);
}

.divider-longpage-lixi .lp-img-0 {
  margin: 0.38rem 0 0 0.6rem;
  width: 6.3rem;
  height: 6.73rem;
}

.divider-longpage-lixi .lp-img-1 {
  margin: 0.32rem 0 0 0.6rem;
  width: 2.376rem;
  height: 2.376rem;
}

.divider-longpage-lixi .lp-img-2 {
  margin: -2.376rem 0 0 3.3rem;
  width: 3.59rem;
  height: 6.09rem;
}

.divider-longpage-lixi .lp-img-3 {
  margin: 0.32rem 0 0 0.6rem;
  width: 6.3rem;
  height: 3.89rem;
}

.divider-longpage-lixi .lp-img-4 {
  margin: 0.32rem 0 0 0.6rem;
  width: 5.04rem;
  height: 6.65rem;
}

.divider-longpage-yinglong .lp-content {
  padding-bottom: 2.63rem;
}

.divider-longpage-yinglong .lp-bg .lp-bg-img {
  height: 16.24rem;
  background-image: url(https://www.anantagame.com/pc/gw/20260811142614/assets/bg_83c6b2cc.jpg);
}

.divider-longpage-yinglong .lp-img-0 {
  margin: 0.38rem 0 0 0.6rem;
  width: 6.3rem;
  height: 6.73rem;
}

.divider-longpage-yinglong .lp-img-1 {
  margin: 0.32rem 0 0 0.6rem;
  width: 2.376rem;
  height: 2.376rem;
}

.divider-longpage-yinglong .lp-img-2 {
  margin: -2.376rem 0 0 3.3rem;
  width: 3.59rem;
  height: 6.09rem;
}

.divider-longpage-yinglong .lp-img-3 {
  margin: 0.32rem 0 0 0.6rem;
  width: 6.3rem;
  height: 3.89rem;
}

.divider-longpage-saimo .lp-content {
  padding-bottom: 2.49rem;
}

.divider-longpage-saimo .lp-bg .lp-bg-img {
  height: 16.24rem;
  background-image: url(https://www.anantagame.com/pc/gw/20260811142614/assets/bg_988430c3.jpg);
}

.divider-longpage-saimo .lp-img-0 {
  margin: 0.38rem 0 0 0.6rem;
  width: 6.3rem;
  height: 6.73rem;
}

.divider-longpage-saimo .lp-img-1 {
  margin: 0.32rem 0 0 0.6rem;
  width: 2.376rem;
  height: 2.376rem;
}

.divider-longpage-saimo .lp-img-2 {
  margin: -2.376rem 0 0 3.3rem;
  width: 3.59rem;
  height: 6.09rem;
}

.divider-longpage-saimo .lp-img-3 {
  margin: 0.32rem 0 0 0.6rem;
  width: 6.3rem;
  height: 3.89rem;
}

.divider-longpage-saimo .lp-img-4 {
  margin: 0.32rem 0 0 0.6rem;
  width: 5.04rem;
  height: 6.65rem;
}

html[data-lang="en"] body .lp-quote .lp-quote-text {
  color: #e7ebee;
  font-size: 0.48rem;
  font-weight: 630;
  line-height: 0.64rem;
}

html[data-lang="ja"] body .lp-quote .lp-quote-text {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 0.56rem;
  letter-spacing: -0.028rem;
}

html[data-lang="ko"] body .lp-quote .lp-quote-text {
  font-family: "Noto Sans KR", sans-serif;
  font-size: 0.56rem;
}

.role-ruler {
  position: absolute;
  top: 0;
  left: 0;
  width: 0.44rem;
  height: 100vh;
  overflow: hidden;
  z-index: 1;
}

.role-ruler .rr-scale {
  position: absolute;
  top: calc(50vh - var(--rr-center-50, 0));
  left: 0;
  width: 100%;
  height: 18.14rem;
}

.role-ruler .rr-ticks {
  position: absolute;
  top: 0;
  left: -0.31rem;
  width: 0.5rem;
  height: 17.84rem;
  background-image: linear-gradient(to bottom, #505050 0, #505050 0.02rem, transparent 0.02rem, transparent 0.22846rem);
  background-size: 0.1rem 0.22846rem;
  background-position: right top;
  background-repeat: repeat-y;
  -webkit-mask-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(0, 0, 0, 0.4)), color-stop(39.2%, #000), color-stop(55.4%, #000), color-stop(79.2%, rgba(0, 0, 0, 0.3)));
  -webkit-mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.4) 0, #000 39.2%, #000 55.4%, rgba(0, 0, 0, 0.3) 79.2%);
  mask-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(0, 0, 0, 0.4)), color-stop(39.2%, #000), color-stop(55.4%, #000), color-stop(79.2%, rgba(0, 0, 0, 0.3)));
  mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.4) 0, #000 39.2%, #000 55.4%, rgba(0, 0, 0, 0.3) 79.2%);
}

.role-ruler .rr-cursor {
  position: absolute;
  top: 50%;
  left: 0;
  width: 0.19rem;
  height: 0.02rem;
  margin-top: -0.01rem;
  background: #00a2ff;
}

.role-ruler .rr-mask {
  position: absolute;
  left: 0;
  width: 0.46rem;
  height: 1.56rem;
}

.role-ruler .rr-mask-top {
  top: 2.72rem;
  background: -webkit-gradient(linear, left top, left bottom, from(#0d0d0d), to(rgba(13, 13, 13, 0)));
  background: linear-gradient(180deg, #0d0d0d 0%, rgba(13, 13, 13, 0) 100%);
}

.role-ruler .rr-mask-bottom {
  bottom: 0;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(13, 13, 13, 0)), to(#0d0d0d));
  background: linear-gradient(180deg, rgba(13, 13, 13, 0) 0%, #0d0d0d 100%);
}

.role-ruler .rr-value {
  position: absolute;
  top: 50%;
  left: 0.23rem;
  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: 0.2rem;
  height: 1.56rem;
  margin-top: -0.78rem;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(13, 13, 13, 0)), color-stop(39.78%, #0d0d0d), color-stop(57.2%, #0d0d0d), to(rgba(13, 13, 13, 0)));
  background: linear-gradient(180deg, rgba(13, 13, 13, 0) 0%, #0d0d0d 39.78%, #0d0d0d 57.2%, rgba(13, 13, 13, 0) 100%);
}

.role-ruler .rr-value span {
  font-size: 0.2rem;
  line-height: 1;
  font-family: "MiSans", sans-serif;
  color: #969696;
  white-space: nowrap;
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}

.role-ruler .rr-nums {
  position: absolute;
  top: 0;
  left: 0.21rem;
  width: 0.32rem;
}

.role-ruler .rr-nums span {
  position: absolute;
  left: 0.22rem;
  width: 0.4rem;
  text-align: center;
  font-size: 0.2rem;
  line-height: 1;
  font-family: "MiSans", sans-serif;
  color: #484a4f;
  white-space: nowrap;
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  -webkit-transform-origin: left top;
  transform-origin: left top;
}

.role-ruler .rr-nums .rr-n-20 {
  top: 0.25692rem;
  opacity: 0.6;
}

.role-ruler .rr-nums .rr-n-30 {
  top: 1.39922rem;
  opacity: 0.6;
}

.role-ruler .rr-nums .rr-n-40 {
  top: 2.54152rem;
  opacity: 0.7;
}

.role-ruler .rr-nums .rr-n-50 {
  top: 3.68382rem;
  opacity: 0.7;
}

.role-ruler .rr-nums .rr-n-60 {
  top: 4.82612rem;
  opacity: 0.8;
}

.role-ruler .rr-nums .rr-n-70 {
  top: 5.96842rem;
  opacity: 0.8;
}

.role-ruler .rr-nums .rr-n-80 {
  top: 7.11072rem;
  opacity: 1;
}

.role-ruler .rr-nums .rr-n-90 {
  top: 8.25302rem;
  opacity: 0.9;
}

.role-ruler .rr-nums .rr-n-100 {
  top: 9.39532rem;
  opacity: 0.8;
}

.role-ruler .rr-nums .rr-n-110 {
  top: 10.53762rem;
  opacity: 1;
}

.role-ruler .rr-nums .rr-n-120 {
  top: 11.67992rem;
  opacity: 0.9;
}

.role-ruler .rr-nums .rr-n-130 {
  top: 12.82222rem;
  opacity: 0.8;
}

.role-ruler .rr-nums .rr-n-140 {
  top: 13.96452rem;
  opacity: 0.7;
}

.role-ruler .rr-nums .rr-n-150 {
  top: 15.10682rem;
  opacity: 0.6;
}

.role-ruler .rr-nums .rr-n-160 {
  top: 16.24912rem;
  opacity: 0.5;
}

.city-screen {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #121212;
  overflow: hidden;
  pointer-events: none;
}

.city-screen .cs-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}

.city-screen .cs-content {
  position: absolute;
  top: 1.58rem;
  left: 0.6rem;
  width: 6.3rem;
}

.city-screen .cs-figure {
  position: relative;
  width: 6.3rem;
  height: 7.99rem;
  overflow: hidden;
}

.city-screen .cs-figure .cs-figure-img {
  width: 100%;
  height: 100%;
  opacity: 0;
}

.city-screen .cs-btn {
  position: absolute;
  bottom: 0.52rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  min-width: 2.58rem;
  height: 0.74rem;
  border-radius: 0.99rem;
  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;
  opacity: 0;
  pointer-events: none;
  cursor: pointer;
}

.city-screen .cs-btn .cs-btn-bg-dark {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 0.99rem;
  background: rgba(0, 0, 0, 0.2);
}

.city-screen .cs-btn .cs-btn-bg-glass {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 0.99rem;
  background: rgba(255, 255, 255, 0.2);
  backdrop-filter: blur(0.0855rem);
  -webkit-backdrop-filter: blur(0.0855rem);
  border: 0.015rem solid rgba(255, 255, 255, 0.5);
}

.city-screen .cs-btn .cs-btn-label {
  position: relative;
  font-family: "MiSans", sans-serif;
  font-weight: 450;
  font-size: 0.3rem;
  line-height: 0.34rem;
  color: #fff;
  white-space: nowrap;
}

.city-screen .cs-text {
  margin-top: 0.74rem;
  color: #e9ecef;
}

.city-screen .cs-text .cs-title {
  font-family: "MiSans", sans-serif;
  font-weight: 630;
  font-size: 0.8rem;
  line-height: 0.86rem;
  letter-spacing: -0.016rem;
  white-space: pre-line;
  opacity: 0;
}

.city-screen .cs-text .cs-desc {
  margin-top: 0.27rem;
  font-family: "MiSans", sans-serif;
  font-weight: 330;
  font-size: 0.24rem;
  line-height: 0.4rem;
  text-align: justify;
  opacity: 0;
}

.cs-in .cs-btn {
  pointer-events: auto;
  -webkit-animation: cs-btn-anim 1.042s 0.083s linear both;
  animation: cs-btn-anim 1.042s 0.083s linear both;
}

.cs-in .cs-figure-img {
  -webkit-animation: cs-fig-anim 1.042s 0.083s linear both, cs-fig-transform 1.042s 0.083s both;
  animation: cs-fig-anim 1.042s 0.083s linear both, cs-fig-transform 1.042s 0.083s both;
}

.cs-in .cs-title {
  -webkit-animation: cs-title-anim 0.958s 0.167s linear both, cs-rise-transform 0.958s 0.167s both;
  animation: cs-title-anim 0.958s 0.167s linear both, cs-rise-transform 0.958s 0.167s both;
}

.cs-in .cs-desc {
  -webkit-animation: cs-desc-anim 0.875s 0.25s linear both, cs-rise-transform 0.875s 0.25s both;
  animation: cs-desc-anim 0.875s 0.25s linear both, cs-rise-transform 0.875s 0.25s both;
}

@-webkit-keyframes cs-fig-anim {
  0% {
    opacity: 0;
  }

  12% {
    opacity: 0;
  }

  72% {
    opacity: 1;
  }

  100% {
    opacity: 1;
  }
}

@keyframes cs-fig-anim {
  0% {
    opacity: 0;
  }

  12% {
    opacity: 0;
  }

  72% {
    opacity: 1;
  }

  100% {
    opacity: 1;
  }
}

@-webkit-keyframes cs-fig-transform {
  0% {
    -webkit-transform: scale(1.05, 1.05);
    transform: scale(1.05, 1.05);
    -webkit-animation-timing-function: cubic-bezier(0.32, 0, 0.18, 1);
    animation-timing-function: cubic-bezier(0.32, 0, 0.18, 1);
  }

  100% {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
  }
}

@keyframes cs-fig-transform {
  0% {
    -webkit-transform: scale(1.05, 1.05);
    transform: scale(1.05, 1.05);
    -webkit-animation-timing-function: cubic-bezier(0.32, 0, 0.18, 1);
    animation-timing-function: cubic-bezier(0.32, 0, 0.18, 1);
  }

  100% {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
  }
}

@-webkit-keyframes cs-btn-anim {
  0% {
    opacity: 0;
  }

  48% {
    opacity: 0;
  }

  88% {
    opacity: 1;
  }

  100% {
    opacity: 1;
  }
}

@keyframes cs-btn-anim {
  0% {
    opacity: 0;
  }

  48% {
    opacity: 0;
  }

  88% {
    opacity: 1;
  }

  100% {
    opacity: 1;
  }
}

@-webkit-keyframes cs-title-anim {
  0% {
    opacity: 0;
  }

  13.04% {
    opacity: 0;
  }

  65.22% {
    opacity: 1;
  }

  100% {
    opacity: 1;
  }
}

@keyframes cs-title-anim {
  0% {
    opacity: 0;
  }

  13.04% {
    opacity: 0;
  }

  65.22% {
    opacity: 1;
  }

  100% {
    opacity: 1;
  }
}

@-webkit-keyframes cs-rise-transform {
  0% {
    -webkit-transform: translate(0, 0.39rem);
    transform: translate(0, 0.39rem);
    -webkit-animation-timing-function: cubic-bezier(0.32, 0, 0.18, 1);
    animation-timing-function: cubic-bezier(0.32, 0, 0.18, 1);
  }

  85.71% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    -webkit-animation-timing-function: cubic-bezier(0, 0, 1, 1);
    animation-timing-function: cubic-bezier(0, 0, 1, 1);
  }

  100% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
}

@keyframes cs-rise-transform {
  0% {
    -webkit-transform: translate(0, 0.39rem);
    transform: translate(0, 0.39rem);
    -webkit-animation-timing-function: cubic-bezier(0.32, 0, 0.18, 1);
    animation-timing-function: cubic-bezier(0.32, 0, 0.18, 1);
  }

  85.71% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    -webkit-animation-timing-function: cubic-bezier(0, 0, 1, 1);
    animation-timing-function: cubic-bezier(0, 0, 1, 1);
  }

  100% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
}

@-webkit-keyframes cs-desc-anim {
  0% {
    opacity: 0;
  }

  14.29% {
    opacity: 0;
  }

  71.43% {
    opacity: 1;
  }

  100% {
    opacity: 1;
  }
}

@keyframes cs-desc-anim {
  0% {
    opacity: 0;
  }

  14.29% {
    opacity: 0;
  }

  71.43% {
    opacity: 1;
  }

  100% {
    opacity: 1;
  }
}

html[data-lang="en"] body .cs-btn {
  padding: 0 0.69rem;
}

html[data-lang="en"] body .cs-text {
  margin-top: 0.36rem;
}

html[data-lang="en"] body .cs-text.cs-dcy .cs-title {
  letter-spacing: -0.036rem;
}

html[data-lang="en"] body .cs-text .cs-title {
  font-size: 0.6rem;
  font-style: normal;
  line-height: 0.66rem;
  letter-spacing: -0.018rem;
}

html[data-lang="en"] body .cs-text .cs-desc {
  font-size: 0.24rem;
  font-style: normal;
  font-weight: 330;
  line-height: 0.34rem;
  /* 141.667% */
  letter-spacing: -0.0048rem;
  text-align: left;
}

html[data-lang="ja"] body .cs-btn .cs-btn-label {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 500;
}

html[data-lang="ja"] body .cs-text.cs-dcy .cs-desc {
  margin-top: 0.2rem;
}

html[data-lang="ja"] body .cs-text .cs-title {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
  font-size: 0.6rem;
  line-height: 0.66rem;
  letter-spacing: -0.012rem;
}

html[data-lang="ja"] body .cs-text .cs-desc {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 400;
  line-height: 0.4rem;
}

html[data-lang="ja"] body .cs-text .cs-desc ruby rt {
  margin: 0.1rem auto 0.02rem;
}

html[data-lang="ko"] body .cs-btn .cs-btn-label {
  font-family: "Noto Sans KR", sans-serif;
  font-weight: 500;
}

html[data-lang="ko"] body .cs-text .cs-title {
  font-family: "Noto Sans KR", sans-serif;
  font-weight: 700;
  letter-spacing: 0;
  font-size: 0.78rem;
}

html[data-lang="ko"] body .cs-text .cs-desc {
  font-family: "Noto Sans KR", sans-serif;
  font-weight: 400;
  line-height: 0.34rem;
}

.page-yuyue {
  position: relative;
  width: 100%;
  background: #181818;
  /* 本屏无交互元素：整体不参与指针事件，避免滑过时遮挡下方 sli-land 分割线拖拽 */
  pointer-events: none;
}

.page-yuyue .fixed-cnt {
  width: 100%;
  height: 100vh;
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  background: #181818;
}

.page-yuyue .spacer {
  height: calc(var(--app-vh, 1vh) * 200);
  width: 100%;
}

.page-yuyue .bg {
  position: absolute;
  top: calc(max(50%, 8.13rem) - 6.41rem);
  left: 0;
  width: 7.5rem;
  height: 12.89rem;
  background: url(https://www.anantagame.com/pc/gw/20260811142614/assets/reserve-bg_aab0aa8f.jpg) no-repeat center center;
  background-size: 100% 100%;
}

.page-yuyue .reserve-content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.page-yuyue .reserve-title {
  position: absolute;
  top: calc(max(50%, 8.13rem) - 5.86rem);
  right: 2.4rem;
  font-family: MiSans, sans-serif;
  font-size: 0.4rem;
  font-style: normal;
  font-weight: 450;
  line-height: 0.32rem;
  color: #FFF;
  text-align: right;
  white-space: nowrap;
}

.page-yuyue .reserve-number {
  position: absolute;
  top: calc(max(50%, 8.13rem) - 5.25rem);
  left: 0;
  right: 0;
  margin: 0 auto;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  font-family: 'ANANTA', sans-serif;
  font-size: 1.7rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.46rem;
  letter-spacing: -0.0255rem;
  color: #FFF;
  text-align: center;
  white-space: nowrap;
}

.page-yuyue .front-silhouette {
  position: absolute;
  top: calc(max(50%, 8.13rem) - 4.74rem);
  left: 0;
  width: 4.96rem;
  height: 7.86rem;
  background: url(https://www.anantagame.com/pc/gw/20260811142614/assets/reserve-character_484da4bd.png) no-repeat center center;
  background-size: 100% 100%;
}

.page-yuyue .front-silhouette-2 {
  position: absolute;
  top: calc(max(50%, 8.13rem) - 1.43rem);
  left: 4.89rem;
  width: 2.58rem;
  height: 3.5rem;
  background: url(https://www.anantagame.com/pc/gw/20260811142614/assets/reserve-character-2_be55371d.png) no-repeat center center;
  background-size: 100% 100%;
}

.page-yuyue .bar-top {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 1.72rem;
  -webkit-transform-origin: 50% 0%;
  transform-origin: 50% 0%;
  background: #000;
  z-index: 8;
}

.page-yuyue .bar-bottom {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1.64rem;
  background: #000;
  z-index: 8;
}

.page-yuyue .wipe {
  position: absolute;
  left: 2.81rem;
  top: -6.32rem;
  width: 1.88rem;
  height: 3.06rem;
  -webkit-transform-origin: 50% 0%;
  transform-origin: 50% 0%;
  -webkit-transform: scale(4.04, 4);
  transform: scale(4.04, 4);
  background: url(https://www.anantagame.com/pc/gw/20260811142614/assets/reserve-curtain_986afaf4.png) no-repeat center center;
  background-size: 100% 100%;
  z-index: 9;
}

.page-yuyue .trans-mask {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 30vh;
  z-index: 9;
}

.page-milestone {
  position: relative;
  width: 100%;
  z-index: 3;
  background: #131313 url(https://www.anantagame.com/pc/gw/20260811142614/assets/news-bg-tile_117192bd.jpg) repeat;
  background-size: 100% auto;
  overflow: hidden;
}

.page-milestone .milestone-inner {
  position: relative;
  width: 100%;
  padding: 5.63rem 0 3rem;
  text-align: center;
}

.page-milestone .milestone-title {
  font-family: MiSans, sans-serif;
  font-size: 0.66rem;
  font-weight: 600;
  line-height: 0.66rem;
  letter-spacing: -0.0132rem;
  color: #fff;
}

.page-milestone .milestone-sub {
  margin-top: 0.13rem;
  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;
}

.page-milestone .milestone-sub span {
  font-family: MiSans, sans-serif;
  font-size: 0.18rem;
  font-weight: 330;
  line-height: 0.18rem;
  letter-spacing: -0.0036rem;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.36);
}

.page-milestone .milestone-sub .deco {
  position: relative;
  top: 0.02rem;
  width: 1.28rem;
  height: 0.2rem;
  margin-left: 0.07rem;
  background: url(https://www.anantagame.com/pc/gw/20260811142614/assets/title-deco_1888c4f6.svg) no-repeat center center;
  background-size: 100% 100%;
}

.page-milestone .milestone-cards {
  position: relative;
  margin-top: 0.8rem;
  border-radius: 0.04rem;
}

.page-milestone .milestone-cards .cards-bg {
  position: absolute;
  left: 50%;
  top: 0;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 7.5rem;
  height: 100%;
  background: url(https://www.anantagame.com/pc/gw/20260811142614/assets/card-frame-large_ab8464f7.png) no-repeat center center;
  background-size: 7.5rem 24.5rem;
  pointer-events: none;
}

.page-milestone .milestone-cards .card-row {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.page-milestone .milestone-cards .card-row .milestone-card + .milestone-card {
  margin-left: 0.3rem;
}

.page-milestone .milestone-cards .card-row + .milestone-nums {
  margin-top: 0.16rem;
}

.page-milestone .milestone-cards .milestone-nums {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.page-milestone .milestone-cards .milestone-nums .num-col + .num-col {
  margin-left: 0.3rem;
}

.page-milestone .milestone-cards .milestone-nums + .card-row {
  margin-top: 0.65rem;
}

.page-milestone .milestone-card {
  position: relative;
  width: 1.9rem;
  height: 1.88rem;
  overflow: hidden;
  /* 卡片物品标签统一纯文本（简体及各语言均用 $t 文本，不再用切图；语言字体字号见各 index.less 覆盖）
       中文标签盒固定高 36px（Figma 1007:2）：单行文本 24px 由外层 flex 列垂直居中，
       超出可用宽的单行截断省略（-webkit-line-clamp 1）；海外 54px 两行版式在 oversea/index.less 恢复 clamp 2。
       字形垂直偏移补偿：line-height=font-size 时 MiSans 字形偏上约 2.5px，
       用 translateY(2.5px) 视觉居中（不占布局；en/jp 同 MiSans 沿用，kr Noto Sans KR 在 index.less 覆盖微调）；
       字距 -1px（中文，设计走查值；en/jp/kr 覆盖为 -0.48px） */
}

.page-milestone .milestone-card > i {
  position: absolute;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100% 100%;
}

.page-milestone .milestone-card .card-frame {
  left: 0;
  top: 0;
  width: 1.9rem;
  height: 1.88rem;
  background-image: url(https://www.anantagame.com/pc/gw/20260811142614/assets/card-frame_9a46da18.png);
}

.page-milestone .milestone-card .card-gradient {
  left: 0;
  top: 0;
  width: 1.9rem;
  height: 1.88rem;
  border-radius: 0.04rem;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(13.032%, #545456), color-stop(64.628%, #6c6d6e));
  background: linear-gradient(to bottom, #545456 13.032%, #6c6d6e 64.628%);
  opacity: 0.52;
  z-index: 1;
}

.page-milestone .milestone-card .card-item {
  z-index: 1;
}

.page-milestone .milestone-card .card-label {
  left: 0;
  bottom: 0;
  width: 1.9rem;
  height: 0.36rem;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  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;
  border-radius: 0 0 0.04rem 0.04rem;
  background: #424244;
  z-index: 2;
}

.page-milestone .milestone-card .card-label__text {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  padding: 0.03rem 0.06rem;
  -webkit-transform: translateY(0.025rem);
  transform: translateY(0.025rem);
  font-family: 'MiSans', sans-serif;
  font-size: 0.24rem;
  font-style: normal;
  font-weight: 330;
  line-height: 0.24rem;
  letter-spacing: -0.01rem;
  text-align: center;
  color: #f6f6f6;
}

.page-milestone .milestone-card .card-border {
  left: 0;
  top: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 1.9rem;
  height: 1.88rem;
  border-radius: 0.05rem;
  z-index: 6;
  display: none;
}

.page-milestone .milestone-card.current .card-label {
  background: -webkit-gradient(linear, left top, right top, from(#3fa8fd), to(#68bbfd));
  background: linear-gradient(to right, #3fa8fd 0%, #68bbfd 100%);
}

.page-milestone .milestone-card.card1 .card-item {
  left: 0.41rem;
  top: 0;
  bottom: 0.36rem;
  margin: auto 0;
  width: 1.08rem;
  height: 1.08rem;
  background-image: url(https://www.anantagame.com/pc/gw/20260811142614/assets/sprite-a24823_a24823d6.png);
  background-size: 11.81rem 10.84rem;
  background-position: -9.79rem -3.97rem;
}

.page-milestone .milestone-card.card2 .card-item {
  left: 0.28rem;
  top: 0;
  bottom: 0.36rem;
  margin: auto 0;
  width: 1.34rem;
  height: 1.34rem;
  background-image: url(https://www.anantagame.com/pc/gw/20260811142614/assets/sprite-a24823_a24823d6.png);
  background-size: 11.81rem 10.84rem;
  background-position: -5.89rem -2.01rem;
}

.page-milestone .milestone-card.card3 .card-item {
  left: 0;
  right: 0;
  top: 0;
  bottom: 0.36rem;
  margin: auto;
  width: 1.5rem;
  height: 1.45rem;
  background-image: url(https://www.anantagame.com/pc/gw/20260811142614/assets/sprite-a24823_a24823d6.png);
  background-size: 11.81rem 10.84rem;
  background-position: -8.25rem -2.48rem;
}

.page-milestone .milestone-card.card4 .card-item {
  left: 0.2rem;
  top: 0;
  bottom: 0.36rem;
  margin: auto 0;
  width: 1.5rem;
  height: 1.45rem;
  background-image: url(https://www.anantagame.com/pc/gw/20260811142614/assets/sprite-a24823_a24823d6.png);
  background-size: 11.81rem 10.84rem;
  background-position: -8.25rem -3.97rem;
}

.page-milestone .milestone-card.card5 .card-item {
  left: 0.26rem;
  top: 0;
  bottom: 0.36rem;
  margin: auto 0;
  width: 1.38rem;
  height: 1.38rem;
  background-image: url(https://www.anantagame.com/pc/gw/20260811142614/assets/sprite-a24823_a24823d6.png);
  background-size: 11.81rem 10.84rem;
  background-position: -8.25rem -5.46rem;
}

.page-milestone .milestone-card.card6 {
  overflow: visible;
}

.page-milestone .milestone-card.card6 .card-frame,
.page-milestone .milestone-card.card6 .card-gradient,
.page-milestone .milestone-card.card6 .card-border {
  display: none;
}

.page-milestone .milestone-card.card6 .card-label {
  z-index: 4;
}

html[data-lang='zh'] .page-milestone .milestone-card.card6 .card-label__text {
  letter-spacing: -0.024rem;
}

.page-milestone .milestone-card.card6 .card-deck {
  position: absolute;
  left: 0;
  top: 0;
  width: 1.9rem;
  height: 1.88rem;
}

.page-milestone .milestone-card.card6 .deck-item {
  position: absolute;
  left: 0;
  top: 0;
  width: 1.9rem;
  height: 1.88rem;
  border-radius: 0.04rem;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100% 100%;
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
  will-change: transform, opacity;
  --deck-mid-y: -0.103rem;
  --deck-back-y: -0.186rem;
  -webkit-transition: opacity 0.6s ease, -webkit-transform 0.6s ease;
  transition: opacity 0.6s ease, -webkit-transform 0.6s ease;
  transition: transform 0.6s ease, opacity 0.6s ease;
  transition: transform 0.6s ease, opacity 0.6s ease, -webkit-transform 0.6s ease;
}

.page-milestone .milestone-card.card6 .deck-item::after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border-radius: 0.04rem;
  opacity: 0;
  -webkit-transition: opacity 0.6s ease;
  transition: opacity 0.6s ease;
}

.page-milestone .milestone-card.card6 .deck-item--1 {
  background-image: url(https://www.anantagame.com/pc/gw/20260811142614/assets/car1_6d62740f.png);
}

.page-milestone .milestone-card.card6 .deck-item--2 {
  background-image: url(https://www.anantagame.com/pc/gw/20260811142614/assets/car2_823fd8a9.png);
}

.page-milestone .milestone-card.card6 .deck-item--3 {
  background-image: url(https://www.anantagame.com/pc/gw/20260811142614/assets/car3_1909f201.png);
}

.page-milestone .milestone-card.card6 .deck-item--4 {
  background-image: url(https://www.anantagame.com/pc/gw/20260811142614/assets/car4_11ee6696.png);
}

.page-milestone .milestone-card.card6 .deck-item.is-pos-0 {
  -webkit-transform: translate(0, 0) scale(1);
  transform: translate(0, 0) scale(1);
  z-index: 3;
}

.page-milestone .milestone-card.card6 .deck-item.is-pos-1 {
  -webkit-transform: translate(0.0475rem, var(--deck-mid-y)) scale(0.95);
  transform: translate(0.0475rem, var(--deck-mid-y)) scale(0.95);
  z-index: 2;
}

.page-milestone .milestone-card.card6 .deck-item.is-pos-1::after {
  opacity: 1;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.35)), to(rgba(0, 0, 0, 0.9)));
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0.9) 100%);
}

.page-milestone .milestone-card.card6 .deck-item.is-pos-2 {
  -webkit-transform: translate(0.095rem, var(--deck-back-y)) scale(0.9);
  transform: translate(0.095rem, var(--deck-back-y)) scale(0.9);
  z-index: 1;
}

.page-milestone .milestone-card.card6 .deck-item.is-pos-2::after {
  opacity: 1;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0.95)));
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.95) 100%);
}

.page-milestone .milestone-card.card6 .deck-item.is-pos-3 {
  -webkit-transform: translate(0.095rem, var(--deck-back-y)) scale(0.9);
  transform: translate(0.095rem, var(--deck-back-y)) scale(0.9);
  z-index: 0;
  opacity: 0;
}

.page-milestone .milestone-card.card6 .deck-item.is-cycling {
  -webkit-transition: none;
  transition: none;
  -webkit-animation: deck-cycle 0.9s ease forwards;
  animation: deck-cycle 0.9s ease forwards;
}

.page-milestone .num-col {
  position: relative;
  width: 1.9rem;
  text-align: center;
}

.page-milestone .num-col .num-title {
  font-family: 'Bebas Neue', sans-serif;
  font-size: 0.42rem;
  font-weight: 400;
  line-height: 0.42rem;
  letter-spacing: 0.0042rem;
}

.page-milestone .num-col .num-desc {
  margin-top: 0.06rem;
  font-family: MiSans, sans-serif;
  font-size: 0.24rem;
  font-weight: 330;
  line-height: 0.2rem;
  letter-spacing: -0.0048rem;
}

.page-milestone .num-col.current .num-title {
  background: linear-gradient(104.57deg, #3fa8fd 41.987%, #1af8fe 131.57%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.page-milestone .num-col.current .num-desc {
  color: #3fa8fd;
}

.page-milestone .num-col.future .num-title,
.page-milestone .num-col.social .num-title,
.page-milestone .num-col.future .num-desc,
.page-milestone .num-col.social .num-desc {
  color: rgba(247, 247, 247, 0.77);
}

.page-milestone .reserve-btn {
  width: 4.8rem;
  height: 0.78rem;
  margin: 1.23rem auto 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;
  background: url(https://www.anantagame.com/pc/gw/20260811142614/assets/btn-blue_65327ce4.png) no-repeat center center;
  background-size: 100% 100%;
  font-family: MiSans, sans-serif;
  font-size: 0.36rem;
  font-weight: 400;
  line-height: 0.48rem;
  letter-spacing: -0.0108rem;
  color: #f7f7f7;
  cursor: pointer;
}

.page-milestone .open-date {
  margin-top: 1.8rem;
  font-family: 'Bebas Neue', sans-serif;
  font-size: 1.2rem;
  font-weight: 400;
  line-height: 1.44rem;
  letter-spacing: -0.024rem;
  background: -webkit-gradient(linear, left top, right top, from(#d3d3d3), color-stop(51%, #fff), to(#d3d3d3));
  background: linear-gradient(90deg, #d3d3d3 0%, #fff 51%, #d3d3d3 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.page-milestone .open-date .dot {
  font-family: MiSans, sans-serif;
  font-weight: 600;
  font-size: 1rem;
}

.page-milestone .open-text {
  font-family: MiSans, sans-serif;
  font-size: 0.48rem;
  font-weight: 300;
  line-height: 0.64rem;
  color: #d0d0d0;
}

.page-milestone .partner-title {
  margin-top: 1.85rem;
  font-family: MiSans, sans-serif;
  font-size: 0.32rem;
  font-weight: 500;
  line-height: 0.4rem;
  letter-spacing: -0.0064rem;
  color: #f6f6f6;
}

.page-milestone .partner-area {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 6.71rem;
  height: auto;
  margin: 0.6rem auto 0;
  padding: 0;
}

.page-milestone .partner-area.is-zh {
  width: 6.79rem;
  height: 3.25rem;
  margin: 0.6rem auto 0;
  padding: 0;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.page-milestone .partner-area .partner-row {
  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: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.page-milestone .partner-area .partner-row:nth-child(1) {
  padding: 0 0.4rem 0 0;
}

.page-milestone .partner-area .partner-row:nth-child(2) {
  margin-top: 0.38rem;
  padding: 0 0.03rem 0 0.23rem;
}

.page-milestone .partner-area .partner-row:nth-child(3) {
  margin-top: 0.41rem;
}

.page-milestone .partner-area .partner-row--single {
  margin-top: 0.41rem;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 0;
}

.page-milestone .partner-area.is-zh .partner-row:nth-child(1) {
  margin-top: 0;
  padding: 0;
}

.page-milestone .partner-area.is-zh .partner-row:nth-child(2) {
  margin-top: 0;
  padding: 0 0.08rem 0 0.23rem;
}

.page-milestone .partner-area.is-zh .partner-row:nth-child(3) {
  margin-top: 0;
  padding: 0;
}

.page-milestone .partner-area .logo {
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100% 100%;
}

.page-milestone .partner-area .logo[href] {
  cursor: pointer;
}

.page-milestone .partner-area .logo-ps {
  width: 0.9rem;
  height: 0.7rem;
  background-image: url(https://www.anantagame.com/pc/gw/20260811142614/assets/sprite-a24823_a24823d6.png);
  background-size: 5.905rem 5.42rem;
  background-position: -4.125rem -0.52rem;
}

.page-milestone .partner-area .logo-steam {
  width: 0.63rem;
  height: 0.64rem;
  background-image: url(https://www.anantagame.com/pc/gw/20260811142614/assets/logo-steam_f7b05943.svg);
}

.page-milestone .partner-area .logo-amd {
  width: 1.54rem;
  height: 0.37rem;
  background-image: url(https://www.anantagame.com/pc/gw/20260811142614/assets/sprite-a24823_a24823d6.png);
  background-size: 2.215274rem 2.035939rem;
  background-position: -0 -0;
}

.page-milestone .partner-area .logo-saturn {
  width: 1.55rem;
  height: 0.57rem;
  background-image: url(https://www.anantagame.com/pc/gw/20260811142614/assets/sprite-a24823_a24823d6.png);
  background-size: 5.905rem 5.42rem;
  background-position: -0 -3.17rem;
}

.page-milestone .partner-area .logo-fyre {
  width: 0.43rem;
  height: 0.99rem;
  background-image: url(https://www.anantagame.com/pc/gw/20260811142614/assets/sprite-a24823_a24823d6.png);
  background-size: 5.905rem 5.42rem;
  background-position: -0 -3.76rem;
}

.page-milestone .partner-area .logo-lingjing {
  width: 0.6rem;
  height: 0.71rem;
  background-image: url(https://www.anantagame.com/pc/gw/20260811142614/assets/sprite-a24823_a24823d6.png);
  background-size: 6.005085rem 5.42rem;
  background-position: -0.457627rem -3.823729rem;
}

.page-milestone .partner-area .logo-apple {
  width: 0.56rem;
  height: 0.67rem;
  background-image: url(https://www.anantagame.com/pc/gw/20260811142614/assets/sprite-a24823_a24823d6.png);
  background-size: 5.905rem 5.42rem;
  background-position: -4.895rem -1.24rem;
}

.page-milestone .partner-area .logo-vault {
  width: 1.55rem;
  height: 0.41rem;
  background-image: url(https://www.anantagame.com/pc/gw/20260811142614/assets/sprite-a24823_a24823d6.png);
  background-size: 5.905rem 5.42rem;
  background-position: -2.28rem -1.93rem;
}

.page-milestone .partner-area .logo-google {
  width: 2.25rem;
  height: 0.46rem;
  background-image: url(https://www.anantagame.com/pc/gw/20260811142614/assets/sprite-a24823_a24823d6.png);
  background-size: 5.878872rem 5.42rem;
  background-position: -0 -1.92146rem;
}

.page-milestone .partner-area .logo-yunzhou {
  width: 1.34rem;
  height: 0.5rem;
  background-image: url(https://www.anantagame.com/pc/gw/20260811142614/assets/sprite-a24823_a24823d6.png);
  background-size: 5.905rem 5.42rem;
  background-position: -4.125rem -0;
}

.page-milestone .partner-area .logo-fubao {
  width: 1.32rem;
  height: 0.74rem;
  background-image: url(https://www.anantagame.com/pc/gw/20260811142614/assets/sprite-a24823_a24823d6.png);
  background-size: 5.905rem 5.42rem;
  background-position: -0 -2.41rem;
}

.page-milestone .partner-area .logo-nvidia {
  width: 1.36rem;
  height: 0.42rem;
  background-image: url(https://www.anantagame.com/pc/gw/20260811142614/assets/sprite-a24823_a24823d6.png);
  background-size: 2.745573rem 2.515359rem;
  background-position: -0 -0.467282rem;
}

.page-milestone .partner-area .logo-scope {
  width: 1.76rem;
  height: 0.48rem;
  background-image: url(https://www.anantagame.com/pc/gw/20260811142614/assets/sprite-a24823_a24823d6.png);
  background-size: 5.905rem 5.42rem;
  background-position: -1.57rem -3.17rem;
}

.page-milestone .partner-area.is-zh .logo-fyre {
  width: 0.43rem;
  height: 1.01rem;
}

.page-milestone .partner-area.is-zh .logo-lingjing {
  width: 0.61rem;
  height: 0.74rem;
}

.page-milestone .partner-area.is-zh .logo-vault {
  width: 1.42rem;
  height: 0.38rem;
}

@-webkit-keyframes deck-cycle {
  0% {
    -webkit-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
    opacity: 1;
    z-index: 6;
  }

  45% {
    -webkit-transform: translate(1.195rem, calc(var(--deck-back-y) - 0.24rem)) rotate(9deg) scale(1);
    transform: translate(1.195rem, calc(var(--deck-back-y) - 0.24rem)) rotate(9deg) scale(1);
    opacity: 0;
    z-index: 6;
  }

  55% {
    -webkit-transform: translate(0.095rem, var(--deck-back-y)) scale(0.9);
    transform: translate(0.095rem, var(--deck-back-y)) scale(0.9);
    opacity: 0;
    z-index: 0;
  }

  100% {
    -webkit-transform: translate(0.095rem, var(--deck-back-y)) scale(0.9);
    transform: translate(0.095rem, var(--deck-back-y)) scale(0.9);
    opacity: 0;
    z-index: 0;
  }
}

@keyframes deck-cycle {
  0% {
    -webkit-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
    opacity: 1;
    z-index: 6;
  }

  45% {
    -webkit-transform: translate(1.195rem, calc(var(--deck-back-y) - 0.24rem)) rotate(9deg) scale(1);
    transform: translate(1.195rem, calc(var(--deck-back-y) - 0.24rem)) rotate(9deg) scale(1);
    opacity: 0;
    z-index: 6;
  }

  55% {
    -webkit-transform: translate(0.095rem, var(--deck-back-y)) scale(0.9);
    transform: translate(0.095rem, var(--deck-back-y)) scale(0.9);
    opacity: 0;
    z-index: 0;
  }

  100% {
    -webkit-transform: translate(0.095rem, var(--deck-back-y)) scale(0.9);
    transform: translate(0.095rem, var(--deck-back-y)) scale(0.9);
    opacity: 0;
    z-index: 0;
  }
}

.page-news {
  position: relative;
  z-index: 3;
}

.page-news .logo-container {
  width: 100%;
  height: 100vh;
  position: relative;
  background: url(https://www.anantagame.com/pc/gw/20260811142614/assets/news-bg_504830e4.jpg) top center no-repeat;
  background-size: 100%;
}

.page-news .logo-container .logo {
  background: url(https://www.anantagame.com/pc/gw/20260811142614/assets/logo_427de5f9.png) no-repeat center center;
  background-size: 100%;
  width: 3.06rem;
  height: 1.7rem;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  margin-top: -10vh;
  z-index: 10;
  pointer-events: none;
}

.page-news .logo-container .logo-mask {
  width: 100%;
  height: 50%;
  background: -webkit-gradient(linear, left top, left bottom, from(#181818), to(rgba(23, 23, 23, 0)));
  background: linear-gradient(to bottom, #181818 0%, rgba(23, 23, 23, 0) 100%);
}

.page-news .news-container {
  width: 100%;
  position: relative;
  padding: 0.25rem 0 3.86rem;
}

.page-news .news-container .news-bg {
  width: 100%;
  height: 100%;
  background: #131313 url(https://www.anantagame.com/pc/gw/20260811142614/assets/news-bg-tile_117192bd.jpg) repeat;
  background-size: 100% auto;
  position: absolute;
  top: 0;
  left: 0;
}

.page-news .news-container .video-cover {
  background: url(https://www.anantagame.com/pc/gw/20260811142614/assets/cover_414d1373.png) no-repeat;
  width: 6.4rem;
  height: 3.6rem;
  background-size: 100%;
  margin: 0 auto 0.65rem;
  position: relative;
}

.page-news .news-container .title-news {
  background: url(https://www.anantagame.com/pc/gw/20260811142614/assets/sprite-a24823_a24823d6.png);
  background-size: 11.81rem 10.84rem;
  background-position: -2.68rem -4.82rem;
  width: 4.18rem;
  height: 0.84rem;
  margin: 0 0.55rem 0.9rem;
  position: relative;
}

.page-news .news-container .news-list {
  position: relative;
}

.page-news .news-container .news-list .news-item {
  width: 6.15rem;
  margin: 0 0.72rem 0.4rem 0.64rem;
  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;
}

.page-news .news-container .news-list .news-item:nth-child(7),
.page-news .news-container .news-list .news-item:nth-child(8) {
  display: none;
}

.page-news .news-container .news-list .news-item__shortTitle,
.page-news .news-container .news-list .news-item__title {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  color: #F9F9F9;
  font-style: normal;
  line-height: normal;
}

.page-news .news-container .news-list .news-item__shortTitle {
  width: 2.4rem;
  margin-right: 0.45rem;
  text-align: right;
  font-family: 'MiSans', sans-serif;
  font-size: 0.3rem;
  font-weight: 450;
}

.page-news .news-container .news-list .news-item__title {
  width: 3.3rem;
  font-family: 'MiSans', sans-serif;
  font-size: 0.24rem;
  font-weight: 330;
}

.page-news .news-container .more-news {
  color: #F2F2F2;
  font-family: 'MiSans', sans-serif;
  font-size: 0.3rem;
  font-style: normal;
  font-weight: 450;
  line-height: normal;
  width: 2.55rem;
  margin-left: 0.5rem;
  text-align: right;
  display: block;
  position: relative;
}

.page-news .news-container .more-news span {
  display: inline-block;
  margin: 0 0.05rem 0 0.05rem;
  background: url(https://www.anantagame.com/pc/gw/20260811142614/assets/sprite-a24823_a24823d6.png);
  background-size: 11.81rem 10.84rem;
  background-position: -11.66rem -8.84rem;
  width: 0.1rem;
  height: 0.18rem;
}

.page-news .footer {
  width: 100%;
  height: 5.34rem;
  background-size: cover;
  position: relative;
  margin-top: 2rem;
}

.page-news.static {
  padding-top: 0;
}

.sli.sli-role {
  width: 100%;
  position: relative;
  pointer-events: none;
  /* 节点名：调查员3.mp4 合成 3 */
  /* 节点名：缩放控制 2 */
  /* 节点名：duizhang 合成 1 */
  /* 节点名：空 5 */
  /* 节点名：tafei */
  /* 节点名：空 5 */
  /* 节点名：塔菲BG */
  /* 节点名：空 10 */
  /* 节点名：saimo */
  /* 节点名：空 10 */
  /* 节点名：saimo-bg */
}

.sli.sli-role .spacer {
  width: 100%;
  height: calc(var(--app-vh, 1vh) * 500);
  pointer-events: none;
}

.sli.sli-role .fixed-cnt {
  width: 100%;
  height: calc(var(--visible-vh, 1vh) * 100);
  position: absolute;
  top: 0;
  left: 0;
}

.sli.sli-role .role {
  pointer-events: none;
}

.sli.sli-role .role-dcy {
  position: absolute;
  width: 7.5rem;
  height: 100%;
  left: 0;
  top: 0;
}

.sli.sli-role .role-tafei {
  position: absolute;
  width: 7.5rem;
  height: 100%;
  left: 0;
  top: 0;
}

.sli.sli-role .role-lixi {
  position: absolute;
  width: 7.5rem;
  height: 100%;
  left: 0;
  top: 0;
}

.sli.sli-role .role-saimo {
  position: absolute;
  width: 7.5rem;
  height: 100%;
  left: 0;
  top: 0;
}

.sli.sli-role .role-shiye,
.sli.sli-role .role-yinglong {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}

.sli.sli-role .info-mask {
  z-index: 2;
  background: rgba(0, 0, 0, 0.3);
  height: 7rem;
}

.sli.sli-role .z_kong_dcy_000 {
  position: absolute;
  left: 8.26rem;
  top: calc((var(--visible-vh, 1vh) * 100 - 10.6rem) / 2 + 7.79rem);
  height: 1rem;
  width: 1rem;
  mix-blend-mode: normal;
  -webkit-transform-origin: 0% 0%;
  transform-origin: 0% 0%;
  -webkit-transform: scale(1.722, 1.722);
  transform: scale(1.722, 1.722);
}

.sli.sli-role .z_black_000_dcy,
.sli.sli-role .z_black_000_lixi,
.sli.sli-role .z_black_000_saimo,
.sli.sli-role .z_black_000_tafei,
.sli.sli-role .z_black_000_shiye,
.sli.sli-role .z_black_000_yinglong {
  position: absolute;
  left: 0;
  bottom: calc((var(--visible-vh, 1vh) * 100 - 9.45rem) / -2);
  height: calc((var(--visible-vh, 1vh) * 100 - 10rem) / 2);
  width: 7.5rem;
  mix-blend-mode: normal;
  -webkit-transform-origin: 50% 0%;
  transform-origin: 50% 0%;
  -webkit-transform: scale(1, 0) rotate(180deg);
  transform: scale(1, 0) rotate(180deg);
  background: url(https://www.anantagame.com/pc/gw/20260811142614/assets/z_black_000_73cc966e.png);
  background-size: 100% 100%;
}

.sli.sli-role .z_black_000_shiye {
  z-index: 1;
}

.sli.sli-role .z_black_001_dcy,
.sli.sli-role .z_black_001_lixi,
.sli.sli-role .z_black_001_saimo,
.sli.sli-role .z_black_001_tafei,
.sli.sli-role .z_black_001_shiye,
.sli.sli-role .z_black_001_yinglong {
  position: absolute;
  left: 0;
  top: 0;
  height: calc((var(--visible-vh, 1vh) * 100 - 10.6rem) / 2);
  width: 7.5rem;
  mix-blend-mode: normal;
  -webkit-transform-origin: 50% 0%;
  transform-origin: 50% 0%;
  -webkit-transform: scale(1, 0);
  transform: scale(1, 0);
  background: url(https://www.anantagame.com/pc/gw/20260811142614/assets/z_black_000_73cc966e.png);
  background-size: 100% 100%;
}

.sli.sli-role .z_dcy_000 {
  position: absolute;
  left: -5.66rem;
  top: -9.06rem;
  height: 16.24rem;
  width: 7.5rem;
  mix-blend-mode: normal;
  -webkit-transform: scale(0.5807, 0.5807);
  transform: scale(0.5807, 0.5807);
  background: url(https://www.anantagame.com/pc/gw/20260811142614/assets/z_diaochayuan3_000_acc3ec0f.png);
  background-size: 100% 100%;
}

.sli.sli-role .z_kong_dcy_001 {
  position: absolute;
  left: 8.26rem;
  top: calc((var(--visible-vh, 1vh) * 100 - 10.6rem) / 2 + 7.79rem);
  height: 1rem;
  width: 1rem;
  mix-blend-mode: normal;
  -webkit-transform-origin: 0% 0%;
  transform-origin: 0% 0%;
  -webkit-transform: scale(1.722, 1.722);
  transform: scale(1.722, 1.722);
}

.sli.sli-role .z_duizhang_hecheng_1_001_dcy {
  position: absolute;
  left: -5.66rem;
  top: -9.06rem;
  height: 16.24rem;
  width: 7.5rem;
  mix-blend-mode: normal;
  -webkit-transform: scale(0.5807, 0.5807);
  transform: scale(0.5807, 0.5807);
  background: url(https://www.anantagame.com/pc/gw/20260811142614/assets/z_duizhang_hecheng_1_001_82a0e37a.png);
  background-size: 100% 100%;
}

.sli.sli-role .role-bg {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 50%;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}

.sli.sli-role .role-bg-lixi {
  /* 节点名：空 9 */
  /* 节点名：lixi */
  /* 节点名：空 9 */
  /* 节点名：lixi-BG */
}

.sli.sli-role .role-bg-lixi .z_kong_lixi_000 {
  position: absolute;
  left: 7.51rem;
  top: calc((var(--visible-vh, 1vh) * 100 - 11.08rem) / 2 + 4.65rem);
  height: 1rem;
  width: 1rem;
  mix-blend-mode: normal;
  -webkit-transform-origin: 0% 0%;
  transform-origin: 0% 0%;
  -webkit-transform: scale(1.47, 1.47);
  transform: scale(1.47, 1.47);
}

.sli.sli-role .role-bg-lixi .z_lixi_000 {
  position: absolute;
  left: -5.98rem;
  top: -7.76rem;
  height: 16.24rem;
  width: 7.5rem;
  mix-blend-mode: normal;
  -webkit-transform: scale(0.6803, 0.6803);
  transform: scale(0.6803, 0.6803);
  background: url(https://www.anantagame.com/pc/gw/20260811142614/assets/z_lixi_000_a4db2d3c.png);
  background-size: 100% 100%;
}

.sli.sli-role .role-bg-lixi .z_kong_lixi_001 {
  position: absolute;
  left: 7.51rem;
  top: calc((var(--visible-vh, 1vh) * 100 - 11.08rem) / 2 + 4.65rem);
  height: 1rem;
  width: 1rem;
  mix-blend-mode: normal;
  -webkit-transform-origin: 0% 0%;
  transform-origin: 0% 0%;
  -webkit-transform: scale(1.47, 1.47);
  transform: scale(1.47, 1.47);
}

.sli.sli-role .role-bg-lixi .z_duizhang_hecheng_1_001_lixi {
  position: absolute;
  left: -5.98rem;
  top: -7.76rem;
  height: 16.24rem;
  width: 7.5rem;
  mix-blend-mode: normal;
  -webkit-transform: scale(0.6803, 0.6803);
  transform: scale(0.6803, 0.6803);
  background: url(https://www.anantagame.com/pc/gw/20260811142614/assets/z_lixi_BG_001_89bfd372.png);
  background-size: 100% 100%;
}

.sli.sli-role .z_kong_tafei_000 {
  position: absolute;
  left: 4.03rem;
  top: calc((var(--visible-vh, 1vh) * 100 - 10.6rem) / 2 + 4.4rem);
  height: 1rem;
  width: 1rem;
  mix-blend-mode: normal;
  -webkit-transform-origin: 0% 0%;
  transform-origin: 0% 0%;
  -webkit-transform: scale(1.5284, 1.5284);
  transform: scale(1.5284, 1.5284);
}

.sli.sli-role .z_tafei_000 {
  position: absolute;
  left: -3.9rem;
  top: -7.6rem;
  height: 16.24rem;
  width: 7.5rem;
  mix-blend-mode: normal;
  -webkit-transform: scale(0.6543, 0.6543);
  transform: scale(0.6543, 0.6543);
  background: url(https://www.anantagame.com/pc/gw/20260811142614/assets/z_tafei_000_ec386b2d.png);
  background-size: 100% 100%;
}

.sli.sli-role .z_kong_tafei_001 {
  position: absolute;
  left: 4.03rem;
  top: calc((var(--visible-vh, 1vh) * 100 - 10.6rem) / 2 + 4.4rem);
  height: 1rem;
  width: 1rem;
  mix-blend-mode: normal;
  -webkit-transform-origin: 0% 0%;
  transform-origin: 0% 0%;
  -webkit-transform: scale(1.5284, 1.5284);
  transform: scale(1.5284, 1.5284);
}

.sli.sli-role .z_duizhang_hecheng_1_001_tafei {
  position: absolute;
  left: -3.9rem;
  top: -7.6rem;
  height: 16.24rem;
  width: 7.5rem;
  mix-blend-mode: normal;
  -webkit-transform: scale(0.6543, 0.6543);
  transform: scale(0.6543, 0.6543);
  background: url(https://www.anantagame.com/pc/gw/20260811142614/assets/z_dafeiBG_001_f2fa3158.png);
  background-size: 100% 100%;
}

.sli.sli-role .z_kong_saimo_000 {
  position: absolute;
  left: 10.49rem;
  top: calc((var(--visible-vh, 1vh) * 100 - 10.6rem) / 2 + 0.36rem);
  height: 1rem;
  width: 1rem;
  mix-blend-mode: normal;
  -webkit-transform-origin: 0% 0%;
  transform-origin: 0% 0%;
  -webkit-transform: scale(2.2023, 2.2023);
  transform: scale(2.2023, 2.2023);
}

.sli.sli-role .z_saimo_000 {
  position: absolute;
  left: -6.5rem;
  top: -6.66rem;
  height: 16.24rem;
  width: 7.5rem;
  mix-blend-mode: normal;
  -webkit-transform: scale(0.4541, 0.4541);
  transform: scale(0.4541, 0.4541);
  background: url(https://www.anantagame.com/pc/gw/20260811142614/assets/z_saimo_000_cdf75bcf.png);
  background-size: 100% 100%;
}

.sli.sli-role .z_kong_saimo_001 {
  position: absolute;
  left: 10.49rem;
  top: calc((var(--visible-vh, 1vh) * 100 - 10.6rem) / 2 + 0.36rem);
  height: 1rem;
  width: 1rem;
  mix-blend-mode: normal;
  -webkit-transform-origin: 0% 0%;
  transform-origin: 0% 0%;
  -webkit-transform: scale(2.2023, 2.2023);
  transform: scale(2.2023, 2.2023);
}

.sli.sli-role .z_duizhang_hecheng_1_001_saimo {
  position: absolute;
  left: -6.5rem;
  top: -6.66rem;
  height: 16.24rem;
  width: 7.5rem;
  mix-blend-mode: normal;
  -webkit-transform: scale(0.4541, 0.4541);
  transform: scale(0.4541, 0.4541);
  background: url(https://www.anantagame.com/pc/gw/20260811142614/assets/z_saimo_bg_001_fd340401.png);
  background-size: 100% 100%;
}

.role-bg-shiye .z_kong_shiye_000,
.role-bg-shiye .z_kong_shiye_001 {
  position: absolute;
  left: 3.74rem;
  top: 7.64rem;
  height: 1rem;
  width: 1rem;
  mix-blend-mode: normal;
  -webkit-transform-origin: 0% 0%;
  transform-origin: 0% 0%;
  -webkit-transform: scale(0.55, 0.55);
  transform: scale(0.55, 0.55);
}

.role-bg-shiye .z_duizhang_hecheng_1_001_shiye {
  position: absolute;
  left: -3.75rem;
  top: -6.81rem;
  height: 14.68rem;
  width: 7.5rem;
  mix-blend-mode: normal;
  -webkit-transform: scale(1.8182, 1.8182);
  transform: scale(1.8182, 1.8182);
  background: url(https://www.anantagame.com/pc/gw/20260811142614/assets/z_bg_shiye_f87214f4.png);
  background-size: 100% 100%;
}

.role-bg-shiye .z_shiye_000 {
  position: absolute;
  left: -3.75rem;
  top: -5.25rem;
  height: 10.44rem;
  width: 7.5rem;
  mix-blend-mode: normal;
  -webkit-transform: scale(1.8182, 1.8182);
  transform: scale(1.8182, 1.8182);
  background: url(https://www.anantagame.com/pc/gw/20260811142614/assets/z_shiyejingtai_000_c61ec0a7.png);
  background-size: 100% 100%;
}

.role-bg-shiye .z_heisemask_shiye {
  position: absolute;
  left: 1.87rem;
  top: 4.06rem;
  height: 8.12rem;
  width: 3.76rem;
  mix-blend-mode: normal;
  opacity: 1;
  -webkit-transform: scale(2, 2);
  transform: scale(2, 2);
  background: url(https://www.anantagame.com/pc/gw/20260811142614/assets/z_heisemask_shiye_f17f2792.png);
  background-size: 100% 100%;
}

.role-bg-yinglong .z_kong_yinglong_000,
.role-bg-yinglong .z_kong_yinglong_001 {
  position: absolute;
  left: 3.87rem;
  top: 7.56rem;
  height: 1rem;
  width: 1rem;
  mix-blend-mode: normal;
  -webkit-transform-origin: 0% 0%;
  transform-origin: 0% 0%;
  -webkit-transform: scale(1.3101, 1.3101);
  transform: scale(1.3101, 1.3101);
}

.role-bg-yinglong .z_duizhang_hecheng_1_001_yinglong {
  position: absolute;
  left: -3.88rem;
  top: -7.65rem;
  height: 16.24rem;
  width: 7.5rem;
  mix-blend-mode: normal;
  -webkit-transform: scale(0.7633, 0.7633);
  transform: scale(0.7633, 0.7633);
  background: url(https://www.anantagame.com/pc/gw/20260811142614/assets/z_bg_yinglong_4636b923.png);
  background-size: 100% 100%;
}

.role-bg-yinglong .z_yinglong_000 {
  position: absolute;
  left: -3.88rem;
  top: -7.65rem;
  height: 16.24rem;
  width: 7.5rem;
  mix-blend-mode: normal;
  -webkit-transform: scale(0.7633, 0.7633);
  transform: scale(0.7633, 0.7633);
  background: url(https://www.anantagame.com/pc/gw/20260811142614/assets/z_yinglong_hecheng_1_000_781af5de.png);
  background-size: 100% 100%;
}

.role-bg-yinglong .z_heisemask_yinglong {
  position: absolute;
  left: 1.87rem;
  top: 4.06rem;
  height: 8.12rem;
  width: 3.76rem;
  mix-blend-mode: normal;
  opacity: 1;
  -webkit-transform: scale(2, 2);
  transform: scale(2, 2);
  background: url(https://www.anantagame.com/pc/gw/20260811142614/assets/z_heisemask_yinglong_08dc6579.png);
  background-size: 100% 100%;
}

.sli-role .sli-role-section {
  position: relative;
}

.sli-role .sli-role-section .spacer {
  height: calc(var(--app-vh, 1vh) * 100);
}

.sli.sli-land {
  width: 100%;
  position: relative;
  background: #181818;
  overflow: hidden;
  /* 滚动占位：撑出与上屏衔接/渐显触发的滚动区间；
     高度用冻结的 --app-vh（见 js/app/index.js initContainScreen），不随地址栏收展变化 */
  /* 底图（下层城市） */
  /* 顶图裁剪容器，高度跟随分割线 */
  /* 全局压暗层 */
  /* 上/下半张点击热区: 分界跟随分割线(上热区高=dividerPos, 下热区=剩余), 组件内 @click 打开对应城市大图;
     图像(2)之上、分割线(4)/文字(5)之下, 拖拽分割线时点击落在分割线上不触发热区; 滑入动画中禁止点击 */
  /* 分割线（可拖拽） */
  /* 文案 */
}

.sli.sli-land .sli-land__spacer {
  width: 100%;
  height: calc(var(--app-vh, 1vh) * 100);
  pointer-events: none;
}

.sli.sli-land .fixed-cnt {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: calc(var(--visible-vh, 1vh) * 100);
  overflow: hidden;
}

.sli.sli-land .land-img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.sli.sli-land .land-img--bottom {
  background-image: url(https://www.anantagame.com/pc/gw/20260811142614/assets/sli-land-bottom_6bc96e7c.jpg);
}

.sli.sli-land .land-top {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  overflow: hidden;
  z-index: 2;
  /* 内部图片保持整屏尺寸，不随裁剪容器变化；基准与上方 .fixed-cnt 同源，否则顶图比容器高，拖动分割线时两张城市图对不齐 */
}

.sli.sli-land .land-top .land-img--top {
  height: calc(var(--visible-vh, 1vh) * 100);
  background-image: url(https://www.anantagame.com/pc/gw/20260811142614/assets/sli-land-top_7e22f67c.jpg);
}

.sli.sli-land .land-mask {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
  pointer-events: none;
  z-index: 3;
  -webkit-transition: opacity 0.25s linear;
  transition: opacity 0.25s linear;
  /* 首次交互（拖拽分割线/点击上/下城市图）后淡出，露出完整亮度的双城图便于对比；永久隐藏，仅刷新重置 */
}

.sli.sli-land .land-mask.land-mask--hidden {
  opacity: 0;
}

.sli.sli-land .land-zone {
  position: absolute;
  left: 0;
  width: 100%;
  z-index: 3;
  cursor: pointer;
}

.sli.sli-land .land-zone.land-zone--locked {
  pointer-events: none;
}

.sli.sli-land .land-zone--top {
  top: 0;
}

.sli.sli-land .land-zone--bottom {
  bottom: 0;
}

.sli.sli-land .land-divider {
  position: absolute;
  left: 0;
  width: 100%;
  height: 0;
  z-index: 4;
  cursor: -webkit-grab;
  cursor: grab;
  -ms-touch-action: none;
  touch-action: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-user-select: none;
  /* 加宽拖拽热区（覆盖 1.1rem 高手柄） */
  /* 中心手柄：竖向圆角胶囊 + 上下三角（60×110，居中于分割线） */
}

.sli.sli-land .land-divider.land-divider--dragging {
  cursor: -webkit-grabbing;
  cursor: grabbing;
}

.sli.sli-land .land-divider::before {
  content: '';
  position: absolute;
  left: 0;
  top: -0.6rem;
  width: 100%;
  height: 1.2rem;
}

.sli.sli-land .land-divider .land-divider__line {
  position: absolute;
  top: -0.02rem;
  width: calc(50% - 0.3rem);
  height: 0.02rem;
  background: #f7f7f7;
}

.sli.sli-land .land-divider .land-divider__line--left {
  left: 0;
}

.sli.sli-land .land-divider .land-divider__line--right {
  right: 0;
}

.sli.sli-land .land-divider .land-divider__handle {
  position: absolute;
  left: 50%;
  top: 0;
  width: 0.6rem;
  height: 1.1rem;
  margin-left: -0.3rem;
  margin-top: -0.55rem;
  border: 0.02rem solid #fff;
  border-radius: 0.55rem;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.sli.sli-land .land-divider .land-divider__tri {
  position: absolute;
  left: 50%;
  width: 0;
  height: 0;
  margin-left: -0.14rem;
  border-left: 0.14rem solid transparent;
  border-right: 0.14rem solid transparent;
}

.sli.sli-land .land-divider .land-divider__tri--up {
  top: 0.24rem;
  border-bottom: 0.23rem solid #fff;
}

.sli.sli-land .land-divider .land-divider__tri--down {
  top: 0.65rem;
  border-top: 0.23rem solid #fff;
}

.sli.sli-land .land-text {
  position: absolute;
  left: 0;
  top: 27.65%;
  width: 100%;
  text-align: center;
  color: #f6f6f6;
  pointer-events: none;
  z-index: 5;
  -webkit-transition: opacity 0.25s linear;
  transition: opacity 0.25s linear;
  /* 首次交互后与压暗层同步永久淡出 */
}

.sli.sli-land .land-text.land-text--hidden {
  opacity: 0;
}

.sli.sli-land .land-text .land-text__title {
  font-family: 'MiSans', sans-serif;
  font-weight: 630;
  font-size: 0.56rem;
  line-height: 0.9rem;
  letter-spacing: 0.0392rem;
  white-space: nowrap;
}

.sli.sli-land .land-text .land-text__subtitle {
  margin-top: 0.02rem;
  font-family: 'MiSans', sans-serif;
  font-weight: 330;
  font-size: 0.36rem;
  line-height: 0.5rem;
  letter-spacing: 0.0324rem;
  white-space: nowrap;
}

/* iPad/平板 contain 缩放适配（置于页面样式之后，用 !important 覆盖 fixed 容器定位） */

html {
  background: #000;
}

body {
  width: var(--layout-w, 100%);
  margin-left: var(--layout-left, 0) !important;
  margin-right: 0 !important;
}

.page-kv .fixed-cnt,
.page-launch .fixed-cnt,
.sli-land .fixed-cnt,
.nav-list {
  left: var(--layout-left, 0) !important;
  width: var(--layout-w) !important;
}

.light-mode .p1 {
  color: rgba(255, 255, 255, 0.9) !important;
  background: none !important;
  background-clip: unset !important;
  -webkit-background-clip: unset !important;
  -webkit-text-fill-color: unset !important;
}
/** mixins **/

@font-face {
  font-family: 'MiSans';
  src: url('https://comm.res.easebar.com/js/leihuo/fonts/MiSans-Light.woff2') format('woff2'), url('https://comm.res.easebar.com/js/leihuo/fonts/MiSans-Light.woff') format('woff');
  font-weight: 250;
  font-display: swap;
}

@font-face {
  font-family: 'MiSans';
  src: url('https://comm.res.easebar.com/js/leihuo/fonts/MiSans-Regular.woff2') format('woff2'), url('https://comm.res.easebar.com/js/leihuo/fonts/MiSans-Regular.woff') format('woff');
  font-weight: 330;
  font-display: swap;
}

@font-face {
  font-family: 'MiSans';
  src: url('https://comm.res.easebar.com/js/leihuo/fonts/MiSans-Demibold.woff2') format('woff2'), url('https://comm.res.easebar.com/js/leihuo/fonts/MiSans-Demibold.woff') format('woff');
  font-weight: 450;
  font-display: swap;
}

@font-face {
  font-family: 'MiSans';
  src: url('https://comm.res.easebar.com/js/leihuo/fonts/MiSans-Bold.woff2') format('woff2'), url('https://comm.res.easebar.com/js/leihuo/fonts/MiSans-Bold.woff') format('woff');
  font-weight: 630;
  font-display: swap;
}

@font-face {
  font-family: 'Noto Sans JP';
  src: url('https://comm.res.easebar.com/js/leihuo/fonts/noto/noto-sans-jp-v42-latin_japanese-300.woff2') format('woff2'), url('https://comm.res.easebar.com/js/leihuo/fonts/noto/noto-sans-jp-v42-latin_japanese-300.woff') format('woff');
  font-weight: 300;
  font-display: swap;
}

@font-face {
  font-family: 'Noto Sans JP';
  src: url('https://comm.res.easebar.com/js/leihuo/fonts/noto/noto-sans-jp-v42-latin_japanese-regular.woff2') format('woff2'), url('https://comm.res.easebar.com/js/leihuo/fonts/noto/noto-sans-jp-v42-latin_japanese-regular.woff') format('woff');
  font-weight: 400;
  font-display: swap;
}

@font-face {
  font-family: 'Noto Sans JP';
  src: url('https://comm.res.easebar.com/js/leihuo/fonts/noto/noto-sans-jp-v42-latin_japanese-500.woff2') format('woff2'), url('https://comm.res.easebar.com/js/leihuo/fonts/noto/noto-sans-jp-v42-latin_japanese-500.woff') format('woff');
  font-weight: 500;
  font-display: swap;
}

@font-face {
  font-family: 'Noto Sans JP';
  src: url('https://comm.res.easebar.com/js/leihuo/fonts/noto/noto-sans-jp-v42-latin_japanese-700.woff2') format('woff2'), url('https://comm.res.easebar.com/js/leihuo/fonts/noto/noto-sans-jp-v42-latin_japanese-700.woff') format('woff');
  font-weight: 700;
  font-display: swap;
}

@font-face {
  font-family: 'Noto Sans JP';
  src: url('https://comm.res.easebar.com/js/leihuo/fonts/NotoSansJP-Black.woff2') format('woff2'), url('https://comm.res.easebar.com/js/leihuo/fonts/NotoSansJP-Black.woff') format('woff');
  font-weight: 900;
  font-display: swap;
}

@font-face {
  font-family: 'Noto Sans KR';
  src: url('https://comm.res.easebar.com/js/leihuo/fonts/noto/noto-sans-kr-v27-latin_korean-300.woff2') format('woff2'), url('https://comm.res.easebar.com/js/leihuo/fonts/noto/noto-sans-kr-v27-latin_korean-300.woff') format('woff');
  font-weight: 300;
  font-display: swap;
}

@font-face {
  font-family: 'Noto Sans KR';
  src: url('https://comm.res.easebar.com/js/leihuo/fonts/noto/noto-sans-kr-v27-latin_korean-regular.woff2') format('woff2'), url('https://comm.res.easebar.com/js/leihuo/fonts/noto/noto-sans-kr-v27-latin_korean-regular.woff') format('woff');
  font-weight: 400;
  font-display: swap;
}

@font-face {
  font-family: 'Noto Sans KR';
  src: url('https://comm.res.easebar.com/js/leihuo/fonts/noto/noto-sans-kr-v27-latin_korean-500.woff2') format('woff2'), url('https://comm.res.easebar.com/js/leihuo/fonts/noto/noto-sans-kr-v27-latin_korean-500.woff') format('woff');
  font-weight: 500;
  font-display: swap;
}

@font-face {
  font-family: 'Noto Sans KR';
  src: url('https://comm.res.easebar.com/js/leihuo/fonts/noto/noto-sans-kr-v27-latin_korean-700.woff2') format('woff2'), url('https://comm.res.easebar.com/js/leihuo/fonts/noto/noto-sans-kr-v27-latin_korean-700.woff') format('woff');
  font-weight: 700;
  font-display: swap;
}

@font-face {
  font-family: 'Noto Sans KR';
  src: url('https://comm.res.easebar.com/js/leihuo/fonts/NotoSansKR-Black.woff2') format('woff2'), url('https://comm.res.easebar.com/js/leihuo/fonts/NotoSansKR-Black.woff') format('woff');
  font-weight: 900;
  font-display: swap;
}

/* BebasNeue */

@font-face {
  font-family: 'Bebas Neue';
  src: url('https://comm.res.easebar.com/js/leihuo/fonts/BebasNeue-Regular.woff2') format('woff2'), url('https://comm.res.easebar.com/js/leihuo/fonts/BebasNeue-Regular.woff') format('woff');
  font-weight: 400;
  font-display: swap;
}

/* ANANTA（仅预约页 reserve-number 数字使用；本地打包字体） */

@font-face {
  font-family: 'ANANTA';
  src: url(https://www.anantagame.com/pc/gw/20260811142614/assets/ANANTA_ee89c025.woff) format('woff');
  font-display: swap;
}

html[data-site='global'] {
  font-family: 'MiSans', sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

html[data-site='global'] .page-kv .play-btn {
  top: 34.3%;
}

html[data-site='global'] .page-kv .kv-shijian {
  top: 46.5%;
}

html[data-site='global'] .page-kv .kv-wenan {
  top: 52.6%;
}

html[data-site='global'] .page-kv .reserve-btn {
  top: 76.4%;
  width: 3.2rem;
  background: url(https://www.anantagame.com/pc/gw/20260811142614/assets/z_yuyue_btn_001-oversea_a3011a7e.png) no-repeat;
  background-size: 100% 100%;
}

html[data-site='global'] .page-kv .kv-platforms {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

html[data-site='global'] .page-kv .kv-vector {
  top: 90.5%;
}

html[data-site='global'] .page-news .news-container .news-list .news-item {
  display: block;
  width: auto;
  margin: 0 0.56rem 0.18rem;
  padding-bottom: 0.29rem;
  border-bottom: 0.01rem solid rgba(247, 247, 247, 0.22);
}

html[data-site='global'] .page-news .news-container .news-list .news-item:nth-child(n + 5) {
  display: none;
}

html[data-site='global'] .page-news .news-container .news-list .news-item__shortTitle {
  display: block;
  width: auto;
  margin-right: 0;
  text-align: left;
  font-size: 0.3rem;
  line-height: 0.63rem;
}

html[data-site='global'] .page-news .news-container .news-list .news-item__title {
  display: block;
  width: auto;
  margin-top: -0.03rem;
  text-align: left;
  font-size: 0.24rem;
  line-height: 0.28rem;
}

html[data-site='global'] .page-news .news-container .more-news {
  margin: 0.14rem 0.56rem 0 auto;
}

html[data-site='global'] .page-milestone .milestone-card {
  height: 2.06rem;
}

html[data-site='global'] .page-milestone .milestone-card .card-frame,
html[data-site='global'] .page-milestone .milestone-card .card-border {
  height: 2.06rem;
}

html[data-site='global'] .page-milestone .milestone-card:not(.social) .card-gradient {
  height: 2.06rem;
}

html[data-site='global'] .page-milestone .milestone-card .card-label {
  height: 0.54rem;
}

html[data-site='global'] .page-milestone .milestone-card .card-label__text {
  -webkit-line-clamp: 2;
}

html[data-site='global'] .page-milestone .milestone-card:not(.card6) .card-item {
  bottom: 0.54rem;
}

html[data-site='global'] .page-milestone .milestone-card.card6 .card-deck {
  height: 2.06rem;
}

html[data-site='global'] .page-milestone .milestone-card.card6 .deck-item {
  height: 2.06rem;
  --deck-mid-y: -0.1128rem;
  --deck-back-y: -0.2038rem;
}

html[data-site='global'] .page-milestone .milestone-card.card6 .deck-item--1 {
  background-image: url(https://www.anantagame.com/pc/gw/20260811142614/assets/car1-en_c68ec9ba.png);
}

html[data-site='global'] .page-milestone .milestone-card.card6 .deck-item--2 {
  background-image: url(https://www.anantagame.com/pc/gw/20260811142614/assets/car2-en_636123ca.png);
}

html[data-site='global'] .page-milestone .milestone-card.card6 .deck-item--3 {
  background-image: url(https://www.anantagame.com/pc/gw/20260811142614/assets/car3-en_06a97b8c.png);
}

html[data-site='global'] .page-milestone .milestone-card.card6 .deck-item--4 {
  background-image: url(https://www.anantagame.com/pc/gw/20260811142614/assets/car4-en_cad71633.png);
}
/** mixins **/
.video-frame-renderer[data-v-78c3bc45] {
  position: relative;
  width: 100%;
  height: 100%;
}
canvas[data-v-78c3bc45] {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  background: #181818;
}

/** mixins **/
.video-frame-predecode-renderer[data-v-72acefa2] {
  position: relative;
  width: 100%;
  height: 100%;
}
canvas[data-v-72acefa2],
video[data-v-72acefa2] {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  background: #181818;
}
.loading[data-v-72acefa2] {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 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;
  color: #fff;
  background: rgba(0, 0, 0, 0.5);
  font-size: 18px;
  z-index: 10;
}

/** mixins **/

/** mixins **/

/** mixins **/

/** mixins **/

/** mixins **/

/** mixins **/

/** mixins **/

/** mixins **/

/** mixins **/

/** mixins **/
.container-index[data-v-94141c24] {
  width: 100%;
  position: relative;
  background-color: #181818;
}

/** mixins **/

html[data-site='global'][lang='zh-Hant'] {
  font-family: 'MiSans', sans-serif;
}

html[data-site='global'][lang='zh-Hant'] .page-kv .kv-shijian__text .cht {
  font-family: 'MiSans', sans-serif;
  font-weight: 630;
  font-size: 0.48rem;
}

html[data-site='global'][lang='zh-Hant'] .nav-list .menu .btns .yuyue-btn {
  line-height: 0.4rem;
}

html[data-site='global'][lang='zh-Hant'] .page-news .title-news {
  width: 2.87rem;
  height: 0.77rem;
  background: url(https://www.anantagame.com/pc/gw/20260811142614/assets/news-title-en_2a77e472.png) no-repeat center center;
  background-size: 100% 100%;
}

html[data-site='global'][lang='zh-Hant'] .page-news .news-container .news-list .news-item__title {
  font-weight: 250;
}