/* =========================================================
   同德会官网 - 局部空白/项目卡排版修正
   修复内容：
   1) 公益项目页海报与编号之间空白过大
   2) 关于同德会页三张现场图采用等高三列，去掉不必要留白
   3) 精神理念页三张理念图采用等高三列，去掉下方大面积空白
   ========================================================= */

/* ===== 公益项目页：让编号更贴近海报，减少上方空白 ===== */
body[data-page="projects.html"] .projects-list{
  gap:32px !important;
}
body[data-page="projects.html"] .project-detail{
  padding:34px 34px 30px !important;
}
body[data-page="projects.html"] .image-project{
  grid-template-columns:minmax(320px, 450px) minmax(0, 1fr) !important;
  gap:34px !important;
  align-items:start !important;
}
body[data-page="projects.html"] .image-project .project-image{
  border-radius:30px !important;
  padding:12px !important;
  box-shadow:0 20px 56px rgba(53,34,0,.10) !important;
}
body[data-page="projects.html"] .image-project .project-image img{
  position:relative !important;
  border-radius:20px !important;
}
body[data-page="projects.html"] .image-project .project-head{
  position:relative !important;
  gap:18px !important;
  align-items:center !important;
  margin:0 0 26px -56px !important;
  z-index:3 !important;
}
body[data-page="projects.html"] .image-project .project-head span{
  width:72px !important;
  height:72px !important;
  min-width:72px !important;
  border-radius:22px !important;
  font-size:20px !important;
  box-shadow:0 16px 36px rgba(0,0,0,.18) !important;
}
body[data-page="projects.html"] .image-project .project-head h2{
  font-size:34px !important;
  line-height:1.18 !important;
}
body[data-page="projects.html"] .image-project .project-head p{
  margin-top:8px !important;
  font-size:17px !important;
}
body[data-page="projects.html"] .image-project .project-columns{
  gap:24px !important;
}
body[data-page="projects.html"] .image-project .project-columns > div{
  min-width:0;
}
body[data-page="projects.html"] .image-project .pills{
  margin-top:4px !important;
}

/* ===== 关于同德会：改成三列等高，避免右侧/下方留白 ===== */
body[data-page="about.html"] .about-photo-story .section-title{
  margin-bottom:38px !important;
}
body[data-page="about.html"] .story-photo-grid{
  display:grid !important;
  grid-template-columns:repeat(3, minmax(0,1fr)) !important;
  grid-auto-rows:auto !important;
  gap:24px !important;
  align-items:stretch !important;
}
body[data-page="about.html"] .story-photo-grid figure,
body[data-page="about.html"] .story-photo-grid figure.big{
  grid-row:auto !important;
  min-height:0 !important;
  aspect-ratio:4 / 5 !important;
  border-radius:30px !important;
}
body[data-page="about.html"] .story-photo-grid figure.big img{object-position:center 48% !important;}
body[data-page="about.html"] .story-photo-grid figure:nth-child(2) img{object-position:center 44% !important;}
body[data-page="about.html"] .story-photo-grid figure:nth-child(3) img{object-position:center 38% !important;}
body[data-page="about.html"] .story-photo-grid figcaption{
  left:22px !important;
  right:22px !important;
  bottom:20px !important;
}
body[data-page="about.html"] .story-photo-grid strong{
  font-size:26px !important;
}

/* ===== 精神理念：三列等高，更整齐，不留大块白边 ===== */
body[data-page="spirit.html"] .spirit-photo-strip .section-title{
  margin-bottom:38px !important;
}
body[data-page="spirit.html"] .values-photo-grid{
  display:grid !important;
  grid-template-columns:repeat(3, minmax(0,1fr)) !important;
  grid-auto-rows:auto !important;
  gap:24px !important;
  align-items:stretch !important;
}
body[data-page="spirit.html"] .values-photo-grid figure,
body[data-page="spirit.html"] .values-photo-grid figure.tall{
  grid-row:auto !important;
  min-height:0 !important;
  aspect-ratio:4 / 3 !important;
  border-radius:30px !important;
}
body[data-page="spirit.html"] .values-photo-grid figure:nth-child(1) img{object-position:center 42% !important;}
body[data-page="spirit.html"] .values-photo-grid figure:nth-child(2) img{object-position:center 48% !important;}
body[data-page="spirit.html"] .values-photo-grid figure:nth-child(3) img{object-position:center 38% !important;}
body[data-page="spirit.html"] .values-photo-grid figcaption{
  left:22px !important;
  right:22px !important;
  bottom:20px !important;
}
body[data-page="spirit.html"] .values-photo-grid strong{
  font-size:26px !important;
}

/* ===== 平板 ===== */
@media (max-width:1180px){
  body[data-page="projects.html"] .image-project{
    grid-template-columns:minmax(280px, 380px) minmax(0, 1fr) !important;
    gap:28px !important;
  }
  body[data-page="about.html"] .story-photo-grid,
  body[data-page="spirit.html"] .values-photo-grid{
    grid-template-columns:repeat(2, minmax(0,1fr)) !important;
  }
}

/* ===== 手机 ===== */
@media (max-width:860px){
  body[data-page="projects.html"] .image-project{
    grid-template-columns:1fr !important;
  }
  body[data-page="projects.html"] .image-project .project-head{
    margin:2px 0 22px 0 !important;
  }
  body[data-page="projects.html"] .image-project .project-head span{
    width:64px !important;
    height:64px !important;
    min-width:64px !important;
    border-radius:20px !important;
    font-size:18px !important;
  }
  body[data-page="projects.html"] .image-project .project-head h2{
    font-size:30px !important;
  }
}
@media (max-width:760px){
  body[data-page="about.html"] .story-photo-grid,
  body[data-page="spirit.html"] .values-photo-grid{
    grid-template-columns:1fr !important;
  }
  body[data-page="about.html"] .story-photo-grid figure,
  body[data-page="about.html"] .story-photo-grid figure.big,
  body[data-page="spirit.html"] .values-photo-grid figure,
  body[data-page="spirit.html"] .values-photo-grid figure.tall{
    aspect-ratio:4 / 3 !important;
  }
}