/* 全局样式重置 */
* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

body {
    background-color: #0A0406;
    font-size: 12px;
    color: #666;
}

a {
    color: #666;
    text-decoration: none;
}

a:visited {
    color: #666;
}

a:hover,
a:active {
    color: #FF9900;
}

/* 通用颜色样式 */
.text-white {
    color: #FFF;
}

.text-red {
    color: #F00;
}

.text-yellow {
    color: #FFCC00;
}

/* 容器样式 */
.container {
    text-align: center;
    width: 1002px;
    margin: 0 auto;
}

/* 主内容布局 */
.main-content {
    display: flex;
    align-items: stretch;
}

/* 侧边栏样式 */
.side-column {
    width: 123px;
    background-repeat: repeat-y;
    display: flex;
    flex-direction: column;
}

.side-column.right {
    width: 122px;
}

/* 中间栏样式 */
.middle-column {
    flex: 1;
    display: flex;
    flex-direction: column;
}

/* 底部图片样式 */
.bottom-image {
    display: block;
    max-width: 100%;
    height: auto;
    margin-top: auto;
    align-self: flex-end;
}

/* 游戏介绍样式 */
.game-intro {
    font-size: 16px;
    color: white;
    padding: 10px 0;
    margin: 10px 0;
    text-align: left;
    width: 727px;
}

.game-intro p {
    border: 1px solid red;
    padding: 5px;
    margin: 5px 0;
    color: red;
    font-size: 12px;
    text-align: left;
}

/* 图片容器样式 */
.image-container {
    position: relative;
    display: block;
    text-align: center; /* 让图片居中 */
}

.image-container img {
    display: block;
    margin: 0 auto; /* 让图片居中 */
}

/* 导航链接样式 */
.nav-links {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0; /* 让导航链接水平居中 */
    padding: 10px 0;
}

.nav-links a {
    margin: 0 30px;
    font-size: 20px;
    color: white;
    transition: all 0.3s ease;
}

.nav-links a:hover {
    color: #FF9900;
    font-size: 22px;
}

/* 无顶部边距样式 */
.no-top-margin {
    margin-top: -11px;
}

/* 图片行样式 */
.image-row {
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    overflow: hidden;
    width: 727px;
}

.image-row img {
    width: calc(727px / 3);
    height: 243px;
    margin-right: 0;
    object-fit: cover;
}