From f29dd85faf553c7047bc96adfd12a9c589bbb5bc Mon Sep 17 00:00:00 2001
From: huxuejian <huxuejian@youkang.com>
Date: Thu, 2 Apr 2026 18:09:06 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E9=A6=96=E9=A1=B5=E8=B0=83=E6=95=B4=20?=
 =?UTF-8?q?=E5=9B=A2=E9=98=9F=E8=AF=A6=E6=83=85=E8=B0=83=E6=95=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 App.vue                    |  11 +++
 pages/home/consult.vue     |  18 +++-
 pages/home/home.vue        |   6 +-
 pages/home/team-guide.vue  | 121 ++++++++++++++++++++++++++
 pages/team/team-detail.vue | 173 ++++++++++++++++++++++++-------------
 static/teamleader.svg      |   7 ++
 static/teammate.svg        |  14 +++
 7 files changed, 286 insertions(+), 64 deletions(-)
 create mode 100644 pages/home/team-guide.vue
 create mode 100644 static/teamleader.svg
 create mode 100644 static/teammate.svg

diff --git a/App.vue b/App.vue
index 3755e27..326d821 100644
--- a/App.vue
+++ b/App.vue
@@ -91,6 +91,10 @@ page {
   display: inline-block;
 }
 
+.block {
+  display: block;
+}
+
 .flex {
   display: flex;
 }
@@ -398,6 +402,13 @@ page {
   overflow: hidden;
 }
 
+.line-clamp-3 {
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 3;
+  overflow: hidden;
+}
+
 .h-full {
   height: 100%;
 }
diff --git a/pages/home/consult.vue b/pages/home/consult.vue
index cd494c7..d3d6d05 100644
--- a/pages/home/consult.vue
+++ b/pages/home/consult.vue
@@ -1,9 +1,10 @@
 <template>
   <view class="consult-container">
-    <view class="consult-title">咨询互动</view>
+    <view class="consult-title">团队服务</view>
 
     <view class="consult-grid">
-      <view class="consult-item" v-for="item in consultItems" :key="item.id" @click="handleItemClick(item)">
+      <view class="consult-item" v-for="item in consultItems" :class="hideMenus[item.id] ? 'consult-item--hiden' : ''"
+        :key="item.id" @click="handleItemClick(item)">
         <view class="relative item-icon">
           <image :src="item.icon" class="icon-img" mode="aspectFill" />
           <view v-if="badgeMap[item.badge]" class="item-dot"></view>
@@ -19,7 +20,7 @@
 </template>
 
 <script setup>
-import { ref, watch } from "vue";
+import { computed, ref, watch } from "vue";
 import { storeToRefs } from "pinia";
 import useAccount from "@/store/account";
 import api from "@/utils/api";
@@ -80,6 +81,13 @@ const consultItems = ref([
     badge: 'rate'
   },
 ]);
