/* roulang page: index */
:root {
            --primary: #7C3AED;
            --cyan: #06B6D4;
            --dark-base: #0B0F19;
            --surface-card: rgba(31, 41, 55, 0.7);
            --border-light: rgba(255, 255, 255, 0.08);
        }
        body {
            background-color: #0B0F19;
            color: #D1D5DB;
            font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
            overflow-x: hidden;
        }
        .neon-glow {
            box-shadow: 0 0 25px rgba(124, 58, 237, 0.35);
        }
        .cyan-glow {
            box-shadow: 0 0 25px rgba(6, 182, 212, 0.3);
        }
        .card-blur {
            background: rgba(31, 41, 55, 0.65);
            backdrop-filter: blur(12px);
            border: 1px solid rgba(255, 255, 255, 0.08);
        }
        .card-blur:hover {
            transform: translateY(-4px);
            border-color: rgba(124, 58, 237, 0.4);
            box-shadow: 0 10px 30px -10px rgba(124, 58, 237, 0.3);
        }
        .clip-slant {
            clip-path: polygon(0 0, 100% 0, 100% 92%, 0 100%);
        }