/* ================== 瀑布流画廊 ================== */
.gallery-wrapper{
  width: 100%;
  margin-top: 1rem;
}

/* Masonry 列容器 */
.gallery-masonry{
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
  align-items: start;
}

/* 每个卡片（列内块） */
.gallery-item{
  background:#fff;
  border-radius:12px; /* 稍微大一点的圆角，更匹配主题 */
  overflow:hidden;
  border: var(--style-border-always);
  box-shadow: var(--anzhiyu-shadow-border);
  transition:transform .3s;
  height: 100%; /* 确保卡片填满高度 */
}

/* 鼠标悬停微动画 */
.gallery-item:hover{
  transform:translateY(-4px);
}

/* 图片自适应宽度 */
.gallery-cover{
  width:100%;
  height:auto;
  display:block;
}

/* 仅在首页展示时，强制高度统一以对齐底部 */
.hp-gallery-item .gallery-cover {
  height: 280px !important;
  object-fit: cover !important;
}

/* 强力拽下大图预览 */
/* 强制大图预览垂直位置下移，并确保水平绝对居中 */
.fancybox__slide {
    display: flex !important;
    flex-direction: column !important; /* 强制垂直排布，便于居中控制 */
    align-items: center !important;    /* 水平居中 */
    justify-content: flex-start !important; /* 顶部对齐 */
    padding-top: 40px !important;     /* 距离顶部 100 像素，可根据需要微调 */

}

.fancybox__content {
    margin-left: auto !important;
    margin-right: auto !important;
    transform: translateY(50px) !important; /* 用平移来挪位，不挤压图片尺寸 */
}

.fancybox__image {
    max-height: 90vh !important; /* 限制高度，给下方留出呼吸空间 */
    width: auto !important;
}

.fancybox__container {
    --fancybox-bg: rgba(10, 10, 10, 0.95);
}

/* 文本信息 */
.gallery-meta{
  padding:.8rem;
  font-size:.9rem;
  line-height:1.4;
}
.gallery-title{
  margin:0 0 .4rem;
  font-size:1.1rem;
  color:#333;
}
.gallery-desc{
  color:#555;
  margin-bottom:.4rem;
}
.gallery-count{
  color:#999;
}



/* 暗色模式适配（若使用） */
[data-theme="dark"] .gallery-item{
  background:#1e1e1e;
  box-shadow:0 2px 6px rgba(255,255,255,.08);
}
[data-theme="dark"] .gallery-title,
[data-theme="dark"] .gallery-desc,
[data-theme="dark"] .gallery-count{
  color:#ddd;
}

/* 移动端自适应：单列 */
@media (max-width: 768px){
  .gallery-masonry{ grid-template-columns: 1fr; }
}

/* 强力覆盖导航条选中时的背景色 */
.catalog-list-item.selected a {
    background: #099e7e !important;
    color: #ffffff !important;
}

/* 修复地图背景位置：重置为居中以适配新图片 */
.author-content-item.map {
  background-position: center center !important;
}

/* 让地图上的标题横条完全透明，且文字变为纯白 */
.author-content-item.map .map-title {
  background: transparent !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  box-shadow: none !important;
  color: #ffffff !important; /* 强制纯白 */
  text-shadow: 0 2px 4px rgba(0,0,0,0.5); /* 增加阴影防止看不清 */
}

.author-content-item.map span.map-title {
    color: #ffffff !important;
    font-size: 26px !important; /* 基础字号放大 */
    font-weight: bold;
}

.author-content-item.map span.map-title b {
    color: #ffffff !important;
    font-size: 26px !important; /* 统一字号 */
}

/* 恢复动画活性：解除 Hello About 的属性锁 */
.hello-about, 
.hello-about .content {
  height: 315px !important; 
}

.hello-about .shapes {
  height: 315px; /* 去掉 !important，允许 JS 修改 */
}

.hello-about h1 {
  font-size: calc(0.08 * 100vw + 20px) !important;
  margin: 0 !important;
  padding: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  /* 使用 padding 代替 transform，防止锁定动画 */
  padding-bottom: 10px !important; 
}





/* 极致对齐方案：全站统一 10px 间距 */
#about-page .author-content {
  margin-top: 10px !important;
  margin-bottom: 0 !important;
}

#about-page .author-content-item.map,
#about-page .author-content-item.selfInfo,
#about-page .author-content-item.personalities, 
#about-page .author-content-item.buff,
#about-page .author-content-item.game-yuanshen,
#about-page .author-content-item.comic-content {
  margin-top: 10px !important;
  margin-bottom: 0 !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
}

/* 混合布局：上方 60/40，最后一行 50/50 */
#about-page .author-content-item.map,
#about-page .author-content-item.personalities {
  width: calc(60% - 7.5px) !important;
  margin-right: 15px !important;
  margin-left: 0 !important;
}

#about-page .author-content-item.game-yuanshen {
  width: calc(50% - 7.5px) !important; /* 只有这一行是 50% */
  margin-right: 15px !important;
  margin-left: 0 !important;
}

#about-page .author-content-item.selfInfo,
#about-page .author-content-item.buff {
  width: calc(40% - 7.5px) !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

#about-page .author-content-item.comic-content {
  width: calc(50% - 7.5px) !important; /* 只有这一行是 50% */
  margin-left: 0 !important;
  margin-right: 0 !important;
}








/* 统一高度设定 */
.author-content-item.map, .author-content-item.selfInfo { height: 300px !important; }
.author-content-item.personalities, .author-content-item.buff, .author-content-item.game-yuanshen, .author-content-item.comic-content { height: 250px !important; }







/* 强力强制移动经历栏图片：排除干扰 */
#about-page .author-content-item.careers .author-content-img {
  right: 30px !important; /* 你可以自己改这个数值，越大越往左 */
  left: auto !important;
  bottom: 20px !important; /* 你可以自己改这个数值，越大越往上 */
  width: 180px !important; /* 猫猫大小 */
  transform: none !important;
  opacity: 1 !important;
  display: block !important;
  position: absolute !important;
}

#about-page .author-content-item.careers {
  overflow: hidden !important; /* 恢复方块边缘遮挡，防止猫猫飞出去 */
}



/* 适配移动端 */
@media screen and (max-width: 768px) {
  .author-content-item.personalities,
  .author-content-item.buff,
  .author-content-item.careers,
  .author-content-item.map,
  .author-content-item.selfInfo {
    width: 100% !important;
    margin-right: 0 !important;
  }
}