refactor(pages): migrate remaining pages to design tokens

src/pages/faq/faq.vue

@@ -243,7 +243,7 @@ function getBindList(): FaqItem[] {
 
 .page {
   min-height: 100vh;
-  background: #f7f8fa;
+  background: $color-background;
   padding: 48rpx 24rpx 0;
   font-family: $font-family-body;
 }
@@ -255,8 +255,8 @@ function getBindList(): FaqItem[] {
 
 .category-title {
   font-family: $font-family-body;
-  font-size: 28rpx;
-  font-weight: 700;
+  font-size: $font-size-base;
+  font-weight: $font-weight-bold;
   color: $uv-main-color;
   display: block;
   margin-bottom: 16rpx;
@@ -270,7 +270,7 @@ function getBindList(): FaqItem[] {
 
 /* ===== 问答卡片 ===== */
 .faq-card {
-  background: #ffffff;
+  background: $color-card;
   border-radius: 24rpx;
   box-shadow: 0 4rpx 16rpx rgba(0, 0, 0, 0.04);
   margin-bottom: 20rpx;
@@ -300,16 +300,16 @@ function getBindList(): FaqItem[] {
   margin-right: 16rpx;
   margin-top: 4rpx;
   font-family: $font-family-body;
-  font-size: 24rpx;
-  font-weight: 700;
+  font-size: $font-size-sm;
+  font-weight: $font-weight-bold;
   color: $uv-primary;
 }
 
 .faq-question {
   flex: 1;
   font-family: $font-family-body;
-  font-size: 28rpx;
-  font-weight: 500;
+  font-size: $font-size-base;
+  font-weight: $font-weight-medium;
   color: $uv-main-color;
   line-height: 1.5;
 }
@@ -345,7 +345,7 @@ function getBindList(): FaqItem[] {
 
 .faq-text {
   font-family: $font-family-body;
-  font-size: 26rpx;
+  font-size: $font-size-sm;
   font-weight: 400;
   color: $uv-content-color;
   line-height: 1.7;
@@ -353,7 +353,7 @@ function getBindList(): FaqItem[] {
 
 .faq-highlight {
   font-family: $font-family-body;
-  font-size: 26rpx;
+  font-size: $font-size-sm;
   font-weight: 400;
   color: $uv-primary;
   line-height: 1.7;