/* roulang page: index */
:root {
            --primary-navy: #0A192F;
            --deep-slate: #0B1120;
            --accent-green: #10B981;
            --accent-gold: #D97706;
            --border-line: rgba(226, 232, 240, 0.15);
        }
        body {
            font-family: 'PingFang SC', 'Microsoft YaHei', -apple-system, sans-serif;
            background-color: #0B1120;
            color: #E2E8F0;
            line-height: 1.75;
            letter-spacing: -0.01em;
        }
        .chip-grid-pattern {
            background-image: radial-gradient(rgba(16, 185, 129, 0.1) 1px, transparent 1px),
                              radial-gradient(rgba(148, 163, 184, 0.05) 1px, transparent 1px);
            background-size: 24px 24px;
            background-position: 0 0, 12px 12px;
        }
        .chip-border {
            border: 1px solid rgba(51, 65, 85, 0.7);
            border-radius: 4px;
            transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
        }
        .chip-border:hover {
            border-color: rgba(16, 185, 129, 0.8);
            box-shadow: 0 6px 20px -4px rgba(16, 185, 129, 0.15);
        }
        .accordion-content {
            transition: max-height 0.3s cubic-bezier(0, 1, 0, 1);
            max-height: 0;
            overflow: hidden;
        }
        .accordion-content.active {
            max-height: 500px;
            transition: max-height 0.3s ease-in-out;
        }