/* roulang page: index */
:root {
            --primary-green: #064E3B;
            --accent-teal: #0F766E;
            --alert-amber: #D97706;
            --bg-light: #F8FAF8;
            --bg-dark: #0A1F1C;
            --text-main: #1f2937;
            --text-muted: #4b5563;
        }

        body {
            font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
            background-color: var(--bg-light);
            color: var(--text-main);
            line-height: 1.8;
            letter-spacing: 0.01em;
        }

        .hero-overlay {
            background: linear-gradient(135deg, rgba(6, 78, 59, 0.94) 0%, rgba(10, 31, 28, 0.92) 100%);
        }

        .dark-section-bg {
            background-color: var(--bg-dark);
            background-image: radial-gradient(circle at 50% 50%, rgba(15, 118, 110, 0.15) 0%, transparent 80%);
        }

        .card-soft-shadow {
            box-shadow: 0 4px 20px -2px rgba(6, 78, 59, 0.06), 0 2px 6px -1px rgba(0, 0, 0, 0.04);
            transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
        }

        .card-soft-shadow:hover {
            transform: translateY(-4px);
            box-shadow: 0 12px 28px -4px rgba(6, 78, 59, 0.12), 0 4px 10px -2px rgba(0, 0, 0, 0.06);
        }

        .accordion-content {
            transition: max-height 0.3s ease-out, opacity 0.25s ease-in-out;
            max-height: 0;
            overflow: hidden;
            opacity: 0;
        }

        .accordion-content.active {
            max-height: 380px;
            opacity: 1;
        }

        .badge-gold {
            background: linear-gradient(135deg, #d97706 0%, #b45309 100%);
        }

        input:focus, textarea:focus, select:focus {
            outline: none;
            box-shadow: 0 0 0 3px rgba(15, 118, 110, 0.25);
        }