/* roulang page: index */
:root {
            --color-primary: #10B981;
            --color-accent: #00DC82;
            --color-dark: #0B132B;
            --color-navy: #111827;
            --color-sky: #0EA5E9;
            --color-surface: #F8FAFC;
            --shadow-subtle: 0 4px 20px -2px rgba(11, 19, 43, 0.05);
            --shadow-card: 0 10px 30px -4px rgba(11, 19, 43, 0.08);
            --shadow-float: 0 20px 40px -6px rgba(16, 185, 129, 0.15);
        }

        body {
            font-family: 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', system-ui, sans-serif;
            background-color: #FFFFFF;
            color: #1E293B;
            line-height: 1.6;
            overflow-x: hidden;
        }

        .hero-pattern {
            background-image: radial-gradient(circle at 10% 20%, rgba(16, 185, 129, 0.08) 0%, transparent 40%),
                              radial-gradient(circle at 90% 80%, rgba(14, 165, 233, 0.08) 0%, transparent 40%);
        }

        .card-glow:hover {
            box-shadow: var(--shadow-float);
            border-color: rgba(16, 185, 129, 0.4);
            transform: translateY(-4px);
        }

        .tab-active {
            background-color: #10B981;
            color: #FFFFFF;
        }

        .accordion-content {
            transition: max-height 0.35s ease, opacity 0.35s ease;
            max-height: 0;
            overflow: hidden;
            opacity: 0;
        }

        .accordion-item.active .accordion-content {
            max-height: 280px;
            opacity: 1;
        }

        .accordion-item.active .accordion-icon {
            transform: rotate(180deg);
        }

        /* 隐藏移动端原生滚动条 */
        .no-scrollbar::-webkit-scrollbar {
            display: none;
        }
        .no-scrollbar {
            -ms-overflow-style: none;
            scrollbar-width: none;
        }