/**
 * 博物馆网上展厅头部尾部增强样式
 * 基于UI设计规则 - 主色调 #783c7e (紫色系)
 * 与首页风格保持一致的传统文化元素与现代设计美学
 */

/* ==================== 导航栏增强 - 传统文化装饰 ==================== */
.navbar-gy {
    background: linear-gradient(135deg, rgba(120, 60, 126, 0.7) 0%, rgba(96, 48, 100, 0.7) 100%) !important;
    backdrop-filter: blur(20px);
    border: none !important;
    box-shadow: 0 4px 20px rgba(120, 60, 126, 0.15) !important;
    transition: all 0.3s ease;
    position: relative;
}

/* 首页特殊优化 - 与轮播图更好融合 */
.index-content .navbar-gy {
    background: linear-gradient(135deg, rgba(120, 60, 126, 0.4) 0%, rgba(96, 48, 100, 0.4) 100%) !important;
    backdrop-filter: blur(30px);
    box-shadow: 0 2px 15px rgba(120, 60, 126, 0.1) !important;
}

/* 首页导航栏滚动后的样式 */
.index-content .navbar-gy.scrolled {
    background: linear-gradient(135deg, rgba(120, 60, 126, 0.85) 0%, rgba(96, 48, 100, 0.85) 100%) !important;
    box-shadow: 0 6px 25px rgba(120, 60, 126, 0.2) !important;
}

/* 加强权重的背景样式 */
.navbar.navbar-gy {
    background: linear-gradient(135deg, rgba(120, 60, 126, 0.85) 0%, rgba(96, 48, 100, 0.85) 100%) !important;
}

/* 加载完成后的导航栏状态 */
.navbar-gy.loaded {
    background: linear-gradient(135deg, rgba(120, 60, 126, 0.9) 0%, rgba(96, 48, 100, 0.9) 100%) !important;
    box-shadow: 0 6px 25px rgba(120, 60, 126, 0.2) !important;
}

/* 导航栏滚动后增强背景不透明度 */
.navbar-gy.scrolled {
    background: linear-gradient(135deg, rgba(120, 60, 126, 0.95) 0%, rgba(96, 48, 100, 0.95) 100%) !important;
    box-shadow: 0 8px 32px rgba(120, 60, 126, 0.25) !important;
}

/* 加强权重的滚动状态 */
.navbar.navbar-gy.scrolled {
    background: linear-gradient(135deg, rgba(120, 60, 126, 0.98) 0%, rgba(96, 48, 100, 0.98) 100%) !important;
}

/* 传统云纹装饰背景 */
.navbar-gy::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: 
        radial-gradient(circle at 15% 50%, rgba(212, 175, 55, 0.08) 0%, transparent 30%),
        radial-gradient(circle at 85% 50%, rgba(212, 175, 55, 0.06) 0%, transparent 30%);
    pointer-events: none;
    opacity: 0.7;
}

/* 首页装饰背景优化 - 更加精致的融合效果 */
.index-content .navbar-gy::before {
    background-image: 
        radial-gradient(circle at 20% 50%, rgba(255, 255, 255, 0.05) 0%, transparent 40%),
        radial-gradient(circle at 80% 50%, rgba(212, 175, 55, 0.04) 0%, transparent 40%);
    opacity: 0.6;
}

/* 传统印章风格顶部装饰线 */
.navbar-gy::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 2px;
    background: linear-gradient(
        90deg, 
        transparent 0%, 
        #d4af37 20%, 
        #783c7e 50%, 
        #d4af37 80%, 
        transparent 100%
    );
    opacity: 0.8;
}

/* 首页顶部装饰线优化 - 更加轻盈 */
.index-content .navbar-gy::after {
    height: 1px;
    background: linear-gradient(
        90deg, 
        transparent 0%, 
        rgba(212, 175, 55, 0.4) 30%, 
        rgba(120, 60, 126, 0.3) 50%, 
        rgba(212, 175, 55, 0.4) 70%, 
        transparent 100%
    );
    opacity: 0.5;
}

