/* roulang page: index */
:root {
            --bg-deep: #0D0E11;
            --bg-card: #16181D;
            --bg-elevated: #1F232B;
            --border-line: #242831;
            --brand-peach: #E25C48;
            --brand-amber: #FF7A64;
            --text-heading: #F2EFEB;
            --text-muted: #9CA3AF;
        }
        body {
            background-color: var(--bg-deep);
            color: var(--text-heading);
            font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
            -webkit-font-smoothing: antialiased;
        }
        .peach-gradient {
            background: linear-gradient(135deg, #FF7A64 0%, #E25C48 100%);
        }
        .peach-text-gradient {
            background: linear-gradient(135deg, #FF9E8C 0%, #E25C48 100%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
        }
        .wave-line {
            display: inline-flex;
            align-items: center;
            gap: 2px;
            height: 16px;
        }
        .wave-bar {
            width: 3px;
            background-color: #FF7A64;
            border-radius: 9999px;
            animation: waveAnim 1.2s ease-in-out infinite alternate;
        }
        .wave-bar:nth-child(2) { animation-delay: 0.2s; height: 10px; }
        .wave-bar:nth-child(3) { animation-delay: 0.4s; height: 16px; }
        .wave-bar:nth-child(4) { animation-delay: 0.1s; height: 8px; }
        .wave-bar:nth-child(5) { animation-delay: 0.5s; height: 14px; }
        @keyframes waveAnim {
            0% { transform: scaleY(0.3); }
            100% { transform: scaleY(1); }
        }
        details > summary {
            list-style: none;
        }
        details > summary::-webkit-details-marker {
            display: none;
        }

/* roulang page: category1 */
:root {
            --bg-deep: #0D0E11;
            --bg-card: #16181D;
            --bg-elevated: #1F232B;
            --border-line: #242831;
            --brand-peach: #E25C48;
            --brand-amber: #FF7A64;
            --text-heading: #F2EFEB;
            --text-muted: #9CA3AF;
        }
        body {
            background-color: var(--bg-deep);
            color: var(--text-heading);
            font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
            -webkit-font-smoothing: antialiased;
        }
        .peach-text-gradient {
            background: linear-gradient(135deg, #FF9E8C 0%, #E25C48 100%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
        }
        .peach-gradient {
            background: linear-gradient(135deg, #E25C48 0%, #FF7A64 100%);
        }
        .cta-gradient {
            background: linear-gradient(135deg, #FF7A64 0%, #E25C48 100%);
        }
        /* 音轨波形动效线 */
        @keyframes soundwave {
            0%, 100% { height: 4px; }
            50% { height: 20px; }
        }
        .waveform-bar {
            animation: soundwave 1.4s ease-in-out infinite;
        }
        .waveform-bar:nth-child(2) { animation-delay: 0.2s; }
        .waveform-bar:nth-child(3) { animation-delay: 0.4s; }
        .waveform-bar:nth-child(4) { animation-delay: 0.1s; }
        .waveform-bar:nth-child(5) { animation-delay: 0.3s; }
        
        /* 交互微细节 */
        .media-card:hover .wave-indicator {
            opacity: 1;
        }
        details summary::-webkit-details-marker {
            display: none;
        }