@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;
}

/* 以下字体没找到对应的FontFace: */

/* Bebas Neue,Inter */

/* MiSans */

@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-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-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-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;
}

/* ANANTA */

@font-face {
  font-family: 'ANANTA';
  src: url(https://www.anantagame.com/pc/gw/20250904162009/assets/ANANTA_ee89c025.woff) format('woff');
}

/* 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;
}

@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;
}

/* 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;
}

@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;
}

html,
body {
  position: relative;
  margin: 0 auto;
  width: 100%;
  background: #181818;
  color: #eee;
}

body {
  font-size: 0.16rem;
  overflow-x: hidden;
  padding-bottom: 0.88rem;
}

#copyright {
  margin-top: 1.28rem;
}

#copyright .leihuo-copyright {
  background: none;
}

.footer-nav {
  margin-top: 2rem;
}

.leihuo-pop-media.leihuo-pop-video .pop-video-content {
  max-width: 19.2rem;
  height: auto;
  width: 70%;
}

.leihuo-pop-media.leihuo-pop-video .pop-video-content video {
  max-width: 19.2rem;
  width: 100%;
  height: auto;
  max-height: 10.8rem;
}

.leihuo-pop-media.leihuo-pop-video .media-close {
  font-size: 0;
  position: absolute;
  z-index: 3;
  width: 0.8rem;
  height: 0.8rem;
  top: -0.2rem;
  right: -0.8rem;
  -webkit-transition: -webkit-transform 0.5s;
  transition: -webkit-transform 0.5s;
  transition: transform 0.5s;
  transition: transform 0.5s, -webkit-transform 0.5s;
}

.leihuo-pop-media.leihuo-pop-video .media-close:hover {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.leihuo-pop-media.leihuo-pop-video .media-close::after,
.leihuo-pop-media.leihuo-pop-video .media-close::before {
  content: '';
  display: block;
  width: 0.4rem;
  height: 0.02rem;
}

.leihuo-pop-media.leihuo-pop-video .media-close::after {
  background: #F7F7F7;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
  transform: translate(-50%, -50%) rotate(45deg);
}

.leihuo-pop-media.leihuo-pop-video .media-close::before {
  background: #F7F7F7;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%) rotate(-45deg);
  transform: translate(-50%, -50%) rotate(-45deg);
}

.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: 5rem;
  height: 4rem;
  background: white;
  color: red;
}

.pop-bg .pop-close {
  position: absolute;
  top: -0.2rem;
  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 {
  width: 5.37rem;
  height: 3.65rem;
  color: black;
  border-radius: 0.08rem;
  background: linear-gradient(321deg, rgba(255, 255, 255, 0) -21.36%, rgba(255, 255, 255, 0.74) 109.44%);
  backdrop-filter: blur(0.225rem);
}

.msg-pop .pop-content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 100%;
  font-size: 0.24rem;
}

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

.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;
  color: #191919;
}

.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;
}

.msg-pop .pop-btn-confirm {
  width: 4.155rem;
  height: 0.645rem;
  border-radius: 0.08rem;
  opacity: 0.9;
  background: #191919;
  color: #FFF;
  font-size: 0.24rem;
  font-weight: 330;
}

.msg-pop .pop-close {
  position: absolute;
  top: 0.24rem;
  right: 0.21rem;
  width: 0.2rem;
  height: 0.2rem;
  background: url(https://www.anantagame.com/pc/gw/20250904162009/assets/sprite-6e335f_6e335fd4.png) center center no-repeat;
  background-size: 2.33rem 2.21rem;
  background-position: -1.255rem -1.635rem;
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
  cursor: pointer;
}

.msg-pop .pop-close:hover {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.msg-pop .pop-close::before {
  display: none;
}

.top-bar {
  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;
  height: 0.74rem;
  background: #141414;
  padding: 0 0.94rem 0 1rem;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 9;
}

.top-bar .top-bar-left {
  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;
}

.top-bar .main-logo {
  height: 1.03rem;
  margin-right: 1.1rem;
}

.top-bar .nav-menu {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 0.66rem;
}

.top-bar .nav-item {
  color: #F7F7F7;
  font-size: 0.16rem;
  font-style: normal;
  font-weight: 450;
  line-height: 0.16rem;
}

.top-bar .nav-item:hover,
.top-bar .nav-item.active {
  color: #D62032;
}

.top-bar .top-bar-right {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 0.42rem;
}

.top-bar .audio-cnt {
  display: none;
}

.side-nav {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 99;
  display: none;
}

.side-nav .cnt {
  top: 0;
  right: 0;
  width: 7.36rem;
  height: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0.4rem 0 0 1rem;
  -webkit-transform: translate(100%);
  transform: translate(100%);
  -webkit-transition: -webkit-transform 0.3s ease-in-out;
  transition: -webkit-transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
  position: absolute;
}

.side-nav .bg {
  position: absolute;
  background: rgba(255, 255, 255, 0.17);
  backdrop-filter: blur(0.4rem);
  width: 7.36rem;
  height: 100%;
  top: 0;
  left: 0;
}

.side-nav .side-nav-top {
  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;
  position: relative;
  z-index: 1;
}

.side-nav .side-nav-bottom {
  margin-top: 1.3rem;
}

.side-nav .side-nav-bottom .nav-links,
.side-nav .side-nav-bottom .lang-list {
  position: relative;
}

.side-nav .side-nav-bottom .nav-links .item,
.side-nav .side-nav-bottom .lang-list .item {
  color: #FFF;
  font-size: 0.36rem;
  font-style: normal;
  font-weight: 630;
  line-height: 0.36rem;
  margin-bottom: 0.4rem;
  position: relative;
  cursor: pointer;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  display: block;
  opacity: 0;
  -webkit-transform: translateY(0.2rem) scale(0.9);
  transform: translateY(0.2rem) scale(0.9);
  -webkit-animation: itemEnter 0.3s ease-out forwards;
  animation: itemEnter 0.3s ease-out forwards;
  -webkit-animation-delay: calc(var(--item-index) * 0.1s);
  animation-delay: calc(var(--item-index) * 0.1s);
}

@-webkit-keyframes itemEnter {
  0% {
    opacity: 0;
    -webkit-transform: translateY(0.2rem) scale(0.9);
    transform: translateY(0.2rem) scale(0.9);
  }

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

@keyframes itemEnter {
  0% {
    opacity: 0;
    -webkit-transform: translateY(0.2rem) scale(0.9);
    transform: translateY(0.2rem) scale(0.9);
  }

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

.side-nav .side-nav-bottom .nav-links .item .txt,
.side-nav .side-nav-bottom .lang-list .item .txt {
  position: relative;
}

.side-nav .side-nav-bottom .nav-links .item:hover::before,
.side-nav .side-nav-bottom .lang-list .item:hover::before,
.side-nav .side-nav-bottom .nav-links .item.active::before,
.side-nav .side-nav-bottom .lang-list .item.active::before {
  display: block;
  content: '';
  width: 100%;
  height: 0.1rem;
  background: #D62032;
  position: absolute;
  bottom: -0.04rem;
}

.side-nav .side-nav-bottom .nav-links .lang-back,
.side-nav .side-nav-bottom .lang-list .lang-back {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  opacity: 0;
  -webkit-transform: translateY(0.2rem) scale(0.9);
  transform: translateY(0.2rem) scale(0.9);
  -webkit-animation: itemEnter 0.3s ease-out forwards;
  animation: itemEnter 0.3s ease-out forwards;
  -webkit-animation-delay: calc(var(--item-index) * 0.1s);
  animation-delay: calc(var(--item-index) * 0.1s);
  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;
  cursor: pointer;
  font-size: 0.2rem;
}

.side-nav .side-nav-bottom .nav-links .lang-back::before,
.side-nav .side-nav-bottom .lang-list .lang-back::before {
  display: block;
  content: '';
  width: 0.07rem;
  height: 0.12rem;
  background: url(https://www.anantagame.com/pc/gw/20250904162009/assets/icon-arrow_38a51c4a.svg) no-repeat center;
  background-size: contain;
  margin-right: 0.07rem;
}

.side-nav.open .mask-bg {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.side-nav.open .cnt {
  -webkit-transform: translate(0);
  transform: translate(0);
}

.side-nav.open .toggle-btn .line:nth-child(1) {
  -webkit-transform: translate(-50%, -0.01rem) rotate(45deg);
  transform: translate(-50%, -0.01rem) rotate(45deg);
}

.side-nav.open .toggle-btn .line:nth-child(2) {
  -webkit-transform: translate(-50%, -0.01rem) rotate(-45deg);
  transform: translate(-50%, -0.01rem) rotate(-45deg);
}

.side-nav .toggle-btn {
  position: fixed;
  width: 0.33rem;
  height: 0.33rem;
  top: 0.4rem;
  right: 0.7rem;
  cursor: pointer;
}

.side-nav .toggle-btn .line {
  width: 0.3rem;
  height: 0.02rem;
  background: #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.side-nav .toggle-btn .line:nth-child(1) {
  -webkit-transform: translate(-50%, -0.08rem);
  transform: translate(-50%, -0.08rem);
}

.side-nav .toggle-btn .line:nth-child(2) {
  -webkit-transform: translate(-50%, 0.06rem);
  transform: translate(-50%, 0.06rem);
}

html[data-lang="zh"] .side-nav .side-nav-bottom .nav-links .item {
  letter-spacing: 0.036rem;
}

.loading {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #181818;
  z-index: 9999;
  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;
}

.loading .loading-logo {
  width: 2rem;
  height: 2rem;
  position: relative;
}

.loading .logo-black,
.loading .logo-white {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 50%;
  height: 50%;
  -o-object-fit: contain;
  object-fit: contain;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.loading .logo-black {
  z-index: 1;
}

.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;
}

@-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;
  }
}

.home-section {
  height: 50vh;
}

.home-section .pin-spacer {
  width: 100vw !important;
  height: 100vh !important;
}

.home-section .fixed-cnt {
  width: 100%;
  height: 100vh;
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
}

.home-section .kv {
  width: 100%;
  height: 100%;
  overflow: hidden;
  will-change: transform;
}

.home-section .kv img {
  width: 115%;
  height: 115%;
  -o-object-fit: cover;
  object-fit: cover;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.home-section .spacer {
  height: 100vh;
  width: 100%;
  pointer-events: none;
}

.home-section .center-content {
  position: absolute;
  top: 4.15rem;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  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;
}

.home-section .play-btn {
  width: 0.9rem;
  height: 0.9rem;
  border: none;
  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-radius: 0.9rem;
  background: linear-gradient(331deg, rgba(255, 255, 255, 0.15) -35.37%, #FFF 173.51%);
  backdrop-filter: blur(0.064286rem);
  -webkit-transition: -webkit-transform 0.4s;
  transition: -webkit-transform 0.4s;
  transition: transform 0.4s;
  transition: transform 0.4s, -webkit-transform 0.4s;
}

.home-section .play-btn:hover {
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
}

.home-section .icon-play {
  display: inline-block;
  width: 0.26rem;
  height: 0.3rem;
  background: url(https://www.anantagame.com/pc/gw/20250904162009/assets/video-btn_83b4c3cb.svg) no-repeat;
  background-size: contain;
  margin-left: 0.08rem;
}

.home-section .reserve-btn-cnt {
  margin-top: 2.6rem;
  width: 3.32rem;
  height: 0.52rem;
  position: relative;
}

.home-section .blur-bg {
  position: absolute;
  width: 4.63rem;
  height: 1.38rem;
  border-radius: 4.63rem;
  background: rgba(0, 0, 0, 0.77);
  -webkit-filter: blur(0.9rem);
  filter: blur(0.9rem);
  top: -0.24rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

.home-section .reserve-btn {
  width: 3.32rem;
  height: 0.52rem;
  border-radius: 0.05rem;
  background: #D62032;
  color: #F7F7F7;
  font-size: 0.26rem;
  font-style: normal;
  font-weight: 450;
  line-height: 0.26rem;
  display: block;
  position: relative;
  z-index: 10;
}

.home-section .reserve-btn:hover {
  background: #B81A29;
}

.home-section .action-group {
  position: absolute;
  bottom: 0.6rem;
  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;
}

.home-section .qr-img {
  width: 0.96rem;
  height: 0.96rem;
  display: block;
}

.home-section .qr-label {
  color: #fff;
  font-size: 0.16rem;
  margin-top: 0.04rem;
}

.home-section .group-btns {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 1fr 1fr;
  gap: 0.08rem;
  margin: 0 0.08rem 0 0.05rem;
}

.home-section .group-btn {
  width: 1.44rem;
  height: 0.44rem;
  background: rgba(18, 18, 18, 0.77);
}

.home-section .scroll-tips {
  width: 0.44rem;
  height: 0.16rem;
  background: url(https://www.anantagame.com/pc/gw/20250904162009/assets/scroll-tip_e694d4a7.svg) no-repeat;
  background-size: 100% 100%;
  margin: 0.66rem auto 0;
  -webkit-animation: scrollTipsFloat 1s infinite ease-in-out;
  animation: scrollTipsFloat 1s infinite ease-in-out;
}

@-webkit-keyframes scrollTipsFloat {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

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

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

@keyframes scrollTipsFloat {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

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

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

.home-section .front-mask {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  background: -webkit-gradient(linear, left bottom, left top, from(#181818), to(rgba(23, 23, 23, 0)));
  background: linear-gradient(to top, #181818 0%, rgba(23, 23, 23, 0) 100%);
  height: 0;
}

.home-section .section-mask {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000;
  pointer-events: none;
}

.role-section .fixed-cnt {
  width: 100%;
  height: 100vh;
  position: absolute;
}

.role-section .video-section {
  position: absolute;
  width: 100vw;
  height: 100vh;
  z-index: 1;
}

.role-section .video-section video {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.role-section .spacer {
  height: 2000vh;
  /* 创建足够的滚动空间 */
  position: relative;
  z-index: 2;
  background: transparent;
  pointer-events: none;
}

