@charset "UTF-8"; /* 指定字符集为UTF-8 */

/* 主容器 */
.multi-main-box {
  margin: 0 auto; /* 自动水平居中 */
  width: 100%; /* 宽度为100% */
  max-width: 1280px; /* 最大宽度为1280px */
}

/* 左右浮动的容器 */
.multi-left {
  float: left; /* 向左浮动 */
}

.multi-right {
  float: right; /* 向右浮动 */
}

/* 主题导航菜单的样式 */
.multi-nav-white {
  /* background-color: #fff !important;  // 移除背景颜色 */
  color: #666 !important; /* 文字颜色为灰色 */
  padding-right: 0; /* 右内边距为0 */
}

/* 导航链接的颜色样式 */
.multi-nav-white a {
  color: #000000 !important; /* 链接颜色为黑色 */
}

/* 导航菜单下拉箭头的样式 */
.multi-nav-white .layui-nav-more {
  border-color: #191818 transparent transparent; /* 设置边框颜色 */
  border-top-color: rgba(93, 91, 91, 0.7); /* 上边框颜色 */
}

/* 当前菜单项的样式 */
.multi-nav-white .layui-nav-mored,
.multi-nav-white .layui-nav-itemed > a .layui-nav-more {
  margin-top: -9px; /* 向上偏移9px */
  border-style: dashed dashed solid; /* 边框样式 */
  border-color: transparent transparent #191818; /* 边框颜色 */
}

/* 当前菜单项高亮的样式 */
.multi-nav-white.layui-nav-tree .layui-nav-child dd.layui-this,
.multi-nav-white.layui-nav-tree .layui-nav-child dd.layui-this a,
.multi-nav-white.layui-nav-tree .layui-this,
.multi-nav-white.layui-nav-tree .layui-this > a,
.multi-nav-white.layui-nav-tree .layui-this > a:hover {
  background-color: #2d303c; /* 背景颜色 */
  color: #fff !important; /* 字体颜色为白色 */
}

/* 遮罩层的样式 */
.overlay {
  width: 100%; /* 宽度100% */
  height: 100%; /* 高度100% */
  background-color: rgba(0, 0, 0, 0.66); /* 背景为半透明黑色 */
  position: absolute; /* 绝对定位 */
  opacity: 0; /* 初始透明度为0 */
  top: 0; /* 顶部对齐 */
  left: 0; /* 左侧对齐 */
  transition: opacity 0.3s ease-in-out; /* 透明度过渡效果 */
}

/* 响应式设计：在最大宽度1280px以下的样式 */
@media screen and (max-width: 1280px) {
  .multi-main-box {
    padding-left: 15px; /* 左内边距 */
    padding-right: 15px; /* 右内边距 */
    box-sizing: border-box; /* 包含内边距和边框 */
  }
}

/* 主标题样式 */
.multi-main-title {
  text-align: center; /* 文本居中 */
  position: relative; /* 相对定位 */
  margin-bottom: 10px; /* 下外边距 */
}

/* 主标题h2样式 */
.multi-main-title h2 {
  display: inline-block; /* 以行内块元素显示 */
  font-size: 25px; /* 字体大小 */
  color: #2e323e; /* 字体颜色 */
}

/* 主标题图标样式 */
.multi-main-title i {
  position: absolute; /* 绝对定位 */
  font-size: 30px; /* 字体大小 */
  top: -10px; /* 顶部偏移 */
  color: #00d3af; /* 字体颜色 */
}

/* 添加15px的均匀内边距 */
.layui-rpadding-15px {
  padding: 15px; /* 内边距 */
  box-sizing: border-box; /* 包含内边距和边框 */
}

/* 添加15px的上外边距 */
.layui-tmargin-15px {
  margin-top: 15px; /* 上外边距 */
}

/* 圆角和阴影样式 */
.layui-borradius {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); /* 阴影效果 */
  border-radius: 4px; /* 圆角效果 */
}

/* 头部样式 */
.multi-header-box {
  background: transparent; /* 背景设置为透明 */
  line-height: 70px; /* 行高 */
  height: 70px; /* 高度 */
  position: relative; /* 相对定位 */
}

/* logo样式 */
.multi-header-box .multi-logo-box img {
  height: 50px; /* 高度 */
  width: auto; /* 宽度自动 */
}

/* 导航菜单的子项样式 */
.multi-header-box .layui-nav .layui-nav-child .layui-nav-item {
  display: block; /* 块级显示 */
  line-height: 35px; /* 行高 */
}

/* 当前导航项下的装饰线 */
.multi-header-box .layui-nav .layui-this:after {
  background-color: #333; /* 颜色 */
  height: 3px; /* 高度 */
  width: 14px; /* 宽度 */
  left: 50%; /* 垂直居中 */
  margin-left: -7px; /* 左边距 */
  bottom: 10px; /* 底部偏移 */
}

/* 导航菜单链接样式 */
.multi-header-box .multi-header-menu .layui-nav-item a {
  padding: 0 15px; /* 内边距 */
}

/* 隐藏导航栏样式 */
.multi-header-box .layui-nav-bar {
  display: none; /* 不显示 */
}

/* 头部搜索框样式 */
.multi-header-box .multi-header-search {
  background-color: #fff; /* 背景颜色 */
  border: 1px solid rgba(0, 0, 0, 0.2); /* 边框颜色 */
  border-radius: 20px; /* 圆角效果 */
  margin-top: 20px; /* 上外边距 */
  width: 200px; /* 宽度 */
  max-width: 15vw; /* 最大宽度 */
  margin-left: 30px; /* 左外边距 */
  height: 30px; /* 高度 */
  line-height: 30px; /* 行高 */
  padding-left: 40px; /* 左内边距 */
  box-sizing: border-box; /* 包含内边距和边框 */
}

/* 搜索按钮样式 */
.multi-header-box .multi-header-search .btn-search {
  background-color: transparent; /* 背景透明 */
  border: none; /* 无边框 */
  color: #848e99; /* 字体颜色 */
  cursor: pointer; /* 鼠标指针样式 */
  margin: 0 2px 0 16px; /* 外边距 */
  position: absolute; /* 绝对定位 */
  line-height: 27px; /* 行高 */
  left: 0; /* 左侧对齐 */
  top: 3px; /* 顶部偏移 */
}

/* 搜索框输入样式 */
.multi-header-box .multi-header-search .top-input {
  border: none; /* 无边框 */
  color: #848e99; /* 字体颜色 */
  font-size: 15px; /* 字体大小 */
  width: 140px; /* 宽度 */
  box-shadow: none; /* 无阴影 */
  outline: 0; /* 无轮廓 */
  max-width: 11vw; /* 最大宽度 */
  height: 20px; /* 高度 */
  box-sizing: border-box; /* 包含内边距和边框 */
  background: none; /* 无背景 */
}

/* Owl Carousel - 核心样式 */
.owl-carousel {
  display: none; /* 默认隐藏 */
  width: 100%; /* 宽度100% */
  position: relative; /* 位置相对 */
  z-index: 1; /* z-index层级 */
}

/* Owl Carousel - stage样式 */
.owl-carousel .owl-stage {
  position: relative; /* 位置相对 */
}

