/* Banner Fallback Styles - 当图片无法加载时使用纯色背景 */

/* 品牌首页 */
#banner-brand-home {
  background: linear-gradient(135deg, #1a202c 0%, #2d3748 100%);
}

/* 多元人群 - 已有背景色 */

/* 全球渠道 - 已有背景色 */

/* 关于INTOFINE */
#banner-about {
  background: linear-gradient(135deg, #0066cc 0%, #0052a3 100%);
}

/* 健康科学 */
#banner-health, #banner-health-intro {
  background: linear-gradient(135deg, #00cc66 0%, #00a352 100%);
}

/* 功效实证 */
#banner-efficacy {
  background: linear-gradient(135deg, #cc6600 0%, #a35200 100%);
}

/* 原料专利 */
#banner-patent, #banner-patent-ingredient {
  background: linear-gradient(135deg, #9966cc 0%, #7a52a3 100%);
}

/* 工厂资质 */
#banner-factory {
  background: linear-gradient(135deg, #cc0066 0%, #a30052 100%);
}

/* 产品正品保障 */
#banner-authenticity {
  background: linear-gradient(135deg, #0099cc 0%, #007aa3 100%);
}

/* 健康科学研究实验室 */
#banner-lab {
  background: linear-gradient(135deg, #4a90e2 0%, #357abd 100%);
}

/* 联合共研 精准递送 */
#banner-delivery {
  background: linear-gradient(135deg, #ff6b6b 0%, #cc5555 100%);
}

/* 全球融智 */
#banner-experts {
  background: linear-gradient(135deg, #20b2aa 0%, #1a8e88 100%);
}

/* 隐藏无法加载的背景图片 - 只影响直接子元素 */
.fullscreen-banner > img[src*="placeholder"] {
  opacity: 0;
}

/* 确保banner内容在纯色背景上可见 */
.fullscreen-banner .banner-content {
  position: relative;
  z-index: 10;
}