/* 最高优先级的导航栏背景样式 - 解决白色背景问题 */
.navbar-gy,
.navbar.navbar-gy,
.navbar-fixed-top.navbar-gy,
.navbar-curt.navbar-gy,
.trans-3.navbar-gy,
navbar[class*="navbar-gy"] {
    background: linear-gradient(135deg, rgba(120, 60, 126, 0.9) 0%, rgba(96, 48, 100, 0.9) 100%) !important;
    background-color: rgba(120, 60, 126, 0.9) !important;
    backdrop-filter: blur(20px) !important;
    border: none !important;
    box-shadow: 0 4px 20px rgba(120, 60, 126, 0.15) !important;
}

/* 强制覆盖Bootstrap默认样式 */
.navbar-default {
    background: linear-gradient(135deg, rgba(120, 60, 126, 0.9) 0%, rgba(96, 48, 100, 0.9) 100%) !important;
    background-color: transparent !important;
    border-color: transparent !important;
}

/* 针对内联样式的特殊处理 */
navbar[style] {
    background: linear-gradient(135deg, rgba(120, 60, 126, 0.9) 0%, rgba(96, 48, 100, 0.9) 100%) !important;
}

/* 品牌Logo增强 */
.navbar-brand {
    padding: 8px 15px;
    transition: all 0.3s ease;
}

.navbar-brand:hover {
    transform: scale(1.05);
}

.navbar-brand img {
    max-height: 40px;
    width: auto;
    filter: brightness(1.1) contrast(1.1);
    transition: all 0.3s ease;
}

.navbar-brand:hover img {
    filter: brightness(1.2) contrast(1.2) drop-shadow(0 2px 8px rgba(212, 175, 55, 0.3));
}

/* 导航菜单增强 - 博物馆传统文化字体 */
.navbar-nav-menu > li > a {
    color: #ffffff !important;  /* 纯白色增强对比度 */
    font-weight: 600;  /* 增加字重提高清晰度 */
    font-size: 15px;
    padding: 15px 18px;
    position: relative;
    transition: all 0.3s ease;
    /* 博物馆典雅字体 - 使用楷体系列体现传统文化韵味 */
    font-family: "STKaiti", "KaiTi", "Ma Shan Zheng", "Microsoft YaHei", serif;
    letter-spacing: 1px;  /* 适当的字间距增强阅读体验 */
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);  /* 增强文字阴影提高可读性 */
    /* 博物馆传统气质增强 */
    border-radius: 4px;
    margin: 0 2px;
}

/* 首页导航文字优化 - 在轮播图上更加清晰 */
.index-content .navbar-nav-menu > li > a {
    text-shadow: 0 2px 6px rgba(0, 0, 0, 0.7), 0 1px 3px rgba(120, 60, 126, 0.5);
    backdrop-filter: blur(5px);
}

/* 添加传统書法风格的微妙装饰 */
.navbar-nav-menu > li > a::after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(212, 175, 55, 0.3), transparent);
    opacity: 0;
    transition: opacity 0.3s ease;
}

.navbar-nav-menu > li:hover > a::after {
    opacity: 1;
}

.navbar-nav-menu > li > a:hover,
.navbar-nav-menu > li > a:focus {
    color: #d4af37 !important;  /* 使用主题金色 */
    background: rgba(212, 175, 55, 0.15) !important;  /* 主题金色半透明背景 */
    text-shadow: 0 1px 6px rgba(212, 175, 55, 0.8);  /* 主题金色发光效果 */
    transform: translateY(-1px);  /* 轻微上浮 */
}

/* 活跃状态增强 - 传统装饰元素 */
.navbar-nav-menu > li.active > a {
    color: #d4af37 !important;  /* 主题金色 */
    background: rgba(212, 175, 55, 0.2) !important;  /* 主题金色背景 */
    position: relative;
    text-shadow: 0 1px 6px rgba(212, 175, 55, 0.9);
    font-weight: 700;  /* 更加粗体的活跃状态 */
}

