.articles-div{
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.articles-div div{
  max-width: 210mm;
}

/* .content-container {
  display: flex;
  justify-content: center; 
} */

/* .blog {
  max-width: 793.7px;
  width: 100%; 
  padding: 20px;  
  box-sizing: border-box;  
  border: 1px solid black;
} */

.paper {
  max-width: 210mm; /* A4纸的宽度 */
  width: 100%;
  min-height: 297mm; /* A4纸的高度 */
  padding: 20mm; /* 内边距，留出一些空白 */
  margin: 20px auto; /* 居中对齐 */
  background: white; /* 背景颜色 */
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); /* 阴影效果 */
  /* border: 1px solid #ccc;  */
  /* 边框颜色 */
}

.priceinfo{
  display: flex;
  justify-content: center;
  align-items:end;
}

.priceinfo span{
  margin-bottom: 14px;
}

.content {
  max-width: 170mm; /* 内容宽度 */
  margin: 0 auto; /* 居中对齐 */
}
/* 手机屏幕的样式 */
@media (max-width: 600px) {
  .paper {
    width: 100%; /* 宽度调整为100% */
    min-height: auto; /* 高度调整为自动 */
    padding: 10px; /* 内边距减少 */
    box-shadow: none; /* 去掉阴影效果 */
    margin-top: 0;
  }

  .content {
    max-width: 100%; /* 内容宽度调整为100% */
    margin: 0; /* 去掉居中对齐的外边距 */
  }
}

@media print {
  .paper {
      box-shadow: none; /* 打印时移除阴影效果 */
      margin: 0; /* 打印时移除外边距 */
      border: none; /* 打印时移除边框 */
  }
}

.pagination{
  display: flex;
  justify-content: center;
}

.highlight{
  background-color: #f6f8fa;
}
 
div.highlight{
  border-radius: 3px;
}
pre.highlight{
  padding: 5px;
  border-radius: 3px;
}
/* pre .highlight {
  padding: 10px;
} */
/* body,html{
  scrollbar-width: thin;  
} */
pre {
  /* scrollbar-width: thin !important; */
  scrollbar-width: thin; /* 细滚动条 */
  scrollbar-color: rgba(0, 0, 0, 0.2) transparent; /* 更透明的滚动条颜色和轨道颜色 */
}
/* pre code {
  margin: 5px;
} */
pre:hover {
  scrollbar-color: rgba(0, 0, 0, 0.5) rgba(0, 0, 0, 0.05); /* 当鼠标悬停时，更透明的滚动条颜色和轨道颜色 */
}

/* 针对 WebKit 浏览器 (Chrome, Safari) */
/* pre::-webkit-scrollbar {
  width: 5px;  设置滚动条的宽度 
  height: 5px;  设置水平滚动条的高度 
} */
pre::-webkit-scrollbar {
  width: 2px;  
  height: 2px;
}

pre::-webkit-scrollbar-track {
  background: transparent; /* 滚动条轨道的背景色 */
}

pre::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.2); /* 滚动条的颜色和透明度 */
  border-radius: 999px; /* 滚动条的圆角 */
}

pre::-webkit-scrollbar-thumb:hover {
  background: rgba(0, 0, 0, 0.5); /* 当鼠标悬停时，滚动条的颜色和透明度 */
}

/* 针对 Firefox 浏览器 */
pre {
  scrollbar-width: thin;  /* 滚动条的宽度 */
  scrollbar-color: rgba(0, 0, 0, 0.2) transparent; /* 滚动条颜色和轨道颜色 */
}

pre:hover {
  scrollbar-color: rgba(0, 0, 0, 0.5) rgba(0, 0, 0, 0.05); /* 当鼠标悬停时，滚动条颜色和轨道颜色 */
}

/* 针对 Internet Explorer 和 Edge 浏览器 */
pre::-ms-scrollbar {
  width: 2px;
  height: 2px;
}

pre::-ms-scrollbar-track {
  background: transparent;
}

pre::-ms-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.2);
  border-radius: 999px;
}

pre::-ms-scrollbar-thumb:hover {
  background: rgba(0, 0, 0, 0.5);
}


::selection {
  background-color: #e6e6e6; /* 选中文本的背景颜色 */
  background-color: #d6d6d6; /* 选中文本的背景颜色 */
  color: #008800; /* 选中文本的文字颜色 */
  color: #18b118; /* 选中文本的文字颜色 */

  background-color: rgba(0, 136, 0,0.8);
  background-color: #008800;
  background-color: #42bd56;
  background-color: rgba(66, 189, 86,0.7);
  color: #000000;
  /* color: #dd2200; */
  /* background-color: #fff0f0; */
  /* background-color: rgb(255, 210, 210); */
  /* color: #ffffff; */
}









/* 模态弹窗的样式 */
.modal {
  display: none; /* 隐藏模态弹窗 */
  position: fixed;
  z-index: 1;
  padding-top: 120px;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgba(0, 0, 0, 0.4);
}

/* 模态弹窗内容 */
.modal-content {
  margin: auto;
  display: block;
  width: 80%;
  max-width: 300px;
}

/* 关闭按钮 */
.close {
  position: absolute;
  top: 15px;
  right: 35px;
  color: #fff;
  font-size: 40px;
  font-weight: bold;
}

.close:hover,
.close:focus {
  color: #bbb;
  text-decoration: none;
  cursor: pointer;
}




.team-img-hover .team-social li a.weixin {
  background: #07c160;
}

.team-img-hover .team-social li a.github {
  background: #000000;
}


.team-img {
  height: 480px !important; /* 根据需要调整高度 */
  object-fit: cover;
}

.pjimage{
 /* max-height: 500px; */
 object-fit: cover; 
}

#navbar .nav-link{
  font-size: 16px !important;
}

.portfolio-gallery{
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}

.header-top .header-top-socials {
  border-right: unset;
}