feat: 替换sass版本，定义全局样式，实现简单的页面布局操作，比如颜色、边距、圆角等

src/components/FormCard/index.vue

@@ -175,5 +175,5 @@ defineExpose({
 </script>
 
 <style scoped lang="scss">
-@use "./styles/index.scss";
+@import "./styles/index.scss";
 </style>

src/components/FormCard/styles/index.scss

@@ -1,7 +1,7 @@
 // SASS 变量定义
 $form-primary-color: #00a6ff;
 $form-error-color: #ff4d4f;
-$form-text-color: #333;
+$form-text-color: $uni-text-color;
 $form-label-color: #86909c;
 $form-border-color: #ddd;
 $form-input-border-color: #ddd;
@@ -85,7 +85,7 @@ $form-transition: all 0.2s ease;
 }
 
 .form-label {
-  font-size: 14px;
+  font-size: $uni-font-size-base;
   color: $form-label-color;
   width: 50px;
   flex-shrink: 0;
@@ -95,7 +95,7 @@ $form-transition: all 0.2s ease;
 
 .form-input {
   flex: 1;
-  font-size: 14px;
+  font-size: $uni-font-size-base;
   color: $form-text-color;
   border: none;
   border-bottom: 1px solid $form-input-border-color;
@@ -127,7 +127,7 @@ $form-transition: all 0.2s ease;
 }
 
 .form-error {
-  font-size: 12px;
+  font-size: $uni-font-size-sm;
   color: $form-error-color;
   margin-top: 6px;
   margin-left: 60px;