/* 全屏头部容器基础定位 - 强制透明背景 */
#page-header.full_page {
  position: relative !important;
  overflow: hidden;
  background: transparent !important;
  background-color: transparent !important;
}

/* 当有视频顶图时，强制移除所有背景色 */
#page-header.full_page:not(.not-top-img) {
  background: transparent !important;
  background-color: transparent !important;
}

/* 强制覆盖主题默认的蓝色背景 */
#page-header.full_page,
#page-header.full_page.fixed,
#page-header.full_page.nav-fixed {
  background-color: transparent !important;
  background-image: none !important;
}

/* 头部半透明黑色遮罩 ::before 只做背景，不占用文字伪元素 */
#page-header.full_page::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.25);
  z-index: 1;
}

/* 隐藏原生site-title，不再使用它自带文字 */
#page-header.full_page #site-title {
  visibility: hidden !important;
  position: relative;
  font-size: 2.5rem;
  text-align: center;
  opacity: 0;
  animation: fadeInUp 1.5s ease-out forwards;
}

/* 主标题【欢迎来到我的博客】用 ::after 独立层，不受父opacity影响，纯白 */
#page-header.full_page::after {
  content: "欢迎来到我的博客";
  position: absolute;
  left: 0;
  right: 0;
  top: 42%;
  white-space: nowrap;
  width: 100%;
  text-align: center;
  color: #ffffff !important;
  font-size: 2.8rem;
  z-index: 4;
  opacity: 0;
  animation: fadeInUp 1.5s ease-out forwards;
}

/* 标题上浮淡入动画（原有动画保留不变） */
@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(30px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* ========== 副标题【共同进步】完整样式 ========== */
#page-header.full_page #site-subtitle {
  opacity: 0;
  animation: subFade 2s ease forwards;
  animation-delay: 0.5s;
  position: relative;
  z-index: 3;
  text-align: center;
  color: #ffffff !important;
  text-shadow: none;
  font-size: 24px;
}

/* 副标题淡入动画 */
@keyframes subFade {
  from { opacity: 0; }
  to { opacity: 1; }
}

/* 信息层层级，放在遮罩上方 */
#page-header.full_page .page-header-info {
  position: relative;
  z-index: 2;
}

/* 视频顶图样式 - 视频作为顶图而不是背景图 */
.banner-video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 0;
  pointer-events: none;
}

/* 手机端视频适配 - 调整object-fit以显示更多内容 */
@media screen and (max-width: 768px) {
  .banner-video {
    object-fit: contain;
    min-height: 70vh;
    width: auto;
    left: 50%;
    transform: translateX(-50%);
  }
  
  /* 手机端头部高度 */
  #page-header.full_page {
    height: 70vh !important;
    min-height: 400px;
  }
  
  /* 手机端标题调整 */
  #page-header.full_page::after {
    font-size: 1.8rem;
    top: 38%;
  }
  
  #page-header.full_page #site-subtitle {
    font-size: 18px;
  }
}

/* 当使用视频顶图时，header 的背景设为透明 */
#page-header.full_page.video-banner {
  background: transparent !important;
}

/* 全局播放器容器样式 - 填满导航栏 */
#global-player-wrapper {
  position: fixed;
  top: 0;
  left: 180px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: transparent;
  z-index: 9999;
}

#global-player-wrapper .aplayer {
  width: 60px;
  height: 60px;
  opacity: 0.8;
  margin: 0 !important;
  padding: 0 !important;
}

/* 隐藏播放器其他元素，只保留播放按钮 */
#global-player-wrapper .aplayer .aplayer-info {
  display: none !important;
}

#global-player-wrapper .aplayer .aplayer-bar-wrap {
  display: none !important;
}

#global-player-wrapper .aplayer .aplayer-list {
  display: none !important;
}

#global-player-wrapper .aplayer .aplayer-pic {
  width: 60px !important;
  height: 60px !important;
  border-radius: 0 !important;
  margin: 0 !important;
}

/* 播放按钮样式 */
#global-player-wrapper .aplayer .aplayer-pic .aplayer-button {
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  width: 28px !important;
  height: 28px !important;
}

#global-player-wrapper .aplayer .aplayer-pic .aplayer-button svg {
  width: 28px !important;
  height: 28px !important;
}