/* roulang page: index */
:root {
            --primary: #00D2C4;
            --accent: #FFB800;
            --bg-dark: #0A1118;
            --surface: #111C26;
            --text-main: #F0F6FC;
            --text-muted: #94A3B8;
        }
        body {
            background-color: var(--bg-dark);
            color: var(--text-main);
            font-family: system-ui, -apple-system, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
            overflow-x: hidden;
            line-height: 1.75;
        }
        .hero-diagonal {
            clip-path: polygon(0 0, 100% 0, 100% 92%, 0 100%);
        }
        .code-box {
            background: #060b10;
            border: 1px solid #1c2b3a;
            box-shadow: inset 0 2px 4px rgba(0,0,0,0.6);
        }
        .glow-cyan {
            box-shadow: 0 0 25px rgba(0, 210, 196, 0.25);
        }
        .custom-scrollbar::-webkit-scrollbar {
            width: 6px;
            height: 6px;
        }
        .custom-scrollbar::-webkit-scrollbar-thumb {
            background: #1e3246;
            border-radius: 3px;
        }