From 09598677863766931413176a98aae2194487f61a Mon Sep 17 00:00:00 2001
From: tangxinyue <524779910@qq.com>
Date: Thu, 12 Mar 2026 18:34:58 +0800
Subject: [PATCH] =?UTF-8?q?=E5=AE=8C=E6=88=90=E8=8B=B9=E6=9E=9C=EF=BC=8C?=
 =?UTF-8?q?=E5=8D=8E=E4=B8=BA=EF=BC=8C=E5=B0=8F=E7=B1=B3=E7=9F=AD=E4=BF=A1?=
 =?UTF-8?q?=E8=81=8A=E5=A4=A9=E7=95=8C=E9=9D=A2ui?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 components/message/chat/chat-layout.vue       | 508 +++++++++++++-
 components/message/list/message-nav-bar.vue   |   6 +-
 pages/index/index.nvue                        |  10 +-
 pages/message/chat-page/chat-page.vue         | 652 +++++++++++++++++-
 static/image/phone-message/huawei/back.png    | Bin 0 -> 1279 bytes
 .../image/phone-message/huawei/chat-add.png   | Bin 0 -> 1548 bytes
 .../image/phone-message/huawei/chat-emoji.png | Bin 0 -> 1854 bytes
 .../image/phone-message/huawei/chat-ka1.png   | Bin 0 -> 369 bytes
 .../image/phone-message/huawei/chat-ka2.png   | Bin 0 -> 534 bytes
 .../image/phone-message/huawei/chat-more.png  | Bin 0 -> 1340 bytes
 static/image/phone-message/huawei/down.png    | Bin 0 -> 524 bytes
 static/image/phone-message/huawei/emoji.png   | Bin 0 -> 1854 bytes
 static/image/phone-message/huawei/ka1.png     | Bin 0 -> 1570 bytes
 static/image/phone-message/huawei/ka2.png     | Bin 0 -> 1620 bytes
 static/image/phone-message/huawei/send.png    | Bin 0 -> 1072 bytes
 static/image/phone-message/huawei/unsend.png  | Bin 0 -> 1048 bytes
 .../image/phone-message/mi/nav-right-icon.png | Bin 0 -> 205 bytes
 static/image/phone-message/oppo/add.png       | Bin 0 -> 1316 bytes
 static/image/phone-message/oppo/back.png      | Bin 0 -> 983 bytes
 static/image/phone-message/oppo/ka1.png       | Bin 0 -> 629 bytes
 .../phone-message/oppo/nav-right-icon.png     | Bin 0 -> 205 bytes
 static/image/phone-message/oppo/send.png      | Bin 0 -> 3797 bytes
 static/image/phone-message/oppo/unSend.png    | Bin 0 -> 2305 bytes
 static/image/phone-message/vivo/back.png      | Bin 0 -> 939 bytes
 24 files changed, 1132 insertions(+), 44 deletions(-)
 create mode 100644 static/image/phone-message/huawei/back.png
 create mode 100644 static/image/phone-message/huawei/chat-add.png
 create mode 100644 static/image/phone-message/huawei/chat-emoji.png
 create mode 100644 static/image/phone-message/huawei/chat-ka1.png
 create mode 100644 static/image/phone-message/huawei/chat-ka2.png
 create mode 100644 static/image/phone-message/huawei/chat-more.png
 create mode 100644 static/image/phone-message/huawei/down.png
 create mode 100644 static/image/phone-message/huawei/emoji.png
 create mode 100644 static/image/phone-message/huawei/ka1.png
 create mode 100644 static/image/phone-message/huawei/ka2.png
 create mode 100644 static/image/phone-message/huawei/send.png
 create mode 100644 static/image/phone-message/huawei/unsend.png
 create mode 100644 static/image/phone-message/mi/nav-right-icon.png
 create mode 100644 static/image/phone-message/oppo/add.png
 create mode 100644 static/image/phone-message/oppo/back.png
 create mode 100644 static/image/phone-message/oppo/ka1.png
 create mode 100644 static/image/phone-message/oppo/nav-right-icon.png
 create mode 100644 static/image/phone-message/oppo/send.png
 create mode 100644 static/image/phone-message/oppo/unSend.png
 create mode 100644 static/image/phone-message/vivo/back.png

diff --git a/components/message/chat/chat-layout.vue b/components/message/chat/chat-layout.vue
index 13e456d..3df5897 100644
--- a/components/message/chat/chat-layout.vue
+++ b/components/message/chat/chat-layout.vue
@@ -4,20 +4,38 @@
         <view class="top-box">
             <slot name="top">
                 <view class="top-container">
-                    <view class="flex-align-center flex-justify-between">
+                    <view class="h100 flex-align-center flex-justify-between">
                         <view class="left flex-align-center">
                             <image @click="util.goBack()" :src="`/static/image/phone-message/${phone}/back.png`">
                             </image>
-                            <view class="number-box">256</view>
+                            <view v-if="phone == 'iphone'" class="number-box">256</view>
                         </view>
                         <view class="center">
-                            <image class="img shrink-0"
+                            <image v-if="phone == 'iphone' || phone == 'huawei'" class="img shrink-0"
                                 :src="chatInfo.img || `/static/image/phone-message/${phone}/default.png`">
                             </image>
+                            <text v-if="phone != 'iphone'" class="title">{{ chatInfo.title }}</text>
+                            <text v-if="phone == 'oppo'" class="second-text">重庆</text>
+                        </view>
+                        <view class="right flex-align-center">
+                            <image v-if="phone == 'mi'" class="img shrink-0"
+                                src="/static/image/phone-message/mi/nav-right-icon.png">
+                            </image>
+                            <image v-if="phone == 'oppo'" class="img shrink-0"
+                                src="/static/image/phone-message/oppo/nav-right-icon.png">
+                            </image>
+                            <image v-if="phone == 'huawei'" class="img shrink-0"
+                                src="/static/image/phone-message/huawei/chat-more.png">
+                            </image>
+                            <image v-if="phone == 'vivo'" class="img shrink-0"
+                                src="/static/image/phone-message/vivo/select.png">
+                            </image>
+                            <image v-if="phone == 'vivo'" class="img shrink-0 m-l-50"
+                                src="/static/image/phone-message/vivo/more.png">
+                            </image>
                         </view>
-                        <view class="right"></view>
                     </view>
-                    <view class="text-box flex-align-center flex-justify-center">
+                    <view v-if="phone == 'iphone'" class="text-box flex-align-center flex-justify-center">
                         <text class="title">{{ chatInfo.title }}</text>
                         <uni-icons type="right" size="10" color="#D8D8D8"></uni-icons>
                     </view>
@@ -29,15 +47,35 @@
         </view>
         <view class="bottom-box">
             <slot name="bottom">
-                <view class="right-container flex-align-center">
-                    <image class="add-img shrink-0" :src="`/static/image/phone-message/${phone}/chat-left.png`"></image>
+                <view class="bottom-container flex-align-center">
+                    <image v-if="phone != 'huawei' && phone != 'vivo'" class="add-img shrink-0"
+                        :src="`/static/image/phone-message/${phone}/chat-left.png`"></image>
+                    <image v-if="phone == 'huawei'" class="add-img shrink-0"
+                        :src="`/static/image/phone-message/huawei/emoji.png`"></image>
                     <view class="search-box flex-1 flex-align-center">
-                        <input class="input flex-1" placeholder="信息 · 短信" type="text">
+                        <image v-if="phone == 'huawei'" class="left-icon ka"
+                            src="/static/image/phone-message/huawei/ka1.png"></image>
+                        <image v-if="phone == 'huawei'" class="left-icon down"
+                            src="/static/image/phone-message/huawei/down.png"></image>
+                        <input class="input flex-1" :placeholder="showInfo.placeholder" type="text">
                         <image v-if="phone == 'iphone'" class="right-icon"
                             src="/static/image/phone-message/iphone/mic.png"></image>
+                        <image v-if="phone == 'oppo'" class="right-icon" src="/static/image/phone-message/oppo/ka1.png">
+                        </image>
                     </view>
-                    <view v-if="phone != 'iphone'">
-                        <image class="right-icon" src="/static/image/phone-message/mi/mic.png"></image>
+                    <view v-if="phone != 'iphone'" class="flex-align-center">
+                        <image v-if="phone == 'mi'" class="right-icon" src="/static/image/phone-message/mi/mic.png">
+                        </image>
+                        <image v-if="phone == 'oppo'" class="right-icon"
+                            src="/static/image/phone-message/oppo/send.png">
+                        </image>
+                        <image v-if="phone == 'huawei'" class="right-icon"
+                            src="/static/image/phone-message/huawei/chat-add.png">
+                        </image>
+                        <image v-if="phone == 'huawei'" class="right-icon m-l-34"
+                            src="/static/image/phone-message/huawei/send.png">
+                        </image>
+                        <text v-if="phone == 'vivo'" class="send-text">发送</text>
                     </view>
                 </view>
             </slot>
@@ -45,7 +83,7 @@
     </view>
 </template>
 <script setup>
