/* roulang page: index */
:root {
            --color-primary: #00C076;
            --color-primary-dark: #0A1F1A;
            --color-gold: #F59E0B;
            --color-bg-light: #F8FAFC;
            --color-text-main: #1E293B;
            --color-text-muted: #64748B;
            --radius-box: 16px;
            --shadow-card: 0 4px 20px -2px rgba(10, 31, 26, 0.06);
            --shadow-card-hover: 0 12px 30px -4px rgba(10, 31, 26, 0.12);
        }

        body {
            font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
            background-color: var(--color-bg-light);
            color: var(--color-text-main);
            overflow-x: hidden;
        }

        .num-font {
            font-family: 'SFMono-Regular', Consolas, Monaco, monospace;
            font-feature-settings: "tnum";
            font-variant-numeric: tabular-nums;
        }

        .custom-card {
            background: #FFFFFF;
            border: 1px solid rgba(226, 232, 240, 0.9);
            box-shadow: var(--shadow-card);
            border-radius: var(--radius-box);
            transition: all 0.28s cubic-bezier(0.4, 0, 0.2, 1);
        }

        .custom-card:hover {
            box-shadow: var(--shadow-card-hover);
            transform: translateY(-4px);
            border-color: rgba(0, 192, 118, 0.4);
        }

        .dark-card {
            background: #112D26;
            border: 1px solid rgba(0, 192, 118, 0.2);
            border-radius: var(--radius-box);
            transition: all 0.28s ease;
        }

        .dark-card:hover {
            border-color: rgba(0, 192, 118, 0.5);
            transform: translateY(-3px);
            box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.5);
        }

        /* 手风琴折叠样式 */
        details summary::-webkit-details-marker {
            display: none;
        }
        details[open] summary .faq-icon {
            transform: rotate(180deg);
            color: #00C076;
        }

        /* 轮播过渡动画 */
        .slider-slide {
            opacity: 0;
            position: absolute;
            inset: 0;
            transition: opacity 0.6s ease-in-out;
            pointer-events: none;
        }
        .slider-slide.active {
            opacity: 1;
            position: relative;
            pointer-events: auto;
        }