.home-projtcts .post-has-image{border-radius:8px; overflow:hidden;}

.home-projtcts .post-has-image h3 a{ font-size:22px;

  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2 !important; /* 超出几行省略 */
  overflow: hidden;}

@media (min-width: 768px) {
.shared-files-main-elements-right{position: relative;}
.shared-files-download-button-container{position: absolute;
    top: 0px;
    right: 0px;}
}


/* ================================================
   ① 强制清除 Blocksy 小工具区域的限制 & 边框
   ================================================ */
#secondary .widget,
#secondary .widget-block,
#secondary .ct-widget,
#secondary aside,
#secondary .widget-area,
#secondary .ct-sidebar {
    padding: 0 !important;
    margin: 0 !important;
    border: none !important;
    box-shadow: none !important;
    background: transparent !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
}

/* 去掉蓝色 thin border */
#yarpp-related-widget,
.widget_yarpp_widget,
.yarpp-related-widget {
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin: 0 !important;
}


/* ================================================
   ② YARPP 外层容器宽度 = 侧栏 100%
   ================================================ */
.yarpp-related-widget,
.yarpp-related-widget .yarpp-thumbnails-horizontal {
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
}


/* ================================================
   ③ 每篇相关文章容器：100%宽 + 增加间距
   ================================================ */
.yarpp-thumbnail {
    width: 100% !important;
    max-width: 100% !important;
    margin-bottom: 30px !important; /* 原本25 + 5px */
    padding: 0 !important;
    border: none !important;
    background: transparent !important;
    box-sizing: border-box !important;
}


/* ================================================
   ④ 图片容器修正（宽度不超，隐藏溢出）
   ================================================ */
.yarpp-thumbnail > div,
.yarpp-thumbnail figure {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    aspect-ratio: 3 / 2 !important;
    overflow: hidden !important;
    border-radius: 8px !important; /* 四角圆角 */
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
}


/* ================================================
   ⑤ 图片：真正铺满侧栏，不超出，不变形
   ================================================ */
.yarpp-thumbnail img {
    width: 100% !important;
    height: 100% !important;
    display: block !important;
    object-fit: cover !important;
    border-radius: 8px !important; /* 四个角都是圆角 */
}


/* ================================================
   ⑥ 文字：100%宽，不被遮挡
   ================================================ */
.yarpp-thumbnail-title {
    width: 100% !important;
    display: block !important;
    padding: 8px 0 0 0 !important;
    margin: 0 !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    line-height: 1.35 !important;
    color: #333 !important;
    background: transparent !important;
    white-space: normal !important;
    word-break: break-word !important;
}
/* 彻底去掉图片外层容器的左边距和内边距 */
.yarpp-thumbnail > div,
.yarpp-thumbnail figure,
.yarpp-thumbnail {
    margin-left: 0 !important;
    padding-left: 0 !important;
}

/* 某些主题会给小工具内部容器强制内边距，这里也清除 */
#secondary .widget_yarpp_widget,
#secondary .yarpp-related-widget,
#secondary .yarpp-thumbnails-horizontal {
    padding-left: 0 !important;
    margin-left: 0 !important;
}

/* 让图片100%贴齐容器左侧 */
.yarpp-thumbnail img {
    margin-left: 0 !important;
    padding-left: 0 !important;
}
/* ==========================================================
   A. 文章与文章（图片 → 下一个标题）之间的间距加大
   ========================================================== */

/* 每一篇文章整体下方增加额外间距 */
.yarpp-thumbnail {
    margin-bottom: 38px !important;  /* 原30 → 调整为38，让视觉更宽松 */
}

/* 图片与标题的距离 */
.yarpp-thumbnail-title {
    margin-top: 10px !important;  /* 从8提升到10，让标题不靠图片太近 */
}


/* ==========================================================
   B. 修复第四篇文章标题显示不全（高度限制 & overflow）
   ========================================================== */

/* 彻底取消标题的行数裁切、高度限制、隐藏溢出等 */
.yarpp-thumbnail-title {
    white-space: normal !important;       /* 允许换行 */
    line-height: 1.4 !important;          /* 稍微加大行距 */
    height: auto !important;              /* 🔥 关键：取消固定高度 */
    max-height: none !important;          /* 🔥 关键：取消最大高度 */
    overflow: visible !important;         /* 防止文字被截断 */
    display: block !important;
}
/* ==========================================================
   调整标题的上下间距，让标题更像是“属于上面的图片”
   ========================================================== */
/* 强制标题与上一张图片贴得更近 */
.yarpp-thumbnail-title {
    margin-top: 0 !important;          /* 去掉 margin */
    padding-top: 0 !important;         /* 去掉 padding */
}

/* 彻底移除父容器可能存在的 padding/gap */
.yarpp-thumbnail {
    padding-top: 0 !important;
    gap: 0 !important;
}

.yarpp-thumbnail > div,
.yarpp-thumbnail figure {
    padding-bottom: 0 !important; /* 防止图片底部额外空隙推开标题 */
}

/* 隐藏 WPForms 的确认消息，避免用户看到信息 */
.wpforms-confirmation-container,
.wpforms-confirmation-container-full,
.wpforms-confirmation-scroll {
    display: none !important;
}

/* 根元素设置 */
html {
  font-size: 16px;
  line-height: 1.6;
}

/* 平板端 */
@media (max-width: 1024px) {
  html {
    font-size: 15px;
    line-height: 1.65; /* 稍宽松提高可读性 */
  }
}