.role-section .role-info {
  color: #fff;
}

.role-section .role-info .role-name {
  color: #F0F0F0;
  font-size: 1.04rem;
  font-style: normal;
  font-weight: 630;
  line-height: 1.04rem;
  /* 100% */
  position: fixed;
  z-index: 3;
}

.role-section .role-info .role-name span {
  display: block;
}

.role-section .role-info .role-name span.s1 {
  color: #FFF;
  font-size: 0.28rem;
  font-style: normal;
  font-weight: 400;
  line-height: 0.2rem;
  /* 71.429% */
  margin-bottom: 0.08rem;
  font-family: 'ANANTA', sans-serif;
  margin-left: 0.09rem;
}

.role-section .role-info .role-name span.s1::before {
  content: '';
  display: inline-block;
  width: 0.03rem;
  height: 0.22rem;
  background: #D61F31;
  margin-right: 0.05rem;
  vertical-align: middle;
}

.role-section .role-info .role-name.role-name-dcy {
  top: 50%;
  right: 0.82rem;
  margin-top: 2.54rem;
}

.role-section .role-info .role-name.role-name-tafei {
  top: 50%;
  left: 1.6rem;
  margin-top: 2.54rem;
}

.role-section .role-info .role-name.role-name-tafei span.s1 {
  margin-left: 0.14rem;
}

.role-section .role-info .role-name.role-name-lixi {
  top: 50%;
  left: 1.6rem;
  margin-top: 2.54rem;
}

.role-section .role-info .role-name.role-name-lixi span.s1 {
  margin-left: 0.12rem;
}

.role-section .role-info .role-name.role-name-saimo {
  top: 50%;
  left: 1.6rem;
  margin-top: 2.54rem;
}

.role-section .role-info .role-name.role-name-saimo span.s1 {
  margin-left: 0.08rem;
}

.role-section .role-info .msg {
  color: #F9F9F9;
  font-size: 0.72rem;
  font-style: normal;
  font-weight: 630;
  line-height: 0.72rem;
  /* 100% */
  z-index: 3;
  position: fixed;
  width: 5.93rem;
}

.role-section .role-info .msg .p1 {
  color: #F9F9F9;
  font-size: 0.72rem;
  font-style: normal;
  font-weight: 630;
  line-height: 0.8rem;
  /* 97.222% */
  margin-bottom: 0.35rem;
}

.role-section .role-info .msg .p2 {
  font-size: 0.19228rem;
  font-style: normal;
  font-weight: 450;
  line-height: 0.3rem;
  /* 156.022% */
  margin-left: 0.05rem;
}

.role-section .role-info .msg.msg-dcy {
  top: 50%;
  left: 1.7rem;
  margin-top: -2.74rem;
}

