新增添加到桌面引导

frontend/src/features/listings/views/MobileHomeView.css

@@ -82,6 +82,76 @@
   font-weight: 700;
 }
 
+.add-home-strip {
+  display: flex;
+  align-items: center;
+  gap: 9px;
+  min-height: 50px;
+  margin-top: 10px;
+  padding: 8px 10px;
+  border: 1px solid #fed7aa;
+  border-radius: 8px;
+  background: #fff7ed;
+  color: #7c2d12;
+  text-decoration: none;
+}
+
+.add-home-mark {
+  display: grid;
+  flex: 0 0 auto;
+  width: 34px;
+  height: 34px;
+  place-items: center;
+  border-radius: 8px;
+  background: linear-gradient(135deg, #ff7a1a, #ef4444);
+  color: #fff;
+  box-shadow: 0 8px 18px rgba(239, 68, 68, 0.2);
+}
+
+.add-home-copy {
+  display: grid;
+  flex: 1;
+  min-width: 0;
+  gap: 2px;
+}
+
+.add-home-copy strong,
+.add-home-copy small {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.add-home-copy strong {
+  color: #7c2d12;
+  font-size: 14px;
+  font-weight: 900;
+}
+
+.add-home-copy small {
+  color: #c2410c;
+  font-size: 11px;
+  font-weight: 700;
+}
+
+.add-home-cta {
+  display: grid;
+  flex: 0 0 auto;
+  min-width: 64px;
+  height: 32px;
+  place-items: center;
+  border-radius: 8px;
+  background: #ef4444;
+  color: #fff;
+  font-size: 13px;
+  font-weight: 900;
+  box-shadow: 0 8px 18px rgba(239, 68, 68, 0.18);
+}
+
+.add-home-strip:active {
+  transform: translateY(1px);
+}
+
 .fraud-tip {
   display: flex;
   align-items: center;

frontend/src/features/listings/views/MobileHomeView.vue

@@ -610,6 +610,16 @@ syncMobileHomeQuery()
           {{ supportLoading ? '接入中' : '客服' }}
         </button>
       </div>
+      <RouterLink class="add-home-strip" to="/m/add-home-guide" aria-label="查看添加到手机桌面教程">
+        <span class="add-home-mark">
+          <van-icon name="home-o" :size="18" />
+        </span>
+        <span class="add-home-copy">
+          <strong>添加到手机桌面</strong>
+          <small>下次像 App 一样快速打开</small>
+        </span>
+        <span class="add-home-cta">去添加</span>
+      </RouterLink>
       <van-search
         v-model="searchValue"
         shape="round"