v0.4.0 顶栏改白色 + 通知栏同色 + 顶栏随页面滚动

用户 08:56 的三条要求：
  1. 家书标题栏用浅色（下面色块的背景色）；
  2. 上面通知栏也是浅色，两者融为一体；
  3. 向上滑动时标题栏跟着向上滑，不固定在原位。
（追问确认：顶栏底色 = 白；「品牌条 + 页面标题条」一起随滚动消失。）

## ① 系统栏改「不透明 + 与顶栏同色」，弃用透明方案
原来走「系统栏全透明 + 让紧邻元素透出同底色」。这版顶栏要用白色，
若仍走透明方案就得再造一层"白色压条"去刷白状态栏，太绕。
⇒ 直接 `statusBarColor = surface`（白）、`navigationBarColor = page_bg`（纸色）。
这是**配置出来的同色**，比"指望紧邻元素恰好同色"稳得多（后者顶栏一改底色就出色带）。
副产品：不再需要 `setWindowBackgroundColor` ⇒ 连那条 unavailable 告警也消失，
编译回到 **0 error / 0 warning**。

## ② 顶栏随滚动：整页包进 Scroll，顶栏作为内容第一个元素
原来 `Column { 页头; List/Grid(layoutWeight 1) }` —— 顶栏在滚动区**外面**，
所以固定不动。改为 `Scroll { Column { this.topBar(); 页头; 列表 } }`。
顶栏由 Index 以 `@BuilderParam topBar` 插槽下发（`topBarSlot`），13 个页面全部接入。

⚠️ 同步必须处理的两点：
· 列表的 `.layoutWeight(1)` 要删 —— Scroll>Column 里高度由内容决定，
  layoutWeight 会去分"剩余空间"(=0) ⇒ 列表塌成 0 高、整页只剩顶栏和页头；
· List/Grid 不能自己再滚动（去 scrollBar/edgeEffect）—— 两层滚动容器会抢手势。
⚠️ ArkUI 限制：带尾随 lambda 的组件只能有 1 个 `@BuilderParam`
（首页原有闲置的 topActions 已删）。

## ③ 顶栏白色 + logo 可辨认
logo 是「米色底(74%) + 砖红图案(24%)」的实心方图，放在米色上底板隐形、
只剩图案发飘（用户说"看不清"）。今加一层极浅描边把底板"托"出来。
顶栏高度 56→48vp。

## 验证（真机，全部通过）
· 沉浸式：状态栏色 `#FFFFFF` == 顶栏色 `#FFFFFF` ✓
· 顶栏随滚动：「家书」标题 y=140 → 滑动后**已滚出可视区** ✓
· 顶栏滚走后状态栏仍为 `#FFFFFF`（未露出页面内容）✓
· 14 个页面遍历 **14/14**；深验（每页特征文本）**12/12**
· 编译 **0 error / 0 warning**

## 过程记录：批量改 12 个文件失败两次（已回滚重做）
第 1 版按缩进正则切分 ⇒ 闭合括号错乱；第 2 版跳字符时**没消费 Column 的
修饰符链** ⇒ 吃掉 `@Builder` 声明、**636 个报错**。
第 3 版改为**按行 + 括号深度解析**，且**改完立刻做结构断言**
（括号配平、`this.topBar()` 恰好 +1），不满足就不写入；先单页试跑再推广。
教训：批量改多文件时正则不可靠，必须配结构自检 + 单页试点。

配套修掉 `_tooling/familybook_harmonyos_run.sh` 一个"假成功"：
`hdc list targets` 无设备时输出字面量 `[Empty]`，原来"非空即通过"
⇒ 拿 `[Empty]` 当序列号去装、还打印「✓ 设备：[Empty]」。已显式排除并 die。

entry/src/main/ets/pages/movies/FbMoviesPage.ets

