/* 页脚背景透明 */
#footer {
  background: transparent !important;
}
/* 页脚遮罩层透明（若存在） */
#footer::before {
  background: transparent !important;
}
/* 全局背景图片模糊 */
#web_bg {
  filter: blur(8px) !important; /* 8px为模糊程度，可调整数值（如5px、10px） */
  -webkit-filter: blur(8px) !important; /* 兼容Safari等浏览器 */
}

/* 确保背景层固定，避免滚动时重复模糊 */
#web_bg {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1; /* 保证背景在内容下方 */
}

/* 侧边栏内部卡片（如作者信息、分类）颜色和透明度 */
.widget-wrap {
  background-color: rgba(255, 255, 255, 0.9) !important; /* 卡片背景 */
  /* 可选：卡片阴影（降低透明度让阴影更柔和） */
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1) !important;
}


/* 导航栏整体背景+文字色 */
#header {
  background-color: #2c3e50 !important;
  color: #ffffff !important;
}
/* 导航栏菜单 hover 效果 */
#nav-menu a:hover {
  color: #f39c12 !important;
}


/* Butterfly 5.5 版本 - 文章宽度调整（强制生效） */
@media screen and (min-width: 900px) {
  /* 5.5 版本文章内容核心容器（必用这个选择器） */
  .layout_post .article-container {
    max-width: 1200px !important; /* 宽度按需改，比如 1100px/1300px */
    width: 100% !important; /* 辅助占满可用空间 */
    margin: 0 auto !important; /* 保持居中 */
    padding: 0 20px !important; /* 左右预留间距，不贴边 */
  }

  /* 外层容器同步加宽（5.5 版本必须配套改，否则内容区还是窄） */
  .layout_post .wrapper {
    max-width: 1300px !important; /* 比内容区宽 100px，适配边距 */
  }
}