/* ==========================================================================
   1. 全局与第三方组件适配
   ========================================================================== */

/* 全局字体设置为宋体 */
body,
h1,
h2,
h3,
h4,
h5,
h6,
p,
a,
li,
span,
div,
nav,
.c-menu,
.c-page_title,
.webfont1 {
  /*font-family: "SimSun", "宋体", "Songti SC", "Noto Serif CJK SC", "Source Han Serif SC", serif !important;*/
}

/* 监控指示灯闪烁动画 */
@keyframes blink {
  0%, 100% { opacity: 1; }
  50% { opacity: 0.2; }
}

/* ===== Swiper 版心内满宽样式修正 ===== */
#bk80598725 .column,
#bk80598725 .c-none {
  width: 100% !important;
  display: block !important;
}

/* Swiper 容器填满父级版心 */
.swiper-container-custom {
  width: 100% !important;
  /*height: 768px;*/
  overflow: hidden;
  position: relative;
}

.swiper-container-custom .swiper-slide img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover;
  display: block;
}

/* ==========================================================================
   2. 导航栏与下拉菜单
   ========================================================================== */

.c-menu li {
  position: relative;
}

.dropdown-menu {
  display: none;
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  background-color: #ffffff;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
  padding: 10px 0;
  list-style: none;
  z-index: 999;
  min-width: 160px;
  text-align: center;
  border-radius: 4px;
}

.dropdown-menu li {
  width: 100%;
  padding-right: 10px;
}

.dropdown-menu li a {
  display: block;
  padding: 8px 16px !important;
  color: #333333 !important;
  font-size: 14px;
  text-decoration: none;
  transition: background-color 0.2s, color 0.2s;
}

.dropdown-menu li a:hover {
  background-color: #ebf2e6;
  color: #4a6b32 !important;
}

/* 悬停显示二级菜单 */
.c-menu li:hover .dropdown-menu {
  display: block;
}

/* ==========================================================================
   3. 板块标题装饰与公共标题
   ========================================================================== */

.section-divider-title {
  text-align: center;
  font-size: 20px;
  color: #4a6b32;
  font-weight: bold;
  letter-spacing: 2px;
  margin: 50px 0 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 15px;
}

.section-divider-title::before,
.section-divider-title::after {
  content: "";
  display: inline-block;
  width: 60px;
  height: 1px;
  background: radial-gradient(
    circle,
    #4a6b32 0%,
    rgba(255, 255, 255, 0) 100%
  );
}

/* 公共图片板块标题包装器 */
.section-title-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin: 50px 0;
}

/* 标题图片控制自适应 */
.section-title-img {
  width: 50%;
  max-width: 500px;
  min-width: 180px;
  height: auto;
  display: block;
}

/* ==========================================================================
   4. 安全·营养·美味 模块
   ========================================================================== */

.feature-column-container {
  display: flex;
  flex-direction: column;
  width: 100%;
  box-sizing: border-box;
}

.feature-item-box {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  position: relative;
}

/* 各卡片背景渲染 */
.feature-item-box.bg-safe {
  background: linear-gradient(135deg, #fcd373 0%, #f7eebe 100%);
}

.feature-item-box.bg-nutrition {
  background: linear-gradient(135deg, #fad06c 0%, #f3e5ab 100%);
}

.feature-item-box.bg-delicious {
  background: #f3f0e8;
}

.feature-item-box.bg-award {
  background: #eaeaea;
}

/* 图片比例控制 */
.feature-item-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* ==========================================================================
   5. 产品展示模块
   ========================================================================== */

.products-section-container {
  padding: 40px 20px 60px;
}

.product-grid-container {
  display: flex;
  justify-content: space-between;
  gap: 20px;
  flex-wrap: wrap;
  width: 100%;
  box-sizing: border-box;
  padding: 0 120px;
}

.product-card-box {
  flex: 1;
  min-width: 280px;
  aspect-ratio: 1 / 1;
  background-color: #f0f0f0;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 2px;
  position: relative;
}

.product-card-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.product-card-placeholder {
  position: absolute;
  color: #999;
  font-size: 14px;
}

/* ==========================================================================
   6. 广告看板与横幅 (Billboard & Promo Banner)
   ========================================================================== */

#bk80598630 {
  width: 260px;
  position: absolute;
  left: 50px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 100;
}

.billboard-banner-wrapper {
  width: 240px;
  margin: 0 auto;
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.05);
}

