fix: 页面优化样式。

src/components/less/header.less

@@ -118,18 +118,26 @@
       display: flex;
       align-items: center;
       justify-content: flex-start;
-      gap: 12px;
+      gap: 8px;
+      overflow-x: auto;
+      overflow-y: hidden;
+      -webkit-overflow-scrolling: touch;
+      scrollbar-width: none;
+      &::-webkit-scrollbar {
+        display: none;
+      }
       a {
         display: inline-block;
         margin: 0;
-        padding: 6px 12px;
-        font-size: 12px;
+        padding: 6px 10px;
+        font-size: 11px;
         font-weight: 500;
         color: var(--color-text);
         background: rgba(53, 163, 186, 0.08);
         border-radius: 6px;
         transition: all 0.2s ease;
         white-space: nowrap;
+        flex-shrink: 0;
       }
       a:hover, a:active {
         background: rgba(53, 163, 186, 0.15);