feat(ui): 重构首页为现代化仪表板界面

- 替换原有首页布局为现代化玻璃态设计的仪表板
- 添加动画背景粒子效果提升视觉体验
- 集成流量统计卡片显示入站出站数据
- 实现毛玻璃特效和深色主题适配
- 更新客户端列表为网格布局并添加状态指示器
- 添加空状态占位图和交互反馈效果
- 集成 Tailwind CSS 框架优化样式管理
- 重构页脚为透明毛玻璃效果提升整体美感

web/src/style.css

@@ -1,3 +1,5 @@
+@import "tailwindcss";
+
 * {
   margin: 0;
   padding: 0;
@@ -13,3 +15,19 @@ body {
 #app {
   min-height: 100vh;
 }
+
+/* Glass morphism utilities */
+.glass-card {
+  background: rgba(255, 255, 255, 0.1);
+  backdrop-filter: blur(20px);
+  -webkit-backdrop-filter: blur(20px);
+  border-radius: 16px;
+  border: 1px solid rgba(255, 255, 255, 0.18);
+  box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.37);
+}
+
+.glass-card-hover:hover {
+  background: rgba(255, 255, 255, 0.15);
+  box-shadow: 0 12px 48px 0 rgba(31, 38, 135, 0.45);
+  transform: translateY(-4px);
+}