﻿html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
  font-family: Arial, "Microsoft Yahei";
}

a {
  text-decoration: none;
}

a:hover {
  text-decoration: none;
}

.clearfix:after {
  content: "\200B";
  display: block;
  height: 0;
  clear: both;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

ol,
li {
  list-style: none;
}

section {
  font-size: 0.24rem;
}

img {
  border: 0;
  outline-width: 0;
  vertical-align: top;
}

html,
body {
  position: relative;
  height: 100%;
}

.home-swiper {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.home-swiper-container,
.home-swiper-container .swiper-slide {
  width: 100%;
  height: 100%;
}

/* 隐藏滚动条但保留滚动功能 */
html {
  scrollbar-width: none;
  /* Firefox */
  -ms-overflow-style: none;
  /* IE/Edge */
}

html::-webkit-scrollbar {
  display: none;
  /* Chrome/Safari/Opera */
}

.wrap {
  position: relative;
}

.header {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  height: 2.29167vw;
  background: url("https://image-platform.leniugame.com/20251219/灵妖劫_PC端/header_bg.png")
    no-repeat;
  background-size: 100% 100%;
  z-index: 100;
}

.header-content {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  width: 100%;
  height: 100%;
  position: relative;
}

.header-btn {
  cursor: pointer;
}

.header-btn-1 {
  width: 5.41667vw;
  height: 1.5625vw;
  background: url("https://image-platform.leniugame.com/20260120/lyj_pc_version4/homePage/gwsy.png")
    no-repeat;
  background-size: 100% 100%;
  position: absolute;
  top: 0.71138vh;
  left: 27.65625vw;
}

.header-btn-1:hover {
  width: 5.67708vw;
  height: 1.5625vw;
  background: url("https://image-platform.leniugame.com/20260120/lyj_pc_version4/homePage/gwsy_active.png")
    no-repeat;
  background-size: 100% 100%;
  position: absolute;
  top: 0.71138vh;
  left: 27.65625vw;
}

.header-btn-2 {
  width: 5.36458vw;
  height: 1.61458vw;
  background: url("https://image-platform.leniugame.com/20260120/lyj_pc_version4/homePage/zyjs.png")
    no-repeat;
  background-size: 100% 100%;
  position: absolute;
  top: 0.60976vh;
  left: 37.5vw;
}

.header-btn-2:hover {
  width: 5.625vw;
  height: 1.61458vw;
  background: url("https://image-platform.leniugame.com/20260120/lyj_pc_version4/homePage/zyjs_active.png")
    no-repeat;
  background-size: 100% 100%;
  position: absolute;
  top: 0.60976vh;
  left: 37.5vw;
}

.header-icon {
  width: 5.3125vw;
  height: 4.47917vw;
  background: url("https://image-platform.leniugame.com/20260121/lyj_pc_version5/homePage/Logo.png")
    no-repeat;
  background-size: 100% 100%;
  position: absolute;
  top: 0.30488vh;
  left: 47.5vw;
}

.header-btn-3 {
  width: 5.57292vw;
  height: 1.51042vw;
  background: url("https://image-platform.leniugame.com/20260120/lyj_pc_version4/homePage/xwzx.png")
    no-repeat;
  background-size: 100% 100%;
  position: absolute;
  top: 0.71138vh;
  left: 57.13542vw;
}

.header-btn-3:hover {
  width: 5.88542vw;
  height: 1.5625vw;
  background: url("https://image-platform.leniugame.com/20260120/lyj_pc_version4/homePage/xwzx_active.png")
    no-repeat;
  background-size: 100% 100%;
  position: absolute;
  top: 0.71138vh;
  left: 57.13542vw;
}

.header-btn-4 {
  width: 5.72917vw;
  height: 1.5625vw;
  background: url("https://image-platform.leniugame.com/20260120/lyj_pc_version4/homePage/yxts.png")
    no-repeat;
  background-size: 100% 100%;
  position: absolute;
  top: 0.813vh;
  left: 67.1875vw;
}

.header-btn-4:hover {
  width: 5.98958vw;
  height: 1.5625vw;
  background: url("https://image-platform.leniugame.com/20260120/lyj_pc_version4/homePage/yxts_active.png")
    no-repeat;
  background-size: 100% 100%;
  position: absolute;
  top: 0.813vh;
  left: 67.1875vw;
}

.home {
  position: relative;
  width: 100%;
  height: 100%;
  margin-top: 0;
}

.home-bg {
  display: block;
  width: 100%;
  height: 100vh;
  object-fit: cover;
}

/* 左上角按钮区 */
.top_button {
  position: absolute;
  top: 1.97585vh;
  left: 19.53125vw;
  z-index: 10;
  width: 18.3315vh;
  height: 7.13502vh;
  background: url("https://image-platform.leniugame.com/zhxx/pc/top_title.png")
    no-repeat;
  background-size: 100% 100%;
}

.wx_official_account {
  width: 2.29167vw;
  height: 2.29167vw;
  background: url("https://image-platform.leniugame.com/20260121/lyj_pc_version5/homePage/wx.png")
    no-repeat;
  background-size: 100% 100%;
  cursor: pointer;
  position: relative;
}

.wx_official_account:hover {
  background: url("https://image-platform.leniugame.com/20260121/lyj_pc_version5/homePage/wx_hover.png")
    no-repeat;
  background-size: 100% 100%;
}

.wx_official_account:hover::before {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  margin-top: 0.26042vw;
  width: 7.03125vw;
  height: 7.70833vw;
  background: url("https://image-platform.leniugame.com/20260121/lyj_pc_version5/homePage/code.png")
    no-repeat;
  background-size: 100% 100%;
  z-index: 100;
}

.age_tips {
  position: absolute;
  bottom: 2.305vh;
  right: 2.305vh;
  width: 6.915vh;
  height: 9.001vh;
  background: url("https://image-platform.leniugame.com/20260121/lyj_pc_version5/homePage/age_tips.png")
    no-repeat;
  background-size: 100% 100%;
}

/* 下载按钮区 */
.download {
  position: absolute;
  left: calc(50% - 1.31723vh);
  bottom: 9.0011vh;
  transform: translateX(-50%);
  z-index: 10;
}

.download_flex {
  display: flex;
  align-items: flex-start;
  gap: 0vh;
}

.download_btn {
  background-size: 100% 100%;
  cursor: pointer;
  transition: all 0.2s;
}

/* mumu模拟器 */
.download_btn[data-type="mumu"] {
  width: 9.44018vh;
  height: 8.01317vh;
  background: url("https://image-platform.leniugame.com/zhxx/pc/mumu.png")
    no-repeat;
  background-size: 100% 100%;
  position: relative;
  left: 1.1vh;
  margin: 0 0.5vh;
}

.download_btn[data-type="mumu"]:hover {
  width: 9.44018vh;
  height: 8.01317vh;
  background: url("https://image-platform.leniugame.com/zhxx/pc/mumu_hover.png")
    no-repeat;
  background-size: 100% 100%;
}

/* 雷电模拟器 */
.download_btn[data-type="leidian"] {
  width: 7.68386vh;
  height: 8.01317vh;
  background: url("https://image-platform.leniugame.com/zhxx/pc/leidian.png")
    no-repeat;
  background-size: 100% 100%;
  position: relative;
  left: -0.5vh;
  margin: 0 1vh;
}

.download_btn[data-type="leidian"]:hover {
  width: 7.68386vh;
  height: 8.01317vh;
  background: url("https://image-platform.leniugame.com/zhxx/pc/leidian_hover.png")
    no-repeat;
  background-size: 100% 100%;
}

/* iOS下载 */
.download_btn[data-type="ios"] {
  width: 22.28321vh;
  height: 8.23271vh;
  background: url("https://image-platform.leniugame.com/zhxx/pc/ios.png")
    no-repeat;
  background-size: 100% 100%;
  position: relative;
  top: -0.35556vh;
}

.download_btn[data-type="ios"]:hover {
  width: 22.28321vh;
  height: 8.23271vh;
  background: url("https://image-platform.leniugame.com/zhxx/pc/ios.png")
    no-repeat;
  background-size: 100% 100%;
}

/* 安卓下载 */
.download_btn[data-type="android"] {
  width: 22.28321vh;
  height: 8.23271vh;
  background: url("https://image-platform.leniugame.com/zhxx/pc/Android.png")
    no-repeat;
  background-size: 100% 100%;
  position: relative;
  top: -0.35556vh;
}

.download_btn[data-type="android"]:hover {
  width: 22.28321vh;
  height: 8.23271vh;
  background: url("https://image-platform.leniugame.com/zhxx/pc/Android.png")
    no-repeat;
  background-size: 100% 100%;
}

/* TapTap */
.download_btn[data-type="taptap"] {
  width: 7.35456vh;
  height: 7.79363vh;
  background: url("https://image-platform.leniugame.com/zhxx/pc/taptap.png")
    no-repeat;
  background-size: 100% 100%;
  margin: 0 0.5vh;
  transform: translateX(0.43908vh);
}

.download_btn[data-type="taptap"]:hover {
  width: 7.35456vh;
  height: 7.79363vh;
  background: url("https://image-platform.leniugame.com/zhxx/pc/taptap_hover.png")
    no-repeat;
  background-size: 100% 100%;
  transform: translateX(0.43908vh);
}

/* 好游快爆 */
.download_btn[data-type="haoyou"] {
  width: 7.35456vh;
  height: 8.01317vh;
  background: url("https://image-platform.leniugame.com/zhxx/pc/hykb.png")
    no-repeat;
  background-size: 100% 100%;
  margin: 0 0.5vh;
  transform: translateX(0.43908vh);
}

.download_btn[data-type="haoyou"]:hover {
  width: 7.35456vh;
  height: 8.01317vh;
  background: url("https://image-platform.leniugame.com/zhxx/pc/hykb_hover.png")
    no-repeat;
  background-size: 100% 100%;
  transform: translateX(0.43908vh);
}

/* 下载弹窗 */
.download_modal {
  position: fixed;
  z-index: 1000;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  display: none;
}

.download_modal_content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  align-items: flex-start;
  gap: 0.52083vw;
}

.download_modal_img {
  width: 34.42708vw;
  height: 20.36458vw;
  display: block;
}

.download_modal_close {
  width: 1.77083vw;
  height: 1.77083vw;
  background: url("https://image-platform.leniugame.com/20260121/lyj_pc_version5/homePage/close.png")
    no-repeat;
  background-size: 100% 100%;
  cursor: pointer;
  flex-shrink: 0;
  position: relative;
  top: 4.16667vw;
}

.footer {
  position: relative;
  background-color: #446356;
  display: flex;
  flex-direction: row;
  align-items: center;
  width: 100%;
  justify-content: center;
  color: #dff1ff;
  text-align: left;
  padding: 2.5vh 0;
  font-size: 1.42vh;
  flex-wrap: nowrap;
  gap: 3.29309vh;
  transition: transform 0.35s ease;
}


.fl-logo {
  height: 75px;
  margin-right: 30px;
}

.fl-text {
  color: #dff1ff;
  font-size: 14px;
  line-height: 1.8;
}

.fl-text a {
  color: #dff1ff;
  text-decoration: none;
}

.fl-text a:hover {
  color: #ffffff;
  text-decoration: underline;
}

.fl-text p {
  margin: 0;
}

.footer-sep {
  margin: 0 6px;
}

.leniu_logo {
  width: 7.57vh;
  height: 6.147vh;
  background: url(https://image-platform.leniugame.com/zhxx/pc/company_logo.png)
    no-repeat;
  background-size: 100% 100%;
  margin-left: 9.259vh;
}

.footer_d {
  margin: 0.25vw 0;
  text-align: left;
}

.footer_d a {
  color: #dff1ff;
  text-decoration: none;
}

.copyright-btn {
  position: absolute;
  right: 177px;
  bottom: 15.5vh;
  width: 190px;
  height: 49px;
  background: #446356;
  border-radius: 20px 20px 0 0;
  color: #dff1ff;
  font-size: 20.9px;
  line-height: 21.25px;
  text-align: center;
  cursor: pointer;
  user-select: none;
  z-index: 11;
  transition: bottom 0.35s ease;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 9px;
}
.copyright-btn ::after {
  content: "";
  width: 100%;
  height: 200px;
  background: #446356;
  position: absolute;
  top: 100%;
  left: 0;
}

.feature-container.license-hidden .footer {
  transform: translateY(100%);
}

.feature-container.license-hidden .copyright-btn {
  bottom: 0;
}

/* 视频播放按钮 */
.video_play {
  position: absolute;
  top: 56.70732vh;
  left: 50%;
  transform: translate(-50%, 0);
  width: 8.072vw;
  height: 8.072vw;
  background: url("https://image-platform.leniugame.com/20260121/lyj_pc_version5/homePage/play_video.png")
    no-repeat;
  background-size: 100% 100%;
  cursor: pointer;
  z-index: 10;
}

.video_play:hover {
  background: url("https://image-platform.leniugame.com/20260121/lyj_pc_version5/homePage/play_video_active.png")
    no-repeat;
  background-size: 100% 100%;
}

/* 视频弹窗遮罩层 */
.video_modal {
  display: none;
  position: fixed;
  z-index: 99;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgba(0, 0, 0, 0.7);
}

/* 视频容器 - 16:9比例 */
.video_modal_content {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 60vw;
  max-width: 131.72338vh;
}

/* 关闭按钮 */
.video_close {
  width: 2.08333vw;
  height: 2.08333vw;
  position: absolute;
  top: -3vw;
  right: -3vw;
  cursor: pointer;
}

/* 视频元素 */
.video_modal_content video {
  width: 100%;
  aspect-ratio: 16 / 9;
  display: block;
}
/* 主按钮 */
.center_title {
  position: absolute;
  bottom: 16.13611vh;
  left: 23.3333vw;
  width: 55.156vw;
  height: 15.468vw;
  background: url("https://image-platform.leniugame.com/zhxx/pc/center_title.png")
    no-repeat;
  background-size: 100% 100%;
}

.lyj_loading {
  width: 100vw;
  height: 100vh;
  background: url("https://image-platform.leniugame.com/20260121/lyj_pc_version5/loading/BJ.png")
    no-repeat center center;
  background-size: 100vw calc(100vw * 984 / 1920);
  z-index: 9999;
  position: fixed;
}

@media (min-height: calc(100vw * 984 / 1920)) {
  .lyj_loading {
    background-size: 100% 100%;
  }
}

.lyj_loading_logo {
  position: absolute;
  top: 30.926vh;
  left: 42.6vw;
  width: 15.052vw;
  height: 12.813vw;
  background: url("https://image-platform.leniugame.com/20260121/lyj_pc_version5/loading/Logo.png")
    no-repeat;
  background-size: 100% 100%;
}

.lyj_loading_percen {
  position: absolute;
  top: 54.5%;
  left: 50%;
  transform: translate(-50%, 0);
  color: #fff;
  font-size: 3.02083vw;
}

/* 适龄提醒弹窗 */
.age_tips_modal {
  position: fixed;
  z-index: 1000;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  display: none;
}

.age_tips_modal_content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 31.822vw;
  height: 18.69vw;
  background: url("https://image-platform.leniugame.com/zhxx/pc/age_tips_bg_new.png")
    no-repeat;
  background-size: 100% 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}

.age_tips_modal_wrapper {
  width: 28vw;
  height: 15vw;
  position: absolute;
  display: flex;
  flex-direction: column;
}

.age_tips_title {
  font-size: 1.25vw;
  font-weight: bold;
  margin-bottom: 1.04167vw;
  text-align: center;
  color: #000;
  flex-shrink: 0;
}

.age_tips_body_wrapper {
  flex: 1;
  overflow-y: auto;
  padding-right: 0vw;
}

/* 自定义滚动条样式 */
.age_tips_body_wrapper::-webkit-scrollbar {
  width: 0.41667vw;
}

.age_tips_body_wrapper::-webkit-scrollbar-track {
  background: transparent;
}

.age_tips_body_wrapper::-webkit-scrollbar-thumb {
  background: #888;
  border-radius: 0.20833vw;
}

.age_tips_body_wrapper::-webkit-scrollbar-thumb:hover {
  background: #555;
}

.age_tips_body {
  font-size: 0.83333vw;
  line-height: 1.45833vw;
  color: #333;
  padding-right: 0.52083vw;
}

.age_tips_body p {
  margin-bottom: 0.83333vw;
  text-indent: 2em;
}

.age_tips_modal_close {
  width: 1.5625vw;
  height: 1.5625vw;
  background: url("https://image-platform.leniugame.com/zhxx/pc/close_new.png")
    no-repeat;
  background-size: 100% 100%;
  cursor: pointer;
  position: absolute;
  top: 1.5vw;
  right: 2vw;
}

.age_tips {
  cursor: pointer;
}
