/*!
 * 项目名称: 星瀚元图书馆集群管理系统
 * Copyright (c) 2026 广州星瀚元计算机科技有限公司. All rights reserved.
 * 
 * 本源代码为商业专有软件，未经授权禁止复制、分发、反编译。
 * 公司官网:http://www.xinghy.cn
 * 授权咨询电话:18922497946
 * 授权咨询邮箱:wuxing2722@qq.com
 * @version 1.0
 * @date 2026-09-21
 */
body {
    color: #2D3436;
}

main {
    background-color: #F8FAFC;
}

/* 玻璃态效果 */
.glass-effect {
    background: rgba(255, 255, 255, 0.8);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
}

/* 渐变背景 */
.search-gradient {
    background: linear-gradient(135deg, #0052D9 0%, #00F2FE 100%) !important;
}

/* 侧边栏过渡动画 */
.sidebar-transition {
    transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

/* 发光阴影 */
.shadow-glow {
    box-shadow: 0 0 15px rgba(0, 82, 217, 0.3);
}

.text-tech-blue {
    color: #0052D9 !important;
}

.text-space-gray {
    color: #2D3436 !important;
}

.bg-tech-blue {
    background-color: #0052D9 !important;
}

.border-metal-silver {
    border-color: #E2E8F0 !important;
}

.bg-metal-silver {
    background-color: #E2E8F0 !important;
}

/* 标题渐变 */
.gradient-title {
    background: linear-gradient(135deg, #0052D9 0%, #2D3436 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

/* 悬停效果 */
.hover-lift {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    border-radius: 1rem;
}

.hover-lift:hover {
    transform: translateY(-3px);
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
}


/* 动画 */
@keyframes pulse {
    0%, 100% {
        opacity: 1;
    }
    50% {
        opacity: 0.5;
    }
}

.animate-pulse {
    animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}

/* 隐藏滚动条 */
.scrollbar-hide {
    -ms-overflow-style: none;
    scrollbar-width: none;
}

.scrollbar-hide::-webkit-scrollbar {
    display: none;
}


/* 导航栏固定在顶部 */
.m-nav {
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease;
}

/* 品牌标识样式 */
.brand-logo {
    display: flex;
    align-items: center;
    font-weight: 600;
    color: #0052D9 !important;
    font-size: 1.4rem;
}

.brand-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border-radius: 8px;
    margin-right: 10px;
    color: white;
}

.brand-icon img {
    width: 32px;
    height: 32px;
}

/* 导航链接样式 */
.navbar-nav .nav-link {
    color: #495057;
    font-weight: 500;
    padding: 0.5rem 1rem;
    margin: 0 0.2rem;
    border-radius: 4px;
    transition: all 0.3s ease;
}

.navbar-nav .nav-link:hover {
    color: #0052D9 !important;
}

.navbar-nav .nav-link.active {
    padding-bottom: 0.25rem;
    border-bottom: 2px solid #0052D9;
    border-radius: 0;
}

/* 下拉菜单样式 */
.dropdown-menu {
    border: none;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    overflow: hidden;
}

.dropdown-item {
    padding: 0.75rem 1.5rem;
    transition: all 0.2s ease;
}

.dropdown-item:hover {
    background-color: #e9f0ff;
    color: #0052D9;
}

/* 用户头像样式 */
.user-avatar {
    transition: all 0.3s ease;
    cursor: pointer;
}

.user-avatar:hover {
    border-color: #0052D9;
    transform: scale(1.05);
}


.user-avatar .bi {
    font-size: 2rem;
    color: #0D68FF;
}

/* 用户登录按钮 */
.header-btn-login {
    border: 1px solid #0052D9;
    color: #0052D9;
    padding: 0.3rem 1.5rem;
    border-radius: 25px;
    font-weight: 500;
    transition: all 0.3s ease;
}

.header-btn-login:hover {
    transform: translateY(-2px);
    box-shadow: 0 5px 15px rgba(0, 82, 217, 0.3);
    background-color: rgb(239 246 255);
}

/* 移动端导航切换按钮 */
.navbar-toggler {
    border: none;
    padding: 0.5rem;
}

.navbar-toggler:focus {
    outline: none;
    box-shadow: none;
}


#navbarContent .nav-link {
    color: rgb(75, 85, 99);
    font-size: 16px;
    font-weight: 400;
}

#navbarContent .navbar-nav .nav-link.active {
    color: #0052D9;
    font-weight: 600;
}


#navbarContent .nav-item {
    margin-right: 1rem;
}

footer .text-muted {
    margin-bottom: 5px;
}

.copyright a {
    color: #6c757d;
}

#navbarContent ul {
    flex-wrap: wrap;
}

#navbarContent .nav-right-btns {
    flex-wrap: wrap;
    grid-gap: 5px;
}