/* 梦幻风格 */
body {
    background-color: #f3e5f5; /* 浅紫色背景 */
    color: #4a148c; /* 深紫色主要文本 */
}

.navbar {
    background-color: #ab47bc; /* 中等紫色导航栏 */
    
}

.navbar a {
    color: #8e24aa; /* 深紫色链接 */
    text-decoration: none; /* 去掉下划线 */
  
}

.navbar a:hover {
    color: #6a1b9a; /* 悬停状态：更深紫色 */
    text-decoration: underline; /* 悬停状态：下划线 */
}

a {
    color: #8e24aa; /* 深紫色链接 */
}

a:hover {
    color: #6a1b9a; /* 悬停状态：更深紫色 */
    text-decoration: underline;
}

a:visited {
    color: #7b1fa2; /* 访问过的链接：紫色 */
}
/* Dropdown menu style */
.nav-item .dropdown-menu {
    background-color: #ab47bc; /* 中等紫色背景，与导航栏一致 */
    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: #f3e5f5; /* 浅紫色悬停文本，与背景颜色形成对比 */
    background-color: #8e24aa; /* 深紫色悬停背景，与链接颜色一致 */
}

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

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

.separator {
    border-top: 1px solid #d1c4e9; /* 分隔线：中紫色 */
}

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

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

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

.highlight {
    background-color: #ffe082; /* 强调元素亮黄色 */
}