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

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

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

body {
  font-size: 0.8333vw;
  overflow-x: hidden;
  padding-bottom: 4.5833vw;
}

#copyright {
  margin-top: 6.6667vw;
}

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

.footer-nav {
  margin-top: 10.4167vw;
}

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

.leihuo-pop-media.leihuo-pop-video .pop-video-content video {
  max-width: 100.0000vw;
  width: 100%;
  height: auto;
  max-height: 56.2500vw;
}

.leihuo-pop-media.leihuo-pop-video .media-close {
  font-size: 0;
  position: absolute;
  z-index: 3;
  width: 4.1667vw;
  height: 4.1667vw;
  top: -1.0417vw;
  right: -4.1667vw;
  -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: 2.0833vw;
  height: 0.1042vw;
}

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

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

.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: 26.0417vw;
  height: 20.8333vw;
  background: white;
  color: red;
}

.pop-bg .pop-close {
  position: absolute;
  top: -1.0417vw;
  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: 27.9688vw;
  height: 19.0104vw;
  color: black;
  border-radius: 0.4167vw;
  background: linear-gradient(321deg, rgba(255, 255, 255, 0) -21.36%, rgba(255, 255, 255, 0.74) 109.44%);
  backdrop-filter: blur(1.1719vw);
}

.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: 1.2500vw;
}

.msg-pop .message-title {
  text-align: center;
  font-size: 1.0417vw;
}

.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: 2.0833vw;
}

.msg-pop .message-btns button {
  margin: 0 0.5208vw;
}

.msg-pop .pop-btn-confirm {
  width: 21.6406vw;
  height: 3.3594vw;
  border-radius: 0.4167vw;
  opacity: 0.9;
  background: #191919;
  color: #FFF;
  font-size: 1.2500vw;
  font-weight: 330;
}

.msg-pop .pop-close {
  position: absolute;
  top: 1.2500vw;
  right: 1.0938vw;
  width: 1.0417vw;
  height: 1.0417vw;
  background: url(https://www.anantagame.com/pc/gw/20250904162009/assets/sprite-6e335f_6e335fd4.png) center center no-repeat;
  background-size: 12.1354vw 11.5104vw;
  background-position: -6.5365vw -8.5156vw;
  -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: 3.8542vw;
  background: #141414;
  padding: 0 4.8958vw 0 5.2083vw;
  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: 5.3646vw;
  margin-right: 5.7292vw;
}

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

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

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

.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: 2.1875vw;
}

.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: 49.3750vw;
  height: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 2.0833vw 0 0 3.4375vw;
  -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(2.0833vw);
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.side-nav .side-nav-top {
  position: relative;
  z-index: 1;
  padding-right: 6.2500vw;
}

.side-nav .side-nav-bottom {
  margin-top: 6.0417vw;
}

.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: 1.8750vw;
  font-style: normal;
  font-weight: 630;
  line-height: 1.8750vw;
  margin-bottom: 2.0833vw;
  position: relative;
  cursor: pointer;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  display: block;
  opacity: 0;
  -webkit-transform: translateY(1.0417vw) scale(0.9);
  transform: translateY(1.0417vw) 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(1.0417vw) scale(0.9);
    transform: translateY(1.0417vw) 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(1.0417vw) scale(0.9);
    transform: translateY(1.0417vw) 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.5208vw;
  background: #eb6100;
  position: absolute;
  bottom: -0.2083vw;
}

.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(1.0417vw) scale(0.9);
  transform: translateY(1.0417vw) 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: 1.0417vw;
}

.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.3646vw;
  height: 0.6250vw;
  background: url(https://www.anantagame.com/pc/gw/20250904162009/assets/icon-arrow_38a51c4a.svg) no-repeat center;
  background-size: contain;
  margin-right: 0.3646vw;
}

.side-nav .side-nav-bottom .video-list {
  position: relative;
}

