/* roulang page: index */
:root {
            --color-primary: #0E1726;
            --color-primary-stone: #1A2332;
            --color-amber-gold: #D97706;
            --color-amber-glow: #F59E0B;
            --color-cyan-glow: #0284C7;
            --color-bg-clean: #F8FAFC;
            --color-bg-dark: #0A0F1D;
            --color-text-dark: #1E293B;
            --color-text-muted: #64748B;
            --color-border-subtle: #E2E8F0;
        }

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

        /* 工业微发光与精密边框 */
        .semi-card {
            background-color: #FFFFFF;
            border: 1px solid var(--color-border-subtle);
            border-radius: 6px;
            transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1);
        }
        .semi-card:hover {
            transform: translateY(-3px);
            border-color: var(--color-cyan-glow);
            box-shadow: 0 10px 25px -5px rgba(2, 132, 199, 0.08), 0 8px 10px -6px rgba(2, 132, 199, 0.04);
        }

        .semi-card-dark {
            background-color: #111827;
            border: 1px solid #1F2937;
            border-radius: 6px;
            transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1);
        }
        .semi-card-dark:hover {
            border-color: var(--color-amber-glow);
            transform: translateY(-3px);
            box-shadow: 0 10px 25px -5px rgba(245, 158, 11, 0.12);
        }

        /* 动态信号指示脉冲 */
        .status-pulse {
            width: 8px;
            height: 8px;
            border-radius: 50%;
            background-color: #10B981;
            box-shadow: 0 0 0 0 rgba(16, 185, 129, 0.7);
            animation: pulse-ring 2s infinite;
        }
        @keyframes pulse-ring {
            0% { box-shadow: 0 0 0 0 rgba(16, 185, 129, 0.7); }
            70% { box-shadow: 0 0 0 8px rgba(16, 185, 129, 0); }
            100% { box-shadow: 0 0 0 0 rgba(16, 185, 129, 0); }
        }

        /* 晶圆硅片网格背景质感 */
        .wafer-grid-bg {
            background-image: radial-gradient(rgba(2, 132, 199, 0.08) 1px, transparent 0);
            background-size: 24px 24px;
        }
        .wafer-grid-dark {
            background-image: radial-gradient(rgba(245, 158, 11, 0.1) 1px, transparent 0);
            background-size: 24px 24px;
        }