/* roulang page: index */
:root {
            --color-primary: #0F172A;
            --color-pine: #0D9488;
            --color-aurora: #10B981;
            --color-amber: #F59E0B;
            --bg-light: #F8FAFC;
            --text-main: #1E293B;
            --text-muted: #64748B;
        }
        html {
            scroll-behavior: smooth;
        }
        body {
            font-family: system-ui, -apple-system, "PingFang SC", "Microsoft YaHei", sans-serif;
            background-color: var(--bg-light);
            color: var(--text-main);
            overflow-x: hidden;
        }
        .tech-gradient-btn {
            background: linear-gradient(135deg, #0D9488 0%, #10B981 100%);
            box-shadow: 0 4px 14px 0 rgba(13, 148, 136, 0.39);
        }
        .tech-gradient-btn:hover {
            box-shadow: 0 6px 20px rgba(16, 185, 129, 0.45);
        }
        .glass-header {
            background: rgba(15, 23, 42, 0.88);
            backdrop-filter: blur(12px);
            -webkit-backdrop-filter: blur(12px);
        }
        .data-grid-bg {
            background-image: radial-gradient(rgba(13, 148, 136, 0.15) 1px, transparent 1px);
            background-size: 24px 24px;
        }