diff --git a/src/App.vue b/src/App.vue
index 4e6d0d8..5ccb912 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -8,9 +8,6 @@
 	} from "@dcloudio/uni-app";
 	import websocket from "@/websocket";
 	import matchWebsocket from "@/matchWebsocket";
-	import {
-		getDeviceBatteryAPI
-	} from "@/apis";
 	import {
 		MESSAGETYPES
 	} from "@/constants";
@@ -27,7 +24,9 @@
 	} = storeToRefs(store);
 	const {
 		updateUser,
-		updateOnline,
+		updateDeviceStatus,
+		setDeviceOnline,
+		clearDeviceStatus,
 		showDeviceChargingDialog,
 		clearSessionState,
 		clearDevice
@@ -69,13 +68,19 @@
 		});
 	}
 
-	async function emitUpdateOnline() {
-		const data = await getDeviceBatteryAPI();
+	function emitUpdateOnline(nextOnline) {
 		const wasOnline = Boolean(online.value);
-		const nextOnline = Boolean(data.online);
-		updateOnline(nextOnline);
-		if (!device.value.deviceId || wasOnline === nextOnline) return;
-		audioManager.play(nextOnline ? "设备已连接" : "设备连接已断开");
+		setDeviceOnline(nextOnline === true);
+		if (!device.value.deviceId || wasOnline === (nextOnline === true)) return;
+		audioManager.play(nextOnline === true ? "设备已连接" : "设备连接已断开");
+	}
+
+	function onDeviceStatusPush(status) {
+		updateDeviceStatus(status);
+	}
+
+	function onShootSocketDisconnected() {
+		clearDeviceStatus();
 	}
 
 	function onDeviceBindInvalid() {
@@ -111,6 +116,10 @@
 	}
 
 	function onShootWsMsg(content) {
+		if (content?.event === "/addons/shoot/battery") {
+			onDeviceStatusPush(content.data);
+			return;
+		}
 		if(content.type === 'shoot-trigger'){
 			onDeviceShoot()
 		}
@@ -122,6 +131,7 @@
 		void audioManager.warmButton();
 		uni.$on("update-user", emitUpdateUser);
 		uni.$on("update-online", emitUpdateOnline);
+		uni.$on("shoot-socket-disconnected", onShootSocketDisconnected);
 		uni.$on("session-kicked-out", onSessionKickedOut);
 		uni.$on("device-bind-invalid", onDeviceBindInvalid);
 		uni.$on("device-charging", onDeviceCharging);
@@ -148,6 +158,7 @@
 	onHide(() => {
 		uni.$off("update-user", emitUpdateUser);
 		uni.$off("update-online", emitUpdateOnline);
+		uni.$off("shoot-socket-disconnected", onShootSocketDisconnected);
 		uni.$off("session-kicked-out", onSessionKickedOut);
 		uni.$off("device-bind-invalid", onDeviceBindInvalid);
 		uni.$off("device-charging", onDeviceCharging);
@@ -157,6 +168,7 @@
 		matchWebsocket.closeMatchWebSocket({
 			reason: "app-hide"
 		});
+		clearDeviceStatus();
 		websocket.closeWebSocket();
 	});
 </script>
diff --git a/src/apis.js b/src/apis.js
index 6bf5715..eb20f8f 100644
--- a/src/apis.js
+++ b/src/apis.js
@@ -28,7 +28,8 @@ try {
 const ADDONS_BASE_URL = BASE_URL.replace(/\/api\/shoot$/, "/api/shoot");
 const API_ROOT_URL = BASE_URL.replace(/\/api\/shoot$/, "");
 // 统一处理业务接口请求，包含登录态、业务错误和特定接口空响应兼容。
-function request(method, url, data = {}, baseUrl = BASE_URL, successCodes = [0]) {
+function request(method, url, data = {}, baseUrl = BASE_URL, successCodes = [0], options = {}) {
+    const {timeout = 10000, showErrorToast = true} = options;
     const token = uni.getStorageSync(
         `${uni.getAccountInfoSync().miniProgram.envVersion}_token`
     );
@@ -40,8 +41,16 @@ function request(method, url, data = {}, baseUrl = BASE_URL, successCodes = [0])
             method,
             header,
             data,
-            timeout: 10000,
+            timeout,
             success: (res) => {
+                if (
+                    url === "/user/hardwareBox/connectWifi" &&
+                    res.statusCode === 200 &&
+                    typeof res.data?.success === "boolean"
+                ) {
+                    resolve(res.data);
+                    return;
+                }
                 const acceptsEmptyResponse = [
                     "/user/hardwareBox/connectWifi",
                     "/user/device/unbindByQrcodeId",
@@ -111,10 +120,12 @@ function request(method, url, data = {}, baseUrl = BASE_URL, successCodes = [0])
                                 icon: "none",
                             });
                         }
-                        uni.showToast({
-                            title: message,
-                            icon: "none",
-                        });
+                        if (showErrorToast) {
+                            uni.showToast({
+                                title: message,
+                                icon: "none",
+                            });
+                        }
                         reject(error);
                         return;
                     }
@@ -122,7 +133,7 @@ function request(method, url, data = {}, baseUrl = BASE_URL, successCodes = [0])
                 }
             },
             fail: (err) => {
-                handleRequestError(err, url);
+                if (showErrorToast) handleRequestError(err, url);
                 reject(err);
             },
         });
@@ -281,6 +292,14 @@ export const getMyDevicesAPI = () => {
     return request("GET", "/user/device/getBindings");
 };
 
+export const getDeviceDetailAPI = (deviceId) => {
+    return request("GET", `/user/device/getDetail?deviceId=${encodeURIComponent(deviceId)}`);
+};
+
+export const updateDeviceAliasAPI = (deviceId, alias) => {
+    return request("POST", "/user/device/updateAlias", {deviceId, alias});
+};
+
 export const createPractiseAPI = (arrows, time, target) => {
     return request("POST", "/user/practice/create", {
         shootNumber: arrows,
@@ -561,28 +580,32 @@ export const laserCloseAPI = async () => {
     return request("POST", "/user/device/closeAim");
 };
 
-export const getDeviceBatteryAPI = async () => {
-    return request("GET", "/user/device/battery");
-};
-
 // 设备连接指定 WiFi，只下发 WiFi 凭证，不触发 OTA 升级。
 export const connectDeviceWifiAPI = async (ssid, password) => {
-    return request("POST", "/user/hardwareBox/connectWifi", {ssid, password});
+    return request(
+        "POST",
+        "/user/hardwareBox/connectWifi",
+        {ssid, password},
+        BASE_URL,
+        [0],
+        {timeout: 20000, showErrorToast: false}
+    );
 };
 
-// 获取硬件盒子版本信息，用于判断当前设备是否需要 OTA 升级。
-export const getHardwareBoxVersionAPI = async () => {
-    return request("GET", "/user/hardwareBox/version");
+// 查询设备当前联网类型及已连接的 WiFi 名称。
+export const getDeviceWifiStatusAPI = async () => {
+    return request("GET", "/user/device/wifiStatus", {}, BASE_URL, [0], {
+        showErrorToast: false,
+    });
 };
 
 // 发送硬件盒子 OTA 更新指令，服务端会返回后续轮询使用的任务 ID。
-export const sendHardwareBoxUpdateAPI = async (data) => {
-    return request("POST", "/user/hardwareBox/sendUpdate", data);
-};
-
-// 根据任务 ID 获取硬件盒子 OTA 更新状态。
-export const getHardwareBoxTaskStatusAPI = async (taskId) => {
-    return request("GET", `/user/hardwareBox/taskStatus?taskId=${taskId}`);
+export const sendHardwareBoxUpdateAPI = async ({versionNumber, wifiSsid, wifiPassword}) => {
+    return request("POST", "/user/hardwareBox/sendUpdate", {
+        versionNumber,
+        wifiSsid,
+        wifiPassword,
+    });
 };
 
 export const addNoteAPI = async (id, remark) => {
diff --git a/src/audioManager.js b/src/audioManager.js
index 595e25f..fec9d59 100644
--- a/src/audioManager.js
+++ b/src/audioManager.js
@@ -2,7 +2,7 @@ export const AUDIO_INTERRUPTION_BEGIN_EVENT = "audio-interruption-begin";
 export const AUDIO_INTERRUPTION_END_EVENT = "audio-interruption-end";
 export const RHYTHM_SHOOT_WINDOW_AUDIO_KEY = "请射箭";
 export const STABILITY_START_AUDIO_KEY =
-  "请在计时结束前能量条达到百分百";
+  "请在计时结束时能量条达到标记区域";
 export const STABILITY_ENERGY_50_AUDIO_KEY = "加油！到达50%啦";
 export const STABILITY_ENERGY_70_AUDIO_KEY =
   "70%啦！还差一点，胜利就在眼前";
@@ -12,7 +12,7 @@ const TRAINING_START_AUDIO_KEY_MAP = Object.freeze({
   endurance: "请于计时前完成累计环数和箭量",
   precision: "请射箭命中高亮区域",
   rhythm: "请在读条推进到标记区间内射箭",
-  stability: "请在计时结束前能量条达到百分百",
+  stability: STABILITY_START_AUDIO_KEY,
 });
 
 export const getTrainingStartAudioKey = (trainingType, fallback = "") =>
@@ -176,7 +176,7 @@ export const audioFils = {
   练习开始:
     "https://static.shelingxingqiu.com/attachment/2025-11-14/de88w0lmmt43nnfmoi.mp3",
   [STABILITY_START_AUDIO_KEY]:
-    "https://static.shelingxingqiu.com/shootaudio/%E8%AF%B7%E5%9C%A8%E8%AE%A1%E6%97%B6%E7%BB%93%E6%9D%9F%E5%89%8D%E8%83%BD%E9%87%8F%E6%9D%A1%E8%BE%BE%E5%88%B0%E7%99%BE%E5%88%86%E7%99%BE.MP3",
+    "https://static.shelingxingqiu.com/shootmini/static/audio0820/%E8%AF%B7%E5%9C%A8%E8%AE%A1%E6%97%B6%E7%BB%93%E6%9D%9F%E6%97%B6%E8%83%BD%E9%87%8F%E6%9D%A1%E8%BE%BE%E5%88%B0%E6%A0%87%E8%AE%B0%E5%8C%BA%E5%9F%9F.MP3",
   [STABILITY_ENERGY_50_AUDIO_KEY]:
     "https://static.shelingxingqiu.com/shootmini/static/audio0820/%E5%8A%A0%E6%B2%B9%EF%BC%81%E5%88%B0%E8%BE%BE50%25%E5%95%A6.MP3",
   [STABILITY_ENERGY_70_AUDIO_KEY]:
diff --git a/src/canvas.js b/src/canvas.js
index 853fae6..30be04a 100644
--- a/src/canvas.js
+++ b/src/canvas.js
@@ -451,7 +451,7 @@ export const generateShareImage = async (canvasId, data) => {
       hasPoint ? 756 : 402
     );
     renderText(ctx, "扫码打卡", 13, "#FFA118", 142, hasPoint ? 777 : 422);
-    const pointImg = await loadCanvasImage(canvas, "../static/point.png");
+    const pointImg = await loadCanvasImage(canvas, "https://static.shelingxingqiu.com/shootmini/static/point.png");
     ctx.drawImage(pointImg, 120, hasPoint ? 765 : 410, 18, 14);
     // 2D 即时绘制，无需 ctx.draw()
   } catch (e) {
@@ -635,7 +635,7 @@ export function renderScores(ctx, arrows = [], bgImg) {
         );
       } else {
         ctx.drawImage(
-          "/static/score-bg.png",
+          "https://static.shelingxingqiu.com/shootmini/static/score-bg.png",
           16 + (i % 9) * 30,
           290 + Math.ceil((i + 1) / 9) * 30,
           27,
@@ -657,7 +657,7 @@ export function renderScores(ctx, arrows = [], bgImg) {
         ctx.drawImage(bgImg, 24 + rowIndex * 42, i > 5 ? 362 : 320, 38, 38);
       } else {
         ctx.drawImage(
-          "/static/score-bg.png",
+          "https://static.shelingxingqiu.com/shootmini/static/score-bg.png",
           24 + rowIndex * 42,
           i > 5 ? 362 : 320,
           38,
@@ -708,10 +708,7 @@ export async function sharePractiseData(canvasId, type, user, data) {
 
     // 头像与段位框属于装饰图片，缺失时使用兜底或跳过，避免阻断分享。
     const loadProfileImage = async (src, fallbackSrc = "", label = "") => {
-      const normalizedSrc =
-        typeof src === "string" && src.startsWith("../static/")
-          ? src.slice(2)
-          : src;
+      const normalizedSrc = typeof src === "string" ? src : "";
       if (normalizedSrc) {
         try {
           const path = await loadImage(normalizedSrc);
@@ -725,20 +722,20 @@ export async function sharePractiseData(canvasId, type, user, data) {
 
     const avatarImgPromise = loadProfileImage(
       user?.avatar,
-      "/static/user-icon.png",
+      "https://static.shelingxingqiu.com/shootmini/static/user-icon.png",
       "avatar"
     );
     const lvlImgPromise = loadProfileImage(user?.lvlImage, "", "level");
 
-    let titleImageSrc = "/static/first-try-title.png";
+    let titleImageSrc = "https://static.shelingxingqiu.com/shootmini/static/first-try-title.png";
     if (type == 2) {
-      titleImageSrc = "/static/practise-one-title.png";
+      titleImageSrc = "https://static.shelingxingqiu.com/shootmini/static/practise-one-title.png";
     } else if (type == 3) {
-      titleImageSrc = "/static/practise-two-title.png";
+      titleImageSrc = "https://static.shelingxingqiu.com/shootmini/static/practise-two-title.png";
     }
     const titleImgPromise = loadCanvasImage(canvas, titleImageSrc);
-    const scoreBgImgPromise = loadCanvasImage(canvas, "/static/score-bg.png");
-    const qrCodeImgPromise = loadCanvasImage(canvas, "/static/qr-code.png");
+    const scoreBgImgPromise = loadCanvasImage(canvas, "https://static.shelingxingqiu.com/shootmini/static/score-bg.png");
+    const qrCodeImgPromise = loadCanvasImage(canvas, "https://static.shelingxingqiu.com/shootmini/static/qr-code.png");
 
     const [avatarImg, lvlImg, titleImg, scoreBgImg, qrCodeImg] =
       await Promise.all([
diff --git a/src/components/AppBackground.vue b/src/components/AppBackground.vue
index 7feadea..9495dad 100644
--- a/src/components/AppBackground.vue
+++ b/src/components/AppBackground.vue
@@ -81,6 +81,13 @@ const props = defineProps({
       src="https://static.shelingxingqiu.com/shootmini/static/app-bg9.png"
       mode="widthFix"
     />
+    <!-- 我的设备未绑定/绑定成功页面背景 -->
+    <image
+      class="bg-image"
+      v-if="type === 12"
+      src="https://static.shelingxingqiu.com/shootmini/static/device-assets/my-device-unbound-background.png"
+      mode="widthFix"
+    />
   <image
 	  class="bg-image"
 	  v-if="type === 10"
diff --git a/src/components/AppFooter.vue b/src/components/AppFooter.vue
index e58e45a..25b9523 100644
--- a/src/components/AppFooter.vue
+++ b/src/components/AppFooter.vue
@@ -1,15 +1,19 @@
 <script setup>
 const tabs = [
-  { image: "../static/tab-vip.png" },
+  { image: "https://static.shelingxingqiu.com/shootmini/static/tab-vip.png" },
   { image: "https://static.shelingxingqiu.com/shootmini/static/tab-point-book.png" },
   { image: "https://static.shelingxingqiu.com/shootmini/static/tab-mall.png" },
 ];
 
 function handleTabClick(index) {
   if (index === 0) {
-    uni.navigateTo({
-      url: "/pages/member/be-vip",
+    uni.showToast({
+        title: "功能尚未开启",
+        icon: "none",
     });
+    // uni.navigateTo({
+    //   url: "/pages/member/be-vip",
+    // });
   }
   if (index === 1) {
     uni.navigateTo({
@@ -18,7 +22,7 @@ function handleTabClick(index) {
   }
   if (index === 2) {
     uni.navigateTo({
-      url: "/pages/device-intro",
+      url: "/pages/device/device-intro",
     });
   }
 }
diff --git a/src/components/Avatar.vue b/src/components/Avatar.vue
index 470db77..7c0fce6 100644
--- a/src/components/Avatar.vue
+++ b/src/components/Avatar.vue
@@ -77,25 +77,25 @@ watch(
     />
     <image
       v-if="rank === 1"
-      src="../static/champ1.png"
+      src="https://static.shelingxingqiu.com/shootmini/static/champ1.png"
       mode="widthFix"
       class="avatar-rank"
     />
     <image
       v-if="rank === 2"
-      src="../static/champ2.png"
+      src="https://static.shelingxingqiu.com/shootmini/static/champ2.png"
       mode="widthFix"
       class="avatar-rank"
     />
     <image
       v-if="rank === 3"
-      src="../static/champ3.png"
+      src="https://static.shelingxingqiu.com/shootmini/static/champ3.png"
       mode="widthFix"
       class="avatar-rank"
     />
     <view v-if="rank > 3" class="rank-view">{{ rank }}</view>
     <image
-      :src="src || '../static/user-icon.png'"
+      :src="src || 'https://static.shelingxingqiu.com/shootmini/static/user-icon.png'"
       :mode="imageMode"
       :style="avatarImageStyle"
       class="avatar-image"
diff --git a/src/components/BackToGame.vue b/src/components/BackToGame.vue
index 1ebaf2c..5026772 100644
--- a/src/components/BackToGame.vue
+++ b/src/components/BackToGame.vue
@@ -104,7 +104,7 @@ onBeforeUnmount(() => {
     <block v-else-if="game.roomID">
       <text>返回房间</text>
     </block>
-    <image src="../static/back.png" mode="widthFix" />
+    <image src="https://static.shelingxingqiu.com/shootmini/static/back.png" mode="widthFix" />
   </view>
 </template>
 
diff --git a/src/components/BattleHeader.vue b/src/components/BattleHeader.vue
index 9cdc95e..9bee7a4 100644
--- a/src/components/BattleHeader.vue
+++ b/src/components/BattleHeader.vue
@@ -72,7 +72,7 @@ const isMember = (player = {}) => player.vip === true || player.sVip === true;
         </view>
         <image
           v-if="winner === 1"
-          src="../static/winner-badge.png"
+          src="https://static.shelingxingqiu.com/shootmini/static/winner-badge.png"
           mode="widthFix"
           class="left-winner-badge"
         />
@@ -100,7 +100,7 @@ const isMember = (player = {}) => player.vip === true || player.sVip === true;
         </view>
         <image
           v-if="winner === 2"
-          src="../static/winner-badge.png"
+          src="https://static.shelingxingqiu.com/shootmini/static/winner-badge.png"
           mode="widthFix"
           class="right-winner-badge"
         />
diff --git a/src/components/BowData.vue b/src/components/BowData.vue
index 409f98f..371cadf 100644
--- a/src/components/BowData.vue
+++ b/src/components/BowData.vue
@@ -58,7 +58,7 @@ const props = defineProps({
         </view>
       </view>
       <view @click="onClose">
-        <image src="../static/close-white.png" mode="widthFix" />
+        <image src="https://static.shelingxingqiu.com/shootmini/static/close-white.png" mode="widthFix" />
       </view>
     </view>
     <view :style="{ width: '100%', marginBottom: '20px' }">
diff --git a/src/components/BowPower.vue b/src/components/BowPower.vue
index 528c1e7..d72d6c9 100644
--- a/src/components/BowPower.vue
+++ b/src/components/BowPower.vue
@@ -1,44 +1,15 @@
 <script setup>
-import { ref, onMounted, onBeforeUnmount } from "vue";
-import { getDeviceBatteryAPI } from "@/apis";
+import useStore from "@/store";
+import { storeToRefs } from "pinia";
 
-const power = ref(0);
-const timer = ref(null);
-let disposed = false;
-let requestInFlight = false;
-
-const refreshPower = async () => {
-  if (disposed || requestInFlight) return;
-  requestInFlight = true;
-  try {
-    const data = await getDeviceBatteryAPI();
-    if (!disposed) power.value = data.battery;
-  } catch (_) {
-    // 电量轮询失败时等待下一轮，避免产生未处理的 Promise 拒绝。
-  } finally {
-    requestInFlight = false;
-  }
-};
-
-onMounted(async () => {
-  await refreshPower();
-  if (disposed) return;
-  timer.value = setInterval(() => {
-    void refreshPower();
-  }, 1000 * 10);
-});
-
-onBeforeUnmount(() => {
-  disposed = true;
-  clearInterval(timer.value);
-  timer.value = null;
-});
+const store = useStore();
+const { deviceBattery: power } = storeToRefs(store);
 </script>
 
 <template>
   <view class="container">
-    <image src="../static/b-power.png" mode="widthFix" />
-    <view>电量{{ power || 1 }}%</view>
+    <image src="https://static.shelingxingqiu.com/shootmini/static/b-power.png" mode="widthFix" />
+    <view>{{ power === null ? "电量--" : `电量${power}%` }}</view>
   </view>
 </template>
 
diff --git a/src/components/BowTarget.vue b/src/components/BowTarget.vue
index 77127b9..feb5063 100644
--- a/src/components/BowTarget.vue
+++ b/src/components/BowTarget.vue
@@ -527,7 +527,7 @@ onBeforeUnmount(() => {
     <view :class="['target', { 'target--shake': targetShaking }]">
       <view v-if="angle !== null" class="arrow-dir" :style="arrowStyle">
         <view :style="{ background: circleColor }">
-          <image src="../static/dot-circle.png" mode="widthFix" />
+          <image src="https://static.shelingxingqiu.com/shootmini/static/dot-circle.png" mode="widthFix" />
         </view>
       </view>
       <view v-if="stop" class="stop-sign">中场休息</view>
@@ -565,7 +565,7 @@ onBeforeUnmount(() => {
         <image
           v-if="pMode && isSvip && bow.ring > 0 && !shouldHideRedHit(index)"
           class="svip-hit-bg"
-          src="../static/vip/svip-xuan.png"
+          src="https://static.shelingxingqiu.com/shootmini/static/vip/svip-xuan.png"
           :style="getSvipHitBgStyle(bow)"
           mode="aspectFit"
         />
@@ -585,7 +585,7 @@ onBeforeUnmount(() => {
         <image
           v-if="pMode && isSvip && bow.ring > 0 && !shouldHideBlueHit(index)"
           class="svip-hit-bg"
-          src="../static/vip/svip-xuan.png"
+          src="https://static.shelingxingqiu.com/shootmini/static/vip/svip-xuan.png"
           :style="getSvipHitBgStyle(bow)"
           mode="aspectFit"
         />
diff --git a/src/components/BowTargetEdit.vue b/src/components/BowTargetEdit.vue
index ff7242c..16f880d 100644
--- a/src/components/BowTargetEdit.vue
+++ b/src/components/BowTargetEdit.vue
@@ -266,16 +266,16 @@ onBeforeUnmount(() => {
               @touchstart.stop="confirmAdd"
               :style="{ ...getNewPos() }"
             >
-              <image src="../static/arrow-edit-save.png" mode="widthFix" />
+              <image src="https://static.shelingxingqiu.com/shootmini/static/arrow-edit-save.png" mode="widthFix" />
             </view>
             <view class="edit-btn delete-btn" @touchstart.stop="deleteArrow">
-              <image src="../static/arrow-edit-delete.png" mode="widthFix" />
+              <image src="https://static.shelingxingqiu.com/shootmini/static/arrow-edit-delete.png" mode="widthFix" />
             </view>
             <view
               class="edit-btn drag-btn"
               @touchstart.stop="startDrag($event)"
             >
-              <image src="../static/arrow-edit-move.png" mode="widthFix" />
+              <image src="https://static.shelingxingqiu.com/shootmini/static/arrow-edit-move.png" mode="widthFix" />
             </view>
           </view>
         </view>
diff --git a/src/components/BubbleTip.vue b/src/components/BubbleTip.vue
index 4fdfdb6..7a61ccd 100644
--- a/src/components/BubbleTip.vue
+++ b/src/components/BubbleTip.vue
@@ -29,14 +29,14 @@ const props = defineProps({
   font-size: 24rpx;
 }
 .normal {
-  background-image: url("../static/bubble-tip.png");
+  background-image: url("https://static.shelingxingqiu.com/shootmini/static/bubble-tip.png");
   width: 157rpx;
   height: 105rpx;
   padding-top: 10px;
   padding-left: 30rpx;
 }
 .normal2 {
-  background-image: url("../static/bubble-tip4.png");
+  background-image: url("https://static.shelingxingqiu.com/shootmini/static/bubble-tip4.png");
   width: 190rpx;
   height: 105rpx;
   padding-top: 10px;
@@ -46,14 +46,14 @@ const props = defineProps({
   z-index: 1;
 }
 .long {
-  background-image: url("../static/bubble-tip2.png");
+  background-image: url("https://static.shelingxingqiu.com/shootmini/static/bubble-tip2.png");
   width: 370rpx;
   height: 70rpx;
   top: -50%;
   left: 49%;
 }
 .short {
-  background-image: url("../static/bubble-tip3.png");
+  background-image: url("https://static.shelingxingqiu.com/shootmini/static/bubble-tip3.png");
   width: 300rpx;
   height: 70rpx;
   top: -50%;
diff --git a/src/components/Container.vue b/src/components/Container.vue
index cf3c3dc..c06a5f2 100644
--- a/src/components/Container.vue
+++ b/src/components/Container.vue
@@ -124,7 +124,7 @@ const cancelMatching = async () => {
 const goCalibration = async () => {
   await laserAimAPI();
   uni.navigateTo({
-    url: "/pages/calibration",
+    url: "/pages/device/calibration",
   });
 };
 </script>
diff --git a/src/components/DeviceOnlineEffects.vue b/src/components/DeviceOnlineEffects.vue
new file mode 100644
index 0000000..a039ae5
--- /dev/null
+++ b/src/components/DeviceOnlineEffects.vue
@@ -0,0 +1,399 @@
+<script setup>
+import { computed } from "vue";
+
+const props = defineProps({
+  variant: {
+    type: String,
+    default: "home",
+    validator: (value) => ["home", "detail"].includes(value),
+  },
+});
+
+// 固定粒子分布营造随机感，避免每次进入页面时因运行时随机数产生位置跳变。
+const sparkSeeds = [
+  [1, "dot", 18, 98, -28, 5, 5, 2.3, 0.4],
+  [2, "streak", 23, 90, -38, 4, 18, 2, 1.1, true],
+  [3, "dot", 28, 112, -17, 6, 6, 2.8, 1.9, true],
+  [4, "dot", 32, 104, -12, 12, 12, 2.6, 0.7, true, true],
+  [5, "dot", 36, 88, -24, 4, 4, 1.8, 1.4],
+  [6, "streak", 40, 116, -8, 4, 20, 2.4, 2.2, true],
+  [7, "dot", 44, 96, -16, 7, 7, 2.1, 0.2],
+  [8, "dot", 48, 120, -4, 5, 5, 2.9, 1.3, true],
+  [9, "dot", 51, 110, 3, 14, 14, 3, 2.7, true, true],
+  [10, "streak", 54, 92, 8, 4, 22, 1.9, 0.8],
+  [11, "dot", 58, 105, 14, 6, 6, 2.5, 1.6, true],
+  [12, "dot", 62, 86, 21, 4, 4, 2, 0.5],
+  [13, "dot", 66, 114, 10, 7, 7, 2.7, 2.1, true],
+  [14, "streak", 70, 96, 28, 4, 18, 2.2, 1],
+  [15, "dot", 74, 108, 20, 11, 11, 2.8, 2.4, true, true],
+  [16, "dot", 80, 90, 35, 5, 5, 2.3, 0.3, true],
+  [17, "dot", 21, 118, -8, 4, 4, 2.6, 1.7],
+  [18, "streak", 27, 84, -31, 3, 16, 1.8, 0.6, true],
+  [19, "dot", 34, 122, -3, 6, 6, 2.9, 2.3, true],
+  [20, "dot", 42, 102, 5, 5, 5, 2.2, 0.9],
+  [21, "dot", 47, 88, -10, 13, 13, 2.7, 1.5, true, true],
+  [22, "streak", 56, 120, 16, 4, 21, 2.5, 2.6, true],
+  [23, "dot", 64, 100, 24, 7, 7, 2.4, 0.1],
+  [24, "dot", 72, 84, 38, 5, 5, 2, 1.2, true],
+  [25, "dot", 82, 116, 12, 4, 4, 2.8, 2],
+  [26, "dot", 68, 124, 7, 10, 10, 3.1, 2.9, true, true],
+  [27, "streak", 77, 98, 33, 4, 19, 2.1, 0.7, true],
+  [28, "dot", 29, 94, -20, 7, 7, 2.5, 1.4],
+  [29, "dot", 53, 126, 0, 5, 5, 2.3, 2.2, true],
+  [30, "dot", 60, 108, 18, 6, 6, 2.6, 0.4],
+];
+
+const deviceSparks = computed(() => {
+  const isDetail = props.variant === "detail";
+  const sizeScale = isDetail ? 1.25 : 1;
+  const bottomOffset = isDetail ? 120 : 0;
+
+  return sparkSeeds.map(([
+    id,
+    type,
+    left,
+    bottom,
+    angle,
+    width,
+    height,
+    duration,
+    delay,
+    long = false,
+    large = false,
+  ]) => ({
+    id,
+    type,
+    long,
+    large,
+    trackStyle: {
+      left: `${left}%`,
+      bottom: `${bottom + bottomOffset}rpx`,
+      transform: `rotate(${angle}deg)`,
+    },
+    sparkStyle: {
+      width: `${width * sizeScale}rpx`,
+      height: `${height * sizeScale}rpx`,
+      marginLeft: `${-(width * sizeScale) / 2}rpx`,
+      animationDuration: `${duration}s`,
+      animationDelay: `-${delay}s`,
+    },
+  }));
+});
+</script>
+
+<template>
+  <view
+    class="device-online-effects"
+    :class="`device-online-effects--${variant}`"
+  >
+    <view class="device-online-rays-stage">
+      <view class="device-online-rays-orbit">
+        <view class="device-online-ray device-online-ray--1" />
+        <view class="device-online-ray device-online-ray--2" />
+        <view class="device-online-ray device-online-ray--3" />
+        <view class="device-online-ray device-online-ray--4" />
+        <view class="device-online-ray device-online-ray--5" />
+        <view class="device-online-ray device-online-ray--6" />
+        <view class="device-online-ray device-online-ray--7" />
+      </view>
+    </view>
+
+    <view class="device-online-particles">
+      <view
+        v-for="spark in deviceSparks"
+        :key="spark.id"
+        class="device-online-spark-track"
+        :style="spark.trackStyle"
+      >
+        <view
+          class="device-online-spark"
+          :class="[
+            `device-online-spark--${spark.type}`,
+            {
+              'device-online-spark--long': spark.long,
+              'device-online-spark--large': spark.large,
+            }
+          ]"
+          :style="spark.sparkStyle"
+        />
+      </view>
+    </view>
+  </view>
+</template>
+
+<style scoped lang="scss">
+.device-online-effects {
+  position: absolute;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  z-index: 3;
+  overflow: hidden;
+  pointer-events: none;
+}
+
+/* 光束沿底座椭圆轨迹扫动，用位移、明暗和横向缩放表达前后纵深。 */
+.device-online-rays-stage {
+  position: absolute;
+  left: 0;
+  bottom: 112rpx;
+  width: 100%;
+  height: 140rpx;
+  overflow: hidden;
+  transform-origin: 50% 100%;
+}
+
+.device-online-rays-orbit {
+  position: absolute;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  transform-origin: 50% 100%;
+  animation: device-rays-rotate 6s ease-in-out infinite;
+}
+
+.device-online-ray {
+  position: absolute;
+  bottom: 0;
+  left: 50%;
+  width: 48rpx;
+  height: 132rpx;
+  margin-left: -24rpx;
+  transform-origin: 50% 100%;
+  border-radius: 50% 50% 12% 12%;
+  background: linear-gradient(
+    180deg,
+    rgba(255, 255, 244, 0) 0%,
+    rgba(255, 254, 239, 0.1) 36%,
+    rgba(255, 248, 215, 0.22) 72%,
+    rgba(255, 232, 151, 0.36) 100%
+  );
+}
+
+.device-online-ray--1 {
+  opacity: 0.55;
+  transform: rotate(-55deg);
+}
+
+.device-online-ray--2 {
+  width: 68rpx;
+  margin-left: -34rpx;
+  opacity: 0.72;
+  transform: rotate(-36deg);
+}
+
+.device-online-ray--3 {
+  width: 42rpx;
+  margin-left: -21rpx;
+  opacity: 0.6;
+  transform: rotate(-18deg);
+}
+
+.device-online-ray--4 {
+  width: 76rpx;
+  margin-left: -38rpx;
+  opacity: 0.82;
+}
+
+.device-online-ray--5 {
+  width: 46rpx;
+  margin-left: -23rpx;
+  opacity: 0.64;
+  transform: rotate(19deg);
+}
+
+.device-online-ray--6 {
+  width: 64rpx;
+  margin-left: -32rpx;
+  opacity: 0.7;
+  transform: rotate(38deg);
+}
+
+.device-online-ray--7 {
+  width: 44rpx;
+  margin-left: -22rpx;
+  opacity: 0.56;
+  transform: rotate(56deg);
+}
+
+.device-online-particles {
+  position: absolute;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+}
+
+.device-online-spark-track {
+  position: absolute;
+  width: 0;
+  height: 0;
+  transform-origin: center bottom;
+}
+
+.device-online-spark {
+  position: absolute;
+  bottom: 0;
+  left: 0;
+  background: #fff6bd;
+  box-shadow: 0 0 6rpx rgba(255, 225, 112, 0.65);
+  animation: device-spark-rise 2.4s linear infinite;
+}
+
+.device-online-spark--dot {
+  border-radius: 50%;
+}
+
+.device-online-spark--streak {
+  border-radius: 50%;
+  background: linear-gradient(
+    180deg,
+    rgba(255, 255, 235, 0) 0%,
+    rgba(255, 250, 205, 0.75) 45%,
+    #ffe379 100%
+  );
+}
+
+.device-online-spark--long {
+  animation-name: device-spark-rise-long;
+}
+
+.device-online-spark--large {
+  background: #fffbdc;
+  box-shadow:
+    0 0 10rpx rgba(255, 243, 174, 0.95),
+    0 0 20rpx rgba(255, 207, 74, 0.72);
+}
+
+.device-online-effects--detail .device-online-rays-stage {
+  bottom: 215rpx;
+  height: 190rpx;
+  transform: scaleX(1.35);
+}
+
+.device-online-effects--detail .device-online-ray {
+  height: 180rpx;
+}
+
+.device-online-effects--detail .device-online-rays-orbit {
+  animation-name: device-rays-rotate-detail;
+}
+
+.device-online-effects--detail .device-online-spark {
+  animation-name: device-spark-rise-detail;
+}
+
+.device-online-effects--detail .device-online-spark--long {
+  animation-name: device-spark-rise-detail-long;
+}
+
+@keyframes device-spark-rise {
+  0% {
+    opacity: 0;
+    transform: translateY(8rpx) scale(0.45);
+  }
+  16% {
+    opacity: 1;
+  }
+  72% {
+    opacity: 0.62;
+  }
+  100% {
+    opacity: 0;
+    transform: translateY(-148rpx) scale(1);
+  }
+}
+
+@keyframes device-spark-rise-long {
+  0% {
+    opacity: 0;
+    transform: translateY(8rpx) scale(0.4);
+  }
+  16% {
+    opacity: 1;
+  }
+  72% {
+    opacity: 0.55;
+  }
+  100% {
+    opacity: 0;
+    transform: translateY(-176rpx) scale(1);
+  }
+}
+
+@keyframes device-spark-rise-detail {
+  0% {
+    opacity: 0;
+    transform: translateY(12rpx) scale(0.45);
+  }
+  16% {
+    opacity: 1;
+  }
+  72% {
+    opacity: 0.62;
+  }
+  100% {
+    opacity: 0;
+    transform: translateY(-225rpx) scale(1);
+  }
+}
+
+@keyframes device-spark-rise-detail-long {
+  0% {
+    opacity: 0;
+    transform: translateY(12rpx) scale(0.4);
+  }
+  16% {
+    opacity: 1;
+  }
+  72% {
+    opacity: 0.55;
+  }
+  100% {
+    opacity: 0;
+    transform: translateY(-270rpx) scale(1);
+  }
+}
+
+@keyframes device-rays-rotate {
+  0%,
+  100% {
+    opacity: 0.48;
+    transform: translate(-42rpx, 4rpx) skewX(-8deg) scaleX(0.82);
+  }
+  25% {
+    opacity: 0.88;
+    transform: translate(0, 0) skewX(0deg) scaleX(1.05);
+  }
+  50% {
+    opacity: 0.48;
+    transform: translate(42rpx, 4rpx) skewX(8deg) scaleX(0.82);
+  }
+  75% {
+    opacity: 0.24;
+    transform: translate(0, 10rpx) skewX(0deg) scaleX(0.68);
+  }
+}
+
+@keyframes device-rays-rotate-detail {
+  0%,
+  100% {
+    opacity: 0.48;
+    transform: translate(-62rpx, 6rpx) skewX(-8deg) scaleX(0.82);
+  }
+  25% {
+    opacity: 0.88;
+    transform: translate(0, 0) skewX(0deg) scaleX(1.05);
+  }
+  50% {
+    opacity: 0.48;
+    transform: translate(62rpx, 6rpx) skewX(8deg) scaleX(0.82);
+  }
+  75% {
+    opacity: 0.24;
+    transform: translate(0, 14rpx) skewX(0deg) scaleX(0.68);
+  }
+}
+</style>
diff --git a/src/components/EditOption.vue b/src/components/EditOption.vue
index 555d4b2..fe6d52c 100644
--- a/src/components/EditOption.vue
+++ b/src/components/EditOption.vue
@@ -203,7 +203,7 @@ onMounted(async () => {
       <button hover-class="none">
         <image
           v-if="!noArrow"
-          src="../static/arrow-grey.png"
+          src="https://static.shelingxingqiu.com/shootmini/static/arrow-grey.png"
           mode="widthFix"
           :style="{ transform: expand ? 'rotateX(180deg)' : 'rotateX(0deg)' }"
         />
diff --git a/src/components/Guide.vue b/src/components/Guide.vue
index 9cf5c9d..c3b65b4 100644
--- a/src/components/Guide.vue
+++ b/src/components/Guide.vue
@@ -10,8 +10,8 @@ defineProps({
   },
 });
 const bubbleTypes = [
-  "../static/long-bubble.png",
-  "../static/long-bubble-middle.png",
+  "https://static.shelingxingqiu.com/shootmini/static/long-bubble.png",
+  "https://static.shelingxingqiu.com/shootmini/static/long-bubble-middle.png",
   "https://static.shelingxingqiu.com/shootmini/static/long-bubble-tall.png",
 ];
 </script>
diff --git a/src/components/Header.vue b/src/components/Header.vue
index c64e46e..82559e3 100644
--- a/src/components/Header.vue
+++ b/src/components/Header.vue
@@ -115,10 +115,10 @@ onBeforeUnmount(() => {
 <template>
   <view class="container">
     <view class="back-btn" @click="onClick">
-      <image v-if="whiteBackArrow" src="../static/back.png" mode="widthFix" />
+      <image v-if="whiteBackArrow" src="https://static.shelingxingqiu.com/shootmini/static/back.png" mode="widthFix" />
       <image
         v-if="!whiteBackArrow"
-        src="../static/back-black.png"
+        src="https://static.shelingxingqiu.com/shootmini/static/back-black.png"
         mode="widthFix"
       />
     </view>
@@ -156,12 +156,12 @@ onBeforeUnmount(() => {
           <text v-else class="truncate">{{ user.nickName }}</text>
           <image
             v-if="heat"
-            :src="`../static/hot${heat}.png`"
+            :src="`https://static.shelingxingqiu.com/shootmini/static/hot${heat}.png`"
             mode="widthFix"
           />
         </block>
         <block v-else>
-          <image src="../static/user-icon.png" mode="widthFix" />
+          <image src="https://static.shelingxingqiu.com/shootmini/static/user-icon.png" mode="widthFix" />
           <text>新来的弓箭手你好呀~</text>
         </block>
       </view>
@@ -229,7 +229,7 @@ onBeforeUnmount(() => {
       :style="battleRoomBtnStyle"
     >
       <text class="battle-room-number__text">房号: {{ game.roomNumber }}</text>
-      <image src="../static/share2.png" mode="widthFix" class="battle-room-number__icon" />
+      <image src="https://static.shelingxingqiu.com/shootmini/static/share2.png" mode="widthFix" class="battle-room-number__icon" />
     </button>
   </view>
 </template>
diff --git a/src/components/HeaderProgress.vue b/src/components/HeaderProgress.vue
index 936d5bd..bd80dad 100644
--- a/src/components/HeaderProgress.vue
+++ b/src/components/HeaderProgress.vue
@@ -146,7 +146,7 @@ onBeforeUnmount(() => {
     <text>{{ (tips || "").replace(/你/g, "").replace(/重回/g, "") }}</text>
     <text v-if="totalShot > 0"> ({{ currentShot }}/{{ totalShot }}) </text>
     <button v-if="!!tips" hover-class="none" @click="updateSound">
-      <image :src="`../static/sound${sound ? '' : '-off'}-yellow.png`" mode="widthFix" />
+      <image :src="`https://static.shelingxingqiu.com/shootmini/static/sound${sound ? '' : '-off'}-yellow.png`" mode="widthFix" />
     </button>
   </view>
 </template>
diff --git a/src/components/ModalDialog.vue b/src/components/ModalDialog.vue
index 5ab17a6..f0157e1 100644
--- a/src/components/ModalDialog.vue
+++ b/src/components/ModalDialog.vue
@@ -1,4 +1,6 @@
 <script setup>
+import IconButton from "./IconButton.vue";
+
 const props = defineProps({
   show: {
     type: Boolean,
@@ -28,6 +30,14 @@ const props = defineProps({
     type: Boolean,
     default: true,
   },
+  confirmDisabled: {
+    type: Boolean,
+    default: false,
+  },
+  showClose: {
+    type: Boolean,
+    default: false,
+  },
   onCancel: {
     type: Function,
     default: null,
@@ -36,6 +46,10 @@ const props = defineProps({
     type: Function,
     default: null,
   },
+  onClose: {
+    type: Function,
+    default: null,
+  },
 });
 
 const handleCancel = () => {
@@ -43,8 +57,13 @@ const handleCancel = () => {
 };
 
 const handleConfirm = () => {
+  if (props.confirmDisabled) return;
   props.onConfirm?.();
 };
+
+const handleClose = () => {
+  props.onClose?.();
+};
 </script>
 
 <template>
@@ -89,6 +108,7 @@ const handleConfirm = () => {
           <view
             v-if="showConfirm"
             class="dialog-button confirm"
+            :class="{ disabled: confirmDisabled }"
             @click="handleConfirm"
           >
             <text>{{ confirmText }}</text>
@@ -96,6 +116,13 @@ const handleConfirm = () => {
           
         </view>
       </view>
+      <view v-if="showClose" class="dialog-close">
+        <IconButton
+          src="https://static.shelingxingqiu.com/shootmini/static/close-gold-outline.png"
+          :width="30"
+          :onClick="handleClose"
+        />
+      </view>
     </view>
   </view>
 </template>
@@ -108,6 +135,7 @@ const handleConfirm = () => {
   top: 0;
   left: 0;
   background-color: rgba(0, 0, 0, 0.62);
+  flex-direction: column;
   justify-content: center;
   align-items: center;
   z-index: 999;
@@ -116,6 +144,7 @@ const handleConfirm = () => {
 .modal-wrap {
   position: relative;
   display: flex;
+  flex-direction: column;
   width: 549rpx;
   min-height: 318rpx;;
   padding-top: 168rpx;
@@ -222,6 +251,14 @@ const handleConfirm = () => {
   background-color: #ffda3f;
 }
 
+.dialog-button.confirm.disabled {
+  opacity: 0.62;
+}
+
+.dialog-close {
+  margin-top: 28rpx;
+}
+
 @keyframes rotateLight {
   from {
     transform: translateX(-50%) rotate(0deg);
diff --git a/src/components/OtaModal.vue b/src/components/OtaModal.vue
index 303c1a0..30af95b 100644
--- a/src/components/OtaModal.vue
+++ b/src/components/OtaModal.vue
@@ -1,10 +1,11 @@
 <script setup>
 import { computed } from "vue";
-import { getDeviceBatteryAPI } from "@/apis";
+import useStore from "@/store";
+import { storeToRefs } from "pinia";
 
-const OTA_MIN_BATTERY = 50;
-const OTA_LOW_BATTERY_TEXT = "电量不足 50%，暂不支持 OTA 升级";
 const OTA_OFFLINE_TEXT = "请先开启智能弓";
+const store = useStore();
+const { deviceStatus } = storeToRefs(store);
 
 const props = defineProps({
   visible: {
@@ -23,6 +24,10 @@ const props = defineProps({
     type: Number,
     default: 40,
   },
+  phase: {
+    type: String,
+    default: "",
+  },
   // 副标题：如“新版本将优化智能弓体验”
   description: {
     type: String,
@@ -47,28 +52,22 @@ const isSuccess = computed(() => props.state === "update_success");
 const isFailure = computed(() => props.state === "update_failure");
 // Clamp progress to keep the progress bar width within its container.
 const progressValue = computed(() => Math.min(100, Math.max(0, Number(props.progress) || 0)));
+const progressPhaseText = computed(() => {
+  const phaseText = {
+    started: "正在准备固件更新",
+    downloading: "正在下载固件",
+    installing: "正在安装固件",
+  };
+  return phaseText[props.phase] || "正在进行固件更新";
+});
 
-// 点击立即更新前先校验设备在线状态，再校验设备电量。
-const handleUpdateClick = async () => {
-  try {
-    const deviceStatus = await getDeviceBatteryAPI();
-    if (deviceStatus?.online !== true) {
-      uni.showToast({
-        title: OTA_OFFLINE_TEXT,
-        icon: "none",
-      });
-      return;
-    }
-
-    if (Number(deviceStatus?.battery) <= OTA_MIN_BATTERY) {
-      uni.showToast({
-        title: OTA_LOW_BATTERY_TEXT,
-        icon: "none",
-      });
-      return;
-    }
-  } catch (err) {
-    emit("update");
+// 点击立即更新前先校验设备在线状态。
+const handleUpdateClick = () => {
+  if (deviceStatus.value?.online !== true) {
+    uni.showToast({
+      title: OTA_OFFLINE_TEXT,
+      icon: "none",
+    });
     return;
   }
   emit("update");
@@ -140,10 +139,10 @@ const handleUpdateClick = async () => {
           <!-- 更新成功：图片左边距 34rpx，文案左边距 44rpx，按钮浮动底部居中 -->
           <block v-else-if="isSuccess">
             <image src="https://static.shelingxingqiu.com/shootmini/static/ota/update-ok.png" mode="aspectFit" class="result-title-img" style="width: 220rpx; height: 62rpx;" />
-            <text class="dialog-desc">请关机并重启智能弓</text>
+            <text class="dialog-desc">固件更新已完成</text>
             <view class="btn-group-result">
               <view class="primary-btn" @click="emit('done')">
-                <text class="primary-btn-text">完成</text>
+                <text class="primary-btn-text">关闭</text>
               </view>
             </view>
           </block>
@@ -152,9 +151,14 @@ const handleUpdateClick = async () => {
           <block v-else-if="isProgress">
             <image src="https://static.shelingxingqiu.com/shootmini/static/ota/update_progress.png" mode="aspectFit" class="result-title-img" style="width: 220rpx; height: 62rpx;" />
             <view class="progress-wrap">
+              <view class="progress-meta">
+                <text class="progress-phase">{{ progressPhaseText }}</text>
+                <text class="progress-value">{{ Math.floor(progressValue) }}%</text>
+              </view>
               <view class="progress-track">
                 <view class="progress-fill" :style="{ width: `${progressValue}%` }"></view>
               </view>
+              <text class="progress-warning">请勿离开当前页面！</text>
             </view>
           </block>
 
@@ -181,7 +185,7 @@ const handleUpdateClick = async () => {
       class="ota-close-below"
       @click="emit('close')"
     >
-      <image src="../static/sicon/close.png" mode="aspectFit" style="width: 56rpx; height: 56rpx;" />
+      <image src="https://static.shelingxingqiu.com/shootmini/static/sicon/close.png" mode="aspectFit" style="width: 56rpx; height: 56rpx;" />
     </view>
   </view>
 </template>
@@ -404,9 +408,26 @@ const handleUpdateClick = async () => {
 }
 .progress-wrap {
   width: 394rpx;
-  margin-top: 40rpx;
+  margin-top: 28rpx;
   margin-left: 44rpx;
 }
+.progress-meta {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  margin-bottom: 16rpx;
+  color: #ffffff;
+  font-size: 24rpx;
+  line-height: 34rpx;
+}
+.progress-phase {
+  flex: 1;
+}
+.progress-value {
+  flex-shrink: 0;
+  margin-left: 16rpx;
+  color: #fed847;
+}
 .progress-track {
   width: 100%;
   height: 18rpx;
@@ -419,6 +440,14 @@ const handleUpdateClick = async () => {
   background-color: #FED847;
   border-radius: 999rpx;
 }
+.progress-warning {
+  display: block;
+  margin-top: 16rpx;
+  color: rgba(255, 255, 255, 0.88);
+  font-size: 22rpx;
+  line-height: 32rpx;
+  text-align: center;
+}
 
 /* 关闭按钮（位于弹窗下方） */
 .ota-close-below {
diff --git a/src/components/PlayerScore.vue b/src/components/PlayerScore.vue
index fdbd010..79b032e 100644
--- a/src/components/PlayerScore.vue
+++ b/src/components/PlayerScore.vue
@@ -40,10 +40,10 @@ const getMemberNicknameClass = (player = {}) => [
         opacity:
           (scores[0] || []).length + (scores[1] || []).length === 12 ? 1 : 0,
       }"
-      src="../static/checked-green.png"
+      src="https://static.shelingxingqiu.com/shootmini/static/checked-green.png"
       mode="widthFix"
     />
-    <image :src="player.avatar || '../static/user-icon.png'" mode="widthFix" />
+    <image :src="player.avatar || 'https://static.shelingxingqiu.com/shootmini/static/user-icon.png'" mode="widthFix" />
     <view
       v-if="isMember(player)"
       :class="['player-score-name', ...getMemberNicknameClass(player)]"
diff --git a/src/components/PlayerScore2.vue b/src/components/PlayerScore2.vue
index 84df414..68f8331 100644
--- a/src/components/PlayerScore2.vue
+++ b/src/components/PlayerScore2.vue
@@ -30,25 +30,25 @@ const rowCount = new Array(6).fill(0);
     <view>
       <image
         v-if="rank === 1"
-        src="../static/champ1.png"
+        src="https://static.shelingxingqiu.com/shootmini/static/champ1.png"
         mode="widthFix"
         class="avatar-rank"
       />
       <image
         v-if="rank === 2"
-        src="../static/champ2.png"
+        src="https://static.shelingxingqiu.com/shootmini/static/champ2.png"
         mode="widthFix"
         class="avatar-rank"
       />
       <image
         v-if="rank === 3"
-        src="../static/champ3.png"
+        src="https://static.shelingxingqiu.com/shootmini/static/champ3.png"
         mode="widthFix"
         class="avatar-rank"
       />
       <view v-if="rank > 3" class="rank-view">{{ rank }}</view>
       <image
-        :src="avatar || '../static/user-icon.png'"
+        :src="avatar || 'https://static.shelingxingqiu.com/shootmini/static/user-icon.png'"
         mode="widthFix"
         :style="{ borderColor: topThreeColors[rank - 1] || '#fff' }"
       />
diff --git a/src/components/PlayerSeats.vue b/src/components/PlayerSeats.vue
index 5c38d56..e2bdc83 100644
--- a/src/components/PlayerSeats.vue
+++ b/src/components/PlayerSeats.vue
@@ -38,7 +38,7 @@ const seats = new Array(props.total).fill(1);
       <image src="https://static.shelingxingqiu.com/shootmini/static/player-bg.png" mode="widthFix" />
       <view v-if="players[index] && players[index].name" class="avatar">
         <Avatar
-          :src="players[index].avatar || '../static/user-icon.png'"
+          :src="players[index].avatar || 'https://static.shelingxingqiu.com/shootmini/static/user-icon.png'"
           :size="40"
         />
         <text
@@ -47,7 +47,7 @@ const seats = new Array(props.total).fill(1);
         >
       </view>
       <view v-else class="player-unknow">
-        <image src="../static/question-mark.png" mode="widthFix" />
+        <image src="https://static.shelingxingqiu.com/shootmini/static/question-mark.png" mode="widthFix" />
       </view>
       <view
         v-if="players[index] && players[index].name && isMember(players[index])"
@@ -72,7 +72,7 @@ const seats = new Array(props.total).fill(1);
       </text>
       <view v-if="index === 0" class="founder">管理员</view>
       <!-- <image
-        :src="`../static/player-${index + 1}.png`"
+        :src="`https://static.shelingxingqiu.com/shootmini/static/player-${index + 1}.png`"
         mode="widthFix"
         class="player-bg"
       /> -->
@@ -83,7 +83,7 @@ const seats = new Array(props.total).fill(1);
         class="remove-player"
         @click="() => removePlayer(players[index])"
       >
-        <image src="../static/close-white.png" mode="widthFix" />
+        <image src="https://static.shelingxingqiu.com/shootmini/static/close-white.png" mode="widthFix" />
       </button>
     </view>
   </view>
diff --git a/src/components/PointRankItem.vue b/src/components/PointRankItem.vue
index 7d52145..9d01bda 100644
--- a/src/components/PointRankItem.vue
+++ b/src/components/PointRankItem.vue
@@ -55,12 +55,12 @@ const onClick = async () => {
 
 <template>
   <view class="rank-item" :style="{ borderWidth: borderWidth + 'rpx' }">
-    <image v-if="data.rank === 1" src="../static/point-no1.png" />
-    <image v-else-if="data.rank === 2" src="../static/point-no2.png" />
-    <image v-else-if="data.rank === 3" src="../static/point-no3.png" />
+    <image v-if="data.rank === 1" src="https://static.shelingxingqiu.com/shootmini/static/point-no1.png" />
+    <image v-else-if="data.rank === 2" src="https://static.shelingxingqiu.com/shootmini/static/point-no2.png" />
+    <image v-else-if="data.rank === 3" src="https://static.shelingxingqiu.com/shootmini/static/point-no3.png" />
     <text v-else>{{ data.rank || "" }}</text>
     <view>
-      <Avatar :src="data.avatar || '../static/user-icon.png'" :size="36" />
+      <Avatar :src="data.avatar || 'https://static.shelingxingqiu.com/shootmini/static/user-icon.png'" :size="36" />
       <view>
         <view v-if="isMember(data)" :class="getMemberNicknameClass(data)">
           <text class="member-nickname__text">{{ data.name }}</text>
@@ -87,7 +87,7 @@ const onClick = async () => {
     <button hover-class="none" @click="onClick">
       <text>{{ likeCount }}</text>
       <image
-        :src="`../static/like-${like ? 'on' : 'off'}.png`"
+        :src="`https://static.shelingxingqiu.com/shootmini/static/like-${like ? 'on' : 'off'}.png`"
         mode="widthFix"
       />
     </button>
diff --git a/src/components/RewardUs.vue b/src/components/RewardUs.vue
index dd28005..87a6743 100644
--- a/src/components/RewardUs.vue
+++ b/src/components/RewardUs.vue
@@ -113,7 +113,7 @@ onMounted(async () => {
       @click="checked = !checked"
       :style="{ marginBottom: !checked ? '20rpx' : '0' }"
     >
-      <image v-if="checked" src="../static/checked.png" mode="widthFix" />
+      <image v-if="checked" src="https://static.shelingxingqiu.com/shootmini/static/checked.png" mode="widthFix" />
       <view v-else></view>
       <text>我想给建议(选填）</text>
     </view>
diff --git a/src/components/SButton.vue b/src/components/SButton.vue
index 541107f..811e0dc 100644
--- a/src/components/SButton.vue
+++ b/src/components/SButton.vue
@@ -69,7 +69,7 @@ const onBtnClick = debounce(async () => {
       <slot />
     </block>
     <block v-else>
-      <image src="../static/btn-loading.png" mode="widthFix" class="loading" />
+      <image src="https://static.shelingxingqiu.com/shootmini/static/btn-loading.png" mode="widthFix" class="loading" />
     </block>
   </button>
 </template>
diff --git a/src/components/SModal.vue b/src/components/SModal.vue
index ffcebb8..eb11bc1 100644
--- a/src/components/SModal.vue
+++ b/src/components/SModal.vue
@@ -60,7 +60,7 @@ watch(
         mode="widthFix"
       />
       <view class="close-btn" @click="onClose" v-if="!noBg">
-        <image src="../static/close-yellow.png" mode="widthFix" />
+        <image src="https://static.shelingxingqiu.com/shootmini/static/close-yellow.png" mode="widthFix" />
       </view>
       <slot></slot>
     </view>
diff --git a/src/components/ScorePanel.vue b/src/components/ScorePanel.vue
index d446669..6fa4301 100644
--- a/src/components/ScorePanel.vue
+++ b/src/components/ScorePanel.vue
@@ -71,7 +71,7 @@ watch(
         margin: 100 / (total * 2) + 'px',
       }"
     >
-      <image src="../static/score-bg.png" mode="widthFix" />
+      <image src="https://static.shelingxingqiu.com/shootmini/static/score-bg.png" mode="widthFix" />
       <text
         :style="{ fontWeight: arrows[index] !== undefined ? 'bold' : 'normal' }"
         >{{
@@ -93,7 +93,7 @@ watch(
   padding: 1vw 0;
 }
 .score-item {
-  /* background-image: url("../static/score-bg.png");
+  /* background-image: url("https://static.shelingxingqiu.com/shootmini/static/score-bg.png");
   background-size: cover;
   background-repeat: no-repeat;
   background-position: center; */
diff --git a/src/components/ScoreResult.vue b/src/components/ScoreResult.vue
index 1198663..8d46310 100644
--- a/src/components/ScoreResult.vue
+++ b/src/components/ScoreResult.vue
@@ -100,7 +100,7 @@ const openCoachComment = () => {
         <button @click="() => (showBowData = true)">
           <text>查看靶纸</text>
           <image
-            src="../static/enter-arrow-blue.png"
+            src="https://static.shelingxingqiu.com/shootmini/static/enter-arrow-blue.png"
             mode="widthFix"
             :style="{ width: '20px' }"
           />
@@ -116,13 +116,13 @@ const openCoachComment = () => {
         <block v-if="validArrows === total">
           <IconButton
             name="分享"
-            src="../static/share.png"
+            src="https://static.shelingxingqiu.com/shootmini/static/share.png"
             :onClick="onClickShare"
           />
           <IconButton
             v-if="isMember"
             name="教练点评"
-            src="../static/review.png"
+            src="https://static.shelingxingqiu.com/shootmini/static/review.png"
             :onClick="openCoachComment"
           />
         </block>
diff --git a/src/components/ScreenHint.vue b/src/components/ScreenHint.vue
index f84d245..598837d 100644
--- a/src/components/ScreenHint.vue
+++ b/src/components/ScreenHint.vue
@@ -14,8 +14,13 @@ const props = defineProps({
     type: String,
     default: "normal",
   },
+  contentHeight: {
+    type: String,
+    default: "",
+  },
 });
 const getContentHeight = () => {
+  if (props.contentHeight) return props.contentHeight;
   if (props.mode === "tall") return "50vw";
   if (props.mode === "square") return "74vw";
   return "36vw";
@@ -49,7 +54,7 @@ const getContentHeight = () => {
     </view>
     <IconButton
       v-if="!!onClose"
-      src="../static/close-gold-outline.png"
+      src="https://static.shelingxingqiu.com/shootmini/static/close-gold-outline.png"
       :width="30"
       :onClick="onClose"
     />
@@ -82,8 +87,7 @@ const getContentHeight = () => {
   position: absolute;
   width: 80vw;
   left: -7%;
-  bottom: -18vw;
+  bottom: -8rpx;
   z-index: -1;
-  transform: translateY(-75px);
 }
 </style>
diff --git a/src/components/ScreenHint2.vue b/src/components/ScreenHint2.vue
index b5d513b..c900381 100644
--- a/src/components/ScreenHint2.vue
+++ b/src/components/ScreenHint2.vue
@@ -25,7 +25,7 @@ const props = defineProps({
     </view>
     <IconButton
       v-if="!!onClose"
-      src="../static/close-white-outline.png"
+      src="https://static.shelingxingqiu.com/shootmini/static/close-white-outline.png"
       :width="30"
       :onClick="onClose"
     />
diff --git a/src/components/ShootProgress.vue b/src/components/ShootProgress.vue
index 5e1fea3..0df0139 100644
--- a/src/components/ShootProgress.vue
+++ b/src/components/ShootProgress.vue
@@ -207,7 +207,7 @@ onBeforeUnmount(() => {
       <text>{{ tipContent }}</text>
       <button hover-class="none" @click="updateSound">
         <image
-          :src="`../static/sound${sound ? '' : '-off'}-yellow.png`"
+          :src="`https://static.shelingxingqiu.com/shootmini/static/sound${sound ? '' : '-off'}-yellow.png`"
           mode="widthFix"
         />
       </button>
diff --git a/src/components/Signin.vue b/src/components/Signin.vue
index f938c1a..0fc96e6 100644
--- a/src/components/Signin.vue
+++ b/src/components/Signin.vue
@@ -12,12 +12,11 @@ import {
   getHomeData,
   getPhoneNumberAPI,
   getPhoneNumberAPIv2,
-  getDeviceBatteryAPI,
 } from "@/apis";
 
 import useStore from "@/store";
 const store = useStore();
-const { updateUser, updateDevice, updateOnline, clearDevice } = store;
+const { updateUser, updateDevice, clearDevice } = store;
 
 const props = defineProps({
   show: {
@@ -125,8 +124,6 @@ async function doLogin() {
         devices.bindings[0].deviceId,
         devices.bindings[0].deviceName
       );
-      const data = await getDeviceBatteryAPI();
-      updateOnline(data.online);
     } else {
       clearDevice();
     }
@@ -181,7 +178,7 @@ onShow(() => {
           <text v-else :style="{ color: noBg ? '#666' : '#fff9' }"
             >点击获取</text
           >
-          <image src="../static/enter.png" mode="widthFix" />
+          <image src="https://static.shelingxingqiu.com/shootmini/static/enter.png" mode="widthFix" />
         </button>
       </view>
       <view class="avatar" :style="{ borderColor: noBg ? '#E3E3E3' : '#fff3' }">
@@ -196,7 +193,7 @@ onShow(() => {
           <text v-else :style="{ color: noBg ? '#666' : '#fff9' }"
             >点击获取</text
           >
-          <image src="../static/enter.png" mode="widthFix" />
+          <image src="https://static.shelingxingqiu.com/shootmini/static/enter.png" mode="widthFix" />
         </button>
       </view>
       <view
@@ -220,7 +217,7 @@ onShow(() => {
         </block>
         <block v-else>
           <image
-            src="../static/btn-loading.png"
+            src="https://static.shelingxingqiu.com/shootmini/static/btn-loading.png"
             mode="widthFix"
             class="loading"
           />
@@ -231,7 +228,7 @@ onShow(() => {
           v-if="!agree"
           :style="{ borderColor: noBg ? '#E3E3E3' : '#fff' }"
         />
-        <image v-if="agree" src="../static/checked.png" mode="widthFix" />
+        <image v-if="agree" src="https://static.shelingxingqiu.com/shootmini/static/checked.png" mode="widthFix" />
         <view>
           <text>已同意并阅读</text>
           <view
diff --git a/src/components/TargetPicker.vue b/src/components/TargetPicker.vue
index c502817..e3f3f4b 100644
--- a/src/components/TargetPicker.vue
+++ b/src/components/TargetPicker.vue
@@ -81,7 +81,7 @@ const handleConfirm = () => {
           <view class="header-title-line-right"></view>
         </view>
         <view class="close-btn" @click="onClose">
-          <image src="../static/close-yellow.png" mode="widthFix" />
+          <image src="https://static.shelingxingqiu.com/shootmini/static/close-yellow.png" mode="widthFix" />
         </view>
       </view>
       <view class="target-options">
diff --git a/src/components/TeamAvatars.vue b/src/components/TeamAvatars.vue
index 8a41949..df58f7d 100644
--- a/src/components/TeamAvatars.vue
+++ b/src/components/TeamAvatars.vue
@@ -65,7 +65,7 @@ watch(
 <template>
   <view class="container">
     <image
-      :src="isRed ? '../static/flag-red.png' : '../static/flag-blue.png'"
+      :src="isRed ? 'https://static.shelingxingqiu.com/shootmini/static/flag-red.png' : 'https://static.shelingxingqiu.com/shootmini/static/flag-blue.png'"
       class="flag"
       :style="{
         [isRed ? 'left' : 'right']: '10rpx',
@@ -86,7 +86,7 @@ watch(
         [isRed ? 'left' : 'right']: getPos(item.id) + 'rpx',
       }"
     >
-      <image :src="item.avatar || '../static/user-icon.png'" mode="widthFix" />
+      <image :src="item.avatar || 'https://static.shelingxingqiu.com/shootmini/static/user-icon.png'" mode="widthFix" />
       <text
         v-if="isFirst(item.id)"
         :style="{ backgroundColor: isRed ? '#ff6060' : '#5fadff' }"
diff --git a/src/components/UserHeader.vue b/src/components/UserHeader.vue
index c382931..0b6e9cd 100644
--- a/src/components/UserHeader.vue
+++ b/src/components/UserHeader.vue
@@ -95,7 +95,7 @@ watch(
           </view>
           <!-- <image
             class="user-name-image"
-            src="../static/vip1.png"
+            src="https://static.shelingxingqiu.com/shootmini/static/vip1.png"
             mode="widthFix"
           /> -->
         </view>
@@ -117,7 +117,7 @@ watch(
       <view v-if="showRank === true" class="rank-info" @click="toRankListPage">
         <image
           class="rank-info-image"
-          src="../static/global-rank.png"
+          src="https://static.shelingxingqiu.com/shootmini/static/global-rank.png"
           mode="widthFix"
         />
         <block v-if="user.ranking > 0 && rankData.rank.length">
@@ -136,12 +136,12 @@ watch(
     </block>
     <block v-else>
       <view class="signin" @click="onSignin">
-        <image src="../static/user-icon.png" mode="widthFix" />
+        <image src="https://static.shelingxingqiu.com/shootmini/static/user-icon.png" mode="widthFix" />
         <view>
           <text>新来的弓箭手你好呀~</text>
           <view>
             <text>登录</text>
-            <image src="../static/enter-arrow-blue.png" mode="widthFix" />
+            <image src="https://static.shelingxingqiu.com/shootmini/static/enter-arrow-blue.png" mode="widthFix" />
           </view>
         </view>
       </view>
diff --git a/src/components/UserItem.vue b/src/components/UserItem.vue
index 758f370..fe3891a 100644
--- a/src/components/UserItem.vue
+++ b/src/components/UserItem.vue
@@ -25,7 +25,7 @@ defineProps({
     <view>
       <slot></slot>
       <view v-if="onClick !== null">
-        <image src="../static/enter.png" mode="widthFix" />
+        <image src="https://static.shelingxingqiu.com/shootmini/static/enter.png" mode="widthFix" />
       </view>
     </view>
   </view>
diff --git a/src/components/UserUpgrade.vue b/src/components/UserUpgrade.vue
index 002b899..3fc3df1 100644
--- a/src/components/UserUpgrade.vue
+++ b/src/components/UserUpgrade.vue
@@ -52,7 +52,7 @@ onBeforeUnmount(() => {
 <template>
   <view class="content" :style="{ display: show ? 'flex' : 'none' }">
     <view v-if="showRank" class="up-rank">
-      <image :src="user.avatar || '../static/user-icon.png'" mode="widthFix" />
+      <image :src="user.avatar || 'https://static.shelingxingqiu.com/shootmini/static/user-icon.png'" mode="widthFix" />
       <image :src="nextRankImage" mode="widthFix" />
       <image class="bg-effect" src="https://static.shelingxingqiu.com/shootmini/static/shining-bg.png" mode="widthFix" />
       <image
@@ -75,7 +75,7 @@ onBeforeUnmount(() => {
       />
     </view>
     <view class="text-content">
-      <image src="../static/update-text-bg.png" />
+      <image src="https://static.shelingxingqiu.com/shootmini/static/update-text-bg.png" />
       <text>恭喜你升级到</text>
       <text>{{ showRank ? nextRankTitle : `射灵${lvl}级` }}</text>
       <text>!</text>
diff --git a/src/composables/useOtaUpdate.js b/src/composables/useOtaUpdate.js
new file mode 100644
index 0000000..7c6c948
--- /dev/null
+++ b/src/composables/useOtaUpdate.js
@@ -0,0 +1,241 @@
+import { computed, ref } from "vue";
+import { sendHardwareBoxUpdateAPI } from "@/apis";
+import useStore from "@/store";
+import { storeToRefs } from "pinia";
+
+const OTA_PROGRESS_EVENT = "/addons/shoot/otaProgress";
+const OTA_RESULT_EVENT = "/addons/shoot/otaResult";
+const UPDATE_TIMEOUT = 10 * 60 * 1000;
+
+const phaseTextMap = {
+  started: "正在准备固件更新",
+  downloading: "正在下载固件",
+  installing: "正在安装固件",
+};
+
+// 设备详情中的 latestVersion 是升级目标，version 是当前固件版本。
+export const getOtaInfoFromDetail = (detail) => ({
+  versionNumber: String(detail?.latestVersion ?? "").trim(),
+  currentVersion: String(detail?.version ?? "").trim(),
+  versionInfo: String(detail?.versionInfo ?? "").trim(),
+  needUpdate: detail?.needUpdate === true || Number(detail?.needUpdate) === 1,
+  forceUpdate: detail?.forceUpdate === true || Number(detail?.forceUpdate) === 1,
+});
+
+// OTA 状态由首页、WiFi 设置页和我的设备页共享，页面切换后仍可继续接收进度。
+const updating = ref(false);
+const progress = ref(0);
+const phase = ref("started");
+const resultVisible = ref(false);
+const resultStatus = ref("");
+const resultReason = ref("");
+
+let deviceRef = null;
+let updateRunId = 0;
+let targetVersion = "";
+let lastFinishedVersion = "";
+let timeoutTimer = null;
+let successCallback = null;
+let socketListening = false;
+
+const phaseText = computed(
+  () => phaseTextMap[phase.value] || "正在进行固件更新"
+);
+const resultTitle = computed(() =>
+  resultStatus.value === "success" ? "固件更新完成" : "固件更新失败"
+);
+const resultContent = computed(() => {
+  if (resultStatus.value === "success") return "固件更新已完成";
+  return resultReason.value || "更新失败，请检查设备及网络后重试";
+});
+
+const clearTimers = () => {
+  clearTimeout(timeoutTimer);
+  timeoutTimer = null;
+};
+
+const resetActiveUpdate = () => {
+  clearTimers();
+  successCallback = null;
+};
+
+const finishUpdate = (status, reason = "", runId = updateRunId) => {
+  if (runId !== updateRunId || !updating.value) return;
+  const onSuccess = successCallback;
+  resetActiveUpdate();
+  updating.value = false;
+  resultStatus.value = status;
+  resultReason.value = reason;
+  lastFinishedVersion = targetVersion;
+  if (status === "success") {
+    progress.value = 100;
+    phase.value = "installing";
+    onSuccess?.();
+  }
+  resultVisible.value = true;
+};
+
+const isCurrentDeviceMessage = (data) => {
+  const messageDeviceId = String(data?.deviceId || "");
+  const currentDeviceId = String(deviceRef?.value?.deviceId || "");
+  return !messageDeviceId || !currentDeviceId || messageDeviceId === currentDeviceId;
+};
+
+const isCurrentVersionMessage = (data) => {
+  const messageVersion = String(data?.versionNumber || "");
+  return !messageVersion || !targetVersion || messageVersion === targetVersion;
+};
+
+// 页面切换导致弹窗关闭后，使用下一条进度消息恢复当前 OTA 会话。
+const recoverUpdateFromMessage = (data) => {
+  updateRunId += 1;
+  const runId = updateRunId;
+  targetVersion = String(data?.versionNumber || "");
+  lastFinishedVersion = "";
+  successCallback = null;
+  resultVisible.value = false;
+  resultStatus.value = "";
+  resultReason.value = "";
+  progress.value = 0;
+  phase.value = "started";
+  updating.value = true;
+  clearTimers();
+  timeoutTimer = setTimeout(() => {
+    finishUpdate("failed", "固件更新超时，请稍后重试", runId);
+  }, UPDATE_TIMEOUT);
+};
+
+function handleSocketMessage(message) {
+  if (Number(message?.code ?? 0) !== 0) return;
+  if (![OTA_PROGRESS_EVENT, OTA_RESULT_EVENT].includes(message?.event)) return;
+  if (!isCurrentDeviceMessage(message.data)) return;
+
+  const messageVersion = String(message.data?.versionNumber || "");
+
+  if (message.event === OTA_PROGRESS_EVENT) {
+    if (!updating.value) {
+      if (
+        lastFinishedVersion &&
+        (!messageVersion || messageVersion === lastFinishedVersion)
+      ) {
+        return;
+      }
+      recoverUpdateFromMessage(message.data);
+    } else if (!isCurrentVersionMessage(message.data)) {
+      return;
+    }
+    if (!targetVersion && messageVersion) targetVersion = messageVersion;
+
+    const nextProgress = Math.min(
+      100,
+      Math.max(0, Number(message.data?.progress) || 0)
+    );
+    progress.value = Math.max(progress.value, nextProgress);
+    if (phaseTextMap[message.data?.phase]) {
+      phase.value = message.data.phase;
+    }
+    return;
+  }
+
+  if (!updating.value) {
+    if (
+      lastFinishedVersion &&
+      (!messageVersion || messageVersion === lastFinishedVersion)
+    ) {
+      return;
+    }
+    recoverUpdateFromMessage(message.data);
+  } else if (!isCurrentVersionMessage(message.data)) {
+    return;
+  }
+  if (!targetVersion && messageVersion) targetVersion = messageVersion;
+
+  if (message.data?.status === "success") {
+    finishUpdate("success");
+  } else if (message.data?.status === "failed") {
+    finishUpdate("failed", message.data?.reason || "");
+  }
+}
+
+const startSocketListening = () => {
+  if (socketListening) return;
+  uni.$on("socket-inbox", handleSocketMessage);
+  socketListening = true;
+};
+
+export const useOtaUpdate = () => {
+  const store = useStore();
+  const { device } = storeToRefs(store);
+  deviceRef = device;
+  startSocketListening();
+
+  const startUpdate = async ({
+    versionNumber,
+    wifiSsid = "",
+    wifiPassword = "",
+    onSuccess,
+  }) => {
+    if (updating.value) return false;
+    const nextVersion = String(versionNumber || "").trim();
+    if (!nextVersion) {
+      uni.showToast({ title: "缺少固件目标版本", icon: "none" });
+      return false;
+    }
+
+    updateRunId += 1;
+    const runId = updateRunId;
+    targetVersion = nextVersion;
+    lastFinishedVersion = "";
+    successCallback = onSuccess || null;
+    resultVisible.value = false;
+    resultStatus.value = "";
+    resultReason.value = "";
+    progress.value = 0;
+    phase.value = "started";
+    updating.value = true;
+    clearTimers();
+    timeoutTimer = setTimeout(() => {
+      finishUpdate("failed", "固件更新超时，请稍后重试", runId);
+    }, UPDATE_TIMEOUT);
+
+    try {
+      const updateResult = await sendHardwareBoxUpdateAPI({
+        versionNumber: targetVersion,
+        wifiSsid,
+        wifiPassword,
+      });
+      if (runId !== updateRunId || !updating.value) return false;
+      if (!updateResult?.taskId) {
+        finishUpdate("failed", "固件更新任务创建失败，请稍后重试", runId);
+        return false;
+      }
+      return true;
+    } catch (error) {
+      if (runId === updateRunId) {
+        finishUpdate(
+          "failed",
+          error?.message || "固件更新请求失败，请稍后重试",
+          runId
+        );
+      }
+      return false;
+    }
+  };
+
+  const closeResult = () => {
+    resultVisible.value = false;
+  };
+
+  return {
+    updating,
+    progress,
+    phase,
+    phaseText,
+    resultVisible,
+    resultStatus,
+    resultTitle,
+    resultContent,
+    startUpdate,
+    closeResult,
+  };
+};
diff --git a/src/pages.json b/src/pages.json
index 524b208..87fe3da 100644
--- a/src/pages.json
+++ b/src/pages.json
@@ -21,9 +21,6 @@
     {
       "path": "pages/audio-test"
     },
-    {
-      "path": "pages/calibration"
-    },
     {
       "path": "pages/about-us"
     },
@@ -60,12 +57,6 @@
     {
       "path": "pages/match-page"
     },
-    {
-      "path": "pages/my-device"
-    },
-    {
-      "path": "pages/device-intro"
-    },
     {
       "path": "pages/user"
     },
@@ -105,16 +96,10 @@
     {
       "path": "pages/melee-bow-data"
     },
-    {
-      "path": "pages/mine-bow-data"
-    },
-    {
-      "path": "pages/ota-wifi",
-      "style": {
-        "navigationStyle": "custom"
-      }
-    }
-  ],
+    {
+      "path": "pages/mine-bow-data"
+    }
+  ],
   "globalStyle": {
     "backgroundColor": "@bgColor",
     "backgroundColorBottom": "@bgColorBottom",
@@ -159,6 +144,33 @@
     {
       "root": "pages/device",
       "pages": [
+        {
+          "path": "my-device"
+        },
+        {
+          "path": "device-qrcode"
+        },
+        {
+          "path": "device-bind-success"
+        },
+        {
+          "path": "device-bind-failure"
+        },
+        {
+          "path": "device-already-bound"
+        },
+        {
+          "path": "device-intro"
+        },
+        {
+          "path": "ota-wifi",
+          "style": {
+            "navigationStyle": "custom"
+          }
+        },
+        {
+          "path": "calibration"
+        },
         {
           "path": "unbind-device"
         }
diff --git a/src/pages/battle-result.vue b/src/pages/battle-result.vue
index 884b1fc..9408c1f 100644
--- a/src/pages/battle-result.vue
+++ b/src/pages/battle-result.vue
@@ -156,7 +156,7 @@ const checkBowData = () => {
       <view class="battle-winner">
         <image src="https://static.shelingxingqiu.com/shootmini/static/shining-bg.png" mode="widthFix" />
         <image
-          :src="ifWin ? '../static/you-win.png' : '../static/you-lost.png'"
+          :src="ifWin ? 'https://static.shelingxingqiu.com/shootmini/static/you-win.png' : 'https://static.shelingxingqiu.com/shootmini/static/you-lost.png'"
           mode="widthFix"
           class="scale-in"
         />
@@ -193,37 +193,37 @@ const checkBowData = () => {
           <image
             v-if="player.rank === 1"
             class="player-bg"
-            src="../static/melee-player-bg1.png"
+            src="https://static.shelingxingqiu.com/shootmini/static/melee-player-bg1.png"
             mode="aspectFill"
           />
           <image
             v-if="player.rank === 2"
             class="player-bg"
-            src="../static/melee-player-bg2.png"
+            src="https://static.shelingxingqiu.com/shootmini/static/melee-player-bg2.png"
             mode="aspectFill"
           />
           <image
             v-if="player.rank === 3"
             class="player-bg"
-            src="../static/melee-player-bg3.png"
+            src="https://static.shelingxingqiu.com/shootmini/static/melee-player-bg3.png"
             mode="aspectFill"
           />
           <image
             v-if="player.rank === 1"
             class="player-crown"
-            src="../static/champ1.png"
+            src="https://static.shelingxingqiu.com/shootmini/static/champ1.png"
             mode="widthFix"
           />
           <image
             v-if="player.rank === 2"
             class="player-crown"
-            src="../static/champ2.png"
+            src="https://static.shelingxingqiu.com/shootmini/static/champ2.png"
             mode="widthFix"
           />
           <image
             v-if="player.rank === 3"
             class="player-crown"
-            src="../static/champ3.png"
+            src="https://static.shelingxingqiu.com/shootmini/static/champ3.png"
             mode="widthFix"
           />
           <view v-if="player.rank > 3" class="view-crown">{{
diff --git a/src/pages/battle-room.vue b/src/pages/battle-room.vue
index d711151..eafbbc6 100644
--- a/src/pages/battle-room.vue
+++ b/src/pages/battle-room.vue
@@ -587,7 +587,7 @@ onBeforeUnmount(() => {
             <text v-else class="room-player-name">{{ owner.name }}</text>
           </view>
           <view v-else class="no-player" :style="{ transform: 'translateY(-60px)' }">
-            <image src="../static/question-mark.png" mode="widthFix" />
+            <image src="https://static.shelingxingqiu.com/shootmini/static/question-mark.png" mode="widthFix" />
           </view>
           <image src="https://static.shelingxingqiu.com/shootmini/static/versus.png" mode="widthFix" />
           <view v-if="opponent.id" class="player" :style="{ transform: 'translateY(60px)' }">
@@ -607,11 +607,11 @@ onBeforeUnmount(() => {
             <text v-else class="room-player-name">{{ opponent.name }}</text>
             <button v-if="owner.id === user.id" hover-class="none" class="remove-player"
               @click="() => removePlayer(opponent)">
-              <image src="../static/close-white.png" mode="widthFix" />
+              <image src="https://static.shelingxingqiu.com/shootmini/static/close-white.png" mode="widthFix" />
             </button>
           </view>
           <view class="no-player" v-else>
-            <image src="../static/question-mark.png" mode="widthFix" />
+            <image src="https://static.shelingxingqiu.com/shootmini/static/question-mark.png" mode="widthFix" />
           </view>
         </view>
       </view>
@@ -627,7 +627,7 @@ onBeforeUnmount(() => {
               <!-- 仅房主可见踢人按钮，且不能踢自己 -->
               <button v-if="owner.id !== item.id && item.id && owner.id === user.id" hover-class="none" class="remove-player"
                 @click="() => removePlayer(item)" :style="{ top: '-10rpx', right: '-10rpx' }">
-                <image src="../static/close-white.png" mode="widthFix" />
+                <image src="https://static.shelingxingqiu.com/shootmini/static/close-white.png" mode="widthFix" />
               </button>
             </view>
           </view>
@@ -636,7 +636,7 @@ onBeforeUnmount(() => {
           <view>
             <view v-for="(item, index) in redTeam" :key="index" class="choose-side-left-item">
               <button hover-class="none" v-if="item.id === user.id" @click="chooseTeam(0)">
-                <image src="../static/close-grey.png" mode="widthFix" />
+                <image src="https://static.shelingxingqiu.com/shootmini/static/close-grey.png" mode="widthFix" />
               </button>
               <view
                 v-if="item.id && isMember(item)"
@@ -653,7 +653,7 @@ onBeforeUnmount(() => {
                 <text :style="{ opacity: !!item.state ? 1 : 0 }">已准备</text>
               </view>
               <button v-else hover-class="none" @click="chooseTeam(2)">
-                <image src="../static/add-grey.png" mode="widthFix" />
+                <image src="https://static.shelingxingqiu.com/shootmini/static/add-grey.png" mode="widthFix" />
               </button>
             </view>
           </view>
@@ -664,7 +664,7 @@ onBeforeUnmount(() => {
                 <text :style="{ opacity: !!item.state ? 1 : 0 }">已准备</text>
               </view>
               <button v-else hover-class="none" @click="chooseTeam(1)">
-                <image src="../static/add-grey.png" mode="widthFix" />
+                <image src="https://static.shelingxingqiu.com/shootmini/static/add-grey.png" mode="widthFix" />
               </button>
               <view
                 v-if="item.id && isMember(item)"
@@ -677,7 +677,7 @@ onBeforeUnmount(() => {
               </view>
               <text v-else class="truncate">{{ item.name || "我要加入" }}</text>
               <button hover-class="none" v-if="item.id === user.id" @click="chooseTeam(0)">
-                <image src="../static/close-grey.png" mode="widthFix" />
+                <image src="https://static.shelingxingqiu.com/shootmini/static/close-grey.png" mode="widthFix" />
               </button>
             </view>
           </view>
diff --git a/src/pages/calibration.vue b/src/pages/device/calibration.vue
similarity index 100%
rename from src/pages/calibration.vue
rename to src/pages/device/calibration.vue
diff --git a/src/pages/device/composables/useDeviceBinding.js b/src/pages/device/composables/useDeviceBinding.js
new file mode 100644
index 0000000..f9ba5ec
--- /dev/null
+++ b/src/pages/device/composables/useDeviceBinding.js
@@ -0,0 +1,94 @@
+import { bindDeviceAPIV2 } from "@/apis";
+
+export function useDeviceBinding({
+  token,
+  confirmBindTip,
+  binding,
+  updateDevice,
+  deviceDetails,
+}) {
+  const showBindFailurePage = () => {
+    uni.hideToast();
+    uni.navigateTo({
+      url: "/pages/device/device-bind-failure",
+      fail: (error) => {
+        console.error("打开绑定失败页失败", error);
+        uni.showToast({ title: "二维码不正确，请重新扫码", icon: "none" });
+      },
+    });
+  };
+
+  const showAlreadyBoundPage = () => {
+    uni.navigateTo({
+      url: "/pages/device/device-already-bound",
+      fail: (error) => {
+        console.error("打开设备已绑定页失败", error);
+        uni.showToast({ title: "设备已绑定其他账号，请解绑后再绑定", icon: "none" });
+      },
+    });
+  };
+
+  const handleScan = () => {
+    uni.scanCode({
+      onlyFromCamera: true,
+      scanType: ["qrCode"],
+      success: (result) => {
+        if (!result?.result) {
+          showBindFailurePage();
+          return;
+        }
+        token.value = result.result;
+        confirmBindTip.value = true;
+      },
+      fail: (error) => {
+        const message = String(error?.errMsg || error?.message || "");
+        if (/cancel|取消/i.test(message)) return;
+        showBindFailurePage();
+      },
+    });
+  };
+
+  const confirmBind = async () => {
+    if (!token.value || binding.value) return;
+    binding.value = true;
+    try {
+      const result = await bindDeviceAPIV2(token.value);
+      confirmBindTip.value = false;
+      if (result?.binded) {
+        token.value = "";
+        showAlreadyBoundPage();
+        return;
+      }
+      const deviceId = String(result?.deviceId || "").trim();
+      const deviceName = String(result?.name || result?.deviceName || "").trim();
+      if (!deviceId || !deviceName) {
+        confirmBindTip.value = false;
+        token.value = "";
+        showBindFailurePage();
+        return;
+      }
+      const applyBoundDevice = () => {
+        updateDevice(deviceId, deviceName);
+        deviceDetails.value = result || {};
+      };
+      uni.navigateTo({
+        url: `/pages/device/device-bind-success?deviceId=${encodeURIComponent(deviceId)}`,
+        success: applyBoundDevice,
+        fail: (navigationError) => {
+          applyBoundDevice();
+          console.error("打开绑定成功页失败", navigationError);
+          uni.showToast({ title: "绑定成功，请返回查看设备", icon: "none" });
+        },
+      });
+    } catch (error) {
+      console.error("绑定设备失败", error);
+      confirmBindTip.value = false;
+      token.value = "";
+      showBindFailurePage();
+    } finally {
+      binding.value = false;
+    }
+  };
+
+  return { confirmBind, handleScan, showBindFailurePage };
+}
diff --git a/src/pages/device/composables/useDeviceStatus.js b/src/pages/device/composables/useDeviceStatus.js
new file mode 100644
index 0000000..57d5b44
--- /dev/null
+++ b/src/pages/device/composables/useDeviceStatus.js
@@ -0,0 +1,234 @@
+import { computed, ref } from "vue";
+import {
+  getDeviceDetailAPI,
+  getMyDevicesAPI,
+  unbindDeviceAPI,
+} from "@/apis";
+
+export const DEVICE_NAME_STORAGE_KEY = "device_name_overrides";
+
+export function useDeviceStatus({
+  user,
+  device,
+  deviceStatus,
+  deviceUsageDuration,
+  online,
+  updateDevice,
+  updateDeviceUsageDuration,
+  clearDevice,
+  unbindDialogVisible,
+}) {
+  const deviceDetails = ref({});
+  let deviceDetailRequestVersion = 0;
+
+  const isDeviceOnline = computed(
+    () => deviceStatus.value.online === true || online.value === true
+  );
+  const isDeviceCharging = computed(
+    () => isDeviceOnline.value && deviceStatus.value.charging === true
+  );
+  const statusText = computed(() => {
+    if (!isDeviceOnline.value) return "未连接";
+    return isDeviceCharging.value ? "已连接（充电中）" : "已连接";
+  });
+  const statusClass = computed(() =>
+    isDeviceOnline.value ? "device-status--online" : "device-status--offline"
+  );
+  const battery = computed(() => {
+    const rawValue = deviceStatus.value.battery ?? deviceStatus.value.power;
+    if (rawValue === null || rawValue === undefined || rawValue === "") return null;
+    const value = Number(rawValue);
+    return Number.isFinite(value) ? Math.min(100, Math.max(0, value)) : null;
+  });
+  const batteryText = computed(() =>
+    battery.value === null ? "暂无数据" : `${battery.value}%`
+  );
+  const normalizeDuration = (value) => {
+    if (value == null || String(value).trim() === "") return null;
+    const seconds = Number(value);
+    return Number.isFinite(seconds) && seconds >= 0 ? seconds : null;
+  };
+
+  const onlineDurationText = computed(() => {
+    const currentDeviceId = String(device.value.deviceId || "");
+    const cachedDuration =
+      String(deviceUsageDuration.value.deviceId || "") === currentDeviceId
+        ? normalizeDuration(deviceUsageDuration.value.seconds)
+        : null;
+    const durations = [
+      normalizeDuration(deviceStatus.value.onlineDuration),
+      normalizeDuration(deviceDetails.value.onlineDuration),
+      cachedDuration,
+    ].filter((value) => value !== null);
+
+    if (!durations.length) return "--";
+    const seconds = Math.max(...durations);
+
+    // 累计时长应单调递增，页面按完整分钟展示当前已知最大值。
+    const totalMinutes = Math.floor(seconds / 60);
+    const hours = Math.floor(totalMinutes / 60);
+    const minutes = totalMinutes % 60;
+    return hours > 0 ? `${hours}小时${minutes}分钟` : `${minutes}分钟`;
+  });
+  const networkType = computed(() =>
+    String(deviceStatus.value.netType ?? "").trim().toLowerCase()
+  );
+  const networkText = computed(() => {
+    const netType = networkType.value;
+    if (netType === "wifi") return "WiFi";
+    if (netType === "4g") return "4G";
+    return isDeviceOnline.value ? "在线" : "未连接";
+  });
+  const maskedDeviceId = computed(() => {
+    const id = String(device.value.deviceId || "");
+    if (!id) return "暂无设备编号";
+    return "*****";
+  });
+  const deviceRows = computed(() => [
+    { label: "设备型号", value: deviceDetails.value.model || "射灵智能弓" },
+    { label: "当前电量", value: batteryText.value },
+    { label: "连接方式", value: networkText.value },
+    { label: "设备编号", value: maskedDeviceId.value },
+  ]);
+
+  const getDeviceNameOverrides = () => {
+    const value = uni.getStorageSync(DEVICE_NAME_STORAGE_KEY);
+    return value && typeof value === "object" ? value : {};
+  };
+
+  const refreshDeviceDetails = async () => {
+    const deviceId = device.value.deviceId;
+    if (!deviceId) return null;
+
+    const requestVersion = ++deviceDetailRequestVersion;
+    try {
+      const detailResponse = await getDeviceDetailAPI(deviceId);
+      const detail = detailResponse?.detail || detailResponse?.data?.detail;
+      if (
+        !detail ||
+        typeof detail !== "object" ||
+        requestVersion !== deviceDetailRequestVersion ||
+        device.value.deviceId !== deviceId
+      ) {
+        return null;
+      }
+
+      deviceDetails.value = {
+        ...deviceDetails.value,
+        ...detail,
+        deviceModelName: detail.deviceModelName ?? "",
+        latestVersion: detail.latestVersion ?? "",
+        needUpdate: detail.needUpdate ?? false,
+        forceUpdate: detail.forceUpdate ?? false,
+        version: detail.version ?? "",
+        bindTime: String(
+          detail.bindTime ?? deviceDetails.value.bindTime ?? ""
+        ).trim(),
+        qrCodeUrl: String(
+          detail.qrCodeUrl ?? deviceDetails.value.qrCodeUrl ?? ""
+        ).trim(),
+      };
+      updateDeviceUsageDuration(detail.onlineDuration, deviceId);
+      return detail;
+    } catch (error) {
+      // 实时刷新失败时保留当前页面数据，等待下次通知或页面重新显示。
+      console.log("刷新设备详情失败", error);
+      return null;
+    }
+  };
+
+  const syncDeviceBinding = async () => {
+    if (!user.value.id) return;
+    try {
+      const devices = await getMyDevicesAPI();
+      if (Array.isArray(devices?.bindings) && devices.bindings.length > 0) {
+        const currentDevice = devices.bindings[0];
+        const nameOverrides = getDeviceNameOverrides();
+        // 二维码和绑定时间仅取详情接口，绑定列表不能作为这两项的回退数据。
+        let latestDevice = {
+          ...currentDevice,
+          deviceModelName: "",
+          latestVersion: "",
+          needUpdate: false,
+          forceUpdate: false,
+          version: "",
+          bindTime: "",
+          qrCodeUrl: "",
+        };
+
+        try {
+          const detailResponse = await getDeviceDetailAPI(currentDevice.deviceId);
+          const detail = detailResponse?.detail || detailResponse?.data?.detail;
+          if (detail && typeof detail === "object") {
+            latestDevice = {
+              ...currentDevice,
+              ...detail,
+              deviceModelName: detail.deviceModelName ?? "",
+              bindTime: String(detail.bindTime ?? "").trim(),
+              qrCodeUrl: String(detail.qrCodeUrl ?? "").trim(),
+              deviceName:
+                detail.deviceAlias || detail.deviceName || currentDevice.deviceName,
+            };
+          }
+        } catch (error) {
+          // 详情接口失败时保留绑定关系，二维码和绑定时间仍保持为空。
+          console.log("获取设备详情失败", error);
+        }
+
+        deviceDetails.value = latestDevice;
+        updateDevice(
+          latestDevice.deviceId,
+          nameOverrides[latestDevice.deviceId] ||
+            latestDevice.deviceAlias ||
+            latestDevice.deviceName ||
+            latestDevice.name ||
+            "我的智能弓"
+        );
+        updateDeviceUsageDuration(latestDevice.onlineDuration, latestDevice.deviceId);
+        return;
+      }
+      clearDevice();
+      deviceDetailRequestVersion += 1;
+      deviceDetails.value = {};
+    } catch (error) {
+      console.log("同步设备绑定失败", error);
+    }
+  };
+
+  const unbindDevice = async () => {
+    if (!device.value.deviceId) return;
+    try {
+      await unbindDeviceAPI(device.value.deviceId);
+      uni.setStorageSync("calibration", false);
+      clearDevice();
+      deviceDetailRequestVersion += 1;
+      deviceDetails.value = {};
+      unbindDialogVisible.value = false;
+      uni.showToast({ title: "解绑成功", icon: "success" });
+    } catch (error) {
+      console.error("解绑设备失败", error);
+      if (error?.type === "DEVICE_BIND_INVALID") {
+        clearDevice();
+        unbindDialogVisible.value = false;
+      }
+    }
+  };
+
+  return {
+    batteryText,
+    deviceDetails,
+    deviceRows,
+    getDeviceNameOverrides,
+    isDeviceCharging,
+    isDeviceOnline,
+    maskedDeviceId,
+    networkText,
+    networkType,
+    onlineDurationText,
+    refreshDeviceDetails,
+    statusClass,
+    statusText,
+    syncDeviceBinding,
+    unbindDevice,
+  };
+}
diff --git a/src/pages/device/device-already-bound.vue b/src/pages/device/device-already-bound.vue
new file mode 100644
index 0000000..e929828
--- /dev/null
+++ b/src/pages/device/device-already-bound.vue
@@ -0,0 +1,154 @@
+<script setup>
+import Container from "@/components/Container.vue";
+
+// 结果页从设备页进入，返回时优先保留原页面状态。
+const goBackToDevicePage = () => {
+  const pages = getCurrentPages();
+  if (pages.length > 1) {
+    uni.navigateBack({ delta: 1 });
+    return;
+  }
+  uni.redirectTo({ url: "/pages/device/my-device" });
+};
+
+// 回到设备页后复用其扫码绑定流程。
+const retryScan = () => {
+  const pages = getCurrentPages();
+  if (pages.length > 1) {
+    uni.navigateBack({
+      delta: 1,
+      success: () => uni.$emit("device-bind-retry-scan"),
+    });
+    return;
+  }
+  uni.redirectTo({ url: "/pages/device/my-device?retryScan=1" });
+};
+</script>
+
+<template>
+  <view class="device-already-bound-page">
+    <Container
+      :bgType="12"
+      bgColor="transparent"
+      :onBack="goBackToDevicePage"
+      headerClass="already-bound-header"
+      :scroll="false"
+      :usePageScroll="true"
+    >
+      <view class="already-bound-page">
+        <view class="already-bound-scene">
+          <view class="already-bound-hero-wrap">
+            <view class="already-bound-hero-shadow"></view>
+            <image
+              class="already-bound-hero"
+              src="/static/device-assets/device-already-bound-hero.png"
+              mode="aspectFit"
+            />
+          </view>
+          <view class="already-bound-message">
+            <text>该设备已经绑定了其他账号，</text>
+            <text>如需绑定本账号，请先解除绑定。</text>
+          </view>
+          <view class="already-bound-retry" @click="$clickSound(retryScan)">
+            <text>重新扫码</text>
+          </view>
+        </view>
+      </view>
+    </Container>
+  </view>
+</template>
+
+<style scoped lang="scss">
+.device-already-bound-page {
+  position: relative;
+  min-height: 100vh;
+  background: transparent;
+}
+
+.already-bound-header {
+  position: relative;
+  z-index: 20;
+  pointer-events: auto;
+}
+
+/* 与现有绑定结果页保持相同的 375 宽画布尺寸。 */
+.already-bound-page {
+  position: fixed;
+  top: 0;
+  left: 0;
+  z-index: 1;
+  width: 100%;
+  height: 100vh;
+  overflow: hidden;
+  pointer-events: none;
+}
+
+.already-bound-scene {
+  position: relative;
+  width: 100%;
+  height: 100%;
+}
+
+.already-bound-hero-wrap,
+.already-bound-message,
+.already-bound-retry {
+  position: absolute;
+}
+
+.already-bound-hero-wrap {
+  top: 568rpx;
+  left: 244rpx;
+  width: 260rpx;
+  height: 222rpx;
+}
+
+.already-bound-hero-shadow {
+  position: absolute;
+  left: 22rpx;
+  bottom: 0;
+  width: 238rpx;
+  height: 40rpx;
+  border-radius: 50%;
+  background: rgba(0, 0, 0, 0.3);
+}
+
+.already-bound-hero {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 260rpx;
+  height: 222rpx;
+}
+
+.already-bound-message {
+  top: 804rpx;
+  left: 110rpx;
+  display: flex;
+  width: 530rpx;
+  flex-direction: column;
+  align-items: center;
+  color: #fff;
+  font-family: PingFang SC-Regular;
+  font-size: 28rpx;
+  line-height: 40rpx;
+  text-align: center;
+  white-space: nowrap;
+}
+
+.already-bound-retry {
+  top: 930rpx;
+  left: 195rpx;
+  display: flex;
+  width: 360rpx;
+  height: 70rpx;
+  box-sizing: border-box;
+  align-items: center;
+  justify-content: center;
+  border: 2rpx solid #ffd947;
+  border-radius: 78rpx;
+  color: #ffd947;
+  font-size: 26rpx;
+  line-height: 26rpx;
+  pointer-events: auto;
+}
+</style>
diff --git a/src/pages/device/device-bind-failure.vue b/src/pages/device/device-bind-failure.vue
new file mode 100644
index 0000000..a434278
--- /dev/null
+++ b/src/pages/device/device-bind-failure.vue
@@ -0,0 +1,156 @@
+<script setup>
+import Container from "@/components/Container.vue";
+
+// 失败页由设备页进入，返回时优先回到上一页；页面栈异常时兜底回到设备页。
+const goBackToDevicePage = () => {
+  const pages = getCurrentPages();
+  if (pages.length > 1) {
+    uni.navigateBack({ delta: 1 });
+    return;
+  }
+  uni.redirectTo({ url: "/pages/device/my-device" });
+};
+
+// 返回设备页后沿用原有扫码绑定流程，不在结果页重复处理二维码数据。
+const retryScan = () => {
+  const pages = getCurrentPages();
+  if (pages.length > 1) {
+    uni.navigateBack({
+      delta: 1,
+      success: () => uni.$emit("device-bind-retry-scan"),
+    });
+    return;
+  }
+  uni.redirectTo({ url: "/pages/device/my-device?retryScan=1" });
+};
+</script>
+
+<template>
+  <view class="device-bind-failure-page">
+    <Container
+      :bgType="12"
+      bgColor="transparent"
+      :onBack="goBackToDevicePage"
+      headerClass="bind-failure-header"
+      :scroll="false"
+      :usePageScroll="true"
+    >
+      <view class="bind-failure-page">
+        <view class="bind-failure-scene">
+          <view class="bind-failure-hero-wrap">
+            <view class="bind-failure-hero-shadow"></view>
+            <image
+              class="bind-failure-hero"
+              src="https://static.shelingxingqiu.com/shootmini/static/device-assets/device-bind-failure-hero.png"
+              mode="aspectFit"
+            />
+          </view>
+          <view class="bind-failure-message">
+            <text>二维码不正确，</text>
+            <text>仅支持扫描射灵智能弓箭的设备二维码。</text>
+          </view>
+          <view class="bind-failure-retry" @click="$clickSound(retryScan)">
+            <text>重新扫码</text>
+          </view>
+        </view>
+      </view>
+    </Container>
+  </view>
+</template>
+
+<style scoped lang="scss">
+.device-bind-failure-page {
+  position: relative;
+  min-height: 100vh;
+  background: transparent;
+}
+
+.bind-failure-header {
+  position: relative;
+  z-index: 20;
+  pointer-events: auto;
+}
+
+/* 与绑定成功页共用固定画布，页面内的视觉尺寸全部按 375 宽设计稿换算为 rpx。 */
+.bind-failure-page {
+  position: fixed;
+  top: 0;
+  left: 0;
+  z-index: 1;
+  width: 100%;
+  height: 100vh;
+  overflow: hidden;
+  pointer-events: none;
+}
+
+.bind-failure-scene {
+  position: relative;
+  width: 100%;
+  height: 100%;
+}
+
+.bind-failure-hero-wrap,
+.bind-failure-message,
+.bind-failure-retry {
+  position: absolute;
+}
+
+.bind-failure-hero-wrap {
+  top: 568rpx;
+  left: 244rpx;
+  width: 260rpx;
+  height: 222rpx;
+}
+
+.bind-failure-hero-shadow {
+  position: absolute;
+  left: 22rpx;
+  bottom: 0;
+  width: 238rpx;
+  height: 40rpx;
+  border-radius: 50%;
+  background: rgba(0, 0, 0, 0.3);
+}
+
+.bind-failure-hero {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 260rpx;
+  height: 222rpx;
+}
+
+.bind-failure-message {
+  top: 824rpx;
+  left: 122rpx;
+  display: flex;
+  width: 504rpx;
+  min-height: 80rpx;
+  flex-direction: column;
+  align-items: center;
+  color: #ffffff;
+  font-family: PingFang SC-Regular;
+  font-size: 28rpx;
+  font-weight: normal;
+  line-height: 40rpx;
+  text-align: center;
+  white-space: nowrap;
+}
+
+.bind-failure-retry {
+  top: 960rpx;
+  left: 195rpx;
+  display: flex;
+  width: 360rpx;
+  height: 70rpx;
+  box-sizing: border-box;
+  align-items: center;
+  justify-content: center;
+  border: 2rpx solid #ffd947;
+  border-radius: 78rpx;
+  color: #ffd947;
+  font-size: 26rpx;
+  line-height: 26rpx;
+  pointer-events: auto;
+}
+</style>
diff --git a/src/pages/device/device-bind-success.vue b/src/pages/device/device-bind-success.vue
new file mode 100644
index 0000000..4df34be
--- /dev/null
+++ b/src/pages/device/device-bind-success.vue
@@ -0,0 +1,248 @@
+<script setup>
+import { computed, ref } from "vue";
+import { onLoad } from "@dcloudio/uni-app";
+import Container from "@/components/Container.vue";
+import { getDeviceDetailAPI, getHomeData } from "@/apis";
+
+const bindResult = ref({
+  isFirstBind: false,
+  expireDate: "",
+});
+
+const bindSuccessHero = computed(() =>
+  bindResult.value.isFirstBind
+    ? "https://static.shelingxingqiu.com/shootmini/static/device-assets/device-bind-success-hero-first.png"
+    : "https://static.shelingxingqiu.com/shootmini/static/device-assets/device-bind-success-hero-nonfirst.png"
+);
+const bindRewardExpireDate = computed(() => bindResult.value.expireDate);
+
+// 与会员页使用相同的到期时间格式，设备详情接口本身不提供会员有效期。
+const formatVipDate = (value) => {
+  if (!value) return "";
+  const numericValue = Number(value);
+  const timestamp = Number.isNaN(numericValue)
+    ? new Date(value).getTime()
+    : numericValue < 1000000000000
+      ? numericValue * 1000
+      : numericValue;
+  const date = new Date(timestamp);
+  if (Number.isNaN(date.getTime())) return "";
+  const year = date.getFullYear();
+  const month = String(date.getMonth() + 1).padStart(2, "0");
+  const day = String(date.getDate()).padStart(2, "0");
+  return `${year}-${month}-${day}`;
+};
+
+const loadBindResult = async (deviceId) => {
+  if (!deviceId) return;
+  try {
+    const data = await getDeviceDetailAPI(deviceId);
+    if (data?.detail?.isFirstBind !== true) return;
+    bindResult.value.isFirstBind = true;
+
+    try {
+      const homeData = await getHomeData();
+      bindResult.value.expireDate = formatVipDate(
+        homeData?.user?.normalVipExpiredAt
+      );
+    } catch (error) {
+      console.error("获取赠送会员有效期失败", error);
+    }
+  } catch (error) {
+    console.error("获取设备详情失败", error);
+  }
+};
+
+const toFirstTryPage = () => {
+  uni.navigateTo({ url: "/pages/first-try" });
+};
+
+// 成功页由设备页 navigateTo 进入，优先返回上一页；页面栈异常时兜底回到设备页。
+const goBackToDevicePage = () => {
+  const pages = getCurrentPages();
+  if (pages.length > 1) {
+    uni.navigateBack({ delta: 1 });
+    return;
+  }
+  uni.redirectTo({ url: "/pages/device/my-device" });
+};
+
+onLoad((options = {}) => {
+  bindResult.value = {
+    isFirstBind: false,
+    expireDate: "",
+  };
+  void loadBindResult(options.deviceId);
+});
+</script>
+
+<template>
+  <view class="device-bind-success-page">
+    <Container
+      :bgType="12"
+      bgColor="transparent"
+      :onBack="goBackToDevicePage"
+      headerClass="bind-success-header"
+      :scroll="false"
+      :usePageScroll="true"
+    >
+      <view class="bind-success-page">
+        <view
+          class="bind-success-scene"
+          :class="{ 'bind-success-scene--first': bindResult.isFirstBind }"
+        >
+          <image
+            class="bind-success-confetti"
+            src="https://static.shelingxingqiu.com/shootmini/static/device-assets/device-bind-success-confetti.png"
+            mode="aspectFit"
+          />
+          <image class="bind-success-hero" :src="bindSuccessHero" mode="aspectFit" />
+          <image
+            class="bind-success-title-image"
+            src="https://static.shelingxingqiu.com/shootmini/static/device-assets/device-bind-success-title.png"
+            mode="aspectFit"
+          />
+          <view v-if="bindResult.isFirstBind" class="bind-reward-card">
+            <image
+              class="bind-reward-gift"
+              src="https://static.shelingxingqiu.com/shootmini/static/device-assets/device-bind-success-reward-gift.png"
+              mode="aspectFit"
+            />
+            <text class="bind-reward-text">
+              新设备首次绑定礼包：
+              <text class="bind-reward-highlight">6个月射灵会员</text>
+              已自动发放至本账号<text v-if="bindRewardExpireDate">，有效期{{ bindRewardExpireDate }}</text>。
+            </text>
+          </view>
+          <view class="bind-success-tutorial" @click="$clickSound(toFirstTryPage)">
+            <text>立即查看新手教程</text>
+          </view>
+        </view>
+      </view>
+    </Container>
+  </view>
+</template>
+
+<style scoped lang="scss">
+.device-bind-success-page {
+  position: relative;
+  min-height: 100vh;
+  background: transparent;
+}
+
+.bind-success-header {
+  position: relative;
+  z-index: 20;
+  pointer-events: auto;
+}
+
+/* 绑定结果页使用固定画布，背景和前景素材按蓝湖 375 x 812 画布定位。 */
+.bind-success-page {
+  position: fixed;
+  top: 0;
+  left: 0;
+  z-index: 1;
+  width: 100%;
+  height: 100vh;
+  overflow: hidden;
+  pointer-events: none;
+}
+
+.bind-success-scene {
+  position: relative;
+  width: 100%;
+  height: 100%;
+}
+
+.bind-success-confetti,
+.bind-success-hero,
+.bind-success-title-image,
+.bind-reward-card,
+.bind-success-tutorial {
+  position: absolute;
+}
+
+.bind-success-confetti {
+  top: 488rpx;
+  left: 78rpx;
+  width: 588rpx;
+  height: 508rpx;
+}
+
+.bind-success-hero {
+  top: 568rpx;
+  left: 244rpx;
+  width: 260rpx;
+  height: 222rpx;
+}
+
+.bind-success-scene--first .bind-success-confetti {
+  top: 314rpx;
+}
+
+.bind-success-scene--first .bind-success-hero {
+  top: 400rpx;
+}
+
+.bind-success-title-image {
+  top: 828rpx;
+  left: 216rpx;
+  width: 316rpx;
+  height: 70rpx;
+}
+
+.bind-success-scene--first .bind-success-title-image {
+  top: 660rpx;
+}
+
+.bind-reward-card {
+  top: 768rpx;
+  left: 170rpx;
+  width: 508rpx;
+  height: 152rpx;
+  box-sizing: border-box;
+  padding: 16rpx 16rpx 16rpx 90rpx;
+  border-radius: 16rpx 64rpx 16rpx 64rpx;
+  background: rgba(0, 0, 0, 0.6);
+}
+
+.bind-reward-gift {
+  position: absolute;
+  top: -18rpx;
+  left: -100rpx;
+  width: 178rpx;
+  height: 176rpx;
+}
+
+.bind-reward-text {
+  display: block;
+  width: 380rpx;
+  height: 120rpx;
+  color: #ffffff;
+  font-family: PingFang SC-Regular;
+  font-size: 28rpx;
+  font-weight: normal;
+  line-height: 40rpx;
+}
+
+.bind-reward-highlight {
+  color: #ffd947;
+}
+
+.bind-success-tutorial {
+  top: 960rpx;
+  left: 195rpx;
+  display: flex;
+  width: 360rpx;
+  height: 70rpx;
+  box-sizing: border-box;
+  align-items: center;
+  justify-content: center;
+  border: 2rpx solid #ffd947;
+  border-radius: 78rpx;
+  color: #ffd947;
+  font-size: 26rpx;
+  line-height: 26rpx;
+  pointer-events: auto;
+}
+</style>
diff --git a/src/pages/device-intro.vue b/src/pages/device/device-intro.vue
similarity index 95%
rename from src/pages/device-intro.vue
rename to src/pages/device/device-intro.vue
index f780e14..855b5ec 100644
--- a/src/pages/device-intro.vue
+++ b/src/pages/device/device-intro.vue
@@ -38,7 +38,7 @@ const onScrollView = (e) => {
         mode="widthFix"
       />
       <navigator open-type="navigateBack">
-        <image class="header-back" src="../static/back.png" mode="widthFix" />
+        <image class="header-back" src="https://static.shelingxingqiu.com/shootmini/static/back.png" mode="widthFix" />
       </navigator>
       <text
         :style="{ opacity: addBg ? 1 : 0, color: '#fff', fontWeight: 'bold' }"
diff --git a/src/pages/device/device-qrcode.vue b/src/pages/device/device-qrcode.vue
new file mode 100644
index 0000000..639c8d2
--- /dev/null
+++ b/src/pages/device/device-qrcode.vue
@@ -0,0 +1,192 @@
+<script setup>
+import { ref } from "vue";
+import { onLoad } from "@dcloudio/uni-app";
+import Container from "@/components/Container.vue";
+import { getDeviceDetailAPI } from "@/apis";
+import useStore from "@/store";
+import { storeToRefs } from "pinia";
+
+const store = useStore();
+const { device } = storeToRefs(store);
+const deviceId = ref("");
+const qrImageUrl = ref("");
+const qrSaved = ref(false);
+const loading = ref(true);
+
+const loadQrCode = async () => {
+  if (!deviceId.value) {
+    loading.value = false;
+    return;
+  }
+
+  try {
+    const response = await getDeviceDetailAPI(deviceId.value);
+    const detail = response?.detail || response?.data?.detail;
+    qrImageUrl.value = String(detail?.qrCodeUrl ?? "").trim();
+  } catch (error) {
+    console.error("获取设备二维码失败", error);
+    qrImageUrl.value = "";
+  } finally {
+    loading.value = false;
+  }
+};
+
+const saveQrCode = async () => {
+  if (!qrImageUrl.value) return;
+
+  let filePath = qrImageUrl.value;
+  try {
+    if (/^https?:\/\//.test(filePath)) {
+      filePath = await new Promise((resolve, reject) => {
+        uni.downloadFile({
+          url: filePath,
+          success: (result) =>
+            result.statusCode === 200
+              ? resolve(result.tempFilePath)
+              : reject(new Error("二维码下载失败")),
+          fail: reject,
+        });
+      });
+    }
+
+    await new Promise((resolve, reject) => {
+      uni.saveImageToPhotosAlbum({ success: resolve, fail: reject, filePath });
+    });
+    qrSaved.value = true;
+    uni.showToast({ title: "已保存至相册", icon: "success" });
+  } catch (error) {
+    uni.showToast({ title: "请长按二维码保存", icon: "none" });
+  }
+};
+
+onLoad((options = {}) => {
+  try {
+    deviceId.value = decodeURIComponent(options.deviceId || "") || device.value.deviceId || "";
+  } catch (error) {
+    deviceId.value = device.value.deviceId || "";
+  }
+  void loadQrCode();
+});
+</script>
+
+<template>
+  <Container :bgType="12" :scroll="false">
+    <view class="qr-page">
+      <view class="qr-corner qr-corner--top"></view>
+      <view class="qr-corner qr-corner--bottom"></view>
+      <view class="qr-canvas">
+        <text v-if="loading" class="qr-empty">二维码加载中...</text>
+        <template v-else-if="qrImageUrl">
+          <image class="qr-image" :src="qrImageUrl" mode="aspectFit" show-menu-by-longpress />
+          <text v-if="qrSaved" class="qr-device-id">设备ID：{{ deviceId }}</text>
+          <view v-else class="qr-save-button" @click="saveQrCode">
+            <text>保存至相册</text>
+          </view>
+          <text class="qr-description">
+            该二维码为当前绑定弓箭的二维码，你可以截图保存到相册，以便当二维码丢失或不在身边时，可以扫描二维码进行设备绑定。
+          </text>
+          <text class="qr-note">注：解除绑定后将无法查看该二维码。</text>
+        </template>
+        <text v-else class="qr-empty">暂无设备二维码</text>
+      </view>
+    </view>
+  </Container>
+</template>
+
+<style scoped>
+.qr-page {
+  position: relative;
+  width: 100%;
+  height: 100%;
+  min-height: 0;
+  box-sizing: border-box;
+  overflow: hidden;
+  background: transparent;
+}
+
+.qr-corner {
+  position: absolute;
+  width: 300rpx;
+  height: 300rpx;
+  background: #ffeb00;
+}
+
+.qr-corner--top {
+  top: -220rpx;
+  right: -170rpx;
+  transform: rotate(42deg);
+}
+
+.qr-corner--bottom {
+  bottom: -220rpx;
+  left: -170rpx;
+  transform: rotate(42deg);
+}
+
+.qr-canvas {
+  position: relative;
+  z-index: 1;
+  display: flex;
+  width: 100%;
+  height: 100%;
+  min-height: 0;
+  box-sizing: border-box;
+  flex-direction: column;
+  align-items: center;
+  padding: 260rpx 62rpx 70rpx;
+}
+
+.qr-image {
+  width: 432rpx;
+  height: 432rpx;
+  box-sizing: border-box;
+  background: #ffffff;
+}
+
+.qr-save-button {
+  display: flex;
+  width: 360rpx;
+  height: 72rpx;
+  align-items: center;
+  justify-content: center;
+  margin-top: 34rpx;
+  border: 1rpx solid #e8c840;
+  border-radius: 36rpx;
+  color: #ffe846;
+  font-size: 26rpx;
+}
+
+.qr-device-id,
+.qr-empty {
+  color: rgba(255, 255, 255, 0.72);
+  font-size: 26rpx;
+  line-height: 40rpx;
+  text-align: center;
+}
+
+.qr-device-id {
+  margin-top: 24rpx;
+}
+
+.qr-empty {
+  margin-top: 140rpx;
+}
+
+.qr-description,
+.qr-note {
+  width: 100%;
+  color: rgba(255, 255, 255, 0.6);
+  font-size: 22rpx;
+  line-height: 36rpx;
+  text-align: center;
+}
+
+.qr-description {
+  margin-top: 42rpx;
+}
+
+.qr-note {
+  margin-top: 12rpx;
+  color: rgba(255, 232, 70, 0.7);
+}
+</style>
diff --git a/src/pages/device/my-device.vue b/src/pages/device/my-device.vue
new file mode 100644
index 0000000..911d1e9
--- /dev/null
+++ b/src/pages/device/my-device.vue
@@ -0,0 +1,1422 @@
+<script setup>
+import { computed, onMounted, onUnmounted, ref, watch } from "vue";
+import { onLoad, onShow } from "@dcloudio/uni-app";
+import Container from "@/components/Container.vue";
+import DeviceOnlineEffects from "@/components/DeviceOnlineEffects.vue";
+import Header from "@/components/Header.vue";
+import ScreenHint from "@/components/ScreenHint.vue";
+import ModalDialog from "@/components/ModalDialog.vue";
+import OtaModal from "@/components/OtaModal.vue";
+import {
+  laserAimAPI,
+  updateDeviceAliasAPI,
+} from "@/apis";
+import useStore from "@/store";
+import { storeToRefs } from "pinia";
+import { useDeviceBinding } from "./composables/useDeviceBinding";
+import {
+  DEVICE_NAME_STORAGE_KEY,
+  useDeviceStatus,
+} from "./composables/useDeviceStatus";
+import { getOtaInfoFromDetail, useOtaUpdate } from "@/composables/useOtaUpdate";
+
+const store = useStore();
+const { updateDevice, updateDeviceUsageDuration, clearDevice } = store;
+const { user, device, deviceStatus, deviceUsageDuration, online } = storeToRefs(store);
+const DEVICE_NAME_MAX_LENGTH = 10;
+
+const formatBindingDate = (value) => {
+  if (!value) return "--";
+  const text = String(value).trim();
+  if (!text) return "--";
+  const dateParts = text.match(/^(\d{4})[-/.](\d{1,2})[-/.](\d{1,2})/);
+  if (dateParts) {
+    return `${dateParts[1]}/${dateParts[2].padStart(2, "0")}/${dateParts[3].padStart(2, "0")}`;
+  }
+  const numericValue = Number(value);
+  const date = new Date(
+    Number.isFinite(numericValue)
+      ? numericValue < 1e12
+        ? numericValue * 1000
+        : numericValue
+      : value
+  );
+  if (Number.isNaN(date.getTime())) return "--";
+  return `${date.getFullYear()}/${String(date.getMonth() + 1).padStart(2, "0")}/${String(
+    date.getDate()
+  ).padStart(2, "0")}`;
+};
+
+const showTip = ref(false);
+const confirmBindTip = ref(false);
+const unbindDialogVisible = ref(false);
+const nameEditorVisible = ref(false);
+const editingName = ref("");
+const renaming = ref(false);
+const token = ref("");
+const binding = ref(false);
+const retryScanOnShow = ref(false);
+const calibration = ref(false);
+const showDeviceId = ref(false);
+const latestVersionDialogVisible = ref(false);
+const firmwareConfirmVisible = ref(false);
+const wifiRequiredVisible = ref(false);
+const firmwareActionPending = ref(false);
+const pendingOtaInfo = ref(null);
+
+const {
+  updating: otaUpdating,
+  progress: otaProgress,
+  phase: otaPhase,
+  resultVisible: otaResultVisible,
+  resultStatus: otaResultStatus,
+  resultTitle: otaResultTitle,
+  resultContent: otaResultContent,
+  startUpdate: startOtaUpdate,
+  closeResult: closeOtaResult,
+} = useOtaUpdate();
+
+const {
+  batteryText,
+  deviceDetails,
+  getDeviceNameOverrides,
+  isDeviceOnline,
+  maskedDeviceId,
+  networkType,
+  onlineDurationText,
+  refreshDeviceDetails,
+  statusClass,
+  statusText,
+  syncDeviceBinding,
+  unbindDevice,
+} = useDeviceStatus({
+  user,
+  device,
+  deviceStatus,
+  deviceUsageDuration,
+  online,
+  updateDevice,
+  updateDeviceUsageDuration,
+  clearDevice,
+  unbindDialogVisible,
+});
+
+const wifiStatusText = computed(() => {
+  if (!networkType.value) return "未设置";
+  return networkType.value === "wifi" ? "已连接" : "未连接";
+});
+
+const bindingDateText = computed(() =>
+  formatBindingDate(deviceDetails.value.bindTime)
+);
+const otaNeedUpdate = computed(() => {
+  const info = getOtaInfoFromDetail(deviceDetails.value);
+  return isDeviceOnline.value &&
+    deviceDetails.value.deviceId === device.value.deviceId &&
+    info.needUpdate && !!info.versionNumber;
+});
+
+// 固件版本统一以大写 V 开头，避免接口返回格式不一致影响弹窗展示。
+const formatFirmwareVersion = (value) => {
+  const version = String(value ?? "").trim();
+  if (!version) return "";
+  return /^v/i.test(version) ? `V${version.slice(1)}` : `V${version}`;
+};
+
+const firmwareConfirmContent = computed(() => {
+  const currentVersion = formatFirmwareVersion(pendingOtaInfo.value?.currentVersion);
+  const latestVersion = formatFirmwareVersion(pendingOtaInfo.value?.versionNumber);
+  if (currentVersion && latestVersion) {
+    return `当前固件版本为 ${currentVersion}，发现新固件版本 ${latestVersion}，是否立即更新固件？`;
+  }
+  return latestVersion ? `发现新固件版本 ${latestVersion}，是否立即更新固件？` : "是否立即更新固件？";
+});
+
+const deviceIdText = computed(() =>
+  showDeviceId.value && device.value.deviceName
+    ? device.value.deviceName
+    : maskedDeviceId.value
+);
+
+// 设备型号直接读取详情接口，缺失时显示占位符。
+const designDeviceStats = computed(() => [
+  {
+    label: "设备型号",
+    value: deviceDetails.value.deviceModelName?.trim() || "--",
+  },
+  {
+    label: "剩余电量",
+    value: !isDeviceOnline.value
+      ? "设备离线"
+      : batteryText.value === "暂无数据"
+        ? "--"
+        : batteryText.value,
+  },
+  {
+    label: "累计使用",
+    value: onlineDurationText.value,
+  },
+  {
+    label: "绑定时间",
+    value: bindingDateText.value,
+  },
+]);
+
+const { confirmBind, handleScan } = useDeviceBinding({
+  token,
+  confirmBindTip,
+  binding,
+  updateDevice,
+  deviceDetails,
+});
+
+const isScanPage = computed(() => !device.value.deviceId);
+
+// 解绑前展示统一确认弹窗，避免误触解除绑定。
+const openUnbindDialog = () => {
+  unbindDialogVisible.value = true;
+};
+
+const closeUnbindDialog = () => {
+  unbindDialogVisible.value = false;
+};
+
+const openNameEditor = () => {
+  editingName.value = device.value.deviceName || "我的智能弓";
+  nameEditorVisible.value = true;
+};
+
+const closeNameEditor = () => {
+  if (renaming.value) return;
+  nameEditorVisible.value = false;
+};
+
+const editingNameLength = computed(() =>
+  Array.from(String(editingName.value || "")).length
+);
+
+const isEditingNameTooLong = computed(
+  () => editingNameLength.value > DEVICE_NAME_MAX_LENGTH
+);
+
+const toggleDeviceId = () => {
+  if (device.value.deviceId) showDeviceId.value = !showDeviceId.value;
+};
+
+const confirmName = async () => {
+  if (renaming.value) return;
+
+  const name = String(editingName.value || "").trim();
+  if (!name) {
+    uni.showToast({ title: "请输入设备名", icon: "none" });
+    return;
+  }
+  if (Array.from(name).length > DEVICE_NAME_MAX_LENGTH) {
+    uni.showToast({ title: "设备名最多支持10个字符", icon: "none" });
+    return;
+  }
+  if (!/^[\u4e00-\u9fa5A-Za-z0-9_-]+$/.test(name)) {
+    uni.showToast({
+      title: "仅支持中文、英文、数字、下划线和减号",
+      icon: "none",
+    });
+    return;
+  }
+
+  const deviceId = device.value.deviceId;
+  if (!deviceId) {
+    uni.showToast({ title: "暂无绑定设备", icon: "none" });
+    return;
+  }
+
+  renaming.value = true;
+  try {
+    await updateDeviceAliasAPI(deviceId, name);
+    if (device.value.deviceId !== deviceId) return;
+
+    updateDevice(deviceId, name);
+    deviceDetails.value = {
+      ...deviceDetails.value,
+      deviceAlias: name,
+      deviceName: name,
+    };
+
+    // 服务端别名已成为数据源，移除旧版本遗留的本地名称覆盖。
+    const nameOverrides = getDeviceNameOverrides();
+    delete nameOverrides[deviceId];
+    uni.setStorageSync(DEVICE_NAME_STORAGE_KEY, nameOverrides);
+
+    nameEditorVisible.value = false;
+    uni.showToast({ title: "设备名已更新", icon: "success" });
+    void refreshDeviceDetails();
+  } catch (error) {
+    console.error("修改设备名失败", error);
+  } finally {
+    renaming.value = false;
+  }
+};
+
+const toDeviceIntroPage = () => {
+  uni.navigateTo({ url: "/pages/device/device-intro" });
+};
+
+const joinWifi = () => {
+  if (!isDeviceOnline.value) {
+    uni.showToast({ title: "请先开启智能弓", icon: "none" });
+    return;
+  }
+  uni.navigateTo({ url: "/pages/device/ota-wifi" });
+};
+
+const closeFirmwareConfirm = () => {
+  firmwareConfirmVisible.value = false;
+};
+
+const closeLatestVersionDialog = () => {
+  latestVersionDialogVisible.value = false;
+};
+
+const runFirmwareUpdate = () => {
+  const otaInfo = pendingOtaInfo.value;
+  if (!otaInfo || otaInfo.deviceId !== device.value.deviceId) return;
+  void startOtaUpdate({
+    versionNumber: otaInfo.versionNumber,
+    onSuccess: () => void refreshDeviceDetails(),
+  });
+};
+
+const confirmFirmwareUpdate = () => {
+  firmwareConfirmVisible.value = false;
+  if (!isDeviceOnline.value) {
+    uni.showToast({ title: "请先开启智能弓", icon: "none" });
+    return;
+  }
+  if (String(networkType.value || "").toLowerCase() === "wifi") {
+    runFirmwareUpdate();
+    return;
+  }
+  wifiRequiredVisible.value = true;
+};
+
+const goWifiForFirmwareUpdate = () => {
+  const otaInfo = pendingOtaInfo.value;
+  if (!otaInfo || otaInfo.deviceId !== device.value.deviceId) return;
+  wifiRequiredVisible.value = false;
+  const versionNumber = encodeURIComponent(otaInfo.versionNumber);
+  uni.navigateTo({ url: `/pages/device/ota-wifi?source=firmware-update&versionNumber=${versionNumber}` });
+};
+
+const handleOtaResultClose = () => {
+  closeOtaResult();
+  void refreshDeviceDetails();
+};
+
+const goFirmwareUpdate = async () => {
+  if (firmwareActionPending.value || otaUpdating.value) return;
+  if (!isDeviceOnline.value) {
+    uni.showToast({ title: "请先开启智能弓", icon: "none" });
+    return;
+  }
+  firmwareActionPending.value = true;
+  const deviceId = device.value.deviceId;
+  try {
+    const detail = await refreshDeviceDetails();
+    if (!detail || device.value.deviceId !== deviceId) {
+      uni.showToast({ title: "获取设备详情失败，请重试", icon: "none" });
+      return;
+    }
+    const otaInfo = getOtaInfoFromDetail(detail);
+    if (!otaInfo.needUpdate) {
+      latestVersionDialogVisible.value = true;
+      return;
+    }
+    if (!otaInfo.versionNumber) {
+      uni.showToast({ title: "缺少固件目标版本，请重试", icon: "none" });
+      return;
+    }
+    pendingOtaInfo.value = { ...otaInfo, deviceId };
+    firmwareConfirmVisible.value = true;
+  } finally {
+    firmwareActionPending.value = false;
+  }
+};
+
+const goCalibration = async () => {
+  if (!isDeviceOnline.value) {
+    uni.showToast({ title: "请先开启智能弓", icon: "none" });
+    return;
+  }
+  try {
+    await laserAimAPI();
+    uni.navigateTo({ url: "/pages/device/calibration" });
+  } catch (error) {
+    uni.showToast({ title: "设备未连接，暂时无法调瞄", icon: "none" });
+  }
+};
+
+const copyEmail = () => {
+  uni.setClipboardData({
+    data: "shelingxingqiu@163.com",
+    success: () => uni.showToast({ title: "邮箱已复制", icon: "success" }),
+  });
+};
+
+const openQr = () => {
+  if (!device.value.deviceId) {
+    uni.showToast({ title: "暂无绑定设备", icon: "none" });
+    return;
+  }
+  uni.navigateTo({
+    url: `/pages/device/device-qrcode?deviceId=${encodeURIComponent(device.value.deviceId)}`,
+  });
+};
+
+const closeTip = () => {
+  showTip.value = false;
+};
+
+const closeConfirmBindTip = () => {
+  confirmBindTip.value = false;
+};
+
+watch(
+  () => isDeviceOnline.value,
+  (isOnline, wasOnline) => {
+    if (isOnline && !wasOnline) {
+      void refreshDeviceDetails();
+    } else if (!isOnline) {
+      firmwareConfirmVisible.value = false;
+      wifiRequiredVisible.value = false;
+    }
+  }
+);
+
+watch(() => device.value.deviceId, () => {
+  pendingOtaInfo.value = null;
+  latestVersionDialogVisible.value = false;
+  firmwareConfirmVisible.value = false;
+  wifiRequiredVisible.value = false;
+});
+
+onLoad((options = {}) => {
+  retryScanOnShow.value = options.retryScan === "1";
+});
+
+onMounted(() => {
+  uni.$on("device-bind-retry-scan", handleScan);
+});
+
+onUnmounted(() => {
+  uni.$off("device-bind-retry-scan", handleScan);
+});
+
+onShow(async () => {
+  calibration.value = uni.getStorageSync("calibration");
+  await syncDeviceBinding();
+  if (retryScanOnShow.value) {
+    retryScanOnShow.value = false;
+    handleScan();
+  }
+});
+</script>
+
+<template>
+  <view class="my-device-page" :class="{ 'my-device-page--scan': isScanPage }">
+    <Container
+      :bgType="12"
+      :scroll="false"
+      :usePageScroll="false"
+    >
+    <template #header>
+      <view class="device-nav">
+        <Header title="" />
+        <text class="device-nav-title">我的设备</text>
+        <view v-if="device.deviceId" class="device-status" :class="statusClass">
+          <view class="status-dot"></view>
+          <text>{{ statusText }}</text>
+        </view>
+      </view>
+    </template>
+    <view v-if="!device.deviceId" class="scan-code">
+      <view class="unbound-content">
+        <button class="scan-entry" hover-class="none" @click="$clickSound(handleScan)">
+          <image src="https://static.shelingxingqiu.com/shootmini/static/device-assets/my-device-unbound-scan.png" mode="aspectFit" />
+        </button>
+        <view class="scan-title">
+          <text>请扫描</text>
+          <text class="highlight-text">射灵智能弓箭</text>
+          <text>设备上的二维码</text>
+        </view>
+        <view class="benefit-copy">
+          <text>新设备首次绑定账号可获赠</text>
+          <text class="highlight-text">6个月射灵会员礼包</text>
+          <text>，</text>
+          <text>该礼包仅可使用一次，请确保当前登录账号为您本人账号。</text>
+        </view>
+        <button class="help-link" hover-class="none" @click="showTip = true">
+          <text>没找到二维码或遇到问题&gt;</text>
+        </button>
+        <button class="product-link" hover-class="none" @click="toDeviceIntroPage">
+          <text>还没有射灵智能弓箭？点我获取&gt;</text>
+        </button>
+      </view>
+    </view>
+
+    <view v-else class="device-page">
+      <view
+        class="device-visual"
+        :class="{ 'device-float-group': isDeviceOnline }"
+      >
+        <image
+          class="device-stage"
+          src="https://static.shelingxingqiu.com/shootmini/static/home-device/device-platform.png"
+          mode="widthFix"
+        />
+        <DeviceOnlineEffects
+          v-if="isDeviceOnline"
+          variant="detail"
+        />
+        <image
+          class="device-bow"
+          :class="{ 'device-bow--online': isDeviceOnline }"
+          :src="isDeviceOnline
+            ? 'https://static.shelingxingqiu.com/shootmini/static/home-device/device-bow.png'
+            : 'https://static.shelingxingqiu.com/shootmini/static/home-device/device-bow.png'"
+          :mode="isDeviceOnline ? 'aspectFit' : 'widthFix'"
+        />
+      </view>
+
+      <view
+        class="device-heading"
+        :class="{ 'device-float-group': isDeviceOnline }"
+      >
+        <view class="device-title-row">
+          <text class="device-name">{{ device.deviceName || "打弓佬" }}</text>
+          <view class="edit-name" @click="openNameEditor">
+            <image src="https://static.shelingxingqiu.com/shootmini/static/home-device/device-edit.png" mode="aspectFit" />
+          </view>
+        </view>
+        <view class="device-id-row">
+          <text>设备ID：{{ deviceIdText }}</text>
+          <view class="device-id-toggle" @click="toggleDeviceId">
+            <image
+              class="device-id-eye"
+              :src="showDeviceId
+                ? 'https://static.shelingxingqiu.com/shootmini/static/home-device/device-id-visible.png'
+                : 'https://static.shelingxingqiu.com/shootmini/static/home-device/device-id-hidden.png'"
+              mode="aspectFit"
+            />
+          </view>
+        </view>
+      </view>
+
+      <view class="device-stats">
+        <view
+          v-for="(item, index) in designDeviceStats"
+          :key="item.label"
+          class="device-stat"
+          :class="{
+            'device-stat--divider': index > 0,
+            'device-stat--usage': index === 2,
+          }"
+        >
+          <text class="device-stat-label">{{ item.label }}</text>
+          <text class="device-stat-value">{{ item.value }}</text>
+        </view>
+      </view>
+
+      <view class="device-actions">
+        <view class="action-item" @click="toDeviceIntroPage">
+          <view class="action-icon">
+            <image src="https://static.shelingxingqiu.com/shootmini/static/home-device/device-action-intro.png" mode="aspectFit" />
+          </view>
+          <text>设备介绍</text>
+        </view>
+        <view class="action-item" @click="goCalibration">
+          <view class="action-icon">
+            <image src="https://static.shelingxingqiu.com/shootmini/static/home-device/device-action-calibration.png" mode="aspectFit" />
+          </view>
+          <text>弓箭调瞄</text>
+        </view>
+        <view class="action-item" @click="goFirmwareUpdate">
+          <view class="action-icon">
+            <image src="https://static.shelingxingqiu.com/shootmini/static/home-device/device-action-firmware.png" mode="aspectFit" />
+          </view>
+          <view class="action-label-wrap">
+            <text>固件更新</text>
+            <text v-if="otaNeedUpdate" class="action-badge action-badge--new">New</text>
+          </view>
+        </view>
+        <view class="action-item" @click="joinWifi">
+          <view class="action-icon">
+            <image src="https://static.shelingxingqiu.com/shootmini/static/home-device/device-action-wifi.png" mode="aspectFit" />
+          </view>
+          <view class="action-label-wrap">
+            <text>WIFI设置</text>
+            <text
+              :class="[
+                'action-badge',
+                wifiStatusText === '未设置'
+                  ? 'action-badge--unset'
+                  : wifiStatusText === '未连接'
+                    ? 'action-badge--offline'
+                    : '',
+              ]"
+            >
+              {{ wifiStatusText }}
+            </text>
+          </view>
+        </view>
+        <view class="action-item" @click="openQr">
+          <view class="action-icon">
+            <image src="https://static.shelingxingqiu.com/shootmini/static/home-device/device-action-qrcode.png" mode="aspectFit" />
+          </view>
+          <text>设备二维码</text>
+        </view>
+      </view>
+
+      <view class="unbind-entry" @click="openUnbindDialog">
+        <image
+          class="unbind-icon"
+          src="https://static.shelingxingqiu.com/shootmini/static/home-device/device-unbind.png"
+          mode="aspectFit"
+        />
+        <text>解除绑定</text>
+      </view>
+
+      <view v-if="calibration" class="calibration-tip">
+        <text>如有场地或距离变化，请重新校准以保证智能弓射箭精准度</text>
+        <view @click="goCalibration">重新校准</view>
+      </view>
+    </view>
+
+    <ModalDialog
+      :show="showTip"
+      :showCancel="false"
+      :showConfirm="false"
+      :showClose="true"
+      :onClose="closeTip"
+    >
+      <view class="scan-tips">
+        <text class="scan-tips-title">扫码绑定射灵弓箭</text>
+        <text class="scan-tips-subtitle">配套令牌样例</text>
+        <image
+          class="scan-tips-qr"
+          src="https://static.shelingxingqiu.com/shootmini/static/device-assets/my-device-unbound-qr-sample.png"
+          mode="widthFix"
+        />
+        <text class="scan-tips-note">【注】已被绑定的弓箭无法再次绑定。</text>
+        <view class="scan-tips-contact">
+          <text>如有任何疑问，请随时联系：</text>
+          <button hover-class="none" @click="copyEmail">shelingxingqiu@163.com</button>
+        </view>
+      </view>
+    </ModalDialog>
+
+    <ScreenHint
+      :show="confirmBindTip"
+      :onClose="closeConfirmBindTip"
+      contentHeight="360rpx"
+    >
+      <view class="confirm-bind">
+        <text>智能弓箭和系统账号需一一对应，你确定要将当前登录用户账号绑定这把弓箭吗？绑定后不可随意更换。</text>
+        <view class="confirm-actions">
+          <view
+            class="primary-action"
+            :class="{ 'primary-action--disabled': binding }"
+            @click="confirmBind"
+          >
+            {{ binding ? "绑定中..." : "确认绑定" }}
+          </view>
+          <view class="secondary-action" @click="confirmBindTip = false">取消</view>
+        </view>
+      </view>
+    </ScreenHint>
+
+    <ModalDialog
+      :show="unbindDialogVisible"
+      title="解除设备绑定"
+      content="解除绑定后，将无法使用智能弓箭进行对战，确定继续吗？"
+      cancelText="取消"
+      confirmText="解除绑定"
+      :onCancel="closeUnbindDialog"
+      :onConfirm="unbindDevice"
+    ></ModalDialog>
+
+    <ModalDialog
+      :show="latestVersionDialogVisible"
+      title="固件更新"
+      content="已经是最新版本"
+      confirmText="确定"
+      :showCancel="false"
+      :onConfirm="closeLatestVersionDialog"
+    ></ModalDialog>
+
+    <ModalDialog
+      :show="firmwareConfirmVisible"
+      title="固件更新"
+      :content="firmwareConfirmContent"
+      cancelText="暂不更新"
+      confirmText="立即更新"
+      :showCancel="!pendingOtaInfo?.forceUpdate"
+      :onCancel="closeFirmwareConfirm"
+      :onConfirm="confirmFirmwareUpdate"
+    ></ModalDialog>
+
+    <ModalDialog
+      :show="wifiRequiredVisible"
+      title="固件更新"
+      content="请在WiFi网络下更新"
+      confirmText="连接WiFi"
+      :showCancel="false"
+      :onConfirm="goWifiForFirmwareUpdate"
+    ></ModalDialog>
+
+    <OtaModal
+      :visible="otaUpdating"
+      state="update_progress"
+      :progress="otaProgress"
+      :phase="otaPhase"
+    />
+
+    <OtaModal
+      :visible="otaResultVisible && otaResultStatus === 'success'"
+      state="update_success"
+      @done="handleOtaResultClose"
+    />
+
+    <ModalDialog
+      :show="otaResultVisible && otaResultStatus === 'failed'"
+      :title="otaResultTitle"
+      :content="otaResultContent"
+      confirmText="关闭"
+      :showCancel="false"
+      :onConfirm="handleOtaResultClose"
+    ></ModalDialog>
+
+    <view v-if="nameEditorVisible" class="name-mask" @click="closeNameEditor">
+      <view class="name-panel" @click.stop>
+        <image
+          class="name-mascot"
+          src="https://static.shelingxingqiu.com/shootmini/static/home-device/device-name-mascot.png"
+          mode="aspectFit"
+        />
+        <view class="name-sheet">
+          <view class="name-input-row">
+            <input
+              v-model="editingName"
+              class="name-input"
+              focus
+              :cursor-spacing="24"
+              :disabled="renaming"
+              :maxlength="-1"
+              confirm-type="done"
+              placeholder="请输入设备名"
+              placeholder-class="name-placeholder"
+              @confirm="confirmName"
+            />
+            <view
+              class="name-confirm"
+              :class="{ 'name-confirm--disabled': renaming }"
+              @click="confirmName"
+            >
+              <image
+                class="name-confirm-image"
+                src="https://static.shelingxingqiu.com/shootmini/static/home-device/device-name-confirm.png"
+                mode="aspectFit"
+              />
+            </view>
+          </view>
+          <view class="name-meta">
+            <text class="name-helper">仅支持中文、英文、数字、下划线、减号</text>
+            <text
+              class="name-count"
+              :class="{ 'name-count--exceeded': isEditingNameTooLong }"
+            >{{ editingNameLength }}/{{ DEVICE_NAME_MAX_LENGTH }}</text>
+          </view>
+        </view>
+      </view>
+    </view>
+    </Container>
+  </view>
+</template>
+
+<style scoped>
+.device-nav {
+  position: relative;
+  z-index: 3;
+  width: 100%;
+  height: 50px;
+}
+
+.device-nav-title {
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  color: #ffffff;
+  font-size: 30rpx;
+  font-weight: 500;
+  line-height: 52rpx;
+  white-space: nowrap;
+  transform: translate(-50%, -50%);
+}
+
+.device-nav .device-status {
+  position: absolute;
+  top: calc(100% + 0);
+  left: 50%;
+  white-space: nowrap;
+  transform: translateX(-50%);
+}
+
+.my-device-page {
+  position: relative;
+  min-height: 100vh;
+  background: transparent;
+}
+
+.my-device-page--scan {
+  height: 100vh;
+  overflow: hidden;
+}
+
+.scan-code,
+.device-page {
+  display: flex;
+  width: 100%;
+  min-height: calc(100vh - 100rpx);
+  box-sizing: border-box;
+  flex-direction: column;
+  align-items: center;
+}
+
+.scan-code {
+  position: relative;
+  overflow: hidden;
+  justify-content: flex-start;
+  padding-top: 0;
+  background: transparent;
+}
+
+.unbound-content {
+  position: relative;
+  z-index: 1;
+  display: flex;
+  width: 100%;
+  min-height: calc(100vh - 100rpx);
+  box-sizing: border-box;
+  flex-direction: column;
+  align-items: center;
+  padding: 170rpx 32rpx 160rpx;
+}
+
+.scan-entry,
+.help-link,
+.product-link {
+  padding: 0;
+  border: 0;
+  background: transparent;
+  line-height: normal;
+}
+
+.scan-entry::after,
+.help-link::after,
+.product-link::after {
+  border: 0;
+}
+
+.scan-entry {
+  display: flex;
+  width: 276rpx;
+  height: 276rpx;
+  align-items: center;
+  justify-content: center;
+}
+
+.scan-entry image {
+  width: 276rpx;
+  height: 276rpx;
+}
+
+.scan-title {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 100%;
+  margin-top: 48rpx;
+  color: #ffffff;
+  font-size: 28rpx;
+  font-weight: 500;
+  line-height: 40rpx;
+  white-space: nowrap;
+}
+
+.benefit-copy {
+  display: flex;
+  width: 100%;
+  flex-wrap: wrap;
+  align-items: center;
+  justify-content: center;
+  margin-top: 20rpx;
+  color: rgba(255, 255, 255, 0.74);
+  font-size: 26rpx;
+  font-weight: 500;
+  line-height: 44rpx;
+  text-align: center;
+}
+
+.help-link {
+  margin-top: 72rpx;
+  color: #ffd947;
+  font-size: 26rpx;
+  line-height: 36rpx;
+}
+
+.product-link {
+  position: fixed;
+  bottom: 104rpx;
+  bottom: calc(env(safe-area-inset-bottom) + 104rpx);
+  left: 0;
+  z-index: 2;
+  width: 100%;
+  color: #ffd947;
+  font-size: 26rpx;
+  line-height: 36rpx;
+}
+
+.highlight-text {
+  color: #fed847;
+}
+
+.device-page {
+  position: relative;
+  display: flex;
+  min-height: calc(100vh - 100rpx);
+  box-sizing: border-box;
+  align-items: center;
+  padding: 8rpx 24rpx 80rpx;
+  overflow: hidden;
+  color: #ffffff;
+}
+
+.device-visual {
+  position: absolute;
+  top: 146rpx;
+  left: 0;
+  z-index: 1;
+  width: 100%;
+  height: 610rpx;
+  pointer-events: none;
+}
+
+.device-float-group {
+  animation: my-device-float 3s ease-in-out infinite;
+}
+
+@keyframes my-device-float {
+  0%,
+  100% {
+    transform: translateY(0);
+  }
+  50% {
+    transform: translateY(-20rpx);
+  }
+}
+
+.device-stage {
+  position: absolute;
+  top: 214rpx;
+  left: 50%;
+  z-index: 1;
+  width: 750rpx;
+  transform: translateX(-50%);
+}
+
+.device-bow {
+  position: absolute;
+  top: -2rpx;
+  left: 50%;
+  z-index: 4;
+  width: 562rpx;
+  transform: translateX(-50%);
+}
+
+.device-bow--online {
+  height: 466rpx;
+}
+
+.device-heading {
+  position: relative;
+  z-index: 2;
+  display: flex;
+  width: 100%;
+  flex-direction: column;
+  align-items: center;
+  padding-top: 16rpx;
+}
+
+.device-status {
+  display: flex;
+  align-items: center;
+  color: rgba(255, 255, 255, 0.9);
+  font-size: 18rpx;
+  line-height: 30rpx;
+}
+
+.status-dot {
+  width: 16rpx;
+  height: 16rpx;
+  margin-right: 10rpx;
+  border-radius: 50%;
+}
+
+.device-status--online .status-dot {
+  background: linear-gradient(180deg, #9aff97, #36bb34);
+  box-shadow: 0 0 16rpx rgba(98, 228, 161, 0.8);
+}
+
+.device-status--offline .status-dot {
+  background: #ff6e6e;
+}
+
+.device-title-row {
+  display: flex;
+  align-items: center;
+  margin-top: 566rpx;
+  height: 52rpx;
+  line-height: 52rpx;
+  padding: 0 24rpx;
+  border-radius: 78rpx 78rpx 78rpx 78rpx;
+  background: rgba(0,0,0, 0.5);
+}
+
+.device-name {
+  color: #FFD947;
+  font-size: 28rpx;
+  font-weight: 500;
+  line-height: 36rpx;
+}
+
+.edit-name {
+  display: flex;
+  width: 40rpx;
+  height: 34rpx;
+  align-items: center;
+  justify-content: center;
+  margin-left: 6rpx;
+}
+
+.edit-name image {
+  width: 40rpx;
+  height: 34rpx;
+}
+
+.device-id-row {
+  display: flex;
+  align-items: center;
+  margin-top: 8rpx;
+  color: rgba(255, 255, 255, 0.76);
+  font-size: 24rpx;
+  line-height: 32rpx;
+}
+
+.device-id-toggle {
+  display: flex;
+  width: 42rpx;
+  height: 32rpx;
+  align-items: center;
+  justify-content: center;
+  margin-left: 6rpx;
+}
+
+.device-id-eye {
+  width: 26rpx;
+  height: 20rpx;
+}
+
+.device-stats {
+  position: relative;
+  z-index: 2;
+  display: flex;
+  width: 704rpx;
+  align-self: center;
+  margin-top: 100rpx;
+  padding: 14rpx 0 18rpx;
+}
+
+.device-stat {
+  display: flex;
+  width: 168rpx;
+  box-sizing: border-box;
+  flex-direction: column;
+  align-items: center;
+  flex-shrink: 0;
+  min-width: 0;
+  padding: 0 2rpx;
+  color: #f3e0b9;
+}
+
+.device-stat--usage {
+  width: 200rpx;
+}
+
+.device-stat--divider {
+  border-left: 1rpx solid rgba(255, 255, 255, 0.3);
+}
+
+.device-stat-label {
+  color: rgba(255, 255, 255, 0.7);
+  font-size: 24rpx;
+  line-height: 30rpx;
+  white-space: nowrap;
+}
+
+.device-stat-value {
+  width: auto;
+  margin-top: 10rpx;
+  overflow: visible;
+  color: #f3e0b9;
+  font-size: 28rpx;
+  line-height: 36rpx;
+  letter-spacing: -0.5rpx;
+  text-align: center;
+  white-space: nowrap;
+}
+
+.device-actions {
+  position: relative;
+  z-index: 2;
+  display: flex;
+  width: 100%;
+  justify-content: space-between;
+  margin-top: 56rpx;
+}
+
+.action-item {
+  display: flex;
+  width: 20%;
+  flex-direction: column;
+  align-items: center;
+  color: rgba(255, 255, 255, 0.7);
+  font-size: 22rpx;
+  line-height: 30rpx;
+  text-align: center;
+}
+
+.action-icon {
+  display: flex;
+  width: 88rpx;
+  height: 88rpx;
+  align-items: center;
+  justify-content: center;
+  margin-bottom: 10rpx;
+  border: 2rpx solid rgba(243, 224, 185, 0.75);
+  border-radius: 50%;
+  color: #f3e0b9;
+  font-size: 46rpx;
+  line-height: 1;
+}
+
+.action-icon image {
+  width: 48rpx;
+  height: 48rpx;
+}
+
+.action-label-wrap {
+  position: relative;
+  display: flex;
+  min-height: 30rpx;
+  align-items: center;
+  justify-content: center;
+}
+
+.action-badge {
+  position: absolute;
+  top: -116rpx;
+  left: calc(50% + 38rpx);
+  display: flex;
+  width: 68rpx;
+  height: 34rpx;
+  box-sizing: border-box;
+  align-items: center;
+  justify-content: center;
+  padding: 0;
+  border-radius: 16rpx 4rpx 20rpx 4rpx;
+  color: #5c421f;
+  background: linear-gradient(133deg, #ffd19a 0%, #a17636 100%);
+  font-size: 18rpx;
+  line-height: 34rpx;
+  transform: translateX(-50%);
+}
+
+.action-badge--offline {
+  color: #8b0000;
+}
+
+.action-badge--unset {
+  color: #565656;
+}
+
+.unbind-entry {
+  position: relative;
+  z-index: 2;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  margin-top: 92rpx;
+  color: #ffd947;
+  font-size: 28rpx;
+  line-height: 38rpx;
+}
+
+.unbind-icon {
+  width: 37rpx;
+  height: 30rpx;
+  margin-right: 10rpx;
+}
+
+.calibration-tip {
+  display: flex;
+  width: 100%;
+  box-sizing: border-box;
+  align-items: center;
+  justify-content: space-between;
+  margin-top: 24rpx;
+  padding: 20rpx 24rpx;
+  border-radius: 16rpx;
+  background: rgba(40, 127, 255, 0.12);
+  color: rgba(255, 255, 255, 0.65);
+  font-size: 22rpx;
+  line-height: 34rpx;
+}
+
+.calibration-tip > text {
+  flex: 1;
+}
+
+.calibration-tip > view {
+  margin-left: 18rpx;
+  color: #5bbdff;
+  white-space: nowrap;
+}
+
+.primary-action,
+.secondary-action {
+  display: flex;
+  min-width: 150rpx;
+  height: 68rpx;
+  box-sizing: border-box;
+  align-items: center;
+  justify-content: center;
+  border-radius: 34rpx;
+  font-size: 24rpx;
+}
+
+.primary-action {
+  color: #111111;
+  background: #fed847;
+}
+
+.primary-action--disabled {
+  opacity: 0.6;
+}
+
+.secondary-action {
+  color: #ffffff;
+  background: rgba(255, 255, 255, 0.16);
+}
+
+.scan-tips {
+  display: flex;
+  width: 100%;
+  box-sizing: border-box;
+  flex-direction: column;
+  align-items: flex-start;
+  color: #ffffff;
+  font-size: 24rpx;
+  text-align: left;
+}
+
+.scan-tips-title {
+  color: #fed847;
+  font-size: 32rpx;
+  line-height: 42rpx;
+}
+
+.scan-tips-subtitle {
+  margin-top: 14rpx;
+  color: rgba(255, 255, 255, 0.72);
+  font-size: 26rpx;
+  line-height: 36rpx;
+}
+
+.scan-tips-qr {
+  width: 100%;
+  margin-top: 12rpx;
+  border-radius: 14rpx;
+}
+
+.scan-tips-note {
+  margin-top: 16rpx;
+  color: #ffffff;
+  font-size: 24rpx;
+  line-height: 36rpx;
+}
+
+.scan-tips-contact {
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+  margin-top: 12rpx;
+  color: #ffffff;
+  font-size: 24rpx;
+  line-height: 36rpx;
+}
+
+.scan-tips button {
+  padding: 0;
+  color: #39a8ff;
+  background: transparent;
+  font-size: 30rpx;
+  line-height: 40rpx;
+}
+
+.confirm-bind {
+  width: 100%;
+  box-sizing: border-box;
+  padding-top: 100rpx;
+  transform: translateY(24rpx);
+  color: rgba(255, 255, 255, 0.7);
+  font-size: 26rpx;
+  line-height: 42rpx;
+}
+
+.confirm-actions {
+  display: flex;
+  justify-content: space-between;
+  margin: 24rpx 0;
+  gap: 16rpx;
+}
+
+.confirm-actions > view {
+  flex: 1;
+}
+
+.name-mask {
+  position: fixed;
+  top: 0;
+  left: 0;
+  z-index: 1000;
+  display: flex;
+  width: 100vw;
+  height: 100vh;
+  box-sizing: border-box;
+  align-items: flex-end;
+  background: rgba(0, 0, 0, 0.68);
+}
+
+.name-panel {
+  position: relative;
+  width: 100%;
+}
+
+.name-mascot {
+  position: absolute;
+  bottom: calc(100% - 74rpx);
+  left: 50%;
+  z-index: 0;
+  width: 176rpx;
+  height: 190rpx;
+  pointer-events: none;
+  transform: translateX(-50%);
+}
+
+.name-sheet {
+  position: relative;
+  z-index: 1;
+  width: 100%;
+  box-sizing: border-box;
+  padding: 42rpx 48rpx calc(48rpx + env(safe-area-inset-bottom));
+  border-top: 2rpx solid rgba(255, 218, 96, 0.5);
+  background: linear-gradient(180deg, #725323 0%, #4a351d 100%);
+}
+
+.name-input-row {
+  position: relative;
+  display: flex;
+  width: 100%;
+  max-width: 620rpx;
+  height: 78rpx;
+  align-items: center;
+  margin: 0 auto;
+  overflow: hidden;
+  border-radius: 40rpx;
+  background: #ffffff;
+}
+
+.name-input {
+  flex: 1;
+  min-width: 0;
+  height: 78rpx;
+  padding: 0 28rpx 0 38rpx;
+  box-sizing: border-box;
+  color: #3f3a34;
+  background: #ffffff;
+  font-size: 28rpx;
+  line-height: 78rpx;
+  text-align: center;
+}
+
+.name-placeholder {
+  color: #5f5a55;
+}
+
+.name-confirm {
+  position: relative;
+  z-index: 1;
+  width: 156rpx;
+  height: 78rpx;
+  flex: 0 0 156rpx;
+}
+
+.name-confirm-image {
+  display: block;
+  width: 100%;
+  height: 100%;
+}
+
+.name-confirm--disabled {
+  opacity: 0.6;
+}
+
+.name-meta {
+  display: flex;
+  width: 100%;
+  max-width: 620rpx;
+  align-items: flex-start;
+  justify-content: space-between;
+  margin-top: 22rpx;
+  margin-right: auto;
+  margin-left: auto;
+  gap: 20rpx;
+}
+
+.name-helper,
+.name-count {
+  color: rgba(255, 255, 255, 0.62);
+  font-size: 24rpx;
+  line-height: 34rpx;
+}
+
+.name-helper {
+  flex: 1;
+}
+
+.name-count {
+  flex-shrink: 0;
+}
+
+.name-count--exceeded {
+  color: #fed847;
+}
+</style>
diff --git a/src/pages/device/ota-wifi.vue b/src/pages/device/ota-wifi.vue
new file mode 100644
index 0000000..213a003
--- /dev/null
+++ b/src/pages/device/ota-wifi.vue
@@ -0,0 +1,1172 @@
+<script setup>
+import { ref, computed, watch, onMounted, onUnmounted } from "vue";
+import { onLoad, onShow } from "@dcloudio/uni-app";
+import { storeToRefs } from "pinia";
+import Container from "@/components/Container.vue";
+import ModalDialog from "@/components/ModalDialog.vue";
+import OtaModal from "@/components/OtaModal.vue";
+import useStore from "@/store";
+import { capsuleHeight } from "@/util";
+import {
+  connectDeviceWifiAPI,
+  getDeviceDetailAPI,
+  getDeviceWifiStatusAPI,
+} from "@/apis";
+import { getOtaInfoFromDetail, useOtaUpdate } from "@/composables/useOtaUpdate";
+
+const STATES = {
+  SCANNING: "SCANNING",
+  LIST: "LIST",
+  CONNECTING: "CONNECTING",
+  CONNECTED: "CONNECTED",
+  LOCATION_REQUIRED: "LOCATION_REQUIRED",
+};
+
+const isIOS = uni.getDeviceInfo().osName === "ios";
+const { device, deviceStatus } = storeToRefs(useStore());
+const currentState = ref(STATES.SCANNING);
+const connectedWifi = ref(null);
+const connectedWifiName = ref("");
+const isDeviceOnWifi = computed(
+  () => deviceStatus.value.online === true && deviceStatus.value.netType === "wifi"
+);
+const wifiList = ref([]);
+const showWifiBanner = ref(false);
+
+const connectingWifi = ref(null);
+const connectInput = ref({ ssid: "", password: "" });
+const connectMode = ref("secure"); // secure | open | manual
+const connectError = ref("");
+const connectStatusText = ref("");
+const isSubmittingWifi = ref(false);
+const keyboardHeight = ref(0);
+// 控制密码输入框是否显示明文
+const showPassword = ref(false);
+// 刷新防抖标志：扫描进行中为 true，禁止重复点击；扫描结束（成功/失败）后重置为 false。
+const isRefreshing = ref(false);
+const fromFirmwareUpdate = ref(false);
+const routeOtaVersionNumber = ref("");
+const countdownVisible = ref(false);
+const countdownSeconds = ref(3);
+const firmwareMessageVisible = ref(false);
+const firmwareMessage = ref("");
+let countdownTimer = null;
+let wifiConnectRequestId = 0;
+let wifiStatusRequestId = 0;
+const WIFI_CONNECT_FAILED_TEXT = "连接失败，请检查WiFi密码或WiFi状态";
+// 与 Container 的可滚动区域保持一致，底部说明在长短屏上都能贴近安全区。
+const windowInfo = uni.getWindowInfo();
+const contentMinHeight = Math.max(
+  0,
+  Math.round(
+    (windowInfo.windowHeight - capsuleHeight - 50) *
+      (750 / windowInfo.windowWidth)
+  )
+);
+
+const {
+  updating: otaUpdating,
+  progress: otaProgress,
+  phase: otaPhase,
+  resultVisible: otaResultVisible,
+  resultStatus: otaResultStatus,
+  resultTitle: otaResultTitle,
+  resultContent: otaResultContent,
+  startUpdate: startOtaUpdate,
+  closeResult: closeOtaResult,
+} = useOtaUpdate();
+
+const countdownButtonText = computed(
+  () => `${Math.max(1, countdownSeconds.value)}秒后开始`
+);
+
+// 判断 WiFi 列表失败是否由用户拒绝授权引起（兼容 errno:103 及各平台 errMsg 变体）。
+const isWifiPermissionDenied = (err) => {
+  if (err?.errno === 103) return true;
+  const errMsg = err?.errMsg || "";
+  return /auth den|authorize|permission denied|user denied|scope\.userLocation/i.test(errMsg);
+};
+
+// Android 定位不可用时展示蓝湖中的独立引导状态。
+const showLocationPermission = () => {
+  currentState.value = STATES.LOCATION_REQUIRED;
+  isRefreshing.value = false;
+};
+
+// 已拒绝授权时进入小程序设置；首次授权则重新扫描以触发系统权限流程。
+const handleReauthorize = () => {
+  if (uni.getSystemSetting().locationEnabled === false) {
+    uni.showToast({ title: "请先开启手机定位服务", icon: "none" });
+    return;
+  }
+  uni.getSetting({
+    success(res) {
+      if (res.authSetting["scope.userLocation"] !== false) {
+        startScanning();
+        return;
+      }
+      uni.openSetting({
+        success(setting) {
+          if (setting.authSetting["scope.userLocation"]) startScanning();
+        },
+      });
+    },
+  });
+};
+
+// 将 iOS 当前手机连接的 WiFi 写入候选列表，供用户继续填写设备连接密码；扫描结束后重置刷新防抖标志。
+const applyIOSConnectedWifi = (wifi) => {
+  const ssid = wifi?.SSID;
+  if (!ssid) {
+    wifiList.value = [];
+    currentState.value = connectedWifi.value ? STATES.CONNECTED : STATES.LIST;
+    isRefreshing.value = false;
+    return;
+  }
+
+  wifiList.value = [
+    {
+      ...wifi,
+      SSID: ssid,
+      secure: wifi.secure !== false,
+      fromCurrentWifi: true,
+    },
+  ];
+  currentState.value = connectedWifi.value ? STATES.CONNECTED : STATES.LIST;
+  isRefreshing.value = false;
+};
+
+// 获取 iOS 当前手机连接的 WiFi，并把它作为可选网络展示。
+const syncIOSConnectedWifi = () => {
+  wx.getConnectedWifi({
+    success(res) {
+      console.log("[OTA WiFi] wx.getConnectedWifi success:", res);
+      applyIOSConnectedWifi(res.wifi || res);
+    },
+    fail(err) {
+      console.warn("[OTA WiFi] wx.getConnectedWifi fail:", {
+        errCode: err?.errCode,
+        errMsg: err?.errMsg,
+        err,
+      });
+      wifiList.value = [];
+      currentState.value = connectedWifi.value ? STATES.CONNECTED : STATES.LIST;
+      isRefreshing.value = false;
+    },
+  });
+};
+
+// 启动 iOS WiFi 能力；iOS 只用当前手机连接的 WiFi 作为候选网络。
+const startIOSScanning = () => {
+  wx.startWifi({
+    success(res) {
+      console.log("[OTA WiFi] wx.startWifi success:", res);
+      syncIOSConnectedWifi();
+    },
+    fail(err) {
+      console.error("[OTA WiFi] wx.startWifi fail:", {
+        errCode: err?.errCode,
+        errMsg: err?.errMsg,
+        err,
+      });
+      if (err.errCode === 12005) showWifiBanner.value = true;
+      currentState.value = connectedWifi.value ? STATES.CONNECTED : STATES.LIST;
+      isRefreshing.value = false;
+    },
+  });
+};
+
+// 启动小程序 WiFi 能力并按平台获取可用网络；也作为刷新按钮的点击处理器，重新获取最新 WiFi 列表。
+// 扫描进行中时防抖：若上次扫描尚未完成则直接 return，避免重复触发导致弹窗异常。
+const startScanning = () => {
+  if (isRefreshing.value) return;
+  isRefreshing.value = true;
+  currentState.value = STATES.SCANNING;
+  wifiList.value = [];
+  showWifiBanner.value = false;
+  connectError.value = "";
+
+  if (isIOS) {
+    startIOSScanning();
+    return;
+  }
+
+  if (uni.getSystemSetting().locationEnabled === false) {
+    showLocationPermission();
+    return;
+  }
+
+  wx.startWifi({
+    success(res) {
+      console.log("[OTA WiFi] wx.startWifi success:", res);
+      wx.getWifiList({
+        success(res) {
+          console.log("[OTA WiFi] wx.getWifiList request success:", res);
+        },
+        fail(err) {
+          console.error("[OTA WiFi] wx.getWifiList fail:", {
+            errCode: err?.errCode,
+            errMsg: err?.errMsg,
+            err,
+          });
+          if (isWifiPermissionDenied(err)) {
+            showLocationPermission();
+          } else {
+            currentState.value = connectedWifi.value ? STATES.CONNECTED : STATES.LIST;
+          }
+          if (err.errCode === 12005) showWifiBanner.value = true;
+          isRefreshing.value = false;
+        },
+      });
+    },
+    fail(err) {
+      console.error("[OTA WiFi] wx.startWifi fail:", {
+        errCode: err?.errCode,
+        errMsg: err?.errMsg,
+        err,
+      });
+      if (isWifiPermissionDenied(err)) {
+        showLocationPermission();
+      } else {
+        currentState.value = connectedWifi.value ? STATES.CONNECTED : STATES.LIST;
+      }
+      if (err.errCode === 12005) showWifiBanner.value = true;
+      isRefreshing.value = false;
+    },
+  });
+
+  wx.onGetWifiList((res) => {
+    if (currentState.value === STATES.LOCATION_REQUIRED) return;
+    const realWifiList = res.wifiList || [];
+    if (realWifiList.length) {
+      console.log("[OTA WiFi] wx.onGetWifiList received wifiList:", realWifiList);
+    } else {
+      console.warn("[OTA WiFi] wx.onGetWifiList received empty wifiList:", res);
+    }
+    wifiList.value = realWifiList;
+    currentState.value = connectedWifi.value ? STATES.CONNECTED : STATES.LIST;
+    isRefreshing.value = false;
+  });
+};
+
+// 选择列表中的 WiFi，并打开密码输入弹窗。
+const selectWifi = (wifi) => {
+  cancelWifiConnectWaiting();
+  connectingWifi.value = wifi;
+  connectInput.value = { ssid: wifi.SSID, password: "" };
+  connectMode.value = wifi.secure ? "secure" : "open";
+  connectError.value = "";
+  currentState.value = STATES.CONNECTING;
+};
+
+// 选择手动输入 WiFi，并打开手动输入弹窗。
+const selectOther = () => {
+  cancelWifiConnectWaiting();
+  connectingWifi.value = null;
+  connectInput.value = { ssid: "", password: "" };
+  connectMode.value = "manual";
+  connectError.value = "";
+  currentState.value = STATES.CONNECTING;
+};
+
+// 关闭连接弹窗，并停止等待当前 WiFi 连接结果。
+const closeConnectSheet = () => {
+  cancelWifiConnectWaiting();
+  connectError.value = "";
+  currentState.value = connectedWifi.value ? STATES.CONNECTED : STATES.LIST;
+};
+
+const hasChinese = (str) => /[\u4e00-\u9fa5]/.test(str);
+
+const ssidWarning = computed(() => {
+  if (connectMode.value === "manual" && hasChinese(connectInput.value.ssid)) {
+    return "网络名称仅支持英文字符及数字，请连接英文名网络或把网络改为英文";
+  }
+  return "";
+});
+
+// 判断当前是否禁止点击加入按钮，提交中也禁止重复点击。
+const joinDisabled = computed(() => {
+  if (isSubmittingWifi.value) return true;
+  if (connectMode.value === "secure") return !connectInput.value.password;
+  if (connectMode.value === "manual") return !connectInput.value.ssid;
+  return false;
+});
+
+// 列表按实际条目收起；空间不足时由页面布局限制高度并在卡片内滚动。
+const wifiListScrollHeight = computed(() => {
+  const itemCount = wifiList.value.length + 1;
+  return `${itemCount * 108}rpx`;
+});
+
+// 展示条件只取 WebSocket 设备状态；接口仅提供名称，过期请求不得覆盖新状态。
+const refreshConnectedWifiName = async () => {
+  const requestId = ++wifiStatusRequestId;
+  if (!isDeviceOnWifi.value) {
+    connectedWifiName.value = "";
+    return;
+  }
+  connectedWifiName.value = "";
+  try {
+    const status = await getDeviceWifiStatusAPI();
+    if (requestId !== wifiStatusRequestId || !isDeviceOnWifi.value) return;
+    connectedWifiName.value = String(status?.ssid ?? "").trim();
+  } catch (error) {
+    if (requestId === wifiStatusRequestId) connectedWifiName.value = "";
+  }
+};
+
+watch(isDeviceOnWifi, () => {
+  void refreshConnectedWifiName();
+});
+
+// 取消当前 WiFi 连接请求的页面等待状态，并忽略可能迟到的响应。
+const cancelWifiConnectWaiting = () => {
+  wifiConnectRequestId += 1;
+  connectStatusText.value = "";
+  isSubmittingWifi.value = false;
+  uni.hideLoading();
+};
+
+// 把接口失败和传输异常转换为连接弹窗内的用户提示。
+const getWifiConnectErrorText = (error) => {
+  const message = error?.message || "";
+  if (message.includes("请先开启智能弓")) return "请先开启智能弓";
+  if (message.includes("超时") || error?.errMsg?.includes("timeout")) {
+    return "等待设备响应超时，请重试";
+  }
+  if (error?.errMsg) return "网络异常，请检查网络后重试";
+  return message || WIFI_CONNECT_FAILED_TEXT;
+};
+
+// 提交 WiFi 配置，并以接口返回的设备最终连接结果更新页面。
+const submitDeviceWifiConfig = async ({ ssid, password }) => {
+  if (isSubmittingWifi.value) return;
+  wifiConnectRequestId += 1;
+  const requestId = wifiConnectRequestId;
+  isSubmittingWifi.value = true;
+  connectStatusText.value = "WiFi连接中...";
+  uni.showLoading({
+    title: "WiFi连接中",
+    mask: true,
+  });
+  try {
+    const connectResult = await connectDeviceWifiAPI(ssid, password);
+    if (requestId !== wifiConnectRequestId) return;
+    if (connectResult?.success !== true) {
+      connectError.value = WIFI_CONNECT_FAILED_TEXT;
+      return;
+    }
+    connectedWifi.value = {
+      ...(connectingWifi.value || {}),
+      SSID: ssid,
+      password,
+      secure: connectMode.value === "secure" || !!password,
+    };
+    connectError.value = "";
+    currentState.value = STATES.CONNECTED;
+    void refreshConnectedWifiName();
+    if (fromFirmwareUpdate.value) {
+      openFirmwareCountdown();
+    }
+  } catch (err) {
+    if (requestId === wifiConnectRequestId) {
+      connectError.value = getWifiConnectErrorText(err);
+    }
+  } finally {
+    if (requestId === wifiConnectRequestId) {
+      connectStatusText.value = "";
+      isSubmittingWifi.value = false;
+      uni.hideLoading();
+    }
+  }
+};
+
+// 校验用户输入并提交 WiFi 配置，不再把手机连接结果当作设备连接成功。
+const joinNetwork = () => {
+  if (joinDisabled.value) return;
+  connectError.value = "";
+  const ssid = connectInput.value.ssid;
+  const password = connectInput.value.password;
+
+  submitDeviceWifiConfig({ ssid, password });
+};
+
+const startFirmwareUpdate = async () => {
+  if (!fromFirmwareUpdate.value || !connectedWifi.value || otaUpdating.value) return;
+  const deviceId = device.value.deviceId;
+  const wifi = connectedWifi.value;
+  if (!deviceId) return;
+  try {
+    const response = await getDeviceDetailAPI(deviceId);
+    const detail = response?.detail || response?.data?.detail;
+    if (!detail || device.value.deviceId !== deviceId) throw new Error("设备详情已失效");
+    const otaInfo = getOtaInfoFromDetail(detail);
+    if (!otaInfo.needUpdate) {
+      firmwareMessage.value = "当前已是最新版本";
+      firmwareMessageVisible.value = true;
+      return;
+    }
+    if (!otaInfo.versionNumber) {
+      firmwareMessage.value = "缺少固件目标版本，请返回后重试";
+      firmwareMessageVisible.value = true;
+      return;
+    }
+    // WiFi 连接可能耗时较长，以更新前的最新设备详情为准。
+    routeOtaVersionNumber.value = otaInfo.versionNumber;
+  } catch (error) {
+    firmwareMessage.value = "获取设备详情失败，请返回后重试";
+    firmwareMessageVisible.value = true;
+    return;
+  }
+  await startOtaUpdate({
+    versionNumber: routeOtaVersionNumber.value,
+    wifiSsid: wifi.SSID,
+    wifiPassword: wifi.password || "",
+  });
+};
+
+const clearFirmwareCountdown = () => {
+  clearInterval(countdownTimer);
+  countdownTimer = null;
+};
+
+const openFirmwareCountdown = () => {
+  clearFirmwareCountdown();
+  countdownSeconds.value = 3;
+  countdownVisible.value = true;
+  countdownTimer = setInterval(() => {
+    countdownSeconds.value -= 1;
+    if (countdownSeconds.value > 0) return;
+    clearFirmwareCountdown();
+    countdownVisible.value = false;
+    void startFirmwareUpdate();
+  }, 1000);
+};
+
+// 监听系统输入法高度，用于让底部弹窗避开键盘遮挡。
+const handleKeyboardHeightChange = (res) => {
+  keyboardHeight.value = Math.round(
+    (res?.height || 0) * (750 / windowInfo.windowWidth)
+  );
+};
+
+// 切换密码显示状态前先收起键盘，避免安全键盘和普通输入法切换时复用旧高度产生黑条。
+const togglePasswordVisibility = () => {
+  uni.hideKeyboard({
+    complete() {
+      keyboardHeight.value = 0;
+      showPassword.value = !showPassword.value;
+    },
+  });
+};
+
+// 页面加载时识别普通 WiFi 入口和固件更新入口。
+onLoad((options = {}) => {
+  fromFirmwareUpdate.value = options.source === "firmware-update";
+  routeOtaVersionNumber.value = decodeURIComponent(options.versionNumber || "");
+});
+
+// 页面挂载后启动 WiFi 扫描流程。
+onMounted(() => {
+  if (typeof uni.onKeyboardHeightChange === "function") {
+    uni.onKeyboardHeightChange(handleKeyboardHeightChange);
+  }
+  startScanning();
+});
+
+// iOS 从系统 WiFi 设置返回小程序后，同步当前手机连接的 WiFi。
+onShow(() => {
+  void refreshConnectedWifiName();
+  if (isIOS && currentState.value === STATES.LIST) {
+    syncIOSConnectedWifi();
+  } else if (
+    !isIOS &&
+    currentState.value === STATES.LOCATION_REQUIRED &&
+    uni.getSystemSetting().locationEnabled !== false
+  ) {
+    uni.getSetting({
+      success(res) {
+        if (res.authSetting["scope.userLocation"] !== false) startScanning();
+      },
+    });
+  }
+});
+
+onUnmounted(() => {
+  wifiStatusRequestId += 1;
+  if (typeof uni.offKeyboardHeightChange === "function") {
+    uni.offKeyboardHeightChange(handleKeyboardHeightChange);
+  }
+  cancelWifiConnectWaiting();
+  clearFirmwareCountdown();
+  wx.offGetWifiList && wx.offGetWifiList();
+});
+</script>
+
+<template>
+  <Container :scroll="false">
+    <!-- WiFi 不可用 Banner -->
+    <view v-if="showWifiBanner" class="wifi-banner">
+      <text class="wifi-banner-text">请先开启 WiFi 后刷新重试</text>
+    </view>
+
+    <!-- 扫描、候选网络与设备已连接网络共用页面主体 -->
+    <view
+      v-if="currentState === 'SCANNING' || currentState === 'LIST' || currentState === 'CONNECTED'"
+      class="wifi-page"
+      :style="{ height: contentMinHeight + 'rpx' }"
+    >
+      <view class="hero-area">
+        <image
+          class="hero-image"
+          src="https://static.shelingxingqiu.com/shootmini/static/ota/wifi1.png"
+          mode="aspectFit"
+        />
+      </view>
+      <text class="page-title">智能弓箭连接无线网络</text>
+      <text class="page-subtitle">提醒：本操作将为智能弓箭连接WIFI网络，不会影响手机自身连接的WIFI网络。</text>
+
+      <view class="network-sections">
+        <!-- 仅设备 WebSocket 状态为 WiFi 时显示；此卡片不触发密码输入。 -->
+        <view v-if="isDeviceOnWifi && connectedWifiName" class="network-section connected-section">
+          <text class="section-label">已连接</text>
+          <view class="connected-wifi-card">
+            <text class="wifi-ssid">{{ connectedWifiName }}</text>
+            <image
+              class="check-icon"
+              src="https://static.shelingxingqiu.com/shootmini/static/sicon/check.png"
+              mode="aspectFit"
+            />
+          </view>
+        </view>
+
+        <view class="network-section">
+          <view class="section-label-row">
+            <text class="section-label">选择网络</text>
+            <image
+              class="refresh-icon"
+              src="https://static.shelingxingqiu.com/shootmini/static/sicon/refresh.png"
+              mode="aspectFit"
+              :style="{ opacity: isRefreshing ? 0.3 : 0.6 }"
+              @click="startScanning"
+            />
+          </view>
+
+          <block v-if="isIOS">
+            <view
+              v-if="wifiList.length"
+              class="ios-network-card current-network-card"
+              @click="selectWifi(wifiList[0])"
+            >
+              <view class="network-copy">
+                <text class="wifi-ssid">{{ wifiList[0].SSID }}</text>
+                <text class="network-desc">手机当前连接的网络</text>
+              </view>
+              <image
+                class="signal-icon"
+                src="https://static.shelingxingqiu.com/shootmini/static/sicon/wifi.png"
+                mode="aspectFit"
+              />
+            </view>
+            <view class="ios-network-card manual-network-card" @click="selectOther">
+              <view class="network-copy">
+                <text class="wifi-ssid">手动连接其他网络</text>
+                <text class="network-desc">由于权限限制，无法获取附近网络列表，如需连接其他网络请手动输入网络名称与密码进行连接。</text>
+              </view>
+              <image
+                class="signal-icon"
+                src="https://static.shelingxingqiu.com/shootmini/static/sicon/wifi.png"
+                mode="aspectFit"
+              />
+            </view>
+          </block>
+
+          <scroll-view
+            v-else
+            scroll-y
+            class="android-list-card"
+            :style="{ maxHeight: wifiListScrollHeight }"
+          >
+            <view
+              v-for="wifi in wifiList"
+              :key="wifi.SSID"
+              class="android-network-item"
+              @click="selectWifi(wifi)"
+            >
+              <text class="wifi-ssid">{{ wifi.SSID }}</text>
+              <view class="wifi-icons">
+                <image
+                  v-if="wifi.secure"
+                  class="security-icon"
+                  src="https://static.shelingxingqiu.com/shootmini/static/sicon/pwd.png"
+                  mode="aspectFit"
+                />
+                <image
+                  class="signal-icon"
+                  src="https://static.shelingxingqiu.com/shootmini/static/sicon/wifi.png"
+                  mode="aspectFit"
+                />
+              </view>
+            </view>
+            <view class="android-network-item manual-network-item" @click="selectOther">
+              <text class="wifi-ssid">手动连接其他网络</text>
+            </view>
+          </scroll-view>
+        </view>
+      </view>
+
+      <text class="wifi-footer">智能弓箭目前仅支持保存一条网络信息，若连接新的网络将删除上一条网络信息。</text>
+    </view>
+
+    <!-- Android 定位权限不足时的整页引导状态 -->
+    <view
+      v-if="currentState === 'LOCATION_REQUIRED'"
+      class="location-page"
+      :style="{ minHeight: contentMinHeight + 'rpx' }"
+    >
+      <view class="location-image-wrap">
+        <image
+          class="location-image"
+          src="https://static.shelingxingqiu.com/shootmini/static/device-assets/wifi-location.png"
+          mode="aspectFit"
+        />
+        <view class="location-shadow"></view>
+      </view>
+      <text class="location-desc">请授权允许获取定位信息，并开启定位功能，以查找附近可用无线网络。</text>
+      <view class="location-button" @click="handleReauthorize">
+        <text>授权获取定位信息</text>
+      </view>
+    </view>
+
+    <!-- CONNECTING 底部弹窗 -->
+    <view v-if="currentState === 'CONNECTING'" class="sheet-mask">
+      <view class="sheet" :style="{ marginBottom: keyboardHeight + 'rpx' }" @click.stop="">
+        <image src="https://static.shelingxingqiu.com/shootmini/static/ota/ota-bg.png" mode="aspectFill" class="sheet-bg" />
+        <view class="sheet-inner">
+
+          <!-- 有密码网络 -->
+          <block v-if="connectMode === 'secure'">
+            <view class="sheet-header">
+              <view class="sheet-nav-btn" @click="closeConnectSheet">
+                <image src="https://static.shelingxingqiu.com/shootmini/static/sicon/arrow-left.png" mode="aspectFit" style="width: 40rpx; height: 40rpx;" />
+              </view>
+              <text class="sheet-title">加入"{{ connectInput.ssid }}"</text>
+              <view
+                class="sheet-nav-btn"
+                :class="{ 'nav-disabled': joinDisabled }"
+                @click="joinNetwork"
+              >
+                <image src="https://static.shelingxingqiu.com/shootmini/static/sicon/check.png" mode="aspectFit" style="width: 28rpx; height: 24rpx;" />
+              </view>
+            </view>
+            <view class="input-row-card">
+              <text class="input-label">密码</text>
+              <input
+                class="input-field"
+                :password="!showPassword"
+                :adjust-position="false"
+                v-model="connectInput.password"
+                placeholder="输入网络密码"
+                placeholder-class="input-placeholder"
+                confirm-type="done"
+                @confirm="joinNetwork"
+              />
+              <!-- 密码显示/隐藏切换按钮 -->
+              <view class="pwd-eye-btn" @click="togglePasswordVisibility">
+                <image
+                  :src="showPassword ? 'https://static.shelingxingqiu.com/shootmini/static/sicon/eye-on.png' : 'https://static.shelingxingqiu.com/shootmini/static/sicon/eye-off.png'"
+                  mode="aspectFit"
+                  style="width: 40rpx; height: 40rpx;"
+                />
+              </view>
+            </view>
+            <text v-if="connectStatusText" class="connect-status">{{ connectStatusText }}</text>
+            <text v-if="connectError" class="connect-error">{{ connectError }}</text>
+          </block>
+
+          <!-- 无密码网络 -->
+          <block v-else-if="connectMode === 'open'">
+            <view class="sheet-header">
+              <view class="sheet-nav-btn" @click="closeConnectSheet">
+                <image src="https://static.shelingxingqiu.com/shootmini/static/sicon/arrow-left.png" mode="aspectFit" style="width: 40rpx; height: 40rpx;" />
+              </view>
+              <text class="sheet-title">加入"{{ connectInput.ssid }}"</text>
+              <view class="sheet-nav-btn" @click="joinNetwork">
+                <image src="https://static.shelingxingqiu.com/shootmini/static/sicon/check.png" mode="aspectFit" style="width: 28rpx; height: 24rpx;" />
+              </view>
+            </view>
+            <text v-if="connectStatusText" class="connect-status">{{ connectStatusText }}</text>
+            <text v-else class="sheet-hint">该网络为开放网络，点击 ✓ 加入</text>
+            <text v-if="connectError" class="connect-error">{{ connectError }}</text>
+          </block>
+
+          <!-- 手动输入 -->
+          <block v-else-if="connectMode === 'manual'">
+            <view class="sheet-header">
+              <view class="sheet-nav-btn" @click="closeConnectSheet">
+                <image src="https://static.shelingxingqiu.com/shootmini/static/sicon/arrow-left.png" mode="aspectFit" style="width: 40rpx; height: 40rpx;" />
+              </view>
+              <text class="sheet-title">加入无线网络</text>
+              <view
+                class="sheet-nav-btn"
+                :class="{ 'nav-disabled': joinDisabled }"
+                @click="joinNetwork"
+              >
+                <image src="https://static.shelingxingqiu.com/shootmini/static/sicon/check.png" mode="aspectFit" style="width: 28rpx; height: 24rpx;" />
+              </view>
+            </view>
+            <view class="input-row-card">
+              <text class="input-label">名称</text>
+              <input
+                class="input-field"
+                v-model="connectInput.ssid"
+                placeholder="输入网络名称"
+                placeholder-class="input-placeholder"
+              />
+            </view>
+            <view class="input-row-card">
+              <text class="input-label">密码</text>
+              <input
+                class="input-field"
+                :password="!showPassword"
+                :adjust-position="false"
+                v-model="connectInput.password"
+                placeholder="输入网络密码"
+                placeholder-class="input-placeholder"
+                confirm-type="done"
+                @confirm="joinNetwork"
+              />
+              <!-- 密码显示/隐藏切换按钮 -->
+              <view class="pwd-eye-btn" @click="togglePasswordVisibility">
+                <image
+                  :src="showPassword ? 'https://static.shelingxingqiu.com/shootmini/static/sicon/eye-on.png' : 'https://static.shelingxingqiu.com/shootmini/static/sicon/eye-off.png'"
+                  mode="aspectFit"
+                  style="width: 40rpx; height: 40rpx;"
+                />
+              </view>
+            </view>
+            <text v-if="ssidWarning" class="connect-error">{{ ssidWarning }}</text>
+            <text v-else-if="connectStatusText" class="connect-status">{{ connectStatusText }}</text>
+            <text v-else-if="connectError" class="connect-error">{{ connectError }}</text>
+          </block>
+
+        </view>
+      </view>
+    </view>
+
+    <ModalDialog
+      :show="countdownVisible"
+      title="WiFi连接成功"
+      content="3秒后将自动开始更新"
+      :confirmText="countdownButtonText"
+      :showCancel="false"
+      :confirmDisabled="true"
+    ></ModalDialog>
+
+    <OtaModal
+      :visible="otaUpdating"
+      state="update_progress"
+      :progress="otaProgress"
+      :phase="otaPhase"
+    />
+
+    <OtaModal
+      :visible="otaResultVisible && otaResultStatus === 'success'"
+      state="update_success"
+      @done="closeOtaResult"
+    />
+
+    <ModalDialog
+      :show="otaResultVisible && otaResultStatus === 'failed'"
+      :title="otaResultTitle"
+      :content="otaResultContent"
+      confirmText="关闭"
+      :showCancel="false"
+      :onConfirm="closeOtaResult"
+    ></ModalDialog>
+
+    <ModalDialog
+      :show="firmwareMessageVisible"
+      title="固件更新"
+      :content="firmwareMessage"
+      confirmText="关闭"
+      :showCancel="false"
+      :onConfirm="() => (firmwareMessageVisible = false)"
+    ></ModalDialog>
+  </Container>
+</template>
+
+<style scoped>
+.wifi-banner {
+  background-color: rgba(255, 200, 0, 0.12);
+  border: 1rpx solid rgba(254, 216, 71, 0.5);
+  border-radius: 8rpx;
+  padding: 16rpx 24rpx;
+  margin: 16rpx 24rpx 0;
+}
+.wifi-banner-text {
+  color: rgba(254, 216, 71, 1);
+  font-size: 26rpx;
+}
+
+.wifi-page {
+  box-sizing: border-box;
+  padding: 0 40rpx 54rpx;
+  display: flex;
+  flex-direction: column;
+  overflow: hidden;
+}
+
+.hero-area {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  margin-top: 12rpx;
+}
+.hero-image {
+  width: 164rpx;
+  height: 152rpx;
+}
+
+.page-title {
+  display: block;
+  color: #5fadff;
+  font-size: 36rpx;
+  line-height: 50rpx;
+  font-weight: 600;
+  text-align: center;
+  margin-top: 22rpx;
+}
+.page-subtitle {
+  display: block;
+  align-self: center;
+  width: 552rpx;
+  max-width: 100%;
+  color: #fff;
+  font-size: 24rpx;
+  line-height: 34rpx;
+  text-align: center;
+  margin-top: 4rpx;
+}
+.network-sections {
+  margin-top: 60rpx;
+  display: flex;
+  flex: 1;
+  flex-direction: column;
+  min-height: 0;
+}
+.network-section:last-child {
+  display: flex;
+  flex: 1;
+  flex-direction: column;
+  min-height: 0;
+}
+.connected-section {
+  margin-bottom: 60rpx;
+  flex-shrink: 0;
+}
+.section-label {
+  display: block;
+  color: rgba(255, 255, 255, 0.6);
+  font-size: 26rpx;
+  line-height: 36rpx;
+}
+.section-label-row {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  height: 36rpx;
+  margin: 0 40rpx 20rpx;
+  flex-shrink: 0;
+}
+.connected-section > .section-label {
+  margin: 0 40rpx 20rpx;
+}
+.refresh-icon {
+  width: 30rpx;
+  height: 30rpx;
+}
+.connected-wifi-card,
+.ios-network-card,
+.android-list-card {
+  box-sizing: border-box;
+  background-color: rgba(255, 255, 255, 0.08);
+  border-radius: 24rpx;
+  overflow: hidden;
+}
+.connected-wifi-card {
+  height: 104rpx;
+  padding: 0 40rpx;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+}
+.wifi-ssid {
+  display: block;
+  min-width: 0;
+  flex: 1;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  color: #fff;
+  font-size: 32rpx;
+  line-height: 44rpx;
+  margin-bottom: 8rpx;
+}
+.ios-network-card {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 0 40rpx;
+}
+.current-network-card {
+  height: 124rpx;
+}
+.manual-network-card {
+  height: 156rpx;
+  margin-top: 20rpx;
+}
+.network-copy {
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  min-width: 0;
+  flex: 1;
+}
+.network-desc {
+  display: block;
+  color: rgba(255, 255, 255, 0.6);
+  font-size: 22rpx;
+  line-height: 32rpx;
+}
+.manual-network-card .network-desc {
+  max-width: 484rpx;
+}
+.android-list-card {
+  padding: 0 40rpx;
+  flex: 1;
+  height: 0;
+  min-height: 0;
+}
+.android-network-item {
+  box-sizing: border-box;
+  height: 108rpx;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  border-bottom: 2rpx solid rgba(255, 255, 255, 0.15);
+}
+.android-network-item:last-child {
+  border-bottom: none;
+}
+.wifi-icons {
+  display: flex;
+  align-items: center;
+  gap: 16rpx;
+  flex-shrink: 0;
+}
+.check-icon {
+  width: 40rpx;
+  height: 32rpx;
+  flex-shrink: 0;
+}
+.security-icon {
+  width: 24rpx;
+  height: 28rpx;
+  flex-shrink: 0;
+}
+.signal-icon {
+  width: 40rpx;
+  height: 32rpx;
+  flex-shrink: 0;
+}
+.wifi-footer {
+  display: block;
+  flex-shrink: 0;
+  align-self: center;
+  width: 550rpx;
+  max-width: 100%;
+  margin-top: auto;
+  padding-top: 60rpx;
+  color: rgba(255, 255, 255, 0.6);
+  font-size: 22rpx;
+  line-height: 32rpx;
+  text-align: center;
+}
+.location-page {
+  box-sizing: border-box;
+  padding: 0 40rpx 54rpx;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+}
+.location-image-wrap {
+  position: relative;
+  width: 200rpx;
+  height: 266rpx;
+  margin-top: 212rpx;
+}
+.location-image {
+  position: relative;
+  z-index: 1;
+  width: 200rpx;
+  height: 266rpx;
+}
+.location-shadow {
+  position: absolute;
+  left: 34rpx;
+  bottom: -22rpx;
+  width: 132rpx;
+  height: 50rpx;
+  border-radius: 50%;
+  background-color: rgba(255, 255, 255, 0.08);
+}
+.location-desc {
+  display: block;
+  width: 560rpx;
+  max-width: 100%;
+  margin-top: 48rpx;
+  color: #fff;
+  font-size: 28rpx;
+  line-height: 40rpx;
+  text-align: center;
+}
+.location-button {
+  box-sizing: border-box;
+  width: 364rpx;
+  height: 74rpx;
+  margin-top: 38rpx;
+  border: 2rpx solid #ffd800;
+  border-radius: 40rpx;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  color: #fed847;
+  font-size: 26rpx;
+  font-weight: 600;
+}
+
+.sheet-mask {
+  position: fixed;
+  top: 0;
+  left: 0;
+  width: 100vw;
+  height: 100vh;
+  background-color: rgba(0, 0, 0, 0.5);
+  z-index: 999;
+  display: flex;
+  flex-direction: column;
+  justify-content: flex-end;
+}
+.sheet {
+  position: relative;
+  background-color: rgba(57, 47, 29, 1);
+  border-top-left-radius: 28rpx;
+  border-top-right-radius: 28rpx;
+  overflow: hidden;
+  min-height: 320rpx;
+  border: 1rpx solid rgba(249, 213, 161, 0.4);
+  border-bottom: none;
+}
+.sheet-bg {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  z-index: 0;
+}
+.sheet-inner {
+  position: relative;
+  z-index: 1;
+  padding: 32rpx 32rpx 112rpx;
+}
+
+.sheet-header {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  margin-bottom: 32rpx;
+}
+.sheet-nav-btn {
+  width: 64rpx;
+  height: 64rpx;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+.nav-disabled {
+  opacity: 0.3;
+}
+.sheet-title {
+  color: rgba(255, 255, 255, 1);
+  font-size: 30rpx;
+  font-weight: 600;
+  flex: 1;
+  text-align: center;
+}
+.sheet-hint {
+  color: rgba(255, 255, 255, 0.7);
+  font-size: 26rpx;
+  text-align: center;
+  margin-bottom: 24rpx;
+}
+.connect-status {
+  color: rgba(255, 255, 255, 0.72);
+  font-size: 26rpx;
+  line-height: 40rpx;
+  margin-top: 16rpx;
+  display: block;
+  text-align: center;
+}
+.connect-error {
+  color: rgba(254, 216, 71, 1);
+  font-size: 26rpx;
+  line-height: 40rpx;
+  margin-top: 16rpx;
+  display: block;
+  /* 错误提示文案居中展示 */
+  text-align: center;
+}
+
+.input-row-card {
+  background-color: rgba(255, 255, 255, 0.1);
+  border-radius: 16rpx;
+  display: flex;
+  align-items: center;
+  padding: 24rpx 24rpx;
+  margin-left: 48rpx;
+  margin-right: 48rpx;
+}
+.input-row-card + .input-row-card {
+  margin-top: 16rpx;
+}
+.input-label {
+  color: rgba(255, 255, 255, 0.8);
+  font-size: 28rpx;
+  width: 80rpx;
+  flex-shrink: 0;
+}
+.input-field {
+  flex: 1;
+  color: rgba(255, 255, 255, 1);
+  font-size: 28rpx;
+  background: transparent;
+  border: none;
+  padding: 0 8rpx;
+}
+.input-placeholder {
+  color: rgba(255, 255, 255, 0.3);
+}
+
+/* 密码查看切换按钮 */
+.pwd-eye-btn {
+  width: 56rpx;
+  height: 56rpx;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  flex-shrink: 0;
+}
+</style>
diff --git a/src/pages/friend-battle-result.vue b/src/pages/friend-battle-result.vue
index b84e46f..db618c5 100644
--- a/src/pages/friend-battle-result.vue
+++ b/src/pages/friend-battle-result.vue
@@ -168,7 +168,7 @@ const meleeRankList = computed(() => {
  */
 function getMeleeRankBgSrc(rank) {
   const names = ["one", "two", "three"];
-  return `../static/friend-battle-result/rank-${names[rank - 1]}.svg`;
+  return `https://static.shelingxingqiu.com/shootmini/static/friend-battle-result/rank-${names[rank - 1]}.svg`;
 }
 
 /**
@@ -485,7 +485,7 @@ function goBack() {
                 <image
                   v-if="item.rank <= 3"
                   class="rank-badge-img"
-                  :src="`../static/champ${item.rank}.png`"
+                  :src="`https://static.shelingxingqiu.com/shootmini/static/champ${item.rank}.png`"
                   mode="aspectFit"
                 />
                 <view v-else class="rank-badge-default">
diff --git a/src/pages/friend-battle.vue b/src/pages/friend-battle.vue
index 98719b2..e632653 100644
--- a/src/pages/friend-battle.vue
+++ b/src/pages/friend-battle.vue
@@ -190,10 +190,10 @@ onLoad(async (options) => {
           <view>
             <view class="stars">
               <block v-for="i in 5" :key="i">
-                <image v-if="data.totalWinningRate >= i * 0.2" src="../static/star-full.png" mode="widthFix" />
-                <image v-else-if="data.totalWinningRate >= (i - 1) * 0.2 + 0.1" src="../static/star-half.png"
+                <image v-if="data.totalWinningRate >= i * 0.2" src="https://static.shelingxingqiu.com/shootmini/static/star-full.png" mode="widthFix" />
+                <image v-else-if="data.totalWinningRate >= (i - 1) * 0.2 + 0.1" src="https://static.shelingxingqiu.com/shootmini/static/star-half.png"
                   mode="widthFix" />
-                <image v-else src="../static/star-empty.png" mode="widthFix" />
+                <image v-else src="https://static.shelingxingqiu.com/shootmini/static/star-empty.png" mode="widthFix" />
               </block>
             </view>
             <text>挑战难度</text>
@@ -201,7 +201,7 @@ onLoad(async (options) => {
         </view>
       </view>
       <view class="founded-room">
-        <image src="../static/founded-room.png" mode="widthFix" />
+        <image src="https://static.shelingxingqiu.com/shootmini/static/founded-room.png" mode="widthFix" />
         <view>
           <input placeholder="输入房间号" v-model="roomNumber" placeholder-style="color: #ccc" />
           <view @click="$clickSound(() => enterRoom(roomNumber))">进入房间</view>
@@ -214,7 +214,7 @@ onLoad(async (options) => {
           <image :src="user.avatar" mode="widthFix" />
           <image src="https://static.shelingxingqiu.com/shootmini/static/versus.png" mode="widthFix" />
           <view>
-            <image src="../static/question-mark.png" mode="widthFix" />
+            <image src="https://static.shelingxingqiu.com/shootmini/static/question-mark.png" mode="widthFix" />
           </view>
         </view>
         <view>
diff --git a/src/pages/index.vue b/src/pages/index.vue
index b95216b..6e34ff2 100644
--- a/src/pages/index.vue
+++ b/src/pages/index.vue
@@ -1,26 +1,26 @@
 <script setup>
-import {onMounted, onUnmounted, ref, watch} from "vue";
+import {computed, onMounted, ref, watch} from "vue";
 import {onShareAppMessage, onShareTimeline, onShow} from "@dcloudio/uni-app";
 import Container from "@/components/Container.vue";
 import AppFooter from "@/components/AppFooter.vue";
 import UserHeader from "@/components/UserHeader.vue";
 import Signin from "@/components/Signin.vue";
 import BubbleTip from "@/components/BubbleTip.vue";
+import DeviceOnlineEffects from "@/components/DeviceOnlineEffects.vue";
+import ModalDialog from "@/components/ModalDialog.vue";
 import OtaModal from "@/components/OtaModal.vue";
 
 import {
   checkUserBindAPI,
   getAppConfig,
-  getDeviceBatteryAPI,
-  getHardwareBoxTaskStatusAPI,
-  getHardwareBoxVersionAPI,
+  getDeviceDetailAPI,
   getHomeData,
   getMyDevicesAPI,
   getScoreRankList,
-  sendHardwareBoxUpdateAPI,
   silentLoginAPI,
 } from "@/apis";
 import {topThreeColors} from "@/constants";
+import {getOtaInfoFromDetail, useOtaUpdate} from "@/composables/useOtaUpdate";
 
 import useStore from "@/store";
 import {storeToRefs} from "pinia";
@@ -33,285 +33,195 @@ const {
   clearDevice,
   getLvlName,
   getLvlNameByScore,
-  updateOnline,
 } = store;
-const {user, device, online, game} = storeToRefs(store);
+const {user, device, deviceStatus, online, deviceBattery, game} = storeToRefs(store);
 
 const showModal = ref(false);
 const showGuide = ref(false);
 const scoreRankList = ref([]);
+const DEVICE_STATUS_STALE_TIME = 6000;
 
-// OTA 相关
-const otaVisible = ref(false);
-const otaState = ref("new_version");
-const otaProgress = ref(0);
-const otaInfo = ref({
-  versionNumber: "",
-  versionInfo: "",
-  resourceUrl: "",
-  forceUpdate: false,
+// 首页设备卡片按“未绑定 / 已绑定未连接 / 已绑定已连接”三态展示。
+const deviceCardState = computed(() => {
+  // 未登录时始终展示绑定入口，避免本地残留设备状态误显示为已绑定。
+  if (!user.value?.id || !device.value?.deviceId) return "unbound";
+  return online.value === true ? "online" : "offline";
 });
+
+const deviceCardAssets = {
+  unbound: {
+    bow: "https://static.shelingxingqiu.com/shootmini/static/home-device/device-bow--unbound.png",
+    background: "https://static.shelingxingqiu.com/shootmini/static/home-device/device-card-bg--unbound.png",
+    actionBackground: "https://static.shelingxingqiu.com/shootmini/static/home-device/device-action-bg--bind.png",
+  },
+  offline: {
+    bow: "https://static.shelingxingqiu.com/shootmini/static/home-device/device-bow--offline.png",
+    background: "https://static.shelingxingqiu.com/shootmini/static/home-device/device-card-bg--bound.png",
+    actionBackground: "https://static.shelingxingqiu.com/shootmini/static/home-device/device-action-bg--device.png",
+  },
+  online: {
+    bow: "https://static.shelingxingqiu.com/shootmini/static/home-device/device-bow--online.png",
+    platform: "https://static.shelingxingqiu.com/shootmini/static/home-device/device-platform-glow--online.png",
+    background: "https://static.shelingxingqiu.com/shootmini/static/home-device/device-card-bg--bound.png",
+    actionBackground: "https://static.shelingxingqiu.com/shootmini/static/home-device/device-action-bg--device.png",
+  },
+};
+
+const deviceCardAsset = computed(() => deviceCardAssets[deviceCardState.value]);
+
+// 二代设备支持充电时保持开机，仅在设备在线且状态明确为充电中时展示充电标识。
+const isDeviceCharging = computed(
+  () => deviceCardState.value === "online" && deviceStatus.value?.charging === true
+);
+
+const otaVisible = ref(false);
+const wifiRequiredVisible = ref(false);
+const otaInfo = ref({ versionNumber: "", versionInfo: "", needUpdate: false, forceUpdate: false });
 const isStartingOta = ref(false);
 let isCheckingOta = false;
 let otaCheckQueuedForOnline = false;
-let otaProgressTimer = null;
-let otaStatusTimer = null;
-let otaTimeoutTimer = null;
-let otaResultTimer = null;
-let otaStatusPollCount = 0;
-let otaUpdateRunId = 0;
-// 首页 OTA 轮询采用请求次数和总时长双重兜底，避免更新中状态长期卡住。
-const OTA_TASK_STATUS_POLL_INTERVAL = 2000;
-const OTA_TASK_STATUS_MAX_POLL_COUNT = 15;
-const OTA_TASK_STATUS_TIMEOUT = 30000;
 
-// 清理首页 OTA 更新定时器，避免弹窗关闭或页面卸载后继续轮询。
-const clearOtaUpdateTimers = () => {
-  clearInterval(otaProgressTimer);
-  clearTimeout(otaStatusTimer);
-  clearTimeout(otaTimeoutTimer);
-  clearTimeout(otaResultTimer);
-  otaProgressTimer = null;
-  otaStatusTimer = null;
-  otaTimeoutTimer = null;
-  otaResultTimer = null;
-  otaStatusPollCount = 0;
-};
+const {
+  updating: otaUpdating,
+  progress: otaProgress,
+  phase: otaPhase,
+  resultVisible: otaResultVisible,
+  resultStatus: otaResultStatus,
+  startUpdate: startOtaUpdate,
+  closeResult: closeOtaResult,
+} = useOtaUpdate();
 
-// 使当前 OTA 运行失效，确保旧请求返回后不会继续轮询或覆盖新状态。
-const invalidateOtaUpdateRun = () => {
-  otaUpdateRunId += 1;
-  clearOtaUpdateTimers();
-};
-
-const isOtaUpdateRunActive = (runId) =>
-  runId === otaUpdateRunId && otaState.value === "update_progress";
-
-// 启动首页 OTA 本地进度动画，最终成功失败以后端任务状态为准。
-const startOtaProgressAnimation = () => {
-  clearInterval(otaProgressTimer);
-  otaProgressTimer = setInterval(() => {
-    if (otaProgress.value >= 90) {
-      clearInterval(otaProgressTimer);
-      return;
-    }
-    const increment = Math.max(0.5, 2 - otaProgress.value / 60);
-    otaProgress.value = Math.min(90, otaProgress.value + increment);
-  }, 500);
-};
-
-// 获取并保存后端返回的 OTA 版本信息，供弹窗展示和更新接口使用。
-const applyOtaVersionInfo = (versionInfo) => {
-  otaInfo.value = {
-    versionNumber: versionInfo?.versionNumber || "",
-    versionInfo: versionInfo?.versionInfo || "",
-    resourceUrl: versionInfo?.resourceUrl || "",
-    forceUpdate: Number(versionInfo?.forceUpdate) === 1,
-  };
-};
-
-// 检查当前设备盒子是否存在可升级版本。
+// 首页仅用绑定设备详情判断是否需要升级，不再请求旧版本接口。
 const checkOtaUpdate = async () => {
-  if (isCheckingOta || otaVisible.value) return;
+  if (isCheckingOta || otaVisible.value || otaUpdating.value || otaResultVisible.value) return;
+  const deviceId = String(device.value.deviceId || "");
+  if (!user.value.id || !deviceId || online.value !== true) return;
   isCheckingOta = true;
-
   try {
-    let deviceStatus;
-    try {
-      deviceStatus = await getDeviceBatteryAPI();
-    } catch (err) {
-      return;
-    }
-    if (deviceStatus?.online !== true || otaVisible.value) return;
+    const response = await getDeviceDetailAPI(deviceId);
+    const detail = response?.detail || response?.data?.detail;
+    if (!detail || device.value.deviceId !== deviceId || online.value !== true) return;
+    if (otaVisible.value || otaUpdating.value || otaResultVisible.value) return;
+    otaInfo.value = getOtaInfoFromDetail(detail);
+    if (!otaInfo.value.needUpdate || !otaInfo.value.versionNumber) return;
 
-    let versionInfo;
-    try {
-      versionInfo = await getHardwareBoxVersionAPI();
-    } catch (err) {
-      return;
-    }
-    if (!versionInfo?.needUpdate || otaVisible.value) return;
-    applyOtaVersionInfo(versionInfo);
-
-    const dismissedAt = uni.getStorageSync("ota_dismissed_at");
-    const now = Date.now();
-    if (!otaInfo.value.forceUpdate && dismissedAt && now - dismissedAt < 24 * 60 * 60 * 1000) return;
-    otaState.value = "new_version";
+    const dismissed = uni.getStorageSync("ota_dismissed_at");
+    const recentlyDismissed = dismissed?.deviceId === deviceId &&
+      dismissed?.versionNumber === otaInfo.value.versionNumber &&
+      Date.now() - Number(dismissed?.at || 0) < 24 * 60 * 60 * 1000;
+    if (!otaInfo.value.forceUpdate && recentlyDismissed) return;
     otaVisible.value = true;
+  } catch (error) {
+    console.log("检查固件更新失败", error);
   } finally {
     isCheckingOta = false;
-    const shouldRecheckForOnline = otaCheckQueuedForOnline;
-    otaCheckQueuedForOnline = false;
-    if (shouldRecheckForOnline && !otaVisible.value) {
+    if (otaCheckQueuedForOnline) {
+      otaCheckQueuedForOnline = false;
       void checkOtaUpdate();
     }
   }
 };
 
-// 设备由 WS 通知上线时补查 OTA；已显示任何 OTA 弹窗时保留当前流程和结果。
 watch(online, (nextOnline, previousOnline) => {
-  if (previousOnline !== false || nextOnline !== true || otaVisible.value) return;
-  if (isCheckingOta) {
-    otaCheckQueuedForOnline = true;
+  if (!nextOnline) {
+    otaVisible.value = false;
     return;
   }
-  void checkOtaUpdate();
+  if (previousOnline === false) {
+    if (isCheckingOta) otaCheckQueuedForOnline = true;
+    else void checkOtaUpdate();
+  }
 });
 
-// 拼接 OTA WiFi 页参数，让未连 WiFi 的设备继续使用同一份版本信息。
-const getOtaWifiUrl = () => {
-  const { versionNumber, resourceUrl } = otaInfo.value;
-  const query = [
-    `versionNumber=${encodeURIComponent(versionNumber)}`,
-    `resourceUrl=${encodeURIComponent(resourceUrl)}`,
-  ].join("&");
-  return `/pages/ota-wifi?${query}`;
-};
+watch(() => device.value.deviceId, () => {
+  otaVisible.value = false;
+  otaInfo.value = { versionNumber: "", versionInfo: "", needUpdate: false, forceUpdate: false };
+});
+
+watch([otaUpdating, otaResultVisible], ([updating, resultVisible]) => {
+  if (updating || resultVisible) otaVisible.value = false;
+});
+
+const getOtaWifiUrl = () =>
+  `/pages/device/ota-wifi?source=firmware-update&versionNumber=${encodeURIComponent(otaInfo.value.versionNumber)}`;
 
-// 处理 OTA 弹窗暂不更新，强制更新时不允许关闭。
 const handleOtaDismiss = () => {
   if (otaInfo.value.forceUpdate) return;
-  uni.setStorageSync("ota_dismissed_at", Date.now());
+  uni.setStorageSync("ota_dismissed_at", {
+    deviceId: device.value.deviceId,
+    versionNumber: otaInfo.value.versionNumber,
+    at: Date.now(),
+  });
   otaVisible.value = false;
 };
 
-// 将首页 OTA 直连更新流程标记为失败。
-const failHomeOtaUpdate = (runId) => {
-  if (!isOtaUpdateRunActive(runId)) return;
-  invalidateOtaUpdateRun();
-  isStartingOta.value = false;
-  otaState.value = "update_failure";
-  otaVisible.value = true;
-};
-
-// 将首页 OTA 直连更新流程标记为成功。
-const completeHomeOtaUpdate = (runId) => {
-  if (!isOtaUpdateRunActive(runId)) return;
-  invalidateOtaUpdateRun();
-  isStartingOta.value = false;
-  otaProgress.value = 100;
-  const completedRunId = otaUpdateRunId;
-  otaResultTimer = setTimeout(() => {
-    otaResultTimer = null;
-    if (completedRunId !== otaUpdateRunId) return;
-    otaState.value = "update_success";
-    otaVisible.value = true;
-  }, 300);
-};
-
-// 轮询首页直接发起的 OTA 更新任务状态。
-const pollHomeOtaTaskStatus = async (taskId, runId) => {
-  if (!isOtaUpdateRunActive(runId)) return;
-
-  otaStatusPollCount += 1;
-  try {
-    const taskStatus = await getHardwareBoxTaskStatusAPI(taskId);
-    if (!isOtaUpdateRunActive(runId)) return;
-
-    const status = Number(taskStatus?.status);
-    if (status === 2) {
-      completeHomeOtaUpdate(runId);
-      return;
-    }
-    if (status === 3) {
-      failHomeOtaUpdate(runId);
-      return;
-    }
-    if (status === 0 || status === 1) {
-      if (otaStatusPollCount >= OTA_TASK_STATUS_MAX_POLL_COUNT) {
-        failHomeOtaUpdate(runId);
-        return;
-      }
-      otaStatusTimer = setTimeout(() => {
-        otaStatusTimer = null;
-        if (!isOtaUpdateRunActive(runId)) return;
-        void pollHomeOtaTaskStatus(taskId, runId);
-      }, OTA_TASK_STATUS_POLL_INTERVAL);
-      return;
-    }
-    failHomeOtaUpdate(runId);
-  } catch (err) {
-    if (!isOtaUpdateRunActive(runId)) return;
-    failHomeOtaUpdate(runId);
-  }
-};
-
-// 设备盒子已连 WiFi 时，从首页直接传空 WiFi 信息发起 OTA 更新。
-const startHomeOtaUpdate = async () => {
-  invalidateOtaUpdateRun();
-  const runId = otaUpdateRunId;
-  otaState.value = "update_progress";
-  otaVisible.value = true;
-  otaProgress.value = 0;
-  startOtaProgressAnimation();
-  otaTimeoutTimer = setTimeout(() => {
-    if (!isOtaUpdateRunActive(runId)) return;
-    failHomeOtaUpdate(runId);
-  }, OTA_TASK_STATUS_TIMEOUT);
-
-  try {
-    const updateResult = await sendHardwareBoxUpdateAPI({
-      versionNumber: otaInfo.value.versionNumber,
-      wifiSsid: "",
-      wifiPassword: "",
-      resourceUrl: otaInfo.value.resourceUrl,
-    });
-    if (!isOtaUpdateRunActive(runId)) return;
-    if (!updateResult?.taskId) {
-      failHomeOtaUpdate(runId);
-      return;
-    }
-    void pollHomeOtaTaskStatus(updateResult.taskId, runId);
-  } catch (err) {
-    if (!isOtaUpdateRunActive(runId)) return;
-    failHomeOtaUpdate(runId);
-  }
-};
-
-// 点击立即更新时先判断设备是否在线并已通过 WiFi 联网，已联网则首页直接更新，否则跳转 WiFi 页面。
+// 点击更新或失败重试时检查设备网络状态，并使用详情中的目标版本号。
 const handleOtaUpdate = async () => {
   if (isStartingOta.value) return;
   isStartingOta.value = true;
-  let deviceStatus;
+  const deviceId = String(device.value.deviceId || "");
   try {
-    deviceStatus = await getDeviceBatteryAPI();
-  } catch (err) {
+    if (!deviceId || deviceStatus.value?.online !== true) {
+      uni.showToast({ title: "请先开启智能弓", icon: "none" });
+      return;
+    }
+    const response = await getDeviceDetailAPI(deviceId);
+    const detail = response?.detail || response?.data?.detail;
+    if (!detail || device.value.deviceId !== deviceId) {
+      uni.showToast({ title: "获取设备详情失败，请重试", icon: "none" });
+      return;
+    }
+    otaInfo.value = getOtaInfoFromDetail(detail);
+    if (!otaInfo.value.needUpdate) {
+      otaVisible.value = false;
+      uni.showToast({ title: "当前已是最新版本", icon: "none" });
+      return;
+    }
+    if (!otaInfo.value.versionNumber) {
+      uni.showToast({ title: "缺少固件目标版本", icon: "none" });
+      return;
+    }
+    const currentDeviceStatus = deviceStatus.value;
+    if (currentDeviceStatus?.online !== true) {
+      uni.showToast({ title: "请先开启智能弓", icon: "none" });
+      return;
+    }
+    if (Date.now() - Number(currentDeviceStatus?.receivedAt || 0) > DEVICE_STATUS_STALE_TIME) {
+      uni.showToast({ title: "设备状态同步中，请稍后重试", icon: "none" });
+      return;
+    }
+    otaVisible.value = false;
+    if (String(currentDeviceStatus?.netType || "").toLowerCase() === "wifi") {
+      await startOtaUpdate({
+        versionNumber: otaInfo.value.versionNumber,
+        onSuccess: () => { otaInfo.value = { ...otaInfo.value, needUpdate: false }; },
+      });
+    } else {
+      wifiRequiredVisible.value = true;
+    }
+  } catch (error) {
+    uni.showToast({ title: "获取设备详情失败，请重试", icon: "none" });
+  } finally {
     isStartingOta.value = false;
-    uni.showToast({
-      title: "获取设备状态失败，请重试",
-      icon: "none",
-    });
-    return;
   }
+};
 
-  if (deviceStatus?.online !== true) {
-    isStartingOta.value = false;
-    uni.showToast({
-      title: "请先开启智能弓",
-      icon: "none",
-    });
-    return;
-  }
-
-  if (String(deviceStatus?.netType || "").toLowerCase() === "wifi") {
-    startHomeOtaUpdate();
-    return;
-  }
-
-  isStartingOta.value = false;
-  otaVisible.value = false;
+// 从首页更新失败提示进入 WiFi 配置页。
+const goWifiForOtaUpdate = () => {
+  wifiRequiredVisible.value = false;
   uni.navigateTo({ url: getOtaWifiUrl() });
 };
 
-// 处理 OTA 更新成功后的完成按钮，关闭结果弹窗。
+// 处理 OTA 更新成功后的完成按钮，关闭共享结果弹窗。
 const handleOtaDone = () => {
-  otaVisible.value = false;
+  closeOtaResult();
+  otaInfo.value = { ...otaInfo.value, needUpdate: false };
 };
 
-// 处理 OTA 更新失败后的重试按钮，重新走立即更新判断流程。
-const handleOtaRetry = () => {
-  invalidateOtaUpdateRun();
-  handleOtaUpdate();
+// 处理共享 OTA 更新失败后的重试。
+const handleOtaRetry = async () => {
+  closeOtaResult();
+  await handleOtaUpdate();
 };
 
 // 提取积分榜接口返回的榜单数组，兼容数组和对象两种返回格式。
@@ -336,18 +246,55 @@ const toRankListPage = () => {
   });
 };
 
-onShow(async (options) => {
+// 清理首页设备相关状态；clearDevice 会同步清空 deviceId 和在线状态。
+const clearHomeDeviceState = () => {
+  clearDevice();
+  uni.setStorageSync("calibration", false);
+};
+
+// 从后端同步首页设备绑定关系和连接状态，绑定关系与在线状态共同决定卡片三态。
+const syncHomeDevice = async () => {
+  let devices;
+  try {
+    devices = await getMyDevicesAPI();
+  } catch (error) {
+    // 绑定接口失败时保留当前设备，避免网络抖动被误判为未绑定。
+    console.log("同步首页设备绑定失败", error);
+    return;
+  }
+
+  const bindings = devices?.bindings;
+
+  // 服务端用 null 或空数组表示当前账号没有绑定设备。
+  if (bindings === null || (Array.isArray(bindings) && bindings.length === 0)) {
+    clearHomeDeviceState();
+    return;
+  }
+
+  // bindings 缺失或类型错误才属于异常响应，保留已有设备状态。
+  if (!Array.isArray(bindings)) {
+    console.log("首页设备绑定响应格式异常", devices);
+    return;
+  }
+
+  const currentDevice = bindings.find((item) => item?.deviceId);
+  if (!currentDevice) {
+    clearHomeDeviceState();
+    return;
+  }
+
+  const deviceId = String(currentDevice.deviceId || "");
+  updateDevice(
+    deviceId,
+    currentDevice.deviceName || currentDevice.name || ""
+  );
+
+};
+
+onShow(async () => {
   const env = uni.getAccountInfoSync().miniProgram.envVersion;
   const token = uni.getStorageSync(`${env}_token`);
 
-  // 检查是否从 OTA 更新页面返回
-  if (options && options.updateResult) {
-    otaState.value = options.updateResult;
-    otaVisible.value = true;
-  } else if (token || user.value.id) {
-    await checkOtaUpdate();
-  }
-
   if (!user.value.id && !token) {
     // showModal.value = true;
     // try {
@@ -363,8 +310,6 @@ onShow(async (options) => {
     //           devices.bindings[0].deviceId,
     //           devices.bindings[0].deviceName
     //       );
-    //       const data = await getDeviceBatteryAPI();
-    //       updateOnline(data.online);
     //     }
     //   } else {
     //     showModal.value = true;
@@ -400,19 +345,11 @@ onShow(async (options) => {
           showGuide.value = false;
         }, 3000);
       }
-      const devices = await getMyDevicesAPI();
-      if (devices.bindings && devices.bindings.length) {
-        updateDevice(
-            devices.bindings[0].deviceId,
-            devices.bindings[0].deviceName
-        );
-        const data = await getDeviceBatteryAPI();
-        updateOnline(data.online);
-      } else {
-        clearDevice();
-      }
+      await syncHomeDevice();
+      await checkOtaUpdate();
     }
   }
+
 });
 
 onMounted(async () => {
@@ -421,10 +358,6 @@ onMounted(async () => {
   console.log("全局配置：", config);
 });
 
-onUnmounted(() => {
-  invalidateOtaUpdateRun();
-});
-
 onShareAppMessage(() => {
   return {
     title: "智能真弓：实时捕捉+毫秒级同步，弓箭选手全球竞技！", // 分享卡片的标题
@@ -445,20 +378,40 @@ onShareTimeline(() => {
 
 <template>
   <Container :isHome="true" :showBackToGame="true">
-    <!-- OTA 升级弹窗：使用 visible 控制显隐，description 为副标题，changelog 为详细说明 -->
     <OtaModal
-      :visible="otaVisible"
-      :state="otaState"
+      :visible="otaVisible && !otaUpdating && !otaResultVisible"
+      state="new_version"
       :version="otaInfo.versionNumber"
-      :progress="otaProgress"
-      :description="''"
       :changelog="otaInfo.versionInfo"
       :forceUpdate="otaInfo.forceUpdate"
       @update="handleOtaUpdate"
       @skip="handleOtaDismiss"
       @close="handleOtaDismiss"
+    />
+    <OtaModal
+      :visible="otaUpdating"
+      state="update_progress"
+      :progress="otaProgress"
+      :phase="otaPhase"
+    />
+    <OtaModal
+      :visible="otaResultVisible && otaResultStatus === 'success'"
+      state="update_success"
       @done="handleOtaDone"
+    />
+    <OtaModal
+      :visible="otaResultVisible && otaResultStatus === 'failed'"
+      state="update_failure"
       @retry="handleOtaRetry"
+      @close="closeOtaResult"
+    />
+    <ModalDialog
+      :show="wifiRequiredVisible"
+      title="固件更新"
+      content="请在WiFi网络下更新"
+      confirmText="连接WiFi"
+      :showCancel="false"
+      :onConfirm="goWifiForOtaUpdate"
     />
     <view class="container">
       <view class="top-theme">
@@ -468,30 +421,118 @@ onShareTimeline(() => {
         /> -->
       </view>
       <UserHeader showRank :onSignin="() => (showModal = true)"/>
-      <view :style="{ padding: '12px 10px' }">
-        <view class="feature-grid">
+      <view :style="{ padding: '24rpx 20rpx' }">
+          <view class="feature-grid">
           <view class="bow-card">
+            <view
+                class="device-visual"
+                @click="$clickSound(() => toPage('/pages/device/my-device'))"
+            >
+              <image
+                  class="device-visual-background"
+                  :src="deviceCardAsset.background"
+                  mode="scaleToFill"
+              />
+              <image
+                  v-if="deviceCardState === 'online'"
+                  class="device-visual-platform-glow"
+                  :src="deviceCardAsset.platform"
+                  mode="scaleToFill"
+              />
+              <DeviceOnlineEffects
+                  v-if="deviceCardState === 'online'"
+                  variant="home"
+              />
+              <view
+                  v-if="deviceCardState === 'online'"
+                  class="device-visual-float-group"
+              >
+                <image
+                    class="device-visual-bow device-visual-bow--online"
+                    :src="deviceCardAsset.bow"
+                    mode="scaleToFill"
+                />
+              </view>
+              <image
+                  v-else
+                  class="device-visual-bow"
+                  :src="deviceCardAsset.bow"
+                  mode="scaleToFill"
+              />
+              <view
+                  v-if="user.id && deviceCardState === 'offline'"
+                  class="device-status-badge device-status-badge--offline"
+                  @click.stop="$clickSound(() => toPage('/pages/device/my-device'))"
+              >
+                <image
+                    class="device-status-icon"
+                    src="https://static.shelingxingqiu.com/shootmini/static/home-device/device-state-dot--offline.png"
+                    mode="scaleToFill"
+                />
+                <text>未连接</text>
+              </view>
+              <view
+                  v-if="user.id && deviceCardState === 'online'"
+                  class="device-status-badge device-status-badge--online"
+                  :class="{ 'device-status-badge--charging': isDeviceCharging }"
+                  @click.stop="$clickSound(() => toPage('/pages/device/my-device'))"
+              >
+                <image
+                    v-if="otaInfo.needUpdate && otaInfo.versionNumber"
+                    class="device-status-refresh"
+                    src="https://static.shelingxingqiu.com/shootmini/static/home-device/device-state-refresh.png"
+                    mode="scaleToFill"
+                />
+                <view class="device-battery-value">
+                  <image
+                      class="device-battery-frame"
+                      src="https://static.shelingxingqiu.com/shootmini/static/home-device/device-state-battery.png"
+                      mode="scaleToFill"
+                  />
+                  <text class="device-battery-text">{{ deviceBattery === null ? "--" : deviceBattery }}</text>
+                </view>
+                <image
+                    v-if="isDeviceCharging"
+                    class="device-charging-icon"
+                    src="/static/device-charging.png"
+                    mode="aspectFit"
+                />
+                <image
+                    class="device-status-icon device-status-icon--online"
+                    src="https://static.shelingxingqiu.com/shootmini/static/home-device/device-state-dot--online.png"
+                    mode="scaleToFill"
+                />
+              </view>
+              <view
+                  class="device-action-badge"
+                  :class="`device-action-badge--${deviceCardState}`"
+                  @click.stop="$clickSound(() => toPage('/pages/device/my-device'))"
+              >
+                <image
+                    class="device-action-background"
+                    :src="deviceCardAsset.actionBackground"
+                    mode="scaleToFill"
+                />
+                <image
+                    v-if="deviceCardState === 'unbound'"
+                    class="device-action-bind-icon"
+                    src="https://static.shelingxingqiu.com/shootmini/static/home-device/device-action-bind-icon.png"
+                    mode="scaleToFill"
+                />
+                <text
+                    :class="{
+                      'device-action-text--bound': deviceCardState !== 'unbound'
+                    }"
+                >
+                  {{ deviceCardState === "unbound" ? "绑定智能弓箭" : "我的设备" }}
+                </text>
+              </view>
+            </view>
             <image
-                v-if="online"
-                src="https://static.shelingxingqiu.com/attachment/2025-08-07/dbvt1o6dvhr2rop3kn.webp"
-                mode="widthFix"
-                @click="() => toPage('/pages/my-device')"
-            />
-            <image
-                v-else
-                src="https://static.shelingxingqiu.com/attachment/2026-01-04/dffohwtk1gwh0xfa6h.png"
-                mode="widthFix"
-                @click="$clickSound(() => toPage('/pages/my-device'))"
-            />
-            <block v-if="user.id">
-              <text v-if="!device.deviceId">绑定我的智能弓</text>
-              <text v-else-if="!online">设备离线</text>
-              <text v-else-if="online">设备在线</text>
-            </block>
-            <image
+                class="device-tutorial"
                 src="https://static.shelingxingqiu.com/shootmini/static/first-try.png"
-                mode="widthFix"
-                @click="() => toPage('/pages/first-try')"
+                mode="scaleToFill"
+                @click="$clickSound(() => toPage('/pages/first-try'))"
             />
             <BubbleTip v-if="showGuide" :location="{ top: '60%', left: '47%' }">
               <text>新人必刷！</text>
@@ -533,15 +574,15 @@ onShareTimeline(() => {
                     : '#000',
                 }"
               >
-                <image v-if="i === 1" src="../static/champ1.png"/>
-                <image v-if="i === 2" src="../static/champ2.png"/>
-                <image v-if="i === 3" src="../static/champ3.png"/>
+                <image v-if="i === 1" src="https://static.shelingxingqiu.com/shootmini/static/champ1.png"/>
+                <image v-if="i === 2" src="https://static.shelingxingqiu.com/shootmini/static/champ2.png"/>
+                <image v-if="i === 3" src="https://static.shelingxingqiu.com/shootmini/static/champ3.png"/>
                 <view v-if="i > 3">{{ i }}</view>
                 <image
                     :src="
                     scoreRankList[i - 1]
-                      ? (scoreRankList[i - 1].avatar || '../static/user-icon.png')
-                      : '../static/user-icon-dark.png'
+                      ? (scoreRankList[i - 1].avatar || 'https://static.shelingxingqiu.com/shootmini/static/user-icon.png')
+                      : 'https://static.shelingxingqiu.com/shootmini/static/user-icon-dark.png'
                   "
                     mode="aspectFill"
                 />
@@ -599,7 +640,7 @@ onShareTimeline(() => {
 .feature-grid {
   width: 100%;
   display: flex;
-  margin-bottom: 5px;
+  margin-bottom: 10rpx;
 }
 
 .feature-grid > view {
@@ -614,22 +655,225 @@ onShareTimeline(() => {
   overflow: hidden;
 }
 
-.feature-grid > view > image {
+.device-visual {
+  position: relative;
   width: 100%;
+  height: 390rpx;
+  overflow: hidden;
+  background: #16161e;
 }
 
-.bow-card > text {
+.device-visual-background,
+.device-visual-platform-glow,
+.device-visual-float-group,
+.device-visual-bow {
+  display: flex;
   position: absolute;
-  top: 66%;
-  left: 50%;
-  transform: translate(-50%, -50%);
-  white-space: nowrap;
-  font-size: 13px;
-  color: #b3b3b3;
+  pointer-events: none;
 }
 
-.bow-card > image:nth-child(3) {
-  transform: translateY(-1px);
+.device-visual-background {
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  z-index: 0;
+}
+
+.device-visual-platform-glow {
+  left: 0;
+  bottom: 0;
+  z-index: 2;
+  width: 100%;
+  height: 100%;
+  transform-origin: center bottom;
+  animation: device-platform-glow 3.6s ease-in-out -1.1s infinite;
+}
+
+.device-visual-float-group {
+  top: 0;
+  left: 0;
+  z-index: 5;
+  width: 100%;
+  height: 388rpx;
+  animation: device-bow-float 3s ease-in-out infinite;
+}
+
+.device-visual-bow {
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 388rpx;
+}
+
+.device-visual-bow--online {
+  z-index: 1;
+}
+
+@keyframes device-bow-float {
+  0%,
+  100% {
+    transform: translateY(0);
+  }
+  50% {
+    transform: translateY(-20rpx);
+  }
+}
+
+@keyframes device-platform-glow {
+  0%,
+  100% {
+    opacity: 0.92;
+  }
+  50% {
+    opacity: 1;
+  }
+}
+
+.device-status-badge,
+.device-action-badge {
+  display: flex;
+  align-items: center;
+}
+
+.device-status-badge {
+  position: absolute;
+  top: 10rpx;
+  right: 14rpx;
+  z-index: 6;
+  height: 34rpx;
+  color: #ffffff;
+  font-family: Inter-Regular, sans-serif;
+  font-size: 18rpx;
+  line-height: 18rpx;
+}
+
+.device-status-badge--online {
+  top: 9rpx;
+  right: 10rpx;
+  height: 36rpx;
+}
+
+.device-status-badge--offline .device-status-icon {
+  margin-right: 6rpx;
+}
+
+.device-status-badge--online .device-status-icon--online {
+  margin-left: 12rpx;
+}
+
+.device-status-badge--charging .device-status-icon--online {
+  margin-left: 8rpx;
+}
+
+.device-status-icon {
+  width: 36rpx;
+  height: 36rpx;
+}
+
+.device-status-icon--online {
+  width: 36rpx;
+  height: 36rpx;
+}
+
+.device-status-refresh {
+  width: 36rpx;
+  height: 36rpx;
+}
+
+/* 三个状态项使用等大的方形槽位，电池框在槽位内垂直居中。 */
+.device-battery-value {
+  position: relative;
+  width: 36rpx;
+  height: 36rpx;
+  margin-left: 12rpx;
+}
+
+.device-battery-frame {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 38rpx;
+  height: 36rpx;
+}
+
+.device-charging-icon {
+  flex-shrink: 0;
+  width: 15rpx;
+  height: 20rpx;
+  margin-left: 4rpx;
+}
+
+/* 文字容器只覆盖电池主体（60rpx），避开右侧凸起，使数字在框内水平垂直居中。 */
+.device-battery-text {
+  position: absolute;
+  top: 9rpx;
+  left: 0;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 36rpx;
+  height: 20rpx;
+  font-size: 14rpx;
+  font-weight: 700;
+  line-height: 1;
+}
+
+.device-action-badge {
+  position: absolute;
+  bottom: 28rpx;
+  left: 50%;
+  z-index: 6;
+  width: 218rpx;
+  height: 56rpx;
+  justify-content: center;
+  transform: translateX(-50%);
+  color: #ffffff;
+  font-size: 22rpx;
+  font-weight: 700;
+  white-space: nowrap;
+}
+
+.device-action-badge--offline,
+.device-action-badge--online {
+  width: 166rpx;
+  height: 44rpx;
+  font-size: 24rpx;
+}
+
+.device-action-background {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  z-index: 0;
+}
+
+.device-action-badge > text,
+.device-action-bind-icon {
+  position: relative;
+  z-index: 1;
+}
+
+.device-action-text--bound {
+  background: linear-gradient(90deg, #fcfeef 0%, #fdeaa1 100%);
+  background-clip: text;
+  -webkit-background-clip: text;
+  color: transparent;
+  -webkit-text-fill-color: transparent;
+}
+
+.device-action-bind-icon {
+  width: 32rpx;
+  height: 32rpx;
+  margin-right: 8rpx;
+}
+
+.device-tutorial {
+  display: block;
+  width: 100%;
+  height: 114rpx;
 }
 
 .play-card {
@@ -642,8 +886,8 @@ onShareTimeline(() => {
 }
 
 .ranking-section {
-  border-radius: 15px;
-  padding: 15px;
+  border-radius: 30rpx;
+  padding: 30rpx;
   position: relative;
 }
 
@@ -657,23 +901,23 @@ onShareTimeline(() => {
 
 .into-btn {
   position: absolute;
-  top: 40px;
-  left: calc(50% - 100px);
-  width: 200px;
-  height: 100px;
+  top: 80rpx;
+  left: calc(50% - 200rpx);
+  width: 400rpx;
+  height: 200rpx;
 }
 
 .ranking-players {
   display: flex;
   align-items: center;
-  padding-bottom: 20px;
+  padding-bottom: 40rpx;
   margin-top: 42%;
   border-bottom: 1rpx solid rgba(255, 255, 255, 0.2);
 }
 
 .ranking-players > image:first-child {
   width: 28%;
-  transform: translateX(-10px) translateY(-8px);
+  transform: translateX(-20rpx) translateY(-16rpx);
 }
 
 .player-avatars {
@@ -682,10 +926,10 @@ onShareTimeline(() => {
 }
 
 .divide-line {
-  width: 1px;
-  height: 35px;
+  width: 2rpx;
+  height: 70rpx;
   background-color: #80808033;
-  margin-right: 8px;
+  margin-right: 16rpx;
 }
 
 .player-avatar,
@@ -712,10 +956,10 @@ onShareTimeline(() => {
   border-radius: 50%;
   background: #777777;
   text-align: center;
-  font-size: 10px;
-  line-height: 18px;
-  width: 18px;
-  height: 18px;
+  font-size: 20rpx;
+  line-height: 36rpx;
+  width: 36rpx;
+  height: 36rpx;
   color: #fff;
 }
 
@@ -727,20 +971,20 @@ onShareTimeline(() => {
 
 .more-players {
   background: #3c445a;
-  font-size: 9px;
+  font-size: 18rpx;
   line-height: 80rpx;
   text-align: center;
   z-index: 1;
 }
 
 .more-players > text {
-  margin-left: 2px;
+  margin-left: 4rpx;
   color: #fff;
 }
 
 .my-data {
   display: flex;
-  margin-top: 20px;
+  margin-top: 40rpx;
   justify-content: space-between;
 }
 
@@ -750,7 +994,7 @@ onShareTimeline(() => {
 
 .my-data > view:first-child > image {
   width: 100%;
-  transform: translateX(-8px);
+  transform: translateX(-16rpx);
 }
 
 .my-data > view:nth-child(2) {
@@ -767,7 +1011,7 @@ onShareTimeline(() => {
 
 .my-data > view:nth-child(2) > view {
   width: 28%;
-  border-radius: 10px;
+  border-radius: 20rpx;
   background: linear-gradient(180deg, #303b4c 30%, #2c384a 100%);
   display: flex;
   flex-direction: column;
@@ -777,7 +1021,7 @@ onShareTimeline(() => {
 
 .my-data > view:nth-child(2) > view > text:last-child {
   color: #fff;
-  line-height: 25px;
+  line-height: 50rpx;
   font-weight: 500;
 }
 
@@ -787,7 +1031,7 @@ onShareTimeline(() => {
   align-items: center;
   justify-content: center;
   width: 100%;
-  height: 60px;
+  height: 120rpx;
   z-index: -1;
 }
 
diff --git a/src/pages/match-detail.vue b/src/pages/match-detail.vue
index e2bc460..3c43f17 100644
--- a/src/pages/match-detail.vue
+++ b/src/pages/match-detail.vue
@@ -132,7 +132,7 @@ const checkBowData = (selected) => {
         <text>大乱斗</text>
         <view @click="checkBowData">
           <text>查看靶纸</text>
-          <image src="../static/back.png" mode="widthFix" />
+          <image src="https://static.shelingxingqiu.com/shootmini/static/back.png" mode="widthFix" />
         </view>
       </view>
       <PlayerScore2
@@ -155,7 +155,7 @@ const checkBowData = (selected) => {
           <text>{{ round.ifGold ? "决金箭" : `第${index + 1}轮` }}</text>
           <view @click="() => checkBowData(index)">
             <text>查看靶纸</text>
-            <image src="../static/back.png" mode="widthFix" />
+            <image src="https://static.shelingxingqiu.com/shootmini/static/back.png" mode="widthFix" />
           </view>
         </view>
         <view
@@ -171,7 +171,7 @@ const checkBowData = (selected) => {
                   borderColor: '#64BAFF',
                   transform: `translateX(-${index * 15}px)`,
                 }"
-                :src="p.avatar || '../static/user-icon.png'"
+                :src="p.avatar || 'https://static.shelingxingqiu.com/shootmini/static/user-icon.png'"
                 :key="index"
                 mode="widthFix"
               />
diff --git a/src/pages/melee-bow-data.vue b/src/pages/melee-bow-data.vue
index b171477..4a0fd44 100644
--- a/src/pages/melee-bow-data.vue
+++ b/src/pages/melee-bow-data.vue
@@ -81,7 +81,7 @@ onLoad(async (options) => {
         >
           <image
             v-if="player.userId === currentUser.userId"
-            src="../static/player-bg2.png"
+            src="https://static.shelingxingqiu.com/shootmini/static/player-bg2.png"
             :style="{
               width: `${Math.max(100 / players.length, 18)}vw`,
             }"
@@ -203,7 +203,7 @@ onLoad(async (options) => {
   flex-wrap: wrap;
 }
 .score-item {
-  background-image: url("../static/score-bg.png");
+  background-image: url("https://static.shelingxingqiu.com/shootmini/static/score-bg.png");
   background-size: cover;
   background-repeat: no-repeat;
   background-position: center;
diff --git a/src/pages/member/be-vip.vue b/src/pages/member/be-vip.vue
index ff76185..7e1c758 100644
--- a/src/pages/member/be-vip.vue
+++ b/src/pages/member/be-vip.vue
@@ -31,15 +31,15 @@ const memberTypes = [
     themeClass: "vip-page--normal",
     heroCard: "https://static.shelingxingqiu.com/shootmini/static/vip/vip-title.png",
     activeHeroCard: "https://static.shelingxingqiu.com/shootmini/static/vip/vip-title2.png",
-    orderIcon: "../../static/vip/vip-order.png",
-    heroBadge: "../../static/vip/normal-hero-badge.png",
+    orderIcon: "https://static.shelingxingqiu.com/shootmini/static/vip/vip-order.png",
+    heroBadge: "https://static.shelingxingqiu.com/shootmini/static/vip/normal-hero-badge.png",
     buttonClass: "activate-btn--normal",
     benefits: [
-      { label: "黄金昵称", icon: "../../static/vip/vip-badge.png" },
-      { label: "教练点评", icon: "../../static/vip/vip-comment.png" },
-      { label: "专享VIP客服", icon: "../../static/vip/vip-service.png" },
-      { label: "排位赛\n每日+20次", icon: "../../static/vip/vip-rank.png" },
-      { label: "约战\n每日+20次", icon: "../../static/vip/vip-battle.png" },
+      { label: "黄金昵称", icon: "https://static.shelingxingqiu.com/shootmini/static/vip/vip-badge.png" },
+      { label: "教练点评", icon: "https://static.shelingxingqiu.com/shootmini/static/vip/vip-comment.png" },
+      { label: "专享VIP客服", icon: "https://static.shelingxingqiu.com/shootmini/static/vip/vip-service.png" },
+      { label: "排位赛\n每日+20次", icon: "https://static.shelingxingqiu.com/shootmini/static/vip/vip-rank.png" },
+      { label: "约战\n每日+20次", icon: "https://static.shelingxingqiu.com/shootmini/static/vip/vip-battle.png" },
     ],
   },
   {
@@ -52,18 +52,18 @@ const memberTypes = [
     themeClass: "vip-page--super",
     heroCard: "https://static.shelingxingqiu.com/shootmini/static/vip/svip-title.png",
     activeHeroCard: "https://static.shelingxingqiu.com/shootmini/static/vip/svip-title2.png",
-    orderIcon: "../../static/vip/svip-order.png",
-    heroBadge: "../../static/vip/super-hero-badge.png",
+    orderIcon: "https://static.shelingxingqiu.com/shootmini/static/vip/svip-order.png",
+    heroBadge: "https://static.shelingxingqiu.com/shootmini/static/vip/super-hero-badge.png",
     buttonClass: "activate-btn--super",
     benefits: [
-      { label: "专属落点标识", icon: "../../static/vip/svip-point.png" },
-      { label: "专属命中效果", icon: "../../static/vip/svip-hit.png" },
-      { label: "专属射箭效果", icon: "../../static/vip/svip-arrow.png" },
-      { label: "炫彩昵称", icon: "../../static/vip/svip-badge.png" },
-      { label: "教练点评", icon: "../../static/vip/svip-comment.png" },
-      { label: "约战无限制", icon: "../../static/vip/svip-battle.png" },
-      { label: "排位赛无限制", icon: "../../static/vip/svip-rank.png" },
-      { label: "专享SVIP客服", icon: "../../static/vip/svip-service.png" },
+      { label: "专属落点标识", icon: "https://static.shelingxingqiu.com/shootmini/static/vip/svip-point.png" },
+      { label: "专属命中效果", icon: "https://static.shelingxingqiu.com/shootmini/static/vip/svip-hit.png" },
+      { label: "专属射箭效果", icon: "https://static.shelingxingqiu.com/shootmini/static/vip/svip-arrow.png" },
+      { label: "炫彩昵称", icon: "https://static.shelingxingqiu.com/shootmini/static/vip/svip-badge.png" },
+      { label: "教练点评", icon: "https://static.shelingxingqiu.com/shootmini/static/vip/svip-comment.png" },
+      { label: "约战无限制", icon: "https://static.shelingxingqiu.com/shootmini/static/vip/svip-battle.png" },
+      { label: "排位赛无限制", icon: "https://static.shelingxingqiu.com/shootmini/static/vip/svip-rank.png" },
+      { label: "专享SVIP客服", icon: "https://static.shelingxingqiu.com/shootmini/static/vip/svip-service.png" },
     ],
   },
 ];
@@ -446,7 +446,7 @@ onShow(loadVipConfig);
                   <text>套餐说明</text>
                   <image
                     class="package-header__icon"
-                    src="../../static/enter.png"
+                    src="https://static.shelingxingqiu.com/shootmini/static/enter.png"
                     mode="aspectFit"
                   />
                 </view>
diff --git a/src/pages/member/vip-intro.vue b/src/pages/member/vip-intro.vue
index 8e89841..f2ccd38 100644
--- a/src/pages/member/vip-intro.vue
+++ b/src/pages/member/vip-intro.vue
@@ -31,7 +31,7 @@ import Container from "@/components/Container.vue";
 
         <view class="table-wrap">
           <view class="intro-toast">
-            <image class="intro-toast__bg" src="../../static/vip/intro-toast.png" mode="scaleToFill" />
+            <image class="intro-toast__bg" src="https://static.shelingxingqiu.com/shootmini/static/vip/intro-toast.png" mode="scaleToFill" />
             <text class="intro-toast__text">初次绑定设备赠送6个月</text>
           </view>
           <view class="benefit-table">
diff --git a/src/pages/my-device.vue b/src/pages/my-device.vue
deleted file mode 100644
index c0aab72..0000000
--- a/src/pages/my-device.vue
+++ /dev/null
@@ -1,526 +0,0 @@
-<script setup>
-import { computed, ref } from "vue";
-import { onShow } from "@dcloudio/uni-app";
-import Container from "@/components/Container.vue";
-import ScreenHint from "@/components/ScreenHint.vue";
-import SButton from "@/components/SButton.vue";
-import {
-  bindDeviceAPI,
-  getMyDevicesAPI,
-  unbindDeviceAPI,
-  laserAimAPI, bindDeviceAPIV2,
-} from "@/apis";
-import useStore from "@/store";
-import { storeToRefs } from "pinia";
-const showTip = ref(false);
-const confirmBindTip = ref(false);
-const addDevice = ref();
-const store = useStore();
-const { updateDevice, clearDevice } = store;
-const { user, device } = storeToRefs(store);
-const justBind = ref(false);
-const calibration = ref(false);
-const token = ref(null);
-const isSVip = computed(() => user.value.sVip === true);
-const isVip = computed(() => user.value.vip === true && !isSVip.value);
-
-// 扫描二维码方法
-const handleScan = () => {
-  // 调用扫码API
-  uni.scanCode({
-    // 只支持扫码二维码
-    onlyFromCamera: true,
-    scanType: ["qrCode"],
-    success: async (res) => {
-      try {
-        // const base64Decode = (str) => {
-        //   // 将 base64 转换为 utf8 字符串
-        //   const bytes = wx.base64ToArrayBuffer(str);
-        //   return String.fromCharCode.apply(null, new Uint8Array(bytes));
-        // };
-        //
-        // addDevice.value = JSON.parse(base64Decode(res.result));
-        token.value = res.result;
-        confirmBindTip.value = true;
-      } catch (err) {
-        uni.showToast({
-          title: "无效二维码",
-          icon: "none",
-          duration: 2000,
-        });
-      }
-    },
-    fail: (err) => {
-      console.error("扫码失败：", err);
-      uni.showToast({
-        title: "扫码失败",
-        icon: "error",
-      });
-    },
-  });
-};
-
-const confirmBind = async () => {
-  if (!justBind.value && token.value) {
-    const result = await bindDeviceAPIV2(token.value);
-    confirmBindTip.value = false;
-    if (result.binded) {
-      return uni.showToast({
-        title: "设备已绑定其他账号，请解绑后再绑定",
-        icon: "none",
-      });
-    }
-    updateDevice(result.deviceId, result.name);
-    justBind.value = true;
-    uni.showToast({
-      title: "绑定成功",
-      icon: "success",
-    });
-  }
-};
-
-const toFristTryPage = () => {
-  uni.navigateTo({
-    url: "/pages/first-try",
-  });
-};
-
-const unbindDevice = async () => {
-  try {
-    await unbindDeviceAPI(device.value.deviceId);
-  } catch (error) {
-    if (error?.type === "DEVICE_BIND_INVALID") {
-      uni.setStorageSync("calibration", false);
-      clearDevice();
-    }
-    return;
-  }
-  uni.setStorageSync("calibration", false);
-  uni.showToast({
-    title: "解绑成功",
-    icon: "success",
-  });
-  clearDevice();
-};
-
-/** 连接wifi跳转到wifi列表页面 */
-const joinWifi = () => {
-  uni.navigateTo({ url: "/pages/ota-wifi" });
-};
-
-const toDeviceIntroPage = () => {
-  uni.navigateTo({
-    url: "/pages/device-intro",
-  });
-};
-
-const backToHome = () => {
-  uni.navigateBack();
-};
-
-const copyEmail = () => {
-  uni.setClipboardData({
-    data: "shelingxingqiu@163.com",
-    success: () => {
-      uni.showToast({
-        title: "邮箱已复制",
-        icon: "success",
-      });
-    },
-  });
-};
-
-const goCalibration = async () => {
-  await laserAimAPI();
-  uni.navigateTo({
-    url: "/pages/calibration",
-  });
-};
-
-const syncDeviceBinding = async () => {
-  if (!user.value.id) return;
-  try {
-    const devices = await getMyDevicesAPI();
-    if (devices.bindings && devices.bindings.length) {
-      updateDevice(devices.bindings[0].deviceId, devices.bindings[0].deviceName);
-    } else {
-      clearDevice();
-    }
-  } catch (error) {
-    console.log("sync device binding error", error);
-  }
-};
-
-onShow(async () => {
-  calibration.value = uni.getStorageSync("calibration");
-  await syncDeviceBinding();
-});
-</script>
-
-<template>
-  <Container title="弓箭绑定">
-    <view v-if="!device.deviceId" class="scan-code">
-      <button hover-class="none" @click="$clickSound(handleScan)">
-        <image src="https://static.shelingxingqiu.com/shootmini/static/scan.png" mode="widthFix" />
-      </button>
-      <button hover-class="none" @click="showTip = true">
-        <text>扫</text>
-        <text :style="{ color: '#fed847' }">射灵弓箭</text>
-        <text>上的二维码</text>
-        <image src="../static/s-question-mark-white.png" mode="widthFix" />
-      </button>
-      <text>射灵智能弓箭，三模传感系统与独创靶环算法，</text>
-      <text>毫秒级在线实时对战，让你拥有全球约战的乐趣！</text>
-      <button hover-class="none" @click="toDeviceIntroPage">
-        <image src="https://static.shelingxingqiu.com/shootmini/static/have-no-device.png" mode="widthFix" />
-      </button>
-      <ScreenHint
-        mode="square"
-        :show="showTip"
-        :onClose="() => (showTip = false)"
-      >
-        <view class="scan-tips">
-          <text>扫码绑定设灵弓箭</text>
-          <image
-            src="https://static.shelingxingqiu.com/attachment/2025-08-05/dbuacrelri7jr3axiy.png"
-            mode="widthFix"
-          />
-          <text>【注】已被绑定的弓箭无法再次绑定。</text>
-          <view>
-            <text>如有任何疑问，请随时联系：</text>
-            <button hover-class="none" @click="copyEmail">
-              shelingxingqiu@163.com
-            </button>
-          </view>
-        </view>
-      </ScreenHint>
-      <ScreenHint
-        :show="confirmBindTip"
-        :onClose="() => (confirmBindTip = false)"
-      >
-        <view class="confirm-bind">
-          <text
-            >智能弓箭和系统账号需一一对应，你确定要将<text
-              :style="{ color: '#fed847' }"
-              >当前登录用户账号</text
-            >绑定<text :style="{ color: '#fed847' }">这把弓箭</text>吗？
-            绑定后不可随意更换。</text
-          >
-          <view>
-            <view @click="confirmBind">确认绑定</view>
-            <view @click="() => (confirmBindTip = false)">取消</view>
-          </view>
-        </view>
-      </ScreenHint>
-    </view>
-    <view v-if="justBind" class="just-bind">
-      <view
-        class="device-binded"
-        :style="{ marginBottom: calibration ? '250rpx' : '100rpx' }"
-      >
-        <view>
-          <image src="https://static.shelingxingqiu.com/shootmini/static/device-icon.png" mode="widthFix" />
-          <text>{{ device.deviceName }}</text>
-          <view class="calibration" v-if="calibration">
-            <button hover-class="none" @click="goCalibration">
-              <text>重新校准</text>
-              <image src="../static/enter-arrow-blue.png" mode="widthFix" />
-            </button>
-            <view>
-              <image src="../static/calibration-tip.png" mode="widthFix" />
-              <text>如有场地/距离变化，需重新校准以保证智能弓射箭精准度</text>
-            </view>
-          </view>
-        </view>
-        <image src="../static/bind-success.png" mode="widthFix" />
-        <view>
-          <image
-            :src="user.avatar || '../static/user-icon.png'"
-            mode="widthFix"
-            :style="{ borderRadius: '50%' }"
-          />
-          <view
-            :class="[
-              'member-nickname',
-              isVip ? 'member-nickname--vip' : '',
-              isSVip ? 'member-nickname--svip' : '',
-            ]"
-          >
-            <text class="member-nickname__text">{{ user.nickName }}</text>
-            <text v-if="isSVip" class="member-nickname__shine">{{
-              user.nickName
-            }}</text>
-          </view>
-        </view>
-      </view>
-      <!-- <block v-if="calibration"> -->
-        <view>
-          <text>恭喜，你的弓箭和账号已成功绑定！</text>
-          <text :style="{ color: '#fed847' }">已赠送6个月射灵世界会员</text>
-        </view>
-        <!-- <SButton :onClick="goCalibration" width="60vw" :rounded="40">
-          开启智能弓进行校准
-        </SButton>
-        <text :style="{ marginTop: '20rpx', fontSize: '24rpx', color: '#fff9' }"
-          >校准时弓箭激光将开启，请勿直视激光</text
-        > -->
-
-        <view>
-          <SButton
-          :onClick="backToHome"
-          backgroundColor="#fff3"
-          color="#fff"
-          width="60vw"
-          :rounded="40"
-          >返回首页</SButton
-          >
-        </view>
-        <view :style="{ marginTop: '15px' }">
-          <SButton :onClick="toFristTryPage" width="60vw" :rounded="40">进入新手试炼</SButton>
-        </view>
-      <!-- </block> -->
-      <!-- <block v-else>
-        
-      </block> -->
-    </view>
-    <view v-if="device.deviceId && !justBind" class="has-device">
-      <view class="device-binded">
-        <view>
-          <image src="https://static.shelingxingqiu.com/shootmini/static/device-icon.png" mode="widthFix" />
-          <text>{{ device.deviceName }}</text>
-          <view class="calibration">
-            <button hover-class="none" @click="goCalibration">
-              <text>去校准</text>
-              <image src="../static/enter-arrow-blue.png" mode="widthFix" />
-            </button>
-            <view>
-              <image src="../static/calibration-tip.png" mode="widthFix" />
-              <text
-                >首次绑定智能弓或场地/距离变化时，应进行校准以确保射箭精度</text
-              >
-            </view>
-          </view>
-        </view>
-        <image src="../static/bind.png" mode="widthFix" />
-        <view>
-          <image
-            :src="user.avatar || '../static/user-icon.png'"
-            mode="widthFix"
-            :style="{ borderRadius: '50%' }"
-          />
-          <view
-            :class="[
-              'member-nickname',
-              isVip ? 'member-nickname--vip' : '',
-              isSVip ? 'member-nickname--svip' : '',
-            ]"
-          >
-            <text class="member-nickname__text">{{ user.nickName }}</text>
-            <text v-if="isSVip" class="member-nickname__shine">{{
-              user.nickName
-            }}</text>
-          </view>
-        </view>
-      </view>
-      <view :style="{ marginTop: '240rpx' }">
-        <SButton :onClick="() => $clickSound(unbindDevice)" width="80vw" :rounded="40"
-          >解绑</SButton
-        >
-      </view>
-      <view :style="{ marginTop: '20rpx' }">
-        <SButton :onClick="() => $clickSound(joinWifi)" width="80vw" :rounded="40"
-          >设备连接WIFI</SButton
-        >
-      </view>
-    </view>
-  </Container>
-</template>
-
-<style scoped>
-.scan-code,
-.just-bind,
-.has-device {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: space-around;
-  width: 100%;
-  height: 100%;
-}
-.scan-code {
-  justify-content: flex-start;
-}
-.scan-code > button:first-child {
-  margin-top: 22%;
-}
-.scan-code > button:first-child > image {
-  width: 300rpx;
-}
-.scan-code > button:nth-child(2) {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  font-size: 26rpx;
-  color: #ffffff;
-  margin: 50rpx;
-}
-.scan-code > button:nth-child(2) > image {
-  width: 28rpx;
-  margin-left: 10rpx;
-}
-.scan-code > text {
-  font-size: 24rpx;
-  color: #fff9;
-}
-.scan-code > button:nth-child(5) {
-  margin-top: 25%;
-}
-.scan-code > button:nth-child(5) > image {
-  width: 380rpx;
-}
-.scan-tips {
-  display: flex;
-  flex-direction: column;
-  font-size: 14px;
-  width: 90%;
-  margin-top: 20%;
-}
-.scan-tips > text {
-  margin-bottom: 2px;
-  color: #fff;
-  font-size: 24rpx;
-}
-.scan-tips > text:first-child {
-  color: #fed847;
-  margin-bottom: 10px;
-  font-size: 32rpx;
-}
-.scan-tips > view {
-  display: flex;
-  flex-direction: column;
-  align-items: flex-start;
-}
-.scan-tips > view:last-child {
-  margin-top: 5px;
-  font-size: 26rpx;
-}
-.scan-tips > view:last-child > button {
-  font-size: 30rpx;
-  color: #39a8ff;
-}
-.scan-tips > image {
-  width: 100%;
-  margin-bottom: 10px;
-}
-.confirm-bind {
-  color: #fff9;
-  font-size: 14px;
-}
-.confirm-bind > view:last-child {
-  display: flex;
-  justify-content: space-between;
-  margin-top: 10px;
-}
-.confirm-bind > view:last-child > view {
-  width: 48%;
-  border-radius: 20px;
-  background-color: #fed847;
-  color: #000;
-  line-height: 40px;
-  text-align: center;
-}
-.confirm-bind > view:last-child > view:nth-child(2) {
-  color: #fff;
-  background-color: #fff3;
-}
-.device-binded {
-  width: 100%;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  color: #fff;
-  font-size: 14px;
-  margin-top: 200rpx;
-}
-.device-binded > view {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  position: relative;
-  font-size: 26rpx;
-}
-.device-binded > view > image {
-  width: 140rpx;
-  height: 140rpx;
-  margin-bottom: 5px;
-  border-radius: 12px;
-}
-.device-binded > view > text {
-  width: 120px;
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  text-align: center;
-}
-.device-binded .member-nickname {
-  justify-content: center;
-  width: 120px;
-}
-.device-binded .member-nickname__text,
-.device-binded .member-nickname__shine {
-  font-size: 26rpx;
-  text-align: center;
-}
-.device-binded > image {
-  width: 100rpx;
-  margin: 0 20px;
-}
-.has-device,
-.just-bind {
-  justify-content: flex-start;
-}
-.has-device > view:nth-child(2),
-.just-bind > view:nth-child(2) {
-  color: #fff9;
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  font-size: 28rpx;
-  margin-bottom: 100rpx;
-}
-.has-device > view:nth-child(2) > text,
-.just-bind > view:nth-child(2) > text {
-  margin: 5px;
-}
-.calibration {
-  position: absolute;
-  bottom: -145rpx;
-  left: 20rpx;
-}
-.calibration > button {
-  font-size: 26rpx;
-  color: #287fff;
-  display: flex;
-  align-items: center;
-  padding-bottom: 15rpx;
-  padding-left: 50rpx;
-}
-.calibration > button > image {
-  width: 28rpx;
-  height: 28rpx;
-}
-.calibration > view {
-  position: relative;
-  font-size: 22rpx;
-  color: #fff9;
-  padding-top: 34rpx;
-  padding-left: 35rpx;
-  width: 322rpx;
-}
-.calibration > view > image {
-  position: absolute;
-  top: 0;
-  left: 0;
-  width: 370rpx;
-}
-</style>
diff --git a/src/pages/my-growth.vue b/src/pages/my-growth.vue
index 4353e28..ce29bf2 100644
--- a/src/pages/my-growth.vue
+++ b/src/pages/my-growth.vue
@@ -116,7 +116,7 @@ onLoad((options) => {
               <view class="contest-header">
                 <text>{{ getName(item) }}</text>
                 <text>{{ item.createTime }}</text>
-                <image src="../static/back.png" mode="widthFix" />
+                <image src="https://static.shelingxingqiu.com/shootmini/static/back.png" mode="widthFix" />
               </view>
               <BattleHeader
                 :players="item.teams[0] ? item.teams[0].players : []"
@@ -139,7 +139,7 @@ onLoad((options) => {
               <view class="contest-header">
                 <text>{{ getName(item) }}</text>
                 <text>{{ item.createTime }}</text>
-                <image src="../static/back.png" mode="widthFix" />
+                <image src="https://static.shelingxingqiu.com/shootmini/static/back.png" mode="widthFix" />
               </view>
               <BattleHeader
                 :players="item.teams[0] ? item.teams[0].players : []"
@@ -164,7 +164,7 @@ onLoad((options) => {
                 >{{ item.trainingTypeText }}
                 {{ formatPractiseTime(item.createTime) }}</text
               >
-              <image src="../static/back.png" mode="widthFix" />
+              <image src="https://static.shelingxingqiu.com/shootmini/static/back.png" mode="widthFix" />
             </view>
           </ScrollList>
         </swiper-item>
diff --git a/src/pages/org-bind.vue b/src/pages/org-bind.vue
index 3f5932d..f3fe10d 100644
--- a/src/pages/org-bind.vue
+++ b/src/pages/org-bind.vue
@@ -130,7 +130,7 @@ onLoad((options) => {
       <view v-else-if="status === 'login'" class="state login-state">
         <image
           class="login-icon"
-          src="../static/org-bind/login-icon.png"
+          src="https://static.shelingxingqiu.com/shootmini/static/org-bind/login-icon.png"
           mode="aspectFit"
         />
         <text class="login-title">{{
@@ -151,7 +151,7 @@ onLoad((options) => {
           />
           <image
             class="success-badge"
-            src="../static/org-bind/green-gou.png"
+            src="https://static.shelingxingqiu.com/shootmini/static/org-bind/green-gou.png"
             mode="aspectFit"
           />
         </view>
diff --git a/src/pages/ota-wifi.vue b/src/pages/ota-wifi.vue
deleted file mode 100644
index 9a8e9b7..0000000
--- a/src/pages/ota-wifi.vue
+++ /dev/null
@@ -1,1261 +0,0 @@
-<script setup>
-import { ref, computed, onMounted, onUnmounted } from "vue";
-import { onLoad, onShow } from "@dcloudio/uni-app";
-import Container from "@/components/Container.vue";
-import ScreenHint from "@/components/ScreenHint.vue";
-import {
-  connectDeviceWifiAPI,
-  getDeviceBatteryAPI,
-  getHardwareBoxTaskStatusAPI,
-  getHardwareBoxVersionAPI,
-  sendHardwareBoxUpdateAPI,
-} from "@/apis";
-
-const STATES = {
-  SCANNING: "SCANNING",
-  LIST: "LIST",
-  CONNECTING: "CONNECTING",
-  CONNECTED: "CONNECTED",
-  UPDATING: "UPDATING",
-  DONE: "DONE",
-  FAILED: "FAILED",
-};
-
-const isIOS = uni.getDeviceInfo().osName === "ios";
-const currentState = ref(STATES.SCANNING);
-const connectedWifi = ref(null);
-const wifiList = ref([]);
-const showWifiBanner = ref(false);
-
-const connectingWifi = ref(null);
-const connectInput = ref({ ssid: "", password: "" });
-const connectMode = ref("secure"); // secure | open | manual
-const connectError = ref("");
-const connectStatusText = ref("");
-const isSubmittingWifi = ref(false);
-const keyboardHeight = ref(0);
-// 控制密码输入框是否显示明文
-const showPassword = ref(false);
-// 刷新防抖标志：扫描进行中为 true，禁止重复点击；扫描结束（成功/失败）后重置为 false。
-const isRefreshing = ref(false);
-const isStartingUpdate = ref(false);
-const routeOtaInfo = ref({
-  versionNumber: "",
-  resourceUrl: "",
-});
-
-const progress = ref(0);
-let progressTimer = null;
-let timeoutTimer = null;
-let statusTimer = null;
-let wifiConnectTimer = null;
-let wifiConnectRequestId = 0;
-let wifiConnectPollCount = 0;
-const WIFI_CONNECT_POLL_INTERVAL = 2000;
-const WIFI_CONNECT_MAX_POLL_COUNT = 30;
-const WIFI_CONNECT_FAILED_TEXT = "连接失败，请检查WiFi密码或WiFi状态";
-const OTA_MIN_BATTERY = 50;
-const OTA_LOW_BATTERY_TEXT = "电量不足 50%，暂不支持 OTA 升级";
-// 控制授权拒绝弹窗显示/隐藏
-const wifiAuthDeniedVisible = ref(false);
-
-// 判断 WiFi 列表失败是否由用户拒绝授权引起（兼容 errno:103 及各平台 errMsg 变体）。
-const isWifiPermissionDenied = (err) => {
-  if (err?.errno === 103) return true;
-  const errMsg = err?.errMsg || "";
-  return /auth den|authorize|permission denied|user denied|scope\.userLocation/i.test(errMsg);
-};
-
-// 显示授权拒绝弹窗，通过 ScreenHint 组件呈现。
-const showWifiPermissionDeniedModal = () => {
-  wifiAuthDeniedVisible.value = true;
-};
-
-// 用户点击「重新授权」时，打开小程序权限设置页，引导用户开启位置权限后重新扫描。
-const handleReauthorize = () => {
-  wifiAuthDeniedVisible.value = false;
-  uni.openSetting({
-    success(res) {
-      // 若用户在设置页开启了位置权限，则重新启动 WiFi 扫描
-      if (res.authSetting["scope.userLocation"]) {
-        startScanning();
-      }
-    },
-  });
-};
-
-// 将 iOS 当前手机连接的 WiFi 写入候选列表，供用户继续填写设备连接密码；扫描结束后重置刷新防抖标志。
-const applyIOSConnectedWifi = (wifi) => {
-  const ssid = wifi?.SSID;
-  if (!ssid) {
-    wifiList.value = [];
-    currentState.value = STATES.LIST;
-    isRefreshing.value = false;
-    return;
-  }
-
-  wifiList.value = [
-    {
-      ...wifi,
-      SSID: ssid,
-      secure: wifi.secure !== false,
-      fromCurrentWifi: true,
-    },
-  ];
-  currentState.value = STATES.LIST;
-  isRefreshing.value = false;
-};
-
-// 获取 iOS 当前手机连接的 WiFi，并把它作为可选网络展示。
-const syncIOSConnectedWifi = () => {
-  wx.getConnectedWifi({
-    success(res) {
-      console.log("[OTA WiFi] wx.getConnectedWifi success:", res);
-      applyIOSConnectedWifi(res.wifi || res);
-    },
-    fail(err) {
-      console.warn("[OTA WiFi] wx.getConnectedWifi fail:", {
-        errCode: err?.errCode,
-        errMsg: err?.errMsg,
-        err,
-      });
-      wifiList.value = [];
-      currentState.value = STATES.LIST;
-      isRefreshing.value = false;
-    },
-  });
-};
-
-// 启动 iOS WiFi 能力；iOS 只用当前手机连接的 WiFi 作为候选网络。
-const startIOSScanning = () => {
-  wx.startWifi({
-    success(res) {
-      console.log("[OTA WiFi] wx.startWifi success:", res);
-      syncIOSConnectedWifi();
-    },
-    fail(err) {
-      console.error("[OTA WiFi] wx.startWifi fail:", {
-        errCode: err?.errCode,
-        errMsg: err?.errMsg,
-        err,
-      });
-      if (err.errCode === 12005) showWifiBanner.value = true;
-      currentState.value = STATES.LIST;
-      isRefreshing.value = false;
-    },
-  });
-};
-
-// 启动小程序 WiFi 能力并按平台获取可用网络；也作为刷新按钮的点击处理器，重新获取最新 WiFi 列表。
-// 扫描进行中时防抖：若上次扫描尚未完成则直接 return，避免重复触发导致弹窗异常。
-const startScanning = () => {
-  if (isRefreshing.value) return;
-  isRefreshing.value = true;
-  currentState.value = STATES.SCANNING;
-  wifiList.value = [];
-  showWifiBanner.value = false;
-  connectError.value = "";
-
-  if (isIOS) {
-    startIOSScanning();
-    return;
-  }
-
-  wx.startWifi({
-    success(res) {
-      console.log("[OTA WiFi] wx.startWifi success:", res);
-      wx.getWifiList({
-        success(res) {
-          console.log("[OTA WiFi] wx.getWifiList request success:", res);
-        },
-        fail(err) {
-          console.error("[OTA WiFi] wx.getWifiList fail:", {
-            errCode: err?.errCode,
-            errMsg: err?.errMsg,
-            err,
-          });
-          if (isWifiPermissionDenied(err)) showWifiPermissionDeniedModal();
-          if (err.errCode === 12005) showWifiBanner.value = true;
-          isRefreshing.value = false;
-        },
-      });
-    },
-    fail(err) {
-      console.error("[OTA WiFi] wx.startWifi fail:", {
-        errCode: err?.errCode,
-        errMsg: err?.errMsg,
-        err,
-      });
-      if (isWifiPermissionDenied(err)) showWifiPermissionDeniedModal();
-      if (err.errCode === 12005) showWifiBanner.value = true;
-      isRefreshing.value = false;
-    },
-  });
-
-  wx.onGetWifiList((res) => {
-    const realWifiList = res.wifiList || [];
-    if (realWifiList.length) {
-      console.log("[OTA WiFi] wx.onGetWifiList received wifiList:", realWifiList);
-    } else {
-      console.warn("[OTA WiFi] wx.onGetWifiList received empty wifiList:", res);
-    }
-    wifiList.value = realWifiList;
-    currentState.value = STATES.LIST;
-    isRefreshing.value = false;
-  });
-};
-
-// 选择列表中的 WiFi，并打开密码输入弹窗。
-const selectWifi = (wifi) => {
-  cancelWifiConnectPolling();
-  connectingWifi.value = wifi;
-  connectInput.value = { ssid: wifi.SSID, password: "" };
-  connectMode.value = wifi.secure ? "secure" : "open";
-  connectError.value = "";
-  currentState.value = STATES.CONNECTING;
-};
-
-// 选择手动输入 WiFi，并打开手动输入弹窗。
-const selectOther = () => {
-  cancelWifiConnectPolling();
-  connectingWifi.value = null;
-  connectInput.value = { ssid: "", password: "" };
-  connectMode.value = "manual";
-  connectError.value = "";
-  currentState.value = STATES.CONNECTING;
-};
-
-// 关闭连接弹窗，并停止当前 WiFi 连接轮询。
-const closeConnectSheet = () => {
-  cancelWifiConnectPolling();
-  connectError.value = "";
-  currentState.value = connectedWifi.value ? STATES.CONNECTED : STATES.LIST;
-};
-
-const hasChinese = (str) => /[\u4e00-\u9fa5]/.test(str);
-
-const ssidWarning = computed(() => {
-  if (connectMode.value === "manual" && hasChinese(connectInput.value.ssid)) {
-    return "网络名称仅支持英文字符及数字，请连接英文名网络或把网络改为英文";
-  }
-  return "";
-});
-
-// 判断当前是否禁止点击加入按钮，提交中也禁止重复点击。
-const joinDisabled = computed(() => {
-  if (isSubmittingWifi.value) return true;
-  if (connectMode.value === "secure") return !connectInput.value.password;
-  if (connectMode.value === "manual") return !connectInput.value.ssid;
-  return false;
-});
-
-// 按当前页面状态限制 WiFi 列表高度，避免列表撑开整页。
-const wifiListScrollHeight = computed(() => {
-  if (currentState.value === STATES.SCANNING) return "auto";
-  const itemCount = wifiList.value.length + 1;
-  const maxHeight = currentState.value === STATES.CONNECTED ? 276 : 420;
-  return `${Math.min(itemCount * 92, maxHeight)}rpx`;
-});
-
-// 清理 WiFi 连接轮询定时器。
-const clearWifiConnectTimer = () => {
-  clearTimeout(wifiConnectTimer);
-  wifiConnectTimer = null;
-  wifiConnectPollCount = 0;
-};
-
-// 取消当前 WiFi 连接轮询，并恢复弹窗提交状态。
-const cancelWifiConnectPolling = () => {
-  wifiConnectRequestId += 1;
-  clearWifiConnectTimer();
-  connectStatusText.value = "";
-  isSubmittingWifi.value = false;
-  uni.hideLoading();
-};
-
-// 判断设备电量接口返回的 online/netType 字段，确定设备是否已通过 WiFi 在线。
-// 返回值含义：true → WiFi 在线成功；"net_fail" → 设备走 4g 失败；false → 未就绪，需继续轮询。
-const isDeviceConnectedByWifi = (deviceStatus) => {
-  // online 不为 true → 设备不在线，需继续轮询
-  if (deviceStatus?.online !== true) return false;
-  const netType = String(deviceStatus?.netType || "").toLowerCase();
-  // online:true + netType:4g → 设备已切 4g，WiFi 连接失败
-  if (netType === "4g") return "net_fail";
-  // online:true + netType:wifi → WiFi 连接成功
-  // online:true + netType:"" → 设备在线但 netType 暂未上报，继续轮询等待
-  return netType === "wifi";
-};
-
-// 轮询设备电量接口，等待设备切到 WiFi 在线；netType:4g 快速失败，超时 30 次后放弃。
-const waitForDeviceWifiConnected = (requestId) => {
-  return new Promise((resolve) => {
-    const poll = async () => {
-      if (requestId !== wifiConnectRequestId) {
-        resolve(false);
-        return;
-      }
-
-      wifiConnectPollCount += 1;
-      try {
-        const deviceStatus = await getDeviceBatteryAPI();
-        if (requestId !== wifiConnectRequestId) {
-          resolve(false);
-          return;
-        }
-        const connResult = isDeviceConnectedByWifi(deviceStatus);
-        // online:true + netType:wifi → 成功
-        if (connResult === true) {
-          resolve(true);
-          return;
-        }
-        // online:true + netType:4g → 立即失败（设备已切 4g，WiFi 连不上）
-        if (connResult === "net_fail") {
-          resolve(false);
-          return;
-        }
-        // online:false + netType:"" → 继续轮询
-        // online:true + netType:"" → 忽略，继续轮询（netType 暂未上报）
-      } catch (err) {
-        if (requestId !== wifiConnectRequestId) {
-          resolve(false);
-          return;
-        }
-      }
-
-      if (wifiConnectPollCount >= WIFI_CONNECT_MAX_POLL_COUNT) {
-        resolve(false);
-        return;
-      }
-
-      wifiConnectTimer = setTimeout(poll, WIFI_CONNECT_POLL_INTERVAL);
-    };
-
-    poll();
-  });
-};
-
-// 提交 WiFi 配置给游戏设备，并轮询确认设备真实连上 WiFi 后再展示成功。
-const submitDeviceWifiConfig = async ({ ssid, password }) => {
-  if (isSubmittingWifi.value) return;
-  wifiConnectRequestId += 1;
-  const requestId = wifiConnectRequestId;
-  clearWifiConnectTimer();
-  isSubmittingWifi.value = true;
-  connectStatusText.value = "WiFi连接中...";
-  uni.showLoading({
-    title: "WiFi连接中",
-    mask: true,
-  });
-  try {
-    await connectDeviceWifiAPI(ssid, password);
-    const isConnected = await waitForDeviceWifiConnected(requestId);
-    if (requestId !== wifiConnectRequestId) return;
-    if (!isConnected) {
-      connectError.value = WIFI_CONNECT_FAILED_TEXT;
-      return;
-    }
-    connectedWifi.value = {
-      ...(connectingWifi.value || {}),
-      SSID: ssid,
-      password,
-      secure: connectMode.value === "secure" || !!password,
-    };
-    connectError.value = "";
-    currentState.value = STATES.CONNECTED;
-  } catch (err) {
-    if (requestId === wifiConnectRequestId) {
-      connectError.value =
-        err?.code === -1 && err?.message ? err.message : WIFI_CONNECT_FAILED_TEXT;
-    }
-  } finally {
-    if (requestId === wifiConnectRequestId) {
-      clearWifiConnectTimer();
-      connectStatusText.value = "";
-      isSubmittingWifi.value = false;
-      uni.hideLoading();
-    }
-  }
-};
-
-// 校验用户输入并提交 WiFi 配置，不再把手机连接结果当作设备连接成功。
-const joinNetwork = () => {
-  if (joinDisabled.value) return;
-  connectError.value = "";
-  const ssid = connectInput.value.ssid;
-  const password = connectInput.value.password;
-
-  submitDeviceWifiConfig({ ssid, password });
-};
-
-// 清理 OTA 更新相关定时器，避免页面退出或状态结束后继续执行。
-const clearUpdateTimers = () => {
-  clearInterval(progressTimer);
-  clearTimeout(timeoutTimer);
-  clearTimeout(statusTimer);
-  progressTimer = null;
-  timeoutTimer = null;
-  statusTimer = null;
-};
-
-// 启动本地进度条动画，真实完成状态以后端任务轮询结果为准。
-const startProgressAnimation = () => {
-  clearInterval(progressTimer);
-  progressTimer = setInterval(() => {
-    if (progress.value >= 90) {
-      clearInterval(progressTimer);
-      return;
-    }
-    const increment = Math.max(0.5, 2 - progress.value / 60);
-    progress.value = Math.min(90, progress.value + increment);
-  }, 500);
-};
-
-// 将 OTA 更新流程标记为失败并切换到失败页面。
-const failUpdate = () => {
-  clearUpdateTimers();
-  isStartingUpdate.value = false;
-  currentState.value = STATES.FAILED;
-};
-
-// 将 OTA 更新流程标记为成功，进度补到 100% 后进入完成页面。
-const completeUpdate = () => {
-  clearUpdateTimers();
-  isStartingUpdate.value = false;
-  progress.value = 100;
-  setTimeout(() => {
-    currentState.value = STATES.DONE;
-  }, 300);
-};
-
-// 轮询 OTA 更新任务状态，状态为处理中则继续轮询，成功或失败则结束流程。
-const pollUpdateTaskStatus = (taskId) => {
-  clearTimeout(statusTimer);
-  statusTimer = setTimeout(async () => {
-    try {
-      const taskStatus = await getHardwareBoxTaskStatusAPI(taskId);
-      const status = Number(taskStatus?.status);
-      if (status === 2) {
-        completeUpdate();
-        return;
-      }
-      if (status === 3) {
-        failUpdate();
-        return;
-      }
-      if (status === 0 || status === 1) {
-        pollUpdateTaskStatus(taskId);
-        return;
-      }
-      failUpdate();
-    } catch (err) {
-      failUpdate();
-    }
-  }, 3000);
-};
-
-// 判断设备是否满足 OTA 更新条件，不满足时返回精确提示文案。
-const getUpdateDisabledReason = (deviceStatus) => {
-  if (deviceStatus?.online !== true) return "请先开启智能弓";
-  if (Number(deviceStatus?.battery) <= OTA_MIN_BATTERY) return OTA_LOW_BATTERY_TEXT;
-  if (String(deviceStatus?.netType || "").toLowerCase() !== "wifi") return "设备当前未连接 WiFi，请先连接 WiFi 后再更新";
-  return "";
-};
-
-// 获取 OTA 更新版本信息，优先使用首页跳转传入的数据，没有传参时再请求后端版本接口。
-const getOtaVersionInfo = async () => {
-  if (routeOtaInfo.value.versionNumber && routeOtaInfo.value.resourceUrl) {
-    return {
-      needUpdate: true,
-      versionNumber: routeOtaInfo.value.versionNumber,
-      resourceUrl: routeOtaInfo.value.resourceUrl,
-    };
-  }
-  return getHardwareBoxVersionAPI();
-};
-
-// 点击开始更新时先判断设备状态和版本信息，满足条件才发送 OTA 指令并开始轮询任务状态。
-const startUpdate = async () => {
-  if (isStartingUpdate.value) return;
-  if (!connectedWifi.value) return;
-  isStartingUpdate.value = true;
-
-  try {
-    const deviceStatus = await getDeviceBatteryAPI();
-    const disabledReason = getUpdateDisabledReason(deviceStatus);
-    if (disabledReason) {
-      isStartingUpdate.value = false;
-      uni.showToast({
-        title: disabledReason,
-        icon: "none",
-      });
-      return;
-    }
-
-    let versionInfo;
-    try {
-      versionInfo = await getOtaVersionInfo();
-    } catch (err) {
-      isStartingUpdate.value = false;
-      uni.showToast({
-        title: "获取更新版本失败，请重试",
-        icon: "none",
-      });
-      return;
-    }
-
-    if (!versionInfo?.needUpdate) {
-      isStartingUpdate.value = false;
-      uni.showToast({
-        title: "当前已是最新版本",
-        icon: "none",
-      });
-      return;
-    }
-
-    currentState.value = STATES.UPDATING;
-    progress.value = 0;
-    startProgressAnimation();
-    timeoutTimer = setTimeout(() => {
-      if (currentState.value === STATES.UPDATING) {
-        failUpdate();
-      }
-    }, 5 * 60 * 1000);
-
-    const updateResult = await sendHardwareBoxUpdateAPI({
-      versionNumber: versionInfo.versionNumber,
-      wifiSsid: connectedWifi.value.SSID,
-      wifiPassword: connectedWifi.value.password || "",
-      resourceUrl: versionInfo.resourceUrl,
-    });
-    if (!updateResult?.taskId) {
-      failUpdate();
-      return;
-    }
-
-    pollUpdateTaskStatus(updateResult.taskId);
-  } catch (err) {
-    failUpdate();
-  }
-};
-
-// WebSocket 成功回调保留兜底能力，触发后直接按更新完成处理。
-const handleWsDone = () => {
-  completeUpdate();
-};
-
-// WebSocket 失败回调保留兜底能力，触发后直接按更新失败处理。
-const handleWsFail = () => {
-  failUpdate();
-};
-
-// 处理更新完成返回，兼容首页 OTA 弹窗入口和设备页普通入口。
-const handleDone = () => {
-  const pages = getCurrentPages();
-  const prevPage = pages[pages.length - 2];
-  const prevVm = prevPage?.$vm;
-
-  if (prevVm && "otaState" in prevVm && "otaVisible" in prevVm) {
-    prevVm.otaState = "update_success";
-    prevVm.otaVisible = true;
-  }
-
-  uni.navigateBack({ delta: 1 });
-};
-
-const handleRetry = () => {
-  if (connectedWifi.value) {
-    currentState.value = STATES.CONNECTED;
-  } else {
-    startScanning();
-  }
-};
-
-// 监听系统输入法高度，用于让底部弹窗避开键盘遮挡。
-const handleKeyboardHeightChange = (res) => {
-  keyboardHeight.value = res?.height || 0;
-};
-
-// 切换密码显示状态前先收起键盘，避免安全键盘和普通输入法切换时复用旧高度产生黑条。
-const togglePasswordVisibility = () => {
-  uni.hideKeyboard({
-    complete() {
-      keyboardHeight.value = 0;
-      showPassword.value = !showPassword.value;
-    },
-  });
-};
-
-// 页面加载时接收首页传入的 OTA 版本号和固件地址。
-onLoad((options = {}) => {
-  routeOtaInfo.value = {
-    versionNumber: decodeURIComponent(options.versionNumber || ""),
-    resourceUrl: decodeURIComponent(options.resourceUrl || ""),
-  };
-});
-
-// 页面挂载后启动 WiFi 扫描流程。
-onMounted(() => {
-  if (typeof uni.onKeyboardHeightChange === "function") {
-    uni.onKeyboardHeightChange(handleKeyboardHeightChange);
-  }
-  startScanning();
-});
-
-// iOS 从系统 WiFi 设置返回小程序后，同步当前手机连接的 WiFi。
-onShow(() => {
-  if (isIOS && currentState.value === STATES.LIST) {
-    syncIOSConnectedWifi();
-  }
-});
-
-onUnmounted(() => {
-  if (typeof uni.offKeyboardHeightChange === "function") {
-    uni.offKeyboardHeightChange(handleKeyboardHeightChange);
-  }
-  cancelWifiConnectPolling();
-  clearUpdateTimers();
-  wx.offGetWifiList && wx.offGetWifiList();
-});
-</script>
-
-<template>
-  <Container title="连接无线网络">
-    <!-- WiFi 不可用 Banner -->
-    <view v-if="showWifiBanner" class="wifi-banner">
-      <text class="wifi-banner-text">请先开启 WiFi 后刷新重试</text>
-    </view>
-
-    <!-- SCANNING / LIST / CONNECTED -->
-    <view
-      v-if="currentState === 'SCANNING' || currentState === 'LIST' || currentState === 'CONNECTED'"
-      class="wifi-page"
-    >
-      <!-- Hero: wifi1.png 单图（已内含吉祥物） -->
-      <view class="hero-area">
-        <image src="https://static.shelingxingqiu.com/shootmini/static/ota/wifi1.png" mode="aspectFit" style="width: 194rpx; height: 164rpx;" />
-      </view>
-
-      <text class="page-title" :class="{ 'connected-page-title': currentState === 'CONNECTED' }">
-        {{ currentState === 'CONNECTED' ? '连接成功' : '连接无线网络' }}
-      </text>
-      <text v-if="currentState !== 'CONNECTED'" class="page-subtitle">网络名称仅支持英文字符及数字</text>
-
-      <view v-if="isIOS && currentState !== 'CONNECTED'" class="ios-guide">
-        <text class="ios-guide-text">请先在系统 WiFi 设置中连接目标网络，返回后选择当前 WiFi 并填写密码</text>
-      </view>
-
-      <!-- 已连接网络卡片 -->
-      <view v-if="currentState === 'CONNECTED'" class="section-label-row connected-section-label-row">
-        <text class="section-label">连接网络</text>
-      </view>
-      <view v-if="currentState === 'CONNECTED'" class="wifi-list-card connected-wifi-card">
-        <view class="wifi-item connected-wifi-item">
-          <image class="check-icon" src="../static/sicon/check.png" mode="aspectFit" />
-          <text class="wifi-ssid connected-wifi-ssid">{{ connectedWifi?.SSID }}</text>
-          <view class="wifi-icons connected-wifi-icons">
-            <image
-              v-if="connectedWifi?.secure"
-              class="security-icon"
-              src="../static/sicon/pwd.png"
-              mode="aspectFit"
-            />
-            <image class="signal-icon" src="../static/sicon/wifi.png" mode="aspectFit" />
-          </view>
-        </view>
-      </view>
-
-      <!-- 网络列表标题 -->
-      <view class="section-label-row">
-        <text class="section-label">网络</text>
-        <image
-          src="../static/sicon/refresh.png"
-          mode="aspectFit"
-          :style="{ width: '34rpx', height: '34rpx', marginLeft: '8rpx', opacity: isRefreshing ? 0.3 : 0.7 }"
-          @click="startScanning"
-        />
-      </view>
-
-      <!-- 网络列表卡片 -->
-      <scroll-view
-        scroll-y
-        class="wifi-list-card"
-        :class="{ 'wifi-list-scroll': currentState !== 'SCANNING' }"
-        :style="{ height: wifiListScrollHeight }"
-      >
-        <block v-if="currentState === 'SCANNING'">
-          <view class="wifi-item" @click="selectOther">
-            <text class="wifi-ssid other-text">其他...</text>
-          </view>
-        </block>
-        <block v-else>
-          <view
-            v-for="(wifi, idx) in wifiList"
-            :key="wifi.SSID"
-            class="wifi-item"
-            @click="selectWifi(wifi)"
-          >
-            <text class="wifi-ssid">{{ wifi.SSID }}</text>
-            <view class="wifi-icons">
-              <image
-                v-if="wifi.secure"
-                class="security-icon"
-                src="../static/sicon/pwd.png"
-                mode="aspectFit"
-              />
-              <image class="signal-icon" src="../static/sicon/wifi.png" mode="aspectFit" />
-            </view>
-          </view>
-          <view class="wifi-item" @click="selectOther">
-            <text class="wifi-ssid other-text">其他...</text>
-          </view>
-        </block>
-      </scroll-view>
-
-      <!-- CONNECTED：开始更新按钮 -->
-      <view v-if="currentState === 'CONNECTED'" class="bottom-btn-area connected-bottom-btn-area">
-        <view class="primary-btn update-btn" @click="startUpdate">
-          <text class="primary-btn-text">开始更新</text>
-        </view>
-      </view>
-    </view>
-
-    <!-- UPDATING -->
-    <view v-else-if="currentState === 'UPDATING'" class="center-page">
-      <image src="https://static.shelingxingqiu.com/shootmini/static/ota/target-char.png" mode="aspectFit" style="width: 194rpx; height: 164rpx;" />
-      <text class="page-title" style="margin-top: 24rpx;">更新中,请稍等片刻...</text>
-      <view class="progress-wrap">
-        <view class="progress-track">
-          <view class="progress-fill" :style="{ width: progress + '%' }"></view>
-        </view>
-        <text class="progress-pct">{{ Math.floor(progress) }}%</text>
-      </view>
-    </view>
-
-    <!-- DONE -->
-    <view v-else-if="currentState === 'DONE'" class="center-page">
-      <image src="https://static.shelingxingqiu.com/shootmini/static/ota/check-char.png" mode="aspectFit" style="width: 194rpx; height: 166rpx;" />
-      <text class="page-title" style="margin-top: 24rpx;">更新完成</text>
-      <text class="page-desc-white">请关机并重启智能弓</text>
-      <view class="primary-btn done-btn" style="margin-top:20px" @click="handleDone">
-        <text class="primary-btn-text">完成</text>
-      </view>
-    </view>
-
-    <!-- FAILED -->
-    <view v-else-if="currentState === 'FAILED'" class="center-page">
-      <image src="https://static.shelingxingqiu.com/shootmini/static/ota/close-char.png" mode="aspectFit" style="width: 194rpx; height: 164rpx;" />
-      <text class="page-title fail-title" style="margin-top: 24rpx;">更新失败</text>
-      <text class="page-desc-white">请确保：</text>
-      <text class="page-desc-white">1、智能弓已开启</text>
-      <text class="page-desc-white">2、网路连接稳定</text>
-      <view class="primary-btn done-btn" style="margin-top: 40rpx;" @click="handleRetry">
-        <text class="primary-btn-text">重试</text>
-      </view>
-    </view>
-
-    <!-- CONNECTING 底部弹窗 -->
-    <view v-if="currentState === 'CONNECTING'" class="sheet-mask">
-      <view class="sheet" :style="{ marginBottom: keyboardHeight + 'px' }" @click.stop="">
-        <image src="https://static.shelingxingqiu.com/shootmini/static/ota/ota-bg.png" mode="aspectFill" class="sheet-bg" />
-        <view class="sheet-inner">
-
-          <!-- 有密码网络 -->
-          <block v-if="connectMode === 'secure'">
-            <view class="sheet-header">
-              <view class="sheet-nav-btn" @click="closeConnectSheet">
-                <image src="../static/sicon/arrow-left.png" mode="aspectFit" style="width: 40rpx; height: 40rpx;" />
-              </view>
-              <text class="sheet-title">加入"{{ connectInput.ssid }}"</text>
-              <view
-                class="sheet-nav-btn"
-                :class="{ 'nav-disabled': joinDisabled }"
-                @click="joinNetwork"
-              >
-                <image src="../static/sicon/check.png" mode="aspectFit" style="width: 28rpx; height: 24rpx;" />
-              </view>
-            </view>
-            <view class="input-row-card">
-              <text class="input-label">密码</text>
-              <input
-                class="input-field"
-                :password="!showPassword"
-                :adjust-position="false"
-                v-model="connectInput.password"
-                placeholder="输入网络密码"
-                placeholder-class="input-placeholder"
-                confirm-type="done"
-                @confirm="joinNetwork"
-              />
-              <!-- 密码显示/隐藏切换按钮 -->
-              <view class="pwd-eye-btn" @click="togglePasswordVisibility">
-                <image
-                  :src="showPassword ? '../static/sicon/eye-on.png' : '../static/sicon/eye-off.png'"
-                  mode="aspectFit"
-                  style="width: 40rpx; height: 40rpx;"
-                />
-              </view>
-            </view>
-            <text v-if="connectStatusText" class="connect-status">{{ connectStatusText }}</text>
-            <text v-if="connectError" class="connect-error">{{ connectError }}</text>
-          </block>
-
-          <!-- 无密码网络 -->
-          <block v-else-if="connectMode === 'open'">
-            <view class="sheet-header">
-              <view class="sheet-nav-btn" @click="closeConnectSheet">
-                <image src="../static/sicon/arrow-left.png" mode="aspectFit" style="width: 40rpx; height: 40rpx;" />
-              </view>
-              <text class="sheet-title">加入"{{ connectInput.ssid }}"</text>
-              <view class="sheet-nav-btn" @click="joinNetwork">
-                <image src="../static/sicon/check.png" mode="aspectFit" style="width: 28rpx; height: 24rpx;" />
-              </view>
-            </view>
-            <text v-if="connectStatusText" class="connect-status">{{ connectStatusText }}</text>
-            <text v-else class="sheet-hint">该网络为开放网络，点击 ✓ 加入</text>
-            <text v-if="connectError" class="connect-error">{{ connectError }}</text>
-          </block>
-
-          <!-- 手动输入 -->
-          <block v-else-if="connectMode === 'manual'">
-            <view class="sheet-header">
-              <view class="sheet-nav-btn" @click="closeConnectSheet">
-                <image src="../static/sicon/arrow-left.png" mode="aspectFit" style="width: 40rpx; height: 40rpx;" />
-              </view>
-              <text class="sheet-title">加入无线网络</text>
-              <view
-                class="sheet-nav-btn"
-                :class="{ 'nav-disabled': joinDisabled }"
-                @click="joinNetwork"
-              >
-                <image src="../static/sicon/check.png" mode="aspectFit" style="width: 28rpx; height: 24rpx;" />
-              </view>
-            </view>
-            <view class="input-row-card">
-              <text class="input-label">名称</text>
-              <input
-                class="input-field"
-                v-model="connectInput.ssid"
-                placeholder="输入网络名称"
-                placeholder-class="input-placeholder"
-              />
-            </view>
-            <view class="input-row-card">
-              <text class="input-label">密码</text>
-              <input
-                class="input-field"
-                :password="!showPassword"
-                :adjust-position="false"
-                v-model="connectInput.password"
-                placeholder="输入网络密码"
-                placeholder-class="input-placeholder"
-                confirm-type="done"
-                @confirm="joinNetwork"
-              />
-              <!-- 密码显示/隐藏切换按钮 -->
-              <view class="pwd-eye-btn" @click="togglePasswordVisibility">
-                <image
-                  :src="showPassword ? '../static/sicon/eye-on.png' : '../static/sicon/eye-off.png'"
-                  mode="aspectFit"
-                  style="width: 40rpx; height: 40rpx;"
-                />
-              </view>
-            </view>
-            <text v-if="ssidWarning" class="connect-error">{{ ssidWarning }}</text>
-            <text v-else-if="connectStatusText" class="connect-status">{{ connectStatusText }}</text>
-            <text v-else-if="connectError" class="connect-error">{{ connectError }}</text>
-          </block>
-
-        </view>
-      </view>
-    </view>
-
-    <!-- 授权拒绝弹窗 -->
-    <ScreenHint :show="wifiAuthDeniedVisible" :onClose="() => (wifiAuthDeniedVisible = false)">
-      <view class="wifi-auth-denied">
-        <text class="wifi-auth-denied-text">拒绝授权获取wifi列表失败，请重新授权或手动输入</text>
-        <view class="wifi-auth-denied-btns">
-          <view class="wifi-auth-denied-btn cancel-btn" @click="wifiAuthDeniedVisible = false">
-            <text>取消授权</text>
-          </view>
-          <view class="wifi-auth-denied-btn confirm-btn" @click="handleReauthorize">
-            <text>重新授权</text>
-          </view>
-        </view>
-      </view>
-    </ScreenHint>
-  </Container>
-</template>
-
-<style scoped>
-.wifi-auth-denied {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  padding: 32rpx 40rpx 24rpx;
-  gap: 32rpx;
-}
-.wifi-auth-denied-text {
-  color: #fff;
-  font-size: 28rpx;
-  text-align: center;
-  line-height: 1.6;
-}
-.wifi-auth-denied-btns {
-  display: flex;
-  flex-direction: row;
-  gap: 24rpx;
-  width: 100%;
-  justify-content: center;
-}
-.wifi-auth-denied-btn {
-  flex: 1;
-  height: 72rpx;
-  border-radius: 36rpx;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  font-size: 28rpx;
-}
-.wifi-auth-denied-btn.cancel-btn {
-  background: rgba(255, 255, 255, 0.15);
-  color: #fff;
-}
-.wifi-auth-denied-btn.confirm-btn {
-  background: rgba(254, 216, 71, 1);
-  color: #1a1a2e;
-  font-weight: 600;
-}
-
-.wifi-banner {
-  background-color: rgba(255, 200, 0, 0.12);
-  border: 1rpx solid rgba(254, 216, 71, 0.5);
-  border-radius: 8rpx;
-  padding: 16rpx 24rpx;
-  margin: 16rpx 24rpx 0;
-}
-.wifi-banner-text {
-  color: rgba(254, 216, 71, 1);
-  font-size: 26rpx;
-}
-
-.wifi-page {
-  padding: 0 67rpx 40rpx;
-  display: flex;
-  flex-direction: column;
-}
-
-.hero-area {
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  padding: 40rpx 0 24rpx;
-}
-
-.page-title {
-  color: rgba(91, 196, 255, 1);
-  font-size: 36rpx;
-  font-weight: 600;
-  text-align: center;
-  margin-bottom: 8rpx;
-}
-.connected-page-title {
-  color: #4DD9C8;
-}
-.page-subtitle {
-  color: rgba(255, 255, 255, 0.5);
-  font-size: 24rpx;
-  text-align: center;
-  margin-bottom: 32rpx;
-}
-.fail-title {
-  color: rgba(255, 100, 100, 1);
-}
-
-.ios-guide {
-  background-color: rgba(95, 173, 255, 0.12);
-  border-radius: 8rpx;
-  padding: 16rpx 24rpx;
-  margin-bottom: 20rpx;
-}
-.ios-guide-text {
-  color: rgba(95, 173, 255, 1);
-  font-size: 26rpx;
-}
-
-.section-label-row {
-  display: flex;
-  align-items: center;
-  margin-bottom: 24rpx;
-  padding: 0 22rpx;
-}
-.connected-section-label-row {
-  margin-top: 32rpx;
-}
-.section-label {
-  color: rgba(255, 255, 255, 0.56);
-  font-size: 28rpx;
-}
-
-.wifi-list-card {
-  background-color: rgba(30, 35, 50, 0.96);
-  border-radius: 24rpx;
-  overflow: hidden;
-  margin-bottom: 20rpx;
-}
-.wifi-list-scroll {
-  flex-shrink: 0;
-}
-.connected-wifi-card {
-  background-color: rgba(35, 40, 56, 0.96);
-  margin-bottom: 44rpx;
-}
-.wifi-item {
-  position: relative;
-  display: flex;
-  align-items: center;
-  min-height: 92rpx;
-  padding: 0 26rpx 0 66rpx;
-}
-.wifi-item:not(:last-child)::after {
-  content: "";
-  position: absolute;
-  left: 66rpx;
-  right: 26rpx;
-  bottom: 0;
-  height: 1rpx;
-  background-color: rgba(255, 255, 255, 0.08);
-}
-.connected-wifi-item {
-  min-height: 88rpx;
-  padding-left: 28rpx;
-}
-.wifi-ssid {
-  color: rgba(255, 255, 255, 1);
-  font-size: 28rpx;
-  line-height: 36rpx;
-  flex: 1;
-}
-.connected-wifi-ssid {
-  font-weight: 500;
-}
-.other-text {
-  color: rgba(255, 255, 255, 0.86);
-}
-.wifi-icons {
-  display: flex;
-  align-items: center;
-  gap: 12rpx;
-  flex-shrink: 0;
-}
-.connected-wifi-icons {
-  gap: 14rpx;
-}
-.check-icon {
-  width: 28rpx;
-  height: 24rpx;
-  margin-right: 16rpx;
-  flex-shrink: 0;
-}
-.security-icon {
-  width: 24rpx;
-  height: 30rpx;
-  flex-shrink: 0;
-}
-.signal-icon {
-  width: 36rpx;
-  height: 32rpx;
-  flex-shrink: 0;
-}
-
-.bottom-btn-area {
-  margin-top: 24rpx;
-}
-.connected-bottom-btn-area {
-  display: flex;
-  justify-content: center;
-  margin-top: 20rpx;
-}
-
-.primary-btn {
-  background-color: rgba(254, 216, 71, 1);
-  border-radius: 50rpx;
-  height: 88rpx;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-}
-.update-btn {
-  width: 412rpx;
-}
-.primary-btn-text {
-  color: rgba(0, 0, 0, 1);
-  font-size: 30rpx;
-  font-weight: 500;
-}
-
-.center-page {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  padding: 80rpx 32rpx 40rpx;
-}
-.page-desc-white {
-  color: rgba(255, 255, 255, 1);
-  font-size: 28rpx;
-  line-height: 52rpx;
-  text-align: center;
-}
-.done-btn {
-  width: 80%;
-}
-
-.progress-wrap {
-  width: 80%;
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  gap: 16rpx;
-  margin-top: 40rpx;
-}
-.progress-track {
-  width: 100%;
-  height: 10rpx;
-  background-color: rgba(255, 255, 255, 0.15);
-  border-radius: 5rpx;
-  overflow: hidden;
-}
-.progress-fill {
-  height: 100%;
-  background-color: rgba(91, 196, 255, 1);
-  border-radius: 5rpx;
-  transition: width 0.4s ease;
-}
-.progress-pct {
-  color: rgba(91, 196, 255, 1);
-  font-size: 28rpx;
-  font-weight: 600;
-}
-
-.sheet-mask {
-  position: fixed;
-  top: 0;
-  left: 0;
-  width: 100vw;
-  height: 100vh;
-  background-color: rgba(0, 0, 0, 0.5);
-  z-index: 999;
-  display: flex;
-  flex-direction: column;
-  justify-content: flex-end;
-}
-.sheet {
-  position: relative;
-  background-color: rgba(57, 47, 29, 1);
-  border-top-left-radius: 28rpx;
-  border-top-right-radius: 28rpx;
-  overflow: hidden;
-  min-height: 320rpx;
-  border: 1rpx solid rgba(249, 213, 161, 0.4);
-  border-bottom: none;
-}
-.sheet-bg {
-  position: absolute;
-  top: 0;
-  left: 0;
-  width: 100%;
-  height: 100%;
-  z-index: 0;
-}
-.sheet-inner {
-  position: relative;
-  z-index: 1;
-  padding: 32rpx 32rpx 112rpx;
-}
-
-.sheet-header {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  margin-bottom: 32rpx;
-}
-.sheet-nav-btn {
-  width: 64rpx;
-  height: 64rpx;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-}
-.nav-disabled {
-  opacity: 0.3;
-}
-.sheet-title {
-  color: rgba(255, 255, 255, 1);
-  font-size: 30rpx;
-  font-weight: 600;
-  flex: 1;
-  text-align: center;
-}
-.sheet-hint {
-  color: rgba(255, 255, 255, 0.7);
-  font-size: 26rpx;
-  text-align: center;
-  margin-bottom: 24rpx;
-}
-.connect-status {
-  color: rgba(255, 255, 255, 0.72);
-  font-size: 26rpx;
-  line-height: 40rpx;
-  margin-top: 16rpx;
-  display: block;
-  text-align: center;
-}
-.connect-error {
-  color: rgba(254, 216, 71, 1);
-  font-size: 26rpx;
-  line-height: 40rpx;
-  margin-top: 16rpx;
-  display: block;
-  /* 错误提示文案居中展示 */
-  text-align: center;
-}
-
-.input-row-card {
-  background-color: rgba(255, 255, 255, 0.1);
-  border-radius: 16rpx;
-  display: flex;
-  align-items: center;
-  padding: 24rpx 24rpx;
-  margin-left: 48rpx;
-  margin-right: 48rpx;
-}
-.input-row-card + .input-row-card {
-  margin-top: 16rpx;
-}
-.input-label {
-  color: rgba(255, 255, 255, 0.8);
-  font-size: 28rpx;
-  width: 80rpx;
-  flex-shrink: 0;
-}
-.input-field {
-  flex: 1;
-  color: rgba(255, 255, 255, 1);
-  font-size: 28rpx;
-  background: transparent;
-  border: none;
-  padding: 0 8rpx;
-}
-.input-placeholder {
-  color: rgba(255, 255, 255, 0.3);
-}
-
-/* 密码查看切换按钮 */
-.pwd-eye-btn {
-  width: 56rpx;
-  height: 56rpx;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  flex-shrink: 0;
-}
-</style>
diff --git a/src/pages/point-book-detail-share.vue b/src/pages/point-book-detail-share.vue
index 1f51176..9a10b27 100644
--- a/src/pages/point-book-detail-share.vue
+++ b/src/pages/point-book-detail-share.vue
@@ -115,7 +115,7 @@ const targetTypeName = computed(() => {
     />
     <view class="header">
       <image
-        :src="record.user.avatar || '../static/user-icon.png'"
+        :src="record.user.avatar || 'https://static.shelingxingqiu.com/shootmini/static/user-icon.png'"
         mode="widthFix"
         class="avatar"
       />
@@ -136,7 +136,7 @@ const targetTypeName = computed(() => {
         >
           <text>落点稳定性</text>
           <image
-            src="../static/s-question-mark.png"
+            src="https://static.shelingxingqiu.com/shootmini/static/s-question-mark.png"
             mode="widthFix"
             class="question-mark"
           />
@@ -165,7 +165,7 @@ const targetTypeName = computed(() => {
       <text>落点分布</text>
       <!-- <button hover-class="none" @click="() => openTip(2)">
           <image
-            src="../static/s-question-mark.png"
+            src="https://static.shelingxingqiu.com/shootmini/static/s-question-mark.png"
             mode="widthFix"
             class="question-mark"
           />
diff --git a/src/pages/point-book-detail.vue b/src/pages/point-book-detail.vue
index 98b2666..15165d8 100644
--- a/src/pages/point-book-detail.vue
+++ b/src/pages/point-book-detail.vue
@@ -203,7 +203,7 @@ onShareTimeline(async () => {
           >
             <text>落点稳定性</text>
             <image
-              src="../static/s-question-mark.png"
+              src="https://static.shelingxingqiu.com/shootmini/static/s-question-mark.png"
               mode="widthFix"
               class="question-mark"
             />
@@ -232,7 +232,7 @@ onShareTimeline(async () => {
           v-if="user.id === record.user.id"
         >
           <image
-            :src="`../static/${notes ? 'has' : 'add'}-note.png`"
+            :src="`https://static.shelingxingqiu.com/shootmini/static/${notes ? 'has' : 'add'}-note.png`"
             mode="widthFix"
           />
           <text>{{ notes ? "我的备注" : "添加备注" }}</text>
@@ -243,7 +243,7 @@ onShareTimeline(async () => {
         <text>落点分布</text>
         <!-- <button hover-class="none" @click="() => openTip(2)">
           <image
-            src="../static/s-question-mark.png"
+            src="https://static.shelingxingqiu.com/shootmini/static/s-question-mark.png"
             mode="widthFix"
             class="question-mark"
           />
diff --git a/src/pages/point-book-edit.vue b/src/pages/point-book-edit.vue
index 69f61aa..e016dc0 100644
--- a/src/pages/point-book-edit.vue
+++ b/src/pages/point-book-edit.vue
@@ -146,7 +146,7 @@ onLoad((options) => {
           <text>第 {{ currentGroup }} 组</text>
         </view>
         <view @click="deleteArrow">
-          <image src="../static/delete.png" />
+          <image src="https://static.shelingxingqiu.com/shootmini/static/delete.png" />
           <text>删除</text>
         </view>
       </view>
diff --git a/src/pages/point-book-list.vue b/src/pages/point-book-list.vue
index dd0ac3f..9573e15 100644
--- a/src/pages/point-book-list.vue
+++ b/src/pages/point-book-list.vue
@@ -97,19 +97,19 @@ onShow(() => {
           <text :style="{ color: bowType.name ? '#000' : '#999' }">{{
             bowType.name || "请选择"
           }}</text>
-          <image src="../static/arrow-grey.png" mode="widthFix" />
+          <image src="https://static.shelingxingqiu.com/shootmini/static/arrow-grey.png" mode="widthFix" />
         </view>
         <view @click="() => openSelector(1)">
           <text :style="{ color: distance ? '#000' : '#999' }">{{
             distance ? distance + " 米" : "请选择"
           }}</text>
-          <image src="../static/arrow-grey.png" mode="widthFix" />
+          <image src="https://static.shelingxingqiu.com/shootmini/static/arrow-grey.png" mode="widthFix" />
         </view>
         <view @click="() => openSelector(2)">
           <text :style="{ color: bowtargetType.name ? '#000' : '#999' }">{{
             bowtargetType.name || "请选择"
           }}</text>
-          <image src="../static/arrow-grey.png" mode="widthFix" />
+          <image src="https://static.shelingxingqiu.com/shootmini/static/arrow-grey.png" mode="widthFix" />
         </view>
       </view>
       <view class="point-records">
@@ -121,7 +121,7 @@ onShow(() => {
                   <view class="swipe-right" @click="onRemoveDraft">
                     <image
                       class="swipe-icon"
-                      src="../static/delete-white.png"
+                      src="https://static.shelingxingqiu.com/shootmini/static/delete-white.png"
                       mode="widthFix"
                     />
                   </view>
@@ -131,11 +131,11 @@ onShow(() => {
                   <text>{{ pointDraft.distance }}米</text>
                   <text>{{ pointDraft.bowtargetType.name }}</text>
                   <view>
-                    <image src="../static/draft-icon.png" mode="widthFix" />
+                    <image src="https://static.shelingxingqiu.com/shootmini/static/draft-icon.png" mode="widthFix" />
                     <text>本地草稿</text>
                     <view>
                       <text>计分待完成</text>
-                      <image src="../static/back.png" mode="widthFix" />
+                      <image src="https://static.shelingxingqiu.com/shootmini/static/back.png" mode="widthFix" />
                     </view>
                   </view>
                 </view>
@@ -148,7 +148,7 @@ onShow(() => {
                   <view class="swipe-right" @click="onRemoveRecord(item)">
                     <image
                       class="swipe-icon"
-                      src="../static/delete-white.png"
+                      src="https://static.shelingxingqiu.com/shootmini/static/delete-white.png"
                       mode="widthFix"
                     />
                   </view>
@@ -172,7 +172,7 @@ onShow(() => {
       >
         <view class="selector">
           <button hover-class="none" @click="() => (showModal = false)">
-            <image src="../static/close-grey.png" mode="widthFix" />
+            <image src="https://static.shelingxingqiu.com/shootmini/static/close-grey.png" mode="widthFix" />
           </button>
           <EditOption
             v-show="selectorIndex === 0"
diff --git a/src/pages/point-book-rank.vue b/src/pages/point-book-rank.vue
index 68de914..5eb9ae5 100644
--- a/src/pages/point-book-rank.vue
+++ b/src/pages/point-book-rank.vue
@@ -78,7 +78,7 @@ onMounted(async () => {
       @click="shareImage"
       v-if="user.id"
     >
-      <image src="../static/share-icon.png" mode="widthFix" />
+      <image src="https://static.shelingxingqiu.com/shootmini/static/share-icon.png" mode="widthFix" />
     </button>
     <canvas
       class="share-canvas"
diff --git a/src/pages/point-book.vue b/src/pages/point-book.vue
index d6a25da..0a39e33 100644
--- a/src/pages/point-book.vue
+++ b/src/pages/point-book.vue
@@ -215,12 +215,12 @@ onShareTimeline(() => {
     <view class="container">
       <view class="daily-signin">
         <view>
-          <image src="../static/week-check.png" />
+          <image src="https://static.shelingxingqiu.com/shootmini/static/week-check.png" />
         </view>
         <view :class="data.weeksCheckIn[0] ? 'checked' : ''">
           <image
             v-if="data.weeksCheckIn[0]"
-            src="../static/checked-green2.png"
+            src="https://static.shelingxingqiu.com/shootmini/static/checked-green2.png"
             mode="widthFix"
           />
           <view v-else></view>
@@ -229,7 +229,7 @@ onShareTimeline(() => {
         <view :class="data.weeksCheckIn[1] ? 'checked' : ''">
           <image
             v-if="data.weeksCheckIn[1]"
-            src="../static/checked-green2.png"
+            src="https://static.shelingxingqiu.com/shootmini/static/checked-green2.png"
             mode="widthFix"
           />
           <view v-else></view>
@@ -238,7 +238,7 @@ onShareTimeline(() => {
         <view :class="data.weeksCheckIn[2] ? 'checked' : ''">
           <image
             v-if="data.weeksCheckIn[2]"
-            src="../static/checked-green2.png"
+            src="https://static.shelingxingqiu.com/shootmini/static/checked-green2.png"
             mode="widthFix"
           />
           <view v-else></view>
@@ -247,7 +247,7 @@ onShareTimeline(() => {
         <view :class="data.weeksCheckIn[3] ? 'checked' : ''">
           <image
             v-if="data.weeksCheckIn[3]"
-            src="../static/checked-green2.png"
+            src="https://static.shelingxingqiu.com/shootmini/static/checked-green2.png"
             mode="widthFix"
           />
           <view v-else></view>
@@ -256,7 +256,7 @@ onShareTimeline(() => {
         <view :class="data.weeksCheckIn[4] ? 'checked' : ''">
           <image
             v-if="data.weeksCheckIn[4]"
-            src="../static/checked-green2.png"
+            src="https://static.shelingxingqiu.com/shootmini/static/checked-green2.png"
             mode="widthFix"
           />
           <view v-else></view>
@@ -265,7 +265,7 @@ onShareTimeline(() => {
         <view :class="data.weeksCheckIn[5] ? 'checked' : ''">
           <image
             v-if="data.weeksCheckIn[5]"
-            src="../static/checked-green2.png"
+            src="https://static.shelingxingqiu.com/shootmini/static/checked-green2.png"
             mode="widthFix"
           />
           <view v-else></view>
@@ -274,7 +274,7 @@ onShareTimeline(() => {
         <view :class="data.weeksCheckIn[6] ? 'checked' : ''">
           <image
             v-if="data.weeksCheckIn[6]"
-            src="../static/checked-green2.png"
+            src="https://static.shelingxingqiu.com/shootmini/static/checked-green2.png"
             mode="widthFix"
           />
           <view v-else></view>
@@ -330,16 +330,16 @@ onShareTimeline(() => {
           </view>
           <view>
             <button hover-class="none" @click="$clickSound(toRecordPage)" class="image-btn">
-              <image src="../static/record-btn.png" mode="widthFix" />
+              <image src="https://static.shelingxingqiu.com/shootmini/static/record-btn.png" mode="widthFix" />
             </button>
             <button hover-class="none" @click="$clickSound(startScoring)" class="image-btn">
-              <image src="../static/start-scoring.png" mode="widthFix" />
+              <image src="https://static.shelingxingqiu.com/shootmini/static/start-scoring.png" mode="widthFix" />
             </button>
           </view>
         </view>
       </view>
       <view class="title" :style="{ marginBottom: 0 }">
-        <image src="../static/point-book-title1.png" mode="widthFix" />
+        <image src="https://static.shelingxingqiu.com/shootmini/static/point-book-title1.png" mode="widthFix" />
       </view>
       <image
         src="https://static.shelingxingqiu.com/attachment/2025-12-31/dfc9dxrpyf4exh4rhd.png"
@@ -379,7 +379,7 @@ onShareTimeline(() => {
       </view>
       <RingBarChart :data="data.ringRate" v-if="user.id" />
       <view class="title" v-if="user.id">
-        <image src="../static/point-book-title2.png" mode="widthFix" />
+        <image src="https://static.shelingxingqiu.com/shootmini/static/point-book-title2.png" mode="widthFix" />
       </view>
       <view class="top-list">
         <view class="rank-title-bar">
@@ -397,7 +397,7 @@ onShareTimeline(() => {
         :style="{ marginBottom: isIOS ? '10rpx' : 0 }"
       >
         <text>查看完整榜单</text>
-        <image src="../static/enter-arrow-blue.png" mode="widthFix" />
+        <image src="https://static.shelingxingqiu.com/shootmini/static/enter-arrow-blue.png" mode="widthFix" />
       </view>
     </view>
     <Signin
diff --git a/src/pages/rank-list.vue b/src/pages/rank-list.vue
index 743a8d3..d8bba51 100644
--- a/src/pages/rank-list.vue
+++ b/src/pages/rank-list.vue
@@ -356,7 +356,7 @@ const measureTabsMetrics = () => {
         mode="widthFix"
       />
       <navigator open-type="navigateBack">
-        <image class="header-back" src="../static/back.png" mode="widthFix" />
+        <image class="header-back" src="https://static.shelingxingqiu.com/shootmini/static/back.png" mode="widthFix" />
       </navigator>
       <text :style="{ opacity: addBg ? 1 : 0 }">本赛季排行榜</text>
     </view>
@@ -415,37 +415,37 @@ const measureTabsMetrics = () => {
           <image
             v-if="index === 0"
             class="player-bg"
-            src="../static/melee-player-bg1.png"
+            src="https://static.shelingxingqiu.com/shootmini/static/melee-player-bg1.png"
             mode="aspectFill"
           />
           <image
             v-if="index === 1"
             class="player-bg"
-            src="../static/melee-player-bg2.png"
+            src="https://static.shelingxingqiu.com/shootmini/static/melee-player-bg2.png"
             mode="aspectFill"
           />
           <image
             v-if="index === 2"
             class="player-bg"
-            src="../static/melee-player-bg3.png"
+            src="https://static.shelingxingqiu.com/shootmini/static/melee-player-bg3.png"
             mode="aspectFill"
           />
           <image
             v-if="index === 0"
             class="player-crown"
-            src="../static/champ1.png"
+            src="https://static.shelingxingqiu.com/shootmini/static/champ1.png"
             mode="widthFix"
           />
           <image
             v-if="index === 1"
             class="player-crown"
-            src="../static/champ2.png"
+            src="https://static.shelingxingqiu.com/shootmini/static/champ2.png"
             mode="widthFix"
           />
           <image
             v-if="index === 2"
             class="player-crown"
-            src="../static/champ3.png"
+            src="https://static.shelingxingqiu.com/shootmini/static/champ3.png"
             mode="widthFix"
           />
           <view v-if="index > 2" class="view-crown">
diff --git a/src/pages/ranking.vue b/src/pages/ranking.vue
index ef5057e..f1225c7 100644
--- a/src/pages/ranking.vue
+++ b/src/pages/ranking.vue
@@ -331,27 +331,27 @@ onShow(async () => {
           <image class="star" src="https://static.shelingxingqiu.com/shootmini/static/rank/star.png" mode="widthFix" />
         </view>
         <image
-          src="../static/rank/battle1v1.svg"
+          src="https://static.shelingxingqiu.com/shootmini/static/rank/battle1v1.svg"
           mode="widthFix"
           @click.stop="$clickSound(() => toMatchPage(1, 2))"
         />
         <image
-          src="../static/rank/battle2v2.svg"
+          src="https://static.shelingxingqiu.com/shootmini/static/rank/battle2v2.svg"
           mode="widthFix"
           @click.stop="$clickSound(() => toMatchPage(2, 4))"
         />
         <image
-          src="../static/rank/battle3v3.svg"
+          src="https://static.shelingxingqiu.com/shootmini/static/rank/battle3v3.svg"
           mode="widthFix"
           @click.stop="$clickSound(() => toMatchPage(3, 6))"
         />
         <image
-          src="../static/rank/battle5.svg"
+          src="https://static.shelingxingqiu.com/shootmini/static/rank/battle5.svg"
           mode="widthFix"
           @click.stop="$clickSound(() => toMatchPage(4, 5))"
         />
         <image
-          src="../static/rank/battle10.svg"
+          src="https://static.shelingxingqiu.com/shootmini/static/rank/battle10.svg"
           mode="widthFix"
           @click.stop="$clickSound(() => toMatchPage(5, 10))"
         />
@@ -390,7 +390,7 @@ onShow(async () => {
             <image
               class="triangle-icon"
               v-show="seasonData.length > 1"
-              src="../static/rank/triangle.png"
+              src="https://static.shelingxingqiu.com/shootmini/static/rank/triangle.png"
               mode="widthFix"
             />
             <view class="season-list" v-if="showSeasonList">
@@ -410,7 +410,7 @@ onShow(async () => {
                 </text>
                 <image
                   v-if="item.seasonName === seasonName"
-                  src="../static/rank/triangle.png"
+                  src="https://static.shelingxingqiu.com/shootmini/static/rank/triangle.png"
                   mode="widthFix"
                 />
               </view>
@@ -437,7 +437,7 @@ onShow(async () => {
             </text>
           </view>
           <view class="my-rank-score">
-            <image src="../static/rank/bubble-tip.png" mode="widthFix" />
+            <image src="https://static.shelingxingqiu.com/shootmini/static/rank/bubble-tip.png" mode="widthFix" />
             <text>积分：{{ seasonStats.score }}</text>
           </view>
         </view>
@@ -500,7 +500,7 @@ onShow(async () => {
           查看我的比赛记录
           <image
             style="width: 30rpx; vertical-align: -2px"
-            src="../static/enter.png"
+            src="https://static.shelingxingqiu.com/shootmini/static/enter.png"
             mode="widthFix"
           />
         </view>
@@ -531,12 +531,12 @@ onShow(async () => {
           :style="{ backgroundColor: index % 2 === 0 ? '#9898981f' : 'transparent' }"
           class="rank-item"
         >
-          <image v-if="index === 0" src="../static/champ1.png" mode="widthFix" />
-          <image v-if="index === 1" src="../static/champ2.png" mode="widthFix" />
-          <image v-if="index === 2" src="../static/champ3.png" mode="widthFix" />
+          <image v-if="index === 0" src="https://static.shelingxingqiu.com/shootmini/static/champ1.png" mode="widthFix" />
+          <image v-if="index === 1" src="https://static.shelingxingqiu.com/shootmini/static/champ2.png" mode="widthFix" />
+          <image v-if="index === 2" src="https://static.shelingxingqiu.com/shootmini/static/champ3.png" mode="widthFix" />
           <view v-if="index > 2">{{ index + 1 }}</view>
           <image
-            :src="item.avatar || '../static/user-icon.png'"
+            :src="item.avatar || 'https://static.shelingxingqiu.com/shootmini/static/user-icon.png'"
             mode="widthFix"
             :style="{ borderColor: index < 3 ? topThreeColors[index] : '' }"
           />
@@ -560,12 +560,12 @@ onShow(async () => {
           :style="{ backgroundColor: index % 2 === 0 ? '#9898981f' : 'transparent' }"
           class="rank-item"
         >
-          <image v-if="index === 0" src="../static/champ1.png" mode="widthFix" />
-          <image v-if="index === 1" src="../static/champ2.png" mode="widthFix" />
-          <image v-if="index === 2" src="../static/champ3.png" mode="widthFix" />
+          <image v-if="index === 0" src="https://static.shelingxingqiu.com/shootmini/static/champ1.png" mode="widthFix" />
+          <image v-if="index === 1" src="https://static.shelingxingqiu.com/shootmini/static/champ2.png" mode="widthFix" />
+          <image v-if="index === 2" src="https://static.shelingxingqiu.com/shootmini/static/champ3.png" mode="widthFix" />
           <view v-if="index > 2">{{ index + 1 }}</view>
           <image
-            :src="item.avatar || '../static/user-icon.png'"
+            :src="item.avatar || 'https://static.shelingxingqiu.com/shootmini/static/user-icon.png'"
             mode="widthFix"
             :style="{ borderColor: index < 3 ? topThreeColors[index] : '' }"
           />
@@ -589,12 +589,12 @@ onShow(async () => {
           :style="{ backgroundColor: index % 2 === 0 ? '#9898981f' : 'transparent' }"
           class="rank-item"
         >
-          <image v-if="index === 0" src="../static/champ1.png" mode="widthFix" />
-          <image v-if="index === 1" src="../static/champ2.png" mode="widthFix" />
-          <image v-if="index === 2" src="../static/champ3.png" mode="widthFix" />
+          <image v-if="index === 0" src="https://static.shelingxingqiu.com/shootmini/static/champ1.png" mode="widthFix" />
+          <image v-if="index === 1" src="https://static.shelingxingqiu.com/shootmini/static/champ2.png" mode="widthFix" />
+          <image v-if="index === 2" src="https://static.shelingxingqiu.com/shootmini/static/champ3.png" mode="widthFix" />
           <view v-if="index > 2">{{ index + 1 }}</view>
           <image
-            :src="item.avatar || '../static/user-icon.png'"
+            :src="item.avatar || 'https://static.shelingxingqiu.com/shootmini/static/user-icon.png'"
             mode="widthFix"
             :style="{ borderColor: index < 3 ? topThreeColors[index] : '' }"
           />
diff --git a/src/pages/team-battle/components/Avatar.vue b/src/pages/team-battle/components/Avatar.vue
index c5ba5bb..210046f 100644
--- a/src/pages/team-battle/components/Avatar.vue
+++ b/src/pages/team-battle/components/Avatar.vue
@@ -59,25 +59,25 @@ watch(
     />
     <image
       v-if="rank === 1"
-      src="../../../static/champ1.png"
+      src="https://static.shelingxingqiu.com/shootmini/static/champ1.png"
       mode="widthFix"
       class="avatar-rank"
     />
     <image
       v-if="rank === 2"
-      src="../../../static/champ2.png"
+      src="https://static.shelingxingqiu.com/shootmini/static/champ2.png"
       mode="widthFix"
       class="avatar-rank"
     />
     <image
       v-if="rank === 3"
-      src="../../../static/champ3.png"
+      src="https://static.shelingxingqiu.com/shootmini/static/champ3.png"
       mode="widthFix"
       class="avatar-rank"
     />
     <view v-if="rank > 3" class="rank-view">{{ rank }}</view>
     <image
-      :src="src || '../../../static/user-icon.png'"
+      :src="src || 'https://static.shelingxingqiu.com/shootmini/static/user-icon.png'"
       mode="widthFix"
       :style="{
         width: size + 'px',
diff --git a/src/pages/team-battle/components/BackToGame.vue b/src/pages/team-battle/components/BackToGame.vue
index 12a432e..5026772 100644
--- a/src/pages/team-battle/components/BackToGame.vue
+++ b/src/pages/team-battle/components/BackToGame.vue
@@ -104,7 +104,7 @@ onBeforeUnmount(() => {
     <block v-else-if="game.roomID">
       <text>返回房间</text>
     </block>
-    <image src="../../../static/back.png" mode="widthFix" />
+    <image src="https://static.shelingxingqiu.com/shootmini/static/back.png" mode="widthFix" />
   </view>
 </template>
 
diff --git a/src/pages/team-battle/components/BattleHeader.vue b/src/pages/team-battle/components/BattleHeader.vue
index 05f8d7d..9a6fe8b 100644
--- a/src/pages/team-battle/components/BattleHeader.vue
+++ b/src/pages/team-battle/components/BattleHeader.vue
@@ -72,7 +72,7 @@ const isMember = (player = {}) => player.vip === true || player.sVip === true;
         </view>
         <image
           v-if="winner === 1"
-          src="../../../static/winner-badge.png"
+          src="https://static.shelingxingqiu.com/shootmini/static/winner-badge.png"
           mode="widthFix"
           class="left-winner-badge"
         />
@@ -100,7 +100,7 @@ const isMember = (player = {}) => player.vip === true || player.sVip === true;
         </view>
         <image
           v-if="winner === 2"
-          src="../../../static/winner-badge.png"
+          src="https://static.shelingxingqiu.com/shootmini/static/winner-badge.png"
           mode="widthFix"
           class="right-winner-badge"
         />
diff --git a/src/pages/team-battle/components/BowPower.vue b/src/pages/team-battle/components/BowPower.vue
index 401199a..d72d6c9 100644
--- a/src/pages/team-battle/components/BowPower.vue
+++ b/src/pages/team-battle/components/BowPower.vue
@@ -1,44 +1,15 @@
 <script setup>
-import { ref, onMounted, onBeforeUnmount } from "vue";
-import { getDeviceBatteryAPI } from "@/apis";
+import useStore from "@/store";
+import { storeToRefs } from "pinia";
 
-const power = ref(0);
-const timer = ref(null);
-let disposed = false;
-let requestInFlight = false;
-
-const refreshPower = async () => {
-  if (disposed || requestInFlight) return;
-  requestInFlight = true;
-  try {
-    const data = await getDeviceBatteryAPI();
-    if (!disposed) power.value = data.battery;
-  } catch (_) {
-    // 电量轮询失败时等待下一轮，避免产生未处理的 Promise 拒绝。
-  } finally {
-    requestInFlight = false;
-  }
-};
-
-onMounted(async () => {
-  await refreshPower();
-  if (disposed) return;
-  timer.value = setInterval(() => {
-    void refreshPower();
-  }, 1000 * 10);
-});
-
-onBeforeUnmount(() => {
-  disposed = true;
-  clearInterval(timer.value);
-  timer.value = null;
-});
+const store = useStore();
+const { deviceBattery: power } = storeToRefs(store);
 </script>
 
 <template>
   <view class="container">
-    <image src="../../../static/b-power.png" mode="widthFix" />
-    <view>电量{{ power || 1 }}%</view>
+    <image src="https://static.shelingxingqiu.com/shootmini/static/b-power.png" mode="widthFix" />
+    <view>{{ power === null ? "电量--" : `电量${power}%` }}</view>
   </view>
 </template>
 
diff --git a/src/pages/team-battle/components/BowTarget.vue b/src/pages/team-battle/components/BowTarget.vue
index 28a39da..5d8e3a7 100644
--- a/src/pages/team-battle/components/BowTarget.vue
+++ b/src/pages/team-battle/components/BowTarget.vue
@@ -523,7 +523,7 @@ onBeforeUnmount(() => {
     <view :class="['target', { 'target--shake': targetShaking }]">
       <view v-if="angle !== null" class="arrow-dir" :style="arrowStyle">
         <view :style="{ background: circleColor }">
-          <image src="../../../static/dot-circle.png" mode="widthFix" />
+          <image src="https://static.shelingxingqiu.com/shootmini/static/dot-circle.png" mode="widthFix" />
         </view>
       </view>
       <view v-if="stop" class="stop-sign">中场休息</view>
@@ -568,7 +568,7 @@ onBeforeUnmount(() => {
             !shouldHideRedHit(index)
           "
           class="svip-hit-bg"
-          src="../../../static/vip/svip-xuan.png"
+          src="https://static.shelingxingqiu.com/shootmini/static/vip/svip-xuan.png"
           :style="getSvipHitBgStyle(bow)"
           mode="aspectFit"
         />
@@ -593,7 +593,7 @@ onBeforeUnmount(() => {
             !shouldHideBlueHit(index)
           "
           class="svip-hit-bg"
-          src="../../../static/vip/svip-xuan.png"
+          src="https://static.shelingxingqiu.com/shootmini/static/vip/svip-xuan.png"
           :style="getSvipHitBgStyle(bow)"
           mode="aspectFit"
         />
diff --git a/src/pages/team-battle/components/Container.vue b/src/pages/team-battle/components/Container.vue
index f6ffeda..0b6d016 100644
--- a/src/pages/team-battle/components/Container.vue
+++ b/src/pages/team-battle/components/Container.vue
@@ -111,7 +111,7 @@ const cancelMatching = async () => {
 const goCalibration = async () => {
   await laserAimAPI();
   uni.navigateTo({
-    url: "/pages/calibration",
+    url: "/pages/device/calibration",
   });
 };
 </script>
diff --git a/src/pages/team-battle/components/Guide.vue b/src/pages/team-battle/components/Guide.vue
index ec77476..c3b65b4 100644
--- a/src/pages/team-battle/components/Guide.vue
+++ b/src/pages/team-battle/components/Guide.vue
@@ -10,8 +10,8 @@ defineProps({
   },
 });
 const bubbleTypes = [
-  "../../../static/long-bubble.png",
-  "../../../static/long-bubble-middle.png",
+  "https://static.shelingxingqiu.com/shootmini/static/long-bubble.png",
+  "https://static.shelingxingqiu.com/shootmini/static/long-bubble-middle.png",
   "https://static.shelingxingqiu.com/shootmini/static/long-bubble-tall.png",
 ];
 </script>
diff --git a/src/pages/team-battle/components/Header.vue b/src/pages/team-battle/components/Header.vue
index 4867093..6fb2409 100644
--- a/src/pages/team-battle/components/Header.vue
+++ b/src/pages/team-battle/components/Header.vue
@@ -108,10 +108,10 @@ onBeforeUnmount(() => {
 <template>
   <view class="container">
     <view class="back-btn" @click="onClick">
-      <image v-if="whiteBackArrow" src="../../../static/back.png" mode="widthFix" />
+      <image v-if="whiteBackArrow" src="https://static.shelingxingqiu.com/shootmini/static/back.png" mode="widthFix" />
       <image
         v-if="!whiteBackArrow"
-        src="../../../static/back-black.png"
+        src="https://static.shelingxingqiu.com/shootmini/static/back-black.png"
         mode="widthFix"
       />
     </view>
@@ -131,12 +131,12 @@ onBeforeUnmount(() => {
           <text class="truncate">{{ user.nickName }}</text>
           <image
             v-if="heat"
-            :src="`../../../static/hot${heat}.png`"
+            :src="`https://static.shelingxingqiu.com/shootmini/static/hot${heat}.png`"
             mode="widthFix"
           />
         </block>
         <block v-else>
-          <image src="../../../static/user-icon.png" mode="widthFix" />
+          <image src="https://static.shelingxingqiu.com/shootmini/static/user-icon.png" mode="widthFix" />
           <text>新来的弓箭手你好呀~</text>
         </block>
       </view>
@@ -203,7 +203,7 @@ onBeforeUnmount(() => {
       :style="battleRoomBtnStyle"
     >
       <text class="battle-room-number__text">房号: {{ game.roomNumber }}</text>
-      <image src="../../../static/share2.png" mode="widthFix" class="battle-room-number__icon" />
+      <image src="https://static.shelingxingqiu.com/shootmini/static/share2.png" mode="widthFix" class="battle-room-number__icon" />
     </button>
   </view>
 </template>
diff --git a/src/pages/team-battle/components/HeaderProgress.vue b/src/pages/team-battle/components/HeaderProgress.vue
index ce1db3e..d075768 100644
--- a/src/pages/team-battle/components/HeaderProgress.vue
+++ b/src/pages/team-battle/components/HeaderProgress.vue
@@ -56,7 +56,7 @@ onBeforeUnmount(() => {
     <text>{{ (tips || "").replace(/你/g, "").replace(/重回/g, "") }}</text>
     <text v-if="totalShot > 0"> ({{ currentShot }}/{{ totalShot }}) </text>
     <button v-if="!!tips" hover-class="none" @click="updateSound">
-      <image :src="`../../../static/sound${sound ? '' : '-off'}-yellow.png`" mode="widthFix" />
+      <image :src="`https://static.shelingxingqiu.com/shootmini/static/sound${sound ? '' : '-off'}-yellow.png`" mode="widthFix" />
     </button>
   </view>
 </template>
diff --git a/src/pages/team-battle/components/SButton.vue b/src/pages/team-battle/components/SButton.vue
index a4d1bcf..811e0dc 100644
--- a/src/pages/team-battle/components/SButton.vue
+++ b/src/pages/team-battle/components/SButton.vue
@@ -69,7 +69,7 @@ const onBtnClick = debounce(async () => {
       <slot />
     </block>
     <block v-else>
-      <image src="../../../static/btn-loading.png" mode="widthFix" class="loading" />
+      <image src="https://static.shelingxingqiu.com/shootmini/static/btn-loading.png" mode="widthFix" class="loading" />
     </block>
   </button>
 </template>
diff --git a/src/pages/team-battle/components/SModal.vue b/src/pages/team-battle/components/SModal.vue
index 3a0ba89..eb11bc1 100644
--- a/src/pages/team-battle/components/SModal.vue
+++ b/src/pages/team-battle/components/SModal.vue
@@ -60,7 +60,7 @@ watch(
         mode="widthFix"
       />
       <view class="close-btn" @click="onClose" v-if="!noBg">
-        <image src="../../../static/close-yellow.png" mode="widthFix" />
+        <image src="https://static.shelingxingqiu.com/shootmini/static/close-yellow.png" mode="widthFix" />
       </view>
       <slot></slot>
     </view>
diff --git a/src/pages/team-battle/components/ScreenHint.vue b/src/pages/team-battle/components/ScreenHint.vue
index d4c49a2..c3d3988 100644
--- a/src/pages/team-battle/components/ScreenHint.vue
+++ b/src/pages/team-battle/components/ScreenHint.vue
@@ -49,7 +49,7 @@ const getContentHeight = () => {
     </view>
     <IconButton
       v-if="!!onClose"
-      src="../../../static/close-gold-outline.png"
+      src="https://static.shelingxingqiu.com/shootmini/static/close-gold-outline.png"
       :width="30"
       :onClick="onClose"
     />
diff --git a/src/pages/team-battle/components/TeamAvatars.vue b/src/pages/team-battle/components/TeamAvatars.vue
index ca80b11..a8219bb 100644
--- a/src/pages/team-battle/components/TeamAvatars.vue
+++ b/src/pages/team-battle/components/TeamAvatars.vue
@@ -80,7 +80,7 @@ watch(
 <template>
   <view class="container">
     <image
-      :src="isRed ? '../../../static/flag-red.png' : '../../../static/flag-blue.png'"
+      :src="isRed ? 'https://static.shelingxingqiu.com/shootmini/static/flag-red.png' : 'https://static.shelingxingqiu.com/shootmini/static/flag-blue.png'"
       class="flag"
       :style="{
         [isRed ? 'left' : 'right']: '10rpx',
@@ -101,7 +101,7 @@ watch(
         [isRed ? 'left' : 'right']: getPos(item.id) + 'rpx',
       }"
     >
-      <image :src="item.avatar || '../../../static/user-icon.png'" mode="widthFix" />
+      <image :src="item.avatar || 'https://static.shelingxingqiu.com/shootmini/static/user-icon.png'" mode="widthFix" />
       <text
         v-if="isFirst(item.id)"
         :style="{ backgroundColor: isRed ? '#ff6060' : '#5fadff' }"
diff --git a/src/pages/team-battle/team-bow-data.vue b/src/pages/team-battle/team-bow-data.vue
index 3b310cd..1a661cc 100644
--- a/src/pages/team-battle/team-bow-data.vue
+++ b/src/pages/team-battle/team-bow-data.vue
@@ -151,7 +151,7 @@ const onClickTab = (index) => {
   min-width: 26%;
 }
 .score-item {
-  background-image: url("../../static/score-bg.png");
+  background-image: url("https://static.shelingxingqiu.com/shootmini/static/score-bg.png");
   background-size: cover;
   background-repeat: no-repeat;
   background-position: center;
diff --git a/src/pages/team-bow-data.vue b/src/pages/team-bow-data.vue
index 70c4da0..b7b5c64 100644
--- a/src/pages/team-bow-data.vue
+++ b/src/pages/team-bow-data.vue
@@ -141,7 +141,7 @@ const onClickTab = (index) => {
   min-width: 26%;
 }
 .score-item {
-  background-image: url("../static/score-bg.png");
+  background-image: url("https://static.shelingxingqiu.com/shootmini/static/score-bg.png");
   background-size: cover;
   background-repeat: no-repeat;
   background-position: center;
diff --git a/src/pages/training/components/BowData.vue b/src/pages/training/components/BowData.vue
index 40118c2..8859f9e 100644
--- a/src/pages/training/components/BowData.vue
+++ b/src/pages/training/components/BowData.vue
@@ -59,7 +59,7 @@ const props = defineProps({
         </view>
       </view>
       <view @click="onClose">
-        <image src="/static/close-white.png" mode="widthFix" />
+        <image src="https://static.shelingxingqiu.com/shootmini/static/close-white.png" mode="widthFix" />
       </view>
     </view>
     <view :style="{ width: '100%', marginBottom: '20px' }">
diff --git a/src/pages/training/components/BowTarget.vue b/src/pages/training/components/BowTarget.vue
index e2771c9..ee3338c 100644
--- a/src/pages/training/components/BowTarget.vue
+++ b/src/pages/training/components/BowTarget.vue
@@ -604,7 +604,7 @@ onBeforeUnmount(() => {
             !shouldHideLatestHit(entry.index)
           "
           class="svip-hit-bg"
-          src="../../../static/vip/svip-xuan.png"
+          src="https://static.shelingxingqiu.com/shootmini/static/vip/svip-xuan.png"
           :style="getSvipHitBgStyle(entry.shot)"
           mode="aspectFit"
         />
diff --git a/src/pages/training/components/BubbleTip.vue b/src/pages/training/components/BubbleTip.vue
index 4fdfdb6..7a61ccd 100644
--- a/src/pages/training/components/BubbleTip.vue
+++ b/src/pages/training/components/BubbleTip.vue
@@ -29,14 +29,14 @@ const props = defineProps({
   font-size: 24rpx;
 }
 .normal {
-  background-image: url("../static/bubble-tip.png");
+  background-image: url("https://static.shelingxingqiu.com/shootmini/static/bubble-tip.png");
   width: 157rpx;
   height: 105rpx;
   padding-top: 10px;
   padding-left: 30rpx;
 }
 .normal2 {
-  background-image: url("../static/bubble-tip4.png");
+  background-image: url("https://static.shelingxingqiu.com/shootmini/static/bubble-tip4.png");
   width: 190rpx;
   height: 105rpx;
   padding-top: 10px;
@@ -46,14 +46,14 @@ const props = defineProps({
   z-index: 1;
 }
 .long {
-  background-image: url("../static/bubble-tip2.png");
+  background-image: url("https://static.shelingxingqiu.com/shootmini/static/bubble-tip2.png");
   width: 370rpx;
   height: 70rpx;
   top: -50%;
   left: 49%;
 }
 .short {
-  background-image: url("../static/bubble-tip3.png");
+  background-image: url("https://static.shelingxingqiu.com/shootmini/static/bubble-tip3.png");
   width: 300rpx;
   height: 70rpx;
   top: -50%;
diff --git a/src/pages/training/components/ScorePanel.vue b/src/pages/training/components/ScorePanel.vue
index f995bd9..c71e68a 100644
--- a/src/pages/training/components/ScorePanel.vue
+++ b/src/pages/training/components/ScorePanel.vue
@@ -28,8 +28,8 @@ const props = defineProps({
 });
 const items = ref(new Array(props.total).fill(9));
 const bgImages = [
-  "../static/complete-light1.png",
-  "../static/complete-light2.png",
+  "https://static.shelingxingqiu.com/shootmini/static/complete-light1.png",
+  "https://static.shelingxingqiu.com/shootmini/static/complete-light2.png",
 ];
 const getDisplayText = (arrow) => {
   if (!arrow) return "-";
diff --git a/src/pages/training/components/ShootProgress.vue b/src/pages/training/components/ShootProgress.vue
index 9b05675..b5232a8 100644
--- a/src/pages/training/components/ShootProgress.vue
+++ b/src/pages/training/components/ShootProgress.vue
@@ -236,7 +236,7 @@ const displayName = computed(() => {
 });
 
 const avatarSrc = computed(() => {
-  return user.value?.avatar || "/static/shooter2.png";
+  return user.value?.avatar || "https://static.shelingxingqiu.com/shootmini/static/shooter2.png";
 });
 
 watch(
@@ -631,7 +631,7 @@ onBeforeUnmount(() => {
       <!-- <button class="progress-card__sound" hover-class="none" @click="updateSound">
         <image
           class="progress-card__sound-icon"
-          :src="`/static/sound${sound ? '' : '-off'}-yellow.png`"
+          :src="`https://static.shelingxingqiu.com/shootmini/static/sound${sound ? '' : '-off'}-yellow.png`"
           mode="aspectFit"
         />
       </button> -->
diff --git a/src/pages/training/components/TestDistance.vue b/src/pages/training/components/TestDistance.vue
index e38f095..cbafb3a 100644
--- a/src/pages/training/components/TestDistance.vue
+++ b/src/pages/training/components/TestDistance.vue
@@ -162,7 +162,7 @@ onBeforeUnmount(() => {
       </view>
     </view>
     <view v-if="isBattle" class="ready-timer">
-      <image src="../../../static/test-tip.png" mode="widthFix" />
+      <image src="https://static.shelingxingqiu.com/shootmini/static/test-tip.png" mode="widthFix" />
       <view v-if="count >= 0">
         <text>距离正式比赛还有</text>
         <text>{{ count }}</text>
diff --git a/src/pages/training/practise-one.vue b/src/pages/training/practise-one.vue
index 3dbb376..afb5175 100644
--- a/src/pages/training/practise-one.vue
+++ b/src/pages/training/practise-one.vue
@@ -1918,7 +1918,7 @@ onBeforeUnmount(() => {
             <button class="sound-btn" hover-class="none" @click="updateSound">
               <image
                 class="sound-icon"
-                :src="`/static/sound${sound ? '' : '-off'}-yellow.png`"
+                :src="`https://static.shelingxingqiu.com/shootmini/static/sound${sound ? '' : '-off'}-yellow.png`"
                 mode="aspectFit"
               />
             </button>
diff --git a/src/pages/user.vue b/src/pages/user.vue
index 1e7cdba..1aaef37 100644
--- a/src/pages/user.vue
+++ b/src/pages/user.vue
@@ -130,7 +130,7 @@ const buildVersion = typeof __BUILD_TIME__ !== 'undefined' ? __BUILD_TIME__ : ''
           title="我的金币"
           :onClick="toCoinPage"
         />
-        <UserItem title="会员" :onClick="toBeVipPage">
+        <!-- <UserItem title="会员" :onClick="toBeVipPage">
           <view
             v-if="user.sVip === true"
             class="member-nickname member-nickname--svip"
@@ -145,7 +145,7 @@ const buildVersion = typeof __BUILD_TIME__ !== 'undefined' ? __BUILD_TIME__ : ''
             <text class="member-nickname__text">已开通VIP</text>
           </view>
           <text v-else>未开通</text>
-        </UserItem>
+        </UserItem> -->
         <UserItem title="等级介绍" :onClick="toGradeIntroPage">
           <text :style="{ color: '#4C76FF' }">Lv{{ user.lvl }}</text>
           <text
diff --git a/src/static/device-assets/device-already-bound-hero.png b/src/static/device-assets/device-already-bound-hero.png
new file mode 100644
index 0000000..425e4c8
Binary files /dev/null and b/src/static/device-assets/device-already-bound-hero.png differ
diff --git a/src/static/device-assets/device-bind-failure-hero.png b/src/static/device-assets/device-bind-failure-hero.png
new file mode 100644
index 0000000..9f23d3d
Binary files /dev/null and b/src/static/device-assets/device-bind-failure-hero.png differ
diff --git a/src/static/device-assets/device-bind-success-confetti.png b/src/static/device-assets/device-bind-success-confetti.png
new file mode 100644
index 0000000..df398ee
Binary files /dev/null and b/src/static/device-assets/device-bind-success-confetti.png differ
diff --git a/src/static/device-assets/device-bind-success-hero-first.png b/src/static/device-assets/device-bind-success-hero-first.png
new file mode 100644
index 0000000..2fa5898
Binary files /dev/null and b/src/static/device-assets/device-bind-success-hero-first.png differ
diff --git a/src/static/device-assets/device-bind-success-hero-nonfirst.png b/src/static/device-assets/device-bind-success-hero-nonfirst.png
new file mode 100644
index 0000000..b0ad3a9
Binary files /dev/null and b/src/static/device-assets/device-bind-success-hero-nonfirst.png differ
diff --git a/src/static/device-assets/device-bind-success-reward-gift.png b/src/static/device-assets/device-bind-success-reward-gift.png
new file mode 100644
index 0000000..83d619c
Binary files /dev/null and b/src/static/device-assets/device-bind-success-reward-gift.png differ
diff --git a/src/static/device-assets/device-bind-success-title.png b/src/static/device-assets/device-bind-success-title.png
new file mode 100644
index 0000000..c12b0d7
Binary files /dev/null and b/src/static/device-assets/device-bind-success-title.png differ
diff --git a/src/static/device-assets/device-help.png b/src/static/device-assets/device-help.png
new file mode 100644
index 0000000..8fe1879
Binary files /dev/null and b/src/static/device-assets/device-help.png differ
diff --git a/src/static/device-assets/my-device-unbound-background.png b/src/static/device-assets/my-device-unbound-background.png
new file mode 100644
index 0000000..4222faf
Binary files /dev/null and b/src/static/device-assets/my-device-unbound-background.png differ
diff --git a/src/static/device-assets/my-device-unbound-help.png b/src/static/device-assets/my-device-unbound-help.png
new file mode 100644
index 0000000..8fe1879
Binary files /dev/null and b/src/static/device-assets/my-device-unbound-help.png differ
diff --git a/src/static/device-assets/my-device-unbound-product.png b/src/static/device-assets/my-device-unbound-product.png
new file mode 100644
index 0000000..c1335f2
Binary files /dev/null and b/src/static/device-assets/my-device-unbound-product.png differ
diff --git a/src/static/device-assets/my-device-unbound-qr-sample.png b/src/static/device-assets/my-device-unbound-qr-sample.png
new file mode 100644
index 0000000..be04d25
Binary files /dev/null and b/src/static/device-assets/my-device-unbound-qr-sample.png differ
diff --git a/src/static/device-assets/my-device-unbound-scan-tip.png b/src/static/device-assets/my-device-unbound-scan-tip.png
new file mode 100644
index 0000000..d5d0f65
Binary files /dev/null and b/src/static/device-assets/my-device-unbound-scan-tip.png differ
diff --git a/src/static/device-assets/my-device-unbound-scan.png b/src/static/device-assets/my-device-unbound-scan.png
new file mode 100644
index 0000000..f3aeacc
Binary files /dev/null and b/src/static/device-assets/my-device-unbound-scan.png differ
diff --git a/src/static/device-assets/ota-bind-success.png b/src/static/device-assets/ota-bind-success.png
new file mode 100644
index 0000000..aa95e5e
Binary files /dev/null and b/src/static/device-assets/ota-bind-success.png differ
diff --git a/src/static/device-assets/ota-bind.png b/src/static/device-assets/ota-bind.png
new file mode 100644
index 0000000..a925a26
Binary files /dev/null and b/src/static/device-assets/ota-bind.png differ
diff --git a/src/static/device-assets/ota-calibration-tip.png b/src/static/device-assets/ota-calibration-tip.png
new file mode 100644
index 0000000..d5d0f65
Binary files /dev/null and b/src/static/device-assets/ota-calibration-tip.png differ
diff --git a/src/static/device-assets/ota-enter-arrow-blue.png b/src/static/device-assets/ota-enter-arrow-blue.png
new file mode 100644
index 0000000..18ed17d
Binary files /dev/null and b/src/static/device-assets/ota-enter-arrow-blue.png differ
diff --git a/src/static/device-assets/ota-no-device.png b/src/static/device-assets/ota-no-device.png
new file mode 100644
index 0000000..830a936
Binary files /dev/null and b/src/static/device-assets/ota-no-device.png differ
diff --git a/src/static/device-assets/ota-scan-tip.png b/src/static/device-assets/ota-scan-tip.png
new file mode 100644
index 0000000..d5d0f65
Binary files /dev/null and b/src/static/device-assets/ota-scan-tip.png differ
diff --git a/src/static/device-assets/ota-user-icon.png b/src/static/device-assets/ota-user-icon.png
new file mode 100644
index 0000000..1d4350c
Binary files /dev/null and b/src/static/device-assets/ota-user-icon.png differ
diff --git a/src/static/device-assets/wifi-location.png b/src/static/device-assets/wifi-location.png
new file mode 100644
index 0000000..21f1ae4
Binary files /dev/null and b/src/static/device-assets/wifi-location.png differ
diff --git a/src/static/device-charging.png b/src/static/device-charging.png
new file mode 100644
index 0000000..791b7d9
Binary files /dev/null and b/src/static/device-charging.png differ
diff --git a/src/static/home-device/device-action-bg--bind.png b/src/static/home-device/device-action-bg--bind.png
new file mode 100644
index 0000000..021b20f
Binary files /dev/null and b/src/static/home-device/device-action-bg--bind.png differ
diff --git a/src/static/home-device/device-action-bg--device.png b/src/static/home-device/device-action-bg--device.png
new file mode 100644
index 0000000..5e8da2e
Binary files /dev/null and b/src/static/home-device/device-action-bg--device.png differ
diff --git a/src/static/home-device/device-action-bind-icon.png b/src/static/home-device/device-action-bind-icon.png
new file mode 100644
index 0000000..6777f33
Binary files /dev/null and b/src/static/home-device/device-action-bind-icon.png differ
diff --git a/src/static/home-device/device-action-calibration.png b/src/static/home-device/device-action-calibration.png
new file mode 100644
index 0000000..6bd966a
Binary files /dev/null and b/src/static/home-device/device-action-calibration.png differ
diff --git a/src/static/home-device/device-action-firmware.png b/src/static/home-device/device-action-firmware.png
new file mode 100644
index 0000000..2c96daf
Binary files /dev/null and b/src/static/home-device/device-action-firmware.png differ
diff --git a/src/static/home-device/device-action-intro.png b/src/static/home-device/device-action-intro.png
new file mode 100644
index 0000000..a81cd2a
Binary files /dev/null and b/src/static/home-device/device-action-intro.png differ
diff --git a/src/static/home-device/device-action-qrcode.png b/src/static/home-device/device-action-qrcode.png
new file mode 100644
index 0000000..7e5fbae
Binary files /dev/null and b/src/static/home-device/device-action-qrcode.png differ
diff --git a/src/static/home-device/device-action-wifi.png b/src/static/home-device/device-action-wifi.png
new file mode 100644
index 0000000..438927f
Binary files /dev/null and b/src/static/home-device/device-action-wifi.png differ
diff --git a/src/static/home-device/device-bow--offline.png b/src/static/home-device/device-bow--offline.png
new file mode 100644
index 0000000..411cf13
Binary files /dev/null and b/src/static/home-device/device-bow--offline.png differ
diff --git a/src/static/home-device/device-bow--online.png b/src/static/home-device/device-bow--online.png
new file mode 100644
index 0000000..867f7b6
Binary files /dev/null and b/src/static/home-device/device-bow--online.png differ
diff --git a/src/static/home-device/device-bow--unbound.png b/src/static/home-device/device-bow--unbound.png
new file mode 100644
index 0000000..19ed666
Binary files /dev/null and b/src/static/home-device/device-bow--unbound.png differ
diff --git a/src/static/home-device/device-bow.png b/src/static/home-device/device-bow.png
new file mode 100644
index 0000000..d94ea85
Binary files /dev/null and b/src/static/home-device/device-bow.png differ
diff --git a/src/static/home-device/device-card-bg--bound.png b/src/static/home-device/device-card-bg--bound.png
new file mode 100644
index 0000000..a16d204
Binary files /dev/null and b/src/static/home-device/device-card-bg--bound.png differ
diff --git a/src/static/home-device/device-card-bg--unbound.png b/src/static/home-device/device-card-bg--unbound.png
new file mode 100644
index 0000000..673c250
Binary files /dev/null and b/src/static/home-device/device-card-bg--unbound.png differ
diff --git a/src/static/home-device/device-edit.png b/src/static/home-device/device-edit.png
new file mode 100644
index 0000000..1ba518d
Binary files /dev/null and b/src/static/home-device/device-edit.png differ
diff --git a/src/static/home-device/device-id-hidden.png b/src/static/home-device/device-id-hidden.png
new file mode 100644
index 0000000..17eb29d
Binary files /dev/null and b/src/static/home-device/device-id-hidden.png differ
diff --git a/src/static/home-device/device-id-visible.png b/src/static/home-device/device-id-visible.png
new file mode 100644
index 0000000..cf3099c
Binary files /dev/null and b/src/static/home-device/device-id-visible.png differ
diff --git a/src/static/home-device/device-name-confirm.png b/src/static/home-device/device-name-confirm.png
new file mode 100644
index 0000000..29d2e84
Binary files /dev/null and b/src/static/home-device/device-name-confirm.png differ
diff --git a/src/static/home-device/device-name-mascot.png b/src/static/home-device/device-name-mascot.png
new file mode 100644
index 0000000..8829e06
Binary files /dev/null and b/src/static/home-device/device-name-mascot.png differ
diff --git a/src/static/home-device/device-platform-glow--online.png b/src/static/home-device/device-platform-glow--online.png
new file mode 100644
index 0000000..a16d204
Binary files /dev/null and b/src/static/home-device/device-platform-glow--online.png differ
diff --git a/src/static/home-device/device-platform.png b/src/static/home-device/device-platform.png
new file mode 100644
index 0000000..54ec0fb
Binary files /dev/null and b/src/static/home-device/device-platform.png differ
diff --git a/src/static/home-device/device-state-battery.png b/src/static/home-device/device-state-battery.png
new file mode 100644
index 0000000..29bd1c7
Binary files /dev/null and b/src/static/home-device/device-state-battery.png differ
diff --git a/src/static/home-device/device-state-dot--offline.png b/src/static/home-device/device-state-dot--offline.png
new file mode 100644
index 0000000..30cc493
Binary files /dev/null and b/src/static/home-device/device-state-dot--offline.png differ
diff --git a/src/static/home-device/device-state-dot--online.png b/src/static/home-device/device-state-dot--online.png
new file mode 100644
index 0000000..96938f8
Binary files /dev/null and b/src/static/home-device/device-state-dot--online.png differ
diff --git a/src/static/home-device/device-state-refresh.png b/src/static/home-device/device-state-refresh.png
new file mode 100644
index 0000000..9dd1d7b
Binary files /dev/null and b/src/static/home-device/device-state-refresh.png differ
diff --git a/src/static/home-device/device-unbind.png b/src/static/home-device/device-unbind.png
new file mode 100644
index 0000000..fe5823e
Binary files /dev/null and b/src/static/home-device/device-unbind.png differ
diff --git a/src/store.js b/src/store.js
index a348202..3774d66 100644
--- a/src/store.js
+++ b/src/store.js
@@ -5,7 +5,7 @@ const PERSISTED_STORE_KEY = "store";
 const defaultUser = {
   id: "",
   nickName: "",
-  avatar: "../static/user-icon.png",
+  avatar: "https://static.shelingxingqiu.com/shootmini/static/user-icon.png",
   trio: 0, // 大于1表示完成了新手引导
   lvlName: "",
 };
@@ -17,6 +17,21 @@ const getDefaultDevice = () => ({
   deviceName: "",
 });
 
+const getDefaultDeviceStatus = () => ({
+  battery: null,
+  charging: false,
+  version: "",
+  online: false,
+  netType: "",
+  onlineDuration: null,
+  receivedAt: 0,
+});
+
+const getDefaultDeviceUsageDuration = () => ({
+  deviceId: "",
+  seconds: null,
+});
+
 const getDefaultGame = () => ({
   roomID: "",
   inBattle: false,
@@ -100,6 +115,12 @@ export default defineStore("store", {
       ringRank: [],
     },
     online: false,
+    // 设备电量属于运行时状态，null 表示当前没有有效数据。
+    deviceBattery: null,
+    // WebSocket 实时推送的设备状态，不参与持久化。
+    deviceStatus: getDefaultDeviceStatus(),
+    // 按设备记录本次运行期间已知的最大累计使用时长，离线时保持数值不回退。
+    deviceUsageDuration: getDefaultDeviceUsageDuration(),
     game: {
       roomID: "",
       inBattle: false,
@@ -134,7 +155,77 @@ export default defineStore("store", {
       this.rankData = { ...(data || {}) };
     },
     updateOnline(online) {
+      this.setDeviceOnline(online);
+    },
+    updateDeviceBattery(value) {
+      if (value === null || value === undefined || value === "") {
+        this.deviceBattery = null;
+        return;
+      }
+
+      const battery = Number(value);
+      this.deviceBattery = Number.isFinite(battery)
+        ? Math.min(100, Math.max(0, battery))
+        : null;
+    },
+    updateDeviceStatus(status = {}) {
+      const battery = Number(status.battery ?? status.power);
+      const onlineDuration = Number(status.onlineDuration);
+      const online = status.online === true;
+      const nextStatus = {
+        battery: Number.isFinite(battery)
+          ? Math.min(100, Math.max(0, battery))
+          : null,
+        charging: status.charging === true,
+        version: String(status.version ?? "").trim(),
+        online,
+        netType: String(status.netType ?? "").trim().toLowerCase(),
+        onlineDuration:
+          Number.isFinite(onlineDuration) && onlineDuration >= 0
+            ? onlineDuration
+            : null,
+        receivedAt: Date.now(),
+      };
+
+      this.deviceStatus = nextStatus;
       this.online = online;
+      this.deviceBattery = online ? nextStatus.battery : null;
+      this.updateDeviceUsageDuration(nextStatus.onlineDuration);
+    },
+    updateDeviceUsageDuration(value, deviceId = this.device.deviceId) {
+      if (value === null || value === undefined || String(value).trim() === "") return;
+
+      const seconds = Number(value);
+      const normalizedDeviceId = String(deviceId || "");
+      if (!normalizedDeviceId || !Number.isFinite(seconds) || seconds < 0) return;
+
+      const cachedDeviceId = String(this.deviceUsageDuration.deviceId || "");
+      const cachedSeconds = Number(this.deviceUsageDuration.seconds);
+      this.deviceUsageDuration = {
+        deviceId: normalizedDeviceId,
+        seconds:
+          cachedDeviceId === normalizedDeviceId && Number.isFinite(cachedSeconds)
+            ? Math.max(cachedSeconds, seconds)
+            : seconds,
+      };
+    },
+    clearDeviceUsageDuration() {
+      this.deviceUsageDuration = getDefaultDeviceUsageDuration();
+    },
+    setDeviceOnline(online) {
+      const nextOnline = online === true;
+      this.online = nextOnline;
+      if (nextOnline) {
+        this.deviceStatus = { ...this.deviceStatus, online: true };
+        return;
+      }
+      this.deviceBattery = null;
+      this.deviceStatus = getDefaultDeviceStatus();
+    },
+    clearDeviceStatus() {
+      this.online = false;
+      this.deviceBattery = null;
+      this.deviceStatus = getDefaultDeviceStatus();
     },
     async updateUser(user = {}) {
       this.user = { ...getDefaultUser(), ...user };
@@ -145,12 +236,17 @@ export default defineStore("store", {
       );
     },
     updateDevice(deviceId, deviceName) {
+      if (String(this.device.deviceId || "") !== String(deviceId || "")) {
+        this.clearDeviceStatus();
+        this.clearDeviceUsageDuration();
+      }
       this.device.deviceId = deviceId;
       this.device.deviceName = deviceName;
     },
     clearDevice() {
       this.device = getDefaultDevice();
-      this.online = false;
+      this.clearDeviceStatus();
+      this.clearDeviceUsageDuration();
     },
     async updateConfig(config) {
       this.config = config;
@@ -199,6 +295,9 @@ export default defineStore("store", {
         user: getDefaultUser(),
         device: getDefaultDevice(),
         online: false,
+        deviceBattery: null,
+        deviceStatus: getDefaultDeviceStatus(),
+        deviceUsageDuration: getDefaultDeviceUsageDuration(),
         game: getDefaultGame(),
         dailyCount: getDefaultDailyCount(),
         deviceChargingDialogVisible: false,
diff --git a/src/websocket.js b/src/websocket.js
index 77bd29a..9ac894b 100644
--- a/src/websocket.js
+++ b/src/websocket.js
@@ -77,19 +77,38 @@ function createWebSocket(token, onMessage) {
   socketTask.onMessage((res) => {
     if (socket !== socketTask) return;
 
-    const { data, event } = JSON.parse(res.data);
+    let response;
+    try {
+      response = JSON.parse(res.data);
+    } catch (err) {
+      console.error("WebSocket 消息解析失败", err);
+      return;
+    }
+
+    const { data, event, code, timestamp } = response || {};
     if (event === "pong") return;
-    if (!data || typeof data !== "object") return;
-    if (data.type) {
+    const passthroughEvents = [
+      "/addons/shoot/battery",
+      "/addons/shoot/otaProgress",
+      "/addons/shoot/otaResult",
+    ];
+    if (passthroughEvents.includes(event)) {
+      if ((code == null || Number(code) === 0) && onMessage && data && typeof data === "object") {
+        onMessage({ event, data, code, timestamp });
+      }
+      return;
+    }
+    if (data?.type) {
       if (ENABLE_REALTIME_MESSAGE_LOG) {
         console.log("收到 WebSocket 消息", getMessageTypeName(data.type));
       }
       if (onMessage) onMessage({ ...(data.data || {}), type: data.type });
       return;
     }
-    if (!Array.isArray(data.updates)) return;
-    if (onMessage) onMessage(data.updates);
-    const msg = data.updates[0];
+    const updates = Array.isArray(data?.updates) ? data.updates : [];
+    if (!updates.length) return;
+    if (onMessage) onMessage(updates);
+    const msg = updates[0];
     if (msg) {
       if (ENABLE_REALTIME_MESSAGE_LOG) {
         console.log(
@@ -103,9 +122,9 @@ function createWebSocket(token, onMessage) {
       } else if (msg.constructor === MESSAGETYPES.LvlUpdate) {
         uni.setStorageSync("latestLvl", msg.lvl);
       } else if (msg.constructor === MESSAGETYPES.DeviceOnline) {
-        uni.$emit("update-online");
+        uni.$emit("update-online", true);
       } else if (msg.constructor === MESSAGETYPES.DeviceOffline) {
-        uni.$emit("update-online");
+        uni.$emit("update-online", false);
       } else if (msg.constructor === MESSAGETYPES.DeviceCharging) {
         uni.$emit("device-charging");
       }
@@ -123,6 +142,7 @@ function createWebSocket(token, onMessage) {
     stopHeartbeat();
     socket = null;
     isConnecting = false;
+    uni.$emit("shoot-socket-disconnected");
 
     if (manualClose || kickedOut) return;
     await handleUnexpectedClose(onMessage);