/* 经典蓝白风格（白色背景导航栏和页面） */
body {
    background-color: #ffffff; /* 白色背景 */
    color: #2c3e50; /* 深蓝色主要文本 */

}
.has-bg {
    background-color: #ffffff;
}
.navbar {
    background-color: #ffffff; /* 白色导航栏背景 */
    /*border-bottom: 2px solid #2980b9; /* 深蓝色底边框 */
    padding: 1rem; /* 增加内边距 */
    position: relative; /* 使伪元素定位相对于导航栏 */
}

.navbar-toggler-icon {
    background-image: url('hamburger-icon.svg'); /* 设置图标路径 */
    background-size: contain; /* 确保图标适应 */
    width: 30px; /* 设置宽度 */
    height: 30px; /* 设置高度 */
}
.navbar a {
   color: black;
    /* color: #2980b9!important; /* 深蓝色链接 */
    text-decoration: none; /* 去掉下划线 */
    font-weight: bold; /* 加粗链接文字 */
}

.navbar a:hover {
    color: #6dd5fa; /* 浅蓝色悬停状态 */
    text-decoration: underline; /* 悬停状态：下划线 */
}

/* Dropdown menu style */
.nav-item .dropdown-menu {
    background-color: #ffffff; /* 白色背景 */
    border: 1px solid #2980b9; /* 深蓝色边框 */
    border-radius: 0.25rem; /* 圆角 */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* 添加阴影 */
}

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

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

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

.button:hover {
    background-color: #6dd5fa; /* 浅蓝色悬停状态 */
}

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

/* 状态文本样式 */
.success {
    color: #27ae60; /* 成功状态绿色 */
}

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

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