fix: 顶栏布局被 App.vue 的 display:block 覆盖导致元素垂直堆叠

App.vue 的 .desktop-topbar{display:block} 与 AppTopbar.vue 的
.topbar{display:flex} 特异性相同，且前者后注入胜出，使品牌/导航/
用户区垂直堆叠成三行。移除冗余规则，恢复单行 flex 布局。

frontend/src/App.vue

@@ -45,7 +45,6 @@ onMounted(() => {
 </template>
 
 <style scoped>
-.desktop-topbar { display: block; }
 .m-topbar { display: none; }
 
 @media (max-width: 767px) {