test: verify admin reference UI fidelity

admin-web/src/layouts/MainLayout.vue

@@ -12,6 +12,10 @@
           <p>用专业的服务，帮助更多人遇见对的人</p>
         </div>
       </div>
+      <div class="scene-slogan" aria-hidden="true">
+        <span>善缘相牵</span>
+        <strong>爱在丹阳</strong>
+      </div>
       <div class="scene-benefits" aria-label="平台服务原则">
         <span><el-icon><StarFilled /></el-icon><b>公益为本</b><small>不以营利为目的</small></span>
         <span><el-icon><Lock /></el-icon><b>真实可靠</b><small>严格审核 多重保障</small></span>
@@ -241,13 +245,14 @@ function handleLogout() {
 }
 
 .scene-header {
-  display: flex;
+  display: grid;
   max-width: 1840px;
-  height: 124px;
+  height: 188px;
   margin: 0 auto;
+  grid-template-columns: minmax(640px, 1fr) auto;
+  grid-template-rows: 112px 76px;
   align-items: center;
-  justify-content: space-between;
-  gap: 32px;
+  column-gap: 32px;
 }
 
 .scene-brand,
@@ -264,6 +269,27 @@ function handleLogout() {
   object-fit: contain;
 }
 
+.scene-slogan {
+  display: flex;
+  padding-right: 24px;
+  align-items: flex-end;
+  flex-direction: column;
+  color: var(--admin-coral);
+  font-family: KaiTi, STKaiti, serif;
+  line-height: 1.05;
+  transform: rotate(-7deg);
+}
+
+.scene-slogan span {
+  font-size: 17px;
+}
+
+.scene-slogan strong {
+  margin-top: 4px;
+  font-size: 25px;
+  font-weight: 500;
+}
+
 .scene-brand-copy {
   min-width: 172px;
   margin-left: 10px;
@@ -303,7 +329,11 @@ function handleLogout() {
 }
 
 .scene-benefits {
-  gap: clamp(14px, 2vw, 34px);
+  grid-column: 1 / -1;
+  align-self: start;
+  justify-content: flex-start;
+  gap: clamp(38px, 5vw, 92px);
+  padding: 4px 0 0 50px;
 }
 
 .scene-benefits span {
@@ -331,7 +361,7 @@ function handleLogout() {
 
 .admin-shell {
   width: min(1840px, 100%);
-  height: calc(100vh - 174px);
+  height: calc(100vh - 238px);
   min-height: 560px;
   margin: 0 auto;
   overflow: hidden;
@@ -591,7 +621,23 @@ function handleLogout() {
   }
 
   .scene-header {
-    height: 96px;
+    display: grid;
+    height: 120px;
+    grid-template-columns: minmax(520px, 1fr) auto;
+    grid-template-rows: 66px 54px;
+    column-gap: 18px;
+  }
+
+  .scene-slogan {
+    padding-right: 12px;
+  }
+
+  .scene-slogan span {
+    font-size: 14px;
+  }
+
+  .scene-slogan strong {
+    font-size: 20px;
   }
 
   .scene-brand > img {
@@ -613,12 +659,13 @@ function handleLogout() {
     font-size: 27px;
   }
 
-  .scene-benefits span:nth-child(-n + 2) {
-    display: none;
+  .scene-benefits {
+    padding: 0 0 0 28px;
+    gap: clamp(22px, 4vw, 54px);
   }
 
   .admin-shell {
-    height: calc(100vh - 140px);
+    height: calc(100vh - 170px);
   }
 
   .scene-footer {