/* roulang page: index */
:root {
            --bg-deep: #07090D;
            --bg-main: #0A0D12;
            --bg-card: #12161F;
            --border-subtle: rgba(255, 255, 255, 0.08);
            --border-active: rgba(0, 229, 163, 0.35);
            --text-high: #F1F5F9;
            --text-muted: #94A3B8;
            --brand-green: #00E5A3;
            --brand-cyan: #00C9FF;
        }

        body {
            background-color: var(--bg-main);
            color: var(--text-high);
            font-family: 'PingFang SC', 'HarmonyOS Sans', 'Microsoft YaHei', sans-serif;
            overflow-x: hidden;
            -webkit-font-smoothing: antialiased;
        }

        /* 工业科技微边框与网格背景 */
        .tech-grid-bg {
            background-image: linear-gradient(to right, rgba(255, 255, 255, 0.03) 1px, transparent 1px),
                              linear-gradient(to bottom, rgba(255, 255, 255, 0.03) 1px, transparent 1px);
            background-size: 32px 32px;
        }

        .border-glow {
            border: 1px solid var(--border-subtle);
            transition: all 0.25s ease-in-out;
        }
        .border-glow:hover {
            border-color: var(--border-active);
            box-shadow: 0 0 20px rgba(0, 229, 163, 0.12);
        }

        .status-dot-pulse {
            animation: pulse-ring 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
        }
        @keyframes pulse-ring {
            0%, 100% { opacity: 1; transform: scale(1); }
            50% { opacity: 0.4; transform: scale(1.15); }
        }

        /* 自定义手风琴过渡 */
        .faq-body {
            max-height: 0;
            overflow: hidden;
            transition: max-height 0.35s ease-out, opacity 0.3s ease-out;
            opacity: 0;
        }
        .faq-body.open {
            max-height: 260px;
            opacity: 1;
        }