导航菜单

设计一个 Linear 风格的顶部导航栏：
- 高度 48px，纯白底，底部 1px #f1f2f4 分割线
- 左侧：渐变紫色 Logo 方块（18×18，圆角 5px）+ "Linear" 加粗 14px 文字
- 中间：水平菜单，间距 20px，未选中 #667085，选中 #0f172a + 底部 2px 短下划线
- 右侧：灰色"登录"文字 + 深色 CTA 按钮（#0f172a 底白字，圆角 6px，padding 6px 12px）
- 整体风格：极致克制、紧凑、无阴影、无多余装饰
- 对标：linear.app 官网顶栏

设计一个 Vercel 控制台风格的深色侧边栏：
- 宽度 240px，纯黑背景 #000，右侧 1px #1a1a1a 分割线
- 顶部：三角 Logo（白色）+ 项目名 + 下拉箭头
- 菜单项：13px 文字，选中态背景 #1a1a1a + 白色文字，未选中 #888
- 每个菜单项前一个 14×14 线性图标（圆角方块占位）
- 行高 32px，圆角 6px，间距 2px
- 右侧主内容区：浅灰底 #fafafa，顶部 monospace 路径
- 整体风格：开发者工具、克制、高密度、对标 vercel.com/dashboard

设计一个 Stripe 官网风格的 Mega Menu：
- 顶部导航高度 56px，白底，Logo 用紫蓝渐变色文字（#635bff → #00d4ff）
- 菜单项 15px，未选中 #1a1f36，选中加粗
- hover 展开一个通栏白色面板，padding 28px 40px，4 列网格
- 每列顶部一个 12px 灰色分类标签
- 每个入口是一个小卡片：padding 10px 12px，圆角 8px，选中态背景 #f6f9fc
- 卡片内：13px 标题加粗 + 12px 灰色描述
- 面板带柔和阴影 0 8px 24px rgba(0,0,0,.06)
- 右侧"登录"链接用品牌紫 #635bff
- 整体风格：金融科技、精致、专业，对标 stripe.com

设计一个 iOS 风格的移动端导航栏：
- 白底，底部 0.5px #c6c6c8 分割线
- 顶部状态栏显示时间 9:41（11px 灰色）
- 下方大标题 28px 加粗左对齐（SF Pro / PingFang）
- 右侧一个 32×32 圆形浅灰按钮（#f0f0f0），里面 + 号
- 整体风格：iOS Reminders / Notes 原生应用感
- 不要阴影、不要多余装饰

设计一个小红书风格的底部 Tab 栏：
- 白底，顶部 1px #f0f0f0 分割线，底部留 20px 安全区
- 5 个入口：首页 / 发现 / 中间发布 / 消息 / 我
- 未选中：灰色 #666，图标 22×22 圆角方块 #ddd
- 选中：品牌红 #ff2442，图标填充红色，文字加粗
- 中间发布按钮：46×32 圆角 8px，红粉渐变，白色 + 号，比其他 tab 大
- 整体风格：小红书首页底部导航

设计一个 Notion 风格的文档树侧边栏：
- 宽度 260px，背景 #fbfbfa，右侧 1px #e9e9e7 分割线
- 层级缩进：一级 12px，二级 28px，三级 48px
- 每个节点前：展开/折叠箭头（▾/▸）+ emoji 图标
- 选中态背景 #ebedf0
- 文字 14px，主文字 #37352f，子级 #5f5e5b
- 右侧主内容区白底，大标题 22px 加粗
- 整体风格：Notion 工作区侧边栏

设计一个 Apple 官网风格的全屏覆盖菜单：
- 点击汉堡后纯黑全屏（#000），无圆角
- 菜单项垂直居中排列，24px 字重 500，白色，间距 6px
- 无图标、无分割线、无装饰
- 底部可放一行小号灰色版权信息
- 过渡动画：淡入 + 轻微上移
- 整体风格：apple.com 产品页全屏菜单，极简、高级

设计一个 shadcn/ui 风格的 Tabs 组件：
- 外层浅灰容器 #f5f5f5，padding 4px，圆角 8px
- 每个 tab：padding 6px 14px，圆角 6px，13px 文字
- 选中态：白底 + 轻微阴影 0 1px 2px rgba(0,0,0,.1) + 黑色文字
- 未选中：透明底 + #737373 文字
- 间距 2px，紧凑
- 整体风格：shadcn/ui 的 Tabs demo，Radix 风格

设计一个 GitHub 风格的仓库面包屑：
- 白底，padding 16px 24px，底部 1px #e5e7eb 分割线
- 格式：用户名 / 仓库名，用户名和仓库名用蓝色 #0969da
- 仓库名加粗，分隔符灰色 #6e7781
- 右侧一个分支切换按钮：圆角 20px，浅灰底 #f6f8fa，边框 #d0d7de，带分支图标
- 整体风格：github.com 仓库页头部

