.elementor-8902 .elementor-element.elementor-element-09e2ff9{--display:flex;--min-height:400px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;}.elementor-8902 .elementor-element.elementor-element-09e2ff9:not(.elementor-motion-effects-element-type-background), .elementor-8902 .elementor-element.elementor-element-09e2ff9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.gzfunvending.com/wp-content/uploads/2026/10/文章页顶部背景图.png");}.elementor-8902 .elementor-element.elementor-element-c00cf22{text-align:center;}.elementor-8902 .elementor-element.elementor-element-c00cf22 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:60px;font-weight:600;color:#FFFFFF;}.elementor-8902 .elementor-element.elementor-element-0768682{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-8902 .elementor-element.elementor-element-f75c4c5{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0vw;--padding-bottom:0vw;--padding-left:12vw;--padding-right:12vw;}.elementor-8902 .elementor-element.elementor-element-dc217de{text-align:start;font-size:12px;}@media(max-width:1441px){.elementor-8902 .elementor-element.elementor-element-09e2ff9:not(.elementor-motion-effects-element-type-background), .elementor-8902 .elementor-element.elementor-element-09e2ff9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.gzfunvending.com/wp-content/uploads/2026/10/文章页顶部背景图.png");}}@media(max-width:1440px){.elementor-8902 .elementor-element.elementor-element-09e2ff9:not(.elementor-motion-effects-element-type-background), .elementor-8902 .elementor-element.elementor-element-09e2ff9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.gzfunvending.com/wp-content/uploads/2026/10/文章移动端背景2.png");background-repeat:no-repeat;}.elementor-8902 .elementor-element.elementor-element-09e2ff9{--min-height:240px;}.elementor-8902 .elementor-element.elementor-element-c00cf22 .elementor-heading-title{font-size:32px;}.elementor-8902 .elementor-element.elementor-element-dc217de{font-size:10px;}}/* Start custom CSS for container, class: .elementor-element-0768682 *//* ================== 新闻 / 案例卡片网格 ================== */
.news-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: clamp(20px, 3.4vw, 49px);
  width: 100%;
  align-items: stretch;          /* 三列等高 */
}

/* ---- 卡片 ---- */
.news-card {
  background: #F2F2F2;
  border-radius: 20px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  gap: 20px;
  padding-bottom: 20px;
  min-width: 0;
  transition: transform .35s ease, box-shadow .35s ease;
}
.news-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 18px 38px rgba(0, 0, 0, .10);
}

/* ---- 封面图 ---- */
.news-thumb {
  position: relative;
  display: block;
  aspect-ratio: 447 / 337;
  overflow: hidden;
  background: #D1A1A1;
}
.news-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform .6s ease;
}
.news-card:hover .news-thumb img { transform: scale(1.05); }

/* ---- Case Study 角标 ---- */
.news-badge {
  position: absolute;
  top: 15px;
  right: 16px;
  background: rgba(0, 0, 0, .6);
  color: #FFFFFF;
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
  padding: 4px 11px;
  border-radius: 10px;
  white-space: nowrap;
}

/* ---- 文字区：撑满剩余高度，按钮才能贴底 ---- */
.news-body {
  padding: 0 18px;
  display: flex;
  flex-direction: column;
  gap: 5px;
  flex: 1;                        /* 关键：占满卡片剩余高度 */
}
.news-date {
  font-size: 12px;
  line-height: 18px;
  color: #B0B0B0;
}

/* ---- 标题：纯文字，强制去下划线 ---- */
.news-title {
  margin: 0;
  font-size: 32px;
  font-weight: 700;
  line-height: 1.3;
  color: #1E293B;
  font-family: "Inter", "Helvetica Neue", Arial, "Microsoft YaHei", sans-serif;
  text-decoration: none !important;          /* ← 去下划线 */
}
.news-title a,
.news-title a:hover {
  color: inherit !important;
  text-decoration: none !important;
}

/* ---- 按钮：唯一可点元素，贴卡片底部 ---- */
.news-btn {
  margin-top: auto;                 /* ← 关键：把按钮推到卡片底部 */
  align-self: flex-start;
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  gap: 40px;
  min-width: 201px;
  height: 36px;
  padding: 0 20px;
  background: #FF4F0D;
  border-radius: 100px;
  color: #FFFFFF !important;
  font-size: 18px;
  font-weight: 400;
  line-height: 18px;
  text-decoration: none !important;          /* ← 去下划线 */
  box-shadow: none;
  transition: background .2s ease;
}
.news-btn:hover,
.news-btn:focus,
.news-btn:active {
  background: #E6460A;
  color: #FFFFFF !important;
  text-decoration: none !important;
}
.news-btn span { text-decoration: none !important; }
.news-arrow { width: 24px; height: 14px; flex: 0 0 24px; }

/* ---- 响应式 ---- */
@media (max-width: 1024px) {
  .news-grid { grid-template-columns: repeat(2, 1fr); }
  .news-title { font-size: 28px; }
}
@media (max-width: 640px) {
  .news-grid { grid-template-columns: 1fr; gap: 18px; }
  .news-title { font-size: 22px; }
  .news-btn { font-size: 16px; min-width: 170px; height: 34px; }
}/* End custom CSS */