feat：index.scss 增加 .yd-search-form 全局样式，并更新相应的 search-form.vue 们

src/style/index.scss

@@ -9,14 +9,6 @@
   color: red;
 }
 
-// ==================== 全局公共样式 ====================
-
-// 页面容器：灰色背景 + 最小全屏高度
-.page-container {
-  @apply min-h-screen;
-  background-color: #f5f5f5;
-}
-
 :root,
 page {
   // 修改按主题色
@@ -24,6 +16,9 @@ page {
 
   // 修改按钮背景色
   // --wot-button-primary-bg-color: green;
+
+  // yd-search-form：搜索表单弹窗圆角
+  --yd-search-form-popup-radius: 0 0 24rpx 24rpx;
 }
 
 /*
@@ -42,3 +37,60 @@ border-t-1
 //   border-style: solid; /* 2 */
 //   border-color: var(--un-default-border-color, #e5e7eb); /* 3 */
 // }
+
+// ==================== 全局公共样式 ====================
+
+// 页面容器：灰色背景 + 最小全屏高度
+.page-container {
+  @apply min-h-screen;
+  background-color: #f5f5f5;
+}
+
+// ==================== 搜索表单弹窗样式 ====================
+.yd-search-form {
+  // 弹窗容器
+  &-container {
+    @apply p-32rpx;
+  }
+
+  // 弹窗标题
+  &-title {
+    @apply mb-24rpx text-32rpx font-semibold;
+    color: #333;
+  }
+
+  // 表单项
+  &-item {
+    @apply mb-24rpx;
+  }
+
+  // 表单项标签
+  &-label {
+    @apply mb-12rpx text-28rpx;
+    color: #666;
+  }
+
+  // 底部按钮组
+  &-actions {
+    @apply w-full flex justify-center gap-24rpx;
+  }
+
+  // 日期范围选择器
+  &-date-range {
+    // 容器
+    &-container {
+      @apply flex items-center gap-16rpx;
+    }
+
+    // 日期选择框
+    &-picker {
+      @apply h-72rpx flex flex-1 items-center justify-center rounded-8rpx px-24rpx text-28rpx;
+      background-color: #f5f5f5;
+    }
+
+    // 确认按钮组
+    &-actions {
+      @apply mt-16rpx flex justify-end gap-16rpx;
+    }
+  }
+}