.role-section .role-info .msg.msg-dcy .p1 {
  opacity: 0.88;
  background: -webkit-gradient(linear, right top, left top, color-stop(-67.51%, #9B94B3), color-stop(88.01%, #FFF));
  background: linear-gradient(270deg, #9B94B3 -67.51%, #FFF 88.01%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.role-section .role-info .msg.msg-dcy .p2 {
  width: 5rem;
  opacity: 0.85;
  background: linear-gradient(96deg, #FFF 74.76%, #9B94B3 210.62%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.role-section .role-info .msg.msg-tafei {
  top: 50%;
  left: 50%;
  margin-top: -2.74rem;
  margin-left: 2rem;
}

.role-section .role-info .msg.msg-tafei .p1 {
  opacity: 0.85;
  background: linear-gradient(275deg, rgba(255, 224, 203, 0.8) -4.27%, #FFF 89.74%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.role-section .role-info .msg.msg-tafei .p2 {
  width: 5.13rem;
  opacity: 0.85;
  background: linear-gradient(98deg, #FFF 24.06%, #FFE0CB 116.3%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.role-section .role-info .msg.msg-lixi {
  top: 50%;
  right: 1.6rem;
  margin-top: -2.74rem;
}

.role-section .role-info .msg.msg-lixi .p1 {
  width: 5.76rem;
  opacity: 0.85;
  background: linear-gradient(93deg, #FFF 23.54%, #C2DBF2 130.89%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.role-section .role-info .msg.msg-lixi .p2 {
  width: 5rem;
  opacity: 0.85;
  background: linear-gradient(100deg, #FFF 23.14%, #C2DBF2 139.43%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.role-section .role-info .msg.msg-saimo {
  top: 50%;
  right: 1.6rem;
  margin-top: -2.74rem;
}

.role-section .role-info .msg.msg-saimo .p1 {
  width: 5.61rem;
  opacity: 0.9;
  background: linear-gradient(93deg, #FFF 23.54%, rgba(185, 248, 213, 0.85) 130.89%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.role-section .role-info .msg.msg-saimo .p2 {
  width: 5rem;
  opacity: 0.85;
  background: linear-gradient(101deg, #FFF 22.83%, #B2DFC6 160.46%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.role-section .img-btn {
  width: 2rem;
  height: 2rem;
  position: fixed;
  bottom: 2rem;
  right: 8rem;
  z-index: 10;
  cursor: pointer;
}

.role-section .img-btn img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 0.1rem;
  -webkit-box-shadow: 0 0 0.2rem rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 0.2rem rgba(0, 0, 0, 0.5);
}

.role-section .gallery-btn {
  position: fixed;
  width: 0;
  height: 0;
  z-index: 20;
  -webkit-transform-origin: 0.59rem 0.59rem;
  transform-origin: 0.59rem 0.59rem;
  -webkit-transition: -webkit-transform 0.4s ease;
  transition: -webkit-transform 0.4s ease;
  transition: transform 0.4s ease;
  transition: transform 0.4s ease, -webkit-transform 0.4s ease;
}

.role-section .gallery-btn .btn {
  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);
  -webkit-backdrop-filter: blur(0.05rem);
  border: 0.00843rem solid rgba(255, 255, 255, 0.3);
  border-radius: 1.18rem;
  width: 1.18rem;
  height: 1.18rem;
  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;
}

.role-section .gallery-btn .btn::before {
  display: block;
  content: '';
  background: url(https://www.anantagame.com/pc/gw/20250904162009/assets/sprite-6e335f_6e335fd4.png) no-repeat;
  background-size: 4.66rem 4.42rem;
  background-position: -0 -3.94rem;
  width: 0.26rem;
  height: 0.44rem;
}

.role-section .gallery-btn:hover {
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
}

.role-section .gallery-btn.gallery-btn-tafei {
  left: 50%;
  top: 50%;
  margin-top: 2.64rem;
  margin-left: 5.82rem;
}

.role-section .gallery-btn.gallery-btn-saimo {
  left: 50%;
  top: 50%;
  margin-top: 2.64rem;
  margin-left: 5.82rem;
}

.role-section .gallery-btn.gallery-btn-lixi {
  left: 50%;
  top: 50%;
  margin-top: 2.64rem;
  margin-left: 5.82rem;
}

.role-section .gallery-btn.gallery-btn-dcy {
  left: 1.74rem;
  top: 50%;
  margin-top: 2.64rem;
}

.role-section .dialog-tafei {
  position: fixed;
  top: 50%;
  left: 1.6rem;
  pointer-events: none;
  z-index: 1;
  width: 8.58rem;
  height: 4.09rem;
  margin-top: -2.35rem;
}

.role-section .dialog-tafei .text {
  font-size: 0.2rem;
  font-style: normal;
  font-weight: 330;
  line-height: normal;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: absolute;
}

.role-section .dialog-tafei .text-1 {
  width: 2.09rem;
  height: 0.45rem;
  background: url(https://www.anantagame.com/pc/gw/20250904162009/assets/msg-1_c629f44d.svg) no-repeat center center;
  background-size: contain;
  color: #222225;
  padding-left: 0.09rem;
  left: 0;
  top: 2.78rem;
}

.role-section .dialog-tafei .text-2 {
  width: 2.8rem;
  height: 0.45rem;
  background: url(https://www.anantagame.com/pc/gw/20250904162009/assets/msg-2_2c3e16ab.svg) no-repeat center center;
  background-size: contain;
  color: #222225;
  padding-left: 0.09rem;
  left: 0;
  top: 3.64rem;
}

.role-section .dialog-tafei .text-3 {
  width: 1.98rem;
  height: 0.45rem;
  background: url(https://www.anantagame.com/pc/gw/20250904162009/assets/msg-3_da76a705.svg) no-repeat center center;
  background-size: contain;
  color: #F3F3F3;
  padding-right: 0.07rem;
  right: 0;
  top: 0;
}

.role-section .dialog-tafei .text-4 {
  width: 1.77rem;
  height: 0.45rem;
  background: url(https://www.anantagame.com/pc/gw/20250904162009/assets/msg-4_9d5f72cf.svg) no-repeat center center;
  background-size: contain;
  color: #F3F3F3;
  padding-right: 0.07rem;
  right: 0;
  top: 0.86rem;
}

.role-section .bottom {
  width: 100%;
  height: 100vh;
  background: transparent;
}

.role-section .front-mask {
  position: absolute;
  top: 0;
  left: 0;
  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%);
  z-index: 2;
}

.role-section.low .fixed-cnt .bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  z-index: 0;
}

.role-section.low .spacer {
  height: 400vh;
}

.role-section.low .role-info {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
}

.role-section.low .role-info-dcy {
  background: url(https://www.anantagame.com/pc/gw/20250904162009/assets/role-captain_c7ae1344.jpg) no-repeat center center;
  background-size: cover;
}

.role-section.low .role-info-tafei {
  background: url(https://www.anantagame.com/pc/gw/20250904162009/assets/role-tafei_0ed12004.jpg) no-repeat center center;
  background-size: cover;
}

.role-section.low .role-info-lixi {
  background: url(https://www.anantagame.com/pc/gw/20250904162009/assets/role-lixi_a69544ea.jpg) no-repeat center center;
  background-size: cover;
}

.role-section.low .role-info.role-info-saimo {
  background: url(https://www.anantagame.com/pc/gw/20250904162009/assets/role-saimo_d1a180a7.jpg) no-repeat center center;
  background-size: cover;
}

.erasure-section {
  position: relative;
  width: 100%;
}

.erasure-section .fixed-cnt {
  width: 100%;
  height: 100vh;
  position: absolute;
  top: 0;
  left: 0;
}

.erasure-section .fixed-cnt .video-section {
  width: 100%;
  height: 100vh;
  overflow: hidden;
  position: relative;
}

.erasure-section .fixed-cnt .video-section video {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
}

.erasure-section .spacer {
  height: 300vh;
  /* 确保有足够的空间进行滚动 */
}

.erasure-section.low {
  background-color: #181818;
}

.erasure-section.low .spacer {
  height: 200vh;
}

.erasure-section.low .img-section {
  width: 100%;
  height: 100vh;
}

.erasure-section.low .img-section .img {
  display: block;
  background: url(https://www.anantagame.com/pc/gw/20250904162009/assets/bg_8bda2623.jpg) no-repeat center center;
  background-size: cover;
  width: 100%;
  height: 100%;
}

.logo-section {
  position: relative;
  width: 100%;
}

.logo-section .fixed-cnt {
  width: 100%;
  height: 100vh;
  position: absolute;
  top: 0;
  left: 0;
}

.logo-section .fixed-cnt .video-section {
  width: 100%;
  height: 100vh;
  overflow: hidden;
  position: relative;
}

.logo-section .fixed-cnt .video-section video {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
}

.logo-section .spacer {
  height: 200vh;
  width: 100%;
  pointer-events: none;
}

.logo-section .static-cnt {
  width: 100%;
  height: 100vh;
  position: relative;
}

.logo-section .static-cnt .logo {
  position: absolute;
  background: url(https://www.anantagame.com/pc/gw/20250904162009/assets/sprite-6e335f_6e335fd4.png) no-repeat center;
  background-size: 4.66rem 4.42rem;
  background-position: -0 -0;
  width: 4.62rem;
  height: 2.57rem;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.reserve-section {
  position: relative;
  width: 100%;
}

.reserve-section .noice-bg {
  position: absolute;
  width: 100%;
  height: 100vh;
  top: 0;
  left: 0;
  overflow: hidden;
  pointer-events: none;
}

.reserve-section .noice-bg canvas {
  display: block;
  width: 100%;
  height: 100%;
  background: #181818;
  opacity: 0.3;
}

.reserve-section .bg {
  position: absolute;
  width: 19.2rem;
  height: 10.8rem;
  background: url(https://www.anantagame.com/pc/gw/20250904162009/assets/bg_31b6a795.png) no-repeat center bottom;
  background-size: cover;
}

.reserve-section .fixed-cnt {
  width: 100%;
  height: 10.8rem;
  position: absolute;
  top: 0;
  left: 0;
}

.reserve-section .spacer {
  height: 21.6rem;
  width: 100%;
}

.reserve-section .spacer.low {
  height: 10.8rem;
}

.reserve-section .reserve-content {
  position: relative;
  width: 100%;
  height: 100%;
}

.reserve-section .reserve-title {
  font-size: 0.32rem;
  font-weight: 450;
  line-height: 0.32rem;
  /* 100% */
  background: linear-gradient(92deg, #ACB5C7 0.24%, rgba(208, 217, 234, 0.85) 32.4%, rgba(219, 207, 209, 0.93) 74.24%, #D3B6BA 102.52%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  position: absolute;
  top: 50%;
  margin-top: -3.02rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

.reserve-section .reserve-number {
  font-family: 'ANANTA', sans-serif;
  text-align: left;
  font-size: 3.1rem;
  line-height: 3.06rem;
  font-style: normal;
  font-weight: 400;
  letter-spacing: -0.0465rem;
  background: linear-gradient(92deg, #ACB5C7 0.24%, rgba(208, 217, 234, 0.85) 32.4%, rgba(219, 207, 209, 0.93) 74.24%, #D3B6BA 102.52%), linear-gradient(91deg, #BDC5D7 0.23%, #CBC7CD 32.44%, #D3C4C6 74.34%, #C0B0B1 102.67%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  position: absolute;
  width: 14.6rem;
  top: 50%;
  margin-top: -1.94rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  white-space: nowrap;
  opacity: 0.7;
}

.reserve-section .reserve-number span {
  font-size: 0.85rem;
}

.reserve-section .front-silhouette {
  width: 13.54rem;
  height: 5.24rem;
  background: url(https://www.anantagame.com/pc/gw/20250904162009/assets/front-silhouette_9c3f5f0b.png) no-repeat center center;
  background-size: cover;
  position: absolute;
  bottom: 1rem;
  left: 1rem;
}

.reserve-section .front-mask {
  position: absolute;
  top: 0;
  left: 0;
  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%);
}

.reserve-section .section-mask {
  pointer-events: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #181818;
  z-index: 9;
  opacity: 0;
}

.reserve-section .bottom-mask {
  pointer-events: none;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0;
  background: -webkit-gradient(linear, left bottom, left top, from(#181818), to(rgba(23, 23, 23, 0)));
  background: linear-gradient(to top, #181818 0%, rgba(23, 23, 23, 0) 100%);
}

.reserve-section.low .bottom-mask {
  height: 1rem;
}

.reserve-section.low .front-mask {
  height: 20%;
}

.news-section {
  position: relative;
}

.news-section .noice-bg {
  position: absolute;
  width: 100%;
  height: 100vh;
  top: 0;
  left: 0;
  overflow: hidden;
  pointer-events: none;
}

.news-section .noice-bg canvas {
  display: block;
  width: 100%;
  height: 100%;
  background: #181818;
  opacity: 0.3;
}

.news-section .logo-container {
  width: 100%;
  height: 70vh;
}

.news-section .logo-container .logo {
  width: 3.66rem;
  height: 2.04rem;
  background: url(https://www.anantagame.com/pc/gw/20250904162009/assets/logo_f5dbc86d.png) no-repeat center center;
  background-size: contain;
  position: absolute;
  top: 50vh;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 10;
  pointer-events: none;
}

.news-section .news-container {
  height: 300vh;
  width: 100%;
  position: relative;
}

.news-section .news-container .news-fixed-cnt {
  width: 100%;
  height: 100vh;
  position: relative;
}

.news-section .news-container .news-left {
  position: absolute;
  left: 1.06rem;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.news-section .news-container .news-left .news-title {
  position: relative;
  font-size: 0;
  width: 2.87rem;
  height: 0.77rem;
  background: url(https://www.anantagame.com/pc/gw/20250904162009/assets/title_bc1e915d.svg) no-repeat center center;
  background-size: contain;
}

.news-section .news-container .news-left .news-subtitle {
  position: absolute;
  top: 0.76rem;
  left: 0;
  color: #f9f9f9;
  font-size: 0.3rem;
  font-weight: 380;
  min-width: 1.3rem;
}

.news-section .news-container .news-left .box {
  margin-top: 1rem;
  width: 5.35rem;
}

.news-section .news-container .news-left .box .news-video {
  width: 5.35rem;
  height: 3rem;
  -o-object-fit: cover;
  object-fit: cover;
}

.news-section .news-container .news-right {
  position: absolute;
  top: 50%;
  left: 12.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;
  margin-top: 0.24rem;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.news-section .news-container .news-right .news-item {
  margin-bottom: 0.57rem;
  color: #f9f9f9;
  cursor: pointer;
  position: relative;
}

.news-section .news-container .news-right .news-item a {
  display: block;
  position: relative;
}

.news-section .news-container .news-right .news-item:hover {
  color: #d62032;
}

.news-section .news-container .news-right .news-item .news-short {
  position: absolute;
  left: -0.6rem;
  top: calc(50% - 0.04rem);
  -webkit-transform: translate(-100%, -50%);
  transform: translate(-100%, -50%);
  text-align: right;
  font-size: 0.28rem;
  font-weight: 450;
  line-height: 0.24rem;
  /* 100% */
}

.news-section .news-container .news-right .news-item .news-title {
  font-size: 0.18rem;
  font-weight: 250;
  line-height: 0.18rem;
  /* 100% */
}

.news-section .news-container .news-right .news-item:last-child {
  margin-bottom: 0.46rem;
}

.news-section .more {
  position: fixed;
  color: #F9F9F9;
  font-size: 0.22rem;
  font-weight: 450;
  line-height: 0.24rem;
  top: 0.44rem;
  right: 1.58rem;
}

.news-section .more:hover {
  color: #D62032;
}

.news-section.low .more {
  position: absolute;
}

.news-section.low .news-container {
  height: 100vh;
}

.action-buttons {
  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;
}

.action-buttons .action-item {
  position: relative;
  margin-right: 0.42rem;
}

.action-buttons .action-item .btn-effect-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;
  cursor: pointer;
}

.action-buttons .action-item .btn-effect-switch .txt {
  margin-right: 0.05rem;
  font-size: 0.2rem;
}

.action-buttons .action-item .btn-effect-switch.active .icon-arrow {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.action-buttons .action-item .btn-reserve {
  color: #111;
  font-size: 0.24rem;
  font-style: normal;
  font-weight: 330;
  line-height: 0.24rem;
  /* 100% */
  background: #fff;
  width: 1.2rem;
  height: 0.34rem;
  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;
  border-radius: 0.02rem;
  cursor: pointer;
}

.action-buttons .action-item .btn-reserve:hover {
  background: #D62032;
  color: #fff;
}

.action-buttons .action-item.action-effect-switch {
  margin-right: 0.2rem;
}

.action-buttons .icon {
  display: inline-block;
  cursor: pointer;
}

.action-buttons .icon:hover svg,
.action-buttons .icon.active svg {
  fill: #D62032;
}

.action-buttons .icon-bgm.pause:hover::after {
  background: #D62032;
}

.action-buttons .icon-bgm.pause::after {
  display: block;
  content: '';
  width: 0.3rem;
  height: 0.03rem;
  background: #fff;
  position: absolute;
  -webkit-transform: rotate(30deg);
  transform: rotate(30deg);
  top: 50%;
  left: 50%;
  margin-left: -0.15rem;
  margin-top: -0.04rem;
}

.action-buttons .icon-arrow {
  width: 0.18rem;
  height: 0.1rem;
  background: url(https://www.anantagame.com/pc/gw/20250904162009/assets/icon-arrow_ad83c4b0.svg) no-repeat;
  background-size: contain;
}

.action-buttons .sns-list {
  width: 1.88rem;
  height: 1.76rem;
  border-radius: 0.08rem;
  background: rgba(0, 0, 0, 0.22);
  backdrop-filter: blur(0.103rem);
  position: absolute;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0.23rem 0.2rem;
  top: 0.4rem;
  left: 50%;
  margin-left: -0.94rem;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.18rem;
  justify-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.action-buttons .sns-list .channel-item {
  display: block;
}

.action-buttons .sns-list .channel-item.discord {
  background: url(https://www.anantagame.com/pc/gw/20250904162009/assets/sprite-6e335f_6e335fd4.png);
  background-size: 2.33rem 2.21rem;
  background-position: -0.905rem -1.635rem;
  width: 0.33rem;
  height: 0.25rem;
}

.action-buttons .sns-list .channel-item.tiktok {
  background: url(https://www.anantagame.com/pc/gw/20250904162009/assets/sprite-6e335f_6e335fd4.png);
  background-size: 2.33rem 2.21rem;
  background-position: -0.615rem -1.635rem;
  width: 0.27rem;
  height: 0.31rem;
}

.action-buttons .sns-list .channel-item.twitter {
  background: url(https://www.anantagame.com/pc/gw/20250904162009/assets/sprite-6e335f_6e335fd4.png);
  background-size: 2.33rem 2.21rem;
  background-position: -0.615rem -1.305rem;
  width: 0.31rem;
  height: 0.31rem;
}

.action-buttons .sns-list .channel-item.yt {
  background: url(https://www.anantagame.com/pc/gw/20250904162009/assets/sprite-6e335f_6e335fd4.png);
  background-size: 2.33rem 2.21rem;
  background-position: -1.925rem -1.305rem;
  width: 0.35rem;
  height: 0.24rem;
}

.action-buttons .sns-list .channel-item.facebook {
  background: url(https://www.anantagame.com/pc/gw/20250904162009/assets/sprite-6e335f_6e335fd4.png);
  background-size: 2.33rem 2.21rem;
  background-position: -0.945rem -1.305rem;
  width: 0.31rem;
  height: 0.31rem;
}

.action-buttons .sns-list .channel-item.instagram {
  background: url(https://www.anantagame.com/pc/gw/20250904162009/assets/sprite-6e335f_6e335fd4.png);
  background-size: 2.33rem 2.21rem;
  background-position: -1.605rem -1.305rem;
  width: 0.3rem;
  height: 0.3rem;
}

.action-buttons .sns-list .channel-item.reddit {
  background: url(https://www.anantagame.com/pc/gw/20250904162009/assets/sprite-6e335f_6e335fd4.png);
  background-size: 2.33rem 2.21rem;
  background-position: -1.275rem -1.305rem;
  width: 0.31rem;
  height: 0.31rem;
}

.action-buttons .sns-list .channel-item:hover {
  -webkit-filter: brightness(2);
  filter: brightness(2);
}

.action-buttons .sns-list .channel-item:hover .code-box {
  display: block;
}

.action-buttons .sns-list .icon-qq {
  width: 0.32rem;
  height: 0.32rem;
  -webkit-mask: url(https://www.anantagame.com/pc/gw/20250904162009/assets/qq_15398281.svg) no-repeat;
  mask: url(https://www.anantagame.com/pc/gw/20250904162009/assets/qq_15398281.svg) no-repeat;
  mask-size: contain;
  -webkit-mask: url(https://www.anantagame.com/pc/gw/20250904162009/assets/qq_15398281.svg) no-repeat;
  -webkit-mask-size: contain;
  background: #F7F7F7;
  opacity: 0.9;
}

.action-buttons .sns-list .icon-qq:hover {
  opacity: 1;
  background: #fff;
}

.action-buttons .sns-list .icon-wx {
  width: 0.38rem;
  height: 0.32rem;
  position: relative;
}

.action-buttons .sns-list .icon-wx::before {
  display: block;
  content: '';
  width: 0.38rem;
  height: 0.32rem;
  -webkit-mask: url(https://www.anantagame.com/pc/gw/20250904162009/assets/wx_ba05d13c.svg) no-repeat;
  mask: url(https://www.anantagame.com/pc/gw/20250904162009/assets/wx_ba05d13c.svg) no-repeat;
  mask-size: contain;
  -webkit-mask: url(https://www.anantagame.com/pc/gw/20250904162009/assets/wx_ba05d13c.svg) no-repeat;
  -webkit-mask-size: contain;
  background: #F7F7F7;
  opacity: 0.9;
}

.action-buttons .sns-list .icon-wx:hover::before {
  opacity: 1;
  background: #fff;
}

.action-buttons .sns-list .icon-wx:hover .code-box {
  display: block;
}

.action-buttons .sns-list .icon-blbl {
  width: 0.33rem;
  height: 0.31rem;
}

.action-buttons .sns-list .icon-blbl::before {
  display: block;
  content: '';
  width: 0.33rem;
  height: 0.31rem;
  -webkit-mask: url(https://www.anantagame.com/pc/gw/20250904162009/assets/bilibili_3a5a7af4.svg) no-repeat;
  mask: url(https://www.anantagame.com/pc/gw/20250904162009/assets/bilibili_3a5a7af4.svg) no-repeat;
  mask-size: contain;
  -webkit-mask: url(https://www.anantagame.com/pc/gw/20250904162009/assets/bilibili_3a5a7af4.svg) no-repeat;
  -webkit-mask-size: contain;
  background: #F7F7F7;
  opacity: 0.9;
}

.action-buttons .sns-list .icon-blbl:hover::before {
  opacity: 1;
  background: #fff;
}

.action-buttons .sns-list .icon-tap {
  width: 0.32rem;
  height: 0.31rem;
}

.action-buttons .sns-list .icon-tap::before {
  display: block;
  content: '';
  width: 0.32rem;
  height: 0.31rem;
  -webkit-mask: url(https://www.anantagame.com/pc/gw/20250904162009/assets/tap_a114ab55.svg) no-repeat;
  mask: url(https://www.anantagame.com/pc/gw/20250904162009/assets/tap_a114ab55.svg) no-repeat;
  mask-size: contain;
  -webkit-mask: url(https://www.anantagame.com/pc/gw/20250904162009/assets/tap_a114ab55.svg) no-repeat;
  -webkit-mask-size: contain;
  background: #F7F7F7;
  opacity: 0.9;
}

.action-buttons .sns-list .icon-tap:hover::before {
  opacity: 1;
  background: #fff;
}

.action-buttons .sns-list .icon-wyy {
  width: 0.32rem;
  height: 0.32rem;
}

.action-buttons .sns-list .icon-wyy::before {
  display: block;
  content: '';
  width: 0.32rem;
  height: 0.32rem;
  -webkit-mask: url(https://www.anantagame.com/pc/gw/20250904162009/assets/wyy_8818f4b9.svg) no-repeat;
  mask: url(https://www.anantagame.com/pc/gw/20250904162009/assets/wyy_8818f4b9.svg) no-repeat;
  mask-size: contain;
  -webkit-mask: url(https://www.anantagame.com/pc/gw/20250904162009/assets/wyy_8818f4b9.svg) no-repeat;
  -webkit-mask-size: contain;
  background: #F7F7F7;
  opacity: 0.9;
}

.action-buttons .sns-list .icon-wyy:hover::before {
  opacity: 1;
  background: #fff;
}

.action-buttons .sns-list .icon-bc {
  width: 0.28rem;
  height: 0.32rem;
}

.action-buttons .sns-list .icon-bc::before {
  display: block;
  content: '';
  width: 0.28rem;
  height: 0.32rem;
  -webkit-mask: url(https://www.anantagame.com/pc/gw/20250904162009/assets/bc_abba19cb.svg) no-repeat;
  mask: url(https://www.anantagame.com/pc/gw/20250904162009/assets/bc_abba19cb.svg) no-repeat;
  mask-size: contain;
  -webkit-mask: url(https://www.anantagame.com/pc/gw/20250904162009/assets/bc_abba19cb.svg) no-repeat;
  -webkit-mask-size: contain;
  background: #F7F7F7;
  opacity: 0.9;
}

.action-buttons .sns-list .icon-bc:hover::before {
  opacity: 1;
  background: #fff;
}

.action-buttons .sns-list .icon-ds {
  width: 0.41rem;
  height: 0.24rem;
}

.action-buttons .sns-list .icon-ds::before {
  display: block;
  content: '';
  width: 0.41rem;
  height: 0.24rem;
  -webkit-mask: url(https://www.anantagame.com/pc/gw/20250904162009/assets/ds_05372a94.svg) no-repeat;
  mask: url(https://www.anantagame.com/pc/gw/20250904162009/assets/ds_05372a94.svg) no-repeat;
  mask-size: contain;
  -webkit-mask: url(https://www.anantagame.com/pc/gw/20250904162009/assets/ds_05372a94.svg) no-repeat;
  -webkit-mask-size: contain;
  background: #F7F7F7;
  opacity: 0.9;
}

.action-buttons .sns-list .icon-ds:hover::before {
  opacity: 1;
  background: #fff;
}

.action-buttons .sns-list .icon-dy {
  width: 0.28rem;
  height: 0.32rem;
}

.action-buttons .sns-list .icon-dy::before {
  display: block;
  content: '';
  width: 0.28rem;
  height: 0.32rem;
  -webkit-mask: url(https://www.anantagame.com/pc/gw/20250904162009/assets/dy_e64a97ac.svg) no-repeat;
  mask: url(https://www.anantagame.com/pc/gw/20250904162009/assets/dy_e64a97ac.svg) no-repeat;
  mask-size: contain;
  -webkit-mask: url(https://www.anantagame.com/pc/gw/20250904162009/assets/dy_e64a97ac.svg) no-repeat;
  -webkit-mask-size: contain;
  background: #F7F7F7;
  opacity: 0.9;
}

.action-buttons .sns-list .icon-dy:hover::before {
  opacity: 1;
  background: #fff;
}

.action-buttons .sns-list .icon-wb {
  width: 0.39rem;
  height: 0.33rem;
}

.action-buttons .sns-list .icon-wb::before {
  display: block;
  content: '';
  width: 0.39rem;
  height: 0.33rem;
  -webkit-mask: url(https://www.anantagame.com/pc/gw/20250904162009/assets/wb_56327467.svg) no-repeat;
  mask: url(https://www.anantagame.com/pc/gw/20250904162009/assets/wb_56327467.svg) no-repeat;
  mask-size: contain;
  -webkit-mask: url(https://www.anantagame.com/pc/gw/20250904162009/assets/wb_56327467.svg) no-repeat;
  -webkit-mask-size: contain;
  background: #F7F7F7;
  opacity: 0.9;
}

.action-buttons .sns-list .icon-wb:hover::before {
  opacity: 1;
  background: #fff;
}

.action-buttons .sns-list .icon-tb {
  width: 0.32rem;
  height: 0.32rem;
}

.action-buttons .sns-list .icon-tb::before {
  display: block;
  content: '';
  width: 0.32rem;
  height: 0.32rem;
  -webkit-mask: url(https://www.anantagame.com/pc/gw/20250904162009/assets/tb_3009788d.svg) no-repeat;
  mask: url(https://www.anantagame.com/pc/gw/20250904162009/assets/tb_3009788d.svg) no-repeat;
  mask-size: contain;
  -webkit-mask: url(https://www.anantagame.com/pc/gw/20250904162009/assets/tb_3009788d.svg) no-repeat;
  -webkit-mask-size: contain;
  background: #F7F7F7;
  opacity: 0.9;
}

.action-buttons .sns-list .icon-tb:hover::before {
  opacity: 1;
  background: #fff;
}

.action-buttons .sns-list .code-box {
  display: none;
  position: absolute;
  background: url(https://www.anantagame.com/pc/gw/20250904162009/assets/sprite-6e335f_6e335fd4.png) no-repeat;
  background-size: 4.66rem 4.42rem;
  background-position: -0 -2.61rem;
  width: 1.19rem;
  height: 1.29rem;
  left: 50%;
  top: 0.28rem;
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  z-index: 1;
}

.action-buttons .sns-list .code-box .qr-code {
  width: 1.11rem;
  height: 1.11rem;
  position: absolute;
  top: 0.14rem;
  left: 0.04rem;
}

.action-buttons .lang-list {
  position: absolute;
  background: rgba(0, 0, 0, 0.22);
  backdrop-filter: blur(0.4rem);
  border-radius: 0.08rem;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0.08rem;
}

.action-buttons .lang-list .lang-item {
  display: block;
  margin: 0 auto;
  position: relative;
  width: 1.35rem;
  height: 0.4rem;
  line-height: 0.4rem;
  text-align: center;
  margin-bottom: 0.02rem;
  font-weight: 330;
  color: #F7F7F7;
}

.action-buttons .lang-list .lang-item:hover,
.action-buttons .lang-list .lang-item.active {
  border-radius: 0.08rem;
  background: #191919;
  color: #fff;
}

.action-buttons .lang-list .lang-item.active {
  pointer-events: none;
}

.action-buttons .user-info {
  position: absolute;
  top: 0.4rem;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0.12rem 0.07rem;
  font-size: 0.16rem;
  color: #F7F7F7;
  text-align: center;
  background: rgba(0, 0, 0, 0.22);
  backdrop-filter: blur(0.4rem);
  border-radius: 0.08rem;
  font-weight: 330;
}

.action-buttons .user-info .center-btn {
  width: 1.3rem;
  height: 0.3rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 0.1rem auto 0.06rem;
  border-radius: 0.05rem;
  cursor: pointer;
  background: #191919;
}

.action-buttons .user-info .center-btn:hover {
  background: rgba(25, 25, 25, 0.8);
}

.action-buttons .user-info .logout {
  border-radius: 0.08rem;
  background: rgba(25, 25, 25, 0.37);
  color: #F7F7F7;
  display: block;
  width: 1.3rem;
  height: 0.3rem;
  cursor: pointer;
}

.action-buttons .effect-switch-box {
  top: 0.4rem;
  border-radius: 0.08rem;
  background: rgba(0, 0, 0, 0.22);
  backdrop-filter: blur(0.4rem);
  position: absolute;
  width: 2.43rem;
  height: 0.81rem;
  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;
}

.action-buttons .effect-switch-box .effect-switch-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.action-buttons .effect-switch-box .effect-switch-item .txt {
  display: block;
  width: 1.34rem;
  color: #F7F7F7;
  font-size: 0.2rem;
  font-weight: 330;
  line-height: 0.26rem;
  /* 130% */
  margin-right: 0.2rem;
}

.action-buttons .effect-switch-box .effect-switch-item .switch {
  position: relative;
  display: inline-block;
  width: 0.48rem;
  height: 0.28rem;
  cursor: pointer;
}

.action-buttons .effect-switch-box .effect-switch-item .switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

.action-buttons .effect-switch-box .effect-switch-item .switch .slider {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #B9B9B9;
  -webkit-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  border-radius: 0.28rem;
}

.action-buttons .effect-switch-box .effect-switch-item .switch .slider:before {
  position: absolute;
  content: "";
  height: 0.22rem;
  width: 0.22rem;
  left: 0.03rem;
  bottom: 0.03rem;
  background-color: #828282;
  -webkit-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  border-radius: 50%;
}

.action-buttons .effect-switch-box .effect-switch-item .switch input:checked + .slider {
  background-color: #1183FA;
}

.action-buttons .effect-switch-box .effect-switch-item .switch input:checked + .slider:before {
  background: #FFF;
  -webkit-transform: translateX(0.2rem);
  transform: translateX(0.2rem);
}

.action-buttons.top-bar-action-buttons .sns-list,
.action-buttons.top-bar-action-buttons .lang-list,
.action-buttons.top-bar-action-buttons .user-info {
  top: 0.6rem;
}
/** mixins **/

html[lang="en"] .btn-reserve,
html[lang="ja"] .btn-reserve,
html[lang="ko"] .btn-reserve {
  width: auto !important;
  padding: 0 0.13rem !important;
}

html[lang="en"] .reserve-section .reserve-title,
html[lang="ja"] .reserve-section .reserve-title,
html[lang="ko"] .reserve-section .reserve-title {
  line-height: 0.42rem;
}

html[lang="en"] .reserve-section .reserve-number,
html[lang="ja"] .reserve-section .reserve-number,
html[lang="ko"] .reserve-section .reserve-number {
  font-family: 'ANANTA', sans-serif;
  font-size: 3.5rem;
  font-weight: 400;
  line-height: 3.1rem;
  /* 101.307% */
  width: 14.92rem;
}

html[lang="en"] .role-info .p1,
html[lang="ja"] .role-info .p1,
html[lang="ko"] .role-info .p1 {
  font-size: 0.62rem !important;
  line-height: 0.7rem !important;
  margin-bottom: 0.4rem !important;
}

html[lang="en"] .role-info .p2,
html[lang="ja"] .role-info .p2,
html[lang="ko"] .role-info .p2 {
  line-height: 0.32rem !important;
}

html[lang="en"] .role-info .msg-tafei .p2,
html[lang="ja"] .role-info .msg-tafei .p2,
html[lang="ko"] .role-info .msg-tafei .p2 {
  width: 5.95rem !important;
  font-size: 0.2rem !important;
}

html[lang="en"] .role-info .msg-lixi .p1,
html[lang="ja"] .role-info .msg-lixi .p1,
html[lang="ko"] .role-info .msg-lixi .p1 {
  padding-bottom: 0.05rem;
  margin-bottom: 0.35rem !important;
}

html[lang="en"] .role-info .msg-lixi .p2,
html[lang="ja"] .role-info .msg-lixi .p2,
html[lang="ko"] .role-info .msg-lixi .p2 {
  font-size: 0.2rem !important;
}

html[lang="en"] .role-info .msg-saimo .p2,
html[lang="ja"] .role-info .msg-saimo .p2,
html[lang="ko"] .role-info .msg-saimo .p2 {
  font-size: 0.2rem !important;
}

html[lang="en"] .news-left,
html[lang="ja"] .news-left,
html[lang="ko"] .news-left {
  left: 1.04rem !important;
}

html[lang="en"] .news-right,
html[lang="ja"] .news-right,
html[lang="ko"] .news-right {
  left: 12.85rem !important;
}

html[lang="en"] .news-right .news-item .news-short,
html[lang="ja"] .news-right .news-item .news-short,
html[lang="ko"] .news-right .news-item .news-short {
  width: 4.6rem;
  line-height: 0.34rem !important;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  top: calc(50% - 0.03rem) !important;
}

html[lang="en"] .side-nav-top .action-effect-switch,
html[lang="ja"] .side-nav-top .action-effect-switch,
html[lang="ko"] .side-nav-top .action-effect-switch {
  margin-right: 0.9rem !important;
}

html[lang="en"] .side-nav-top .effect-switch-box,
html[lang="ja"] .side-nav-top .effect-switch-box,
html[lang="ko"] .side-nav-top .effect-switch-box {
  width: 3.49rem;
  height: 0.81rem;
}

html[lang="en"] .side-nav-top .effect-switch-box .effect-switch-item .txt,
html[lang="ja"] .side-nav-top .effect-switch-box .effect-switch-item .txt,
html[lang="ko"] .side-nav-top .effect-switch-box .effect-switch-item .txt {
  width: 2.37rem;
  margin-right: 0.18rem;
}

html[lang="en"] .side-nav-bottom .nav-links .item,
html[lang="ja"] .side-nav-bottom .nav-links .item,
html[lang="ko"] .side-nav-bottom .nav-links .item {
  margin-bottom: 0.4rem;
  height: 0.5rem;
  line-height: 0.5rem;
}

html[lang="en"] .side-nav-bottom .nav-links .item::before,
html[lang="ja"] .side-nav-bottom .nav-links .item::before,
html[lang="ko"] .side-nav-bottom .nav-links .item::before {
  bottom: 0.02rem !important;
}

html[lang="en"] {
  font-family: 'MiSans', sans-serif !important;
}

html[lang="en"] .loading-logo .logo-black {
  width: 1.49rem;
  height: 0.84rem;
  background: url(https://www.anantagame.com/pc/gw/20250904162009/assets/logo-black_5219bf69.png) no-repeat center center;
  background-size: contain;
}

html[lang="en"] .loading-logo .logo-white {
  width: 1.49rem;
  height: 0.84rem;
  background: url(https://www.anantagame.com/pc/gw/20250904162009/assets/logo-white_9977f9bb.png) no-repeat center center;
  background-size: contain;
}

html[lang="en"] .main-logo {
  width: 1.63rem;
  height: 0.38rem;
  background: url(https://www.anantagame.com/pc/gw/20250904162009/assets/logo_660eb12a.png) no-repeat center center;
  background-size: contain;
}

html[lang="en"] .role-section .role-info .role-name-dcy {
  right: 0.95rem;
  margin-top: 2.9rem;
}

html[lang="en"] .role-section .role-info .msg-dcy {
  margin-top: -3.15rem;
  left: 1.55rem;
}

html[lang="en"] .role-section .role-info .msg-dcy .p2 {
  width: 5.75rem;
}

html[lang="en"] .role-section .role-info .role-name-tafei {
  left: 1.64rem;
  margin-top: 2.92rem;
}

html[lang="en"] .role-section .role-info .msg-tafei {
  margin-top: -3.1rem;
  margin-left: 1.77rem;
}

html[lang="en"] .role-section .role-info .msg-tafei .p2 {
  margin-left: 0;
}

html[lang="en"] .role-section .role-info .gallery-btn-tafei {
  margin-left: 7.02rem;
  margin-top: 2.68rem;
}

html[lang="en"] .role-section .role-info .role-name-lixi {
  margin-top: 2.85rem;
  left: 1.68rem;
}

html[lang="en"] .role-section .role-info .msg-lixi {
  margin-top: -3.12rem;
  right: 2rem;
}

html[lang="en"] .role-section .role-info .msg-lixi .p1 {
  width: 6.62rem;
}

html[lang="en"] .role-section .role-info .msg-lixi .p2 {
  width: 6.62rem;
}

html[lang="en"] .role-section .role-info .gallery-btn-lixi {
  margin-left: 6.82rem;
}

html[lang="en"] .role-section .role-info .role-name-saimo {
  margin-top: 2.94rem;
}

html[lang="en"] .role-section .role-info .msg-saimo {
  margin-top: -3.11rem;
  right: 1.9rem;
}

html[lang="en"] .role-section .role-info .msg-saimo::before {
  content: '';
  position: absolute;
  top: 0.5rem;
  right: -1.5rem;
  -webkit-transform: translateZ(-0.01rem);
  transform: translateZ(-0.01rem);
  display: block;
  background: url(https://www.anantagame.com/pc/gw/20250904162009/assets/sprite-f9c4a1_f9c4a1b1.png) no-repeat center center;
  background-size: 3.95rem 5.27rem;
  background-position: -0 -0;
  width: 3.91rem;
  height: 5.23rem;
}

html[lang="en"] .role-section .role-info .msg-saimo .p1 {
  width: 6.62rem;
}

html[lang="en"] .role-section .role-info .msg-saimo .p2 {
  width: 6.62rem;
  position: relative;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  margin-left: -0.02rem;
}

html[lang="en"] .role-section .role-info .gallery-btn-saimo {
  margin-left: 6.98rem;
  margin-top: 2.66rem;
}

html[lang="en"] .z_Frame_1465_000 {
  width: 3.02rem !important;
  height: 0.66rem !important;
  left: -4.28rem !important;
  line-height: 0.24rem;
  background: url(https://www.anantagame.com/pc/gw/20250904162009/assets/msg-1_0f6bce63.png) no-repeat center center;
  background-size: contain;
}

html[lang="en"] .z_Frame_1466_000 {
  width: 4.38rem !important;
  height: 0.45rem !important;
  line-height: 0.24rem;
  background: url(https://www.anantagame.com/pc/gw/20250904162009/assets/msg-2_f0245b9f.png) no-repeat center center;
  background-size: contain;
}

html[lang="en"] .z_Frame_1468_000 {
  width: 2.9rem !important;
  height: 0.67rem !important;
  line-height: 0.24rem;
  background: url(https://www.anantagame.com/pc/gw/20250904162009/assets/msg-3_197d6153.png) no-repeat center center;
  background-size: contain;
  left: 1.9rem !important;
  top: -0.34rem !important;
}

html[lang="en"] .z_Frame_1467_000 {
  width: 2.54rem !important;
  height: 0.67rem !important;
  line-height: 0.24rem;
  background: url(https://www.anantagame.com/pc/gw/20250904162009/assets/msg-4_2060492b.png) no-repeat center center;
  background-size: contain;
  top: -1.3rem !important;
  left: 2.29rem !important;
}

html[lang="en"] .role-info .s2 {
  font-size: 0.92rem;
  font-weight: 630;
  line-height: 1.04rem;
  letter-spacing: -0.0368rem;
}

html[lang="en"] .role-info .s2::before {
  content: '';
  display: inline-block;
  width: 0.0884rem;
  height: 0.7249rem;
  background: #D61F31;
  margin-right: 0.06rem;
  vertical-align: middle;
  margin-bottom: 0.1rem;
}

html[lang="en"] #g-yuyue .yuyue-pop .yuyue-box .submit-btn {
  font-weight: 330;
}
/** mixins **/
.gallery-pop[data-v-126f8e90] {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1000;
  overflow: hidden;
  cursor: none;
}
.gallery-pop .mask[data-v-126f8e90] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000000;
  pointer-events: none;
  z-index: 1;
}
.gallery-pop .close-btn-x[data-v-126f8e90] {
  font-size: 0;
  position: absolute;
  z-index: 3;
  width: 0.8rem;
  height: 0.8rem;
  top: 0.22rem;
  right: 0.22rem;
  -webkit-transition: -webkit-transform 0.5s;
  transition: -webkit-transform 0.5s;
  transition: transform 0.5s;
  transition: transform 0.5s, -webkit-transform 0.5s;
}
.gallery-pop .close-btn-x[data-v-126f8e90]:hover {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
.gallery-pop .close-btn-x[data-v-126f8e90]::after,
.gallery-pop .close-btn-x[data-v-126f8e90]::before {
  content: '';
  display: block;
  width: 0.4rem;
  height: 0.02rem;
}
.gallery-pop .close-btn-x[data-v-126f8e90]::after {
  background: #F7F7F7;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
  transform: translate(-50%, -50%) rotate(45deg);
}
.gallery-pop .close-btn-x[data-v-126f8e90]::before {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  background: #F7F7F7;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%) rotate(-45deg);
  transform: translate(-50%, -50%) rotate(-45deg);
}
.gallery-pop .close-btn[data-v-126f8e90] {
  position: absolute;
  top: 0.32rem;
  right: 0.4rem;
  border: none;
  border-radius: 50%;
  background: rgba(0, 0, 0, 0.4);
  -webkit-transition: background 0.2s;
  transition: background 0.2s;
  -webkit-box-shadow: 0 0.02rem 0.08rem rgba(0, 0, 0, 0.15);
  box-shadow: 0 0.02rem 0.08rem rgba(0, 0, 0, 0.15);
  cursor: none;
  z-index: 1;
  text-align: right;
  color: #E1E1E1;
  font-size: 0.36rem;
  font-style: normal;
  font-weight: 330;
  line-height: normal;
}
.gallery-pop .close-btn[data-v-126f8e90] span {
  display: block;
  color: #F7F7F7;
  font-size: 0.2rem;
  font-weight: 330;
  text-transform: uppercase;
  margin-top: -0.05rem;
}
.gallery-pop .close-btn[data-v-126f8e90]:hover {
  background: rgba(0, 0, 0, 0.7);
  color: #D62032;
}
.gallery-pop .close-btn[data-v-126f8e90]:hover span {
  color: #D62032;
}
.gallery-pop .container[data-v-126f8e90] {
  position: relative;
  z-index: 1;
  width: 100%;
  height: 100%;
}
.gallery-pop .custom-cursor[data-v-126f8e90] {
  position: fixed;
  left: 0;
  top: 0;
  width: 0.2rem;
  height: 0.2rem;
  border-radius: 50%;
  background: #fff;
  pointer-events: none;
  z-index: 99999;
  -webkit-box-shadow: 0 0.02rem 0.08rem rgba(0, 0, 0, 0.1);
  box-shadow: 0 0.02rem 0.08rem rgba(0, 0, 0, 0.1);
  -webkit-transition: width 0.2s, height 0.2s, -webkit-transform 0.08s;
  transition: width 0.2s, height 0.2s, -webkit-transform 0.08s;
  transition: transform 0.08s, width 0.2s, height 0.2s;
  transition: transform 0.08s, width 0.2s, height 0.2s, -webkit-transform 0.08s;
  opacity: 1;
  will-change: transform, width, height;
}
.gallery-pop .custom-cursor.active[data-v-126f8e90] {
  width: 0.4rem;
  height: 0.4rem;
  opacity: 0.6;
}
.img-cnt[data-v-126f8e90] {
  position: absolute;
}
.img-cnt img[data-v-126f8e90] {
  display: block;
}
.img-cnt:hover .img-mask[data-v-126f8e90] {
  opacity: 0;
}
.img-cnt .img-mask[data-v-126f8e90] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #111111;
  opacity: 0.45;
  pointer-events: none;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
.img-cnt .img-mask.active[data-v-126f8e90] {
  opacity: 0;
}
.img-cnt[data-v-126f8e90]:nth-child(1) {
  left: -1.2rem;
  top: 0.73rem;
}
.img-cnt:nth-child(1) img[data-v-126f8e90] {
  height: 2.73rem;
  width: 4.86rem;
  -o-object-fit: cover;
  object-fit: cover;
}
.img-cnt[data-v-126f8e90]:nth-child(2) {
  left: 12.32rem;
  top: -0.7rem;
}
.img-cnt:nth-child(2) img[data-v-126f8e90] {
  width: 5.62rem;
  height: 3.16rem;
  -o-object-fit: cover;
  object-fit: cover;
}
.img-cnt[data-v-126f8e90]:nth-child(3) {
  left: 50%;
  top: 50%;
  height: 4.6rem;
  width: 8.16rem;
  margin-top: -2.28rem;
  margin-left: -4.08rem;
}
.img-cnt:nth-child(3) img[data-v-126f8e90] {
  height: 4.6rem;
  width: 8.16rem;
  -o-object-fit: cover;
  object-fit: cover;
}
.img-cnt[data-v-126f8e90]:nth-child(4) {
  width: 5.93rem;
  height: 3.33rem;
  left: -1.36rem;
  bottom: 0;
}
.img-cnt:nth-child(4) img[data-v-126f8e90] {
  width: 5.93rem;
  height: 3.33rem;
}
.img-cnt[data-v-126f8e90]:nth-child(5) {
  width: 5.5rem;
  height: 3.1rem;
  left: 15.48rem;
  bottom: 0.66rem;
}
.img-cnt:nth-child(5) img[data-v-126f8e90] {
  width: 5.5rem;
  height: 3.1rem;
  -o-object-fit: cover;
  object-fit: cover;
}
.img-cnt[data-v-126f8e90]:nth-child(6) {
  left: 5.9rem;
  bottom: -0.4rem;
}
.img-cnt:nth-child(6) img[data-v-126f8e90] {
  width: 4.6rem;
  height: 2.6rem;
}
.img-cnt[data-v-126f8e90]:nth-child(7) {
  width: 3.88rem;
  height: 2.21rem;
  bottom: -0.21rem;
  right: 1.62rem;
}
.img-cnt:nth-child(7) img[data-v-126f8e90] {
  width: 3.88rem;
  height: 2.21rem;
}
.bigImg[data-v-126f8e90] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  display: none;
}
.bigImg img[data-v-126f8e90] {
  position: absolute;
  -o-object-fit: cover;
  object-fit: cover;
  display: block;
}
.img-cnt img[data-v-126f8e90] {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.font-bg[data-v-126f8e90] {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  font-size: 3.04rem;
  font-weight: bold;
  z-index: 1;
  text-transform: uppercase;
}
.font-bg span[data-v-126f8e90] {
  position: absolute;
  display: block;
  z-index: 9;
  color: #fff;
  top: 1rem;
  opacity: 0.04;
}
.big-mask[data-v-126f8e90] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000000;
  opacity: 0;
}
.prev-btn[data-v-126f8e90] {
  position: absolute;
  top: 50%;
  left: 0.46rem;
  width: 0.26rem;
  height: 0.46rem;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  cursor: pointer;
  z-index: 3;
  cursor: none;
}
.prev-btn:hover svg[data-v-126f8e90] {
  fill: #D62032;
}
.next-btn[data-v-126f8e90] {
  position: absolute;
  top: 50%;
  right: 0.46rem;
  width: 0.26rem;
  height: 0.46rem;
  background: url(https://www.anantagame.com/pc/gw/20250904162009/assets/next_9f645879.svg) no-repeat center;
  background-size: contain;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  cursor: pointer;
  z-index: 3;
  cursor: none;
}
.next-btn:hover svg[data-v-126f8e90] {
  fill: #D62032;
}
/** mixins **/
svg[data-v-6ae7b21a] {
  width: 0.2rem;
  height: 0.25rem;
  fill: #f7f7f7;
}
/** mixins **/
svg[data-v-6855a2cc] {
  width: 0.31rem;
  height: 0.24rem;
  fill: #F7F7F7;
}
/** mixins **/
svg[data-v-1d4e2af6] {
  width: 0.26rem;
  height: 0.25rem;
  fill: #fff;
}
/** mixins **/
svg[data-v-5b65974a] {
  width: 0.21rem;
  height: 0.25rem;
  fill: #F7F7F7;
}
/** mixins **/
svg[data-v-4e935bf4] {
  width: 0.73rem;
  height: 0.32rem;
  fill: #fff;
}
/** mixins **/
svg[data-v-cd96715e] {
  width: 0.26rem;
  height: 0.46rem;
  fill: #F2f2f2;
}
/** mixins **/
svg[data-v-3a115011] {
  width: 0.26rem;
  height: 0.46rem;
  fill: #F2f2f2;
}
/** mixins **/
.tafei-dialog-anim[data-v-3d838453] {
  position: absolute;
  width: 19.24rem;
  height: 10.8rem;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  pointer-events: none;
  z-index: 1;
  font-size: 0.2rem;
  font-style: normal;
  font-weight: 330;
  line-height: normal;
}

/* 节点名：空 5 */
.z_kong_5_000[data-v-3d838453] {
  position: absolute;
  left: 6.99rem;
  top: 5.16rem;
  height: 1rem;
  width: 1rem;
  mix-blend-mode: normal;
  -webkit-transform-origin: 0% 0%;
  transform-origin: 0% 0%;
  -webkit-transform: scale(1.1585, 1.1585);
  transform: scale(1.1585, 1.1585);
}

/* 节点名：空 15 */
.z_kong_15_000[data-v-3d838453] {
  position: absolute;
  left: -0.76rem;
  top: -0.36rem;
  height: 1rem;
  width: 1rem;
  mix-blend-mode: normal;
  -webkit-transform-origin: 0% 0%;
  transform-origin: 0% 0%;
  -webkit-transform: scale(0.7042, 0.7042);
  transform: scale(0.7042, 0.7042);
}

/* 3 */
.z_Frame_1467_000[data-v-3d838453] {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: absolute;
  left: 2.59rem;
  top: -1.69rem;
  width: 1.98rem;
  height: 0.45rem;
  mix-blend-mode: normal;
  opacity: 0;
  -webkit-transform-origin: 100% 0%;
  transform-origin: 100% 0%;
  -webkit-transform: scale(0.3, 0.3);
  transform: scale(0.3, 0.3);
  background: url(https://www.anantagame.com/pc/gw/20250904162009/assets/msg-3_da76a705.svg);
  background-size: 100% 100%;
  padding-right: 0.07rem;
  color: #F3F3F3;
}

/* 4 */
.z_Frame_1468_000[data-v-3d838453] {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: absolute;
  left: 2.29rem;
  top: -0.82rem;
  height: 0.46rem;
  width: 1.78rem;
  mix-blend-mode: normal;
  opacity: 0;
  -webkit-transform-origin: 100% 0%;
  transform-origin: 100% 0%;
  -webkit-transform: scale(0.3, 0.3);
  transform: scale(0.3, 0.3);
  background: url(https://www.anantagame.com/pc/gw/20250904162009/assets/msg-4_9d5f72cf.svg);
  background-size: 100% 100%;
  padding-right: 0.07rem;
  color: #F3F3F3;
}

/* 1 */
.z_Frame_1466_000[data-v-3d838453] {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: absolute;
  left: -4.31rem;
  top: 1.08rem;
  mix-blend-mode: normal;
  opacity: 0;
  -webkit-transform-origin: 0% 0%;
  transform-origin: 0% 0%;
  -webkit-transform: scale(0.3, 0.3);
  transform: scale(0.3, 0.3);
  width: 2.09rem;
  height: 0.45rem;
  background: url(https://www.anantagame.com/pc/gw/20250904162009/assets/msg-1_c629f44d.svg) no-repeat center center;
  background-size: contain;
  color: #222225;
  padding-left: 0.09rem;
}

/* 2 */
.z_Frame_1465_000[data-v-3d838453] {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: absolute;
  left: -4.32rem;
  top: 1.95rem;
  height: 0.45rem;
  width: 2.8rem;
  mix-blend-mode: normal;
  opacity: 0;
  -webkit-transform-origin: 0% 0%;
  transform-origin: 0% 0%;
  -webkit-transform: scale(0.3, 0.3);
  transform: scale(0.3, 0.3);
  background: url(https://www.anantagame.com/pc/gw/20250904162009/assets/msg-2_2c3e16ab.svg);
  background-size: 100% 100%;
  color: #222225;
  padding-left: 0.15rem;
}