/* 清除浮动样式 */
.owl-carousel .owl-stage:after {
  content: "."; /* 清除浮动的内容 */
  display: block; /* 块级显示 */
  clear: both; /* 清除浮动 */
  visibility: hidden; /* 隐藏 */
  line-height: 0; /* 行高为0 */
  height: 0; /* 高度为0 */
}

/* Owl Carousel - stage外部样式 */
.owl-carousel .owl-stage-outer {
  position: relative; /* 位置相对 */
  overflow: hidden; /* 隐藏溢出内容 */
}

/* Owl Carousel - wrapper和item样式 */
.owl-carousel .owl-wrapper,
.owl-carousel .owl-item {
  backface-visibility: hidden; /* 隐藏背面可见性 */
  transform: translate3d(0, 0, 0); /* 3D转换 */
}

/* Owl Carousel - item样式 */
.owl-carousel .owl-item {
  position: relative; /* 位置相对 */
  min-height: 1px; /* 最小高度 */
  float: left; /* 向左浮动 */
}

/* Owl Carousel - item中的图片样式 */
.owl-carousel .owl-item img {
  display: block; /* 块级显示 */
  width: 100%; /* 宽度100% */
}

/* 隐藏导航和点样式 */
.owl-carousel .owl-nav.disabled,
.owl-carousel .owl-dots.disabled {
  display: none; /* 不显示 */
}

/* 导航按钮样式 */
.owl-carousel .owl-nav .owl-prev,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-dot {
  cursor: pointer; /* 鼠标指针样式 */
  user-select: none; /* 禁止选择 */
}

/* 导航按钮的样式 */
.owl-carousel .owl-nav button.owl-prev,
.owl-carousel .owl-nav button.owl-next,
.owl-carousel button.owl-dot {
  background: none; /* 背景透明 */
  color: inherit; /* 继承颜色 */
  border: none; /* 无边框 */
  padding: 0 !important; /* 无内边距 */
  font: inherit; /* 继承字体 */
}

/* Carousel加载状态样式 */
.owl-carousel.owl-loaded {
  display: block; /* 显示 */
}

/* Carousel正在加载状态样式 */
.owl-carousel.owl-loading {
  opacity: 0; /* 透明度为0 */
  display: block; /* 显示 */
}

/* Carousel隐藏状态样式 */
.owl-carousel.owl-hidden {
  opacity: 0; /* 透明度为0 */
}

/* Carousel刷新状态样式 */
.owl-carousel.owl-refresh .owl-item {
  visibility: hidden; /* 隐藏 */
}

/* Carousel拖动状态样式 */
.owl-carousel.owl-drag .owl-item {
  touch-action: pan-y; /* 垂直拖动 */
}

/* Carousel抓取状态样式 */
.owl-carousel.owl-grab {
  cursor: move; /* 鼠标指针样式为移动 */
}

/* RTL样式 */
.owl-carousel.owl-rtl {
  direction: rtl; /* 从右到左 */
}

/* RTL下的item浮动样式 */
.owl-carousel.owl-rtl .owl-item {
  float: right; /* 向右浮动 */
}

/* No Js样式 */
.no-js .owl-carousel {
  display: block; /* 显示 */
}

/* Owl Carousel 动画插件样式 */
.owl-carousel .animated {
  animation-duration: 1000ms; /* 动画持续时间 */
  animation-fill-mode: both; /* 动画填充模式 */
}

/* Owl Carousel 进入动画样式 */
.owl-carousel .owl-animated-in {
  z-index: 0; /* z-index层级 */
}

/* Owl Carousel 离开动画样式 */
.owl-carousel .owl-animated-out {
  z-index: 1; /* z-index层级 */
}

/* 退出动画样式 */
.owl-carousel .fadeOut {
  animation-name: fadeOut; /* 动画名称 */
}

/* 动画关键帧 */
@keyframes fadeOut {
  0% {
    opacity: 1; /* 完全可见 */
  }
  100% {
    opacity: 0; /* 完全透明 */
  }
}

/* Owl Carousel 自适应高度插件样式 */
.owl-height {
  transition: height 500ms ease-in-out; /* 高度过渡效果 */
}

/* Owl Carousel 懒加载插件样式 */
.owl-carousel .owl-item {
  /* 针对IE11的懒加载和自适应高度的bug修复 */
}

/* 懒加载样式 */
.owl-carousel .owl-item .owl-lazy {
  opacity: 0; /* 透明度为0 */
  transition: opacity 400ms ease; /* 透明度过渡效果 */
}

/* 懒加载未加载状态样式 */
.owl-carousel .owl-item .owl-lazy[src^=""], .owl-carousel .owl-item .owl-lazy:not([src]) {
  max-height: 0; /* 最大高度为0 */
}

/* 懒加载图片样式 */
.owl-carousel .owl-item img.owl-lazy {
  transform-style: preserve-3d; /* 保留3D效果 */
}

/* 默认主题 - Owl Carousel CSS 文件 */
.owl-theme .owl-nav {
  margin-top: 10px; /* 上外边距 */
  text-align: center; /* 文本居中 */
}

/* 导航按钮背景样式 */
.owl-theme .owl-nav [class*='owl-'] {
  color: #FFF; /* 颜色为白色 */
  font-size: 14px; /* 字体大小 */
  margin: 5px; /* 外边距 */
  padding: 4px 7px; /* 内边距 */
  background: #D6D6D6; /* 背景颜色 */
  display: inline-block; /* 行内块元素 */
  cursor: pointer; /* 鼠标指针样式 */
  border-radius: 3px; /* 圆角效果 */
}

/* 导航按钮悬停样式 */
.owl-theme .owl-nav [class*='owl-']:hover {
  background: #869791; /* 悬停背景颜色 */
  color: #FFF; /* 悬停字体颜色 */
  text-decoration: none; /* 无下划线 */
}

/* 禁用状态样式 */
.owl-theme .owl-nav .disabled {
  opacity: 0.5; /* 透明度 */
  cursor: default; /* 鼠标指针样式为默认 */
}

/* 禁用导航后的点样式 */
.owl-theme .owl-nav.disabled + .owl-dots {
  margin-top: 10px; /* 上外边距 */
}

/* 点样式 */
.owl-theme .owl-dots {
  text-align: center; /* 文本居中 */
  display: inline-block; /* 行内块元素 */
  position: absolute; /* 绝对定位 */
  top: 10px; /* 顶部偏移 */
  right: 10px; /* 右侧偏移 */
  background: rgba(0, 0, 0, 0.49); /* 半透明背景 */
  border-radius: 20px; /* 圆角效果 */
  padding: 0 5px 2px; /* 内边距 */
}

/* 点的样式 */
.owl-theme .owl-dots .owl-dot {
  display: inline-block; /* 行内块元素 */
}

/* 点的子元素样式 */
.owl-theme .owl-dots .owl-dot span {
  width: 8px; /* 宽度 */
  height: 8px; /* 高度 */
  margin: 0 3px; /* 外边距 */
  background: #D6D6D6; /* 背景颜色 */
  display: block; /* 块级显示 */
  transition: opacity 200ms ease; /* 透明度过渡效果 */
  border-radius: 30px; /* 圆角效果 */
}

/* 激活和悬停状态样式 */
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
  background: #869791; /* 背景颜色 */
}

