【需求 25171】 styles:优化样式

src/views/homePage/homeTab/components/VideoCategoryBar.vue

@@ -8,11 +8,11 @@
       <button
         v-for="item in options"
         :key="item.id ?? 'all'"
-        class="px-4 py-1.5 rounded-full text-sm whitespace-nowrap transition-colors duration-200 cursor-pointer"
+        class="px-4 py-1.5 rounded-full text-sm whitespace-nowrap border transition-colors duration-200 cursor-pointer"
         :class="
           modelValue === item.id
-            ? 'bg-orange-400 text-white shadow-md'
-            : 'bg-gray-50 text-gray-600 hover:text-orange-500 hover:bg-orange-50'
+            ? 'bg-orange-400 border-orange-400 text-white shadow-md'
+            : 'bg-white border-gray-200 text-gray-600 hover:text-orange-500 hover:border-orange-300 hover:bg-orange-50'
         "
         @click="$emit('update:modelValue', item.id)"
       >
@@ -21,7 +21,7 @@
     </div>
     <button
       v-if="overflowing"
-      class="px-3 py-1.5 text-sm text-gray-500 hover:text-orange-500 whitespace-nowrap shrink-0 cursor-pointer"
+      class="px-3 py-1.5 text-sm text-gray-600 hover:text-orange-500 whitespace-nowrap shrink-0 cursor-pointer"
       @click="expanded = !expanded"
     >
       {{ expanded ? '收起' : '更多' }}