优化商品管理筛选功能

frontend/src/styles/admin.css

@@ -523,53 +523,97 @@ h1 {
 
 /* 筛选和操作行 */
 .listing-filter-row {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  gap: 16px;
-  padding-top: 4px;
+  display: grid;
+  grid-template-columns: minmax(0, 1fr) auto;
+  align-items: end;
+  gap: 16px 24px;
+  padding-top: 16px;
   border-top: 1px solid #f0f3f7;
 }
 
 .listing-filter-bar {
-  display: flex;
-  flex-wrap: wrap;
-  align-items: center;
-  gap: 0;
+  display: grid;
+  grid-template-columns: minmax(220px, 1.2fr) minmax(150px, 0.78fr) minmax(220px, 1fr) minmax(
+      220px,
+      1fr
+    );
+  align-items: end;
+  gap: 12px 16px;
   margin: 0;
-  row-gap: 10px;
+  min-width: 0;
 }
 
 .listing-filter-bar .el-form-item {
   margin-bottom: 0;
-  margin-right: 20px;
-}
-
-.listing-filter-bar .el-form-item:last-child {
-  margin-right: 0;
+  min-width: 0;
 }
 
 .listing-filter-bar .el-form-item__label {
+  display: block;
+  height: 16px;
+  padding: 0;
+  margin-bottom: 6px;
   color: #6b7785;
   font-size: 12px;
   font-weight: 600;
-  margin-bottom: 6px;
   line-height: 1;
 }
 
+.listing-filter-bar .el-form-item__content {
+  width: 100%;
+  min-width: 0;
+}
+
+.listing-filter-bar .el-input,
+.listing-filter-bar .el-select,
+.listing-filter-bar .admin-filter-chip,
+.listing-filter-bar .admin-range-filter {
+  width: 100%;
+}
+
+.listing-filter-bar .el-input__wrapper,
+.listing-filter-bar .el-select__wrapper {
+  min-height: 34px;
+}
+
+.filter-skin {
+  min-width: 0;
+}
+
+.admin-range-filter {
+  display: grid;
+  grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
+  align-items: center;
+  gap: 6px;
+}
+
+.admin-range-filter .el-input-number {
+  width: 100%;
+}
+
+.admin-range-filter .el-input__wrapper {
+  padding-right: 8px;
+  padding-left: 8px;
+}
+
+.admin-range-separator {
+  color: #94a3b8;
+  font-size: 12px;
+  font-weight: 700;
+}
+
 .listing-action-strip {
   display: flex;
   align-items: center;
   gap: 8px;
   flex-shrink: 0;
-  padding-bottom: 1px;
+  padding-bottom: 0;
   white-space: nowrap;
 }
 
 .admin-filter-chip {
   display: inline-flex;
-  width: 104px;
-  height: 32px;
+  height: 34px;
   align-items: center;
   justify-content: space-between;
   gap: 6px;
@@ -588,7 +632,7 @@ h1 {
 }
 
 .admin-filter-chip.wide {
-  width: 150px;
+  width: 100%;
 }
 
 .admin-filter-chip span {
@@ -937,12 +981,30 @@ h1 {
   margin-left: 0;
 }
 
+@media (max-width: 1280px) {
+  .listing-filter-row {
+    grid-template-columns: 1fr;
+  }
+
+  .listing-filter-bar {
+    grid-template-columns: repeat(2, minmax(180px, 1fr));
+  }
+
+  .listing-action-strip {
+    justify-content: flex-end;
+  }
+}
+
 @media (max-width: 980px) {
   .listing-control-panel {
     grid-template-columns: 1fr;
     align-items: stretch;
   }
 
+  .listing-filter-row {
+    grid-template-columns: 1fr;
+  }
+
   .listing-filter-bar {
     grid-template-columns: 1fr;
   }