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

pages/profile/m03-security-settings.vue

@@ -22,10 +22,6 @@
           ><text>账号编号</text
           ><text>{{ profile.userNo || "未提供" }}</text></view
         >
-        <view class="security-field"
-          ><text>账号状态</text
-          ><text>{{ profile.status || "未提供" }}</text></view
-        >
         <text class="security-note"
           >当前仅展示可确认的账户信息，其他安全记录暂不可查看。</text
         >
@@ -55,7 +51,7 @@ import {
 } from "@/utils/api.js";
 import { openPage, returnTo } from "@/utils/navigation.js";
 
-const profile = reactive({ phone: "", userNo: "", status: "" });
+const profile = reactive({ phone: "", userNo: "" });
 const loading = ref(false);
 const loadError = ref("");
 const controller = createRequestController();
@@ -91,7 +87,7 @@ onUnload(() => {
 </script>
 
 <style scoped lang="scss">
-@use "../../styles/adaptive-frame-profiles.scss" as adaptive;
+@import "../../styles/adaptive-frame-profiles.scss";
 .security-page {
   display: flex;
   min-height: 100vh;
@@ -110,7 +106,7 @@ onUnload(() => {
   box-sizing: border-box;
   min-height: 340rpx;
   padding: 54rpx 42rpx 44rpx;
-  @include adaptive.adaptive-family-content;
+  @include adaptive-family-content;
 }
 .state-card {
   text-align: center;
@@ -123,13 +119,13 @@ onUnload(() => {
 .security-card__title {
   color: $ink;
   font-family: STKaiti, KaiTi, serif;
-  font-size: 35rpx;
+  font-size: clamp(19px, 35rpx, 24px);
   font-weight: 700;
 }
 .state-card text:nth-child(2) {
   margin-top: 18rpx;
   color: $ink-muted;
-  font-size: 24rpx;
+  font-size: clamp(15px, 24rpx, 18px);
   line-height: 1.65;
 }
 .state-card .app-button {
@@ -148,19 +144,19 @@ onUnload(() => {
 }
 .security-field text:first-child {
   color: $ink;
-  font-size: 24rpx;
+  font-size: clamp(15px, 24rpx, 18px);
   font-weight: 700;
 }
 .security-field text:last-child {
   color: $ink-muted;
-  font-size: 22rpx;
+  font-size: clamp(14px, 22rpx, 17px);
   text-align: right;
   overflow-wrap: anywhere;
 }
 .security-note {
   margin-top: 22rpx;
   color: $ink-muted;
-  font-size: 22rpx;
+  font-size: clamp(14px, 22rpx, 17px);
   line-height: 1.6;
 }
 .security-card .app-button {