/* ===== 页面整体背景（框框外） ===== */
body.main-body {
  background: linear-gradient(135deg, #ffffff); /* 浅蓝绿渐变#1976d2, #2F9651 */#E6F1F1
  font-family: 'Lato', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  color: #212121;
  margin: 0;
  padding: 0;
  height: 100%;
  padding-top: 0px;
}

/* 在 home 页面上不使用背景 */
body.home-page {
  background: #F0F5F5; /* 或设置为透明，去掉渐变背景 */
}


/* ===== 顶部导航栏 ===== */
.navbar-default {
  background: linear-gradient(to right, #004f87, #00b8d4)!important;  /* 蓝到浅青的渐变#4b5d50#3b6a45#006747 #004d2c#2d2d2d #6BBF9F#66D7C2#424242*/
  border: none;
  border-radius:0px;
  width: 100%;  /* 设置导航栏宽度 */
  box-shadow: 0 0px 0px rgba(0,0,0,0); /* 去除阴影 */
  margin: 0 auto;  /* 使导航栏居中 */
  padding-top: 20px;  /* 调整顶部内边距 */
  padding-bottom: 5px;  /* 调整底部内边距 */
}


/* 导航按钮字体和颜色 - 修正了语法错误 */
.navbar-default .navbar-nav {
  display: flex;  /* 使用 Flexbox 布局 */
  margin-left: 10%;  /* 将所有按钮推向右侧 */
}

.navbar-default .navbar-nav > li > a {
  font-family: 'Lato', 'Helvetica Neue';
  font-size: 23px;          /* 字体大小 */
  font-weight: 450;
  color: #ffffff !important; /* 修正：添加了分号和正确的!important语法 */
  transition: all 0.2s ease-in-out;
  margin-left: 30px;
}


/* 悬停和选中状态 */
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li.active > a {
  color: #ffffff !important; /* 深蓝 */
  background-color: rgba(25,118,210,0.1); /* 半透明浅蓝 */
  border-radius: 6px;
}

/* 点击后（active 状态） */
.navbar-default .navbar-nav > li.active > a,
.navbar-default .navbar-nav > li > a:focus,
.navbar-default .navbar-nav > li > a:active {
  background-color: transparent  !important; /* 半透明蓝色 */
  color: #ffffff !important;
  border-radius: 6px;
  box-shadow: none !important; /* 移除黑边阴影 */
  text-decoration: underline !important;  /* 添加下划线 */
}

/* ===== 框框（内容容器） ===== */
.container-fluid, .tab-content, .tab-pane, {
  background: linear-gradient(135deg,#F0F5F5);        /* 白色内容区 #1976d2 , #2F9651  */
  border-radius: 0px;
  padding: 0px;
  margin-top: 0px;
  box-shadow: none;
}

.panel {
  background: transparent; /* 半透明白 */
  border: none;
  border-radius: 0px;
  box-shadow: 0 2px 8px rgba(0,0,0,0);
}

.panel-body {
  background: transparent;
  font-weight: 1200;
  color: #ffffff;
}


/* ===== 按钮 ===== */
.btn {
  border-radius: 6px;
  font-weight: 700;
  padding: 8px 8px;
  transition: all 0.2s ease-in-out;
}

.btn-primary {
  background-color: #004f87;
  color: #f7f7f7;  /* 设置字体颜色为蓝色 */
  border-color:transparent;  /* 设置边框颜色为蓝色 */
}
/* 默认状态下，按钮背景是白色，字体是蓝色 */
.btn-success, .btn-info {
  background-color: #f7f7f7!important;
  color: #004f87!important;  /* 设置字体颜色为蓝色 */
  border-color:transparent;  /* 设置边框颜色为蓝色 */
}

/* 按钮点击后的样式 */
.btn-primary:active, .btn-success:active, .btn-info:active {
  background-color:#004f87!important;  /* 点击后的背景颜色为蓝色 */
  color:#f7f7f7!important;  /* 点击后的字体颜色为白色 */
  border-color: transparent;  /* 点击后的边框颜色为蓝色 */
}

/* 当按钮处于悬停状态时的样式 */
.btn-primary:hover, .btn-success:hover, .btn-info:hover {
  background-color: #004f87!important;
  color:#f7f7f7!important;
  border-color:transparent;
}


/* ===== 表格 ===== */
table.dataTable {
  background: #ffffff;
  color: #212121;
  border-radius: 12px;
}
/* 调整表格容器的宽度和背景 */
.dataTables_wrapper {
  /* 宽度设置：可使用固定值（如px）或百分比 */
  width: 150% !important; 
  color: #000000 !important;
  background:transparent; 
  margin: 0 auto !important; /* 水平居中 */
  border-radius: 12px; /* 与表格圆角一致 */
  padding: 15px; /* 容器内边距，避免内容贴边 */
}
.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
  background:transparent;
  color: #fff ;
}

/* ===== 输入框 ===== */
.form-control {
  background: #f7f7f7;
  border: 1px solid #212121;
  border-radius: 6px;
  height: 37.5px; 
  color: #212121;
}
.form-control:focus {
  border-color: #f7f7f7;
}