/* 激活状态的点 */
.owl-theme .owl-dots .owl-dot.active span {
  width: 13px; /* 宽度 */
}

/* 幻灯片容器样式 */
.multi-slide-box {
  padding: 40px 0; /* 内边距 */
  background-color: #2e323e; /* 背景颜色 */
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); /* 阴影 */
  position: relative; /* 相对定位 */
}

/* 左侧幻灯片容器样式 */
.multi-slide-box .slide-left-box {
  width: 45%; /* 宽度 */
  float: left; /* 向左浮动 */
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); /* 阴影 */
  border-radius: 4px; /* 圆角效果 */
  overflow: hidden; /* 隐藏溢出内容 */
}

/* 右侧幻灯片容器样式 */
.multi-slide-box .slide-right-box {
  width: 55%; /* 宽度 */
  float: left; /* 向左浮动 */
}

/* 右侧幻灯片中的列表样式 */
.multi-slide-box .slide-right-box .slide-right-postlist {
  margin-top: -30px; /* 顶部偏移 */
}

/* 右侧幻灯片中的项目样式 */
.multi-slide-box .slide-right-box .item {
  width: 50%; /* 宽度 */
  padding-left: 30px; /* 左内边距 */
  padding-top: 30px; /* 上内边距 */
  box-sizing: border-box; /* 包含内边距和边框 */
  float: left; /* 向左浮动 */
}

/* 文章归档样式 */
.slide-post-archive {
  background-color: #24262d; /* 背景颜色 */
}

/* 文章缩略图容器样式 */
.slide-post-archive .post-thumb-box {
  background-size: cover; /* 背景覆盖 */
  background-position: center; /* 背景居中 */
  background-repeat: no-repeat; /* 不重复背景 */
  background-color: #2e323e; /* 背景颜色 */
  padding-top: 55%; /* 顶部内边距 */
  position: relative; /* 相对定位 */
}

/* 文章元信息容器样式 */
.slide-post-archive .post-meta-box {
  padding: 20px; /* 内边距 */
}

/* 文章元信息标题样式 */
.slide-post-archive .post-meta-box h3 {
  margin-bottom: 10px; /* 下外边距 */
  color: #fff; /* 字体颜色 */
}

/* 文章元信息标题的底部样式 */
.post-meta-box h3 {
  margin-bottom: 5px; /* 下外边距 */
  transition: color 0.3s; /* 字体颜色过渡效果 */
}

/* 鼠标悬停时标题颜色变化 */
.post-meta-box a:hover h3 {
  color: #007bff; /* 悬停时字体颜色 */
}

/* 文章元信息段落样式 */
.slide-post-archive .post-meta-box p {
  color: #666; /* 字体颜色 */
  display: -webkit-box; /* 使用盒子模型 */
  -webkit-line-clamp: 3; /* 限制为3行 */
  -webkit-box-orient: vertical; /* 竖直排列 */
  overflow: hidden; /* 隐藏溢出内容 */
  text-overflow: ellipsis; /* 省略溢出文本 */
}

/* 右侧文章归档样式 */
.rslide-post-archive {
  background-color: #24262d; /* 背景颜色 */
  border-radius: 4px; /* 圆角效果 */
  overflow: hidden; /* 隐藏溢出内容 */
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); /* 阴影 */
  position: relative; /* 相对定位 */
}

/* 右侧文章缩略图容器样式 */
.rslide-post-archive .post-thumb-box {
  background-size: cover; /* 背景覆盖 */
  background-position: center; /* 背景居中 */
  background-repeat: no-repeat; /* 不重复背景 */
  background-color: #2e323e; /* 背景颜色 */
  padding-top: 65%; /* 顶部内边距 */
  position: relative; /* 相对定位 */
}

/* 右侧文章元信息容器样式 */
.rslide-post-archive .post-meta-box {
  position: absolute; /* 绝对定位 */
  bottom: 0; /* 底部对齐 */
  width: 100%; /* 宽度100% */
  padding: 10px; /* 内边距 */
  box-sizing: border-box; /* 包含内边距和边框 */
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.01) 5%, rgba(0, 0, 0, 0.9) 100%); /* 背景渐变 */
  color: #eee; /* 字体颜色 */
}

/* 右侧文章元信息标题样式 */
.rslide-post-archive .post-meta-box h3 {
  font-size: 15px; /* 字体大小 */
  color: #e6e6e6; /* 字体颜色 */
  display: -webkit-box; /* 使用盒子模型 */
  -webkit-line-clamp: 2; /* 限制为2行 */
  -webkit-box-orient: vertical; /* 竖直排列 */
  overflow: hidden; /* 隐藏溢出内容 */
  text-overflow: ellipsis; /* 省略溢出文本 */
}

/* 索引菜单样式 */
.multi-indexmenu-box {
  position: relative; /* 相对定位 */
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); /* 阴影 */
  padding: 12px 0; /* 内边距 */
  border-bottom: solid 1px #efefef; /* 下边框 */
}

/* 索引菜单项样式 */
.multi-indexmenu-box > div {
  padding: 0 160px 0 90px; /* 内边距 */
  box-sizing: border-box; /* 包含内边距和边框 */
  position: relative; /* 相对定位 */
  height: 30px; /* 高度 */
  line-height: 30px; /* 行高 */
}

/* 索引菜单标题样式 */
.multi-indexmenu-box > div h2 {
  position: absolute; /* 绝对定位 */
  left: 0; /* 左侧对齐 */
  top: 0; /* 顶部对齐 */
  font-size: 18px; /* 字体大小 */
}

/* 索引菜单更多链接样式 */
.multi-indexmenu-box > div .indexmenu-right-more {
  position: absolute; /* 绝对定位 */
  right: 0; /* 右侧对齐 */
  top: 0; /* 顶部对齐 */
  padding-left: 20px; /* 左内边距 */
}

/* 索引菜单更多链接前的分隔线 */
.multi-indexmenu-box > div .indexmenu-right-more:before {
  content: " "; /* 内容为空 */
  height: 15px; /* 高度 */
  width: 1px; /* 宽度 */
  background: #adabab; /* 背景颜色 */
  position: absolute; /* 绝对定位 */
  top: 10px; /* 顶部对齐 */
  left: 10px; /* 左侧对齐 */
}

/* 索引菜单更多链接的文本样式 */
.multi-indexmenu-box > div .indexmenu-right-more span {
  font-size: 20px; /* 字体大小 */
  padding: 0 5px; /* 内边距 */
  color: #b33d3d; /* 字体颜色 */
}

/* 标签云样式 */
.multi-indexmenu-box .wp-tag-cloud {
  display: inline-block; /* 行内块元素 */
  height: 30px; /* 高度 */
  overflow: hidden; /* 隐藏溢出内容 */
}

/* 标签云的列表样式 */
.multi-indexmenu-box .wp-tag-cloud li {
  float: left; /* 向左浮动 */
}

/* 标签云链接样式 */
.multi-indexmenu-box .wp-tag-cloud li a {
  display: inline-block; /* 行内块元素 */
  padding: 0 10px; /* 内边距 */
  font-size: 13px !important; /* 字体大小 */
}

