feat: 重构移动端 H5 页面视觉设计

基于移动优先原则优化布局、排版、颜色和间距，提升设计感和专业度。

- 重构全局设计系统：颜色、阴影、间距、圆角、排版
- 优化 UserInfoCard：更大的头像和状态徽章设计
- 优化 DeviceStatusCard：信息层级和指标网格
- 优化 TrafficCard：进度条和数字排版
- 优化 FunctionCard：4列布局和触摸反馈
- 优化 WifiCard：列表设计和信息层次
- 优化 FloatingButton：去除渐变，纯色设计

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

pages/index/index.vue

@@ -720,16 +720,19 @@
 <style scoped lang="scss">
 	.wifi-popup {
 		width: 600rpx;
-		padding: 30rpx;
+		padding: var(--space-6);
+		border-radius: var(--radius-xl);
+		background: var(--bg-surface);
 
 		.title {
-			font-size: 32rpx;
-			font-weight: 600;
+			font-size: 34rpx;
+			font-weight: 700;
 			color: var(--text-primary);
+			margin-bottom: var(--space-5);
 		}
 	}
 
 	.bottom-spacer {
-		height: 120rpx;
+		height: 140rpx;
 	}
 </style>