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

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

miniprogram/pages/login/login.scss

@@ -0,0 +1,134 @@
+@import "../../variables";
+
+.loginContainer {
+    min-height: 100vh;
+    width: 100%;
+    background: #fff;
+    overflow: hidden;
+    display: flex;
+    flex-direction: column;
+    position: relative;
+    box-sizing: border-box;
+}
+
+.contentWrap {
+    flex: 1;
+    padding-bottom: 120rpx;
+    box-sizing: border-box;
+}
+
+.heroPanel {
+    position: relative;
+    height: 1332rpx;
+    background: #fff;
+    overflow: hidden;
+}
+
+.heroImage {
+    position: absolute;
+    // top: 68rpx;
+    left: 0;
+    z-index: 1;
+    display: block;
+    width: 750rpx;
+}
+
+.actionPanel {
+    position: relative;
+    z-index: 2;
+    width: 626rpx;
+    margin: -300rpx auto 0 auto;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    gap: 48rpx;
+    // padding-bottom: 72rpx;
+}
+
+.actionPanelSingle {
+    margin-top: -700rpx;
+}
+
+.loginButton {
+    box-sizing: border-box;
+    width: 626rpx;
+    height: 92rpx;
+    padding: 0 32rpx;
+    border-radius: 76rpx;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+}
+
+.wechatLogin {
+    background: #fe8d29;
+    box-shadow: 0 20rpx 40rpx rgba(254, 141, 41, 0.24);
+}
+
+.phoneLogin {
+    background: #fff1d6;
+}
+
+.loginIcon {
+    width: 48rpx;
+    height: 48rpx;
+    margin-right: 8rpx;
+    flex-shrink: 0;
+}
+
+.phoneIcon {
+    width: 48rpx;
+    height: 48rpx;
+}
+
+.loginLabel {
+    font-size: 32rpx;
+    font-weight: 400;
+    line-height: 44rpx;
+    color: #fff;
+}
+
+.phoneLabel {
+    color: #fe8d29;
+}
+
+.privacyFooter {
+    position: fixed;
+    left: 0;
+    right: 0;
+    bottom: 0;
+    padding-top: 24rpx;
+    font-size: 24rpx;
+    color: #666;
+    z-index: 3;
+    background: #fff;
+}
+
+.checkboxLabel {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    flex-wrap: wrap;
+}
+
+.radioTrigger {
+    display: flex;
+    align-items: center;
+    margin-right: 4rpx;
+}
+
+.radioTrigger radio {
+    transform: scale(0.7);
+    // transform-origin: left center;
+    margin-top: 4rpx;
+}
+
+.privacyText {
+    line-height: 34rpx;
+}
+
+.linkText {
+    color: #fe8d29;
+    line-height: 34rpx;
+    margin-left: 4rpx;
+}