feat: align G01 shared visual shell

components/AppTabbar.vue

@@ -29,7 +29,7 @@ const switchTab = (item) => {
   left: 0;
   z-index: 20;
   display: flex;
-  height: 128rpx;
+  height: 112rpx;
   padding-bottom: env(safe-area-inset-bottom);
   box-sizing: content-box;
   border-top: 1rpx solid $gold-soft;
@@ -38,24 +38,24 @@ const switchTab = (item) => {
 
 .tab-item {
   display: flex;
-  min-height: 96rpx;
+  min-height: 88rpx;
   flex: 1;
   flex-direction: column;
   align-items: center;
   justify-content: center;
-  padding: 10rpx 0 8rpx;
+  padding: 4rpx 0;
   box-sizing: border-box;
 }
 
 .tab-icon {
-  width: 56rpx;
-  height: 56rpx;
-  margin-bottom: 5rpx;
+  width: 64rpx;
+  height: 64rpx;
+  margin-bottom: 2rpx;
 }
 
 .tab-label {
   color: $ink-muted;
-  font-size: 28rpx;
+  font-size: 30rpx;
   letter-spacing: 2rpx;
   line-height: 1.2;
 }

components/PageHeader.vue

@@ -47,7 +47,7 @@ const goBack = () => uni.navigateBack()
 .page-header--root {
   position: relative;
   z-index: 3;
-  height: 184rpx;
+  height: 164rpx;
   padding-top: env(safe-area-inset-top);
   background-color: #b52e22;
   overflow: hidden;
@@ -67,12 +67,12 @@ const goBack = () => uni.navigateBack()
 
 .header-hall {
   position: absolute;
-  bottom: -8rpx;
-  left: -34rpx;
+  bottom: -2rpx;
+  left: -48rpx;
   z-index: 1;
-  width: 368rpx;
-  height: 147rpx;
-  opacity: .16;
+  width: 476rpx;
+  height: 166rpx;
+  opacity: .29;
   pointer-events: none;
 }
 
@@ -139,14 +139,14 @@ const goBack = () => uni.navigateBack()
   font-family: 'STKaiti', 'KaiTi', serif;
   font-size: 48rpx;
   letter-spacing: 5rpx;
-  transform: translateY(8rpx);
+  transform: translateY(2rpx);
 }
 
 .page-header--root .header-logo {
-  width: 88rpx;
-  height: 88rpx;
-  transform: translate(-8rpx, -12rpx);
+  width: 80rpx;
+  height: 80rpx;
+  transform: translate(-6rpx, -6rpx);
 }
 
-.page-header--root .header-notice { transform: translateY(10rpx); }
+.page-header--root .header-notice { transform: translateY(4rpx); }
 </style>