/* roulang page: index */
:root {
            --bg-base: #0B0F12;
            --bg-surface: #10171D;
            --color-green: #00E599;
            --color-orange: #FF6B35;
            --color-border: rgba(148, 163, 184, 0.15);
        }
        body {
            background-color: var(--bg-base);
            color: #F8FAFC;
            font-family: system-ui, -apple-system, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
            line-height: 1.8;
            overflow-x: hidden;
        }
        .glow-green {
            box-shadow: 0 0 35px rgba(0, 229, 153, 0.18);
        }
        .glow-card:hover {
            box-shadow: 0 10px 30px -5px rgba(0, 229, 153, 0.2);
            border-color: rgba(0, 229, 153, 0.4);
            transform: translateY(-3px);
        }
        .tech-grid {
            background-image: radial-gradient(rgba(0, 229, 153, 0.08) 1px, transparent 0);
            background-size: 24px 24px;
        }
        .accordion-content {
            max-height: 0;
            overflow: hidden;
            transition: max-height 0.35s cubic-bezier(0.4, 0, 0.2, 1);
        }
        .accordion-open .accordion-content {
            max-height: 500px;
        }
        .accordion-open .accordion-icon {
            transform: rotate(180deg);
            color: #00E599;
        }