/* ---------- 报价商品卡（助剂/色母粒/再生/改性共用） ---------- */
/* 对齐原版 mt-5 px-5 pb-5：用 padding 撑左右下，避免底部 margin 塌陷漏出父卡片 */
.supply-row { display: none; margin-top: 20px; padding: 0 20px 20px; }
.supply-row.active { display: flex; }
/* 报价卡：固定宽度（原版 w-[276px] / 改性 w-[270px]），不随行内数量拉伸 */
.quote-card { flex: none; width: 276px; margin-right: 20px; overflow: hidden; background: #fff; border-radius: 6px; box-shadow: 0 2px 10px rgba(15,23,42,.05); transition: transform .15s; }
.mod-product-row .quote-card { width: 270px; }
.quote-card:last-child { margin-right: 0; }
.quote-card:hover { transform: scale(1.05); box-shadow: 0 2px 12px rgba(60,64,67,.16); }
.quote-card-link { display: block; }
.quote-card-cover { position: relative; width: 100%; height: 276px; background-color: #fafafa; background-size: cover; background-position: center; }
.quote-card-hover { position: absolute; left: 0; bottom: 0; display: flex; height: 34px; width: 100%; align-items: center; justify-content: center; background: #4267B5; font-size: 14px; line-height: 14px; color: #fff; opacity: 0; transition: opacity .15s; }
.quote-card:hover .quote-card-hover { opacity: 1; }
.quote-card-body { padding: 8px 4px 12px; }
/* 原版：带公司/浏览量 footer 的卡片 body 底部仅 6px（pb-1.5） */
.quote-card-meta .quote-card-body { padding-bottom: 6px; }
.quote-card-title { min-height: 40px; max-height: 40px; overflow: hidden; font-size: 14px; font-weight: normal; line-height: 20px; color: #333; }
.quote-card-tags { height: 25px; overflow: hidden; margin-top: 2px; } /* 25 = .quote-tag 22 + margin-bottom 3；原来写 26 会露出第二行 1px */
.quote-tag { display: inline-block; height: 22px; margin: 0 2px 3px 0; padding: 0 4px; font-size: 12px; line-height: 22px; color: #999; background: #fafafa; border: 1px solid #efefef; border-radius: 3px; }
.quote-card-price { display: flex; margin-top: 4px; align-items: baseline; font-size: 14px; color: #666; }
.quote-card-price-label { flex: none; color: #999; }
.quote-card-price-val { min-width: 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.quote-card-price-val b { font-size: 16px; font-weight: bold; line-height: 22px; color: #ff0000; }
.quote-card-footer { display: flex; margin-top: 4px; padding: 0 4px 8px; align-items: center; justify-content: space-between; font-size: 12px; }
.quote-card-meta-left { display: flex; min-width: 0; align-items: center; color: #666; }
.quote-card-footer .quote-card-company { display: block; max-width: 160px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #666; }
.quote-card-footer .quote-card-company:hover { color: #4267B5; }
.quote-card-footer .quote-card-company.nolink { pointer-events: none; }
.quote-card-footer .quote-card-flag { width: 16px; height: 16px; margin-left: 2px; }
.quote-card-company { flex: 1; min-width: 0; max-width: 160px; overflow: hidden; color: #666; white-space: nowrap; text-overflow: ellipsis; }
.quote-card-company:hover { color: #4267B5; }
.quote-card-views { flex: none; display: flex; align-items: center; color: #999; }
.quote-card-views img { width: 16px; height: 16px; margin-right: 2px; }