/* 本样式表是bootstrap css的部分重写及补充 */

body {background-color:#eee; margin-top:90px; font-size:14px;}  /* margin-top 用于导航栏固定顶部模式 */
a {text-decoration:none;}
h1,h2,h3,h4,h5,h6 {font-family:"微软雅黑"; font-weight:bold;}
p {padding-bottom:0;}
img {max-width:100%}
table{white-space: nowrap; overflow-x: auto;}  /* 表格内容不换行 */
input, textarea, textarea:hover, form-control, .btn{
	margin-top:2px;	margin-bottom:2px; font-size:inherit !important;
}

/* 自定义汉堡图标 */
.custom-toggler {
    display: flex;
    align-items: center;
    background:transparent;
    border:1px solid #d9925c !important;
    padding: 5px 10px !important;
    margin-right: 5px;
  }
.custom-toggler .bi-list {
    margin-left: 0.2rem;
    font-size: 1.4rem;
    color: #d9925c;
}
.toggler-text {
    font-size: 1.1rem;
    color: #d9925c;
	white-space: nowrap; /* 文字不换行 */
}

/*
表格内容自动换行。用于内容较多的td
注意：调用之前需先对table应用 w-100 类！
*/
.td-wrap {
    word-wrap: break-word; /* 自动换行 */
    white-space: normal; /* 允许换行 */
}

/** 进度条 **/
.progress-bar{
    background-color: #7deda8ff !important;
}


/* 定义按钮组高度，以保证搜索框与按钮高度一致 */
.input-group .form-control,
.input-group .btn,
.input-group .form-select {
    height: 35px;
	width:auto;
}
.input-group .form-select {
	margin-top:2px;
}


/** 自定义滚动条 **/
/* WebKit browsers */
::-webkit-scrollbar {
    width: 12px; /* 滚动条宽度 */
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
}
::-webkit-scrollbar-thumb {
    background: linear-gradient(180deg, #1e3c72 0%, #9085d6 100%); /* 上下蓝紫渐变色滑块 */
    border-radius: 6px; /* 滑块圆角 */
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
}
::-webkit-scrollbar-track {
    background: #f1f1f1;
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
}
::-webkit-scrollbar-corner {
    background: #fff; /* 角落背景颜色 */
}
/* Firefox */
* {
    scrollbar-width: thin !important; /* 滚动条宽度 */
    scrollbar-color: #1e3c72 #f1f1f1 !important; /* 使用起始颜色作为滑块颜色 | 轨道颜色 */
}

/* 导航栏滚动条样式 */
.nav-whole {
    overflow-y: auto;
    height: calc(100vh - 100px);
}



/* 将导航栏点击出现二级菜单改为悬停出现 */
.dropdown:hover .dropdown-menu {
    display: block;
}
/* 导航栏下拉菜单 */
.dropdown-item {
    font-size:smaller;
    border-radius: 5px;
    margin-left:10px;
    margin-right:10px;
    width: auto;
}
.dropdown-item:hover {
    background-color:#eee;
}
/* 导航栏阴影 */
.navbar {
    -webkit-box-shadow: 0 8px 6px -6px #999;
    -moz-box-shadow: 0 8px 6px -6px #999;
    box-shadow: 0 8px 6px -6px #999;
}


/* 保证内容强制换行（保留空白），避免长代码撑破布局 */
.text-wrap {
    word-wrap: break-word; /* 支持旧版本浏览器 */
    overflow-wrap: break-word; /* 标准属性 */
    word-break: break-all;
    white-space: normal;
}


/**
 * 导航栏悬停出现按钮效果
 */
/* 青色背景导航栏 */
.nav-cyan.navbar .nav-link {
    position: relative;
    padding: 5px 12px;
    border-radius: 5px; 
    margin: 0 2px;
    transition: background-color 0.3s ease; /* 平滑过渡 */
}
.nav-cyan.navbar .nav-link:hover {
    background-color: #66CCCC; /* 淡青色 */
	color:#FFF !important;
}
.nav-cyan.navbar .nav-link:not(:hover) {
    background-color: transparent; /* 确保非悬停状态下背景透明 */
}
/* 下拉菜单 */
.nav-cyan .dropdown-item:hover {
    background-color:#66CCCC; /* 淡青色 */
    color:#FFF !important;
}

/* 绿色背景导航栏 */
.nav-green.navbar .nav-link {
    position: relative;
    padding: 0.5rem 1rem;
    border-radius: 0.5rem; 
    margin: 0 0.25rem;
    transition: background-color 0.3s ease;
}
.nav-green.navbar .nav-link:hover {
    background-color: #2DDA93; /* 浅绿色 */
	color:#FFF !important;
}
.nav-green.navbar .nav-link:not(:hover) {
    background-color: transparent; /* 确保非悬停状态下背景透明 */
}
/* 下拉菜单 */
.nav-green .dropdown-item:hover {
    background-color:#2DDA93; /* 浅绿色 */;
    color:#FFF !important;
}

/* 青绿色渐变背景导航栏 */
.bg-cyan-gradient {
    background: linear-gradient(135deg, #009999 0%, #33aa99 100%) !important;
    color: #FFF !important;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease;
}
.bg-cyan-gradient .navbar-brand,
.bg-cyan-gradient .nav-link {
    color: #FFF !important;
    transition: all 0.3s ease;
    padding: 0.4rem 0.8rem !important;
}
.bg-cyan-gradient .nav-link:hover,
.bg-cyan-gradient .nav-link:focus {
    background-color: rgba(255, 255, 255, 0.1);
    border-radius: 8px;
    box-shadow: 0 0 8px 2px rgba(255, 255, 255, 0.4);
}
.bg-cyan-gradient .navbar-toggler {
    color: rgba(255, 255, 255, 0.6) !important;
    border-color: rgba(255, 255, 255, 0.5) !important;
}
.bg-cyan-gradient .toggler-text,
.bg-cyan-gradient .bi-list {
    color: rgba(255, 255, 255, 0.6) !important;
}


/**
 * /.导航栏悬停出现按钮效果
 */

.form-control {font-size:14px;}
.card {border:0;}


/* 手机版 */
@media (max-width: 768px) {
    body {font-size:16px; margin-top:70px; }
	.form-control {font-size:16px;}	
}