/* 导航栏最外层容器 */
.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;
text-align: left; /* 强制靠左，不居中 */
}

/* ================= 开服表样式 ================= */
.server-table {
width: 100%;
border-collapse: collapse;
background: #fff;
margin-bottom: 10px; /* 下方距离10px */
}

.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;
}

/* ================= 中部新闻列表区域 ================= */
.mian {
width: 1003px;
margin: 10px auto 0;
display: flex;
justify-content: space-between;
}

.news {
width: 240px;
border: 1px solid #1e90ff;
background: #fff;
}

.news .tite {
background: #1e90ff;
color: #fff;
height: 29px;
line-height: 29px;
text-align: left;        /* 已改为：靠左，不居中 */
font-weight: bold;
padding: 0 10px;         /* 加一点内边距更美观 */
}

.news ul {
list-style: none;
padding: 0;
margin: 0;
}

.news ul li {
padding: 8px 10px;
border-bottom: 1px dashed #eee;
}

.news ul li a {
color: #333;
text-decoration: none;
font-size: 14px;
}

.news ul li a:hover {
color: #1e90ff;
}

/* 友情链接整体 */
.links {
width: 1003px;
margin: 20px auto 0;
border: 1px solid #1e90ff;
background: #fff;
}

.links .tite {
background: #1e90ff;
color: #fff;
height: 29px;
line-height: 29px;
text-align: center;
font-weight: bold;
}

.link-list {
padding: 10px;
text-align: left;
}

.link-list a {
margin-right: 15px;
color: #1e90ff;
text-decoration: none;
font-size: 14px;
}

.link-list a:hover {
text-decoration: underline;
}

/* ================= 底部 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; /* 去掉链接下划线（可选，更美观） */
}