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

styles/global.scss

@@ -8,6 +8,30 @@ page {
   font-family: "STKaiti", "KaiTi", serif
 }
 
+// 全局文字流基础：任何元素进入 flex / grid 后都可以收缩，避免长值把同排布局顶坏。
+// 是否必须单行由下面的语义类决定，正文、姓名和地址仍按内容自然换行。
+view,
+text,
+input,
+textarea,
+button {
+  min-width: 0;
+}
+
+// 用于页头操作、导航标签、按钮等短操作文案：保持一行，空间不足时给出省略号。
+.app-single-line {
+  min-width: 0;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+// 用于邮箱、编号等连续长值：允许在必要处断开，不能撑破卡片或表单。
+.app-long-value {
+  min-width: 0;
+  overflow-wrap: anywhere;
+}
+
 @supports (height: 100dvh) {
   page {
     --app-viewport-height: 100dvh;
@@ -34,14 +58,14 @@ view:not(.page-header-slot):has(> .page-header-slot) {
 
 .section-title {
   color: $ink;
-  font-size: 34rpx;
+  font-size: clamp(19px, 34rpx, 24px);
   font-weight: 700;
   letter-spacing: 2rpx;
 }
 
 .muted-copy {
   color: $ink-muted;
-  font-size: 26rpx;
+  font-size: clamp(16px, 26rpx, 20px);
   line-height: 1.7;
 }
 
@@ -54,7 +78,7 @@ view:not(.page-header-slot):has(> .page-header-slot) {
   border-radius: 14rpx;
   background: $brand-red;
   color: #fff8ec;
-  font-size: 31rpx;
+  font-size: clamp(17px, 31rpx, 22px);
   font-weight: 700;
   letter-spacing: 3rpx;
 }
@@ -68,7 +92,7 @@ view:not(.page-header-slot):has(> .page-header-slot) {
   border-radius: 14rpx;
   background: transparent;
   color: $brand-red;
-  font-size: 29rpx;
+  font-size: clamp(16px, 29rpx, 20px);
   font-weight: 600;
 }