/* =========================
   0) 全站背景图时，避免 body 默认背景色盖住图片（可选但建议）
   ========================= */
body {
  background: transparent !important;
}

/* =========================
   1) 首页文章卡片：磨砂玻璃（卡片 + 内部层一起磨砂）
   ========================= */
#recent-posts > .recent-post-item,
#recent-posts > .recent-post-item .recent-post-info {
  background: rgba(255, 255, 255, 0.55) !important;  /* 透明度：越小越透 */
  backdrop-filter: blur(20px) !important;            /* 虚化强度 */
  -webkit-backdrop-filter: blur(20px) !important;
  border: 1px solid rgba(255, 255, 255, 0.28) !important;
  box-shadow: 0 8px 30px rgba(0,0,0,0.08) !important;
  border-radius: 16px !important;
}

/* =========================
   2) 右侧侧边栏卡片：稍弱毛玻璃
   ========================= */
#aside-content .card-widget {
  background: rgba(255, 255, 255, 0.75) !important;
  backdrop-filter: blur(14px) !important;
  -webkit-backdrop-filter: blur(14px) !important;
  border: 1px solid rgba(255, 255, 255, 0.25) !important;
  box-shadow: 0 6px 24px rgba(0,0,0,0.06) !important;
  border-radius: 16px !important;
}

/* =========================
   3) footer 完全透明（不做毛玻璃、不发白）
   ========================= */
#footer,
#footer::before,
#footer::after {
  background: transparent !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  border-top: none !important;
  box-shadow: none !important;
}
/* =========================
   背景图磨砂：只虚化背景，不影响内容
   ========================= */

/* 用伪元素铺一层背景图并模糊它 */
body::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: -1;

  /* ✅ 背景图路径：改成你正在用的那张 */
  background: url("/img/index_bg.png") center / cover no-repeat fixed;

  /* ✅ 磨砂强度：数值越大越糊（建议 6~16） */
  filter: blur(12px);

  /* 防止模糊后边缘露白：放大一点 */
  transform: scale(1.06);
}

/* 确保页面本体背景透明，让伪元素露出来 */
html, body {
  background: transparent !important;
}
/* 只改首页打字机字幕（滚动那行） */
#site-subtitle,
#site-subtitle span {
  font-family: "HarmonyOS Sans SC", "PingFang SC", "Microsoft YaHei", Arial, sans-serif !important;
  font-size: 1.25rem !important;     /* 字号：想大就 1.35rem，想小就 1.1rem */
  font-weight: 600 !important;       /* 粗细：想更细改 500 */
  letter-spacing: 0.5px;             /* 字间距：想紧凑改 0 */
}
/* ========== 顶部导航：下拉菜单美化 ========== */

/* 下拉菜单容器（白底、圆角、阴影、毛玻璃轻微） */
#nav .menus_items .menus_item .menus_item_child {
  background: rgba(255, 255, 255, 0.88) !important;
  backdrop-filter: blur(10px) !important;
  -webkit-backdrop-filter: blur(10px) !important;
  border: 1px solid rgba(255, 255, 255, 0.35) !important;
  border-radius: 14px !important;
  box-shadow: 0 10px 30px rgba(0,0,0,0.12) !important;
  padding: 8px 6px !important;
  min-width: 160px !important;
}

/* 每一项：间距、圆角、hover */
#nav .menus_items .menus_item .menus_item_child li a {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;                 /* 图标和文字间距 */
  padding: 10px 14px !important;
  border-radius: 10px !important;
  font-size: 14px !important;
  color: rgba(0,0,0,0.78) !important;
}

/* hover 更舒服 */
#nav .menus_items .menus_item .menus_item_child li a:hover {
  background: rgba(73, 177, 245, 0.14) !important;   /* 跟主题蓝呼应 */
}