From 19408e5a8cd05eab7481480800eb2c9412a1d46a Mon Sep 17 00:00:00 2001
From: obroccolio <jinjunxiang@hnu.edu.cn>
Date: Fri, 7 Aug 2026 17:58:34 +0800
Subject: [PATCH] fix: rpx-ify global utilities and enlarge shop back target

---
 src/app.scss                     | 34 ++++++++++++++++----------------
 src/pages/shop/detail/index.scss |  4 ++--
 2 files changed, 19 insertions(+), 19 deletions(-)

diff --git a/src/app.scss b/src/app.scss
index e17a83d..b290262 100644
--- a/src/app.scss
+++ b/src/app.scss
@@ -90,7 +90,7 @@ page {
 }
 
 /* === 常用工具类 === */
-.container { padding: 24px; }
+.container { padding: 48rpx; }
 
 .flex           { display: flex; }
 .flex-center    { display: flex; align-items: center; justify-content: center; }
@@ -99,10 +99,10 @@ page {
 
 .text-center    { text-align: center; }
 
-.mt-10 { margin-top: 10px; }
-.mt-20 { margin-top: 20px; }
-.mb-10 { margin-bottom: 10px; }
-.mb-20 { margin-bottom: 20px; }
+.mt-10 { margin-top: 20rpx; }
+.mt-20 { margin-top: 40rpx; }
+.mb-10 { margin-bottom: 20rpx; }
+.mb-20 { margin-bottom: 40rpx; }
 
 /* === 通用按钮 === */
 .btn-primary {
@@ -138,8 +138,8 @@ page {
   display: flex;
   align-items: center;
   justify-content: space-between;
-  gap: 24px;
-  padding: 20px 32px calc(20px + env(safe-area-inset-bottom));
+  gap: 48rpx;
+  padding: 40rpx 64rpx calc(40rpx + env(safe-area-inset-bottom));
   background: rgba(255, 255, 255, 0.55);
   backdrop-filter: blur(32px) saturate(1.2);
   -webkit-backdrop-filter: blur(32px) saturate(1.2);
@@ -156,26 +156,26 @@ page {
 
 /* === 标题文字 === */
 .page-title {
-  font-size: 40px;
+  font-size: 80rpx;
   font-weight: 800;
   color: var(--text-primary);
   display: block;
 }
 
 .section-title {
-  font-size: 36px;
+  font-size: 72rpx;
   font-weight: 700;
   color: var(--text-primary);
   display: block;
-  margin-bottom: 24px;
+  margin-bottom: 48rpx;
 }
 
 /* === 状态标签 === */
 .badge {
   display: inline-block;
-  padding: 8px 20px;
-  border-radius: 50px;
-  font-size: 22px;
+  padding: 16rpx 40rpx;
+  border-radius: 100rpx;
+  font-size: 44rpx;
   font-weight: 500;
 }
 
@@ -216,14 +216,14 @@ page {
 }
 
 .safe-bottom-placeholder {
-  height: 200px;
+  height: 400rpx;
 }
 
 /* === 自定义导航栏安全区适配 === */
 /* 所有页面的顶部虚线卡头部下移，避免与微信胶囊按钮重叠 */
 /* 仅作兜底；接了 useSafeArea 的页面用 inline style 覆盖此值 */
 .page-header {
-  padding-top: calc(env(safe-area-inset-top, 20px) + 48px);
+  padding-top: calc(env(safe-area-inset-top, 20px) + 96rpx);
 }
 
 /* 返回按钮不单独占状态栏空间——父级 .page-header / .edit-header 已整体下移 */
@@ -251,8 +251,8 @@ page {
 .addr-picker-sheet {
   width: 100%;
   max-height: 70vh;
-  border-radius: 24px 24px 0 0;
-  padding: 24px 24px calc(24px + env(safe-area-inset-bottom));
+  border-radius: 48rpx 48rpx 0 0;
+  padding: 48rpx 48rpx calc(48rpx + env(safe-area-inset-bottom));
   display: flex;
   flex-direction: column;
   background: var(--bg-card);
diff --git a/src/pages/shop/detail/index.scss b/src/pages/shop/detail/index.scss
index 2ab2dda..da0ae26 100644
--- a/src/pages/shop/detail/index.scss
+++ b/src/pages/shop/detail/index.scss
@@ -265,8 +265,8 @@
   top: calc(env(safe-area-inset-top, 20px) + 20rpx);
   left: 24rpx;
   z-index: 50;
-  width: 80rpx;
-  height: 80rpx;
+  width: 88rpx;
+  height: 88rpx;
   border-radius: 50%;
   background: rgba(0, 0, 0, 0.35);
   backdrop-filter: blur(16rpx) saturate(1.4);