/* 1. 使用更直观的盒模型（border-box） */
*,
*::before,
*::after {
  box-sizing: border-box;
}

/* 2. 移除默认外边距和内边距 */
* {
  margin: 0;
  padding: 0;
}

/* 3. 更好的默认排版：无下划线、继承颜色、平滑字体 */
html {
  -webkit-text-size-adjust: 100%; /* 禁止 iOS 横屏时自动放大文字 */
  line-height: 1.5;               /* 更舒适的行距 */
}

body {
  font-family: system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', sans-serif;
  -webkit-font-smoothing: antialiased; /* 字体平滑 */
}

/* 4. 让媒体元素自适应容器 */
img,
picture,
video,
canvas,
svg {
  display: block;
  max-width: 100%;
}

/* 5. 继承输入控件的字体（避免表单字体不统一） */
input,
button,
textarea,
select {
  font: inherit;
}

/* 6. 重置按钮样式（去掉默认边框和背景） */
button {
  background: none;
  border: none;
  cursor: pointer;
}

/* 7. 重置链接样式（可选，保留颜色继承但去掉下划线） */
a {
  text-decoration: none;
  color: inherit;
}

/* 8. 重置列表样式（去掉项目符号和缩进） */
ul,
ol {
  list-style: none;
}

/* 9. 重置表格边框 */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* 10. 引用块重置 */
blockquote,
q {
  quotes: none;
}

blockquote::before,
blockquote::after,
q::before,
q::after {
  content: '';
}


.heaer_box{ width: 100%; overflow: hidden; background: #fff; box-shadow: 0 0 10px #ebebeb; padding: 10px 0px; position: fixed; left: 0; top: 0;}
.header{display: grid; grid-template-columns: 1fr auto; max-width: 1200px; margin: 0 auto; align-items: center;}
.nav_list ul{ display: flex; gap: 50px;}
.main{ max-width: 1200px; margin:90px auto 0; min-height: 500px; }
.foot{ margin-top: 50px; margin-bottom: 30px;}
.foot p{ text-align: center; color: #bfbfbf; font-size: 14px;}

.search-form{ width: 400px; margin:150px auto 50px;}
.search_box{ width: 400px; border: 1px solid #a7a7a7; border-radius: 5px; overflow: hidden; }
.keyword_box{ width: 300px; padding-left: 10px; height: 44px; border:0; box-sizing: border-box; }
.submit_btn{ width: 70px; height: 25px; border-left: 1px solid #a7a7a7; color: #444; box-sizing: border-box;}
.keyword_box,
.submit_btn {
  appearance: none;
  -webkit-appearance: none;
  outline: none;
  
}
.location{ margin: 10px auto; width: 100%; display: grid; grid-template-columns: 1fr auto; justify-content: space-between;}
.location span{ font-size: 18px; color: #0078ff; font-weight: bolder;}
.location p{ color: #444;}
.wz_content ul li a h4{ font-size: 18px; font-weight: normal; margin-bottom: 10px; padding-top: 10px; }
.wz_content ul li a h4 i{ font-size: 18px; margin-right: 10px;}
.wz_content ul li a p{ font-size: 14px; line-height: 20px; color: #444;}
.wz_content ul li a span{ font-size: 14px;  float: right; color: #aaaaaa;}
.wz_content ul li{ overflow: hidden; border-bottom: 1px dashed #e4e4e4; margin-bottom: 10px; padding-bottom: 10px;}
.wz_content{ padding: 10px 0;}

.main_l{ border-radius: 10px; background: #fff; padding: 40px; box-sizing: border-box; box-shadow: 0 0 10px #efefef;}

.wz_box{ margin-bottom: 30px;}
.wz_title{ border-bottom: 1px solid #e3e3e3; padding-bottom: 10px; display: grid; grid-template-columns: 1fr auto; align-items: center; justify-content: space-between;}
.wz_title h2{ font-size: 22px; color: #0078ff;}
.wz_title a{ font-size: 14px; color: #444;}
.main_content{ display: grid; grid-template-columns: 1fr 25%; gap: 20px;}

.autor{  border-radius: 10px; background: #fff; padding: 40px; box-sizing: border-box; box-shadow: 0 0 10px #efefef;}
.autor_head{ width: 80px; height: 80px; border: 1px solid #e7e7e7; border-radius: 40px; overflow: hidden; margin: 0 auto;}
.autor_num{ margin-top: 10px; }
.autor_num h4{ font-size: 16px; text-align: center; margin-bottom: 30px; }
.autor_num p{ font-size: 14px; line-height: 24px; color: #444;}
.autor_num p span{ color: #444;}
.pagination{ width: 200px; text-align: center; margin: 0 auto;}
.pagination a{ margin: 10px; color: #444;}

  

.read_rel{ margin-top: 20px; background: #fff; border-radius: 10px; padding:20px 10px 10px; box-shadow: 0 0 10px #efefef;}
.read_rel h3{ font-size: 18px; margin-bottom: 10px; color: #0078ff;}
.read_rel ul li{ overflow: hidden; border-top: 1px solid #e7e7e7; padding: 10px 0;}
.read_rel ul li a{ color:#444; font-size: 16px; line-height: 26px;}
.content_title{ border-bottom: 1px solid #dadada; margin-bottom: 20px;}
  .content_title p{ margin: 20px 0; font-size: 14px;   }
  .content_title p span{ margin-right: 20px; color: #808080;}
  .content_text p{ font-size: 16px; color: #444; line-height: 30px;}
  .show_pages{ display: flex;  justify-content: space-between; margin: 30px 0 0; border-top:  1px solid #dadada; padding-top: 20px;}
  .show_pages p a{color:#444}
@media (max-width: 768px) {
    .search_box{ width: 80%; display: flex; align-items: center; margin: 0 auto;}
    .keyword_box{ width: 80%; flex: 1;}
    .submit_btn{ width: 19%;}
    .main_content{display: block;}
    .nav_list ul{ display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; column-gap: 5px; row-gap: 10px;}
    .nav_list ul li{ text-align: center;}
    .header{ display: block;}
    .logo a{ text-align: center; width: 100%; display: block;}
    .logo a img{ display: inline-block; text-align: center;}
    .main_l{ padding: 10px;}
    .wz_content ul li a h4{ font-size: 20px;}
    .wz_content ul li a p{ font-size: 16px; line-height: 24px;}
    .wz_content ul li a span{ margin-top: 10px;}
    .content_title h1{ font-size: 22px;}
    .autor{display: none;}
    .show_pages{ display: block;}

}