@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600;700&display=swap');

body {
    font-family: 'Inter', sans-serif;
    background-color: #0a0a0a;
    color: #e5e5e5;
    scroll-behavior: smooth;
}

.gold-gradient {
    background: linear-gradient(135deg, #D4AF37 0%, #FFD700 50%, #B8860B 100%);
}

.gold-text-gradient {
    background: linear-gradient(135deg, #D4AF37 0%, #FFD700 50%, #B8860B 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.black-gold-card {
    background-color: #141414;
    border: 1px solid #262626;
    transition: all 0.3s ease;
}

.black-gold-card:hover {
    border-color: #D4AF37;
    box-shadow: 0 0 20px rgba(212, 175, 55, 0.1);
    transform: translateY(-5px);
}

.nav-link {
    color: #a3a3a3;
    transition: color 0.2s;
}

.nav-link:hover, .nav-link.active {
    color: #D4AF37;
}

/* Custom scrollbar */
::-webkit-scrollbar { width: 8px; }
::-webkit-scrollbar-track { background: #0a0a0a; }
::-webkit-scrollbar-thumb { background: #262626; border-radius: 4px; }
::-webkit-scrollbar-thumb:hover { background: #D4AF37; }

.hero-bg {
    background: linear-gradient(rgba(10, 10, 10, 0.7), rgba(10, 10, 10, 0.9)), url('https://tse-mm.bing.com/th?q=未来科技城市');
    background-size: cover;
    background-position: center;
}

.custom-scrollbar::-webkit-scrollbar {
    width: 6px;
}

.custom-scrollbar::-webkit-scrollbar-thumb {
    background: #262626;
    border-radius: 10px;
}

.custom-scrollbar::-webkit-scrollbar-thumb:hover {
    background: #D4AF37;
}