/* Custom Scrollbar Design - Sleek & Muted */
::-webkit-scrollbar {
    width: 8px; /* 变细，显得更现代 */
}

::-webkit-scrollbar-track {
    background: #0f172a; /* 与背景融为一体 */
}

::-webkit-scrollbar-thumb {
    /* 使用深色金属质感渐变，代替鲜艳的霓虹色 */
    background: linear-gradient(180deg, #1e293b, #475569); 
    border-radius: 4px;
    /* 增加边框让滑块看起来是悬浮的 */
    border: 2px solid #0f172a; 
}

::-webkit-scrollbar-thumb:hover {
    /* 悬停时稍微变亮，呈现哑光质感 */
    background: linear-gradient(180deg, #334155, #64748b); 
}

/* Firefox Support */
html {
    scrollbar-width: thin;
    scrollbar-color: #334155 #0f172a;
}
        
.glass-card {
    background: rgba(255, 255, 255, 0.05);
    backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.1);
}

/* Dynamic Background Gradient */
.bg-dynamic {
    background: linear-gradient(-45deg, #0f172a, #1e1b4b, #312e81, #0f172a);
    background-size: 400% 400%;
    animation: gradientBG 15s ease infinite;
}

@keyframes gradientBG {
    0% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
    100% { background-position: 0% 50%; }
}

.text-glow {
    text-shadow: 0 0 20px rgba(0, 242, 255, 0.5);
}

.noselect {
    user-select: none;
}

#about {
    display: none; /* Initially hide the about section */
}
        
#main-footer {
    display: none;
}

#back-to-top-btn {
    display: none; /* Initially hide the back to top button */
}