
/* ===== Final visual hotfix: homepage / action numbers + team cards ===== */
/* 一、修正所有“数字黑块错位”问题：改成金色胶囊徽章 */
body[data-page="index.html"] .home-v2-focus-grid article > span,
body[data-page="action.html"] .feature-card > span{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:auto !important;
  height:34px !important;
  min-width:58px !important;
  padding:0 14px !important;
  margin:0 0 20px 0 !important;
  border-radius:999px !important;
  background:linear-gradient(135deg,#fff9ec 0%,#f2d28b 100%) !important;
  border:1px solid rgba(199,154,66,.45) !important;
  color:#7a4e10 !important;
  font-size:15px !important;
  line-height:1 !important;
  font-weight:900 !important;
  letter-spacing:.06em !important;
  box-shadow:0 10px 24px rgba(199,154,66,.16) !important;
}
body[data-page="index.html"] .home-v2-focus-grid article,
body[data-page="action.html"] .feature-card{
  position:relative !important;
  overflow:hidden !important;
  background:linear-gradient(180deg,#fff 0%,#fffaf1 100%) !important;
  border:1px solid rgba(216,173,92,.22) !important;
  box-shadow:0 16px 38px rgba(55,35,0,.07) !important;
}
body[data-page="index.html"] .home-v2-focus-grid article:before,
body[data-page="action.html"] .feature-card:before{
  content:"" !important;
  position:absolute !important;
  left:0 !important;
  right:0 !important;
  top:0 !important;
  height:4px !important;
  background:linear-gradient(90deg,#d8ad5c,#f4d28a,#d8ad5c) !important;
}
body[data-page="index.html"] .home-v2-focus-grid h3,
body[data-page="action.html"] .feature-card h3{
  margin:0 0 14px !important;
  color:#15110d !important;
  line-height:1.35 !important;
}
body[data-page="index.html"] .home-v2-focus-grid p,
body[data-page="action.html"] .feature-card p{
  color:#5f5147 !important;
  line-height:1.9 !important;
}

/* 二、首页核心人物：去掉数字、去掉“查看人物介绍”，重做卡片比例 */
body[data-page="index.html"] .home-team-entry{
  background:linear-gradient(180deg,#fffaf2 0%,#f7efe3 100%) !important;
}
body[data-page="index.html"] .home-team-entry-head{
  align-items:flex-end !important;
  gap:24px !important;
  margin-bottom:34px !important;
}
body[data-page="index.html"] .home-team-entry-grid{
  display:grid !important;
  grid-template-columns:repeat(5,minmax(0,1fr)) !important;
  gap:22px !important;
}
body[data-page="index.html"] .home-team-entry-card{
  position:relative !important;
  min-height:auto !important;
  padding:16px 16px 20px !important;
  border-radius:30px !important;
  background:linear-gradient(180deg,#fff 0%,#fff8ec 100%) !important;
  border:1px solid rgba(216,173,92,.28) !important;
  box-shadow:0 18px 42px rgba(55,35,0,.09) !important;
  text-decoration:none !important;
  display:flex !important;
  flex-direction:column !important;
  overflow:hidden !important;
}
body[data-page="index.html"] .home-team-entry-card:before,
body[data-page="index.html"] .home-team-entry-card:after{
  display:none !important;
  content:none !important;
}
body[data-page="index.html"] .home-team-entry-card:hover{
  transform:translateY(-8px) !important;
  box-shadow:0 28px 60px rgba(55,35,0,.16) !important;
}
body[data-page="index.html"] .home-team-entry-no,
body[data-page="index.html"] .home-team-entry-card em{
  display:none !important;
}
body[data-page="index.html"] .home-team-entry-photo{
  width:100% !important;
  aspect-ratio:4 / 4.6 !important;
  border-radius:22px !important;
  overflow:hidden !important;
  background:#efe7dc !important;
  box-shadow:0 14px 28px rgba(55,35,0,.10) !important;
  flex:none !important;
}
body[data-page="index.html"] .home-team-entry-photo img{
  width:100% !important;
  height:100% !important;
  display:block !important;
  object-fit:cover !important;
  object-position:center 16% !important;
  transform:none !important;
}
body[data-page="index.html"] .home-team-entry-card h3{
  margin:17px 0 10px !important;
  color:#15110d !important;
  font-size:25px !important;
  line-height:1.2 !important;
  letter-spacing:-.02em !important;
}
body[data-page="index.html"] .home-team-entry-role{
  display:block !important;
  min-height:0 !important;
  margin:0 !important;
  padding:10px 12px !important;
  border-radius:16px !important;
  background:#fff2d8 !important;
  color:#806025 !important;
  font-size:13px !important;
  line-height:1.6 !important;
  font-weight:900 !important;
}
body[data-page="index.html"] .home-team-entry-card p:not(.home-team-entry-role){
  margin:14px 0 0 !important;
  color:#5d5148 !important;
  font-size:14px !important;
  line-height:1.85 !important;
}
body[data-page="index.html"] .home-team-entry-card p:not(.home-team-entry-role)::after{
  display:none !important;
  content:none !important;
}

/* 三、核心团队页移动端：保留翻页，去掉数字和文字提示 */
body[data-page="team.html"] .team-mobile-flip-count,
body[data-page="team.html"] .card-link-indicator{
  display:none !important;
}
body[data-page="team.html"] .team-mobile-flip-card{
  border-radius:28px !important;
  background:linear-gradient(180deg,#ffffff 0%,#fff6e8 100%) !important;
  border:1px solid rgba(216,173,92,.25) !important;
  box-shadow:0 18px 42px rgba(55,35,0,.10) !important;
}
body[data-page="team.html"] .team-mobile-flip-photo{
  border-radius:24px 24px 18px 18px !important;
}

@media (max-width:1180px){
  body[data-page="index.html"] .home-team-entry-grid{
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  }
}
@media (max-width:760px){
  body[data-page="index.html"] .home-team-entry-head{
    align-items:flex-start !important;
    flex-direction:column !important;
  }
  body[data-page="index.html"] .home-team-entry-grid{
    display:grid !important;
    grid-auto-flow:column !important;
    grid-auto-columns:minmax(82%,82%) !important;
    grid-template-columns:none !important;
    overflow-x:auto !important;
    gap:16px !important;
    padding:2px 2px 14px !important;
    scroll-snap-type:x mandatory !important;
    scrollbar-width:none !important;
  }
  body[data-page="index.html"] .home-team-entry-grid::-webkit-scrollbar{display:none !important;}
  body[data-page="index.html"] .home-team-entry-card{
    min-width:0 !important;
    scroll-snap-align:start !important;
    border-radius:26px !important;
  }
  body[data-page="index.html"] .home-team-entry-photo{
    aspect-ratio:4 / 4.4 !important;
  }
  body[data-page="index.html"] .home-v2-focus-grid article > span,
  body[data-page="action.html"] .feature-card > span{
    height:32px !important;
    min-width:54px !important;
    font-size:14px !important;
  }
}

/* 四、修正关于/精神理念页面黑色字徽章与标题字距 */
body[data-page="about.html"] .meaning-home > span,
body[data-page="spirit.html"] .feature-card > span{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:58px !important;
  height:58px !important;
  min-width:58px !important;
  min-height:58px !important;
  margin:0 0 24px 0 !important;
  padding:0 !important;
  border-radius:18px !important;
  background:#171717 !important;
  color:#f4d28a !important;
  box-sizing:border-box !important;
  text-align:center !important;
  font-weight:900 !important;
  line-height:1 !important;
  overflow:hidden !important;
}
body[data-page="about.html"] .meaning-home > span{
  font-size:34px !important;
}
body[data-page="spirit.html"] .feature-card > span{
  font-size:30px !important;
}
body[data-page="about.html"] .meaning-home h3,
body[data-page="spirit.html"] .feature-card h3{
  margin-top:0 !important;
}
body[data-page="about.html"] .page-hero h1,
body[data-page="spirit.html"] .page-hero h1{
  letter-spacing:-.02em !important;
  line-height:1.12 !important;
  word-break:keep-all !important;
}
@media (max-width:680px){
  body[data-page="about.html"] .meaning-home > span,
  body[data-page="spirit.html"] .feature-card > span{
    width:54px !important;
    height:54px !important;
    min-width:54px !important;
    min-height:54px !important;
    margin-bottom:20px !important;
    border-radius:16px !important;
  }
  body[data-page="about.html"] .meaning-home > span{font-size:30px !important;}
  body[data-page="spirit.html"] .feature-card > span{font-size:27px !important;}
  body[data-page="about.html"] .page-hero h1,
  body[data-page="spirit.html"] .page-hero h1{
    letter-spacing:-.01em !important;
    line-height:1.15 !important;
  }
}

/* 五、关于/精神理念字徽章二次精修：统一方块、绝对居中、卡片更整齐 */
body[data-page="about.html"] .meaning-grid-home,
body[data-page="spirit.html"] .feature-grid.four{
  align-items:stretch !important;
  gap:30px !important;
}
body[data-page="about.html"] .meaning-home,
body[data-page="spirit.html"] .feature-card{
  display:flex !important;
  flex-direction:column !important;
  align-items:flex-start !important;
  padding:40px 36px 34px !important;
  min-height:100% !important;
}
body[data-page="about.html"] .meaning-home > span,
body[data-page="spirit.html"] .feature-card > span{
  display:grid !important;
  place-items:center !important;
  justify-items:center !important;
  align-items:center !important;
  justify-content:center !important;
  align-content:center !important;
  width:86px !important;
  height:86px !important;
  min-width:86px !important;
  min-height:86px !important;
  margin:0 0 28px 0 !important;
  padding:0 !important;
  box-sizing:border-box !important;
  border-radius:24px !important;
  background:#111214 !important;
  color:#f0cf84 !important;
  border:0 !important;
  box-shadow:0 14px 32px rgba(0,0,0,.12) !important;
  font-family:"Microsoft YaHei","PingFang SC","Noto Sans SC",sans-serif !important;
  font-weight:900 !important;
  letter-spacing:0 !important;
  line-height:1 !important;
  text-align:center !important;
  text-indent:0 !important;
  white-space:nowrap !important;
  overflow:visible !important;
  writing-mode:horizontal-tb !important;
  transform:none !important;
}
body[data-page="about.html"] .meaning-home > span{
  font-size:48px !important;
}
body[data-page="spirit.html"] .feature-card > span{
  font-size:42px !important;
}
body[data-page="about.html"] .meaning-home h3,
body[data-page="spirit.html"] .feature-card h3{
  margin:0 0 12px !important;
  line-height:1.28 !important;
}
body[data-page="about.html"] .meaning-home p,
body[data-page="spirit.html"] .feature-card p{
  margin-top:0 !important;
  line-height:1.85 !important;
}
body[data-page="spirit.html"] .feature-card h4{
  margin:0 0 14px !important;
  line-height:1.45 !important;
}
body[data-page="about.html"] .page-hero h1,
body[data-page="spirit.html"] .page-hero h1{
  letter-spacing:-.015em !important;
}
@media (max-width:1100px){
  body[data-page="about.html"] .meaning-grid-home{grid-template-columns:repeat(3,minmax(0,1fr)) !important;}
  body[data-page="spirit.html"] .feature-grid.four{grid-template-columns:repeat(2,minmax(0,1fr)) !important;}
}
@media (max-width:680px){
  body[data-page="about.html"] .meaning-home,
  body[data-page="spirit.html"] .feature-card{
    padding:30px 24px 26px !important;
  }
  body[data-page="about.html"] .meaning-home > span,
  body[data-page="spirit.html"] .feature-card > span{
    width:72px !important;
    height:72px !important;
    min-width:72px !important;
    min-height:72px !important;
    margin-bottom:22px !important;
    border-radius:20px !important;
  }
  body[data-page="about.html"] .meaning-home > span{font-size:40px !important;}
  body[data-page="spirit.html"] .feature-card > span{font-size:35px !important;}
}


/* 2026-05-27 三处移动端定向修复：关于名称释义、精神理念卡片、项目首屏图文溢出 */
@media (max-width: 760px){
  /* 图1：关于同德会“同/德/会”卡片改为单列，文字强制横排，不再被挤成竖排 */
  body[data-page="about.html"] .meaning-grid-home{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:18px !important;
    width:100% !important;
  }
  body[data-page="about.html"] .meaning-home{
    width:100% !important;
    min-width:0 !important;
    max-width:100% !important;
    padding:28px 24px 26px !important;
    border-radius:24px !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:flex-start !important;
    box-sizing:border-box !important;
    writing-mode:horizontal-tb !important;
    overflow:hidden !important;
  }
  body[data-page="about.html"] .meaning-home > span{
    width:64px !important;
    height:64px !important;
    min-width:64px !important;
    min-height:64px !important;
    margin:0 0 18px 0 !important;
    border-radius:18px !important;
    display:grid !important;
    place-items:center !important;
    font-size:36px !important;
    line-height:1 !important;
    writing-mode:horizontal-tb !important;
    white-space:nowrap !important;
    overflow:visible !important;
  }
  body[data-page="about.html"] .meaning-home h3,
  body[data-page="about.html"] .meaning-home p{
    display:block !important;
    width:100% !important;
    max-width:100% !important;
    margin-left:0 !important;
    margin-right:0 !important;
    writing-mode:horizontal-tb !important;
    word-break:normal !important;
    overflow-wrap:break-word !important;
    white-space:normal !important;
    text-align:left !important;
  }
  body[data-page="about.html"] .meaning-home h3{
    font-size:22px !important;
    line-height:1.45 !important;
    margin:0 0 12px !important;
  }
  body[data-page="about.html"] .meaning-home p{
    font-size:15px !important;
    line-height:1.85 !important;
    margin:0 !important;
  }

  /* 图2：精神理念“同心同行致远”卡片手机端改为单列，避免两列过窄、字块被裁切 */
  body[data-page="spirit.html"] .feature-grid.four{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:18px !important;
    width:100% !important;
  }
  body[data-page="spirit.html"] .feature-card{
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    padding:28px 24px 26px !important;
    border-radius:24px !important;
    overflow:hidden !important;
  }
  body[data-page="spirit.html"] .feature-card > span{
    width:64px !important;
    height:64px !important;
    min-width:64px !important;
    min-height:64px !important;
    margin:0 0 18px 0 !important;
    border-radius:18px !important;
    display:grid !important;
    place-items:center !important;
    font-size:34px !important;
    line-height:1 !important;
    writing-mode:horizontal-tb !important;
    overflow:visible !important;
  }
  body[data-page="spirit.html"] .feature-card h3{
    font-size:24px !important;
    line-height:1.35 !important;
    margin:0 0 10px !important;
  }
  body[data-page="spirit.html"] .feature-card h4,
  body[data-page="spirit.html"] .feature-card p{
    width:100% !important;
    max-width:100% !important;
    writing-mode:horizontal-tb !important;
    word-break:normal !important;
    overflow-wrap:break-word !important;
    white-space:normal !important;
  }

  /* 图3：公益项目首屏图文卡控制在手机画幅内，图片与大标题不再超出屏幕 */
  body[data-page="projects.html"] .project-brand-intro{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:18px !important;
    width:100% !important;
    max-width:100% !important;
    overflow:hidden !important;
  }
  body[data-page="projects.html"] .project-intro-media{
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    min-height:0 !important;
    height:auto !important;
    aspect-ratio:auto !important;
    border-radius:24px !important;
    overflow:hidden !important;
    display:flex !important;
    flex-direction:column !important;
    background:#111 !important;
  }
  body[data-page="projects.html"] .project-intro-media img{
    position:relative !important;
    inset:auto !important;
    display:block !important;
    width:100% !important;
    height:auto !important;
    aspect-ratio:16 / 11 !important;
    object-fit:cover !important;
    object-position:center 42% !important;
  }
  body[data-page="projects.html"] .project-intro-media:after{
    display:none !important;
  }
  body[data-page="projects.html"] .project-intro-badge{
    top:14px !important;
    left:14px !important;
    right:auto !important;
    max-width:calc(100% - 28px) !important;
    padding:9px 12px !important;
    border-radius:999px !important;
  }
  body[data-page="projects.html"] .project-intro-note{
    position:relative !important;
    left:auto !important;
    right:auto !important;
    bottom:auto !important;
    width:100% !important;
    max-width:100% !important;
    padding:24px 22px 26px !important;
    box-sizing:border-box !important;
    background:linear-gradient(180deg,#171717 0%,#202020 100%) !important;
  }
  body[data-page="projects.html"] .project-intro-note strong{
    display:block !important;
    width:100% !important;
    max-width:100% !important;
    color:#f4d28a !important;
    font-size:30px !important;
    line-height:1.32 !important;
    letter-spacing:-.04em !important;
    white-space:normal !important;
    word-break:normal !important;
    overflow-wrap:break-word !important;
  }
  body[data-page="projects.html"] .project-intro-note p{
    width:100% !important;
    max-width:100% !important;
    margin:14px 0 0 !important;
    font-size:15px !important;
    line-height:1.9 !important;
    white-space:normal !important;
    word-break:normal !important;
    overflow-wrap:break-word !important;
  }
  body[data-page="projects.html"] .project-intro-side,
  body[data-page="projects.html"] .project-intro-copy,
  body[data-page="projects.html"] .project-intro-stats,
  body[data-page="projects.html"] .project-intro-stats article{
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    box-sizing:border-box !important;
  }
  body[data-page="projects.html"] .project-intro-copy h3{
    font-size:28px !important;
    line-height:1.34 !important;
    letter-spacing:-.035em !important;
  }
}
@media (max-width:420px){
  body[data-page="projects.html"] .project-intro-note strong{font-size:28px !important;}
}

/* 2026-05-27 项目页手机端首屏图片防超宽最终修复 */
@media (max-width:760px){
  html,body{overflow-x:hidden !important;}
  body[data-page="projects.html"] main,
  body[data-page="projects.html"] .section,
  body[data-page="projects.html"] .container{max-width:100