/* 全局样式 */

/* 确保所有菜单项显示在同一层级 */
.el-menu--horizontal {
  display: flex !important;
  flex-wrap: nowrap !important;
  overflow: visible !important;
  border-bottom: none !important;
  background-color: transparent !important;
}

.el-menu--horizontal > .el-menu-item {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  pointer-events: auto !important;
  flex-shrink: 0 !important;
  border-bottom: none !important;
  height: 70px !important;
  line-height: 70px !important;
}

/* 菜单项样式 */
.el-menu-demo.main-nav {
  border-bottom: none !important;
  background-color: transparent !important;
  height: 70px !important;
}

/* 确保所有菜单项都显示 */
.el-menu-item[index="/"],
.el-menu-item[index="/music"],
.el-menu-item[index="/playlist"],
.el-menu-item[index="/singer"] {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  height: 70px !important;
  line-height: 70px !important;
  font-size: 16px !important;
  font-weight: 500 !important;
  padding: 0 20px !important;
  min-width: 80px !important;
}

/* 移除更多菜单按钮，但保留菜单项 */
.el-menu--horizontal .el-sub-menu__icon-more,
.el-menu--horizontal .el-icon--more {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

/* 防止双滚动条 */
html, body {
  overflow: hidden; /* 禁止整个页面滚动 */
}

/* 确保内容区域只有一个滚动条 */
.el-main {
  overflow-y: hidden !important;
  overflow-x: hidden !important;
}

/* 确保所有页面内容区域适应高度 */
.home-container,
.music-page,
.playlist-container,
.singer-container,
.search-container,
.user-container,
.singer-detail-container,
.playlist-detail-container {
  height: 100%;
}
