:root{
    --backcolor:#12181c;
    --fontcolor:#eeeae1;
    --btncolor:#00FFFF;
    --fadecolor:#238888;
    --ccolor:linear-gradient(221deg, #212121 28%, #00c1c1 100%);
    --box1color:#6616ca;
    --box1image:linear-gradient(235deg, #6616ca 0%, #f804e9 100%);
    --box2color:#118ff6;
    --box2image:linear-gradient(235deg, #118ff6 0%, #01c1ff 100%);
    --box3color:#0d1518;
    --box3image:linear-gradient(235deg, #0d1518 0%, #0b3f12 100%);

    --h2font:"Microsoft YaHei", sans-serif;
    --pfont:"Microsoft YaHei", sans-serif;
    --logofont:"Microsoft YaHei", sans-serif;
    --navfont:"Microsoft YaHei", sans-serif;
    --titletext:"Microsoft YaHei", sans-serif;
    --bannerback:url(../media/bg1.jpg);
}
::-webkit-scrollbar{
    width:12px ;
}
::-webkit-scrollbar-thumb{
    background: linear-gradient(var(--btncolor),var(--btncolor));
    border-radius: 8px;
}
::-webkit-scrollbar-track{
    background: var(--backcolor);
}
*{
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}
html{
    scroll-behavior: smooth;
    min-width: 1200px;
}
body{
    background-color: var(--backcolor);
    min-width: 1200px;
    /* 全局基础正文字号，所有p标签默认继承 */
    font-size: 20px; 
}
/* 正文段落文字字号：游戏介绍、关于我们大段文字 */
p{
    color: var(--fontcolor);
    font-family: var(--pfont);
    font-size: 34px; /* 修改这里改所有段落文字 */
}
section{
    padding: 100px;
}
/* ========== 导航栏区域字号 ========== */
nav {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    padding: 19px 100px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    z-index:10000;
    transition: 0.75s;
}
nav.sticky{
    background: var(--backcolor);
    padding: 19px 100px;
    box-shadow: 0 5px 20px rgba(0,0,0,0.05);
}
/* Logo文字字号 */
nav .logo{
    font-family: var(--logofont);
    color: var(--fontcolor);
    text-decoration: none;
    font-size: 2em; /* Logo大小，2em≈32px */
}
nav .logo span{
    margin-left: 5px;
    color: var(--btncolor);
}
nav .navigation{
    position: relative;
    display: flex;
}
nav .navigation li{
    list-style: none;
    margin-left: 30px;
}
/* 导航菜单文字：首页/游戏作品/关于我们 */
nav .navigation li a {
    font-family: var(--navfont);
    color: var(--fontcolor);
    text-decoration: none;
    font-size: 1.2em; /* 导航文字大小，1.2em≈19px */
    transition: all 0.75s ease-in;
}
nav .navigation li a:hover{
    color: var(--btncolor);
    transition: all 0.75s ease-out;
}
/* ========== 首屏Banner区域字号 ========== */
.banner{
    position: relative;
    width:100%;
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
    background: var(--bannerback);
    background-size: cover;
    background-position: center;
}
.banner .content{
    max-width: 900px;
    text-align: center;
}
/* 首页大标题字号 */
.banner .content h2{
    font-family: var(--h2font);
    font-size: 3em; /* 主标题 3em≈48px */
    color: var(--fontcolor);
    margin: 0;
    letter-spacing: 2px;
}
/* Banner小字描述 */
.banner .content p{
    font-size: 1.80em; /* 简介小字 */
    letter-spacing: 2px;
    margin: 15px;
}
.demo a {
    display: inline-block;
    transform: translate(0, -50%);
    color: #fff;
    font : normal 400 20px/1 sans-serif;
    letter-spacing: 1.4em;
    text-decoration: none;
    transition: opacity .3s;
}
.demo a:hover {
    opacity: .5;
}
#section10 a {
    padding-top: 60px;
  }
#section10 a span {
    position: absolute;
    top: 150px;
    width: 30px;
    height: 50px;
    margin-left: -15px;
    border: 2px solid #fff;
    border-radius: 50px;
    box-sizing: border-box;
}
#section10 a span::before {
    position: absolute;
    top: 10px;
    left: 50%;
    content: '';
    width: 6px;
    height: 6px;
    margin-left: -3px;
    background-color: #fff;
    border-radius: 100%;
    animation: sdb10 2s infinite;
    box-sizing: border-box;
}
@keyframes sdb10 {
    0% {
      transform: translate(0, 0);
      opacity: 0;
    }
    40% {
      opacity: 1;
    }
    80% {
      transform: translate(0, 20px);
      opacity: 0;
    }
    100% {
      opacity: 0;
    }
}
/* ========== 模块小标题（Games / About Us）字号 ========== */
.title-text{
    font-family: var(--titletext);
    color: var(--fontcolor);
    font-size: 2.60em; /* About Us标题大小 */
    letter-spacing: 1.75px;
}
.title-text span{
    color: var(--btncolor);
}
.row{
    position: relative;
    width: 100%;
    display: flex;
    justify-content: space-between;
}
.row .col50{
    position: relative;
    width: 48%;
}
.row .col50 p{
    text-align: justify;
    margin-top: 55px;
}
.row .col50 .imgBx{
    position: relative;
    width: 100%;
    height: 100%;
}
.row .col50 .imgBx img{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
/* ========== 游戏作品区域 ========== */
.game .content{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;
    flex-wrap: wrap;
    margin-top: 40px;
}
.game .content .box{
    position: relative;
    width: 340px;
    margin: 20px;
    padding: 15px;
    background-color: var(--fontcolor);
    border-radius: 8px;
    box-shadow: 0 4px 30px rgba(226, 226, 226, 0.1);
}
/* 游戏卡片底部文字 */
.game .content .box .text h3{
    padding: 10px 24px;
    cursor: pointer;
    font-size: 22px; /* 游戏名称字号 */
}
.game .content .box .text h3:hover{
    color:#162936;
    transform: translateY(-5px);
    transition: 0.5s;
}
.game .content .box .imgBx{
    width: 100%;
    height: 300px;
    position: relative;
}
.game .content .box .imgBx img{
    position: absolute;
    top: 0;
    left: 0;
    width:100% ;
    height: 100%;
    object-fit: cover;
    border-radius: 8px;
}

.game .content .box .text h3{
    display: flex;
    justify-content: center; /*水平*/
    align-items: center;     /*垂直*/
}
.title{
    width: 100%;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.title p{
    margin-top: 5px;
}
/* Games大标题字号 */
.game .title-text{
    font-size: 2.6em; /* 页面最大标题 Games */
}
/* 页脚强制永久显示，无任何隐藏 */
footer {
    display: block !important;
    visibility: visible !important;
    width: 100% !important;
    margin-top: 80px !important;
}
/* 彻底禁用移动端汉堡菜单 */
.menuToggle{
    display: none !important;
}
/* 删除全部media响应式媒体查询，彻底消除移动端布局错乱 */