.elementor-27190 .elementor-element.elementor-element-a966e6a{--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-27190 .elementor-element.elementor-element-be5b00f{--display:flex;--min-height:20px;--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-27190 .elementor-element.elementor-element-fee97c7{--display:flex;}.elementor-27190 .elementor-element.elementor-element-ee485dd{--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-27190 .elementor-element.elementor-element-a1c31ef{--display:flex;}.elementor-27190 .elementor-element.elementor-element-0dbdaa8{--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-27190 .elementor-element.elementor-element-6fd38a7{--display:flex;}.elementor-27190 .elementor-element.elementor-element-5dba83e{--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-27190 .elementor-element.elementor-element-493248f{--display:flex;}.elementor-27190 .elementor-element.elementor-element-14cc632{--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-27190 .elementor-element.elementor-element-92a7e82{--display:flex;}.elementor-27190 .elementor-element.elementor-element-2e2e34a{--display:flex;}.elementor-27190 .elementor-element.elementor-element-9111e58{--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-27190 .elementor-element.elementor-element-42532b0{--display:flex;}/* Start custom CSS for html, class: .elementor-element-e504076 */.unit-container {
  width: 100%;
  overflow: hidden;
  margin-bottom: 20px;
}

.unit-link {
  display: block;
  text-decoration: none;
  color: inherit;
}

.unit-content {
  display: flex;
  align-items: center;
  justify-content: space-between; /* 避免硬编码 gap */
  gap: 20px; /* 默认宽屏时正常留白 */
  transition: opacity 0.3s ease;
}

.unit-text {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
}

.unit-tag {
  display: inline-block;
  font-size: 12px;
  letter-spacing: 1px;
  color: #b49d57;
  border: 1px solid #b49d57;
  padding: 4px 8px;
  font-weight: bold;
  white-space: nowrap;
}

.unit-date {
  font-size: 14px;
  letter-spacing: 2px;
  color: #333;
}

.unit-title {
  font-size: 20px;
  font-weight: 500;
  color: #000;
}

.unit-image {
  width: 300px;
  max-width: 100%; /* 保证手机端不会超出屏幕 */
  height: auto;
  transition: opacity 0.3s ease;
}

.unit-container:hover .unit-text,
.unit-container:hover .unit-image {
  opacity: 0.5;
}

/* 关键部分：手机端改为纵向排列 */
@media (max-width: 768px) {
  .unit-content {
    flex-direction: column;  /* 改为上下排列 */
    align-items: flex-start; /* 文字靠左对齐 */
    gap: 12px; /* 减小间距 */
  }

  .unit-image {
    width: 100%; /* 图片铺满容器宽度 */
    height: auto;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-a262f18 */.item-1-container {
  width: 100%;
  overflow: hidden;
  margin-bottom: 20px;
}

.item-1-link {
  display: block;
  text-decoration: none;
  color: inherit;
}

.item-1-content {
  display: flex;
  align-items: center;
  justify-content: space-between; /* 避免硬编码 gap */
  gap: 20px; /* 默认宽屏时正常留白 */
  transition: opacity 0.3s ease;
}

.item-1-text {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
}

.tag-1 {
  display: inline-block;
  font-size: 12px;
  letter-spacing: 1px;
  color: #b49d57;
  border: 1px solid #b49d57;
  padding: 4px 8px;
  font-weight: bold;
  white-space: nowrap;
}

.date-1 {
  font-size: 14px;
  letter-spacing: 2px;
  color: #333;
}

.title-1 {
  font-size: 20px;
  font-weight: 500;
  color: #000;
}

.img-1 {
  width: 300px;
  max-width: 100%; /* 保证手机端不会超出屏幕 */
  height: auto;
  transition: opacity 0.3s ease;
}

.item-1-container:hover .item-1-text,
.item-1-container:hover .img-1 {
  opacity: 0.5;
}

/* 关键部分：手机端改为纵向排列 */
@media (max-width: 768px) {
  .item-1-content {
    flex-direction: column;  /* 改为上下排列 */
    align-items: flex-start; /* 文字靠左对齐 */
    gap: 12px; /* 减小间距 */
  }

  .img-1 {
    width: 100%; /* 图片铺满容器宽度 */
    height: auto;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-478c7eb */.v2-container {
  width: 100%;
  overflow: hidden;
  margin-bottom: 20px;
}

.v2-link {
  display: block;
  text-decoration: none;
  color: inherit;
}

.v2-content {
  display: flex;
  align-items: center;
  justify-content: space-between; /* 避免硬编码 gap */
  gap: 20px; /* 默认宽屏时正常留白 */
  transition: opacity 0.3s ease;
}

.v2-text-block {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
}

.v2-label {
  display: inline-block;
  font-size: 12px;
  letter-spacing: 1px;
  color: #b49d57;
  border: 1px solid #b49d57;
  padding: 4px 8px;
  font-weight: bold;
  white-space: nowrap;
}

.v2-date {
  font-size: 14px;
  letter-spacing: 2px;
  color: #333;
}

.v2-title {
  font-size: 20px;
  font-weight: 500;
  color: #000;
}

.v2-image {
  width: 300px;
  max-width: 100%; /* 保证手机端不会超出屏幕 */
  height: auto;
  transition: opacity 0.3s ease;
}

.v2-container:hover .v2-text-block,
.v2-container:hover .v2-image {
  opacity: 0.5;
}

/* 关键部分：手机端改为纵向排列 */
@media (max-width: 768px) {
  .v2-container {
    flex-direction: column;  /* 改为上下排列 */
    align-items: flex-start; /* 文字靠左对齐 */
    gap: 12px; /* 减小间距 */
  }

  .v2-image {
    width: 100%; /* 图片铺满容器宽度 */
    height: auto;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c926a23 */.card-wrapper {
  width: 100%;
  overflow: hidden;
  margin-bottom: 20px;
}

.card-anchor {
  display: block;
  text-decoration: none;
  color: inherit;
}

.card-inner {
  display: flex;
  align-items: center;
  justify-content: space-between; /* 避免硬编码 gap */
  gap: 20px; /* 默认宽屏时正常留白 */
  transition: opacity 0.3s ease;
}

.text-group {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
}

.badge {
  display: inline-block;
  font-size: 12px;
  letter-spacing: 1px;
  color: #b49d57;
  border: 1px solid #b49d57;
  padding: 4px 8px;
  font-weight: bold;
  white-space: nowrap;
}

.publish-date {
  font-size: 14px;
  letter-spacing: 2px;
  color: #333;
}

.main-title {
  font-size: 20px;
  font-weight: 500;
  color: #000;
}

.featured-img {
  width: 300px;
  max-width: 100%; /* 保证手机端不会超出屏幕 */
  height: auto;
  transition: opacity 0.3s ease;
}

.card-wrapper:hover .text-group,
.card-wrapper:hover .featured-img {
  opacity: 0.5;
}

/* 关键部分：手机端改为纵向排列 */
@media (max-width: 768px) {
  .card-wrapper {
    flex-direction: column;  /* 改为上下排列 */
    align-items: flex-start; /* 文字靠左对齐 */
    gap: 12px; /* 减小间距 */
  }

  .featured-img {
    width: 100%; /* 图片铺满容器宽度 */
    height: auto;
  }
}/* End custom CSS */