/* roulang page: index */
:root {
            --primary: #0A3622;
            --primary-dark: #072316;
            --primary-light: #0F5132;
            --accent: #10D876;
            --accent-hover: #05F19C;
            --neutral-bg: #F4F7F6;
            --obsidian: #0D1310;
            --text-main: #1C2621;
            --text-muted: #55655D;
            --border-glass: rgba(16, 216, 118, 0.16);
        }
        body {
            font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
            color: var(--text-main);
            background-color: #FFFFFF;
            overflow-x: hidden;
        }
        .text-accent { color: var(--accent); }
        .bg-accent { background-color: var(--accent); }
        .bg-primary { background-color: var(--primary); }
        .bg-obsidian { background-color: var(--obsidian); }
        .border-glass { border-color: var(--border-glass); }
        .hero-bg {
            background: linear-gradient(135deg, rgba(7, 35, 22, 0.94) 0%, rgba(13, 19, 16, 0.92) 100%), url('/assets/images/96faaef0e645887f.jpg') center/cover no-repeat;
        }
        .mesh-panel {
            background: rgba(255, 255, 255, 0.04);
            backdrop-filter: blur(12px);
            border: 1px solid var(--border-glass);
        }
        .flow-card-active {
            box-shadow: 0 10px 30px -10px rgba(16, 216, 118, 0.25);
        }
        html { scroll-behavior: smooth; }
        .accordion-content {
            transition: max-height 0.3s cubic-bezier(0, 1, 0, 1);
        }