/* roulang page: index */
:root {
            --color-primary: #0F2537;
            --color-primary-dark: #0B1B2B;
            --color-accent: #D97706;
            --color-teal: #0EA5E9;
            --bg-light: #F8FAFC;
        }

        body {
            font-family: system-ui, -apple-system, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
            background-color: #FFFFFF;
            color: #1E293B;
            line-height: 1.75;
            -webkit-font-smoothing: antialiased;
        }

        .hero-bg-overlay {
            background: linear-gradient(135deg, rgba(11, 27, 43, 0.94) 0%, rgba(15, 37, 55, 0.90) 60%, rgba(14, 165, 233, 0.75) 100%),
                        url('/assets/images/ad23e7fe56c77196.webp') center/cover no-repeat;
        }

        .dark-section-bg {
            background: linear-gradient(180deg, #0B1B2B 0%, #0F2537 100%);
        }

        .nav-blur {
            backdrop-filter: blur(12px);
            background-color: rgba(255, 255, 255, 0.96);
        }

        .accordion-content {
            transition: max-height 0.35s ease, opacity 0.3s ease;
        }

        .btn-glow:hover {
            box-shadow: 0 0 20px rgba(217, 119, 6, 0.4);
        }

        .tab-active {
            border-bottom: 3px solid #D97706;
            color: #D97706;
            font-weight: 600;
        }