diff --git a/config/index.ts b/config/index.ts
index 28d3d7d..0bd4d9b 100644
--- a/config/index.ts
+++ b/config/index.ts
@@ -38,6 +38,11 @@ export default defineConfig(async (merge) => {
         modules: {
           exportLocalsConvention: 'camelCaseOnly'
         }
+      },
+      // 全部组件样式走 CSS Modules（类名带 hash，互不冲突），
+      // 公共 chunk 内文件顺序无层叠影响，忽略跨页面 import 顺序不一致的告警
+      miniCssExtractPluginOption: {
+        ignoreOrder: true
       }
     }
   }
diff --git a/src/pages/family/contact/add.module.scss b/src/pages/family/contact/add.module.scss
index 111df8f..7502696 100644
--- a/src/pages/family/contact/add.module.scss
+++ b/src/pages/family/contact/add.module.scss
@@ -1,21 +1,19 @@
+// page 不加四周 padding：hero Navbar 需通栏接屏，左右留白由内容卡 margin 提供
 .page {
   min-height: 100vh;
   background: $color-bg;
-  padding: 24px 24px 40px;
+  padding-bottom: 40px;
 }
 
 .card,
 .contactsCard {
+  margin: 24px 24px 0;
   background: $color-bg-white;
   border-radius: $radius-lg;
   box-shadow: $shadow-card;
   padding: 8px 32px;
 }
 
-.contactsCard {
-  margin-top: 24px;
-}
-
 .formRow {
   min-height: 104px;
   display: flex;
@@ -114,9 +112,9 @@
 
 .submit {
   height: 96px;
-  margin-top: 40px;
+  margin: 40px 24px 0;
   background: $color-primary-grad;
-  border-radius: 48px;
+  border-radius: $radius-pill;
   display: flex;
   align-items: center;
   justify-content: center;
diff --git a/src/styles/reset.scss b/src/styles/reset.scss
index 732f7a0..1aca36a 100644
--- a/src/styles/reset.scss
+++ b/src/styles/reset.scss
@@ -1,5 +1,4 @@
-@import './variables.scss';
-
+// variables.scss 由 config/index.ts 的 sass.resource 自动前置到每个 scss 文件，无需在此 @import
 // designWidth=750 下 1px=1rpx，正文默认字号取 28rpx(=14物理px)
 page {
   background-color: $color-bg;