/* 传统云纹装饰底线 */
.navbar-nav-menu > li.active > a::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 60%;
    height: 3px;
    background: linear-gradient(90deg, transparent, #d4af37, transparent);
    border-radius: 2px;
    box-shadow: 0 1px 8px rgba(212, 175, 55, 0.6);
}

/* 传统印章风格装饰 */
.navbar-nav-menu > li.active > a::before {
    content: '◆';  /* 菱形符号 */
    position: absolute;
    left: 8px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 8px;
    color: #d4af37;  /* 主题金色 */
    opacity: 1;
    text-shadow: 0 0 4px rgba(212, 175, 55, 0.8);
    animation: activeGem 2s ease-in-out infinite alternate;
}

@keyframes activeGem {
    0% { opacity: 0.6; transform: translateY(-50%) scale(1); }
    100% { opacity: 1; transform: translateY(-50%) scale(1.2); }
}

/* 悬停效果装饰 - 传统云纹纹理 */
.navbar-nav-menu > li > a::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(
        45deg, 
        transparent 30%, 
        rgba(212, 175, 55, 0.1) 50%,
        transparent 70%
    );
    opacity: 0;
    transition: opacity 0.3s ease;
    border-radius: 4px;
}

.navbar-nav-menu > li > a:hover::before {
    opacity: 1;
}

/* 悬停时的传统装饰元素 */
.navbar-nav-menu > li:not(.active) > a:hover::after {
    content: '✦ ✦';  /* 六角星装饰 */
    position: absolute;
    bottom: 3px;
    left: 50%;
    transform: translateX(-50%);
    font-size: 8px;
    color: #d4af37;  /* 主题金色 */
    opacity: 0.9;
    letter-spacing: 8px;
    text-shadow: 0 0 4px rgba(212, 175, 55, 0.6);
    animation: hoverStars 1.5s ease-in-out infinite alternate;
}

@keyframes hoverStars {
    0% { opacity: 0.5; transform: translateX(-50%) scale(0.8); }
    100% { opacity: 1; transform: translateX(-50%) scale(1.1); }
}

/* 搜索框增强 */
.header-search {
    position: relative;
    border-radius: 25px;
    overflow: hidden;
    background: rgba(255, 255, 255, 0.15);
    backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.2);
    transition: all 0.3s ease;
}

.header-search:hover,
.header-search:focus-within {
    background: rgba(255, 255, 255, 0.25);
    border-color: rgba(212, 175, 55, 0.5);
    transform: scale(1.02);
}

.header-search__input {
    background: transparent !important;
    border: none !important;
    color: #fff !important;
    padding: 8px 40px 8px 15px !important;
    width: 200px;
    font-size: 14px;
    transition: all 0.3s ease;
    /* 博物馆风格字体 */
    font-family: "STKaiti", "KaiTi", "Ma Shan Zheng", "Microsoft YaHei", serif;
    letter-spacing: 0.8px;
    font-weight: 500;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
}

.header-search__input::placeholder {
    color: rgba(255, 255, 255, 0.8);
    font-family: "STKaiti", "KaiTi", "Ma Shan Zheng", "Microsoft YaHei", serif;
    letter-spacing: 0.8px;
}

.header-search__input:focus {
    outline: none;
    width: 240px;
}

.header-search__icon {
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
    color: rgba(255, 255, 255, 0.8);
    font-size: 16px;
    cursor: pointer;
    transition: all 0.3s ease;
}

.header-search__icon:hover {
    color: #d4af37;
    transform: translateY(-50%) scale(1.1);
}

/* 用户头像和下拉菜单增强 */
.nav-dropdown .user-avatar {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 2px solid rgba(212, 175, 55, 0.6);
    transition: all 0.3s ease;
}

.nav-dropdown:hover .user-avatar {
    border-color: #d4af37;
    transform: scale(1.1);
    box-shadow: 0 0 15px rgba(212, 175, 55, 0.4);
}

.nav-dropdown .user-name {
    color: #ffffff;
    margin-left: 8px;
    font-weight: 600;
    transition: all 0.3s ease;
    /* 博物馆风格字体 */
    font-family: "STKaiti", "KaiTi", "Ma Shan Zheng", "Microsoft YaHei", serif;
    letter-spacing: 1px;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
}

