重新设计一个极简风格的用户个人中心下拉菜单，基于以下原图结构优化：

• 顶部触发区：圆形头像（40px）+ 用户姓名 + 下拉箭头，hover 时箭头旋转 180°
• 下拉面板：宽度 260px，圆角 12px，纯白背景（#ffffff），1px 浅灰边框（#e5e7eb），柔和投影（0 4px 20px rgba(0,0,0,0.06)）

面板内容（从上到下）

1. 用户信息区：

   • 左侧圆形头像（48px，真实照片或渐变占位头像，带 2px 白色边框 + 1px 浅灰外框）
   • 右侧：姓名（15px，#111827，font-weight 600）+ 邮箱（13px，#6b7280，单行截断，max-width 180px，溢出省略号）
   • 整体 padding 16px，底部 12px 分隔线（1px #f3f4f6）

2. 菜单项列表（padding 8px）：

   • 每项高度 36px，padding 0 12px，圆角 8px
   • 左侧 16px 图标（#6b7280，stroke-width 1.5），右侧文字（14px，#374151）
   • hover 状态：背景 #f9fafb，文字变 #111827，图标变 #111827，transition 0.15s ease
   • 当前选中项：背景 #f3f4f6，左侧 3px 强调色竖条（#3b82f6 或品牌主色）
   • 菜单项：Account / Settings / Billing / Help（带右侧外部链接图标）

3. 底部分隔线 + Logout 区：

   • 顶部 12px 分隔线
   • Logout 按钮：全宽，高度 36px，圆角 8px，文字 14px #ef4444，左侧 logout 图标
   • hover：背景 #fef2f2，transition 0.15s ease
   • 整体 padding 8px 16px 16px

交互细节

• 面板展开：从触发区下方 8px 处出现，0.2s ease-out，初始 opacity 0 + translateY(-4px) → 正常
• 面板收起：0.15s ease-in，opacity 0 + translateY(-4px)
• 点击面板外部或再次点击触发区关闭
• 邮箱 hover 显示完整地址 tooltip（延迟 300ms，背景 #1f2937，文字白色，圆角 6px，padding 6px 10px）

视觉规范

• 字体：系统默认 sans-serif（-apple-system, BlinkMacSystemFont, "Segoe UI"）
• 无多余装饰：无渐变、无阴影叠加、无描边装饰
• 间距严格 4px 倍数：8px / 12px / 16px / 20px
• 图标统一使用 outline 风格（非填充），1.5px 线宽
• 整体高度控制在 320px 以内，避免过长滚动

与原图的关键改进

• 头像从"紫色人形+手指"改为真实照片/渐变占位，带边框层次
• 邮箱从溢出改为截断 + tooltip，视觉整洁
• "Account"标签与面板融合，不再脱节
• Logout 从文字改为明确按钮，hover 反馈清晰
• 统一圆角 12px/8px，比例协调
• 增加选中态和 hover 态，交互反馈明确
• 投影柔和不突兀，面板真正"浮"在页面上