+const hideMenus = computed(() => {
+  const result = {};
+  if (!props.team || !props.team.creator) {
+    result.chat = true;
+  }
+  return result;
+})
 
 function handleItemClick(item) {
   // 聊天咨询需要选择咨询人
@@ -227,6 +235,10 @@ defineExpose({
   cursor: pointer;
 }
 
+.consult-item--hiden {
+  display: none;
+}
+
 .item-icon {
   width: 80rpx;
   height: 80;
diff --git a/pages/home/home.vue b/pages/home/home.vue
index ca5ce3e..1b526c1 100644
--- a/pages/home/home.vue
+++ b/pages/home/home.vue
@@ -8,6 +8,9 @@
       <customer-archive ref="archiveRef" :corpId="corpId" :corpUserIds="corpUserIds" :team="team"
         @update:customers="handleCustomersUpdate" />
     </view>
+    <view class="home-section">
+      <team-guide :team="team" />
+    </view>
     <view class="home-section">
       <consult ref="consultRef" :corpId="corpId" :teamId="team.teamId" :team="team" :customers="customers" />
     </view>
@@ -35,7 +38,8 @@ import articleList from "./article-list.vue";
 import consult from "./consult.vue";
 import customerArchive from "./customer-archive.vue";
 import teamHead from "./team-head.vue";
-import teamMate from "./team-mate.vue";
+import teamGuide from "./team-guide.vue";
+// import teamMate from "./team-mate.vue";
 import ycHome from "./yc-home.vue";
 import pageLoading from "./loading.vue";
 
diff --git a/pages/home/team-guide.vue b/pages/home/team-guide.vue
new file mode 100644
index 0000000..eaf073d
--- /dev/null
+++ b/pages/home/team-guide.vue
@@ -0,0 +1,121 @@
+<template>
+  <view class="px-15">
+    <view v-if="qrcode && qrcode.guide" class="team-introduce-wrapper rounded shadow-lg">
+      <view class="team-introduce flex items-center">
+        <view class="team-introduce-border"></view>
+        <!-- <view class="triangle-wrapper">
+          <view class="team-triangle"></view>
+        </view> -->
+        <image class="laba-icon flex-shrink-0" src="/static/home/speaker-intro.png" mode="aspectFit"></image>
+        <view class="introduce-text flex-grow line-clamp-2">
+          {{ qrcode.guide }}
+        </view>
+      </view>
+    </view>
+  </view>
+</template>
+<script setup>
+import { computed } from "vue";
+
+const props = defineProps({
+  team: {
+    type: Object,
+    default: () => ({}),
+  }
+});
+
+const qrcode = computed(() => {
+  const qrcodes = props.team && Array.isArray(props.team.qrcodes) ? props.team.qrcodes : [];
+  return qrcodes[0] || ''
+})
+
+
+</script>
+<style scoped>
+.laba-icon {
+  width: 48rpx;
+  height: 48rpx;
+  margin-left: 12rpx;
+  margin-right: 12rpx;
+}
+
+.team-introduce-wrapper {
+  background: #fff;
+  z-index: 2;
+}
+
+.team-introduce {
+  width: 690rpx;
+  box-sizing: border-box;
+  background: linear-gradient(186deg,
+      rgba(255, 255, 255, 0.4) 13.34%,
+      rgba(255, 255, 255, 0.6) 99.17%);
+  border-radius: 16rpx;
+  padding: 20rpx;
+  position: relative;
+  overflow: visible;
+}
+
+.team-introduce-border {
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  border: 1px solid #fff;
+  border-radius: 16rpx;
+  pointer-events: none;
+  /* -webkit-mask-image: linear-gradient(to right, #000 0, #000 50rpx, transparent 50rpx, transparent 70rpx, #000 70rpx),
+    linear-gradient(#000, #000);
+  mask-image: linear-gradient(to right, #000 0, #000 50rpx, transparent 50rpx, transparent 70rpx, #000 70rpx),
+    linear-gradient(#000, #000);
+  -webkit-mask-size: 100% 1px, 100% 100%;
+  mask-size: 100% 1px, 100% 100%;
+  -webkit-mask-position: 0 0, 0 1px;
+  mask-position: 0 0, 0 1px;
+  -webkit-mask-repeat: no-repeat;
+  mask-repeat: no-repeat; */
+}
+
+.triangle-wrapper {
+  position: absolute;
+  top: -12rpx;
+  left: 60rpx;
+  width: 32rpx;
+  height: 12rpx;
+  overflow: hidden;
+  z-index: 10;
+  transform: translateX(-50%);
+}
+
+.team-triangle {
+  position: absolute;
+  left: 50%;
+  bottom: -9rpx;
+  width: 16rpx;
+  height: 16rpx;
+  background: linear-gradient(186deg,
+      rgba(255, 255, 255, 0.4) 13.34%,
+      rgba(255, 255, 255, 0.6) 99.17%);
+  transform: translateX(-50%) rotate(45deg);
+  border-top: 1px solid #fff;
+  border-left: 1px solid #fff;
+  box-sizing: border-box;
+}
+
+.introduce-text {
+  color: #333;
+  font-size: 24rpx;
+  font-style: normal;
+  font-weight: 400;
+  line-height: 36rpx;
+}
+
+.line-clamp-2 {
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 2;
+  line-clamp: 2;
+  overflow: hidden;
+}
+</style>
\ No newline at end of file
diff --git a/pages/team/team-detail.vue b/pages/team/team-detail.vue
index f29fd1c..01cdfbe 100644
--- a/pages/team/team-detail.vue
+++ b/pages/team/team-detail.vue
@@ -1,76 +1,57 @@
 <template>
-	<full-page>
-  <view v-if="team" class="p-15">
-    <view class="flex items-center">
-      <view class="flex-shrink-0 mr-10">
-        <group-avatar :size="96" :avatarList="avatarList" />
-      </view>
-      <view class="flex-grow w-0 leading-noraml">
-        <view class="mb-5 text-lg font-semibold text-dark">{{ team.name }}</view>
-        <view class="text-base text-gray">
-          {{ corpName }}
+  <full-page :pageStyle="pageStyle">
+    <view v-if="team" class="detail-wrapper">
+      <view class="linear-bg">
+        <view class="flex items-center pt-15 px-15">
+          <view class="flex-shrink-0 mr-10">
+            <group-avatar :size="128" :avatarList="avatarList" />
+          </view>
+          <view class="w-0 flex-grow">
+            <view class="name-title text-lg font-semibold text-dark truncate">{{ team.name }}</view>
+            <view class="corp-title text-sm text-gray truncate">{{ corpName }}</view>
+          </view>
         </view>
-      </view>
-    </view>
-    <view class="flex items-center justify-between mt-12" @click="showAllIntroduce = !showAllIntroduce">
-      <view class="text-dark font-semibold">团队介绍</view>
-      <uni-icons :type="showAllIntroduce ? 'up' : 'down'" size="20" color="#666"></uni-icons>
-    </view>
-    <view v-if="team.teamTroduce" class="mt-10 text-base text-dark leading-normal break-all pre-wrap"
-      :class="showAllIntroduce ? '' : 'line-clamp-2'" @click="showAllIntroduce = !showAllIntroduce">
-      {{ team.teamTroduce }}
-    </view>
-    <template v-if="teammate.leaders.length">
-      <view class="min-w-100 inline-block mt-12 px-10 py-5 text-center text-base text-white bg-primary rounded-sm">
-        团队负责人
-      </view>
-      <view v-for="i in teammate.leaders" :key="i._id" class="mt-12 flex p-10 border-primary rounded-sm"
-        @click="toHomePage(i.userid)">
-        <image class="flex-shrink-0 mr-10 avatar" :src="i.avatar || '/static/default-avatar.png'"></image>
-        <view class="w-0 flex-grow leading-normal">
-          <view class="flex items-center justify-between">
-            <view class="flex-shrink-0 mr-5 view-lg text-dark font-semibold">{{ i.anotherName }}</view>
-            <view class="w-0 flex-grow truncate text-base text-dark">
+        <view v-if="team.teamTroduce" class="px-15 leading-normal text-base text-blue">
+          {{ team.teamTroduce }}
+        </view>
+        <view class="pt-15"></view>
+        <image v-if="teammate.leaders.length" class="block mt-30 mx-auto icon-role" src="/static/teamleader.svg">
+        </image>
+        <view v-for="i in teammate.leaders" :key="i._id" class="mt-15 flex flex-col items-center">
+          <view class="ablum text-center p-10 flex flex-col items-center rounded-sm"
+            :class="friendlyMember[i.userid] ? 'ablum-pb' : ''" @click="toHomePage(i.userid)">
+            <image class="avatar mb-10" :src="i.avatar || '/static/default-avatar.png'"></image>
+            <view class="text-lg text-dark font-semibold">{{ i.anotherName }}</view>
+            <view class="mt-5 text-base text-gray">
               {{ memberJob[i.userid] }}
             </view>
-            <view v-if="friendlyMember[i.userid]"
-              class="flex-shrink-0 px-10 leading-normal text-sm border-auto text-primary rounded-full"
-              @click.stop="toFriend(i.userid)">
-              添加好友
+            <view v-if="friendlyMember[i.userid]" class="friend-bottom" @click.stop="toFriend(i.userid)">
+              可加好友
             </view>
           </view>
-          <view class="line-clamp-2 text-base text-gray">
-            {{ i.memberTroduce || '暂无简介' }}
+          <view class="mt-15 border-box w-full px-15 leading-normal text-base text-blue">
+            个人介绍: {{ i.memberTroduce || '暂无介绍' }}
           </view>
         </view>
-      </view>
-    </template>
-
-    <template v-if="teammate.members.length">
-      <view class="min-w-100 inline-block mt-12 px-10 py-5 text-center text-base text-white bg-primary rounded-sm">团队成员
-      </view>
-      <view v-for="i in teammate.members" :key="i._id" class="mt-12 flex p-10 border-primary rounded-sm"
-        @click="toHomePage(i.userid)">
-        <image class="flex-shrink-0 mr-10 avatar" :src="i.avatar || '/static/default-avatar.png'"></image>
-        <view class="w-0 flex-grow leading-normal">
-          <view class="flex items-center justify-between">
-            <view class="flex-shrink-0 mr-5 view-lg text-dark font-semibold">{{ i.anotherName }}</view>
-            <view class="w-0 flex-grow truncate text-base text-dark">
+        <image v-if="teammate.members.length" class="block mt-30 mx-auto icon-role" src="/static/teammate.svg"></image>
+        <view v-for="i in teammate.members" :key="i._id" class="mt-15 flex flex-col items-center">
+          <view class="ablum text-center p-10 flex flex-col items-center rounded-sm"
+            :class="friendlyMember[i.userid] ? 'ablum-pb' : ''" @click="toHomePage(i.userid)">
+            <image class="avatar mb-10" :src="i.avatar || '/static/default-avatar.png'"></image>
+            <view class="w-full text-lg text-dark font-semibold truncate px-10">{{ i.anotherName }}</view>
+            <view class="w-full mt-5 text-base text-gray truncate px-10">
               {{ memberJob[i.userid] }}
             </view>
-            <view v-if="friendlyMember[i.userid]"
-              class="flex-shrink-0 px-10 leading-normal text-sm border-auto text-primary rounded-full"
-              @click.stop="toFriend(i.userid)">
-              添加好友
+            <view v-if="friendlyMember[i.userid]" class="friend-bottom" @click.stop="toFriend(i.userid)">
+              可加好友
             </view>
           </view>
-          <view class="line-clamp-2 text-base text-gray">
-            {{ i.memberTroduce || '暂无简介' }}
+          <view class="mt-15 border-box w-full px-15 leading-normal text-base text-blue">
+            个人介绍: {{ i.memberTroduce || '暂无介绍' }}
           </view>
         </view>
       </view>
-    </template>
-  </view>
+    </view>
   </full-page>
 </template>
 <script setup>
@@ -82,6 +63,8 @@ import api from '@/utils/api';
 import groupAvatar from '@/components/group-avatar.vue';
 import FullPage from '@/components/full-page.vue';
 
+const pageStyle = "background: linear-gradient(180deg, #065BD6 15.05%, #F6FAFA 95.37%) 0 0/100% 562rpx no-repeat, #F6FAFA;";
+
 const corpId = ref('');
 const teamId = ref('');
 const team = ref(null);
@@ -133,6 +116,9 @@ async function getTeam() {
 onLoad(options => {
   corpId.value = options.corpId;
   teamId.value = options.teamId;
+  console.clear()
+  console.log(options.corpName)
+  console.log(decodeURIComponent(options.corpName || ''))
   corpName.value = decodeURIComponent(options.corpName || '');
 })
 onShow(() => {
@@ -157,11 +143,78 @@ page {
 }
 
 .avatar {
-  width: 120rpx;
-  height: 128rpx;
+  width: 216rpx;
+  height: 240rpx;
 }
 
 .pre-wrap {
   white-space: pre-wrap;
 }
+
+.detail-wrapper {
+  transform: translateY(200rpx);
+  background: #F5FAFF;
+  border-top-left-radius: 24rpx;
+  border-top-right-radius: 24rpx;
+  min-height: calc(100vh - 200rpx);
+  padding-bottom: 80rpx;
+  overflow: hidden;
+}
+
+.name-title {
+  height: 64rpx;
+  line-height: 64rpx;
+}
+
+.corp-title {
+  height: 44rpx;
+  line-height: 44rpx;
+}
+
+.text-blue {
+  color: #516276;
+}
+
+.linear-bg {
+  background: linear-gradient(180deg, #ffffff 0%, #f5faff 100%);
+}
+
+.icon-role {
+  margin-bottom: 30rpx;
+  width: 280rpx;
+  height: 60rpx;
+}
+
+.ablum {
+  width: 336rpx;
+  box-sizing: border-box;
+  border: 1rpx solid #9BB7D8;
+}
+
+.ablum-pb {
+  position: relative;
+  padding-bottom: 64rpx;
+}
+
+.mt-5 {
+  margin-top: 10rpx;
+}
+
+.friend-bottom {
+  position: absolute;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  height: 48rpx;
+  text-align: center;
+  line-height: 48rpx;
+  font-size: 24rpx;
+  color: #fff;
+  font-weight: bold;
+  background: #065BD6;
+}
+
+.mt-30 {
+  margin-top: 60rpx;
+}
 </style>
\ No newline at end of file
diff --git a/static/teamleader.svg b/static/teamleader.svg
new file mode 100644
index 0000000..2aaffeb
--- /dev/null
+++ b/static/teamleader.svg
@@ -0,0 +1,7 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 147 36" class="design-iconfont">
+  <path fill-rule="evenodd" clip-rule="evenodd" d="M0 0H147V36H0V0Z" fill="#065BD6"/>
+  <path d="M3.25 3.25H143.75V32.75H3.25V3.25Z" stroke="#F5FAFF" stroke-width=".5"/>
+  <path d="M28.06 11.4H39.6L40.36 10.26L41.76 11.52C41.8667 11.6 41.92 11.6667 41.92 11.72C41.92 11.7733 41.8667 11.8333 41.76 11.9L41.1 12.38V22.7C41.1 23.42 41.1267 24.2067 41.18 25.06L41.32 27C41.32 27.1867 41.1067 27.4 40.68 27.64C40.2667 27.88 40 28 39.88 28C39.7733 28 39.72 27.9067 39.72 27.72V26.26H27.7V27.3C27.7 27.4733 27.6533 27.6067 27.56 27.7C27.4667 27.8067 27.2667 27.9333 26.96 28.08C26.6667 28.24 26.4467 28.32 26.3 28.32C26.1533 28.32 26.08 28.18 26.08 27.9C26.08 27.82 26.0867 27.72 26.1 27.6C26.2467 26.3067 26.32 24.82 26.32 23.14V13.08C26.32 11.88 26.2933 10.9467 26.24 10.28L28.06 11.4ZM39.72 25.7V11.92H27.7V25.7H39.72ZM34.36 15.52V15.4C34.36 14.32 34.3333 13.22 34.28 12.1L35.96 12.66C36.1333 12.7267 36.22 12.7933 36.22 12.86C36.22 12.9133 36.14 12.9933 35.98 13.1L35.68 13.32V15.52H37.18L38.16 14.28L39.32 15.7C39.4133 15.82 39.46 15.92 39.46 16C39.46 16.0667 39.3533 16.1 39.14 16.1H35.68V23.06C35.68 23.5 35.6133 23.8533 35.48 24.12C35.3467 24.3733 35.08 24.6533 34.68 24.96C34.28 25.2533 34.0333 25.4 33.94 25.4C33.86 25.4 33.8 25.3067 33.76 25.12C33.68 24.6933 33.5133 24.3867 33.26 24.2C33.02 24 32.4467 23.7867 31.54 23.56L31.6 23.26C32.3867 23.3667 32.96 23.42 33.32 23.42C33.6933 23.42 33.96 23.38 34.12 23.3C34.28 23.22 34.36 23.0333 34.36 22.74V17.06C33.6667 18.3133 32.7067 19.5533 31.48 20.78C30.2667 21.9933 29.0933 22.8667 27.96 23.4L27.88 23.02C29.9867 21.4733 31.8733 19.1667 33.54 16.1H30.06C29.5 16.1 29.0467 16.1667 28.7 16.3L27.98 15.42C28.4867 15.4867 29.0467 15.52 29.66 15.52H34.36ZM56.46 11.88C56.42 11.9867 56.4 12.0867 56.4 12.18C56.28 14.6333 56.14 16.56 55.98 17.96C55.8333 19.3467 55.62 20.48 55.34 21.36C55.06 22.24 54.62 23.0933 54.02 23.92C53.42 24.7333 52.6467 25.4667 51.7 26.12C50.7533 26.7867 49.64 27.3467 48.36 27.8L48.12 27.52C49.36 26.8533 50.3933 26.1467 51.22 25.4C52.06 24.6667 52.7733 23.7867 53.36 22.76C53.9467 21.72 54.3467 20.62 54.56 19.46C54.7867 18.3 54.9533 16.7667 55.06 14.86C55.18 12.94 55.2267 11.1933 55.2 9.62L57.26 10.36C57.4067 10.4133 57.48 10.48 57.48 10.56C57.48 10.6267 57.4067 10.7067 57.26 10.8C57.1133 10.8933 56.9667 11.0333 56.82 11.22C56.9133 13.66 57.24 15.9667 57.8 18.14C58.3733 20.3 59.1867 22.0733 60.24 23.46C61.2933 24.8333 62.2933 25.68 63.24 26L63.16 26.3C62.3067 26.2467 61.72 26.52 61.4 27.12C61.3467 27.2267 61.2867 27.28 61.22 27.28C61.0067 27.28 60.4 26.5267 59.4 25.02C58.4133 23.5133 57.6867 21.8267 57.22 19.96C56.7667 18.0933 56.5133 15.4 56.46 11.88ZM47.68 11.22H50.12L50.74 10.2L52.38 11.44C52.4867 11.5333 52.54 11.6133 52.54 11.68C52.54 11.7333 52.4733 11.7733 52.34 11.8C51.94 11.9067 51.5267 12.3333 51.1 13.08L49.16 16.38C50.12 17.14 50.8267 17.8533 51.28 18.52C51.7467 19.1867 51.98 19.9067 51.98 20.68C51.98 21.1467 51.8467 21.6 51.58 22.04C51.3267 22.4667 50.9733 22.8333 50.52 23.14C50.0667 23.4333 49.7667 23.58 49.62 23.58C49.4867 23.58 49.42 23.48 49.42 23.28C49.42 22.5733 48.8733 22.0733 47.78 21.78L47.8 21.48C48.4133 21.6 48.9267 21.66 49.34 21.66C49.7667 21.66 50.0733 21.56 50.26 21.36C50.46 21.1467 50.56 20.74 50.56 20.14C50.56 19.5267 50.3733 18.92 50 18.32C49.64 17.72 49.1333 17.0933 48.48 16.44L50.22 11.76H47.44V23.08C47.44 24.3867 47.4533 25.32 47.48 25.88C47.5067 26.4533 47.52 26.7667 47.52 26.82C47.52 27.0733 47.32 27.3133 46.92 27.54C46.5333 27.7667 46.2733 27.88 46.14 27.88C46.02 27.88 45.96 27.7333 45.96 27.44L46.06 25.24C46.1133 24.3067 46.14 23.4333 46.14 22.62V13.52C46.14 12.4533 46.1067 11.3667 46.04 10.26L47.68 11.22ZM74.48 15.72H78.96L79.84 14.64L81.3 15.64C81.46 15.7467 81.54 15.84 81.54 15.92C81.54 16 81.46 16.0867 81.3 16.18L80.72 16.56V20.26C80.72 20.6867 80.7333 21.0867 80.76 21.46L80.82 22.38C80.82 22.5933 80.6133 22.8133 80.2 23.04C79.8 23.2533 79.54 23.36 79.42 23.36C79.3133 23.36 79.26 23.2667 79.26 23.08V16.28H70.62V22.88C70.62 23.1333 70.54 23.3133 70.38 23.42C70.2333 23.5267 70.0333 23.6333 69.78 23.74C69.54 23.8333 69.36 23.88 69.24 23.88C69.1333 23.88 69.06 23.8333 69.02 23.74C68.98 23.6467 68.9733 23.46 69 23.18C69.12 22.1133 69.18 21.0933 69.18 20.12V17.46C69.18 16.5933 69.16 15.8067 69.12 15.1C68 16.0733 66.8933 16.8733 65.8 17.5L65.58 17.26C68.5533 14.8067 70.76 12.1533 72.2 9.3L73.8 10.1C73.9733 10.18 74.06 10.2667 74.06 10.36C74.06 10.4533 73.9333 10.5467 73.68 10.64C73.44 10.72 73 11.12 72.36 11.84H76.56L77.76 10.78L79.24 12.26C79.3733 12.3933 79.44 12.5067 79.44 12.6C79.44 12.6933 79.3333 12.7467 79.12 12.76C78.3733 12.8 77.64 13.1133 76.92 13.7L74.48 15.72ZM70.82 15.72H73.92L76.6 12.38H71.88C71.0133 13.3533 70.1 14.2533 69.14 15.08L70.82 15.72ZM74.04 16.96L75.9 17.6C76.1 17.6667 76.2 17.7467 76.2 17.84C76.2 17.92 76.12 18.02 75.96 18.14C75.8 18.2467 75.6933 18.3733 75.64 18.52C75.6 18.6533 75.5667 18.8933 75.54 19.24C75.4333 20.5733 75.2333 21.6267 74.94 22.4C74.66 23.1733 74.1667 23.9333 73.46 24.68C72.7667 25.4267 71.6867 26.08 70.22 26.64C68.7533 27.2 67.1867 27.62 65.52 27.9L65.44 27.56C66.5467 27.2667 67.7067 26.8667 68.92 26.36C70.1333 25.8533 71.1667 25.2 72.02 24.4C72.8733 23.5867 73.4333 22.66 73.7 21.62C73.9667 20.58 74.08 19.0267 74.04 16.96ZM75.26 22.84C77.6067 23.36 79.46 23.9133 80.82 24.5C82.18 25.0733 82.86 25.7333 82.86 26.48C82.86 26.8533 82.7933 27.1467 82.66 27.36C82.54 27.5733 82.3733 27.68 82.16 27.68C81.9467 27.68 81.6867 27.5067 81.38 27.16C80.6733 26.3733 79.8133 25.6733 78.8 25.06C77.7867 24.46 76.56 23.86 75.12 23.26L75.26 22.84ZM94.64 16.74H100.38L101.5 15.46L102.76 16.94C102.867 17.0733 102.92 17.1667 102.92 17.22C102.92 17.2733 102.82 17.3 102.62 17.3H87.16C86.6667 17.3 86.2133 17.36 85.8 17.48L85.06 16.64C85.6067 16.7067 86.16 16.74 86.72 16.74H93.18V15.12H89.08C88.56 15.12 88.1 15.18 87.7 15.3L86.96 14.46C87.4533 14.54 88.0067 14.58 88.62 14.58H93.18V12.98H88.38C87.86 12.98 87.4067 13.0533 87.02 13.2L86.26 12.32C86.7667 12.4 87.32 12.44 87.92 12.44H93.18C93.18 11.3867 93.1467 10.4067 93.08 9.5L95.2 10.28C95.3467 10.3333 95.42 10.3933 95.42 10.46C95.42 10.5267 95.3467 10.6067 95.2 10.7L94.64 11.1V12.44H99.62L100.76 11.1L102.06 12.62C102.153 12.7533 102.2 12.8467 102.2 12.9C102.2 12.9533 102.1 12.98 101.9 12.98H94.64V14.58H98.32L99.28 13.42L100.44 14.76C100.52 14.88 100.56 14.9733 100.56 15.04C100.56 15.0933 100.467 15.12 100.28 15.12H94.64V16.74ZM90.08 19.38V24C90.08 24.1467 90.04 24.2667 89.96 24.36C89.8933 24.44 89.7133 24.5467 89.42 24.68C89.14 24.8133 88.9333 24.88 88.8 24.88C88.68 24.88 88.62 24.7467 88.62 24.48L88.68 22.56V19.86C88.68 19.3533 88.66 18.76 88.62 18.08L90.12 18.82H97.62L98.34 17.98L99.7 18.92C99.82 18.9867 99.88 19.06 99.88 19.14C99.88 19.22 99.8133 19.2933 99.68 19.36L99.22 19.64V21.9C99.22 22.34 99.2333 22.7067 99.26 23L99.34 23.66C99.34 23.8467 99.14 24.0267 98.74 24.2C98.3533 24.3733 98.0933 24.46 97.96 24.46C97.84 24.46 97.78 24.3733 97.78 24.2V19.38H90.08ZM93 19.88L94.72 20.62C94.9333 20.7133 95.04 20.8067 95.04 20.9C95.04 20.9933 94.9467 21.0667 94.76 21.12C94.5867 21.16 94.4733 21.2267 94.42 21.32C94.3667 21.4 94.32 21.6 94.28 21.92C94.0267 23.7733 93.1667 25.16 91.7 26.08C90.2467 27.0133 88.1733 27.6933 85.48 28.12L85.38 27.8C88.3133 26.96 90.32 26.02 91.4 24.98C92.48 23.9267 93.0133 22.2267 93 19.88ZM94.26 24C95.7267 24.3333 96.9 24.64 97.78 24.92C98.66 25.1867 99.3067 25.44 99.72 25.68C100.147 25.92 100.427 26.1467 100.56 26.36C100.693 26.5867 100.76 26.8867 100.76 27.26C100.76 27.7933 100.593 28.06 100.26 28.06C99.94 28.06 99.6667 27.9133 99.44 27.62C98.9067 26.98 98.32 26.46 97.68 26.06C97.04 25.66 95.8533 25.0733 94.12 24.3L94.26 24ZM114.14 12.1C114.073 12.26 114.047 12.4333 114.06 12.62C114.073 12.8067 114.08 13.1333 114.08 13.6C114.08 16.2667 113.827 18.4867 113.32 20.26C112.813 22.02 111.847 23.54 110.42 24.82C108.993 26.0867 107.16 27.1067 104.92 27.88L104.7 27.52C105.687 27.08 106.64 26.52 107.56 25.84C108.493 25.1733 109.32 24.3933 110.04 23.5C110.773 22.6067 111.32 21.6533 111.68 20.64C112.04 19.6133 112.32 18.2267 112.52 16.48C112.733 14.72 112.853 12.5667 112.88 10.02L115 10.8C115.213 10.8667 115.32 10.96 115.32 11.08C115.32 11.2 115.213 11.2867 115 11.34C114.8 11.3933 114.613 11.5067 114.44 11.68C114.573 13.3867 114.92 15.2067 115.48 17.14C116.053 19.06 116.673 20.5067 117.34 21.48C118.02 22.44 118.94 23.38 120.1 24.3C121.273 25.2067 122.34 25.8067 123.3 26.1L123.22 26.44C122.34 26.32 121.68 26.68 121.24 27.52C121.213 27.56 121.18 27.58 121.14 27.58C120.86 27.58 119.947 26.7933 118.4 25.22C116.853 23.66 115.773 21.82 115.16 19.7C114.547 17.5667 114.207 15.0333 114.14 12.1Z" fill="#F5FAFF"/>
+  <path fill="#F5FAFF" d="M16 16A2 2 0 1 0 16 20A2 2 0 1 0 16 16Z"/>
+  <path fill="#F5FAFF" d="M131 16A2 2 0 1 0 131 20A2 2 0 1 0 131 16Z"/>
+</svg>
diff --git a/static/teammate.svg b/static/teammate.svg
new file mode 100644
index 0000000..562a7cb
--- /dev/null
+++ b/static/teammate.svg
@@ -0,0 +1,14 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 133 36" class="design-iconfont">
+  <g clip-path="url(#k0i75p136__clip0_305_31470)">
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M0 0H133V36H0V0Z" fill="#065BD6"/>
+    <path d="M3.25 3.25H129.75V32.75H3.25V3.25Z" stroke="#F5FAFF" stroke-width=".5"/>
+    <path d="M31.06 11.4H42.6L43.36 10.26L44.76 11.52C44.8667 11.6 44.92 11.6667 44.92 11.72C44.92 11.7733 44.8667 11.8333 44.76 11.9L44.1 12.38V22.7C44.1 23.42 44.1267 24.2067 44.18 25.06L44.32 27C44.32 27.1867 44.1067 27.4 43.68 27.64C43.2667 27.88 43 28 42.88 28C42.7733 28 42.72 27.9067 42.72 27.72V26.26H30.7V27.3C30.7 27.4733 30.6533 27.6067 30.56 27.7C30.4667 27.8067 30.2667 27.9333 29.96 28.08C29.6667 28.24 29.4467 28.32 29.3 28.32C29.1533 28.32 29.08 28.18 29.08 27.9C29.08 27.82 29.0867 27.72 29.1 27.6C29.2467 26.3067 29.32 24.82 29.32 23.14V13.08C29.32 11.88 29.2933 10.9467 29.24 10.28L31.06 11.4ZM42.72 25.7V11.92H30.7V25.7H42.72ZM37.36 15.52V15.4C37.36 14.32 37.3333 13.22 37.28 12.1L38.96 12.66C39.1333 12.7267 39.22 12.7933 39.22 12.86C39.22 12.9133 39.14 12.9933 38.98 13.1L38.68 13.32V15.52H40.18L41.16 14.28L42.32 15.7C42.4133 15.82 42.46 15.92 42.46 16C42.46 16.0667 42.3533 16.1 42.14 16.1H38.68V23.06C38.68 23.5 38.6133 23.8533 38.48 24.12C38.3467 24.3733 38.08 24.6533 37.68 24.96C37.28 25.2533 37.0333 25.4 36.94 25.4C36.86 25.4 36.8 25.3067 36.76 25.12C36.68 24.6933 36.5133 24.3867 36.26 24.2C36.02 24 35.4467 23.7867 34.54 23.56L34.6 23.26C35.3867 23.3667 35.96 23.42 36.32 23.42C36.6933 23.42 36.96 23.38 37.12 23.3C37.28 23.22 37.36 23.0333 37.36 22.74V17.06C36.6667 18.3133 35.7067 19.5533 34.48 20.78C33.2667 21.9933 32.0933 22.8667 30.96 23.4L30.88 23.02C32.9867 21.4733 34.8733 19.1667 36.54 16.1H33.06C32.5 16.1 32.0467 16.1667 31.7 16.3L30.98 15.42C31.4867 15.4867 32.0467 15.52 32.66 15.52H37.36ZM59.46 11.88C59.42 11.9867 59.4 12.0867 59.4 12.18C59.28 14.6333 59.14 16.56 58.98 17.96C58.8333 19.3467 58.62 20.48 58.34 21.36C58.06 22.24 57.62 23.0933 57.02 23.92C56.42 24.7333 55.6467 25.4667 54.7 26.12C53.7533 26.7867 52.64 27.3467 51.36 27.8L51.12 27.52C52.36 26.8533 53.3933 26.1467 54.22 25.4C55.06 24.6667 55.7733 23.7867 56.36 22.76C56.9467 21.72 57.3467 20.62 57.56 19.46C57.7867 18.3 57.9533 16.7667 58.06 14.86C58.18 12.94 58.2267 11.1933 58.2 9.62L60.26 10.36C60.4067 10.4133 60.48 10.48 60.48 10.56C60.48 10.6267 60.4067 10.7067 60.26 10.8C60.1133 10.8933 59.9667 11.0333 59.82 11.22C59.9133 13.66 60.24 15.9667 60.8 18.14C61.3733 20.3 62.1867 22.0733 63.24 23.46C64.2933 24.8333 65.2933 25.68 66.24 26L66.16 26.3C65.3067 26.2467 64.72 26.52 64.4 27.12C64.3467 27.2267 64.2867 27.28 64.22 27.28C64.0067 27.28 63.4 26.5267 62.4 25.02C61.4133 23.5133 60.6867 21.8267 60.22 19.96C59.7667 18.0933 59.5133 15.4 59.46 11.88ZM50.68 11.22H53.12L53.74 10.2L55.38 11.44C55.4867 11.5333 55.54 11.6133 55.54 11.68C55.54 11.7333 55.4733 11.7733 55.34 11.8C54.94 11.9067 54.5267 12.3333 54.1 13.08L52.16 16.38C53.12 17.14 53.8267 17.8533 54.28 18.52C54.7467 19.1867 54.98 19.9067 54.98 20.68C54.98 21.1467 54.8467 21.6 54.58 22.04C54.3267 22.4667 53.9733 22.8333 53.52 23.14C53.0667 23.4333 52.7667 23.58 52.62 23.58C52.4867 23.58 52.42 23.48 52.42 23.28C52.42 22.5733 51.8733 22.0733 50.78 21.78L50.8 21.48C51.4133 21.6 51.9267 21.66 52.34 21.66C52.7667 21.66 53.0733 21.56 53.26 21.36C53.46 21.1467 53.56 20.74 53.56 20.14C53.56 19.5267 53.3733 18.92 53 18.32C52.64 17.72 52.1333 17.0933 51.48 16.44L53.22 11.76H50.44V23.08C50.44 24.3867 50.4533 25.32 50.48 25.88C50.5067 26.4533 50.52 26.7667 50.52 26.82C50.52 27.0733 50.32 27.3133 49.92 27.54C49.5333 27.7667 49.2733 27.88 49.14 27.88C49.02 27.88 48.96 27.7333 48.96 27.44L49.06 25.24C49.1133 24.3067 49.14 23.4333 49.14 22.62V13.52C49.14 12.4533 49.1067 11.3667 49.04 10.26L50.68 11.22ZM77.56 13.98C77.48 11.58 77.42 10.12 77.38 9.6L79.26 10.24C79.3933 10.28 79.46 10.3333 79.46 10.4C79.46 10.4667 79.4133 10.5533 79.32 10.66L78.88 11.18C78.8 12.1 78.76 12.74 78.76 13.1C78.76 13.4467 78.7667 13.74 78.78 13.98H83.2L84.44 12.5L85.76 14.06C85.9067 14.2333 85.98 14.36 85.98 14.44C85.98 14.5067 85.8667 14.54 85.64 14.54H78.8C79.0933 18.0467 79.6067 20.54 80.34 22.02C81.2067 20.6067 81.9533 18.7467 82.58 16.44L84.24 17.28C84.4267 17.3867 84.52 17.48 84.52 17.56C84.52 17.64 84.4067 17.7 84.18 17.74C83.9533 17.7667 83.6933 18.1067 83.4 18.76C82.6267 20.4933 81.8133 21.94 80.96 23.1C81.2533 23.5 81.5733 23.88 81.92 24.24C82.28 24.5867 82.6867 24.9333 83.14 25.28C83.6067 25.64 83.88 25.84 83.96 25.88C84.0533 25.92 84.1533 25.94 84.26 25.94C84.38 25.94 84.5067 25.8733 84.64 25.74C84.7733 25.6067 84.86 25.4867 84.9 25.38L85.98 22.8L86.28 22.86C85.9333 24.4333 85.76 25.46 85.76 25.94C85.76 26.42 85.84 26.82 86 27.14C86.16 27.46 86.24 27.6933 86.24 27.84C86.24 28.08 86.1 28.2 85.82 28.2C85.4067 28.2 84.6 27.84 83.4 27.12C82.2 26.4133 81.14 25.38 80.22 24.02C78.7267 25.7533 76.78 26.9267 74.38 27.54L74.3 27.26C76.6067 26.1533 78.38 24.76 79.62 23.08C78.4333 20.8267 77.7533 17.98 77.58 14.54H71.88V18.04H75.08L75.64 17L76.84 18.12C76.96 18.2267 77.02 18.3133 77.02 18.38C77.02 18.4333 76.96 18.4933 76.84 18.56L76.42 18.86L76.02 23.4C75.94 24.36 75.6 25.08 75 25.56C74.4133 26.0533 74.0267 26.3 73.84 26.3C73.7333 26.3 73.66 26.18 73.62 25.94C73.5667 25.58 73.4267 25.3 73.2 25.1C72.9733 24.9133 72.56 24.7467 71.96 24.6L72 24.18C72.6133 24.2467 73.1133 24.28 73.5 24.28C73.9 24.28 74.1933 24.2067 74.38 24.06C74.58 23.9133 74.7 23.6133 74.74 23.16L75.16 18.6H71.88C71.88 20.9733 71.6067 22.8533 71.06 24.24C70.5267 25.6267 69.4867 26.96 67.94 28.24L67.68 27.98C68.5333 26.9933 69.1533 26.0933 69.54 25.28C69.94 24.4667 70.2133 23.4867 70.36 22.34C70.5067 21.18 70.58 19.5267 70.58 17.38V15.02C70.58 14.3267 70.56 13.62 70.52 12.9L72.06 13.98H77.56ZM80.32 10.16C81.2 10.36 81.86 10.6267 82.3 10.96C82.7533 11.28 82.98 11.6133 82.98 11.96C82.98 12.2933 82.88 12.6 82.68 12.88C82.48 13.1467 82.2533 13.28 82 13.28C81.92 13.28 81.8333 13.2267 81.74 13.12C81.6467 13.0133 81.58 12.8733 81.54 12.7C81.2867 11.78 80.84 11.0067 80.2 10.38L80.32 10.16ZM100.74 15H93.82V15.48C93.82 15.7067 93.78 15.8733 93.7 15.98C93.6333 16.0867 93.44 16.2133 93.12 16.36C92.8133 16.4933 92.6 16.56 92.48 16.56C92.36 16.56 92.3 16.44 92.3 16.2L92.36 15.04C92.3733 14.5867 92.38 14.0133 92.38 13.32V12C92.38 10.9867 92.3733 10.3667 92.36 10.14L93.9 11.06H100.5L101.28 10.14L102.78 11.26C102.873 11.3533 102.92 11.4267 102.92 11.48C102.92 11.5333 102.873 11.5933 102.78 11.66L102.26 11.96V13.58L102.36 15.24C102.36 15.4667 102.147 15.6667 101.72 15.84C101.307 16.0133 101.04 16.1 100.92 16.1C100.8 16.1 100.74 16.0267 100.74 15.88V15ZM93.82 14.44H100.74V11.64H93.82V14.44ZM92.6 17.88V23.66C92.6 23.8333 92.54 23.96 92.42 24.04C92.3133 24.12 92.1067 24.2267 91.8 24.36C91.4933 24.4933 91.2867 24.56 91.18 24.56C91.0867 24.56 91.04 24.4533 91.04 24.24L91.14 22.2V18.26C91.14 17.7267 91.1133 17.1067 91.06 16.4L92.62 17.32H101.56L102.24 16.36L103.84 17.44C103.96 17.5467 104.02 17.6267 104.02 17.68C104.02 17.7333 103.96 17.8067 103.84 17.9L103.34 18.22V21.2C103.34 21.7067 103.353 22.12 103.38 22.44C103.42 22.7467 103.44 22.9267 103.44 22.98C103.44 23.1667 103.22 23.36 102.78 23.56C102.34 23.7467 102.067 23.84 101.96 23.84C101.867 23.84 101.82 23.7533 101.82 23.58V17.88H92.6ZM96.12 18.58L98.08 19.24C98.2667 19.2933 98.36 19.3533 98.36 19.42C98.36 19.4867 98.2867 19.5533 98.14 19.62C97.8333 19.7667 97.6667 20.04 97.64 20.44C97.5733 21.7333 97.3 22.94 96.82 24.06C96.34 25.18 95.28 26.1067 93.64 26.84C92.0133 27.5867 90.16 28 88.08 28.08L87.98 27.78C90.2733 27.34 92.06 26.7333 93.34 25.96C94.62 25.1867 95.4133 24.1467 95.72 22.84C96.0267 21.52 96.16 20.1 96.12 18.58ZM97.66 23.64C102.167 24.5067 104.42 25.5133 104.42 26.66C104.42 27.0333 104.36 27.3267 104.24 27.54C104.133 27.7667 103.967 27.88 103.74 27.88C103.527 27.88 103.24 27.6733 102.88 27.26C102.24 26.5 101.487 25.88 100.62 25.4C99.7667 24.92 98.7267 24.4533 97.5 24L97.66 23.64Z" fill="#F5FAFF"/>
+    <path fill="#F5FAFF" d="M17 16A2 2 0 1 0 17 20A2 2 0 1 0 17 16Z"/>
+    <path fill="#F5FAFF" d="M117 16A2 2 0 1 0 117 20A2 2 0 1 0 117 16Z"/>
+  </g>
+  <defs>
+    <clipPath id="k0i75p136__clip0_305_31470">
+      <path fill="#fff" d="M0 0H133V36H0z"/>
+    </clipPath>
+  </defs>
+</svg>