.nav-dropdown:hover .user-name {
    color: #d4af37;
    text-shadow: 0 1px 6px rgba(212, 175, 55, 0.8);
}

/* 下拉菜单美化 */
.nav-dropdown .dropdown-menu {
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.95) 0%, rgba(249, 245, 240, 0.95) 100%);
    backdrop-filter: blur(20px);
    border: 1px solid rgba(120, 60, 126, 0.15);
    border-radius: 12px;
    box-shadow: 0 8px 32px rgba(120, 60, 126, 0.2);
    padding: 8px 0;
    margin-top: 8px;
}

.nav-dropdown .dropdown-menu li > a {
    color: #333 !important;
    padding: 10px 20px;
    transition: all 0.3s ease;
    font-weight: 500;
    /* 博物馆风格字体 */
    font-family: "STKaiti", "KaiTi", "Ma Shan Zheng", "Microsoft YaHei", serif;
    letter-spacing: 0.5px;
}

.nav-dropdown .dropdown-menu li > a:hover {
    background: rgba(120, 60, 126, 0.1) !important;
    color: #783c7e !important;
    transform: translateX(5px);
}

.nav-dropdown .dropdown-menu .divider {
    background: rgba(120, 60, 126, 0.15);
    margin: 8px 0;
}

/* 发布按钮增强 */
.btn-blue {
    background: linear-gradient(135deg, #783c7e 0%, #a47bb1 100%) !important;
    border: none !important;
    border-radius: 20px !important;
    padding: 8px 20px !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 4px 15px rgba(120, 60, 126, 0.3) !important;
}

.btn-blue:hover {
    background: linear-gradient(135deg, #a47bb1 0%, #d4af37 100%) !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 20px rgba(120, 60, 126, 0.4) !important;
}

.btn-blue a {
    color: #fff !important;
    font-weight: 600 !important;
    text-decoration: none !important;
    /* 博物馆风格字体 */
    font-family: "STKaiti", "KaiTi", "Ma Shan Zheng", "Microsoft YaHei", serif;
    letter-spacing: 1px;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
}

/* 移动端汉堡菜单增强 */
.navbar-toggle {
    border: 2px solid rgba(255, 255, 255, 0.3) !important;
    border-radius: 8px !important;
    padding: 6px 10px !important;
    transition: all 0.3s ease !important;
}

.navbar-toggle:hover,
.navbar-toggle:focus {
    background: rgba(212, 175, 55, 0.2) !important;
    border-color: rgba(212, 175, 55, 0.5) !important;
}

.navbar-toggle .icon-bar {
    background: rgba(255, 255, 255, 0.9) !important;
    border-radius: 2px !important;
    height: 3px !important;
    transition: all 0.3s ease !important;
}

.navbar-toggle:hover .icon-bar {
    background: #d4af37 !important;
}

/* ==================== 尾部增强 ==================== */
.footer-wrap {
    background: linear-gradient(135deg, #2a1f3d 0%, #1a1525 100%);
    color: rgba(255, 255, 255, 0.8);
    padding: 40px 0 30px;
    position: relative;
    overflow: hidden;
}

/* 尾部装饰背景 */
.footer-wrap::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: 
        radial-gradient(circle at 20% 20%, rgba(120, 60, 126, 0.1) 0%, transparent 50%),
        radial-gradient(circle at 80% 80%, rgba(212, 175, 55, 0.05) 0%, transparent 50%);
    pointer-events: none;
}

/* 尾部分割线 */
.footer-wrap::after {
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 200px;
    height: 3px;
    background: linear-gradient(90deg, transparent, #783c7e, #d4af37, #783c7e, transparent);
    border-radius: 2px;
}

.footer-wrap a {
    color: rgba(255, 255, 255, 0.7);
    text-decoration: none;
    font-weight: 500;
    transition: all 0.3s ease;
    position: relative;
    z-index: 1;
}

.footer-wrap a:hover {
    color: #d4af37;
    text-decoration: none;
    transform: translateY(-1px);
}

.footer-wrap a:first-child {
    font-size: 18px;
    font-weight: 700;
    color: #d4af37;
    margin-bottom: 15px;
    display: inline-block;
}

/* 回到顶部按钮增强 */
.back-top {
    position: fixed;
    right: 30px;
    bottom: 30px;
    width: 50px;
    height: 50px;
    background: linear-gradient(135deg, #783c7e 0%, #a47bb1 100%);
    color: #fff;
    border-radius: 50%;
    text-align: center;
    line-height: 50px;
    font-size: 20px;
    box-shadow: 0 4px 20px rgba(120, 60, 126, 0.3);
    transition: all 0.3s ease;
    z-index: 1000;
}

.back-top:hover {
    background: linear-gradient(135deg, #a47bb1 0%, #d4af37 100%);
    transform: translateY(-3px) scale(1.1);
    box-shadow: 0 8px 30px rgba(120, 60, 126, 0.4);
    color: #fff;
    text-decoration: none;
}

.back-top::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 60px;
    height: 60px;
    background: radial-gradient(circle, rgba(212, 175, 55, 0.2), transparent);
    border-radius: 50%;
    opacity: 0;
    transition: all 0.3s ease;
}

.back-top:hover::before {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1.2);
}

/* ==================== 移除标题悬停横线效果 ==================== */
/* 移除pano-item-title悬停时的下划线 */
a:hover .pano-item-title {
    text-decoration: none !important;
}

.pano-item-title {
    text-decoration: none !important;
}

.pano-item-title:hover {
    text-decoration: none !important;
}

/* 确保链接本身也没有下划线 */
.pano-item:hover {
    text-decoration: none !important;
}

a.pano-item {
    text-decoration: none !important;
}

a.pano-item:hover {
    text-decoration: none !important;
}

/* 移除所有相关的下划线效果 */
.pano-list .pano-item-title,
.pano-list .pano-item-title:hover,
.pano-list .pano-item:hover .pano-item-title {
    text-decoration: none !important;
    border-bottom: none !important;
    text-underline-offset: unset !important;
    text-decoration-line: none !important;
    text-decoration-style: none !important;
    text-decoration-color: transparent !important;
}

/* 确保椭圆省略号类也没有下划线 */
.ellipsis:hover,
h3.ellipsis:hover {
    text-decoration: none !important;
    border-bottom: none !important;
}

/* ==================== 会员中心二级导航栏优化 ==================== */
/* 针对会员中心二级导航栏的样式优化 */
.navbar-right.navbar-default {
    background: linear-gradient(135deg, rgba(120, 60, 126, 0.95) 0%, rgba(96, 48, 100, 0.95) 100%) !important;
    backdrop-filter: blur(20px) !important;
    border-radius: 12px !important;
    margin: 10px 15px !important;
    box-shadow: 0 6px 25px rgba(120, 60, 126, 0.2) !important;
    border: 1px solid rgba(212, 175, 55, 0.2) !important;
    position: relative;
    overflow: hidden;
}

/* 二级导航栏装饰背景 */
.navbar-right.navbar-default::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: 
        radial-gradient(circle at 15% 50%, rgba(212, 175, 55, 0.06) 0%, transparent 40%),
        radial-gradient(circle at 85% 50%, rgba(212, 175, 55, 0.04) 0%, transparent 40%);
    pointer-events: none;
    opacity: 0.8;
}

/* 顶部装饰线 */
.navbar-right.navbar-default::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 2px;
    background: linear-gradient(
        90deg, 
        transparent 0%, 
        #d4af37 20%, 
        #783c7e 50%, 
        #d4af37 80%, 
        transparent 100%
    );
    opacity: 0.7;
}

/* 二级导航菜单项优化 */
.navbar-second.nav.navbar-nav li {
    margin: 0 2px;
    border-radius: 8px;
    overflow: hidden;
    transition: all 0.3s ease;
}

.navbar-second.nav.navbar-nav li:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 15px rgba(120, 60, 126, 0.2);
}