.billboard-banner-img {
  width: 100%;
  height: auto;
  display: block;
  object-fit: cover;
}

#section1 {
  width: 100%;
}

.promo-banner-container {
  width: 100%;
}

.promo-banner-wrapper {
  width: 100%;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.03);
}

.promo-banner-img {
  width: 100%;
  height: auto;
  display: block;
  object-fit: cover;
}

/* ==========================================================================
   7. 互动牧场区域 (Farm Interactive Row)
   ========================================================================== */

.interactive-row-container {
  width: 100%;
  margin: 0 auto;
  box-sizing: border-box;
}

#farm-interactive-row {
  display: flex;
  position: relative;
  width: 100%;
  min-height: 820px;
  overflow: hidden;
  background-size: cover;
  background-position: center;
  transition: background-image 0.4s ease-in-out;
}

/* 5个列对应的五张全宽大背景图路径 */
#farm-interactive-row.farm-bg-state-1 { background-image: url("https://cloud.shuntun.com/file/xgCbyG-HAL2v5cY2pYEsM.jpg?x-oss-process=image/format,webp"); }
#farm-interactive-row.farm-bg-state-2 { background-image: url("https://cloud.shuntun.com/file/BKMFV-b85Vgrluhrp0s8k.jpg?x-oss-process=image/format,webp"); }
#farm-interactive-row.farm-bg-state-3 { background-image: url("https://cloud.shuntun.com/file/q8VqPBoW5U01f-9ppYKfz.jpg?x-oss-process=image/format,webp"); }
#farm-interactive-row.farm-bg-state-4 { background-image: url("https://cloud.shuntun.com/file/ye8yekgHjPftrMCpS1G-P.jpg?x-oss-process=image/format,webp"); }
#farm-interactive-row.farm-bg-state-5 { background-image: url("https://cloud.shuntun.com/file/BdlwJcWKutNKqx_SnE-di.jpg?x-oss-process=image/format,webp"); }

.farm-col {
  flex: 1;
  display: flex;
  background-color: rgba(0, 0, 0, 0.25);
  transition: all 0.35s cubic-bezier(0.25, 1, 0.5, 1);
  cursor: pointer;
  /*border-right: 1px solid rgba(255, 255, 255, 0.15);*/
}

.farm-col:last-child {
  border-right: none;
}

.farm-col-inner {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 40px 15px;
  box-sizing: border-box;
  position: relative;
}

.farm-icon-block {
  width: 128px;
  height: 128px;
  margin: 0 auto 15px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  transition: background-image 0.3s ease;
}

/* 默认状态下的图标背景 */
.farm-col[data-bg-id="1"] .farm-icon-block { background-image: url("../picture/zsld.png"); }
.farm-col[data-bg-id="2"] .farm-icon-block { background-image: url("../picture/chyx.png"); }
.farm-col[data-bg-id="3"] .farm-icon-block { background-image: url("../picture/znwljs.png"); }
.farm-col[data-bg-id="4"] .farm-icon-block { background-image: url("../picture/swygp.png"); }
.farm-col[data-bg-id="5"] .farm-icon-block { background-image: url("../picture/ykpk.png"); }

/* 鼠标移入卡片时，切换为高亮图标 */
.farm-col[data-bg-id="1"]:hover .farm-icon-block { background-image: url("../picture/zsld-1.png"); }
.farm-col[data-bg-id="2"]:hover .farm-icon-block { background-image: url("../picture/chyx-1.png"); }
.farm-col[data-bg-id="3"]:hover .farm-icon-block { background-image: url("../picture/znwljs-1.png"); }
.farm-col[data-bg-id="4"]:hover .farm-icon-block { background-image: url("../picture/swygp-1.png"); }
.farm-col[data-bg-id="5"]:hover .farm-icon-block { background-image: url("../picture/ykpk-1.png"); }

.farm-title {
  font-size: 16px;
  color: #ffffff;
  font-weight: 500;
  margin: 0;
  transition: color 0.3s;
}

.hover-top-text {
  font-size: 12px;
  color: #4a6b32;
  margin-bottom: 30px;
  opacity: 0;
  transform: translateY(-10px);
  transition: all 0.3s ease;
  white-space: nowrap;
}

.hover-more-btn {
  font-size: 12px;
  color: #4a6b32;
  text-decoration: none;
  border-bottom: 1px solid #4a6b32;
  padding-bottom: 2px;
  margin-top: 40px;
  opacity: 0;
  transform: translateY(10px);
  transition: all 0.3s ease;
}

