/* roulang page: index */
:root {
            --primary: #0F172A;
            --accent: #0284C7;
            --accent-glow: #06B6D4;
            --clean-green: #10B981;
            --surface-light: #F8FAFC;
        }
        html { scroll-behavior: smooth; }
        body {
            font-family: system-ui, -apple-system, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
            line-height: 1.75;
            color: #334155;
            background-color: #F8FAFC;
        }
        .hero-pattern {
            background-image: linear-gradient(to right, rgba(15, 23, 42, 0.95), rgba(15, 23, 42, 0.82)), url('/assets/images/7f98bf4f80dd1076.jpg');
            background-size: cover;
            background-position: center;
        }
        .tech-grid {
            background-image: radial-gradient(rgba(2, 132, 199, 0.15) 1px, transparent 1px);
            background-size: 24px 24px;
        }
        .glass-dark {
            background: rgba(15, 23, 42, 0.85);
            backdrop-filter: blur(12px);
            -webkit-backdrop-filter: blur(12px);
            border: 1px solid rgba(255, 255, 255, 0.1);
        }