/* ==================== 1. 全局背景图（保持清晰） ==================== */
#web_bg {
  background-image: url('/img/xueqi.jpg') !important;
  background-size: cover !important;
  background-position: center !important;
  background-attachment: fixed !important;
}

/* ==================== 2. 顶部导航栏（半透明白，不模糊） ==================== */
#nav {
  background-color: rgba(255, 255, 255, 0.55) !important;
}

/* ==================== 3. 首页文章卡片 ==================== */
.recent-post-item {
  background: rgba(255, 255, 255, 0.55) !important;
  border-radius: 12px !important;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.06) !important;
}

/* ==================== 4. 侧边栏卡片 ==================== */
.card-widget {
  background: rgba(255, 255, 255, 0.55) !important;
  border-radius: 12px !important;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.06) !important;
}

/* ==================== 5. 首页顶部透明 ==================== */
#page-header {
  background-color: transparent !important;
}

/* ==================== 6. 文章页顶部（用暗色遮罩让白字更清晰） ==================== */
#page-header.post-bg {
  background: rgba(0, 0, 0, 0.35) !important;
}

/* 文章标题、时间、浏览量统一用白字，配合暗色遮罩非常清晰 */
#page-header.post-bg #post-info .post-title {
  color: #ffffff !important;
  font-weight: 700 !important;
  text-shadow: 0 2px 8px rgba(0, 0, 0, 0.5) !important;
}

#page-header.post-bg #post-info .post-meta {
  color: #f0f0f0 !important;
  text-shadow: 0 1px 6px rgba(0, 0, 0, 0.5) !important;
}

/* ==================== 7. 文章详情页大容器 ==================== */
#post, 
#page, 
.post-block,
#article-container {
  background: rgba(255, 255, 255, 0.6) !important;
  border-radius: 12px !important;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.06) !important;
}
#post, #page, .post-block, #article-container {
  color: #333333 !important;
}
#article-container h1, #article-container h2, #article-container h3,
#article-container p, #article-container li, #article-container strong {
  color: #333333 !important;
}

/* ==================== 8. 版权声明卡片 ==================== */
#post-copyright, 
.post-copyright {
  background: rgba(255, 255, 255, 0.5) !important;
  border: 1px solid rgba(255, 255, 255, 0.7) !important;
  border-radius: 12px !important;
  box-shadow: none !important;
}
#post-copyright *, 
.post-copyright * {
  color: #444444 !important;
}
#post-copyright a, 
.post-copyright a {
  color: #4a6fa5 !important;
  text-decoration: none !important;
}
#post-copyright a:hover, 
.post-copyright a:hover {
  color: #2f4d75 !important;
  text-decoration: underline !important;
}

/* ==================== 9. 底部页脚 ==================== */
#footer,
#footer-wrap {
  background: rgba(255, 255, 255, 0.55) !important;
}
#footer-wrap,
#footer,
#footer a {
  color: #333333 !important;
}

/* ==================== 10. 分享按钮极简风格 ==================== */
.post-share .share-item, 
#post-share .share-item {
  background: rgba(255, 255, 255, 0.5) !important;
  border: 1px solid rgba(0, 0, 0, 0.15) !important;
  box-shadow: none !important;
}
.post-share .share-item i,
.post-share .share-item svg,
#post-share .share-item i,
#post-share .share-item svg {
  color: #555555 !important;
  fill: #555555 !important;
}
.post-share .share-item:hover,
#post-share .share-item:hover {
  background: rgba(255, 255, 255, 0.9) !important;
  border-color: #1e3a5f !important;
}
.post-share .share-item:hover i,
.post-share .share-item:hover svg {
  color: #1e3a5f !important;
  fill: #1e3a5f !important;
}