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

pages/family/f02-publish-feed.vue

@@ -150,7 +150,7 @@ const resultCopy = computed(
       },
       error: {
         title: "动态未提交",
-        copy: "当前内容仍保留在页面中，可返回表单继续核对。",
+        copy: submitError.value || "当前内容仍保留在页面中，可返回表单继续核对。",
         action: "返回填写",
       },
       invalid: {
@@ -248,7 +248,7 @@ onUnmounted(() => {
 </script>
 
 <style scoped lang="scss">
-@use "../../styles/adaptive-frame-profiles.scss" as adaptive;
+@import "../../styles/adaptive-frame-profiles.scss";
 .publish-page {
   display: flex;
   min-height: 100vh;
@@ -257,7 +257,7 @@ onUnmounted(() => {
 }
 .publish-page__header,
 .publish-panel {
-  @include adaptive.adaptive-family-content;
+  @include adaptive-family-content;
   z-index: 1;
 }
 .publish-panel {
@@ -274,32 +274,32 @@ onUnmounted(() => {
 .publish-result > text:first-child {
   color: $ink;
   font-family: STKaiti, KaiTi, serif;
-  font-size: 36rpx;
+  font-size: clamp(19px, 36rpx, 24px);
   font-weight: 700;
 }
 .publish-form > text:nth-child(2),
 .publish-result > text:nth-child(2) {
   margin-top: 12rpx;
   color: $ink-muted;
-  font-size: 23rpx;
+  font-size: clamp(14px, 23rpx, 17px);
   line-height: 1.6;
 }
 .publish-field {
-  @include adaptive.adaptive-family-field;
+  @include adaptive-family-field;
   margin-top: 20rpx;
   padding: 18rpx 22rpx;
 }
 .publish-field__label {
   display: block;
   color: $ink;
-  font-size: 25rpx;
+  font-size: clamp(15px, 25rpx, 18px);
   font-weight: 700;
 }
 .required-mark {
   display: inline-block;
   margin-right: 4rpx;
   color: $brand-red;
-  font-size: 26rpx;
+  font-size: clamp(16px, 26rpx, 20px);
   line-height: 1;
   transform: translateY(-3rpx);
 }
@@ -310,7 +310,7 @@ onUnmounted(() => {
   width: 100%;
   margin-top: 12rpx;
   color: $ink;
-  font-size: 24rpx;
+  font-size: clamp(15px, 24rpx, 18px);
 }
 .publish-field input {
   min-height: 64rpx;
@@ -328,11 +328,11 @@ onUnmounted(() => {
 }
 .publish-field__value--readonly text:first-child {
   color: $ink;
-  font-size: 24rpx;
+  font-size: clamp(15px, 24rpx, 18px);
 }
 .publish-field__value--readonly text:last-child {
   color: $ink-muted;
-  font-size: 20rpx;
+  font-size: clamp(13px, 20rpx, 16px);
 }
 .publish-field--content textarea {
   min-height: 200rpx;
@@ -346,7 +346,7 @@ onUnmounted(() => {
   display: block;
   margin-top: 6rpx;
   color: $ink-muted;
-  font-size: 20rpx;
+  font-size: clamp(13px, 20rpx, 16px);
   line-height: 1.45;
 }
 .upload-button {
@@ -357,11 +357,11 @@ onUnmounted(() => {
   border-radius: 8rpx;
   background: transparent;
   color: $brand-red;
-  font-size: 22rpx;
+  font-size: clamp(14px, 22rpx, 17px);
 }
 .upload-receipt {
   color: $ink-muted;
-  font-size: 21rpx;
+  font-size: clamp(13px, 21rpx, 16px);
   overflow-wrap: anywhere;
 }
 .publish-placeholder {
@@ -370,7 +370,7 @@ onUnmounted(() => {
 .publish-error {
   margin-top: 12rpx;
   color: $brand-red;
-  font-size: 22rpx;
+  font-size: clamp(14px, 22rpx, 17px);
   line-height: 1.5;
 }
 .publish-form > .app-button {