diff --git a/src/components/Picker/index.module.scss b/src/components/Picker/index.module.scss
index 2b2d946..8d83607 100644
--- a/src/components/Picker/index.module.scss
+++ b/src/components/Picker/index.module.scss
@@ -1,4 +1,39 @@
 .picker-container {
+  position: relative;
+  
+  // 使用包装元素的伪元素创建渐变遮罩
+  &::before {
+    content: "";
+    position: absolute;
+    top: 0;
+    left: 0;
+    right: 0;
+    height: 20%;
+    background: linear-gradient(
+      to bottom,
+      #fafafa,
+      transparent
+    );
+    pointer-events: none;
+    z-index: 9999;
+  }
+
+  &::after {
+    content: "";
+    position: absolute;
+    bottom: 0;
+    left: 0;
+    right: 0;
+    height: 20%;
+    background: linear-gradient(
+      to top,
+      #fafafa,
+      transparent
+    );
+    pointer-events: none;
+    z-index: 9999;
+  }
+
   :global {
     .nut-popup-round {
       position: relative !important;
@@ -7,7 +42,7 @@
         display: none !important;
       }
 
-      .nut-picker {
+      .nut-picker {        
         &::after {
           content: "";
           position: absolute;
@@ -16,7 +51,7 @@
           right: 16px !important;
           width: calc(100% - 32px);
           height: 48px;
-          background: rgba(0, 0, 0, 0.02);
+          background: rgba(22, 24, 35, 0.05);
           transform: translateY(-50%);
           border-radius: 4px;
           pointer-events: none;