/* roulang page: index */
:root {
            --primary: #00E599;
            --primary-hover: #00c784;
            --secondary: #6366F1;
            --accent-orange: #F97316;
            --bg-base: #0B0F19;
            --bg-card: #111827;
            --bg-card-alt: #162032;
            --text-main: #F9FAFB;
            --text-muted: #9CA3AF;
            --border-line: #1F2937;
        }

        body {
            background-color: var(--bg-base);
            color: var(--text-main);
            font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
            overflow-x: hidden;
            scroll-behavior: smooth;
        }

        .code-font {
            font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
        }

        .glow-box {
            box-shadow: 0 0 25px -5px rgba(0, 229, 153, 0.15);
        }

        .glow-box:hover {
            box-shadow: 0 0 35px -2px rgba(0, 229, 153, 0.28);
        }

        .hero-bg-overlay {
            background: linear-gradient(180deg, rgba(11, 15, 25, 0.82) 0%, rgba(11, 15, 25, 0.95) 75%, #0B0F19 100%), 
                        url('/assets/images/d15163e88ac7330b.jpg') center/cover no-repeat;
        }

        .custom-scroll::-webkit-scrollbar {
            height: 6px;
        }
        .custom-scroll::-webkit-scrollbar-track {
            background: #111827;
        }
        .custom-scroll::-webkit-scrollbar-thumb {
            background: #374151;
            border-radius: 3px;
        }

        .accordion-content {
            transition: max-height 0.3s ease-out, opacity 0.2s ease;
            max-height: 0;
            overflow: hidden;
            opacity: 0;
        }
        .accordion-content.active {
            max-height: 240px;
            opacity: 1;
        }