diff --git a/docs/TODO.md b/docs/TODO.md
index d458e5e..ef77162 100644
--- a/docs/TODO.md
+++ b/docs/TODO.md
@@ -226,47 +226,60 @@ CI 慢於本機，才會踩中這個時間差。
 
 ---
 
-## 五之二、新需求對應（2026-07-16 加入，未實作）
+## 五之二、新需求對應（2026-07-16 加入；**2026-07-22 補完**）
 
 > 以下兩項由使用者 2026-07-16 提出，**主規格在後端**
 > [line-fleet-dispatch/docs/TODO.md](../../line-fleet-dispatch/docs/TODO.md)「N. 多乘客／多停靠點行程」與「O. 司機車輛資訊」。
 > admin 端多為「呈現」與（可能的）「審核」，**依賴後端 API 先行**。
+> **2026-07-22**：後端 N/O/P 早已全數上線，admin 這側落後很久；本批一次補完，
+> 只剩兩項待產品定方向（訂單列表多乘客標記、車種供給觀察）與兩項可選（車輛編輯）。
 
 ### 多乘客／多停靠點（依賴後端 N1–N3）
 
-- [ ] **訂單詳情顯示停靠點**：`OrderDetailPage` 目前只有上車／下車兩點＋軌跡回放。
-      要依序列出各停靠點（乘客標籤 A/B/C/D、上車／下車、地址、到達時間），
-      並在 MapLibre 地圖上標出多個點（現行只畫軌跡線）。
-- [ ] **訂單列表**：是否顯示「多乘客」標記／乘客數欄位（待產品定）。
-- [ ] **報表**：多停靠點行程的里程／車資已由後端定格，admin 只呈現，**勿在前端算錢**（沿用既有原則）。
+- [x] **訂單詳情顯示停靠點** ✅ 2026-07-22：`OrderDetailPage` 加「停靠點（N 站）」Timeline——
+      依序列出乘客標籤 A/B/C/D、上車／下車、地址、座標、到達／跳過時間。
+      **已跳過的站畫刪除線並標「不計費」**（後端 N5 的計費路線會排除它，
+      後台看不出來的話客服對不上金額）。地圖上每站一個 marker，
+      **待處理藍／已到達綠／已跳過灰**，popup 帶「是誰、上車還下車、處理了沒」。
+      **尚無軌跡但有停靠點時地圖照樣顯示**（原本只在有軌跡時才給地圖，
+      這種行程剛派出去、最需要看的就是站點分布）並以 Alert 說明它只畫停靠點。
+      單點訂單完全不顯示這塊（不留空卡片）。
+      **依賴**：後端同批新增 `GET /api/admin/rides/:id` 回 `stops`（dispatch Q2）。
+- [ ] **訂單列表**：是否顯示「多乘客」標記／乘客數欄位（待產品定；
+      後端列表 API 目前不回停靠點數，要做需先加欄位）。
+- [x] **報表**：多停靠點行程的里程／車資由後端定格，admin 只呈現，**未在前端算錢**（沿用既有原則）。
 
 ### 司機車輛資訊／寵物車清潔費（依賴後端 O1–O7）
 
-- [ ] **司機列表／詳情顯示車種車牌**：`DriversPage`／`DriverDetailPage` 加欄位。
-      車種為**選單值**（後端存 code：`sedan`／`suv`／`van7`／`accessible`／`pet`），
-      admin 端要對應顯示名稱（轎車／休旅／七人座／無障礙／寵物用車）。
-- [ ] **搜尋**：車牌納入司機搜尋條件（現行搜尋為姓名／電話／狀態）。
-- [ ] **車種篩選**：依車種過濾司機（有了選單才做得到；自由文字時期做不到）。
-- [ ] **寵物車清潔費設定** ✅ 定案（2026-07-16）：`FeeSettingsPage` 加「寵物車清潔費（%）」欄位，
-      串後端 `pet_cleaning_fee_bps`（bps↔% 換算，比照既有「遺失物協尋處理費（%）」）。
-      **前端要擋 0–30%**（後端有 DB CHECK ≤ 3000 bps 為最後防線），
-      並用 tooltip 註明「完成行程當下快照，不影響歷史行程」。
-- [ ] **報表清潔費呈現** ✅ 已拍板（2026-07-16）：**清潔費不計入抽成、不計入營業額**，
-      報表**分項顯示**——日／月報表加「清潔費」欄（後端會在 F5/F6/F7 加分項欄位），
-      營業額／手續費／應付總公司欄位的語意不變。CSV 匯出同步加欄。
-      沿用既有原則：**金額由後端定格，admin 只呈現，勿在前端算錢**。
-- [ ] **訂單顯示「乘客指定車種」** ✅ 定案（2026-07-16，主規格 P）：
-      `rides.required_vehicle_type` 是清潔費的觸發依據，訂單詳情要看得到
-      （否則客服無法解釋「為什麼這筆多收清潔費」）。
-      與「司機當時的車輛快照」是**兩個不同欄位**，不要混淆：
+- [x] **司機列表／詳情顯示車種車牌** ✅ 2026-07-19（PR #20）：車種顯示名 ＋ 等寬車牌。
+- [x] **搜尋**：車牌已納入司機搜尋條件 ✅ 2026-07-19（PR #20）。
+- [x] **車種篩選** ✅ 2026-07-22：`DriversPage` 加車種下拉。
+      選項含**「未填車輛」**——這群人接不了單（O3/O5 gate），是實際會被找的一群，
+      只給五個車種會漏掉他們。
+- [x] **寵物車清潔費設定** ✅ 2026-07-22（定案 2026-07-16）：`FeeSettingsPage` 加
+      「寵物車清潔費（%，上限 30%）」，串 `pet_cleaning_fee_bps`（bps↔% 換算，比照遺失物處理費）。
+      **前端擋 0–30%**（InputNumber max 夾住，後端 DB CHECK ≤ 3000 bps 為最後防線）；
+      tooltip 註明「依**乘客指定**的車種加收、完成當下快照、不影響歷史行程、不計入抽成與營業額」。
+      驗收：vitest 斷言超額值送出去的一定是 3000 bps，不是 3500。
+- [x] **報表清潔費呈現** ✅ 2026-07-22（拍板 2026-07-16）：日／月報表加「清潔費」欄與合計、
+      CSV 匯出同步加欄；營業額／手續費／應付總公司語意不變（清潔費**不影響應付總公司**）。
+      測試以等式把關：「營業額 − 手續費 + 清潔費 = 實得」。
+      **依賴**：日報表的分項欄由後端同批補上（dispatch Q1；月報表與司機收入本來就有）。
+- [x] **訂單顯示「乘客指定車種」** ✅ 2026-07-22（定案 2026-07-16，主規格 P）：
+      訂單詳情加「乘客指定車種」（未指定顯示「不指定」，寵物車以橘色 Tag 突顯）。
+      與「當時車輛（快照）」**並列但分開兩欄**，就是為了不混淆：
       前者＝乘客要求什麼車，後者＝實際派來哪台車。
 - [ ] **（可選）車種供給觀察**：若要支援「車隊目前有哪些車種可用」（主規格 P 風險 2），
       admin 的即時車隊頁是天然的呈現點（現行 marker popup 已有姓名／狀態／更新時間）。
