/* roulang page: index */
:root {
            --color-primary: #00E676;
            --color-secondary: #FF5722;
            --color-dark: #0F141C;
            --color-tech: #0A1118;
            --color-bg-light: #F5F7FA;
            --color-text-main: #111827;
            --color-text-muted: #4B5563;
            --color-border: #E5E7EB;
        }

        body {
            font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
            color: var(--color-text-main);
            background-color: #FFFFFF;
            overflow-x: hidden;
            scroll-behavior: smooth;
        }

        .hero-bg {
            background: linear-gradient(rgba(15, 20, 28, 0.88), rgba(10, 17, 24, 0.95)), url('/assets/images/7f4585b15cb066ae.webp') center/cover no-repeat;
        }

        .tech-bg {
            background: linear-gradient(rgba(10, 17, 24, 0.95), rgba(15, 20, 28, 0.98)), url('/assets/images/0b240a16bb67a41a.png') center/cover no-repeat;
        }

        .cta-bg {
            background: linear-gradient(rgba(15, 20, 28, 0.92), rgba(10, 17, 24, 0.96)), url('/assets/images/7da58938206a21b9.webp') center/cover no-repeat;
        }

        .countdown-circle {
            background: conic-gradient(#00E676 270deg, #1E293B 0deg);
        }

        .glass-card {
            background: rgba(255, 255, 255, 0.05);
            backdrop-filter: blur(10px);
            border: 1px solid rgba(255, 255, 255, 0.1);
        }
        
        .transition-hover {
            transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
        }
        .transition-hover:hover {
            transform: translateY(-2px);
        }