/* roulang page: index */
:root {
            --primary-navy: #0F2042;
            --primary-slate: #1E293B;
            --dark-black: #0F172A;
            --accent-amber: #D97706;
            --accent-gold: #F59E0B;
            --border-color: #E2E8F0;
            --bg-light: #F8FAFC;
        }
        body {
            font-family: PingFang SC, "Microsoft YaHei", Inter, -apple-system, sans-serif;
            background-color: var(--bg-light);
            color: #334155;
            -webkit-font-smoothing: antialiased;
        }
        .tabular-num {
            font-variant-numeric: tabular-nums;
        }
        .hero-gradient {
            background: linear-gradient(135deg, rgba(15, 32, 66, 0.95) 0%, rgba(15, 23, 42, 0.92) 100%);
        }
        .gold-border-top {
            position: relative;
        }
        .gold-border-top::after {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            height: 3px;
            background: linear-gradient(90deg, #D97706, #F59E0B);
            opacity: 0;
            transition: opacity 0.3s ease;
        }
        .gold-border-top:hover::after {
            opacity: 1;
        }
        .flow-line {
            background: repeating-linear-gradient(90deg, #334155 0px, #334155 8px, transparent 8px, transparent 16px);
        }