/* 二级导航链接样式优化 */
.navbar-second.nav.navbar-nav li > a {
    color: #ffffff !important;  /* 纯白色确保清晰可见 */
    font-weight: 600 !important;  /* 增加字重 */
    font-size: 14px !important;
    padding: 12px 16px !important;
    text-decoration: none !important;
    transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
    position: relative;
    z-index: 2;
    
    /* 博物馆典雅字体 */
    font-family: "STKaiti", "KaiTi", "Ma Shan Zheng", "Microsoft YaHei", serif !important;
    letter-spacing: 0.8px !important;
    
    /* 增强文字阴影提高可读性 */
    text-shadow: 0 2px 6px rgba(0, 0, 0, 0.8), 0 1px 3px rgba(120, 60, 126, 0.6) !important;
    
    /* 背景增强 */
    background: rgba(255, 255, 255, 0.1) !important;
    border-radius: 6px !important;
    border: 1px solid rgba(255, 255, 255, 0.15) !important;
    backdrop-filter: blur(10px) !important;
}

/* 悬停效果 */
.navbar-second.nav.navbar-nav li > a:hover,
.navbar-second.nav.navbar-nav li > a:focus {
    color: #d4af37 !important;  /* 主题金色 */
    background: rgba(212, 175, 55, 0.25) !important;
    border-color: rgba(212, 175, 55, 0.4) !important;
    text-shadow: 
        0 2px 8px rgba(212, 175, 55, 0.9), 
        0 1px 4px rgba(0, 0, 0, 0.6) !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 4px 15px rgba(212, 175, 55, 0.3) !important;
}

