/* roulang page: index */
:root {
            --brand-dark: #0B0F17;
            --brand-card: #1E2633;
            --brand-primary: #2563EB;
            --brand-accent: #F97316;
            --brand-text: #1E293B;
            --brand-muted: #64748B;
            --border-light: rgba(226, 232, 240, 0.9);
        }

        body {
            color: var(--brand-text);
            background-color: #F8FAFC;
            -webkit-font-smoothing: antialiased;
        }

        .gradient-industrial {
            background: linear-gradient(135deg, #0B0F17 0%, #1E2633 100%);
        }

        .gradient-accent {
            background: linear-gradient(135deg, #F97316 0%, #EA580C 100%);
        }

        .card-hover-effect {
            transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
        }
        .card-hover-effect:hover {
            transform: translateY(-4px);
            box-shadow: 0 20px 25px -5px rgba(15, 20, 28, 0.1), 0 10px 10px -5px rgba(15, 20, 28, 0.04);
        }

        .badge-glow {
            box-shadow: 0 0 15px rgba(249, 115, 22, 0.25);
        }

        /* 隐藏默认 details 标记 */
        details summary::-webkit-details-marker {
            display: none;
        }
        details summary {
            list-style: none;
        }
        details[open] summary .faq-icon {
            transform: rotate(180deg);
            color: #F97316;
        }

        /* 工业精密网格背景 */
        .industrial-grid-pattern {
            background-size: 32px 32px;
            background-image: 
                linear-gradient(to right, rgba(255, 255, 255, 0.04) 1px, transparent 1px),
                linear-gradient(to bottom, rgba(255, 255, 255, 0.04) 1px, transparent 1px);
        }

        .industrial-light-grid {
            background-size: 28px 28px;
            background-image: 
                linear-gradient(to right, rgba(100, 116, 139, 0.05) 1px, transparent 1px),
                linear-gradient(to bottom, rgba(100, 116, 139, 0.05) 1px, transparent 1px);
        }