feat(client): Flutter 逐屏还原 + iPad ≥900 断点 (tsk_gpPXi-icyeOE)

对照 design/ui_kits mobile+tablet 原型逐屏补齐 Flutter 客户端:

- l10n 资源层(strings_zh/en,单显)+ Riverpod 状态层(连接状态机/免费额度/
  节点选择/语言/主题),UI 与数据解耦,mock 数据接 API 不动 UI。
- 连接键严格三态(off 虚线轨道环 / connecting 旋转弧 / on 满环+计时+光晕),
  状态来自 connectionProvider,点击只派发事件——禁止乐观显示。
- 节点页置顶「智能选择」推荐卡(clay 渐变 zap + 推荐胶囊,默认选中);
  免费额度卡(剩余分钟+进度条 ≤3 分钟切 warning + 看广告解锁变绿)。
- Tab 左右滑动切换(手势竞技场仲裁,子页滚动不误触发,200ms 方向感知滑入)。
- iPad/宽屏 ≥900 LayoutBuilder 切侧栏分栏(导航行高 ≥48,连接页双栏/节点双列网格),
  复用同一批原子组件,不 fork 页面。
- 语义 token 零硬编码;文案全部走 l10n;套餐数字对齐 §7;无支付表单/emoji 国旗。
- CI 红线词扫描扩展到 client/lib;新增 Flutter analyze+test CI 任务。
- 测试:连接状态机/额度/节点单测、连接键三态与卡片组件测试、
  golden(连接键三态/推荐卡/额度卡 × 明暗)。

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>

client/lib/widgets/server_tile.dart

@@ -1,18 +1,23 @@
-// server_tile.dart — 服务器列表行
+// server_tile.dart — 节点列表行(国家码块 · 名称 · 延迟 · 信号条 · 选中态)
 import 'package:flutter/material.dart';
+
+import '../l10n/app_text.dart';
+import '../models/node.dart';
 import '../pangolin_theme.dart';
 import 'country_code.dart';
 import 'pangolin_icons.dart';
 
-class ServerInfo {
-  const ServerInfo({required this.code, required this.name, required this.sub, required this.ping});
-  final String code, name, sub;
-  final int ping;
-}
-
 class ServerTile extends StatelessWidget {
-  const ServerTile({super.key, required this.server, this.active = false, this.onTap});
-  final ServerInfo server;
+  const ServerTile({
+    super.key,
+    required this.node,
+    required this.lang,
+    this.active = false,
+    this.onTap,
+  });
+
+  final Node node;
+  final AppLang lang;
   final bool active;
   final VoidCallback? onTap;
 
@@ -26,21 +31,24 @@ class ServerTile extends StatelessWidget {
         padding: const EdgeInsets.symmetric(horizontal: 14, vertical: 12),
         child: Row(
           children: [
-            CountryCode(code: server.code, active: active),
+            CountryCode(code: node.code, active: active),
             const SizedBox(width: 13),
             Expanded(
               child: Column(
                 crossAxisAlignment: CrossAxisAlignment.start,
                 children: [
-                  Text(server.name, style: PangolinText.sm.copyWith(color: c.fg1, fontWeight: FontWeight.w600, fontSize: 15)),
+                  Text(node.localizedName(lang),
+                      style: PangolinText.sm
+                          .copyWith(color: c.fg1, fontWeight: FontWeight.w600, fontSize: 15)),
                   const SizedBox(height: 2),
-                  Text(server.sub, style: PangolinText.caption.copyWith(color: c.fg3, fontWeight: FontWeight.w400)),
+                  Text(node.localizedSub(lang),
+                      style: PangolinText.caption.copyWith(color: c.fg3, fontWeight: FontWeight.w400)),
                 ],
               ),
             ),
-            Text('${server.ping}ms', style: PangolinText.mono.copyWith(color: c.fg2, fontSize: 12)),
+            Text('${node.ping}ms', style: PangolinText.mono.copyWith(color: c.fg2, fontSize: 12)),
             const SizedBox(width: 8),
-            SignalBars(ping: server.ping),
+            SignalBars(ping: node.ping),
             if (active) ...[const SizedBox(width: 10), Icon(PangolinIcons.check, size: 18, color: c.accent)],
           ],
         ),