1

styles/common.scss

@@ -135,6 +135,17 @@
   background: linear-gradient(135deg, #FF8A80 0%, #FFB6C1 25%, #FECFEF 50%, #F8BBD9 100%);
 }
 
+/* 统一布局架构 - 页面容器 */
+.page-container-unified {
+  @extend .page-container-with-bg;
+  padding: 20rpx 30rpx 0 30rpx; /* 上边距20rpx，左右边距30rpx，下边距0 */
+
+  /* 响应式设计 - 小屏幕使用较小边距 */
+  @media (max-width: 375px) {
+    padding: 20rpx 20rpx 0 20rpx;
+  }
+}
+
 /* 通用背景渐变 */
 .gradient-bg {
   background: linear-gradient(135deg, #FF8A80 0%, #FFB6C1 25%, #FECFEF 50%, #F8BBD9 100%);
@@ -175,6 +186,18 @@
   border-radius: 28rpx;
 }
 
+/* 统一布局架构 - 卡片样式 */
+.card-unified {
+  @extend .card;
+  margin: 0 0 24rpx 0; /* 仅保留下边距用于卡片间隔 */
+
+  /* 响应式设计 - 小屏幕调整间距 */
+  @media (max-width: 375px) {
+    margin: 0 0 20rpx 0;
+    padding: 20rpx;
+  }
+}
+
 /* 通用按钮样式 */
 .btn {
   padding: 16rpx 32rpx;