/*
Theme Name: Accel-S
Theme URI: http://accelcap.cn
Author: 李红毅
Author URI: http://accelcap.cn
Description: 加速资本全球企业家俱乐部官方主题
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: your-text-domain
*/


    /* 顶部栏样式 */
    .topbar {
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 60px;
      background-color: #ffffff;
      box-shadow: 0px 20px 20px -20px #e2e2e2;
      z-index: 999;
      display: flex; /* 使用 Flexbox 布局 */
      align-items: center; /* 垂直居中对齐 */
    }
    
    .logo {
      float: left;
      margin-left: 50px;
    }
    
    .logo img {
      width: 150px;
      height: 35px;
    }
    
    .user {
      padding-right: 50px;/* 用户名右侧添加50边距 */
      flex: 1; /* 撑满剩余空间 */
      margin-right: 10px;
      text-align: right;
      display: flex; /* 使用 Flexbox 布局 */
      align-items: center; /* 垂直居中对齐 */
      justify-content: flex-end; /* 内容靠右对齐 */
    }
    
    
    .user-avatar {
      width: 38px;
      height: 38px;
      border-radius: 50%;
      margin-right: 10px; /* 调整头像右边距 */
    }
    
    .user-info {
      display: inline-block;
      vertical-align: middle;
    }
    
    /* 侧边栏样式 */
    .sidebar {
      position: fixed;
      top: 60px; /* 顶部栏的高度 */
      left: 0;
      width: 200px;
      height: calc(100% - 60px); /* 减去顶部栏的高度 */
      background-color: #ffffff; /* 背景色改为白色 */
    }
    
    .sidebar ul {
      list-style: none;
      padding: 0;
      margin: 50px 0;
    }
    
    .sidebar ul li {
      margin-bottom: 5px;
    }
    
 .sidebar ul li a {
  font-family: "微软雅黑", sans-serif;
  color: #000000;
  display: block;
  height: 50px;
  line-height: 50px;
  text-decoration: none;
  padding-left: 50px; /* 添加左边距 */
  box-sizing: border-box; /* 将padding计算在内，不改变元素宽度 */
}

.sidebar ul li a .menu-icon {  /*导航栏图标大小*/
  float: left;
  width: 22px;
  height: 22px;
  margin-right: 10px;
  background-size: cover;
}

    .sidebar ul li a:hover,
    .sidebar ul li a.active {
      background-color: #ffffff; /* 鼠标悬停时背景色保持为白色 */
      color: #2d8cf0; /* 鼠标悬停或菜单选中时字体颜色为#2d8cf0 */
    }
    
    .sidebar ul li a.active {
      background-color: #f0faff; /* 菜单选中时字体颜色为#f0faff */
}
    .sidebar ul li a.active {
  background-color: #f0faff;
  position: relative; /* 添加相对定位 */
  overflow: hidden; /* 隐藏溢出部分 */
}


.sidebar ul li a.active::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 100%;
  transform: translate(-100%, -50%);
  width: 2px;
  height: 50px;
  background-color: #2d8cf0;
}

    /*小图标与导航文字居中对齐*/
    .sidebar ul li a .menu-item {
  display: flex;
  align-items: center;
}

.sidebar ul li a .menu-icon {
  width: 22px;
  height: 22px;
  margin-right: 10px;
  background-size: cover;
}
/*小图标与导航文字居中对齐*/

    /* 页面内容样式 */
    .content {
      margin-left: 200px; /* 侧边栏的宽度 */
      padding-top: 60px; /* 顶部边距 */
    }
    
    /* 清除浮动 */
    .clearfix::after {
      content: "";
      display: table;
      clear: both;
    }
    


    /* 修改后首页背景图样式 */
    .home-content {
      background-image: url("https://jc.likeqian.co/uploads/20230706/c6d585e8c9bfffe53ac8799e89e3c334.png");
      background-position: center;
      background-repeat: no-repeat;
      background-size: cover;
      width: 100%;
      height: calc(100vh - 60px); /* 减去顶部栏的高度 */
      padding: 0;
    }
    
    /*圆角矩形按钮样式*/
    .custom-button {
  width: 360px;
  height: 80px;
  border-radius: 2.5rem;
  background-color: #2d8cf0;
  color: #ffffff;
  font-size: 1.5rem;
}

.custom-button:hover {
  background-color: #2979d8;
}

    /* 去掉body的margin */
    body {
      margin: 0;
    }