/* roulang page: index */
:root {
            --primary: #6366F1;
            --secondary: #06B6D4;
            --dark-bg: #0B0F19;
            --text-main: #0F172A;
            --text-muted: #334155;
            --border-light: rgba(226, 232, 240, 0.8);
        }
        html {
            scroll-behavior: smooth;
            font-family: system-ui, -apple-system, "Segoe UI", Roboto, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
        }
        .circuit-pattern {
            background-image: radial-gradient(rgba(99, 102, 241, 0.15) 1px, transparent 1px);
            background-size: 24px 24px;
        }
        .hero-banner {
            background: linear-gradient(135deg, rgba(11, 15, 25, 0.88), rgba(15, 23, 42, 0.85)), url('/assets/images/8d53c50b6c9bddfe.webp') center/cover no-repeat;
        }
        .dark-section-bg {
            background: linear-gradient(180deg, #0B0F19 0%, #111827 100%);
        }
        .transition-all-200 {
            transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
        }