From a05ed12541a37fa35591090a37c7cd983d3776ca Mon Sep 17 00:00:00 2001
From: kron <kai_hong@126.com>
Date: Mon, 12 Jan 2026 16:21:32 +0800
Subject: [PATCH] =?UTF-8?q?=E5=AE=8C=E6=88=90=E6=96=B0=E7=9A=84=E9=A6=96?=
 =?UTF-8?q?=E9=A1=B5=E5=B8=83=E5=B1=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/AppFooter.vue | 131 ++++++++++++++++++++---------------
 src/components/Container.vue |  13 +---
 src/pages/index.vue          |  75 +++++++++++++++-----
 src/static/tab-bg.png        | Bin 7451 -> 0 bytes
 src/static/tab-home-o.png    | Bin 0 -> 517 bytes
 src/static/tab-home.png      | Bin 0 -> 665 bytes
 src/static/tab-mall-o.png    | Bin 0 -> 555 bytes
 src/static/tab-mall.png      | Bin 3155 -> 650 bytes
 src/static/tab-medal-o.png   | Bin 0 -> 644 bytes
 src/static/tab-medal.png     | Bin 0 -> 1153 bytes
 10 files changed, 135 insertions(+), 84 deletions(-)
 delete mode 100644 src/static/tab-bg.png
 create mode 100644 src/static/tab-home-o.png
 create mode 100644 src/static/tab-home.png
 create mode 100644 src/static/tab-mall-o.png
 create mode 100644 src/static/tab-medal-o.png
 create mode 100644 src/static/tab-medal.png

diff --git a/src/components/AppFooter.vue b/src/components/AppFooter.vue
index 3a44260..a5fe5bc 100644
--- a/src/components/AppFooter.vue
+++ b/src/components/AppFooter.vue
@@ -1,83 +1,106 @@
 <script setup>
-const tabs = [
-  { image: "../static/tab-vip.png" },
-  { image: "../static/tab-point-book.png" },
-  { image: "../static/tab-mall.png" },
-];
+import { ref } from "vue";
 
