/* 导航下拉菜单样式 */
.dropdown-menu {
  border: none;
  border-radius: 0;
  box-shadow: 0 4px 8px rgba(0,0,0,0.1);
  margin-top: 0;
  padding: 0;
}

.dropdown-item {
  padding: 0.75rem 1.5rem;
  color: #04301ad5;
  transition: all 0.2s ease;
  position: relative;
  font-weight: 600;
}

/* 下拉菜单悬停效果 */
.dropdown-item:hover, 
.dropdown-item:focus {
  background-color: #a2d4b34b;
  color: #ffa319 !important;
  padding-left: 2rem;
}

/* 下拉菜单激活状态 */
.dropdown-item.active {
  background-color: #388d5dbb;
  color: white !important;
}



/* 子页面按钮 */
/* 默认样式 */
.gene-button {
    background-color: #ffe5ec; /* 默认背景色 */
    color: inherit; /* 文字颜色继承自父元素 */
    border: none; /* 无边框 */
    padding: 5px 10px; /* 内边距 */
    text-align: center; /* 文字居中 */
    text-decoration: none; /* 去除下划线 */
    display: inline-block; /* 行内块级元素 */
    /* font-size: 16px; 字体大小 */
    /* margin: 4px 2px; 外边距 */
    cursor: pointer; /* 鼠标悬停时显示指针 */
    border-radius: 15px; /* 圆角边框 */
  }
  /* 悬停样式 */
  .gene-button:hover {
    background-color: #f08080; /* 悬停时的背景色 */
    color: #ffffff; /* 悬停时的文字颜色 */
  }
  
  /* Score链接 */
  .custom-link-class {
      color: #f08080; /* 设置链接的默认颜色 */
      text-decoration: underline; /* 移除链接的下划线 */
  }
  /* 悬停 */
  .custom-link-class:hover {
      color: #bc4b51; /* 设置链接悬停时的颜色 */
      text-decoration: none; /* 如果你希望在悬停时仍然保持无下划线，可以保留为none */
      /* 但由于你想要移除下划线，所以这里应该设置为none或者省略该行 */
  }

      /* PMID链接 */
      .pmid-link {
        color: #388D5D;
        text-decoration: underline;
      }
      .pmid-link:hover {
        color: #ffa319;
      }

  
  
  /* 卡片标题 */
  .card-title-custom {
    position: relative; /* 为伪元素定位 */
    padding: 8px 20px; /* 内边距 */
    font-weight: bold;
    color: #388D5D;
    margin-bottom: 10px; /* 与表格之间的间距 */
    font-size: 22px;
    /* margin-left: 12px; */
  }
  
  .card-title-custom::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 7px; /* 色块的宽度 */
    height: 85%;
    background-color: #388D5D; /* 色块的颜色 */
  }
  
  .card-title-custom::after {
    content: '';
    display: block;
    margin-top: 8px; /* 与标题文本的间距 */
    height: 1px;
    background: repeating-linear-gradient(90deg, transparent, transparent 2px, #388D5D 4px, #388D5D 6px); /* 点状虚线效果 */
  }
  
   /* 为问号图标设置样式 */
   .question-mark {
              margin-left: 5px; /* 与表头文本保持一定距离 */
              cursor: help; /* 改变鼠标悬停时的光标样式 */
   }

   .navbar-nav .nav-item {
    margin-right: 15px; /* 增加右边距来增加水平方向的间距 */
  }
  .navbar-nav .nav-link {
    font-size: 1.1em;
  }

  /* 强调文字 */
  .em-font {
    color:#f6aa1c;
    font-weight: bold;
  }