/* roulang page: index */
:root {
            --color-primary: #0F2D1F;
            --color-accent: #00E599;
            --color-strike: #FF6B35;
            --color-dark: #12161A;
            --color-bg-light: #F8FAFC;
        }

        body {
            font-family: system-ui, -apple-system, "PingFang SC", "Microsoft YaHei", sans-serif;
            background-color: #FFFFFF;
            color: #1F2937;
            overflow-x: hidden;
            line-height: 1.75;
        }

        .data-tabular {
            font-variant-numeric: tabular-nums;
            font-feature-settings: "tnum";
        }

        .radar-grid {
            background-image: radial-gradient(rgba(0, 229, 153, 0.12) 1px, transparent 1px);
            background-size: 24px 24px;
        }

        .hero-pattern {
            background-image: linear-gradient(135deg, rgba(8, 23, 16, 0.94) 0%, rgba(15, 45, 31, 0.88) 100%), url('/assets/images/3ac618b35be1ec11.jpg');
            background-size: cover;
            background-position: center;
        }

        .banner-bg-dark {
            background-image: linear-gradient(180deg, rgba(11, 22, 18, 0.96) 0%, rgba(18, 22, 26, 0.98) 100%), url('/assets/images/dc4ded007c595994.jpg');
            background-size: cover;
            background-position: center;
        }

        .card-tech-border {
            border: 1px solid rgba(226, 232, 240, 0.85);
            transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
        }
        .card-tech-border:hover {
            border-color: rgba(0, 229, 153, 0.5);
            transform: translateY(-4px);
            box-shadow: 0 12px 28px -6px rgba(15, 45, 31, 0.08), 0 0 16px rgba(0, 229, 153, 0.1);
        }

        .btn-kinetic {
            background-color: #00E599;
            color: #081710;
            transition: all 0.25s ease-in-out;
        }
        .btn-kinetic:hover {
            background-color: #00C784;
            transform: translateY(-1px);
            box-shadow: 0 4px 14px rgba(0, 229, 153, 0.35);
        }
        .btn-kinetic:active {
            transform: scale(0.98);
        }

        /* 隐藏原生详情下拉三角 */
        details summary::-webkit-details-marker {
            display: none;
        }
        details summary {
            list-style: none;
        }