-import { ref, reactive, onMounted } from 'vue'
+import { ref, reactive, onMounted, computed } from 'vue'
 import { onLoad, onPageScroll } from "@dcloudio/uni-app";
 import { stringUtil, util } from '@/utils/common.js';
 const props = defineProps({
@@ -71,6 +109,31 @@ const data = reactive({
     statusBarHeight: 0,
 })
 
+// 展示文字信息
+const showInfo = computed(() => {
+    let placeholder
+    switch (props.phone) {
+        case "iphone":
+            placeholder = '信息 · 短信'
+            break;
+        case "mi":
+            placeholder = '短信'
+            break;
+        case "oppo":
+            placeholder = '5G 消息'
+            break;
+        case "huawei":
+            placeholder = '短信/彩信'
+            break;
+        case "vivo":
+            placeholder = '输入内容'
+            break;
+        default:
+            break;
+    }
+    return { placeholder }
+})
+
 onMounted(() => {
     // 同步获取系统信息
     const systemInfo = uni.getSystemInfoSync();
@@ -89,16 +152,32 @@ onMounted(() => {
     background-color: #fff;
 }
 
+.m-l-34 {
+    margin-left: 34rpx;
+}
+
+.m-l-50 {
+    margin-left: 50rpx;
+}
+
+.center-box {
+    overflow: hidden;
+    overflow-y: scroll;
+}
+
 //苹果样式
 .iphone-style {
 
+    .status-placeholder {
+        background-color: #F7F7F7;
+    }
 
     .top-box {
 
         .top-container {
             padding: 32rpx 24rpx 20rpx;
             background-color: #F7F7F7;
-            border-bottom: 0.5px solid #B5B5B5;
+            box-shadow: inset 0 -0.3px 0 0 #B5B5B5;
 
             .left {
                 width: 180rpx;
@@ -121,6 +200,8 @@ onMounted(() => {
             }
 
             .center {
+                height: 96rpx;
+
                 .img {
                     width: 96rpx;
                     height: 96rpx;
@@ -133,11 +214,16 @@ onMounted(() => {
             }
 
             .text-box {
+                margin-top: 10rpx;
+                height: 20rpx;
+
                 .title {
                     font-size: 20rpx;
                     color: #1A1A1A;
                     left: 20rpx;
                     margin-right: 6rpx;
+                    font-weight: 500;
+                    line-height: 20rpx;
                 }
             }
         }
@@ -145,7 +231,7 @@ onMounted(() => {
 
     }
 
-    .right-container {
+    .bottom-container {
         padding: 10rpx 28rpx;
 
         .add-img {
@@ -180,20 +266,21 @@ onMounted(() => {
 
 //小米样式
 .mi-style {
+    background-color: #F7F7F7 !important;
 
     .top-box {
 
         .top-container {
-            padding: 32rpx 24rpx 20rpx;
+            padding: 0 52rpx;
             background-color: #F7F7F7;
-            border-bottom: 0.5px solid #B5B5B5;
+            height: 88rpx;
 
             .left {
-                width: 180rpx;
+                width: 80rpx;
 
                 image {
-                    width: 40rpx;
-                    height: 40rpx;
+                    width: 48rpx;
+                    height: 48rpx;
                 }
 
                 .number-box {
@@ -209,14 +296,21 @@ onMounted(() => {
             }
 
             .center {
-                .img {
-                    width: 96rpx;
-                    height: 96rpx;
+                .title {
+                    font-size: 36rpx;
+                    color: #1A1A1A;
+                    font-weight: 500;
                 }
             }
 
             .right {
-                width: 180rpx;
+                width: 80rpx;
+                text-align: right;
+
+                .img {
+                    width: 48rpx;
+                    height: 48rpx;
+                }
 
             }
 
@@ -234,26 +328,26 @@ onMounted(() => {
     }
 
     .bottom-box {
-        .right-container {
-            padding: 10rpx 28rpx;
+        .bottom-container {
+            padding: 20rpx 28rpx;
 
             .add-img {
-                width: 66rpx;
-                height: 66rpx;
-                margin-right: 24rpx;
+                width: 72rpx;
+                height: 72rpx;
             }
 
             .search-box {
-                height: 70rpx;
-                border-radius: 35rpx 35rpx 35rpx 35rpx;
-                border: 2rpx solid #DFDFDF;
-                padding: 0 26rpx;
+                height: 96rpx;
+                border-radius: 28rpx;
+                padding: 0 42rpx;
+                margin: 0 20rpx;
+                background-color: #E8E8E8;
 
                 .input {
                     ::v-deep .input-placeholder {
-                        color: #C3C3C3;
-                        font-size: 32rpx;
-                        line-height: 32rpx;
+                        color: #8B8B8B;
+                        font-size: 30rpx;
+                        line-height: 28rpx;
                     }
                 }
 
@@ -271,5 +365,351 @@ onMounted(() => {
         }
     }
 
+}
+
+//oppo样式
+.oppo-style {
+    background-color: #F0F1F3 !important;
+
+    .top-box {
+
+        .top-container {
+            padding: 0 52rpx;
+            background-color: #F0F1F3;
+            height: 88rpx;
+            box-shadow: inset 0 -0.3px 0 0 #D0D1D3;
+
+            .left {
+
+                image {
+                    width: 48rpx;
+                    height: 48rpx;
+                }
+
+                .number-box {
+                    height: 36rpx;
+                    font-size: 24rpx;
+                    line-height: 24rpx;
+                    padding: 6rpx 10rpx;
+                    border-radius: 18rpx;
+                    color: #fff;
+                    background-color: #0276FF;
+                    margin-left: 4rpx;
+                }
+            }
+
+            .center {
+                flex: 1;
+                height: 100%;
+                margin: 0 18rpx;
+                display: flex;
+                flex-direction: column;
+                justify-content: center;
+
+                .title {
+                    font-size: 36rpx;
+                    color: #1A1A1A;
+                    font-weight: 500;
+                    line-height: 36rpx;
+                }
+
+                .second-text {
+                    color: #6F6F6F;
+                    font-size: 28rpx;
+                    line-height: 28rpx;
+                    margin-top: 14rpx;
+                }
+            }
+
+            .right {
+                text-align: right;
+
+                .img {
+                    width: 48rpx;
+                    height: 48rpx;
+                }
+
+            }
+
+            .text-box {
+                .title {
+                    font-size: 20rpx;
+                    color: #1A1A1A;
+                    left: 20rpx;
+                    margin-right: 6rpx;
+                }
+            }
+        }
+
+
+    }
+
+    .bottom-box {
+        background-color: #FAFAFA;
+
+        .bottom-container {
+            padding: 16rpx 32rpx 50rpx;
+
+            .add-img {
+                width: 84rpx;
+                height: 84rpx;
+            }
+
+            .search-box {
+                height: 84rpx;
+                border-radius: 42rpx;
+                padding: 0 38rpx;
+                margin: 0 16rpx;
+                background-color: #E6E6E6;
+
+                .input {
+                    ::v-deep .input-placeholder {
+                        color: #6C6C6E;
+                        font-size: 32rpx;
+                        line-height: 32rpx;
+                    }
+                }
+
+                .right-icon {
+                    width: 32rpx;
+                    height: 40rpx;
+                    margin-right: 14rpx;
+                }
+            }
+
+            .right-icon {
+                width: 84rpx;
+                height: 84rpx;
+            }
+        }
+    }
+
+}
+
+//华为样式
+.huawei-style {
+    background-color: #F1F5F8 !important;
+
+    .top-box {
+
+        .top-container {
+            padding: 0 32rpx;
+            background-color: #F1F5F8;
+            height: 88rpx;
+
+            .left {
+
+                image {
+                    width: 76rpx;
+                    height: 76rpx;
+                }
+
+                .number-box {
+                    height: 36rpx;
+                    font-size: 24rpx;
+                    line-height: 24rpx;
+                    padding: 6rpx 10rpx;
+                    border-radius: 18rpx;
+                    color: #fff;
+                    background-color: #0276FF;
+                    margin-left: 4rpx;
+                }
+            }
+
+            .center {
+                flex: 1;
+                height: 100%;
+                margin: 0 16rpx;
+                display: flex;
+                align-items: center;
+
+                .img {
+                    width: 72rpx;
+                    height: 72rpx;
+                    flex-shrink: 0;
+                    margin-right: 18rpx;
+                }
+
+                .title {
+                    font-size: 40rpx;
+                    color: #1A1A1A;
+                    font-weight: 500;
+                    line-height: 36rpx;
+                }
+
+                .second-text {
+                    color: #6F6F6F;
+                    font-size: 28rpx;
+                    line-height: 28rpx;
+                    margin-top: 14rpx;
+                }
+            }
+
+            .right {
+                text-align: right;
+
+                .img {
+                    width: 72rpx;
+                    height: 72rpx;
+                }
+
+            }
+
+            .text-box {
+                .title {
+                    font-size: 20rpx;
+                    color: #1A1A1A;
+                    left: 20rpx;
+                    margin-right: 6rpx;
+                }
+            }
+        }
+
+
+    }
+
+    .bottom-box {
+        background-color: #FFFFFF;
+
+        .bottom-container {
+            padding: 12rpx 32rpx;
+
+            .add-img {
+                width: 44rpx;
+                height: 44rpx;
+            }
+
+            .search-box {
+                height: 76rpx;
+                border-radius: 42rpx;
+                padding: 0 28rpx;
+                margin: 0 30rpx;
+                background-color: #F4F4F4;
+
+                .ka {
+                    width: 44rpx;
+                    height: 44rpx;
+                }
+
+                .down {
+                    width: 24rpx;
+                    height: 24rpx;
+                    margin-left: 10rpx;
+                }
+
+                .input {
+                    margin-left: 34rpx;
+
+                    ::v-deep .input-placeholder {
+                        color: #606060;
+                        font-size: 30rpx;
+                        line-height: 32rpx;
+                    }
+                }
+
+                .right-icon {
+                    width: 32rpx;
+                    height: 40rpx;
+                    margin-right: 14rpx;
+                }
+            }
+
+            .right-icon {
+                width: 44rpx;
+                height: 44rpx;
+            }
+        }
+    }
+
+}
+
+
+//vivo样式
+.vivo-style {
+    background-color: #F6F6F6 !important;
+
+    .top-box {
+
+        .top-container {
+            padding: 66rpx 52rpx 20rpx 42rpx;
+            background-color: #F6F6F6;
+
+            .left {
+
+                image {
+                    width: 40rpx;
+                    height: 40rpx;
+                }
+            }
+
+            .center {
+                flex: 1;
+                height: 100%;
+                margin: 0 18rpx;
+                display: flex;
+                flex-direction: column;
+                justify-content: center;
+
+                .title {
+                    font-size: 34rpx;
+                    color: #1A1A1A;
+                    font-weight: 500;
+                    line-height: 34rpx;
+                }
+            }
+
+            .right {
+                text-align: right;
+
+                .img {
+                    width: 44rpx;
+                    height: 44rpx;
+                }
+
+            }
+
+            .text-box {
+                .title {
+                    font-size: 20rpx;
+                    color: #1A1A1A;
+                    left: 20rpx;
+                    margin-right: 6rpx;
+                }
+            }
+        }
+
+
+    }
+
+    .bottom-box {
+        background-color: #fff;
+
+        .bottom-container {
+            padding: 20rpx 48rpx;
+
+            .search-box {
+                height: 64rpx;
+                border-radius: 16rpx;
+                padding: 0 18rpx;
+                margin-right: 42rpx;
+                background-color: #F2F2F2;
+
+                .input {
+                    ::v-deep .input-placeholder {
+                        color: #C8C8C8;
+                        font-size: 30rpx;
+                        line-height: 30rpx;
+                    }
+                }
+            }
+
+            .send-text {
+
+                color: #9CC9FF;
+                font-size: 34rpx;
+            }
+        }
+    }
+
 }
 </style>
\ No newline at end of file
diff --git a/components/message/list/message-nav-bar.vue b/components/message/list/message-nav-bar.vue
index 977d2ec..a0661ee 100644
--- a/components/message/list/message-nav-bar.vue
+++ b/components/message/list/message-nav-bar.vue
@@ -70,7 +70,9 @@
                     <image class="icon" :src="`/static/image/phone-message/${props.phone}/search.png`">
                     </image>
                     <input class="input flex-1" :placeholder="showInfo.placeholder" type="text">
-                    <image class="icon" :src="`/static/image/phone-message/${props.phone}/mic.png`"></image>
+                    <image v-if="phone != 'mi'" class="icon"
+                        :src="`/static/image/phone-message/${props.phone}/mic.png`">
+                    </image>
                 </view>
             </view>
             <slot>
@@ -171,7 +173,7 @@ page {
     background-color: #FFFFFF;
 }
 </style>
-<style lang="less">
+<style lang="less" scoped>
 ::v-deep .uni-navbar__header-btns {
     width: 100px !important;
     flex: 1;
diff --git a/pages/index/index.nvue b/pages/index/index.nvue
index fe0dce0..ab19aec 100644
--- a/pages/index/index.nvue
+++ b/pages/index/index.nvue
@@ -255,11 +255,11 @@ const otherList = [{
 	name: "身份证",
 	path: "/pages/other/card/card"
 },
-{
-	icon: "/static/image/index/qita/card.png",
-	name: "短信",
-	path: "/pages/common/call-and-message-entry/call-and-message-entry?type=message"
-},
+	// {
+	// 	icon: "/static/image/index/qita/card.png",
+	// 	name: "短信",
+	// 	path: "/pages/common/call-and-message-entry/call-and-message-entry?type=message"
+	// },
 ]
 
 const data = reactive({
diff --git a/pages/message/chat-page/chat-page.vue b/pages/message/chat-page/chat-page.vue
index 2534a8f..b206c45 100644
--- a/pages/message/chat-page/chat-page.vue
+++ b/pages/message/chat-page/chat-page.vue
@@ -1,6 +1,52 @@
 <template>
-	<view>
-		<ChatLayout :phone="data.phone" :chatInfo="data.data"></ChatLayout>
+	<view :class="`${data.phone}-style`">
+		<ChatLayout :phone="data.phone" :chatInfo="data.data">
+			<!-- 弹出操作层及遮罩 -->
+			<view v-if="showActionPopup" class="action-mask" @tap="closeActionPopup">
+				<view class="action-popup" :style="{ top: popupTop + 'px', left: popupLeft + 'px' }">
+					<view class="action-item" @tap.stop="handleEdit">
+						<image class="action-icon" src="/static/image/phone-message/bianji.png"></image>
+						<text>编辑</text>
+					</view>
+					<view class="action-item" @tap.stop="handleSwap">
+						<image class="action-icon" src="/static/image/phone-message/huhuan.png"></image>
+						<text>消息互换</text>
+					</view>
+					<view class="action-item" @tap.stop="handleDelete">
+						<image class="action-icon" src="/static/image/phone-message/shanchu.png"></image>
+						<text>删除</text>
+					</view>
+					<!-- 向上指的三角形，因为要求在长按元素下方 -->
+					<view class="triangle"></view>
+				</view>
+			</view>
+
+
+			<view v-for="(message, index) in messageList" :key="index" class="message-item"
+				:class="{ isMe: message.isMe, 'm-t-16': shouldApplyMt16(index) && !shouldShowTime(index) }">
+				<view class="time m-t-44" v-if="shouldShowTime(index)">
+					<view class="top-text" v-if="data.phone == 'iphone' && index == 0">信息 · 短信</view>
+					<view class="top-text" v-if="data.phone == 'huawei' && index == 0">短信/彩信</view>
+					<text v-if="data.phone == 'huawei'">{{ formatHuaweiTopTime(message.time) }}</text>
+					<text v-else>{{ formatChatTime(message.time) }}</text>
+				</view>
+				<view class="chat-box" :id="'msg-' + index" :class="{
+					'tail-right': shouldApplyTailRight(index),
+					'tail-left': shouldApplyTailLeft(index),
+					'delivered': isLastMeMessage(index)
+				}" @longpress="onMessageLongPress(index, message)">
+					<text v-if="message.isMe && data.phone == 'mi'" class="send-text">送达</text>
+					<view class="chat-bubble">
+						<view v-html="formatMessageContent(message.content, message.isMe)"></view>
+					</view>
+				</view>
+				<view v-if="data.phone == 'huawei'" class="second-info">
+					<text>{{ formatHuaweiBottomTime(message.time) }}</text>
+					<image src="/static/image/phone-message/huawei/chat-ka2.png"></image>
+				</view>
+			</view>
+
+		</ChatLayout>
 	</view>
 </template>
 
@@ -18,6 +64,305 @@ import {
 	stringUtil,
 	util
 } from '@/utils/common.js';
+
+const messageList = [
+	{
+		time: "2026-01-01 00:24",
+		content: "<p>【京东快递】快递尾号29398已放在博朗郡二期惠美家便利店，快递员电话15320547739，查看签收照片或反馈异常3.cn/2Beu-fXr</p>",
+		isMe: false
+	},
+	{
+		time: "2026-01-01 00:24",
+		content: "<p>啊哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈</p>",
+		isMe: false
+	},
+	{
+		time: "2026-01-01 00:24",
+		content: "<p>啊哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈</p>",
+		isMe: true
+	}, {
+		time: "2026-01-01 00:24",
+		content: "<p>1</p>",
+		isMe: true
+	}
+	, {
+		time: "2026-01-01 00:24",
+		content: "<p>15555555</p>",
+		isMe: true
+	},
+	{
+		time: "2026-01-02 11:24",
+		content: "<p>测试测试测试测试测试测试彩色测试哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈</p>",
+		isMe: false
+	}, {
+		time: "2026-01-02 11:24",
+		content: "<p>测试测试测试测试测试测试彩色测试哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈</p>",
+		isMe: false
+	}, {
+		time: "2026-01-12 11:24",
+		content: "<p>【京东金融】您的白条付费额度已提升5000.00元，不分期使用0.065%/日，不用不收费3.cn/j/1Gx-uEat 拒收请回复R</p>",
+		isMe: false
+	}, {
+		time: "2026-01-20 00:24",
+		content: "<p>dhhahahhahs.cn</p>",
+		isMe: true
+	}, {
+		time: "2026-03-12 00:24",
+		content: "<p>dhhahahhahs.cn</p>",
+		isMe: true
+	},
+]
+
+// 判断消息isMe==true时上一条消息是否也是isMe==true，如果不是则应用m-t-16样式
+const shouldApplyMt16 = (index) => {
+	if (index === 0) return false;
+	const currentMsg = messageList[index];
+	const prevMsg = messageList[index - 1];
+	if (currentMsg.isMe && !prevMsg.isMe) {
+		return true;
+	}
+	return false;
+}
+
+// 判断消息isMe==true时下一条消息是否也是isMe==true，如果不是则应用m-t-16样式
+const shouldApplyNextIsMe = (index) => {
+	const currentMsg = messageList[index];
+	// 拦截：如果已经是数组的最后一条消息，必然不存在下一条消息
+	if (index >= messageList.length - 1) return false;
+
+	const nextMsg = messageList[index + 1];
+	if (currentMsg.isMe && nextMsg.isMe) {
+		return true;
+	}
+	return false;
+}
+
+// 判断是否为最后一条自己发出的消息
+const isLastMeMessage = (currentIndex) => {
+	const currentMsg = messageList[currentIndex];
+	if (!currentMsg.isMe) return false;
+
+	// 往后遍历，如果还能找到isMe=true的消息，说明当前这条不是最后一条
+	for (let i = currentIndex + 1; i < messageList.length; i++) {
+		if (messageList[i].isMe) {
+			return false;
+		}
+	}
+	return true;
+}
+
+// 判断 tail-right（右侧我方气泡尾巴）样式是否生效
+const shouldApplyTailRight = (index) => {
+	const currentMsg = messageList[index];
+	if (!currentMsg.isMe) return false; // 不是我发的直接没右侧尾巴
+
+	// 如果这是整体列表最后一条消息，必然有尾巴
+	if (index === messageList.length - 1) return true;
+
+	const nextMsg = messageList[index + 1];
+
+	// 条件 c: 下一条消息 isMe == false (也就是被打断了)
+	if (!nextMsg.isMe) return true;
+
+	// 条件 a: 下一条消息间隔三分钟以上 (180000 毫秒) - 时间分割线导致当前段落结束
+	const currentMsgTime = new Date(currentMsg.time.replace(/-/g, '/')).getTime();
+	const nextMsgTime = new Date(nextMsg.time.replace(/-/g, '/')).getTime();
+	if (!isNaN(currentMsgTime) && !isNaN(nextMsgTime) && (nextMsgTime - currentMsgTime > 180000)) {
+		return true;
+	}
+
+	// 其他情况（连绵不断的连发，中间没超时间也没被对方打断），则隐藏中间环节气泡尾巴
+	return false;
+}
+
+// 判断 tail-left 样式是否生效
+const shouldApplyTailLeft = (index) => {
+	const currentMsg = messageList[index];
+	if (currentMsg.isMe) return false;
+
+	// 如果这是整体列表最后一条消息，也就符合最后一条isMe==false的特征
+	if (index === messageList.length - 1) return true;
+
+	const nextMsg = messageList[index + 1];
+
+	// 条件 c: 下一条消息 isMe == true
+	if (nextMsg.isMe) return true;
+
+	// 条件 a: 下一条消息间隔三分钟以上 (180000 毫秒)
+	const currentMsgTime = new Date(currentMsg.time.replace(/-/g, '/')).getTime();
+	const nextMsgTime = new Date(nextMsg.time.replace(/-/g, '/')).getTime();
+	if (!isNaN(currentMsgTime) && !isNaN(nextMsgTime) && (nextMsgTime - currentMsgTime > 180000)) {
+		return true;
+	}
+
+	// 条件 b: 这是最后一条 isMe == false 的消息
+	for (let i = index + 1; i < messageList.length; i++) {
+		if (!messageList[i].isMe) {
+			return false; // 往后还有不是自己发的消息，所以当前并非最后一条 isMe==false
+		}
+	}
+
+	return true;
+}
+
+// 获取格式化后的聊天时间显示
+const formatChatTime = (timeStr) => {
+	if (!timeStr) return '';
+	const date = new Date(timeStr.replace(/-/g, '/'));
+	if (isNaN(date.getTime())) return timeStr;
+
+	const now = new Date();
+	const today = new Date(now.getFullYear(), now.getMonth(), now.getDate());
+	const target = new Date(date.getFullYear(), date.getMonth(), date.getDate());
+
+	const diffDays = Math.floor((today.getTime() - target.getTime()) / (1000 * 60 * 60 * 24));
+
+	const hours = String(date.getHours()).padStart(2, '0');
+	const minutes = String(date.getMinutes()).padStart(2, '0');
+	const timeNum = `${hours}:${minutes}`;
+
+	if (diffDays === 0) {
+		if (data.phone == 'iphone') return `今天 ${timeNum}`;
+		return `${timeNum}`;
+	} else if (diffDays === 1) {
+		return `昨天 ${timeNum}`;
+	} else if (diffDays > 1 && diffDays < 7) {
+		const weekDays = ['星期日', '星期一', '星期二', '星期三', '星期四', '星期五', '星期六'];
+		return `${weekDays[date.getDay()]} ${timeNum}`;
+	} else {
+		// 超过一周，同一年显示 月日 时分，跨年显示 年月日 时分
+		if (date.getFullYear() === now.getFullYear()) {
+			return `${date.getMonth() + 1}月${date.getDate()}日 ${timeNum}`;
+		} else {
+			return `${date.getFullYear()}年${date.getMonth() + 1}月${date.getDate()}日 ${timeNum}`;
+		}
+	}
+}
+
+// 华为顶部时间栏：只显示日期维度的信息，无具体时分秒
+const formatHuaweiTopTime = (timeStr) => {
+	if (!timeStr) return '';
+	const date = new Date(timeStr.replace(/-/g, '/'));
+	if (isNaN(date.getTime())) return timeStr;
+
+	const now = new Date();
+	const today = new Date(now.getFullYear(), now.getMonth(), now.getDate());
+	const target = new Date(date.getFullYear(), date.getMonth(), date.getDate());
+	const diffDays = Math.floor((today.getTime() - target.getTime()) / (1000 * 60 * 60 * 24));
+
+	if (diffDays === 0) {
+		return `今天`;
+	} else if (diffDays === 1) {
+		return `昨天`;
+	} else {
+		const weekDays = ['星期日', '星期一', '星期二', '星期三', '星期四', '星期五', '星期六'];
+		const weekdayStr = weekDays[date.getDay()];
+		return `${date.getFullYear()}年${date.getMonth() + 1}月${date.getDate()}日${weekdayStr}`;
+	}
+}
+
+// 华为底部小尾巴附加时间：上下午时分、或者“刚刚”
+const formatHuaweiBottomTime = (timeStr) => {
+	if (!timeStr) return '';
+	const date = new Date(timeStr.replace(/-/g, '/'));
+	if (isNaN(date.getTime())) return timeStr;
+
+	const now = new Date();
+	// 判断是否在一分钟内（差值在 60000 毫秒以内）
+	const diffMs = now.getTime() - date.getTime();
+	if (diffMs >= 0 && diffMs <= 60000) {
+		return '刚刚';
+	}
+
+	const ampm = date.getHours() >= 12 ? '下午' : '上午';
+	// 转换为 12 小时制
+	let displayHour = date.getHours() % 12;
+	displayHour = displayHour ? displayHour : 12; // 如果是 0(午夜) 则是12
+	const minutes = String(date.getMinutes()).padStart(2, '0');
+
+	return `${ampm}${displayHour}:${minutes}`;
+}
+
+// 判断是否显示时间 (间隔大于5分钟)
+const shouldShowTime = (index) => {
+	if (index === 0) return true; // 第一条必定显示时间
+
+	const currentMsgTime = new Date(messageList[index].time.replace(/-/g, '/')).getTime();
+	const prevMsgTime = new Date(messageList[index - 1].time.replace(/-/g, '/')).getTime();
+
+	// 如果无法解析时间，降级为显示
+	if (isNaN(currentMsgTime) || isNaN(prevMsgTime)) return true;
+
+	// 5 分钟 = 5 * 60 * 1000 = 300000 毫秒
+	return (currentMsgTime - prevMsgTime) > 180000;
+}
+
+// 格式化文本：给网址和 5 位以上连续数字加上下划线样式，非我方消息同时赋予文字蓝色
+const formatMessageContent = (content, isMe) => {
+	if (!content) return '';
+
+	// 匹配 url 或 5位以上连续数字
+	// URL: http(s)://... 或 xxx.xxx/... 
+	const combinedRegex = /((?:https?:\/\/)?(?:[a-zA-Z0-9-]+\.)+[a-zA-Z]{2,}(?:\/[a-zA-Z0-9_/%-]*)*)|(\d{5,})/g;
+
+	return content.replace(combinedRegex, (match) => {
+		// 为了防止直接替换标签内属性（当前仅存在简单的 <p> 标签无此隐患）
+		let color = '#3A85F8'
+		if (data.phone == 'iphone') color = ' #0B7AE3'
+		if (data.phone == 'mi') color = '#3A85F8'
+		const colorStyle = !isMe ? `color: ${color};` : '';
+		return `<span style="text-decoration: underline; ${colorStyle}">${match}</span>`;
+	});
+}
+
+const showActionPopup = ref(false)
+const popupTop = ref(0)
+const popupLeft = ref(0)
+const selectedMessage = ref(null)
+
+const onMessageLongPress = (index, message) => {
+	selectedMessage.value = message;
+	uni.createSelectorQuery().select('#msg-' + index).boundingClientRect(rect => {
+		if (rect) {
+			// 将弹窗定位在元素正下方 (bottom边界 + 一点点边距)
+			popupTop.value = rect.bottom + 10;
+			// 弹窗水平居中于该内容
+			let left = rect.left + rect.width / 2;
+
+			// 获取系统信息，防止弹出框超出屏幕左右侧
+			uni.getSystemInfo({
+				success: (info) => {
+					let popupWidth = 150; // 预估弹出层的固定宽度（可根据实际情况微调）
+					if (left < popupWidth / 2 + 10) left = popupWidth / 2 + 10;
+					if (left > info.windowWidth - popupWidth / 2 - 10) left = info.windowWidth - popupWidth / 2 - 10;
+					popupLeft.value = left;
+					showActionPopup.value = true;
+				}
+			})
+		}
+	}).exec();
+}
+
+const closeActionPopup = () => {
+	showActionPopup.value = false;
+	selectedMessage.value = null;
+}
+
+const handleEdit = () => {
+	uni.showToast({ title: '点击了编辑', icon: 'none' });
+	closeActionPopup();
+}
+
+const handleSwap = () => {
+	uni.showToast({ title: '点击了消息互换', icon: 'none' });
+	closeActionPopup();
+}
+
+const handleDelete = () => {
+	uni.showToast({ title: '点击了删除', icon: 'none' });
+	closeActionPopup();
+}
+
 const data = reactive({
 	phone: "iphone",
 	data: {}
@@ -33,4 +378,305 @@ onLoad((options) => {
 })
 </script>
 
-<style lang="less"></style>
+<style lang="less" scoped>
+.action-mask {
+	position: fixed;
+	top: 0;
+	left: 0;
+	right: 0;
+	bottom: 0;
+	z-index: 999;
+}
+
+.action-popup {
+	position: fixed;
+	background-color: #4C4C4C;
+	border-radius: 12rpx;
+	padding: 20rpx 30rpx;
+	display: flex;
+	transform: translateX(-50%);
+	width: 540rpx;
+	z-index: 10;
+}
+
+.action-popup .triangle {
+	position: absolute;
+	top: -12rpx;
+	left: 50%;
+	transform: translateX(-50%);
+	width: 0;
+	height: 0;
+	border-left: 12rpx solid transparent;
+	border-right: 12rpx solid transparent;
+	border-bottom: 14rpx solid #4C4C4C;
+}
+
+.action-item {
+	display: flex;
+	flex-direction: column;
+	align-items: center;
+	color: #FFFFFF;
+	font-size: 20rpx;
+	margin: 0 20rpx;
+}
+
+.action-icon {
+	width: 36rpx;
+	height: 36rpx;
+	margin-bottom: 8rpx;
+}
+
+// 苹果样式
+.iphone-style {
+	.m-t-16 {
+		margin-top: 16rpx !important;
+	}
+
+	.top-text {
+		text-align: center;
+		font-size: 20rpx;
+		color: #838383;
+		margin-top: 26rpx;
+	}
+
+	.time {
+		color: #838383;
+		font-size: 20rpx;
+		text-align: center;
+		margin-bottom: 20rpx;
+		margin-top: 36rpx;
+	}
+
+	.chat-box {
+		display: flex;
+		justify-content: flex-start;
+		width: 100%;
+
+		.chat-bubble {
+			padding: 18rpx 22rpx;
+			background-color: #E9E9EB;
+			border-radius: 34rpx;
+			max-width: 600rpx;
+			font-size: 32rpx;
+			line-height: 38rpx;
+			color: #1A1A1A;
+			margin: 4rpx 30rpx 0;
+			word-break: break-all;
+		}
+	}
+
+
+	.isMe {
+		.chat-box {
+			justify-content: flex-end;
+		}
+
+		.chat-bubble {
+			background-color: #34C85A;
+			color: #fff;
+		}
+	}
+
+	.tail-left {
+		position: relative;
+	}
+
+	.tail-left::after {
+		position: absolute;
+		left: 18rpx;
+		bottom: 0;
+		content: '';
+		background: url('/static/image/phone-message/iphone/left-msg-box.png') no-repeat center bottom;
+		background-size: 100% 100%;
+		width: 28rpx;
+		height: 36rpx;
+	}
+
+	.tail-right {
+		position: relative;
+	}
+
+	.delivered::before {
+		position: absolute;
+		right: 18rpx;
+		bottom: -12rpx;
+		content: '已送达';
+		font-size: 20rpx;
+		line-height: 20rpx;
+		color: #8B8B8B;
+		transform: translateY(100%);
+	}
+
+	.tail-right::after {
+		position: absolute;
+		right: 18rpx;
+		bottom: 0;
+		content: '';
+		background: url('/static/image/phone-message/iphone/right-msg-box.png') no-repeat center bottom;
+		background-size: 100% 100%;
+		width: 28rpx;
+		height: 36rpx;
+	}
+}
+
+// 小米样式
+.mi-style {
+	.top-text {
+		text-align: center;
+		font-size: 20rpx;
+		color: #838383;
+		margin-top: 26rpx;
+	}
+
+	.time {
+		padding: 0 54rpx;
+		color: #646464;
+		font-size: 24rpx;
+		line-height: 28rpx;
+		margin-bottom: 16rpx;
+	}
+
+	.chat-box {
+		display: flex;
+		justify-content: flex-start;
+		width: 100%;
+
+		.chat-bubble {
+			padding: 22rpx 42rpx;
+			background-color: #FFFFFF;
+			border-radius: 32rpx;
+			font-size: 32rpx;
+			line-height: 50rpx;
+			color: #1A1A1A;
+			max-width: 550rpx;
+			margin: 0 24rpx;
+			word-break: break-all;
+		}
+	}
+
+	.message-item {
+		margin-top: 16rpx;
+	}
+
+	.m-t-44 {
+		margin-top: 44rpx;
+	}
+
+
+	.isMe {
+
+		.time {
+			text-align: right;
+		}
+
+		.chat-box {
+			justify-content: flex-end;
+			align-items: center;
+
+			.send-text {
+				color: #646464;
+				font-size: 24rpx;
+			}
+
+			.chat-bubble {
+				margin-left: 12rpx;
+				background-color: #3681FF;
+				color: #FFFFFF;
+			}
+		}
+
+
+	}
+}
+
+// 华为样式
+.huawei-style {
+	.top-text {
+		text-align: center;
+		font-size: 22rpx;
+		line-height: 22rpx;
+		color: #545454;
+		margin-bottom: 12rpx;
+	}
+
+	.time {
+		text-align: center;
+		font-size: 22rpx;
+		line-height: 22rpx;
+		color: #545454;
+		margin-top: 40rpx;
+	}
+
+	.chat-box {
+		display: flex;
+		justify-content: flex-start;
+		width: 100%;
+
+		.chat-bubble {
+			padding: 12rpx 24rpx;
+			background-color: #FFFFFF;
+			border-radius: 4rpx 28rpx 28rpx 28rpx;
+			max-width: 550rpx;
+			margin: 0 30rpx;
+			margin-top: 34rpx;
+			font-size: 30rpx;
+			line-height: 38rpx;
+			color: #1a1a1a;
+			font-weight: 500;
+			word-break: break-all;
+		}
+	}
+
+	.second-info {
+		display: flex;
+		align-items: center;
+		color: #545454;
+		font-size: 20rpx;
+		line-height: 24rpx;
+		margin-top: 16rpx;
+		padding-left: 52rpx;
+		padding-right: 56rpx;
+
+		image {
+			width: 14rpx;
+			height: 18rpx;
+			margin-left: 8rpx;
+		}
+	}
+
+
+	.m-t-44 {
+		margin-top: 44rpx;
+	}
+
+
+	.isMe {
+		.second-info {
+			justify-content: flex-end;
+		}
+
+		.message-item {
+			margin-top: 34rpx;
+		}
+
+		.chat-box {
+			justify-content: flex-end;
+			align-items: center;
+
+			.send-text {
+				color: #646464;
+				font-size: 24rpx;
+			}
+
+			.chat-bubble {
+				margin-left: 12rpx;
+				background-color: #3681FF;
+				color: #FFFFFF;
+				border-radius: 28rpx 4rpx 28rpx 28rpx;
+			}
+		}
+
+
+	}
+}
+</style>
diff --git a/static/image/phone-message/huawei/back.png b/static/image/phone-message/huawei/back.png
new file mode 100644
index 0000000000000000000000000000000000000000..df4ccbc40209471ff49b746af90f65082a5e918f
GIT binary patch
literal 1279
zcmXw2do+}37#{{BMY(3RG9$?tBRWFa8ckCMHE7IomaaRAZfh`6D-BIKgmp=mvo&^`
z+M3~@lF?*$CHD|oWiptV@AG|g!)k_d#O%lJKIeJg_xJps=lA>LIp@ubq=i^oI9Z@j
zD9cbP<pA=gEFE(+ayOva5h#=qHgaF|9;7rF3><?&C=?<9iQ(a4xm*qa(@20ID1jhY
zr&Fo)GMNT~CZVY*83f57Eu_`TVOS1ND3z14aSZ^#0H6h6Ev(T1utou?6e<-6!;o?U
zgjJwQJFe0yVD&hx1yveQsRfnl<<x>|^|(qiu0gaa09FG^q(r(}1c1t=NrXfsh$o1E
ze;K6)KmfuZ{C_^np3BVg3?e}s5c2;-oR=Jy#+LmxPEJl(EN+vB2a)J~`s@!WY3z&(
znU}J2+Piu>x_c!fGU=ECkst4P$3%8SPdh-Pql}EvXj6=}jg76H{o1eAyWsJ7PXcj^
zzrQ~zc<<iugruaCr%t7uzs%)w^YZe`%F21wkDu1pi`qImUU$DA8Xl7&dj-{#Q#$?Z
z=efDLFN<+Bv<V7@4hp60icTCI{P{$jtFPS^zIp5}O7PlZ_dTs-#`V$HRL0{mgJJWz
zw!w>O_IFo>de3M1^G;Zmfe^F`XXkjMXB{untDGPbzd9;n^gcL-`>C~&iH(nCnHIgV
zu*oEQ-r<?V6RKt$q|=#zjeCluqkUv$HwYEZQZ1t+uMHLIyzJgDbh<yfe_LM@L2Rgx
zDdiXo(rWz+dA(pIYO8%k=tD-oatCIAd`961JJA;BKI$f2_+{D221|OMRn0)}?i1qG
z^!|t-0VLQNn=24ZsRs$(dw*==jP~CPd$}#n*s-LxM^IXqfT?oBNcL}iI~HYnHQJfv
zy;6MF)#pKjuIx8{Ad|4oYx^IUQmYt8Xl&h!^o|>*R?IVF-R&)$ToCKa%2M;2^7tz>
zedOBq@F$}AnG2dKbbz{db9$v;vfIMoA%{ubb!{$*a8{H}n22EK_@eK0exa{cH9C)$
zI#0E?zDqNbKKHp;tj|Vex}5x&Z{FE8zkLzKP5yiGK7HUbiRZGu0>9X(|5V^Nb+Zn?
zbL8Ndl%5#2D0=#fuV5P29>eeN+0e=XhoyA^&vpPAZmA2wzW0+Zl@}z^8_O$LY3vZ)
z_hgV=QI&L#?dL>_vJ@^z0!BU@{N3qoQR<)6wr4Lc%u|AV76;yRUQ1!%YV^7BmPf0*
z{NkT5We09mhDCT{KaJB`o(q$YVZ$FP;u(PlU7?)77<-F^V<jeHq1S|i!dfNF$>mbS
z!ZohGCDooS)UZdDTkxf}YT>@3>sQ2{ba&#f)m?SenB&Cs_7=u%?<h&?`Gy3AaG?BU
zF~!G0KC|nVn|ZiVb53q;)rQlD%;WS|m1HKGFa2((ZCo^uX#48%(7@afhZWouXomZG
zc1=;8BPN|YYeKd);}3HCB6laQbM*^ZA;I9Za(}V)hq;!t-ow*U?!~Q_lZ`fpoXI%+
z^h{6lao4tTd~>VMd(D)L+fcGte3KbX3W_o-Xfk^ko6kO5-yGm!y@89h*EHN>f4iIY
z@yj<%+l6c1`Bs5uc;g~RUs^$}`mYk{gkfVwfptxm0Ql5;wS#r<qlb&hk<3|+o`rcG
b5u1hPlWIhyjWY`5m!d-V&?wd9BRT&79frsn

literal 0
HcmV?d00001

diff --git a/static/image/phone-message/huawei/chat-add.png b/static/image/phone-message/huawei/chat-add.png
new file mode 100644
index 0000000000000000000000000000000000000000..6ec6c67bb18f4ef38fd2e9576592259fc28069d2
GIT binary patch
literal 1548
zcmeAS@N?(olHy`uVBq!ia0vp^P9V&|3?#2~eYnNIz!(tV6XFWwVg=&j;#kEA3Q9;w
z5L6>3CWcE5Pznf$F$9+h$l`Ec0L_H6krfcbCa4!~GLUgnX!?Ahp?M`ie!&ckOw25-
z>>S)Yd?KP^;u4b5GP3dtib~2V8rnLBCZ@KI-u?lRF)?w;sW~O(RW)@D4UJ9BZS9@i
zJ-vPXlcr6dIeXFKRa<xM*}wnrkt0Wro<4W}%JtiK?%sRw_{sB^uit<A^!dxT?>~P2
z`u*qc-+!l+gibIpF#q**aSVw#ymm%p^dm13SMSse*FcxROzG!>$Jx|H(pmM->8@BH
zAUcsH^5_5j?~OlSw<vy}w_RlF)F)R~9=@mAQZ^%J-N~hsXS*0p_f~T{zFPROS$Br&
zo8a3IcQ}PUi9b|*d9N??o!=Wn=IvLS-u2dM*3SD@A`>p~zAV`C@Vmu!p{GADc3*Cm
zoo_E;(|yEv>A@ezJZcY}3EpP$_1tsG7w@*ra+!VePHK7Y?{{7HDf7i&F;p?Pwx8_(
zo!2XF)3uDzBmdhA!DCMI8BYD}imq-tT)mp%#PejU7JG(0RkE^G{F(2g|1mu1S3CTf
zK_UL%s`+c<C+at__aC#iVet5O&@KDg`^gM)$F}Tunq_LbPUiHQC0})IpEI0v4K}`d
z-EKY$$JJ}Um+^RfUiPf4Av2K4j`?abcc#Ov-25`}nQ5vD#=(-3m2CTJq^|z|{44iw
zyVzlUX8&_Vb!M9!mc%E&n!0M=`OLk?AE-{ayGcyn{qceJG~1fht9C7mm0$0Ww4$Pv
zL*w);;n2{~>svoR3~fkqlNBnseO>ENA-_lK-7VZp_P$-KWEGZ@5YM4lmFy6*eDPIB
zj_=9>o4FO21s|B0A*=YU@yZl|X?tZJm^2kI|ID4dp|#OEkwx)c!v<fT{S0==9P$F?
zot-u*$9ffQ8jLi<xK*4x8Z|bk^fh+em00wf$wE-^!J5+&i$06&5ad+ISa<90{j9q`
z_Wg?d`Pqg+NGY;=N09Wf(xusN7(6F3|H*xNar?23?YBbDcE;pJ{;A7%saXGH*;)Q4
zE<!g}Zn-O8oc%g<;i^@?{J$Rfbt`76;H+kcAe9E@)f+_(*&ADSF#1{dD(*VhFu{UR
zZ&$D48^H$=I*b<?lR3g=B19*1JuqyOIPXxm$l(|N?7yi${%2S&du#K+tf_!$r){@D
z@X8?le9=OdCCgd`zDay|kth4GgK6WvApPm#R#C27sxKeNTR7eOz~057F86g6MDw{B
zy0(WN*~BCxrr#!XAba(r2h1J)(|%nK6WeiRQup;Lp{4drDdwjRo%qReqK<dtx6iNM
zZl4yg>Bqi?=UTxAlQY9g#KM!qm@b)4Q~1E?(S5e-SS9BK^Xyy~4h75mQ*umn)fmrJ
zZ(%JFHoLGycfo0+d)M!G7`(VX@uRBoN72j_HN8|@<G^hu@~3NeNxm$oh<_a+rFiUI
zD#O!jtCjEF(f-bLAU(t9y`t@G*Z*R+MOl^)+$9@)7R<|yt5`SVOyTssr*raz)w0vS
zH!M#wnxFP6Jv&7?&S>k*iYGb}Uw)VI`ROl8{XhFgk=YjC#qD2t$`el9^7(36mb~)L
z{q4_#H`bP4PG{eHx%%PsS%;Zb<?hYfw7sM$aU-w)8o72ZcLj5G@5y?z@5%iU@0s%E
UljobIXF=tfr>mdKI;Vst02t*yOaK4?

literal 0
HcmV?d00001

diff --git a/static/image/phone-message/huawei/chat-emoji.png b/static/image/phone-message/huawei/chat-emoji.png
new file mode 100644
index 0000000000000000000000000000000000000000..ffcf102230caede20234888dfd96ca3ef59e7ecd
GIT binary patch
literal 1854
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
QpMOD&or`Uqb-<;+0JC7r1ONa4

literal 0
HcmV?d00001

diff --git a/static/image/phone-message/huawei/chat-ka1.png b/static/image/phone-message/huawei/chat-ka1.png
new file mode 100644
index 0000000000000000000000000000000000000000..af2baf5745589e3fcdfdbe9a0fe1be51d1bfd387
GIT binary patch
literal 369
zcmeAS@N?(olHy`uVBq!ia0vp^qChOo!3-pq95%TEq}l^~LR^9L{Q2|y`ub+hoH=dU
zw6-ZzCQh8%KXGc`<mnTpOq)1)I*2`K>V(PD`oRdu?gKKWfVdzA5}G)5`oyU-rq7x?
zYwm*C^A^rsxOl;mWs8=sSiNq;+6|kwY~Q(i@BVY=FP^`6@#?kfH*ekk`0>-XZ{NOu
z|MCC-|L=b1q=8P6C<*clX5irD7ZkQCsi>=O>REo__Pu+rKY#!6>v!KR#d|<Cjh-%!
zAsXk;UUHOfbP#EMIGNLUBB!!=;9`xL|NsBaS+ZmEh7BLqp8LFxzvar8tj#l67#LDB
zZe&?8HMHD|c4u%{Q~BbuiCp!RZJXoDmp}S3=XBiZ*{gTo&AfL<_VVAOJM*V*TJ%Zd
z;!pl7+ulxneel+t*Bj(ld`n=;l#pUwXeYmLX$8Y!IWzOzj}>J=$1r%h`njxgN@xNA
DgFw6R

literal 0
HcmV?d00001

diff --git a/static/image/phone-message/huawei/chat-ka2.png b/static/image/phone-message/huawei/chat-ka2.png
new file mode 100644
index 0000000000000000000000000000000000000000..730a52194739574ceee7a16f3a5c0d18543b4c24
GIT binary patch
literal 534
zcmeAS@N?(olHy`uVBq!ia0vp^qChOo!3-pq95%TEq&@`rgt!9f`Sa)Z_4Uo1Idj^y
zX>C)cOq@8if8x}>$<rrHnKp6qbP#*e)CrTP^@9<R-3Me$0dYYLBs5{l^odhvOqw=x
z^0b*#X3Uy0WA^k}bEnUqJ9Ezb+4C08S+Ho{q9qHLEMKyG<+7D))~wsOX8p#s8#b-q
zw0XnktsA#&+rDehj@^5A?>%tf(BXrJj~+U5^zhN+M~|I2e)81W^B2xvyma~MwX4^z
zU%PSR!NW&So;-c=^3~h7@7}+E|KY>Oj~_pM{`}?hmoHzwe*O9l2)_UP`STYD{Qmv>
z4-owQ`}g0!fB*mg-~E4G641{QB|(0{3>=*Ng2GlM6?OGZJ<BiLzIX5S=kGs${qDP^
zcn_#%ucwP+h{pM~myU}a3=nC3D4=?A5lj1vz2%Ny^g2HO%TG>SyW!4k>o5HKFUsZg
ziL3k&<FAyNGgISme&G7cR}3Z`ty$KzwxN4z=YrV_Cw$o~q9h+0wYYHomqhQWFOM30
z@tu3+;AM+BaXa*ctgfd&y~QP8>h$?7(*c2vt}7y=4i~px3wi!4>PbfKo5E;SbBAT?
zA8+-1d)6<n;sw*vSF(lMubA{+P>vF`3R;^}UH_}ui-)JUDaSeTNyWsv7L^bA`kU=V
UqYorJ26}|S)78&qol`;+0N)2K?f?J)

literal 0
HcmV?d00001

diff --git a/static/image/phone-message/huawei/chat-more.png b/static/image/phone-message/huawei/chat-more.png
new file mode 100644
index 0000000000000000000000000000000000000000..b12b2912f3b9950178930127e87dbadac034f46d
GIT binary patch
literal 1340
zcmXw23pA8z7@mt;quUIc3<e`xDwM5RiE(L$8H8rottISH)^H-X78#7eL8~~$wv<$}
zlH6}0P1)1dw1XN`ktq%H&;QSuaj9`uRyF&xyYG3w?|Yu-d*A0f=RM~u2?_GsfFWQI
z2*d^koyvsIl+|T~hWB1{dN2Zkv<V3erNLCE)8*-Ojg5^kfI}*kPEAe8<?rDD0N^zU
zLRzg#wJ4LRL2wS7pO=B44Ag)c%@hPpL9<HboJ^sX%OSa3BZoAQS}ljv)1Ycvr2-%b
zRL%mB3Q%bjD$O)BqkuGkN)0GAfO2LnHNeb_LZw!y;a-&-nvpAE3g2pA04P^0VG(YD
zJpmZ}t0>iS7{Cgw|L3#jxu&euz%8%?EdHOc^QyyY*_ywaKp<FHSlHUy(iw~+OjhOP
z>Z;4tz4rvY1A@K*fn;oA^<AafZU*-Po)IgJ8N@;$QE0TjAr^--F*U=R6RjN_9Cq$<
zbRm<;o?gDb0kLd$d_qD>Ca<8NproYq;>F6^miEq`p1Y5QLebFJxb&S2o+~gjH?Lj%
z>*MnB@~1E1L1;Y$0-eF2dWXhMzN~@1C3$Zy49D)tFU@nZVdR%`8+Oo5^@<w!>DMQ9
zj$10~?u-vV=iYy?vT*h5z_6ue0q?mb^Hls&b7HP*ty3tW%-_~()5_ad9<xQ5z2d6Z
zndvp<vUB`L!`+erTFu?qb?$&@4@>ds(8CVj4R;&K8P;5{3z596N`vGvY!=GLqtNo6
zG5V(<7H-JaAzjdE6nwq?$LPe98bV>jjfpdc9cf7{ksZ-Dz=rjk(%JmssbK7u5OJqR
zl2tWn|518(F}uYrtUsl#EoHlZ%5;A##x(SP#CE+FCC`iD{TYL0;_pa&Ud0%0QzQ+c
zXeZ0Yd+J<+P+|5Lk^^Hpyz#H;gxs9ev}1KGn!(`ta*DxvQ;9C*!l0Y+2@ls!N+l(l
zFEZ!E4Tqg9Y^u$Emvs0*bo~{T^zBa6db8z3XYGrlq=eemM>k1(!rqGxcw6Z|F8z{9
zWRCkcRoF|R*gJiOVE<UQ&jgpJxi$ir6NN)hQa>FyEnYUfb#a;(c-Vck@z6Byl4Xo@
z!$#!x!pGh0hkrlGX_ds2!>>k0&E;3<_WfKQx%++hXZO&R;Hb&`_JNxmochnRv%f4w
zWwVz6$IBTjOB_l5XJfZ#Ch0I0x=;<;gs&Fy;UBgHnr<CQCAJB{MSKm+78l6YE>I>(
z3nE94fy>dNk->;LLe${#H&U^E4oCKVAvtk@o<&2Q?&Nl@bMMfdjZn36GL7r~<HSTp
z!2D8wZ_$`NJ0q!?v*{SOvq?B?q4Ld{q<dntzC}l_eB*L{bfAJADl6Mvhe<l2zdysy
zf>e$oHsy`^c~uz2>7xj>c|A_iT3j1#J|Meflp;<(S8wp7c{p4klpf~ylia4n?Oo{O
zw~N=KJOU2xGulQjo@R66ct%4+8qCk4b~|#DZz-J}3*_svgyIa8XTkNQ===PeU&U9Q
zaf$zZ<BJBfrzh%)tSm-5x+LwkIj;UsN9!qi^pTHUi>!8DB2u2s?~4f@kQ585v8R#y
ziznIyu?HiHL{#i|^(d#JUn6tx#Xc&#gl{URC_Yflse0tCe=yT_iOd98++N&f{tYX<
z#4%w<V#qao+KpU6`XthC%o6E`-5Z4c;boy+pPw#Z;V5+=E91PU+=7HRsl<Qq&MSUK
g)Z@JI)|ym3Fwnns+oplSfWJ6`K?|a`_(bRb1M*VR(f|Me

literal 0
HcmV?d00001

diff --git a/static/image/phone-message/huawei/down.png b/static/image/phone-message/huawei/down.png
new file mode 100644
index 0000000000000000000000000000000000000000..01b5c29b07a135251731e17f077da2fda2891593
GIT binary patch
literal 524
zcmeAS@N?(olHy`uVBq!ia0vp^Dj>|k3?#4J%UA`Z_6GQbxB_ViP*6~ik&%&-k`fme
z7Znv15fK532n!1Xxng2sKoJQE2_RciQWD4jDuXb9QV<4E5F!qjl9rZ+2m%#A1R)HF
zGKem?IFL&Q*u$Wc19ZJzNswPK10ypBCl@yluYk0ovVp0Et%Hk)cR+ARSbTX!O>J#M
zQ}47{v**m8zi9d1a~CdOfAsjt^A|5)zj^=Z%a1>Q|2@4gBLp<*fTxRNh=k<ZgEzwt
z8Hli6U_KI*v9v>}i@AAGgOWtyinY)G+jEN*I(ik=ez^Gb-jCml0=?Fkh)hoi$v5WO
z<jL!{Ml;IAU=gdURa@Zf6p@;{p@~yw>5J^ywxQJjAcOTo;k|ONH_WNK@c6UDwt_jA
zC-yswsLbM<yI@6)@9|K{-)VO~3mhn16#1c!W%{m#y7F=d78@>4z1I*veVX2%D^sF_
zSsg!}$<J?}5TX~9w`4lkq6M3u-1=m5!2e3*{_9~szDsNW>`0b<^Zn65P@H<Y`njxg
HN@xNAAYh{4

literal 0
HcmV?d00001

diff --git a/static/image/phone-message/huawei/emoji.png b/static/image/phone-message/huawei/emoji.png
new file mode 100644
index 0000000000000000000000000000000000000000..ffcf102230caede20234888dfd96ca3ef59e7ecd
GIT binary patch
literal 1854
zcmaJ?dpOf;9RC?|3!{x0x#XG-GQ_%2?vof17Ey#{Wf_(tmTPXu<)m_{NQA?aGFnG0
z6qQ9xqFM`K!(1xqxSd~T=h@>q=XuWedEWQ^es16QeV*SRzspz`2Wd&9Bme-?7)M)o
z@U;H9#D&3~nLalR077k8XAe6NZY&cM6A-Gat1Buh!r^cj3??rx4~0TiRaI3~RFsvK
zkw_#0flyFT;7cG>Qc?oVAOrgO5l{kous|nRpeitc66gnOBhQC?2Al&zaE<_i4Zj3)
z_;-QiMn(YncY&UNVt?B}C}8+0aNigakbIi}f(^(BAYa|c@C_SBf$F~uf;ialU$v3h
z*#CbPbpCg8;e7AUk9sB2-Q_SK1Q8Yy6%&`*EG+|-livb^D=KZ>s-~f-rLCi@tEa!?
z7Xzc6C=*jNa|^Vk)qZO`2S<#Hn}_ESFYlwi{>KAPhT!pM!if>2sA%$qxQmoaiOH!M
zzvdSf6_=Ei-L9;vuDMrFZET`7KW=GlZ|~^rV)XR(559Z<@zco2=-B7+iAl~BZ+32e
z;mg-=i{F=i{JFfcy7pvrl?VVL1sK}{9^UP>SJ(XuJz<?jueSTIpiV>F?XxS!U$`;w
z+Ln2wI$w?>W2Fx`6yn}LCzV&k(c;J{ZJS+hQd6aio!if*E^qlB%Uj+1p478%f|R7U
z`_yKG;0(r@CLcy^1<q}L=c40{J6RuyTGumGW<;C&-Ch0cL}s=;X-A+nqaS{z`SI4q
z>tY&Gn|nj_6X`pfk)@Mq=fse8fs<cvo*WD}dX!o$llmY&)=)1bv(l1;fjpk__Bp4D
zEBJb9><xSPVxfJsQo2b4L$9WcWqeR$SfjQB-t(#v9(a$S0~oG+s8Gf|tg9lg%B$Do
zUu*S7@c=EGGlBE#KIRcQB5yfNJQ|e)8L<q*$M1=iP=`-4EuOka2HbZeGfK={gvz5O
zU-dOgK(`v`F52G)iefCyx^)sJNB@k_<ElAOI-FnCN_lM#XlQBH#adN&qz(rcP&zz*
z%o0&DDmA{tY~j3?XA9eraTt0$yh6B=PPu)FaO*)z!h=uU@5e+99rRyfcv1mW^uDPK
zU@8h;VP*y8IQ1wboD08GRli5Fdq->dOS)4&s_OCjHr2IKpD<U|pan>Slt$7VaR0aL
zspVyWbrcDU>CLJq1z3w~a2pd=vrXr$F$jM=cFd*#3N@9~I4?t?X8K|Dt16K&(Owks
zt!7fr33|Y@6>}h54UdKGmxtyj-7VQPHa!$C!v5wboepu7WmmbWC^zeGV}){O!mb9#
zZBJ;VXeWkB1Egw?)o=X{WU6K<fD_q;ONx<2D0)hp-wRWCqj{@!ce;i;L9S7p{d;zs
zge{@%hKS05n?*wTsvovFG10q?j*Wt?(sMnpk%h=nuu=LAp9TVuG2qrML^*QY8`4;F
zTO4vM|L#062GdDoR17k)F^fl0JN=3-PUqpcdozmn_CrxAHy5T8Ih}Ro#V6q>_E6ro
zTc@WQr@i$^p*p`X-bBf%X11;y5o2eA4WBSvgV?rquj^$A0}>h?B1Fq*?JVTQLl6ho
zh`yx@u5J4xcwF_}m`!`rnRaIh3d>7?`r@GZ5H~2YH8a=CwCD(cHb|SGgf?;WWm$R)
za|5LBA!MFKYuuXC_12hMIHt0gLSKHJINK|u!N^}n>Pk3jE*bZ*RyeoC+1*#vka^%(
z;2JGw<Z3i^voft4y*8%=y+1Ba?TKHX7&*24bUvIW@#HK}EaNMh<!@7l;Ken44Owc1
zO?<K{XjyMKW>dE0k=ODCk>)x+1+}U9EWGTXhQmq!aEj0u>Ox;)X?qzCo}dlbTOFo_
z7MnGPaSGwRhX<cq`i%z336<o|OMEmNde6;J%%2|$9tkK<BAPt1(Js79I7p(g-j&nX
zDOK;{-Ky`%SvN5B8TeQ`ZtqgtHS=oI5R=o|yPdr%lHd6&cjpq$<I$0I0iA|%nDFay
zl|#>VS(vkCBQ1(;cu!}h!_Z&I$H*LMVU~L>k9)5)v&;CKL6;q3{ExzywZ={RjwYXu
zCzd@fv-TX+Jaj?$f<tZ)N}lz>d%<zvvllP@YO4ka)S;PO8MLR^!?7RMKQW2@kmvE7
QpMOD&or`Uqb-<;+0JC7r1ONa4

literal 0
HcmV?d00001

diff --git a/static/image/phone-message/huawei/ka1.png b/static/image/phone-message/huawei/ka1.png
new file mode 100644
index 0000000000000000000000000000000000000000..da99276617ae0b7a97e2f3b4a66921e68a03ed9d
GIT binary patch
literal 1570
zcmXw23pkWn7@m-I%`H!!N>5VDMx~7?MeLC4tfWHHEUjD5+O9UFWpZE5jQQu{F5{M4
zqMqz#7&7jP#x<rMHHH~t24jpF|JXCB_xb+s{NMY1=Y0Qv&U@0lP-ivOcB&x|2u)WP
zq&FBH<&TOY@I&c>aRfr4!pp<Q34|M8L8sHPSS**zC6P#g;Pd$)TwGjST3X7;$j0F)
z0)ap%6t1kSU?B*PC*dFpNG*TIW(rRv;vq5~B7uo`0trVTfjpi-!9gT2Q6v%pFJ~YU
zs0YA7WWazBkRZep$Z}7lfDoi`1Tye|0U;;@FTmr7at83<Y9P>sj3ZLi0$|N6ur3-V
zH;6ZjUk`~!CgrnGsnVSPzLDTdHrMpYkbsoK-%>UYj6zj^*d<Z2nfk#GR`G|`F2m}V
zVePB1PM}!ts#xzgczY1MD-_-x3hxbHH;RA{-IAV&h3(>`_77mE1gUGH#4Q>2{zvAE
zlLeC`w~J)4rQ+B!Swf{OwO011P7D?Yzm`eLB9OBnN)9m#SS~p`kDQZFez{D^&Ckj$
z$j&Rw$$y;xxVVs7Qb;YOw#bU<t0m<XrB5nLTUN^|s>&*=%PXtPt7<B$Yb$GNt843O
zp4Hd1i)!m%Jga}v@T#$~nNDkNq0w7t1EQuu8NIcwwT;pGZn<?>1~!Dz(aGrOYVYXk
z=<e?9?&<33?e6XC>3h@nw*L*V{(=4h<^U7eAaihtIXFBtGCB;5y)iO6HuipejI%Mp
z`oQ||adLL!(`WXl8Q~}H3Y)hw#o^4%aA$yecswqDgEudnoBJZi{QMWbaAAQjSQG+D
zd{vWNHQ#h2-+1|<idF%{YiklYq#IJ{x^#VGeSIB<VVN9qfkqupm;ho8xZ{mFkJzH9
zq^ho=p{=W{w|%d%#ZgNu+f#N9j!teK7cTh)q9Y<P4+%taUO{<f)ziA?4UM#BdfUk8
z#KcGT)D&-Sp1-v8wX?jhSS*%ELC5dSv{W^xz~$(3MLPKSw#|?IbzaZGAbyddhS_SR
zk{)D@(RD}GAtD%<bY*jVTe>gR_nh_K<JEQO9kw0V^wU&R5QN>IS7!bCx$Ft#zHq$z
zE!T#<Jma}woy%J2i_LV|uUmoh*kh$C*5r@=^elnVgn7+wy&K$UUCY4^ob*?843{V~
zw}g9HhPkcy>v#S+mUvXJdo=tq#aZkWW@!wapm-X_r5hN|o==@rGWA4plyYJ<(8$o9
zlT(PBc{iSG(UiEuE(e{F3Smwvk<&dU_@Ux7gCb>vp0u641rI~e>N=QHC$LPyt$5j^
zQgbDWjT+&V#6kzs>op4OK;B?&i^pa#6yjZQsZP$tH<Q}*_2b7CgL-JT2J9N_j_yvD
z$+S5=B|G(n2iv;O*_<Jg-3_vfF2K<n_v4!!nkK|dQ9JVpRmqY4%Ifz6+OvZh*=H2}
zM?ww^Oh&Evs#=!B8D3N<I^5i+q;|c_BSUK$6h*Y7gx5@hP8mn-IUN@^>YQI}bjI8+
z(!${9e3jm{ng_o4xot=PxEK=?ljE)se0wp*TICYF&!RbxV|C8^-r~X~$NS@KtGbKj
zy-nVp8C8LLWZNZsU20<5m<X%g?!l00C7Mp^T${b{E{TV@FqJ$!dfnndZksXH^f~#^
zp%%r&dUbo~!`&?UkuFAgx!xQi-AiP3Y;EVNwLsO6HpU7!vntl86xGz(y$g*-?P8e(
z+>^k59j*{hMBYV?Te0k4%X%Lou&J4xviYUz$T0^_n%a{4=N%K7$Bbk@qWgWKr!zVC
zX#HmotGaq2G5-o?r?*z2?HZz?(g4Fkyku*y@i4~hiRpM8Bg*6YN7~D%aQ#B<+0|S9
z!6}iPb^Rc|U&^+SXq3uop%_AHTuCj}b~{;AqHT0%AJI{4=FLdho@75CXLrU3Wvama
m+f1BtFgR%ecP@EsM4-5vrF}d3y^kiiKL}SR6!NJf8uLGgE2wn<

literal 0
HcmV?d00001

diff --git a/static/image/phone-message/huawei/ka2.png b/static/image/phone-message/huawei/ka2.png
new file mode 100644
index 0000000000000000000000000000000000000000..3be8bbc74b1d93a03340361747d76f5488416de8
GIT binary patch
literal 1620
zcmXw23pA8z82%;Y(#4E)q)oY}4oj=;B6iuC8l;G>%MjK{7nV5GmZoW{QJ87Q%*4tm
zCFPnZIcSzjqCzAaCnlF%!eDM0-}mh|)xPKb-|v5(=Y9Y8JOB57$-X<bEz~#FCkSGp
zCylZTuO6C5R~yInOValQG3UAO_5dn|=&Omv;<U81p`jsxK!Ayfi3toRCnu+-rczQe
zI2@5wDwWA(a=AQ>&*yRl9KHxk)BoEyiJP9z<qNrd0WRe71RS0K>s+3Q!x!K}g+hU&
zhT#ivJ~j?th#3qqi6NIK)WmcVhFIe8gg9abL!5?RaO9+G7|egq;o~ksPP#}x5G)J=
z<PadNP<>0TYgcsiYN~dy)tQywNxYM9-wa5Z!IJwKb>A>vWqJnyjWzR4n!g|D9srmz
z_#GGog2i-T7z{{s6)6N51*?n>f+eBAI25cn1k57A%1E#(a@PDXSRD=Qu>T3xV2=Uz
zv1-S7;G6(lP65}`!0oi!EeW_Y0QIbz%7j~)U>gfNq_Kb}YsT*q3`l|dI3S1z!vr(o
zA{dzok6nXN*)ZlhOuPjXbKzgPDn>p$R|r`}@M1A!m%x<!Ftt>bS_bj9Ipt80ktNK$
zCVV(8tc0S!v#;H_c~h*sm6xCUk21Fo=01UW1x5KqCHeKRu%xu`IVyUlC~boG%PT6H
zVPy-dZc)^<L2)~(ZJoxyuA#B%MHg!9MorzYsT;j&Zh76(+VZBYr3be5qE-odBSCHL
zZ`(hjj(44%1E{B0(mR4ApJb9Dxnvae4a@rn2KvX);5hp9Y3S1g8Xl7kOVNlFjZUJ`
zDfAiJgls~Fq?0nK9N~ePlp{P*QwoGn_Ukxkj$5umiZ4hxgH+gN&=)nDQ6u#%ngs{|
z1U04^Ux#P#I3DG|xLrH^2`%lpdIk#?7?R0GOIBGrIytX*+2ZEzLG{|cd+&aF$l)mF
zIbOOjD?2a0pt!WGqN@6__({jRuC5P#{r$tEV-r(Tnu(ApluD(hsama`odp1BdM(yl
z*pIJHuP4PlVBeFm&b|IdekK<upXxJpjH%B)<g6~Gd}ds_o|ALkqW^j=v&Nu)ks_+_
z$ny&|31L5m)P68{teA%uOLQE=gjvVey-4ZPX_k*izwS7Zu--Iv>*!$7k>x%kb?@6t
z0=)Y6xg|-$#UFguE{&nwF*{^MukR4_GdgU!DZ_UM4R048L3C|)-C<)9$qa4{Q<_9n
z)Vl5@oqua@XP!^-J-PjdKIZ`wzlwRh_#w8(GI8nrVA6xtH;qYJlnAX_^3Pjxl3q0?
zvuQaF+Yc3<bgy3|(3wke^1M7wez3M6{(Oj^>z!cB4I=hgzXZGPE^B6K5Jetn6+zZ{
zL}M9JH`A`#lvFaK7bi5E-d)FTaI#4H;zJO0Gg@4lqy3rGSqIzAR4Z5QB-fg0)qF-z
z*M*J0Wf4hcnJx$GN0h`kC*cCkjZ+Y25_a2%h>dWG-@L6bxWOdss3~Dpple-{W`E>S
z)5PTy#AB;iUFvY#t?Kkn?cSG%9B!;GTEo_BJ4N*DT|_qYQs+~3Sds2Fj8Xnow(sV*
z4z;$z@HvURCAK!{uj4Ppun#UJ8nWopWq$4J<0`zZ3c=jou~5D?>&>I`6``H2&BQ(D
z>`flBW1ov{KH6mKFm|rhr$<z=asvE~{5fb2qiebS(#y|6Gc0X03z982sjA{*EoeSj
z=eV6;v>1)PMrwzD%U=p<RRVk4t*K>^Ec;2P<*^=yqye)a^IG=M$GxKD710|h&VKAb
z6E9hsce&u@fy#{J@ff`oe)(CQUU6r=6E9vKd|fU2)oWf&SF?5Ztg0<K$<DUye$-J3
zx$>vPI~gvU7H!Cj2ydNsKJU#I&z)*KnY52YGF^#uOQnMcGA(S%&34CWUFkO7^5|Yd
znT2`c-G}fO_E=ugo`Sd5by4S^imjOa9`{&|4SMHTQi0KWYgV4yo&`@wT>t2qrk`}W
pq2!@G(!xmH!LgO$(pN!GR+6venn&$=;e_uL;Yr;=DfS3q{s&!*ym|lt

literal 0
HcmV?d00001

diff --git a/static/image/phone-message/huawei/send.png b/static/image/phone-message/huawei/send.png
new file mode 100644
index 0000000000000000000000000000000000000000..452a0138afc4052444a83aee64e91d415d647873
GIT binary patch
literal 1072
zcmeAS@N?(olHy`uVBq!ia0vp^P9V&|3?#2~eYnNIz{nlo6XFWwGBEsSaQM&Q`JW;5
zF;DDgu9*KEQQz64{_}?ZU<?1r7X6bm>OV*1Zy;h1|HB#alOy66h#T>fGyE54_;2or
zU!0M@xFSFZ!~mh++~F`TNc<;Q_9sXR$d3FC76FpKIYI2-U=fgd5P})S9r=ql>X$<L
zFSYF721UOOfvEVmQSoo%lHYbUzn$xU`?dY{Yya)v{yVh$cVyr1m<fO4CjLpA{^!uu
zf2VH!J9FpX)kpuXJ^pw7$-f&<|J{80@9v9#_h0>c@ao^I5C7hL`v30p|4-lkfBX6W
z&)@(5{{07nvw#1c1O|ptNswPK10xGNr<kO?s=B6@nT?ZYR6=!4PtU|j(`PN;z5C#)
z8+Y#ByZ_+f<LA#`efsj{=kGs%|A{S6U&O$`w8+!NF(l&f+8LSAQicKzhif&r-_Z$e
zDdLiza7jt)sMo@{wYfL{|M#A?x1{`J%aS)W4;&TN@7X>1BoD{M!{Qw3msD5Yl;*4U
zT{*?Gh1pI;Xkp5_ThlhGJ}EPu&hv5IcNgxjeYtxbUtZx3<Yzx1uU%#+aX0DA{(gaz
z+YF5D(v*D~%&+b^Q2pqU&C^!SgEjKSF81;*9PUpUpLIDt?Wj|JWO_z+tHsl66@C62
z9p=crH+tm6a;W2dOuLj=&#cE)EZPwkTHAg<I?I1Vuz8QEeNgQm`HTLMn|3kQX4UMz
zrE~1U?&tYC-<@xY+*=bkWxDE&*OA5Nj~<v?`hC@eioML=W6pT2QcBr)g`;I-OH5Z)
zlk09CZd-@xc_GdsGsKR4Z;0WFn!9GR?hU=tt@G5ZdAjevI;`L3t?s$1)~`*st}a-9
zzujTIqI2y`p%;>VmzV~NpI`P`_eBuzf&%F+6}u!~cU-LD-L>VghGMf=c=8(M4;fs$
zPH;|X)ICwm+-Ue_lB4Q@N5{|J=xT`d@>mpYQ-AH>eQBn$i2;+dHqLuhzfaj=y4tIo
z@evtfuYYEUC+@m)EBwoa3;zzeZJr^;B7LYN@@6>C+>WV74|N*EnEAChKlxQyogei^
z$?fxRdw%Za9iNN*(x$&>QD^Gcv-d62TYg06k{^qzidPn=l9xuUhLZ2yG$oErXIIRQ
zWpFgJ-ui??!Q&(&m%P4{ZcV_?r!Fg=inpHQbIfRGs1PYs<a)zAkvUPO<H5!=jRt+G
zZp97z|ESKEciWPb)?LK3O=B{<Yvr6b`GFC=mmd9oC6zNpO3?hasrf875uI-3Q;yrE
zGcFygx7gCFez--T+018$!KEFB5j&0U74psGy*6RxvtK9Y1#aJ(ex)?^!L{T6Ha8!u
g3$LpY_{;f3{=~zRD>iVo$AEIar>mdKI;Vst0QB7oKmY&$

literal 0
HcmV?d00001

diff --git a/static/image/phone-message/huawei/unsend.png b/static/image/phone-message/huawei/unsend.png
new file mode 100644
index 0000000000000000000000000000000000000000..b91838acd73191592e4d1967fddd9c7e96f80818
GIT binary patch
literal 1048
zcmXX_eK6Z+9RDFmY;KM2w6%&hDZ9zd)UaK3Lz*n!&wH!$R$Ak(V{1cut8J8N8XH54
z3i8s_OKss&m+45dn5@wu#LK*{h|0BQNaH1uJkOHczW4opKhO8`{e1p-p1bFEbQIOm
z!NmbV5XaCEa;ynS=0e+;`UGQh)&z#=h<J(#5d@l|NCK;cu;QVL`xxHuhm9i0lENl2
zWcET{ALR7ICJAhoLar2YeuFHrfhB=l6C*ORMUX8va>S4=F|y1D6JunHfjLFM!b6q_
zu*85PF)1yK$g(wAOd5$L&3emdas6*Mi%l-jHUK(gpyLnFDF<DHpnC`ihrzF-pm!9A
zlt3~LBok0N2?wTtdIP@Pf@>PMp@o~<P_qMH?ZRCh+|$FoeW*9UeIo<_0`rZbwq@7+
z9KN*Js5r#R3T2ORKH}#7_B)>br%9yH^XWGVzptvUYiMZgl|G%GUs(A2+2WE)rGBZ=
zYIXYtBWOLO)**;>T_`y?{@m|B*XN|o1|7IX{Wp9?+{r-8-7nsDL1BruIXQn8!VTr2
z;)c>DccM;WBT!U+_NezB1_{Kac{h6|%o)ep{(4xe++r(id@v^jcPsi|k2!VsGCuuU
zAF(ly7OC33lS^<bm_e=+WH`b&k=)mc<_x(WT=hEWWIaE)`cXjD{v40#v3J!bi%`<Y
z!Y9|>8cHmC9`3b>Ps|j?m8X1x9y?Vd&)3#tYw+F$t^p0VTxueQecXUgP1Fo6ZT>Om
zbVmLA{K}Q0uaB4TE+l-=-Z3$A#qVr;S|04o&nruwEO%Va3g&MQT~JWuP1`~Wd0t#~
z!%Gn8=5R-rQBJ4#q(pn!8V%@Ol=D|1b*YCDL_;b!LUytSL5j<!N&hI(ND!CUwf6&k
zFMLrMiCh;re7^N60KdFeRuCh=Z6;)wSE@1iW%8%%A$5#5Zn`R$Rg_7r>IH-L0(G4K
zqqD+u9DDhvDzC7k%5K|CdsJq3xJy{6Oi%H{XV*E!>zv<;yz~ibJ@z|iMaC~mZ6yn>
zd|+Ga==1Ctp5LO%9FShhn(^@V`IeLRU>)OO8gp<b1^8OK*N7P#0s&sX`d-%B!oGC*
z@X2N|Oi~OJ^rONEwQ6OlCY{o?RkCyO-pI~Yq@Rqj$a|V}zMAgD8=>%e<|6Dk13G4k
z^%zD|c@#sIQC$lQuwheYa1wv)0t!Lpjs*K!bE#GDl2Z*q-Nn;^2U2961O`7&X2mp6
z=Evw~zC7j`(>z6Adou3MXp3%u=SJkD_9IsW$yd4AG&U`tTV&Ux_n@{t`Ea=O&HK3L
zekabVg}za~i51<~{Fy^7ZG$xKWIk_cY7Q_T&3;2o{a7xx*4g(e=6GFUxk=_99!iNK
J^GWG9{{uVKMkfFO

literal 0
HcmV?d00001

diff --git a/static/image/phone-message/mi/nav-right-icon.png b/static/image/phone-message/mi/nav-right-icon.png
new file mode 100644
index 0000000000000000000000000000000000000000..2f8214b03f24722f4fafa2c98c1a0ae038f5fa1a
GIT binary patch
literal 205
zcmeAS@N?(olHy`uVBq!ia0vp^9w5xZ3?!EyURMI76a#!hT!AzYC@3h%;{adgi~R(u
z;3^673ua)HkgTfSeEa90M`HK414RQpT^vI^jwdHbupVaR*twmZTOcUKEc>bnvs0H+
z_}VB*2amw3t3p?EacI6`(#l%U<vGv6+)^ND3EP*sOreJ|MS7N<xj4m=%gy*uhMNSd
a2s1;YsonncINutOt2|x(T-G@yGywoggE(^l

literal 0
HcmV?d00001

diff --git a/static/image/phone-message/oppo/add.png b/static/image/phone-message/oppo/add.png
new file mode 100644
index 0000000000000000000000000000000000000000..1a6245531bc52bf3cb0510cfbadc379c59e91c10
GIT binary patch
literal 1316
zcmeAS@N?(olHy`uVBq!ia0vp^bs)^a3?#4q4c*1Sz$hNz6XFWw0>OV6ICJLA)vH&5
zyxX^LKYRA<#fulOU%!6)_U-%k?;k#V2owQ|14SM^di3(;%g2u&KLrDz$n)pVfm|R7
z6o2*V6_5>743q?tK*1+Zo<Kw(Y#<4dg)<;3fr7{YA`5f_To%ZH2tt%0vw<RLTr?4J
zad8O=2}wyw85tQRB_&f+Q(IeGZ*T9qy1M%M`lhC)*4EbDyLa!|vj?cL=CPAHFkJjf
zg8YIR7#W$ES=rdwxwv`x1O!DyC8d=042_IT&CIOr9D*Za;^NcN%4+LdJ34wNPnkA*
z!Qv&$R_@xh_w<E}cke%b^6dGGS06rn{_^$P&tHH3{=4=tl97RdInUF@F(l*O+1W3H
z9yy4(MYBqpc6F@K*|c(kpg^kd(G4742UuKXumApc-tdKmahKBq&*z{2EY)g%<+bZ~
zUQchgZ_&=Z4}a7>jL6(lviE90ANTK%8?L{dl;dN-EgfhXz9#bv=i0C{ColH07UsDt
zl!jPd&s6wT`BX!+fFt0%g>6x0$IrX<8YktR_pB`X{mbuPkJ~ey{hRa5&+nTRc*{gA
zS9Nn%U-h}^S38+)U(cQ$VYhpxovNST<=LAj-<(?=I(Ns#)zzo}ywlWNaiK-SF|#Xp
zf7yadM^><B*T~;4i&PfAa4K3x{-M_<SG9{?>v}Zjf0K`!kQpQMYx!}jt4``ETIvf8
z{hZyG_^Ac=|B<-5Pa=ELOOs^p#W$Y|YjHaGp6O4yf7OHI)_K7{-kgr#=GiCi_}4eX
z>rg;4+xz*tmsA=}l%4nQe;F{hC5WH*cKsi9l^MeSC)EC%&{Aws@PE6y{*l-ElbX-%
zUn>^rkp24g?z2%dbr$aVcJ;5j)rB<|v)M0+|61TBwvf&K_H@xrJWntGEidcWNm>8@
z-~Pz0LGgFrbT7GNbMeUE(&x`+YX9@7@7Z4yGcjcQ<(*Yey7$+}e~DbzUQ%`Eqi+2-
zXO^|mYp>rwdjA_w<l5zD{;#c%-59ri&HvN4-)vcXeS7)8XZ3R`H^uo^KA(NBxb4FH
z%6ngo6u+qKzq{63qV}c#Kf?vdU#cF2&R6Q07qmX|k@A#(FI4~U33Pm^Ep1!-MP{je
z|F=a}k?t=`ZysABv+&E5$um}WTo#W#6MOh&cHXnA1yyHHA8NTAJmcuZUlzCBUww~c
zT&ceydC9*SnjU)(Nh!Mo%_(``JMV5n8|T!#_SxBoUAQm1M<&Mc@XIFueXF|u&#Pk*
z`8$62^OrYQ6#kL=@%rxL%^x3`Psp!h{`;_TyX=Q$+;&9=*!6zwV%(S0xPI1yZZnHB
z4D68)1cYT1nlE!dc*141mBnvO<K?awOSCMO^7yT2KF#?eiEGD{7QH2f(*&y*et*h5
zeee376Ok@&%kt*$n6__y2bZ4WV(u4bGE;vyeBN#9zaZNEK(BF6ZuDidEq`riFFT-{
z{G!dWWVgbO$e@bVD;{1rqqHS3EM@kGcYnU;PjcJd!JRchJ~@QjTCPE^&!NBV0DJO<
zWXBH+H9mMq)G6@U@^Q$w9qDgc#Gd#t`M~`Ij;I41Kk|id1Q)YzC|nFG>^xolT-G@y
GGywpmKH*{j

literal 0
HcmV?d00001

diff --git a/static/image/phone-message/oppo/back.png b/static/image/phone-message/oppo/back.png
new file mode 100644
index 0000000000000000000000000000000000000000..ed5279316030455d8feef6b94dc47d6d9dad67cc
GIT binary patch
literal 983
zcmeAS@N?(olHy`uVBq!ia0vp^9w5xY3?!3`ol6-Q7;6K3LR^7d2nY=gb#QP{QBhG)
zPyjM4EiH|WjrH{O)Ya9kt*wD<0|NtXZEc94j*gC&mKKB!B#n%WfU^4f`ntNh5H64n
z)C*)A8XCf7fg%t#kOYbYwE!7Fl@K;u1jqmapg3F#q7o<wWPl~1dVySs2!sJQ79t2y
z2`7Pqa0PHffDDKrkb$NPt{$Qot_;G(Pon9?rTEU3mwmv{uPX`i3ua(sVrF6I;Naxq
z=H=xV5E2m+mylFcR#8>c(9qP@(bYFLH8Z!cc5-p`@bU8x2@Q*gjERj)NKMPk%FQb%
zsI023Z)j-h>h761Y4Wt`Gv_Z{ynOY#?K^huK63KZ`3sjXU%7Vu`prA{?mv9=?D@;r
zZ{NND@afa%FW<iZ`1SkG-+#I1{^tObM7O7lV~B+0+k@A`FEhxnKJcEsU|E=JuFIVr
z2SUFyt(6M7Q>qYgq%mpgB`;pnjg7yze}3)#RrK9M8Tn7O9!rB(_D-_>r6^ObczWI}
z<w~(l%*EO&@0~+`xLvm3xHxaS$yFtn+wtlu;`){sa;jZFSBor)O`WxLx4_QtNt52X
zTV~ABHaz)sx@AU{yVIn%MSQc)d{sL;+peSSwTUsaz}z2B#<m<6AEeKk=`8Se{<5ES
zLW>&9O}>5>cspYWr+(UkllJjyl6@8zp2)eYJht9@VaHQ5-;=G!WV<uf`oFB7`~Km2
zZqqWC?$-g_HYI--JV>|Sl_g^GebMV{Lf3VxCb?gqc6)!uqe~xdy*>RnelhQ?Rz>zz
zNmJAQy;AF#lhnMdl6jLc_ZtqI6>ay{Psm}FbD4Q~v&mZa38Gq@XD{1?{Bv<Ks@f>M
zNN&H=<$14~PtE@29Q?6b;nq(brI|iI0&;6TCf8^=h;7N(CwJcI39Ig`o0kJB&2I+k
yJCx<lTgEc8c%9cLqmpwQ`yc*DTN1SL|7ooinSTp<G!qIy+0)b2&t;ucLK6U;N?e)%

literal 0
HcmV?d00001

diff --git a/static/image/phone-message/oppo/ka1.png b/static/image/phone-message/oppo/ka1.png
new file mode 100644
index 0000000000000000000000000000000000000000..bab42ba9bfe337120bf65f8db90c5d2a7f351c10
GIT binary patch
literal 629
zcmeAS@N?(olHy`uVBq!ia0vp^20(1X!3-qD<xZXhQr`l6LR^6~!+!>b{R|5G8AOhV
zD6AKdJIpV&pI2hLfYeT2ncaetJNPAc@k{Ix7T?7$wNprPm!R}60m(grQac5tb_+=C
z29knOyMSDf6p$?mMnDniT|!`Su<S07IEV{YBMo6d$emDex!s~ldn8r&%Bby=)!3(?
zxnIHPpqAq?E7#+;z9-%MPPqr4_K7$f6nQo{@qBdd<&2^$IhEH-I&Qag-D#V6uXp>)
zEjwOqyYlJM)lZkNeZF%0%dKbMpFaQb?B&mwZ+^ah`|Hhz-yeSc`}ObtzyJUL-(rw{
z0Q9(SNswPK0}~4euYjP4f`+b<iK%mVOhQ_2?xaam7A#(|{qW&a7w+7<|KRQW_aDCh
z`2F{v(}dUG85kHDJzX3_JdVG;cGK@rfJo~@<qlT|@4&zeZ6gugO@WSFeLRmGB+vie
z-{aA|vh!42`LQqibFN*FGqJRE`oVRS&oAef=IIL}AGfA7*7^JYcs{%RscH49SNrmF
zmTGUY`&zuew&d82$vbboe{#;UTC4JN?+-)6=y!)#+9)b)Dfi;&cyqg@A){@Ai%Rgp
z1M7SxP6%;yY5e$CxK>--_Ug_BW$%*~n9pQhQ21SGZ^VLs7Bjq9wzLO1JxKfW+~M`r
z(z_RX`1NM@J-)Ng^Ud*Cdv*l|#)#6ZFYCV)9JGsmc-VsBKmU{sdsTgSB%F>msEO=7
uHD7=ILe9DTd%D*xk`#OGl)0+=`+jE02<F9^nNxRx(vPRBpUXO@geCwwvl?0e

literal 0
HcmV?d00001

diff --git a/static/image/phone-message/oppo/nav-right-icon.png b/static/image/phone-message/oppo/nav-right-icon.png
new file mode 100644
index 0000000000000000000000000000000000000000..2f8214b03f24722f4fafa2c98c1a0ae038f5fa1a
GIT binary patch
literal 205
zcmeAS@N?(olHy`uVBq!ia0vp^9w5xZ3?!EyURMI76a#!hT!AzYC@3h%;{adgi~R(u
z;3^673ua)HkgTfSeEa90M`HK414RQpT^vI^jwdHbupVaR*twmZTOcUKEc>bnvs0H+
z_}VB*2amw3t3p?EacI6`(#l%U<vGv6+)^ND3EP*sOreJ|MS7N<xj4m=%gy*uhMNSd
a2s1;YsonncINutOt2|x(T-G@yGywoggE(^l

literal 0
HcmV?d00001

diff --git a/static/image/phone-message/oppo/send.png b/static/image/phone-message/oppo/send.png
new file mode 100644
index 0000000000000000000000000000000000000000..44b742a5a28a2438d5b0e5d5a20d76f7e4b5096b
GIT binary patch
literal 3797
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
LNkvXXu0mjfHxO}m

literal 0
HcmV?d00001

diff --git a/static/image/phone-message/oppo/unSend.png b/static/image/phone-message/oppo/unSend.png
new file mode 100644
index 0000000000000000000000000000000000000000..8d0227479028e3b0926829986e978fa5ca07658d
GIT binary patch
literal 2305
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
Z_?g_*5#v#M?#55X?&LY^lH-Wz{{Uk#7|Q?v

literal 0
HcmV?d00001

diff --git a/static/image/phone-message/vivo/back.png b/static/image/phone-message/vivo/back.png
new file mode 100644
index 0000000000000000000000000000000000000000..dd00e41eee9c66e827a13b8f6e5280dfef8b04df
GIT binary patch
literal 939
zcmeAS@N?(olHy`uVBq!ia0vp^HXzKw3=&b&bYNg$j12GzaRqWAAT%`8!NEaAMFmJ&
zT3YJq=~-J_8yg$j*w_HMK!%~Ap_P>tkYR3aZfa_3VPRorW(E|2$O1{AAdm|b1TuhX
z;IcqLpa@U_L=dPE$N+L747earJzNAX2oZruLD)bN0)T3O3?K<%pb0{(gD60gf^gwd
zK<yC6z(vrwaB;XstRiTFtflP5z>qB}3GxeOU}R!uVdvoF=H(X@5)l=Xl#x|XR94Z@
z(ALp6Fg7tYb8_+U^6~Qz4U340%go6wuBfc4X=rSjG<nMOS+nOZUbcMsij}L@ZP>7J
z`>x%4_U=D+^3=Htm#$p7e&^o(hmW5;d;aqE>$e|1eg5+0`;TA0|NQ;?Pt5p;Aux*j
zJzX3_BqZM+jEojalwf<1o}#dC)|`ejUQU^tk8UzLEw(}}qcx=El-Tr5g$w(i{`}8g
zY54w6L%H9l1HX@LTzvGTv`Sb`IJd`%{4cq8ot5GaI5+mQaFzC%bn$KRxmvX3{yAsO
zzcUVn@s=2I$97dQTD`0B5UjW$xm(ugQvQz%h0mS3$^^Z_%{8~F%f9fbO-<Qh$Gr5V
z*wORanlF6n7v9)Cr^)Z3u&V|8(#!dp-`=M$NWS-7Q*84E%bh8bmK7{Zzg%KezN^k=
z^>X>NM~^K^?(DAa`4YA{VAs~89`6scOwoH6P&2P!!Iw#oZbz<I8@R_fpxQSvULs>^
zxyGAf`6%;!!8gpGFMM+DUs_HsSJcy9Mc3C%Tl93lYec1LSUwMv{9Rbg<Mpp=>5tO8
zt(Rto*J~d7$uq^zHu=r@y(U}4zH9E{=b5sJzg%+llLaM@_>#9hbIdMF_7MCLP_%xn
z@iiUG3!Z0lf_bbeGknX~WHyR2>n^|Y#6!28<xfL96MtugsddIL4~_7bQzpzfX>IZC
a{$J(@fdlOw9#7doS<chd&t;ucLK6U~Ra8X)

literal 0
HcmV?d00001