/* 首页大图中间的站点标题（企鹅吃月饼） */
#site-title {
  font-size: 68px !important;   /* 可改：2.5rem / 48px / 4rem */
}

.avatar-img img {
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.avatar-img img:hover {
  transform: scale(1.05);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15);
}

/* 全站底图（真正的一体图底层） */
#web_bg {
  background: url("https://cdn.jsdelivr.net/gh/bingmiao322649/my-blog-images@main/img/index.png") center center / cover no-repeat fixed !important;
}

/* 首页头图也融入到底图*/
#page-header.full_page {
  background-size: cover !important;
  background-position: center center !important;
  background-attachment: fixed !important;
}

/* footer 融入：让 footer 自己不再有“独立背景块” */
#footer {
  background: transparent !important;   /* 关键 */
}

/* footer 文字可读性：加一层轻遮罩（不会破坏一体图） */
#footer::before {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.35); /* 0.25~0.5 自己调 */
  z-index: 0;
}

/* 确保 footer 内容在遮罩之上 */
#footer .footer-inner,
#footer .footer_custom_text,
#footer .copyright,
#footer .framework-info,
#footer .footer-meta,
#footer .footer-list {
  position: relative;
  z-index: 1;
}

/* 一图流设置 */
/* 1️⃣ 所有页面的头部都用同一张底图逻辑（融合 background） */
#page-header {
  background: transparent !important;
}

/* 2️⃣ 统一高度（你可以改成 60vh / 70vh） */
#page-header,
#page-header.full_page {
  height: 100vh !important;
}

/* 3️⃣ 统一遮罩（保证标题可读） */
#page-header::before {
  background: rgba(0, 0, 0, 0.3) !important;
}

/* 4️⃣ 标题内容始终居中 */
#page-header .page-header-content {
  top: 50% !important;
  transform: translateY(-50%);
}


/* 让图片描述文字显示在下方 */
.gallery-items .gallery-item .gallery-data {
    display: block !important;
    text-align: center; /* 文字居中 */
    padding: 10px 0;    /* 上下间距 */
    color: #555;        /* 文字颜色 */
    font-size: 14px;    /* 字体大小 */
    font-weight: 500;   /* 字体粗细 */
    font-family: "Microsoft YaHei", sans-serif; /* 更改字体 */
}


/* Twikoo：隐藏“图片上传”按钮，保留表情按钮 */
#twikoo .tk-input-image {
  display: none !important; /* 真正的 <input type="file"> */
}

/* 只隐藏第二个上传图片动作图标 */
#twikoo .tk-row-actions-start .tk-submit-action-icon:nth-of-type(2) {
  display: none !important;
}

/* Butterfly 正文容器通常是 #article-container */
#article-container p {
  text-indent: 2em !important;
  line-height: 1.9 !important;
  margin: 0.8em 0 !important;
}

/* Butterfly gallery 统一显示尺寸 */
.gallery-item {
  width: 100%;
  height: 220px;        /* 你想要的统一高度，可改：200 / 240 */
  overflow: hidden;
}

.gallery-item img {
  width: 100%;
  height: 100%;
  object-fit: cover;    /* 关键：裁剪而不是拉伸 */
}

/* 1) 输入密码栏外层容器在聚焦时不要出现背景块 */
/* #hexo-blog-encrypt .hbe-input.hbe-input-default:focus-within{
  background: transparent !important;
  background-color: transparent !important;
  box-shadow: none !important;
  filter: none !important;
} */

/* 收藏页面网址布局样式 */
.site-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
  gap: 15px;
}