/* roulang page: index */
:root {
            --bg-main: #0E0D14;
            --bg-card: #191826;
            --pink-accent: #FF2A6D;
            --cyan-accent: #05D9E8;
            --amber-accent: #FFC837;
        }
        body {
            background-color: var(--bg-main);
            color: #F4F4F8;
            font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
            background-image: radial-gradient(rgba(255, 42, 109, 0.08) 1px, transparent 1px), radial-gradient(rgba(5, 217, 232, 0.05) 1px, #0E0D14 1px);
            background-size: 24px 24px, 12px 12px;
            background-position: 0 0, 12px 12px;
        }
        .pixel-font {
            font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
        }
        .crt-scanlines {
            background: linear-gradient(rgba(18, 16, 16, 0) 50%, rgba(0, 0, 0, 0.35) 50%);
            background-size: 100% 3px;
        }
        .custom-scrollbar::-webkit-scrollbar {
            height: 6px;
        }
        .custom-scrollbar::-webkit-scrollbar-track {
            background: #191826;
        }
        .custom-scrollbar::-webkit-scrollbar-thumb {
            background: #FF2A6D;
        }

/* roulang page: category1 */
:root {
            --bg-main: #0E0D14;
            --bg-card: #191826;
            --pink-accent: #FF2A6D;
            --cyan-accent: #05D9E8;
            --amber-accent: #FFC837;
        }
        body {
            background-color: var(--bg-main);
            color: #F4F4F8;
            font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
            background-image: radial-gradient(rgba(255, 42, 109, 0.08) 1px, transparent 1px), radial-gradient(rgba(5, 217, 232, 0.05) 1px, #0E0D14 1px);
            background-size: 24px 24px, 12px 12px;
            background-position: 0 0, 12px 12px;
        }
        .pixel-font {
            font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
        }
        .crt-scanlines {
            position: relative;
        }
        .crt-scanlines::after {
            content: " ";
            display: block;
            position: absolute;
            top: 0; left: 0; bottom: 0; right: 0;
            background: linear-gradient(rgba(18, 16, 16, 0) 50%, rgba(0, 0, 0, 0.25) 50%);
            background-size: 100% 4px;
            z-index: 10;
            pointer-events: none;
            opacity: 0.35;
        }
        .custom-scrollbar::-webkit-scrollbar {
            height: 6px;
            width: 6px;
        }
        .custom-scrollbar::-webkit-scrollbar-track {
            background: #0E0D14;
        }
        .custom-scrollbar::-webkit-scrollbar-thumb {
            background: #FF2A6D;
            border-radius: 0px;
        }