task-243(admin.html观感对齐): 壳层换皮蓝白浅色（浅色侧栏252px/顶栏76px/角色胶囊/次级退出）

admin-frontend-vue/src/layout/AdminLayout.vue

@@ -121,16 +121,16 @@ async function signOut() {
 
     <section class="admin-main">
       <header class="admin-topbar">
-        <div>
-          <div class="admin-kicker">运营管理控制台</div>
+        <div class="admin-topbar-title">
+          <span class="admin-kicker">运营管理控制台</span>
           <h1>{{ pageTitle }}</h1>
         </div>
         <div class="admin-user">
           <div class="admin-user-meta">
             <strong>{{ userVm.username }}</strong>
-            <span v-if="userVm.role">{{ userVm.role }}</span>
           </div>
-          <el-button text type="danger" @click="signOut">退出登录</el-button>
+          <span v-if="userVm.role" class="admin-user-role">{{ userVm.role }}</span>
+          <el-button class="admin-user-logout" @click="signOut">退出登录</el-button>
         </div>
       </header>
       <main id="admin-content" class="admin-content">
@@ -150,3 +150,7 @@ async function signOut() {
     </section>
   </div>
 </template>
+
+<style scoped>
+.admin-topbar-title { min-width: 0; }
+</style>