Build a floating pill navigation with Tailwind CSS: a rounded-full bar that floats over the page content with a shadow, holding the logo, three or four links and a CTA, centered horizontally with a top margin. Give it a blurred translucent background so content scrolls beneath it, shrink the padding once the visitor scrolls, and keep it from covering more than one line of content at any time.
提示词保持英文原文——直接粘贴进 Claude、Cursor、v0 或任何 AI 编程工具即可使用。