feat(client): 登录/注册页照原型重建，ds 真相源组件族统一全部屏

- 登录/注册（login.html/register.html 1:1）：两栏卡片+品牌渐变面板+主题小衣服
  pill（onSurface 变体）+记住我（记录并预填最近账号）+原型式 toast 校验；
  登录 fidelity 1.4–2.1% 三主题全绿；注册暂不入闸（少 门店编号/兑换券 字段，
  已记 CONTRACT，screens.mjs 留存根）
- ds 原子补齐：DsToast（.toast 单例）/DsCheck（.check/.agree）/DsButton lg 档/
  DsSelect 替换全部旧 DropdownButton/DsField label 在上/DsInput 后缀与密码形态
- 全屏统一：对话框按钮全 DsButton、盒式输入主题钉死（visualDensity.standard、
  h38、InputDecorationTheme 渗漏修复）、图标全 lucide、JetBrains Mono 三端同源、
  BrandMark 真相源 logo、只读模式写操作全量守卫（WriteGuard+DsToast）
- 出入库列表：版式对齐原型（卡片对齐+搜索框居中）、KPI 近30天滚动、结清后
  失效财务应收应付表；商品编辑抽屉介绍库改搜索下拉、图片双击全屏预览
- 删除旧 UI 死代码：DataTableCard/FormDialog/PageScaffold/SearchChip/
  SelectProductDialog/tabStateProvider
- golden/fidelity：stock-in/out 补注册（9%）、login 入册（8%）、goldens 全量重打；
  修复 pubspec flutter_web_plugins 非法声明（CI pub get 阻断）

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01JJ1g8XV1YhhmHRzhwWEW7o

client/lib/widgets/theme_picker_pill.dart

@@ -1,3 +1,4 @@
+import 'package:lucide_icons_flutter/lucide_icons.dart';
 import 'package:flutter/material.dart';
 import 'package:flutter_riverpod/flutter_riverpod.dart';
 import '../core/theme/context_tokens.dart';
@@ -5,8 +6,11 @@ import '../core/theme/theme_controller.dart';
 
 /// 顶栏主题选择器 pill（原型 .theme-pill）：衬衫图标 + 当前主题名 + ▾。
 /// 点开 A/B/C 菜单切换主题（持久化），从「系统设置」迁来的入口。
+/// [onSurface]：浅色变体（surface/border/muted），供登录注册等白底卡片使用
+/// （默认深色顶栏配色 topControl/topBorder/topFg）。
 class ThemePickerPill extends ConsumerWidget {
-  const ThemePickerPill({super.key});
+  final bool onSurface;
+  const ThemePickerPill({super.key, this.onSurface = false});
 
   // 主题键 → 中文名（与原型 shell.js THEMES 一致）。
   static const _names = {'a': '经典蓝', 'b': '琥珀', 'c': '酒窖'};
@@ -35,7 +39,7 @@ class ThemePickerPill extends ConsumerWidget {
               SizedBox(
                 width: 18,
                 child: sel
-                    ? Icon(Icons.check, size: 16, color: t.primary)
+                    ? Icon(LucideIcons.check, size: 16, color: t.primary)
                     : null,
               ),
               const SizedBox(width: 4),
@@ -55,18 +59,22 @@ class ThemePickerPill extends ConsumerWidget {
         height: 30,
         padding: const EdgeInsets.symmetric(horizontal: 11),
         decoration: BoxDecoration(
-          color: t.topControl,
-          border: Border.all(color: t.topBorder),
+          color: onSurface ? t.surface : t.topControl,
+          border: Border.all(color: onSurface ? t.border : t.topBorder),
           borderRadius: BorderRadius.circular(999),
         ),
         child: Row(
           mainAxisSize: MainAxisSize.min,
           children: [
-            Icon(Icons.checkroom, size: 15, color: t.sideFg),
+            Icon(LucideIcons.shirt,
+                size: 15, color: onSurface ? t.muted : t.sideFg),
             const SizedBox(width: 7),
-            Text(name, style: TextStyle(fontSize: 12, color: t.topFg)),
+            Text(name,
+                style: TextStyle(
+                    fontSize: 12, color: onSurface ? t.text : t.topFg)),
             const SizedBox(width: 7),
-            Icon(Icons.keyboard_arrow_down, size: 14, color: t.topFg),
+            Icon(LucideIcons.chevronDown,
+                size: 14, color: onSurface ? t.muted : t.topFg),
           ],
         ),
       ),