/* roulang page: index */
:root {
            --brand-primary: #EA580C;
            --brand-primary-hover: #C2410C;
            --brand-dark: #0B0F19;
            --brand-slate: #1E293B;
            --brand-gray: #475569;
            --brand-bg: #F8FAFC;
        }
        body {
            font-family: system-ui, -apple-system, "PingFang SC", "Microsoft YaHei", sans-serif;
            background-color: var(--brand-bg);
            color: #334155;
            line-height: 1.75;
            -webkit-font-smoothing: antialiased;
        }
        .text-balance {
            text-wrap: balance;
        }
        .hero-banner-strip {
            background-image: linear-gradient(to right, rgba(11, 15, 25, 0.92) 0%, rgba(15, 23, 42, 0.85) 60%, rgba(30, 41, 59, 0.7) 100%), url('/assets/images/f635b9c57b9f48b0.webp');
            background-size: cover;
            background-position: center;
        }
        .spec-bg-pattern {
            background-image: linear-gradient(135deg, rgba(15, 23, 42, 0.96) 0%, rgba(11, 15, 25, 0.98) 100%), url('/assets/images/ddc7b9cae6fcffe0.jpg');
            background-size: cover;
            background-position: center;
        }
        .card-hover-fx {
            transition: transform 0.25s ease, box-shadow 0.25s ease;
        }
        .card-hover-fx:hover {
            transform: translateY(-4px);
            box-shadow: 0 12px 24px -10px rgba(234, 88, 12, 0.15);
        }
        .transition-max-height {
            transition: max-height 0.3s ease-in-out;
        }