/* roulang page: index */
:root {
            --primary: #0F2B48;
            --dark: #0A192F;
            --accent: #00A88F;
            --warning: #FF6B35;
            --bg-neutral: #F4F6F9;
            --border: #E2E8F0;
        }
        * { box-sizing: border-box; margin: 0; padding: 0; }
        body {
            font-family: system-ui, -apple-system, "PingFang SC", "Microsoft YaHei", sans-serif;
            background-color: #ffffff;
            color: #1E293B;
            line-height: 1.75;
            -webkit-font-smoothing: antialiased;
        }
        .container-custom {
            max-width: 1280px;
            margin-left: auto;
            margin-right: auto;
            padding-left: 1.25rem;
            padding-right: 1.25rem;
        }
        .section-padding { padding-top: 5rem; padding-bottom: 5rem; }
        .hero-bg {
            background-image: linear-gradient(rgba(15, 43, 72, 0.88), rgba(10, 25, 47, 0.94)), url('/assets/images/c6a3ea0a7d85516e.webp');
            background-size: cover;
            background-position: center;
        }
        .cta-bg {
            background-image: linear-gradient(rgba(10, 25, 47, 0.92), rgba(15, 43, 72, 0.96)), url('/assets/images/141806f5a658a625.png');
            background-size: cover;
            background-position: center;
        }
        .nav-link {
            transition: color 0.2s ease;
        }
        .nav-link:hover {
            color: var(--accent);
        }
        .industrial-card {
            background: #ffffff;
            border: 1px solid var(--border);
            border-radius: 0.5rem;
            transition: transform 0.2s ease, box-shadow 0.2s ease;
        }
        .industrial-card:hover {
            transform: translateY(-2px);
            box-shadow: 0 10px 25px -5px rgba(15, 43, 72, 0.08);
        }
        .industrial-card-dark {
            background: #112240;
            border: 1px solid #233554;
            border-radius: 0.5rem;
        }