/* 活跃状态 */
.navbar-second.nav.navbar-nav li.active > a {
    color: #d4af37 !important;
    background: rgba(212, 175, 55, 0.3) !important;
    border-color: rgba(212, 175, 55, 0.5) !important;
    font-weight: 700 !important;
    text-shadow: 
        0 2px 8px rgba(212, 175, 55, 1.0), 
        0 1px 4px rgba(0, 0, 0, 0.7) !important;
    box-shadow: 
        inset 0 2px 4px rgba(212, 175, 55, 0.2),
        0 4px 15px rgba(212, 175, 55, 0.4) !important;
    position: relative;
}

/* 活跃状态装饰 */
.navbar-second.nav.navbar-nav li.active > a::after {
    content: '';
    position: absolute;
    bottom: 2px;
    left: 50%;
    transform: translateX(-50%);
    width: 70%;
    height: 2px;
    background: linear-gradient(90deg, transparent, #d4af37, transparent);
    border-radius: 1px;
    box-shadow: 0 1px 6px rgba(212, 175, 55, 0.8);
}

/* 活跃状态左侧装饰 */
.navbar-second.nav.navbar-nav li.active > a::before {
    content: '◆';
    position: absolute;
    left: 6px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 8px;
    color: #d4af37;
    text-shadow: 0 0 4px rgba(212, 175, 55, 0.8);
    animation: activeIndicator 2s ease-in-out infinite alternate;
}

@keyframes activeIndicator {
    0% { opacity: 0.7; transform: translateY(-50%) scale(1); }
    100% { opacity: 1; transform: translateY(-50%) scale(1.3); }
}

/* 移除内联样式的背景 */
.navbar-right[style*="background"] {
    background: linear-gradient(135deg, rgba(120, 60, 126, 0.95) 0%, rgba(96, 48, 100, 0.95) 100%) !important;
}

/* 针对margin-top的调整 */
.navbar-second[style*="margin-top"] {
    margin-top: 20px !important;  /* 调整顶部边距 */
    padding: 15px 0 !important;   /* 增加内边距 */
}

/* 响应式优化 */
@media (max-width: 992px) {
    .navbar-second.nav.navbar-nav li > a {
        font-size: 13px !important;
        padding: 10px 12px !important;
    }
}

@media (max-width: 768px) {
    .navbar-right.navbar-default {
        margin: 5px 10px !important;
        border-radius: 8px !important;
    }
    
    .navbar-second.nav.navbar-nav {
        text-align: center;
    }
    
    .navbar-second.nav.navbar-nav li {
        display: inline-block;
        margin: 2px;
    }
    
    .navbar-second.nav.navbar-nav li > a {
        font-size: 12px !important;
        padding: 8px 12px !important;
    }
}

/* ==================== 响应式优化 ==================== */
@media (max-width: 768px) {
    .navbar-nav-menu > li > a {
        padding: 12px 15px;
        border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    }
    
    .header-search__input {
        width: 180px;
    }
    
    .header-search__input:focus {
        width: 200px;
    }
    
    .back-top {
        right: 20px;
        bottom: 20px;
        width: 45px;
        height: 45px;
        line-height: 45px;
        font-size: 18px;
    }
    
    .footer-wrap {
        padding: 30px 15px 20px;
        text-align: center;
    }
}

/* ==================== 动画效果 ==================== */
@keyframes navGlow {
    0% { box-shadow: 0 4px 20px rgba(120, 60, 126, 0.15); }
    50% { box-shadow: 0 8px 30px rgba(120, 60, 126, 0.25); }
    100% { box-shadow: 0 4px 20px rgba(120, 60, 126, 0.15); }
}

.navbar-gy {
    animation: navGlow 4s ease-in-out infinite;
}

@keyframes footerPulse {
    0% { opacity: 0.05; }
    50% { opacity: 0.1; }
    100% { opacity: 0.05; }
}

.footer-wrap::before {
    animation: footerPulse 6s ease-in-out infinite;
}

/* ==================== 可访问性增强 ==================== */
.navbar-nav-menu > li > a:focus,
.header-search__input:focus,
.back-top:focus {
    outline: 2px solid #d4af37;
    outline-offset: 2px;
}

/* 高对比度模式支持 */
@media (prefers-contrast: high) {
    .navbar-gy {
        background: #783c7e;
        border: 2px solid #d4af37;
    }
    
    .navbar-nav-menu > li > a {
        color: #fff !important;
    }
    
    .footer-wrap {
        background: #1a1525;
        color: #fff;
    }
}

/* 减少动画偏好支持 */
@media (prefers-reduced-motion: reduce) {
    .navbar-gy,
    .footer-wrap::before,
    .back-top,
    .navbar-nav-menu > li > a,
    .header-search {
        animation: none;
        transition: none;
    }
}

/* 首页轮播图与导航栏的融合效果 */
.index-content .top-banner {
    position: relative;
    z-index: 1;
}

/* 导航栏与轮播图的过渡区域 */
.index-content .navbar-gy {
    z-index: 1000;
    transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

/* 轮播图上的渐变遮罩，与导航栏融合 */
.index-content .top-banner::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 120px;
    background: linear-gradient(
        to bottom,
        rgba(120, 60, 126, 0.2) 0%,
        rgba(120, 60, 126, 0.1) 30%,
        transparent 100%
    );
    z-index: 2;
    pointer-events: none;
}

/* 首页搜索框优化 - 在轮播图上更加突出 */
.index-content .header-search {
    background: rgba(255, 255, 255, 0.2);
    border: 1px solid rgba(255, 255, 255, 0.3);
    backdrop-filter: blur(15px);
}

.index-content .header-search:hover,
.index-content .header-search:focus-within {
    background: rgba(255, 255, 255, 0.3);
    border-color: rgba(212, 175, 55, 0.6);
    box-shadow: 0 4px 20px rgba(120, 60, 126, 0.2);
}

/* ==================== 修复浏览量图标显示问题 ==================== */
/* 隐藏无效的icon-view图标 */
.pano-item-views .iconfont.icon-view {
    display: none !important;
}

.pano-item-views .iconfont {
    display: none !important;
}

/* 为浏览量区域添加正确的眼睛图标 */
.pano-item-views {
    position: relative;
    display: flex !important;
    align-items: center !important;
    gap: 4px !important;
    color: #999 !important;
    font-size: 11px !important;
    padding: 4px 10px !important;
    background: rgba(120, 60, 126, 0.03) !important;  /* 淡紫色背景 */
    border-radius: 10px !important;  /* 10px圆角 */
    transition: all 0.3s ease !important;
    flex-shrink: 0 !important;  /* 不缩放 */
    border: 1px solid rgba(120, 60, 126, 0.06) !important;  /* 细边框 */
    white-space: nowrap !important;  /* 不换行 */
    align-self: flex-start !important;  /* 顶部对齐 */
    margin-top: 2px !important;  /* 轻微下移对齐 */
}

/* 使用FontAwesome的眼睛图标作为主要方案 */
.pano-item-views::before {
    font-family: "FontAwesome" !important;
    content: "\f06e" !important;  /* fa-eye图标 */
    font-style: normal !important;
    font-weight: normal !important;
    font-size: 12px !important;
    color: #999 !important;
    margin-right: 4px !important;
    display: inline-block !important;
    line-height: 1 !important;
}

/* 确保浏览量数字正常显示 */
.pano-item-views span {
    color: #999 !important;
    font-size: 11px !important;
    font-weight: 500 !important;
    line-height: 1 !important;
    opacity: 0.9 !important;
    transition: opacity 0.3s ease !important;
    font-variant-numeric: tabular-nums !important;  /* 数字对齐 */
}

/* 浏览量悬停效果 */
.pano-list .pano-item:hover .pano-item-views {
    background: rgba(120, 60, 126, 0.08) !important;  /* 背景加深 */
    border-color: rgba(120, 60, 126, 0.12) !important;
}

/* 浏览量图标悬停变金色 */
.pano-list .pano-item:hover .pano-item-views::before {
    color: #d4af37 !important;  /* 金色 */
}

/* 浏览量数字悬停效果 */
.pano-list .pano-item:hover .pano-item-views span {
    color: #783c7e !important;
    opacity: 1 !important;
}

/* 备选方案：如果FontAwesome不可用，使用iconfont的眼睛图标 */
.no-fontawesome .pano-item-views::before {
    font-family: "iconfont" !important;
    content: "\e63d" !important;  /* icon-yanjing图标 */
}

/* 最终备选方案：如果都不可用，使用emoji */
.fontawesome-fallback .pano-item-views::before {
    content: "👁" !important; /* 眼睛emoji作为最后备选 */
    font-family: "Segoe UI Emoji", "Apple Color Emoji", "Noto Color Emoji", sans-serif !important;
    font-size: 11px !important;
}

/* ==================== 修复标题显示不全问题 ==================== */
/* 移除重复的样式定义，避免与index-enhanced.css冲突 */

/* ==================== 确保浏览量可见性的额外样式 ==================== */
/* 强制设置浏览量显示状态 */
.pano-item-views {
    visibility: visible !important;
    opacity: 1 !important;
    display: flex !important;
}

/* 禁止任何元素隐藏浏览量 */
.pano-item-views, 
.pano-item-views span, 
.pano-item-views::before {
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
}

/* 确保数字正常显示 */
.pano-item-views span {
    display: inline-block !important;
}

/* 调试用：临时设置醒目的背景色来棆查可见性 */
/*.pano-item-views {
    background: red !important;
    color: white !important;
}*/

/* ==================== FontAwesome本地字体文件配置 ==================== */
/* 使用本地字体文件，确保离线环境下可用 */
@font-face {
    font-family: 'FontAwesome';
    src: url('../fonts/fontawesome-webfont.eot?v=4.7.0');
    src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'),
         url('../fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'),
         url('../fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'),
         url('../fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'),
         url('../fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

/* 如果本地字体不可用，使用Unicode字符作为最后备选 */
.fontawesome-fallback .pano-item-views::before {
    content: "👁" !important; /* 眼睛emoji作为最后备选 */
    font-family: "Segoe UI Emoji", "Apple Color Emoji", "Noto Color Emoji", sans-serif !important;
}

/* ==================== 图标加载优雅降级JavaScript检测 ==================== */
/* 页面加载时自动检测FontAwesome字体是否加载成功 */
/* 如果失败，自动切换到备选方案 */