/* ============================================
   Dashboard样式 - 科技感风格
   ============================================ */

/* 导航栏样式 */
.navbar {
    color: white;
    padding: 16px 32px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    box-shadow:
        0 4px 16px rgba(212, 165, 116, 0.3),
        inset 0 1px 0 rgba(255, 255, 255, 0.1),
        inset 0 -1px 0 rgba(0, 0, 0, 0.2);
}

/* 确保导航栏内所有文字正常显示 - 最高优先级 */
.navbar,
.navbar *,
.nav-right,
.nav-right *,
.nav-right span,
.nav-right button,
.nav-right button span,
.user-info,
.user-info *,
.user-info span,
.grain-balance,
.grain-balance *,
.grain-balance span,
.vip-badge,
.vip-badge *,
.vip-badge span,
#username,
#grainBalance,
#currencyName,
#currencyName span,
.logout-btn,
.logout-btn *,
.logout-btn span,
.recharge-btn,
.recharge-btn *,
.recharge-btn span,
#loggedInNav,
#loggedInNav *,
#loggedInNav span,
#loggedInNav button,
#loggedInNav button span {
    -webkit-text-fill-color: initial !important;
    background-clip: initial !important;
    -webkit-background-clip: initial !important;
    color: inherit !important;
    text-shadow: none !important;
    filter: none !important;
}

/* 品牌名称保持渐变效果 */
.brand span {
    -webkit-text-fill-color: transparent !important;
    background-clip: text !important;
    -webkit-background-clip: text !important;
}

/* 品牌动画 */
@keyframes brandGlow {
    0%, 100% {
        opacity: 0.8;
    }
    50% {
        opacity: 1;
    }
}

/* 品牌样式 */
.brand::before {
    content: '';
    position: absolute;
    left: -15px;
    right: -15px;
    top: 50%;
    height: 3px;
    background: linear-gradient(90deg,
        transparent,
        rgba(0, 240, 255, 0.8),
        rgba(0, 168, 255, 0.8),
        rgba(0, 240, 255, 0.8),
        transparent);
    transform: translateY(-50%);
    z-index: -1;
    animation: lineGlow 2s ease-in-out infinite;
}

/* 线条发光动画 */
@keyframes lineGlow {
    0%, 100% {
        opacity: 0.6;
    }
    50% {
        opacity: 1;
    }
}

/* 品牌Logo样式 */
.brand #navLogo {
    font-size: 36px;
    filter: drop-shadow(0 0 15px rgba(0, 240, 255, 0.8));
    animation: logoPulse 2s ease-in-out infinite;
}

/* Logo脉冲动画 */
@keyframes logoPulse {
    0%, 100% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.1);
    }
}