feat: 完成70%全局样式与可读性优化

pages/profile/m06-help-center.vue

@@ -4,8 +4,18 @@
     <ModulePageBackground module="profile" />
     <view class="page-layer"><PageHeader title="帮助中心" /></view>
     <view class="page-content page-layer">
-      <text class="help-source-note">{{ sourceNote }}</text>
-      <view class="search-box"
+      <view v-if="helpState === 'loading'" class="help-state-card"
+        ><AppLoading text="正在读取帮助内容"
+      /></view>
+      <view v-else-if="helpState === 'error'" class="help-state-card">
+        <text>帮助内容暂时无法读取</text>
+        <text>请检查网络后重新加载，或直接提交问题反馈。</text>
+        <AppButton block type="secondary" label="重新加载" @click="loadHelpArticles" />
+        <AppButton block label="提交问题反馈" @click="contactSupport" />
+      </view>
+      <template v-else>
+        <text class="help-source-note">{{ sourceNote }}</text>
+        <view class="search-box"
         ><input
           v-model.trim="keyword"
           aria-label="搜索帮助"
@@ -56,6 +66,7 @@
         label="联系家谱助手"
         @click="contactSupport"
       />
+      </template>
     </view>
   </view>
 </template>
@@ -64,6 +75,7 @@
 import { computed, ref } from "vue";
 import { onLoad, onShow, onUnload } from "@dcloudio/uni-app";
 import AppButton from "@/components/AppButton.vue";
+import AppLoading from "@/components/AppLoading.vue";
 import ModulePageBackground from "@/components/ModulePageBackground.vue";
 import PageHeader from "@/components/PageHeader.vue";
 import {
@@ -149,7 +161,7 @@ onUnload(() => {
 </script>
 
 <style scoped lang="scss">
-@use "../../styles/adaptive-frame-profiles.scss" as adaptive;
+@import "../../styles/adaptive-frame-profiles.scss";
 .help-page {
   display: flex;
   min-height: 100vh;
@@ -167,11 +179,40 @@ onUnload(() => {
   display: block;
   margin: 0 4rpx 16rpx;
   color: $ink-muted;
-  font-size: 21rpx;
+  font-size: clamp(13px, 21rpx, 16px);
   line-height: 1.55;
 }
+.help-state-card {
+  display: flex;
+  min-height: 300rpx;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  padding: 52rpx 42rpx;
+  text-align: center;
+  @include adaptive-profile-content;
+}
+.help-state-card text {
+  display: block;
+}
+.help-state-card text:first-child {
+  color: $ink;
+  font-family: STKaiti, KaiTi, serif;
+  font-size: clamp(18px, 32rpx, 22px);
+  font-weight: 700;
+}
+.help-state-card text:nth-child(2) {
+  margin-top: 16rpx;
+  color: $ink-muted;
+  font-size: clamp(14px, 22rpx, 17px);
+  line-height: 1.6;
+}
+.help-state-card .app-button {
+  width: 100%;
+  margin-top: 20rpx;
+}
 .search-box {
-  @include adaptive.adaptive-profile-field;
+  @include adaptive-profile-field;
   display: grid;
   grid-template-columns: minmax(0, 1fr) auto;
   min-height: 86rpx;
@@ -184,11 +225,11 @@ onUnload(() => {
   min-width: 0;
   min-height: 68rpx;
   color: $ink;
-  font-size: 23rpx;
+  font-size: clamp(14px, 23rpx, 17px);
 }
 .search-box text {
   color: $ink-muted;
-  font-size: 20rpx;
+  font-size: clamp(13px, 20rpx, 16px);
 }
 .category-scroll {
   width: 100%;
@@ -209,10 +250,10 @@ onUnload(() => {
   padding: 0 22rpx;
   box-sizing: border-box;
   color: $ink-muted;
-  font-size: 22rpx;
+  font-size: clamp(14px, 22rpx, 17px);
 }
 .category-chip.active {
-  @include adaptive.adaptive-scroll-button(secondary);
+  @include adaptive-scroll-button(secondary);
   color: $brand-red;
   font-weight: 700;
 }
@@ -224,7 +265,7 @@ onUnload(() => {
 }
 .question-card,
 .empty-card {
-  @include adaptive.adaptive-profile-content;
+  @include adaptive-profile-content;
 }
 .question-card {
   min-height: 104rpx;
@@ -239,20 +280,20 @@ onUnload(() => {
 }
 .question-heading text:first-child {
   color: $ink;
-  font-size: 24rpx;
+  font-size: clamp(15px, 24rpx, 18px);
   font-weight: 700;
   overflow-wrap: anywhere;
 }
 .question-heading text:last-child {
   color: $brand-red;
-  font-size: 20rpx;
+  font-size: clamp(13px, 20rpx, 16px);
 }
 .answer {
   display: block;
   padding: 14rpx 4rpx 6rpx;
   border-top: 1px solid rgba(181, 137, 63, 0.32);
   color: $ink-muted;
-  font-size: 22rpx;
+  font-size: clamp(14px, 22rpx, 17px);
   line-height: 1.65;
   overflow-wrap: anywhere;
 }
@@ -266,13 +307,13 @@ onUnload(() => {
 }
 .empty-card text:first-child {
   color: $ink;
-  font-size: 29rpx;
+  font-size: clamp(16px, 29rpx, 20px);
   font-weight: 700;
 }
 .empty-card text:last-child {
   margin-top: 12rpx;
   color: $ink-muted;
-  font-size: 22rpx;
+  font-size: clamp(14px, 22rpx, 17px);
   line-height: 1.5;
 }
 .page-content > .app-button {