/* 经典蓝白风格 */
body {
   /*background: linear-gradient(to bottom, #f0f8ff, #d6e9f8); /* 浅蓝色到更浅蓝色渐变 */
    background-color:  #f0f8ff; /* 浅蓝色背景 */
    color: #2c3e50; /* 深蓝色主要文本 */
    font-family: "Microsoft Yahei", Verdana, Simsun, "Segoe UI Web Light", "Segoe UI Light", "Segoe UI Web Regular", "Segoe UI", "Segoe UI Symbol", "Helvetica Neue", Arial sans-serif; /* 宋体 */
.navbar {
/*    background: linear-gradient(to right, #2980b9, #6dd5fa); /* 深蓝色到浅蓝色渐变 */
    background: linear-gradient(to right, #6dd5fa, #2980b9); /* 从浅蓝色到深蓝色的水平渐变 */
/*background: linear-gradient(to left, #d4f1ff 10%, #6dd5fa 50%, #004e92 90%);
*/
/*background: linear-gradient(to left, #d4f1ff, #004e92); /* 从更浅的蓝色到更深的蓝色 */


    /*background-color: #2980b9;!important*/ /* 深蓝色导航栏 */
    /*padding: 1rem;*/ /* 增加内边距 */
  /*  display: flex;*/ /* 使用 Flexbox 布局 */
 /*   justify-content: space-between;*/ /* 水平间距分配 */
   /* align-items: center;*/ /* 垂直居中对齐 */
}
    .navbar-toggler-icon {
        background-image: url('hamburger-icon1.svg'); /* 设置图标路径 */
        background-size: contain; /* 确保图标适应 */
        width: 30px; /* 设置宽度 */
        height: 30px; /* 设置高度 */
    }
.navbar a {
    color: #ffffff!important; /* 白色链接 */
    text-decoration: none; /* 去掉下划线 */
 /*   margin: 0 1rem;*/ /* 增加链接间距 */
}

.navbar a:hover {
    color: #dcdde1; /* 悬停状态：浅灰色 */
    text-decoration: underline; /* 悬停状态：下划线 */
}
/* Dropdown menu style */
.nav-item .dropdown-menu {
    background-color: #2980b9; /* 深蓝色背景 */
    border: none; /* 去掉边框 */
    border-radius: 0.25rem; /* 圆角 */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* 添加阴影 */
}

/* Dropdown items */
.nav-item .dropdown-item {
    color: #ffffff; /* 白色文本 */
    padding: 0.5rem 1rem; /* 内边距 */
    text-decoration: none; /* 去掉下划线 */
}

.nav-item .dropdown-item:hover {
    color: #dcdde1; /* 浅灰色悬停文本 */
    background-color: #3498db; /* 浅蓝色悬停背景 */
}

.button {
    background-color: #27ae60; /* 绿色按钮 */
    color: #ffffff; /* 按钮文本：白色 */
    padding: 0.5rem 1rem; /* 按钮内边距 */
    border: none; /* 去掉边框 */
    border-radius: 0.25rem; /* 圆角 */
    cursor: pointer; /* 鼠标指针为手型 */
}

.border {
    border: 1px solid #bdc3c7; /* 浅灰色边框 */
}

.success {
    color: #2ecc71; /* 成功状态绿色 */
}

.warning {
    color: #f39c12; /* 警告状态橙色 */
}

.error {
    color: #e74c3c; /* 错误状态红色 */
}