/* roulang page: index */
:root {
            --color-primary: #1E60FF;
            --color-accent: #00D2DF;
            --color-bg: #0A0F1D;
            --color-bg-alt: #0D1527;
            --color-card: rgba(20, 32, 60, 0.65);
            --color-border: rgba(0, 210, 223, 0.18);
            --color-text-main: #F1F5F9;
            --color-text-sub: #94A3B8;
            --color-text-muted: #64748B;
        }

        body {
            background-color: var(--color-bg);
            color: var(--color-text-main);
            font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei", "Inter", sans-serif;
            overflow-x: hidden;
            line-height: 1.7;
        }

        .glass-card {
            background: var(--color-card);
            backdrop-filter: blur(16px);
            -webkit-backdrop-filter: blur(16px);
            border: 1px solid var(--color-border);
            box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.37);
            border-radius: 14px;
            transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
        }

        .glass-card:hover {
            border-color: rgba(0, 210, 223, 0.45);
            box-shadow: 0 12px 40px 0 rgba(0, 210, 223, 0.15);
            transform: translateY(-2px);
        }

        .btn-glow-primary {
            background: linear-gradient(135deg, #1E60FF 0%, #00D2DF 100%);
            box-shadow: 0 0 20px rgba(0, 210, 223, 0.35);
            transition: all 0.3s ease;
        }

        .btn-glow-primary:hover {
            box-shadow: 0 0 30px rgba(0, 210, 223, 0.6);
            transform: translateY(-2px);
        }

        .btn-ghost-cyan {
            border: 1px solid rgba(0, 210, 223, 0.4);
            background: rgba(10, 15, 29, 0.6);
            backdrop-filter: blur(8px);
            transition: all 0.3s ease;
        }

        .btn-ghost-cyan:hover {
            border-color: #00D2DF;
            background: rgba(0, 210, 223, 0.1);
            color: #00D2DF;
        }

        .text-gradient {
            background: linear-gradient(135deg, #F1F5F9 20%, #00D2DF 100%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
        }