/* 标签云链接的悬停样式 */
.multi-indexmenu-box .wp-tag-cloud li a:hover, .multi-indexmenu-box .wp-tag-cloud li a .on {
  background: #2e323e; /* 悬停时背景颜色 */
  border-radius: 20px; /* 圆角效果 */
  color: #fff; /* 悬停时字体颜色 */
}

/* 背景颜色交替行样式 */
.multi-backcolor {
  position: relative; /* 相对定位 */
}

.multi-backcolor:nth-child(odd) {
  background-color: #f3f6fb; /* 奇数行背景颜色 */
}

/* 文章列表的响应式样式 */
.multi-postlist {
    display: flex; /* 使用flex布局 */
    flex-wrap: wrap; /* 换行 */
    justify-content: space-between; /* 项目之间的间隔 */
}

/* 小屏幕上的单列布局 */
@media (max-width: 768px) {
    .post-archive {
        flex: 0 0 100%; /* 单列布局 */
    }
}

/* 中屏幕上设置为两列 */
@media (min-width: 481px) and (max-width: 768px) {
    .post-archive {
        flex: 0 0 calc(50% - 10px); /* 两列布局 */
    }
}

/* 文章列表容器样式 */
.multi-postlist-box {
  padding: 35px 0 60px 0; /* 内边距 */
  background: #fff; /* 背景颜色 */
}

/* 文章列表的样式 */
.multi-postlist-box .multi-postlist {
  margin: 0 -15px; /* 外边距 */
}

/* 文章列表项的样式 */
.multi-postlist-box .multi-postlist li {
  width: 25%; /* 宽度 */
  float: left; /* 向左浮动 */
  padding: 15px; /* 内边距 */
  box-sizing: border-box; /* 包含内边距和边框 */
}

/* 文章归档样式 */
.post-archive {
  background-color: #fff; /* 背景颜色 */
  border-radius: 4px; /* 圆角效果 */
  overflow: hidden; /* 隐藏溢出内容 */
  transition: transform 0.3s ease, box-shadow 0.3s ease; /* 添加平滑过渡效果 */
  position: relative; /* 相对定位 */
  margin-bottom: 20px; /* 下外边距 */
  flex: 0 0 calc(33.33% - 20px); /* 默认三列布局 */
  padding-bottom: 75px; /* 下内边距 */
}

/* 鼠标悬停时的效果 */
.post-archive:hover {
    transform: translateY(-10px); /* 上浮效果 */
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.2), 0 0 30px rgba(200, 200, 200, 0.5); /* 增加灰色幻光效果 */
}

/* 悬停时背景颜色与过渡效果 */
.post-archive:hover .post-meta-box {
    background-color: rgba(255, 255, 255, 0.9); /* 悬停时背景颜色变为白色 */
    transition: background-color 0.3s ease; /* 背景颜色过渡效果 */
}

/* 文章缩略图容器样式 */
.post-archive .post-thumb-box {
  background-size: cover; /* 背景覆盖 */
  background-position: center; /* 背景居中 */
  background-repeat: no-repeat; /* 不重复背景 */
  background-color: #2e323e; /* 背景颜色 */
  padding-top: 60%; /* 顶部内边距 */
  position: relative; /* 相对定位 */
}

/* 文章元信息容器样式 */
.post-archive .post-meta-box {
  position: absolute; /* 绝对定位 */
  bottom: 0; /* 底部对齐 */
  width: 100%; /* 宽度100% */
  padding: 10px; /* 内边距 */
  box-sizing: border-box; /* 包含内边距和边框 */
}

/* 文章元信息标题样式 */
.post-archive .post-meta-box h3 {
  font-size: 14px; /* 字体大小 */
  color: #161e27; /* 字体颜色 */
  height: 22px; /* 高度 */
  line-height: 22px; /* 行高 */
  overflow: hidden; /* 隐藏溢出内容 */
  display: -webkit-box; /* 使用盒子模型 */
  -webkit-line-clamp: 2; /* 限制为2行 */
  -webkit-box-orient: vertical; /* 竖直排列 */
  text-overflow: ellipsis; /* 省略溢出文本 */
}

/* 文章元信息的其他元数据样式 */
.post-archive .post-meta-box .post-metadata {
  height: 20px; /* 高度 */
  line-height: 20px; /* 行高 */
  color: #666; /* 字体颜色 */
  font-size: 12px; /* 字体大小 */
  margin: 10px -5px 0 -5px; /* 外边距 */
  overflow: hidden; /* 隐藏溢出内容 */
}

/* 文章元信息的其他元数据的子元素样式 */
.post-archive .post-meta-box .post-metadata span {
  margin: 0 5px; /* 外边距 */
}

/* 分页样式 */
.pagination {
  margin-top: 1.5rem !important; /* 上外边距 */
}

/* 屏幕阅读器文本样式 */
.screen-reader-text {
  border: 0; /* 无边框 */
  clip: rect(1px, 1px, 1px, 1px); /* 裁剪 */
  clip-path: inset(50%); /* 裁剪路径 */
  height: 1px; /* 高度 */
  margin: -1px; /* 外边距 */
  overflow: hidden; /* 隐藏溢出内容 */
  padding: 0; /* 内边距 */
  position: absolute !important; /* 绝对定位 */
  width: 1px; /* 宽度 */
  word-wrap: normal !important; /* 字词换行 */
}

/* 屏幕阅读器文本聚焦样式 */
.screen-reader-text:focus {
  background-color: #F4F6F9; /* 背景颜色 */
  clip: auto !important; /* 显示 */
  clip-path: none; /* 取消裁剪路径 */
  color: #062743; /* 字体颜色 */
  display: block; /* 块级显示 */
  font-size: 1em; /* 字体大小 */
  height: auto; /* 高度自动 */
  left: 5px; /* 左侧偏移 */
  line-height: normal; /* 行高 */
  padding: 15px 23px 14px; /* 内边距 */
  text-decoration: none; /* 无下划线 */
  top: 5px; /* 顶部偏移 */
  width: auto; /* 宽度自动 */
  z-index: 100000; /* z-index层级 */
}

/* 分页链接样式 */
.nav-links {
  position: relative; /* 相对定位 */
  display: flex; /* flex布局 */
  width: 100%; /* 宽度100% */
}

/* 分页项的样式 */
.nav-links > span,
.nav-links > a {
  position: relative; /* 相对定位 */
  display: inline-block; /* 行内块元素 */
  background-color: #f4f6f9; /* 背景颜色 */
  padding: .5rem .875rem; /* 内边距 */
  margin: 0 .5rem 0 0; /* 外边距 */
  font-size: 0.75rem; /* 字体大小 */
  border-radius: 2px; /* 圆角效果 */
}

/* 上一页和下一页的悬停和当前状态样式 */
.nav-links > .prev:hover,
.nav-links > .next:hover,
.nav-links > .current {
  z-index: 2; /* z-index层级 */
  color: #fff !important; /* 字体颜色 */
  background-color: #2e323e; /* 背景颜色 */
}

/* 上一页和下一页的样式 */
.nav-links .prev,
.nav-links .next {
  position: absolute; /* 绝对定位 */
  padding: .5rem .65rem; /* 内边距 */
  margin: 0; /* 外边距 */
}

/* 上一页的样式 */
.nav-links .prev {
  right: 45px; /* 右侧偏移 */
}

