feat(fe): Step4 门面品牌色带（方案A）+ nav-bar tone

- nav-bar 加 tone="brand"：透明底 + 深棕字，压在色带上；默认分支不动
- 首页/记录页顶部加 252rpx 品牌橘色带（下沿大圆角，z-index:-1 垫背后），
  盖住 nav + 切换条，门面卡在色带下方
- 切换条压在色带上：chip 半透明白 + 深棕字，选中实白
- page 加 position:relative 供色带绝对定位锚定
- 新增 --band-a/--band-b/--band-ink token（取自 preview-v3 定稿）

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

pets-fe/components/nav-bar/nav-bar.js

@@ -4,7 +4,10 @@ Component({
   options: { addGlobalClass: true },
   properties: {
     title: { type: String, value: '肉垫计划' },
-    showBack: { type: Boolean, value: false }
+    showBack: { type: Boolean, value: false },
+    // tone="brand"：透明底 + 深棕字，压在品牌色带上（首页/记录页）。
+    // 默认空 = 原来的奶白毛玻璃，另外 7 个页面都靠它，别动默认分支
+    tone: { type: String, value: '' }
   },
   data: {
     statusBarHeight: 20,

pets-fe/components/nav-bar/nav-bar.wxml

@@ -1,4 +1,4 @@
-<view class="nav-wrap" style="padding-top:{{statusBarHeight}}px;height:{{statusBarHeight + navBarHeight}}px;">
+<view class="nav-wrap {{tone === 'brand' ? 'tone-brand' : ''}}" style="padding-top:{{statusBarHeight}}px;height:{{statusBarHeight + navBarHeight}}px;">
   <view class="nav-inner" style="height:{{navBarHeight}}px;">
     <view wx:if="{{showBack}}" class="nav-back" bindtap="onBack"><pt-icon name="back" size="{{40}}"></pt-icon></view>
     <view class="nav-title">{{title}}</view>

pets-fe/components/nav-bar/nav-bar.wxss

@@ -31,3 +31,13 @@
   box-shadow:0 4rpx 12rpx rgba(70,48,25,.06);
 }
 .nav-back:active{background:rgba(255,255,255,.95)}
+
+/* tone="brand"：色带自己是实色，nav 不再铺奶白/毛玻璃/mask，文字换深棕。
+   只作用在带 tone-brand 的实例，默认分支纹丝不动 */
+.nav-wrap.tone-brand{
+  background:none;
+  backdrop-filter:none;-webkit-backdrop-filter:none;
+  -webkit-mask-image:none;mask-image:none;
+}
+.nav-wrap.tone-brand .nav-title{color:var(--band-ink)}
+.nav-wrap.tone-brand .nav-back{color:var(--band-ink);background:rgba(255,255,255,.5)}