/* roulang page: index */
:root {
            --primary: #0A2540;
            --accent: #00D084;
            --accent-hover: #00b371;
            --score-red: #FF4D4F;
            --bg-main: #F8FAFC;
            --text-dark: #0F172A;
            --text-muted: #64748B;
            --radius-default: 12px;
        }

        html {
            scroll-behavior: smooth;
            font-family: system-ui, -apple-system, "PingFang SC", "Microsoft YaHei", sans-serif;
        }

        /* 隐藏横向滚动条但保留滚动功能 */
        .no-scrollbar::-webkit-scrollbar {
            display: none;
        }
        .no-scrollbar {
            -ms-overflow-style: none;
            scrollbar-width: none;
        }

        .chip-nav-item {
            transition: all 0.2s ease-in-out;
            white-space: nowrap;
        }
        .chip-nav-item:hover, .chip-nav-item.active {
            background-color: var(--accent);
            color: #0A2540;
            font-weight: 600;
        }

        details summary::-webkit-details-marker {
            display: none;
        }
        details[open] summary svg {
            transform: rotate(180deg);
        }

        .hero-magazine-grid {
            display: grid;
            grid-template-columns: 1fr;
            gap: 2rem;
        }
        @media (min-width: 1024px) {
            .hero-magazine-grid {
                grid-template-columns: 1.25fr 0.95fr;
                gap: 3rem;
            }
        }