/* 下一页的样式 */
.nav-links .next {
  margin: 0; /* 外边距 */
  right: 0; /* 右侧对齐 */
}

/* 左侧幻灯片的样式 */
.slide-left-box .owl-carousel {
  display: block !important; /* 显示 */
  max-height: 450px; /* 最大高度 */
}

/* 主题索引列表样式 */
.multi-indexzt-box {
  padding: 35px 0; /* 内边距 */
  background-color: #f3f6fb; /* 背景颜色 */
}

/* 主题索引列表项样式 */
.multi-indexzt-box .indexzt-list {
  margin: 0 -15px; /* 外边距 */
}

/* 主题索引列表项样式 */
.multi-indexzt-box .indexzt-list li {
  width: 25%; /* 宽度 */
  float: left; /* 向左浮动 */
  padding: 15px; /* 内边距 */
  box-sizing: border-box; /* 包含内边距和边框 */
}

/* 主题分类样式 */
.zt-archive {
  background-color: #fff; /* 背景颜色 */
  border-radius: 4px; /* 圆角效果 */
  overflow: hidden; /* 隐藏溢出内容 */
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); /* 阴影 */
  position: relative; /* 相对定位 */
}

/* 分类缩略图容器样式 */
.zt-archive .post-thumb-box {
  background-size: cover; /* 背景覆盖 */
  background-position: center; /* 背景居中 */
  background-repeat: no-repeat; /* 不重复背景 */
  background-color: #2e323e; /* 背景颜色 */
  position: relative; /* 相对定位 */
  padding-top: 50%; /* 顶部内边距 */
}

/* 分类顶部样式 */
.multi-ctop-box {
  padding: 40px 0 50px 0; /* 内边距 */
  background-size: cover; /* 背景覆盖 */
  background-position: center; /* 背景居中 */
  background-repeat: no-repeat; /* 不重复背景 */
  background-color: #2e323e; /* 背景颜色 */
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); /* 阴影 */
  position: relative; /* 相对定位 */
  color: #fff; /* 字体颜色 */
  text-align: center; /* 文本居中 */
}

/* 页面标题样式 */
.multi-page-title {
  font-size: 24px; /* 字体大小 */
  padding: 10px 0; /* 内边距 */
  position: relative; /* 相对定位 */
}

/* 页面标题徽章样式 */
.multi-page-title .layui-badge {
  position: absolute; /* 绝对定位 */
  top: 50%; /* 垂直居中 */
  margin-top: -9px; /* 顶部偏移 */
  margin-left: 5px; /* 左侧偏移 */
  background-color: #009688; /* 背景颜色 */
}

/* 页面标题底部的细线样式 */
.multi-page-title .cxmulti-botsolid {
  position: absolute; /* 绝对定位 */
  width: 20px; /* 宽度 */
  height: 3px; /* 高度 */
  background-color: #009688; /* 背景颜色 */
  bottom: 5px; /* 底部偏移 */
  left: 50%; /* 水平居中 */
  margin-left: -10px; /* 左边距 */
}

/* 分类描述样式 */
.taxonomy-description {
  margin-top: 10px; /* 上外边距 */
  color: #ddd; /* 字体颜色 */
  line-height: 20px; /* 行高 */
}

/* 单个文章的面包屑导航样式 */
.multi-breadcrimb-box {
  margin-top: 40px; /* 上外边距 */
  margin-bottom: 20px; /* 下外边距 */
  font-size: 13px; /* 字体大小 */
  color: #666; /* 字体颜色 */
}

/* 面包屑链接样式 */
.multi-breadcrimb-box a {
  font-size: 13px; /* 字体大小 */
}

/* 单个文章的元信息样式 */
.multi-single-header .multi-single-meta {
  border-bottom: solid 1px #e6e6e6; /* 下边框 */
  line-height: 20px; /* 行高 */
  padding: 10px 0; /* 内边距 */
  margin-top: 10px; /* 上外边距 */
  margin-bottom: 20px; /* 下外边距 */
  font-size: 13px; /* 字体大小 */
  color: #666; /* 字体颜色 */
}

/* 单个文章的元信息链接样式 */
.multi-single-header .multi-single-meta a {
  color: #666; /* 字体颜色 */
}

/* 文章主体内容容器样式 */
.multi-content-main {
  padding-bottom: 50px; /* 下内边距 */
}

/* 单个文章的内容样式 */
.multi-single-content {
  padding-right: 30px; /* 右内边距 */
}

/* 文章内容的样式 */
.post-countent-data {
  line-height: 35px; /* 行高 */
  color: #333; /* 字体颜色 */
  font-size: 16px; /* 字体大小 */
}

/* 文章内容的段落样式 */
.post-countent-data p {
  margin-bottom: 10px; /* 下外边距 */
}

/* 文章内容中的图片样式 */
.post-countent-data p.main-p-imgbox {
  text-indent: 0; /* 不缩进 */
  text-align: center; /* 居中对齐 */
}

/* 文章内容中的图片样式 */
.post-countent-data img {
  max-width: 100%; /* 最大宽度100% */
  height: auto; /* 高度自动 */
  margin: 10px auto; /* 外边距 */
}

/* 分享区域样式 */
.cxtheme-view-share {
  margin-top: 25px; /* 上外边距 */
}

/* 分享区域底部数据样式 */
.cxtheme-view-share .bottom-single-data {
  text-align: center; /* 居中对齐 */
}

/* 分享区域描述文本样式 */
.cxtheme-view-share .cxtheme-ycdesc-text {
  margin: 0; /* 外边距 */
  font-size: 13px; /* 字体大小 */
  color: #bdbcbc; /* 字体颜色 */
  text-align: center; /* 居中对齐 */
}

/* 侧边栏样式 */
.multi-single-sidebar {
  padding-left: 50px; /* 左内边距 */
}

/* 相关文章区域样式 */
.multi-xgpost-box .multi-postlist {
  margin: 0 -15px; /* 外边距 */
}

/* 按钮样式 */
.cxbtn-postlive .cxicon-icon-xiangqufill {
  display: none; /* 隐藏 */
}

.cxbtn-postlive.cxajax-on .cxicon-icon-xiangqu {
  display: none; /* 隐藏 */
}

.cxbtn-postlive.cxajax-on .cxicon-icon-xiangqufill {
  display: inline-block; /* 显示 */
}

/* 上下篇文章的样式 */
.cxtheme-nextandprev-box {
  border: 1px solid #f3f3f3; /* 边框 */
  padding: 0; /* 内边距 */
  box-sizing: border-box; /* 包含内边距和边框 */
  display: flex; /* flex布局 */
  justify-content: space-between; /* 项目之间的间隔 */
  margin-top: 30px; /* 上外边距 */
}

/* 上下篇文章的子项样式 */
.cxtheme-nextandprev-box .cxnextadnprev-box {
  position: relative; /* 相对定位 */
  width: 50%; /* 宽度50% */
}

/* 上一篇的样式 */
.cxtheme-nextandprev-box .cxnextadnprev-box:first-child:after {
  content: ''; /* 内容为空 */
  display: block; /* 块级显示 */
  width: 0; /* 宽度为0 */
  height: 100%; /* 高度为100% */
  position: absolute; /* 绝对定位 */
  right: 0; /* 右侧对齐 */
  top: 0; /* 顶部对齐 */
  border-right: 1px solid #eee; /* 右边框 */
}

