/* roulang page: index */
:root {
            --primary: #0A2540;
            --brand-green: #00E599;
            --brand-orange: #FF5400;
            --dark-bg: #0B0F19;
            --light-bg: #F8FAFC;
        }
        body {
            font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
            color: #334155;
            background-color: #ffffff;
        }
        .hero-banner {
            background: linear-gradient(rgba(10, 37, 64, 0.85), rgba(11, 15, 25, 0.92)), url('/assets/images/3bcb5011617aff10.jpg') center/cover no-repeat;
        }
        .dark-showcase-bg {
            background: linear-gradient(rgba(11, 15, 25, 0.95), rgba(11, 15, 25, 0.95)), url('/assets/images/ba0bafcc42d1d88e.webp') center/cover no-repeat;
        }
        .creator-avatar-glow {
            box-shadow: 0 0 25px rgba(0, 229, 153, 0.4);
        }
        .accordion-content {
            max-height: 0;
            overflow: hidden;
            transition: max-height 0.3s ease-out;
        }
        .accordion-content.active {
            max-height: 500px;
        }