feat(client): 出库列表设计语言重建（副标 + 共享 StatusPill + golden）

副标「共 N 笔出库单」+ 详情弹窗斑马行 token 化；复用已升级的共享
StatusBadge→StatusPill；整屏 golden ×三主题（桌面+移动）入回归闸。

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01TSKEiHsvauyxYUW2itzUXX

client/lib/screens/stock_out/stock_out_list_screen.dart

@@ -6,6 +6,7 @@ import 'package:flutter_riverpod/flutter_riverpod.dart';
 import 'package:go_router/go_router.dart';
 import '../../core/responsive/responsive.dart';
 import '../../core/theme/context_tokens.dart';
+import '../../core/theme/app_dims.g.dart';
 import '../../models/stock_out.dart';
 import '../../providers/stock_out_provider.dart';
 import '../../repositories/stock_out_repository.dart';
@@ -344,7 +345,20 @@ class _StockOutListScreenState extends ConsumerState<StockOutListScreen> {
                 ))
             .toList();
 
-    return DataTableCard(
+    return Column(
+      children: [
+        // 副标（还原原型 .head .sub）
+        Container(
+          width: double.infinity,
+          color: context.tokens.bg,
+          padding: const EdgeInsets.fromLTRB(
+              AppDims.sp3, AppDims.sp3, AppDims.sp3, 0),
+          child: Text('共 $totalCount 笔出库单',
+              style: TextStyle(
+                  fontSize: AppDims.fsSm, color: context.tokens.muted)),
+        ),
+        Expanded(
+          child: DataTableCard(
       totalCount: totalCount,
       page: page,
       pageSize: pageSize,
@@ -543,6 +557,9 @@ class _StockOutListScreenState extends ConsumerState<StockOutListScreen> {
       columns: columns,
       rows: rows,
       mobileCards: orders.map((o) => _orderCard(context, o)).toList(),
+          ),
+        ),
+      ],
     );
   }
 
@@ -1090,7 +1107,9 @@ class _StockOutDetailDialogState extends ConsumerState<_StockOutDetailDialog> {
                   final item = e.value;
                   return TableRow(
                     decoration: BoxDecoration(
-                        color: i.isEven ? Colors.white : const Color(0xFFFAFAFA)),
+                        color: i.isEven
+                            ? context.tokens.surface
+                            : context.tokens.bg),
                     children: [
                       _TableCell('${i + 1}'),
                       _TableCell(item.productCode ?? '-'),