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/orders/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';
 
 .orders-page {
   min-height: 100vh;
@@ -66,7 +37,7 @@
 }
 
 .status-tab-text {
-  font-size: 28px;
+  font-size: var(--tk-font-body-lg);
   color: $tx3;
 
   .status-tab.active & {
@@ -98,7 +69,7 @@
 
 .order-product {
   font-family: 'Georgia', 'Times New Roman', serif;
-  font-size: 28px;
+  font-size: var(--tk-font-body-lg);
   font-weight: bold;
   color: $tx;
   flex: 1;
@@ -116,7 +87,7 @@
 }
 
 .order-status-text {
-  font-size: 22px;
+  font-size: var(--tk-font-body);
   font-weight: bold;
 }
 
@@ -132,13 +103,13 @@
 }
 
 .order-row-label {
-  font-size: 26px;
+  font-size: var(--tk-font-h1);
   color: $tx3;
 }
 
 .order-row-value {
   @include serif-number;
-  font-size: 26px;
+  font-size: var(--tk-font-h1);
   color: $tx;
 
   &.order-cost {
@@ -158,14 +129,14 @@
 }
 
 .qrcode-label {
-  font-size: 24px;
+  font-size: var(--tk-font-h2);
   color: $tx3;
   margin-right: 8px;
 }
 
 .qrcode-value {
   @include serif-number;
-  font-size: 24px;
+  font-size: var(--tk-font-h2);
   color: $pri-d;
   font-weight: bold;
   flex: 1;
@@ -175,7 +146,7 @@
 }
 
 .qrcode-tap {
-  font-size: 22px;
+  font-size: var(--tk-font-body);
   color: $pri;
   margin-left: 8px;
   flex-shrink: 0;