/* roulang page: index */
:root {
            --primary: #0B132B;
            --brand-blue: #1C64F2;
            --accent-green: #10B981;
            --accent-amber: #F59E0B;
            --text-title: #0F172A;
            --text-body: #334155;
            --text-muted: #64748B;
        }
        * { box-sizing: border-box; }
        html { scroll-behavior: smooth; }
        body { color: var(--text-body); background-color: #ffffff; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif; }
        .hero-mesh {
            background-color: #0B132B;
            background-image: radial-gradient(at 0% 0%, rgba(28, 100, 242, 0.35) 0px, transparent 50%),
                              radial-gradient(at 100% 100%, rgba(16, 185, 129, 0.25) 0px, transparent 50%);
        }
        .card-shadow { box-shadow: 0 4px 20px -2px rgba(0, 0, 0, 0.05); }
        .card-shadow:hover { box-shadow: 0 12px 30px -4px rgba(0, 0, 0, 0.12); }