/* 
 Theme Name:   twenty twenty-five child theme
 Theme URI:    
 Description:  
 Author:       yintianjun
 Author URI:   http://jszjcg.local
 Template:     twentytwentyfive
 Version:      1.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html

 /* == Add your own styles below this line ==
--------------------------------------------*/

/* 全局样式重置 */
html {
  box-sizing: border-box;
}

*, *::before, *::after {
  box-sizing: inherit;
}

/* 导航栏固定在顶部 */
header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 9999;
  /* 减小内边距，降低高度 */
  padding: 0.5rem 1rem;
  /* 更透明的背景 */
  background-color: rgba(255, 255, 255, 0.3) !important; 
  backdrop-filter: blur(15px) !important;
  -webkit-backdrop-filter: blur(15px) !important; 
  border-bottom: 1px solid rgba(255, 255, 255, 0.2); 
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05); 
  /* 安全区域适配 */
  /* padding-top: calc(0.5rem + env(safe-area-inset-top, 0px));
  padding-left: calc(1rem + env(safe-area-inset-left, 0px));
  padding-right: calc(1rem + env(safe-area-inset-right, 0px)); */
    font-weight: 700 !important;
  font-size: 1em !important;
}


/* 确保页眉内所有元素的背景都是透明的 */
header *,
header .wp-block-row,
header .wp-block-group {
  background-color: transparent !important;
  /* backdrop-filter: none !important; */
  /* background-image: none !important; */
  border: none !important;
  /* box-shadow: none !important; */
  /* margin: 0 !important; */
  /* padding: 0 !important;  */
  font-weight: 700 !important;
  font-size: 1.07em !important;
  color: #002663 !important; /* 黑色文字 */
  text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff !important; /* 白色描边 */
}

/* 导航下拉菜单完全透明 */
header .sub-menu,
header .dropdown-menu,
header .wp-block-navigation__submenu-container {
  background-color: transparent !important;
  /* backdrop-filter: blur(15px) !important; */
  /* -webkit-backdrop-filter: blur(15px) !important; */
  /* border: none !important; */
  /* box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1) !important; */
  font-weight: 700 !important;
  font-size: 1em !important;
  margin-top: 30px !important; /* 改这个值调距离 */
  white-space: nowrap !important; /* 防止文字换行 */
  min-width: 180px !important; /* 设置最小宽度 */
}

/* 大屏下隐藏全局滚动条（仅在有 swiper 的页面） */
@media (min-width: 783px) {
  body:has(.swiper) {
    overflow: hidden;
  }
}

/* 内容页面允许正常滚动 */
body:not(:has(.swiper)) {
  overflow: auto;
}

/* 非swiper页面内容避开固定页眉（所有宽度） */
body:not(.wp-admin):not(:has(.swiper)) main,
body:not(.wp-admin):not(:has(.swiper)) .entry-content,
body:not(.wp-admin):not(:has(.swiper)) .wp-block-post-content {
  padding-top: 120px !important;
}

/* Swiper 容器样式 */
body:not(.wp-admin) .swiper {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  width: 100%;
  height: 100vh;
  overflow: hidden;
  margin: 0;
  padding: 0;
}

body:not(.wp-admin) .swiper-wrapper {
  width: 100%;
  height: 100%;
}

body:not(.wp-admin) .swiper-slide {
  height: 100vh;
  display: block;
  overflow: auto;
  padding: 0;
  margin: 0;
}

/* 确保第1组的图片容器和图片能全屏显示 */
body:not(.wp-admin) .swiper-slide:first-child figure {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  max-width: 100%;
}

body:not(.wp-admin) .swiper-slide:first-child figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  max-width: 100%;
}

/* 按照组数控制下沉：第1组不下沉，其他组都下沉 */
body:not(.wp-admin) .swiper .swiper-slide:nth-child(n+2) {
  padding-top: 130px; /* 从第2组开始都下沉 */
}

/* 确保所有父容器也没有边距 */
body:not(.wp-admin) .swiper-slide > * {
  margin: 0;
  padding: 0;
  width: 100%;
}

/* 处理 Admin Bar 高度 */
body:not(.wp-admin).admin-bar .swiper {
  height: calc(100vh - 32px);
}

@media (max-width: 782px) {
  body:not(.wp-admin).admin-bar .swiper {
    height: calc(100vh - 46px);
  }
}

