diff --git a/pages/customStockList/customStockList.vue b/pages/customStockList/customStockList.vue
index 5d02923..be0bd15 100644
--- a/pages/customStockList/customStockList.vue
+++ b/pages/customStockList/customStockList.vue
@@ -599,21 +599,29 @@
 	flex-shrink: 0;
 	padding: 8px 16px;
 	margin-right: 10px;
-	border-radius: 4px;
-	background-color: #ff3b30;
+	border-radius: 20px;
+	background-color: #f5f5f5;
+	border: 1px solid #e0e0e0;
 	transition: all 0.3s ease;
+	cursor: pointer;
+}
+
+.tab-item:hover {
+	background-color: #e8e8e8;
 }
 
 .tab-item.active {
 	background-color: #ff3b30;
-	opacity: 1;
+	border-color: #ff3b30;
+	box-shadow: 0 2px 8px rgba(255, 59, 48, 0.3);
 }
 
 .tab-text {
 	font-size: 14px;
-	color: #ffffff;
+	color: #666666;
 	white-space: nowrap;
-	font-weight: 500;
+	font-weight: 400;
+	transition: all 0.3s ease;
 }
 
 .tab-item.active .tab-text {