fix:界面优化

src/components/less/header.less

@@ -58,7 +58,7 @@
   }
 }
 
-@media (max-width: 420px) {
+@media (max-width: 768px) {
   .@{prefix}-header{
     height: 60px;
     .zui-logo{
@@ -67,31 +67,50 @@
       margin: 0 0 0 10px;
     }
     .@{prefix}-logo-text{
-      padding-top: 14px;
-      font-size: 12px;
       height: 60px;
+      line-height: 60px;
+      font-size: 10px;
+      margin: 0;
+      a {
+        margin: 0 4px;
+        font-size: 10px;
+      }
     }
     .@{prefix}-button{
-      display: none;
+      display: none !important;
     }
     .@{prefix}-rightcol{
-      display: flex;
-      font-size: 10px;
+      display: flex !important;
+      align-items: center;
+      justify-content: center;
+      font-size: 14px;
       float: right;
-      line-height: 30px;
-      margin: 15px 5px 0 0;
-      min-width: 50px;
+      line-height: 35px;
+      margin: 12px 10px 0 0;
+      min-width: 60px;
+      padding: 0 12px;
       font-weight: bold;
-      color: #32adc6;
+      color: #fff;
+      background: linear-gradient(135deg, #35A3BA, #0088ff);
+      border-radius: 6px;
+      cursor: pointer;
+      box-shadow: 0 2px 6px rgba(53, 163, 186, 0.3);
+      transition: all 0.2s ease;
+    }
+    .@{prefix}-rightcol:active {
+      transform: scale(0.96);
+      box-shadow: 0 1px 3px rgba(53, 163, 186, 0.4);
     }
     .@{prefix}-logo-line {
-      width: 1px;
-      height: 30px;
-      background: #32adc6;
-      display: inline-block;
-      position: relative;
-      top: 15px;
-      left: 5px;
+      display: none;
+    }
+  }
+}
+
+@media (min-width: 769px) {
+  .@{prefix}-header{
+    .@{prefix}-rightcol{
+      display: none !important;
     }
   }
 }