/* 全局样式 */
body {
    background-color: #333; /* 深灰色背景，类似于金属 */
    font-family: Arial, sans-serif;
    margin: 0;
    padding: 0;
    color: #fff; /* 文本颜色改为白色，增加对比度 */
  }
  
  header {
    background-color: #444; /* 比背景稍浅的灰色，增加层次感 */
    padding: 20px;
    text-align: center;
  }
  
  nav ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    list-style-type: none;
  }
  
  nav li {
    margin: 0 10px;
    white-space: normal;
  }
  
  nav a {
    text-decoration: none;
    color: #fff; /* 链接文本颜色改为白色 */
    font-weight: bold;
    transition: color 0.3s ease;
  }
  
  nav a:hover {
    color: #5095e8; /* 鼠标悬停时的链接文本颜色，保持粉色以增加对比度 */
  }
  
  main {
    padding: 20px;
  }
  
 .image-gallery {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  
 .image-container {
    width: 23%;
    margin-bottom: 10px;
    text-align: center;
    padding: 10px;
    background-color: #fff;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  }
  
 .image-container a {
    color: #5095e8;
    text-decoration: none;
  }
  
 .image-container img {
    max-width: 100%;
    width: 100%;
    height: 250px;
    object-fit: cover;
    border-radius: 5px;
  }
  
  footer {
    background-color: #fff;
    padding: 20px;
    text-align: center;
    border-top: 1px solid #ddd;
  }
  
  footer p {
    margin: 0;
    color: #777;
  }
  
 .breadcrumb {
    padding: 10px;
    background-color: #f5f5f5;
    border-bottom: 1px solid #ddd;
    text-align: center;
    color: #000;
  }
  
 .breadcrumb a {
    text-decoration: none;
    color: #333;
    margin-right: 5px;
  }
  
 .breadcrumb a:hover {
    color: #5095e8;
  }
  
 .link{
    text-align: center;
    margin: 30px; /* 增加10px的底部间 */
  }
 .link a {
    text-decoration: none;
    color: #fff;
    transition: color 0.3s ease;
    padding:3px;
  }
 .link a:hover {
    color: #5095e8;
  }
  
  /* 媒体查询：适应小屏幕（如手机） */
  @media (max-width: 768px) {
    nav li {
      font-size: 120%;
      padding:5px;
    } 
 .image-container {
        display: inline-block;
        width: 100%;
    }
  }    


.art-content {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  list-style-type: none;
}

.pagelist{ text-align:center; padding-top:20px; margin-right:20px;}
.pagelist li{display:inline-block;border:solid 1px #ccc;margin-right:2px;}
.pagelist li{*display:inline;}
.pagelist a{display:inline-block;padding:4px 12px;color:#666;background:#eee;text-decoration:none;}
.pagelist li a:hover{background:#ccc}
.pagelist li.on a{background:#ccc}
.art-content{padding-top:10px;position:relative;font-size:16px;width:100%;word-break:break-all}
.wap_ad{text-align: center;}


.pd10{padding:10px;}

.wap_ad{text-align: center;padding-top: 3px;padding-bottom:3px;}
.clearfix{clear:both;word-wrap: break-word;word-break: normal;}