/* 公益项目 + 行动方式 图片精修 */

body[data-page="projects.html"] .projects-top-visual{
  grid-template-columns:1.02fr .98fr !important;
  gap:28px !important;
  margin-bottom:38px !important;
}
body[data-page="projects.html"] .projects-top-visual-photo{
  aspect-ratio:6 / 5 !important;
  min-height:0 !important;
}
body[data-page="projects.html"] .projects-top-visual-photo img{object-position:center 40% !important;}

body[data-page="projects.html"] .image-project{
  grid-template-columns:350px 1fr !important;
  gap:30px !important;
}
body[data-page="projects.html"] .image-project .project-image{
  min-height:0 !important;
  aspect-ratio:4 / 5 !important;
  background:#f8f3ea !important;
  padding:12px !important;
}
body[data-page="projects.html"] .image-project .project-image img{
  position:relative !important;
  object-fit:contain !important;
  object-position:center top !important;
  background:#f8f3ea !important;
  border-radius:18px !important;
}

body[data-page="projects.html"] .project-document-grid{
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:18px !important;
}
body[data-page="projects.html"] .project-document-grid figure{
  aspect-ratio:4 / 3 !important;
  min-height:0 !important;
}
body[data-page="projects.html"] .project-document-grid figure:nth-child(1) img{object-position:center 42% !important;}
body[data-page="projects.html"] .project-document-grid figure:nth-child(2) img{object-position:center 44% !important;}
body[data-page="projects.html"] .project-document-grid figure:nth-child(3) img{object-position:center 48% !important;}
body[data-page="projects.html"] .project-document-grid figure:nth-child(4) img{object-position:center 38% !important;}

body[data-page="action.html"] .photo-banner img{object-position:center 40% !important;}
body[data-page="action.html"] .action-scenes-grid{
  display:grid !important;
  grid-template-columns:1.18fr 1fr 1fr !important;
  grid-auto-rows:210px !important;
  gap:20px !important;
}
body[data-page="action.html"] .action-scenes-grid figure{
  min-height:0 !important;
  aspect-ratio:auto !important;
}
body[data-page="action.html"] .action-scenes-grid figure.large{grid-row:span 2 !important;}
body[data-page="action.html"] .action-scenes-grid figure.large img{object-position:center 42% !important;}
body[data-page="action.html"] .action-scenes-grid figure:nth-child(2) img{object-position:center 50% !important;}
body[data-page="action.html"] .action-scenes-grid figure:nth-child(3) img{object-position:center 40% !important;}
body[data-page="action.html"] .action-scenes-grid figure:nth-child(4) img{object-position:center 38% !important;}

@media (max-width:1180px){
  body[data-page="projects.html"] .project-document-grid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
}
@media (max-width:1040px){
  body[data-page="projects.html"] .projects-top-visual,
  body[data-page="projects.html"] .image-project,
  body[data-page="action.html"] .action-scenes-grid{
    grid-template-columns:1fr !important;
  }
  body[data-page="action.html"] .action-scenes-grid{
    grid-auto-rows:auto !important;
  }
  body[data-page="action.html"] .action-scenes-grid figure,
  body[data-page="action.html"] .action-scenes-grid figure.large{
    grid-row:auto !important;
    aspect-ratio:16 / 10 !important;
  }
}
@media (max-width:760px){
  body[data-page="projects.html"] .projects-top-visual-photo,
  body[data-page="projects.html"] .project-document-grid figure,
  body[data-page="action.html"] .photo-banner,
  body[data-page="action.html"] .action-scenes-grid figure{
    aspect-ratio:4 / 3 !important;
  }
  body[data-page="projects.html"] .project-document-grid{
    grid-template-columns:1fr !important;
  }
}