-- [ ] **訂單詳情顯示車輛快照**：後端 O7 會在 `rides` 落當時的車種車牌 →
-      訂單詳情要顯示「當時搭的車」（而非司機現在的車），避免換車後對不上。
-- [ ] **（可選）車輛審核**：若後端採「審核制」（主規格 O5 待拍板），
-      admin 需要審核 UI（pending → approved），且要考慮 RBAC（誰能審）。
+- [x] **訂單詳情顯示車輛快照** ✅ 2026-07-22：顯示「當時搭的車」（車種＋等寬車牌），
+      而非司機現在的車——司機換車後歷史行程仍對得上。
+      同時補上費用分項：**車資／寵物車清潔費／手續費／司機實得**（僅已計費的行程顯示）。
+      清潔費 **null ＝未加收**（後端未加收時不帶該鍵），顯示「未加收」而不是 NT$ 0——
+      「加收 0 元」與「沒加收」是兩件事。
+- [x] **（可選）車輛審核** ✅ 2026-07-19（PR #20，後端 O5 拍板實作）：
+      待審核列的核准／退回（退回開 modal 填原因）＋「N 台車輛待審核」快捷 tag。
 - [ ] **（可選）車輛編輯**：admin 是否能代司機修正車牌（打錯字的情境）。
+      註：司機端已可自行修改（改動會重新進入審核），這項只在「司機打錯又聯絡不上」時才有價值。
 
 ## 六、驗收紀錄
 
diff --git a/src/api/admin.ts b/src/api/admin.ts
index 4c287fd..20c71ec 100644
--- a/src/api/admin.ts
+++ b/src/api/admin.ts
@@ -50,6 +50,8 @@ export interface DailyReportRow {
   // 金額欄位（分），後端 F5 起提供；顯示時除 100。
   total_revenue_cents: number;
   total_commission_cents: number;
+  /** 寵物車清潔費合計（O6）：不計入營業額與抽成，但含在司機實得裡 */
+  total_cleaning_fee_cents: number;
   driver_net_cents: number;
 }
 
@@ -60,9 +62,11 @@ export interface MonthlyReportRow {
   trip_count: number;
   total_revenue_cents: number;
   total_commission_cents: number;
+  /** 寵物車清潔費合計（O6）：不計入營業額與抽成，但含在司機實得裡 */
+  total_cleaning_fee_cents: number;
   driver_net_cents: number;
   membership_fee_cents: number;
-  owed_to_hq_cents: number; // 應付總公司 = 手續費 + 月會費
+  owed_to_hq_cents: number; // 應付總公司 = 手續費 + 月會費（不受清潔費影響）
 }
 
 // 費率設定（後端 F1/F4）。金額為「分」，手續費為基點 bps（1500 = 15%）。
@@ -74,6 +78,8 @@ export interface FeeSettings {
   monthly_membership_fee_cents: number;
   /** 遺失物協尋處理費（bps，1000 = 10%），對該趟車資抽成，建單時快照 */
   lost_item_fee_bps: number;
+  /** 寵物車清潔費（bps，上限 3000 = 30%，DB CHECK 兜底）；依**乘客指定車種**加收，非司機車種 */
+  pet_cleaning_fee_bps: number;
 }
 
 // 對齊後端 model.GeoPoint（2026-07-08 後端補了 json tag，欄位改 snake_case）
@@ -99,10 +105,40 @@ export interface RideFull {
   completed_at: string | null;
   distance_m: number | null;
   eta_pickup_sec: number | null;
+  /** 乘客**指定**的車種 code（P1）；'' ＝不指定。這是清潔費加收與否的依據 */
+  required_vehicle_type: string;
+  /** 接單當下的司機車輛快照（O7）；'' ＝尚未接單。與 required_vehicle_type 是兩回事 */
+  driver_vehicle_type: string;
+  driver_plate_number: string;
+  /** 完成時定格的金額（分）；未完成／取消為 null */
+  fare_amount_cents: number | null;
+  commission_amount_cents: number | null;
+  driver_net_amount_cents: number | null;
+  /** 寵物車清潔費（O6）；只有乘客指定 pet 的行程才有值 */
+  cleaning_fee_cents: number | null;
   created_at: string;
   updated_at: string;
 }
 
+/** 停靠點種類（後端 constants.StopKind*） */
+export type StopKind = 'pickup' | 'dropoff';
+
+/**
+ * 單一停靠點（N）。形狀與司機／乘客端完全相同（後端共用 service.StopViews）——
+ * arrived_at／skipped_at 皆缺席＝尚未處理，兩者互斥。
+ */
+export interface RideStop {
+  id: number;
+  seq: number;
+  kind: StopKind;
+  lat: number;
+  lng: number;
+  passenger_label: string;
+  address: string;
+  arrived_at: string | null;
+  skipped_at: string | null;
+}
+
 /** 訂單狀態審計（對齊後端 ride_events / D4） */
 export interface RideEvent {
   id: number;
@@ -120,6 +156,8 @@ export interface RideDetail {
   ride: RideFull;
   track_geojson: string;
   events: RideEvent[];
+  /** 多停靠點行程（N）才有；單點訂單為空陣列 */
+  stops: RideStop[];
 }
 
 // 軌跡 GeoJSON：admin 端點回傳裸 LineString；司機/乘客端點包成 Feature
@@ -221,11 +259,29 @@ export async function fetchRideDetail(id: number): Promise<RideDetail> {
     ride: Record<string, unknown>;
     track_geojson: string;
     events?: Record<string, unknown>[];
+    stops?: Record<string, unknown>[];
   }>(`/admin/rides/${id}`);
   return {
     ride: normalizeRide(data.ride),
     track_geojson: data.track_geojson,
     events: (data.events ?? []).map(normalizeRideEvent),
+    // 單點訂單後端不帶 stops 鍵（omitempty），缺席＝沒有停靠點，不是錯誤
+    stops: (data.stops ?? []).map(normalizeRideStop),
+  };
+}
+
+/** 停靠點只走 snake_case（後端以 map 手工序列化），故不需 PascalCase 兼容 */
+export function normalizeRideStop(raw: Record<string, unknown>): RideStop {
+  return {
+    id: num(raw, 'id'),
+    seq: num(raw, 'seq'),
+    kind: (str(raw, 'kind') || 'pickup') as StopKind,
+    lat: num(raw, 'lat'),
+    lng: num(raw, 'lng'),
+    passenger_label: str(raw, 'passenger_label'),
+    address: str(raw, 'address'),
+    arrived_at: nullableStr(raw, 'arrived_at'),
+    skipped_at: nullableStr(raw, 'skipped_at'),
   };
 }
 
@@ -265,6 +321,13 @@ function normalizeRide(raw: Record<string, unknown>): RideFull {
     completed_at: nullableStr(raw, 'completed_at', 'CompletedAt'),
     distance_m: nullableNum(raw, 'distance_m', 'DistanceM'),
     eta_pickup_sec: nullableNum(raw, 'eta_pickup_sec', 'EtaPickupSec'),
+    required_vehicle_type: str(raw, 'required_vehicle_type', 'RequiredVehicleType'),
+    driver_vehicle_type: str(raw, 'driver_vehicle_type', 'DriverVehicleType'),
+    driver_plate_number: str(raw, 'driver_plate_number', 'DriverPlateNumber'),
+    fare_amount_cents: nullableNum(raw, 'fare_amount_cents', 'FareAmountCents'),
+    commission_amount_cents: nullableNum(raw, 'commission_amount_cents', 'CommissionAmountCents'),
+    driver_net_amount_cents: nullableNum(raw, 'driver_net_amount_cents', 'DriverNetAmountCents'),
+    cleaning_fee_cents: nullableNum(raw, 'cleaning_fee_cents', 'CleaningFeeCents'),
     created_at: str(raw, 'created_at', 'CreatedAt'),
     updated_at: str(raw, 'updated_at', 'UpdatedAt'),
   };