/* 核心悬停交互效果 */
.farm-col:hover {
  background-color: #f9f5e8 !important;
}

.farm-col:hover .farm-title {
  color: #4a6b32 !important;
  font-weight: 700;
}

.farm-col:hover .farm-icon-block {
  transform: scale(1.2);
}

.farm-col:hover .hover-top-text,
.farm-col:hover .hover-more-btn {
  opacity: 1;
  transform: translateY(0);
}

/* ==========================================================================
   8. 企业新闻模块 (News Section)
   ========================================================================== */

#section5 {
  padding: 80px 20px 60px;
}

.news-header {
  text-align: center;
  margin-bottom: 40px;
}

.news-section-title {
  font-size: 22px;
  color: #333;
  letter-spacing: 4px;
  position: relative;
  display: inline-block;
  padding-bottom: 10px;
}

.news-section-title-line {
  position: absolute;
  bottom: 0;
  left: 25%;
  width: 50%;
  height: 1px;
  background: #4a6b32;
}

.news-grid {
  display: flex;
  justify-content: space-between;
  gap: 20px;
  flex-wrap: wrap;
}

.news-card {
  flex: 1;
  min-width: 260px;
  background: #fafafa;
  border: 1px solid #eee;
  border-radius: 4px;
  overflow: hidden;
}

.news-card-banner {
  height: 160px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
  font-size: 14px;
  letter-spacing: 1px;
}

.news-card-banner.type-primary {
  background: #ebf2e6;
  color: #4a6b32;
}

.news-card-banner.type-secondary {
  background: #f9f5e8;
  color: #dfa953;
}

.news-card-body {
  padding: 20px;
}

.news-date {
  font-size: 12px;
  color: #999;
}

.news-title {
  font-size: 15px;
  color: #333;
  margin: 10px 0;
  font-weight: bold;
  line-height: 1.4;
}

/* ==========================================================================
   9. 页脚设计 (Footer)
   ========================================================================== */

.footer-logo-container {
  text-align: center;
  padding: 40px 0 20px;
  width: 100%;
}

.footer-logo {
  max-width: 120px;
  width: 50%;
  height: auto;
  display: inline-block;
  vertical-align: middle;
}

/* ==========================================================================
   10. 响应式适配媒体查询 (Media Queries)
   ========================================================================== */

@media (max-width: 767px) {

  #bk80598630 {
  width: 96px;
  position: absolute;
  left: -8px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 100;
}
  /* 移动端轮播图与二级菜单 */
  .swiper-container-custom {
    height: auto;
    aspect-ratio: 1200 / 768;
  }

  .dropdown-menu {
    position: static;
    transform: none;
    box-shadow: none;
    background-color: rgba(0, 0, 0, 0.03);
    padding: 5px 0;
    margin-top: 5px;
  }

  .c-menu li:hover .dropdown-menu {
    display: block;
  }

  /* 移动端互动牧场卡片 */
  #farm-interactive-row {
    flex-direction: column !important;
    min-height: auto;
    background-image: none !important;
  }

  .farm-col {
    border-right: none !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    min-height: 180px;
  }

  .hover-top-text,
  .hover-more-btn {
    opacity: 1 !important;
    transform: none !important;
  }

  .farm-col:nth-child(1) { background-image: url("https://cloud.shuntun.com/file/xgCbyG-HAL2v5cY2pYEsM.jpg?x-oss-process=image/format,webp"); background-size: cover; }
  .farm-col:nth-child(2) { background-image: url("https://cloud.shuntun.com/file/BKMFV-b85Vgrluhrp0s8k.jpg?x-oss-process=image/format,webp"); background-size: cover; }
  .farm-col:nth-child(3) { background-image: url("https://cloud.shuntun.com/file/q8VqPBoW5U01f-9ppYKfz.jpg?x-oss-process=image/format,webp"); background-size: cover; }
  .farm-col:nth-child(4) { background-image: url("https://cloud.shuntun.com/file/ye8yekgHjPftrMCpS1G-P.jpg?x-oss-process=image/format,webp"); background-size: cover; }
  .farm-col:nth-child(5) { background-image: url("https://cloud.shuntun.com/file/BdlwJcWKutNKqx_SnE-di.jpg?x-oss-process=image/format,webp"); background-size: cover; }
}