优化登录体验3

src/assets/scss/modules/visual/people.scss

@@ -1,6 +1,6 @@
-@import '../../c/config';
+@import "../../c/config";
-@import '../../c/function';
+@import "../../c/function";
-@import './c/common';
+@import "./c/common";
 
 .g-cpt {
   display: flex;
@@ -227,13 +227,13 @@
         font-weight: 400;
         color: #ffffff;
         line-height: 24px;
-        margin: 20px 0;
+        margin: 15px 0;
 
         &::before {
           position: absolute;
           left: 0;
           top: 9px;
-          content: '';
+          content: "";
           display: block;
           width: 7px;
           height: 7px;
@@ -264,7 +264,7 @@
 
       .tab {
         margin: 0 5px;
-        min-width: 76px;
+        min-width: 80px;
         padding: 0 10px;
         height: 36px;
         background: rgba(255, 255, 255, 0);
@@ -272,7 +272,7 @@
         box-shadow: 0 0 10px 0 inset #1257c9;
         border-radius: 2px;
         text-align: center;
-        font-size: 18px;
+        font-size: 17px;
         font-family: PingFang SC;
         font-weight: 400;
         color: #ffffff;
@@ -548,7 +548,7 @@
 
             &:hover {
               &::before {
-                content: '';
+                content: "";
                 position: absolute;
                 display: block;
                 left: 0;
@@ -560,7 +560,7 @@
               }
 
               &::after {
-                content: '';
+                content: "";
                 position: absolute;
                 display: block;
                 left: 15px;

src/assets/scss/people-info.scss

@@ -64,7 +64,7 @@
                 font-weight: 400;
                 color: #333;
                 line-height: 24px;
-                margin: 20px 0;
+                margin: 15px 0;
 
                 &::before {
                     position: absolute;
@@ -94,14 +94,18 @@
             padding-left: 20px;
 
             .tab-btn {
+                margin: 0 5px;
                 width: 30px;
                 text-align: center;
                 cursor: pointer;
+                padding: 10px 0;
+                border-radius: 3px;
+                background-color: rgba(#000, 0.3);
             }
 
             .tab {
                 margin: 0 5px;
-                min-width: 76px;
+                min-width: 80px;
                 padding: 0 10px;
                 height: 36px;
                 background: #fff;
@@ -109,7 +113,7 @@
                 box-shadow: 0 0 10px 0 inset #ddd;
                 border-radius: 2px;
                 text-align: center;
-                font-size: 18px;
+                font-size: 17px;
                 font-family: PingFang SC;
                 font-weight: 400;
                 color: #333;