/* 上下篇文章的链接样式 */
.cxtheme-nextandprev-box .cxnextadnprev-box > a {
  padding: 25px; /* 内边距 */
  box-shadow: 0 3px 30px rgba(0, 0, 0, 0.05); /* 阴影 */
  display: block; /* 块级显示 */
  position: relative; /* 相对定位 */
  min-height: 78px; /* 最小高度 */
  color: #333; /* 字体颜色 */
  padding-left: 170px; /* 左内边距 */
}

/* 上下篇文章链接中的图标样式 */
.cxtheme-nextandprev-box .cxnextadnprev-box > a i {
  font-size: 13px; /* 字体大小 */
}

/* 上下篇文章链接中的缩略图样式 */
.cxtheme-nextandprev-box .cxnextadnprev-box > a .paged-thumb {
  position: absolute; /* 绝对定位 */
  left: 30px; /* 左侧偏移 */
  top: 25px; /* 顶部偏移 */
  width: 120px; /* 宽度 */
  margin-bottom: 0; /* 下外边距 */
  border-radius: 2px; /* 圆角效果 */
}

/* 上下篇文章链接中的缩略图样式 */
.cxtheme-nextandprev-box .cxnextadnprev-box > a .thumb {
  display: block; /* 块级显示 */
  width: 100%; /* 宽度100% */
  height: 0; /* 高度为0 */
  padding-top: 66.7%; /* 上内边距 */
  background-position: center; /* 背景居中 */
  background-repeat: no-repeat; /* 不重复背景 */
  background-size: cover; /* 背景覆盖 */
  background-color: transparent; /* 背景透明 */
  position: relative; /* 相对定位 */
  overflow: hidden; /* 隐藏溢出内容 */
  transition: all .2s; /* 过渡效果 */
  padding-top: 63.66667%; /* 顶部内边距 */
  border-radius: 4px; /* 圆角效果 */
  background-position: left center; /* 背景左侧居中 */
}

/* 上下篇文章链接中的标题样式 */
.cxtheme-nextandprev-box .cxnextadnprev-box > a h5 {
  margin-bottom: 10px; /* 下外边距 */
  font-size: 14px; /* 字体大小 */
  line-height: 20px; /* 行高 */
}

/* 上下篇文章链接中的子标题样式 */
.cxtheme-nextandprev-box .cxnextadnprev-box > a h3 {
  font-size: 14px; /* 字体大小 */
  line-height: 20px; /* 行高 */
  height: 25px; /* 高度 */
  font-weight: normal; /* 字体正常 */
  overflow: hidden; /* 隐藏溢出内容 */
  display: -webkit-box; /* 使用盒子模型 */
  -webkit-line-clamp: 1; /* 限制为1行 */
  -webkit-box-orient: vertical; /* 竖直排列 */
  text-overflow: ellipsis; /* 省略溢出文本 */
}

/* 小屏幕下的样式设计 */
@media screen and (max-width: 500px) {
  .cxtheme-nextandprev-box {
    display: block; /* 块级显示 */
    border: none; /* 无边框 */
  }
  .cxtheme-nextandprev-box .cxnextadnprev-box {
    width: 100%; /* 宽度100% */
  }
  .cxtheme-nextandprev-box .cxnextadnprev-box.cxprev-box {
    border-right: none; /* 无右边框 */
    margin-bottom: 15px; /* 下外边距 */
    border: 1px solid #f3f3f3; /* 边框 */
  }
  .cxtheme-nextandprev-box .cxnextadnprev-box.cxnext-box {
    text-align: left; /* 左对齐 */
    border-left: none; /* 无左边框 */
    border: 1px solid #f3f3f3; /* 边框 */
  }
}

/* 小工具样式 */
.widget {
  margin-top: 45px; /* 上外边距 */
}

.widget:first-child {
  margin-top: 0; /* 无外边距 */
}

/* 小工具标题样式 */
.widget h3 {
  line-height: 30px; /* 行高 */
  margin-bottom: 20px; /* 下外边距 */
  border-bottom: solid 1px #eaeaea; /* 下边框 */
  position: relative; /* 相对定位 */
  font-weight: bold; /* 字体加粗 */
}

/* 小工具标题底部的线条样式 */
.widget h3 span {
  border-bottom: solid 2px #2e323e; /* 下边框 */
  display: inline-block; /* 行内块元素 */
  padding-bottom: 5px; /* 下内边距 */
  margin-bottom: -2px; /* 下边距 */
  padding-right: 10px; /* 右内边距 */
}

/* 图片宽度100% */
.images-width-100 {
  width: 100%; /* 宽度100% */
  height: auto; /* 高度自动 */
}

/* 图片圆角样式 */
.images-radius {
  border-radius: 4px; /* 圆角效果 */
}

/* 小工具中的图片样式 */
.widget_media_image img {
  max-width: 100%; /* 最大宽度100% */
  height: auto; /* 高度自动 */
}

/* 搜索小工具样式 */
.widget_search .search-input {
  position: relative; /* 相对定位 */
  border-radius: 4px; /* 圆角效果 */
  overflow: hidden; /* 隐藏溢出内容 */
}

/* 搜索输入框样式 */
.widget_search .search-input input {
  border-radius: 4px; /* 圆角效果 */
}

/* 搜索按钮样式 */
.widget_search .search-input button {
  position: absolute; /* 绝对定位 */
  right: 0; /* 右侧对齐 */
  top: 0; /* 顶部对齐 */
  line-height: 38px; /* 行高 */
  border: none; /* 无边框 */
  width: 50px; /* 宽度 */
  height: 38px; /* 高度 */
  color: #666; /* 字体颜色 */
  background: #e6e6e6; /* 背景颜色 */
}

/* 标签云小工具样式 */
.widget_tag_cloud .tagcloud {
  margin: 0 -10px; /* 外边距 */
  max-height: 180px; /* 最大高度 */
  overflow: hidden; /* 隐藏溢出内容 */
}

/* 标签云链接样式 */
.widget_tag_cloud .tagcloud a {
  margin: 0 8px 20px; /* 外边距 */
  color: #555; /* 字体颜色 */
  font-size: 13px !important; /* 字体大小 */
  white-space: nowrap; /* 不换行 */
  display: inline-block; /* 行内块元素 */
  background: #f2f2f3; /* 背景颜色 */
  border-radius: 3px; /* 圆角效果 */
  height: 40px; /* 高度 */
  line-height: 40px; /* 行高 */
  padding: 0 12px; /* 内边距 */
  transition: all .2s; /* 过渡效果 */
}

/* 标签云链接的悬停样式 */
.widget_tag_cloud .tagcloud a:hover {
  background: #ff5c00; /* 悬停背景颜色 */
  color: #fff; /* 悬停字体颜色 */
}

/* 日历小工具样式 */
.widget_calendar .calendar_wrap {
  text-align: center; /* 居中对齐 */
}

/* 日历小工具表格样式 */
.widget_calendar .calendar_wrap table {
  margin-bottom: 0; /* 无下外边距 */
  width: 100%; /* 宽度100% */
}

