/***********************************************/
/* HTML tag styles                             */
/***********************************************/ 

/* a{ text-decoration: none; } */
/* a:link {color: #07519A}						未访问的链接 */
/* a:visited {color: #990066}					已访问的链接 */
/* a:hover {color: #990066; cursor:pointer;}	鼠标移动到链接上 */
/* a:active {color: #07519A}					选定的链接 */
/* a img { border: none; } */

/* 自定义样式 */

/* 导航栏样式 */
.top-nav {
	box-shadow: 0 2px 10px rgba(0,0,0,0.1);
}

.logo {
	width: 120px;
	height: 40px;
	background: #eee;
}

.search-box {
	max-width: 200px;
}

.sidebar {
	background: #f8f8f8;
	border-right: 1px solid #eee;
}

.side-nav .list-group-item {
	border: none;
	color: #666;
	background: transparent;
}

.side-nav .list-group-item:hover {
	background: #eee;
}

.list-item {
	border: 1px solid #eee;
	border-radius: 8px;
	box-shadow: 0 2px 5px rgba(0,0,0,0.05);
}

.pagination .page-item .page-link {
	border-radius: 4px;
	border: 1px solid #ddd;
	margin: 0 5px;
}

body {
	/* padding-top: 80px; 补偿固定导航栏高度 */
}
.footstyle li{list-style:none;color: #fff;font-family: '微软雅黑';font-size: 14px;}
.footstyle a:link{color: #fff;}
.footstyle a:visited{color: #fff;}
a {
	text-decoration: none;
}
.imgTitle2{
	font-size: 0pt;
	border:0;
	/* width:300px;*/
	padding: 0px 0px 0px 0px;
	margin:0;
	float:left;

}
.imgTitle2 img{
	border:0;
	margin:10px;
	/* margin-left:50px ; */
	margin-right:50px ;
	padding:0;
	/*width:200px;
	height:86px; */
	max-height:86px;
	max-width:200px
}


/* 修改顶部导航栏样式 */
.navbar-nav .nav-link {
	font-size: 1.1rem;  /* 字体放大到1.2倍 */
	font-weight: 500;   /* 中等字重 */
	margin: 0 1.0rem;   /* 左右间距 */
	padding: 0.5rem 0;  /* 上下内边距 */
}
/* .navbar-nav{ */
	/* margin-left: 1.5rem;    左右间距 */
/* } */
.navbar-nav .nav-item .nav-link {
	white-space: nowrap; /* 阻止文本换行 */
	overflow: hidden;    /* 可选：隐藏溢出内容 */
	text-overflow: ellipsis; /* 可选：用省略号表示溢出内容 */
}

/* 移动端适配 */
@media (max-width: 992px) {
	.navbar-nav {
		text-align: center;
	}
	.navbar-nav .nav-link {
		margin: 0.5rem 0;  /* 移动端垂直间距 */
		font-size: 1.1rem;
	}
}
 

/* 左侧导航栏样式 */
.side-nav .list-group-item {
	font-size: 1.1rem;    /* 侧边导航字体放大 */
	padding: 12px 20px;   /* 增大内边距 */
	margin: 6px 0;        /* 增加垂直间距 */
	border-radius: 8px!important; /* 圆角效果 */
	text-align: center !important;  /* 强制文字居中 */
	transition: all 0.3s ease;     /* 添加过渡动画 */
}


/* 点击后样式 */
.side-nav .list-group-item.active,
.side-nav .list-group-item:active {
	background: #ffffff !important;
	color: #007bff;
	border-color: #007bff !important;
	position: relative;
	padding-left: 35px;
}

/* 悬停效果 */
.side-nav .list-group-item:hover {
	background: #f0f0f0;
}
/* .my-container-fluid {
	height: 800px;  
} */




.nav-link:focus, .nav-link:hover {
	color: #007bff;
}
.nav-itemLogin{
	  margin-left: 2rem;
	  /* margin-top: 0.4rem; */
	  white-space: nowrap; /* 阻止文本换行 */
}

/* 导航栏样式 */

/* 原有样式保持不变 */

/* ... (之前的CSS代码) ... */

/* 响应式设计 - 媒体查询 */

/* 针对小屏幕设备（如手机） */
@media (max-width: 576px) {
    .navbar-nav .nav-link {
        font-size: 1rem; /* 稍微减小字体大小以适应小屏幕 */
        margin: 0 0.5rem; /* 减小左右间距 */
    }
    .imgTitle2 img {
        max-width: 100%; /* 图片宽度自适应屏幕宽度 */
        margin-left: 20px; /* 减小左右边距 */
        margin-right: 20px;
    }
    /* 可能还需要调整其他元素的样式以适应小屏幕 */
}

/* 针对中等屏幕设备（如平板） */
@media (min-width: 577px) and (max-width: 768px) {
    .navbar-nav .nav-link {
        font-size: 1.05rem; /* 字体大小适中 */
        margin: 0 0.75rem; /* 适当的左右间距 */
    }
    .imgTitle2 img {
        max-width: 100%;
        /* margin-left: 30px; */
        margin-right: 30px;
    }
    /* 其他必要的调整 */
}

/* 针对大屏幕设备（如桌面） */
@media (min-width: 769px) {
    .navbar-nav .nav-link {
        font-size: 1.1rem; /* 保持原有的字体大小或稍作调整 */
        margin: 0 1.0rem; /* 保持原有的左右间距或稍作调整 */
    }
    .imgTitle2 img {
        /* 可以保持原有的样式或进行微调 */
        max-width: 100%; /* 确保图片不会超出容器宽度 */
        /* margin-left: 50px; */
        margin-right: 50px;
    }
    /* 其他针对大屏幕的优化 */
}

/* 注意：这里的屏幕尺寸断点（576px, 768px）是Bootstrap框架的默认断点，
   但您可以根据您的设计需求进行调整。同时，这些样式只是示例，
   您可能需要根据您的具体布局和内容进行更详细的调整。 */

 
/* 横向滚动方案优化 */
.top-nav {
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
	position: relative;
  }
  
  .navbar-nav {
	flex-wrap: nowrap;
	padding-bottom: 8px; /* 为滚动条预留空间 */
  }
  
  /* 移动端隐藏LOGO（可选） */
  @media (max-width: 992px) {
	.logo {
	  display: none;
	}
  }
  
  /* 滚动条样式美化（可选） */
  .top-nav::-webkit-scrollbar {
	height: 4px;
	background: #f1f1f1;
  }
  .top-nav::-webkit-scrollbar-thumb {
	background: #888;
	border-radius: 2px;
  }

/* 底部footer样式设定 */
  .footer {
	margin: 0 auto;
	width: 100%;
	height: 30px; /* 降低高度 */
	background-color: #f8f9fa ; /* 淡灰色背景 */
	text-align: center;
	line-height: 30px; /* 与高度相同以确保垂直居中 */
	color: black;
	font-size: 10px; /* 可能需要调整字体大小以适应新高度 */
}
.footer img {
	vertical-align: middle; /* 图片垂直居中 */
	height: 16px; /* 可能需要调整图片大小以适应新高度 */
	width: auto; /* 保持图片宽高比 */
}
.footer a {
	color: black;
	text-decoration: none;
	margin-left: 5px; /* 调整与版权信息的间距 */
	font-size: 10px; /* 保持字体大小一致 */
}


/* 固定导航栏 start 效果不好，先屏蔽 */
/*.top-nav { */
/*  position: fixed; */
/*  top: 0; */
/*  width: 100%; */
/*  z-index: 1030; /* 高于Bootstrap模态框默认值(1050) */
/*} */
/* */
/*body { */
/*  padding-top: 60px;/* 与导航栏高度一致 */
/*} */
/* */
/*.sidebar-new { */
/*  height: calc(100vh - 60px); */
/*  position: sticky; */
/*  top: 60px; */
/*} */
/*main { */
/*  height: calc(100vh - 60px); */
/*  overflow-y: auto; */
/*} */
/* 固定导航栏 end */

/* 左边导航栏高度 */
.sidebar-new {
    height: calc(100vh - 120px);
}
 /* 可以让顶部固定，只滚动页面下部分区域 */
.my-container-fluid{
    height: calc(100vh - 110px);
    overflow-y: auto;
}


/* 登录按钮样式 */



	/* 自定义按钮样式 */
    .custom-btn-login, .custom-btn-register {
      color: white !important;
      transition: all 0.3s ease;
      background: linear-gradient(135deg, #3B82F6 0%, #2563EB 100%);
      border: 1px solid #1D4ED8;
    }

    .custom-btn-login:hover {
      background: linear-gradient(135deg, #2563EB 0%, #1D4ED8 100%);
      transform: translateY(-1px);
    }

    .custom-btn-register {
      background: linear-gradient(135deg, #60A5FA 0%, #3B82F6 100%);
      border-color: #2563EB;
    }

    .register-btn:hover {
      background: linear-gradient(135deg, #3B82F6 0%, #2563EB 100%);
      transform: translateY(-1px);
    }

    /* 移除默认链接样式 */
    .nav-link.login-btn,
    .nav-link.register-btn {
      --bs-nav-link-hover-color: white;
      --bs-nav-link-color: white;
    }