/* roulang page: index */
:root {
            --color-bg: #0B0F17;
            --color-surface: #111827;
            --color-card: #1E293B;
            --color-primary: #00E599;
            --color-text-main: #FFFFFF;
            --color-text-sub: #94A3B8;
            --color-border: #334155;
        }
        body {
            background-color: var(--color-bg);
            color: var(--color-text-main);
            font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
            overflow-x: hidden;
        }
        .text-glow {
            text-shadow: 0 0 12px rgba(0, 229, 153, 0.4);
        }
        .mesh-gradient {
            background-image: radial-gradient(at 10% 10%, rgba(0, 229, 153, 0.08) 0px, transparent 50%),
                              radial-gradient(at 90% 90%, rgba(6, 182, 212, 0.08) 0px, transparent 50%);
        }
        .data-grid-pattern {
            background-size: 32px 32px;
            background-image: linear-gradient(to right, rgba(51, 65, 85, 0.25) 1px, transparent 1px),
                              linear-gradient(to bottom, rgba(51, 65, 85, 0.25) 1px, transparent 1px);
        }
        /* 手风琴折叠交互过渡 */
        .faq-content {
            max-height: 0;
            overflow: hidden;
            transition: max-height 0.35s ease-out, opacity 0.3s ease-out;
            opacity: 0;
        }
        .faq-content.active {
            max-height: 300px;
            opacity: 1;
        }
        /* 自定义滚动条 */
        ::-webkit-scrollbar {
            width: 8px;
        }
        ::-webkit-scrollbar-track {
            background: #0B0F17;
        }
        ::-webkit-scrollbar-thumb {
            background: #334155;
            border-radius: 4px;
        }
        ::-webkit-scrollbar-thumb:hover {
            background: #00E599;
        }