1

src/components/SearchBar/index.module.scss

@@ -13,8 +13,8 @@
 
   :global(.nut-searchbar-content) {
     background-color: #ffffff !important; // 明确设置搜索框背景色为白色
-    box-shadow: 0px 4px 48px 0px rgba(0, 0, 0, 0.08); // 根据设计稿调整阴影
-    border: 0.5px solid rgba(0, 0, 0, 0.06); // 根据设计稿添加边框
+    // box-shadow: 0px 4px 48px 0px rgba(0, 0, 0, 0.08); // 根据设计稿调整阴影
+    // border: 0.5px solid rgba(0, 0, 0, 0.06); // 根据设计稿添加边框
     padding: 8px 12px; // 根据设计稿调整内边距
     height: 44px; // 根据设计稿设置高度
     box-sizing: border-box;

src/container/listCustomNavbar/index.scss

@@ -86,7 +86,9 @@
     align-items: center;
     gap: 5.85px; // 根据设计稿调整间距：5.853658676147461px
     padding: 7.8px; // 根据设计稿调整内边距：7.804878234863281px
-    width: 240px; // 根据设计稿：固定宽度 240px
+    flex: 1; // 响应式：占据剩余空间，适配不同屏幕
+    max-width: 61%; // 根据设计稿：最大宽度 240px（大屏幕限制）
+    min-width: 0; // 允许在小屏幕上缩小
     height: 29.27px; // 根据设计稿调整高度：29.27px
     min-height: 29.27px; // 确保最小高度
     box-sizing: border-box;
@@ -100,7 +102,6 @@
     font-weight: 400;
     line-height: 17.57px; // 1.2857142857142858em ≈ 17.57px
     letter-spacing: -0.22px; // -1.6428571734045228% of 13.66px
-    flex-shrink: 0; // 防止搜索框被压缩
 
     .searchIcon {
       flex-shrink: 0; // 防止图标被压缩

src/game_pages/list/index.module.scss

@@ -91,7 +91,7 @@
   }
 
   .listTopSearchWrapper {
-    background-color: #fafafa;
+    // background-color: #fafafa;
     // 使用 margin-top 负值来控制可见性，保持元素高度不变，筛选项位置固定
     transition: margin-top 0.25s cubic-bezier(0.4, 0, 0.2, 1),
                 opacity 0.2s ease-out;