/* =========================================================
   首页图片 UI 精修
   保持四大项目海报原样，不硬裁成统一真实图。
   ========================================================= */

body[data-page="index.html"] .home-v3-hero-grid{
  grid-template-columns:minmax(0,.96fr) minmax(0,1.04fr) !important;
  gap:56px !important;
  align-items:center !important;
}

body[data-page="index.html"] .home-v3-visual{
  min-height:auto !important;
  display:grid !important;
  grid-template-columns:1fr 1fr !important;
  gap:16px !important;
}

body[data-page="index.html"] .hero-main-frame{
  position:relative !important;
  inset:auto !important;
  grid-column:1 / -1 !important;
  width:100% !important;
  height:auto !important;
  min-height:0 !important;
  aspect-ratio:16 / 10 !important;
  border-radius:36px !important;
  padding:12px !important;
}

body[data-page="index.html"] .hero-main-frame img{
  position:relative !important;
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  object-position:center 34% !important;
  border-radius:28px !important;
}

body[data-page="index.html"] .hero-float-card{
  position:relative !important;
  inset:auto !important;
  display:grid !important;
  grid-template-columns:92px 1fr !important;
  gap:12px !important;
  width:auto !important;
  padding:12px !important;
  transform:none !important;
  border-radius:24px !important;
}
body[data-page="index.html"] .hero-float-card img{
  width:92px !important;
  height:92px !important;
  border-radius:18px !important;
  object-fit:cover !important;
}
body[data-page="index.html"] .hero-float-card-a img{object-position:center 45% !important;}
body[data-page="index.html"] .hero-float-card-b img{object-position:center 34% !important;}

body[data-page="index.html"] .real-gallery-plus-grid.real-gallery-plus-grid-6{
  display:grid !important;
  grid-template-columns:repeat(12,minmax(0,1fr)) !important;
  gap:22px !important;
  align-items:stretch !important;
}
body[data-page="index.html"] .real-gallery-plus-grid.real-gallery-plus-grid-6 figure{
  min-height:0 !important;
  border-radius:28px !important;
}
body[data-page="index.html"] .real-gallery-plus-grid.real-gallery-plus-grid-6 figure.feature-photo{
  grid-column:span 6 !important;
  grid-row:span 2 !important;
  min-height:590px !important;
  aspect-ratio:auto !important;
}
body[data-page="index.html"] .real-gallery-plus-grid.real-gallery-plus-grid-6 figure:nth-child(2),
body[data-page="index.html"] .real-gallery-plus-grid.real-gallery-plus-grid-6 figure:nth-child(3),
body[data-page="index.html"] .real-gallery-plus-grid.real-gallery-plus-grid-6 figure:nth-child(4),
body[data-page="index.html"] .real-gallery-plus-grid.real-gallery-plus-grid-6 figure:nth-child(5){
  grid-column:span 3 !important;
  aspect-ratio:1 / 1 !important;
}
body[data-page="index.html"] .real-gallery-plus-grid.real-gallery-plus-grid-6 figure:nth-child(6){
  grid-column:span 12 !important;
  aspect-ratio:16 / 5 !important;
}

body[data-page="index.html"] .gallery-group-school img{object-position:center 35% !important;}
body[data-page="index.html"] .gallery-field-class img{object-position:center 50% !important;}
body[data-page="index.html"] .gallery-activity-circle img{object-position:center 46% !important;}
body[data-page="index.html"] .gallery-red-pink img{object-position:center 34% !important;}
body[data-page="index.html"] .gallery-home-visit img{object-position:center 35% !important;}
body[data-page="index.html"] .gallery-villagers img{object-position:center 44% !important;}

