/* Scoped to the homepage resource feed: fill five columns on wide screens. */
#product_flow { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 14px; }
#product_flow > .list { box-sizing: border-box; width: 100%; min-width: 0; margin: 0; }
#product_flow > .layui-flow-more, #product_flow > .portal-resource-notice { grid-column: 1 / -1; }
#product_flow .portal-resource-link { display: flex; flex-direction: column; height: 100%; min-width: 0; color: inherit; text-decoration: none; border-radius: 8px; }
#product_flow .portal-resource-link:focus-visible { outline: 2px solid var(--main-now-color, #1878f3); outline-offset: 3px; }
#product_flow > .list .image { box-sizing: border-box; flex: 0 0 172px; height: 172px; }
#product_flow > .list .wrvz19 { box-sizing: border-box; flex: 1; min-height: 0; height: auto; padding: 14px; overflow: hidden; }
#product_flow > .list .wrvz19 .name { line-height: 22px; max-height: 44px; overflow-wrap: anywhere; }
#product_flow > .list .wrvz19 .desc { margin-top: 8px; line-height: 20px; max-height: 40px; -webkit-line-clamp: 2; overflow-wrap: anywhere; }
#product_flow .portal-resource-source { position: absolute; top: 9px; right: 9px; z-index: 2; padding: 3px 8px; border: 1px solid #bde8dc; border-radius: 6px; background: #e9faf4; color: #08765d; font-size: 12px; font-weight: 600; line-height: 20px; pointer-events: none; }
#product_flow .portal-resource-notice { flex: 0 0 100%; margin: 10px 7px; color: #7b8798; font-size: 13px; line-height: 1.6; }
html.portal-dark #product_flow > .list .image, html.portal-dark #product_flow > .list .wrvz19 { border-color: #304360; background-color: #15243b; }
html.portal-dark #product_flow .portal-resource-source { background: #163e37; color: #a4ead5; border-color: #35675a; }
@media (max-width: 1439px) { #product_flow { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
@media (max-width: 1099px) { #product_flow { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (max-width: 799px) { #product_flow { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 519px) { #product_flow { grid-template-columns: minmax(0, 1fr); } }