:root {
  --global-bg: url('/images/backgroung.jpg') no-repeat center center fixed !important;
  background-size: cover !important;
}
body {
  background: var(--global-bg) !important;
  background-size: cover !important;
  position: relative;
  z-index: 0;
}
body > * {
  position: relative;
  z-index: 1;
}
/* 导航栏透明 */
.header { /* 替换为实际类名，如 #header */
  background: transparent !important;
  backdrop-filter: blur(2px); /* 更低模糊强度 */
  -webkit-backdrop-filter: blur(2px); /* 兼容 Safari */
  background-color: rgba(0,0,0,0.35) !important; /* 更偏黑的半透明叠层 */
  position: relative;
  z-index: 10;
}
.header a, .header .menu-item {
  color: #fff !important; /* 白色文字 */
  text-shadow: 0 0 5px rgba(0, 0, 0, 0.5); /* 阴影提高可读性 */
}
.header .menu-item:hover {
  color: #ddd !important;
}

/* 文章框透明 */
.post-content, .page-content { /* 替换为实际类名 */
  background: transparent !important;
  backdrop-filter: blur(2px); /* 更低模糊强度 */
  -webkit-backdrop-filter: blur(2px);
  background-color: rgba(0,0,0,0.30) !important;
}
.post-content p, .post-content h1, .post-content h2, .post-content a,
.page-content p, .page-content h1, .page-content h2, .page-content a {
  color: #fff !important;
  text-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
}
.post-content a:hover, .page-content a:hover {
  color: #ddd !important;
}
#page-header {
  background: transparent !important; /* 移除蓝色背景 */
  background-color: transparent !important; /* 确保覆盖 */
}
.page-header.full_page {
  background: transparent !important; /* 覆盖 full_page 样式 */
}
#recent-posts .recent-post-item {
  background: transparent !important; /* 确保最近文章项透明 */
  backdrop-filter: blur(2px); /* 更低模糊强度 */
  -webkit-backdrop-filter: blur(2px);
  background-color: rgba(0,0,0,0.30) !important;
  color: #fff !important; /* 白色文字 */
  text-shadow: 0 0 5px rgba(0, 0, 0, 0.5); /* 阴影提高可读性 */
}
cardHover, .layout > div:first-child:not(.nc) {
  background: transparent !important; /* 确保卡片透明 */
  backdrop-filter: blur(2px); /* 更低模糊强度 */
  -webkit-backdrop-filter: blur(2px);
  background-color: rgba(0,0,0,0.30) !important;
  color: #fff !important; /* 白色文字 */
  text-shadow: 0 0 5px rgba(0, 0, 0, 0.5); /* 阴影提高可读性 */
}
#recent-posts .recent-post-item > .recent-post-info > .article-title {
  color: #fff !important; /* 白色文字 */
  text-shadow: 0 0 5px rgba(0, 0, 0, 0.5); /* 阴影提高可读性 */
}
#aside-content .card-widget {
  background: transparent !important; /* 确保侧边栏卡片透明 */
  backdrop-filter: blur(2px); /* 更低模糊强度 */
  -webkit-backdrop-filter: blur(2px);
  background-color: rgba(0,0,0,0.30) !important;
  color: #fff !important; /* 白色文字 */
  text-shadow: 0 0 5px rgba(0, 0, 0, 0.5); /* 阴影提高可读性 */
}
#aside-content .card-info #card-info-btn {
  background: transparent !important; /* 确保侧边栏按钮透明 */
  color: #fff !important; /* 白色文字 */
  text-shadow: 0 0 5px rgba(0, 0, 0, 0.5); /* 阴影提高可读性 */
}
.aplayer {
  background: transparent !important; /* 确保音乐播放器透明 */
  backdrop-filter: blur(2px); /* 更低模糊强度 */
  -webkit-backdrop-filter: blur(2px);
  background-color: rgba(0,0,0,0.30) !important;
  color: #fff !important; /* 白色文字 */
  text-shadow: 0 0 5px rgba(0, 0, 0, 0.5); /* 阴影提高可读性 */
}
h1, h2, h3, h4, h5, h6, h7, h8 {
  color: #fff !important; /* 确保标题文字颜色 */
  text-shadow: 0 0 5px rgba(0, 0, 0, 0.5); /* 阴影提高可读性 */
}
#aside-content #card-toc .toc-content .toc-link {
  color: #fff !important; /* 确保目录链接颜色 */
  text-shadow: 0 0 5px rgba(0, 0, 0, 0.5); /* 阴影提高可读性 */
}
#aside-content .aside-list > .aside-list-item .content > .title, #aside-content .aside-list > .aside-list-item .content > .comment{
  background: transparent !important; /* 确保侧边栏列表透明 */
  backdrop-filter: blur(2px); /* 更低模糊强度 */
  -webkit-backdrop-filter: blur(2px);
  background-color: rgba(0,0,0,0.30) !important;
  color: #fff !important; /* 白色文字 */
  text-shadow: 0 0 5px rgba(0, 0, 0, 0.5); /* 阴影提高可读性 */
}
.site-data > a .headline {
  color: #fff !important; /* 确保站点数据链接颜色 */
  text-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
}
.site-data > a .length-number {
  color: #fff !important; 
  text-shadow: 0 0 5px rgba(0, 0, 0, 0.5); 
}
/* 确保 body 背景不被覆盖 */
body {
  background: var(--global-bg) !important;
  background-size: cover !important;
  position: relative;
  z-index: 0;
}
/* 播放器放在页面内（音乐页标题下）时的样式 */
.music-player-wrapper {
  display: block;
  margin: 16px auto 24px auto; /* 与上方标题保持间距 */
  padding: 10px; /* 外围间隔，形成边框与毛玻璃之间的空隙 */
  max-width: 980px;
}
.music-player-wrapper .aplayer {
  position: relative !important; /* 不再固定底部 */
  width: 100% !important;
  height: auto !important;
  max-height: none !important;
  border-radius: 10px !important;
  overflow: hidden !important;
  background-color: rgba(0,0,0,0.18) !important; /* 更浅的外围背景，形成“中间一层” */
  box-shadow: 0 8px 30px rgba(0,0,0,0.45) !important; /* 投影增加分层感 */
  border: 1px solid rgba(255,255,255,0.03) !important;
}
/* 当播放器处于固定底栏且展开歌单时，限制歌单高度并允许滚动 */
.music-player-wrapper .aplayer .aplayer-list {
  max-height: 320px !important;
  overflow-y: auto !important;
}

/* 毛玻璃内部层，增加深色半透明覆盖创造黑色边框感觉 */
.music-player-wrapper .aplayer .aplayer-wrap {
  backdrop-filter: blur(6px) !important;
  -webkit-backdrop-filter: blur(6px) !important;
  background-color: rgba(0,0,0,0.28) !important; /* 黑色半透明层 */
}
body {
  padding-bottom: 70px !important; /* 确保内容不被遮挡 */
}