前端UI界面美化-2

frontend/src/components/Layout.vue

@@ -90,9 +90,7 @@
     <el-container class="main-container">
       <el-header class="layout-header">
         <div class="header-left">
-          <div class="breadcrumb-study" v-if="study.currentStudy">
-            <el-tag effect="plain" class="study-tag">{{ study.currentStudy.name }}</el-tag>
-          </div>
+          <!-- 移除冗余的 study-tag，由 StudySelector 统一展示交互 -->
         </div>
         <div class="header-right">
           <StudySelector />
@@ -215,11 +213,22 @@ const onLogout = () => {
 :deep(.el-sub-menu__title) {
   color: rgba(255, 255, 255, 0.65) !important;
   margin: 4px 12px;
+  border-radius: var(--ctms-radius);
 }
 
 :deep(.el-sub-menu__title:hover) {
   color: #fff !important;
-  background-color: transparent !important;
+  background-color: rgba(255, 255, 255, 0.1) !important;
+}
+
+:deep(.el-menu--inline) {
+  background-color: rgba(0, 0, 0, 0.2) !important;
+  margin: 0 !important;
+}
+
+:deep(.el-menu--inline .el-menu-item) {
+  padding-left: 48px !important;
+  margin: 2px 12px;
 }
 
 .layout-header {