/* ===== 行动方式页：行动机制卡片数字与整体视觉优化 ===== */
body[data-page="action.html"] .feature-grid.three{
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:28px !important;
}
body[data-page="action.html"] .feature-card{
  position:relative !important;
  min-height:280px !important;
  padding:38px 34px 34px !important;
  overflow:hidden !important;
  border-radius:34px !important;
  background:
    radial-gradient(circle at 92% 8%,rgba(244,210,138,.18),transparent 34%),
    linear-gradient(180deg,#ffffff 0%,#fffdf8 100%) !important;
  border:1px solid rgba(216,173,92,.26) !important;
  box-shadow:0 24px 70px rgba(55,35,0,.08) !important;
}
body[data-page="action.html"] .feature-card:before{
  height:5px !important;
  border-radius:34px 34px 0 0 !important;
  background:linear-gradient(90deg,#d8ad5c 0%,#f4d28a 50%,rgba(216,173,92,.25) 100%) !important;
}
body[data-page="action.html"] .feature-card:after{
  content:"" !important;
  position:absolute !important;
  right:-42px !important;
  bottom:-54px !important;
  width:150px !important;
  height:150px !important;
  border-radius:999px !important;
  background:rgba(216,173,92,.08) !important;
  pointer-events:none !important;
}
body[data-page="action.html"] .feature-card > span{
  display:inline-grid !important;
  place-items:center !important;
  width:62px !important;
  height:62px !important;
  margin:0 0 30px !important;
  border-radius:22px !important;
  background:linear-gradient(135deg,#fff8e8 0%,#f5d183 100%) !important;
  color:#6f4500 !important;
  border:1px solid rgba(216,173,92,.45) !important;
  box-shadow:0 16px 34px rgba(216,173,92,.22) !important;
  font-size:20px !important;
  line-height:1 !important;
  letter-spacing:.02em !important;
  font-weight:900 !important;
}
body[data-page="action.html"] .feature-card h3{
  margin:0 0 14px !important;
  color:#10151b !important;
  font-size:28px !important;
  line-height:1.22 !important;
  letter-spacing:-.03em !important;
}
body[data-page="action.html"] .feature-card p{
  max-width:92% !important;
  margin:0 !important;
  color:#5a5f66 !important;
  font-size:16px !important;
  line-height:1.9 !important;
}
body[data-page="action.html"] .feature-card:hover{
  transform:translateY(-8px) !important;
  box-shadow:0 34px 86px rgba(55,35,0,.13) !important;
  border-color:rgba(216,173,92,.46) !important;
}
body[data-page="action.html"] .feature-card:hover > span{
  transform:translateY(-2px) scale(1.03) !important;
}
body[data-page="action.html"] .feature-card:nth-child(2),
body[data-page="action.html"] .feature-card:nth-child(5){
  transform:translateY(18px) !important;
}
body[data-page="action.html"] .feature-card:nth-child(2):hover,
body[data-page="action.html"] .feature-card:nth-child(5):hover{
  transform:translateY(10px) !important;
}
body[data-page="action.html"] .section:has(.feature-grid.three){
  background:
    linear-gradient(180deg,#fff 0%,#fffaf0 100%) !important;
}
body[data-page="action.html"] .section:has(.feature-grid.three) .section-title{
  margin-bottom:44px !important;
}
body[data-page="action.html"] .section:has(.feature-grid.three) .section-title h2{
  letter-spacing:-.04em !important;
}
body[data-page="action.html"] .photo-banner.action-banner{
  border-radius:34px !important;
  box-shadow:0 28px 90px rgba(55,35,0,.13) !important;
}
body[data-page="action.html"] .process-line{
  gap:16px !important;
}
body[data-page="action.html"] .process-line div{
  border-radius:24px !important;
  background:linear-gradient(180deg,#fff,#fff7e9) !important;
  border:1px solid rgba(216,173,92,.28) !important;
  box-shadow:0 18px 46px rgba(55,35,0,.08) !important;
}
body[data-page="action.html"] .process-line strong{
  color:#9a6814 !important;
}

@media (max-width:1040px){
  body[data-page="action.html"] .feature-grid.three{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
  body[data-page="action.html"] .feature-card:nth-child(2),
  body[data-page="action.html"] .feature-card:nth-child(5),
  body[data-page="action.html"] .feature-card:nth-child(2):hover,
  body[data-page="action.html"] .feature-card:nth-child(5):hover{
    transform:none !important;
  }
}
@media (max-width:680px){
  body[data-page="action.html"] .feature-grid.three{
    grid-template-columns:1fr !important;
    gap:18px !important;
  }
  body[data-page="action.html"] .feature-card{
    min-height:auto !important;
    padding:28px 24px 26px !important;
    border-radius:26px !important;
  }
  body[data-page="action.html"] .feature-card > span{
    width:54px !important;
    height:54px !important;
    margin-bottom:22px !important;
    border-radius:18px !important;
    font-size:18px !important;
  }
  body[data-page="action.html"] .feature-card h3{
    font-size:24px !important;
  }
  body[data-page="action.html"] .feature-card p{
    max-width:none !important;
    font-size:15px !important;
  }
}
body[data-page="action.html"] .action-mechanism-section{
  background:linear-gradient(180deg,#fff 0%,#fffaf0 100%) !important;
}
body[data-page="action.html"] .action-mechanism-section .section-title{
  margin-bottom:44px !important;
}
body[data-page="action.html"] .action-mechanism-section .section-title h2{
  letter-spacing:-.04em !important;
}