/* roulang page: index */
:root {
            --brand-primary: #0F766E;
            --brand-accent: #14B8A6;
            --brand-action: #D97706;
            --text-title: #0F172A;
            --text-body: #334155;
            --text-muted: #64748B;
            --bg-page: #F8FAFC;
        }
        body {
            font-family: system-ui, -apple-system, "PingFang SC", "Microsoft YaHei", sans-serif;
            color: var(--text-body);
            background-color: var(--bg-page);
            letter-spacing: -0.01em;
            overflow-x: hidden;
        }
        h1, h2, h3, h4, h5, h6 {
            letter-spacing: -0.02em;
            color: var(--text-title);
        }
        .hero-bg {
            background-image: linear-gradient(to right, rgba(15, 23, 42, 0.94), rgba(15, 118, 110, 0.88)), url('/assets/images/cbee203e9eee5744.webp');
            background-size: cover;
            background-position: center;
        }
        .philosophy-bg {
            background-image: linear-gradient(180deg, rgba(15, 23, 42, 0.96) 0%, rgba(11, 17, 32, 0.98) 100%), url('/assets/images/bd301fddd47f7d87.jpg');
            background-size: cover;
            background-position: center;
        }