-function handleTabClick(index) {
-  if (index === 0) {
-    uni.navigateTo({
-      url: "/pages/be-vip",
-    });
-  }
+const props = defineProps({
+  selected: {
+    type: Number,
+    default: 0,
+  },
+  onChange: {
+    type: Function,
+    default: () => {},
+  },
+});
+
+const isIOS = uni.getDeviceInfo().osName === "ios";
+const tabs = {
+  首页: "home",
+  智能弓: "mall",
+  计分本: "tab-point-book",
+  勋章: "medal",
+  个人中心: "user",
+};
+const onTabChange = (index) => {
   if (index === 1) {
-    uni.navigateTo({
-      url: "/pages/point-book",
-    });
-  }
-  if (index === 2) {
-    uni.navigateTo({
+    return uni.navigateTo({
       url: "/pages/device-intro",
     });
   }
-}
+  if (index === 2) {
+    return uni.navigateTo({
+      url: "/pages/point-book",
+    });
+  }
+  if (index === 4) {
+    return uni.navigateTo({
+      url: "/pages/user",
+    });
+  }
+  // props.onChange(index);
+};
+const getTabSrc = (key, index) => {
+  return `../static/tab-${tabs[key]}${props.selected === index ? "" : "-o"}.png`;
+};
 </script>
 
 <template>
-  <view class="footer">
-    <image class="footer-bg" src="../static/tab-bg.png" mode="widthFix" />
-    <view
-      v-for="(tab, index) in tabs"
-      :key="index"
-      class="tab-item"
-      @click="handleTabClick(index)"
-      :style="{
-        width: index === 1 ? '36%' : '20%',
-      }"
+  <view class="footer" :style="{ paddingBottom: isIOS ? '30rpx' : '0' }">
+    <button
+      hover-class="none"
+      v-for="(key, index) in Object.keys(tabs)"
+      :key="key"
+      @click="onTabChange(index)"
+      :class="index === 2 ? 'point-book-tab' : ''"
     >
-      <image :src="tab.image" mode="widthFix" />
-    </view>
+      <image v-if="index !== 2" :src="getTabSrc(key, index)" mode="widthFix" />
+      <image v-else src="../static/tab-point-book.png" mode="widthFix" />
+      <text
+        v-if="index !== 2"
+        :style="{ color: index === selected ? '#f7cb74' : '#8E7D5C' }"
+        >{{ key }}</text
+      >
+    </button>
   </view>
 </template>
 
 <style scoped>
 .footer {
-  height: 120px;
+  height: 140rpx;
   width: 100vw;
   position: relative;
   display: flex;
   justify-content: space-around;
   align-items: center;
-  overflow: hidden;
+  background: linear-gradient(
+      180deg,
+      rgba(70, 55, 34, 0.75) 0%,
+      rgba(5, 11, 25, 0.58) 100%
+    ),
+    #000000;
+  box-shadow: 0rpx 0rpx 20rpx 0rpx rgba(0, 0, 0, 0.06);
 }
-.footer-bg {
-  width: 100%;
-  height: 100%;
-  position: absolute;
-  z-index: 0;
-}
-.tab-item {
-  z-index: 1;
+.footer > button {
   display: flex;
+  flex-direction: column;
+  align-items: center;
   justify-content: center;
+  width: 20%;
 }
-.tab-item > image {
-  width: 65rpx;
+.footer > button > image {
+  width: 44rpx;
+  height: 44rpx;
 }
-.tab-item:last-child > image {
-  width: 85rpx;
+.footer > button > text {
+  font-weight: 500;
+  font-size: 20rpx;
+  margin-top: 10rpx;
 }
-.tab-item:nth-child(2) {
-  transform: translate(10%, 40%);
+.point-book-tab {
+  overflow: unset;
 }
-.tab-item:nth-child(3) {
-  margin-bottom: 25rpx;
-}
-.tab-item:nth-child(3) > image {
-  width: 140rpx;
-}
-.tab-item:nth-child(4) {
-  transform: translate(-10%, 44%);
+.point-book-tab > image {
+  width: 144rpx !important;
+  height: 144rpx !important;
+  transform: translateY(-10rpx);
 }
 </style>
diff --git a/src/components/Container.vue b/src/components/Container.vue
index 98fed85..c96e28d 100644
--- a/src/components/Container.vue
+++ b/src/components/Container.vue
@@ -25,10 +25,6 @@ const props = defineProps({
     type: Boolean,
     default: true,
   },
-  isHome: {
-    type: Boolean,
-    default: false,
-  },
   showBackToGame: {
     type: Boolean,
     default: false,
@@ -142,12 +138,7 @@ const goCalibration = async () => {
 <template>
   <view :style="{ paddingTop: capsuleHeight + 'px' }">
     <AppBackground :type="bgType" :bgColor="bgColor" />
-    <Header
-      v-if="!isHome"
-      :title="title"
-      :onBack="onBack"
-      :whiteBackArrow="whiteBackArrow"
-    />
+    <Header :title="title" :onBack="onBack" :whiteBackArrow="whiteBackArrow" />
     <BackToGame v-if="showBackToGame" />
     <scroll-view
       :scroll-y="scroll"
@@ -155,7 +146,7 @@ const goCalibration = async () => {
       :bounces="false"
       :show-scrollbar="false"
       :style="{
-        height: `calc(100vh - ${capsuleHeight + (isHome ? 0 : 50)}px - ${
+        height: `calc(100vh - ${capsuleHeight + 50}px - ${
           $slots.bottom && showBottom ? (isIOS ? '75px' : '65px') : '0px'
         })`,
       }"
diff --git a/src/pages/index.vue b/src/pages/index.vue
index 79c81bb..a3ede65 100644
--- a/src/pages/index.vue
+++ b/src/pages/index.vue
@@ -1,12 +1,8 @@
 <script setup>
 import { ref, onMounted } from "vue";
 import { onShow, onShareAppMessage, onShareTimeline } from "@dcloudio/uni-app";
-import Container from "@/components/Container.vue";
 import AppFooter from "@/components/AppFooter.vue";
-import AppBackground from "@/components/AppBackground.vue";
-import UserHeader from "@/components/UserHeader.vue";
 import Signin from "@/components/Signin.vue";
-import BubbleTip from "@/components/BubbleTip.vue";
 
 import {
   getAppConfig,
@@ -16,7 +12,7 @@ import {
   getDeviceBatteryAPI,
 } from "@/apis";
 import { topThreeColors } from "@/constants";
-import { canEenter } from "@/util";
+import { canEenter, capsuleHeight } from "@/util";
 
 import useStore from "@/store";
 import { storeToRefs } from "pinia";
@@ -33,6 +29,7 @@ const { user, device, rankData, online, game } = storeToRefs(store);
 
 const showModal = ref(false);
 const showGuide = ref(false);
+const selected = ref(0);
 
 const toPage = async (path) => {
   if (!user.value.id) {
@@ -125,15 +122,34 @@ onShareTimeline(() => {
 </script>
 
 <template>
-  <Container :isHome="true" :showBackToGame="true">
-    <view class="container">
-      <view class="top-theme">
+  <view
+    class="container"
+    :style="{
+      paddingTop: capsuleHeight + 'px',
+      height: 'calc(100vh - ' + capsuleHeight + 'px)',
+    }"
+  >
+    <view :style="{ height: '100%' }">
+      <image
+        src="https://static.shelingxingqiu.com/attachment/2026-01-12/dfmg11wd20o1bagd4k.png"
+        mode="widthFix"
+        class="top-bg"
+      />
+      <view class="header">
+        <image
+          src="https://static.shelingxingqiu.com/attachment/2026-01-12/dfmf4cjlds7oxd0tqd.png"
+          mode="widthFix"
+        />
+      </view>
+      <view class="body"></view>
+      <Signin :show="showModal" :onClose="() => (showModal = false)" />
+    </view>
+    <!-- <view class="top-theme">
         <image
           src="https://static.shelingxingqiu.com/attachment/2025-12-31/dfc9dxrq4xn7e6y2pp.png"
           mode="widthFix"
         />
       </view>
-      <UserHeader showRank :onSignin="() => (showModal = true)" />
       <view :style="{ padding: '12px 10px' }">
         <view class="feature-grid">
           <view class="bow-card">
@@ -242,20 +258,41 @@ onShareTimeline(() => {
             </view>
           </view>
         </view>
-      </view>
-      <Signin :show="showModal" :onClose="() => (showModal = false)" />
-    </view>
-    <AppFooter />
-  </Container>
+      </view> -->
+    <AppFooter :selected="selected" :onChange="(index) => (selected = index)" />
+  </view>
 </template>
 
 <style scoped>
 .container {
-  width: 100%;
-  height: calc(100% - 120px);
+  width: 100vw;
+  display: flex;
+  flex-direction: column;
+  justify-content: space-between;
+  background-color: #000;
 }
-
-.feature-grid {
+.top-bg {
+  width: 100%;
+  position: fixed;
+  top: 0;
+  left: 0;
+}
+.header {
+  height: 50px;
+  position: relative;
+  display: flex;
+  align-items: center;
+  padding-left: 30rpx;
+}
+.header > image {
+  width: 200rpx;
+  height: 50rpx;
+}
+.body {
+  height: calc(100% - 50px);
+  overflow: hidden;
+}
+/* .feature-grid {
   width: 100%;
   display: flex;
   margin-bottom: 5px;
@@ -442,5 +479,5 @@ onShareTimeline(() => {
 .top-theme > image {
   width: 300rpx;
   transform: translate(-4%, -14%);
-}
+} */
 </style>
diff --git a/src/static/tab-bg.png b/src/static/tab-bg.png
deleted file mode 100644
index 85d514f66ef944f4a5d96485a1720fd05ecae082..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 7451
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
Z@&GMyZu%x0m6-ql002ovPDHLkV1oG4?X~~_

diff --git a/src/static/tab-home-o.png b/src/static/tab-home-o.png
new file mode 100644
index 0000000000000000000000000000000000000000..abed1d54632f4a0f6bb22598cbecc0bf3b871b9a
GIT binary patch
literal 517
zcmeAS@N?(olHy`uVBq!ia0vp^Iv~u!3?wz9Rv81S(g2?jS0LS28{JzQ+gBIUR|`XR
zF})CW4OFDRK4wB?^n}{juIf0DGN9tR=>FOmAOf-{<#_@HC)9ztwLoPt{Ya((*+69=
z18btDRD%qBvr+dE&|<ZcAirRSNqK$Wetin=UgNuamKB$T;FYeH5+_ZTn{JD1?TlWm
zcyzuuPE4RJ{#yV81EZv;i(`nz>9<#6^P3eU+8$mPyVxba!Z~;Ct+Lyn|JOefa-XKe
zWP9Ug+58DFT;rMpf1Qsv@A{>8tnW}Lcggbp33KxjDzBABo-^>Ti!SK!>KAz6dO*+i
z<*%cw*UL=5npMlV|Cf&B&aID5WCruC`}St$+H05IyxE*M*U)84G|RNyoSdlO<2R4l
zow#}Uf@e>gjcLbZ_1lvsPD#1)@5P}_tjVoQ_pj%WS-bICvaI5@sg6<QYyJx5#HRZs
z+9Y0kZlMu5EiY!;{HzP_9j`G=*!7W<A!}v%Hq+0^aohbT-~Ur#o5Jqb_$77Cqlmpd
zD_3bW^w#mp3+&wJkXF|y;Wd4&#hLjj_6y|rclVle7`<k**d4xQWljE~yR()o-+xJ5
Y=Dh4ml|}Zpz+h$YboFyt=akR{02^fKD*ylh

literal 0
HcmV?d00001

diff --git a/src/static/tab-home.png b/src/static/tab-home.png
new file mode 100644
index 0000000000000000000000000000000000000000..7de0312bfa29a6f26f910e738e6fd05dd64e2f07
GIT binary patch
literal 665
zcmV;K0%rY*P)<h;3K|Lk000e1NJLTq001li001lq0{{R3DO##C0002nP)t-s0002=
z!DRHpX7|c+_Q-Gg+K>C)llako`qzm0)rR`miu%=f`O|~=(t-BQdiKk9``e8B-jV&@
zl>6F@|HEnj&T#n9e)!FI`P75>(0u#fm-fhT_QYrS&3X6Aa{S?%_|SUx!)5o*c>Lm<
z`_zN^)P()woB!mT^~GoR&3OCaoA}On`{JAR!)NuxY5U-q`rnxL$ZYh(Wc9>p|KFeg
z+?V&xdid0Y`PPT{(0=v9XZ6Ku`Php2*^c(eZ}!G*`rMQF(t!5Karex3_sezm%5?kQ
zm-*X}`rD9{(fNx2001_0QchC<k&$##_40B}`u7R?z;SU#Ksz}E6ZZA(=;r0x)4aKr
ziGqDqQ#2_j)zs9{&AY3qZ(d0l7Ta|p`2YX`H%UZ6R5;7+%;#EzFc^m6C|#^BpwsT@
z-bzJ9M2qKtM23Xc<O>b`Z=XL2FZUI6NZw*HIJ+237JJZ#n|0FlW0swF*4sLBxwQ%(
zOa)73>)3L-o@t|K4_(VgxF1}6(tEzP%f6+QuB+6Fx|(9O*BxnsE+y7=$-&*V60oW(
ziPzA=R7TI#=Zw_Z#!e0RuhoK!F{Rcr0+6ZeCfp2*U~`2Fg4JI|go^lJcl-jujbsNH
z)*!h31S?}KjBSF4!j4}q3*(Srr^k(9h+h_Q&p{-8eBKP%DhO4$p?Nyi(Kh9aEymoC
zLu|@7n*s-bKiT@W-RA~?-%0V0`0RG+jeezKnD1{+fPG02-+G?!dnEow?>xTuq%ApY
zpS(!ALVQb!zH|^szZ)Inj*{ptUPd_^{g-|L;y1^G%_QZu00000NkvXXu0mjfBk^|Y

literal 0
HcmV?d00001

diff --git a/src/static/tab-mall-o.png b/src/static/tab-mall-o.png
new file mode 100644
index 0000000000000000000000000000000000000000..88537ad3b5e62707458c2d1be41332417c5bc85d
GIT binary patch
literal 555
zcmeAS@N?(olHy`uVBq!ia0vp^Iv~u!3?wz9Rv81S(g2?jS0LS2AJbbM-B%j}LH)Hc
zK-5<U<VN?^Kn3BlAi>(`3Dq(EHL+keSTRToNW2$J0u_U~P`$l%K*bQ#Vtc{16h3{M
z4zyUUB*-tA!JPZ^m3=!GwAd;9`tf%2l5AH|&ExB)PwXs=4GUC%aQnvL+KOcT=W_cT
z7#JAsJzX3_EKa|j=sv00K*05+BMY;cL{D+Wcl$>-f+H@^V#?j~HGV<fRcG0KpRXSG
zI^7g0n)+-0+6^m=ZkD<&dgi^VB`5ce%8}Eu$5h<*C2i+<A0b)kku`Jfg%kcV^Wx2Q
zdf)M-KH10T$M)v2?S96VG~1@<4<DYst;w61>gTj%{-vnmI$7U7?ZoMOD(9xBlz$De
zOVWO*d+~~&?dCbN&WQ4-Uor09dvX8w_$5`zM{lp3H#;zYhFY&eS^fN8#aYj!dfr93
z<<_v(3H+FlIoUmmF~6m86+c5$94EIqlii}8t=dmd#uSP~_C1eyGV#AEZ)<X><KoBc
zjk0_d9L&nrGMwD+kCa(FTlZMIQ`T?Cs~w9s9TuJ2=l!j$!e5i8<n0D+ogB$G9~`t-
yJqg|1V-~9S`^|xMe*bLZYQ&z#yFFih{tL6eqgro8sxm0{89ZJ6T-G@yGywoFl=E@`

literal 0
HcmV?d00001

diff --git a/src/static/tab-mall.png b/src/static/tab-mall.png
index 0cbcae30b4e5d0e44b3b35508d8ca8b0ebe911ec..7014218b2102bc38e78afeb8aa145b79cd143941 100644
GIT binary patch
literal 650
zcmV;50(Jd~P)<h;3K|Lk000e1NJLTq001li001lq0{{R3DO##C0002eP)t-s0002`
z)`t4lhx^@<`O$s()Pw)tg!<Wy`qYE@(}4NXfdAWw`P+*5(}VlomiW?v_|SX!(t`Wi
zj`qT4_|Sg*;hOr`iu&4*`r428$Zht+X8PNa_|%2@)`$Dyn)b(U_Qq@Y(SiEillRGS
z`O|{?-j?^ua{ADI`q+y4-<S8xbo0b#_Qh!Y+mQIncl6G8|KOYV#cB7&X#d-i_Q`Sf
z$8Pq;YWL21`rVWD!)E*6m-owc`rDBC*NOMcclp_j_|k#*(0usRgZR;Z`PGK|;F@R<
z$(jHF05o(`PE!C~ML^%j1<80S6Amf-`}z3w^z`%Y>D$)F!@$41w6U<Prk9a}eRXYY
zV^>p2NiQjumMZSV?jQgF0W(QNK~y-)?a#+n!!Qtq;gNeu@4fd<4PfGkIK2NWL0se!
zhggej^KX35=-U|X-JIMhfB###BmcGYkA&vD-DQ$+X2;?2TVi7l50deK!_CjcnjEhB
zH(g%Wu&J$O-5*sB7mk-w0P+zf13dYofUV6Q3C09K3YLv<>fl$=KtG^#&?>=7AuNTj
z63j53p@%qf4r+s@o>{5}?Qjx=jZ+u_s}=2*1ti)A!XxT;qIn5`sA)>m>gDh9(S3w)
z-=jfZ*3bZK)3gCJBTJ)uA7RytQ>G^TW=<7!R1sFbxJrsr;x7uqxxJuVY^}X8i{Y&+
zY|HS*ab3r8T<7|C!|=ipwqSVjENsH?P>hERcVC2c8Lo?Qo#EcAupYxJF<t@d@m<gZ
kpq7o|by;jI;ofci033|Xkd8zu$p8QV07*qoM6N<$f@l_PS^xk5

literal 3155
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
Ir;CjJ50KC8kpKVy

diff --git a/src/static/tab-medal-o.png b/src/static/tab-medal-o.png
new file mode 100644
index 0000000000000000000000000000000000000000..6b96f8e45463655324c1696c0bbf2ef902b33cc8
GIT binary patch
literal 644
zcmeAS@N?(olHy`uVBq!ia0vp^Iv~u!3?wz9Rv81S(g2?jS0FvLGODjO28jA=Vj&C=
z8zd49V${d>)kn2gh6CBX5M^MMlNzG?>%h8zWJ6RhLT_AeU36a^*o5jxusJ|>Y#&gt
z2B<O~XpR<3v@p<OwUQveU<QuX7hX?(ZC|JNd6t>T$CFcvZKTgE&sM6uaoa_sD@kte
zqNqTBx9vTwZVU{JGdx`!Lo80;o%*`0$v~h*RguwgUD4Ndx%<D@AGzkSyJO3|$LF7&
zS1Y`;+1fZ#?0@psy33`#_wC%LZA^?%)BE4@OL9ST%u1UJ4$uB``8r+5`U!LkZ=z9u
ztmLIb()TM|yCTmfZWp{-Rkd?n$2Q|i<t$I_li7>f?{qGlw|?C*pVxdVRq~56u1(sl
zG^fB#%YM7mqM%oPJJSsoPjGe++c2@%v23~Yt;u1YlU>ida$W4%+7r0=$o0dGad{#i
zIdUTI75#9nQS#bXCcUco`@6eaj&N*q-Cc2qVZ;7+{0uLmg?zPR1a?#`yKjE`v4d0P
zjr0`f)I;vh?~=|JEt<bo@0p2x`P~cg7NLO``8QTGybn6G(f->FenxLe=A-2=WPX3!
zo2|xcHED~-&$iNBU#XmnNh`WFB6+PB`nk*$c$B!ewd0e<_H@|?FaB*zR4+O&ky&0E
zJt_KCn3kyW-RKhEl0d<0Nsr5&HO1x{|Cdy_Bb&@U=g6PU=TB)jRXpW7<$r2&`qx{{
ywRT)_@<!*6Uw_^F@#l%!+8OqBYX6S@VsW0Lel(`&oDeWp89ZJ6T-G@yGywqn%_AfL

literal 0
HcmV?d00001

diff --git a/src/static/tab-medal.png b/src/static/tab-medal.png
new file mode 100644
index 0000000000000000000000000000000000000000..af828cf4ea1fc4c9cac454b415b987a46737de8e
GIT binary patch
literal 1153
zcmV-{1b+L8P)<h;3K|Lk000e1NJLTq001li001lq0{{R3DO##C0004@P)t-s0002Y
zuW$0jZP~GE@WO2BzH92md*a81+rNS0$cf^%Y0tKN&#Y(QwrBR)kn`A;@y>(p$9L_$
zW%JdI@YRy<&WG*8a_qfk?$eO()ROGYgz36v_uZNG&VcpKeeu9$?9-Cwxn<qOiQBw*
z+qrYuuw&u4Zso^^_Sup4*pKtrlJnP*?aztr&WP&7b?U=)9T^q(&U*IAaQfSj`rMND
z%y#z2ZTQoI_|bp%#cTTBmigC;_s@L!)`<Aig!jsG`Phs2(0%&Zjr!V-^}}fR(t!Kl
zm-^k4`PGN{)rIxLX7|l^_Qh%Y;F%vA7Ckj3_RDrmK`bI27x>S6_sewEuV$u?U9**0
zgm6i3T{~!3H(XCOVNx_ZG9xA-8TQqP^v-_YzIX7)bj`4D%c*9&pJbniS%hsuDI**9
z(uDEPgYnFK!>DZHx@+CGY0s=?tBzHZdP#k0Lv&$2d1O5?Dj(|1hUv+I;KYIG$9~$q
zeATmV>c4E!t7Eg7V#T6g$D>`gm|c^8QjU61Q%5mdOD|VQEkrpdKsP2eEg&r>91nZe
zfdBviFmzH*Qvf6WSM$YuT~|g%IyzhZ_xJbr^Wov);l-}5u6}-getdjtYHDg-SN;9-
z^Toxku94pj)c^njUr9tkR5;7s)c14RFcb%Hg^@wX-g_tAeS|tdv4K(=AZg7=SYae#
zXYcO4+rPS!Y-}^!{GQL9tf!~%aXQ-=-3;xs)8pgQv+dU>TSvNHh`L5v{~K-TU#-&L
zq8e=)eq3c0kKv}q*|xi0n(=zQ^eW7E+8Sk-Zau2urK5AH!SCKSODVJ2EL`d6Y^ytO
zpIKF3?YZx}pUPfFi?5aIdo}mWt?>2=Aaf`#TrQW}U3~`!Tnb4DB_Xg)O1qtQ2CAN$
zT_FeMSK9%IDtpRjIm+3&3VRab92dnu&B;cQtlKBpFMPfD4w*MT-(DI*iEkhGIiJt(
z_jBEf_sl{0chf+`NgV~^D(Apiyq4d=IlseV!JP#BJ}(w__Z*mI_plfbLC8V2{Ej&(
z+-wm9AZMv^!1Fso)hvZ4o(WR0wL@mBRcyo|V8!rqLJCh>1@Fo@ZIzXPFNo!&e2gce
zd>K*)l?8ha;aFuMA7h?nH&`nF7tUBw48mX7%FetLHg1?IQgB)+^YF`LVrjWyG9pQj
z6b`_N$+W&s$}EI~xT1QH>;XfpGfbA}vv@u}!8MbH2(IbQLnPA%gF)JjK$>BWF2k@D
zVVESuaF@~|g+Zrt(}~9sWKK&N;KRUQ#QwmiP29x>k<y}5v;|n|!*PPgb7)!YE}|;>
zWr61GN8&RnB9}i)@5QFR_7AIDR;8=^&=@o;Dl`UEN2^(}*=%H&&h$!#rUNx#(AgT$
z8B{)u`sakl<Dr9A`X;2NW5`3St$74P<Ou4tW4&vl-Z3q@mT_TbYHDV|h;D>`u}ALv
TnN$m<00000NkvXXu0mjf{Cj2E

literal 0
HcmV?d00001