/* 日历小工具表格标题样式 */
.widget_calendar .calendar_wrap table caption {
  background-color: #f3f2f2; /* 背景颜色 */
  line-height: 30px; /* 行高 */
  border-radius: 6px; /* 圆角效果 */
  margin-bottom: 10px; /* 下外边距 */
}

/* 日历小工具单元格样式 */
.widget_calendar .calendar_wrap table td,
.widget_calendar .calendar_wrap table th {
  padding: 10px; /* 内边距 */
  word-break: break-all; /* 单词换行 */
  border: none; /* 无边框 */
}

/* 日历小工具单元格颜色样式 */
.widget_calendar .calendar_wrap table td {
  color: #666; /* 字体颜色 */
}

/* 日历小工具单元格链接样式 */
.widget_calendar .calendar_wrap table td a {
  color: #009688; /* 字体颜色 */
  text-decoration: underline; /* 下划线 */
}

/* 日历小工具行样式 */
.widget_calendar .calendar_wrap table tr {
  margin-bottom: 5px; /* 下外边距 */
}

/* 日历小工具导航样式 */
.widget_calendar .wp-calendar-nav {
  display: none; /* 不显示 */
}

/* 最近文章小工具样式 */
.widget_recent_entries ul {
  padding-left: 20px; /* 左内边距 */
}

/* 最近文章列表项样式 */
.widget_recent_entries ul li {
  margin-bottom: 10px; /* 下外边距 */
  line-height: 20px; /* 行高 */
  list-style-type: disc; /* 列表样式 */
}

/* 最近文章链接样式 */
.widget_recent_entries ul li a {
  color: #2e323e; /* 字体颜色 */
}

/* 归档小工具列表样式 */
.widget_archive ul:after {
  content: ''; /* 内容为空 */
  display: block; /* 块级显示 */
  clear: both; /* 清除浮动 */
}

/* 归档小工具列表项样式 */
.widget_archive ul li {
  width: 50%; /* 宽度50% */
  float: left; /* 向左浮动 */
}

/* 相关文章区域样式 */
.multi-xgpost-box {
  background-color: #f3f6fb; /* 背景颜色 */
  padding: 40px 0; /* 内边距 */
}

/* 相关文章列表项样式 */
.multi-xgpost-box .multi-postlist li {
  width: 25%; /* 宽度 */
  float: left; /* 向左浮动 */
  padding: 15px; /* 内边距 */
  box-sizing: border-box; /* 包含内边距和边框 */
}

/* 404页面样式 */
.multi-404-area {
  text-align: center; /* 居中对齐 */
  padding: 100px 0; /* 内边距 */
}

/* 404页面标题样式 */
.multi-404-area .page-title {
  font-size: 20px; /* 字体大小 */
}

/* 404页面内容样式 */
.multi-404-area .page-content {
  padding: 20px 0 50px 0; /* 内边距 */
  max-width: 500px; /* 最大宽度 */
  width: 100%; /* 宽度100% */
  margin: 0 auto; /* 自动居中 */
}

/* 404页面内容段落样式 */
.multi-404-area .page-content p {
  line-height: 40px; /* 行高 */
  margin: 30px 0; /* 外边距 */
}

/* 404页面搜索输入框样式 */
.multi-404-area .search-input {
  position: relative; /* 相对定位 */
}

/* 404页面搜索按钮样式 */
.multi-404-area .search-input button {
  position: absolute; /* 绝对定位 */
  top: 0; /* 顶部对齐 */
  right: 0; /* 右侧对齐 */
  height: 38px; /* 高度 */
  line-height: 38px; /* 行高 */
  width: 50px; /* 宽度 */
  text-align: center; /* 居中对齐 */
  border: none; /* 无边框 */
  border-radius: 0 4px 4px 0; /* 圆角效果 */
}

/* 变换缩放效果的样式 */
.transform-scale .scale-thumb-box {
  display: block; /* 块级显示 */
  overflow: hidden; /* 隐藏溢出内容 */
}

/* 鼠标悬停时缩放效果 */
.transform-scale:hover .post-thumb-box {
  transform: scale(1.1); /* 缩放效果 */
}

/* 缩放效果的过渡样式 */
.transform-scale .post-thumb-box {
  transition: all .2s; /* 过渡效果 */
}

/* 移动端搜索数据样式 */
.multi-xs-search-data {
  width: 100%; /* 宽度100% */
  position: absolute; /* 绝对定位 */
  top: 0; /* 顶部对齐 */
  left: 0; /* 左侧对齐 */
  z-index: 999; /* z-index层级 */
  height: 60px; /* 高度 */
  display: none; /* 不显示 */
  background: #fff; /* 背景颜色 */
  padding: 0 60px 0 20px; /* 内边距 */
  box-sizing: border-box; /* 包含内边距和边框 */
}

/* 移动端搜索数据关闭按钮样式 */
.multi-xs-search-data .popsearch-close {
  display: inline-block; /* 行内块元素 */
  border-radius: 50%; /* 圆形效果 */
  box-sizing: border-box; /* 包含内边距和边框 */
  line-height: 25px; /* 行高 */
  height: 25px; /* 高度 */
  width: 25px; /* 宽度 */
  color: #2e323e; /* 字体颜色 */
  cursor: pointer; /* 鼠标指针样式 */
  position: absolute; /* 绝对定位 */
  right: 20px; /* 右侧对齐 */
  top: 50%; /* 垂直居中 */
  margin-top: -12px; /* 顶部偏移 */
  text-align: center; /* 居中对齐 */
  font-weight: bold; /* 字体加粗 */
}

/* 移动端搜索数据表单样式 */
.multi-xs-search-data form {
  width: 100%; /* 宽度100% */
  position: relative; /* 相对定位 */
}

/* 移动端搜索输入框样式 */
.multi-xs-search-data form .top-input {
  width: 100%; /* 宽度100% */
  line-height: 30px; /* 行高 */
  border-radius: 30px; /* 圆角效果 */
  border: none; /* 无边框 */
  font-size: 12px; /* 字体大小 */
  padding: 0 20px; /* 内边距 */
  box-sizing: border-box; /* 包含内边距和边框 */
  background: #eee; /* 背景颜色 */
}

/* 移动端搜索按钮样式 */
.multi-xs-search-data form button {
  position: absolute; /* 绝对定位 */
  top: 50%; /* 垂直居中 */
  right: 0; /* 右侧对齐 */
  height: 30px; /* 高度 */
  line-height: 30px; /* 行高 */
  margin-top: -14px; /* 顶部偏移 */
  width: 40px; /* 宽度 */
  border: none; /* 无边框 */
  background: none; /* 无背景 */
}

