/* roulang page: index */
:root {
            --primary-blue: #0F2537;
            --accent-blue: #0284C7;
            --success-green: #059669;
            --text-main: #0F172A;
            --text-body: #334155;
            --text-muted: #64748B;
        }
        body { font-family: 'PingFang SC', 'Microsoft YaHei', sans-serif; color: var(--text-body); }
        .gradient-bg { background: linear-gradient(135deg, #0F2537 0%, #1e3a8a 100%); }
        .nav-link:hover { color: var(--accent-blue); }
        .card-shadow { box-shadow: 0 4px 20px -2px rgba(15, 23, 42, 0.05); }
        .section-padding { padding: 4rem 0; }
        .btn-primary { background-color: var(--accent-blue); color: white; transition: all 0.3s ease; }
        .btn-primary:hover { background-color: var(--success-green); transform: translateY(-2px); }
        .btn-outline { border: 1px solid var(--accent-blue); color: var(--accent-blue); }
        .btn-outline:hover { background-color: var(--accent-blue); color: white; }