/* roulang page: index */
:root {
            --primary: #0A192F;
            --accent: #4CC9F0;
            --text-main: #333;
            --text-light: #666;
            --bg-light: #F8FAFC;
        }
        body { font-family: 'PingFang SC', 'Microsoft YaHei', sans-serif; color: var(--text-main); }
        .bg-ocean { background-color: var(--primary); }
        .text-sky { color: var(--accent); }
        .btn-primary { background-color: var(--accent); color: var(--primary); transition: all 0.3s; }
        .btn-primary:hover { opacity: 0.9; transform: translateY(-2px); }
        .card-shadow { box-shadow: 0 4px 20px rgba(0,0,0,0.05); }
        .section-padding { padding: 4rem 0; }
        nav.active { border-bottom: 2px solid var(--accent); }