/* roulang page: index */
:root {
            --primary: #0D9488;
            --primary-hover: #0F766E;
            --text-dark: #0F172A;
            --text-muted: #64748B;
            --bg-base: #F8FAFC;
            --card-bg: #FFFFFF;
            --border-light: #E2E8F0;
            --dark-section: #090D16;
            --amber-accent: #D97706;
        }

        body {
            font-family: system-ui, -apple-system, BlinkMacSystemFont, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
            background-color: var(--bg-base);
            color: var(--text-dark);
            line-height: 1.75;
            -webkit-font-smoothing: antialiased;
        }

        .container-custom {
            width: 100%;
            max-width: 1280px;
            margin-left: auto;
            margin-right: auto;
            padding-left: 1.25rem;
            padding-right: 1.25rem;
        }

        .section-py {
            padding-top: 5rem;
            padding-bottom: 5rem;
        }

        @media (min-width: 1024px) {
            .section-py {
                padding-top: 6.5rem;
                padding-bottom: 6.5rem;
            }
        }

        /* 晶圆母线微光网格背景 */
        .wafer-grid {
            background-size: 32px 32px;
            background-image: 
                linear-gradient(to right, rgba(226, 232, 240, 0.45) 1px, transparent 1px),
                linear-gradient(to bottom, rgba(226, 232, 240, 0.45) 1px, transparent 1px);
        }

        .wafer-grid-dark {
            background-size: 28px 28px;
            background-image: 
                linear-gradient(to right, rgba(13, 148, 136, 0.08) 1px, transparent 1px),
                linear-gradient(to bottom, rgba(13, 148, 136, 0.08) 1px, transparent 1px);
        }

        .code-pill {
            font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
        }

        .card-hover-tech {
            transition: transform 0.25s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.25s cubic-bezier(0.16, 1, 0.3, 1), border-color 0.25s ease;
        }
        .card-hover-tech:hover {
            transform: translateY(-4px);
            box-shadow: 0 12px 28px -6px rgba(15, 23, 42, 0.08), 0 8px 12px -4px rgba(15, 23, 42, 0.04);
            border-color: #CBD5E1;
        }

        /* 等宽数字样式 */
        .tabular-nums {
            font-variant-numeric: tabular-nums;
        }