/* roulang page: index */
:root {
            --primary: #0F172A;
            --accent: #06B6D4;
            --accent-hover: #00D2B4;
            --cta: #F97316;
            --cta-hover: #EA580C;
            --bg-base: #F8FAFC;
            --text-main: #0F172A;
            --text-body: #334155;
            --text-muted: #64748B;
            --border-color: #E2E8F0;
        }

        body {
            color: var(--text-body);
            background-color: var(--bg-base);
            font-family: 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', sans-serif;
            -webkit-font-smoothing: antialiased;
        }

        .hero-slide {
            transition: opacity 0.8s ease-in-out, transform 0.8s ease-in-out;
        }

        .hero-slide.active {
            opacity: 1;
            transform: scale(1);
            pointer-events: auto;
        }

        .hero-slide.inactive {
            opacity: 0;
            transform: scale(1.02);
            pointer-events: none;
        }

        details > summary::-webkit-details-marker {
            display: none;
        }

        .custom-scrollbar::-webkit-scrollbar {
            width: 6px;
            height: 6px;
        }
        .custom-scrollbar::-webkit-scrollbar-thumb {
            background: #cbd5e1;
            border-radius: 4px;
        }

        .glow-hover:hover {
            box-shadow: 0 10px 30px -10px rgba(6, 182, 212, 0.25);
        }