/* roulang page: index */
:root {
            --primary: #7928CA;
            --accent: #00DFD8;
            --neonpink: #FF0080;
            --darkbg: #0B0C10;
            --cardbg: #16181D;
            --slatealt: #12131A;
            --text-main: #E2E8F0;
            --text-muted: #94A3B8;
        }
        body {
            background-color: var(--darkbg);
            color: var(--text-main);
            font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
            overflow-x: hidden;
        }
        .glow-purple {
            box-shadow: 0 0 35px rgba(121, 40, 202, 0.28);
        }
        .glow-teal {
            box-shadow: 0 0 25px rgba(0, 223, 216, 0.25);
        }
        .border-glass {
            border: 1px solid rgba(255, 255, 255, 0.08);
        }
        .border-glass:hover {
            border-color: rgba(0, 223, 216, 0.35);
        }
        .progress-ring-circle {
            transition: stroke-dashoffset 0.8s ease-in-out;
            transform: rotate(-90deg);
            transform-origin: 50% 50%;
        }