body, html {
    margin: 0;
    padding: 0;
    height: fit-content;
    width:  2000px;
    /* 关键：防止整体内容溢出 */
    overflow: hidden; 
}

el-aside {
    padding: 0 !important;
    margin: 0 !important;
}

/* 侧边栏样式 */
.el-menu-vertical-demo:not(.el-menu--collapse) {
  width: 200px;
  min-height: 400px;
}

/* 绘制一个侧边栏小动画盖住少的1像素，同时美化侧边栏 */
.el-menu-item {
    position: relative;
    overflow: hidden;
}

.el-menu-item::after {
    content: '';
    position: absolute;
    right: 0;
    top: 50%; /* 默认情况下居中 */
    transform: translateY(-50%);
    height: 0; /* 默认隐藏 */
    width: 3px;
    background-color: #409eff; /* 默认颜色为蓝色 */
    border-radius: 2px;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

/* --- 1. 选中项（常亮蓝色，100%高度） --- */
.el-menu-item.active-menu::after {
    height: 100%; /* 选中时变成100%高度 */
    top: 0%; /* 从顶部开始 */
    transform: translateY(0); /* 取消 transform: translateY(-50%) */
    background-color: #409eff; /* 确保常亮为蓝色 */
}

/* 选中项的背景色（保持不变，如果你需要） */
.el-menu-item.active-menu {
    background-color: #434a50 !important;
}

/* --- 2. 悬停时的小动画（100%高度，变灰） --- */
.el-menu-item:not(.active-menu):hover::after {
    height: 100%; /* 悬停时变成100%高度 */
    background-color: #666; /* 悬停时变成灰色 */
    top: 0%; /* 从顶部开始 */
    transform: translateY(0); /* 取消 transform: translateY(-50%) */
}

/* 首页主体 */
.Main_Main {
  display: flex;
  align-items: center;
  gap: 15px;
  position: relative; /* 为绝对定位提供参考 */
}

.Main_Autocomplete {
  flex: 1;
  margin-left: -40px; /* 让文本框从容器宽度的5%处开始 */
  width: 860px; 
}

/* 调整 autocomplete 整体高度 */
.Main_Autocomplete {
  flex: 1;
  margin-left: -40px; 
  width: 860px;
  /* 建议：在这里设置的高度应与 el-input__wrapper/el-input 保持一致 */
  height: 50px; 
}

/* 修正 el-input__wrapper/el-input 的高度，使用合理的数值 */
:deep(.Main_Autocomplete .el-input),
:deep(.Main_Autocomplete .el-input__wrapper) {
  height: 50px; /* 假设您希望整体输入框高度为 80px */
}

/* 调整输入框内部 (el-input__inner) */
:deep(.Main_Autocomplete .el-input__inner) {
  /* 确保字体大小生效 */
  font-size: 80px; 
  
  /* 调整输入框的内边距，使其与大字号配合 */
  padding: 0 20px;

  /* 移除不合理的 height 和 line-height，让其从父级继承或设置为 auto */
  /* 如果一定要设置高度和行高，应该接近字号或输入框wrapper的高度 */
  /* 建议：让行高等于输入框的实际高度，以实现文字垂直居中 */
  /* 假设您想让输入框整体高度为 80px，那么 line-height 也应该是 80px */
  /* 如果您希望输入框整体高度为 160px（如您在上方设置的），请调整下面的数值 */
  height: 50px; /* 调整为合理的高度 */
  line-height: 50px; /* 调整为合理行高，通常等于高度以垂直居中 */

  /* 确保 input__wrapper 的高度设置在 160px 生效，并让 inner 适应 */
}

/* 调整图标大小 */
.search-icon {
  position: absolute;
  left: 1120px; /* 根据文本框位置调整图标位置 */
  font-size: 40px;
  width: 80px;
  height: 80px;
  flex-shrink: 0;
}

.my-autocomplete {
  /* 使用 transform: translateX() 来微调位置，-40px 抵消 Main_Autocomplete 的 margin-left: -40px */
  /* 如果偏差不是正好 40px，您可以调整这个数值 */
  transform: translateX(-40px);
}

/* 调整下拉菜单样式 */
:deep(.my-autocomplete .el-autocomplete-suggestion__list) {
  font-size: 18px;
  line-height: 2;
}

/* header 边框的样式 */
.Main_Header {
    /* 例如：移除默认的垂直边距，让它更容易被 align-items: center 对齐 */
    margin: 0; 
}

.Main_Header_Context {
    /* 例如：向左移动 10px，让它更靠近 el-page-header */
    margin-left: -42px; 
}

.Header_Logo {
    /* 例如：向左移动 10px，让它更靠近 el-page-header */
    margin-left: 1150px; 
}

.Header_Link {
    /* 例如：向左移动 10px，让它更靠近 el-page-header */
    margin-left: 5px; 
}

/* header 边框的样式 */
.header-border {
    /* 设置一个高度 */
    height: 1px; 
    /* 设置一个背景色或边框 */
    background-color: #888787; /* 例如浅灰色背景线 */
    /* 确保它在底部，并且占据全部宽度 */
    width: 100%; 
    /* 消除可能存在的默认边距 */
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    margin-left: 0;
  }

.el-header.with-border::after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 1px;
  background-color: #888787;
}