.side-nav .side-nav-bottom .video-list .video-item {
  opacity: 0;
  -webkit-transform-origin: center;
  transform-origin: center;
  -webkit-animation: videoEnter 0.3s ease-out forwards;
  animation: videoEnter 0.3s ease-out forwards;
  -webkit-animation-delay: calc(var(--item-index) * 0.1s);
  animation-delay: calc(var(--item-index) * 0.1s);
  width: 42.0313vw;
  height: 12.8125vw;
  background: rgba(217, 217, 217, 0.2);
  margin-bottom: 1.2500vw;
  cursor: pointer;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.side-nav .side-nav-bottom .video-list .video-item:hover .thumb .play-icon {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

.side-nav .side-nav-bottom .video-list .video-item .thumb {
  width: 22.8125vw;
  height: 100%;
  position: relative;
}

.side-nav .side-nav-bottom .video-list .video-item .thumb img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.side-nav .side-nav-bottom .video-list .video-item .thumb .play-icon {
  position: absolute;
  width: 3.1250vw;
  height: 3.1250vw;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  border-radius: 3.1250vw;
  background: linear-gradient(331deg, rgba(255, 255, 255, 0.15) -35.37%, #FFF 173.51%);
  backdrop-filter: blur(0.2232vw);
  top: 50%;
  left: 50%;
  margin-left: -1.5625vw;
  margin-top: -1.5625vw;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.side-nav .side-nav-bottom .video-list .video-item .thumb .play-icon svg {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-30%, -40%);
  transform: translate(-30%, -40%);
}

.side-nav .side-nav-bottom .video-list .video-item .thumb .time {
  position: absolute;
  bottom: 0.2083vw;
  left: 0.5729vw;
  color: #F7F7F7;
  text-align: right;
  font-size: 0.8333vw;
  font-style: normal;
  font-weight: 330;
  line-height: 1.0781vw;
  /* 129.375% */
}

.side-nav .side-nav-bottom .video-list .video-item .info {
  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;
  padding: 0 1.7188vw 0 1.2500vw;
  gap: 0.8333vw;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.side-nav .side-nav-bottom .video-list .video-item .info .new {
  padding: 0.0521vw 0.5208vw;
  border-radius: 0.1042vw;
  background: #eb6100;
  color: #FFF;
  font-size: 0.8333vw;
  font-style: normal;
  font-weight: 450;
  line-height: 1.0417vw;
  /* 125% */
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

.side-nav .side-nav-bottom .video-list .video-item .info .title {
  color: #FFF;
  font-size: 1.2500vw;
  font-style: normal;
  font-weight: 630;
  line-height: 1.2500vw;
  /* 100% */
}

.side-nav .side-nav-bottom .video-list .video-item .info .desc {
  color: #FFF;
  font-size: 0.8333vw;
  font-style: normal;
  font-weight: 330;
  line-height: 1.0417vw;
  /* 125% */
  display: -webkit-box;
  /* 必须设置 */
  -webkit-line-clamp: 2;
  /* 限制为两行 */
  -webkit-box-orient: vertical;
  /* 垂直布局 */
  overflow: hidden;
  /* 隐藏超出内容 */
  text-overflow: ellipsis;
  /* 显示省略号 */
}

@-webkit-keyframes videoEnter {
  0% {
    opacity: 0;
    -webkit-transform: translateY(1.0417vw);
    transform: translateY(1.0417vw);
  }

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

@keyframes videoEnter {
  0% {
    opacity: 0;
    -webkit-transform: translateY(1.0417vw);
    transform: translateY(1.0417vw);
  }

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

.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.0521vw) rotate(45deg);
  transform: translate(-50%, -0.0521vw) rotate(45deg);
}

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

.side-nav .toggle-btn {
  position: fixed;
  width: 1.7188vw;
  height: 1.7188vw;
  top: 2.0833vw;
  right: 3.6458vw;
  cursor: pointer;
}

.side-nav .toggle-btn .line {
  width: 1.5625vw;
  height: 0.1042vw;
  background: url(https://www.anantagame.com/pc/gw/20250904162009/assets/line_c09169a5.png) repeat center center;
  background-size: 100% auto;
  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.4167vw);
  transform: translate(-50%, -0.4167vw);
}

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

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

.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 .percent {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(1.5625vw);
  transform: translateY(1.5625vw);
  color: #FFF;
  font-size: 0.7292vw;
  font-style: normal;
  font-weight: 450;
  line-height: normal;
}

.loading .loading-logo {
  width: 10.4167vw;
  height: 10.4167vw;
  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: 21.6146vw;
  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: 4.6875vw;
  height: 4.6875vw;
  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: 1.8750vw;
  cursor: pointer;
  border-radius: 4.6875vw;
  background: linear-gradient(331deg, rgba(255, 255, 255, 0.15) -35.37%, #FFF 173.51%);
  backdrop-filter: blur(0.3348vw);
  -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: 1.3542vw;
  height: 1.5625vw;
  background: url(https://www.anantagame.com/pc/gw/20250904162009/assets/video-btn_83b4c3cb.svg) no-repeat;
  background-size: contain;
  margin-left: 0.4167vw;
}

.home-section .reserve-btn-cnt {
  margin-top: 13.5417vw;
  width: 17.2917vw;
  height: 2.7083vw;
  position: relative;
}

.home-section .blur-bg {
  position: absolute;
  width: 24.1146vw;
  height: 7.1875vw;
  border-radius: 24.1146vw;
  background: rgba(0, 0, 0, 0.77);
  -webkit-filter: blur(4.6875vw);
  filter: blur(4.6875vw);
  top: -1.2500vw;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

.home-section .reserve-btn {
  width: 17.2917vw;
  height: 2.7083vw;
  border-radius: 0.2604vw;
  background: #eb6100;
  color: #F7F7F7;
  font-size: 1.3542vw;
  font-style: normal;
  font-weight: 450;
  line-height: 1.3542vw;
  display: block;
  position: relative;
  z-index: 10;
}

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

.home-section .action-group {
  position: absolute;
  bottom: 3.1250vw;
  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: 5.0000vw;
  height: 5.0000vw;
  display: block;
}

.home-section .qr-label {
  color: #fff;
  font-size: 0.8333vw;
  margin-top: 0.2083vw;
}

.home-section .group-btns {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 1fr 1fr;
  gap: 0.4167vw;
  margin: 0 0.4167vw 0 0.2604vw;
}

.home-section .group-btn {
  width: 7.5000vw;
  height: 2.2917vw;
  background: rgba(18, 18, 18, 0.77);
}

.home-section .scroll-tips {
  width: 2.2917vw;
  height: 0.8333vw;
  background: url(https://www.anantagame.com/pc/gw/20250904162009/assets/scroll-tip_e694d4a7.svg) no-repeat;
  background-size: 100% 100%;
  margin: 3.4375vw 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.5208vw);
    transform: translateY(-0.5208vw);
  }

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

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

  50% {
    -webkit-transform: translateY(-0.5208vw);
    transform: translateY(-0.5208vw);
  }

  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: 5.4167vw;
  font-style: normal;
  font-weight: 630;
  line-height: 5.4167vw;
  /* 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: 1.4583vw;
  font-style: normal;
  font-weight: 400;
  line-height: 1.0417vw;
  /* 71.429% */
  margin-bottom: 0.4167vw;
  font-family: 'ANANTA', sans-serif;
  margin-left: 0.4688vw;
}

.role-section .role-info .role-name span.s1::before {
  content: '';
  display: inline-block;
  width: 0.1563vw;
  height: 1.1458vw;
  background: #eb6100;
  margin-right: 0.2604vw;
  vertical-align: middle;
}

.role-section .role-info .role-name.role-name-dcy {
  top: 50%;
  right: 4.2708vw;
  margin-top: 13.2292vw;
}

.role-section .role-info .role-name.role-name-tafei {
  top: 50%;
  left: 8.3333vw;
  margin-top: 13.2292vw;
}

.role-section .role-info .role-name.role-name-tafei span.s1 {
  margin-left: 0.7292vw;
}

.role-section .role-info .role-name.role-name-lixi {
  top: 50%;
  left: 8.3333vw;
  margin-top: 13.2292vw;
}

.role-section .role-info .role-name.role-name-lixi span.s1 {
  margin-left: 0.6250vw;
}

.role-section .role-info .role-name.role-name-saimo {
  top: 50%;
  left: 8.3333vw;
  margin-top: 13.2292vw;
}

.role-section .role-info .role-name.role-name-saimo span.s1 {
  margin-left: 0.4167vw;
}

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

.role-section .role-info .msg .p1 {
  color: #F9F9F9;
  font-size: 3.7500vw;
  font-style: normal;
  font-weight: 630;
  line-height: 4.1667vw;
  /* 97.222% */
  margin-bottom: 1.8229vw;
}

.role-section .role-info .msg .p2 {
  font-size: 1.0015vw;
  font-style: normal;
  font-weight: 450;
  line-height: 1.5625vw;
  /* 156.022% */
  margin-left: 0.2604vw;
}

.role-section .role-info .msg.msg-dcy {
  top: 50%;
  left: 8.8542vw;
  margin-top: -14.2708vw;
}

.role-section .role-info .msg.msg-dcy .p1 {
  opacity: 0.88;
  display: inline-block;
  background: url(https://www.anantagame.com/pc/gw/20250904162009/assets/dcytext_c0f51eca.png) repeat-y center center;
  background-size: 100% auto;
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.role-section .role-info .msg.msg-dcy .p2 {
  width: 26.0417vw;
  opacity: 0.85;
  background: url(https://www.anantagame.com/pc/gw/20250904162009/assets/dcytext-s_2bce561c.png) repeat-y center center;
  background-size: 100% auto;
  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: -14.2708vw;
  margin-left: 10.4167vw;
}

.role-section .role-info .msg.msg-tafei .p1 {
  opacity: 0.85;
  display: inline-block;
  background: url(https://www.anantagame.com/pc/gw/20250904162009/assets/tafeitext_89eff38a.png) repeat-y center center;
  background-size: 100% auto;
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.role-section .role-info .msg.msg-tafei .p2 {
  width: 26.7188vw;
  opacity: 0.85;
  background: url(https://www.anantagame.com/pc/gw/20250904162009/assets/tafeitext-s_b4a5bb9d.png) repeat-y center center;
  background-size: 100% auto;
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.role-section .role-info .msg.msg-lixi {
  top: 50%;
  right: 8.3333vw;
  margin-top: -14.2708vw;
}

.role-section .role-info .msg.msg-lixi .p1 {
  width: 30.0000vw;
  opacity: 0.85;
  display: inline-block;
  background: url(https://www.anantagame.com/pc/gw/20250904162009/assets/lixitext_a72d37d4.png) repeat-y center center;
  background-size: 100% auto;
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.role-section .role-info .msg.msg-lixi .p2 {
  width: 26.0417vw;
  opacity: 0.85;
  background: url(https://www.anantagame.com/pc/gw/20250904162009/assets/lixitext-s_80646f11.png) repeat-y center center;
  background-size: 100% auto;
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.role-section .role-info .msg.msg-saimo {
  top: 50%;
  right: 8.3333vw;
  margin-top: -14.2708vw;
}

.role-section .role-info .msg.msg-saimo .p1 {
  width: 29.2188vw;
  opacity: 0.9;
  background: url(https://www.anantagame.com/pc/gw/20250904162009/assets/saimotext_d1ca598a.png) repeat-y center center;
  background-size: 100% auto;
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.role-section .role-info .msg.msg-saimo .p2 {
  width: 26.0417vw;
  opacity: 0.85;
  background: url(https://www.anantagame.com/pc/gw/20250904162009/assets/saimotext-s_039b9f4e.png) repeat-y center center;
  background-size: 100% auto;
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.role-section .img-btn {
  width: 10.4167vw;
  height: 10.4167vw;
  position: fixed;
  bottom: 10.4167vw;
  right: 41.6667vw;
  z-index: 10;
  cursor: pointer;
}

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

.role-section .gallery-btn {
  position: fixed;
  width: 0;
  height: 0;
  z-index: 20;
  -webkit-transform-origin: 3.0729vw 3.0729vw;
  transform-origin: 3.0729vw 3.0729vw;
  -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.2604vw);
  -webkit-backdrop-filter: blur(0.2604vw);
  border: 0.0439vw solid rgba(255, 255, 255, 0.3);
  border-radius: 6.1458vw;
  width: 6.1458vw;
  height: 6.1458vw;
  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: 24.2708vw 23.0208vw;
  background-position: -0 -20.5208vw;
  width: 1.3542vw;
  height: 2.2917vw;
}

.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: 13.7500vw;
  margin-left: 30.3125vw;
}

.role-section .gallery-btn.gallery-btn-saimo {
  left: 50%;
  top: 50%;
  margin-top: 13.7500vw;
  margin-left: 30.3125vw;
}

.role-section .gallery-btn.gallery-btn-lixi {
  left: 50%;
  top: 50%;
  margin-top: 13.7500vw;
  margin-left: 30.3125vw;
}

.role-section .gallery-btn.gallery-btn-dcy {
  left: 9.0625vw;
  top: 50%;
  margin-top: 13.7500vw;
}

.role-section .dialog-tafei {
  position: fixed;
  top: 50%;
  left: 8.3333vw;
  pointer-events: none;
  z-index: 1;
  width: 44.6875vw;
  height: 21.3021vw;
  margin-top: -12.2396vw;
}

.role-section .dialog-tafei .text {
  font-size: 1.0417vw;
  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: 10.8854vw;
  height: 2.3438vw;
  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.4688vw;
  left: 0;
  top: 14.4792vw;
}

.role-section .dialog-tafei .text-2 {
  width: 14.5833vw;
  height: 2.3438vw;
  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.4688vw;
  left: 0;
  top: 18.9583vw;
}

.role-section .dialog-tafei .text-3 {
  width: 10.3125vw;
  height: 2.3438vw;
  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.3646vw;
  right: 0;
  top: 0;
}

.role-section .dialog-tafei .text-4 {
  width: 9.2188vw;
  height: 2.3438vw;
  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.3646vw;
  right: 0;
  top: 4.4792vw;
}

.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: 24.2708vw 23.0208vw;
  background-position: -0 -0;
  width: 24.0625vw;
  height: 13.3854vw;
  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: 100.0000vw;
  height: 56.2500vw;
  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: 56.2500vw;
  position: absolute;
  top: 0;
  left: 0;
}

.reserve-section .spacer {
  height: 112.5000vw;
  width: 100%;
}

.reserve-section .spacer.low {
  height: 56.2500vw;
}

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

.reserve-section .reserve-title {
  font-size: 1.6667vw;
  font-weight: 450;
  line-height: 1.6667vw;
  /* 100% */
  background: url(https://www.anantagame.com/pc/gw/20250904162009/assets/reserve_4e643ed1.png) repeat-y center center;
  background-size: 100% auto;
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  position: absolute;
  top: 50%;
  margin-top: -15.7292vw;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

.reserve-section .reserve-number {
  font-family: 'ANANTA', sans-serif;
  text-align: left;
  font-size: 16.1458vw;
  line-height: 15.9375vw;
  font-style: normal;
  font-weight: 400;
  letter-spacing: -0.2422vw;
  background: url(https://www.anantagame.com/pc/gw/20250904162009/assets/reserve_4e643ed1.png) repeat-y center center;
  background-size: 100% auto;
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  position: absolute;
  width: 76.0417vw;
  top: 50%;
  margin-top: -10.1042vw;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  white-space: nowrap;
  opacity: 0.7;
}

.reserve-section .reserve-number span {
  font-size: 4.4271vw;
}

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

.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: 5.2083vw;
}

.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: 19.0625vw;
  height: 10.6250vw;
  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: 5.5208vw;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.news-section .news-container .news-left .news-title {
  position: relative;
  font-size: 0;
  width: 14.9479vw;
  height: 4.0104vw;
  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: 3.9583vw;
  left: 0;
  color: #f9f9f9;
  font-size: 1.5625vw;
  font-weight: 380;
  min-width: 6.7708vw;
}

.news-section .news-container .news-left .box {
  margin-top: 5.2083vw;
  width: 27.8646vw;
}

.news-section .news-container .news-left .box .news-video {
  width: 27.8646vw;
  height: 15.6250vw;
  -o-object-fit: cover;
  object-fit: cover;
}

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

.news-section .news-container .news-right .news-item {
  margin-bottom: 2.9688vw;
  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: #eb6100;
}

.news-section .news-container .news-right .news-item .news-short {
  position: absolute;
  left: -3.1250vw;
  top: calc(50% - 0.2083vw);
  -webkit-transform: translate(-100%, -50%);
  transform: translate(-100%, -50%);
  text-align: right;
  font-size: 1.4583vw;
  font-weight: 450;
  line-height: 1.2500vw;
  /* 100% */
}

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

.news-section .news-container .news-right .news-item:last-child {
  margin-bottom: 2.3958vw;
}

.news-section .more {
  position: fixed;
  color: #F9F9F9;
  font-size: 1.1458vw;
  font-weight: 450;
  line-height: 1.2500vw;
  top: 2.2917vw;
  right: 8.2292vw;
}

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

.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;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

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

.action-buttons .action-item {
  position: relative;
  margin-right: 2.1875vw;
}

.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.2604vw;
  font-size: 1.0417vw;
}

.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: 1.2500vw;
  font-style: normal;
  font-weight: 330;
  line-height: 1.2500vw;
  /* 100% */
  background: #fff;
  width: 6.2500vw;
  height: 1.7708vw;
  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.1042vw;
  cursor: pointer;
}

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

.action-buttons .action-item.action-effect-switch {
  margin-right: 1.0417vw;
}

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

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

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

.action-buttons .icon-bgm.pause::after {
  display: block;
  content: '';
  width: 1.5625vw;
  height: 0.1563vw;
  background: #fff;
  position: absolute;
  -webkit-transform: rotate(30deg);
  transform: rotate(30deg);
  top: 50%;
  left: 50%;
  margin-left: -0.7813vw;
  margin-top: -0.2083vw;
}

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

.action-buttons .sns-list {
  width: 9.7917vw;
  height: 9.1667vw;
  border-radius: 0.4167vw;
  background: rgba(0, 0, 0, 0.22);
  backdrop-filter: blur(0.5365vw);
  position: absolute;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 1.1979vw 1.0417vw;
  top: 2.0833vw;
  left: 50%;
  margin-left: -4.8958vw;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.9375vw;
  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: 12.1354vw 11.5104vw;
  background-position: -4.7135vw -8.5156vw;
  width: 1.7188vw;
  height: 1.3021vw;
}

.action-buttons .sns-list .channel-item.tiktok {
  background: url(https://www.anantagame.com/pc/gw/20250904162009/assets/sprite-6e335f_6e335fd4.png);
  background-size: 12.1354vw 11.5104vw;
  background-position: -3.2031vw -8.5156vw;
  width: 1.4063vw;
  height: 1.6146vw;
}

.action-buttons .sns-list .channel-item.twitter {
  background: url(https://www.anantagame.com/pc/gw/20250904162009/assets/sprite-6e335f_6e335fd4.png);
  background-size: 12.1354vw 11.5104vw;
  background-position: -3.2031vw -6.7969vw;
  width: 1.6146vw;
  height: 1.6146vw;
}

.action-buttons .sns-list .channel-item.yt {
  background: url(https://www.anantagame.com/pc/gw/20250904162009/assets/sprite-6e335f_6e335fd4.png);
  background-size: 12.1354vw 11.5104vw;
  background-position: -10.0260vw -6.7969vw;
  width: 1.8229vw;
  height: 1.2500vw;
}

.action-buttons .sns-list .channel-item.facebook {
  background: url(https://www.anantagame.com/pc/gw/20250904162009/assets/sprite-6e335f_6e335fd4.png);
  background-size: 12.1354vw 11.5104vw;
  background-position: -4.9219vw -6.7969vw;
  width: 1.6146vw;
  height: 1.6146vw;
}

.action-buttons .sns-list .channel-item.instagram {
  background: url(https://www.anantagame.com/pc/gw/20250904162009/assets/sprite-6e335f_6e335fd4.png);
  background-size: 12.1354vw 11.5104vw;
  background-position: -8.3594vw -6.7969vw;
  width: 1.5625vw;
  height: 1.5625vw;
}

.action-buttons .sns-list .channel-item.reddit {
  background: url(https://www.anantagame.com/pc/gw/20250904162009/assets/sprite-6e335f_6e335fd4.png);
  background-size: 12.1354vw 11.5104vw;
  background-position: -6.6406vw -6.7969vw;
  width: 1.6146vw;
  height: 1.6146vw;
}

.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: 1.6667vw;
  height: 1.6667vw;
  -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: 1.9792vw;
  height: 1.6667vw;
  position: relative;
}

.action-buttons .sns-list .icon-wx::before {
  display: block;
  content: '';
  width: 1.9792vw;
  height: 1.6667vw;
  -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: 1.7188vw;
  height: 1.6146vw;
}

.action-buttons .sns-list .icon-blbl::before {
  display: block;
  content: '';
  width: 1.7188vw;
  height: 1.6146vw;
  -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: 1.6667vw;
  height: 1.6146vw;
}

.action-buttons .sns-list .icon-tap::before {
  display: block;
  content: '';
  width: 1.6667vw;
  height: 1.6146vw;
  -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: 1.6667vw;
  height: 1.6667vw;
}

.action-buttons .sns-list .icon-wyy::before {
  display: block;
  content: '';
  width: 1.6667vw;
  height: 1.6667vw;
  -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: 1.4583vw;
  height: 1.6667vw;
}

.action-buttons .sns-list .icon-bc::before {
  display: block;
  content: '';
  width: 1.4583vw;
  height: 1.6667vw;
  -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: 2.1354vw;
  height: 1.2500vw;
}

.action-buttons .sns-list .icon-ds::before {
  display: block;
  content: '';
  width: 2.1354vw;
  height: 1.2500vw;
  -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: 1.4583vw;
  height: 1.6667vw;
}

.action-buttons .sns-list .icon-dy::before {
  display: block;
  content: '';
  width: 1.4583vw;
  height: 1.6667vw;
  -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: 2.0313vw;
  height: 1.7188vw;
}

.action-buttons .sns-list .icon-wb::before {
  display: block;
  content: '';
  width: 2.0313vw;
  height: 1.7188vw;
  -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: 1.6667vw;
  height: 1.6667vw;
}

.action-buttons .sns-list .icon-tb::before {
  display: block;
  content: '';
  width: 1.6667vw;
  height: 1.6667vw;
  -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: 24.2708vw 23.0208vw;
  background-position: -0 -13.5937vw;
  width: 6.1979vw;
  height: 6.7188vw;
  left: 50%;
  top: 1.4583vw;
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  z-index: 1;
}

.action-buttons .sns-list .code-box .qr-code {
  width: 5.7813vw;
  height: 5.7813vw;
  position: absolute;
  top: 0.7292vw;
  left: 0.2083vw;
}

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

.action-buttons .lang-list .lang-item {
  display: block;
  margin: 0 auto;
  position: relative;
  width: 7.0313vw;
  height: 2.0833vw;
  line-height: 2.0833vw;
  text-align: center;
  margin-bottom: 0.1042vw;
  font-weight: 330;
  color: #F7F7F7;
}

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

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

.action-buttons .user-info {
  position: absolute;
  top: 2.0833vw;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0.6250vw 0.3646vw;
  font-size: 0.8333vw;
  color: #F7F7F7;
  text-align: center;
  background: rgba(0, 0, 0, 0.22);
  backdrop-filter: blur(2.0833vw);
  border-radius: 0.4167vw;
  font-weight: 330;
}

.action-buttons .user-info .center-btn {
  width: 6.7708vw;
  height: 1.5625vw;
  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.5208vw auto 0.3125vw;
  border-radius: 0.2604vw;
  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.4167vw;
  background: rgba(25, 25, 25, 0.37);
  color: #F7F7F7;
  display: block;
  width: 6.7708vw;
  height: 1.5625vw;
  cursor: pointer;
}

.action-buttons .effect-switch-box {
  top: 2.0833vw;
  border-radius: 0.4167vw;
  background: rgba(0, 0, 0, 0.22);
  backdrop-filter: blur(2.0833vw);
  position: absolute;
  width: 12.6563vw;
  height: 4.2188vw;
  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: 6.9792vw;
  color: #F7F7F7;
  font-size: 1.0417vw;
  font-weight: 330;
  line-height: 1.3542vw;
  /* 130% */
  margin-right: 1.0417vw;
}

.action-buttons .effect-switch-box .effect-switch-item .switch {
  position: relative;
  display: inline-block;
  width: 2.5000vw;
  height: 1.4583vw;
  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: 1.4583vw;
}

.action-buttons .effect-switch-box .effect-switch-item .switch .slider:before {
  position: absolute;
  content: "";
  height: 1.1458vw;
  width: 1.1458vw;
  left: 0.1563vw;
  bottom: 0.1563vw;
  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(1.0417vw);
  transform: translateX(1.0417vw);
}

.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: 3.1250vw;
}

.light-mode #g-yuyue .bg-top {
  display: none !important;
}

.light-mode .z_Frame_1466_000,
.light-mode .z_Frame_1465_000 {
  color: #616161 !important;
}
/** 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: 4.1667vw;
  height: 4.1667vw;
  top: 1.1458vw;
  right: 1.1458vw;
  -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: 2.0833vw;
  height: 0.1042vw;
}
.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: 1.6667vw;
  right: 2.0833vw;
  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.1042vw 0.4167vw rgba(0, 0, 0, 0.15);
  box-shadow: 0 0.1042vw 0.4167vw rgba(0, 0, 0, 0.15);
  cursor: none;
  z-index: 1;
  text-align: right;
  color: #E1E1E1;
  font-size: 1.8750vw;
  font-style: normal;
  font-weight: 330;
  line-height: normal;
}
.gallery-pop .close-btn[data-v-126f8e90] span {
  display: block;
  color: #F7F7F7;
  font-size: 1.0417vw;
  font-weight: 330;
  text-transform: uppercase;
  margin-top: -0.2604vw;
}
.gallery-pop .close-btn[data-v-126f8e90]:hover {
  background: rgba(0, 0, 0, 0.7);
  color: #eb6100;
}
.gallery-pop .close-btn[data-v-126f8e90]:hover span {
  color: #eb6100;
}
.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: 1.0417vw;
  height: 1.0417vw;
  border-radius: 50%;
  background: #fff;
  pointer-events: none;
  z-index: 99999;
  -webkit-box-shadow: 0 0.1042vw 0.4167vw rgba(0, 0, 0, 0.1);
  box-shadow: 0 0.1042vw 0.4167vw 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: 2.0833vw;
  height: 2.0833vw;
  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: -6.2500vw;
  top: 3.8021vw;
}
.img-cnt:nth-child(1) img[data-v-126f8e90] {
  height: 14.2188vw;
  width: 25.3125vw;
  -o-object-fit: cover;
  object-fit: cover;
}
.img-cnt[data-v-126f8e90]:nth-child(2) {
  left: 64.1667vw;
  top: -3.6458vw;
}
.img-cnt:nth-child(2) img[data-v-126f8e90] {
  width: 29.2708vw;
  height: 16.4583vw;
  -o-object-fit: cover;
  object-fit: cover;
}
.img-cnt[data-v-126f8e90]:nth-child(3) {
  left: 50%;
  top: 50%;
  height: 23.9583vw;
  width: 42.5000vw;
  margin-top: -11.8750vw;
  margin-left: -21.2500vw;
}
.img-cnt:nth-child(3) img[data-v-126f8e90] {
  height: 23.9583vw;
  width: 42.5000vw;
  -o-object-fit: cover;
  object-fit: cover;
}
.img-cnt[data-v-126f8e90]:nth-child(4) {
  width: 30.8854vw;
  height: 17.3438vw;
  left: -7.0833vw;
  bottom: 0;
}
.img-cnt:nth-child(4) img[data-v-126f8e90] {
  width: 30.8854vw;
  height: 17.3438vw;
}
.img-cnt[data-v-126f8e90]:nth-child(5) {
  width: 28.6458vw;
  height: 16.1458vw;
  left: 80.6250vw;
  bottom: 3.4375vw;
}
.img-cnt:nth-child(5) img[data-v-126f8e90] {
  width: 28.6458vw;
  height: 16.1458vw;
  -o-object-fit: cover;
  object-fit: cover;
}
.img-cnt[data-v-126f8e90]:nth-child(6) {
  left: 30.7292vw;
  bottom: -2.0833vw;
}
.img-cnt:nth-child(6) img[data-v-126f8e90] {
  width: 23.9583vw;
  height: 13.5417vw;
}
.img-cnt[data-v-126f8e90]:nth-child(7) {
  width: 20.2083vw;
  height: 11.5104vw;
  bottom: -1.0938vw;
  right: 8.4375vw;
}
.img-cnt:nth-child(7) img[data-v-126f8e90] {
  width: 20.2083vw;
  height: 11.5104vw;
}
.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: 15.8333vw;
  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: 5.2083vw;
  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: 2.3958vw;
  width: 1.3542vw;
  height: 2.3958vw;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  cursor: pointer;
  z-index: 3;
  cursor: none;
}
.prev-btn:hover svg[data-v-126f8e90] {
  fill: #eb6100;
}
.next-btn[data-v-126f8e90] {
  position: absolute;
  top: 50%;
  right: 2.3958vw;
  width: 1.3542vw;
  height: 2.3958vw;
  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: #eb6100;
}
/** mixins **/
svg[data-v-6ae7b21a] {
  width: 1.0417vw;
  height: 1.3021vw;
  fill: #f7f7f7;
}
/** mixins **/
svg[data-v-6855a2cc] {
  width: 1.6146vw;
  height: 1.2500vw;
  fill: #F7F7F7;
}
/** mixins **/
svg[data-v-1d4e2af6] {
  width: 1.3542vw;
  height: 1.3021vw;
  fill: #fff;
}
/** mixins **/
svg[data-v-5b65974a] {
  width: 1.0938vw;
  height: 1.3021vw;
  fill: #F7F7F7;
}
/** mixins **/
svg[data-v-4e935bf4] {
  width: 3.8021vw;
  height: 1.6667vw;
  fill: #fff;
}
/** mixins **/
svg[data-v-cd96715e] {
  width: 1.3542vw;
  height: 2.3958vw;
  fill: #F2f2f2;
}
/** mixins **/
svg[data-v-3a115011] {
  width: 1.3542vw;
  height: 2.3958vw;
  fill: #F2f2f2;
}
/** mixins **/
svg[data-v-119ece4d] {
  width: 1.5625vw;
  height: 1.3021vw;
  fill: #F7F7F7;
}
/** mixins **/
.tafei-dialog-anim[data-v-3d838453] {
  position: absolute;
  width: 100.2083vw;
  height: 56.2500vw;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  pointer-events: none;
  z-index: 1;
  font-size: 1.0417vw;
  font-style: normal;
  font-weight: 330;
  line-height: normal;
}

/* 节点名：空 5 */
.z_kong_5_000[data-v-3d838453] {
  position: absolute;
  left: 36.4063vw;
  top: 26.8750vw;
  height: 5.2083vw;
  width: 5.2083vw;
  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: -3.9583vw;
  top: -1.8750vw;
  height: 5.2083vw;
  width: 5.2083vw;
  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: 13.4896vw;
  top: -8.8021vw;
  width: 10.3125vw;
  height: 2.3438vw;
  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.3646vw;
  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: 11.9271vw;
  top: -4.2708vw;
  height: 2.3958vw;
  width: 9.2708vw;
  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.3646vw;
  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: -22.4479vw;
  top: 5.6250vw;
  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: 10.8854vw;
  height: 2.3438vw;
  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.4688vw;
}

/* 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: -22.5000vw;
  top: 10.1563vw;
  height: 2.3438vw;
  width: 14.5833vw;
  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.7813vw;
}
/** mixins **/

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

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

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: 18.2292vw;
  font-weight: 400;
  line-height: 16.1458vw;
  /* 101.307% */
  width: 77.7083vw;
}

/* 병원 재사용 시 renewal.css의 일반 .msg .p1/.p2 규칙과 특정도 충돌이 나서(원래 캐릭터별
   전용 오버라이드였음) 무력화함 — renewal.css가 폰트 크기/줄간격을 담당. */
html[lang="en"] .role-info .p1,
html[lang="ja"] .role-info .p1,
html[lang="ko"] .role-info .p1 {
}

html[lang="en"] .role-info .p2,
html[lang="ja"] .role-info .p2,
html[lang="ko"] .role-info .p2 {
}

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: 30.9896vw !important;
  font-size: 1.0417vw !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.2604vw;
  margin-bottom: 1.8229vw !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: 1.0417vw !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: 1.0417vw !important;
}

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

html[lang="en"] .news-right,
html[lang="ja"] .news-right,
html[lang="ko"] .news-right {
  left: 66.9271vw !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: 23.9583vw;
  line-height: 1.7708vw !important;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  top: calc(50% - 0.1563vw) !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: 4.6875vw !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: 18.1771vw;
  height: 4.2188vw;
}

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: 12.3438vw;
  margin-right: 0.9375vw;
}

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: 2.0833vw;
  height: 2.6042vw;
  line-height: 2.6042vw;
}

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.1042vw !important;
}

html[lang="ko"] {
  font-family: 'Noto Sans KR', sans-serif !important;
  font-weight: 300;
}

html[lang="ko"] .loading-logo .logo-black {
  width: 7.0833vw;
  height: 2.5000vw;
  background: url(https://www.anantagame.com/pc/gw/20250904162009/assets/logo-black_77ecf331.png) no-repeat center center;
  background-size: contain;
}

html[lang="ko"] .loading-logo .logo-white {
  width: 7.0833vw;
  height: 2.5000vw;
  background: url(https://www.anantagame.com/pc/gw/20250904162009/assets/logo-white_f97be40e.png) no-repeat center center;
  background-size: contain;
}

html[lang="ko"] .main-logo {
  width: 7.5521vw;
  height: 2.9688vw;
  background: url(https://www.anantagame.com/pc/gw/20250904162009/assets/logo_d6cc0382.png) no-repeat center center;
  background-size: contain;
}

html[lang="ko"] .reserve-btn {
  padding-bottom: 0.1042vw;
}

html[lang="ko"] .btn-reserve {
  font-weight: 400 !important;
}

html[lang="ko"] .role-section .role-info .p1 {
  font-weight: 900 !important;
}

/* 병원 재사용 시 renewal.css의 일반 .role-name .s2 규칙과 충돌해 무력화함. */
html[lang="ko"] .role-section .role-info .s2 {
  font-weight: 900;
}

html[lang="ko"] .role-section .role-info .s2:before {
}

html[lang="ko"] .role-section .role-info .role-name-dcy {
  margin-top: 14.0625vw;
  right: 2.8646vw;
}

html[lang="ko"] .role-section .role-info .msg-dcy {
  margin-top: -16.1458vw;
  left: 9.0625vw;
}

html[lang="ko"] .role-section .role-info .msg-dcy .p1 {
  width: 25.0000vw;
  margin-bottom: 2.1354vw;
}

html[lang="ko"] .role-section .role-info .msg-dcy .p2 {
  width: 26.0417vw;
  margin-left: 0;
}

html[lang="ko"] .role-section .role-info .role-name-tafei {
  margin-top: 14.0625vw;
  left: 8.7500vw;
}

html[lang="ko"] .role-section .role-info .msg-tafei {
  margin-top: -16.2500vw;
  margin-left: 9.6354vw;
  width: 38.0208vw;
}

html[lang="ko"] .role-section .role-info .msg-tafei .p1 {
  margin-bottom: 2.4479vw !important;
}

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

html[lang="ko"] .role-section .role-info .gallery-btn-tafei {
  margin-left: 36.9792vw;
  margin-top: 14.2708vw;
}

html[lang="ko"] .role-section .role-info .role-name-lixi {
  margin-top: 14.0625vw;
  left: 8.9583vw;
}

html[lang="ko"] .role-section .role-info .msg-lixi {
  right: 9.5833vw;
  margin-top: -16.0938vw;
}

html[lang="ko"] .role-section .role-info .msg-lixi .p1 {
  width: 36.0417vw;
  margin-bottom: 1.9792vw !important;
}

html[lang="ko"] .role-section .role-info .msg-lixi .p2 {
  width: 32.9688vw;
  margin-left: 0;
}

html[lang="ko"] .role-section .role-info .gallery-btn-lixi {
  margin-left: 36.0417vw;
  margin-top: 13.8542vw;
}

html[lang="ko"] .role-section .role-info .role-name-saimo {
  margin-top: 14.0625vw;
  left: 8.6458vw;
}

html[lang="ko"] .role-section .role-info .msg-saimo {
  right: 9.4271vw;
  margin-top: -16.1458vw;
}

html[lang="ko"] .role-section .role-info .msg-saimo .p1 {
  width: 36.4583vw;
  margin-bottom: 2.2917vw !important;
}

html[lang="ko"] .role-section .role-info .msg-saimo .p2 {
  width: 34.8958vw;
  margin-left: 0;
}

html[lang="ko"] .role-section .role-info .gallery-btn-saimo {
  margin-left: 36.0417vw;
}

html[lang="ko"] .z_Frame_1465_000 {
  width: 16.5625vw !important;
  height: 3.4375vw !important;
  padding: 0 0.4167vw 0 1.5104vw;
  line-height: 1.2500vw;
  top: 10.4167vw !important;
  background: url(https://www.anantagame.com/pc/gw/20250904162009/assets/msg-1_ac8d8fdd.png) no-repeat center center;
  background-size: contain;
}

html[lang="ko"] .z_Frame_1466_000 {
  width: 22.8125vw !important;
  height: 2.3438vw !important;
  line-height: 1.2500vw;
  top: 5.7292vw !important;
  left: -22.6042vw !important;
  background: url(https://www.anantagame.com/pc/gw/20250904162009/assets/msg-2_f0245b9f.png) no-repeat center center;
  background-size: contain;
}

html[lang="ko"] .z_Frame_1468_000 {
  width: 13.3854vw !important;
  height: 2.3438vw !important;
  padding: 0 1.2500vw 0 0.9896vw;
  line-height: 1.2500vw;
  top: -1.6667vw !important;
  background: url(https://www.anantagame.com/pc/gw/20250904162009/assets/msg-3_1d21f6ef.png) no-repeat center center;
  background-size: contain;
}

html[lang="ko"] .z_Frame_1467_000 {
  width: 11.2500vw !important;
  height: 2.3438vw !important;
  padding: 0 1.2500vw 0 0.9896vw;
  line-height: 1.2500vw;
  left: 14.0104vw !important;
  top: -6.2500vw !important;
  background: url(https://www.anantagame.com/pc/gw/20250904162009/assets/msg-4_3a892864.png) no-repeat center center;
  background-size: contain;
}

html[lang="ko"] #g-yuyue .yuyue-pop .yuyue-box .yuyue-title {
  font-weight: 400;
}

html[lang="ko"] #g-yuyue .yuyue-pop .yuyue-box .yuyue-tips {
  font-weight: 400;
}

html[lang="ko"] #g-yuyue .yuyue-pop .yuyue-box #yuyue-agreement,
html[lang="ko"] #g-yuyue .yuyue-pop .yuyue-box #yuyue-agreement-email {
  font-weight: 400;
}

html[lang="ko"] #g-yuyue .yuyue-pop.repeat .yuyue-box .yuyue-title,
html[lang="ko"] #g-yuyue .yuyue-pop.success .yuyue-box .yuyue-title {
  font-weight: 700 !important;
}

html[lang="ko"] #g-yuyue .yuyue-pop .submit-btn {
  font-weight: 330;
  font-family: 'Noto Sans KR', sans-serif;
}

html[lang="ko"] .video-list .title {
  color: #FFF;
  font-family: "Noto Sans KR", sans-serif !important;
  font-size: 1.2500vw;
  font-style: normal;
  font-weight: 700;
  line-height: 1.5625vw !important;
}

html[lang="ko"] .video-list .desc {
  color: #FFF;
  font-family: "Noto Sans KR", sans-serif !important;
  font-size: 0.8333vw;
  font-style: normal;
  font-weight: 400;
  line-height: 1.0417vw;
  /* 125% */
}