/* 手机端（<783px）：关闭全屏，恢复正常滚动 */
@media (max-width: 782px) {
  body:not(.wp-admin) .swiper {
    position: relative !important;
    height: auto !important;
    overflow: visible !important;
  }
  body:not(.wp-admin) .swiper-wrapper {
    height: auto !important;
    display: block !important;
  }
  body:not(.wp-admin) .swiper-slide {
    height: auto !important;
    overflow: visible !important;
  }
  body:has(.swiper) {
    overflow: auto !important;
  }



  /* 小屏下公司名称缩小字号，允许完整显示 */
  header .wp-block-site-title {
    font-size: 0.6em !important;
    line-height: 1.2 !important;
    flex: 1 1 auto !important;
    min-width: 0 !important;
    max-width: 55% !important;
  }

  /* 小屏下搜索框缩小 */
  header .wp-block-search {
    zoom: 0.55 !important;
    flex-shrink: 0 !important;
  }
  header .wp-block-search .wp-block-search__input {
    font-size: 0.8em !important;
  }

  /* 小屏下导航菜单：默认隐藏，展开时显示 */
  .wp-block-navigation__responsive-container:not(.is-menu-open) {
    display: none !important;
  }
  .wp-block-navigation__responsive-container.is-menu-open {
    display: flex !important;
    background-color: rgba(255, 255, 255, 0.3) !important;
    backdrop-filter: blur(15px) !important;
    -webkit-backdrop-filter: blur(15px) !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    width: 100vw !important;
    height: 100vh !important;
    position: fixed !important;
    z-index: 100000 !important;
    flex-direction: column !important;
    padding: 80px 1rem 1rem !important;
  }

  /* 小屏下一级目录：大字号、加粗、居中 */
  .wp-block-navigation__responsive-container .wp-block-navigation__container > li > a,
  .wp-block-navigation__responsive-container .wp-block-navigation__container > li.wp-block-navigation-submenu > button,
  .wp-block-navigation__responsive-container .wp-block-navigation__container > li.wp-block-navigation-submenu > .wp-block-navigation-submenu__button,
  .wp-block-navigation__responsive-container .wp-block-navigation__container > li.wp-block-navigation-submenu > a {
    font-size: 1.3em !important;
    font-weight: 700 !important;
    padding: 1rem 2rem !important;
    text-align: center !important;
    display: block !important;
    width: 100% !important;
  }

  /* 小屏下二级目录及其子元素全部左对齐 */
  .wp-block-navigation__responsive-container .wp-block-navigation__submenu-container,
  .wp-block-navigation__responsive-container .wp-block-navigation__submenu-container *,
  .wp-block-navigation__responsive-container .wp-block-navigation__submenu-container li,
  .wp-block-navigation__responsive-container .wp-block-navigation__submenu-container li a,
  .wp-block-navigation__responsive-container .wp-block-navigation__submenu-container li button {
    text-align: left !important;
  }

  /* 小屏下菜单主容器：取消居中，改为左对齐 */
  .wp-block-navigation__responsive-container .wp-block-navigation__container {
    justify-content: flex-start !important;
    align-items: flex-start !important;
  }

  /* 小屏下一级目录：居中显示（覆盖上面的左对齐） */
  .wp-block-navigation__responsive-container .wp-block-navigation__container > li {
    width: 100% !important;
    text-align: center !important;
  }

  /* 小屏下子菜单的父li：让子菜单容器靠左 */
  .wp-block-navigation__responsive-container .wp-block-navigation__container > li.wp-block-navigation-submenu {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    width: 100% !important;
    text-align: left !important;
  }

  /* 小屏下二级目录容器：强制左对齐 */
  .wp-block-navigation__responsive-container .wp-block-navigation__submenu-container {
    width: 100% !important;
    position: static !important;
    padding: 0 !important;
    margin: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
    align-items: flex-start !important;
  }

  /* 小屏下二级目录：正常字号、缩进、左对齐 */
  .wp-block-navigation__responsive-container .wp-block-navigation__submenu-container > li {
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    text-align: left !important;
  }
  .wp-block-navigation__responsive-container .wp-block-navigation__submenu-container > li > a,
  .wp-block-navigation__responsive-container .wp-block-navigation__submenu-container > li > button,
  .wp-block-navigation__responsive-container .wp-block-navigation__submenu-container > li > .wp-block-navigation-item__content {
    font-size: 1em !important;
    font-weight: 400 !important;
    padding-left: 4rem !important;
    padding-right: 2rem !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    text-indent: 0 !important;
    display: block !important;
    width: 100% !important;
    box-sizing: border-box !important;
    text-align: left !important;
  }

  /* 小屏下隐藏页脚导航栏 */
  footer .wp-block-navigation {
    display: none !important;
  }
}

