/* roulang page: index */
:root {
            --primary: #00E599;
            --dark-base: #0B131A;
            --dark-block: #101D28;
            --light-base: #F4F7F9;
        }
        html {
            scroll-behavior: smooth;
        }
        body {
            font-family: 'PingFang SC', 'Microsoft YaHei', 'Noto Sans SC', sans-serif;
            background-color: #0B131A;
            color: #E2E8F0;
            overflow-x: hidden;
        }
        .glow-button {
            transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
        }
        .glow-button:hover {
            box-shadow: 0 0 25px rgba(0, 229, 153, 0.45);
            transform: translateY(-2px);
        }
        .card-tech {
            transition: all 0.3s ease;
            border: 1px solid rgba(255, 255, 255, 0.08);
        }
        .card-tech:hover {
            border-color: rgba(0, 229, 153, 0.35);
            transform: translateY(-4px);
            box-shadow: 0 10px 30px -10px rgba(0, 229, 153, 0.15);
        }