body[data-page="index.html"] .home-v2-project-grid{
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:24px !important;
}
body[data-page="index.html"] .home-v2-project-card{
  min-height:0 !important;
  aspect-ratio:auto !important;
  display:flex !important;
  flex-direction:column !important;
  background:#fff !important;
  border:1px solid rgba(216,173,92,.22) !important;
  box-shadow:0 20px 54px rgba(78,50,10,.10) !important;
}
body[data-page="index.html"] .home-v2-project-card:after{display:none !important;}
body[data-page="index.html"] .home-v2-project-card img{
  position:relative !important;
  inset:auto !important;
  width:100% !important;
  height:310px !important;
  object-fit:cover !important;
  background:#f7f3ea !important;
}
body[data-page="index.html"] .home-v2-project-card div{
  position:relative !important;
  left:auto !important;
  right:auto !important;
  bottom:auto !important;
  display:block !important;
  padding:22px 22px 24px !important;
  background:#fff !important;
}
body[data-page="index.html"] .home-v2-project-card strong{
  color:#3d1c0b !important;
  font-size:27px !important;
}
body[data-page="index.html"] .home-v2-project-card span{
  color:#6a5947 !important;
  font-size:15px !important;
}
body[data-page="index.html"] .project-study-card img{object-position:center 2% !important;}
body[data-page="index.html"] .project-companion-card img{object-position:center 12% !important;}
body[data-page="index.html"] .project-starlight-card img{object-position:center 4% !important;}
body[data-page="index.html"] .project-dream-card img{object-position:center 2% !important;}

@media (max-width:1180px){
  body[data-page="index.html"] .home-v3-hero-grid{grid-template-columns:1fr !important;}
  body[data-page="index.html"] .home-v2-project-grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important;}
  body[data-page="index.html"] .real-gallery-plus-grid.real-gallery-plus-grid-6 figure.feature-photo{
    grid-column:span 12 !important;
    min-height:460px !important;
  }
  body[data-page="index.html"] .real-gallery-plus-grid.real-gallery-plus-grid-6 figure:nth-child(2),
  body[data-page="index.html"] .real-gallery-plus-grid.real-gallery-plus-grid-6 figure:nth-child(3),
  body[data-page="index.html"] .real-gallery-plus-grid.real-gallery-plus-grid-6 figure:nth-child(4),
  body[data-page="index.html"] .real-gallery-plus-grid.real-gallery-plus-grid-6 figure:nth-child(5){
    grid-column:span 6 !important;
    aspect-ratio:4 / 3 !important;
  }
}
@media (max-width:760px){
  body[data-page="index.html"] .home-v3-visual,
  body[data-page="index.html"] .home-v2-project-grid,
  body[data-page="index.html"] .real-gallery-plus-grid.real-gallery-plus-grid-6{
    grid-template-columns:1fr !important;
  }
  body[data-page="index.html"] .hero-main-frame{aspect-ratio:4 / 3 !important;}
  body[data-page="index.html"] .hero-float-card{grid-template-columns:84px 1fr !important;}
  body[data-page="index.html"] .hero-float-card img{width:84px !important;height:84px !important;}
  body[data-page="index.html"] .real-gallery-plus-grid.real-gallery-plus-grid-6 figure,
  body[data-page="index.html"] .real-gallery-plus-grid.real-gallery-plus-grid-6 figure.feature-photo,
  body[data-page="index.html"] .real-gallery-plus-grid.real-gallery-plus-grid-6 figure:nth-child(2),
  body[data-page="index.html"] .real-gallery-plus-grid.real-gallery-plus-grid-6 figure:nth-child(3),
  body[data-page="index.html"] .real-gallery-plus-grid.real-gallery-plus-grid-6 figure:nth-child(4),
  body[data-page="index.html"] .real-gallery-plus-grid.real-gallery-plus-grid-6 figure:nth-child(5),
  body[data-page="index.html"] .real-gallery-plus-grid.real-gallery-plus-grid-6 figure:nth-child(6){
    grid-column:auto !important;
    grid-row:auto !important;
    min-height:0 !important;
    aspect-ratio:4 / 3 !important;
  }
  body[data-page="index.html"] .home-v2-project-card img{
    height:auto !important;
    aspect-ratio:4 / 3 !important;
  }
}