设计一个 Vercel 风格的毛玻璃顶部导航：
- 背景 rgba(255,255,255,.8) + backdrop-filter: blur(12px)
- 高度 56px，底部 1px 半透明分割线 rgba(0,0,0,.06)
- 左侧：黑色三角 Logo + "Vercel" 加粗 14px
- 中间菜单 14px，灰色 #666
- 右侧黑色 CTA 按钮（圆角 6px，padding 6px 14px）
- 滚动前透明，滚动后浮现毛玻璃效果
- 整体风格：vercel.com 官网顶栏

设计底部标签栏：
- 4 个 Tab 均匀分布
- 图标 20px + 文字 10px
- 当前 Tab 蓝色 #1677ff
- 整体风格：移动端底部导航

设计面包屑导航：
- 用 / 分隔层级
- 可点击的蓝色 #1677ff
- 当前页黑色
- 整体风格：标准面包屑

设计顶部导航：
- 水平排列，14px
- 下拉项带 ▾ 箭头
- 整体风格：官网顶部导航

设计侧边树状菜单：
- 文件夹/文件图标
- 子级缩进 20px
- 当前页蓝色 #1677ff
- 整体风格：后台树形导航

设计顶部 Logo 导航：
- 左 Logo + 中间菜单 + 右侧登录/注册按钮
- 高 56px 白底
- 整体风格：官网顶栏

设计展开式侧边栏：
- 一级菜单 + 缩进子菜单
- 当前选中蓝底蓝字
- 整体风格：后台侧边栏

设计图标侧边栏：
- 深色窄栏 60px 宽
- 方形图标按钮，选中蓝色
- 整体风格：Vercel 图标栏

设计步骤导航条：
- 已完成绿色 ✓，当前蓝色，未完成灰色
- 连接线跟随状态色
- 整体风格：结账流程步骤条

设计搜索导航栏：
- Logo + 居中搜索框 + 右侧登录
- 整体风格：文档站顶栏

设计分类横向导航：
- 水平标签菜单，选中底部蓝色下划线
- 整体风格：分类 Tab 导航

设计抽屉菜单：
- 左侧滑出菜单列表
- 图标 + 文字
- 整体风格：移动端抽屉导航

设计悬浮快捷导航：
- 右侧竖向悬浮按钮组
- 白底阴影圆角
- 整体风格：网站悬浮快捷入口

设计品牌顶部菜单：Logo 居左，菜单居中，CTA 按钮居右，高 56px。

设计暗黑侧边导航：深色 #111113 背景，选中项深灰底白字，其余灰色文字。

设计横向滚动标签导航：标签横向排列可滑动，选中蓝色下划线。

设计 Mega 下拉大菜单：多列产品/解决方案分组，悬浮展开带阴影。

设计图标文字侧边栏：每项左侧图标 + 文字，选中浅蓝底蓝字。

设计返回面包屑混合：左箭头返回 + 层级路径，移动端风格。

设计底部 App Tab 栏：四个 Tab，消息 Tab 带红色数字角标。

设计二级展开侧栏：一级菜单可展开子菜单，子级缩进，当前项蓝色。

设计 Hero 透明浮层导航：深色渐变背景，白字菜单，白底 CTA 按钮。

设计竖向分组菜单：分组小标题灰色，下面是菜单项。

设计可点选顶部导航：点击菜单项切换文字颜色与底部下划线选中态。

设计一个 Ant Design Pro 风格的手风琴菜单：
- 宽度 220px，白底，右侧 1px #f0f0f0 分割线
- 一级菜单项 14px，padding 12px 24px
- 选中项：背景 #e6f4ff，文字 #1677ff
- 展开后二级菜单缩进 40px，选中态 #1677ff，未选中 #595959
- 展开/折叠符号在右侧
- 整体风格：Ant Design Pro 默认菜单

设计一个 Linear 风格的首页宫格入口：
- 3 列网格，卡片白底，1px #e5e7eb 边框，圆角 8px
- 每个卡片：padding 16px，顶部 28×28 圆角图标（品牌色）
- 图标下方：14px 加粗标题 + 12px 灰色描述
- 卡片间距 12px，外层浅灰底 #fafbfc
- 整体风格：Linear 工作区首页

设计一个 Stripe 风格的 Onboarding 步骤条：
- 横向三步，每步一个 28×28 圆形
- 已完成：品牌紫 #635bff 底 + 白色对勾
- 当前步骤：品牌紫底 + 白色数字，下方文字加粗黑色
- 未到达：灰底 #e5e7eb + 灰色数字 #9ca3af
- 步骤之间连接线：已完成段紫色 #635bff，未完成段灰色 #e5e7eb
- 文字标签 11px，在圆形正下方
- 整体风格：Stripe 注册流程步骤条

设计一个 Vercel 风格的公告条 + 主导航双层结构：
- 最顶部一条 32px 公告条，纯黑底白字
- 公告内容：渐变色产品名（#00d4ff → #635bff）+ 灰色说明 + 蓝色 CTA 链接
- 下方是正常的 56px 白底主导航（Logo 左、菜单中、CTA 右）
- 整体风格：Vercel 产品发布期官网