refactor(miniprogram): 全面接入 Design Token — 68 SCSS 文件 px→var(--tk-*)

- 重写 tokens.scss：校准 10 级字号 + 4 结构 token 匹配实际设计值
- 更新 mixins.scss：4 个 mixin 引用 token 替代硬编码
- 68 SCSS 文件全面迁移：font-size px → var(--tk-font-*)，辅助文字色 → var(--tk-text-secondary)
- 清理 12 个页面的本地 mixin 重复定义
- elder-mode.scss 从 530 行缩减至 ~120 行：删除所有字号/颜色覆写，仅保留结构布局
- Token 覆盖率：634 引用 / 仅 3 个特殊硬编码值（72px/80px/21px）

关怀模式通过 CSS 变量级联自动生效，消除"打地鼠"问题。

apps/miniprogram/src/pages/pkg-profile/medication/index.scss

@@ -1,24 +1,5 @@
 @import '../../../styles/variables.scss';
-
-@mixin section-title {
-  font-family: 'Georgia', 'Times New Roman', serif;
-  font-size: 30px;
-  font-weight: bold;
-  color: $tx;
-  margin-bottom: 20px;
-  display: block;
-}
-
-@mixin serif-number {
-  font-family: 'Georgia', 'Times New Roman', serif;
-  font-variant-numeric: tabular-nums;
-}
-
-@mixin flex-center {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-}
+@import '../../../styles/mixins.scss';
 
 .medication-page {
   min-height: 100vh;
@@ -63,7 +44,7 @@
 
 .reminder-avatar-text {
   font-family: 'Georgia', 'Times New Roman', serif;
-  font-size: 32px;
+  font-size: var(--tk-font-num);
   font-weight: bold;
   color: $acc;
 }
@@ -77,7 +58,7 @@
 
 .reminder-name {
   font-family: 'Georgia', 'Times New Roman', serif;
-  font-size: 30px;
+  font-size: var(--tk-font-num);
   font-weight: bold;
   color: $tx;
   margin-bottom: 4px;
@@ -85,7 +66,7 @@
 
 .reminder-dosage {
   @include serif-number;
-  font-size: 24px;
+  font-size: var(--tk-font-h2);
   color: $tx2;
 }
 
@@ -133,7 +114,7 @@
 }
 
 .delete-btn {
-  font-size: 24px;
+  font-size: var(--tk-font-h2);
   color: $dan;
   padding: 4px 12px;
 }
@@ -148,7 +129,7 @@
 
 .form-card-title {
   font-family: 'Georgia', 'Times New Roman', serif;
-  font-size: 28px;
+  font-size: var(--tk-font-body-lg);
   font-weight: bold;
   color: $tx;
   margin-bottom: 20px;
@@ -168,7 +149,7 @@
 }
 
 .form-label {
-  font-size: 28px;
+  font-size: var(--tk-font-body-lg);
   color: $tx;
   flex-shrink: 0;
   width: 160px;
@@ -176,7 +157,7 @@
 
 .form-input {
   flex: 1;
-  font-size: 28px;
+  font-size: var(--tk-font-body-lg);
   color: $tx;
   text-align: right;
   border: none;
@@ -198,12 +179,12 @@
 
 .time-value {
   @include serif-number;
-  font-size: 28px;
+  font-size: var(--tk-font-body-lg);
   color: $tx;
 }
 
 .time-modify {
-  font-size: 24px;
+  font-size: var(--tk-font-h2);
   color: $pri;
 }
 
@@ -222,7 +203,7 @@
 }
 
 .form-cancel-text {
-  font-size: 28px;
+  font-size: var(--tk-font-body-lg);
   color: $tx2;
 }
 
@@ -235,7 +216,7 @@
 }
 
 .form-confirm-text {
-  font-size: 28px;
+  font-size: var(--tk-font-body-lg);
   color: #fff;
   font-weight: bold;
 }
@@ -253,7 +234,7 @@
 
 .add-text {
   font-family: 'Georgia', 'Times New Roman', serif;
-  font-size: 32px;
+  font-size: var(--tk-font-num);
   color: #fff;
   font-weight: bold;
   letter-spacing: 2px;