fix(ui): polish miniprogram and admin console details

小程序修复:
- 首页/我的/记录页移除自定义头部，使用原生导航栏
- tabBar '护理记录' 改为 '记录'
- 智能模式跳转auto-scan页面（不再跳过）
- 扫码区域尺寸 300→360rpx，图标 100→120rpx
- 护理中倒计时 120→144rpx
- 完成页图标 120→140rpx
- 完成页时长格式 '10分0秒' → '10分钟'
- 蓝牙连接 '连接中' → '点击连接'
- 订阅套餐默认选中年卡
- 订阅成功页改为动态数据（非硬编码）
- 我的页增加退出登录按钮
- 护理记录日期支持'今天/昨天'相对格式
- 扫描进度居中
- 锁定模式图标加灰度滤镜

管理后台修复:
- 所有页面移除重复页面标题
- 仪表盘统计卡片改为垂直布局
- 快捷操作图标统一粉色+箭头
- 设备管理搜索placeholder和库存badge修正
- 用户管理头像、次后缀、月卡/试用badge颜色修正
- 订阅管理stat背景改白色、过期改红色、tab切换修复
- 护理记录模式badge修正
- 操作日志改为平铺列表
- 系统设置开关改绿色、表单改水平布局
- 全局背景色 #f5f5f5 → #f0f2f5

admin-console/src/pages/log/index.vue

@@ -1,38 +1,29 @@
 <template>
   <AdminLayout currentPage="/pages/log/index">
-    <view class="page-card">
-      <view class="page-header">
-        <text class="page-title">📝 操作日志</text>
-        <view class="header-actions">
-          <input
-            class="search-input"
-            v-model="filters.type"
-            placeholder="搜索操作类型"
-            placeholder-class="input-placeholder"
-          />
-          <button class="btn-primary btn-sm" @click="onSearch">搜索</button>
-          <button class="btn-default btn-sm">导出</button>
-        </view>
+    <view class="toolbar">
+      <view class="header-actions">
+        <input
+          class="search-input"
+          v-model="filters.type"
+          placeholder="搜索操作类型"
+          placeholder-class="input-placeholder"
+        />
+        <button class="btn-primary btn-sm" @click="onSearch">搜索</button>
+        <button class="btn-default btn-sm">导出</button>
       </view>
+    </view>
 
+    <view class="page-card">
       <view class="log-list">
         <view class="log-item" v-for="item in logs" :key="item.id">
-          <view class="log-left">
-            <view class="log-dot"></view>
-            <view class="log-line"></view>
-          </view>
+          <text class="log-time">{{ formatDate(item.created_at) }}</text>
           <view class="log-content">
-            <view class="log-header">
-              <text class="log-time">{{ formatDate(item.created_at) }}</text>
-              <text :class="logTypeBadge(item.operator_type)">{{ logTypeText(item.operator_type) }}</text>
-            </view>
-            <view class="log-body">
+            <text :class="logTypeBadge(item.operator_type)">{{ logTypeText(item.operator_type) }}</text>
+            <text class="log-text">
               <text class="log-actor" :class="logActorClass(item.operator_type)">{{ item.operator_type === 1 ? '管理员' : '系统' }}</text>
-              <text class="log-text"> 对 </text>
-              <text class="log-target">{{ item.target_type }} {{ item.target_id || '' }}</text>
-              <text class="log-text"> 执行了 </text>
-              <text class="log-action">{{ item.action }}</text>
-            </view>
+              对 <text class="log-target">{{ item.target_type }} {{ item.target_id || '' }}</text>
+              执行了 <text class="log-action">{{ item.action }}</text>
+            </text>
           </view>
         </view>
       </view>
@@ -112,23 +103,13 @@ export default {
 </script>
 
 <style scoped>
-.page-card {
+.toolbar {
   background: #fff;
   border-radius: 8px;
-  padding: 20px;
-}
-
-.page-header {
+  padding: 12px 20px;
+  margin-bottom: 16px;
   display: flex;
-  justify-content: space-between;
-  align-items: center;
-  margin-bottom: 20px;
-}
-
-.page-title {
-  font-size: 18px;
-  font-weight: 600;
-  color: #333;
+  justify-content: flex-end;
 }
 
 .header-actions {
@@ -137,6 +118,12 @@ export default {
   gap: 8px;
 }
 
+.page-card {
+  background: #fff;
+  border-radius: 8px;
+  padding: 20px;
+}
+
 .search-input {
   width: 220px;
   height: 32px;
@@ -180,48 +167,24 @@ export default {
 
 .log-item {
   display: flex;
-  min-height: 60px;
+  align-items: flex-start;
+  padding: 12px 0;
+  border-bottom: 1px solid #f0f0f0;
 }
 
-.log-left {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  width: 20px;
+.log-time {
+  width: 140px;
   flex-shrink: 0;
-  padding-top: 4px;
-}
-
-.log-dot {
-  width: 10px;
-  height: 10px;
-  border-radius: 50%;
-  background: #d9d9d9;
-  flex-shrink: 0;
-}
-
-.log-line {
-  width: 1px;
-  flex: 1;
-  background: #f0f0f0;
+  font-size: 13px;
+  color: #999;
+  padding-top: 2px;
 }
 
 .log-content {
   flex: 1;
-  padding-bottom: 16px;
-  margin-left: 12px;
-}
-
-.log-header {
   display: flex;
-  align-items: center;
-  gap: 8px;
-  margin-bottom: 6px;
-}
-
-.log-time {
-  font-size: 13px;
-  color: #999;
+  flex-direction: column;
+  gap: 4px;
 }
 
 .badge {
@@ -229,6 +192,7 @@ export default {
   padding: 2px 8px;
   border-radius: 4px;
   font-size: 12px;
+  width: fit-content;
 }
 
 .badge-pink {
@@ -246,9 +210,10 @@ export default {
   color: #52c41a;
 }
 
-.log-body {
+.log-text {
   font-size: 14px;
   line-height: 22px;
+  color: #666;
 }
 
 .log-actor {
@@ -267,10 +232,6 @@ export default {
   color: #52c41a;
 }
 
-.log-text {
-  color: #666;
-}
-
 .log-target {
   color: #333;
   font-weight: 500;