feat(mileage): 车辆明细弹窗新增时间范围切换、骨架加载与下滑关闭

- 后端 vehicle/:plate/recent 支持 start/end 任意区间，最长 366 天
- 前端弹窗加 segmented control: 近 15 天 / 本月 / 本季度，切换重新加载
- 加载时柱状图与每日明细均显示骨架，区间合计/日均/有数据天 KPI 同步骨架
- 数据回来后柱条与每行进度条带渐入动画
- 顶部加 iOS 风格 drag handle（小白条），按住下滑超过 100px 或大速度触发关闭
- 保留点击背景与 X 按钮两种关闭方式

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>

src/modules/mileage/api.ts

@@ -68,10 +68,22 @@ export interface VehicleRecentDay {
   isDataSynced: boolean;
 }
 
-export async function fetchVehicleRecent(plate: string, days = 15): Promise<{ plate: string; days: VehicleRecentDay[] }> {
+export interface VehicleRecentResponse {
+  plate: string;
+  start?: string;
+  end?: string;
+  days: VehicleRecentDay[];
+}
+
+export async function fetchVehicleRecent(
+  plate: string,
+  range: { days?: number; start?: string; end?: string } = { days: 15 },
+): Promise<VehicleRecentResponse> {
   const params = new URLSearchParams();
-  params.set('days', String(days));
-  return fetchJson<{ plate: string; days: VehicleRecentDay[] }>(
+  if (range.start) params.set('start', range.start);
+  if (range.end) params.set('end', range.end);
+  if (range.days != null) params.set('days', String(range.days));
+  return fetchJson<VehicleRecentResponse>(
     `${BASE}/vehicle/${encodeURIComponent(plate)}/recent?${params.toString()}`
   );
 }