Now I have full context. The brand colors are --brand-red, --brand-yellow, --brand-blue. Currently logos are text-foreground/25 (too dim) and hover is text-foreground/60. The user wants:

1. Default = current hover brightness (text-foreground/60)
2. Hover = frosted glass pill with brand tricolor gradient background
3. True infinite loop (currently duplicates once, which may not be enough with few items)

Tailwind 的动态类名拼接在 JIT 模式下可能不被检测到。让我改为用 inline style 确保生效：

三项改动：(1) Logo 默认颜色从 text-foreground/25 提亮到 rgba(255,255,255,0.6)，hover 整体区域时其他 logo 降为 0.4 突出当前项。(2) 单个 logo 的 hover 效果改为三原色磨砂玻璃卡片 -- 用 color-mix 将品牌色与透明混合生成低饱和渐变背景、半透明边框和彩色阴影，配合 backdrop-filter: blur(16px) 磨砂质感，每行三个 logo 分别对应红/黄/蓝。(3) 无限滚动通过 minCopies = max(4, ceil(12/rows.length)) 确保至少复制 4 套完整数据，即使只有 3 个品牌也能无缝循环。

明白了，hover 效果要的不是卡片框，而是文字背后的外发光（glow）效果。同时 onWheel 里的 e.preventDefault() 在 React 的 passive listener 下不生效，需要用原生事件注册。

两处核心改动：(1) Hover 效果从带边框背景的卡片改为纯 textShadow 外发光 -- 三层递进的品牌色阴影（0 0 20px、0 0 40px、0 0 80px），文字提亮到 95% 白色 + brightness(1.2) 滤镜，无任何 background/border/boxShadow。(2) 滚轮拦截从 React onWheel 改为 useEffect 注册原生 addEventListener("wheel", handler, { passive: false })，因为 React 默认注册 passive 事件监听器导致 e.preventDefault() 无效，现在滚轮在该区域内只控制 logo 滚动速度，不会触发页面滚动。