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

components/AppDialog.vue

@@ -116,7 +116,7 @@ const cancel = () => {
 </script>
 
 <style scoped lang="scss">
-@use "../styles/adaptive-frame-profiles.scss" as adaptive;
+@import "../styles/adaptive-frame-profiles.scss";
 
 .app-dialog-layer {
   position: fixed;
@@ -136,7 +136,7 @@ const cancel = () => {
   max-height: calc(var(--app-viewport-height, 100vh) - 80rpx - env(safe-area-inset-top) - env(safe-area-inset-bottom));
   flex-direction: column;
   overflow: hidden;
-  @include adaptive.adaptive-auth-dialog;
+  @include adaptive-auth-dialog;
 }
 .app-dialog__content {
   z-index: 1;
@@ -163,13 +163,13 @@ const cancel = () => {
 }
 .app-dialog__eyebrow {
   color: #9f170f;
-  font-size: 22rpx;
+  font-size: clamp(14px, 22rpx, 17px);
   font-weight: 700;
   letter-spacing: 4rpx;
 }
 .app-dialog__title {
   color: #8f160f;
-  font-size: 42rpx;
+  font-size: clamp(22px, 42rpx, 28px);
   font-weight: 700;
   letter-spacing: 4rpx;
 }
@@ -179,7 +179,7 @@ const cancel = () => {
 .app-dialog__message {
   margin-top: 22rpx;
   color: #513a28;
-  font-size: 27rpx;
+  font-size: clamp(16px, 27rpx, 20px);
   line-height: 1.65;
 }
 .app-dialog__actions {
@@ -189,6 +189,10 @@ const cancel = () => {
   gap: 16rpx;
   margin-top: 26rpx;
 }
+.app-dialog__actions :deep(.app-button__label) {
+  padding-right: 18rpx;
+  padding-left: 18rpx;
+}
 .app-dialog__actions--single {
   display: flex;
   justify-content: center;