/* 导航栏最外层容器 */
.nav {
background: #333;
width: 1003px;
margin: 0 auto;
}

/* 导航栏里的无序列表 (ul) */
.nav ul {
display: flex;
list-style: none;
margin: 0;
padding: 0;
justify-content: flex-start;
}

/* 导航栏里的链接 (a 标签) */
.nav a {
color: #fff;
padding: 12px 20px;
display: block;
text-decoration: none;
}

/* 鼠标悬停时的效果 */
.nav a:hover {
background: #555;
}

.container {
width: 1003px;
margin: 10px auto;
}

.section-title {
background: #1e90ff;
color: #ffffff;
padding: 10px;
font-weight: bold;
margin-bottom: 10px;
}

/* ================= 开服表样式 ================= */
.server-table {
width: 100%;
border-collapse: collapse;
background: #fff;
}

.server-table th,
.server-table td {
border: 1px solid #ddd;
padding: 10px;
text-align: center;
}

/* ================= 图片资讯网格样式 ================= */
.news-grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 15px;
margin-top: 20px;
}

.news-card img {
width: 100%;
height: 120px;
object-fit: cover;
}

.news-card p {
margin: 8px 0;
font-size: 14px;
}

/* 分页整体容器 */
.page {
    margin: 10px auto;     /* 上下外边距20px 左右自动居中 */
    text-align: center;   /* 分页文字/按钮居中 */
    font-size: 14px;       /* 字号和你footer统一 */
}

/* 分页所有按钮、页码样式 */
.page a,
.page span {
    display: inline-block; /* 转为行内块，可设宽高边距 */
    padding: 6px 12px;     /* 上下内边距6px 左右12px */
    margin: 0 3px;         /* 左右间距3px */
    border: 1px solid #ccc;/* 灰色边框 */
    color: #333;           /* 文字深灰色 */
    text-decoration: none; /* 去掉链接下划线 */
    border-radius: 3px;    /* 轻微圆角 */
}

/* 分页链接悬浮效果 */
.page a:hover {
    background: #222;      /* 悬浮背景深色 */
    color: #fff;           /* 悬浮文字白色 */
    border-color: #222;    /* 边框同背景 */
}

/* 当前选中页码 高亮样式 */
.page .current {
    background: #222;
    color: #fff;
    border-color: #222;
}

/* 禁用页码（上一页/下一页不可点） */
.page .disabled {
    color: #999;
    border-color: #eee;
    background: #f9f9f9;
    cursor: not-allowed; /* 鼠标禁止手势 */
}


/* ================= 底部 Footer 样式 ================= */
/* 网站底部（页脚）样式 */
.footer {
  background: #222;        /* 背景色：深灰色 */
  color: #aaa;            /* 文字颜色：浅灰色 */
  padding: 30px 0;        /* 上下内边距30px，左右0，让内容居中不贴边 */
  margin-top: 10px;       /* 距离上方内容10px空隙 */
  width: 1003px;          /* 宽度固定1003px */
  margin-left: auto;      /* 左右自动边距 → 让页脚水平居中 */
  margin-right: auto;
  text-align: center;     /* 文字水平居中 */
  font-size: 14px;        /* 字体大小14像素 */
}

/* 让页脚里的超级链接 和 普通文字颜色一致 */
.footer a,
.footer a:link,
.footer a:visited,
.footer a:hover,
.footer a:active {
  color: #aaa;           /* 链接颜色统一和文字一样 */
  text-decoration: none; /* 去掉链接下划线（可选，更美观） */
}