chore: 配置前端 Vite 环境，搭建全局路由结构与基础样式

frontend/src/index.css

@@ -1 +1,36 @@
 @import "tailwindcss";
+
+/* ============================================================
+   移动端安全区适配（刘海屏 / 底部指示条）
+   TailwindCSS v4 自定义 utility
+   ============================================================ */
+
+@utility pt-safe {
+  padding-top: max(1rem, env(safe-area-inset-top));
+}
+
+@utility pb-safe {
+  padding-bottom: max(0.5rem, env(safe-area-inset-bottom));
+}
+
+/* ============================================================
+   全局基样式
+   ============================================================ */
+
+html {
+  /* 防止 iOS Safari 橡皮筋效果导致误触导航 */
+  overscroll-behavior: none;
+}
+
+body {
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+  /* 禁止用户缩放（移动端 PWA 常用） */
+  touch-action: manipulation;
+}
+
+/* 隐藏默认的滚动条（移动端无滚动条更干净） */
+::-webkit-scrollbar {
+  width: 0;
+  height: 0;
+}