/* roulang page: index */
:root {
            --primary: #0F4C81;
            --navy: #1B3B6F;
            --accent: #00B4D8;
            --gold: #D4AF37;
            --darkbase: #0A1128;
            --slate-body: #1E293B;
            --mute-gray: #64748B;
            --bg-light: #F8FAFC;
        }
        html { scroll-behavior: smooth; }
        body { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif; color: var(--slate-body); background-color: var(--bg-light); margin: 0; padding: 0; }
        .gradient-brand { background: linear-gradient(135deg, #0F4C81 0%, #1B3B6F 100%); }
        .card-shadow { box-shadow: 0 20px 25px -5px rgba(15, 76, 129, 0.08), 0 8px 10px -6px rgba(15, 76, 129, 0.04); }
        .hero-glow { background: radial-gradient(circle at 50% 30%, rgba(0, 180, 216, 0.15) 0%, rgba(15, 76, 129, 0) 70%); }
        .border-subtle { border: 1px solid rgba(226, 232, 240, 0.8); }
        .btn-hover { transition: all 0.25s ease; }
        .btn-hover:hover { transform: translateY(-2px); box-shadow: 0 10px 15px -3px rgba(15, 76, 129, 0.25); }