.vg4fabf,
.vg4fabf *,
.vg4fabf *::before,
.vg4fabf *::after { box-sizing: border-box; margin: 0; padding: 0; }

/* 2026-10-21：平台根与 Demo 业务根共用同一规则，补齐正式根选择器且保留原作用域及优先级。 */
.vg4fabf,
.vg4fabf-component {
  --font-family-base: inherit;
  --color-primary-red: #e60012;
  font-family: var(--font-family-base);
  font-size: 16px;
  font-weight: 400;
  line-height: 1.65;
  color: #111827;
  background-color: var(--ac-root-background-color, #ffffff);
  background-image: var(--ac-root-background-image, none);
  background-position: var(--ac-root-background-position, center);
  background-size: var(--ac-root-background-size, cover);
  background-repeat: var(--ac-root-background-repeat, no-repeat);
  margin-top: var(--ac-root-margin-tb, 0rem);
  margin-bottom: var(--ac-root-margin-tb, 0rem);
  position: relative;
}

/* 2026-10-20：组件上下留白归唯一 Inner，Root 保留满幅背景与定位职责。 */
.vg4fabf .fig2-news-container {
  width: 100%;
  max-width: var(--custom-content-max-width);
  margin-left: auto;
  margin-right: auto;
  padding-top: var(--padding_tb, 0rem);
  padding-bottom: var(--padding_tb, 0rem);
  padding-left: var(--padding_lr);
  padding-right: var(--padding_lr);
  box-sizing: border-box;
}

.vg4fabf .fig2-news-header {
  margin-bottom: 36px;
}

.vg4fabf .fig2-news-title {
  --news-base-color: #0f172a;
  --news-current-font-size: var(--news-font-size, clamp(26px, 2.6vw, 34px));
  font-size: var(--news-current-font-size);
  font-weight: var(--news-font-weight, 400);
  color: var(--news-color, var(--news-base-color));
  margin: 0 0 4px;
  line-height: var(--news-line-height, inherit);
  font-family: var(--news-font-family, inherit);
  font-style: var(--news-font-style, normal);
  text-decoration: var(--news-text-decoration, none);
  letter-spacing: var(--news-letter-spacing, normal);
  text-align: var(--news-text-align, start);
  text-transform: var(--news-text-transform, none);
}

.vg4fabf .fig2-news-subtitle {
  --news-base-color: #94a3b8;
  --news-current-font-size: var(--news-font-size, 13px);
  font-size: var(--news-current-font-size);
  font-weight: var(--news-font-weight, 400);
  color: var(--news-color, var(--news-base-color));
  letter-spacing: var(--news-letter-spacing, normal);
  text-transform: var(--news-text-transform, none);
  font-family: var(--news-font-family, inherit);
  font-style: var(--news-font-style, normal);
  text-decoration: var(--news-text-decoration, none);
  line-height: var(--news-line-height, inherit);
  text-align: var(--news-text-align, start);
}

.vg4fabf .fig2-news-grid {
  display: grid;
  grid-template-columns: 1.15fr 1fr;
  gap: 56px;
  align-items: stretch;
}

.vg4fabf .fig2-featured-card {
  display: flex;
  flex-direction: column;
  height: 100%;
  background: var(--news-background, rgba(0,0,0,0));
}

.vg4fabf .fig2-featured-link {
  text-decoration: none;
  color: inherit;
  display: flex;
  flex-direction: column;
  height: 100%;
}

.vg4fabf .fig2-featured-media {
  position: relative;
  width: 100%;
  aspect-ratio: var(--news-image-ratio, 16 / 9.8);
  border-radius: var(--news-image-shape, 4px);
  overflow: hidden;
  background: var(--news-media-background-color, #0f172a);
  background-image: var(--news-media-background-image, none);
  background-position: var(--news-media-background-position, center);
  background-size: var(--news-media-background-size, cover);
  background-repeat: var(--news-media-background-repeat, no-repeat);
  flex-shrink: 0;
}

.vg4fabf .fig2-featured-image {
  width: 100%;
  height: 100%;
  object-fit: var(--news-image-fit, cover);
  display: block;
  transition: transform 0.6s ease;
}

.vg4fabf .fig2-featured-link:hover .fig2-featured-image {
  transform: scale(1.05);
}

.vg4fabf .fig2-featured-bottom {
  display: flex;
  align-items: flex-start;
  gap: 20px;
  margin-top: 24px;
}

.vg4fabf .fig2-date-box {
  display: flex;
  flex-direction: column;
  align-items: center;
  min-width: 60px;
  flex-shrink: 0;
}

.vg4fabf .fig2-date-day {
  --news-base-color: #0f172a;
  --news-current-font-size: var(--news-font-size, 22px);
  font-size: var(--news-current-font-size);
  font-weight: var(--news-font-weight, 400);
  color: var(--news-color, var(--news-base-color));
  line-height: var(--news-line-height, inherit);
  font-family: var(--news-font-family, inherit);
  font-style: var(--news-font-style, normal);
  text-decoration: var(--news-text-decoration, none);
  letter-spacing: var(--news-letter-spacing, normal);
  text-align: var(--news-text-align, start);
  text-transform: var(--news-text-transform, none);
}

.vg4fabf .fig2-date-year {
  --news-base-color: #94a3b8;
  --news-current-font-size: var(--news-font-size, 12px);
  font-size: var(--news-current-font-size);
  font-weight: var(--news-font-weight, 400);
  color: var(--news-color, var(--news-base-color));
  margin-top: 4px;
  font-family: var(--news-font-family, inherit);
  font-style: var(--news-font-style, normal);
  text-decoration: var(--news-text-decoration, none);
  line-height: var(--news-line-height, inherit);
  letter-spacing: var(--news-letter-spacing, normal);
  text-align: var(--news-text-align, start);
  text-transform: var(--news-text-transform, none);
}

.vg4fabf .fig2-date-divider {
  width: 1px;
  align-self: stretch;
  background-color: var(--news-divider-color, #cbd5e1);
  flex-shrink: 0;
}

.vg4fabf .fig2-featured-info {
  flex-grow: 1;
}

.vg4fabf .fig2-featured-title {
  --news-base-color: #0f172a;
  --news-current-font-size: var(--news-font-size, 18px);
  font-size: var(--news-current-font-size);
  font-weight: var(--news-font-weight, 400);
  color: var(--news-color, var(--news-base-color));
  line-height: var(--news-line-height, inherit);
  margin: 0 0 8px;
  transition: color 0.2s ease;
  font-family: var(--news-font-family, inherit);
  font-style: var(--news-font-style, normal);
  text-decoration: var(--news-text-decoration, none);
  letter-spacing: var(--news-letter-spacing, normal);
  text-align: var(--news-text-align, start);
  text-transform: var(--news-text-transform, none);
}

.vg4fabf .fig2-featured-link:hover .fig2-featured-title {
  font-size: var(--news-hover-font-size, var(--news-current-font-size));
  font-family: var(--news-hover-font-family, var(--news-font-family, inherit));
  font-weight: var(--news-hover-font-weight, 400);
  font-style: var(--news-hover-font-style, normal);
  text-decoration: var(--news-hover-text-decoration, none);
  color: var(--news-hover-color, var(--news-color, var(--news-base-color)));
}

.vg4fabf .fig2-featured-desc {
  --news-base-color: #64748b;
  --news-current-font-size: var(--news-font-size, 13.5px);
  font-size: var(--news-current-font-size);
  color: var(--news-color, var(--news-base-color));
  line-height: var(--news-line-height, inherit);
  margin: 0;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  font-family: var(--news-font-family, inherit);
  font-weight: var(--news-font-weight, 400);
  font-style: var(--news-font-style, normal);
  text-decoration: var(--news-text-decoration, none);
  letter-spacing: var(--news-letter-spacing, normal);
  text-align: var(--news-text-align, start);
  text-transform: var(--news-text-transform, none);
}

.vg4fabf .fig2-news-right {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
}

.vg4fabf .fig2-news-list {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  flex-grow: 1;
}

.vg4fabf .fig2-list-item {
  display: flex;
  align-items: flex-start;
  gap: 20px;
  padding: 16px 0;
  border-bottom: 1px solid var(--news-border-color, #eef2f6);
  text-decoration: none;
  color: inherit;
  transition: background 0.2s ease;
  background: var(--news-background, rgba(0,0,0,0));
}

.vg4fabf .fig2-list-item:first-child {
  padding-top: 0;
}

.vg4fabf .fig2-list-info {
  flex-grow: 1;
}

.vg4fabf .fig2-list-title {
  --news-base-color: #0f172a;
  --news-current-font-size: var(--news-font-size, 16px);
  font-size: var(--news-current-font-size);
  font-weight: var(--news-font-weight, 400);
  color: var(--news-color, var(--news-base-color));
  line-height: var(--news-line-height, inherit);
  margin: 0 0 6px;
  transition: color 0.2s ease;
  font-family: var(--news-font-family, inherit);
  font-style: var(--news-font-style, normal);
  text-decoration: var(--news-text-decoration, none);
  letter-spacing: var(--news-letter-spacing, normal);
  text-align: var(--news-text-align, start);
  text-transform: var(--news-text-transform, none);
}

.vg4fabf .fig2-list-item:hover .fig2-list-title {
  font-size: var(--news-hover-font-size, var(--news-current-font-size));
  font-family: var(--news-hover-font-family, var(--news-font-family, inherit));
  font-weight: var(--news-hover-font-weight, 400);
  font-style: var(--news-hover-font-style, normal);
  text-decoration: var(--news-hover-text-decoration, none);
  color: var(--news-hover-color, var(--news-color, var(--news-base-color)));
}

.vg4fabf .fig2-list-desc {
  --news-base-color: #64748b;
  --news-current-font-size: var(--news-font-size, 13.5px);
  font-size: var(--news-current-font-size);
  color: var(--news-color, var(--news-base-color));
  line-height: var(--news-line-height, inherit);
  margin: 0;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  font-family: var(--news-font-family, inherit);
  font-weight: var(--news-font-weight, 400);
  font-style: var(--news-font-style, normal);
  text-decoration: var(--news-text-decoration, none);
  letter-spacing: var(--news-letter-spacing, normal);
  text-align: var(--news-text-align, start);
  text-transform: var(--news-text-transform, none);
}

.vg4fabf .fig2-more-wrap {
  display: flex;
  justify-content: flex-end;
  margin-top: 14px;
}

.vg4fabf .fig2-more-link {
  --news-base-color: #0f172a;
  --news-current-font-size: var(--news-font-size, 14px);
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: var(--news-color, #0f172a);
  text-decoration: none;
  transition: all 0.2s ease;
  border: 0;
  background: var(--news-background, rgba(0,0,0,0));
}


.vg4fabf .fig2-more-text {
  --news-base-color: #0f172a;
  --news-current-font-size: var(--news-font-size, 14px);
  font-family: var(--news-font-family, inherit);
  font-size: var(--news-current-font-size);
  font-weight: var(--news-font-weight, 400);
  font-style: var(--news-font-style, normal);
  text-decoration: var(--news-text-decoration, none);
  line-height: var(--news-line-height, inherit);
  letter-spacing: var(--news-letter-spacing, normal);
  color: var(--news-color, var(--news-base-color));
  text-align: var(--news-text-align, start);
  text-transform: var(--news-text-transform, none);
}

.vg4fabf .fig2-more-link:hover {
  color: var(--news-hover-color, var(--news-color, var(--news-base-color)));
  gap: 10px;
}

@media (max-width: 992px) {
.vg4fabf .fig2-news-grid {
    grid-template-columns: 1fr;
    gap: 36px;
  }
}

.vg4fabf .fig2-news-title:hover {
  font-size: var(--news-hover-font-size, var(--news-current-font-size));
  font-family: var(--news-hover-font-family, var(--news-font-family, inherit));
  font-weight: var(--news-hover-font-weight, 400);
  font-style: var(--news-hover-font-style, normal);
  text-decoration: var(--news-hover-text-decoration, none);
  color: var(--news-hover-color, var(--news-color, var(--news-base-color)));
}
.vg4fabf .fig2-news-subtitle:hover {
  font-size: var(--news-hover-font-size, var(--news-current-font-size));
  font-family: var(--news-hover-font-family, var(--news-font-family, inherit));
  font-weight: var(--news-hover-font-weight, 400);
  font-style: var(--news-hover-font-style, normal);
  text-decoration: var(--news-hover-text-decoration, none);
  color: var(--news-hover-color, var(--news-color, var(--news-base-color)));
}
.vg4fabf .fig2-date-day:hover {
  font-size: var(--news-hover-font-size, var(--news-current-font-size));
  font-family: var(--news-hover-font-family, var(--news-font-family, inherit));
  font-weight: var(--news-hover-font-weight, 400);
  font-style: var(--news-hover-font-style, normal);
  text-decoration: var(--news-hover-text-decoration, none);
  color: var(--news-hover-color, var(--news-color, var(--news-base-color)));
}
.vg4fabf .fig2-date-year:hover {
  font-size: var(--news-hover-font-size, var(--news-current-font-size));
  font-family: var(--news-hover-font-family, var(--news-font-family, inherit));
  font-weight: var(--news-hover-font-weight, 400);
  font-style: var(--news-hover-font-style, normal);
  text-decoration: var(--news-hover-text-decoration, none);
  color: var(--news-hover-color, var(--news-color, var(--news-base-color)));
}
.vg4fabf .fig2-featured-desc:hover {
  font-size: var(--news-hover-font-size, var(--news-current-font-size));
  font-family: var(--news-hover-font-family, var(--news-font-family, inherit));
  font-weight: var(--news-hover-font-weight, 400);
  font-style: var(--news-hover-font-style, normal);
  text-decoration: var(--news-hover-text-decoration, none);
  color: var(--news-hover-color, var(--news-color, var(--news-base-color)));
}
.vg4fabf .fig2-list-desc:hover {
  font-size: var(--news-hover-font-size, var(--news-current-font-size));
  font-family: var(--news-hover-font-family, var(--news-font-family, inherit));
  font-weight: var(--news-hover-font-weight, 400);
  font-style: var(--news-hover-font-style, normal);
  text-decoration: var(--news-hover-text-decoration, none);
  color: var(--news-hover-color, var(--news-color, var(--news-base-color)));
}
.vg4fabf .fig2-more-link:hover .fig2-more-text {
  font-size: var(--news-hover-font-size, var(--news-current-font-size));
  font-family: var(--news-hover-font-family, var(--news-font-family, inherit));
  font-weight: var(--news-hover-font-weight, 400);
  font-style: var(--news-hover-font-style, normal);
  text-decoration: var(--news-hover-text-decoration, none);
  color: var(--news-hover-color, var(--news-color, var(--news-base-color)));
}
.vg4fabf .fig2-featured-card:hover {
  background: var(--news-hover-background, var(--news-background, rgba(0,0,0,0)));
}
.vg4fabf .fig2-list-item:hover {
  background: var(--news-hover-background, var(--news-background, rgba(0,0,0,0)));
}
.vg4fabf .fig2-more-link:hover {
  background: var(--news-hover-background, var(--news-background, rgba(0,0,0,0)));
}
.vg4fabf .fig2-more-icon {
  width: var(--news-icon-size, 16px);
  height: var(--news-icon-size, 16px);
  font-size: var(--news-icon-size, 16px);
  line-height: 1;
  font-style: normal;
  display: inline-block;
  flex-shrink: 0;
  color: inherit;
  background: transparent;
}
@media (max-width: 959px) {
.vg4fabf .fig2-more-link {
  --news-current-font-size: var(--news-mobile-font-size, var(--news-font-size));
}
.vg4fabf .fig2-news-container {
  padding-left: 1rem;
  padding-right: 1rem;
}
.vg4fabf .fig2-news-title {
  --news-current-font-size: var(--news-mobile-font-size, var(--news-font-size));
}
.vg4fabf .fig2-news-subtitle {
  --news-current-font-size: var(--news-mobile-font-size, var(--news-font-size));
}
.vg4fabf .fig2-date-day {
  --news-current-font-size: var(--news-mobile-font-size, var(--news-font-size));
}
.vg4fabf .fig2-date-year {
  --news-current-font-size: var(--news-mobile-font-size, var(--news-font-size));
}
.vg4fabf .fig2-featured-title {
  --news-current-font-size: var(--news-mobile-font-size, var(--news-font-size));
}
.vg4fabf .fig2-featured-desc {
  --news-current-font-size: var(--news-mobile-font-size, var(--news-font-size));
}
.vg4fabf .fig2-list-title {
  --news-current-font-size: var(--news-mobile-font-size, var(--news-font-size));
}
.vg4fabf .fig2-list-desc {
  --news-current-font-size: var(--news-mobile-font-size, var(--news-font-size));
}
.vg4fabf .fig2-more-text {
  --news-current-font-size: var(--news-mobile-font-size, var(--news-font-size));
}
}