:root {
    --rf-gold: #D4AF37;
    --rf-gold-light: #F0D060;
    --rf-dark: #0A0E1A;
    --rf-dark-card: #111827;
    --rf-accent: #E50914;
}

* {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

html {
    scroll-behavior: smooth;
}

body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.rf-gold-text { color: var(--rf-gold); }
.rf-gold-bg { background-color: var(--rf-gold); }
.rf-dark-bg { background-color: var(--rf-dark); }

.rf-gold-ring {
    box-shadow: 0 0 0 1px rgba(212,175,55,0.2), 0 10px 30px rgba(0,0,0,0.25);
}

.rf-card {
    background: linear-gradient(180deg, rgba(255,255,255,0.04), rgba(255,255,255,0.02));
    border: 1px solid rgba(212,175,55,0.18);
    backdrop-filter: blur(8px);
}

.rf-dark-panel {
    background:
        radial-gradient(circle at top right, rgba(212,175,55,0.12), transparent 30%),
        linear-gradient(180deg, #1f1f1f 0%, #111111 100%);
}

.rf-hero-bg {
    background:
        radial-gradient(ellipse at 20% 50%, rgba(212,175,55,0.08) 0%, transparent 50%),
        radial-gradient(ellipse at 80% 20%, rgba(59,130,246,0.06) 0%, transparent 50%),
        linear-gradient(180deg, #0A0E1A 0%, #111827 100%);
}

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

.rf-text-shadow {
    text-shadow: 0 2px 10px rgba(0,0,0,0.3);
}

.rf-animate-float {
    animation: rfFloat 6s ease-in-out infinite;
}

@keyframes rfFloat {
    0%, 100% { transform: translateY(0px); }
    50% { transform: translateY(-12px); }
}

.rf-animate-pulse-slow {
    animation: rfPulseSlow 3s ease-in-out infinite;
}

@keyframes rfPulseSlow {
    0%, 100% { opacity: 1; }
    50% { opacity: 0.7; }
}

.rf-step-line::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 100%;
    width: 100%;
    height: 2px;
    background: linear-gradient(90deg, rgba(212,175,55,0.4), transparent);
}

.rf-faq-active {
    ring: 2px solid var(--rf-gold);
}

::selection {
    background: rgba(212,175,55,0.2);
    color: #1e293b;
}

.rf-scroll-hide::-webkit-scrollbar { display: none; }
.rf-scroll-hide { -ms-overflow-style: none; scrollbar-width: none; }

@media (max-width: 768px) {
    .rf-step-line::after { display: none; }
}