/* 小屏幕下的响应式样式 */
@media screen and (max-width: 769px) {
  .multi-slide-box {
    padding: 30px 0; /* 内边距 */
  }
  .multi-slide-box .slide-left-box {
    width: 58.4%; /* 宽度 */
  }
  .multi-slide-box .slide-right-box {
    width: 41.6%; /* 宽度 */
  }
  .multi-slide-box .slide-right-box .item {
    width: 100%; /* 宽度100% */
    padding-left: 20px; /* 左内边距 */
    padding-top: 20px; /* 上内边距 */
  }
  .multi-slide-box .slide-right-box .item:nth-child(n+3) {
    display: none; /* 隐藏第三个及之后的项 */
  }
  .multi-indexmenu-box > div {
    padding: 0 159px 0 95px; /* 内边距 */
  }
  .multi-indexmenu-box > div h2 {
    left: 5px; /* 左侧偏移 */
  }
  .multi-indexmenu-box > div .indexmenu-right-more {
    right: 5px; /* 右侧偏移 */
  }
  .multi-indexzt-box {
    padding: 20px 0; /* 内边距 */
  }
  .multi-indexzt-box .indexzt-list li {
    width: 50%; /* 宽度 */
    padding: 10px; /* 内边距 */
  }
  .multi-postlist-box .multi-postlist li {
    width: 50%; /* 宽度 */
    padding: 10px; /* 内边距 */
  }
  .multi-single-content {
    padding-right: 0; /* 右内边距 */
  }
  .multi-single-sidebar {
    padding-left: 0; /* 左内边距 */
  }
  .multi-xgpost-box .multi-postlist li {
    width: 50%; /* 宽度 */
    padding: 10px; /* 内边距 */
  }
}

/* 移动端菜单和登录样式 */
.multi-xs-menu,
.multi-xs-login {
  display: none; /* 不显示 */
  margin-left: 20px; /* 左外边距 */
  color: #4e4e4e; /* 字体颜色 */
  height: 60px; /* 高度 */
}

/* 移动端菜单数据样式 */
.multi-xs-menu-data {
  width: 100%; /* 宽度100% */
  position: fixed; /* 固定定位 */
  top: 0; /* 顶部对齐 */
  left: 0; /* 左侧对齐 */
  z-index: 999; /* z-index层级 */
  height: 100%; /* 高度100% */
  display: none; /* 不显示 */
}

/* 移动端菜单的导航样式 */
.multi-xs-menu-data .layui-nav {
  height: 100%; /* 高度100% */
  transform: translateX(-200px); /* 向左偏移 */
  z-index: 99; /* z-index层级 */
}

/* 移动端菜单显示样式 */
.multi-xs-menu-data .multi-transform-show {
  transform: translateX(0); /* 还原位置 */
}

/* 移动端菜单背景样式 */
.multi-xs-menu-data .menu-data-bg {
  height: 100%; /* 高度100% */
  position: absolute; /* 绝对定位 */
  top: 0; /* 顶部对齐 */
  left: 0; /* 左侧对齐 */
  width: 100%; /* 宽度100% */
  z-index: 98; /* z-index层级 */
  background: rgba(0, 0, 0, 0.26); /* 半透明背景 */
}

/* 小屏幕下的样式设计 */
@media screen and (max-width: 500px) {
  .multi-header-box {
    line-height: 60px; /* 行高 */
    height: 60px; /* 高度 */
  }
  .multi-indexmenu-box > div {
    padding: 0 10px 0 95px; /* 内边距 */
  }
  .multi-indexmenu-box > div .indexmenu-right-more {
    display: none; /* 不显示 */
  }
  .pagination .nav-links {
    text-align: center; /* 居中对齐 */
    display: block; /* 块级显示 */
  }
  .pagination .nav-links .prev, .pagination .nav-links .next {
    display: none; /* 不显示 */
  }
  .multi-slide-box {
    padding: 30px 0; /* 内边距 */
  }
  .multi-slide-box .slide-left-box {
    width: 100%; /* 宽度100% */
  }
  .multi-slide-box .slide-right-box {
    display: none; /* 不显示 */
  }
}

/* 大屏幕下的样式设计 */
@media screen and (min-width: 768px) {
  .multi-xs-menu-data {
    display: none !important; /* 不显示 */
  }
  .slide-post-archive .post-meta-box p {
    min-height: 60px; /* 最小高度 */
  }
}
























/* Footer styles */
.footer {
  background: #efefef; /* 背景颜色 */
  color: #000000; /* 字体颜色 */
  font-family: Inter, sans-serif; /* 字体 */
  margin: 0;
  padding: 24px 0; /* 上下内边距 */
  width: 100%; /* 宽度100% */
}

.footer-content {
  max-width: 1200px; /* 最大宽度 */
  margin: 0 auto; /* 居中对齐 */
  padding: 0 16px; /* 左右内边距 */
}

.footer-primary {
  display: flex; /* 使用Flex布局 */
  justify-content: space-between; /* 两边对齐 */
  flex-wrap: wrap; /* 换行 */
}

.footer-logo {
  display: flex; /* 使用Flex布局 */
  flex-direction: column; /* 垂直排列内容 */
  justify-content: center; /* 垂直居中 */
  max-width: 200px; /* 设置最大宽度 */
}

.footer-logo a {
  font-size: 24px; /* Logo字体大小 */
  text-decoration: none; /* 去掉下划线 */
  color: #ff4d4d; /* Logo颜色 */
  white-space: nowrap; /* 不换行 */
}

.footer-description {
  font-size: 14px; /* 描述字体大小 */
  color: #ccc; /* 描述颜色 */
  margin-top: 4px; /* 描述与Logo之间的间距 */
  max-width: 100%; /* 最大宽度为100% */
  overflow-wrap: break-word; /* 自动换行 */
  word-wrap: break-word; /* 兼容性支持 */
  white-space: normal; /* 确保正常换行 */
  flex-shrink: 1; /* 允许描述文字缩小 */
}

.footer-sections {
  display: flex; /* 使用Flex布局 */
  flex-wrap: wrap; /* 换行 */
  gap: 24px; /* 间距 */
  margin-left: 32px; /* 向右移动 */
}

.footer-section {
  flex: 1; /* 自适应宽度 */
  min-width: 200px; /* 最小宽度 */
}

.footer-heading {
  font-size: 20px; /* 标题字体大小 */
  margin-bottom: 12px; /* 标题与内容间距 */
}

.footer-list {
  list-style-type: none; /* 去掉列表样式 */
  padding: 0; /* 去掉内边距 */
}

.footer-list li {
  margin: 4px 0; /* 列表项上下间距 */
}

.footer-list a {
  color: #bbbbbb; /* 链接颜色 */
  text-decoration: none; /* 去掉下划线 */
}

.footer-list a:hover {
  text-decoration: underline; /* 悬停时添加下划线 */
}

.footer-secondary {
  margin-top: 24px; /* 上边距 */
  font-size: 12px; /* 字体大小 */
  line-height: 1.5; /* 行高 */
}

.footer-terms {
  display: flex; /* 使用Flex布局 */
  flex-wrap: wrap; /* 换行 */
  gap: 16px; /* 项目之间的间距 */
}

.footer-terms li {
  display: inline; /* 在同一行显示 */
}

.footer-license {
  margin-top: 16px; /* 上边距 */
}

.footer-regulators {
  margin-top: 16px; /* 上边距 */
}

.footer-regulators a {
  color: #fff; /* 链接颜色 */
  text-decoration: none; /* 去掉下划线 */
}


.footer-bottom {
    display: flex; /* 使用 Flexbox 布局 */
    justify-content: center; /* 水平居中对齐 */
    align-items: center; /* 垂直居中对齐（如果需要） */
    padding: 10px; /* 可选：增加一些内边距 */
    background-color: #f1f1f1; /* 可选：设置背景颜色 */
}