body {
    user-select: none;
    background-color: #171d25;
}
.顶部导航栏 {
    display: flex;
    background-color: #171d25;
    justify-content: center; /* 水平居中 */
}
.顶部导航栏 .内容 {
    height: 100px;
    width: calc(100% - 180px);
    font-family: "Motiva Sans", Sans-serif;
    font-weight: normal;
    font-size: 14px;
}
.顶部导航栏 .内容 #logo {
    margin-top: 24px;
    display: inline-block;
    height: 42px;
    font-weight: 600;
    margin-right: 18px;
}
.顶部导航栏 .内容 #logo:hover {
    cursor: pointer;
}
.顶部导航栏 .内容 #logo #logoimg {
    width: 42px;
    height: 42px;
    vertical-align: top;
}
.顶部导航栏 .内容 #logo #text {
    display: inline-block;
    width: 42px;
    height: 42px;
    line-height: 42px;
    text-align: center;
    color: #9d9e9c;
}

.顶部导航栏 .内容 .操作栏 {
    display: inline-block;
    color: #9d9e9c;
}
.顶部导航栏 .内容 .操作栏 .标题 {
    /*宽度: 32px;
                高度: 20.5px;*/
    color: #9d9e9c;
    font-size: 20px;
}
.顶部导航栏 .内容 .操作栏 .标题:hover {
    color: White;
    cursor: pointer;
    /*背景-颜色: 颜色值-橙色;*/
    /*边框-底部: 5px 实线 #1A9FFF;*/
}

.顶部导航栏 .内容 .手机页面提示 {
    display: none;
    color: #efffef;
}

.顶部导航栏 .内容 .功能操作 {
    position: absolute;
    right: 8px;
    top: 6px;
    width: 204px;
    height: 30px;
    color: #e0e0d5;
}
.顶部导航栏 .内容 .功能操作 #安装FGame {
    background-color: #5c7e10;
    color: #e0e0d5;
    border-style: none;
    margin-right: 4px;
}
.顶部导航栏 .内容 .功能操作 #安装FGame:hover {
    background-color: #739e14;
    color: White;
    cursor: pointer;
}
.顶部导航栏 .内容 .功能操作 #安装FGame:hover #text_ {
    color: White;
}
.顶部导航栏 .内容 .功能操作 #安装FGame #ico_ {
    margin-top: 2px;
    padding: 0px 6px;
    vertical-align: top;
}
.顶部导航栏 .内容 .功能操作 #安装FGame #text_ {
    color: #e0e0d5;
    padding-right: 4px;
}
.顶部导航栏 .内容 .功能操作 #登陆:hover {
    color: White !important;
    cursor: pointer;
}
.顶部导航栏 .内容 .功能操作 #登陆:hover .个人中心 {
    visibility: visible;
    opacity: 1;
}
.顶部导航栏 .内容 .功能操作 #登陆 .个人中心 {
    visibility: hidden;
    opacity: 0;
    position: absolute;
    top: 20px; /* 紧贴按钮底部 */
    right: 35px;
    width: max-content;
    background-color: #3d4450;
    transition: opacity 0.3s, visibility 0.3s;
    z-index: 1000;
    padding: 4px 4px;
}
.顶部导航栏 .内容 .功能操作 #登陆 .个人中心 ul {
    color: White;
}
.顶部导航栏 .内容 .功能操作 #登陆 .个人中心 ul > li {
    padding: 2px 2px;
    border-bottom: 1px solid White;
}
.顶部导航栏 .内容 .功能操作 #登陆 .个人中心 ul > li:hover {
    background-color: White;
    color: Black;
    cursor: pointer;
}
.顶部导航栏 .内容 .功能操作 #登陆 .个人中心 ul > li:hover > a {
     color: Black;
}
.顶部导航栏 .内容 .功能操作 #登陆 .个人中心 ul > li > a {
    color: White;
}
.顶部导航栏 .内容 .功能操作 #语言:hover {
    color: White;
    cursor: pointer;
}


/*以下是内容区域的CSS*/
.内容区域 {
    /*显示模式: 块级元素;*/
    /*display: flex;
                background-color: #171d25;
                justify-content: center; /* 水平居中 */
    /*背景: 线性渐变(to 底部, #184151, #1b2838);*/
}
.内容区域 .显示 {
    /* 只重置必要的属性 */
    /*外边距: 0;
                内边距: 0;
                边框: 无效;*/
    /* 保留需要的属性 */
    /*显示模式: 块级元素;
                宽度: 自动;
                最小-宽度: 计算(100% - 80px);
                高度: 自动;
                最小-高度: 计算(100vh - 200px);
                颜色: #ffffff;
                字体-组: "Motiva Sans", Sans-serif;*/
}

/*以下是底部导航栏的CSS*/
.底部导航栏 {
    display: flex;
    background-color: Black;
    justify-content: center; /* 水平居中 */
}
.底部导航栏 .内容 {
    height: 100px;
    width: calc(100% - 180px);
    font-size: 14px;
    color: #89919a;
}
.底部导航栏 .内容 .其他操作 {
    color: #c7d3e0;
}
.底部导航栏 .内容 .其他操作 #免责声明:hover {
    cursor: pointer;
    color: #ffffff;
}
.底部导航栏 .内容 .其他操作 #友情链接:hover {
    cursor: pointer;
    color: #ffffff;
}

/* 当屏幕宽度小于 768px 时隐藏 logo */
@media (max-width: 767px) {
    .顶部导航栏 .内容 #logo {
        display: none !important;
    }
    .顶部导航栏 .内容 .操作栏 {
        margin-top: 32px;
    }
    .顶部导航栏 .内容 .手机页面提示 {
        display: block;
    }
    .底部导航栏 {
        display: block;
    }
    .底部导航栏 .内容 {
        width: 100%;
        height: auto;
    }
}