Prompt: > 作为一个资深 UI/UX 设计

Prompt: > 作为一个资深 UI/UX 设计师，请重构这个报修小程序首页。1. 视觉规范 (Visual Specs):配色： 使用主色 Deep Blue (#0052D9)，辅色 Soft Gray (#F2F3F5)。阴影： 所有的卡片使用极其细微的弥散阴影 shadow-[0_8px_30px_rgb(0,0,0,0.04)]，避免使用粗重的黑色阴影。圆角： 统一使用 rounded-xl (12px)，赋予界面现代感。2. 模块重构 (Module Refactoring):沉浸式顶部： 背景使用从 linear-gradient(to bottom, #0052D9, #0561F9) 的微弱渐变。用户信息（头像、地址）与其背景形成高对比度，字体颜色为白色。搜索框： 移出蓝色区域，做成白色背景悬浮在蓝色背景边缘的效果（Overlap Design），增加视觉纵深感。核心入口 (Hero Section): 报修按钮和进度按钮改为 40/60 比例分割。报修按钮使用品牌色作为实色背景，并加入一个透明度 10% 的矢量图标作为背景水印。动态卡片 (Dynamic Card): 正在进行的报修单需使用“步进器 (Stepper)”风格，清晰展示：[已接单] -> [工程师出发] -> [上门中]。每个节点使用实心圆点和虚线连接。分类图标： 移除五颜六色的背景，改用浅色背景（如 bg-blue-50）配深蓝色线性图标。文字使用 text-slate-700。3. 交互细节 (Micro-interactions):底部导航栏增加 backdrop-blur-md 效果。所有按钮增加 active:scale-95 的微弱点击缩放反馈。