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-mall/detail/index.scss

@@ -1,34 +1,5 @@
 @import '../../../styles/variables.scss';
-
-@mixin serif-number {
-  font-family: 'Georgia', 'Times New Roman', serif;
-  font-variant-numeric: tabular-nums;
-}
-
-@mixin section-title {
-  font-family: 'Georgia', 'Times New Roman', serif;
-  font-size: 30px;
-  font-weight: bold;
-  color: $tx;
-  margin-bottom: 20px;
-  display: block;
-}
-
-@mixin tag($bg, $color) {
-  display: inline-block;
-  padding: 4px 12px;
-  border-radius: 8px;
-  font-size: 22px;
-  font-weight: 500;
-  background: $bg;
-  color: $color;
-}
-
-@mixin flex-center {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-}
+@import '../../../styles/mixins.scss';
 
 .detail-page {
   min-height: 100vh;
@@ -46,7 +17,7 @@
 }
 
 .balance-label {
-  font-size: 24px;
+  font-size: var(--tk-font-h2);
   color: $tx2;
   display: block;
   margin-bottom: 8px;
@@ -54,7 +25,7 @@
 
 .balance-value {
   @include serif-number;
-  font-size: 60px;
+  font-size: var(--tk-font-hero);
   font-weight: bold;
   color: $pri;
   display: block;
@@ -79,7 +50,7 @@
 
 .stat-value {
   @include serif-number;
-  font-size: 30px;
+  font-size: var(--tk-font-num);
   font-weight: bold;
   margin-bottom: 4px;
 
@@ -97,7 +68,7 @@
 }
 
 .stat-label {
-  font-size: 22px;
+  font-size: var(--tk-font-body);
   color: $tx3;
 }
 
@@ -135,7 +106,7 @@
 }
 
 .type-tab-text {
-  font-size: 28px;
+  font-size: var(--tk-font-body-lg);
   color: $tx3;
 
   .type-tab.active & {
@@ -182,7 +153,7 @@
 
 .tx-badge-text {
   font-family: 'Georgia', 'Times New Roman', serif;
-  font-size: 28px;
+  font-size: var(--tk-font-body-lg);
   font-weight: bold;
 
   .tx-badge-earn & {
@@ -204,7 +175,7 @@
 }
 
 .tx-desc {
-  font-size: 28px;
+  font-size: var(--tk-font-body-lg);
   color: $tx;
   display: block;
   margin-bottom: 4px;
@@ -214,7 +185,7 @@
 }
 
 .tx-date {
-  font-size: 22px;
+  font-size: var(--tk-font-body);
   color: $tx3;
   display: block;
 }
@@ -229,7 +200,7 @@
 
 .tx-amount {
   @include serif-number;
-  font-size: 32px;
+  font-size: var(--tk-font-num);
   font-weight: bold;
   margin-bottom: 4px;
 
@@ -244,6 +215,6 @@
 
 .tx-remaining {
   @include serif-number;
-  font-size: 22px;
+  font-size: var(--tk-font-body);
   color: $tx3;
 }