@@ -18,6 +18,11 @@ import { FbDot, FbEmptyBox, FbIconButton, FbPersonChip, FbPrimaryButton, FbRatin
 @ComponentV2
 export struct FbMoviesPage {
   @Param app: FbAppState = fbAppState();
+  /**
+   * 顶栏插槽：由 Index.ets 传入，放在本页滚动流最前面 ⇒ 随页面一起滚走。
+   * 🔴 用户要求「向上滑动时标题栏跟着一起滑走」。
+   */
+  @BuilderParam topBar: () => void;
 
   private movies: FbMovieItem[] = FB_DEMO_MOVIES;
   private cinemas: string[] = FB_DEMO_CINEMAS;
@@ -25,97 +30,106 @@ export struct FbMoviesPage {
   private accent: string = '#7A4E8C';
 
   build() {
-    Column() {
-      // ---- 页头：标题 + 记一场电影 + 设置 ----
-      Row({ space: 8 }) {
-        Column({ space: 2 }) {
-          Text('观影记录')
-            .fontSize(FbMetric.fontTitle)
-            .fontWeight(FontWeight.Medium)
-            .fontColor(FbColors.ink)
-          Text('共 ' + this.movies.length.toString() + ' 部 · 按观影时间排序')
+    Scroll() {
+      Column() {
+        this.topBar()
+
+        // ---- 页头：标题 + 记一场电影 + 设置 ----
+        Row({ space: 8 }) {
+          Column({ space: 2 }) {
+            Text('观影记录')
+              .fontSize(FbMetric.fontTitle)
+              .fontWeight(FontWeight.Medium)
+              .fontColor(FbColors.ink)
+            Text('共 ' + this.movies.length.toString() + ' 部 · 按观影时间排序')
+              .fontSize(FbMetric.fontTiny)
+              .fontColor(FbColors.faint)
+          }
+          .alignItems(HorizontalAlign.Start)
+          .layoutWeight(1)
+
+          FbPrimaryButton({
+            label: '记一场',
+            bg: this.accent,
+            icon: $r('app.media.fb_ic_plus')
+          })
+          // 「影院」不单独占抽屉位置 —— 它是观影模块的一部分，从这里进
+          FbIconButton({
+            icon: $r('app.media.fb_ic_gear'),
+            tint: FbColors.muted,
+            dia: 36
+          })
+        }
+        .width('100%')
+        .padding({ left: FbMetric.pagePad, right: FbMetric.pagePad, top: 12, bottom: 8 })
+        .alignItems(VerticalAlign.Center)
+
+        // ---- 搜索条 ----
+        Row({ space: 6 }) {
+          Image($r('app.media.fb_ic_search'))
+            .width(15)
+            .height(15)
+            .renderMode(ImageRenderMode.Template)
+            .fillColor(FbColors.faint)
+          Text('搜索片名、影院、观影人…')
+            .fontSize(FbMetric.fontSmall)
+            .fontColor(FbColors.faint)
+            .layoutWeight(1)
+            .maxLines(1)
+        }
+        .width('100%')
+        .height(36)
+        .padding({ left: 12, right: 12 })
+        .backgroundColor(FbColors.inputBg)
+        .borderRadius(FbMetric.radiusS)
+        .margin({ left: FbMetric.pagePad, right: FbMetric.pagePad, bottom: 4 })
+        .alignItems(VerticalAlign.Center)
+
+        // ---- 影院数提示 ----
+        Row({ space: 6 }) {
+          Blank()
+          Text('影院 ' + this.cinemas.length.toString() + ' 家')
             .fontSize(FbMetric.fontTiny)
             .fontColor(FbColors.faint)
         }
-        .alignItems(HorizontalAlign.Start)
-        .layoutWeight(1)
-
-        FbPrimaryButton({
-          label: '记一场',
-          bg: this.accent,
-          icon: $r('app.media.fb_ic_plus')
-        })
-        // 「影院」不单独占抽屉位置 —— 它是观影模块的一部分，从这里进
-        FbIconButton({
-          icon: $r('app.media.fb_ic_gear'),
-          tint: FbColors.muted,
-          dia: 36
-        })
-      }
-      .width('100%')
-      .padding({ left: FbMetric.pagePad, right: FbMetric.pagePad, top: 12, bottom: 8 })
-      .alignItems(VerticalAlign.Center)
-
-      // ---- 搜索条 ----
-      Row({ space: 6 }) {
-        Image($r('app.media.fb_ic_search'))
-          .width(15)
-          .height(15)
-          .renderMode(ImageRenderMode.Template)
-          .fillColor(FbColors.faint)
-        Text('搜索片名、影院、观影人…')
-          .fontSize(FbMetric.fontSmall)
-          .fontColor(FbColors.faint)
-          .layoutWeight(1)
-          .maxLines(1)
-      }
-      .width('100%')
-      .height(36)
-      .padding({ left: 12, right: 12 })
-      .backgroundColor(FbColors.inputBg)
-      .borderRadius(FbMetric.radiusS)
-      .margin({ left: FbMetric.pagePad, right: FbMetric.pagePad, bottom: 4 })
-      .alignItems(VerticalAlign.Center)
-
-      // ---- 影院数提示 ----
-      Row({ space: 6 }) {
-        Blank()
-        Text('影院 ' + this.cinemas.length.toString() + ' 家')
-          .fontSize(FbMetric.fontTiny)
-          .fontColor(FbColors.faint)
-      }
-      .width('100%')
-      .padding({ left: FbMetric.pagePad + 4, right: FbMetric.pagePad + 4, top: 6, bottom: 6 })
-
-      // ---- 海报网格 ----
-      if (this.movies.length === 0) {
-        FbEmptyBox({
-          title: '还没有观影记录',
-          hint: '一家人一起看过的电影，都会以海报墙的方式排在这里',
-          icon: $r('app.media.fb_ic_movies')
-        })
-      } else {
-        Grid() {
-          ForEach(this.movies, (mv: FbMovieItem) => {
-            GridItem() {
-              this.movieCard(mv)
-            }
-          }, (mv: FbMovieItem): string => 'mv_' + mv.id.toString())
-        }
-        .columnsTemplate('1fr 1fr')
-        .columnsGap(12)
-        .rowsGap(12)
-        .padding({ left: FbMetric.pagePad, right: FbMetric.pagePad, bottom: 24 })
-        .layoutWeight(1)
         .width('100%')
-        .scrollBar(BarState.Off)
-        .edgeEffect(EdgeEffect.Spring)
+        .padding({ left: FbMetric.pagePad + 4, right: FbMetric.pagePad + 4, top: 6, bottom: 6 })
+
+        // ---- 海报网格 ----
+        if (this.movies.length === 0) {
+          FbEmptyBox({
+            title: '还没有观影记录',
+            hint: '一家人一起看过的电影，都会以海报墙的方式排在这里',
+            icon: $r('app.media.fb_ic_movies')
+          })
+        } else {
+          Grid() {
+            ForEach(this.movies, (mv: FbMovieItem) => {
+              GridItem() {
+                this.movieCard(mv)
+              }
+            }, (mv: FbMovieItem): string => 'mv_' + mv.id.toString())
+          }
+          .columnsTemplate('1fr 1fr')
+          .columnsGap(12)
+          .rowsGap(12)
+          .padding({ left: FbMetric.pagePad, right: FbMetric.pagePad, bottom: 24 })
+          // ⚠️ 不能给 layoutWeight：本页已整体放进 Scroll，
+          //    Column 的高度由内容决定，layoutWeight(1) 会去分"剩余空间"（此时为 0）
+          //    ⇒ Grid 高度塌成 0、整页只有顶栏和页头。
+          .width('100%')
+          .width('100%')
+          .scrollBar(BarState.Off)
+          .edgeEffect(EdgeEffect.Spring)
+        }
       }
+      .width('100%')
     }
     .width('100%')
     .height('100%')
-    .backgroundColor(FbColors.paper)
-    .alignItems(HorizontalAlign.Start)
+    .scrollBar(BarState.Off)
+    .edgeEffect(EdgeEffect.Spring)
+    .align(Alignment.TopStart)
   }
 
   /** 一张电影卡：海报位（2:3）+ 片名 + 元信息 + 同看的人 */