/* ========== Placeholder Images ========== */
/* Used when real images are not available */

/* Homepage banner slides */



/* Page banner placeholders - unique for each page */
/* about.html uses .page-banner with title "关于我们" */
/* Use body title to differentiate via CSS - we use inline styles override */

/* ========== Image Fallback Styles ========== */
img[src] {
  min-height: 1px;
  min-width: 1px;
}

/* When image fails to load, show a nice gradient placeholder */
img[src$=".jpg"]:not([src^="data"]),
img[src$=".png"]:not([src^="data"]),
img[src$=".gif"]:not([src^="data"]) {



  background-size: cover;
  background-position: center;
}

/* Product-specific placeholder colors */
img[src*="product-cotton"] {
  background-image: linear-gradient(135deg, #2d4a1a 0%, #5a8c2d 50%, #8fbc4a 100%);
}
img[src*="product-harvest"] {
  background-image: linear-gradient(135deg, #8b4513 0%, #cd853f 50%, #f4a460 100%);
}
img[src*="product-tilage"] {
  background-image: linear-gradient(135deg, #3a2a1a 0%, #6a5a3a 50%, #8fbc8f 100%);
}
img[src*="product-seed"] {
  background-image: linear-gradient(135deg, #1a4a3a 0%, #2d8c6a 50%, #4abf8f 100%);
}
img[src*="product-spray"] {
  background-image: linear-gradient(135deg, #1a2a4a 0%, #2d5a8c 50%, #4a8cbf 100%);
}
img[src*="product-other"] {
  background-image: linear-gradient(135deg, #3a1a4a 0%, #5a2d8c 50%, #8f4abf 100%);
}
img[src*="news1"] {
  background-image: linear-gradient(135deg, #2c1810 0%, #5a3a2d 50%, #8f6a4a 100%);
}
img[src*="news2"] {
  background-image: linear-gradient(135deg, #1a2a10 0%, #3a5a2d 50%, #6a8f4a 100%);
}
img[src*="news3"] {
  background-image: linear-gradient(135deg, #0a1628 0%, #1a3050 50%, #2d5a88 100%);
}
img[src*="news4"] {
  background-image: linear-gradient(135deg, #28101a 0%, #503040 50%, #88506a 100%);
}
img[src*="news5"] {
  background-image: linear-gradient(135deg, #102818 0%, #305030 50%, #508850 100%);
}
img[src*="about-"] {
  background-image: linear-gradient(135deg, #1a2a3a 0%, #3a5a6a 50%, #5a8a9a 100%);
}
img[src*="industry"] {
  background-image: linear-gradient(135deg, #2a1a3a 0%, #4a3a5a 50%, #6a5a7a 100%);
}
img[src*="service"] {
  background-image: linear-gradient(135deg, #2a3a4a 0%, #4a5a6a 50%, #6a7a8a 100%);
}
img[src*="base-"] {
  background-image: linear-gradient(135deg, #3a2a1a 0%, #5a4a3a 50%, #7a6a5a 100%);
}
img[src*="qr-"] {
  background-image: none;
  background-color: #fff;
  border: 1px solid #ddd;
}

/* QR placeholder text */
.footer .col-logo .qr-code img,
.footer .col-contact .qr-item img {
  min-height: 129px;
  min-width: 129px;
}