/* =========================================================
   同德会官网 - 全站图片系统
   作用：统一图片基础质感、圆角、阴影、加载状态，不改文字结构。
   ========================================================= */

:root{
  --img-radius-xl:34px;
  --img-radius-lg:28px;
  --img-radius-md:22px;
  --img-line:1px solid rgba(216,173,92,.22);
  --img-shadow:0 22px 60px rgba(55,35,0,.10);
  --img-shadow-dark:0 28px 80px rgba(0,0,0,.22);
}

img{
  -webkit-user-drag:none;
  image-rendering:auto;
}

.tdh-image-soft,
.subpage-hero-visual,
.photo-banner,
.projects-top-visual-photo,
.news-feature-image,
.gallery-feature-thumb,
.news-thumb,
.project-image,
.story-photo-grid figure,
.values-photo-grid figure,
.action-scenes-grid figure,
.project-document-grid figure,
.join-real-grid figure,
.gallery-mosaic-grid figure,
.team-pro-photo,
.team-support-card img{
  overflow:hidden;
  background:#151515;
  border-radius:var(--img-radius-lg);
}

.subpage-hero-visual,
.photo-banner,
.projects-top-visual-photo,
.news-feature-image,
.gallery-mosaic-grid figure,
.story-photo-grid figure,
.values-photo-grid figure,
.action-scenes-grid figure,
.project-document-grid figure,
.join-real-grid figure{
  border:var(--img-line);
  box-shadow:var(--img-shadow-dark);
}

.gallery-feature-card,
.news-card,
.news-feature-card,
.project-detail,
.team-pro-card,
.team-support-card{
  border:var(--img-line);
  box-shadow:var(--img-shadow);
}

.tdh-img-loading{
  opacity:.01;
  filter:blur(10px);
  transition:opacity .5s ease, filter .5s ease, transform .7s ease;
}
.tdh-img-loaded{
  opacity:1;
  filter:none;
}
.tdh-img-error{
  background:linear-gradient(135deg,#f8f3ea,#fff6e3);
}
.tdh-img-error:after{
  content:"图片资源未读取";
  position:absolute;
  inset:auto 16px 16px 16px;
  z-index:3;
  padding:10px 12px;
  border-radius:14px;
  background:rgba(255,255,255,.86);
  color:#6a4307;
  font-weight:900;
  text-align:center;
}

@media (max-width:760px){
  .subpage-hero-visual,
  .photo-banner,
  .projects-top-visual-photo,
  .news-feature-image,
  .gallery-feature-thumb,
  .news-thumb,
  .project-image,
  .story-photo-grid figure,
  .values-photo-grid figure,
  .action-scenes-grid figure,
  .project-document-grid figure,
  .join-real-grid figure,
  .gallery-mosaic-grid figure,
  .team-pro-photo{
    border-radius:22px !important;
  }
}