/* roulang page: index */
:root {
            --primary: #0E548A;
            --primary-dark: #071521;
            --accent: #00BFA5;
            --accent-orange: #FF6D3B;
            --bg-light: #F6F9FA;
            --text-main: #1A2530;
            --text-muted: #5A6E7F;
            --border-color: #E1E8ED;
        }
        body {
            font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
            color: var(--text-main);
            background-color: #FFFFFF;
            line-height: 1.75;
            overflow-x: hidden;
        }
        .hero-cinema {
            background-image: linear-gradient(180deg, rgba(7, 21, 33, 0.85) 0%, rgba(7, 21, 33, 0.95) 100%), url('/assets/images/5690d2651ddaebe6.webp');
            background-size: cover;
            background-position: center;
        }
        .deep-glow {
            box-shadow: 0 10px 30px -5px rgba(14, 84, 138, 0.25);
        }
        .card-custom {
            transition: transform 0.25s ease-in-out, box-shadow 0.25s ease-in-out;
        }
        .card-custom:hover {
            transform: translateY(-4px);
            box-shadow: 0 16px 32px -8px rgba(14, 84, 138, 0.12);
        }