diff --git a/src/pages/DriversPage.test.tsx b/src/pages/DriversPage.test.tsx
index 08d8590..cffdf96 100644
--- a/src/pages/DriversPage.test.tsx
+++ b/src/pages/DriversPage.test.tsx
@@ -1,5 +1,6 @@
 import { beforeEach, describe, expect, it, vi } from 'vitest';
 import { screen, waitFor } from '@testing-library/react';
+import userEvent from '@testing-library/user-event';
 
 import DriversPage from './DriversPage';
 import { setRole } from '../auth/auth';
@@ -44,4 +45,36 @@ describe('DriversPage', () => {
 
     expect(screen.getByRole('switch')).toBeDisabled();
   });
+
+  it('車種篩選：選寵物用車只留寵物車司機，選「未填車輛」只留沒填的', async () => {
+    const user = userEvent.setup();
+    mockFetchDrivers.mockResolvedValue([
+      { ID: 1, Name: '轎車司機', Phone: '0911', LineUserID: 'l1', Status: 1, VehicleType: 'sedan', PlateNumber: 'AAA-1111', VehicleReviewStatus: 'approved', VehicleReviewNote: '' },
+      { ID: 2, Name: '寵物車司機', Phone: '0922', LineUserID: 'l2', Status: 1, VehicleType: 'pet', PlateNumber: 'PET-0001', VehicleReviewStatus: 'approved', VehicleReviewNote: '' },
+      // 沒填車輛的司機接不了單（O3/O5 gate），是實際會被找的一群，不能只給五個車種而漏掉
+      { ID: 3, Name: '未填車輛司機', Phone: '0933', LineUserID: 'l3', Status: 0, VehicleType: '', PlateNumber: '', VehicleReviewStatus: '', VehicleReviewNote: '' },
+    ]);
+
+    renderWithProviders(<DriversPage />);
+    await waitFor(() => {
+      expect(screen.getByText('轎車司機')).toBeInTheDocument();
+    });
+
+    // 兩個 Select：第一個是狀態、第二個是車種
+    const vehicleSelect = () => screen.getAllByRole('combobox')[1];
+
+    await user.click(vehicleSelect());
+    await user.click(await screen.findByTitle('寵物用車'));
+    await waitFor(() => {
+      expect(screen.queryByText('轎車司機')).not.toBeInTheDocument();
+    });
+    expect(screen.getByText('寵物車司機')).toBeInTheDocument();
+
+    await user.click(vehicleSelect());
+    await user.click(await screen.findByTitle('未填車輛'));
+    await waitFor(() => {
+      expect(screen.getByText('未填車輛司機')).toBeInTheDocument();
+    });
+    expect(screen.queryByText('寵物車司機')).not.toBeInTheDocument();
+  });
 });
diff --git a/src/pages/DriversPage.tsx b/src/pages/DriversPage.tsx
index 64b997c..690ff0e 100644
--- a/src/pages/DriversPage.tsx
+++ b/src/pages/DriversPage.tsx
@@ -21,11 +21,20 @@ const STATUS_OPTIONS = [
   ...Object.entries(DRIVER_STATUS).map(([value, meta]) => ({ value, label: meta.label })),
 ];
 