/* 中等屏幕（600-782px）：显示汉堡按钮，菜单默认收起 */
@media (min-width: 600px) and (max-width: 782px) {
  .wp-block-navigation__responsive-container:not(.is-menu-open) {
    display: none !important;
  }
  .wp-block-navigation__responsive-container.is-menu-open {
    display: flex !important;
    background-color: rgba(255, 255, 255, 0.3) !important;
    backdrop-filter: blur(15px) !important;
    -webkit-backdrop-filter: blur(15px) !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    width: 100vw !important;
    height: 100vh !important;
    position: fixed !important;
    z-index: 100000 !important;
    flex-direction: column !important;
    padding: 80px 1rem 1rem !important;
  }
  .wp-block-navigation__responsive-container-open {
    display: flex !important;
  }
}

/* 编辑器中的样式保持原始状态 */
.wp-admin .swiper {
  height: auto;
}

.wp-admin .swiper-slide {
  min-height: 300px;
  padding: 1rem;
  border: 1px dashed #ccc;
  margin-bottom: 1rem;
}


/* 确保最后一页的 Footer 固定在底部 */
body:not(.wp-admin) .swiper-slide:last-child footer {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 10;
  width: 100%;
  background-color: rgba(255, 255, 255, 0.3) !important;
  backdrop-filter: blur(15px) !important;
  -webkit-backdrop-filter: blur(15px) !important;
  border-top: 1px solid rgba(255, 255, 255, 0.2) !important;
  padding: 1rem;
  box-sizing: border-box;
}

/* 小屏下 Footer 恢复正常文档流，不覆盖内容 */
@media (max-width: 782px) {
  body:not(.wp-admin) .swiper-slide:last-child footer {
    position: relative !important;
    bottom: auto !important;
  }
}

/* 集团动态文章列表样式 */
body:not(.wp-admin) .swiper-slide .wp-block-latest-posts li {
  display: flex !important;
  align-items: center !important;
   justify-content: space-between !important; /* 改为 space-between */
  gap: 5rem !important; /* 使用 gap 控制间距 */
  margin-bottom: 1rem !important; /* 添加下边距 */
}

body:not(.wp-admin) .swiper-slide .wp-block-latest-posts li:last-child {
  margin-bottom: 0 !important; /* 最后一个元素移除下边距 */
}

body:not(.wp-admin) .swiper-slide .wp-block-latest-posts li a {
  flex: 1 !important; /* 恢复 flex: 1 */
  margin-right: 0 !important;
}

body:not(.wp-admin) .swiper-slide .wp-block-latest-posts li time {
  white-space: nowrap !important;
  margin-left: 0 !important;
  text-align: right !important;
  min-width: 100px !important; /* 固定日期宽度 */
}

/* 确保文章详情页可以正常滚动 */
body.single-post {
  overflow: auto !important;
}

/* 文章详情页内容容器样式 */
body.single-post .entry-content {
  padding: 20px;
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
}

/* 确保搜索页面可以正常滚动 */
body.search {
  overflow: auto !important;
}

body.search .page-header,
body.search .search-form,
body.search .search-results {
  margin-top: 0 !important;
}

/* 页眉搜索框始终显示边框 */
header .wp-block-search__input {
  border: 1px solid #949494 !important;
  background-color: #fff !important;
  border-radius: 50px !important;
  padding: 8px 25px !important;
  color: #002663 !important;
}

header .wp-block-search__input::placeholder {
  color: #949494 !important;
}

/* 全站图片说明文字显示在图片下方 */
.wp-block-gallery .wp-block-image figcaption,
.wp-block-image figcaption {
  position: static !important;
  background: none !important;
  padding: 0.5rem 0 0 0 !important;
  text-align: center !important;
  font-weight: 100 !important;
  color: inherit !important;
  font-size: 0.8em !important;
  font-family: inherit !important;
}

/* 修复 is-cropped 模式下图片高度坍缩问题 */
.wp-block-gallery.has-nested-images.is-cropped figure.wp-block-image img {
  height: auto !important;
  flex: none !important;
}