/* roulang page: index */
:root {
            --primary: #0F2C59;
            --secondary: #008080;
            --accent: #0ea5e9;
            --dark-bg: #0B192C;
            --light-bg: #F8FAFC;
            --text-main: #1E293B;
            --text-sub: #475569;
        }
        html { scroll-behavior: smooth; }
        body { font-family: system-ui, -apple-system, "Segoe UI", Roboto, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif; color: var(--text-main); }
        .hero-bg {
            background: linear-gradient(135deg, rgba(15, 44, 89, 0.95) 0%, rgba(11, 25, 44, 0.92) 100%), url('/assets/images/318a1631ed3c2279.webp') center/cover no-repeat;
        }
        .pattern-grid {
            background-image: radial-gradient(rgba(14, 165, 233, 0.15) 1px, transparent 1px);
            background-size: 24px 24px;
        }
        .card-shadow {
            box-shadow: 0 10px 30px -5px rgba(15, 44, 89, 0.08);
        }
        .stage-glow {
            box-shadow: 0 0 50px -10px rgba(14, 165, 233, 0.35);
        }