/* roulang page: index */
:root {
            --primary: #FF4338;
            --primary-hover: #E03228;
            --accent: #F5B300;
            --dark: #0F0D15;
            --dark-card: #161320;
            --text-main: #111827;
            --text-muted: #4B5563;
            --border-light: #E5E7EB;
        }

        html {
            scroll-behavior: smooth;
            font-family: system-ui, -apple-system, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
        }

        .bg-primary-gradient {
            background: linear-gradient(135deg, #FF4338 0%, #FF8C00 100%);
        }

        .text-gradient {
            background: linear-gradient(135deg, #FF4338 0%, #F5B300 100%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
        }

        .hero-pattern {
            background-color: #0F0D15;
            background-image: radial-gradient(rgba(255, 67, 56, 0.15) 1px, transparent 1px);
            background-size: 24px 24px;
        }

        .border-glow {
            border: 1px solid rgba(245, 179, 0, 0.25);
            box-shadow: 0 0 15px rgba(245, 179, 0, 0.08);
        }

        .slot-border {
            border: 2px solid #FF8C00;
            box-shadow: 0 4px 20px rgba(255, 67, 56, 0.2);
        }