/* roulang page: index */
:root {
            --color-primary: #0e7490;
            --color-accent: #f97316;
            --color-dark: #0f172a;
            --color-bg-alt: #f8fafc;
            --font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans SC", "PingFang SC", "Microsoft YaHei", sans-serif;
        }
        body {
            font-family: var(--font-family);
            background-color: #ffffff;
            color: #334155;
            line-height: 1.7;
            text-rendering: optimizeLegibility;
            -webkit-font-smoothing: antialiased;
        }
        .text-glow {
            text-shadow: 0 2px 10px rgba(0,0,0,0.4);
        }
        .hero-mask {
            background: linear-gradient(180deg, rgba(15, 23, 42, 0.72) 0%, rgba(15, 23, 42, 0.88) 100%);
        }
        .smooth-shadow {
            box-shadow: 0 10px 30px -10px rgba(14, 116, 144, 0.08), 0 4px 10px -2px rgba(0, 0, 0, 0.04);
        }
        .card-hover {
            transition: transform 0.28s ease, box-shadow 0.28s ease, border-color 0.28s ease;
        }
        .card-hover:hover {
            transform: translateY(-4px);
            box-shadow: 0 18px 35px -8px rgba(14, 116, 144, 0.14);
        }