/*
Theme Name: haotab自定义主题
Theme URI: https://www.haotab.com/them
Author: haotab.com
Author URI: https://wordpress.org
Description: 这个自己开发自己使用的主题
Requires at least: 6.4
Tested up to: 6.7
Requires PHP: 7.0
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: haotab
Tags: 适合自己的主题
*/

html,
body {
  /* width: 100vw;
    height: 100vh; */

  padding: 0;
  margin: 0;
  font-weight: 400;
  line-height: normal;
  background-color: #f5f5f5;
  font-family: SourceHanSansCN-Regular, -apple-system, PingFang SC,
    Microsoft YaHei, Noto Sans CJK SC, WenQuanYi Micro Hei !important;
  margin-top: 0px !important;
}

a {
  text-decoration: none; /* 去掉下划线 */
  color: inherit; /* 继承父元素的字体颜色，或者可以设置为任何你想要的颜色 */
}

.content {
  /* padding: 50px; */
}
.main-box {
  width: 1200px;
  /* margin: 0; */
  margin: 0 auto; /* 水平居中 */
  margin-top: 100px;




  
}

/* .headerImage{
    height: 400px;
    width: 100%;
} */

.lists {
  display: flex;
  flex-wrap: wrap; /* 允许换行 */
  gap: 10px; /* 设置元素间距 */
}

.item {
  border-radius: 3px;
  width: calc(20% - 10px); /* 每个元素宽度设置为20%并考虑间距 */
  box-sizing: border-box; /* 确保宽度包含padding和border */
  background-color: white;
  padding: 5px;
  /* text-align: center; */
  overflow: hidden; /* 隐藏超出的内容 */
}
.item a {
  display: -webkit-box; /* 将 a 标签设置为弹性布局 */
  -webkit-box-orient: vertical; /* 设置子元素的布局方向为纵向 */
  -webkit-line-clamp: 2; /* 限制显示两行文字 */
  overflow: hidden; /* 隐藏超出的内容 */
  text-overflow: ellipsis; /* 超出部分用省略号表示 */
  word-wrap: break-word;
}
.item img {
  width: 100%;
  height: 160px;
  border-radius: 3px;
}

.item .title {
  font-size: 20px;
}

/* 自定义分页样式 */
.pagination {
  display: flex;
  justify-content: center;
  margin-top: 20px;
}

.pagination a {
  margin: 0 5px;
  padding: 10px;
  text-decoration: none;
  background-color: #f1f1f1;
  border: 1px solid #ccc;
  color: #333;
}

.pagination a:hover {
  background-color: #0073aa;
  color: #fff;
}

.pagination .current {
  background-color: #0073aa;
  color: #fff;
  border: 1px solid #0073aa;
}