/* roulang page: index */
:root {
            --primary: #090A0F;
            --accent: #6366F1;
            --cyan: #06B6D4;
        }
        body {
            background-color: #090A0F;
            color: #F8FAFC;
            overflow-x: hidden;
            font-family: system-ui, -apple-system, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
        }
        .glow-accent {
            box-shadow: 0 0 35px -5px rgba(99, 102, 241, 0.35);
        }
        .glow-cyan {
            box-shadow: 0 0 35px -5px rgba(6, 182, 212, 0.3);
        }
        .glass-panel {
            background: rgba(17, 20, 32, 0.85);
            backdrop-filter: blur(12px);
            border: 1px solid rgba(255, 255, 255, 0.08);
        }
        .ticket-cutout-left {
            position: relative;
        }
        .ticket-cutout-left::before {
            content: '';
            position: absolute;
            top: 50%;
            left: -12px;
            transform: translateY(-50%);
            width: 24px;
            height: 24px;
            background: #090A0F;
            border-radius: 50%;
            border-right: 1px solid rgba(255,255,255,0.1);
        }
        .ticket-cutout-left::after {
            content: '';
            position: absolute;
            top: 50%;
            right: -12px;
            transform: translateY(-50%);
            width: 24px;
            height: 24px;
            background: #090A0F;
            border-radius: 50%;
            border-left: 1px solid rgba(255,255,255,0.1);
        }