feat(frontend): 为前端添加完整移动端响应式适配

- 新增响应式工具函数与全局移动端样式，统一适配≤768px屏幕
- 添加移动端底部导航组件，替代桌面端侧边栏菜单
- 为经销商、客户、报备列表页新增移动端卡片视图替换表格布局
- 调整所有页面的表单、弹窗与布局适配移动端尺寸
- 优化移动端viewport配置，适配全面屏安全区域
- 修复密码哈希工具，在非安全上下文下回退使用js-sha256库
- 更新依赖包，新增@vueuse/core与js-sha256

frontend/src/styles/variables.scss

@@ -0,0 +1,25 @@
+// 断点常量 —— 与 composables/useResponsive.ts 的媒体查询保持一致
+// 改动断点时两处需同步。
+$bp-mobile: 768px;
+$bp-tablet: 1024px;
+
+/// ≤768px 移动端
+@mixin mobile {
+  @media (max-width: $bp-mobile) {
+    @content;
+  }
+}
+
+/// 769–1024 平板
+@mixin tablet {
+  @media (min-width: 769px) and (max-width: $bp-tablet) {
+    @content;
+  }
+}
+
+/// ≤1024px（移动 + 平板）
+@mixin mobile-and-tablet {
+  @media (max-width: $bp-tablet) {
+    @content;
+  }
+}