Update search_history.py

search_history.py

@@ -189,50 +189,52 @@ def create_history_tab(history_component: SearchHistoryComponent):
                     font-weight: 500 !important;
                     transition: all 0.2s ease !important;
                     color: white !important;
-                    font-size: 1em !important;
+                    font-size: 0.95em !important;
                     cursor: pointer !important;
                     width: 100% !important;
-                    min-height: 45px !important;
+                    min-height: 42px !important;
                 }
         
-                /* Clear History 按鈕 - 紅色漸層 */
+                /* Clear History 的按鈕 */
                 .clear-btn {
-                    background: linear-gradient(135deg, #FF6B6B, #FF8E72) !important;
-                    box-shadow: 0 2px 4px rgba(255, 107, 107, 0.2) !important;
+                    background: linear-gradient(135deg, #FF6B6B 0%, #FF9B8B 100%) !important;
+                    box-shadow: 0 2px 4px rgba(255, 107, 107, 0.15) !important;
                 }
                 
-                /* Clear History 按鈕懸浮效果 */
                 .clear-btn:hover {
-                    background: linear-gradient(135deg, #FF5252, #FF7B69) !important;
+                    background: linear-gradient(135deg, #FF5252, #FF8B7B) !important;
                     transform: translateY(-1px);
-                    box-shadow: 0 4px 8px rgba(255, 107, 107, 0.3) !important;
                 }
         
-                /* Clear History 按鈕點擊效果 */
                 .clear-btn:active {
                     transform: translateY(1px) scale(0.98);
-                    background: linear-gradient(135deg, #FF4242, #FF6B59) !important;
-                    box-shadow: 0 1px 2px rgba(255, 107, 107, 0.2) !important;
+                    background: linear-gradient(135deg, #FF4242, #FF7B6B) !important;
                 }
         
-                /* Refresh 按鈕 - 藍綠色漸層 */
+                /* Refresh 的按鈕 */
                 .refresh-btn {
-                    background: linear-gradient(135deg, #4FACFE, #00F2FE) !important;
-                    box-shadow: 0 2px 4px rgba(79, 172, 254, 0.2) !important;
+                    background: linear-gradient(135deg, #4FB5E5 0%, #32CCBC 100%) !important;
+                    box-shadow: 0 2px 4px rgba(79, 181, 229, 0.15) !important;
                 }
                 
-                /* Refresh 按鈕懸浮效果 */
                 .refresh-btn:hover {
-                    background: linear-gradient(135deg, #4295EA, #00E1FE) !important;
+                    background: linear-gradient(135deg, #45A5D5, #2DBCAC) !important;
                     transform: translateY(-1px);
-                    box-shadow: 0 4px 8px rgba(79, 172, 254, 0.3) !important;
                 }
         
-                /* Refresh 按鈕點擊效果 */
                 .refresh-btn:active {
                     transform: translateY(1px) scale(0.98);
-                    background: linear-gradient(135deg, #3285DA, #00D1EE) !important;
-                    box-shadow: 0 1px 2px rgba(79, 172, 254, 0.2) !important;
+                    background: linear-gradient(135deg, #3B95C5, #28AC9C) !important;
+                }
+        
+                /* 懸浮的效果 */
+                .custom-btn:hover {
+                    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1) !important;
+                }
+        
+                /* 點擊的效果 */
+                .custom-btn:active {
+                    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) !important;
                 }
             </style>