/* roulang page: index */
:root {
            --primary-blue: #1D4ED8;
            --brand-cyan: #0284C7;
            --shield-green: #059669;
            --slate-base: #0F172A;
            --surface-bg: #F8FAFC;
        }
        body {
            font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
            background-color: var(--surface-bg);
            color: #334155;
            -webkit-tap-highlight-color: transparent;
        }
        .hero-mesh {
            background-color: #0b1329;
            background-image: 
                radial-gradient(at 0% 0%, rgba(29, 78, 216, 0.45) 0px, transparent 50%),
                radial-gradient(at 100% 100%, rgba(2, 132, 199, 0.35) 0px, transparent 50%),
                radial-gradient(at 50% 50%, rgba(15, 23, 42, 0.95) 0px, transparent 100%);
        }
        .accordion-content {
            transition: max-height 0.35s ease-out, opacity 0.25s ease-out;
            max-height: 0;
            overflow: hidden;
            opacity: 0;
        }
        .accordion-content.active {
            max-height: 280px;
            opacity: 1;
        }