fix(mini): address UI feedback and device status display

Correct battery colors, participant artwork, navigation icons, title layout, and map spacing.

Animate the binding countdown using the existing expiry, recover polling after transient failures, and show online and battery data on success. Keep current firmware messaging consistent with version availability.

Validation: WeChat mini-program build, 16 UI tests, and isolated developer-tool scenarios passed. Five pre-existing TypeScript errors remain; physical-device validation is pending.

banban-mini/src/styles/ui-theme.scss

@@ -63,7 +63,6 @@ textarea {
   text-align: center;
 }
 
-.page-title,
 .bind-header .title,
 .login-header .title {
   color: var(--bb-brown) !important;
@@ -73,12 +72,35 @@ textarea {
 
 .page-title {
   display: inline-block !important;
-  padding: 9px 26px !important;
-  border: 2px solid var(--bb-border);
-  border-radius: 48% 52% 45% 55%;
-  background: rgba(255, 253, 247, 0.94);
-  box-shadow: 0 4px 0 rgba(237, 201, 148, 0.35);
-  font-size: 38px !important;
+  padding: 0 !important;
+  border: 0;
+  background: transparent;
+  box-shadow: none;
+  color: #895731 !important;
+  font-family: var(--bb-body-font);
+  font-size: 36px !important;
+  font-weight: 400 !important;
+  line-height: 1.2;
+  letter-spacing: 0 !important;
+}
+
+.page-title-art { width: 160px; height: 38px; }
+.page-title-art.short { width: 80px; }
+
+.chat-page,
+.location-page,
+.manage-page {
+  padding-top: var(--bb-navigation-bar-top);
+
+  > .page-header {
+    height: var(--bb-navigation-bar-height);
+    padding: 0 var(--bb-navigation-side) !important;
+    margin-bottom: 24px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    box-sizing: border-box;
+  }
 }
 
 .bind-header {
@@ -407,8 +429,8 @@ textarea {
 }
 
 .status-card {
-  background: #c7e52d !important;
-  border-color: #9fba1c !important;
+  background: var(--bb-battery-background, #c7e52d) !important;
+  border-color: var(--bb-battery-border, #9fba1c) !important;
 }
 
 .status-card .status-title,
@@ -451,9 +473,7 @@ textarea {
 
 @media (max-width: 360px) {
   .page-title {
-    font-size: 34px !important;
-    padding-left: 20px !important;
-    padding-right: 20px !important;
+    font-size: 32px !important;
   }
 
   .login-content {
@@ -634,7 +654,7 @@ textarea {
   min-height: 310px;
   padding: 34px 34px 26px !important;
   border-radius: 34px !important;
-  background: #c7e52d !important;
+  background: var(--bb-battery-background, #c7e52d) !important;
 }
 
 .device-avatar {