/* 导航 */
.nav {background:#333; width:1003px; margin:0 auto;}
.nav ul {display:flex; list-style:none; margin:0; padding:0;}
.nav a {color:#fff; padding:12px 20px; display:block; text-decoration:none;}
.nav a:hover {background:#555;}

/* 主体 */
.container {width:1003px; margin:10px auto; overflow:hidden;}
.main-left {width:710px; float:left; background:#fff; padding:15px; font-size:14px;}
.main-right {width:250px; float:right;}
.side-box ul {
  list-style:none;
  margin:0;
  padding:8px;
  text-align:left; /* 强制文字靠左 */
}
.side-box li {
  padding:6px 0;
  border-bottom:1px dashed #eee;
  text-align:left;
}
.side-box a {
  color:#555;
  text-decoration:none;
  display:block;
  text-align:left; /* 链接也靠左 */
}

/* 位置 */
.position {color:#666; margin-bottom:10px; font-size:14px; text-align:left;}

/* 文章标题 */
.article-title {
font-size:18px;
font-weight:bold;
text-align:center;
margin:15px 0;
color:#333;
}

/* 文章信息 */
.article-info {
text-align:center;
color:#666;
padding-bottom:10px;
border-bottom:1px dashed #ddd;
margin-bottom:15px;
}
.article-info span {margin:0 8px;}

/* 文章内容 */
.article-content {
  line-height:2;
  font-size:14px;
  color:#444; /* 改为深灰色，不是黑色 */
  text-align:left;
  margin-top:20px;
  padding-top:20px;
  border-top:1px dashed #ddd;
}
.article-content p {
  margin:0 0 15px 0;
  text-align:left;
  color:#444; /* 段落也统一非黑色 */
}

/* 上下篇 */
.article-page {
margin-top:20px;
padding-top:15px;
border-top:1px dashed #ddd;
overflow:hidden;
}
.article-page dl {float:left; width:48%; margin:0; padding:0;}
.article-page dt {font-weight:bold; color:#1e90ff;}
.article-page dd {margin:5px 0;}

/* 相关文章推荐 - 一行2条 */
.related-news {
  margin-top: 25px;
  border-top: 1px dashed #ddd;
  padding-top: 15px;
  text-align: left;
}
.related-title {
  font-weight: bold;
  color: #1e90ff;
  font-size: 14px;
  margin-bottom: 10px;
  text-align: left;
}
.related-list {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.related-list li {
  width: 49%; /* 一行 2 条 */
  padding: 6px 0;
  font-size: 14px;
  text-align: left;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.related-list a {
  color: #333;
  text-decoration: none;
}
.related-list a:hover {
  color: #1e90ff;
}

/* 侧边栏 */
.side-box {
background:#fff;
margin-bottom:10px;
border:1px solid #ddd;
}
.side-title {
background:#1e90ff;
color:#fff;
padding:8px 10px;
font-weight:bold;
}
.side-box ul {
list-style:none;
margin:0;
padding:8px;
}
.side-box li {
padding:6px 0;
border-bottom:1px dashed #eee;
}
.side-box a {color:#333; text-decoration:none;}
.side-box a:hover {color:#1e90ff;}

/* 分页 */
.page {margin:10px auto; text-align:center; font-size:14px;}
.page a,.page span {display:inline-block; padding:6px 12px; margin:0 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;}

/* 底部 */
.footer {
background:#222;
color:#aaa;
padding:30px 0;
width:1003px;
margin:10px auto;
text-align:center;
font-size:14px;
}
.footer a {color:#aaa; text-decoration:none;}

/* 文章TAG标签样式 */
.article-tags {
  margin: 0 0 15px 0;
  padding: 10px;
  background: #f8f9fa;
  border-left: 4px solid #1e90ff;
  font-size: 14px;
}
.article-tags span {
  color: #666;
  margin-right: 8px;
}
.article-tags a {
  display: inline-block;
  padding: 4px 10px;
  margin: 0 5px 5px 0;
  background: #1e90ff;
  color: #fff;
  border-radius: 3px;
  text-decoration: none;
  font-size: 13px;
}
.article-tags a:hover {
  background: #0066cc;
}