Magnetic Social Dock

Create a horizontal dock component similar to macOS. The dock bar should be a frosted-glass pill with a subtle gradient reflection along the top edge. Inside, place 5-6 icon buttons rendered as simple inline SVG shapes (no emoji). On hover, the hovered icon scales up and neighboring icons scale slightly less, creating a magnetic wave effect. Each icon should have a small label that appears above on hover. Use CSS transforms and transitions; JavaScript should only compute the scale ratios if needed. Use Tailwind CSS. Place on a dark gradient background so the glass dock stands out.

创建一个类似 macOS 的水平 Dock 组件。Dock 栏应为带顶部微妙渐变反射的磨砂玻璃胶囊形。内部放置 5-6 个图标按钮，使用简单内联 SVG 形状（不要 emoji）。悬停时，被悬停图标放大，相邻图标较小程度放大，形成磁性波浪效果。每个图标悬停时上方显示小标签。使用 CSS transforms 和 transitions；仅在需要时用 JS 计算缩放比例。使用 Tailwind CSS。放置在深色渐变背景上，使玻璃 Dock 突出。