/* roulang page: index */
:root {
            --color-primary: #1B4332;
            --color-accent: #F39C12;
            --color-bg: #F9FAF7;
            --color-text: #111827;
            --font-stack: system-ui, -apple-system, "PingFang SC", "Lantinghei SC", "Microsoft YaHei", sans-serif;
        }
        body {
            font-family: var(--font-stack);
            background-color: var(--color-bg);
            color: var(--color-text);
            scroll-behavior: smooth;
        }
        .hero-banner {
            background: linear-gradient(rgba(13, 31, 23, 0.82), rgba(27, 67, 50, 0.88)), url('/assets/images/9102458052d42318.png') center/cover no-repeat;
        }
        .tech-dark-bg {
            background-color: #0D1F17;
            background-image: radial-gradient(#1b4332 1px, transparent 1px);
            background-size: 24px 24px;
        }
        .accordion-content {
            transition: max-height 0.3s ease-out, opacity 0.2s ease;
        }