#produce .bg-light-gray {
  background: #F1F5F7;
}
#produce .index-insights .messageCardListContainer .messageCardList {
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
}

/* 桌面端：内容区约 1260px，固定 370px 宽卡片一屏只能看到约 3 张；缩窄为 4 张同屏 */
@media screen and (min-width: 501px) {
  #produce .index-insights .messageCardListContainer .messageCardList {
    padding-right: 90px;
  }
  #produce .index-insights .messageCardListContainer .messageCardList .messageCardItem {
    width: calc((100% - 90px) / 4);
  }
}
#produce .index-insights .messageCardListContainer .messageCardList::-webkit-scrollbar {
  display: none;
}
#produce .index-insights .messageCardListContainer .messageCardList .messageCardItem .limit-time {
  font-size: 14px;
  color: #596774;
  margin-bottom: 10px;
}
#produce .index-insights .messageCardListContainer .messageCardList .messageCardItem .limit-time i {
  color: #55cfff;
  font-size: 16px;
  margin-right: 4px;
}
@media screen and (max-width: 500px) {
  #produce .index-insights.main-item-box {
    padding-left: 15px;
    padding-right: 0;
  }
  /* 首页main-item-box移动端底部间距调整为50px */
  #produce .main-item-box {
    padding: 25px 25px 50px 25px;
  }
  #produce .index-insights .messageCardListContainer .messageCardList .messageCardItem:nth-child(1) .box {
    width: auto;
  }
  #produce .index-insights .messageCardListContainer .messageCardList .messageCardItem .limit-time {
    font-size: 12px;
    margin-bottom: 6px;
  }
  #produce .index-insights .messageCardListContainer .messageCardList .messageCardItem .limit-time i {
    font-size: 14px;
  }
  /* 首页资产类别区块移动端间距调整为0 */
  #produce .main-item-box.dark {
    margin-bottom: 0;
  }
  /* 首页移动端取消底部间距 */
  #produce .main {
    padding-bottom: 0;
  }
}

/* ===== 从首页 index.html 提取的内联样式 ===== */

/* 市场研报：链接卡片基础布局（原内联 text-decoration:none;display:block） */
#produce .yb-item {
  text-decoration: none;
  display: block;
}

/* 最新洞察卡片：整体可点击 */
#produce .index-insights .messageCardItem {
  cursor: pointer;
}

/* 最新洞察标题链接：透明不可点击 */
#produce .index-insights .messageCardItem .tt a.insight-title-link {
  color: inherit;
  text-decoration: none;
  pointer-events: none;
  cursor: default;
}

/* 最新洞察标题悬停变色 */
#produce .index-insights .messageCardItem:hover .tt a.insight-title-link {
  color: #3cc8ff;
}

/* 最新洞察第一个卡片标题悬停变色（特殊背景） */
#produce .index-insights .messageCardItem:nth-child(1):hover .tt a.insight-title-link {
  color: #3cc8ff;
}

/* 市场研报标题链接：透明不可点击 */
#produce .yb-item .yb-item-title a.report-title-link {
  color: inherit;
  text-decoration: none;
  pointer-events: none;
  cursor: default;
}

/* 市场研报标题悬停变色 */
#produce .yb-item:hover .yb-item-title a.report-title-link {
  color: #3cc8ff;
}

/* 期货教程卡片：整体可点击（外层改为 div 后补充样式） */
#produce .ysp-list .ysp-item {
  cursor: pointer;
}

/* 期货教程标题链接：默认不单独跳转，保留蓝色 */
#produce .ysp-list .ysp-item .tt-1 a.ysp-title-link {
  color: inherit;
  text-decoration: none;
  pointer-events: none;
}

/* 期货教程卡片悬停：标题加下划线 */
#produce .ysp-list .ysp-item:hover .tt-1 a.ysp-title-link {
  text-decoration: underline;
}

/* 资产类别卡片：整体可点击（外层改为 div 后补充样式） */
#produce .zc-list .zc-item {
  cursor: pointer;
  display: block;
  color: #fff;
  text-decoration: none;
}

/* 资产类别箭头链接：不单独跳转（由卡片整体 JS 控制） */
#produce .zc-list .zc-item .content .arrow {
  pointer-events: none;
}

/* 行情表格 tab 选项：鼠标手型 */
#produce .table-tab .table-tab-item {
  cursor: pointer;
}

/* 行情表格内容区域：鼠标默认样式 */
#produce .table-tab-list {
  cursor: default;
}

/* 行情表格容器：相对定位（原内联 position:relative） */
#produce .e-tab-content {
  position: relative;
}

/* 行情表格横向滚动容器 */
#produce .table-body {
  overflow-x: scroll;
  overflow-y: hidden;
}

/* 市场研报 & 最新洞察：移动端隐藏 Swiper 左右箭头，避免遮挡内容影响可读性 */
@media (max-width: 767px) {
  #produce .yb-swiper-container .yb-pre-btn,
  #produce .yb-swiper-container .yb-next-btn,
  #produce .insights-pre-btn,
  #produce .insights-next-btn {
    display: none;
  }
}