+// 車種篩選（O1）。'none' 是「還沒填車輛」——這群人接不了單（O3/O5 gate），
+// 是實際會被找的一群，不能只給五個車種而漏掉他們。
+const VEHICLE_TYPE_OPTIONS = [
+  { value: 'all', label: '全部車種' },
+  ...Object.entries(VEHICLE_TYPE_LABEL).map(([value, label]) => ({ value, label })),
+  { value: 'none', label: '未填車輛' },
+];
+
 export default function DriversPage() {
   const queryClient = useQueryClient();
   const { message, modal } = App.useApp();
   const [keyword, setKeyword] = useState('');
   const [statusFilter, setStatusFilter] = useState('all');
+  const [vehicleFilter, setVehicleFilter] = useState('all');
 
   const { data: drivers = [], isLoading } = useQuery({
     queryKey: ['drivers'],
@@ -40,6 +49,11 @@ export default function DriversPage() {
       } else if (statusFilter !== 'all' && String(d.Status) !== statusFilter) {
         return false;
       }
+      if (vehicleFilter === 'none') {
+        if (d.VehicleType) return false;
+      } else if (vehicleFilter !== 'all' && d.VehicleType !== vehicleFilter) {
+        return false;
+      }
       if (!kw) return true;
       return (
         d.Name.toLowerCase().includes(kw) ||
@@ -47,7 +61,7 @@ export default function DriversPage() {
         d.PlateNumber.toLowerCase().includes(kw)
       );
     });
-  }, [drivers, keyword, statusFilter]);
+  }, [drivers, keyword, statusFilter, vehicleFilter]);
 
   const pendingCount = useMemo(
     () => drivers.filter((d) => d.VehicleReviewStatus === 'pending').length,
@@ -242,6 +256,12 @@ export default function DriversPage() {
           options={STATUS_OPTIONS}
           onChange={setStatusFilter}
         />
+        <Select
+          value={vehicleFilter}
+          style={{ width: 140 }}
+          options={VEHICLE_TYPE_OPTIONS}
+          onChange={setVehicleFilter}
+        />
       </Space>
       <Table
         rowKey="ID"
diff --git a/src/pages/FeeSettingsPage.test.tsx b/src/pages/FeeSettingsPage.test.tsx
index 308922f..93cd0e4 100644
--- a/src/pages/FeeSettingsPage.test.tsx
+++ b/src/pages/FeeSettingsPage.test.tsx
@@ -32,6 +32,7 @@ const defaultFees = {
   commission_bps: 1500,
   monthly_membership_fee_cents: 300000,
   lost_item_fee_bps: 1000,
+  pet_cleaning_fee_bps: 2000, // 20%（O6，上限 30%）
 };
 
 describe('FeeSettingsPage', () => {
@@ -75,6 +76,24 @@ describe('FeeSettingsPage', () => {
     expect(body.base_fare_cents).toBe(8500); // 85 元 → 8500 分
     expect(body.monthly_membership_fee_cents).toBe(300000);
     expect(body.lost_item_fee_bps).toBe(1000); // 10% → 1000 bps
+    expect(body.pet_cleaning_fee_bps).toBe(2000); // 20% → 2000 bps
+  });
+
+  it('寵物車清潔費：載入 bps→%，且擋掉超過 30% 的值', async () => {
+    saveSession('tok', '管理員', 'superadmin');
+    const user = userEvent.setup();
+    renderWithProviders(<FeeSettingsPage />);
+
+    // 2000 bps → 20.00 %
+    const cleaning = await screen.findByDisplayValue('20.00');
+    await user.clear(cleaning);
+    await user.type(cleaning, '35');
+    await user.click(await screen.findByRole('button', { name: /儲\s*存/ }));
+
+    // 上限是乘客實際被加收的錢：InputNumber 的 max 會把超額值夾回 30%，
+    // 送出去的一定不超過 3000 bps（後端 DB CHECK 只是最後防線，不該靠它擋）
+    await vi.waitFor(() => expect(mockUpdateFeeSettings).toHaveBeenCalled());
+    expect(mockUpdateFeeSettings.mock.calls[0][0].pet_cleaning_fee_bps).toBe(3000);
   });
 
   it('非 superadmin 時儲存鈕停用', async () => {
diff --git a/src/pages/FeeSettingsPage.tsx b/src/pages/FeeSettingsPage.tsx
index 6c8ca47..9321b02 100644
--- a/src/pages/FeeSettingsPage.tsx
+++ b/src/pages/FeeSettingsPage.tsx
@@ -14,8 +14,12 @@ interface FeeFormValues {
   commission_pct: number;
   monthly_membership_fee: number;
   lost_item_fee_pct: number;
+  pet_cleaning_fee_pct: number;
 }
 
+/** 寵物車清潔費上限（O6 拍板 30%）；後端 DB CHECK `chk_fleet_settings_pet_cleaning_fee_bps` 為最後防線 */
+const PET_CLEANING_FEE_MAX_PCT = 30;
+
 function toForm(s: FeeSettings): FeeFormValues {
   return {
     base_fare: s.base_fare_cents / 100,
@@ -24,6 +28,7 @@ function toForm(s: FeeSettings): FeeFormValues {
     commission_pct: s.commission_bps / 100,
     monthly_membership_fee: s.monthly_membership_fee_cents / 100,
     lost_item_fee_pct: s.lost_item_fee_bps / 100,
+    pet_cleaning_fee_pct: (s.pet_cleaning_fee_bps ?? 0) / 100,
   };
 }
 
@@ -35,6 +40,7 @@ function toApi(v: FeeFormValues): Partial<FeeSettings> {
     commission_bps: Math.round(v.commission_pct * 100),
     monthly_membership_fee_cents: Math.round(v.monthly_membership_fee * 100),
     lost_item_fee_bps: Math.round(v.lost_item_fee_pct * 100),
+    pet_cleaning_fee_bps: Math.round(v.pet_cleaning_fee_pct * 100),
   };
 }
 
@@ -133,6 +139,23 @@ export default function FeeSettingsPage() {
         >
           <InputNumber min={0} max={100} precision={2} suffix="%" style={{ width: '100%' }} />
         </Form.Item>
+        <Form.Item
+          name="pet_cleaning_fee_pct"
+          label={`寵物車清潔費（%，上限 ${PET_CLEANING_FEE_MAX_PCT}%）`}
+          tooltip="依乘客指定的車種加收（不是司機開的車種）：乘客指定「寵物用車」時，按該趟車資的此比例加收清潔費。金額於行程完成當下快照，調整不影響歷史行程。清潔費不計入抽成、不計入營業額，全額歸司機。"
+          rules={[
+            { required: true, message: '請填寫寵物車清潔費百分比' },
+            { type: 'number', min: 0, max: PET_CLEANING_FEE_MAX_PCT, message: `需介於 0 與 ${PET_CLEANING_FEE_MAX_PCT}% 之間` },
+          ]}
+        >
+          <InputNumber
+            min={0}
+            max={PET_CLEANING_FEE_MAX_PCT}
+            precision={2}
+            suffix="%"
+            style={{ width: '100%' }}
+          />
+        </Form.Item>
         <Form.Item>
           <Button type="primary" htmlType="submit" loading={mutation.isPending} disabled={!isSuperadmin()}>
             儲存
diff --git a/src/pages/MonthlyReportPage.test.tsx b/src/pages/MonthlyReportPage.test.tsx
index 47d3145..ede3038 100644
--- a/src/pages/MonthlyReportPage.test.tsx
+++ b/src/pages/MonthlyReportPage.test.tsx
@@ -28,7 +28,10 @@ describe('MonthlyReportPage', () => {
         trip_count: 3,
         total_revenue_cents: 27000,
         total_commission_cents: 4000,
-        driver_net_cents: 23000,
+        // O6：清潔費不進營業額、不進抽成，但含在實得裡
+        // → 270 − 40 + 50 = 280（實得），應付總公司 3,040 不受影響
+        total_cleaning_fee_cents: 5000,
+        driver_net_cents: 28000,
         membership_fee_cents: 300000,
         owed_to_hq_cents: 304000,
       },
@@ -60,7 +63,18 @@ describe('MonthlyReportPage', () => {
     const [filename, csv] = mockDownloadCsv.mock.calls[0] as [string, string];
     expect(filename).toMatch(/^月報表-\d{4}-\d{2}\.csv$/);
     expect(csv).toContain('應付總公司(元)');
-    expect(csv).toContain('1,測試司機,3,270,40,3000,3040,230');
+    expect(csv).toContain('清潔費(元)');
+    expect(csv).toContain('1,測試司機,3,270,40,50,3000,3040,280');
+  });
+
+  it('清潔費分項讓「營業額 − 手續費 + 清潔費 = 實得」對得起來', async () => {
+    renderWithProviders(<MonthlyReportPage />);
+    await waitFor(() => {
+      expect(screen.getByText('測試司機')).toBeInTheDocument();
+    });
+    // 少了這一欄，270 − 40 = 230 對不上實得 280，客服無從解釋 50 元的差額
+    expect(screen.getAllByText('NT$ 50').length).toBeGreaterThan(0);
+    expect(screen.getAllByText('NT$ 280').length).toBeGreaterThan(0);
   });
 
   it('沒有資料時匯出鈕停用', async () => {
diff --git a/src/pages/MonthlyReportPage.tsx b/src/pages/MonthlyReportPage.tsx
index 8dde101..8e33ab2 100644
--- a/src/pages/MonthlyReportPage.tsx
+++ b/src/pages/MonthlyReportPage.tsx
@@ -26,6 +26,7 @@ export default function MonthlyReportPage() {
       trips: rows.reduce((s, r) => s + r.trip_count, 0),
       revenue: rows.reduce((s, r) => s + (r.total_revenue_cents ?? 0), 0),
       commission: rows.reduce((s, r) => s + (r.total_commission_cents ?? 0), 0),
+      cleaning: rows.reduce((s, r) => s + (r.total_cleaning_fee_cents ?? 0), 0),
       membership: rows.reduce((s, r) => s + (r.membership_fee_cents ?? 0), 0),
       owed: rows.reduce((s, r) => s + (r.owed_to_hq_cents ?? 0), 0),
       net: rows.reduce((s, r) => s + (r.driver_net_cents ?? 0), 0),
@@ -35,13 +36,14 @@ export default function MonthlyReportPage() {
 
   function handleExport() {
     const csv = toCsv(
-      ['司機ID', '司機', '趟數', '營業額(元)', '手續費(元)', '月會費(元)', '應付總公司(元)', '司機實得(元)'],
+      ['司機ID', '司機', '趟數', '營業額(元)', '手續費(元)', '清潔費(元)', '月會費(元)', '應付總公司(元)', '司機實得(元)'],
       rows.map((r) => [
         r.driver_id,
         r.driver_name,
         r.trip_count,
         yuanForCsv(r.total_revenue_cents),
         yuanForCsv(r.total_commission_cents),
+        yuanForCsv(r.total_cleaning_fee_cents ?? 0),
         yuanForCsv(r.membership_fee_cents),
         yuanForCsv(r.owed_to_hq_cents),
         yuanForCsv(r.driver_net_cents),
@@ -55,6 +57,8 @@ export default function MonthlyReportPage() {
     { title: '趟數', dataIndex: 'trip_count', width: 90 },
     { title: '營業額', dataIndex: 'total_revenue_cents', width: 140, align: 'right', render: (c: number) => fmtYuan(c) },
     { title: '手續費', dataIndex: 'total_commission_cents', width: 140, align: 'right', render: (c: number) => fmtYuan(c) },
+    // O6：清潔費不計入營業額與抽成（故不影響「應付總公司」），但含在司機實得裡。
+    { title: '清潔費', dataIndex: 'total_cleaning_fee_cents', width: 130, align: 'right', render: (c: number) => fmtYuan(c ?? 0) },
     { title: '月會費', dataIndex: 'membership_fee_cents', width: 140, align: 'right', render: (c: number) => fmtYuan(c) },
     {
       title: '應付總公司',
@@ -108,9 +112,10 @@ export default function MonthlyReportPage() {
                 <Table.Summary.Cell index={1}>{totals.trips}</Table.Summary.Cell>
                 <Table.Summary.Cell index={2} align="right">{fmtYuan(totals.revenue)}</Table.Summary.Cell>
                 <Table.Summary.Cell index={3} align="right">{fmtYuan(totals.commission)}</Table.Summary.Cell>
-                <Table.Summary.Cell index={4} align="right">{fmtYuan(totals.membership)}</Table.Summary.Cell>
-                <Table.Summary.Cell index={5} align="right"><strong>{fmtYuan(totals.owed)}</strong></Table.Summary.Cell>
-                <Table.Summary.Cell index={6} align="right">{fmtYuan(totals.net)}</Table.Summary.Cell>
+                <Table.Summary.Cell index={4} align="right">{fmtYuan(totals.cleaning)}</Table.Summary.Cell>
+                <Table.Summary.Cell index={5} align="right">{fmtYuan(totals.membership)}</Table.Summary.Cell>
+                <Table.Summary.Cell index={6} align="right"><strong>{fmtYuan(totals.owed)}</strong></Table.Summary.Cell>
+                <Table.Summary.Cell index={7} align="right">{fmtYuan(totals.net)}</Table.Summary.Cell>
               </Table.Summary.Row>
             ) : null
           }
diff --git a/src/pages/OrderDetailPage.test.tsx b/src/pages/OrderDetailPage.test.tsx
index c45d5de..1ba8e14 100644
--- a/src/pages/OrderDetailPage.test.tsx
+++ b/src/pages/OrderDetailPage.test.tsx
@@ -14,7 +14,9 @@ vi.mock('maplibre-gl/dist/maplibre-gl.css', () => ({}));
 vi.mock('maplibre-gl', () => {
   const marker = {
     setLngLat: vi.fn().mockReturnThis(),
+    setPopup: vi.fn().mockReturnThis(),
     addTo: vi.fn().mockReturnThis(),
+    remove: vi.fn().mockReturnThis(),
   };
   const map = {
     on: vi.fn(),
@@ -30,6 +32,7 @@ vi.mock('maplibre-gl', () => {
     default: {
       Map: vi.fn(() => map),
       Marker: vi.fn(() => marker),
+      Popup: vi.fn(() => ({ setText: vi.fn().mockReturnThis() })),
       LngLatBounds: vi.fn(function LngLatBounds() {
         return { extend: vi.fn().mockReturnThis() };
       }),
@@ -248,4 +251,165 @@ describe('OrderDetailPage', () => {
 
     expect(screen.queryByRole('button', { name: /強制取消/ })).not.toBeInTheDocument();
   });
+
+  it('顯示乘客指定車種與司機當時的車輛快照（兩者是不同欄位）', async () => {
+    mockFetchRideDetail.mockResolvedValue({
+      ride: {
+        id: 3,
+        customer_id: 10,
+        driver_id: 2,
+        status: 4,
+        pickup_point: { lat: 25.034, lng: 121.566 },
+        pickup_address: '台北101',
+        dropoff_point: null,
+        dropoff_address: '',
+        requested_at: '2026-07-06T14:53:13+08:00',
+        accepted_at: '2026-07-06T14:53:16+08:00',
+        picked_up_at: '2026-07-06T14:53:16+08:00',
+        completed_at: '2026-07-06T14:53:16+08:00',
+        distance_m: 3000,
+        eta_pickup_sec: 100,
+        // 乘客要寵物車、實際派來的也是寵物車，但這是兩個獨立欄位
+        required_vehicle_type: 'pet',
+        driver_vehicle_type: 'pet',
+        driver_plate_number: 'PET-0001',
+        fare_amount_cents: 20000,
+        commission_amount_cents: 3000,
+        cleaning_fee_cents: 4000,
+        driver_net_amount_cents: 21000,
+        created_at: '2026-07-06T14:53:13+08:00',
+        updated_at: '2026-07-06T14:53:16+08:00',
+      },
+      track_geojson: '{"type":"LineString","coordinates":[]}',
+      events: [],
+      stops: [],
+    });
+
+    renderWithProviders(<OrderDetailPage />, { route: '/orders/3', path: '/orders/:id' });
+
+    await waitFor(() => {
+      expect(screen.getByText('訂單 #3')).toBeInTheDocument();
+    });
+    expect(screen.getByText('乘客指定車種')).toBeInTheDocument();
+    expect(screen.getByText('當時車輛（快照）')).toBeInTheDocument();
+    expect(screen.getByText('PET-0001')).toBeInTheDocument();
+    // 客服要能解釋「為什麼這筆多收了清潔費」→ 車資與清潔費必須分項看得到
+    expect(screen.getByText('NT$ 200')).toBeInTheDocument();
+    expect(screen.getByText('NT$ 40')).toBeInTheDocument();
+  });
+
+  it('未指定車種／未加收清潔費時不編故事', async () => {
+    mockFetchRideDetail.mockResolvedValue({
+      ride: {
+        id: 4,
+        customer_id: 10,
+        driver_id: 2,
+        status: 4,
+        pickup_point: { lat: 25.034, lng: 121.566 },
+        pickup_address: '台北101',
+        dropoff_point: null,
+        dropoff_address: '',
+        requested_at: '2026-07-06T14:53:13+08:00',
+        accepted_at: '2026-07-06T14:53:16+08:00',
+        picked_up_at: '2026-07-06T14:53:16+08:00',
+        completed_at: '2026-07-06T14:53:16+08:00',
+        distance_m: 3000,
+        eta_pickup_sec: 100,
+        required_vehicle_type: '',
+        driver_vehicle_type: 'sedan',
+        driver_plate_number: 'ABC-1234',
+        fare_amount_cents: 20000,
+        commission_amount_cents: 3000,
+        // 後端未加收時不帶此鍵：null ＝沒加收，不是「加收 0 元」
+        cleaning_fee_cents: null,
+        driver_net_amount_cents: 17000,
+        created_at: '2026-07-06T14:53:13+08:00',
+        updated_at: '2026-07-06T14:53:16+08:00',
+      },
+      track_geojson: '{"type":"LineString","coordinates":[]}',
+      events: [],
+      stops: [],
+    });
+
+    renderWithProviders(<OrderDetailPage />, { route: '/orders/4', path: '/orders/:id' });
+
+    await waitFor(() => {
+      expect(screen.getByText('訂單 #4')).toBeInTheDocument();
+    });
+    expect(screen.getByText('不指定')).toBeInTheDocument();
+    expect(screen.getByText('未加收')).toBeInTheDocument();
+  });
+
+  it('多停靠點行程列出全程，跳過的站標示不計費', async () => {
+    mockFetchRideDetail.mockResolvedValue({
+      ride: {
+        id: 5,
+        customer_id: 10,
+        driver_id: 2,
+        status: 3,
+        pickup_point: { lat: 25.033, lng: 121.5654 },
+        pickup_address: '台北101',
+        dropoff_point: null,
+        dropoff_address: '',
+        requested_at: '2026-07-06T14:53:13+08:00',
+        accepted_at: '2026-07-06T14:53:16+08:00',
+        picked_up_at: '2026-07-06T14:53:16+08:00',
+        completed_at: null,
+        distance_m: null,
+        eta_pickup_sec: 100,
+        required_vehicle_type: '',
+        driver_vehicle_type: 'van7',
+        driver_plate_number: 'VAN-0007',
+        fare_amount_cents: null,
+        commission_amount_cents: null,
+        cleaning_fee_cents: null,
+        driver_net_amount_cents: null,
+        created_at: '2026-07-06T14:53:13+08:00',
+        updated_at: '2026-07-06T14:53:16+08:00',
+      },
+      track_geojson: '{"type":"LineString","coordinates":[]}',
+      events: [],
+      stops: [
+        {
+          id: 11, seq: 1, kind: 'pickup', lat: 25.033, lng: 121.5654,
+          passenger_label: 'A', address: '台北101',
+          arrived_at: '2026-07-06T14:53:20+08:00', skipped_at: null,
+        },
+        {
+          id: 12, seq: 2, kind: 'pickup', lat: 25.04, lng: 121.56,
+          passenger_label: 'B', address: '國父紀念館',
+          arrived_at: null, skipped_at: '2026-07-06T14:55:00+08:00',
+        },
+        {
+          id: 13, seq: 3, kind: 'dropoff', lat: 25.0478, lng: 121.517,
+          passenger_label: 'A', address: '台北車站',
+          arrived_at: null, skipped_at: null,
+        },
+      ],
+    });
+
+    renderWithProviders(<OrderDetailPage />, { route: '/orders/5', path: '/orders/:id' });
+
+    await waitFor(() => {
+      expect(screen.getByText('停靠點（3 站）')).toBeInTheDocument();
+    });
+    expect(screen.getByText(/1\. 乘客 A 上車/)).toBeInTheDocument();
+    expect(screen.getByText(/2\. 乘客 B 上車/)).toBeInTheDocument();
+    expect(screen.getByText(/3\. 乘客 A 下車/)).toBeInTheDocument();
+    // 跳過的站不計入車資，後台要看得出來，否則客服對不上金額
+    expect(screen.getByText('已跳過（不計費）')).toBeInTheDocument();
+    expect(screen.getByText('已到達')).toBeInTheDocument();
+    expect(screen.getByText('待處理')).toBeInTheDocument();
+    // 沒有軌跡但有停靠點時，地圖仍要出現（只是說明它只畫停靠點）
+    expect(screen.getByText('尚無軌跡資料，地圖僅顯示停靠點位置')).toBeInTheDocument();
+  });
+
+  it('單點訂單不顯示停靠點區塊', async () => {
+    renderWithProviders(<OrderDetailPage />, { route: '/orders/1', path: '/orders/:id' });
+
+    await waitFor(() => {
+      expect(screen.getByText('訂單 #1')).toBeInTheDocument();
+    });
+    expect(screen.queryByText(/^停靠點（/)).not.toBeInTheDocument();
+  });
 });
diff --git a/src/pages/OrderDetailPage.tsx b/src/pages/OrderDetailPage.tsx
index be39956..dc44716 100644
--- a/src/pages/OrderDetailPage.tsx
+++ b/src/pages/OrderDetailPage.tsx
@@ -7,20 +7,49 @@ import { ArrowLeftOutlined, CaretRightOutlined, PauseOutlined, StopOutlined } fr
 import maplibregl from 'maplibre-gl';
 import 'maplibre-gl/dist/maplibre-gl.css';
 
-import { cancelRideByAdmin, fetchRideDetail, fetchRideMessages, parseTrackCoordinates } from '../api/admin';
+import {
+  cancelRideByAdmin,
+  fetchRideDetail,
+  fetchRideMessages,
+  parseTrackCoordinates,
+  type RideStop,
+} from '../api/admin';
 import { canDispatch } from '../auth/auth';
-import { actorRoleLabel, isRideCancellable, RIDE_STATUS, rideEventLabel } from '../constants';
+import {
+  actorRoleLabel,
+  isRideCancellable,
+  RIDE_STATUS,
+  rideEventLabel,
+  VEHICLE_TYPE_LABEL,
+} from '../constants';
 
 import { DEFAULT_MAP_CENTER, MAP_HEIGHT, MAP_STYLE } from '../components/mapStyle';
 import { apiError } from '../utils/apiError';
+import { fmtYuan } from '../utils/money';
 const TRACK_SOURCE_ID = 'ride-track';
 const TRACK_LAYER_ID = 'ride-track-line';
 const PLAYBACK_INTERVAL_MS = 300;
 
+/** 停靠點 marker 色：待處理＝藍、已到達＝綠、已跳過＝灰（沒去過的地方不該搶眼） */
+const STOP_MARKER_COLOR = { pending: '#1677ff', arrived: '#52c41a', skipped: '#bfbfbf' };
+
 function fmtTime(t: string | null): string {
   return t ? new Date(t).toLocaleString('zh-TW') : '—';
 }
 
+/** 車種 code → 顯示名；'' 為乘客未指定 */
+function vehicleTypeText(code: string): string {
+  if (!code) return '不指定';
+  return VEHICLE_TYPE_LABEL[code] ?? code;
+}
+
+/** 停靠點處理狀態；arrived_at／skipped_at 互斥，皆無＝待處理 */
+function stopState(s: RideStop): 'arrived' | 'skipped' | 'pending' {
+  if (s.skipped_at) return 'skipped';
+  if (s.arrived_at) return 'arrived';
+  return 'pending';
+}
+
 
 export default function OrderDetailPage() {
   const { id } = useParams<{ id: string }>();
@@ -67,10 +96,14 @@ export default function OrderDetailPage() {
     () => (data?.track_geojson ? parseTrackCoordinates(data.track_geojson) : []),
     [data],
   );
+  const stops = useMemo(() => data?.stops ?? [], [data]);
+  // 只有停靠點、還沒有軌跡的行程（尚未開始跑）也要看得到地圖
+  const showMap = coordinates.length > 0 || stops.length > 0;
 
   const mapRef = useRef<maplibregl.Map | null>(null);
   const containerRef = useRef<HTMLDivElement | null>(null);
   const vehicleMarkerRef = useRef<maplibregl.Marker | null>(null);
+  const stopMarkersRef = useRef<maplibregl.Marker[]>([]);
   const timerRef = useRef<ReturnType<typeof setInterval> | null>(null);
 
   const [playing, setPlaying] = useState(false);
@@ -89,58 +122,89 @@ export default function OrderDetailPage() {
     return () => {
       mapRef.current?.remove();
       mapRef.current = null;
+      // marker 掛在被 remove 的 map 上，ref 留著會在下次繪製時重複疊加
+      stopMarkersRef.current = [];
+      vehicleMarkerRef.current = null;
     };
-  }, [isLoading, coordinates.length]);
+  }, [isLoading, showMap]);
 
   // 軌跡區塊高度變更時重算地圖尺寸
   useEffect(() => {
     mapRef.current?.resize();
-  }, [coordinates.length]);
+  }, [showMap]);
 
-  // 軌跡載入後畫線 + 移動車輛 marker 到起點、視角置中
+  // 軌跡載入後畫線 + 移動車輛 marker 到起點；停靠點各自落 marker；視角框住全部點
   useEffect(() => {
     const map = mapRef.current;
-    if (!map || coordinates.length === 0) return;
-
-    const drawTrack = () => {
-      const lineFeature: GeoJSON.Feature = {
-        type: 'Feature',
-        properties: {},
-        geometry: { type: 'LineString', coordinates },
-      };
-      if (map.getSource(TRACK_SOURCE_ID)) {
-        (map.getSource(TRACK_SOURCE_ID) as maplibregl.GeoJSONSource).setData(lineFeature);
-      } else {
-        map.addSource(TRACK_SOURCE_ID, { type: 'geojson', data: lineFeature });
-        map.addLayer({
-          id: TRACK_LAYER_ID,
-          type: 'line',
-          source: TRACK_SOURCE_ID,
-          paint: { 'line-color': '#1677ff', 'line-width': 4 },
-        });
+    if (!map || !showMap) return;
+
+    const draw = () => {
+      if (coordinates.length > 0) {
+        const lineFeature: GeoJSON.Feature = {
+          type: 'Feature',
+          properties: {},
+          geometry: { type: 'LineString', coordinates },
+        };
+        if (map.getSource(TRACK_SOURCE_ID)) {
+          (map.getSource(TRACK_SOURCE_ID) as maplibregl.GeoJSONSource).setData(lineFeature);
+        } else {
+          map.addSource(TRACK_SOURCE_ID, { type: 'geojson', data: lineFeature });
+          map.addLayer({
+            id: TRACK_LAYER_ID,
+            type: 'line',
+            source: TRACK_SOURCE_ID,
+            paint: { 'line-color': '#1677ff', 'line-width': 4 },
+          });
+        }
+
+        if (!vehicleMarkerRef.current) {
+          vehicleMarkerRef.current = new maplibregl.Marker({ color: '#f5222d' })
+            .setLngLat(coordinates[0])
+            .addTo(map);
+        } else {
+          vehicleMarkerRef.current.setLngLat(coordinates[0]);
+        }
       }
 
-      if (!vehicleMarkerRef.current) {
-        vehicleMarkerRef.current = new maplibregl.Marker({ color: '#f5222d' })
-          .setLngLat(coordinates[0])
+      // 多停靠點（N）：每站一個 marker，popup 說明是誰、上車還是下車、處理了沒。
+      // 每次重畫先清空，避免資料更新後舊 marker 疊在圖上。
+      stopMarkersRef.current.forEach((m) => m.remove());
+      stopMarkersRef.current = stops.map((s) => {
+        const state = stopState(s);
+        const kindText = s.kind === 'pickup' ? '上車' : '下車';
+        const stateText =
+          state === 'arrived' ? `已到達 ${fmtTime(s.arrived_at)}`
+          : state === 'skipped' ? `已跳過 ${fmtTime(s.skipped_at)}`
+          : '待處理';
+        return new maplibregl.Marker({ color: STOP_MARKER_COLOR[state] })
+          .setLngLat([s.lng, s.lat])
+          .setPopup(
+            new maplibregl.Popup({ offset: 24 }).setText(
+              `${s.seq}. ${s.passenger_label ? `乘客 ${s.passenger_label} ` : ''}${kindText}` +
+                `${s.address ? `／${s.address}` : ''}／${stateText}`,
+            ),
+          )
           .addTo(map);
-      } else {
-        vehicleMarkerRef.current.setLngLat(coordinates[0]);
-      }
+      });
 
-      const bounds = coordinates.reduce(
-        (b, c) => b.extend(c as [number, number]),
-        new maplibregl.LngLatBounds(coordinates[0], coordinates[0]),
+      const points: [number, number][] = [
+        ...coordinates,
+        ...stops.map((s) => [s.lng, s.lat] as [number, number]),
+      ];
+      if (points.length === 0) return;
+      const bounds = points.reduce(
+        (b, c) => b.extend(c),
+        new maplibregl.LngLatBounds(points[0], points[0]),
       );
       map.fitBounds(bounds, { padding: 40, maxZoom: 16 });
     };
 
     if (map.isStyleLoaded()) {
-      drawTrack();
+      draw();
     } else {
-      map.once('load', drawTrack);
+      map.once('load', draw);
     }
-  }, [coordinates]);
+  }, [coordinates, stops, showMap]);
 
   // 播放：以 timer 沿座標陣列移動 marker
   useEffect(() => {
@@ -249,10 +313,108 @@ export default function OrderDetailPage() {
             { key: 'picked_up_at', label: '上車時間', children: fmtTime(ride.picked_up_at) },
             { key: 'completed_at', label: '完成時間', children: fmtTime(ride.completed_at) },
             { key: 'eta', label: '預估接客秒數', children: ride.eta_pickup_sec ?? '—' },
+            {
+              // P1：乘客「要求」什麼車。這是清潔費加收與否的依據，
+              // 客服要靠它解釋「為什麼這筆多收了清潔費」。
+              key: 'required_vehicle_type',
+              label: '乘客指定車種',
+              children: ride.required_vehicle_type ? (
+                <Tag color={ride.required_vehicle_type === 'pet' ? 'orange' : 'blue'}>
+                  {vehicleTypeText(ride.required_vehicle_type)}
+                </Tag>
+              ) : (
+                '不指定'
+              ),
+            },
+            {
+              // O7：接單當下定格的司機車輛。與上一欄是**兩回事**——
+              // 前者是乘客要什麼車，後者是實際派來哪台；司機日後換車也不會動到這筆。
+              key: 'driver_vehicle',
+              label: '當時車輛（快照）',
+              children: ride.driver_vehicle_type || ride.driver_plate_number ? (
+                <Space size={8}>
+                  <span>{vehicleTypeText(ride.driver_vehicle_type)}</span>
+                  <span style={{ fontFamily: 'monospace', letterSpacing: 1 }}>
+                    {ride.driver_plate_number || '—'}
+                  </span>
+                </Space>
+              ) : (
+                '—'
+              ),
+            },
+            ...(ride.fare_amount_cents != null
+              ? [
+                  { key: 'fare', label: '車資', children: fmtYuan(ride.fare_amount_cents) },
+                  {
+                    // 後端未加收時不帶此欄（null）；null ＝沒加收，不是 0 元的加收
+                    key: 'cleaning_fee',
+                    label: '寵物車清潔費',
+                    children:
+                      ride.cleaning_fee_cents != null ? fmtYuan(ride.cleaning_fee_cents) : '未加收',
+                  },
+                  {
+                    key: 'commission',
+                    label: '手續費',
+                    children:
+                      ride.commission_amount_cents != null
+                        ? fmtYuan(ride.commission_amount_cents)
+                        : '—',
+                  },
+                  {
+                    key: 'driver_net',
+                    label: '司機實得',
+                    children:
+                      ride.driver_net_amount_cents != null
+                        ? fmtYuan(ride.driver_net_amount_cents)
+                        : '—',
+                  },
+                ]
+              : []),
           ]}
         />
       </Card>
 
+      {/* 多停靠點（N）：單點訂單沒有 stops，整塊不顯示（不留一張空卡片） */}
+      {stops.length > 0 && (
+        <Card title={`停靠點（${stops.length} 站）`}>
+          <Timeline
+            items={stops.map((s) => {
+              const state = stopState(s);
+              const kindText = s.kind === 'pickup' ? '上車' : '下車';
+              return {
+                key: String(s.id),
+                color:
+                  state === 'arrived' ? 'green' : state === 'skipped' ? 'gray' : 'blue',
+                content: (
+                  <Space orientation="vertical" size={0}>
+                    <Space wrap>
+                      <strong
+                        style={{
+                          // 跳過＝乘客沒出現、司機沒去，且不計入車資；刪除線讓它一眼與其他站分開
+                          textDecoration: state === 'skipped' ? 'line-through' : undefined,
+                        }}
+                      >
+                        {s.seq}. {s.passenger_label ? `乘客 ${s.passenger_label} ` : ''}
+                        {kindText}
+                      </strong>
+                      {state === 'arrived' && <Tag color="success">已到達</Tag>}
+                      {state === 'skipped' && <Tag>已跳過（不計費）</Tag>}
+                      {state === 'pending' && <Tag color="processing">待處理</Tag>}
+                    </Space>
+                    <span>{s.address || '（無地址）'}</span>
+                    <span style={{ color: '#666', fontSize: 12 }}>
+                      {s.lat.toFixed(6)}, {s.lng.toFixed(6)}
+                      {state === 'arrived' ? ` · ${fmtTime(s.arrived_at)}` : ''}
+                      {state === 'skipped' ? ` · ${fmtTime(s.skipped_at)}` : ''}
+                    </span>
+                  </Space>
+                ),
+              };
+            })}
+          />
+        </Card>
+      )}
+
       <Card title="狀態時間軸">
         {(data.events ?? []).length === 0 ? (
           <Empty description="尚無審計事件" />
@@ -315,7 +477,7 @@ export default function OrderDetailPage() {
       </Card>
 
       <Card
-        title="軌跡回放"
+        title={stops.length > 0 ? '軌跡回放與停靠點' : '軌跡回放'}
         extra={
           coordinates.length > 0 && (
             <Space>
@@ -336,15 +498,24 @@ export default function OrderDetailPage() {
         }
         styles={{ body: { padding: 0 } }}
       >
-        {coordinates.length === 0 && (
+        {!showMap && (
           <div style={{ padding: 16 }}>
             <Empty description="尚無軌跡資料" />
           </div>
         )}
+        {coordinates.length === 0 && stops.length > 0 && (
+          <div style={{ padding: '12px 24px 0' }}>
+            <Alert
+              type="info"
+              showIcon
+              title="尚無軌跡資料，地圖僅顯示停靠點位置"
+            />
+          </div>
+        )}
         {/* 地圖容器固定掛載，避免軌跡資料非同步到位時因 DOM 節點替換導致 ref 失聯 */}
         <div
           ref={containerRef}
-          style={{ height: coordinates.length === 0 ? 0 : MAP_HEIGHT.track, width: '100%', overflow: 'hidden' }}
+          style={{ height: showMap ? MAP_HEIGHT.track : 0, width: '100%', overflow: 'hidden' }}
         />
         {coordinates.length > 0 && (
           <div style={{ padding: '12px 24px' }}>
diff --git a/src/pages/ReportsPage.test.tsx b/src/pages/ReportsPage.test.tsx
index fabb593..7370e27 100644
--- a/src/pages/ReportsPage.test.tsx
+++ b/src/pages/ReportsPage.test.tsx
@@ -28,6 +28,11 @@ describe('ReportsPage', () => {
         trip_count: 2,
         total_distance_m: 5000,
         avg_pickup_sec: 120,
+        // O6：清潔費不進營業額、不進抽成，但含在實得裡（170 − 25 + 30 = 175）
+        total_revenue_cents: 17000,
+        total_commission_cents: 2500,
+        total_cleaning_fee_cents: 3000,
+        driver_net_cents: 17500,
       },
     ]);
   });
@@ -59,7 +64,18 @@ describe('ReportsPage', () => {
     const [filename, csv] = mockDownloadCsv.mock.calls[0] as [string, string];
     expect(filename).toMatch(/^日報表-\d{4}-\d{2}-\d{2}\.csv$/);
     expect(csv).toContain('司機ID,司機,趟數,總里程(km),平均接客(分)');
-    expect(csv).toContain('1,測試司機,2,5.00,2.0');
+    expect(csv).toContain('清潔費(元)');
+    expect(csv).toContain('1,測試司機,2,5.00,2.0,170,25,30,175');
+  });
+
+  it('清潔費分項讓「營業額 − 手續費 + 清潔費 = 實得」對得起來', async () => {
+    renderWithProviders(<ReportsPage />);
+    await waitFor(() => {
+      expect(screen.getByText('測試司機')).toBeInTheDocument();
+    });
+    // 少了這一欄，170 − 25 = 145 對不上實得 175（月報表早就有，日報表原本漏了）
+    expect(screen.getAllByText('NT$ 30').length).toBeGreaterThan(0);
+    expect(screen.getAllByText('NT$ 175').length).toBeGreaterThan(0);
   });
 
   it('沒有資料時匯出鈕停用', async () => {
diff --git a/src/pages/ReportsPage.tsx b/src/pages/ReportsPage.tsx
index 69b3da9..390d034 100644
--- a/src/pages/ReportsPage.tsx
+++ b/src/pages/ReportsPage.tsx
@@ -32,7 +32,7 @@ export default function ReportsPage() {
 
   function handleExport() {
     const csv = toCsv(
-      ['司機ID', '司機', '趟數', '總里程(km)', '平均接客(分)', '營業額(元)', '手續費(元)', '司機實得(元)'],
+      ['司機ID', '司機', '趟數', '總里程(km)', '平均接客(分)', '營業額(元)', '手續費(元)', '清潔費(元)', '司機實得(元)'],
       rows.map((r) => [
         r.driver_id,
         r.driver_name,
@@ -41,6 +41,7 @@ export default function ReportsPage() {
         (r.avg_pickup_sec / 60).toFixed(1),
         yuanForCsv(r.total_revenue_cents),
         yuanForCsv(r.total_commission_cents),
+        yuanForCsv(r.total_cleaning_fee_cents ?? 0),
         yuanForCsv(r.driver_net_cents),
       ]),
     );
@@ -76,6 +77,15 @@ export default function ReportsPage() {
       align: 'right',
       render: (c: number) => fmtYuan(c),
     },
+    {
+      // O6：清潔費不計入營業額、不計入抽成，但含在司機實得裡。
+      // 少了這一欄，「營業額 − 手續費」會莫名對不上實得，客服無從解釋差額。
+      title: '清潔費',
+      dataIndex: 'total_cleaning_fee_cents',
+      width: 130,
+      align: 'right',
+      render: (c: number) => fmtYuan(c ?? 0),
+    },
     {
       title: '司機實得',
       dataIndex: 'driver_net_cents',