/* 移动端 */
@media (max-width: 768px) {
  html {
    font-size: 14px;
    line-height: 1.7; /* 移动端更宽松 */
  }
}

/* 小屏移动端 */
@media (max-width: 480px) {
  html {
    font-size: 13px;
    line-height: 1.75;
  }
}

/* 标题系统 - 海外标准 */
h1, h2, h3, h4, h5, h6 {
  font-weight: 700;
  margin-bottom: 0.5em;
}

h1 {
  font-size: 2.rem;
  line-height: 1.3;
  letter-spacing: 0em; /* 大标题稍紧凑字距 */
}

h2 {
  font-size: 2.25rem;
  line-height: 1.2;
  letter-spacing: -0.01em;
}

h3 {
  font-size: 1.875rem;
  line-height: 1.25;
}

h4 {
  font-size: 1.5rem;
  line-height: 1.3;
}

h5 {
  font-size: 1.25rem;
  line-height: 1.35;
}

h6 {
  font-size: 1.125rem;
  line-height: 1.4;
}

/* 平板端标题调整 */
@media (max-width: 1024px) {
  h1 {
    font-size: 2rem;
    line-height: 1.15;
  }
  h2 {
    font-size: 2rem;
    line-height: 1.25;
  }
  h3 {
    font-size: 1.75rem;
    line-height: 1.3;
  }
  h4 {
    font-size: 1.375rem;
    line-height: 1.35;
  }
  h5 {
    font-size: 1.125rem;
    line-height: 1.4;
  }
  h6 {
    font-size: 1rem;
    line-height: 1.45;
  }
}

/* 移动端标题调整 */
@media (max-width: 768px) {
  h1 {
    font-size: 2.25rem;
    line-height: 1.2;
    letter-spacing: -0.01em;
  }
  h2 {
    font-size: 1rem;
    line-height: 1.25;
  }
  h3 {
    font-size: 1.5rem;
    line-height: 1.3;
  }
  h4 {
    font-size: 1.25rem;
    line-height: 1.35;
  }
  h5 {
    font-size: 1.125rem;
    line-height: 1.4;
  }
  h6 {
    font-size: 1rem;
    line-height: 1.45;
  }
}

/* 按钮文字系统 */
.btn {
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 600;
  padding: 0.75rem 1.5rem;
}

.btn-sm {
  font-size: 0.875rem;
  line-height: 1.3;
  padding: 0.5rem 1rem;
}

.btn-lg {
  font-size: 1.125rem;
  line-height: 1.4;
  padding: 1rem 2rem;
}

/* 移动端按钮调整 */
@media (max-width: 768px) {
  .btn {
    font-size: 0.9375rem;
    line-height: 1.4;
    padding: 0.875rem 1.25rem;
  }
  
  .btn-sm {
    font-size: 0.8125rem;
    padding: 0.4375rem 0.875rem;
  }
  
  .btn-lg {
    font-size: 1rem;
    padding: 0.875rem 1.75rem;
  }
}

/* 其他文字元素 */
.body-text {
  font-size: 1rem;
  line-height: 1.6;
}

.caption {
  font-size: 0.875rem;
  line-height: 1.5;
}

.small {
  font-size: 0.8125rem;
  line-height: 1.5;
}

/* 背景遮罩层 */
.wpf-thanks-overlay {
    position: fixed;
    left: 0;
    top: 0;
    width: 100vw;
    height: 100vh;
    background: rgba(0,0,0,0.55); /* 调节透明度 */
    z-index: 9997;
    display: none;
}

/* 手机端：卡片高度固定为 4:3 */
@media (max-width: 768px) {

  /* ① 卡片图片外层容器固定比例 */
  .grid-hover-wrapper .stl-post-image,
  .grid-hover-wrapper .stl-block-post-image {
      width: 100% !important;
      aspect-ratio: 4 / 3 !important;
      overflow: hidden !important;
      display: block !important;
  }

  /* ② 图片强制拉伸填满容器 */
  .grid-hover-wrapper .stl-post-image img,
  .grid-hover-wrapper .stl-block-post-image img {
      width: 100% !important;
      height: 100% !important;
      object-fit: cover !important;
      display: block !important;
  }

  /* ③ 去掉图片底部多余间距（部分布局会自动加 margin） */
  .grid-hover-wrapper .stl-post-image,
  .grid-hover-wrapper .stl-block-post-image {
      margin-bottom: 0 !important;
  }
}

.featured-projects .tpg-post-thumbnail img {
    height: 210px;
    object-fit: cover;
}

#wpforms-2678{width: 100% !important;}

/* Featured Projects - 卡片统一高度 */
.featured-projects-grid .rt-post-grid-item {
  height: 200px;
  overflow: hidden;
}

/* 1️⃣ 强制控制真正的高度容器 */
.featured-projects-grid .grid-hover-wrapper {
  height: 200px !important;
  overflow: hidden;
}

/* 2️⃣ 图片铺满这个高度 */
.featured-projects-grid .grid-hover-wrapper img {
  height: 100% !important;
  width: 100% !important;
  object-fit: cover !important;
}
/* Featured Projects：强制卡片等高（命中 rtpg 前缀的真实类名） */
.featured-projects-grid .rtpg-grid-hover-wrapper{
  height: 200px !important;
  overflow: hidden !important;
}

/* 图片铺满 */
.featured-projects-grid .rtpg-grid-hover-wrapper img{
  height: 100% !important;
  width: 100% !important;
  object-fit: cover !important;
  display: block !important;
}