/* roulang page: index */
:root {
            --color-primary: #0F141C;
            --color-surface-dark: #080C14;
            --color-cyan: #00D4B2;
            --color-purple: #635BFF;
            --color-orange: #FF7D00;
            --color-light: #F7F9FC;
        }
        body {
            font-family: system-ui, -apple-system, "Segoe UI", Roboto, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
            color: #1a202c;
            background-color: #FFFFFF;
            overflow-x: hidden;
        }
        .text-glow-cyan {
            text-shadow: 0 0 16px rgba(0, 212, 178, 0.45);
        }
        .glass-panel {
            background: rgba(255, 255, 255, 0.92);
            backdrop-filter: blur(14px);
        }
        .glass-dark-card {
            background: rgba(15, 20, 28, 0.75);
            backdrop-filter: blur(16px);
            border: 1px solid rgba(255, 255, 255, 0.08);
        }
        .card-custom {
            transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
            box-shadow: 0 8px 30px rgba(0, 0, 0, 0.04);
        }
        .card-custom:hover {
            transform: translateY(-4px);
            box-shadow: 0 16px 36px rgba(15, 20, 28, 0.08);
            border-color: rgba(0, 212, 178, 0.4);
        }
        .custom-scrollbar::-webkit-scrollbar {
            width: 6px;
        }
        .custom-scrollbar::-webkit-scrollbar-thumb {
            background-color: rgba(0, 212, 178, 0.2);
            border-radius: 9999px;
        }