/* roulang page: index */
:root {
            --color-primary: #1F6E43;
            --color-accent: #F27A38;
            --color-deep: #0E2A1E;
            --color-bg: #FBFBFA;
        }
        body {
            font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
            background-color: var(--color-bg);
            color: #374151;
            overflow-x: hidden;
        }
        .hero-pattern {
            background-image: linear-gradient(135deg, rgba(14, 42, 30, 0.92) 0%, rgba(31, 110, 67, 0.85) 100%), url('/assets/images/f90494a91aee2793.webp');
            background-size: cover;
            background-position: center;
        }
        .faq-content {
            max-height: 0;
            overflow: hidden;
            transition: max-height 0.35s ease-out, opacity 0.3s ease;
            opacity: 0;
        }
        .faq-item.active .faq-content {
            max-height: 240px;
            opacity: 1;
        }
        .faq-item.active .faq-icon {
            transform: rotate(180deg);
        }
        .sticky-bar-enter {
            transform: translateY(100%);
            transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1);
        }
        .sticky-bar-enter.show {
            transform: translateY(0);
        }