/* roulang page: index */
:root {
            --primary: #0B132B;
            --primary-accent: #1C2541;
            --highlight: #00FF87;
            --copper: #F39C12;
            --text-dark: #1E293B;
            --text-muted: #475569;
            --border-color: #E2E8F0;
            --surface-bg: #F8FAFC;
        }

        body {
            font-family: system-ui, -apple-system, "PingFang SC", "Microsoft YaHei", "Heiti SC", sans-serif;
            color: var(--text-dark);
            background-color: #FFFFFF;
            line-height: 1.75;
            -webkit-font-smoothing: antialiased;
        }

        .scroll-mt-header {
            scroll-margin-top: 110px;
        }

        .tech-grid-pattern {
            background-image: linear-gradient(to right, rgba(226, 232, 240, 0.4) 1px, transparent 1px),
                              linear-gradient(to bottom, rgba(226, 232, 240, 0.4) 1px, transparent 1px);
            background-size: 32px 32px;
        }

        .dark-tech-pattern {
            background-image: linear-gradient(to right, rgba(28, 37, 65, 0.6) 1px, transparent 1px),
                              linear-gradient(to bottom, rgba(28, 37, 65, 0.6) 1px, transparent 1px);
            background-size: 40px 40px;
        }

        .etched-border {
            border: 1px solid rgba(226, 232, 240, 0.8);
            box-shadow: 0 4px 20px -2px rgba(11, 19, 43, 0.04);
            transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
        }

        .etched-border:hover {
            border-color: #00FF87;
            box-shadow: 0 10px 25px -5px rgba(0, 255, 135, 0.12);
            transform: translateY(-2px);
        }

        .data-counter-card {
            background: linear-gradient(135deg, rgba(28, 37, 65, 0.95) 0%, rgba(11, 19, 43, 0.98) 100%);
            border-left: 3px solid #00FF87;
        }

        /* 隐藏原生数字微调按钮 */
        input[type=number]::-webkit-inner-spin-button, 
        input[type=number]::-webkit-outer-spin-button { 
            -webkit-appearance: none; 
            margin: 0; 
        }
