feat: 电子药箱小程序 - 4Tab药品管理

- 电子药箱: 药品库存管理 + 手动录入 + 今日用药打卡
- 药品百科: 搜索 + 分类筛选 + 20种药品静态数据
- 惠教中心: 4条药品使用指南课程
- 我的: 家庭成员信息管理
- 自定义TabBar + navigation-bar组件
- SVG药品分类插图

miniprogram/pages/common/red/red.scss

@@ -0,0 +1,80 @@
+/* pages/common/red/red.wxss */
+.body {
+    // display: flex;
+    // justify-content: center;
+    // flex-direction: column;
+    // flex: 1;
+    width: 750rpx;
+
+    .bg {
+        background-color: #f25f4d;
+        margin: 24rpx;
+        margin-bottom:0rpx ;
+        max-height:100%;
+        border-radius: 24rpx;
+        display: flex;
+        flex-direction: column;
+        position: relative;
+        overflow: hidden;
+
+        .content {
+            background-color: #f15642;
+            position: absolute;
+            top: 0;
+            width: 100%;
+            height: 13vh;
+            border-bottom-left-radius: 50%;
+            border-bottom-right-radius: 50%;
+            box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
+        }
+
+        .item-container {
+            width: 100%;
+            margin-top: 13vh;
+
+            .content-item {
+                color: #fed9b2;
+                margin: 24rpx;
+                height: 75vh;
+                overflow: auto;
+            }
+
+            .item {
+                width: 100%;
+                display: flex;
+                align-items: center;
+                justify-content: space-between;
+                padding: 8px 0;
+                border-bottom: 1px solid rgba(255, 255, 255, 0.15);
+
+                .avatar {
+                    width: 80rpx;
+                    height: 80rpx;
+                    border-radius: 20rpx;
+                }
+                .info{
+                    width: 89%;
+                    .nickname {
+                        margin-left: 24rpx;
+                        display: flex;
+                        justify-content: space-between;
+                        font-size: 36rpx;
+                        font-weight: 800;
+                    }
+                    .time{
+                        margin-left: 24rpx;
+                        display: flex;
+                        justify-content: space-between;
+                    }
+                }
+              
+            }
+        }
+    }
+}
+
+.safeBottom{
+    width: 100%;
+    // background: yellow;
+    display: block;
+}