移动端添加汉堡菜单和侧边导航栏，优化交互体验

前端改动：
- 添加移动端汉堡菜单按钮（右上角）
- 创建侧边导航栏（从右侧滑入）
  - 包含主导航菜单项
  - 包含文档和控制台链接
  - 包含登录/注册功能
  - 已登录状态显示用户信息和操作菜单
- 移动端隐藏桌面导航链接（文档、控制台、登录、注册）
- 侧边栏支持点击遮罩层、关闭按钮、导航链接关闭
- 实现桌面端和移动端登录状态同步
- 使用 MutationObserver 监听登录状态变化

样式改动：
- 汉堡菜单三条杠动画效果（点击变叉号）
- 侧边栏深色科技风格，渐变背景
- 侧边栏从右侧滑入动画，带遮罩层
- 导航项 hover 效果和滑动动画
- 用户头像和信息卡片样式
- 响应式适配（767px、575px 断点）

交互优化：
- banner-list 快速入口卡片改为一行两个（grid 布局）
- 调整幻灯片进度条位置（767px: bottom 40px，575px: bottom 60px）
- 避免进度条和按钮重合

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>

css/index.css

@@ -2543,6 +2543,15 @@ html {
     font-size: 12px !important;
   }
 
+  /* 调整进度条位置，避免和按钮重合 */
+  .banner-cont .swiper-pagination {
+    bottom: 40px !important;
+  }
+
+  .banner-cont .swiper-pagination-bullet {
+    width: 45px !important;
+  }
+
   /* ===== Banner 快速入口 - 紧凑布局 ===== */
   .banner .banner-s {
     margin-top: -40px;
@@ -2551,11 +2560,14 @@ html {
 
   .banner-s .banner-list {
     gap: 8px;
+    display: grid;
+    grid-template-columns: repeat(2, 1fr); /* 一行两个 */
   }
 
   .banner-s .banner-list .banner-item {
     padding: 12px 16px !important;
     gap: 10px;
+    flex: unset; /* 移除 flex 属性，改用 grid */
   }
 
   .banner-s .banner-list .banner-item .banner-item-icon {